.brandPrcture {
    width: 100%;
    aspect-ratio: 7 / 4;
    background-image: url(/static/image/brand.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    z-index: 1000;
    transition: all 0.3s ease;
}
.brandPrcture.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.footer_bottom{
    width: 100%;
    height: clamp(240px, 25vw, 359px);
    background-image: url(/static/image/brandBottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 1000;
    margin: 0 auto;
}
.footer_bottom.fixed-bottom{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height:180px;
}
.footer_Test{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: clamp(200px, 100%, 800px);
    margin: 0 auto;
    margin-top: clamp(20px, 5vw, 54px);
}
.custom-col{
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(15px, 4vw, 36px);
    font-weight: bold;
    color: #FFFFFF;
    line-height: clamp(36px, 10vw, 72px);
}
.footer_bottom_text{
    font-family:'Alibaba PuHuiTiBold', sans-serif;
    font-weight: bold;
    font-size: clamp(30px, 9vw, 60px);
    line-height: clamp(36px, 12vw, 72px);
    color: #FE590F;
}
.brandTest{
            font-family:'Alibaba PuHuiTi', sans-serif;
            font-weight:500;
            font-size: clamp(20px, 3.57vw, 50px);
            color:#FFFFFF;
        }
        .brandTwo {
    font-family: 'Alibaba Heavy', sans-serif;
    font-weight: 800;
    color:#0285FF;
    font-size: clamp(45px, 10.57vw, 148px);
    -webkit-text-stroke: clamp(2px, 0.43vw, 6px) #fff;
    text-shadow: clamp(2px, 0.29vw, 7px) clamp(3px, 0.5vw, 7px) 0px #0285FF;
}
.footer_Test_img{
    width: clamp(20px, 5vw, 41px);
    height: auto;
    margin-right: clamp(10px, 3vw, 20px);
}
.brandThree {
    font-family: 'Alibaba PuHuiTi', sans-serif;
    font-weight: 500;
    color: white;
    background: linear-gradient(180deg, #FF683A 0%, #FF4C20 100%);
    box-shadow:
        0 8px 24px 0 rgba(255,76,32,0.32),
        0 2px 4px 0 rgba(0,0,0,0.16),
        0 -4px 10px 0 rgba(255,255,255,0.21);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    font-size: clamp(25px, 4.29vw, 60px);
    width: clamp(200px, 36.57vw, 512px);
    height: clamp(45px, 6.43vw, 91px);
    border-radius: clamp(30px, 3.29vw, 46px);
    border: clamp(1px, 0.14vw, 2px) solid #fff8f3;
}
@font-face {
    font-family: "Alibaba PuHuiTiBold";
    src: url("/static/star/css/Alibaba-PuHuiTi-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
        }

        @font-face {
    font-family: "Alibaba PuHuiTi";
    src: url("/static/star/css/Alibaba-PuHuiTi-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
        }
    @font-face {
    font-family: "Alibaba Heavy";
    src: url("/static/star/css/Alibaba-PuHuiTi-Heavy.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "Alibaba BiaoTiHei";
    src: url("/static/star/css/Alibaba-YouSheBiaoTiHei-2.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}
.brandTwoPicture{
    width: 100%;
    aspect-ratio: 7 / 4;
    background-image: url(/static/image/newImage/backgroundTwoN.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    z-index: 1000;
    transition: all 0.3s ease;

}
.brandTwoPicture.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.brandTwoCd{
    width: 100%;
    height:100%;
    position: relative;
}
.brandTwoTop{
    font-family: 'Alibaba PuHuiTi', sans-serif;
    font-weight: 500;
    position: absolute;
    font-size: clamp(24px, 5vw, 47px);
    color:#ffecbe;
    line-height:61px;
    /* text-shadow: 0px 2px 2px rgba(183, 0, 0, 0.52); */
    /* background:linear-gradient(0deg,#FFE6AA 0%,#FFFFFF 100%); */
    /* -webkit-background-clip: text; */
    /* background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    top: 20%;
    right: 37%;
}
.brandTwoLine {
    font-family: 'Alibaba BiaoTiHei', sans-serif;
    font-weight: 400;
    position: absolute;
    left: 20%;
    top: 27%;
    font-size:216px;
    transform: skew(-10deg);
    color:#ffecbe;
}
.brandTwoTab{
    font-family: 'Alibaba PuHuiTiBold', sans-serif;
    font-weight: bold;
    position: absolute;
    font-size: 76px;
    color:#ffecbe;
    /* text-shadow: 0px 2px 2px rgba(183, 0, 0, 0.52);
    background: linear-gradient(90deg, #FFFFFF 0%, #FFE6AA 50%, #FFFFFF 80%, #FFE6AA 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; */
    top: 65%;
    left: 29%;
}

@media screen and (max-width: 1288px) {
    .brandTwoTop{
        font-family: 'Alibaba PuHuiTi', sans-serif;
        font-weight: 500;
        position: absolute;
        font-size: 47px;
        top: 19%;
        right: 33.5%;
    }
    .brandTwoLine {
        left: 22%;
        top: 26%;
        font-size: 180px;
    }
    .brandTwoTab{
        font-family: 'Alibaba PuHuiTiBold', sans-serif;
        font-weight: bold;
        position: absolute;
        font-size: 68px;
        top: 63%;
        left: 29%;
    }
}
@media screen and (max-width: 1248px) {
    .brandTwoTop{
        font-family: 'Alibaba PuHuiTi', sans-serif;
        font-weight: 500;
        position: absolute;
        font-size: 47px;
        top: 19%;
        right: 33%;
    }
    .brandTwoLine {
        left: 22%;
        top: 26%;
        font-size: 180px;
    }
    .brandTwoTab{
        font-family: 'Alibaba PuHuiTiBold', sans-serif;
        font-weight: bold;
        position: absolute;
        font-size: 68px;
        top: 65%;
        left: 29%;
    }
}
@media screen and (max-width: 800px) {
    .brandTwoTop{
        font-family: 'Alibaba PuHuiTi', sans-serif;
        font-weight: 500;
        position: absolute;
        font-size: 29px;
        top: 16%;
        right: 33%;
    }
    .brandTwoLine {
        left: 20%;
        top: 26%;
        font-size: 119px;
    }
    .brandTwoTab{
        font-family: 'Alibaba PuHuiTiBold', sans-serif;
        font-weight: bold;
        position: absolute;
        font-size: 44px;
        top: 65%;
        left: 27%;
    }
}
@media screen and (max-width: 735px) {
    .brandTwoTop{
        font-family: 'Alibaba PuHuiTi', sans-serif;
        font-weight: 500;
        position: absolute;
        font-size: 26px;
        top: 16%;
        right: 34%;
    }
    .brandTwoLine {
        left: 20%;
        top: 26%;
        font-size: 102px;
    }
    .brandTwoTab{
        font-family: 'Alibaba PuHuiTiBold', sans-serif;
        font-weight: bold;
        position: absolute;
        font-size: 39px;
        top: 63%;
        left: 27%;
    }
}
@media screen and (max-width: 707px) {
    .brandTwoTop{
        font-size: 24px;
        position: absolute;
        top: 16%;
        right: 34%;
    }
    .brandTwoLine {
        font-size: 102px;
    }
    .brandTwoTab{
        font-size: 39px;

    }
}
@media screen and (max-width: 689px) {
    .brandTwoTop{
        font-family: 'Alibaba PuHuiTi', sans-serif;
        font-weight: 500;
        position: absolute;
        font-size: 24px;
        top: 16%;
        right: 34%;
    }
    .brandTwoLine {
        left: 20%;
        top: 26%;
        font-size: 102px;
    }
    .brandTwoTab{
        font-family: 'Alibaba PuHuiTiBold', sans-serif;
        font-weight: bold;
        position: absolute;
        font-size: 37px;
        top: 65%;
        left: 27%;
    }
}

@media screen and (max-width: 635px) {
    .brandTwoTop{
        font-size: 22px;
        position: absolute;
        top: 15%;
        right: 34%;
    }
    .brandTwoLine {
        font-size: 85px;
    }
    .brandTwoTab{
        font-size: 35px;

    }
}

@media screen and (max-width: 565px) {
    .brandTwoTop{
        font-size: 20px;
        position: absolute;
        top: 14%;
        right: 34%;
    }
    .brandTwoLine {
        font-size: 81px;
    }
    .brandTwoTab{
        font-size: 31px;

    }
}
@media screen and (max-width: 500px) {
    .brandTwoTop{
        font-size: 17px;
        position: absolute;
        top: 12%;
        right: 34%;
    }
    .brandTwoLine {
        font-size:67px;
    }
    .brandTwoTab{
        font-size: 25px;

    }
}
@media screen and (max-width: 438px) {
    .brandTwoTop{
        font-size: 15px;
        position: absolute;
        top: 11%;
        right: 34%;
    }
    .brandTwoLine {
        font-size:62px;
    }
    .brandTwoTab{
        font-size: 23px;

    }
}
@media screen and (max-width: 390px) {
    .brandTwoTop{
        font-size: 14px;
        position: absolute;
        top: 10%;
        right: 34%;
    }
    .brandTwoLine {
        font-size:57px;
    }
    .brandTwoTab{
        font-size: 18px;

    }
}
@media screen and (max-width: 296px) {
    .brandTwoTop{
        font-size: 9px;
        position: absolute;
        top: 2%;
        right: 34%;
    }
    .brandTwoLine {
        font-size:35px;
    }
    .brandTwoTab{
        font-size: 13px;

    }
}
