@media  (max-width:1600px){
  .auto-container{ width: 94%;}
 
  .section_services .service-inner{ padding: 30px 60px;}
  .footer .foot-logo{ padding-right: 50px; margin-right: 50px;}
}
@media  (max-width:1450px){
    .footer dl{ padding-left: 10%;}
}
@media  (max-width:1380px){
  .footer dl{ padding-left: 9%;}
  .section_services .service-inner{ padding: 30px 60px;}
}
@media  (max-width:1310px){
  .head .nav li .a{ font-size: 16px;} 
  .footer dl{ padding-left: 8%;}
  .sub > dl dd{ font-size: 14px;}
}
@media  (max-width:1280px){
  .footer dl{ padding-left: 6.5%;}
  .section_services .service-inner{ padding: 30px 30px;}
}
@media  (max-width:1200px){
  .footer .foot-logo{ padding-right: 40px; margin-right: 40px;}
  .head .nav li .a{ font-size: 16px;} 
  .footer dl{ padding-left: 5%;}
}
@media(max-width:1080px) {
  .head{ height: 60px;} 
  .head .navBar{ display: none; width: 100%; float: 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: 50%;}
  .footer dl dd p{ width: auto;}
  .footer dl{ padding-left: 4%;}
 
  .page-title{ padding: 100px 0 60px 0;}
  .page-title .title-box h1{ font-size: 24px;}
  .section_services .item-holder{ width: 50%;}
  .page-wrapper .content{ width: 100%;  float: none;}
  .team-area li{ flex-direction: column;}
  .team-area .left-item{ width: 100%;}
  .team-area .right-item{ width: 100%;}

  .page-wrapper{ padding-bottom: 60px;}
  .aside{ width: 100%; float: none;}
  .flex-cy .aside{ float: none;}
  .flex-cy .nav-menu{ width: 100%;} 
 
}



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

 .navbtn i {
    height    : 2px;
    background: #1c61ad;
    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: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)
  }


  .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 .navBar{   position: absolute; top: 50px; left: -5%;
    width: 100%; padding: 0 5%; background-color: #fff;}


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

 

@media(max-width:768px) {
  .leo-6{ width: 100%; float: none;}
  .site-head .site-top{ display: none;}
  .site-nav{   position: fixed; top: 0; z-index: 100; }
  .head .logo_item{ margin-top: 0;}
  .head .slogan { width: 160px; font-size: 12px; margin-left: 10px; padding-left: 10px;}
  .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;}



 

  .Home-banner{padding-top: 51px;}
  .swiper-banner .item{ height: 300px; background-size: cover;}
  .swiper-banner .item img{ width: 100%; height: 100%; object-fit: cover;}
  .Home-banner .item .text-item{ padding-top:7%;}
  .Home-banner .item .text-item h2{ font-size: 20px;}
  .Home-banner .item .text-item .div1{ font-size: 16px; display: none;}
  .Home-banner .item .text-item .dec{ width: 100%; margin-top: 8px; font-size: 14px; line-height: 20px;}
  .Home-banner .item .text-item .more{ margin-top: 20px;}
  .Home-banner .item .text-item .more{ width: 100px; height: 32px; line-height: 32px; font-size: 12px;}
  .Home-banner .banner-page{ bottom: 15px;}
  .Home-banner .banner-page .swiper-pagination-bullet{ width: 10px; height: 10px;}


  .breadcrumb{ padding-top: 15px; padding-bottom: 20px;}
  .section{ padding: 40px 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;}

  .section_about{ padding: 20px 0;}
  .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;}

  .section_about .about_right_text{ padding: 0;}
  .section_about .about_right_text .us-advantage{ margin-top: 20px; padding-left: 30px;}
  .section_about .about_right_text .us-advantage dt{ margin-bottom: 14px;}
  .section_about .about_right_text .advantage1{ background-size: 20px; background-position-y: 2px;}
  .section_about .about_right_text .advantage2{ background-size: 20px; background-position-y: 2px;}

  .expert_list .item_img{ width: 100px; height: 100px;}
  .expert_list li{ width: 50%;}
  .expert_list .item_info .title{ font-size: 14px;}

  .section_services .item-holder{ width: 100%;}
  .section_services .service-inner .icon-box .iconfont{ font-size: 30px;}
  .section_services .service-inner{ height: auto; padding: 20px; margin-bottom: 20px; font-size: 14px;}
 
  .section-data-item{ height: 120px; background-size: cover;}
  .section-data-item .item{ margin-top: 30px;}
  .section-data-item .item .rolling-num span{ font-size: 40px;}
  .section-data-item .item .rolling-num i{ font-size: 20px; right: -5px;}
  .section-data-item .item .info{ font-size: 12px;}

  .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; height: auto; 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;}



  .post-loop-default .item-img{ width: 120px; margin-right: 10px;}
  .post-loop-default .item-title{ margin-bottom: 15px; font-size: 16px;}
  .post-loop .item{ width: 50%;}
  .post-loop .item .item-title{ padding: 8px; font-size: 12px;}
  .contact-area-info{ flex-wrap: wrap; flex-direction: column;} 
  .contact--thumbnail img{ width: 50%; height: auto!important; margin: 0 auto; display: block;}
  .area-left{ width: 100%;}
  .area-right{ width: 100%; margin-top: 20px;}
  #scrollUp{ bottom: 36px; right: 12px;}
  .breadcrumb a{ font-size: 14px;}
  .flex-cy .nav-menu .menu-item a{ padding-top: 10px; padding-bottom: 10px;}

  .Home-banner .swiper-button-prev{ width: 26px; height: 26px; background-size: 8px;}
  .Home-banner .swiper-button-next{ width: 26px; height: 26px; background-size: 8px;}

  .head .logo img{ height: 42px;}
  .section_case .Home-case-father .item .dec{ font-size: 13px;}
  .section_honor .Index_honor span{ display: inline-block; font-size: 18px; }

  .en .Home-banner .item .text-item{ padding-top: 12%;}
  .en .section_services .service-inner{ height: auto;}
  .en .Home-banner .item .text-item h2{ font-size: 20px;}
  .en .Home-banner .item .text-item .div1{ font-size: 18px;}
  .en .Home-banner .item .text-item .dec{ margin-top: 5px; line-height: 18px;}
}