﻿
 @media screen and (max-width: 1190px) {
    body{
        width: 1920px;
    }
    .g_xban2{
      width: 1920px!important;
    }
}
  .f_pr{position:relative;}
.f_pa{position:absolute;}
.header , .content , .footer { width:1200px; margin:0 auto;  }
em{font-style:normal;}

    .t_top {
    overflow: hidden;
    background: #f5f5f5;
    line-height: 38px;
    font-size: 14px;
}
 
 .banner .slick-arrow {
            position: absolute;font-size: 0;
            top: 50%; 
            z-index: 9;
            width: 100px;
            height: 100px;
            margin-top: -50px;
            border: 0;
        }
        .banner .slick-prev {
            left: 5%; display: none; background:none;
   
        }
        .banner .slick-next {
            right: 5%; display: none;background:none;
       
        }   

    .banner img {
            display: block;
            width: 100%;
        }
      
       .slick-dots {
            position: absolute;
            left: 0; font-size:0;
            bottom: 5%;
            width: 100%;
            text-align: center;
        }
        .slick-dots li {
            display: inline-block;
            margin: 0 3px; 
        }
        .slick-dots li button {
            display: block;
            border: 0 none;width: 100px;height: 10px;
            color: #fff;
            background-color: #ccc;
        }
        .slick-dots .slick-active button {
            background-color: #ffa801;
        }
        


  .g_ser{background:url(img/serbgd.jpg) no-repeat center top;height: 80px;padding-top: 20px;}
  .g_ser h3{float: left;width: 398px;font-size: 22px;font-weight: bold;color: #ccc;}
  .g_ser h3 em{display: block;font-size: 16px;color: #333333;font-weight: normal;} 

  .h_sea{float: left;width: 465px;}
  .h_sea b{font-weight: bold; color: #333333;font-size: 12px;}
  .inp01{height:25px;line-height:25px;   padding-left: 15px; width:315px;float:left;color:#676767; font-size: 12px;  border: none; background: none; font-family:"Microsoft Yahei";text-transform: uppercase;}
  .s_ss{float:left; width:35px; height:25px; background: none;border: none; cursor: pointer;}
  .key a{color:#666666;padding:0 10px; font-size: 12px;}
  .s_inp{  background:url(img/serbg.jpg) no-repeat; width: 377px;height: 25px;margin-bottom: 8px;}
  .taobao{float: left;width:150px; margin-top: 7px;}
  .taobao li{float: left;width: 41px;margin-right: 9px;}
  .taobao li img{width: 41px;height: 39px;display: block;}
  .sertel{float: right;font-size: 14px;color: #666666;}
  .sertel em{display: block;font-size: 28px;color: #34353e;font-family: arial;letter-spacing: -1px;}

  
.f_pr h3{
    margin-top:30px;
}
.g_xban2{background: url(img/zhtt-1-bg.png) no-repeat center top;height: 430px;margin-top: -216px;z-index: 99;position: absolute;width: 100%;}
.g_xban2 .m_xban2{position: absolute;left: 35%;top: 140px;margin-top: 18px;}
.g_xban2 .m_xban2 p {
    color: #fff;
    font-size: 26px;
}

.g_xban2 .m_xban2 p span:nth-child(1) {
    padding-left: 36px;
    background: url(img/zhtt-1-so.png) no-repeat;
    margin-left: 10px;
}

.g_xban2 .m_xban2 p span:nth-child(2) {
    padding-left: 36px;
    background: url(img/zhtt-1-che.png) no-repeat;
    margin-left: 10px;
}
.g_xban2 .m_xban2 .m_xban2_p {
    padding-left: 86px;
    background: url(img/zhtt-1-iph.png) no-repeat 10px;
    margin-top: 20px;
}
.g_xban2 h3,.f_pr h3{font-size: 26px;color: #fff;display: inline-block;line-height: 45px;font-weight: bold;margin-bottom: 10px;}
.g_xban2 h3 em,.f_pr h3 em{display: block;}

.g_xban2 li{height:48px;line-height:48px;width:300px;position: absolute;right:100px;top:100px;  color:#676767; font-size: 12px;  border: none; background: #fff; font-family:"Microsoft Yahei";text-transform: uppercase;}
.g_xban2 li input{border:none;background:none;padding-left: 10px; width:290px;}
.g_xban2 b{position:absolute;right:0;top:150px;color:#fff; }
.s_inp2_wx {
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.g_xban3 {
    margin-top: -118px;
}
.g_xban2 .form-btn-submit{border:none;width:100px;height:48px;cursor:pointer; position: absolute;right:0;top:100px; }
.g_xban2 .form-btn-submit{background:url(img/tj.jpg) no-repeat;display: inline-block; width: 100px; height: 48px; }
.g_xban2 .form-btn-reset{display: none;}



    /*Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥Â¼Â¹Ã¦Â¡â€ */
    .getcode_gg{float:left;width:84px;height:36px;}
    .nsw-modal {
        width: 100vw;
        height: 100vh;
        background: rgba(225, 225, 225, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }
    
    .modal-dialog {
        position: absolute;
        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("img/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;
    }


    .g_hz ul{border-bottom:1px solid #e5e5e5;}

.m_fbot {
    display: block;
    clear: both;
    border-top: 1px solid #434343;
    padding-top: 23px;
    text-align: center;
    color: #a4a4a4;
    margin-top: 202px;
}

.m_fbot a {
    color: #a4a4a4;
}
      .g_ft{height: 388px;background:#333333;}
      .g_ft .m_fnav{height: 88px;line-height: 88px;border-bottom:1px solid #434343;margin-bottom: 35px;text-align: center;padding-top: 20px;}
      .g_ft .m_fnav a{color:#fff;padding: 0 25px;font-size: 16px;font-weight: normal;display: inline-block;}
      .g_ft .m_fnav .lasta{padding-right: 0;}

      .g_ft .f_ftcon{float: left;width: 870px;}
      .g_ft .f_ftcon ul{width: 800px;height: 132px;}
      .g_ft .f_ftcon li{position: relative;float: left;width:342px;height: 65px;font-size: 16px;color: #9a9a9a;padding-left: 55px;}
      .g_ft .f_ftcon li em{position: absolute;left:0;top:0;}
      .g_ft .f_ftcon li b{display: block;}
      .g_ft .f_ftcon .ftico4 b{font-weight: normal;}
      .g_ft .cpr{font-size: 14px;color: #9a9a9a;}
      .g_ft .cpr a{color: #9a9a9a;}

      .g_ft .m_code{float: left;width: 325px;padding: 30px 0 0 0;}
      .g_ft .codelst li{float: left;width: 147px;}
      .g_ft .codelst li img{width: 105px;height: 105px;display: block;}
      .g_ft .codelst .code2{margin-right: 0;}
      .g_ft .codelst li em{display: block;width: 8px; padding: 0 12px; height: 83px;float: left;font-size: 14px;color: #9a9a9a;background: #484848; padding-top: 22px;}
      .g_ft .codelst .code2 em{padding-top: 8px;height: 97px;line-height: 15px;}





      

        .client-2 {
            position: fixed;
            left: -170px;
            top: 30%;
            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(img/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: right;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: right;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-right: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #ccc;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: right;
        }
        
        .client-2 .my-kefu-main {
            background: #ccc;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: right;
        }
        
        .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;
        }
    
/*Ã¥Â¤Â´Ã©Æ’Â¨Ã¦Â Â·Ã¥Â¼Â*/
 .header ,.content , .footer { width:1200px; margin:0 auto;font-family:"Microsoft Yahei";}
 .h_top{height:180px;/* background:url(img/topbg.gif) repeat-x center 0; */position: relative;z-index: 2;font-family:"Microsoft Yahei";overflow: hidden;}
 .t_con{height:106px;padding:14px 0 0;overflow: hidden;}
 .t_logo,.t_logo img{width:206px;display: block;height:90px;margin-right: 5px;}
 .t_text{font-size: 18px;color: #333333;padding: 10px;font-weight: bold;}
 .t_text em {display: block;font-weight: bold;font-size: 23px;color: #ccc;letter-spacing: 3px;padding: 7px 0 6px;}
 .t_text span{display: block;height:36px;}

 .t_pho{color: #333;padding: 23px 0 0;line-height:28px;}
 .t_pho span{display: block;font-family: Arial;font-size: 21px;color: #000000;/* font-weight: bold; */background: url(img/dh.png) no-repeat;padding-left: 64px;}
.t_pho span b {
    display: block;
    font-size: 29px;
    font-weight: 100;
}

.t_text.fl:after {content: '';width: 2px;height: 60px;position: absolute;background: #bdbdbd;left: 0px;top: 18px;}

.t_text.fl {
    position: relative;
}
 .menu{white-space:nowrap;height:60px;line-height:60px;overflow:hidden;background-image: linear-gradient(to right, #ccc , #ccc,#ccc );}
 .menu ul{width: 1380px;}
 .menu li{float: left;position: relative;margin-left: -1px;/* background:url(img/menu-fgx.gif) no-repeat 0 0; */z-index: 2;}
 .menu li a:before{width:0;height:0;background: #ffa801;position: absolute;content: "";left: 0;bottom: 0;-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);z-index: -1;transform: skewX(-30deg);}
 .menu li.born{background:none;}
 .menu li a{color:#fff;display: inline-block;padding:0 36px 0;}
 .menu li.cur a,.menu li a:hover{text-decoration:none;z-index:3;position: relative;}
 .menu li.cur a:before,.menu li a:hover:before{width: 100%;height: 60px;}
 .menu li a:-webkit-any-link{ display:block;}