@media (max-width:1800px) {
    #header{
        padding: 0 50px;
    }
}
@media (max-width:1600px) {
  .auto-container{ width: 95%;} 
  .header-logo p{ font-size: 18px;}
  #header .navlist .hasdrop > a{font-size: 16px;max-width:360px} 
  #header {  font-size: 18px;} 
  #header .navlist .hasdrop{ margin-right: 20px;}
  .section_process .process_right li{ width: 172px;}
  .product_wrapper .product_body .product_swiper-father .product-next{ right: -25px;}
  .product_wrapper .product_body .product_swiper-father .product-prev{ left: -25px;} 

  .section-news .news-next{ right: -25px;}
  .section-news .news-prev{ left: -25px;}
  .section_Projects .Home-customer-father .customer-prev{ left: -25px;}
  .section_Projects .Home-customer-father .customer-next{ right: -25px;}

  .section_Projects .Home-customer-father .customer-prev{ left: -25px;}
  .section_Projects .Home-customer-father .customer-next{ right: -25px;}
  .section_why .panel-text-upDown .divImg img{ height: 80px;}
  .section_why .panel-text-upDown{ width: 400px; height: 400px;}
  .section_why .panel-text-upDown .text .t1{ font-size: 26px; margin-top: 22px;}
  .home-header{ padding-left: 50px; padding-right: 50px;}
  #header{ padding: 0 50px;}

  .product_wrapper .product_body .product_swiper-father,
  .section-news .Home-news-father,
  .section_Projects .Home-customer-father{
      width: 90%;
      margin: auto;
  }
  .product_wrapper .product_body .product_swiper-father .swiper-container,
  .section-news .Home-news-father .swiper-container,
  .section_Projects .Home-customer-father .swiper-container{
      width: 90%;
  }
  .development-box .swiper-development .time-box .image-box{
      padding: 20px 30px;
  }
  .development-box .swiper-development .time-box > p{
      padding: 0 30px;
  }
  
 }
  @media (max-width:1400px) {
    #header{
        padding: 0 20px;
    }
    .header-logo p{
        max-width: 310px;
    }
    .header-logo p{ font-size: 16px;}
      .footer dl{ padding-right: 2%;}
      .page-container.categorybox .categoryitem a{
        font-size: 14px;
          
      }
 }
 @media (max-width:1280px) {
     #header .navlist .s-menu > .hasdrop > a{
         font-size: 18px;
     }
     #header .navlist .s-menu .t-menu > .hasdrop > a{
         font-size: 15px;
     }
     .page-content .content-box .list-box .product-item .imgbox img{
         height: 350px;
     }
 }
 @media (max-width:1200px) {
     .footer dl dd a{
         max-width: 190px;
     }
 }
 
 
@media screen and (min-width:0px) and (max-width:991px) {
  .section-wp{ padding: 20px 0 36px;}
  .auto-container{ width: 95%;}
  .Home_title .t{ font-size: 24px; margin-bottom: 5px;}
  .Home_title .en{ font-size: 13px; margin-top: 5px; width: 98%;}
  .Home_title .line img{ width: 150px;}
 
 
 
  .Home_top { display: none;}
  .Home_top .Welcome{ font-size: 12px; white-space: nowrap; overflow: hidden;}
  .home-header{ position: fixed; top: 0; z-index: 9; width: 100%; padding:  5px 0; height: auto;   display: none;}
  #header{ position: sticky; top: 0; background-color: #2f5c9f;}
  .header-logo img{ height: 40px;      }
  #header .navlist{ width: 100%  ; height: auto; display: none; box-sizing: border-box; left: 0; top: 50px; margin-top: 0;  position: fixed; padding: 0; max-height: 100%;
    padding-bottom: 20px;
    background: #222;
    overflow-y: scroll;
    z-index: 999999;}
    #header .f-menu{ float: none;}
  #header .navlist .hasdrop{ width: 100%; margin: 0;   } 
  #header .navlist .hasdrop   > a{ position: relative; line-height: 40px;  font-size: 16px; padding-left: 12px;    }
  #header .navlist .s-menu > .hasdrop{ padding-right: 12px;}
  #header .navlist .hasdrop  > a.mobile-navbtn{ right: 0;}
  #header .navlist .f-menu > .hasdrop >a >i.mobile-navbtn{ top: 10px; padding-left: 38px;}
  #header .navlist .s-menu{ position: relative; top: 0;}
  #header .search-procuct{ float: left; margin-left: 10px;}
  #header .navlist .s-menu .t-menu{ position: relative; left: 0; }
  #header .navlist .hasdrop{ float: none;}
  .input-group-btn img{  width: 20px;}
  #header .f-menu > li{
    border-bottom: 1px solid rgba(221, 221, 221, .5);
  }
  #header .navlist .hasdrop   > a:hover{ transform: translate3d(0, 0px, 0);}
  #header .navlist .hasdrop.active::after{display: none;} 
 
 
 
 

  .Home-aboout-zhengshu{ margin-top: 20px;}
  .Home-aboout-zhengshu .row > div{ padding-left: 5px; padding-right: 5px; margin-bottom: 8px;} 

  .video .videoBox{ width: 90%; height: 50vh; left: 5%;}
 
 
 
  .home_title figure img{ width: 18px;}
  .home_title div{ font-size: 22px; margin-bottom: 10px;}
  .index_title_row .case_t_r a{ font-size: 14px;}
  .index_title_row .case_t_r a img{ margin-left: 10px; width: 8px;}  
  .pc_user_contral{ display: none;}
  .home-header .top_search{ display: inline-block;}
  .language_head{ line-height: 28px;}

  .home_title p{ font-size: 16px;} 
  .Home-banner .banner-page{ bottom: 10px;}

  .IndexProduct{ padding-top: 30px;}
  .IndexProduct .txt1{ font-size: 20px;}
  .IndexProduct .txt2{ font-size: 16px; margin-top: 20px;}
  .IndexProduct .IndexTwo li{ width: 100%; margin-bottom: 10px;}
  .IndexProduct .IndexTwo .con{ left: 12px; bottom: 20px;}
  .IndexProduct .IndexTwo .con div{ font-size: 20px;}

  .product_wrapper .product_body .swiper-product .info{ padding: 12px;}
 

  .section-news .Home-news-father .spanitem{display: none;} 
  .top_search{ display: block;}
  .top_search .search_span img{filter: brightness(0);}
  .top_search .email_span{}
  .top_search .email_span a{display: inline-block;}
  .top_search .email_span img{filter: brightness(0);}
  .IndexProduct .IndexTwo{ margin: 0; margin-top: 20px;} 

  .section{ padding: 50px 0;}
  .section_factory .home_title p{ font-size: 20px; line-height: 28px;}
  .section-news .Home-news-father .con{ padding: 10px;}
  .section-news .Home-news-father .t{font-size: 18px;}
  .section-news .Home-news-father .p{font-size: 14px;}
 
 
  .section-news .Home-news-father{ margin-top: 20px;}

  .product_wrapper .product_body{margin-top: 20px; } 

  .product_wrapper .product_body .swiper-product .info .product-name{ font-size: 16px; line-height: 22px;}
  .product_wrapper .product_body .swiper-product .info .like{ font-size: 14px;}
  .product_wrapper .product_body .swiper-product .info .like span{ margin-right: 0;}
  .product_wrapper .product_body .swiper-product .info .like img{ width: 14px;}
  .product_wrapper .product_body .swiper-product .item .design img{ width: 78px;}

  /* .section_kind .productItem .inner{ display: block;} */
  .section-news{ padding-bottom: 80px;}
  .section-news .news-next, .section-news .news-prev{ width: 30px; height: 30px; top: auto; margin-top: 10px;}
  .section-news .news-next{ right: 35%;}
  .section-news .news-prev{ left: 35%;}

  .section_Projects{ padding-bottom: 80px;}
  .section_Projects .Home-customer-father .customer-next, .section_Projects .Home-customer-father .customer-prev{ width: 30px; height: 30px; top: auto; margin-top: 10px;} 
  .section_Projects .Home-customer-father .customer-next{ right: 35%;}
  .section_Projects .Home-customer-father .customer-prev{ left: 35%;}

  .section_product{ padding-bottom: 80px;}
  /* .product_wrapper .product_body .product_swiper-father .product-next, .product_wrapper .product_body .product_swiper-father .product-prev{ top: auto; margin-top: 0;}  */
  .product_wrapper .product_body .product_swiper-father .product-next{width: 30px; height: 30px; right: 0;}
  .product_wrapper .product_body .product_swiper-father .product-prev{ width: 30px; height: 30px; left:0;}
  .section-news .Home-news-father .date{ font-size: 14px; margin-top: 12px;}
  .footerbar .copyright a::after{ display: none;}

  .section_kind{ padding-top: 20px; padding-bottom: 0px;}
  .section_kind .productbody{ display: block;}
  .section_kind .productItem{ width: 96%; margin-bottom: 24px;} 
  .section_why .why-list li{ width: 100%; float: none; margin-bottom: 20px;}
  .section_why .panel-text-upDown{ width: 280px; height: 280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; padding-top: 30px;}
  .section_why .panel-text-upDown .text{ max-width: 240px;}
  .home_video_wrapper .leo-row .VideoA{width: 100%; float: none;} 
  .home_video_wrapper .leo-row .VideoB{width: 100%; float: none;} 
  .home_video_wrapper .video_right_text{ padding-left: 0;}
  .PublicMsg .MsgRow .left{ width: 100%;}
  .PublicMsg .MsgRow .right{ width: 100%;}
  .home_video_wrapper .video_right_text .data-num dd{ width: 100%;}
  .section_kind .productItem .img_box{ width: 90px; flex: 0 0 90px;}
  .section-success .success-list li{ width: 49%; margin-top: 20px; padding: 0 10px;}
  .section-success .success-list li img{ width: 40px; }
  .section-success .success-list li p{     margin-top: 10px;
    font-size: 14px;}
    .home_video_wrapper .leo_video_box .text img{ width: 60px;}
  .home_video_wrapper .video_right_text .data-num{
    display: flex;
    flex-wrap: wrap;
}
    .home_video_wrapper .video_right_text .data-num dd{ width: 50%; display: block;}
    .home_video_wrapper .video_right_text .data-num dd:nth-child(1){width: 50%;}
    .home_video_wrapper .video_right_text .data-num dd:nth-child(3){width: 50%;}
    .home_video_wrapper .video_right_text .data-num dd:nth-child(1) strong{ flex: 0 0 60px;}
    .home_video_wrapper .video_right_text .data-num dd:nth-child(2) strong{ flex: 0 0 60px;}
    .home_video_wrapper .video_right_text .data-num dd:nth-child(3) strong{ flex: 0 0 60px;}
    .home_video_wrapper .video_right_text .data-num dd:nth-child(4) strong{ flex: 0 0 60px;}
  
  .section_kind .productItem .indexKind{ font-size: 24px;}
  .section_kind .productItem .text_box p{ font-size: 14px; line-height: 16px;}
  .section_kind .productItem .readmore{ font-size: 14px;}
  .section_why .panel-text-upDown .text .t1{ font-size: 20px; margin-top: 12px;}
  .section_why .panel-text-upDown .text p{ font-size: 14px;  line-height: 16px; margin-top: 10px;}
  .section_why .panel-text-upDown .divImg img{ height: 50px;}
  .home_video_wrapper .video_right_text .inner_text .div1{ font-size: 22px;}
  .home_video_wrapper .video_right_text .inner_text{ font-size: 14px;  line-height: 18px; margin-top: 30px;}
  .home_video_wrapper .video_right_text .data-num strong{ font-size: 24px;}
  .home_video_wrapper .video_right_text .data-num dd{ font-size: 14px;}
  .Factory-link{ font-size: 16px; line-height: 40px; width: 180px;}
  .factory-center-text{ font-size: 18px; margin-top: 16px;}

  .Home-partner .t{ font-size: 24px;  line-height: 24px; margin-bottom: 15px;}
  .section_Projects .customer_title .home_title div{ font-size: 22px;}
  .section_Projects .swiper-customer .dec{ font-size: 14px;  line-height: 16px;}
  .section_Projects .swiper-customer .topitem{ font-size: 18px;}
  .PublicMsg .MsgRow .left p{ font-size: 22px; line-height: 22px;}
  .footer .foot_add .jk_div{ font-size: 14px;}
  .footerbar .copyright{ float: none;}
  .footerbar .pull-right{ float: none!important; margin-top: 8px;}
  .footerbar .copyright a{ display: block; font-size: 14px; margin-right: 0px; padding-right: 0px;}
  .footerbar{ line-height: 22px; padding: 12px 0; }
  .header-logo{ line-height: 50px; }
  .product_wrapper .product_body .swiper-product .info .uv{ font-size: 14px;}

  #header{padding: 0 12px;background: #ffffff !important;}
  .section_kind .productItem .inner{ padding: 14px;}
  .section_kind{ margin-top: 0;}
  /* .section_product{ padding-top: 0;} */
  .swiper-product-father{margin-top: 30px;}
  .IndexProduct{ padding-top: 0;}
  .section-success{ padding-top: 0;}
  .section-success .success-list{ background-image: none;  margin-top: 10px; }
  .product_wrapper .product_body .swiper-product .info .inquire-link{ margin-top: 10px; width: 78px;}
  .section_why .why-list{ margin-top: 30px;}

  .PublicMsg .MsgRow .left p{ font-size: 24px; line-height: 24px;}
  .PublicMsg .MsgRow .right{ width: 100%;}
  .PublicMsg .contact-form { margin-top: 10px;}
  .PublicMsg .contact-form .form-group.leo-6-m{ width: 100%;}
  .PublicMsg .contact-form .topGroups{ padding-left: 0; padding-right: 0;}
  .PublicMsg .contact-form .textareaBox{ padding-left: 0; padding-right: 0;}

  .footer .footer_content{ padding-top: 25px; padding-bottom: 25px;}
  .footer::after{ top: 73px;}
  .PublicMsg .contact-form .textareaBox .tips{ left: 15px;}
  .product_wrapper .product_body .product_swiper-father .swiper-container,
  .section-news .Home-news-father .swiper-container, .section_Projects .Home-customer-father .swiper-container,.product_wrapper .product_body .product_swiper-father, .section-news .Home-news-father, .section_Projects .Home-customer-father{
      width: 100%;
  }
}
@media(max-width:1280px){
    .inside-header{    width: 96%;}
    
    #header .navlist .hasdrop{
        margin: 0 8px;
    }

}



@media(max-width:991px) {
  .navbtn {
    width   : 24px;
    height  : 30px;
    margin  : 10px;
    float   : right;
    position: relative;
    display : block;
    margin-right: 0;
  }

  .navbtn i {
    height    : 2px;
    background: #222222;
    display   : block;
    overflow  : hidden;
    width     : 100%;
    position  : absolute;
    left      : 0;
    transition: all .3s
  }

  .navbtn i.bar-1 {
    top: 7px
  }

  .navbtn i.bar-2 {
    top: 14px
  }

  .navbtn i.bar-3 {
    top: 21px
  }
}

@media(max-width:991px) {
  .navbtn.open .bar-1 {
    top      : 50%;
    transform: rotate(45deg)
  }

  .navbtn.open .bar-2 {
    height: 0
  }

  .navbtn.open .bar-3 {
    top      : 50%;
    transform: rotate(-45deg)
  }
  .page-content .content-box .list-box .product-item .imgbox img{
      height: 100%;
  }
}