@media (max-width:1800px) {
    .header .navlist .hasdrop > a{
        margin:0 15px;
    }
}
@media (max-width:1680px){
    .header .navlist .hasdrop > a{
        font-size:14px;
        margin:0 8px;
    }
}
@media (max-width:1420px) {
  .auto-container{ width: 95%;}
  .footer dl{ padding-right: 5%;}
  .header-logo p{ display: none;}
  .header-logo img{ height: 50px;}
  .header .navlist .hasdrop > a{ margin: 0 8px;} 
  .section_process .process_right li{ width: 172px;}
  .product_wrapper .product_body .product_swiper-father .product-next,.section_kind .productbody .catechild-next{ right: -25px;}
  .product_wrapper .product_body .product_swiper-father .product-prev,.section_kind .productbody .catechild-prev{ left: -25px;} 

  .section_factory .facBody .factory-prev{ left: -25px;}
  .section_factory .facBody .factory-next{ right: -25px;}
  .home-header{ padding-left: 20px; padding-right: 20px;}
  .fixed_top .header{ padding-left: 20px; padding-right: 20px;}

  .section_why{ background-size: 600px;}

  .section-yelow .index-num-row li:first-child::after{ right: -54px;}
  .section-yelow .index-num-row li:nth-child(2)::after{ right: -68px;}
  .section-yelow .index-num-row li:nth-child(3)::after{ right: -68px;}
  .new-download .auto-container .tab-con .down-list .down-item .img-select .selectbox .select-item .select-child.download p span,
  .new-download .auto-container .tab-con .down-list .down-item .img-select .selectbox .select-item .select-child.download p a{
      font-size:12px;
  }
 }
@media screen and (min-width:0px) and (max-width:991px) {
    .section_product{padding-top:0 !important;}
  .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;}
 
 .top_search_m{ display: block;}
 
  .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;}
  .fixed_top .header{ position: fixed; top: 0;  background-color: #222;}
  .header-logo{ line-height:50px;}
  .header-logo img{ height: 32px;     }
  .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%;}
  .header .navlist .hasdrop > a{ position: relative; line-height: 44px;  font-size: 16px; }
  .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);
  }
  .Home-banner{ margin-top: 50px;}
  .header .navlist .hasdrop > a::after{ display: none;}
  .header .navlist .hasdrop > a:hover::after{ display: none;}
  .header .navlist .s-menu > .hasdrop{padding: 10px;}
 

  .Home-banner .swiper-banner .swiper-pagination-bullet{ width: 12px; height: 12px;}
 
 

  .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%;}
 
 
  
  .footer .contact-form-box{ width: 100%; float: none;}
  .footer .contact-form-box .contact-form .form-group{ margin: 0;}
  .footer .contact-form-box .contact-form .form-group > div{ padding: 0 6px!important;}
  .footerbar{ line-height: 24px; font-size: 13px;}
  .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-next , .Home-banner .banner-prev{ display: none;}
 
  .product_wrapper .product_body .swiper-product .info{ padding-bottom: 20px;}  
  .product_wrapper .product_body .product_swiper-father .product-next,.section_kind .productbody .catechild-next{ right: 0; display: none;}
  .product_wrapper .product_body .product_swiper-father .product-prev,.section_kind .productbody .catechild-prev { left: 0; display: none;}
 
  

  .section-news .Home-news-father .spanitem{display: none;}
  .Home-banner .here-an{ display: none;}
  .top_search{ display: block;}  

  .section{ padding: 50px 0;} 
  .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; line-height: 22px;}
  .footer .footer_content{ padding-top: 30px; padding-bottom: 20px;}
  .footer dl{ float: none; padding-right: 0;}
 
  .section-news .Home-news-father{ margin-top: 20px;}
  .product_wrapper .product_body .swiper-product .info{ padding: 10px;}

  .product_wrapper .product_body{margin-top: 20px; }
  .footer .foot_add{ margin-bottom: 20px;}
  .footer dl dt{ margin-bottom: 12px;}
  .footer .contact-form-box .contact-form .form-group > div{ padding: 0!important;}

  .product_wrapper .product_body .swiper-product .info .product-name{ font-size: 16px; line-height: 22px;min-height:132px;}
  .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;}


  .footer .sitemap a{ margin-right:10px; font-size: 14px;}
  .footer .sitemap a:last-child{ margin-right:0px ;}

 
 
  .IndexVideo .IndexVideo-father .video_Arr_L{ left: 35%; bottom: 0; top: auto;}
  .IndexVideo .IndexVideo-father .video_Arr_R{ right: 35%; bottom: 0; top: auto;}
  .section_case .newsBody .case-next, .section_case .newsBody .case-prev{ width: 40px; height: 40px;}
  .IndexVideo .IndexVideo-father .video_Arr_R, .IndexVideo .IndexVideo-father .video_Arr_L{ width: 40px; height: 40px;}

  .IndexVideo .index-v-t{ font-size: 16px; line-height: 24px;}


  .section-yelow .index-num-row {white-space: nowrap; overflow-y: scroll;}
  /* .Home-banner .product-guide{ display: none;} */
 
  .Home-banner .swiper-banner{ height: 100%;}
  /*.Home-banner .swiper-banner .item { height: 23vh;}*/
  /*.Home-banner .swiper-banner .item img{height: 100%; object-fit: cover; display: none;}*/
  .Home-banner .product-guide{ top: 25px;}
  .Home-banner .product-guide .t{ font-size: 16px;}
  .Home-banner .product-guide p{ font-size: 14px;}
  .product-guide .option .icon{ width: 60px; height: 54px;}
  .product-guide .option .headline{ font-size: 16px;}
  .product-guide .inner{ margin-bottom: 10px;}
  .product-guide .option .icon img{ width: 40px;}
  .product-guide .option{ width: 300px;}

  .section_kind .productbody{ display: block;}
  .section_kind .productItem{ width: 100%; margin-bottom: 30px;}
  .section_kind .productItem::after{ display: none;}
  .section_kind .productItem .img_box img{ width: 108px;}
  .section_kind .productItem .inner{
      justify-content: start;
  }
  .section_kind .productItem .indexKind{ margin-bottom: 10px; line-height: 20px;}
  .section_kind .productItem .accordion > li{ margin-bottom: 6px;}
  .section_kind .productItem .readmore{ font-size: 14px;}

  .section-yelow .item .img img{ width: 50px;}
  .section-yelow .item .counter{ font-size: 30px;}
  .section-yelow .index-num-row li{ margin-right: 80px;}
  .section-yelow .index-num-row li:last-child{ margin-right: 0px;}

  .section_about::after{ width: 100%;}
  .section_about .about-left{ width: 100%;}
  .section_about .about_left_text .info{ margin-bottom: 24px; font-size: 14px; line-height: 22px;}
  .section_about .right_data_box{ margin-bottom: 30px;}
  .section_about .right_data_box li .num-item{ font-size: 28px; margin-bottom: 5px;}
  .section_about .right_data_box li{ font-size: 14px; width: 48%; margin-bottom: 10px; padding-right: 0;}
  .section_about .video_link{ width: 200px; height: 50px; line-height: 50px;}

  .section_factory .facBody .factory-next{ right: 0;}
  .section_factory .facBody .factory-prev{ left: 0;}
  .section_factory .factory_wrap .info{ margin-top: 30px; font-size: 16px; line-height: 24px;}
  .section_factory .factory_wrap .info .vrBtn{ margin-top: 18px; font-size: 16px; width: 260px;}

  .section_why .index_whyList{ width: 100%;}
  .section_why{ background-image: none !important;}

  .section_Projects .customer_title{ width: 100%; float: none;}
  .section_Projects .customer_list{ width: 100%; float: none; margin-left: 0;}

  .section_Projects .Home-customer-father .customer-next{ right: -5px;}
  .section_Projects .Home-customer-father .customer-prev{ left: -5px;}
  .section_Projects .customer_title .customer_map{ margin-top: 20px;}
  
  .Home-banner .swiper-banner .banner-page{ bottom: 5px;}
  .section_kind .productItem .right_box{ margin-left: 40px; height: auto; padding-bottom: 40px;}

  .IndexVideo .video_list li .txt{ font-size: 14px; line-height: 22px; padding-left: 0; padding-right: 0; padding-top: 10px;}

  .section_why .index_whyList h4{ font-size: 18px; margin-bottom: 10px;}
  .section_why .index_whyList p{ font-size: 14px;}
  .section_why .index_whyList .ico img{ width: 60px;}
  .IndexVideo .video_list li .cover-img .video_play{ width: 30px;}
  .IndexVideo .video-father-page{ margin-top: 20px;}
  .IndexVideo .Home-video-page .swiper-pagination-bullet{ width: 10px; height: 10px;}
  .section-news{ padding-bottom: 25px;}
  .section-news .Home-news-father .news-father-page{ margin-top: 30px;}
  .section-news .Home-news-father .Home-news-page .swiper-pagination-bullet{ width: 10px; height: 10px;}

  .section_Projects{ padding-top: 25px;}
  .section_Projects .customer_title .home_title div{ line-height: 28px;}

  .section_Projects .swiper-customer .topitem{ flex-direction: column; padding-bottom: 10px;}
  .section_Projects .swiper-customer .item{ padding: 15px 35px; border-width: 2px;}
  .section_Projects .swiper-customer .dec{ font-size: 14px; line-height: 22px; min-height: auto;}

  .sitemap a{ font-size: 14px; display: inline-block;}
  .footerbar .copyright a{ margin-top: 5px;}
  .footerbar .copyright{ float: none;}
  .footerbar .links{ float: none!important; margin-top: 10px;}
  .shape a img{ width: 28px;}

  .section_why{ padding-bottom: 20px;}
  .section_why .index_whyList{ margin-top: 40px;}

  .section-yelow{ padding: 40px 0;}
  .section-yelow .index-num-row li:first-child::after{ width: 8px; right: -48px;}
  .section-yelow .index-num-row li:nth-child(2)::after{ width: 30px; right: -48px;}
  .section-yelow .index-num-row li:nth-child(3)::after{ width: 30px; right: -48px;}
  .section-yelow .item p{ white-space: normal;}

 
  .section_Projects .home_title{ text-align: center;}
}
 @media(max-width:1100px){
    .header .navlist .hasdrop > a{
        font-size:12px;
    }
 }
@media(max-width:991px) {
  .navbtn {
    width   : 30px;
    height  : 30px;
    margin  : 10px;
    float   : right;
    position: relative;
    display : block;
    margin-right: 0;
  }

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

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

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

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

@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)
  }
  .footer .contact-form-box .contact-form textarea{
      width:100%;
  }
  .section_kind .productItem:last-child .inner{
      justify-content: left;
  }
  .new-download .auto-container .tab-con .down-list .down-item{
      width:100%;
  }
  .new-download .auto-container .tab-con .down-list .down-item .img-select .imgbox {
        width: 100%;
        margin-bottom: 20px;
    }
    .new-download .auto-container .tab-con .down-list .down-item .img-select .selectbox {
    width: 100%;
  }
  .new-download .auto-container>h1{
      font-size:30px;
      margin:30px 0;
  }
  .new-download .auto-container .tab-list span{
      width:100%;
      text-align: center;
      margin-bottom: 0;
      font-size: 16px;
    padding: 8px;
  }
}
@media(max-width:323px) {
  .Home-about .Home-about-container .video_cover{ height: 180px;}
}

 
@media(max-width:768px) {
    .page-content .content-box .list-content .row > div{
        padding: 10px 8px 0 10px;
    }
    .page-content{
        padding: 0;
    }
    .page-content .content-box{
        display: unset;
    }
    .page-content .content-box .list-content,.page-content .content-box .sidebar-box{
        width: 100%;
        padding: 0;
    }
    .page-content .content-box .list-content .list-box{
        padding: 10px;
    }
    .page-content .content-box .list-content .list-box .product-item{
        width: 100%;
        
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        
    }
    
    .page-content .content-box .list-content .list-box .product-item .imgbox,
    .page-content .content-box .list-content .list-box .product-item .text{
        width: 50%;
    }
    .page-content .content-box .list-content .product-page .product-item .text{
        padding: 10px 5px;
        text-align: left;
    }
    .page-content .content-box .list-content .list-box .product-item .imgbox .quote-button{
        top: 5px;
        left: 5px;
        right: unset;
        padding: 5px 10px;
        z-index: 2;
    }
    
    
    .page-content .content-box .sidebar-box .contactbox .business-swiper{
        height: 260px;
    }
    .page-content .product-info .auto-container .row .imgbox{
        padding: 0;
    }
    .page-content .product-info .auto-container .row .imgbox .imagesbox .product-button img{
        margin-top: 75%;
    }
    .page-content .content-box .list-content > div{
        padding: 10px;
    }
    .page-content .content-box .list-content > div h1{
        line-height: 26px;
        margin-bottom: 20px
    }
    .page-content .content-box .list-content > div h1 span{
        font-size:28px !important;
    }
    .page-content .content-box .list-content .details-box .header span{
        font-size: 16px;
        margin-right: 10px;
    }
    .page-content .content-box .list-content > div .header > span::after{
        bottom: -19.5px;
    }
    .page-content .message-box .from .input{
        display: block;
    }
    .page-content .message-box .from .input > div{
        width:100%;
        margin-bottom: 20px;
    }
    .page-content .content-box .list-content .development .swiper .swiper-time .swiper-wrapper{
        width: 100%;
    }
    .page-content .content-box .list-content .list-box .item-box .textbox{
        font-size: 14px;
    }
    .page-content .content-box .list-content .development .swiper .swiper-time .time-click,
    .page-content .content-box .list-content .development .swiper .swiper-time .time-pagination{
        display: none;
    }
    .page-content .content-box .list-content .development .swiper .swiper-time{
        height: 720px;
    }
    .page-content .content-box .list-content .development .swiper .swiper-time .textbox h4{
        font-size: 30px;
        margin: 10px auto;
    }
    /*.page-content .content-box .list-content .list-box{*/
    /*    display: unset;*/
    /*}*/
    .page-content .content-box .list-content .list-box .index-item{
        width: 100%;
    }
    .page-content .content-box .list-content .list-box .right-item{
        display: flex;
        width: 100%;
        margin-top: 10px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .page-content .content-box .list-content .list-box .right-item .item{
        position: relative;
        height: auto;
        /*width: 49%;*/
        width: 100%;
    }
    .page-content .content-box .list-content .list-box .case-box{
        /*width: 49%;*/
        width: 100%;
    }
    .page-content .content-box .list-content .case-box{
        padding-top: 0;
        padding-bottom: 0;
    }
    .page-content .content-box .list-content .faq-item .wen .icon{
        width: 20%;
    }
    .page-content .content-box .list-content .row .video-item .imgbox img.video_play{
        opacity: 1;
    }
    .page-content .content-box .list-content .newpage .item-box{
        /*width: 49%;*/
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .page-content .content-box .list-content .list-box .item-box .textbox{
        padding: 5px;
    }
    .page-content .content-box .list-content .list-box .item-box .textbox h3{
        font-size: 16px;
        margin-top: 10px;
        height:auto;
    }
    .page-content .content-box .list-content .list-box .item-box .textbox .other img{
        width: 15px;
        margin-right: 0px;
    }
    .page-content .content-box .list-content .list-box .item-box .textbox .other div{
        padding: 0;
        font-size: 12px;
    }
    .page-content .content-box .post-info{
        width: 100%;
        padding: 10px;
    }
    .page-content .content-box .post-info .post-pagination p a{
        font-size: 14px;
    }
    .IndexVideo .video_list li .cover-img .video_play{
        display: block;
    }
    .page-content .message-box .from .submit input{
        font-size: 16px;
    }
    .page-content .quotatio .quotation-box > div .message-box .from .submit{
        text-align: center;
    }
    .page-content .quotatio .row #quotatio-product-list .quotatio-item .action{
        margin-top: 20px;
    }
    .page-content .quotatio .row #quotatio-product-list .quotatio-item .text{
        margin: 5px 10px;
    }
    .page-content .content-box .list-content .video-page .video-item .textbox div {
        margin: 0;
    }
    .page-content .content-box .list-content .download-item{
        padding: 0;
    }
    .page-content .content-box .list-content .download-item .textbox{
        margin-top: 10px;
        padding-bottom: 25px;
    }
    .page-content .content-box .list-content .textbox .downloadbutton a{
        padding: 10px;
    }
    .page-content .content-box .list-content .download-item .textbox > .time,
    .page-content .content-box .list-content .download-item .textbox > .download{
        width: 50%;
    }
    .page-content .content-box .list-content .download-item .textbox > .downloadbutton{
        width: 50%;
        margin-top: 25px;
    }
    .page-content .content-box .sidebar-box .category-box .category-item p{
        padding: 15px;
    }
    .page-content .content-box .list-content .list-box .right-item .item:nth-child(2){
        margin-top: 10px;
    }
    
    
    
    .page-content .content-box .list-content .list-box .product-item .text .remark{
        display: none;
    }
    
    .page-content .content-box .list-content .about-info h1,
    .page-content .content-box .list-content > div .header h1{
        font-size: 26px !important;
    }
    
    .page-content .content-box .list-content .factory-box .factory-swiper{
        width: 80%;
    }
    .page-content .content-box .list-content .factory-box .swiper .factory-button{
        width: 7%;
    }
    .page-content .content-box .list-content .factory-box .swiper .factory-button img{
        margin-top: 70%;
    }
    
    .page-content .content-box .list-content .contactbox .contact-us{
        padding: 0px 15px;
    }
    .page-content .content-box .list-content .list-box .product-item .text h3{
        -webkit-line-clamp: 3;
    }
    .section_product .category_body{
        margin-top: 20px;
    }
    .page-content .content-box .list-content .list-box .product-item .text .row{
        background: unset;
        width:100%;
        padding: 0;
    }
    .page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox img,
    .page-content .content-box .list-content .list-box .product-item .text .row > div{
        padding: 0;
    }
    .page-content .content-box .list-content .list-box .product-item .text .row span img{
        width: 12px;
    }
    .page-content .content-box .sidebar-box .contactbox .business-swiper .row{
        padding-top: 10px;
    }
    .page-content .content-box .sidebar-box .contactbox .business-swiper .row div img.business-logo{
        width: 80%;
    }
    .page-content .content-box .list-content .contactbox .contact-us .row .contact-item{
        margin-bottom: 10px;
    }
    
    .swiper-container-horizontal > .swiper-pagination-progress{
        top: unset;
        bottom: 0;
    }
    .swiper-pagination-progress .swiper-pagination-progressbar{
        background: #eb6400;
    }
    .page-content .content-box .list-content > div .header{
        padding: 15px 0;
    }
    .page-content .content-box .list-content .relation .swiper-relation .swiper-slide .row div span img{
        width: 12px;
    }
    .footer .foot_add{
        width: 100%;
    }
    
    
    .friends_links > div > div > div{
        width: 33.333%;
    }
    
    .page-content .content-box .list-content .faq-item .da{
        padding-left: 90px;
    }
    .page-content .content-box .list-content .faq-item .wen .title{
        font-size:18px;
    }
    .section-product .productList .item .img img{
        margin-bottom:50px;
    }
    .video .videoBox{
        height:240px;
    }
    #google_translate_element{
        display: none;
    }
    .Home-banner img{
        /*margin-top:55px;*/
    }
    .page-content .content-box .list-content{
        width:100% !important;
    }
    .page-content .product-info .auto-container .row .textbox > h1{
        font-size:24px;
    }
    .download-box ul li{
        width:100%;
    }
    .page-content .content-box .list-content .list-box .item-box .textbox .remark{
        margin:10px 0;
        height: auto;
    }
    .page-content .content-box .sidebar-box .likebox .like-swiper div h4{
        padding-bottom: 0px;
        margin-bottom: 15px;
    }
    .page-content .content-box .list-content .factory-box .header{
        padding-top:20px;
    }
    .header .navlist .hasdrop.active a::after{
        display: none;
    }
    .modal-dialog{
        margin-top:45% !important;
    }
    .page-content .content-box .list-content .certifcate-list .header{
        margin-bottom: 30px;
    }
    .page-content .content-box .list-content .certifcate-list .header h1{
        margin-bottom: 0;
    }
    .page-content .content-box .post-info .content{
        padding:10px;
    }
    .product_wrapper .product_body .product_swiper-father .swiper-wrapper>div{
        width:49%;
        margin-bottom: 10px;
    }
    .section_kind .Home-product-father .kind-next, .section_kind .Home-product-father .kind-prev{
        display: none;
    }
    .section_kind .category_list li .dec img{
        display: none;
    }
    .section_kind .category_list li .dec .t{
        font-size:16px;
    }
    .section_kind .swiper-kind{
        padding-bottom: 50px;
    }
    .section_kind {
        padding-top: 50px;
    }
}