@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;}

.aaa li{
    width: 100% !important;
}
ul.aaa {
    width: 100% !important;
}
.banner{ height:650px;width:100%; z-index:1;}
.banner .bd,.banner .bd li{height: 650px;position: relative;}
.banner .bd li img{ height:650px;margin-left: -960px;
    position: absolute;
    left: 50%;}

.banner .bantil {
    width: 228px;
    height: 21px;
    position: absolute;
    margin-top: -10%;
    /* bottom: 20%; */
    left: 50%;
    margin-left: -60px;
    z-index: 8;
}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:url(../images/ban_dot.png) no-repeat;opacity:1; border-radius:0; margin:0 12px;}
.banner .bantil li.on{background:url(../images/ban_dot2.png) no-repeat;}

.sou{ height:103px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.sou p{ width:600px; float:left; font:14px "Microsoft YaHei"; color:#666;} 
.sou p b{ display:block; color:#333; padding:30px 0 10px;}
.sou p a{ color:#666; padding-right:15px;}
.sou p a:hover{ color:#0053a3; font-weight:bold;}
.sou01{ margin-top:28px; float:right;}
.ip01{ width:173px; height:46px; background:url(../images/sou1.png) no-repeat; font:14px "Microsoft YaHei"; line-height:46px; color:#666; overflow:hidden; padding-left:20px; outline:none; border:0;}
.ip02{ width:49px; height:46px; overflow:hidden; background:url(../images/sou2.png) no-repeat; outline:none; cursor:pointer; border:0;}

.yinz{ height:530px; margin-top:75px; position:relative; z-index:3;}
.yinz dl{ height:500px; background:#fff; width:289px; float:left; margin-right:14px; overflow:hidden; box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #999;}
.yinz dt{ width:289px; height:229px;}
.yinz dt img{ display:block;width:289px; height:229px;}
.yinz dt span{ display:block; width:111px; height:111px;margin:-55px auto 0; position:relative;}
.yinz dt span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.yinz dt span img{display:block; width:111px; height:111px;}
.yinz dt 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;}
.yinz dd h3{ margin-top:85px; text-align:center; font:20px "Microsoft YaHei"; font-weight:bold; color:#271616;}
.yinz dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; padding:5px 20px 0 20px; text-align:center;}
.yinz dl:nth-child(5){ margin-right:0;}
.yinz dl:hover 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);}
.yinz dl:hover i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.tit1{ text-align:center; height:140px; position:relative; font:38px "Microsoft YaHei"; font-weight:bold; color:#333333;}
.tit1:before{ content:""; position:absolute; top:60px; left:50%; width:62px; height:1px; background:#ffb102; margin-left:-31px;}
.tit1 a{ color:#333333;font-size: 38px;
    font: 38px "Microsoft YaHei";
    font-weight: bold;}
.tit1 em{ display:block; font:20px "Microsoft YaHei"; color:#333; padding-top:20px;}

/**/
.pro_bj{height:950px;background:url(../images/pro_bg.jpg) no-repeat center top; padding-top:130px; margin-top:-50px;position:relative; z-index:2;}
.fen{ width:216px; overflow:hidden; background:#fff;}
.fen h3{ width:216px; height:66px; overflow:hidden; text-align:center; font:16px "Microsoft YaHei"; line-height:66px; background:#0053a3; border-bottom:1px solid #fff;}
.fen h3 a{ color:#fff; display:block;}
.fen li{ width:108px; height:48px; font:14px "Microsoft YaHei"; line-height:48px; text-transform:uppercase; float:left; border-bottom:1px solid #e5e5e5;}
.fen li a{ display:block; color:#333; padding-left:22px; position:relative;}
.fen li a:before{ content:""; position:absolute; top:22px; left:16px; width:5px; height:1px; background:#333;}
.fen li a:hover{ color:#f2ca13;}
.fen li a:hover:before{ background:#f2ca13;}
.pro{ width:970px; overflow:hidden;}
.pro h3{ width:703px; float:left; overflow:hidden;}
.pro h3 img{ display:block; width:703px; height:526px;}
.pro h3 em{ display:block; height:65px; background:#0f162f; font:16px "Microsoft YaHei"; line-height:65px; color:#fff; overflow:hidden; text-align:center; position:relative;}
.pro h3 i{ float:right; font:14px "Microsoft YaHei"; line-height:65px; position:absolute; top:0; right:16px; display:block;}
.pro1{ width:256px; float:right; overflow:hidden; height:591px;}
.pro1 li{ width:256px; height:192px; overflow:hidden; position:relative; margin-bottom:9px;}
.pro1 li img{ display:block;width:256px; height:192px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro1 li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro1 li em{ display:block; font:14px "Microsoft YaHei"; line-height:40px; height:40px; overflow:hidden; color:#fff; position:absolute; bottom:0; left:0; text-align:center; background:rgba(6,14,48,0.5); width:100%;}
.pro h5{ height:95px; background:#fff; margin-top:8px; padding-left:287px;}
.pro h5 span{ display:block; font:14px Arial; font-weight:bold; color:#333; text-transform:uppercase; background:url(../images/lx.png) no-repeat left 30px; width:220px; padding:22px 0 0 35px; float:left; height:50px;}
.pro h5 span em{ display:block; font:26px Arial; font-weight:bold; color:#052e66;}
.pro h5 i a{ display:block; width:140px; height:48px; background:#0053a3; border-radius:2rem; font:14px "Microsoft YaHei"; text-align:center; line-height:48px; color:#fff; float:left; margin-top:16px;}

.pinz{ height:567px; overflow:hidden; background:url(../images/pinz_bg.jpg) no-repeat center top; padding-top:65px;}
.pinz .tit1{ color:#fff;}
.pinz .tit1 em{ color:#ffb102;}
.pinz dl{ width:383px; height:159px; overflow:hidden; background:url(../images/pinz_bg1.png) no-repeat; float:left; margin:0 25px 30px 0;}
.pinz dt{width:383px; height:159px; overflow:hidden;}
.pinz dt em{ display:block; width:89px; height:89px; float:left; padding:30px 20px 0 30px; overflow:hidden;}
.pinz dt em img{display:block; width:89px; height:89px;}
.pinz dt span{ display:block; padding:46px 0 0 0; font:26px "Microsoft YaHei"; font-weight:bold; color:#0053a3;}
.pinz dt span i{ display:block; font-size:16px; color:#333; padding-top:5px;}
.pinz dd{ background:url(../images/pinz_bg2.png) no-repeat;width:383px; height:159px; overflow:hidden;}
.pinz dd em{ display:block; font:20px "Microsoft YaHei"; font-weight:bold; text-align:center; padding:24px 0 10px; color:#fff;}
.pinz dd p{ padding:0 55px; text-align:center; font:16px "Microsoft YaHei"; line-height:24px; color:#fff;}
.pinz .dl01 span{ font:14px Arial; font-weight:bold; text-transform:uppercase; color:#333;}
.pinz .dl01 span i{ font-size:26px; padding-top:8px;}
.pinz .dl01,.pinz .dl02{ margin-right:0;}
.pinz dl:hover dt{ display:none;}
.pinz .dl01:hover dt{ display:block;}

.case{ margin-top:70px; height:695px;}
.caset{ height:134px; width:840px; margin:0 auto; overflow:hidden;}
.caset li{ width:140px; float:left; font:16px "Microsoft YaHei"; text-align:center;}
.caset li a{ display:block; color:#333;}
.caset li span{ display:block; width:65px; height:65px; position:relative; overflow:hidden; margin:0 auto 5px;}
.caset li span img{display:block; width:65px; height:65px;}
.caset li 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;}
.caset li 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;}
.caset li a:hover em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.caset li a:hover i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.case2 li{ width:23.23%; float:left; margin:0 1.34375% 0 0;}
.case2 li img{ display:block; width:100%;border:1px solid #938b8b;}
.case2 li p{ width:85.8%; margin:0px auto 0; height:40px; position:relative;background: #e1e1e1; padding:0px 0 0 0%; font:18px "Microsoft YaHei"; color:#333;}
.case2 li p em{ display:block; font-size:14px;}
.case2 li span{ display:block; width:90px; height:90px;position:absolute; top:0; right:0;}
.case2 li a:hover span{ background:#ffb102 url(../images/case_btn.png) no-repeat center center;}

.ys{ height:995px; overflow:hidden; background:url(../images/ys_bg.jpg) no-repeat center top;}
.ys .content{ position:relative;}
.ys .tit1{ padding:30px 0; height:182px;}
.ys .tit1:before{ top:140px;}
.ys .tit1 i{ font-size:90px; font-family: Arial; color:#0053a3;}
.ys1 dl{ position:relative; height:665px;}
.ys1 dt{ width:1180px; height:665px; overflow:hidden; position:absolute; top:0; right:0; margin-right:-360px;}
.ys1 dt img{ display:block;width:1180px; height:665px;}
.ys1 dd{ width:380px; overflow:hidden; margin-top:95px;}
.ys1 dd h3{ font:32px "Microsoft YaHei"; font-weight:bold; color:#1247a7; position:relative; padding-bottom:14px;}
.ys1 dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:260px; height:1px; background:#d7d7d7;}
.ys1 dd h3 em{ display:block; font-size:40px; color:#dbdbdb; font-family: Arial; font-weight:normal;}
.ys1 dd p{ font:14px "Microsoft YaHei"; line-height:27px; color:#666; margin-top:18px; width:337px;}
.yst{ position:absolute; top:690px; left:0; z-index:2; width:570px; height:112px; background:rgba(19,43,144,0.7);}
.yst li{ width:190px; height:112px; float:left; font:20px "Microsoft YaHei"; font-weight:bold; line-height:112px; color:#fff;}
.yst li span{ display:block; width:34px; height:36px; overflow:hidden; float:left; margin:40px 10px 0 26px;}
.yst li span img{ display:block;width:34px; height:36px;}
.yst li:nth-child(2){ background:#2a409b;}
.yst li:hover span em,.yst .cur span em{ display:none;}
.yst li:hover,.yst .cur{ background:#ffb102; color:#313131;}


.newtit{ margin-top:75px;}
.newtit:before,.ys .tit1:before{ background:#333;}

.news{ width:645px; height:530px; overflow:hidden;}
.newsnav{ height:60px; margin-bottom:38px; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; overflow:hidden; font:16px "Microsoft YaHei";}
.newsnav a{ display:block; width:200px; height:60px; background:#0053a3; text-align:center; line-height:60px; color:#fff; border-radius:8px; float:left;}
.newsnav em{ font:16px Arial; text-transform:uppercase; color:#d2d2d2; line-height:60px; padding-left:15px;}
.newsnav span a{ display:block; float:right; width:27px; height:27px; background:url(../images/dy_more.png) no-repeat; margin-top:15px;}
.news_c dl{ height:198px; overflow:hidden; margin-bottom:40px;}
.news_c dt{ width:272px; float:left; height:198px; overflow:hidden;}
.news_c dt img{ display:block; width:272px; height:198px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news_c dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news_c dd{ width:355px; float:right; overflow:hidden;}
.news_c dd h3 a{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; color:#333; height:40px;  overflow:hidden;}
.news_c dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:96px; overflow:hidden;}
.news_c dd span a{ display:block; width:170px; height:40px; font:14px "Microsoft YaHei"; text-align:center; line-height:40px; color:#fff; overflow:hidden; background:#0053a3; margin-top:15px; border-radius:2rem;}
.news_c li{ height:74px; font:14px "Microsoft YaHei"; line-height:74px; border:1px solid #ebebeb; margin-bottom:20px; background:#fff;}
.news_c li p{ width:115px; float:left; text-align:center; height:50px; margin-top:10px; font:16px Arial; color:#aaa;border-right:1px solid #ebebeb; margin-right:20px;}
.news_c li p span{ display:block; font:24px Arial; color:#333;}
.news_c li a{ display:block; color:#333;background: url(../images/dy_icon1.png) no-repeat 580px center;}
.news_c li a:hover{background: url(../images/dy_icon2.png) no-repeat 580px center;}

.faq{ width:520px; height:555px; overflow:hidden; float:right;}
.faq2{ height:444px;}
.faq h2{ background:#fff; font:16px "Microsoft YaHei"; line-height:60px;height:60px; border-radius:0.3rem; border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb; margin-bottom:15px;}
.faq h2 a{ display:block; color:#666;background:url(../images/dy_more.png) no-repeat right center;}
.faq h2 em{ font:16px Arial; text-transform:uppercase; color:#d2d2d2; line-height:60px; padding-left:15px;}
.faq dl{ border-bottom:1px dashed #ebebeb; padding:29px 0;}
.faq dt a{ display:block; font:14px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden;background: url(../images/w.png) no-repeat left center; padding-left:48px; color:#333; color:#333;}
.faq dd{ font:14px "Microsoft YaHei"; line-height:24px; color:#979797; padding-left:48px; margin-top:5px;}
.faq dt a:hover{ color:#0053a3;}

.about{ background:url(../images/about_bg.jpg) no-repeat center top; height:762px; overflow:hidden; margin-top:0px; padding-top:70px;}
.about dl{ height:480px; overflow:hidden; background:#fff; border-bottom:1px solid #e9e9e9;}
.about dt{ width:851px; height:480px; float:left; overflow:hidden;}
.about dt img{ display:block;width:851px; height:480px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about dd{ width:300px; float:left; padding:45px 0 0 25px; overflow:hidden;}
.about dd h3 a{ display:block; height:42px; position:relative; font:18px "Microsoft YaHei"; font-weight:bold; color:#052e66; position:relative;}
.about dd h3 a:before{ content:""; position:absolute; bottom:0; left:0; width:56px; height:1px; background:#c3c3c3;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:26px; color:#666; margin-top:12px;}
.about dd span{ display:block; margin-top:32px;}
.about dd span a{ display:block; width:130px; height:45px; border-radius:1.5rem; background:#eee; font:14px "Microsoft YaHei"; line-height:45px; color:#333; margin:0 0 24px 5px; float:left; text-align:center;}
.about dd span a:hover{ background:#ffb102;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.about ul{ height:142px; overflow:hidden; background:#fff; padding:0 100px;}
.about li{ width:200px; float:left; font:16px "Microsoft YaHei"; color:#333; padding-left:50px;}
.about li span{ display:block; font:29px "Microsoft YaHei"; font-weight:bold; color:#333; padding-top:8px;}
.about li em{ font-size:70px; color:#0053a3; font-family: Arial;}
.about li:last-child span{font-size:70px; color:#0053a3;}

.link{width:1200px; margin: 0 auto; position: relative;line-height: 70px;}
.link .content{position: absolute; top: -70px;right: 0; width:450px;}
.link p{ width:460px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; font-weight:bold; color:#333; line-height:30px;}
.link p a{ display: inline-block;padding:0 6px; font:14px "Microsoft YaHei";}
.link p a:hover{ color:#0053a3;}





@-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);
  }
}