@charset "UTF-8";



html,
body {
  background: var(--rs-color-white);
}

.rs-home {
  --vw: calc(100vw / var(--rs-page-width));
  min-width: 320px;
  overflow: hidden;
  color: var(--rs-color-black);
  font-family: var(--rs-font-cn);
}

.rs-home img {
  display: block;
  max-width: 100%;
}

.rs-main {
  display: flex;
  flex-direction: column;
}

.rs-banner {
  position: relative;
  height: min(52.395833vw, 25.15rem);
  min-height: 13rem;
  overflow: hidden;
  flex: 0 0 auto;
}

.rs-banner__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rs-banner__copy {
  position: absolute;
  top: 8.025rem;
  right: 5.175rem;
  color: var(--rs-color-white);
  text-align: left;
  white-space: nowrap;
}

.rs-banner__en,
.rs-section-title__en,
.rs-product-card__en,
.rs-runway__en {
  font-family: var(--rs-font-en);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.34;
}

.rs-banner__cn,
.rs-section-title__cn,
.rs-product-card__cn,
.rs-runway__cn {
  font-family: var(--rs-font-cn);
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1.16;
}

.rs-banner__cn {
  margin-top: 0.325rem;
  padding-left: 3.15rem;
}

.rs-queen {
  position: relative;


  background: var(--rs-color-white);
  padding: 6.275rem 0 5rem;

}

.rs-queen__arrow {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 2rem;

}

.rs-queen__arrow--left {
  width: 0.225rem;
  height: 0.425rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.rs-queen__arrow--right {
  width: 0.225rem;
  height: 0.425rem;
  margin-left: 1.4rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.rs-queen__arrow--left.swiper-button-disabled {
  opacity: 0.2 !important;
  cursor: default;
}

.rs-queen__arrow--right.swiper-button-disabled {
  opacity: 0.2 !important;
  cursor: default;
}

.rs-queen__title {
  position: relative;

  z-index: 2;
}

.rs-section-title__en {
  color: var(--rs-color-black);
  white-space: nowrap;
}

.rs-section-title__cn {
  margin-top: 0.125rem;
  color: var(--rs-color-black);
}

.rs-queen__swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.rs-queen__swiper .swiper-slide {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  opacity: 0 !important;
  padding-left: 2rem;
}

.rs-queen__swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}


.rs-section-title__desc {
  margin-top: 0.225rem;
  line-height: 1.16;
  letter-spacing: 0.1em;
  color: var(--rs-color-muted);
  white-space: nowrap;
}

.rs-queen__swiper .swiper-slide .rs-queen__title {
  opacity: 0;
  transform: translateY(-0.5rem);
  padding-top: 2.25rem;

}

.rs-queen__swiper .swiper-slide .rs-queen__img {
  opacity: 0;
  transform: translateY(-0.5rem);
  width: 70%;
  height: 10.5rem;
  overflow: hidden;
}
.rs-queen__swiper .swiper-slide .rs-queen__img  img{
  /* width: 100%; */
  max-width: 100%;
  max-height: 100%;
  /* object-fit: cover; */
}

.rs-queen__swiper .swiper-slide.swiper-slide-active .rs-queen__title {
  opacity: 1 !important;
  transform: translateY(0);
  transition: all 0.5s;
}

.rs-queen__swiper .swiper-slide.swiper-slide-active .rs-queen__img {
  opacity: 1 !important;
  transform: translateY(0);
  transition: all 0.5s;
  transition-delay: 0.2s;
}


.rs-queen__more {
  margin-top: 2.92rem;
  width: 2.375rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--rs-color-red);
  color: var(--rs-color-white);
  line-height: 1.14;
  letter-spacing: 0.1em;
}

.rs-products {
  width: calc(100% - 4rem);
  margin: 7.525rem 2rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

.rs-product-card {
  width: calc((100% - 4.25rem) / 6);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 0 1 auto;
}

.rs-product-card:nth-child(1),
.rs-product-card:nth-child(4) {
  margin-top: 12.775rem;
}

.rs-product-card:nth-child(2),
.rs-product-card:nth-child(3),
.rs-product-card:nth-child(6) {
  margin-top: 0;
}

.rs-product-card:nth-child(5) {
  margin-top: 13.55rem;
}

.rs-product-card__image {
  height: 7.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-product-card:nth-child(4) .rs-product-card__image,
.rs-product-card:nth-child(5) .rs-product-card__image,
.rs-product-card:nth-child(6) .rs-product-card__image {
  height: 6.75rem;
}

.rs-product-card__image img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
}

.rs-product-card__text {
  margin-top: 1.05rem;
}

.rs-product-card__en {
  color: var(--rs-color-black);
  white-space: nowrap;
}

.rs-product-card__cn {
  margin-top: 0.15rem;
  color: var(--rs-color-black);
}

.rs-queen__divider {
  position: absolute;
  left: 2rem;
  right: 2rem;
  top: 25.45rem;
  height: 0.45rem;
}

.rs-queen__divider img {
  width: 100%;
  height: 100%;
}

.rs-runway {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.2rem 2rem 3.15rem;
  background: var(--rs-color-white);
  padding-bottom: 0;
}

.rs-runway__title {
  width: 100%;
  text-align: center;
  margin-bottom: 3rem;
}

.rs-runway__en {
  color: var(--rs-color-black);
}

.rs-runway__cn {
  margin-top: 0.15rem;
  color: var(--rs-color-black);
}

.rs-runway__list {
  width: 100%;
  overflow: hidden;

}

.rs-runway__item {
  width: calc((100% - 1.8rem) / 4);

  overflow: hidden;
  margin-right: 0.6rem;
}

.rs-runway__item:last-child {
  margin-right: 0;
}

.rs-runway__item img {
  width: 100%;
  aspect-ratio: 422 / 578;
  object-fit: cover;
}

.rs-runway__pager {

  display: flex;
  margin-top: 3rem;
  align-items: center;
  justify-content: center;
  border-bottom: 0.2px solid rgba(170, 170, 170, .2);

}

.rs-runway__pager .prev,
.rs-runway__pager .next {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.rs-runway__pager .prev img,
.rs-runway__pager .next img {
  width: 0.225rem;
    height: 0.425rem;
        transform: scale(0.7);
        filter: brightness(0);
        opacity: 0.5;
      

}
.rs-runway__pager .prev:hover img,
.rs-runway__pager .next:hover img {
  /* transform: scale(1); */
  filter: brightness(1);
  opacity: 1;
}

.rs-runway__pager .prev.swiper-button-disabled,
.rs-runway__pager .next.swiper-button-disabled{
  display: none;
}
.rs-runway__pager .swiper-pagination {
  position: relative !important;
  bottom: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;

 }
.rs-runway__pager .swiper-pagination .swiper-pagination-bullet{
    line-height: 1.16;
      color: var(--rs-color-text);
      position: relative;
      font-size: 12px;
      width: 1rem;
      height: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      opacity: 1;
}
.rs-runway__pager .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  bottom: 0;
  height: 1px;
  background: var(--rs-color-red-line);
  width: 0;
  transition: all 0.35s ease;
}

.rs-runway__pager .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  width: 100%;
}

*/

/* 
.rs-runway__pager .pagination {
  display: flex;
  justify-content: center;
  align-items: flex-start;

}

.rs-runway__pager a {
  line-height: 1.16;
  color: var(--rs-color-text);
  position: relative;
  display: block;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
} */

/* .rs-runway__pager a[rel="start"] {
  display: none;
}

.rs-runway__pager a[rel="end"] {
  display: none;
} */
/* 

.rs-runway__pager a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  bottom: 0;
  height: 1px;
  background: var(--rs-color-red-line);
  width: 0;
  transition: all 0.35s ease;
}

.rs-runway__pager a.active::after {
  width: 100%;
} */

/* ===== Transitions & Hover Effects ===== */
.rs-banner__image,
.rs-banner__copy,
.rs-queen__arrow,
.rs-queen__more,
.rs-product-card,
.rs-product-card__image img,
.rs-product-card__text,
.rs-runway__item,
.rs-runway__item img,
.rs-runway__pager a {
  transition:
    color 0.35s ease,
    background-color 0.35s ease,
    border-color 0.35s ease,
    opacity 0.35s ease,
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.rs-banner:hover .rs-banner__image {
  transform: scale(1.025);
  filter: brightness(1.03);
}

.rs-banner:hover .rs-banner__copy {
  transform: translateX(-0.2rem);
}

.rs-queen__arrow img:hover {
  opacity: 0.6;
  /* transform: translateX(-0.1rem); */
}

.rs-queen__arrow .rs-queen__arrow--right:hover {
  /* transform: translateX(0.1rem); */
}

.rs-queen__more:hover {
  background: var(--rs-color-black);
  color: var(--rs-color-white);
  transform: translateY(-0.05rem);
}

.rs-product-card:hover .rs-product-card__image img {
  transform: translateY(-0.25rem) scale(1.035);
  filter: drop-shadow(0 0.45rem 0.7rem rgba(0, 0, 0, 0.12));
}

.rs-product-card:hover .rs-product-card__text {
  transform: translateY(-0.1rem);
  color: var(--rs-color-red);
}

.rs-product-card:hover .rs-product-card__en,
.rs-product-card:hover .rs-product-card__cn {
  color: var(--rs-color-red);
}
.rs-runway__item img {
  transition: all 0.35s ease;
}
.rs-runway__item:hover img {
  transform: scale(1.045);
  filter: contrast(1.04) brightness(1.04);
}

.rs-runway__pager a:hover {
  color: var(--rs-color-red);
  /* transform: translateY(-0.05rem); */
}

.rs-runway__pager a:hover::after {
  width: 100%;
}

@media (hover: none) {

  .rs-banner:hover .rs-banner__copy,
  .rs-queen__arrow:hover,
  .rs-queen__more:hover,
  .rs-product-card:hover .rs-product-card__image img,
  .rs-product-card:hover .rs-product-card__text,
  .rs-runway__item:hover img,
  .rs-runway__pager span:hover {
    transform: none;
  }
}

@media (max-width: 1440px) {
  .rs-banner__copy {
    top: 25.5vw;
    right: 10.8vw;
  }
}

@media (max-width: 996px) {
  .rs-banner {
    height: 125vw;
    min-height: 0;
  }

  .rs-banner__image {
    object-position: 38% center;
  }

  .rs-banner__copy {
    top: 23vw;
    right: 7vw;
  }

  .rs-banner__cn {
    padding-left: 1.45rem;
  }

  .rs-queen {
    min-height: auto;
    padding: 1.8rem 4% 1rem;
    padding: 1.8rem 4% 1rem;
    flex-direction: column;
  }

  .rs-queen__arrow,
  .rs-queen__divider {
    display: none;
  }

  .rs-queen__title {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  .rs-section-title__desc {
    white-space: normal;
  }

  .rs-products {
    width: 100%;
    margin: 1.45rem 0 0;
    flex-wrap: wrap;
    gap: 1.2rem 0.5rem;
  }

  .rs-product-card {
    width: calc((100% - 0.5rem) / 2);
  }

  .rs-product-card:nth-child(n) {
    margin-top: 0;
  }

  .rs-product-card__image,
  .rs-product-card:nth-child(n) .rs-product-card__image {
    height: 4.5rem;
  }

  .rs-product-card__text {
    margin-top: 0.55rem;
  }

  .rs-runway {
    padding: 1.75rem 4% 0rem;
  }

  .rs-runway__title {
    margin-bottom: 1.3rem;
  }

  .rs-runway__list {
    flex-wrap: wrap;
    gap: 0.3rem;
  }

  .rs-runway__item {
    width: calc((100% - 0.3rem) / 2);
  }

  .rs-runway__pager {
    margin-top: 1.3rem;
  }
}

.banner {
  height: 24.5rem;
}

.banner-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.banner-container .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pc {
  display: block;
}

.mb {
  display: none;
}

.banner-container .swiper-slide,
.banner-container .slide-inner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.banner-container .swiper-slide .txt {
  position: absolute;
  bottom: 3.6rem;
  left: 1.85rem;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.banner-container .swiper-slide .txt .t1 {
  font-weight: 450;
  line-height: 1;
  letter-spacing: 1.3px;
}

.banner-container .swiper-slide .txt .t2 {
  margin-top: 0.3rem;
  font-weight: 450;
  line-height: 1;
}

.rs-queen__swiper-pro {
  position: relative;
  overflow: hidden;
  width: 100%;

}

.rs-queen__swiper-pro .swiper-wrapper {
  height: 100%;
}

.rs-queen__swiper-pro .swiper-slide {
  width: calc(33.3% - 2px);
  text-align: center;
  /* margin-left: 3rem; */
  margin-right: 5px;
}

.rs-queen__swiper-pro .swiper-slide:last-child {
  margin-right: 0;
}

.rs-queen__swiper-pro .swiper-slide .rs-queen__img {
  width: 100%;
  height: 10.55rem;

  overflow: hidden;
  margin-bottom: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rs-queen__swiper-pro .swiper-slide .rs-queen__img img {max-width: 84%;
  transition: color 0.35s ease, background-color 0.35s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), filter 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.rs-queen__swiper-pro .swiper-slide:hover .rs-queen__img img {
  transform: translateY(-0.25rem) scale(1.035);
  filter: drop-shadow(0 0.45rem 0.5rem rgba(0, 0, 0, 0.12));
}

.rs-queen__swiper-pro .swiper-slide .tit-20 {
  transition: color 0.35s ease;

}

.rs-queen__swiper-pro .swiper-slide:hover .tit-20 {
  color: var(--rs-color-red);
}

.rs-queen__swiper-pro__prev,
.rs-queen__swiper-pro__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 0.225rem;
  height: 0.425rem;
  cursor: pointer;
  z-index: 33;
}

.rs-queen__swiper-pro__prev {
  left: 2rem;
}

.rs-queen__swiper-pro__next {
  right: 2rem;
}

.rs-queen__swiper-pro__prev img {
  width: 0.225rem;
  height: 0.425rem;
  transition: all 0.5s;
}

.rs-queen__swiper-pro__next img {
  width: 0.225rem;
  height: 0.425rem;
  transition: all 0.5s;
}

.rs-queen__swiper-pro__prev:hover img {
  /* transform: translateX(-0.15rem); */
  opacity: 0.7;
}

.rs-queen__swiper-pro__next:hover img {
  /* transform: translateX(0.15rem); */
  opacity: 0.7;
}

.rs-queen__swiper-pro__prev.swiper-button-disabled img {
  opacity: 0.2 !important;
  cursor: default;
  s
}

.rs-queen__swiper-pro__next.swiper-button-disabled img {
  opacity: 0.2 !important;
  cursor: default;
}

.rs-queen__pro {
  position: relative;
  z-index: 2;
  margin-top: 2rem;
  padding: 0 2rem;
}



@media (max-width: 996px) {
  .rs-queen__swiper .swiper-slide {
    padding-left: 0;
  }

  .rs-queen__more {
    margin-top: 1rem;
  }

  .rs-queen__pro {
    margin-top: 1.25rem;
    padding: 0;
  }

  .rs-queen__swiper-pro .swiper-slide {
    width: 100%;
    margin-left: 0;
  }

  .rs-queen__swiper-pro__prev {
    left: .5rem;
  }

  .rs-queen__swiper-pro__next {
    right: .5rem;
  }

  .rs-queen__swiper-pro .swiper-slide .rs-queen__img {
    height: 8.5rem;
  }

  .rs-queen__more {
    height: .7rem;
  }

  /* */
  .rs-runway__pager a {
    font-size: .35rem;
  }

  .tit-45 {
    font-size: .85rem;
  }

  .tit-25 {
    font-size: .65rem;
  }

  .tit-24 {
    font-size: 0.6rem;
  }
  .rs-queen__swiper-pro .swiper-slide .rs-queen__img img{
    /* max-width: 100%; */
  }
  .rs-queen__swiper .swiper-slide{
    flex-wrap: wrap;
    
  }
  .rs-queen__swiper .swiper-slide .rs-queen__title{
    width: 100%;
    
  }

  .rs-queen__swiper .swiper-slide .rs-queen__img {
    width: 100%;
    height: auto;
    margin-top: 1rem;
  }
  .rs-queen__swiper .swiper-slide .rs-queen__title{
    padding-top: 0;
  }
}