@media (max-width: 512px) {
    --baseColorWhite: #FFFFFF;
    @keyframes fadeInMove {
        0% {
            opacity: 0;
            transform: translateY(5rem); /* 起始状态 */
        }
        100% {
            opacity: 1;
            transform: translateY(0); /* 结束状态 */
        }
    }
    @keyframes fadeInOpacity {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes fadeInShow {
        0% {
            visibility: hidden;
            transform: translateY(5rem); /* 起始状态 */
        }
        100% {
            visibility: revert;
            transform: translateY(0); /* 结束状态 */
        }
    }

    .page-list.case-wrapper {
        padding: 0;
    }
    .content {
        padding: 4rem 2rem;
    }

    .page-list-phone {
        background-color: var(--baseColorWhite);
    }

    .aboutUs0 {
        /*background-image: url("../images/abouUs/aboutUsBanner.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        position: relative;
        height: 26.8rem;
        overflow: hidden; /* 隐藏超出的部分 */
    }

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

    .aboutUs0 span {
        position: absolute;
        top: calc(50% - 2.05rem);
        left: 3.6rem;
        display: block;
        background-image: url("../images/abouUs/aboutUstext.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 11.6rem;
        height: 4.1rem;
        z-index: 1; /* 确保背景在底层 */
    }

    .contentUs p:nth-of-type(1){
        display: block;
        background-image: url("../images/abouUs/aboutUstext1.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 20rem;
        height: 5.6rem;
        margin: 0 auto;
    }
    .contentUs p:nth-of-type(2) {
        color: #BC8A5B;
        font-family: "HanaMinA";
        font-weight: 500;
        font-size: 3rem;
        line-height: 100%;
        text-align: center;
        margin-top: 2.4rem;

    }

    .code {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .code .codeBox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .code .codeBox .codeBorder {
        width: 20rem;
        height: 20rem;
        background-image: url("../images/abouUs/aboutUsCodeBorder.png");
        background-repeat: no-repeat;
        background-size: 100%;
        margin-bottom: 1.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .code .codeBox .codeBorder img {
        width: 16.9rem;
        height: 16.9rem;
    }

    .code .codeBox .text1 {
        width: 17.3rem;
        height: 2.1rem;
        background-image: url("../images/abouUs/aboutUsCodetext1.png");
        background-repeat: no-repeat;
        background-size: 100%;
        margin-bottom: 3.6rem;
    }

    .code .codeBox .text2 {
        width: 24rem;
        height: 2.1rem;
        background-image: url("../images/abouUs/aboutUsCodetext2.png");
        background-repeat: no-repeat;
        background-size: 100%;
        margin-bottom: 4.3rem;
    }

    .aboutUsBtn {
        display: flex;
        margin-top: 3.6rem;
    }

    .aboutUsBtn  a {
        background-image: url("../images/abouUs/aboutUsBtn.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15.8rem;
        height: 4.2rem;
        margin:0 auto;
    }

    .phone-aboutUs-logo {
        height: 11.9rem;
        position: relative;
        background-color: var(--baseColorWhite);
    }

    .phone-aboutUs-logo span {
        background-image: url("../images/abouUs/aboutUsLogo.png");
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        width: 7rem;
        height: 6.4rem;
        bottom: .5rem;
        left: calc(50% - 3.5rem);
    }

}

@media (min-width: 512px) {
    .container-pc {
        background-color: var(--baseColorWhite);
    }
    .pc-aboutUs0 {
        /*background-image: url("../images/abouUs/pcaboutUs0Bg.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        position: relative;
        height: 61.3rem;
        overflow: hidden; /* 隐藏超出的部分 */
    }

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

    .pc-aboutUs0 span {
        position: absolute;
        top: 26rem;
        left: 15rem;
        display: block;
        background-image: url("../images/abouUs/pcaboutUs0Text.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 19.2rem;
        height: 6.6rem;
        z-index: 1; /* 确保背景在底层 */
    }

    .contentUs {
        /*height: calc(100vh - 61.3rem);*/
        padding-top: 28.6rem;
    }

    .contentUs p:nth-of-type(1){
        display: block;
        background-image: url("../images/abouUs/pcaboutUsText3.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28rem;
        height: 7.6rem;
        margin: 0 auto;
    }
    .contentUs p:nth-of-type(2) {
        color: #BC8A5B;
        font-family: "HanaMinA";
        font-weight: 500;
        font-size: 4.8rem;
        line-height: 100%;
        text-align: center;
        margin-top: 2.4rem;

    }

    .code {
        display: flex;
        /*flex-direction: column;*/
        justify-content: center;
        align-items: center;
        position: absolute;
        left: calc(50% - 39.4rem);
        top: 44.4rem;
    }
    .code .codeBox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 12.6rem;
    }
    .code .codeBox:nth-of-type(2) {
        margin-right: 0;
    }
    .code .codeBox .codeBorder {
        width: 32.9rem;
        height: 32.9rem;
        background-image: url("../images/abouUs/pcaboutUsCOdeBorder1.png");
        background-repeat: no-repeat;
        background-size: 100%;
        margin-bottom: 2.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .code .codeBox .codeBorder img {
        width: 27.8rem;
        height: 27.8rem;
    }

    .code .codeBox .text1 {
        width: 26rem;
        height: 3.3rem;
        background-image: url("../images/abouUs/pcaboutUsText1.png");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .code .codeBox .text2 {
        width: 36rem;
        height: 3.3rem;
        background-image: url("../images/abouUs/pcaboutUsText2.png");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .aboutUsBtn {
        display: flex;
        margin: 6rem 0 8rem;
    }

    .aboutUsBtn  a {
        background-image: url("../images/abouUs/pcaboutUsBtn.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 27.8rem;
        height: 7.2rem;
        margin:0 auto;
    }

    .pc-aboutUs-logo {
        height: 15rem;
        position: relative;
        background-color: var(--baseColorWhite);
    }

    .pc-aboutUs-logo span {
        background-image: url("../images/abouUs/pcAboutUsLogo.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 7.8rem;
        height: 7rem;
        position: absolute;
        bottom: 8rem;
        left: calc(50% - 3.9rem);
    }
}