@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}


.tit1{ font:45px "Microsoft YaHei"; text-align:center; color:#000; font-weight:bold;overflow:hidden;}
.tit1 a{ display:block; color:#000;}
.tit1 em{ display:block; font:16px "Microsoft YaHei"; color:#fff; line-height:38px; margin-top:8px;}
.tit1 b{ color:#0049b7;}

.yinz{ margin:110px 0 80px; position:relative;}
.yinz dt{ width:51.35%; float:right;}
.yinz dt img{ display:block; width:100%;}
.yinz dd{ width:520px; position:absolute; top:0; left:50%; margin-left:-600px;}
.yinz dd h3{ height:151px; overflow:hidden; font:37px "Microsoft YaHei UI"; font-weight:bold; color:#000; padding-top:66px; background:url(/images/yinz1.png) no-repeat left top; padding-left:160px;}
.yinz dd h3 em{ display:block; font:18px "Microsoft YaHei UI"; color:#333; margin-top:18px;}
.yinz dd p{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#333; text-indent:2rem;}
.yinz dd span{ display:block; margin:1.2rem 0 1.5rem; font:16px "Microsoft YaHei UI"; color:#666; position:relative; text-align:right; background:url(/images/yinz_q.png) no-repeat right center; padding-right:85px; line-height:40px;}
.yinz dd span:before{ content:""; position:absolute; top:22px; left:180px; width:105px; height:1px; background:#c4c4c4;}
.yinz dd h5 a{ display:block; width:200px; height:56px; background:#0049b8; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#fff; text-align:center; text-transform:uppercase; line-height:56px;}

.par{ height:250px;}
.par .content{ position:relative; height:200px;}
.par h2{ text-align:center; font:40px "Microsoft YaHei UI"; color:#000;}
.par1{ width:1170px; margin:35px auto 0; overflow:hidden;}
.par h2 a{ color:#000;}
.par li{ width:184px; float:left; margin-left:10px;}
.par li img{ display:block; width:100%;}
.par_l{ position:absolute; top:105px; left:-12px; width:23px; height:45px;}
.par_r{ position:absolute; top:105px; right:-12px;width:23px; height:45px;}

.pro{ height:auto; padding:90px 0; overflow:hidden; background:url(/images/fang_bg.jpg) no-repeat center top;}
.pro .content{ position:relative;}
.pro .tit1 a{ color:#fff;}
.pro .tit1 em{ margin-top:13px; color:#0049b7;}
.prot{ height:103px; margin-top:28px; overflow:hidden;}
.prot h3{ width:171px; float:left; height:62px; font:18px "Microsoft YaHei UI"; text-align:center; position:relative;}
.prot h3 a{ display:block; color:#fff;}
.prot h3 em{ display:block; width:33px; height:31px; margin:0 auto 8px;}
.prot h3 em img{display:block; width:33px; height:31px;}
.prot h3:before{ content:""; position:absolute; top:0; right:0; width:1px; height:62px; background:#87a5d2;}
.prot h3:last-child:before{ background:none;}
.prot h3 a:hover,.prot .cur a{ font-weight:bold; text-decoration:underline;}
.pro1{ height:600px; overflow:hidden;}
.pro1 dt{ width:1200px; height:600px; overflow:hidden; position:relative;}
.pro1 dt img{ display:block;width:1200px; height:628px;}
.pro1 dd{ width:1200px; height:125px; background:rgba(0,0,0,0.5); position:absolute; bottom:0;}
.pro1 dd h4 a{ display:block; font:22px "Microsoft YaHei UI"; font-weight:bold; padding:32px 0 0 67px; color:#fff;}
.pro1 dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#fff; width:1070px; padding:8px 0 0 67px;}
.pro_l{ position:absolute; top:452px; left:-30px;}
.pro_r{ position:absolute; top:452px; right:-30px;}

.pro2{ height:auto; padding-top:20px; overflow:hidden;}
.pro2 li{ width:33.33%; float:left; background:#fff; margin:20px 0; border-right:1px solid #ccc; box-sizing:border-box;}
.pro2 li img{ display:block; width:100%;}
.pro2 li h4{ font:24px "Microsoft YaHei UI"; font-weight:bold; color:#333; padding:10px 0 10px 32px;}
.pro2 li h4 em{ display:block; font:12px "Microsoft YaHei UI"; margin-top:3px;}
.pro2 li:hover{ box-shadow:0.1rem 0.1rem 1rem 0.1rem #999; position:relative; z-index:8;}
.pro2 li:hover h4{ background:url(/images/pro_arr.png) no-repeat right center; color:#0049b7;}

.ys{ height:970px; padding-top:80px; background:url(/images/ys_bg.jpg) no-repeat center top;}
.ys .tit1 em{ margin-top:12px;}
.yst{ width:1200px; margin:45px auto 0; height:73px;}
.yst li{ width:33.33%; float:left; border-bottom:8px solid #fff; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#000; line-height:65px;}
.yst li span{ display:block; width:64px; height:60px; float:left; margin:0 16px 0 72px; position:relative;}
.yst li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.yst li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.yst li img{display:block; width:64px; height:60px;}
.yst .cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.yst .cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.yst .cur{ color:#06389e; border-bottom:8px solid #06389e;}
.ys1 .dl1{ background:url(/images/ys1.jpg) no-repeat center 0; position:relative; height:731px; overflow:hidden;}
.ys1 .dl2{ background:url(/images/ys2.jpg) no-repeat center 0; position:relative; height:731px; overflow:hidden;}
.ys1 .dl3{ background:url(/images/ys3.jpg) no-repeat center 0; position:relative; height:731px; overflow:hidden;}
.ys11{ width:1200px; height:244px; position:absolute; bottom:0; left:50%; margin-left:-600px; background:rgba(255,255,255,0.9);}
.ys1 dd{ width:625px; float:left; margin:30px 0 0 25px; overflow:hidden;}
.ys1 dd h3{ font:32px "Microsoft YaHei UI"; font-weight:bold; color:#06389e;}
.ys1 dd h3 em{ display:block; font:28px "Microsoft YaHei UI"; color:#282828; margin:0 0 22px;}
.ys1 dd p{ font:16px "Microsoft YaHei UI"; line-height:27px; color:#333; padding-left:18px; position:relative;}
.ys1 dd p:before{ content:""; position:absolute; top:9px; left:0; width:9px; height:9px; background:#06389e; border-radius:9px;}
.ys1 dt{ width:515px; float:right; margin:50px 25px 0 0;}
.ys1 dt img{ display:block; width:235px; height:150px; border:6px solid #fff;}

.honor1{ height:445px; overflow:hidden;}
.honor1 h2{ height:112px; font:32px "Microsoft YaHei UI"; font-weight:bold; line-height:112px; overflow:hidden; color:#06389e;}
.honor1 h2 a{ color:#06389e;}
.honor1 h2 em{ float:right; font:18px "Microsoft YaHei UI"; font-weight:bold; line-height:112px; background:url(/images/honor_arr.png) no-repeat right center; padding-right:40px;}
.honor1 li{ width:185px; float:left; margin-right:15px;}
.honor1 li img{ display:block; width:183px; height:244px; border:1px solid #717171;}
.honor1 li a:hover img{ border:5px solid #0049b7; box-sizing:border-box;}

.honor2{ background:url(/images/honor_bg.jpg) no-repeat center top; height:580px; padding-top:80px; overflow:hidden;}
.honor2 .content{ position:relative;}
.honor22{ width:1020px; margin:96px auto 0; height:440px; overflow:hidden;}
.honor22 li{ width:245px; height:203px; float:left;margin-right:15px;}
.honor22 li img{ display:block; width:100%;}
.honor_l{ width:50px; height:50px; font:42px "宋体"; font-weight:bold; text-align:center; line-height:50px; color:#fff; background:#0049b7; border-radius:50px; position:absolute; top:280px; left:20px;}
.honor_r{ width:50px; height:50px; font:42px "宋体"; font-weight:bold; text-align:center; line-height:50px; color:#fff; background:#0049b7; border-radius:50px;position:absolute; top:280px; right:20px;}
.honor3{ height:170px; overflow:hidden;}
.honor3 li{ width:400px; float:left; height:64px; border-bottom:1px solid #e9e9e9; overflow:hidden; font:20px "Microsoft YaHei UI"; line-height:64px; color:#282828;}
.honor3 li a{ display:block; color:#282828; padding-left:15px; position:relative;}
.honor3 li a:hover{ font-weight:bold; color:#0049b7; text-decoration:underline;}
.honor3 li a:before{ content:""; position:absolute; top:32px; left:0; width:6px; height:2px; background:#686868;}

.lc{ background:url(/images/lc_bg.jpg) no-repeat center top; height:700px; overflow:hidden; padding-top:78px;}
.lc ul{ height:430px; margin-top:50px;}
.lc li{width:106px;height:220px; font:14px "Microsoft YaHei UI"; font-weight:bold; color:#333; line-height:44px; text-align:center; float:left; margin:0 55px; position:relative;}
.lc li span{ display:block; width:106px; height:122px; position:relative;}
.lc li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.lc li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.lc li img{display:block; width:106px; height:122px;}
.lc li b{ display:block; width:49px; height:32px;background:url(/images/lc_arr1.png) no-repeat; position:absolute; top:43px; left:135px;}
.lc li:nth-child(6) b{ display:block; width:32px; height:49px; position:absolute; top:160px; left:38px;background:url(/images/lc_arr3.png) no-repeat;}
.lc li:nth-child(6n){ margin-right:0;}
.lc li:nth-child(1),.lc li:nth-child(7){ margin-left:0;}
.lc li:nth-child(7) b,.lc li:nth-child(8) b,.lc li:nth-child(9) b,.lc li:nth-child(10) b,.lc li:nth-child(11) b{background:url(/images/lc_arr2.png) no-repeat;}
.lc li:hover span em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.lc li:hover span i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.lc li:hover{ color:#0049b7;}
.lc h5{ width:455px; height:82px; margin:0 auto; font:14px "Microsoft YaHei UI"; line-height:42px; color:#333; background:url(/images/lc_lx.png) no-repeat left 12px; padding-left:50px; position:relative;}
.lc h5 em{ font:28px Arial, Helvetica, sans-serif; color:#0049b7;}
.lc h5 .em01{ position:absolute; top:41px; left:148px;}
.lc h5 a{ display:block; float:right; width:130px; height:42px; font:14px "Microsoft YaHei UI"; color:#fff; line-height:42px; border-radius:2rem; background:#0049b7; text-align:center; margin-top:8px;}


/*新闻资讯*/
.news{ height:785px; margin-top:75px; overflow:hidden;}
.news .tit1 em{ background:url(/images/new_bg.png) no-repeat center center;}
.dyt{ height:54px; border-bottom:1px solid #b5b5b5; position:relative; margin:40px 0 24px;}
.dyt h3{ font:18px "Microsoft YaHei UI"; float:left; margin-right:80px; line-height:54px;}
.dyt h3 span{ display:block; width:30px; height:26px; position:relative; float:left; margin:14px 8px 0 0;}
.dyt h3 span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.dyt h3 span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.dyt h3 span img{display:block; width:30px; height:26px;}
.dyt h3 a{ display:block; color:#333;}
.dyt h3 a:hover,.dyt .cur a{ font-weight:bold; color:#0049b7; border-bottom:2px solid #0049b7; box-sizing:border-box;}
.dyt h3 a:hover span em,.dyt .cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.dyt h3 a:hover span i,.dyt .cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.dyt h5 a{ display:block; float:right; font:18px "Microsoft YaHei UI"; line-height:54px; color:#333; background:url(/images/honor_arr.png) no-repeat right center; padding-right:35px;}
.dy1,.dy2{ height:480px; overflow:hidden;}
.dy1 .dl1{ width:600px; float:left; overflow:hidden; position:relative;}
.dy1 .dl1 dt{ width:600px; height:336px;overflow:hidden;}
.dy1 .dl1 dt img{ display:block;width:600px; height:336px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy1 .dl1 dd h4{ height:50px; font:16px "Microsoft YaHei UI"; line-height:50px; color:#0049b7; margin-top:14px;}
.dy1 .dl1 dd h4 a{ display:block; color:#0049b7; font-weight:bold;}
.dy1 .dl1 dd p{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#666;}
.dy1 .dl1:hover dt img,.dy3 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy3{ width:560px; float:right;}
.dy3 dl{ height:100px; overflow:hidden; border:1px solid #eaeaea; margin-bottom:16px; padding:0 30px;}
.dy3 dt a{ display:block; font:16px "Microsoft YaHei UI"; font-weight:bold; color:#333;overflow:hidden; margin:20px 0 15px;}
.dy3 dt em{ float:right; color:#999; font-size:15px; background:url(/images/new_arr1.png) no-repeat right center; padding-right:44px;}
.dy3 dd{ font:16px "Microsoft YaHei UI"; color:#666;}
.dy3 dl:hover{ border:1px solid #0049b7;}
.dy3 dl:hover dt a{ color:#0049b7;}
.dy3 dl:hover dt em{background:url(/images/new_arr2.png) no-repeat right center;}




/*关于*/
.about{ margin-bottom:100px;overflow:hidden;}
.about h2 img{ display:block; width:100%;}
.about dl{ height:225px; position:relative;}
.about dt{ width:400px; height:356px; background:#fff; float:left; position:relative; margin-top:-130px; z-index:8; overflow:hidden;}
.about dt a{ display:block; font:32px "Microsoft YaHei UI"; font-weight:bold; color:#333333; padding:30px 0 0 60px;}
.about dt em{ display:block; font:16px "Microsoft YaHei UI"; color:#333; margin-top:8px;}
.about dt span{ display:block; background:#06389e url(../images/about_lx.png) no-repeat 60px 70px; position:relative; margin-left:-60px; color:#fff; margin-top:25px; font:14px "Microsoft YaHei UI"; color:#ccd1e5; padding:70px 0 70px 85px;}
.about dt span:before{ content:""; position:absolute; top:0; left:60px; width:0; height:0; border-top:10px solid #fff; border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);}
.about dt span i{ display:block; font:36px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; margin:12px 0 0 -25px;}
.about dd{ width:740px; float:right; margin-top:40px; overflow:hidden;}
.about dd h4 a{ display:block; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#333; margin:0 0 12px;}
.about dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#666;}
.about dd p a{ color:#0459ba;}

.pic{ height:310px;}
.pict{ height:60px; overflow:hidden; position:relative; margin:-62px 0 0 455px;}
.pict h3{ font:20px "Microsoft YaHei UI";line-height:60px; height:60px; margin-right:54px; float:left; font-weight:bold;}
.pict h3 a{ display:block; color:#282828;}
.pict h3 a:hover,.pict .cur a{ color:#0459ba;}
.pic1,.pic2{ height:420px; overflow:hidden;}
.pic1 li{ width:283px; float:left; margin:20px 22px 0 0; position:relative;}
.pic1 li img{ display:block; width:100%;}
.pic1 li h4{ display:none; position:absolute; bottom:0; width:100%; height:30px; font:14px "Microsoft YaHei UI"; text-align:center; line-height:30px; color:#fff; background:rgba(0,73,183,0.9);}
.pic1 li a:hover h4{ display:block;}


.link{ background:#282828; padding:20px 0 50px;position: relative;}
.link p{font:14px "Microsoft YaHei"; margin-left:-25px;}
.link p b{color:#878787;}
.link p a{ display: inline-block; font:14px "Microsoft YaHei"; color:#878787; line-height:24px; height:24px; padding:0 15px; position:relative;}
.link p a:hover{ color:#fff; font-weight:bold; text-decoration:underline;}
.link p a:last-child{ padding-right:0;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}<!--0.00025510787963867-->