@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.content{width:1400px;margin:0 auto}
 @media screen and  (max-width:1440px){
     .content{width:1200px;margin:0 auto}    
        }

.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s}
.pic:hover img{-webkit-transform:scale(1.08) rotate(0) translateY(0);-ms-transform:scale(1.08) rotate(0) translateY(0);transform:scale(1.08) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}






.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit span{display: block;font-size: 36px;color: #333;line-height: 48px;position: relative;font-weight: bold;}
.tit i{display: block;font-size: 16px;color: #333;line-height: 20px;margin-top: 10px;height: 55px;background: url(../images/tit.png) no-repeat center bottom;}


.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 60px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #005db9;}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;cursor:pointer;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;cursor:pointer;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}

.yz{ padding: 50px 0 40px;background: url(../images/yz_bg.jpg) no-repeat top;box-sizing: border-box;position: relative; overflow:hidden;}
.yz:before{ position: absolute;left:0;bottom:190px;width: 100%;height: 2px;background: url(../images/yz_line.png) no-repeat center;content: ""; }
.yz .tit i{ background: 0; }
.yz_con{position: relative;}
.yz li{ float: left;width: 260px;margin-right: 16px;margin-top: 16px;}
.yz li span{display: block;
  width: 390px;
  height: 158px;
  margin: 0 auto;
  padding: 24px 32px 0;
    padding-right: 32px;
  padding-right: 32px;
  font-size: 16px;
  line-height: 19px;
  color: #333;
  box-sizing: border-box;
  box-shadow: 0px 14px 27px 0px rgba(2, 43, 76, 0.2);
  position: relative;
  background: url(../images/yz_dd.png) no-repeat -25px 0px;
    background-size: auto;
  background-size: auto;
  background-size: 100% 169px;
  padding-right: 54px;}
.yz li span:after{ position: absolute;width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;content: "";left:43%;margin-left: -10px;bottom:-8px; }
.yz li em{display: block;width: 146px;height: 40px;margin: 65px auto 0;line-height: 40px;color: #fff;border-radius: 20px;font-size: 24px;color: #ffffff;font-weight: bold;text-align: center;position: relative;background: #005db9;}
.yz li em:after{ position: absolute;left:50%;top:-36px;width: 21px;height: 21px;background: url(../images/yz_yuan.png) no-repeat center;content: "";margin-left: -10px; }
/*.yz li.swiper-slide-next{ margin-top: 0;}*/
/*.yz li.swiper-slide-next span{height: 134px;padding: 31px 32px 0;box-sizing: border-box; background: url(../images/yz_ddh.png) no-repeat center;}*/

.yz .sprev{ display: block;width: 54px;height: 54px;position: absolute;left: -100px;top: 145px;z-index: 10;cursor: pointer;}
.yz .snext{ display: block;width: 54px;height: 54px;position: absolute;right: -100px;top: 145px;z-index: 10; cursor: pointer;}
.yz .yz_con .swiper-scrollbar{width:958px;border:1px solid #005dba;height: 26px;border-radius: 12px;padding-right:6px;box-sizing: border-box;overflow: hidden;margin:60px auto 0;position: relative;background: none}
.yz .yz_con .swiper-scrollbar em{margin-right:30px;}
.yz .yz_con .swiper-scrollbar .swiper-scrollbar-drag{background: #005dba;height: 16px;position: absolute;left:0;top:4px;width:24%;transition: all 0.5s;border-radius: 8px;margin:0 50px 0 4px;}

 @media screen and (max-width: 1440px) {
    .yz li{width: 230px;margin-right: 16px;}
    .yz li span{width: 230px;padding: 15px 20px 0;background-size:100% 100%; }
    
     .yz li.on span{ padding: 31px 20px 0; }
     .yz .sprev{ left:-80px;}
     .yz .snext{right: -80px; }
          }



.pro{ padding-top: 100px; }
.pro_t{ margin-top: 35px; margin-bottom: 18px;}
.pro_t li{ float: left;width: 33.33%;height: 86px;background: #eeeeee;text-align: center; border-right: 1px solid #fff;box-sizing: border-box;}
.pro_t li:last-child{ border-right: 0; }
.pro_t li em{ display:inline-block;width: 62px;height: 48px;overflow: hidden;vertical-align: -16px; }
.pro_t li em img{ display: block;width: 62px;height: 48px;transition:all 0.5s; }
.pro_t li span{ display: inline-block;margin-left: 14px;font-size: 18px;color: #333;line-height: 86px; }
.pro_t li.cur{ background: #005db9; } 
.pro_t li.cur em img:nth-child(1){ margin-top: -48px; }
.pro_t li.cur span{ color: #fff; }
/*.pro_con{ padding: 115px 0;box-sizing: border-box;background: url(../images/pro_bg.jpg) no-repeat center; }*/
.pro_con dt{ display: block;float: right;width: 800px;height: 593px; overflow: hidden;}
.pro_con dt img{ display: block; width: 800px;height: 593px;}
.pro_con dd{ width: 550px;float: left; }
.pro_con dd h4 a{ display: block;
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
  color: #fff; }
.pro_con dd p{display: block;
  font-size: 16px;
  line-height: 20px;
  color: #dfe3e9;
  margin-top: 12px;
  height: 192px;
  border-bottom: 1px solid #dfe3e9; }
.pro_con dd .pro_dd{height: 140px;
  padding-top: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #dfe3e9;}
.pro_con dd .pro_dd1{ height:180px;}
.pro_con dd .pro_dd span{display: block;
  font-size: 24px;
  color: #fff;
  line-height: 24px;
  letter-spacing: 3px;
  margin-bottom: 14px;}
.pro_con dd .pro_dd i{ display: block;
  font-size: 16px;
  line-height: 20px;
  color: #dfe3e9;
  height: 142px;
  overflow: hidden;}
.pro_con dd .pro_dd i em{ display: block;}
/*.pro_con dd .pro_dd i em:nth-child(2n){ float: right; }*/
.pro_con .qh{margin-top: 60px; }
.pro_con .qh .more{ display: block;width: 200px;height: 52px;border:1px solid #fff;line-height: 50px;box-sizing: border-box;font-size: 18px;color: #fff;text-align: center;float: left;margin-right: 12px; transition:all 0.5s; border-radius: 27px}
.pro_con .qh .zx{ display: block;width: 301px;height: 52px;background: url(../images/more_bg.png) no-repeat center;line-height: 52px;box-sizing: border-box;font-size: 18px;color: #fff;text-align: center;float: left; transition:all 0.5s;background-size: 100% 64px;}
.qh .more:hover{ transform:translateY(-5px);}
.qh .zx:hover{transform:translateY(-5px);}
.pro_d{ position: relative; }
.pro_d li{ float: left;width:calc((100% - 48px)/4);margin-right:16px; }
/*.pro_d li:last-child{ margin-right: 0; }*/
.pro_d li i{ display: block;width: 100%;overflow: hidden; }
.pro_d li i img{ display: block;width: 100%; }
.pro_d li span{ display: block;height: 56px;font-size: 18px;color: #333333;line-height: 56px;font-weight: normal;border-bottom: 1px solid #d6d6d6; transition:all 0.5s;position: relative;padding: 0 20px;z-index: 20;}
.pro_d li span:after{ position: absolute;left:0px;bottom:-1px;width: 100%;height: 0px;background:#005db9;content: ""; transition: all 0.5s;z-index: -1; }
.pro_d li span em{display: block;width: 22px;height: 21px;float: right;margin-top: 19px; overflow:hidden;}
.pro_d li span em img{ display: block;width: 22px;height: 21px;}
.pro_d li:hover span{color: #fff;}
.pro_d li:hover span:after{ height: 100%; }
.pro_d li:hover span em img:nth-child(1){ margin-top:-21px;}
.pro_d .zprev{ display: block;width: 54px;height: 54px;position: absolute;left: -80px;top: 98px;z-index: 10;cursor: pointer;}
.pro_d .znext{ display: block;width: 54px;height: 54px;position: absolute;right: -96px;top: 98px;z-index: 10; cursor: pointer;}
.pro h3 a{display: block;margin-top: 54px;font-size: 30px;line-height: 30px;color: #333333;font-weight: normal;height: 50px;}
.pro h3 em{ display: block;float: right;display: block;width: 120px;height: 30px;border:1px solid #333333;line-height: 28px;box-sizing: border-box;font-size: 16px;color: #333333;text-align: center; transition:all 0.5s; border-radius: 27px }


@media screen and  (max-width:1440px){
  .pro_con dt{ display: block;width: 685px;height: 508px;}
  .pro_con dt img{ display: block;width: 685px;height: 508px;}
  .pro_con dd{ width:480px;  }
  .pro_con dd h4 a{ font-size: 28px;line-height: 28px; }
  .pro_con dd p{    font-size: 14px;
    line-height: 26px;
    height: 110px;
    margin-top: 10px;}
   
  .pro_con dd .pro_dd{height: 126px;padding-top: 20px; }
   .pro_con dd .pro_dd1{ height:146px;}
  .pro_con dd .pro_dd span{ display: block;font-size: 20px;color: #fff;line-height: 20px;letter-spacing: 3px;margin-bottom: 10px; }
  .pro_con dd .pro_dd i{ display: block; font-size: 14px;line-height: 26px;color: #dfe3e9;}
  .pro_con .qh{ margin-top: 50px; }
}


.sl{position:relative;height:976px;background:url(../images/sl_bg.jpg) no-repeat center;padding-top: 100px;box-sizing: border-box;margin-top: 100px;}
.sl_con{margin-top: 30px;background: #fff;}
.sl_con dl{ float: left;width: 33.33%;height: 317px;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;box-sizing: border-box; position: relative;overflow: hidden;}
.sl_con dl:nth-child(3n){border-right: 0;  }
.sl_con dl:nth-child(4),.sl_con dl:nth-child(5),.sl_con dl:nth-child(6){ border-bottom: 0; }
.sl_con dt{ display: block; padding: 40px 0 0; }
.sl_con dt img{display: block;width: 76px;height: 76px;margin: 0 auto;}
.sl_con dt em{display: block;
  font-size: 20px;
  color: #333333;
  line-height: 24px;
  text-align: center;
  padding-top: 28px;
  height: 50px;}
.sl_con dt i{ display: block;
  margin: 15px auto 0;
  text-align: center;
  height: 25px;}
.sl_con dt i b{ display: inline-block;
  padding: 5px 20px;
  height: 32px;
  line-height: 1;
  font-size: 18px;
  color: #333333;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #333;
  font-weight: normal;
  margin: 0 12px;}
.sl_con dt span{ display: block;
  font-size: 36px;
  color: #333333;
  line-height: 36px;
  text-align: center;
  padding-top: 35px;
  font-family: "DIN";
  opacity: 0.15;}
.sl_con dd{ height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.3s;
  background: url(../images/sl_dd.jpg) no-repeat center;}
.sl_con dl.cur dd{height: 100%;}
.sl_con dd em{ display: block;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  padding-top: 32px;
  font-weight: bold;}
.sl_con dd i{ display: block;
  margin: 9px auto 0;
  text-align: center; }
.sl_con dd i b{ display: inline-block;
  padding: 3px 10px;
  height: 32px;
  line-height: 20px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #fff;
  font-weight: normal;
  margin: 0 15px;}
.sl_con dd p{ font-size: 16px;
  line-height: 20px;
  color: #fff;
  padding: 10px 54px 0;
  text-align: center; }
  .sl_con dl.cur dd i b{height:auto;}
.sl_con dl:hover  img{animation-duration:3s;animation-name:flipInY;}

.sh{position:relative;height:602px;background:url(../images/sh_bg.jpg) no-repeat center;padding-top: 80px;box-sizing: border-box;}
.sh_d h2{display: block;font-size: 36px;color: #fff;line-height: 48px;height: 86px;background: url(../images/tit2.png) no-repeat center bottom;text-align: center;}
.sh_d h3{ font-weight: normal;display: block;font-size: 20px;color: #ffffff;line-height: 24px;text-align: center;padding-top: 24px; }
.sh_d p{ font-weight: normal;display: block;font-size: 16px;color: #ffffff;line-height: 16px;text-align: center;padding-top: 12px; opacity: 0.8;}
.sh_t {display: block;width: 724px;height: 52px;border-radius: 26px;background: #e6e9ec;margin: 28px auto 0;transition: all 0.5s;}
.sh_t .zx {display: block;width: 293px; height: 52px;background: url(../images/more_bg.png) no-repeat center;background-size:100% 62px; line-height: 52px;box-sizing: border-box;font-size: 18px;color: #fff;text-align: center;float: left;transition:all 0.5s;}
.sh_t:hover{ transform:translateY(-5px);}
.sh_t p{ margin-left: 30px;font-size: 16px;color:#333333; float: left;}
.sh_t p img{ display: inline-block;width: 23px;height: 23px;margin-right: 6px;vertical-align:-3px; }
.sh_t p em{ display: inline-block;font-size: 30px;color: #333333;line-height: 52px;font-family: "DIN"; }
.sh_con{ margin-top: 40px;height: 158px;padding: 12px;box-sizing: border-box;background: #fff; }
.sh_l{ float: left;width: 380px;padding: 36px 0 0 40px;background: #005db9;box-sizing: border-box;height: 134px; }
.sh_l span{ display: block;font-size: 24px;line-height: 36px;color: #ffffff;font-weight: bold; }
.sh_l span img{ display: inline-block;width:42px;height: 41px;margin-right: 10px; vertical-align: -7px; }
.sh_l i{ display: block;font-size: 16px;line-height: 16px;color: #ffffff;font-weight: normal;padding-top: 10px; }
.sh_r{ float: right; width: 880px;margin-right: 56px;margin-top: 12px;}
.sh_r li{ float: left;width: 360px;height: 50px;border:1px solid #dcdcdc;line-height: 48px; margin-right: 16px;margin-bottom: 12px;position:relative}
.sh_r li:nth-of-type(3){ width: 738px; }
.sh_r li i{padding:0 11px;height: 23px;line-height: 23px;margin-top: 12px;border-right: 1px solid #eaeaea;font-size: 16px;color: #333333;display: block;float: left;}
.sh_r li i img{ display: inline-block;width: 23px;height: 23px;margin-right: 6px; vertical-align: -6px;}
.sh_r li input{  width: 147px;height: 48px; line-height: 48px;float: left;font-size: 16px;color: #333333;background: 0;border:0;outline: 0; padding: 0 10px;box-sizing: border-box;}  

.sh_r li span{ position:absolute;right:16px;top:0px;color:#cc0000;}
.sh_r .form-btn-submit{ width: 123px;height: 116px;line-height: 111px;text-align: center; font-size: 20px; color: #fff;background: #b5b5b5;cursor: pointer;outline: 0;border:0; }
.sh_r .form-btn-submit:hover{ background:#005dba;}
.sh_r .submit b{text-align:left;float:left;}
.sh_r .form-btn-reset{ display:none;}


@media screen and  (min-width:230px) and (max-width:1440px){
  .sh_r{ width: 700px;margin-right: 30px; }
  .sh_r li{ width: 270px; }
  .sh_r li:nth-of-type(3){ width: 558px; }
  .sh_r .form-btn-submit{ width: 120px; }
}


.case{padding: 100px 0 0; }
.case_t{height: 155px;position: relative;}
/*.case_t:before{ position: absolute;left:0;top:50px;width: 100%;height: 1px;background: url(../images/case_line.png) no-repeat center;content: ""; }*/
.case_t ul{ padding-top:50px;text-align:center;}
.case_t ul li{ display: inline-block;width: 147px; font-size: 20px;line-height: 55px;color: #333333;text-align: center;position: relative;z-index: 20;border:1px solid #bfbfbf;position:relative;box-sizing:border-box;height:55px;margin:0 5px;}
.case_t ul li a{ display:block;width: 147px;line-height: 55px;height:55px; }
.case_t ul li.cur a{ color: #0057ad;}
.case_t ul li a:before{background: url(../images/case_ic.png) no-repeat center;position:absolute;left:50%;top:-14px;width:28px;height:28px;margin-left:-14px;content:"";}
 .case_t ul li.cur a:before{background: url(../images/case_ich.png) no-repeat center ; }
 .case_t ul li:last-child a{ margin-right:0;}
.case_con{ position: relative;}
.case_s{margin-left: -1080px !important;overflow: visible !important;}
.case_con .tempWrap{overflow: visible !important;}
.case_s dl{width: 420px!important;position: relative;margin-right: 25px;box-sizing: border-box;}
.case_con dt{ display: block;width: 420px;height: 315px;overflow: hidden; }
.case_con dt img{  display: block;width: 420px;height: 315px;}
.case_con dd{height:208px;width: 420px;padding: 28px 20px 0px;box-sizing: border-box;box-shadow:5px 9px 50px 0px rgba(0, 0, 0, 0.2); display: block;background: #fff;box-sizing: border-box;}
.case_con dd p{ font-size: 16px;line-height: 30px;color: #999999;display:block;}
.case_con dd h4{ display: block;line-height: 27px;font-size: 24px;color: #333333;margin-bottom: 14px;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_con dd em img{ display:block;width:45px;height: 43px;float: right;margin-top: 12px;  transition:all 0.5s;}
.case_con dd em img:hover{ transform:translateY(-5px);}
.case_con dd h4:hover{ color:#005dba;}




.ys{ margin-top: 100px;}
.ys .tit{margin-bottom: 40px;}
.ys1 dt{ float: right;width: 960px;height: 620px;overflow: hidden;margin-right: -260px; }
.ys1 dt img{ display: block;width: 960px;height: 620px; }
.ys1 dd{ float: left;width: 660px;padding-left: 90px;box-sizing: border-box; height: 620px;background: url(../images/ys_line1.png) no-repeat left top;}
.ys1 dd h4 em{ display: block;font-size: 100px;font-family: "DIN";color: #333;opacity: 0.15;line-height: 80px; }
.ys1 dd h4 span{ display: block;font-size: 36px;color: #333333;line-height: 36px;font-weight: bold;padding-top: 32px;  }
.ys1 dd h4 i{ display: block;margin: 10px 0 0; }
.ys1 dd h4 i b{ display: inline-block;padding: 0 20px;height: 40px;line-height: 40px; font-size: 24px;color: #fff;text-align: center;border-radius: 20px;font-weight: normal;background: #0057ad;}
.ys1 dd p{ font-size: 16px;line-height: 24px;color: #666666;margin-top: 18px; }
.ys_dd li{ float: left;margin-right: 10px;margin-top:35px;width:279px;height: 201px; overflow: hidden;}
.ys_dd li img{ display: block;width:279px;height: 201px; }

.ys2{ margin-bottom: 100px;height: 866px;background: url(../images/ys_bg2.jpg) no-repeat center; margin-top: 100px;position: relative;padding-top: 78px;box-sizing: border-box;}
.ys2 h4{ position: relative;text-align: center; }
.ys2 h4 em{ display: block;font-size: 120px;font-family: "DIN";color: #fff;opacity: 0.1;line-height: 100px; }
.ys2 h4 span{ display: block;font-size: 36px;color: #fff;line-height: 36px;font-weight: bold;position: absolute;left:0;top:45px; width: 100%;}
.ys2 h4 i{ display: block;margin: 0px 0 0; }
.ys2 h4 i b{ display: inline-block;padding: 0 20px;height: 40px;line-height: 40px; font-size: 24px;color: #fff;text-align: center;border-radius: 20px;font-weight: normal;background: #0057ad;}
.ys2 p{ display: block;font-size: 16px;color: #fff;line-height: 36px;text-align: center;padding-top: 10px;}


.zs{ position: relative; margin-top: 50px;}
.zs li{ float: left;width: 270px;margin-right: 13px;margin-top: 16px;}
.zs li img{ display:block;width: 270px;height:360px;}
/*.zs li.on img{ transform:scale(0.7); margin:0 20px;}*/
/*.zs li.cur img{ transform:scale(0.7);margin:0 -20px;}*/
/*.zs li.ds img{ transform:scale(0.5);margin:0 30px;}*/
/*.zs li.df img{ transform:scale(0.5);margin:0 -30px;}*/
.zs .tempWrap{ width:1400px!important;}
/*.zs ul{ border:none;height: 453px;}*/
/*.zs li img{ width:322px; height:453px; display:block;}*/

/*.zs li img.depth2*/
/*{*/
/*   transform: matrix3d(1.5, 0, 0, 0.0015, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,65, 28, 3, 1.2);*/
/*    -webkit-transform: matrix3d(1.5, 0, 0, 0.0015, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,65, 28, 3, 1.2);*/
/*    -ms-transform: matrix3d(1.5, 0, 0, 0.0015, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,65, 28, 3, 1.2);*/
/*   }*/
/*.zs li img.mdepth2*/
/*{*/
/*    transform:matrix3d(1.5, 0, 0, -0.0015, 0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2); */
/*    -webkit-transform:matrix3d(1.5, 0, 0, -0.0015, 0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2);*/
/*    -ms-transform:matrix3d(1.5, 0, 0, -0.0015, 0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2);*/
/*   }*/

/*.zs li img.depth3 */
/*{*/
    /*transform:matrix(1,0,0,1,10,20);*/
    /*transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,10,20,30,1);*/
    /*matrix3d(0.86602, 0, -0.49999, 0, 0, 1, 0, 0, 0.49999, 0, 0.86602, 0, -235.819, 0, -63.05, 1);*/
    /*matrix3d(0.86602, 0, 0.49999, 0, 0, 1, 0, 0, -0.49999, 0, 0.86602, 0, 235.496, 0, -62.95, 1);*/
    /*transform:matrix3d(0.86602, 0, -0.49999, 0, 0, 1, 0, 0, 0.49999, 0, 0.86602, 0, 10, 20, -63.05, 1);*/
    /* 左右拉伸、Z轴值、0、Z指向（相对视角平面），左右倾斜度，上下拉伸度，0，Z指向（相对垂直面），0，0，1，0,横坐标偏移量，纵坐标偏移量，z坐标便宜量（0），缩放量（1为原值，超大越小）*/
/*    transform: matrix(1,0,0,1,10,20);*/
    /* transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,10,20,30,1); */
    /* transform: matrix3d(0.86602, 0, -0.49999, 0, 0, 1, 0, 0, 0.49999, 0, 0.86602, 0, 10, 20, -63.05, 1); */
/*    -webkit-transform: matrix3d(1.05, 0, 0, 0.0015, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0, 65, 28, 3, 1.1);*/
/*    -ms-transform: matrix3d(1.05, 0, 0, 0.0015, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0, 65, 28, 3, 1.1);*/
/*    transform: matrix3d(1.05, 0, 0, 0.0015, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0, 65, 28, 3, 1.1);*/
  
    
/*    }*/
/*.zs li img.mdepth3*/
/*{*/
/*    transform:matrix3d(1.05, 0, 0, -0.002, 0.02, 0.9, 0, 0.0003, 0, 0, 1, 0, -65, 28, 3, 1.1);*/
/*     -webkit-transform:matrix3d(1.05, 0, 0, -0.002, 0.02, 0.9, 0, 0.0003, 0, 0, 1, 0, -65, 28, 3, 1.1);*/
/*     -ms-transform:matrix3d(1.05, 0, 0, -0.002, 0.02, 0.9, 0, 0.0003, 0, 0, 1, 0, -65, 28, 3, 1.1);*/
/*   }*/

    
/*.zs li img.depth4*/
/*{*/
/*  transform: matrix3d(1, 0, 0, 0.002, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,65, 28, 3, 1.2);*/
/*    -webkit-transform: matrix3d(1, 0, 0, 0.0007, 0, 1.1, 0, 0.0003, 0, 0, 1, 0,65, 28, 3, 1.2);*/
/*    -ms-transform: matrix3d(1, 0, 0, 0.002, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,65, 28, 3, 1.2);}*/

/*.zs li img.mdepth4*/
/*{*/
/*    transform:matrix3d(1, 0, 0, -0.002, -0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2); */
/*    -webkit-transform:matrix3d(1, 0, 0, -0.0007, 0.02, 1.1, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2);*/
/*    -ms-transform:matrix3d(1, 0, 0, -0.002, 0.02, 0.9, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2);*/
/*   }*/

.zs .prev{ display: block;width: 31px;height: 55px;position: absolute;left: -60px;top: 175px;z-index: 10;cursor: pointer;}
.zs .next{ display: block;width: 31px;height: 55px;position: absolute;right: -60px;top: 175px;z-index: 10; cursor: pointer;}
 @media screen and (max-width: 1440px) {
      .zs li{width: 228px;}
       .zs li img{ width:228px;height:304px;}
       .zs .tempWrap{ width:1200px!important;}
   .zs .prev{ left:-60px;top:150px;}
   .zs .next{ right:-60px;top:150px;}
          }
          

.ys3 dt{ float: left;width: 960px;height: 600px;overflow: hidden;margin-left: -260px; }
.ys3 dt img{ display: block;width: 960px;height: 600px; }
.ys3 dd{ float: right;width: 670px;padding-right: 90px;box-sizing: border-box; height: 600px;background: url(../images/ys_line3.png) no-repeat right top;}
.ys3 dd h4 em{ display: block;font-size: 100px;font-family: "DIN";color: #333;opacity: 0.15;line-height: 80px;}
.ys3 dd h4 span{ display: block;font-size: 36px;color: #333333;line-height: 36px;font-weight: bold;padding-top: 32px; }
.ys3 dd h4 i{ display: block;margin: 10px 0 0 0; }
.ys3 dd h4 i b{ display: inline-block;padding: 0 20px;height: 40px;line-height: 40px; font-size: 24px;color: #fff;text-align: center;border-radius: 20px;font-weight: normal;background: #0057ad;}
.ys3 dd p{ font-size: 16px;line-height: 24px;color: #666666;margin-top: 18px;  width: 109%; }
.ys3 .ys_dd li{ margin-top: 20px; }


.ys4{ height: 515px;}
.ys4 dt{ float: right;width: 700px;height: 515px;overflow: hidden;margin-top: 100px;}
.ys4 dt img{ display: block;width: 700px;height: 515px; }
.ys4 dd{ float: left;width: 600px;padding-left: 90px;box-sizing: border-box; height: 515px;background: url(../images/ys_line4.png) no-repeat left top;margin-top: 100px;}
.ys4 dd h4 em{ display: block;font-size: 100px;font-family: "DIN";color: #333;opacity: 0.15;line-height: 80px; }
.ys4 dd h4 span{ display: block;font-size: 34px;color: #333333;line-height: 36px;font-weight: bold;padding-top: 22px;  }
.ys4 dd h4 i{ display: block;margin: 10px 0 0; }
.ys4 dd h4 i b{ display: inline-block;padding: 0 20px;height: 40px;line-height: 40px; font-size: 24px;color: #fff;text-align: center;border-radius: 20px;font-weight: normal;background: #0057ad;}
.ys4 dd p{ font-size: 16px;line-height: 26px;color: #666666;margin-top: 18px; }
.ys4  .zx{ display: block;width: 201px;height: 52px;background: url(../images/more_bg.png) no-repeat center;line-height: 52px;box-sizing: border-box;font-size: 18px;color: #fff;text-align: center;transition:all 0.5s;margin-top: 50px;}
.ys4 .zx:hover{transform:translateY(-5px);}

@media screen and  (min-width:230px) and (max-width:1440px){
.ys1 dt{ margin-right: -360px; }
.ys1 dd{width: 560px;padding-left: 50px;}
.ys3 dt{ margin-left: -360px; }
.ys3 dd{width: 560px;padding-right: 50px;}

.ys_dd .tempWrap{ width: 510px!important; }
.ys4 dt{ margin-right: -100px; }
.ys4 dd{ padding: 0 40px 0 60px; }
}






.news{overflow: hidden;padding:100px 0;box-sizing: border-box;background: #f2f2f2;margin-top: 100px;}
.news .tit{height: 154px;}
.news .tits{height: 3.7rem;line-height: 3.7rem;}
.news .tits span a{font-size:1.2rem;color: #000000;}
.news .tits em a{float: right;font-size: 14px;color: #333333;text-transform: uppercase;line-height:3.7rem}
.dongt{float:left;width:53.14%;}
.dongt .tits{ background: url(../images/new_line.png) no-repeat left top;background-size: 37.2rem 3.1rem;}
.dongt dl{float:left;width:48.89%;margin-right:2.21%;height: 451px}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img{width:100%;}
.dongt dd{padding-top:1.1rem;}
.dongt dd h4 a{line-height:26px;font-size:18px;color: #000000;display: block;font-weight: normal;}
.dongt dd p{font-size:16px;color: #808080;line-height:24px;padding-top:16px;}
.dongt dl:last-of-type{margin:0;}
.dongt ul{border:1px solid #e5e5e5;padding-top:8px;border-width: 1px 0;height:254px;box-sizing: border-box;}
.dongt li{height:48px;line-height:48px;}
.dongt li a{font-size:18px;color: #000000;display: inline-block;vertical-align: top;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:83.48%;}
.dongt li em{display: inline-block;font-size:18px;color: #000000;margin-right:0.8rem;}
.dongt li:hover a,.dongt dl:hover dd h4 a{color: #005db9}

.went{float: right;width:40.78%;background: #fff;height: 780px;box-sizing: border-box;}
.went .tits{height: 3.7rem;background: #005db9;padding:0 2.4rem;}
.went .tits span a,.went .tits em a{color: #fff;}
.wt_nr{padding:32px 40px 0 48px;}
.wt_nr li{height: 144px;overflow: hidden;padding-bottom:20px;}
.wt_nr li h4 a{display: block;height: 35px;line-height: 35px;font-size:20px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-left: 26px;background: url(../images/news_ic.png) no-repeat left;}
.wt_nr li p{font-size:16px;color:#999999;line-height:30px;padding:4px 0 0 0;}
.wt_nr li h4 a:hover{color: #005db9}


.abt{ background: url(../images/abt_bg.jpg) no-repeat center;padding-top: 110px; height: 767px;box-sizing: border-box;}
.abt .tit span{ display: block;color: #fff; }
.abt .tit img{ display: inline-block;width: 459px;height: 72px;margin: 14px auto 0;}
.abt_s p{font-size: 16px;color: #ffffff;line-height: 26px;text-align: center;padding-top: 27px;}
.abt_s p img{display: inline-block; margin-left: 6px; width: 19px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 19px;vertical-align: -3px;}
.yz_sz{ margin-top: 60px;text-align: center;}
.yz_sz li{padding: 0 96px;box-sizing: border-box;position: relative;display: inline-block;transition:all 0.5s;}
.yz_sz li em{display:block;text-align: center;}
.yz_sz li b{display:inline-block;font-size:64px;font-family:Arial;font-weight:700;color:#fff;line-height:1;transition: all 0.5s;font-family: "DIN";}
.yz_sz li sup{display:inline-block;font-size:16px;color:#ffffff;line-height:100%;vertical-align:1px;margin-left:6px;font-weight: normal;transition: all 0.5s;}
.yz_sz li span{display:block;font-size:16px;color:#ffffff;line-height:100%;text-align:center;margin-top:8px;}
.yz_sz li img{ display: block;width: 77px;height: 75px;margin: 36px auto 0; }
.yz_sz li:hover{ transform:translateY(-5px);}
.yz_sz  li:hover  img{animation-duration:3s;animation-name:flipInY;}

.yz_sz li span{
  width: 58%;
  margin: 0 auto;}

.yz_sz li { padding: 0 6px;  float: left;}

.yz_sz li em   {
height: 70px;}

 @media screen and (max-width: 1440px) {
         .yz_sz li{padding: 0 69px;}

          }



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }


@media screen and (min-width: 1263px) {
  html {
    font-size: calc(1263px * 20 / 1903);
  }
}
@media screen and (min-width: 1349px) {
  html {
    font-size: calc(1349px * 20 / 1903);
  }
}
@media screen and (min-width: 1463px) {
  html {
    font-size: calc(1463px * 20 / 1903);
  }
}
@media screen and (min-width: 1543px) {
  html {
    font-size: calc(1543px * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1583px * 20 / 1903);
  }
}
@media screen and (min-width: 1643px) {
  html {
    font-size: calc(1643px * 20 / 1903);
  }
}
@media screen and (min-width: 1663px) {
  html {
    font-size: calc(1663px * 20 / 1903);
  }
}
@media screen and (min-width: 1903px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}
/*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999; 
}
.modal-dialog {
    position: fixed;
    color:#000000;
    top: 150px;
    width: 400px;
    border-radius: 3px;
    min-height: 155px;
    overflow: hidden;
    z-index: 99998;
    margin-left: -200px;
    left: 50%; 
}
.modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); 
}
.modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; 
}
.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left; 
}
.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px; 
}
.modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; 
}
.modal-dialog .modal-body .modal-body-left {
    width: 140px;
    float: left; 
}
.modal-dialog .modal-body .modal-body-left .icon {
    width: 64px;
    height: 64px;
    margin: 30px 0 0 48px; 
}
.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: 0px -14px; 
}
.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px -78px; 
}
.modal-dialog .modal-body .modal-body-right {
    width: 260px;
    float: right;
    padding-top: 20px; 
}
.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #000;
    text-align: center;
    width: 90px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #818079; 
}
.modal-dialog .modal-body .modal-body-right p {
    line-height: 30px; 
}