@font-face {
    font-family: 'AlibabaPuHuiTi-3-55-Regular';
    src: url('../../../../fonts/AlibabaPuHuiTi-3-55-Regular.eot');
    src: url('../../../../fonts/AlibabaPuHuiTi-3-55-Regular.eot?#iefix') format('embedded-opentype'), url('../../../../fonts/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2'), url('../../../../fonts/AlibabaPuHuiTi-3-55-Regular.woff') format('woff'), url('../../../../fonts/AlibabaPuHuiTi-3-55-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'HanaMinA';
    src: url('../../../../fonts/HanaMinA.ttf');
}

@font-face {
    font-family: 'PingFangSC-Regular';
    src: url('../../../../fonts/PingFangSC-Regular.ttf');
}

@font-face {
    font-family: 'CarinaW04-Regular';
    src: url('../../../../fonts/CarinaW04-Regular.ttf');
}

@keyframes fadeInMove {
    0% {
        opacity: 0;
        transform: translateY(5rem); /* 起始状态 */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* 结束状态 */
    }
}

@keyframes fadeInMoveTop {
    0% {
        opacity: 0;
        /* 左上角移动到原点 */
        transform: translate(0rem, -10rem);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


html {
    font-size: 62.5%; /* 1rem = 10px */
}

body {
    font-size: 1.6rem; /* 重置 body 的字体大小为 16px，保证文本默认显示正常 */
    --baseColor: #000000;
    --baseColorWhite: #FFFFFF;
    --menuColor: #BC8A5B
}

@media (min-width: 512px) {

    .page-list-phone {
        display: none;
    }

    header {
        height: 6.4rem;
    }

    .bg-white, .headerBox, .shadow-sm {
        background: transparent !important;
        position: relative;
        margin: 0;
        /*width: 100vw !important;*/
    }

    .shadow-sm {
        box-shadow: none !important;
    }

    .container {
        max-width: 100%;
    }

    main {
        margin-top: -6.4rem;
    }

    .nav-pc {
        position: absolute;
        right: 8rem;
        top: 2.8rem;
    }

    .nav-pc .menu > ul > li {
        padding: 0 0 0 3rem;
    }

    .nav-pc .menu > ul > li a {
        font-family: "AlibabaPuHuiTi-3-55-Regular";
        font-weight: 400;
        font-size: 2rem;
        line-height: 100%;
        color: var(--baseColorWhite);
        height: auto;
    }

    .nav-pc .menu > ul > li:hover > a, .nav-pc .menu > ul > li a.active {
        color: var(--menuColor) !important;
    }

    .page-list-pc .nav-logo {
        position: absolute;
        left: 8rem;
        top: 2.2rem;
        background-image: url("../images/home/pchome1Logo.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 9.7rem;
        height: 3.6rem;
    }

    /*首页*/
    .pc-home1 {
        /*background-image: url("../images/home/pchome1Bg.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        position: relative;
        height: 100vh;
        overflow: hidden;
    }

    .pc-home1 .rellax-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/home/homebg1.jpg");
        background-size: cover;
        background-position: center;
        z-index: 1; /* 确保背景在底层 */
    }

    .pc-home1 .text {
        width: 38.4rem;
        position: absolute;
        left: calc(50% - 19.2rem);
        /*top: calc(50% - 14.5rem);*/
        top: 32%;
        z-index: 1;
    }

    .pc-home1 .text span {
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .pc-home1 .text span:nth-of-type(1) {
        background-image: url("../images/home/pchome1text1.png");
        width: 38.4rem;
        height: 6.8rem;
        margin-bottom: 3.2rem;
        opacity: 0;
    }

    .pc-home1 .text span:nth-of-type(2) {
        background-image: url("../images/home/pchome1text2.png");
        width: 27.5rem;
        height: 7rem;
        margin: 0 auto 4.8rem;
        opacity: 0;
    }

    .changeHomePC1 .text span:nth-of-type(1), .changeHomePC1 .text span:nth-of-type(2) {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .pc-home1 .text .btn {
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("../images/home/pchome1Btn.png");
        width: 27.8rem;
        height: 7.2rem;
        margin: 0 auto;
    }

    .pc-home2 {
        /*background-image: url("../images/home/pchome2Bg.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        position: relative;
        height: 44.5rem;
        /*overflow: hidden;*/
    }

    .pc-home2 .rellax-bg {
        position: absolute;
        top: -60%;
        left: 0;
        width: 100%;
        height: 160%;
        background-image: url("../images/home/pchome2Bg.jpg");
        background-size: cover;
        background-position: center;
        z-index: 0; /* 确保背景在底层 */
    }

    .pc-home2 .text {
        width: 62.4rem;
        position: absolute;
        left: 16rem;
        top: 10rem;
        z-index: 1;
    }

    .pc-home2 .text span {
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .pc-home2 .text span:nth-of-type(1) {
        background-image: url("../images/home/pchome2text1.png");
        width: 58.8rem;
        height: 11.2rem;
        margin-bottom: 6rem;
        opacity: 0;
    }

    .changeHomePC2 .text span:nth-of-type(1) {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .pc-home1 .text .btnBox {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .pc-home2 .text .btn {
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("../images/home/pchome2Btn.png");
        width: 27.8rem;
        height: 7.2rem;
    }

    .pc-home2 .bgBox {
        position: absolute;
        width: 43.1rem;
        height: 100%;
        right: 17.8rem;
        z-index: 1;
    }

    .pc-home2 .bgBox .rellax-bg-lizi {
        background-image: url("../images/home/pchome2lizi.png");
        background-size: cover;
        background-position: center;
        width: 10.1rem;
        height: 11.1rem;
        position: absolute;
        bottom: 11.2rem;
        left: 12.8rem;
        z-index: 99;
    }

    .pc-home2 .bgBox .rellax-bg-flower {
        position: absolute;
        background-size: cover;
        background-position: center;
        z-index: 1; /* 确保背景在底层 */
        background-image: url("../images/home/home2flower.png");
        width: 43.1rem;
        height: 48rem;
        bottom: 8.6rem;
        left: 0;
        top: -4rem;
        opacity: 0;
    }

    .changeHomePC2 .bgBox .rellax-bg-lizi {
        animation: fadeInOpacity 1s ease-in-out forwards;
    }

    .changeHomePC2 .bgBox .rellax-bg-flower {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .pc-home2 .bgBox span {
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
        opacity: 0;
    }

    /*.changeHomePC2 .bgBox span:nth-of-type(1) {*/
    /*    animation: fadeInOpacity 2s ease-in-out forwards;*/
    /*}*/

    /*.changeHomePC2 .bgBox span:nth-of-type(2) {*/
    /*    animation: fadeInMove 1s ease-in-out forwards;*/
    /*}*/

    /*.pc-home2 .bgBox span:nth-of-type(1) {*/
    /*    background-image: url("../images/home/pchome2lizi.png");*/
    /*    width: 10.1rem;*/
    /*    height: 11.1rem;*/
    /*    position: absolute;*/
    /*    bottom: 13.7rem;*/
    /*    left: 12.8rem;*/
    /*    z-index: 99;*/
    /*}*/

    /*.pc-home2 .bgBox span:nth-of-type(2) {*/
    /*    background-image: url("../images/home/home2flower.png");*/
    /*    width: 43.1rem;*/
    /*    height: 39.3rem;*/
    /*    position: absolute;*/
    /*    bottom: 8.6rem;*/
    /*    left: 0;*/
    /*}*/

    .pc-home3 {
        background-image: url("../images/home/pchome3Bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 68.7rem;
    }

    .pc-home3 .left {
    }

    .pc-home3 .left span, .pc-home3 .right span {
        display: block;
        position: absolute;
        background-size: 100%;
        opacity: 0;
    }

    .pc-home3 .left span:nth-of-type(1) {
        background-image: url("../images/home/pchome3img1.png");
        width: 39.4rem;
        height: 39.4rem;
        position: absolute;
        top: 8.6rem;
        left: 24rem;
    }

    .pc-home3 .left span:nth-of-type(2) {
        background-image: url("../images/home/pchome3text1.png");
        width: 16.23rem;
        height: 4.9rem;
        position: absolute;
        top: 47.7rem;
        left: 32.5rem;
    }

    .pc-home3 .left span:nth-of-type(3) {
        background-image: url("../images/home/pchome3text3.png");
        width: 22.3rem;
        height: 7.3rem;
        position: absolute;
        top: 54.2rem;
        left: 30.3rem;
    }

    .changeHomePC3 .left span:nth-of-type(1) {
        animation: fadeInMoveTop 1s ease-in-out forwards;
    }

    .changeHomePC3 .left span:nth-of-type(2), .changeHomePC3 .left span:nth-of-type(3) {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .pc-home3 .right {
    }

    .pc-home3 .right span:nth-of-type(1) {
        background-image: url("../images/home/pchome3img2.png");
        width: 39.4rem;
        height: 39.4rem;
        position: absolute;
        top: 8.6rem;
        right: 17.1rem;
    }

    .pc-home3 .right span:nth-of-type(2) {
        background-image: url("../images/home/pchome3text2.png");
        width: 16.23rem;
        height: 4.9rem;
        position: absolute;
        top: 47.7rem;
        right: 32.66rem;
    }

    .pc-home3 .right span:nth-of-type(3) {
        background-image: url("../images/home/pchome3text4.png");
        width: 22.3rem;
        height: 7.3rem;
        position: absolute;
        top: 54.2rem;
        right: 29.2rem;
    }

    .changeHomePC3 .right span:nth-of-type(1) {
        animation: fadeInMoveTop 1s ease-in-out forwards;
    }

    .changeHomePC3 .right span:nth-of-type(2), .changeHomePC3 .right span:nth-of-type(3) {
        animation: fadeInMove 1s ease-in-out forwards;
    }


    .pc-home4 {
        /*background-image: url("../images/home/pchome4Bg.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        position: relative;
        height: 50rem;
        overflow: hidden;
    }

    .pc-home4 .rellax-bg {
        position: absolute;
        top: -60%;
        left: 0;
        width: 100%;
        height: 160%;
        background-image: url("../images/home/pchomebg4.jpg");
        background-size: cover;
        background-position: center;
        z-index: 0; /* 确保背景在底层 */
    }

    .pc-home4 .textBox {
        width: 62.4rem;
        position: absolute;
        top: 8rem;
        left: calc(50% - 31.2rem);
        z-index: 1;
    }

    .pc-home4 .textBox span {
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .pc-home4 .textBox .logo {
        background-image: url("../images/home/pchome4Logo.png");
        width: 20.6rem;
        height: 5.4rem;
        margin: 0 auto 3.2rem;
        opacity: 0;
    }

    .changeHomePC4 .textBox .logo {
        animation: fadeInMoveTop 1s ease-in-out forwards;
    }

    .pc-home4 .textBox .text {
        background-image: url("../images/home/pchome4text.png");
        width: 62.4rem;
        height: 13.2rem;
        margin: 0 auto 4rem;
        opacity: 0;
    }

    .changeHomePC4 .textBox .text {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .pc-home4 .textBox .btnBox {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .pc-home4 .textBox .btn {
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("../images/home/pchome4Btn.png");
        width: 27.8rem;
        height: 7.2rem;
    }

    .pc-home5 {
        background-color: var(--baseColorWhite);
        position: relative;
        height: 33.8rem;
    }

    .pc-home5 .text {
        width: 48rem;
        height: 17.8rem;
        position: absolute;
        top: calc(50% - 8.9rem);
        left: calc(50% - 24rem);
    }

    .pc-home5 .text span {
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
        opacity: 0;
    }

    .changeHomePC5 .text span {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .pc-home5 .text span:nth-of-type(1) {
        background-image: url("../images/home/pchome5text1.png");
        width: 48rem;
        height: 6.6rem;
        margin-bottom: 2.6rem;
    }

    .pc-home5 .text span:nth-of-type(2) {
        background-image: url("../images/home/pchome5text2.png");
        width: 39.9rem;
        height: 8.8rem;
        margin: 0 auto;
    }

    .pc-home6 {
        background-image: url("../images/home/pchome6Bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 32rem;
    }

    .pc-home6 .text {
        width: 39.3rem;
        height: 13.2rem;
        position: absolute;
        top: calc(50% - 6.6rem);
        left: calc(50% - 19.65rem);
    }

    .pc-home6 .text span {
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("../images/home/pchome6text.png");
        width: 39.3rem;
        height: 13.2rem;
        opacity: 0;
    }

    .changeHomePC6 .text span {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .pc-home7 {
        background-image: url("../images/home/pchome7Bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 50.1rem;
    }

    .pc-home7 .btn {
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("../images/home/pchome7Btn.png");
        width: 27.8rem;
        height: 7.2rem;
        top: 7.8rem;
        left: calc(50% - 13.9rem);
    }

    .pc-home7 span {
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100%;
        opacity: 0;
    }

    .pc-home7 span:nth-of-type(1) {
        background-image: url("../images/home/pchome7text.png");
        width: 60rem;
        height: 6.6rem;
        top: 18.8rem;
        left: calc(50% - 30rem);
    }

    .pc-home7 span:nth-of-type(2) {
        background-image: url("../images/home/pchome7Logo.png");
        width: 7.8rem;
        height: 8rem;
        bottom: 8rem;
        left: calc(50% - 2rem);
    }

    .pc-home7 span:nth-of-type(1) {
        animation: fadeInMoveTop 1s ease-in-out forwards;
    }

    .pc-home7 span:nth-of-type(2) {
        animation: fadeInMove 1s ease-in-out forwards;
    }


    /*尾部*/
    .copyriht {
        padding: 3.7rem 0;
        padding-left: 8rem;
        font-family: "AlibabaPuHuiTi-3-55-Regular";
        font-weight: 400;
        font-size: 2.4rem;
        line-height: 100%;
        text-align: left;
        background-color: var(--baseColor);
        /*color: var(--baseColorWhite);*/
    }

}

@media (max-width: 512px) {

    .page-list-pc {
        display: none;
    }


    header {
        height: 6.4rem;
    }

    .menu-mobile {
        padding: 0;
        position: fixed;
        top: 3rem;
        right: 3rem;
    }

    .open-icon, .close-icon {
        width: 2.32rem;
        height: 2.32rem;
    }

    .bg-white, .headerBox {
        background: transparent !important;
        position: relative;
    }

    .menu-bg-color {
        background: var(--menuColor) !important;
        position: sticky;
    }

    .shadow-sm {
        box-shadow: none !important;
    }

    .nav-pc .menu > ul {
        height: 87.4rem;
        background: var(--menuColor) !important;
    }

    .nav-pc .menu .show-on-mobile {
        border-top: none;
        padding-top: 3.7rem;
        top: 6.4rem;
    }

    .nav-pc .menu > ul > li {
        border-bottom: 1px solid var(--menuColor);
        background: var(--menuColor);
        padding: 0 4.7rem;
    }

    .nav-pc .menu > ul > li a {
        font-family: "HanaMinA";
        font-weight: 500;
        font-size: 3rem;
        line-height: 8rem;
        width: 15rem;
        border-bottom: 1px solid var(--baseColor);
    }

    .noBorder {
        border-bottom: 1px solid var(--baseColor);
    }

    .nav-pc .menu > ul > li a.active, .nav-pc .menu > ul > li:hover > a {
        color: var(--baseColor);
    }

    .nav-pc .menu > ul > li:hover > a {
        color: var(--baseColor);
    }


    main {
        margin-top: -6.4rem;
    }

    /* 开屏视频层 */
    .splash {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background-color: #000;
        opacity: 1;
        transition: opacity 600ms ease;
        overflow: hidden; /* 限制溢出，确保视觉宽度与屏幕一致 */
    }

    .splash.is-hidden {
        opacity: 0;
        pointer-events: none;
    }

    .splash__video {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        /*width: 100vw; !* 宽度严格等于屏幕宽度 *!*/
        /*height: auto; !* 按比例自适应高度 *!*/
        width: auto; /* 宽度严格等于屏幕宽度 */
        height: 100vh; /* 按比例自适应高度 */
    }

    /*首页*/
    .home1 {
        background-image: url("../images/home/homebg1.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 100vh;
    }

    .home1 .text {
        background-image: url("../images/home/home1text.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 20.4rem;
        height: 10.5rem;
        position: absolute;
        top: 6.4rem;
        left: calc(50% - 10.2rem);
        opacity: 0;
        /*padding-top: 6.4rem;*/
    }

    .changeHome1 .text {
        animation: fadeInMoveTop 1s ease-in-out forwards;
    }


    .home1 .btn {
        background-image: url("../images/home/brandBtn.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15.8rem;
        height: 4.2rem;
        position: absolute;
        bottom: 7rem;
        left: calc(50% - 7.7rem);
    }

    /*home-2*/
    .home2 {
        /*background-image: url("../images/home/homebg2.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        overflow: hidden; /* 隐藏超出的部分 */
        position: relative;
        height: 71.5rem;
    }

    .home2 .rellax-bg {
        position: absolute;
        top: -16rem;
        left: 0;
        width: 100%;
        height: 120%;
        background-image: url("../images/home/homebg2.jpg");
        background-size: cover;
        background-position: center;
        z-index: 0; /* 确保背景在底层 */
    }

    .home2 .text {
        padding-top: 6.1rem;
        z-index: 1;
    }

    .home2 .text span {
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
        margin: 0 auto;
        opacity: 0;
    }

    .changeHome2 .text span {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .home2 .text span:nth-of-type(1) {
        background-image: url("../images/home/home2text1.png");
        width: 35.4rem;
        height: 7.6rem;
        margin-bottom: .8rem;
    }

    .home2 .text span:nth-of-type(2) {
        background-image: url("../images/home/home2text2.png");
        width: 13.9rem;
        height: 1.5rem;
        margin-top: 1.6rem;
    }

    .home2 .bgText .rellax-bg {
        position: absolute;
        top: 14.5rem;
        left: calc(50% - 16.6rem);
        background-image: url("../images/home/home2flower.png");
        background-size: cover;
        background-position: center;
        width: 35.3rem;
        height: 39.3rem;
        z-index: 0; /* 确保背景在底层 */
    }

    .home2 .bgText span {
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
        opacity: 0;
        z-index: 1;
    }

    .changeHome2 .bgText span:nth-of-type(1) {
        animation: fadeInOpacity 2s ease-in-out forwards;
    }

    .changeHome2 .bgText span:nth-of-type(2) {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .home2 .bgText span:nth-of-type(1) {
        background-image: url("../images/home/home2lizi.png");
        width: 9.2rem;
        height: 10rem;
        position: absolute;
        bottom: 24.5rem;
        left: calc(50% - 6.4rem);
        z-index: 99;
    }

    .home2 .bgText span:nth-of-type(2) {
        /*background-image: url("../images/home/home2flower.png");*/
        /*width: 35.3rem;*/
        /*height: 39.3rem;*/
        /*position: absolute;*/
        /*bottom: 14.5rem;*/
        /*left: calc(50% - 16.6rem);*/
    }
    .home2 .btn {
        background-image: url("../images/home/productBtn.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 15.8rem;
        height: 4.2rem;
        position: absolute;
        bottom: 7rem;
        left: calc(50% - 7.7rem);
    }

    #main-slider-pagination .swiper-pagination-bullet {
        width: 1rem;
        height: 1rem;
        background-color: var(--baseColorWhite);
        border: 0.01rem solid #999999;
        border-radius: 5rem;
    }

    #main-slider-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 1.4rem;
    }

    #main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 1rem;
        height: 1rem;
        border: none;
        background-color: var(--menuColor);
    }

    /*    home-3*/
    .home3 .rellaxBg {
        background-image: url("../images/home/homebg3.jpg");
        width: 112%;
        height: 67rem;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
    }

    .main-slider .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 67rem;
        object-fit: cover;
    }

    .main-slider .swiper-wrapper .text {
        position: relative;
        height: 67rem;
    }

    .main-slider .swiper-wrapper span {
        display: block;
        position: absolute;
        opacity: 1;
    }

    .changeHome3 .swiper-wrapper span {
        /*animation: fadeInMoveTop 1s ease-in-out forwards;*/
    }

    .main-slider .swiper-wrapper .left span:nth-of-type(1) {
        background-image: url("../images/home/pchome3img1.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 39.4rem;
        height: 39.4rem;
        position: absolute;
        top: 8.2rem;
        left: 2.5rem;
    }

    .main-slider .swiper-wrapper .left span:nth-of-type(2) {
        background-image: url("../images/home/home3swipertext1.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 13rem;
        height: 4.1rem;
        position: absolute;
        bottom: 13.8rem;
        left: calc(50% - 6.5rem);
    }

    .main-slider .swiper-wrapper .left span:nth-of-type(3) {
        background-image: url("../images/home/home3swipertext2.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14rem;
        height: 2.1rem;
        position: absolute;
        bottom: 11rem;
        left: calc(50% - 7rem);
    }

    .main-slider .swiper-wrapper .left span:nth-of-type(4) {
        background-image: url("../images/home/home3swipertext3.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 4.4rem;
        height: 2.1rem;
        position: absolute;
        bottom: 8.7rem;
        left: calc(50% - 2.2rem);
    }

    .main-slider .swiper-wrapper .right span:nth-of-type(1) {
        background-image: url("../images/home/pchome3img2.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 39.4rem;
        height: 39.4rem;
        position: absolute;
        top: 8.2rem;
        left: 2.5rem;
    }

    .main-slider .swiper-wrapper .right span:nth-of-type(2) {
        background-image: url("../images/home/home3swipertext4.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 13rem;
        height: 4.1rem;
        position: absolute;
        bottom: 13.8rem;
        left: calc(50% - 6.5rem);
    }

    .main-slider .swiper-wrapper .right span:nth-of-type(3) {
        background-image: url("../images/home/home3swipertext5.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14rem;
        height: 2.1rem;
        position: absolute;
        bottom: 11rem;
        left: calc(50% - 7rem);
    }

    .main-slider .swiper-wrapper .right span:nth-of-type(4) {
        background-image: url("../images/home/home3swipertext6.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 4.4rem;
        height: 2.1rem;
        position: absolute;
        bottom: 8.7rem;
        left: calc(50% - 2.2rem);
    }

    .home4 {
        /*background-image: url("../images/home/homebg4.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        position: relative;
        width: 100%;
        overflow: hidden; /* 隐藏超出的部分 */
        height: 40.2rem;
    }

    .home4 .rellax-bg {
        position: absolute;
        top: -40rem;
        left: 0;
        width: 100%;
        height: 140%;
        background-image: url("../images/home/homebg4.jpg");
        background-size: cover;
        background-position: center;
        z-index: 1; /* 确保背景在底层 */
    }

    .home4 .logo {
        background-image: url("../images/home/home4logo.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14.4rem;
        height: 3.8rem;
        position: absolute;
        top: 10.1rem;
        left: calc(50% - 7.2rem);
        opacity: 0;
        z-index: 1; /* 确保背景在底层 */
    }

    .changeHome4 .logo {
        animation: fadeInMoveTop 1s ease-in-out forwards;
    }

    .home4 .text {
        background-image: url("../images/home/home4text.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 36.4rem;
        height: 6.6rem;
        position: absolute;
        top: calc(50% - 3.3rem);
        left: calc(50% - 18.2rem);
        opacity: 0;
        z-index: 1; /* 确保背景在底层 */
    }

    .changeHome4 .text {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .home4 .btn {
        background-image: url("../images/home/groupBtn.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15.8rem;
        height: 4.2rem;
        position: absolute;
        bottom: 7rem;
        left: calc(50% - 7.7rem);
        z-index: 1; /* 确保背景在底层 */
    }

    .home4 > .logo,
    .home4 > .text,
    .home4 > .btn {
        z-index: 5; /* 数值大于背景层的 z-index */
    }

    .home5 {
        background-color: var(--baseColorWhite);
        position: relative;
        height: 16.6rem;
    }

    .home5 .text {
        background-image: url("../images/home/home5text.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28rem;
        height: 3.8rem;
        position: absolute;
        top: calc(50% - 1.9rem);
        left: calc(50% - 14rem);
    }

    .home6 {
        background-image: url("../images/home/homebg6.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 27.8rem;
    }

    .home6 .text {
        background-image: url("../images/home/home6text.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 27rem;
        height: 4.6rem;
        position: absolute;
        top: calc(50% - 1.3rem);
        left: calc(50% - 13.5rem);
        opacity: 0;
    }

    .changeHome6 .text {
        animation: fadeInMoveTop 1s ease-in-out forwards;
    }

    .home7 {
        background-image: url("../images/home/homebg7.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 41.2rem;
    }

    .home7 .textTop {
        background-image: url("../images/home/home7text1.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 24.6rem;
        height: 7.4rem;
        position: absolute;
        top: 6.4rem;
        left: calc(50% - 12.3rem);
        opacity: 0;
    }

    .changeHome7 .textTop {
        animation: fadeInMoveTop 1s ease-in-out forwards;
    }

    .home7 .btn {
        background-image: url("../images/home/partnerBtn.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15.8rem;
        height: 4.2rem;
        position: absolute;
        bottom: 18.4rem;
        left: calc(50% - 7.7rem);
    }

    .home7 .textBottom {
        background-image: url("../images/home/home7text2.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 18.2rem;
        height: 1.6rem;
        position: absolute;
        top: 24.4rem;
        left: calc(50% - 9.1rem);
        opacity: 0;
    }

    .changeHome7 .textBottom {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .home7 .logo {
        background-image: url("../images/home/home7Logo.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 7rem;
        height: 6.4rem;
        position: absolute;
        bottom: 2.5rem;
        left: calc(50% - 3.5rem);
        opacity: 0;
    }

    .changeHome7 .logo {
        animation: fadeInMove 1s ease-in-out forwards;
    }

    .copyriht {
        padding: 3rem 0;
        font-family: "PingFang SC";
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 100%;
        text-align: center;
    }

}