/* idx-banner */
.idx-banner {
  position: relative;
}

.idx-banner .swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 1920 / 830;
  display: block;
}

.idx-banner .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  margin-top: 0;
  z-index: 11;
}

.idx-banner .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #fff;
}

.idx-banner .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 0.35;
}

@media (min-width: 768px) {
  .idx-banner .swiper-pagination {
    bottom: 23px;
    display: flex;
  }

  .idx-banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-left: 6px;
    margin-right: 6px;
  }
}


/* idx-about */
.idx-about {
  padding: var(--m-pd) 0;
  background: var(--bg-color);
}

.idx-about .lt {
  margin-bottom: 20px;
}

.idx-about .swiper-container {
  border-radius: 16px;
}

.idx-about .swiper-slide img {
  width: 100%;
  aspect-ratio: 690 / 521;
}

.idx-about .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display: block;
  z-index: 11;
}

.idx-about .swiper-pagination-bullet {
  margin-left: 6px;
  margin-right: 6px;
  background: #fff;
  opacity: .9;
}

.idx-about .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 0.35;
}

.idx-about .title {
  text-align: left;
  margin-bottom: 15px;
}

.idx-about .sub-info {
  margin-bottom: 15px;
}

.idx-about .item-list {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}

.idx-about .item-list li {
  height: 100%;
  padding: 11px 15px;
  border-radius: 8px;
  border: 1px solid #E2C3C6;
  background: #FFF;
}

.idx-about .icon {
  width: auto;
  height: 20px;
  margin-bottom: 16px;
}

.idx-about .tit {
  color: var(--style-color);
  margin-bottom: 13px;
}

.idx-about .btn {
  color: #fff;
  margin-top: 15px;
  padding: 10px 20px;
  border-radius: 30px;
  background: var(--style-color);
}

@media (min-width: 1200px) {
  .idx-about .container {
    display: flex;
    align-items: center;
  }

  .idx-about .lt {
    flex: 0 0 calc((690 / 1440) * 100%);
    max-width: calc((690 / 1440) * 100%);
    margin-bottom: 0;
  }

  .idx-about .rt {
    flex: 1;
    padding-left: 30px;
  }

  .idx-about .title, .idx-about .sub-info {
    margin-bottom: 24px;
  }

  .idx-about .item-list {
    grid-template-columns: repeat(4, 1fr);
  }

  .idx-about .btn {
    margin-top: 24px;
    padding: 16px 32px;
  }
}

@media (min-width: 1440px) {
  .idx-about .rt {
    padding-left: 60px;
  }
}


/* idx-factory */
.idx-factory {
  padding: var(--m-pd) 0;
}

.idx-factory .title {
  margin-bottom: 12px;
}

.idx-factory .sub-info {
  text-align: center;
  margin-bottom: 30px;
}

.idx-factory .item-wrap {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}

.idx-factory .item img {
  width: 100%;
  border-radius: 8px;
  aspect-ratio: 275 / 160;
}

@media (min-width: 1200px) {
  .idx-factory .sub-info {
    margin-bottom: 60px;
  }

  .idx-factory .item-wrap {
    grid-template-columns: repeat(5, 1fr);
  }
}


/* idx-advantage */
.idx-advantage {
  color: #fff;
  padding: var(--m-pd) 0;
  background: var(--style-color);
}

.idx-advantage .container {
  display: flex;
  gap: 20px 30px;
  flex-wrap: wrap;
  justify-content: center;
}

.idx-advantage .item {
  gap: 12px;
  display: flex;
  align-items: center;
}

.idx-advantage .icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #A3123A;
  display: flex;
  align-items: center;
  justify-content: center;
}

.idx-advantage .icon img {
  width: 75%;
  height: auto;
}

.idx-advantage .num {
  line-height: 1.4;
  margin-bottom: 2px;
  font-family: 'AlibabaPuHuiTi-3-Black';
}

.idx-advantage .info {
  color: #FDF3F5;
}

@media (min-width: 1200px) {
  .idx-advantage {
    padding: 60px 0;
  }

  .idx-advantage .container {
    gap: 30px 60px;
  }

  .idx-advantage .icon {
    width: 80px;
    height: 80px;
  }
}


/* quality-control */
.quality-control {
  padding: var(--m-pd) 0;
  background: var(--bg-color);
}

.quality-control .title {
  margin-bottom: 12px;
}

.quality-control .sub-info {
  text-align: center;
  margin-bottom: 30px;
}

.quality-control .swiper-slide img {
  width: 100%;
  aspect-ratio: 1440 / 446;
}

.quality-control .swiper-pagination {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}

.quality-control .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  margin: 0;
  background: transparent;
  opacity: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quality-control .swiper-pagination-bullet::after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #D9D9D9;
}

.quality-control .swiper-pagination-bullet-active {
  background: rgba(192, 25, 73, 0.5);
}

.quality-control .swiper-pagination-bullet-active::after {
  background: var(--style-color);
}

@media (min-width: 1200px) {
  .quality-control {
    padding-bottom: 60px;
  }

  .quality-control .sub-info {
    margin-bottom: 60px;
  }

  .quality-control .swiper-pagination {
    margin-top: 60px;
  }

  .quality-control .swiper-pagination-bullet {
    width: 28px;
    height: 28px;
  }

  .quality-control .swiper-pagination-bullet::after {
    width: 16px;
    height: 16px;
  }
}


/* idx-certificate */
.idx-certificate {
  padding: var(--m-pd) 0;
}

.idx-certificate .title {
  margin-bottom: 12px;
}

.idx-certificate .sub-info {
  text-align: center;
  margin-bottom: 30px;
}

.idx-certificate .swiper-slide img {
  width: 100%;
  aspect-ratio: 260 / 347;
}

.idx-certificate .swiper-pagination {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}

.idx-certificate .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  margin: 0;
  background: transparent;
  opacity: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.idx-certificate .swiper-pagination-bullet::after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #D9D9D9;
}

.idx-certificate .swiper-pagination-bullet-active {
  background: rgba(192, 25, 73, 0.5);
}

.idx-certificate .swiper-pagination-bullet-active::after {
  background: var(--style-color);
}

.idx-certificate .item-wrap {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.idx-certificate .item {
  width: 120px;
}

.idx-certificate .item img {
  width: 100%;
  aspect-ratio: 120 / 120;
}

.idx-certificate .info {
  color: #333;
  margin-top: 8px;
  text-align: center;
}

.idx-certificate .btn {
  width: fit-content;
  color: #fff;
  margin-top: 30px;
  padding: 10px 20px;
  border-radius: 30px;
  background: var(--style-color);
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  .idx-certificate .sub-info {
    margin-bottom: 60px;
  }

  .idx-certificate .swiper-pagination {
    margin-top: 60px;
  }

  .idx-certificate .swiper-pagination-bullet {
    width: 28px;
    height: 28px;
  }

  .idx-certificate .swiper-pagination-bullet::after {
    width: 16px;
    height: 16px;
  }

  .idx-certificate .item-wrap {
    gap: 30px;
    margin-top: 60px;
  }

  .idx-certificate .item img {
    filter: grayscale(100%);
    opacity: .6;
  }

  .idx-certificate .item:hover img {
    filter: grayscale(0);
    opacity: 1;
  }

  .idx-certificate .btn {
    margin-top: 60px;
    padding: 16px 32px;
  }
}


/* idx-productscate */
.idx-productscate {
  padding: var(--m-pd) 0;
  background: var(--bg-color);
}

.idx-productscate .title {
  margin-bottom: 12px;
}

.idx-productscate .sub-info {
  text-align: center;
  margin-bottom: 30px;
}

.idx-productscate .row {
  row-gap: 24px;
  margin-left: -12px;
  margin-right: -12px;
}

.idx-productscate .row>div {
  padding: 0 12px;
}

.idx-productscate .block {
  border-radius: 16px;
  border: 1px solid #E2C3C6;
  background: #FFF;
  overflow: hidden;
}

.idx-productscate .block img {
  width: 100%;
  aspect-ratio: 340 / 160;
}

.idx-productscate .info-group {
  padding: 16px 15px 15px;
}

.idx-productscate .tit {
  margin-bottom: 4px;
}

@media (min-width: 1200px) {
  .idx-productscate .sub-info {
    margin-bottom: 48px;
  }
}


/* idx-parter */
.idx-parter {
  padding: var(--m-pd) 0;
}

.idx-parter .title {
  margin-bottom: 12px;
}

.idx-parter .sub-info {
  text-align: center;
  margin-bottom: 30px;
}

.idx-parter .lt {
  margin-bottom: 20px;
}

.idx-parter .swiper-container {
  border-radius: 12px;
}

.idx-parter .swiper-slide img {
  width: 100%;
  aspect-ratio: 720 / 306;
}

.idx-parter .prev-btn, .idx-parter .next-btn {
  width: 36px;
  height: 36px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
}

.idx-parter .prev-btn {
  left: 10px;
}

.idx-parter .next-btn {
  right: 10px;
}

.idx-parter .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  z-index: 11;
  margin-top: 0;
}

.idx-parter .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin-left: 6px;
  margin-right: 6px;
  background: #fff;
  opacity: .5;
}

.idx-parter .swiper-pagination-bullet-active {
  transform: scale(1.25);
  opacity: 1;
}

.idx-parter .item-list {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(3, 1fr);
}

.idx-parter .item-list li img {
  width: 100%;
  aspect-ratio: 120 / 86;
  border-radius: 16px;
  border: 1px solid #E6E6E6;
}

@media (min-width: 540px) {
  .idx-parter .item-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 720px) {
  .idx-parter .item-list {
    gap: 20px;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 1200px) {
  .idx-parter .sub-info {
    margin-bottom: 60px;
  }

  .idx-parter .item-wrap {
    display: flex;
  }

  .idx-parter .lt {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .idx-parter .swiper-pagination {
    bottom: 15px;
    display: block;
  }

  .idx-parter .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .idx-parter .rt {
    flex: 1;
    padding-left: 24px;
  }

  .idx-parter .item-list {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 1440px) {
  .idx-parter .item-list {
    gap: 24px;
  }
}


/* global */
.global {
  padding-top: var(--m-pd);
  background: var(--bg-color);
}

.global .title {
  margin-bottom: 12px;
}

.global .sub-info {
  text-align: center;
  margin-bottom: 30px;
}

.global .img img {
  width: 100%;
}

.global .bottom-wrap {
  color: #fff;
  margin-top: 30px;
  padding: 30px 0;
  background: var(--style-color);
}

.global .lt img {
  width: 100%;
}

.global .rt {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 20px;
  margin-top: 20px;
}

.global .num {
  line-height: calc(81 / 58);
  font-family: 'AlibabaPuHuiTi-3-Black';
}

.global .info {
  margin-top: 2px;
  line-height: calc(34 / 24);
}

@media (min-width: 992px) {
  .global .bottom-wrap .container {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
  }

  .global .lt {
    flex: 0 0 calc((642 / 1440) * 100%);
  }

  .global .rt {
    gap: 30px;
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .global .sub-info {
    margin-bottom: 60px;
  }

  .global .bottom-wrap {
    padding: 40px 0;
    margin-top: 60px;
  }
}

@media (min-width: 1440px) {
  .global .bottom-wrap .container, .global .rt {
    gap: 60px;
  }

  .global .num {
    font-size: 58px;
  }

  .global .info {
    font-size: 24px;
  }
}

@media (min-width: 1840px) {
  .global .bottom-wrap .container, .global .rt {
    gap: 112px;
  }
}


/* be-buy */
.be-buy {
  padding: var(--m-pd) 0;
}

.be-buy .lt {
  margin-bottom: 20px;
}

.be-buy .swiper-container {
  border-radius: 16px;
}

.be-buy .prev-btn, .be-buy .next-btn {
  width: 36px;
  height: 36px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
}

.be-buy .prev-btn {
  left: 10px;
}

.be-buy .next-btn {
  right: 10px;
}

.be-buy .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  z-index: 11;
  margin-top: 0;
}

.be-buy .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin-left: 6px;
  margin-right: 6px;
  background: #fff;
  opacity: .5;
}

.be-buy .swiper-pagination-bullet-active {
  transform: scale(1.25);
  opacity: 1;
}

.be-buy .rt, .be-buy .sub-info {
  display: grid;
  gap: 15px;
}

.be-buy .title, .be-buy .sub-info h2 {
  text-align: left;
}

.be-buy .sub-info h2, .be-buy .sub-info h3 {
  font-size: 16px;
  line-height: 22px;
}

.be-buy .item-list {
  display: grid;
  gap: 10px;
}

.be-buy .item-list li {
  display: flex;
  gap: 12px;
}

.be-buy .icon {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background: var(--style-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.be-buy .icon img {
  width: auto;
  height: 12px;
}

.be-buy .info {
  margin-top: 2px;
}

.be-buy .btn-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px 20px;
  margin-top: 30px;
}

.be-buy .btn {
  padding: 10px 20px;
  border-radius: 27px;
  border: 1px solid var(--style-color);
  display: flex;
  align-items: center;
  font-family: 'AlibabaPuHuiTi-3-Regular';
}

.be-buy a.btn {
  color: #fff;
  background: var(--style-color);
}

.be-buy span.btn {
  background: #fff;
}

.be-buy .btn img {
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

@media (min-width: 1200px) {
  .be-buy .item-wrap {
    display: flex;
  }

  .be-buy .lt {
    flex: 0 0 calc((688 / 1440) * 100%);
    max-width: calc((688 / 1440) * 100%);
    margin-bottom: 0;
  }

  .be-buy .swiper-pagination {
    bottom: 15px;
    display: block;
  }

  .be-buy .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .be-buy .rt {
    flex: 1;
    gap: 24px;
    padding-left: 30px;
  }

  .be-buy .sub-info {
    gap: 24px;
  }

  .be-buy .item-list {
    gap: 16px;
  }

  .be-buy .btn-wrap {
    margin-top: 60px;
    gap: 36px;
  }

  .be-buy .btn {
    padding: 15px 59px;
  }

  .be-buy .btn img {
    margin-left: 24px;
  }
}

@media (min-width: 1440px) {
  .be-buy .rt {
    padding-left: 64px;
  }
}