@charset "utf-8";
body{font-family: "Microsoft YaHei";position: relative;}
.header , .content , .footer { max-width:1280px; margin:0 auto; }
i,em,b{font-style: normal;}

.tit01{font-size: 1.775vw; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.tit01 a{color: #333333; }
.tit01 i{ font-weight: bold; display: block;font-size:1.205vw;color: rgba(26, 26, 26, 0.2); font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
/**/
.yybj{ height: 646px;padding-top: 65px;  background:#fff;  box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yy{max-width:1280px;margin:0 auto 45px; }
.yy dl{height: 400px;}
.yybj dl dt{position: relative; width: 48.571%; max-height: 400px;overflow: hidden; float: left; }
.yybj dl dt img{width:100%;  display: block;}
.yybj dl dt i{width: 100%;max-height:400px;background: url(../images/vdotm.png) no-repeat;background-size: 100%; position: absolute;left:0;top:0%;}
.yybj dl dd{height: 150px; width:45.357%;float: right;margin-right: 15px;padding-top: 25px;}
.yybj dl dd h3{font-size: 1.6vw;color: #333333;line-height: 2.7vw; font-weight: bold;margin-bottom: 20px;}
.yybj dl dd h3 b{ display: block;}
.yybj dl dd p{font-size: 15px; line-height: 32px;color:#666666;margin-bottom: 35px;}
.yybj dl dd span{display: block;}
.yybj dl dd span a{width:133px;height:34px;line-height: 34px; border:1px solid #b9b9b9; font-size:16px;color:#474747; display: block;float: left;text-align: center;}
.yybj dl dd span a:hover,.yybj dl dd span a.cur{background: url(../images/yy_cur.jpg) no-repeat ;color:#fff;border-color: #ef8302;}
.yybj dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.yybj dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

.m_zz{max-width:1280px;margin:0px auto; position: relative;height:110px;  }
.m_zz li{ width:21.142%; height: 110px;padding-left:24px; box-sizing: border-box; float: left; text-align: left; position: relative;cursor: pointer;}
.m_zz li::before{content: "";position: absolute;width: 171px;height:83px;background:url(../images/szlibg.png) no-repeat;left:6px;bottom:6px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.m_zz li em{margin-left:0px;display: block; position: relative;z-index: 1;}
.m_zz li em b{ margin-left:0px;font-size:32px; color: #535353; font-family: "Century Gothic","Arial"; font-weight: bold;line-height: 38px;}
.m_zz li em i{ font-size: 14px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 22px;width:22px; height: 22px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:5px; right:0px;background:url(../images/zz_i.png) no-repeat; }
.m_zz li h3{font-size: 28px; color: #333333; text-align: left; font-weight: normal; line-height: 42px;z-index: 1;position: relative;}

.m_zz li:nth-child(1) em{width: 68px;}
.m_zz li:nth-child(2) em{width:130px;}
.m_zz li:nth-child(2) em i{background:url(../images/zz_i1.png) no-repeat;}
.m_zz li:nth-child(2) em b{font-size: 22px;font-weight: bold;}
.m_zz li:nth-child(3) em{width: 105px;}
.m_zz li:nth-child(4) em{width: 85px;}
.m_zz li:nth-child(5){width: 15.432%;}
.m_zz li:nth-child(5) em{width: 68px;}

@media screen and (max-width:1440px) {
  .yy,.m_zz{width: 1200px;}

}


/**/
.bg1{background: url(../images/cpbg.jpg) no-repeat center top;padding-top:175px;}
.fabj{height: auto;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; padding-bottom: 145px;}
.fa{max-width:1280px;padding:40px 2.2vw;margin:0 auto;background:#fff;clear: both;overflow: hidden;}
.fa_nav{ width: 100%;height:7vw; }
.fa_nav h2{width:30.357%; float: left;text-align: left;}
.fa_nav h3{width: 69.285%; height:45px;margin-top:2.864vw; float: left;}
.fa_nav h3 a{height:2.34375vw;line-height: 2.34375vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:16px; color: #333333;font-weight:normal;text-decoration: none;text-align: left;float: left;box-sizing: border-box;margin-right: 2.583vw;position: relative;}
.fa_nav h3 a:after{content:'';position:absolute;height:2px;width:0%;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;z-index: 1;background-image: -webkit-gradient(linear, left top, right bottom, from(#06beff), to(#0d5de2)); 
  background-image: -webkit-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -moz-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -o-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -ms-linear-gradient(left, #06beff, #0d5de2); 
  background-image: linear-gradient(left, #06beff, #0d5de2);}
.fa_nav h3 a:hover:after,.fa_nav h3 a.cur:after{width:100%;color: #fff;z-index: 1;}
.fa_nav h3 a:last-child{margin-right: 0;}
.fa_nav h3 a.cur,.fa_nav h3 a:hover{color:#287dfc; font-weight: normal;}



.fa_nr{width: 100%; margin-top: 20px; overflow: hidden;}
.fa_nr ul{margin-left: -2%; overflow: hidden;}
.fa_nr ul li{float: left; width: 23%; margin-left: 2%; margin-bottom: 2%; overflow: hidden;}
.fa_nr ul li img{max-width: 100%;}
.fa_nr ul li p{ height:50px; background:#f5f5f5; text-align:center; font:16px "Microsoft YaHei UI"; line-height:50px; color:#000; overflow:hidden;}


/*优势*/
.ys{background:url(../images/ys_bj.jpg) no-repeat center 0; height:700px; overflow: hidden; position: relative; position: relative;}
.ys_c{position: absolute; top: 0; left: 50%; margin-left: -960px; width:960px; height:700px; overflow: hidden;}
.ys_c img{ width:960px; height:700px; }
.ysnav{ width:540px; position: absolute; top: 40px;right: 50%; margin-right: -600px; overflow: hidden;}
.ysnav h2{ font-size: 35px; color:#ef8200;height:140px;overflow: hidden; line-height: 50px;}
.ysnav h2 span{display: block; font-size: 18px;font-weight: normal;color: #fff;}
.ysnav li{ padding-left: 200px; height:150px; margin-bottom: 20px; position: relative; overflow: hidden;}
.ysnav li span{display: block; font-size: 20px; color:#fff;}
.ysnav li span b{color: #ef8200}
.ysnav li p{ font-size: 14px; line-height: 24px; color:#a3c1ef; padding-top:10px;}
.ysnav li:nth-child(1){background:url(../images/ys_ico01.png) no-repeat 0 0; }
.ysnav li:nth-child(2){background:url(../images/ys_ico02.png) no-repeat 0 0; }
.ysnav li:nth-child(3){background:url(../images/ys_ico03.png) no-repeat 0 0; }
.ysnav li::before{position: absolute; content:""; width:1px; height:150px;background:#157fe2; top: 0;left: 162px;}
.ysnav li::after{position: absolute; content:""; width:4px; height:10px;background:#3b93e6; top: 5px;left: 162px;}
.ysnav li:nth-child(1):hover , .ysnav li:nth-child(1).cur{background:url(../images/ys_ico04.png) no-repeat 0 0;}
.ysnav li:nth-child(2):hover , .ysnav li:nth-child(2).cur{background:url(../images/ys_ico05.png) no-repeat 0 0;}
.ysnav li:nth-child(3):hover , .ysnav li:nth-child(3).cur{background:url(../images/ys_ico06.png) no-repeat 0 0;}
.ysnav li:hover::after , .ysnav li.cur::after{background:#fff; height:150px; transition:1s; }


/**/
.fwbj{ position: relative; box-sizing: border-box; background:#fff;  font-family:"Microsoft Yahei";padding:50px 0 70px;}
.fwbj h2{ margin-bottom: 40px;}
.fw{max-width:1280px;  position: relative;margin:0 auto;}
.lc{background: #fff;position: relative;overflow: hidden;height: 328px;}
.lc .con{background: url(../images/lc_bg.jpg) no-repeat center 165px;margin-top: 34px;}
.lc li{float: left;width:109px;height:235px;margin-right: 65px;text-align: center;background: url(../images/lc_cbg.png) no-repeat;margin-left: 6px;}
.lc li:last-child{margin-right: 0;}
.lc li em{display: block;width: 109px;height: 126px;line-height: 0;}
.lc li em.pic1{padding-top: 40px;height: 86px;}
.lc li em.pic2{padding-top: 0px;display: none;}
.lc li span{display: block;font-size: 18px;font-weight: bold;margin-top: 68px;}
.lc li.cur{background: url(../images/lc_cbgh.png) no-repeat;}
.lc li.cur em.pic1{display: none;}
.lc li.cur em.pic2{display: block;}
.lc li.cur span{color: #ef8201;}



.fwkf{max-width:1280px;height:200px;box-shadow: 0 0 35px #bcdcf1; background:#ef8201;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#feb867), to(#ef8201)); 
  background-image: -webkit-linear-gradient(left, #feb867, #ef8201); 
  background-image: -moz-linear-gradient(left, #feb867, #ef8201); 
  background-image: -o-linear-gradient(left, #feb867, #ef8201); 
  background-image: -ms-linear-gradient(left, #feb867, #ef8201); 
  background-image: linear-gradient(left, #feb867, #ef8201);}

.fw_code{float: left;margin-left: 2.604vw;margin-top:39px;}
.fw_code p{width:107px; float: left;margin-right: 1.77vw; font-size:0.833vw;color:#fff; line-height: 34px;text-align: center;}
.fw_code p img{width: 100%;display: block;}
.fw_txt{ line-height: 40px;font-size: 1.15vw;color:#fff;width:40.104vw;text-align: center; float: left;margin-top:60px; font-weight: bold;}
.fw_txt i{display: block;font-weight: lighter;}
.fw_tel{width:240px; text-align: center; float: right;margin-top:40px;margin-right: 2.864vw; line-height: 50px;color:#fff; font-size:1.5625vw;font-weight: bold;}
.fw_tel a{display: block;width:160px;height: 40px;line-height: 40px;border-radius: 20px;border:1px solid #fff;font-size: 0.88vw;color:#fff;margin:0 auto;font-weight: normal;margin-top: 10px;}

@media screen and (max-width:1440px) {
  .fw,.fwkf{width: 1200px;}
  .fw_txt{width:42.104vw;}
}


/**/
.newsbj{ background:#f9f9f9;padding:55px 0 48px;overflow: hidden; font-family:"Microsoft Yahei";}
.news{max-width:1280px;position: relative;margin:0 auto;}
.news h2{ margin-bottom: 25px;text-align: left;}
.news1{width:73.571%; max-width: 1030px; float: left;}
.news1 dl{background:#fff;box-shadow: 5px 8px 10px #e4e5e6;margin-bottom: 17px;height:225px;}
.news1 dt{width:300px;height:225px;float: left;overflow: hidden;}
.news1 dt img{width: 100%;display: block;}
.news1 dd{padding:15px 20px 0 0; box-sizing: border-box; float: right;width:calc(100% - 330px); }
.news1 dd h4{font-size:18px;color:#333;height: 40px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.news1 dd h4 a{color:#333}
.news1 dd p{ line-height: 28px;font-size: 14px;color:#999999;margin: 5px 0 15px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow : hidden}
.news1 dd span{height:36px;display: block; line-height: 36px;}
.news1 dd span .news_btn{display: block;width:140px;height:36px;line-height: 36px;float: left;text-align: left;padding-left:28px;box-sizing: border-box;font-size: 15px;color: #5d95f5;background: url(../images/news_btn.gif) no-repeat;}
.news1 dd span i{ font-size: 13px;color: #999999;float: right;}
.news1 ul{background: #fff;height:91px;width:100%;box-shadow: 5px 8px 10px #e4e5e6;}
.news1 li{width: 33%;padding-left: 27px;box-sizing: border-box;height: 91px;float: left;padding-top:20px;}
.news1 li p{ font-size: 16px;color:#333333; line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 32px;}
.news1 li i{ font-size: 13px;color: #999999;display: block;}


.news2{width:24.357%;padding:25px 17px 20px 24px;box-sizing: border-box; max-width: 341px; float: right;box-shadow: 5px 8px 10px #e4e5e6;background: #fff;}
.news2 h3{font-size:24px;color:#191919;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;margin-bottom: 25px;}
.news2 h3 a{color:#191919;}
.news2 dl{padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;margin-bottom:22px;clear: both;overflow: hidden;}
.news2 dt{width:100%;height:71px;float: left;overflow: hidden;}
.news2 dt p{width: 100%;font-size: 14px;color:#333; line-height: 28px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow : hidden}
.news2 dd{ float: left;width:100%;}
.news2 dd p{font-size: 15px;color:#333333; line-height: 32px; font-weight: bold;}
.news2 dd i{ font-size: 13px;color: #999999;display: block;}

.news dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


@media screen and (max-width:1440px) {
  .news{width: 1200px;}
  .news1 dd{padding:25px 40px 0 32px; width:582px;}
  .news2 dd{ width:145px;}
}

/**/
.link_bj{min-height:53px; overflow: hidden;background: #001629;padding-top: 15px;box-sizing: border-box; }
.link{width:1400px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size:14px ;font-weight:normal; text-transform: uppercase; width: 80px; float: left;height: 24px; line-height: 24px;color:rgba(153, 153, 153, 0.5);}
.link p{   font-size: 14px;overflow: hidden; line-height: 24px; color:rgba(153, 153, 153, 0.5);}
.link p a{ color:rgba(153, 153, 153, 0.5); font-size: 14px;  text-align: left;display: block;float: left;padding-right: 3%;}
.link p a:hover{color:#fff;}

@media screen and (max-width:1440px) {
  .link{width:1200px;margin: 0 auto; }
 
}

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