

header .content {
  max-width: 1400px;
  }
 @media screen and (min-width: 786px) and (max-width: 1440px){
 header .content {
  padding: 0px 1.2rem;
  max-width: 1220px;
  }
  header .header .left .logo img{
    width: 150px;
  }
  header .header .right nav div > ul > li > a{
    font-size: 14px;
  }
}
 @media screen and (min-width: 786px) and (max-width: 1220px){
 header .content {
  max-width: 1000px;
  }}
 @media screen and (min-width: 786px) and (max-width: 1000px){
 header .content {
  max-width: 786px;
  }}

@media screen and (min-width: 786px) and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
  .swiper_content {
    padding: 10px 1.2rem;
  }
  .home_say .home_say_swiper_box .home_say_swiper {
    max-width: 442px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1200px) {
  .content {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  header.sticky .header nav div > ul {
    gap: 2rem;
  }
  header .header nav div > ul {
    gap: 3rem;
  }
}
@media screen and (min-width: 786px) and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  header.sticky .header .content > .flex {
    flex-wrap: nowrap;
  }
  header.sticky .header .left .logo img {
    width: 120px;
  }
  header.sticky .header .btns {
    gap: 0.5rem;
  }
  header.sticky .header nav div > ul {
    gap: 1.6rem;
  }
  header.sticky .header nav div > ul > li > a {
    font-size: 14px;
  }
  header .header .social {
    display: none;
  }
  .home_banner .home_banner_swiper .swiper-slide {
    padding: 100px 0;
  }
  .home_banner .home_banner_swiper .swiper-slide .head {
    padding-bottom: 0;
  }
  .home_banner .home_banner_swiper .swiper-pagination {
    bottom: 2rem;
  }
  .home_banner .intro li {
    gap: 0.5rem;
  }
  .home_product .home_product_swiper .info {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  .home_about .head ul li {
    gap: 0.5rem;
  }
  .home_say .home_say_swiper_box .swiper-slide {
    padding: 50px 2rem 2rem;
  }
  .home_blog .head ul {
    gap: 1rem;
  }
  .home_blog .home_blog_swiper .swiper-slide .info {
    padding: 20px 1.2rem 1.2rem;
  }
}
