em,i{font-style:normal;}
.topWrap {min-width: 1300px;background: url(images/tpbg.jpg) no-repeat center bottom; width: 100%; max-width: 1920px;font-family: "Microsoft Yahei";  height: 175px;box-sizing: border-box; position: relative;font-size: 15px;padding:0 8%;}
       .twz {height:36px; color: rgba(40,40,40,0.66); line-height: 36px; font-size: 14px;width:100%; box-sizing: border-box;}
       .twz a { display: inline-block;  color: color: rgba(40,40,40,0.66);position: relative;padding:0 24px; }
       .twz a:nth-child(4){padding-right: 0;}
        .tel{height: 40px;line-height: 40px;font-weight: bold; float:right;font-size: 20px;color:#282828;font-family: Arial, Helvetica, sans-serif;padding-left: 40px;background: url(images/tel.png) no-repeat left center;}
        .tel em{padding:0 20px;}
       .header { width:1200px; margin:0 auto;  }
       .logo { width: 103px;overflow: hidden; box-sizing: border-box; float: left; max-height: 89px; margin-top:20px;z-index: 1;}
       .logo  a{text-decoration: none;}
       .logo img { width: 100%; max-height: 89px; display: block; }
       .logo_txt{ font-size: 22px; color: #000000;  line-height: 34px;margin-top: 42px; float: left;margin-left: 0.5%;font-weight: bold;}
       .logo_txt b{color: #d9261c; position: relative;}
       .logo_txt i{display: block;font-size: 16.5px; color: #000208;opacity: 0.8; font-weight: normal;letter-spacing: 2px;}

       .h_nr{width: 63%; float: right;max-width: 1022px;margin-top: 0px;}
       .nav{width: 100%; }
       .nav ul{height: 73px;overflow: hidden;}
       .nav li { float: left;height: 73px;padding:40px 2.5% 0; position: relative;box-sizing: border-box; }
       .nav li a { text-decoration: none; color: #000107; font-size: 16px; display: inline-block; position: relative;z-index: 2; font-weight: normal; text-align: center;}
       .nav li i{display: block; text-transform: uppercase; text-align: center; font-size: 10px; color: #fff; font-weight: normal; line-height: 30px;}
       .nav li:after{content:'';position:absolute;height:0;width:100%;background:#007aff url(images/cur.gif) no-repeat;background-size: 100% 100%; bottom:0;left:0;-webkit-transition:height .35s;transition:height .35s;color: #fff; z-index: 1;}
       .nav li:hover:after,.nav li.cur:after{height:100%;color: #fff;z-index: 1; font-weight: normal;}
       
       .nav li:hover a, .nav .cur a {text-decoration: none;  color: #fff; font-weight: normal; }

       @media screen and (max-width:1366px) {
          .topWrap{padding:0 2%;} 
          .h_nr{width:61%;}
          .nav li{padding:40px 2% 0;}
          .nav li a { font-size: 14px!important;}    
        }
        @media screen and (min-width:1367px) and (max-width:1600px) {
          .topWrap{padding:0 4%;} 
          .h_nr{width:58%;}
          .nav li{padding:40px 2% 0;}
          .nav li a { font-size: 15px!important;}  
        }
        @media screen and (min-width:1601px) and (max-width:1780px) {
          .topWrap{padding:0 6%;} 
          .h_nr{width:61%;}
          .nav li{padding:40px 2.1% 0;}
          .nav li a { font-size: 16px!important; }
        }
   
 
    .banner{max-height: 784px;overflow: hidden;margin:0 auto;max-width: 1920px;}
    .banner img{display: block;width: 100%;}
    .banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
    .banner .slick-prev {left: 5%; display: none; background:url(images/lefts.png) no-repeat center center;opacity:0;}
    .banner .slick-next {right: 5%; display: none;background:url(images/rights.png) no-repeat center center;opacity:0;}   
    .slick-dots { position: absolute;left: 50%; font-size:0; bottom: 5%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}
    .slick-dots li {display: inline-block;margin: 0 8px; }
    .slick-dots li button {display: block;border: 0;width: 15px;height: 15px;color: #fff; border-radius: 50%;background-color: #fff;}
    .slick-dots .slick-active button {background-color: #007aff;}    
    

        .search{height:74px;background:#fff;border-bottom: 1px solid #d9d9d9;overflow: hidden;font-size: 14px;font-family:"Microsoft Yahei";}
        .keywords{ font-weight: normal;line-height: 74px; width: 720px; overflow: hidden; float: left;}
        .keywords b{height:74px; display: inline-block; color: #1d1d1d; font-weight: bold; font-weight: bold; }
        .keywords b i{text-transform: uppercase; color: #007aff;}
        .keywords a{color: #848484;line-height:74px;padding:0 12px;  font-size: 14px; font-weight:bold;}
        .sea{overflow: hidden;  float: right;margin-top: 23px;}
        .inp01{border-style: none;  float:left;color: #666666; padding-left: 22px;width:265px; height: 33px;font-family:"Microsoft Yahei"; font-size: 13px; background:none;  line-height: 30px;background: url(images/s.png) no-repeat;border-right:0;box-sizing: border-box;}
        .inp02{border-style: none;background: url(images/ss.png) no-repeat; cursor: pointer; height: 33px;width:40px; display: inline-block; color: #fff;border-left: 0;}

    

     .layui-layer-page .layui-layer-content{overflow:hidden !important;}
 

         .footWrap{background:#1a1a1a url(images/ftbg.jpg) no-repeat center top;height:515px;padding-top:95px; font-family:"Microsoft Yahei";box-sizing: border-box;}
         .footer{width:1200px;margin: 0 auto; }
         .footer em{padding:0 5px;}
         .footer h3{font-size: 24px; color: #fff; height: 100px;font-weight: bold;}
         .footer h3 i{display: block; font-size: 29px;text-transform: capitalize;color: #fff; font-weight:normal; line-height:38px;}

         .f_nav{width: 405px; box-sizing: border-box;height: 312px;float: left;padding-right: 100px;}
         .fnav a{display: block;font-size:14px;color:#888888;width: 130px; float: left; line-height: 40px; height: 36px;text-decoration: none;}

         .fcontact{width: 440px;height: 312px;box-sizing: border-box;float: left; }
         .fcontact p{font-size: 14px;color:#888888;  line-height:40px;padding-left: 30px; }
         .lx p:nth-child(1){background:url(images/ftico1.png) no-repeat left center;}
         .lx p:nth-child(2){background:url(images/ftico2.png) no-repeat left center;}
         .lx p:nth-child(3){background:url(images/ftico3.png) no-repeat left center;}
         .lx p:nth-child(4){background:url(images/ftico4.png) no-repeat left center;}

        .fcode{ width: 355px;float: right;box-sizing: border-box;}
        .fcode h3{height: 135px;}
        .fcode h3 .cd1{width:355px;height: 30px; display: block;margin-bottom: 20px;}
        .fcode h3 span{display: block;line-height: 71px; font-size: 14px;color: #888888; font-weight: normal;}
        .fcode h3 span img{width:156px;height: 71px;vertical-align: middle;}
        .fcode .code{clear: both;overflow: hidden;margin-bottom: 3px;}
        .fcode p{width: 95px; float: left;overflow: hidden;margin-right: 31px;}
        .fcode p img{width: 95px; height: 95px;background: #fff;}
        .fcode p span{display: block;text-align: center; color: #888888; font-size: 14px;margin-top: 10px; height: 32px; font-weight: normal;}
        .fcode p:nth-child(3){margin-right: 0;}

         .ft_txt span{display: block;border-top:2px solid #3f3f3f; line-height: 30px; font-size: 13px; color: #878787;padding-top: 40px;font-weight: normal; text-align:center;width: 1200px;}
         .ft_txt span a{color: #878787;}

        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-radius:5px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #007aff;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
             border-radius:5px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #007aff;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
             border-radius:5px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }