@media  (max-width:1600px){

  .auto-container{ width: 94%;}

  .project_wrapper .plane{ width: 45%;}

  .project_wrapper .item-left .head:after{ right: -12.5%;}

  .project_wrapper .item-right .head:after{ left: -12%;}



  .footer .foot-logo{ padding-right: 50px; margin-right: 50px;}

}

@media  (max-width:1450px){

    .footer dl{ padding-left: 9%;}

}

@media  (max-width:1380px){

  .footer dl{ padding-left: 9%;}

}

@media  (max-width:1310px){

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

  .head .slogan{ display: none;} 

  .footer dl{ padding-left: 8%;}

}

@media  (max-width:1280px){

  .footer dl{ padding-left: 6.5%;}

}

@media  (max-width:1200px){

  .footer .foot-logo{ padding-right: 40px; margin-right: 40px;}

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

  .head .slogan{ display: none;}

  .footer dl{ padding-left: 5%;}

}

@media(max-width:1080px) {

  .head .slogan { display: block;}

  .head .navBar{ display: none;}

  .navbtn{ margin-top: 14px; margin-left: 20px;}

  .home_video_wrapper .leo-6{ width: 80%; float: none; margin: 0 auto;}



  .hidden-xs{ display: none;}

  .footer dl dt{ margin-bottom: 20px;}

  .footer .Contact-us{ width: 60%;}

  .footer dl dd p{ width: auto;}

  .footer dl{ padding-left: 4%;}

 



 

}







@media(max-width:1080px) {

 .navbtn {

    width   : 30px;

    height  : 30px; 

    float   : right;

    position: relative;

    display : block; 

    z-index: 20;

  }



 .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

  }

 .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:768px) {

  .footer .Contact-us {

    width: 50%;

}

}



@media(max-width:640px) {

  .leo-6{ width: 100%; float: none;}

  .site-head .site-top{ display: none;}

  .site-nav{   position: fixed; top: 0; z-index: 100;
      background: #000;

  }
  .video1{
    margin-top:50px;
  }

  .head .slogan { display: none;}

  .mobile-navbtn{ display: block;}

  .headbg{ top: 0; background-color: #fff;}

  .head .logo{ margin-top: 5px;  }

  .head .logo .empty_logo{ display: none;}

  .head .logo .full_logo{ position: relative; left: auto; display: block; max-width: 100%;}

  .navbtn{ position: absolute; right: 0; z-index: 10; margin-top: 8px;}

  .head{ height: 50px; }

  .head .top_search{ position: absolute; right: 36px; z-index: 10; padding-right: 6px; margin-top: 15px; line-height: 1;}

  #showopen .head .top_search img{ opacity: 1;}

  .head .top_search img{ width: 18px;}

  .head .top_search .search_con2{ width: 300px; right: 5px; display: none;}

  .head .top_search .search_con2 .search-input{ width: 240px; height: 34px; line-height: 34px;}

  .head .top_search .search_con2 .input1{ height: 34px; line-height: 34px; font-size: 14px;}

  .head .top_search .search_con2 .bnts{ height: 34px;}

  .head .top_search .search_con2 .moblie-search-close{ top: 8px; right: 0;}



  .head .navBar{   position: absolute; top: 50px; left: -5%;

     width: 100%; padding: 0 5%; background-color: #130f0e;}





  .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;}

  .head .nav li:hover .stair:after{ display: none;}



  .head .nav li{ width: 100%; line-height: 42px; margin: 0;}

  .head .nav li .stair{border-bottom: 1px solid rgba(221, 221, 221, .5);}

  .head .nav li.active .stair:after{ display: none;}

  .head .nav li:hover .sub{ display: none;} 

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

  .sub > dl{ display: block;}

  .sub > dl dd{ font-size: 14px;}

  .sub > dl dd{ padding: 5px 10px; position: relative;}

  .sub > dl dd .small_img{ width: 30px; height: 30px;}

  .sub > dl dd .text{ padding-left: 7px;}

  .sub > dl dd .mobile-navbtn{ display: block;}



  .Home-banner{margin-top: 0px;}

  .swiper-banner .item{ height: 214px;}

  .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;}



  .section{ padding: 50px 0;}

  .read_more_btn{ width: 120px; line-height: 30px; font-size: 14px;}

  .read_more_btn img{ margin-left: 5px;}

  .home_title{ margin-bottom: 20px;}

  .home_title .t{ font-size: 24px; margin-bottom: 0px;}

  .home_title .sub_t{ font-size: 12px;}



  .product_wrapper .list_filter .filter_item{ width: 24%; height: 66px; padding-top: 8px; margin: 0;}

  .product_wrapper .list_filter .filter_item p{ margin-top: 5px;  height: 28px; font-size: 12px;}

  .product_wrapper .list_filter .filter_item img{ width: 24px;}

  

  .product_wrapper .product_body .product_item ul{ margin: 0 -4px;}

  .product_wrapper .product_body .product_item li{ width: 50%; padding: 0 8px;}

  .product_wrapper .product_body .product_item li a{ height: 250px;}

  .product_wrapper .product_body .product_item li .img{max-width: 100%;}

  .product_wrapper .product_body .product_item li .info{ top: 83%; font-size: 16px;}

  .product_wrapper .product_body .product_item li .info .t{ font-size: 16px;}

  .product_wrapper .product_body .product_item li .info p{ width: 100%;}

  .product_wrapper .product_body .product_item li a:hover .info{ top: 24%;}



  .section_about .about_left_text{ padding: 24px 0  34px;}

  .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;}

  .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;}



  .project_wrapper .plane .head{ line-height: 38px; font-size: 14px; padding: 0 15px;}

  .project_wrapper .plane .plane-body{ padding: 5px;}

  .project_wrapper .plane .plane-body p{ margin: 6px 0; height: auto; font-size: 12px; line-height: 1.65;}

  .project_wrapper .item-left .head:before{ border-width: 8px; margin-top: -8px;}

  .project_wrapper .item-right .head:before{ border-width: 8px; margin-top: -8px;}

  .project_wrapper .item-left .head:after{ width: 8px; height: 8px; right: -14.5%;}

  .project_wrapper .item-right .head:after{ width: 8px; height: 8px; left: -13.5%;}

  .project_wrapper .item-left{ margin-bottom: 60px;}

  .project_wrapper .item-right{ margin-top: 45px;}



  .section_factory .factory-item-left{ width: 100%;}

  .section_factory .factory-item-right{ width: 100%;} 

  .section_factory .factory-item-left .img-box{ width: 49.4%; float: left;} 

  .section_factory .factory-item-left .img-box:last-child{ float: right;} 

  .section_factory .factory-item .info .t{ font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

  .section_factory .factory_next, .section_factory .factory_prev{ width: 36px; height: 36px;}

  .section_factory .factory_next{ right: 24px;}

  .section_factory .factory_prev{ left: 24px;}

  .section_factory .factory-item .info{ bottom: 10px;}

  .section_factory .factory-item .img-box:hover .info{ bottom: 62px;}



  .section_news .news_wrapper .news-list li{ width: 100%; margin-bottom: 24px; padding: 0 15px;}

  .section_news .news_wrapper .news-list .top-item{ margin-bottom: 10px;}

  .section_news .news_wrapper .news-list .top-item .y{ font-size: 14px;}

  .section_news .news_wrapper .news-list .top-item .y img{ width: 12px;}

  .section_news .news_wrapper .news-list .top-item .md{ font-size: 16px;}

  .section_news .news_wrapper .news-list .news_item{ margin-bottom: 20px;}

  .section_news .news_wrapper .news-list .news_item h4{ margin-bottom: 10px;}

  .section_news .news_wrapper .news-list .news_item p{ font-size: 13px;line-height: 1.65;}



  .section_msg{ padding: 40px 0;}

  .section_msg .contact-form-box{ height: auto; padding: 20px;}

  .section_msg .contact-form-box dt{ margin-bottom: 20px;}

  .section_msg .contact-form-box dt .t{ font-size: 20px;}

  .section_msg .contact-form-box .contact-form .form-group.leo-6-m{ width: 100%;}

  .section_msg .contact-form-box .submit-btn{width: 160px; height: 38px; font-size: 14px;}

  .section_msg .contact-form-box .contact-form textarea{ border-radius: 10px; font-size: 14px;}

  .section_msg .msg_wrapper .img{ display: none;}



  .section_msg .contact-form-box .contact-form input{ height: 40px; font-size: 14px;}

  .section_msg .contact-form-box .contact-form .form-group .tips{ line-height: 40px; left: 18px; font-size: 14px;}

 



  .footer .Contact-us{ width: 100%; border-right: 0; text-align: center;}

  .footer .Contact-us dd .add_name{ position: relative;}

  .footer .Contact-us dd .add{ padding: 0;}

  .hidden-xs{ display: none;}

  .footer .foot-logo{ width: 145px; margin: 0 auto 10px; float: none; padding: 0; border: 0;}

  .footer .share_toolbox { padding-top: 15px;}

  .footer .share_toolbox ul{ text-align: center;}

  .footer .share_toolbox li{ display: inline-block; margin-right: 0px;}

  .footer dl dt{  margin-bottom: 10px; font-size: 16px;} 

  .footer dl dd{ font-size: 14px;}

  .footer .Contact-us dd a{ padding-left: 24px;}

  .footer .Contact-us dd a img{ width: 20px;}

  .footer .footer_content{ padding: 40px 0;}

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

  .footerbar .copyright{ line-height: 1.4; float: none; font-size: 12px;}

  .footerbar .footer_bar_r{ width: 100%; float: none; margin-top: 5px;} 

  .footerbar .footer_bar_r .link_box{ margin-top: 0; font-size: 12px;}

  .footerbar .footer_bar_r .link_box .links li{ padding: 5px;}



  .sub > dl a{ display:block;}

  .sub > dl dd .t-menu{ position: relative; left: 0; margin-top: 10px;}

  .sub > dl dd .t-menu li{ padding: 5px 10px; line-height: 28px;}

}