@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: 48px;color: #333;line-height: 48px;position: relative;font-weight: bold;}
.tit i{display: block;font-size: 20px;color: #333;line-height: 20px;margin-top: 10px;height: 55px;background: url(../images/tit.png) no-repeat center bottom;}

.sl{position:relative;height: 586px;background:url(../images/sl_bg.jpg) no-repeat center;padding-top: 50px;box-sizing: border-box;margin-top: 30px;}
.sl_con{margin-top: 30px;background: #fff;}
.sl_con dl{float: left;width: 25%;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: 24px;color: #333333;line-height: 24px;text-align: center;padding-top: 28px; }
.sl_con dt i{ display: block;margin: 15px auto 0;text-align: center; }
.sl_con dt i b{ display: inline-block;padding: 0 20px;height: 32px;line-height: 30px; font-size: 18px;color: #333333;text-align: center;border-radius: 16px;border:1px solid #333;font-weight: normal;}
.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: 24px;color: #fff;line-height: 24px;text-align: center;padding-top: 62px;font-weight: bold; }
.sl_con dd i{ display: block;margin: 15px auto 0;text-align: center; }
.sl_con dd i b{ display: inline-block;padding: 0 20px;height: 32px;line-height: 30px; font-size: 18px;color: #fff;text-align: center;border-radius: 16px;border:1px solid #fff;font-weight: normal;}
.sl_con dd p{ font-size: 16px;line-height: 30px;color: #fff;padding: 35px 54px 0;text-align: center; }
.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: 48px;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: 24px;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: 564px;height: 52px;border-radius: 26px;background: #e6e9ec;margin: 28px auto 0;transition: all 0.5s;}
.sh_t .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;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: 36px;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: 18px;line-height: 18px;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; }
}


.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: 120px;font-family: "DIN";color: #333;opacity: 0.15;line-height: 100px; }
.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: 36px;color: #666666;margin-top: 18px; }
.ys_dd li{ float: left;margin-right: 10px;margin-top: 75px;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: 120px;font-family: "DIN";color: #333;opacity: 0.15;line-height: 100px;padding-left: 68px; }
.ys3 dd h4 span{ display: block;font-size: 36px;color: #333333;line-height: 36px;font-weight: bold;padding-top: 32px; padding-left: 68px; }
.ys3 dd h4 i{ display: block;margin: 10px 0 0 68px; }
.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: 36px;color: #666666;margin-top: 18px; padding-left: 68px;  }
.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: 120px;font-family: "DIN";color: #333;opacity: 0.15;line-height: 100px; }
.ys4 dd h4 span{ display: block;font-size: 36px;color: #333333;line-height: 36px;font-weight: bold;padding-top: 32px;  }
.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: 36px;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: 70px;}
.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; }
}

           
       
            em,i{font-style: normal;}
            @font-face {
                font-family:'DIN';
                src:url("font/DIN Medium.ttf");
            }
            @media screen and  (max-width:1440px){
                  .nav li>a{  }
                   .nav li{ }
                      }
        
            .link{height: 65px;background: url(../images/foot_bg.png) no-repeat center;box-sizing:border-box;padding-top: 18px;}
           
            .link p span{margin-right:10px;display: inline-block;font-weight: normal;}
            .link a {color:rgba(255,255,255,0.5);font-size: 16px;padding-right:33px;}
            .link p{color:rgba(255,255,255,0.5);font-size: 16px;line-height: 38px;}
            .link em{color:rgba(255,255,255,0.5);font-size: 16px;height: 27px;line-height: 27px;}
      
        .footWrap{height: 230px;overflow:hidden;font-family:"Microsoft Yahei";/* background:#fff; */padding-top: 20px;box-sizing: border-box;}
        .footer{width:1400px;margin: 0 auto; position: relative;}
        .ft_t{height: 155px;overflow: hidden;}
        .ft_nav{width:360px;height: 270px;float:left;}
        .ft_t h4{height:45px;line-height:45px;font-size:24px;color: #ffffff;font-weight: normal;text-transform: uppercase;margin-bottom:35px;}
        .ft_nav li{float:left;width:160px;height: 36px;line-height: 36px;}
        .ft_nav li a{font-size:16px;color: #333333;}
        .ft_lx{width: 1200px;height: 170px;float:left;}
        .ft_lx li{width: 400px;height: 83px;float:left;}
        .ft_lx li i{float:left;font-size:0;line-height: 0;}
        .ft_lx li p{float: left;width: 322px;font-size:16px;color: #ffffff;}
        .ft_lx li p span{display: block;padding-top:6px;}
        .ft_lx li:first-child p span{/* font-size:26px; */}
        .ft_lx li:nth-child(2n){width:386px;}
        .ft_lx li:nth-child(2n) p{width:330px;}
        .erwm{float:right;width:327px;height: 226px;margin-top:25px;}
        .erwm p{width:161px;float: left;text-align: center;}
        .erwm p i{background: #fbfbfb78;display: block;padding:14px;}
        .erwm p img{width:119px;height:120px;border:7px solid rgba(255,255,255,0.5);}
        .erwm p span{display: block;font-size:16px;color: #ffffff;padding:12px 0 0;}
        .ft_b{color: #fff;font-size:16px;height:79px;line-height:79px;}
        .ft_b em{padding:0 20px;display: inline-block;}
        .ft_b p a{padding:0 10px;color:#fff}
        .ft_b span{float:right;color: #fff;}
        em,i{font-style: normal;}
        @media screen and (max-width:1440px) and (min-width:1366px) {
            html {font-size:14px;}
            .footer{width:1200px;}
            .ft_nav{width:318px;}
            .ft_nav li{width:159px;}
            .ft_lx li:nth-child(2n){width:438px;}
            .ft_lx li:nth-child(2n) p{width:380px;}
            .ft_lx{width:718px;}
        }