:root {
  --vw-base: 19.2;
}

@media (max-width: 768px) {
  :root {
    --vw-base: 7.68;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .section-video .video-wrapper video {
    width: 80vw;
  }
  .section-product .content {
    padding-top: calc(85 / var(--vw-base) * 1vw);
  }
  .section-product-list .product-wrapper {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
  :root {
    --xd-spacing-xxs: 4px; /* 4px  */
    --xd-spacing-xs: 8px; /* 8px  */
    --xd-spacing-sm: 16px; /* 16px */
    --xd-spacing: 1.5rem; /* 24px */
    --xd-spacing-md: 2rem; /* 32px */
    --xd-spacing-lg: 3rem; /* 48px */
    --xd-spacing-xl: 4rem; /* 64px */
    --xd-spacing-xxl: 6rem; /* 96px */
    --xd-spacing-xxxl: 8rem; /* 128px */
    --xd-width-content: 90vw;
  }
  .l-content-wrapper {
    width: 90vw;
  }
  .mobile-header {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }
  .mobile-header .header__logo {
    width: 55px;
    height: 55px;
  }
  .header__menu {
    height: 35px;
    cursor: pointer;
  }
  .section-trouble .content {
    width: 90vw;
  }
  .section-trouble .content li:before {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .section-activity {
    background-position: 120rem 6rem;
    padding: 1rem;
  }
  .section-activity .tip {
    margin-left: 0;
    width: 100%;
  }
  .section-activity .tip .text {
    padding: var(--xd-spacing-xs);
  }
  .section-activity .content-list {
    margin-top: var(--xd-spacing-xs);
    margin-left: 1rem;
    padding-right: 16px;
  }
  .section-activity .other-info .left {
    justify-content: flex-start;
  }
  .section-activity .info-list {
    margin-left: 0;
    margin-right: 0;
    gap: calc(45 / var(--vw-base) * 1vw);
  }
  .section-activity .info-list .info {
    padding: 0;
  }
  .section-product .product-thumbnail {
    width: 100%;
  }
  .section-product-list .product {
    margin-top: var(--xd-spacing-sm);
  }
  .section-product-list .product-wrapper {
    box-sizing: border-box;
    padding: 0 1rem;
    width: var(--xd-width-content);
  }
  .solve-swiper {
    padding-bottom: 3rem !important;
  }
  .solve-swiper .swiper-button-prev:after, .solve-swiper .swiper-button-next:after {
    font-size: 1rem;
  }
  .section-product02 .section__header .right {
    text-align: center;
  }
  .section-product02 .product__intro {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .section-product02 .product__sub-title {
    margin-bottom: calc(24 / var(--vw-base) * 1vw);
    height: auto !important;
  }
  .section-product02 .product__title {
    margin-top: 16px;
  }
  .section-product02 .section__header .btn-wrapper {
    justify-content: center;
  }
  .section-voice {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }
  .section-voice .effect-swiper-wrapper {
    margin-top: var(--xd-spacing-sm);
  }
  .section-voice .effect-swiper-wrapper .swiper-button-next {
    right: 0;
  }
  .section-voice .effect-swiper-wrapper .swiper-button-prev {
    left: 0;
  }
  .section-voice .left {
    justify-content: left;
    text-align: center;
    border: none;
  }
  .section-voice .left .main {
    margin-left: 1rem;
    border-right: none;
  }
  .section-voice .left .left__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
  }
  .section-voice .section__title {
    text-align: center;
  }
  .section-voice .right .swiper-item__img {
    display: flex;
    justify-content: center;
  }
  .section-voice .right .swiper-item__img .swiper-img {
    width: 50vw;
  }
  .section-voice .right .swiper-item__content {
    padding: var(--xd-spacing-sm);
    margin-left: 0;
  }
  .section-video .video-wrapper video {
    width: 100%;
  }
  .section__service .service-swiper-wrapper .btn-next, .section__service .service-swiper-wrapper .btn-prev {
    width: 24px;
  }
  .section__service .l-content-wrapper {
    width: 80vw;
  }
  .section__service .service-swiper-wrapper .swiper-button-prev {
    left: -8vw;
  }
  .section__service .service-swiper-wrapper .swiper-button-next {
    right: -8vw;
  }
  .section__service .step-list {
    margin-top: 16px;
  }
  .section-table table {
    width: 100%;
  }
  .section-table table td, .section-table table div {
    font-size: 14px !important;
  }
  .section-after-sale .after-sale-list {
    width: 80vw;
  }
  .section-after-sale .after-sale-list .after-sale:nth-child(2n) {
    flex-direction: column-reverse;
  }
  .section-after-sale .after-sale-list .after-sale .sale-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section-after-sale .after-sale-list .after-sale .sale-image-wrapper img {
    width: 50vw;
    height: 50vw;
  }
  .section-after-sale .after-sale-list .after-sale .sale-content {
    margin-top: var(--xd-spacing-sm);
  }
  .section-after-sale .after-sale-list .after-sale .sale-content .sale-title {
    text-align: center;
    width: 100%;
  }
  .section-after-sale .after-sale-list .after-sale .sale-content .content-text {
    width: 100%;
  }
  .section-faq .section-form-wrapper {
    width: 90vw;
  }
  .section-faq .section-form-wrapper .main-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .section_export .sale-list .sale .person-icon, .section_export .sale-list .sale .day-icon, .section_export .sale-list .sale .price-icon {
    height: 32px !important;
  }
  .section_export .sale-list .sale .month-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem !important;
  }
  .section_export .sale-list .sale:last-child #monthPerson {
    margin-left: 15rem;
  }
  footer .footer-logo-wrapper .logo {
    width: 5rem;
  }
  footer .footer {
    flex-direction: column;
  }
  footer .footer .left {
    text-align: center;
  }
  footer .footer .right .footer-phone {
    text-align: center;
  }
  footer .footer .right .footer__link-list {
    justify-content: center;
  }
  footer .company {
    height: auto;
    text-align: center;
    padding: 1rem 0;
  }
}
@media screen and (max-width: 992px) {
  .l-content-wrapper {
    width: 90vw;
    padding: 8px;
  }
  .section-banner .banner__intro {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
  .section-banner .banner-img-wrapper {
    overflow: hidden;
    position: initial;
    bottom: initial;
    justify-content: center;
  }
  .section-banner .banner-img-wrapper .banner-product-img {
    position: initial;
  }
  .section-banner .up {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
  .section-banner h3 {
    font-size: calc(50 / var(--vw-base) * 1vw);
  }
  .monthly-sales-list {
    gap: 1rem;
  }
  .monthly-sales-list .monthly-sales {
    background-image: url("/images/section2_bg.png");
    background-size: cover;
  }
  .monthly-sales-list .monthly-sales .title-wrapper {
    margin-top: 8px;
    justify-content: flex-start;
  }
  .monthly-sales-list .monthly-sales .monthly-sales__price {
    align-items: flex-start;
  }
  .monthly-sales-list .monthly-sales .monthly-sales__intro {
    align-items: flex-start;
  }
  .monthly-sales-list .monthly-sales .monthly-sales__intro .monthly-sales__intro-content {
    margin-left: 0;
  }
  .monthly-sales-list .center-wrapper {
    text-align: center;
  }
  .monthly-sales-list .monthly-sales__price {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    font-size: 24px;
  }
  .monthly-sales-list .monthly-sales__price .monthly-sales__text {
    display: flex;
    align-items: center;
  }
  .monthly-sales-list .monthly-sales__intro {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
  }
  .monthly-sales-list .up-rate-wrapper {
    margin-top: 16px;
  }
  .monthly-sales-list .monthly-sales .up-rate {
    flex-direction: row;
  }
  .section-price {
    text-align: center;
  }
  .section-price .first_prize_money {
    text-align: left;
    margin-left: 10vw;
  }
  .section-price .parting-line {
    margin-left: 10vw;
  }
  .section-price .btn-wrapper {
    display: flex;
    justify-content: flex-start;
    margin-left: 10vw;
  }
  .section-price .price-change-wrapper {
    justify-content: center;
  }
  .section-price .product-img-wrapper {
    position: initial;
  }
  .section-price .product-img-wrapper img {
    position: initial;
    width: 60vw;
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .section-effect .main-content .top-img {
    margin-top: calc(100 / var(--vw-base) * 1vw);
    height: calc(220 / var(--vw-base) * 1vw);
  }
  .section-effect .main-content .article__title {
    font-size: var(--xd-font-size-lg);
    padding-bottom: calc(30 / var(--vw-base) * 1vw);
    color: var(--xd-text-color-dark);
    border-bottom: 1px solid var(--xd-text-color-dark);
  }
  .section-effect .main-content .article {
    margin-top: calc(130 / var(--vw-base) * 1vw);
  }
  .section-effect .main-content .article__content .info-list {
    list-style: disc;
    padding-left: 1rem;
  }
  .section-effect .main-content .article__content p {
    margin-top: calc(50 / var(--vw-base) * 1vw);
  }
  .section__service {
    background: url("/images/mobile_section__service_bg.jpg");
    background-size: cover;
  }
  .section__service .service-swiper-wrapper {
    width: 100%;
  }
  .section__service .service-swiper .swiper-item .left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section__service .service-swiper .swiper-item .right {
    margin-top: calc(70 / var(--vw-base) * 1vw);
  }
  .section-table .l-content-wrapper {
    overflow-x: scroll;
  }
  .service-swiper {
    padding-bottom: 2rem !important;
  }
  .service-swiper .swiper-pagination {
    bottom: 0 !important;
  }
  .monthly-sales-list .monthly-sales .center-wrapper {
    position: static;
  }
}
@media (min-width: 996px) {
  .section-product-list .product-info-list .product-info {
    height: 100px;
  }
}
.step-list {
  padding: 18px 16px;
}

@media (min-width: 1200px) {
  .section-product-list .product__tag-list {
    height: 100px;
  }
  .section-product-list .product-info-list .product-info {
    height: 120px;
  }
  .section-product02 .product .product__intro {
    height: 130px;
  }
}

/*# sourceMappingURL=media.css.map */