@charset "utf-8";

@media screen and (max-width:1230px) {
    .container {
        width: 94%; margin:0 auto;
    }
    .topTel {
        display: none;
    }
    .header {
     height:60px;
    }
    .logo img {
      width:120px; height:auto; max-width:none;
    }
    .topNav {
        width: 200px;
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(58, 57, 57, 0.8);
        height:370px;
        left:-200px;
    }
    .topNav li {
       float: none;
       width: 100%; height:50px; line-height:50px;
     }

     .topNav li em{
         display: none;
     }
     .topNav li a {
      float:none; width:100%;   
    }
    .logo {
      height:48px; margin-left:30px; padding-top:12px;
    }
    .enlarge {
     display:block; top:8px;
    }
    .contentH {
      height:auto;width:888px;margin:0 auto;
    }
   .contentH li {
       margin: 15px auto;box-sizing:border-box;padding-left:30px;width:295px;height:auto
        }
    .business {
      width:100%;
    } 
    .business p {
      width:100%;
    }
    .business ul li {
      width:46%;    
      margin: 0 0px 80px 2%; height:auto
      }
    .business ul li img {
     width:100%; height:auto; display:block;
    }
    .business ul {
     margin-left:-1%;    
    }
    .business ul li .maskLayer {
      width:100%; height:100%; bottom:100%; top:auto;
    }
    .index_news {
      float:none;
      width:610px;
    }
    .news ul.fl {
      float:none;
      width:100%;
      margin:30px 0 0 0;
    }
    .index_news img {
     margin-left:0;
    }
    .borderC {
      display:none;
    }
    .picMarquee-left {
      width:100% !important; overflow:hidden !important;
    }
    .footer {
      height:auto;
      padding:1px 0 1px 0;
    }

    .footerB {
      height:auto;
    }
    .footerC {
      margin:0 auto;
    }
    footerR {
      float:none;
    }
    
    .zk_aboutWe {
      width:100%; float:none; margin-bottom:20px;
    }
    .zk_aboutWe ul li {
     width:23%; float:left; text-align:center; margin:0 1%;
    }
    .zk_abDes {
      width:100%; border-left:0;
    }
    .zk_abDes {
       width:100%; float:none; padding:0;
    }
    .Fed_abDes_main ul li {
      width:31%;
      margin: 0 0 30px 2%;
      height:auto;
    }
    .Fed_abDes_main ul li img {
      width:100%; height:auto;    
    }
    .Fed_abDes_main ul {
      margin-left:-2%;
      margin-right:0;
    }
    .net_abDes_main img {
      max-width:100%;
    }
    .about_zp {
      height:auto; margin-bottom:20px;
    }
    .zp_accordionM {
      padding-left:0;
    }
     .zp_accordionM span {
      width:100%; float:none; margin:0; padding:10px 0;
    }
    .zz_abDes_main ul li {
     width:31.3%;
     margin:0 0 0 2%; 
     height:auto;
    }
    .zz_abDes_main ul {
      margin-left:-2%;
      margin-right:0;
    }
    .zz_abDes_main ul li p {
      margin-top:0; padding:10px 0;
    }
    .zz_abDes_main ul li a {
      height:auto; background:none;    
    }
    .zz_abDes_main ul li img {
        width:100%; height:auto;
    }
    .news_list ul li {
      min-height:210px; position:relative;  padding-left:290px; height:auto;
    }
    .news_list_ctt {
     width:auto;
    }
    .news_list li img {
      position:absolute; left:0; top:30px;
    
    }
    .news_list_ctt a {
      position:static;
    }
    .footerR {
      display:none;
    }
    .product_m ul {
      margin-left:-2%; margin-right:0;
    }
    .product_m ul li {
     width:23%; margin:0 0 0 2%;
    }
    .product_m_dec {
      margin-bottom:50px;
    }
    .call_me_h {
      height:auto;
    }
    .banner .banTet .zy, .banner .banTet .zyEng {
      font-size:30px;
    }
    .banner .banTet {
      padding-top:145px;
    }
    .banner .banTet .zyEng {
      font-size:16px;
    }
    .talWx {
      display:none; width:102px; height:102px; margin:37px auto; margin-bottom:20px; float:right;
    }
    .picMarquee-left {
      margin-top:20px;
    }
    .partners {
      margin-top:20px;
    }
    .footerC {
      width:200px;
    }
    .footer .container {
      width:310px; margin:0 auto;
    }
    .footerC h2 {
      font-size:16px;
    }
    .footerC h2 {
      margin:10px 0 10px 0;
    }
    .footerB {
     line-height:24px;
    }
    .zk_aboutWe ul li em {
       display:none;
    }
     .footerC p font{
      width:163px; float:right; display:block;
    }
    .business ul li .maskLayer {
     bottom:-85%;
    }
    .footerL {
    width:400px;margin:0 auto
    }
        .footerL img.fr {
        margin: 15px 18px 0 0;
        }
}
@media screen and (max-width:960px) {
    .news_list_ctt .a {
    font-size: 13px;
    color: #666666;
    /* margin-top: 44px; */
    position: absolute;
    bottom: 15px;
}
    .transport ul {
      margin-right:0;
    }
    .transport ul li {
     width:278px; margin-right:0; position:relative; margin-bottom:0
  }
    .transport_ctr {
      width:auto;
    }
    .transport ul li img {
      position:absolute; left:0; top:0;
    }
    .contentH {
      height:auto;width:630px;margin:0 auto;
    }
   .contentH li {
       margin: 15px auto;box-sizing:border-box; padding-left:15px;width:204px;margin-bottom:30px
        }
  .contentH li .index_icon_wk, .contentH li .index_icon_zzB, .contentH li .index_icon_netB{
       float:none;
       display:block;
       margin-left:70px;
    }
    .contentH li a p {
        text-align:center;
    }
    .contentH li a span {
      display:none;
    }
     .product_m_txt span {
        margin-left:125px
    }
    .product_m ul li a {
    font-size:14px;
    }
    .product_m_txt p {
     width:auto
    }
    .product_m_txt h3 {
        padding-left:125px;
        font-size:20px
    }
    .cold_house_txt {
     float:none;
    }
    .cold_house, .cold_t {
      height:auto;
    }
    .cold_house img {
      width:80%; margin:30px 10% 0;    
    }
    .cold_bus, .cold_print {
      width:100%; float:none; margin-bottom:20px; height:auto; padding-bottom:30px
    }
    .cold_bus img {
     margin:55px auto 0px; display:block;    
    }
    .cold_print {
      padding-top:50px;
    }
    .cold_print img {
        margin:0 auto 0px; display:block;    
         }
    .cold_t_txt {
      float:none;
       width:80%;
       margin-left:10%;
    }
    .cold_t .cold_mac {
      margin:35px auto 50px; display:block;
    }
    .cold_t_txt {
      height:auto; padding-bottom:10px;
    }
    .product_m_dec img {
      width:100px; height:auto;
    }
    .product_m_txt {
      width:96%; float:none; padding-left:0; padding:2%; height:auto; background-color:none;
      background-size:cover!important; background-position:center center !important; background-repeat:no-repeat !important;
    }
    
    .call_me_map {
      width:100%; float:none;
    }
    .call_me_add {
        width:100%;
    }
    .business ul li {
      margin-bottom:20px;
    }
    .call_me_add {
       display:none;
    }
}
@media screen and (max-width:670px) {
    
    .header {
     height:50px;
    }
    .logo img {
      width:120px; height:auto; max-width:none;margin-left:-25px
    }
    .logo {
    padding-top:5px
    }
    .enlarge {
    top:3px
    }
    .bx-viewport {
       height:300px;
    }
    .bxslider li {
      height:750px;
    }
    .zp_accordionH {
      padding:0;
    }
    
    .query {
     padding:10px 10px 25px 10px; width:390px;
    }
     .query div.bgF {
     width:390px;
    }
    .index_news img {
      width:200px; height:auto; float:left;
    }
    .index_news a {
     float:none; display:block;
    }
    .index_news p {
      width:340px; margin-bottom:30px;float:none
    }
    .news ul {
        display:none
    }
    .index_news {
        margin-top:30px;
    }
    .picMarquee-left {
       margin-top:30px;
    }
    .business .ul .li img {
        width:100%;
        height:auto
    }
    .business .ul .li .maskLayer {
        width:100%;
    }
    .contentH li a p {
        text-align:center;font-size:14px;
    }
    .contentH li a span {
      display:none;
    }
    .zp_accordionH span {
      width:25%; text-align:center; margin:0 !important; padding:0 !important; float:left;
    }
    .zp_open {
      padding:0;
    }
    .zp_accordionH {
      width:100%;
    }
    .zp_open .arrow {
      margin-top:22px !important; margin-right:10px !important;
    }
    .zp_close .arrow {
    margin-top:22px !important; margin-right:10px !important;
    }
   
   .transport ul {
      margin-right:0;
    }
    .transport ul li {
     width:278px; margin-right:0; position:relative; margin-bottom:0;height:auto
  }
    .transport_ctr {
      width:auto;
    }
    .transport ul li img {
      position:absolute; left:0; top:0;
    }
    
.zy {
  font-size:16px;
  color:#e60012;
  text-align:center;
  font-weight:bold;
  text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
  position:relative;
  top:50px;
}
.english {
  display:none
}
.zyEng {
 font-size:10px;
 color:#666;
 text-align:center;
 position:relative;
 top:52px;
}

.zyNo1 {
 font-size:10px;
 color:#666;
 text-align:center;
 position:relative;
 top:55px;
}
.zyNo2 {
 font-size:10px;
 color:#666;
 text-align:center;
 position:relative;
 top:58px;
}
.understand {
  display:block;
  width:80px;
  height:25px;
  background:#e60012;
  text-align:center;
  line-height:25px;
  font-size:8px;
  color:#fff;
  position:relative;
  top:62px;
  left:50%;
  margin-left:-40px;
  
}
.header {
    height: 50px;
    width:100%;
    box-sizing:border-box
}
}

@media screen and (max-width:640px) {
    * {
     font-size:12px
    }
    .bx-prev, .bx-next {
        display: none!important;
    }

    body {
        overflow-x: hidden;
    }

    .product_m_dec img {
        display: block;
    }

    .product_m_txt span {
        margin-left: 125px;
    }

    .product_m ul li a {
        font-size: 14px;
    }

    .product_m_txt p {
        width: auto;
        font-size:14px!important;
        line-height:22px!important
    }

    .product_m_txt h3 {
        padding-left: 125px;
        font-size: 20px;
    }

    .zk_aboutWe {
        width: 100%;
        position: fixed;
        padding-left: 0;
        left:0;
        top:-10px;
        z-index: 99;
    }

        .zk_aboutWe p {
            display: none;
        }

    .zk_main .zk_aboutWe h3 {
        color: #fff;
        height: 45px;
        text-align: center;
        line-height:45px;
        background: rgb(192,0,0);
        font-size:18px;
        padding-left:10px
    }
      
    .zk_main .zk_aboutWe li {
        width: 100%;
        float: none;
        margin: 0 auto;
        background: rgba(0,0,0,.5);
        display: none;
    }

        .zk_main .zk_aboutWe li a {
            color: #fff;
        }

    .zk_main .zk_aboutWe .h {
        display: none;
    }

    .business ul li:hover .maskLayer i {
        top: 5%;
    }

    .business ul {
        display: none;
    }

    .contentH {
        height: auto;
        width: 100%;
        margin: 0 auto;
    }

    .footer .container {
        display: none;
    }

    .footerss .container {
        display: block;
    }

    .contentH li {
        margin: 15px auto;
        box-sizing: border-box;
        padding-left: 0px;
        width: 33%;
        margin-bottom: 30px;
        position:relative
    }

    .contentH li .index_icon_wk, .contentH li .index_icon_zzB, .contentH li .index_icon_netB {
        float: none;
        display: block;
        margin-left: 27px;
        
    }

    .swiper-container {
        display: block;
        margin: 20px auto;
    }

    .bxslider li {
        height: 300px;
    }

    .banner .banTet {
        padding-top: 100px;
    }

    .banner .banTet .zy, .banner .banTet .zyEng {
        font-size: 24px;
    }

    .banner {
        height: auto;
    }

    .query input {
        width: 140px;
    }

    .query div.bgF {
        width: 80%;
    }

    .query {
        padding: 10px 10px 25px 35px;
        width: 100%;
    }

    .section {
        padding-bottom: 150px;
    }

    #container {
        height: auto;
    }

    .Fed_abDes_main ul {
        margin-left: -1%;
    }

        .Fed_abDes_main ul li {
            width: 48%;
            margin: 0 0 30px 1%;
        }

    .zk_txt h4 {
        display: none;
    }

    .zz_abDes_main ul {
        margin-left: -2%;
    }

        .zz_abDes_main ul li {
            width: 48%;
            margin: 0 0 0 2%;
        }

    .news_list ul li {
        position: static;
        padding-left: 0;
    }

    .news_list li img {
        position: static;
        width: 100%;
        height: auto;
    }

    .transport ul li {
        width: 100%;
        position: static;
        padding-left: 0;
        margin-bottom: 20px;
    }

    .transport ul li img {
        position: static;
        width: 100%;
        height: auto;
        margin-top: 40px;
    }

    .wk_time a:first-child {
        margin-right: 75px;
    }

    .wk_time p i {
        width: 58%;
    }

    .transport_ctr {
        width: 58%;
    }

    .wk_time {
        position: static;
    }

    .service_q {
        width: 100%;
    }

    .service_q a {
        width: 100%;
        float: none;
        width: 100%;
        display: block;
        margin-top: 30px;
    }

    .service_q input {
        width: 92%;
        float: none;
        padding-left: 8%;
        padding-right: 0;
        position: static;
    }

    .service_q b {
        left: auto;
        right: 20px;
    }

    .q_results {
        margin-top: 30px;
    }

    .product_m ul li {
        width: 48%;
        margin-bottom: 20px;
    }

    .zk_txt h3 {
        font-size: 18px;
    }

    .business ul li:hover .maskLayer span {
        bottom: 10%;
    }

    .footers_bottom {
        display: block;
        
    }

    .footers {
        display: block;
    }

    .news_page {
        padding: 30px 0 30px 0;
    }

    .business ul {
        margin-right: 0;
    }

    .business ul li {
        width: 100%;
        margin-left: 0;
    }

    .footerss {
        display: block;
        background:#fff
       
       
    }
    .footerC {
    width:100%;
    box-sizing:border-box;
    padding-left:8px
    }
    .footerC h2 {
     color:#333!important;
     font-weight:bold;
     font-size:18px
    }
        .footerC p font {
        width:100%;
        float:none
        }
        .footerC p {
        margin-bottom:10px;
        color:#333;
         font-weight:bold;
         font-size:14px
        }
            .footerC p font {
              color:#333;
              font-weight:normal;
            }
    .zk_abDes_head {
    box-sizing:border-box;
    padding:0 8px
    }
    .serverCallMe {
    background:rgb(237,237,237)

    }
    .zk_abDes {
    background:#fff
    }
    .query h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .query div.bgF {
        height: 25px;
    }

    .query div.bgF i, .query div.bgF a, .query div.bgF input {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }

    .query {
        height: 45px;
    }

    .contentH li a p {
        margin-top: 10px;
    }

    .spnStyle, .spnStyle i {
        font-size: 24px;
    }

    .spnStyle em {
        font-size: 18px;
    }

    .index_news img {
        width: 120px;
        height: 70px;
        margin-right: 8px;
    }

    .index_news p {
        font-size: 12px;
        margin-bottom: 20px;
        margin-top: 0;
        font-size:14px
    }

    .footerB .container a {
        display: none;
    }

    .footers {
       height:50px;
    }
  .footers ul li {
     height:50px;
     line-height:20px;
     font-size:12px   
   }
    .footer {
    padding:0;
   
    }
    .footers_bottom {
    height:47px;
    display:inline-block
    }
      .zk_abDes_main p {
    margin-bottom:15px
    }
    .zk_abDes_main img {
        margin-bottom:15px;
        margin-top:10px
    }
    .zz_abDes_main ul {
    margin-top:0
    }
    .Fed_abDes_main ul li:nth-child(17) {
     clear:left;
    }
    .Fed_abDes_main ul {
        margin-top:15px
    }
    .net_abDes_main p, .zp_abDes_main p {
    margin-top:10px
    }
  
    .product_m ul {
    margin-top:15px
    }
    .product_m_dec {
    padding-top:0;
    margin-bottom:30px;
    }
    .product_m_dec img {
        top:22px
    }
    .product_wk_m p {
    margin-top:15px;
    font-size:13px;
    line-height:20px
    }
    .product_wk_m {
        margin-bottom:0
    }
    .cold_house img {
    width: 60%;
    margin: 20px 20%;
   }
    .cold_t .cold_mac{
     width: 60%;
    margin: 20px 20%;
   }
    .cold_print img{
    width: 60%;
    margin: 20px 20%;
   } 
    .cold_bus img{
    width: 60%;
    margin: 20px 20%;
   } 
    .cold_house h4, .cold_bus h4, .cold_print h4, .cold_t h4 {
    width: 100px;
    height: 35px;
    font-size: 18px;
    color: #ffffff;
    background-color: #ce0616;
    text-align: center;
    line-height: 35px;
    }
    .cold_t_txt {
        float: none;
        width: 90%;
        margin-left:5%;
    }
    .cold_t_txt p{
    font-size:13px!important;
    margin-bottom:10px;
    line-height:1.8;
    }
    .cold_print p span{
    font-size:13px!important;
    color:#333;
    line-height:1.8;
    }
    .cold_bus p span{
    font-size:13px!important;
    color:#333;
    line-height:1.8;
    }
   .cold_bus, .cold_print {
    padding-top:0;
    padding-bottom:20px
    }
    .cold_house_txt span {
    margin-left:13px;
    margin-top:0
    }
    .cold_t {
     margin-bottom:20px
    }
    .cold_house {
    margin-top:20px
    }
    .cold_house_txt {
    width:314px;
    }
    .cold_house_txt p {
    padding:10px 0 5px;
    line-height:20px;
    font-size:14px
    }
    .pdt_plan p{
      font-size:13px!important;
      margin-bottom:15px;
      line-height:1.5
    }
    .pdt_plan .pdt_plan_p {
    font-size:14px!important;
    line-height:1.5;
    margin-top:20px
    }
    .footers {
     display:none
    }
    .hm-t-go-top {
    display:none
    }
    .s_call_me {
     padding-top:15px
    }
     .banner {
        height:240px;
        margin-top:50px
    }
    .banner li{
       height:240px
    }

    .zp_accordionM .mm {
    /* display: inline-block; */
    display: block;
    float: inherit;
    color: #ce0616;
    margin-bottom: 15px;
    font-size: 19px;
    padding-top:0px; 
    padding-bottom: 0px; 
    font-style: normal;
}
#qiao-icon-wrap .qiao-icon-head {
   width:60px!important;
   height:60px!important;
   background-size:60px!important;
   background-position:center!important
    }
    .lxb-container {
    display:none!important;
     position:absolute!important;
     left:-1000px!important;
    }
    .hm-t-main {
    display:none!important;
    }
    .zk_banner {
        height: 95px;
        background-size: cover!important;
        background:#fff!important
    }
    .zk_bgc {
      height: 95px;
    }
    .zk_txt {
        padding-top: 110px;
       
    }
    .zk_abDes {
    padding-top:20px
    }

        .zk_txt h3 {
         font-size:16px
        }
    .hm-t-go-top {
    display:none!important;
    }
    .business .ul .li {
    margin-right:10px!important;
    height:160px
     
    }
    .business .ul .li .maskLayer {
       top:120px; 
    }
    .swiper-slide {
    width:50%!important
    }
   
    .business .ul .li .maskLayer i {
    height:155px
    }
    .swiper-container {
    margin-bottom:-15px!important
    }

    /*主营业务*/
.business {
    text-align: center; overflow:hidden;
}
 .spnStyle,.spnStyle i{
    font-size: 23px;
    color: #e60012;
     font-style: normal;

}
.spnStyle i,.spnStyle em,.business p{
    color: #333333;
}
.spnStyle em{
    font-size: 20px;
    font-style: normal;
}
.business p{
    margin-top: 20px;
    line-height: 1.5;
    display: inline-block;

}
.news_list_ctt .a {
    font-size: 13px;
    color: #666666;
    /* margin-top: 44px; */
    position: absolute;
    bottom: 15px;
}
.business .ul .li .maskLayers{
    width: 100%;
    height:225px;
    background-color: rgba(2, 2, 2, .6);
    text-align: center;
    position: absolute;
    top:120px;
}
.business .ul .li .maskLayers span{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    line-height: 45px;
    color: #ffffff;
    
}
.business .ul .li .maskLayers .flySpans{
    width: 100%;
    line-height: 45px;
    color: #ffffff;
    position: absolute;
    left: 0px;
    top: 0px;
     font-size:13px;
    text-align:center;
    margin-left:-5px

}

    .net_abDes_main img {
    margin-top:20px
    }
   .net_abDes_main p, .zp_abDes_main p {
    font-size:13px!important
    }
    .zp_abDes_main p span {
    font-size:14px!important
    }
    .zp_accordionH {
        height: 45px;
        line-height: 45px;
    }
    .zp_accordionM div {
    margin-top:20px
    }
    .zp_accordionM span {
        width: 100%;
        float: none;
        margin: 0;
        padding: 6px 0;
        font-size: 16px;
    }
    .zp_accordionH span {
    font-size:15px
    }
    .contentH li .index_icon_wk, .contentH li .index_icon_zzB, .contentH li .index_icon_netB {
       width:35px;
       height:35px;
       background-size:35px!important;
       position: relative;
       left: 50%;
       margin-left: -17px;

    }
      .zk_aboutWe h3 span {
      display:inline-block!important;
     text-align:center;
    
    
    }
    
}
@media screen and (max-width:350px) {
     .index_news p {
      width:305px;float:none;margin-top:0;
      font-size:14px
    }
    .banner {
        height:200px
    }
     .banner li{
        height:200px
    }
     .zy {
  font-size:16px;
  color:#e60012;
  text-align:center;
  font-weight:bold;
  text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
  position:relative;
  top:48px;
}
.english {
  display:none
}
.zyEng {
 font-size:10px;
 color:#666;
 text-align:center;
 position:relative;
 top:51px;
}

.zyNo1 {
 font-size:10px;
 color:#666;
 text-align:center;
 position:relative;
 top:54px;
}
.zyNo2 {
 font-size:10px;
 color:#666;
 text-align:center;
 position:relative;
 top:57px;
}
.understand {
  display:block;
  width:80px;
  height:25px;
  background:#e60012;
  text-align:center;
  line-height:25px;
  font-size:8px;
  color:#fff;
  position:relative;
  top:60px;
  left:50%;
  margin-left:-40px;
  
}
    .query div.bgF {
        width: 85%;
    }

    .query {
        padding: 10px 10px 25px 20px;
        width: 100%;
    }
      .zk_aboutWe h3 span {
      display:inline-block!important;
      float:right;
    }
}