@media screen and (min-width: 786px) and (max-width: 1700px) {
  .product_silder {
      position: absolute;
      bottom: 12rem;
      z-index: 99;
      right: 1rem;
      top: unset;
      transition: all .3s;
  }
  .product_silder ul li{
    width: 65px;
    height: 65px;
    border-radius: 5px;
  }
  .product_silder ul li::after{
    border-radius: 5px;
  }
  .product_silder ul li img{
    display: none;
  }
  .product_preview .right:hover .product_silder{
    bottom: 6rem!important;
  }
}
@media screen and (min-width: 786px) and (max-width: 1640px) {
  .content_big {
    max-width: 1440px;
    padding: 0 1.2rem;
  }
  .about_intro::after {
    width: calc(100% - 1.2rem);
  }
  .blog_latest .swiper_box .swiper_btns {
    width: 98%;
  }
  .post_main .main_img {
    height: auto;
  }
  .post_main .main_img .pic {
    position: static;
    height: auto;
    border-radius: 1rem;
  }
  .post_main .main_img .pic img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 786px) and (max-width: 1440px) {
  .content {
    padding: 0 1.2rem;
  }
  .swiper_content {
    padding: 10px 1.2rem;
  }
  .content_big {
    max-width: 1220px;
  }
  .button,
  .button_r,
  .button_more {
    zoom: 0.9;
  }
  header .header_main nav div > ul,
  header .header_main .right {
    gap: 2rem;
  }
  header .header_top {
    width: calc(100% - 80px);
  }
  header .header_main ,
  header .header_products .con
  {
    width: calc(100% - 40px);
  }
  header .header_products .con
{
  padding: 45px 20px;

}
  header .header_top ul {
    gap: 2rem;
  }
  .category_main .right .main ul {
    gap: 2rem 1rem;
  }
  header .header_products .con ul li a{
    font-size: 17px;
  }
  header .header_products .con .left > strong, header .header_products .con .right > strong{
    font-size: 22px;
  }

  
 
}
@media screen and (min-width: 786px) and (max-width: 1220px) {
  .content,
  .content_big {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  .button,
  .button_r,
  .button_more {
    zoom: 0.85;
  }
  .swiper_btns.full div {
    width: 3.5rem;
    height: 3.5rem;
  }
  header .header_main .right .button_r {
    display: none;
  }
  header .header_main .left,
  header .header_main .right {
    flex: unset;
  }
  header .header_products .con ul li{
    width: 100%;
  }
  header .header_products .con .left{
    margin-right: 2rem;
  }
  .about_culture .left li {
    margin-bottom: 2rem;
    gap: 1.2rem;
  }
  .category_main .right .main ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .home_nums ul li span {
    font-size: 2rem;
  }
  .product_preview .like {
    max-width: 100%;
  }
  .product_attr ul li {
    gap: 1rem;
  }
  .product_attr ul li i {
    width: 2.5rem;
    height: 2.5rem;
  }
  .video_pop .pop_content iframe{
    min-width: 800px;
    min-height: 400px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1000px) {
  .content,
  .content_big {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  .button,
  .button_r,
  .button_more {
    zoom: 0.8;
  }
  .swiper_btns.full div {
    width: 3rem;
    height: 3rem;
  }
  header .header_main .left .logo img {
    height: 40px;
  }
  header .header_main nav div > ul {
    gap: 1.2rem;
  }
  .about_banner .link a {
    min-width: 100%;
    border-radius: 0;
  }
  .about_culture .left li i {
    width: 3rem;
    height: 3rem;
  }
  .blog_main .main ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .home_fabric .main {
    grid-template-columns: repeat(2, 1fr);
  }
  .product_attr ul {
    grid-template-columns: repeat(3, 1fr);
  }


}