em,i{font-style:normal;}
       .topWrap {min-width: 1300px;background:#fff; width: 100%; max-width: 1920px;font-family: "Microsoft Yahei";  height: 128px;box-sizing: border-box; position: relative;font-size: 16px;padding:0 5.8%;color:#666666;margin:0 auto;}
        .tel{height: 128px;line-height: 128px;font-weight: bold; float:right;font-size: 26px;color:#202428;font-family: Arial, Helvetica, sans-serif;padding-right: 35px;background: url(images/tel.png) no-repeat right center;}
       .header { width:1200px; margin:0 auto;  }
       .logo { width: 20.1%;overflow: hidden; box-sizing: border-box; float: left; max-height: 92px; margin-top:16px;z-index: 1;}
       .logo  a{text-decoration: none;}
       .logo img { width: 100%; max-height: 92px; display: block; }
       .h_nr{width: 62%; float: right;max-width: 1025px;margin-right: 1%;}
       .nav{width: 100%; }
       .nav ul{height: 128px;overflow: hidden;}
       .nav li { float: left;height: 128px;line-height: 128px; padding:0 2%; 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:#325dcd;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 1.5%;} 
          /* .tel{display: none;} */
          .logo{margin-top: 30px;}
          .h_nr{width:62%;margin-right: 0;}
          .nav li{padding:0 1%;}
          .nav li a { font-size: 15px!important;}    
        }
        @media screen and (min-width:1367px) and (max-width:1600px) {
          .topWrap{padding:0 2.5%;} 
          .h_nr{width:62%;}
          .logo{margin-top: 30px;}
          .nav li{padding:0 1.5%;}
          .nav li a { font-size: 15px!important;}  
        }
        @media screen and (min-width:1601px) and (max-width:1780px) {
          .topWrap{padding:0 4%;} 
          .logo{margin-top: 30px;}
          .h_nr{width:62%;}
          .nav li{padding:0px 1.8% 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;}
    .banner .slick-next {right: 5%; display: none;background:url(images/rights.png) no-repeat center center;}   
    .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: #325dcd;}    
    

         .footWrap{background:url(images/ftbg.jpg) no-repeat center top;height:453px; font-family:"Microsoft Yahei";box-sizing: border-box;position: relative;}
         .footer{width:1200px;margin: 0 auto; position: relative;}
         .topss{width: 80px;height: 80px;position: absolute;top:-40px;right:0;}
         .topss img{width: 80px;}
         .footer em{padding:0 15px;}
         .flogo{width:205px; float: left;margin-top: 120px;margin-right: 202px;}
         .flogo img{width:85px;height:92px; display: block;}
         .flogo p{font-size: 16px;line-height: 22px;text-align: left;margin-top: 15px;color:#fff;}
         .f_nav{width: 280px; box-sizing: border-box;height: 238px;float: left;margin-top: 120px;}
         .fnav a{display: block;font-size:14px;color:#ffffff;width: 140px; float: left; line-height: 40px; height: 40px;text-decoration: none;background: url(images/ftico.png) no-repeat left center;padding-left: 20px;box-sizing: border-box;}

         .fcontact{width: 290px;height: 238px;box-sizing: border-box;float: left;margin-top: 120px; }
         .fcontact p{display: block;font-size:14px;color:#ffffff; line-height: 40px; height: 40px;text-decoration: none;background: url(images/ftico.png) no-repeat left center;padding-left: 20px;box-sizing: border-box; }
        .fcode{ width: 181px; height: 243px;background:url(images/codebg.png) no-repeat; float: right;margin-top: 80px;padding:58px 22px 0;box-sizing: border-box;}
        .fcode p{width: 140px; float: left;overflow: hidden;}
        .fcode p img{width: 140px; height: 140px;background: #fff;}
        .fcode p span{display: block;text-align: center; color: #202428; font-size: 14px; line-height: 36px; height: 36px; font-weight: normal;}

        .ft_txt{height:90px;border-top:1px solid rgba(255, 255, 255, 0.14);padding-top: 22px;box-sizing: border-box;}
         .ft_txt span{display: block; line-height: 24px; font-size: 14px; color: #ebeaf9;font-weight: normal; text-align:left;}
         .ft_txt span a{color: #ebeaf9;}
         .ft_txt i{float: right; text-align: right;color:#fff;}
         .ft_txt a{color: #ebeaf9;}
        

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#325dcd url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#325dcd url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#325dcd url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#325dcd url(images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#325dcd url(images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#325dcd url(images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#325dcd url(images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }