@media  (max-width:1660px){ 
  .Home-advantage .advantage-wp .leo_panel .ys_item .text{ left: 60px;}
  .case_wrapper .case_item:nth-child(2) .info{ width: 85%; margin-left: 15%;}
}
@media  (max-width:1460px){
  .auto-container{ width: 94%;}  
  .head .slogan{ font-size: 22px;}  
  .home-service-list li img{max-width:75%;}
  
  .Home-procedure .procedure_list dd{ width: 200px; height: 190px; background-size: 100%!important;}
  .Home-procedure .procedure_list dd .info p{  -webkit-line-clamp: 2;}
  .Home-procedure .procedure_list dd .info .ico img{ transform: scale(.9);}

  .case_wrapper .case_item .info h4 a{ font-size: 28px;}
  .case_wrapper .case_item .info ul{ margin-top: 30px;}
  .case_wrapper .case_item .info ul li{ margin-bottom: 8px;}
  .case_wrapper .case_item:nth-child(2) .info{ width: 85%; margin-left: 10%;}
  .case_wrapper .case_item .info{ width: 85%;}
  
}
 
@media  (max-width:1390px){
  .footer dl:nth-child(1){
    display: none;
  }
}
@media  (max-width:1330px){
  .head .nav li{ margin: 0 10px;}
  .head .nav li .a{ padding-left: 8px; padding-right: 8px; font-size: 19px;}
  .head .slogan{ font-size: 20px;}  

  .home_title .t{ font-size: 40px;}  

  .home-service-list{ margin-top: 90px;}

  .Home-center-banner .item .rolling-num span{ font-size: 50px;}
  .Home-center-banner .item .info{ font-size: 14px;}
  .Home-center-banner .item .rolling-num i{ font-size: 50px;}

  .Home-advantage .advantage-wp .leo_panel .ys_item .text{ left: 40px;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text .ico{ margin-bottom: 15px;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text .ico img{ transform: scale(0.8);}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text h4{ font-size: 26px;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text p{ font-size: 14px;}

  .news_body .news_item li .info{ padding: 20px;}
  .news_body .news_item li .info .t{ font-size: 22px;}

  .case_wrapper .case_item .info{ width: 90%;}
  .case_wrapper .case_item:nth-child(2) .info{ width: 100%; left: 8%;}

}
 
@media  (max-width:1270px){ 
  .home-service-list{ margin-top: 60px;}
  .home-service-list li img{ max-width: 154px;}
  .Home-procedure{ height: auto; padding-bottom: 10px;}
  .Home-procedure .process_wrapper{ margin-top: 48px;}
  
  .Home-procedure .procedure_list dd{ width: 182px; height: 178px;}
  .Home-procedure .procedure_list dd .info .t{ margin: 5px 0;}
  .Home-procedure .procedure_list dd .info .ico img{ transform: scale(0.8);}

  .Home-about .about_c .more_about{ margin-top: 40px; margin-bottom: 40px;}
  .Home-about .tell .hotline{ margin-right: 20px;}
  .Home-about .tell .phone-num{ font-size: 34px;}
  .news_body .news_item li{ padding: 0 10px;}
  .Home-news{ padding-bottom: 80px;}

  .case_wrapper .case_item .info h4 a{ font-size: 24px;}
  .case_wrapper .case_item:nth-child(1) .info{ padding-left: 30px;}
  .case_wrapper .case_item:nth-child(2) .info{ padding-right: 80px;}

  .Home-procedure .procedure_list dd:nth-child(5) .info{ margin-left: 23%;}
 
}

@media  (max-width:1200px){ 
  .head .nav li .a{ font-size: 18px;}
  .head .slogan{ display: none;}   

  .news_body .news_item li .info .t{ font-size: 20px;}
  .news_body .news_item li .info p{ margin-top: 8px; font-size: 13px;}

  .Home-procedure .procedure_list dd{ width: 190px;}
  .Home-procedure .procedure_list dd:nth-child(5) .info{ margin-left: 23%;}
}
 
@media(max-width:1080px) {
  .read_more_btn{ width: 100px; line-height: 30px; font-size: 15px;}
  .head .slogan { display: block;}
  .head .navBar{ display: none;}
  .navbtn{ margin-top: 34px; margin-left: 20px;}  
  .head .logo .logoImg{ height: 60px;}

  .home_title .t{ font-size: 38px;}
  .Home-banner .banner-next, .Home-banner .banner-prev{ width: 30px; height: 54px;}

  .Home-advantage .advantage-wp .leo_panel .ys_item .text{ left: 20px;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text h4{ font-size: 20px;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text p{ font-size: 12px;}

  .Home-procedure{ height: auto;}

  .footer .contact-form-box{ width: 520px;}
  .footer dl:nth-child(2){
    display: none;
  }
}



@media(max-width:1080px) {
 .navbtn {
    width   : 30px;
    height  : 30px; 
    float   : right;
    position: relative;
    display : block; 
    z-index: 20;
  }

 .navbtn i {
    height    : 2px;
    background: #272636;
    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) {
  .footer .contact-form-box .contact-form .form-group > div:nth-child(1){ padding-right: 15px;}
  .footer .contact-form-box .contact-form .form-group > div:nth-child(2){ padding-left: 15px;}
  .footer .contact-form-box{ margin: 0 auto; float: none;}
 }
@media(max-width:768px) { 
    .top_search{display:none;}
  .head .slogan{ margin-top: 14px; font-size: 15px;}
  .head .logo .logoImg{    left: auto;
    display: block;
    max-width: 100%;
    height: 40px;}
  .head .slogan{ line-height: 20px;}
  .head .top_search{ line-height: 64px;}
  .navbtn{ margin-top: 14px; } 

  .section{ padding: 30px 0;}
 
  .Home-banner .banner-page{ bottom: 10px;}
  .Home-banner .banner-page .swiper-pagination-bullet{ width: 14px; height: 4px; margin: 0 4px;}
  .Home-banner .banner-page .swiper-pagination-bullet-active{ width: 20px;}
  
  .home-service-list{ margin-top: 40px;}
  .home-service-list li{ width: 33.333%;}
  .home-service-list li img{ width: 80px;}
  .home-service-list li p{ margin-top: 10px; margin-bottom: 10px; font-size: 14px;}

  .Home-advantage{ padding-bottom: 0;}
  .Home-advantage .advantage-wp{ margin-top: 30px;}
  .Home-advantage .advantage-wp .leo_panel{ width: 100%; float: none;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text{ left: 12px; bottom: 12px;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text p{ width: 100%;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text .ico{ margin-bottom: 4px;}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text .ico img{ transform: scale(0.7);}
  .Home-advantage .advantage-wp .leo_panel .ys_item .text h4{ font-size: 16px;}

  .Home-about .Home-about-container{ margin-top: 20px;}
  .Home-about .about_c .dec{ height: 150px; font-size: 12px; line-height: 20px;}
  .Home-about .about_c .more_about{ margin-top: 20px; margin-bottom: 20px; width: 120px; height: 32px; line-height: 32px; font-size: 13px;     border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;}
  .Home-about .tell img{ width: 35px; margin-right: 4px;}
  .Home-about .tell .hotline{ margin-right: 12px; font-size: 12px;} 
  .Home-about .tell .hotline b{ font-size: 18px;}
  .Home-about .tell .phone-num{ font-size: 24px;}
  .Home-about .Home-about-container{ display: block;}
  .Home-about .Home-about-container .video_l, .Home-about .Home-about-container .info_r{ display: block; width: 100%; box-sizing: border-box; padding-right: 0;}
  .Home-about .Home-about-container .video_l{ margin-top: 20px;}

  .Home-route{ padding-bottom: 40%;}

  .Home-procedure{ height: auto;}
  .Home-procedure .process_wrapper{ margin-top: 10px;}
  .Home-procedure .procedure_list dd{ width: 162px; height: 145px; margin: 0 0px;}
  .Home-procedure .procedure_list dd .info{ height: 100px; margin-top: 18px;}
  .Home-procedure .procedure_list dd .info .t{  font-size: 12px; margin: 0;}
  .Home-procedure .procedure_list dd .info p{   font-size: 12px; transform: scale(0.9);}
  .Home-procedure .procedure_list dd .info .ico img{ transform: scale(0.7);}


  .case_wrapper{ margin-top: 24px;}
  .case_wrapper .case_item{ display: flex; 	-webkit-flex-direction:column;
    flex-direction:column; -webkit-flex-wrap:wrap;
    flex-wrap:wrap;} 
    .case_wrapper .case_item:nth-child(2) .leo_panel:nth-child(1){ order: 2;}
  .case_wrapper .case_item .leo_panel{ display: block; width: 100%;}
  .case_wrapper .case_item .info{ padding-left: 14px; padding-right: 14px; width: 100%;  margin-top: 10px;}
  .case_wrapper .case_item:nth-child(1) .info{ padding-left: 14px;}
  .case_wrapper .case_item:nth-child(2) .info{ position: relative; padding-right: 0; left: 0; transform: translateY(0%); margin-left: 0;}
  .case_wrapper .case_item .info h4 a{ font-size: 18px;}
  .case_wrapper .case_item .info ul{ margin-top: 15px;}


  .news_body .news_item{ margin-top: 24px;}
  .news_body .news_item ul{ margin: 0;}
  .news_body .news_item li{ width: 100%; padding: 0;}
  .news_body .news_item li .info{ height: auto; padding: 14px; padding-bottom: 20px;}
  .news_body .news_item li .info .t{ font-size: 16px;}
  .news_body .news_item li .info p{ margin-top: 0; font-size: 12px;}

  .Home-partners .swiper-partner{ margin-top: 20px;}

  .footer .footer_content{ padding-top: 30px; padding-bottom: 30px;}
  .footer .contact-form-box .contact-form input{ height: 34px;}
  .footer .contact-form-box .contact-form .form-group > div{ margin-bottom: 10px;}
  .footer .contact-form-box .contact-form .form-group > div:nth-child(1){ padding-right: 15px;}
  .footer .contact-form-box .contact-form .form-group > div:nth-child(2){ padding-left: 15px;}
  .footer .contact-form-box{ width: 98%; margin: 0 auto; float: none;}
  .footer .contact-form-box .submit-btn{ width: 120px; height: 32px; line-height: 32px;     border-top-right-radius: 12px;border-bottom-left-radius: 12px;}
  .footer .contact-form-box .reset-btn{ width: 120px; height: 32px; line-height: 32px;  border-top-right-radius: 12px;border-bottom-left-radius: 12px;}

  .footerbar{ height: auto; line-height: 20px; padding: 12px 0;}
 
}

@media(max-width:640px) {
  .leo-6{ width: 100%; float: none;}
  .site-head .site-top{ display: none;}
  .site-nav{   position: fixed; top: 0; z-index: 90;}
  .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 .logoImg{ position: relative; left: auto; display: block; max-width: 100%; height: 40px;}
  .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: fixed; top: 50px; left: 0%;    overflow-y: scroll; max-height: 100%;
     width: 100%; padding: 0 5%; box-sizing: border-box; background-color: #fff; transition: none;}
 
  .head .nav li:hover .stair > a{ background-color: transparent; color: #333;}
  
  .Home-banner .banner-next, .Home-banner .banner-prev{
    width: 24px; height: 40px;   
  }
  .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;}

  
  .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;}

  /* .Home-banner{margin-top: 50px;} */
  .swiper-banner .item{ height: 230px;}
  .swiper-banner .item img{ width: 100%; height: 100%; object-fit: cover;}  


  .read_more_btn{ width: 120px; line-height: 30px; font-size: 14px;}
  .read_more_btn img{ margin-left: 5px;} 
  .home_title .t{ font-size: 22px; margin-bottom: 0px;}
  .home_title .t img{ width: 60px; display: none;}
  .home_title .t .text{ padding: 0 10px;}
  .home_title .sub_t{ font-size: 12px;} 
 
 


  .section_video{ padding-bottom: 0;}
  .home_video_wrapper .leo-6{ width: 100%;}
  .home_video_wrapper .leo_video_box .video_cover{ width: 100%;}
  .home_video_wrapper .video_right_text .home_title{ font-size: 20px }
  .home_video_wrapper .video_right_text .inner_text{ line-height: 24px; font-size: 13px;}
  .home_video_wrapper .video_right_text .more{ margin-top: 20px; width: 130px; height: 32px; line-height: 32px; font-size: 14px;}
  .home_video_wrapper .video_right_text{ margin-top: 10px;}
 
 
 
}
 
@media(max-width:320px) {
  .Home-procedure .procedure_list dd{ width: 148px;}
  .Home-procedure .procedure_list dd .info .t{ font-size: 12px;}
}