@media screen and (min-width: 786px) and (max-width: 1600px) {
  header .header_top {
    width: calc(100% - 4.8rem);
  }
  header .header_main {
    width: calc(100% - 2.4rem);
  }
  .post_main .main_img {
    height: auto;
  }
  .post_main .main_img .pic {
    height: auto;
    position: static;
  }
  .post_main .main_img .pic img {
    width: 100%!important;
    transform: unset;
    height: auto;
  }
}
@media screen and (min-width: 786px) and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem!important;
  }
  .swiper_content {
    padding: 10px 1.2rem!important;
  }
  header .header_main .right {
    gap: 1.2rem;
  }
  header .header_main .right nav div > ul {
    gap: 1.2rem;
  }
  header .header_main .right .button_r {
    zoom: 0.85;
  }
}
@media screen and (min-width: 786px) and (max-width: 1200px) {
  .content {
    max-width: 1000px!important;
  }
  .swiper_content {
    max-width: 1020px;
  }
  .head h1 {
    font-size: 3rem!important;
    line-height: 1.5!important;
  }
  .head h2 {
    font-size: 2.5rem!important;
    line-height: 1.5!important;
  }
  .button,
  .button_r,
  .burron_more {
    zoom: 0.92!important;
  }
  header .header_main .left .logo img {
    width: 60px;
  }
  header .header_main .left .logo p {
    font-size: 1rem;
  }
  header .header_main .right {
    gap: 1rem;
  }
  header .header_main .right nav div > ul {
    gap: 1rem;
  }
  header .header_main .right nav div > ul > li > a {
    font-size: 15px;
  }
  header .header_main .right .button_r {
    zoom: 0.75;
  }
  footer .footer_main .logo {
    flex-direction: column;
  }
  .home_service .home_service_swiper .swiper-slide {
    min-height: 30rem;
  }
  .home_service .home_service_swiper .swiper-slide .info h3 {
    line-height: 1.5;
    font-size: 26px;
  }
  .about_banner ul li {
    gap: 1rem;
  }
  .about_banner ul li div {
    zoom: 0.9;
  }
  .about_banner ul li p {
    font-size: 20px;
    line-height: 1.5;
  }
  .contact_main .left h1 {
    font-size: 3rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 786px) and (max-width: 1000px) {
  .content {
    max-width: 786px!important;
  }
  .swiper_content {
    max-width: 806px!important;
  }
  .head h1 {
    font-size: 2.6rem!important;
  }
  .head h2 {
    font-size: 2.2rem!important;
  }
  .button,
  .button_r,
  .button_more {
    zoom: 0.85!important;
  }
  header .header_main .left .logo {
    gap: 4px;
  }
  header .header_main .left .logo img {
    width: 52px;
  }
  header .header_main .left .logo p {
    font-size: 14px;
  } 
  footer .footer_main .logo {
    top: 0;
  }
  footer .footer_main .logo img {
    width: 4rem;
  }
  footer .footer_main .logo p {
    font-size: 1rem;
  }
  .about_banner ul li div {
    zoom: 0.8;
  }
  .about_banner ul li p {
    font-size: 1rem;
  }
  .blog_main .main ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact_main .left h1 {
    font-size: 2.6rem;
  }
}

@media screen and (min-width: 786px) and (max-width: 900px) {
  header .header_main .right .button_r{ 
    zoom: 0.55!important;
  }
}
@media screen and (min-width: 786px) and (max-width: 840px) {
  header .header_main .right .icon_search{
    display: none;
  }
}