 
@media  (max-width:1530px){
  .section{ padding: 80px 0 ;}
  .section_about{ padding-bottom: 10px;}
  .head .nav li{ margin: 0 20px;} 
  .auto-container{ width: 94%;} 
  .services-section .services_imgList .more_s_box{ padding: 20px; padding-top: 40px;}
  .footer dl{ padding-left: 15%;}
  .footer .f-contact-us{ width: 45%;}
  .footer .f_contact_link{ width: 55%;}
  .footer .f-contact-us .link{ padding-left: 30px;}
  .head .tel{ margin-left: 20px;}
  .friendlink a{ margin-left: 3%;}
  .friendlink .friendlink_head{ margin-right: 0;}
  .leo-country li .item{ width: 140px; height: 90px;}
}
@media  (max-width:1440px){
    .Home-banner .item p{font-size: 56px}
}
@media  (max-width:1280px){
    .Home-banner .item p{font-size: 48px}
}
@media  (max-width:1240px){
  .head .logo img{ height: 60px;}
  .head .lan .curLan{ padding-left: 10px; padding-right: 25px; background-position: center right 10px;}
  .head .nav li{ margin: 0 15px;}
  .head .nav li .a{ font-size: 16px;}
 
  .Home-banner .swiper-slide{ height: 550px;}
  .Home-banner .item h3{ font-size: 80px;}
  .Home-banner .item p{ font-size: 46px;}
  .Home-banner .item .slogn{ font-size: 30px  ;}
  .sec-title h2{ font-size: 30px;}
  #content_block_1 .content-box .bold-text p{ font-size: 16px;}
  .about-data .data-num h3{ font-size: 72px;}
  #content_block_1{ padding-right: 80px;}
  .services-section .services_imgList li:nth-child(1) .pic{ height: 320px;}
  .services-section .services_imgList li:nth-child(2) .pic{ height: 320px;}
  .services-section .services_imgList li .pic{ height: 300px;}
  .services-section .services_imgList .more_s_box_left{ margin-bottom: 10px;}
  .services-section .services_imgList .more_s_box_right{ width: 100%; margin: 0;}
  .services-section .services_imgList .more_s_box_left .line{ margin-top: 15px;}
  .services-section .services_imgList li .bg p{ font-size: 14px; line-height: 24px;}
  .services-section .services_imgList .more_s_box{ height: 300px;}
  .services-section .services_imgList .more_s_box_right{   font-size: 14px; line-height: 24px;}
  .case-section .three_item_wrapper .item_box .inner_text h4{ font-size: 18px;}
  .case-section .three_item_wrapper .item_box .img_box .bg .ico{ width: 80px;}
  .news-section .item .time span{ font-size: 30px;}
  .news-section .item{ padding: 30px 12px;}
  .news-section .item .content{ margin-left: 88px;}
  .news-section .item .content h3{ font-size: 20px; margin-bottom: 10px;}
  .news-section .item .content p{ font-size: 15px; line-height: 24px; height: 44px;}

  .content-column{ width: 100%;}
  .about-data .image-column .image-box{ width: 65%;}

  .friendlink a{ margin-left: 30px;}
  .footer dl dd{ font-size: 14px;}
  .footer dl dt{ font-size: 18px; margin-bottom: 24px;}
  .footer .f-contact-us .qrcode p{ font-size: 16px;}
  .footer .footer_content{     padding-top: 60px;
    padding-bottom: 60px;}
    .footerbar{ font-size: 15px;}
    .head .nav li{ margin: 0 15px;}

 
}
@media(max-width:1180px) {
  .about-data .image-column .image-box{width: 75%;}
}
@media(max-width:1100px) {
  .footer .f-contact-us{ width: 50%;}
  .footer .f_contact_link{ width: 50%;}
  .footer dl{ padding-left: 11%;}
  .services-section .services_imgList li .bg{ padding: 0 20px;}
}
 
 
@media(max-width:1080px) {
  .head .slogan { display: block;}
  .head .navBar{ display: none;}
  .navbtn{ margin-top: 24px; margin-left: 20px;}
  .head .tel{ margin-right: 50px; line-height: 50px;}
  .head .lan .curLan{ line-height: 50px;}
  .head .logo img{ height: 50px;}
  .main{ padding-top: 50px;}
 
}



@media(max-width:1080px) {
 .navbtn {
    width   : 30px;
    height  : 30px; 
    float   : right;
    position: relative;
    display : block; 
    z-index: 20;
  }

 .navbtn i {
    height    : 2px;
    background: #333;
    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:1080px) { 
  .site-head .site-top{ display: none;} 
  .head .slogan { display: none;}
  .mobile-navbtn{ display: block;}
  .headbg{ top: 0; background-color: #fff;}
  .head .logo{ line-height: 45px; }
  .head .logo .empty_logo{ display: none;}  
  .navbtn{ position: absolute; right: 0; z-index: 10; margin-top: 8px;}
  .head{ height: 50px; }
  .head .lan .select_language{ width: 100%; left: 0; padding-left: 15px;} 
  .head .lan .select_language a{ padding: 5px 6px;}

  .head .navBar{   position: fixed; top: 50px; left: 0%;
     width: 100%; padding: 0 5%; background-color: #fff;     overflow-y: scroll;
     max-height: 100%;     transition: none;}


  .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;}

  .more_about_btn{ width: 140px; height: 40px; line-height: 40px; margin-top: 40px; font-size: 14px; }

 
 
  .section{ padding: 40px 0;}
 
  .footer{ border-top-right-radius:0}
  .footer .f_msg{ width: 98%; margin: 0;}
  .footer .contact-form .ttrc .inpItem:nth-child(1){ padding-right: 15px; margin-bottom: 8px;}
  .footer .contact-form .ttrc .inpItem:nth-child(2){ padding-left: 15px;}
  .footer .contact-form textarea{ height: 100%;}
  .footer .contactUs_box{ width: 100%; padding-left: 0;}
  

  .section_why .choose_list{ width: 100%; margin-top: 0;}  
 
  .footer .footer_content{ padding-top: 40px; padding-bottom: 40px;}
  .friendlink a{ font-size: 14px;}
  .footer .f_contact_us .f_Email .text .yx{ font-size: 18px;}
  .footer .f_contact_us .f_Email .ico img{ width: 40px;}

  .footerbar{ height: auto; line-height: 20px; font-size: 13px; padding: 14px 0;}
  .footer .f-contact-us .qrcode img{ width: 120px;}
  .footer .f-contact-us{ width: 50%;}
  .luyin_list .item .ico img{ transform: scale(0.8);}
  .Home-banner .item p{font-size: 42px;}
}
 
@media(max-width:991px){
  .footer .f-contact-us{ width: 100%;}
  .about-data .image-column{ display: none;}
  .Home-banner .item p{ font-size: 30px;}
  .Home-banner .item .slogn {
    font-size: 16px;
}
}
@media(max-width:768px){
  .head .tel{ display: none;}
  .Home-banner .item h3{ font-size: 30px;}
  .head .lan{ margin-right: 40px;}
  .Home-banner .item p{ font-size: 20px;}
  .Home-banner .item .slogn{  font-size: 14px; letter-spacing: 2px;}
  .Home-banner .item .en{ display: none;}
  .Home-banner .item p{ margin-bottom: 10px;}
  .Home-banner .swiper-slide{ height: 250px;}
  .about-section{ padding-top: 60px;}
  #content_block_1{ padding-right: 0;}
  .sec-title{ margin-bottom: 15px;}
  .sec-title h2{ font-size: 20px;}
  #content_block_1 .content-box .bold-text p{ font-size: 14px; line-height: 24px;}
  .btn-box{ width: 120px; height: 36px; line-height: 36px; font-size: 14px;}
  .about-data .image-column{ position: relative; width: 100%; display: none;}
  .about-data .image-column .image-box{ width: 100%; }
  .about-data .data-num h3{ font-size: 40px;}
  .about-data .data-num i{ font-size: 12px;}
  .about-data .inner-box{ padding: 20px 0;}
  .about-data .data-num li{ padding: 10px 0;}
  #content_block_1 .content-box .bold-text{ margin-bottom: 30px;}
  .services-section .services_imgList li{ padding: 0 6px; margin-top: 12px;}
  .services-section .services_imgList li:nth-child(1){ width: 100%;}
  .services-section .services_imgList li:nth-child(1) .pic{ height: 190px;}
  .services-section .services_imgList li:nth-child(2){ width: 50%;}
  .services-section .services_imgList li{ width: 50%;} 
  .services-section .services_imgList li:nth-child(2) .pic{ height: 190px;}
  .services-section .services_imgList li .pic{ height: 190px;}
  .services-section .services_imgList .more_s_box{ height: 190px;}
  .services-section .services_imgList .more_s_box_right{ display: none;}
  .services-section .services_imgList .more_s_box_left p{ font-size: 20px;}
  .services-section .services_imgList .more_s_box_left .en{ font-size: 16px;}
  .services-section .services_imgList .more_s_box_left .line{ height: 2px;}
  .services-section .services_imgList li .pic .services-title{ line-height: 38px;font-size: 14px;}
  .services-section .services_imgList li .bg .info h3{ display: none;}
  .small-btn{ width: 90px; height: 30px; line-height: 30px; font-size: 12px;}
  .services-section .services_imgList li .bg p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;}

    .serve-section{ padding-top:80px; padding-bottom: 40px;  background-size: cover; background-color: #c30d23;}
    .serve-section .swiper-partner .box{ width: 50%; padding: 5px;}
    .case-section .three_item_wrapper .item_box .inner_text{ padding-bottom: 12px;}
    .case-section .three_item_wrapper .item_box .inner_text h4{ margin-top: 12px; background-size: 34px; font-size: 16px;}
    .news-section .sec-title .more_news{ position: relative; font-size: 12px; right: auto; float: right;}
    .news-section .col-md-6{padding:0;}
    .news-section .item .time span{ font-size: 24px;}
    .news-section .item .time{ font-size: 16px;}
    .news-section .item{ padding-top: 18px; padding-bottom: 18px; margin-bottom: 10px;}
    .news-section .item .content h3{ font-size: 17px;}
    .news-section .item .content p{ font-size: 13px; line-height: 20px;}


    .page-content{ padding-top: 40px;}
    .page_title{ font-size: 20px; margin-bottom: 25px;}
    .page_title::after{ width: 80%;}
    .page_title::before{ width: 30px; height: 3px;}
   
    .about_dec{ font-size: 13px; line-height: 24px;}

    .us-data{ height: 250px;}
    .us-data .us-data-num{ padding-top: 50px;}
    .us-data .us-data-num li{ width: 50%; margin-bottom: 20px;}
    .us-data .us-data-num li h3{ font-size: 40px;} 
    .us-data .us-data-num li p{ font-size: 16px;}
    .us-data .us-data-num li i{ font-size: 18px;}
    
    .leo-country li { width: 33.33%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px;}
    .leo-country li a{ padding: 0 4px; box-sizing: border-box;}
    .leo-country li .item{ width: 100%; height: auto;}
    .leo-country li .country{ font-size: 12px; margin-top: 7px;}
    .leo-country li .more{ line-height: 65px; font-size: 12px;}

    .luyin_list{ margin-bottom: 30px;}
    .luyin_list> div{ padding: 0 6px;}
    .luyin_list .item .ico{ margin-bottom: 20px;}
    .luyin_list .item .ico img{ width: 40px;} 
    .luyin_list .item .t{ font-size: 18px;}
    .luyin_list .item p{ font-size: 12px; line-height: 22px; height: 66px;}
    .luyin_list .item{ padding:15px 10px; margin-bottom: 20px;}
    .luyin_list .item .more{ width: 100px; height: 32px; line-height: 32px; font-size: 13px;}


    .data-table caption{ height: 32px; line-height: 32px; font-size: 16px;}
    .data-table td{ font-size: 12px;}
    .data-table td img{  transform: scale(0.5);}
    .data-table th{ font-size: 14px; white-space: nowrap;}


    .common__list_page{ font-size: 14px;}
    .common__list_page a{ width: 24px; height: 24px; line-height: 24px;}
    .common__list_page .w{ width: 46px; font-size: 12px;}
    .common__list_page .confim_btn{ width: 46px; height: 26px;  font-size: 14px;}


    .article-newsMain{ width: 100%;}
    .hentry{ padding: 20px 12px;}
    .sidebar{ width: 100%;}
    .entry .entry-content > div{ font-size: 14px; line-height: 1.5;}
    .entry .entry-title{ font-size: 20px;}
    .entry .entry-head{ margin-bottom: 10px;}
    .entry .entry-info span{ font-size: 12px;}
    .entry .entry-content{ font-size:   13px;}
	.entry .entry-content img{width:100%;height:auto;}
    .leo-nav-head{ line-height: 46px; font-size: 18px;}
    .nav_off{ margin-top: 8px; margin-right: 16px;}
    .leo-nav a{ line-height: 46px; font-size: 16px;}
    .leo-nav a img{ width: 10px;}
    .nav-item ul span{ font-size: 14px;}
    .nav-more{ margin-top: 14px; background-size: 14px;}
    .more-nav-links-box{ display: none;}

    .breadcrumb-box{ line-height: normal; padding: 10px 0;}
    .breadcrumb-box .nav_breadcrumb a{ font-size: 14px;}
    .breadcrumb-box .leo-breadcrumb a{ font-size: 14px;}
    .breadcrumb-box .nav_breadcrumb{ float: none!important; margin-bottom: 5px; }
    .breadcrumb-box .breadcrumb-item{ float: none!important; font-size: 14px;}
    .breadcrumb-box .breadcrumb-item img{ width: 12px; margin-bottom: 2px;}


    .friendlink .links_groups{ width: 100%;}
    .friendlink a{ margin-left: 4px; font-size: 12px;}
    .friendlink .friendlink_head{ width: 60px; margin-bottom: 4px;}
    .friendlink .friendlink_head img{ width: 100%;}
    .footer .footer_content{ padding-bottom: 30px;}
    .footer .f-contact-us{ width: 100%;}
    .footer .f_contact_link{ width: 100%;}
    .footer .f-contact-us .link{ width: 100%; padding-left: 0;}
    .footer .f-contact-us .qrcode{ text-align: center; display: block; float: none; margin-bottom: 10px;}
    .footer .f-contact-us .qrcode img{ width: 108px;}
    .footer .f-contact-us .qrcode p{ font-size: 14px; margin-top: 8px;}
    .footer dl dt{ margin-bottom: 12px; margin-bottom: 5px; font-size: 16px;}
    .footer .f-contact-us .link dd{ margin-bottom: 0;}
    .footer dl dd{ font-size: 12px;} 
    .footerbar{ font-size: 12px;}
    .footerbar a{ display: block;}
    .footerbar .copyright{ text-align: center;}
	.case-section .three_item_wrapper .item_box{width: 46.5%;}
	.three_item_wrapper .item_box:nth-child(3){margin-right: 3.5%;}
	.three_item_wrapper .item_box:nth-child(2),.three_item_wrapper .item_box:nth-child(4),.three_item_wrapper .item_box:nth-child(6){margin-right: 0;}
}
@media(max-width:640px){
    .case-section .three_item_wrapper .item_box{width: 100%;}
	.three_item_wrapper .item_box{margin-right:0!important;}
	.Home-banner .item h3.h4{font-size: 22px;}
}
@media(max-width:640px){
    .Home-banner .item h3.h4{font-size: 18px;}
    .Home-banner .item p{font-size: 16px;}
}