/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section 
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.f_fl{float:left;}
.f_fr{float:right;}


/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}






/*头部样式*/
#header{width:1000px;margin:0 auto;}
.logo{float:left;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}



/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:none;border:none;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:8px;color:#666;width: 300px;outline: none;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background:none;color:#fff;border:none;cursor:pointer;float:right;outline: none;}





/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:20px;}
.container{width:1200px;margin:0 auto;}


.box1{background:url(../images/bj1.jpg) no-repeat center top;height:1648px;}
.b1tt{text-align:center;font-weight:bold;color:#3366cc;font-size:40px;padding-top:79px;}
.b1tt2{text-align:center;color:#333333;font-size:16px;background:url(../images/t1.png) no-repeat center center;margin-top:5px;}


.ads{margin-top:22px;}
.ads li{width:574px;float:left;text-align:center;margin-right:52px;margin-bottom:32px;}
.ads li:nth-child(2n){margin-right:0px;}
.ads li img{height:574px;height:197px;}





/* 走进史图斯 */
.box3{padding-top: 80px;padding-bottom: 40px;}
.box3 .a1{float: left;}
.box3 .a1 h1{font-size: 30px;color: #333333;font-weight: bold;margin-top: 80px;}
.box3 .a1 h2{font-size: 18px;color: #666666;margin-top: 20px;height: 40px;background: url(../images/main/line2.png) no-repeat bottom left;font-weight: normal;}
.box3 .a1 h3{width: 392px;height: 241px;}
.box3 .a1 h3 p{font-size: 14px;color: #666666;line-height: 30px;overflow: hidden;font-weight: normal;}
.box3 .a1 h3 p:first-child{margin-top: 25px;}
.box3 .a2{float: right;}
.box3 .a2{background: url(../images/about_bg1.jpg) no-repeat center right;width: 782px;height: 456px;position: relative;}
.box3 .a2 img{position: absolute;bottom: 23px;}






/*产品中心*/
.qj{margin-top:38px;position:relative;}

.mod18{}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf li .sa1{display:block;color:#333;font:100 14px/30px "微软雅黑";text-align:center}
.mod18 .picBox{height:460px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:460px;position:absolute;}
.mod18 .picBox li{width:1200px;height:460px;}
.mod18 .picBox li img{width:853px;height:460px;float:left;}
.mod18 .picBox li .det{width:335px;height: 479px;/* margin-top:8px; */background:#3266cc;}
.mod18 .picBox li .cont{padding-left:18px;padding-right:15px;}
.mod18 .picBox li .tts{color:#ffffff;font-size:18px;font-weight:bold;padding-top:60px;}
.mod18 .picBox li span{color:#ffffff;font-size:14px;line-height:40px;padding-top:20px;display:block;height:268px;overflow:hidden;}

.mod18 .tempWrap{width:1200px!important;}
.mod18 .listBox{width:1200px;height:182px;margin:0 auto;position:relative;margin-top:20px;overflow:hidden;}
/*.mod18 .listBox .cf{left:0!important;}*/
.mod18 .listBox ul{height:182px;position:absolute;text-align:center;}
.mod18 .listBox li{width:294px;height:182px;cursor:pointer;position:relative;display:inline-block;}
.mod18 .listBox li+li{margin-left:10px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li img{width:294px;height:182px;}
.mod18 .listBox .on img{width:294px;height:182px;}
.mod18 .listBox .on i{display:block;}
.mod18 .listBox li h3{width:100%;position:absolute;text-align:center;color:#fff;font-size:16px;left:0;top:40%;z-index:99999;opacity:1;font-weight: normal;}
.mod18 .listBox li .mask{width:100%;position:absolute;left:0;top:0;height:182px;background:rgba(0,0,0,.5);opacity:1;}
.mod18 .listBox .on .mask{opacity:0;}
.mod18 .listBox .on h3{opacity:0;}















.ht{width:1920px;position:relative;left:50%;margin-left:-960px;}



/*.tabli{position:relative;margin-top:35px;}
.tabli li{float:left;width:143px;line-height:64px;color:#666666;font-size:16px;font-weight:bold;text-indent:18px;background:url(../images/tab.png) no-repeat;}
.tabli li+li{margin-left:8px;}*/


.tabli66 li.cur{}
.tab66{display:none;}
.tab66.clicked{display:block;}


.numb{background: url(../images/bg3.png) no-repeat center top;height:273px;}






.message1{width:400px;margin:0 auto;padding-left:0;padding-top: 30px;position:relative;}
.bg{width:301px;}

.bn{float:left;}
.message1 .m_label{color:#ababab;line-height:48px;}
.bn #contact{border:none;width:300px;height:48px;line-height:48px;text-indent:15px;outline: none;font-size:14px;}

.m_label{position:absolute;width:160px;text-align:left;line-height:26px;padding-left:8px;color:#ccc;z-index:1;cursor:text;}

.message #email{display:block;height:26px;line-height:26px;padding:0;padding-left:6px;border:1px solid #dedede;width:200px;}

.tj .msgbtn{width:100px;height:48px;background: #fe0001;color:#fff;text-align:center;border:none;border-radius:0;margin-top:0;position:absolute;top: 30px;right:0px;font-size: 16px;}








#ydemo{overflow:hidden;margin:0 auto;position:relative;height: 291px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}












.f_pr{position:relative;}
.f_pa{position:absolute;}
.header , .contents , .footer { width:1200px; margin:0 auto;  }
em{font-style:normal;}

      .g_top{ height:143px; background:url(../images/topbg.jpg) repeat-x center top;position: relative;}
      .g_top .contents{width:1220px;}
      .top_t{ height:32px; line-height:32px;color:#f0f0f0;font-size: 14px;}
      .top_t p{ float:right;}
      .top_t p:last-child{ float: left;;}
      .top_t p a{ padding: 0 15px 0 22px; display: inline-block; color:#f0f0f0;}
      .top_t p a:nth-child(4){padding-left: 0;}
      .top_t p a:nth-child(5){padding-left: 0;}
      .top_t p .tico1{background:url(../images/tico1.png) no-repeat 0 6px;}
      .top_t p .tico2{background:url(../images/tico2.png) no-repeat 0 6px;}
      .top_t p .tico3{background:url(../images/tico3.png) no-repeat 0 6px;}
      .topd{height: 111px}
      .g_top h1{ float:left;padding-top:23px;width: 265px;}
      .g_top h1 img{width: 265px;height: 68px;display: block;}




      .g_navs{float: right;height: 111px; width: 880px; }
      .g_navs li{ float:left; font-size:14px; }
      .g_navs li a{ display:block;float: left; padding: 0 28px; color:#333333; line-height:110px; text-decoration: none;}
      .g_navs li a:hover,.g_navs .cur a{color: #fff;background:#0066d9 url(../images/hover.jpg) no-repeat center bottom;}
      .g_navs .lastli a{padding-right: 0;}
      .g_navs .xla{position: absolute;left:0;top:143px;width: 100%;height: 80px;background: #4189da;line-height: 80px;border-top: 1px solid #1a74d9;z-index: 111;display:none;}
      .g_navs .xla2{width: 1200px;margin: 0 auto;} 
      .g_navs .xla a{font-size: 14px;color: #fff;margin-right:0px;display: block;height: 80px;line-height: 80px;}
      .g_navs .xla a:hover{background: none;}
      .g_navs li:hover .xla{display:block;}
      .g_navs .cur .xla a{background:none;}
      .g_navs .cur .xla a:hover{background: none;}
      
      
      






    
 
 .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: #0066d9;
        }
        .slick-dots .slick-active button {
            background-color: #1d944e;
        }
        


  .g_ser{background:url(../images/serbgd.jpg) no-repeat center top;height:100px;padding-top: 20px;}
  .g_ser h3{float: left;width: 466px;font-size: 22px;font-weight: bold;color: #0066d9;padding-top:17px;}
  .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: 14px;}
  .h_sea b a{color: #a6a6a6;}
  .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:right; width:35px; height:25px; background: none;border: none; cursor: pointer;}
  .key a{color:#666666;padding:0 10px; font-size: 14px;}
  .s_inp{  background:url(../images/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;line-height:28px;}
  .sertel p{font-size: 28.67px;color: #0167cb;font-family: arial;letter-spacing: -1px;font-weight: bold;}

  
  

.g_xban2{background:url(../images/xban2.jpg) no-repeat center top;height: 360px; }
.g_xban2 .m_xban2{position: absolute;right:0;top:63px;}
.g_xban2 h3{height: 88px;font-size: 18px;color: #fff;font-weight: normal;}
.g_xban2 h3 em{display: block;font-size: 34px;}
.g_xban2 span{display:none;}
.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; }


.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(../images/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("../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;
    }


    .g_hz ul{border-bottom:1px solid #e5e5e5;}


      .g_ft{/* height:334px; */background:#333333;border-top: 5px solid #0066d9;padding-bottom: 19px;}
      .g_ft .m_fnav{height: 88px;line-height: 88px;/* border-bottom:1px solid #434343; */margin-bottom: 35px;}
      .g_ft .m_fnav a{color:#737373;padding: 0 62px 0 0;font-size: 18px;font-weight: normal;display: inline-block;}
      .g_ft .m_fnav a:last-child{padding-right: 0;}
      .g_ft .m_fnav a:hover{color: #fff;}

      .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: #999999;padding-left: 43px;}
      .g_ft .f_ftcon li em{position: absolute;left:0;top:0;}
      .g_ft .f_ftcon li b{display: block;margin-top: -6px;}
      .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(../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: 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: #0066d9;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: right;
        }
        
        .client-2 .my-kefu-main {
            background: #0066d9;
            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;
        }
    






.g_wt{padding-top:56px; }
.g_wt h2{background:url(../images/wttit.jpg) no-repeat;height: 120px;padding-top: 40px;text-align: center;font-size: 36px;color: #565656;font-weight: normal;}
.g_wt h2 em{color: #0066d9;display: inline-block;padding-left: 12px;}
.g_wt li{float: left;width: 277px;height: 160px;border:1px solid #d2d2d2;margin-right: 28px;transition: all 0.3s linear 0s;text-align:center;}
.g_wt .lastli{margin-right: 0;}
.g_wt li b{display: block;width: 52px;margin:0 auto;height:72px;line-height: 52px;border-radius: 50%;text-align: center;font-size: 30px;color: #333333;font-weight: normal;margin-bottom:20px;padding-top:20px;}
.g_wt li em{display: block;font-size:16px;line-height: 24px;color: #333333;}

.g_wt li:hover em{color: #0066d9}
.g_wt li:hover{border:1px solid #0066d9; transform: translateY(-10px);}

.g_wt .wz{text-align:center;color:#565656;font-size:20px;padding-top:20px;}




.g_wt .wtbtn{display: block;width: 174px;height: 46px;line-height: 46px;background: #a9c94b;border-radius: 5px;margin:8px auto 5px;text-align: center;font-size: 16px;color: #fff;}
.g_wt .wtbtn a{display: block;color: #222;overflow: hidden;text-transform: uppercase;position: relative;z-index: 1; }
.g_wt .wtbtn a:before{content: "";position: absolute;z-index:-1;width:0;height:48px;top: 0;left: 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);}
.g_wt .wtbtn a:hover{color: #fff;box-shadow:0 5px 7px -1px #d2d2d2;border-radius: 5px;}
.g_wt .wtbtn a:hover:before{width: 309px;background:#0066d9;color: #fff;}





.g_wt h3{text-align: center;font-size: 30px;color: #565656;height: 69px;font-weight: normal;}

.g_wt .m_kr{}
.g_wt .m_fw h4{position: absolute;left:0;top:0;width: 1200px;text-align: center;font-size: 36px;font-weight:bold;color: #0066d9;}
.g_wt .m_fw dl{float: left;width: 264px;margin-right: 48px;}
.g_wt .m_fw .wt4{margin-right: 0;margin-top: 25px;}

.g_wt .m_fw dt{width: 264px;height: 264px;overflow: hidden;}
.g_wt .m_fw dt img{width: 264px;height: 264px;display: block;transition: all 0.3s linear 0s;}
.g_wt .m_fw dt:hover img{transform:rotate(360deg)}
.g_wt .m_fw dd{margin-top: 20px;}
.g_wt .m_fw h3{height: 40px;line-height: 40px;text-align: center;font-size: 24px;color: #006fd7;margin-bottom: 10px;}
.g_wt .m_fw p{font-size: 16px;line-height: 24px;color: #666666;text-align: center;width: 230px;margin: 0 auto;}
.g_wt .m_fw .wt1{margin-top: 25px;}
.g_wt .m_fw .wt2,.g_wt .m_fw .wt3{margin-top: 90px;}

.g_pro{margin-top:58px;background: url(../images/bg2.jpg) no-repeat center top;padding-bottom: 43px;}
.g_pro h2{background:url(../images/cptit.png) no-repeat center center;height: 83px;padding-top: 25px;text-align: center;font-size: 35px;color: #333333;font-weight: normal;}
.g_pro h2 a{color: #333333;}
.g_pro h2 em{color: #666666;display: block;font-size: 18px;margin-top: 8px;}
.g_pro .m_fl{float: left;width: 263px;}
.g_pro .m_fl h3{height: 92px;line-height: 92px;background: #0066d9;text-align: center;font-size: 24px;font-weight: bold;color: #fff;}
.g_pro .m_fl h3 a{color: #fff;}
.g_pro .m_fl ul{border:3px solid #0066d9;border-top: none;}
.g_pro .m_fl li{height: 48px;line-height: 48px; position: relative;}
.g_pro .m_fl li a{display: block;padding-left: 88px;font-size: 16px;color: #333333;background:url(../images/cpflico.jpg) no-repeat 45px 17px;}
.g_pro .wtzs{width: 52px;margin: 0 auto;margin-top:20px;}








.g_pro .m_fl li:nth-child(2n){background: #f3f8ff;}
.g_pro .m_fl li a:hover,.g_pro .m_fl .cur a{background:url(../images/cpflicoh.jpg) no-repeat 45px 17px;color: #0066d9;font-weight: bold;}
.g_pro .m_fl .fl2j{position: absolute;left:260px;top:0;background: #eef5ff;padding: 10px 20px 10px 10px;background: #eef5ff;border:none; width: 260px; z-index: 110;display: none;}
.g_pro .m_fl .fl2j:before{content: "";position: absolute;background:url(../images/ejjt.png) no-repeat;width: 14px;height: 20px;left:-14px;top:20px;}
.g_pro .m_fl .fl2j li{height: 36px;line-height: 36px;border-bottom: 1px dashed #bddbff;}
.g_pro .m_fl .fl2j li a{color: #666666;font-size: 14px;color: #666666;background:url(../images/flej.jpg) no-repeat 13px 11px;padding-left: 30px;font-weight: normal;}
.g_pro .m_fl .fl2j li:nth-child(2n){background: #eef5ff;}
.g_pro .m_fl .fl2j li:last-child{border-bottom: none;}
.g_pro .m_fl li:hover .fl2j{display: block;}
.g_pro .m_cp{float: right;width: 920px;}
.g_pro .cpup{height: 112px;border-top: 1px solid #e9eaed;}
.g_pro .cpup li{float: left;width: 140px;margin-right: 15px;}
.g_pro .cpup li img{width:140px;height: 105px;display: block;}
.g_pro .cpd li{float: left;width: 300px;margin-right:6px;transition: all 0.3s linear 0s;}
.g_pro .cpd li:hover{opacity:0.8;}
.g_pro .cpd .lastli{margin-right: 0;}
.g_pro .cpd li img{width: 298px;height: 224px;display: block;border:1px solid #e4e4e4;}
.g_pro .cpd li em{display: block;width: 300px;height: 64px;line-height: 64px;border-bottom: 1px solid #e1e1e1;text-align: center;overflow: hidden;font-size: 16px;color: #666666;margin-bottom: 26px;}


.g_xban{background:url(../images/xban.jpg) no-repeat center top;height: 302px;}
.g_xban .tel{position: absolute;left:50px;top:152px;font-size: 26px;color: #fff;}
.g_xban .tel a{color: #fff;}
.g_xban span{position: absolute;left:280px;top: 152px;width: 133px;height: 40px;line-height: 40px;background: #a9c94b;border-radius: 5px;text-align: center;font-size: 16px;color: #fff;}
.g_xban span a{color: #fff;}



/*优势*/
.ysbox{height:748px;padding-top:48px;}
.ysbox h2{background:url(../images/fatit.png) no-repeat center center;height: 138px;padding-top:38px;text-align: center;font-size:35px;color: #333333;font-weight: normal;}
.ysbox h2 a{color: #333333;font-size: 35px;}
.ysbox h2 em{color: #666666;display: block;font-size: 18px;margin-top: 8px;}

.ys_nav{width: 580px;}
.ys_nav li{width:170px;height: 112px;white-space: nowrap;float: left;background: #fff url(../images/faico1.jpg) no-repeat 23px 77px;border:1px solid #efefef;float: left;margin: 0 22px 16px 0;font-size: 16px;line-height: 22px;color: #232222;padding-top: 22px;padding-left: 24px;}
.ys_nav li{position: relative;}
.ys_nav li span{display: block;color: #232222; font-size: 16px;font-weight: bold;}
.ys_nav li span em{display: block;text-transform: uppercase;font-style: normal;font-size: 12px;line-height: 18px;color: #686565; font-weight: normal; padding-top:5px;}
.ys_nav li a{display: block;color: #fff;}
.ys_nav li.cur{background: #0066d9 url(../images/faico2.jpg) no-repeat 23px 77px;}
.ys_nav li.cur span{color: #fff;}
.ys_nav li.cur em{color: #fff;}





.ys_list{width:618px;overflow: hidden;height:496px;}
.ys_lc dl{height:496px;position: relative;}
.ys_lc dt{width:800px;height:496px;display: block;overflow: hidden;}
.ys_lc dt img{width: 618px;height: 514px;display: block;transition: all 0.3s linear 0s;}
.ys_lc dt:hover img{transform: scale(1.1);}
.ys_lc dd{position: absolute;left:0;bottom: 0;background: rgba(0,102,217,.6);padding: 28px 20px 0 30px;height:111px;font-size: 14px;line-height: 28px;color: #fff;width:100%;}



.g_ys{/*background:url(../images/ysbg.png) no-repeat center top;*/height: 1431px;padding-top: 60px;}
.g_ys h2{height: 100px;text-align: center;background:url(../images/ystit.jpg) no-repeat center bottom;font-size: 35px;font-weight: bold;color: #0066d9;}
.g_ys h2 em{display: block;font-size: 18px;color: #666666;font-weight: normal;padding-top: 17px;}
.g_ys .tm{position: absolute;left:440px;top:450px;background:url(../images/ystm.jpg) no-repeat;width: 220px;height: 141px;padding-top: 46px;text-align: center;font-size: 32px;/* font-weight: bold; */color: #fff;}
.g_ys .tm em{display: block;font-size: 20px;color: #fff;font-weight: normal;}
.g_ys .m_ys1{position: absolute;left:665px;top: 231px;}
.g_ys .m_ys2{position: absolute;left:0;top: 640px;}
.g_ys .m_ys3{position: absolute;left:635px;top: 1024px;}
.g_ys .img1{position: absolute;left: -44px;top: 169px;}
.g_ys .img2{position: absolute;left: 581px;top: 525px;}
.g_ys .img3{position: absolute;left: -4px;top: 958px;}
.g_ys .imgBG{position: absolute;left: -45px;top: 511px;z-index: -1;}
.g_ys b{position: absolute;left:0;top:0;}
.g_ys h3{padding-top: 19px;height: 68px;padding-left: 65px;font-size: 26px;color: #333333;font-weight: normal;}
.g_ys h3 em{color: #0066d9;}
.g_ys p{font-size: 16px;line-height: 32px;color: #666666;}

.g_ys .m_ys1 p{width:480px;text-align:justify;}
.g_ys .m_ys2 p{width:480px;text-align:justify;}
.g_ys .m_ys3 p{width:355px;text-align:justify;}








.g_hz{height: 520px;margin-top:88px;}
.g_hz .content{width: 1204px;}
.g_hz h2{background:url(../images/hztit.jpg) no-repeat;height: 140px;padding-top: 30px;text-align: center;font-size: 38px;color: #333333;font-weight: normal;}
.g_hz h2 a{color: #333333;}
.g_hz h2 em{color: #666666;display: block;font-size: 18px;}
.g_hz li{float: left;position: relative;}
.g_hz li img{width: 239px;height: 148px;border:1px solid #e5e5e5;display: block;border-right: none;border-bottom: none;}
.g_hz li:nth-child(5n){border-right:1px solid #e5e5e5;}


.g_hz li a span {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    font-size: 24px;
    height: 100%;
    left: 0;
    line-height: 129px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(0);
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.g_hz li a:hover span {
    opacity: 1;
    transform: scale(1);
}







/* æ–°é—» */
.g_newcon{height: 703px;padding-top: 63px;}
.g_newcon h2{background:url(../images/newtit.png) no-repeat;height: 140px;padding-top: 30px;text-align: center;font-size: 35px;color: #333333;font-weight: normal;}
.g_newcon h2 a{color: #333333;}
.g_newcon h2 em{color: #666666;display: block;font-size: 18px;margin-top: 10px;}
.g_news{width: 325px;}
.g_news h3{background: url(../images/newtit1.png) no-repeat 0px 18px;border-bottom: 1px solid #d1d1d1;padding-left: 12px;height: 62px;line-height: 54px;padding-left: 36px;font-size: 18px;margin-bottom: 25px;overflow: hidden;font-weight: bold;}
.g_news h3 a{color: #0066d9;}
.g_news h3 span{display: block;width: 52px;height: 22px;line-height: 30px;/* background: #f0f8ff; */font-size: 12px;text-transform: uppercase;font-weight: normal;color: #afb0b0;text-align: center;margin-top: 12px;/* border:1px solid #d1d1d1; */border-radius: 3px;}
.g_news h3 span a{color: #c6c6c6;}

.g_news .newup{height:218px;}
.g_news .u_dlst3 dt{width: 266px;/* float: left; */height: 131px;overflow: hidden;}
.g_news .u_dlst3 dt img{width: 302px;height: 130px;display: block;transition: all 0.3s linear 0s;}
.g_news .u_dlst3 dt:hover img{transform: scale(1.1)}
.g_news .u_dlst3 dd{/* float: right; */width: 278px;}
.g_news .u_dlst3 dd h4{height: 42px;line-height: 42px;overflow: hidden; margin-bottom: 12px;}
.g_news .u_dlst3 dd h4 a{font-size: 16px;display: block;color: #000000;font-weight: normal;margin-top: 10p;padding-top: 5px;}
.g_news .u_dlst3 dd p{color: #666666;font-size: 14px;line-height: 24px;margin-top: -5px;height: 59px;overflow: hidden;margin-bottom: 20px;}
.g_news .u_dlst3 dd span a{display: block;font-size: 12px;color: #ffffff;width: 64px;height: 24px;line-height: 24px;border-radius: 3px;/* border:1px solid #d1d1d1; */text-align: center;background: #0167cb;}
.g_news .u_lst5{height: 120px;overflow: hidden;}
.g_news .u_lst5 li{height: 40px;line-height: 40px;overflow: hidden;border-bottom: 1px dashed #dbdbdb;}
.g_news .u_lst5 li a{ font-size: 16px; color: #333333;}
.g_news .u_lst5 li span{color: #666666;}
.g_news .u_lst5 li i{font-style: normal;}


.wend{width: 355px;}
.wend h3{background: url(../images/newtit3.png) no-repeat 0 18px;border-bottom: 1px solid #d1d1d1;padding-left: 12px;height: 62px;line-height: 54px;padding-left: 36px;font-size: 18px;margin-bottom: 20px;overflow: hidden;font-weight: bold;}
.wend h3 a{color: #0066d9;}
.wend h3 span{display: block;width: 52px;height: 22px;line-height: 30px;/* background: #f0f8ff; */font-size: 12px;text-transform: uppercase;font-weight: normal;color: #afb0b0;text-align: center;margin-top: 12px;/* border:1px solid #d1d1d1; */border-radius: 3px;}
.wend h3 span a{color: #c6c6c6;}


.wend .otwdl{height: 79px;border-bottom: 1px dashed #c6c6c6;margin-bottom: 20px;}
.wend .otwdl dt{height:32px;line-height:32px;margin-bottom: 6px;overflow: hidden;font-size:16px;color: #333333;font-weight: normal;}
.wend .otwdl dt a{/* color:#000000; */background: url(../images/wen.png) no-repeat 0 8px;padding-left: 30px;display: block;}
.wend .otwdl dt a:hover{color: #0066d9;}

.wend .otwdl dd{font-size: 14px;padding-left: 30px;background: url(../images/da.png) no-repeat 0 3px;line-height:24px;color:#666666;height: 23px;overflow: hidden;}  
.wend .otwdl dd a{color: #0066d9;}
.wend .lastdl{border-bottom: none;}





.g_zj{background: url(../images/abbg.jpg) no-repeat center top;height:640px;padding-top:125px;}
.g_zj dt{width:744px; float: right; height: 388px;overflow: hidden; margin-right:35px; }
.g_zj dt img{width: 744px; height: 388px;display: block;transition: all 0.3s linear 0s;}
.g_zj dt:hover img{transform: scale(1.1)}

.g_zj dd{float: left;width:388px;margin-top:20px;}
.g_zj dd h3{height:120px;font-size:37px;color: #000000;font-weight: normal;}
.g_zj dd h3 a{color: #333333;}
.g_zj dd h3 em{display: block;font-size: 18px;color: #666666;}
.g_zj dd p{font-size: 14px;line-height:32px;color: #666666;text-align:justify;}






/* 友情链接 */
.g_link{/* height: 76px; */background: #19191c;padding: 20px 0;}
.link_c{/* line-height:74px; */overflow:hidden;font-size: 14px;/* text-indent:20px; */color: #999999;}
.link_c a {
    white-space: nowrap;
    padding: 0 4px;
    height: 74px;
    line-height: 1.75;
    color: #999999;
}
.link_c .lasta a{background: none;}






/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}






/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}

.left{width: 240px;float: left;}
.right{width: 940px;float: right;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}






.g_pro .contents .divs {}
.g_pro .contents .divs{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.g_pro .contents .divs img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.g_pro .contents .divs:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.g_pro .contents .divs a{width: 853px;height: 640px;overflow: hidden;display: inline-block;}


/* .numb .contents .a1{margin: 0 auto;margin-top: 40px;} */
.numb .contents{text-align: center;padding-top: 58px;}
.numb .contents h1{font-size: 18px;color: #fff;font-weight: normal;}
.numb .contents h2{font-size: 34px;color: #fff;margin-top: 10px;font-weight: normal;}




.codelst img+img{margin-left: 12px;}

.g_ft .contents .a3{clear: both;}
.g_ft .cpr{margin-top: 19px;}

.x-region{margin-top: 10px;color: #999999;font-size: 14px;}
.x-region a{color: #999999;font-size: 14px;}
.x-region a:after{content: "、";}
.x-region a:last-child::after{content: none;}



/* 新闻 - 地方销售 */
.wend2{width: 335px;margin-left: 88px;/* height: 200px; */}
.wend2 h3{background: url(../images/newtit2.png) no-repeat 0 18px;border-bottom: 1px solid #d1d1d1;padding-left: 12px;height: 62px;line-height: 54px;padding-left: 36px;font-size: 18px;margin-bottom: 20px;overflow: hidden;font-weight: bold;}
.wend2 h3 a{color: #0066d9;}
.wend2 h3 span{display: block;width: 52px;height: 22px;line-height: 30px;/* background: #f0f8ff; */font-size: 12px;text-transform: uppercase;font-weight: normal;color: #afb0b0;text-align: center;margin-top: 12px;/* border:1px solid #d1d1d1; */border-radius: 3px;}
.wend2 h3 span a{color: #c6c6c6;}

.wend2 .otwdl{height: 46px;border-bottom: 1px dashed #c6c6c6;margin-bottom: 15px;}
.wend2 .otwdl dt{height:32px;line-height:32px;margin-bottom: 6px;overflow: hidden;font-size:16px;color: #333333;font-weight: normal;}
.wend2 .otwdl dt a{/* color:#000000; */background: url(../images/hot.png) no-repeat 0 8px;padding-left: 30px;display: block;}
.wend2 .otwdl dt a:hover{color: #0066d9;background: url(../images/hota.png) no-repeat 0 8px;}
.wend2 .otwdl dt:hover h6{color: #0066d9;}

.wend2 .otwdl dd{font-size: 14px;padding-left: 30px;background: url(../images/da.png) no-repeat 0 3px;line-height:24px;color:#666666;height: 23px;overflow: hidden;}  
.wend2 .otwdl dd a{color: #0066d9;}
.wend2 .lastdl{border-bottom: none;}

.wend2 ul{height: 290px;overflow: hidden;}

.wend2 .txtMarquee-top li{position: relative;}
.wend2 .txtMarquee-top li h6{position: absolute;right: 0px;top: 0px;color: #444444;font-size: 12px;}




/* 导航栏 */
#menu{float: right;height: 111px; width: 880px; }
.navs {line-height: 111px;}
.navs li{line-height:111px;height:111px;text-align:center;width:95px;float:left;position:relative;z-index:999;}
.navs li a{display:block;line-height:111px;color:#333333;height:111px;font-size:14px;}
.navs li a:hover{color:#fff;text-decoration:none;background:#0066d9 url(../images/hover.jpg) no-repeat center bottom;}
/*  */
.navs .sec {
    display: none;
    background: #0057a7;
    color: #fff;
    z-index: 9999;
    position: absolute;
    min-width: 150%;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}
.navs .sec a{background:#0057a7;color:#fff;height:38px;line-height:38px;font-size: 14px;padding: 0 16px;text-align: center;}
.navs .sec a:hover{background:#39d2cd;text-decoration:none;color: #fff;}
.er2{position:relative;}
.navs .third{background:#0057a7;overflow:hidden;z-index:9999;position:absolute;top:0;right:-194px;display: none;}
.navs .third a{color:#fff !important;height:40px;line-height:40px;width:194px;overflow: hidden;padding: 0 10px;font-size: 14px;background: none!important}
.navs .third a:hover{background:#39d2cd!important;text-decoration:none;color: #fff !important;}