.home_products {
  padding: 12rem 0 7.7rem;
}
.home_products .swiper_box {
  width: calc(100% - 4rem);
  max-width: 186rem;
  margin: 0 auto;
}
.home_products .home_products_swiper {
  overflow: hidden;
  margin-top: 5.2rem;
}
.home_products .item {
  display: block;
  height: 100%;
}
.home_products .item:hover img {
  transform: scale(1.03);
}
.home_products .item .img {
  padding-bottom: 129.41176471%;
}
.home_products .item .info {
  margin-top: 2rem;
}
.home_products .item .info .cat {
  color: #9a9a95;
}
.home_products .item .info .title {
  font-size: 2.383rem;
  font-weight: 600;
  margin-top: 0.9rem;
}
.home_designers {
  padding: 17.6rem 0 8.9rem;
}
.home_designers .tcon {
  padding-bottom: 0.8rem;
}
.home_designers .home_designers_swiper {
  overflow: hidden;
  margin-top: 3.6rem;
}
.home_designers .home_designers_swiper .active .item .image .bg {
  opacity: 1;
}
.home_designers .home_designers_swiper .active .item .info .title {
  color: var(--primary);
}
.home_designers .item {
  display: block;
  height: 100%;
}
.home_designers .item .image {
  position: relative;
  background-image: linear-gradient(to bottom, #e9e9e9, #eeeeee 18%);
  overflow: hidden;
}
.home_designers .item .image:hover img {
  transform: scale(1.03);
}
.home_designers .item .image .img {
  padding-bottom: 117.92717087%;
}
.home_designers .item .image .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  opacity: 0;
}
.home_designers .item .info {
  margin-top: 2.6rem;
}
.home_designers .item .info .title {
  font-size: 2.6rem;
  font-weight: 600;
  color: #171717;
  transition: all 0.3s;
}
.home_designers .item .info .metas {
  font-size: 1.8rem;
  color: #4f4f4f;
  margin-top: 1rem;
}
.home_designers .swiper_control {
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .home_products {
    padding: 50px 0;
    overflow: hidden;
  }
  .home_products .home_products_swiper {
    overflow: unset;
    margin-top: 30px;
  }
  .home_products .item .info {
    margin-top: 16px;
  }
  .home_products .item .info .title {
    font-size: 18px;
    margin-top: 5px;
  }
  .home_designers {
    padding: 50px 0;
    overflow: hidden;
  }
  .home_designers .home_designers_swiper {
    margin-top: 30px;
    overflow: unset;
  }
  .home_designers .item .info {
    margin-top: 16px;
  }
  .home_designers .item .info .title {
    font-size: 18px;
  }
  .home_designers .item .info .metas {
    font-size: 14px;
    margin-top: 5px;
  }
  .home_designers .swiper_control {
    margin-top: 30px;
  }
}