@media screen and (max-width: 1450px) {
    .packaging-technique__detail .packaging-technique__pic {
        top: clamp(100px, 18.75vw, 360px);
    }

    .packaging-technique-list {
        gap: 0 clamp(20px, 2.08vw, 40px);
    }

    .packaging-technique-list .packaging-item {
        width: clamp(120px, 12.5vw, 240px);
    }
}

@media screen and (max-width: 1250px) {
    .packaging-technique__detail {
        padding-bottom: clamp(70px, 22vw, 350px);
    }

    .packaging-technique__detail .packaging-technique__pic {
        top: clamp(200px, 26.04vw, 500px);
        right: clamp(-157px, -9vw, -75px);
        width: clamp(800px, 104.65vw, 1683px);
    }

    .packaging-technique-list {
        gap: 0 clamp(20px, 2.08vw, 40px);
        padding-left: clamp(25px, 8.06vw, 270px);
    }

    .packaging-technique-list .packaging-item {
        width: clamp(120px, 14.5vw, 240px);
    }
}

@media screen and (max-width: 960px) {
    .p5-banner-swiper .banner-pagination {
        bottom: 2px;
    }

    .p5-banner-swiper .banner-pagination .swiper-pagination-bullet {
        width: 20px;
        height: 2px;
    }

    .p5-banner-swiper {
        height: auto;
    }

    .villa-style__list .villa-item__btn p {
        line-height: 1.5;
    }

    .product-appearance {
        height: min(59.25vw, 1080px);
    }

    .product-appearance__item:nth-child(3) {
        top: min(45.29vw, 812px);
    }

    .packaging-technique-list {
        gap: 0 10px;
    }

    .packaging-technique__detail .packaging-technique__pic {
        top: clamp(100px, 41.66vw, 800px);
    }

    .packaging-technique-list {
        padding-left: 20px;
        padding-right: 20px;
    }

    .packaging-technique-list .packaging-item {
        flex: 1;
        gap: 10px;
        width: auto;
    }

    .packaging-technique__detail {
        padding-bottom: clamp(70px, 22vw, 250px);
    }

    .ROI-scene__introduce-title {
        font-size: 18px;
    }

    .core-value-list .core-item__title {
        font-size: 16px;
    }

    .product-appearance__item {
        font-size: 16px;
    }

    .villa-style__list .villa-item {
        padding: 10px;
    }

    .villa-style__list .villa-item__text {
        font-size: 16px;
    }

    .villa-style__list .villa-item__type p {
        font-size: 14px;
    }

    .villa-style__list .villa-item__btn {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    body {
        --font-size-48: 26px;
    }

    .introduce__body {
        flex-direction: column;
    }

    .introduce__body .introduce__pic {
        width: 100%;
    }

    .core-value-list {
        flex-wrap: wrap;
    }

    .core-value-list .core-item {
        flex: unset;
        width: 100%;
        opacity: 1;
        /* width: calc((100% - clamp(20px, 2.08vw, 40px)) / 2); */
    }

    .product-appearance {
        height: 530px;
    }

    .product-appearance__body .product-appearance__img {
        right: -40px;
    }

    .product-appearance__body .product-appearance__img::after {
        display: none;
    }

    .product-appearance__body {
        top: 100px;
        overflow: hidden;
    }

    .product-appearance__item:nth-child(1),
    .product-appearance__item:nth-child(2),
    .product-appearance__item:nth-child(3) {
        top: auto;
        left: auto;
        right: auto;
    }

    .product-appearance__item:nth-child(1) {
        margin-top: 200px;
    }

    .product-appearance__item {
        position: relative;
        width: 100%;
        padding: 0 15px;
        margin-bottom: 10px;
        text-align: left;
    }

    .product-appearance__item br {
        display: none;
    }

    .product-appearance__item .product-appearance__line {
        display: none;
    }

    .packaging-technique-list {
        position: relative;
        z-index: 2;
        flex-direction: column;
    }

    .packaging-technique__detail .packaging-technique-list .packaging-item {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .packaging-technique-list .packaging-item:nth-child(1) {
        margin-top: 100px;
    }

    .packaging-technique-list .packaging-item-line {
        display: none;
    }

    .villa-style__list {
        flex-direction: column;
        gap: 20px;
    }

    .villa-style__list .villa-item {
        aspect-ratio: 46 / 50;
    }

    .villa-style__list .villa-item__text {
        opacity: 1;
        visibility: visible;
    }

    .villa-style__list .villa-item__bg::after {
        opacity: 1;
    }

    .villa-style__list .villa-item__btn::after {
        opacity: 1;
    }

    .generate-electricity__body {
        flex-direction: column;
    }

    .generate-electricity__product-img {
        order: 1;
    }

    .generate-electricity__introduce {
        order: 2;
    }

    .generate-electricity__chart-img {
        order: 3;
    }

    .energy-duration__body {
        padding: 0;
    }

    .energy-duration__list {
        gap: 20px;
        flex-direction: column;
    }

    .energy-duration__list .energy-item {
        padding-bottom: 20px;
    }

    .energy-duration__list .energy-item:not(:first-child) {
        border-left: none;
    }

    .energy-duration__list .energy-item:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }

    .high-protection__compare {
        flex-direction: column;
        gap: 20px;
    }

    .high-protection__compare .compare-sign {
        width: 80px;
        height: 80px;
    }

    .high-protection__list {
        flex-direction: column;
    }

    .quality-guarantee__list {
        flex-direction: column;
        border-left: none;
    }

    .quality-guarantee__list .quality-detail {
        padding: 20px 0;
        border-right: none;
    }

    .quality-guarantee__list .quality-detail:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        border-right: none;
    }

    .quality-guarantee__list .quality-detail__text {
        margin-top: 0;
    }

    .quality-guarantee__list {
        margin-top: 60px;
    }

    .ROI-scene-list {
        gap: 30px;
        /* flex-direction: column; */
    }

    .packaging-technique__detail .packaging-technique__pic {
        top: 30px;
    }

    .packaging-technique-list .packaging-item:nth-child(1) {
        margin-top: 350px;
    }

    .villa-style__list .villa-item__type p {
        font-size: 16px;
    }

    .villa-style__list .villa-item__btn {
        font-size: 16px;
    }

    .ROI-scene__introduce-title {
        font-size: 16px;
    }

    .ROI-scene__introduce {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .ROI-scene__content {
        margin-top: auto;
    }
}