@media  (max-width:1680px){

.head .navbox li .a{
    font-size: 16px;
}

}
@media  (max-width:1620px){
  .arrows_Btn.news_Arr_R{ right: -50px;}
  .arrows_Btn.news_Arr_L{ left: -50px;}
  .head .navbox li{ margin: 0 20px;}
  .head .slogan{ font-size: 16px;width: auto;}
  .head .navbox li .a{font-size:14px}
  .index-msg::after{ font-size: 200px;}
  .home_video_wrapper .right_data_box{ width: 604px;}
  .home_video_wrapper .video_right_text{ margin-left: 6%;}
  .home_video_wrapper .right_data_box li:nth-child(1){ margin-right: 50px;}
  .home_video_wrapper .right_data_box li:nth-child(2){ margin-right: 50px;}
  .home_video_wrapper .right_data_box li{ font-size: 15px;}
  .home_video_wrapper .leo_video_box{ padding-left: 40px;}
}
@media  (max-width:1460px){
  .sub{ width: 100%;}
  .auto-container{ width: 94%;}  
  .head .navbox li{ margin: 0 10px;} 
  .site-nav .auto-container{ width: 95%;}
  .arrows_Btn.news_Arr_R{ right: 0px;}
  .arrows_Btn.news_Arr_L{ left: 0px;}

  .index-msg .flex-msg .img{ padding: 0 15px;}
  .index-msg .flex-msg .img img{width: 100%;}
    .footer dl dd{font-size: 14px;
    line-height: normal;}
}
@media  (max-width:1366px){ 


    .index-msg .float-text{font-size: 40px;
    top: -70px;}
    .section_about .home_video_wrapper{
        overflow: hidden;
    }
}
 
@media  (max-width:1280px){ 
  .head .logo .logoImg{ height: 42px;}
  .head .slogan{ display: none;}
  .section_kind .factory_imgList li .bg{ padding-left: 40px; bottom: 22px;}
  .section_kind .factory_imgList li .bg p{ font-size: 26px;} 
  .home_title{ font-size: 32px;} 
  .home_factory_wrapper .left{ width: 320px;}
  .home_factory_wrapper .right{ width: calc(100% - 350px);}
  .home_factory_wrapper .scroll_box{ margin-top: 40px;}
 
  
  .section_faq .faqlist .faqItem{ padding: 14px;}
  .section_faq .faqlist .faqItem .faqHead h3{ font-size: 16px;}
  .section_faq .faqlist .faqItem .faqBody p{ font-size: 14px;}
  .footer .foot_add{ padding-right: 2%; width: 300px;}
  #new-link li img{ width: 28px;}
  .footer dl dt{ margin-bottom: 26px;}
  .footerbar{ font-size: 15px;}
  .links_f{ font-size: 15px;}
  .link_box span{ font-size: 15px;}
} 
@media  (max-width:1200px){
    .footer dl{
        margin-left: 0;
    }
}

 
 
@media(max-width:1080px) {  
  .head .navBar{ display: none;}
  .navbtn{ margin-top: 34px; margin-left: 20px;}  
  .head .logo .logoImg{ height: 60px;  }
 
  .index_title{ font-size: 40px; margin-bottom: 30px;}

 
 

}



@media(max-width:1080px) {
 .navbtn {
    width   : 30px;
    height  : 30px; 
    float   : right;
    position: relative;
    display : block; 
    z-index: 20;
  }

 .navbtn i {
    height    : 2px;
    background: #000;
    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
  }
 .language {
    float: right;
    margin-right: 10px;
  }
 .language:hover .language-dl{ display: block;}
  .cur_language{ line-height: 50px;}
 .language .language-dl {
    border-top: 1px solid #ddd;
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff; 
  }
  .language .language-dl dd {
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
  }
  .head_icon .language .language-dl dd:last-child {
    border-bottom: 0;
  }
 .language .language-dl dd:hover a {
    color: #f08200;
  }
 .language .language-dl dd a {
    padding: 0;
    line-height: 30px;
    color: #2a2724;
    font-size: 14px;
  }
}
@media(max-width:1080px) {
 .navbtn.open .bar-1 {
    top      : 50%;
    transform: rotate(45deg)
  }

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

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

  .head{ display: block;}
  .head .slogan{ margin-top: 14px; font-size: 15px;}
  .head .logo{ line-height: 50px; margin-left: 0;}
  .head .logo .logoImg{    left: auto; ;
    max-width: 100%; 
    height: 35px;}
  .head .slogan{ line-height: 20px;}
  .head .top_search{ line-height: 50px;}
  .navbtn{ margin-top: 10px;  margin-left: 10px;} 
  .head .navBar {
    position: fixed;
        top: 50px;
        left: 0%;
        width: 100%;
        padding: 5%;
        background-color: #fff;
        overflow-y: scroll;
        max-height: 100%;
        transition: none;
        border-bottom: 1px solid #eeeeee;
}
.head .language_head .t {
  background: url(../images/jt1.png) no-repeat right center;
}
.head .language_head .t img{ filter: brightness(0); width: 16px;}
.head .top_search .icosearch{ width: 28px; height: 28px;}
  .index_title{ font-size: 32px; margin-bottom: 20px;}
  .readMore{ position: relative;}
  .readMore a img{ margin-left: 15px; width: 30px;}
 
 
  .head .navbox li{ width: 100%; line-height: 40px; margin: 0;}
  .head .navbox li.active .stair:after{ background: none;}
  .head .navbox li:hover .stair:after{ background: none;}
  .head .navbox li .a{ font-size: 16px;}


  .sub{ position: relative; display: none;}
  .sub_nav_box{ display: block; position: relative;}
  /* .product_nav_box{ display: block;} */
  .sub_nav_box .left_intro{ display: none;}
  .sub_nav_box .menu_links dd{ width: 33.333%; padding-top: 10px; overflow: hidden;}
  .sub_nav_box .menu_links dd p{ height: 60px; margin-top: 10px; font-size: 14px;}
  
  .sub{ height: auto; padding: 0;}
  .sub > dl{ display: block;}
  .sub > dl dd{ font-size: 14px;}
  .sub > dl dd{ padding: 5px 10px; position: relative; width: 100%; margin-right: 0;}
  .site-nav .head .navbox li a figure{ display: none;}
  .sub > dl dd .small_img{ width: 30px; height: 30px;}
  .sub > dl dd .text{ padding-left: 7px;
        margin-top: 0;
        font-size: 16px;
        min-height: auto;
        margin-bottom: 10px;}
  .sub > dl dd .mobile-navbtn{ display: block;}
  
  .sub > dl a{ display:inline-block;}
  .sub > dl dd .t-menu li a{ display: inline-block;}
  .sub > dl dd .t-menu{ position: relative; left: 0; margin-top: 0px; display: none;}
  .sub > dl dd .t-menu li{ padding: 0px 10px; line-height: 30px;}



  .Home-banner{ padding-top: 50px;}
  .banner{ height: 260px;}
  .swiper-banner{ height: 400px;}  
  .swiper-banner .text div{ font-size: 24px;}
  .swiper-banner .text p a{
    font-size: 16px;
    padding: 10px;
    margin-top: 10px;
  }
  .swiper-banner .text p{ font-size: 16px; margin-top: 10px;}
  .banner .swiper-slide{ height: 260px;} 
  .swiper-banner .item{ height: 260px;}
  .swiper-banner .item img{ width: 100%; height: 100%; object-fit: cover;}
  .Home-banner .banner-page{ bottom: 15px;}
  .Home-banner .banner-page .swiper-pagination-bullet{ width: 10px; height: 10px;}
  .banner .swiper-control{ top: auto; bottom: 10px; display: none;}
  .banner .banner-slogan{ bottom: 60px; left: 20px;}
  .banner .banner-slogan span{ font-size: 14px;}
  .banner .banner-slogan p{ font-size: 18px; line-height: 24px;}
  
 
  .home_factory_wrapper { width: 96%; margin:  0 auto;}
  .home_factory_wrapper .factory_text{ margin-top: 0;}
  .home_factory_wrapper .factory_text .home_title{ margin-bottom: 12px;}
  .home_factory_wrapper .factory_text .inner_text{ width: 100%; font-size: 14px; line-height: 24px;}
  .home_factory_wrapper .scroll_box{ margin-top: 20px; width: 100%; margin: 0 auto;}
  .home_factory_wrapper .scroll_box .factory_prev, .home_factory_wrapper .scroll_box .factory_next{ width: 24px; height: 24px;}
  .home_factory_wrapper .scroll_box .factory_prev{ bottom: auto;left: -30px; top: 60%;   }
  .home_factory_wrapper .scroll_box .factory_next{ bottom: auto; right: -30px; left: auto; top: 60%;}
  .home_factory_wrapper .right{ width: 100%;}

 
  .footerbar{ line-height: 20px; height: auto; padding: 10px 0;}
  

 

  
  
  .Home-honor .t{ font-size: 16px; line-height: 20px; margin-bottom: 20px;}
 

  
    .footerbar .copyright{ padding: 0;}
  
 
    .head .top_search .start_search{ margin-left: 8px;}
    .head .top_search .head_email{ margin-right: 0px; border-color: #222; width: 108px;  height: 32px; line-height: 30px; font-size: 14px;  margin-left: 5px; }
    .site-nav  {
      background-color: #fff;
    } 
    .language_head{
      color: #222;
      line-height: 50px;
      font-size: 18px;
      margin-right: 5px;
    }
    .site-nav .head .slogan {
      color: #333333;
    }
    .site-nav .head .navbox li a {
      color: #333333;
      font-size: 16px;
    }
    .head .navbox li:hover .stair > a{ border-bottom: none;}
    .site-nav .head .navbox li a:hover {
      color: #3a8cff;
    }
 
    .site-nav .head .top_search .head_email:hover {
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
    }
    .site-nav .head .top_search .head_email:hover img {
      -webkit-filter: inherit;
      filter: inherit;
    }
    .site-nav .head .top_search .head_email:hover img:first-child {
      display: none;
    }
    .site-nav .head .top_search .head_email:hover img:last-child {
      display: inline-block;
    }
    .head .top_search .icosearch img {
      filter: brightness(0);
    }

 
    .swiper-father{ padding: 0 40px;}

    .swiper-honor-next, .swiper-honor-prev{ width: 36px; height: 36px;}
    .swiper-honor-prev{ left: 0px;}
    .swiper-honor-next{ right: 0px;}
 

 
 
    .section_news .home-news .arr4{ margin-top: 10px; width: 38px;}
    .index_case_row .right_arr .arr3{ width: 38px;} 

    .footerbar .copyright{ text-align: left;}
    .footerbar .copyright a{ margin-right: 10px; margin-left: 0; }
    .footerbar .copyright .Support{ display: block;}

    .index_case_row .arrows_Btn{ width: 38px; height: 38px;} 
    .section-choose .choose-list{ margin-top: 25px;}

    .section_news .home_title{ margin-bottom: 10px;}
    .section_news .home-news .dec{ padding-top: 18px;}
 

    .head .product-menu .product_left{ width: 100%; float: none;}
    .head .product-menu .product_right{ display: none;}
    .head .product-menu .auto-container{ padding: 0 ; margin: 0;}
    .head .product-menu dl{ width: 100%; margin-bottom: 10px;}

 

  

    .home_title{ font-size: 22px; line-height: 1.2;}
    .section_kind{ padding-top: 35px;}
    .section_kind .factory_imgList li .bg{ padding-left: 15px;}
    .section_kind .factory_box .left, .section_kind .factory_box .right{ width: 100%; float: none;}
    .section_kind .factory_imgList li .bg p{ font-size: 15px; margin-top: 5px;} 
    .section_kind .factory_box{ margin-top: 25px;}
    .section_kind .factory_box .Two_col.factory_imgList li:nth-child(odd){ width: 100%;}
    .section_kind .factory_box .Two_col.factory_imgList li:nth-child(even){ width: 100%;}
    .section_kind .flex{ display: block;}
    .section_kind .factory_imgList li .bg .info div{ font-size: 20px;}

    .home_video_wrapper .video_right_text{ padding-top: 0;}
    .home_video_wrapper .leo-6{ width: 100%;}
    .home_video_wrapper .video_right_text{ margin-left: 5%; padding-right: 5%;}
    .home_video_wrapper .leo_video_box .play_btn img{ width: 28px;}
    .home_video_wrapper .leo_video_box .play_btn div{ font-size: 18px;} 
    .home_video_wrapper .leo_video_box .video_cover{ height: auto;}

    .section_about{ padding-bottom: 35px; background-size: 600px;}
    .section_about .about_left_text{ padding: 24px 0  10px; padding-top: 0;}
    .section_about .video-contral{ width: 100%; position: relative;}
    .section_about .about_left_text .info{ margin-top: 15px;}
    .section_about .about_left_text .info .item-name{ font-size: 16px;}
    .section_about .about_left_text .info p{ margin-right: 0;font-size: 14px; line-height: 24px;}
    .section_about .video-contral .text img{ width: 50px;}
    .section_about .about_left_text .t{ font-size: 24px;}
    .section_about .about_left_text .st{ font-size: 14px;} 
    .home_video_wrapper .right_data_box{ width: 100%; padding-top: 15px; margin-top: 20px;}
    .home_video_wrapper .right_data_box li .num-item{ font-size: 20px; margin-bottom: 7px; }
    .home_video_wrapper .right_data_box li{ float: left; width: 50%!important; font-size: 14px;  padding-left: 14px;  padding-right: 14px;   margin-bottom: 10px; margin-right: 0!important;  font-size: 16px;} 
 
    .arrows_Btn{ width: 36px; height: 36px;}
    .section_news .Home-news-father{ padding: 0 10px;}
    .section_news{ padding: 30px 0;}
    .section_news .home-news .dec span{ margin-top: 20px; font-size: 14px;}

    .section_case{ padding-top: 35px; padding-bottom: 35px;}
    .section_case .home_title{ margin-bottom: 20px;}
    .section_case .home-news .dec{ padding: 15px 0 0;}
    .section_case .home-news .dec .t{ margin-bottom: 0; font-size: 18px; line-height: 22px; height: 44px;}
    .section_case .home-news .dec .p{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}
    .section_case .home-news .dec .date{ font-size: 13px;}
  
    .head .navbox li .stair{ position: relative;}

 
    .home_title div{ font-size: 22px;}
    .home_title p{ margin-bottom: 10px; font-size: 14px; }


    .section_kind .factory_imgList li{ width: 100%; margin-bottom: 10px;}
    .section_why{ padding: 35px 0;}
    .section_why .why-list .item{ display: block; margin-top: 10px;}
    .section_why .why-list .text{ padding: 10px 0;}
    .section_why .why-list .imgs{ width: 100%;  flex: 1;}
    .section_why .why-list .text .ico{ margin-bottom: 9px;} 
    .section_why .why-list .text .ico img{ width: 38px;}
    .section_why .why-list .text .t{ font-size: 20px; line-height: 22px;}
    .section_why .why-list .text p{ font-size: 14px; line-height: 22px;}
    .section_why .why-list .text::after{ font-size: 100px; top: 20px; right: 10px;}

    .home_video_wrapper .about_left_text .home_title p{ margin-top: 10px; font-size: 18px; line-height: 22px;}
    .home_video_wrapper .about_left_text .info .btn-move{ margin-top: 20px;}
    .home_video_wrapper .about_left_text .info .btn-move { width: 36px; height: 36px; line-height: 36px;}
    .home_video_wrapper .leo_video_box{ padding-left: 0%;}
    .home_video_wrapper .leo_video_box .play_btn{ width: 60px; height: 60px; bottom: 0; line-height: 60px;}

    .section_technology{ padding: 35px 0;}
    .section_technology .technology-box .left, .section_technology .technology-box .right{ width: 100%; float: none;} 
    .section_technology .technology-box .right{ padding-left: 0; padding-top: 20px;}
    .section_technology .technology-box .right .t{font-size: 22px;  line-height: 1; margin-bottom: 20px; }
    .section_technology .technology-box .right p{ margin-bottom: 15px; font-size: 14px; line-height: 24px;}
    .section_technology .technology-box .right a { width: 36px; height: 36px; line-height: 36px;}
    .section_case .Home-news-father{ padding-bottom: 10px;}

    .index-msg::after{ font-size: 60px; top: 30px;}
    .index-msg{ padding-top: 100px; padding-bottom: 35px;}
    .index-msg .Home-faq-father::before{ background-size: 15px;}
    .index-msg .Home-faq-father::after{ background-size: 15px;}
    .index-msg .float-text{ position: relative; left: 0; top: 0; font-size: 22px; text-align: center; line-height: 1.5;  }
    .index-msg .flex-msg{ display: block;}
    .index-msg .Home-faq-father{ width: 100%; padding-left: 0; padding-bottom: 70px;}
    .index-msg .flex-msg .img{display: none;} 
    .index-msg .text .t{ font-size: 18px; line-height: 1.5; margin-bottom: 10px;}
    .index-msg .text p{ border-width: 1px; padding: 10px 20px; font-size: 14px; line-height: 24px;} 

    .index-msg .contact-form{ width: 100%; margin-top: 20px;}
    .index-msg .contact-form input{ height: 40px; font-size: 14px; border-width: 1px;}
    .index-msg .contact-form textarea{ height: 100px; font-size: 14px; border-radius: 20px; border-width: 1px;}
    .index-msg .contact-form .submit-btn{ font-size: 14px; height: 40px;}

    .footer .f_link_letter{ float: none; margin-left: 0;}
    .footer dl dt{ margin-left: 0; font-size: 16px; margin-bottom: 15px;}  
    .footer .foot_add{ margin-left: 0; border-right: 0;}
    .footer .footer_content{ padding: 35px 0 20px;}

    .index-msg .contact-form .t{ margin-bottom: 20px;}

    .contral-arr{ bottom: -56px;}
    .index-msg .Home-faq-father .contral-arr{  padding: 0;}
    .section_why .home_title p{ font-size: 18px;}


    .index-msg .flex-msg .img{ padding: 0 0px;}

    .section_why .why-list .item{ display: flex; flex-wrap:wrap}
    .section_why .why-list .text{ order: 1;}
    .section_why .why-list .imgs{ order: 2;}
    .head .logo .logoImg:nth-child(1){
        display: inline-block;
    }
    .head .logo .logoImg:nth-child(2){
        display: none;
    }
    .whatsappbox{
        display: block;
    }
    .whatsappbox a{
        margin-bottom: 10px;
    }
}






@media(max-width:540px) {
        .page-content .message-box{
                margin: 0;
            padding: 0 15px;
        }
        .page-content .content-box .list-content .contactbox .contact-us{
            padding: 15px;
        }
        .page-content .content-box .list-content .contactbox .contact-us .row{
            margin-top: 10px;
        }
}
@media(max-width:400px){
    .footer .foot_add{
        width: 100%;
    }
}