.NyBigBox {
        background: #F8F8F8;
    }

    .NyTitle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 165px;
        height: 46px;
        border: 1px solid #000000;
        border-radius: 0 23px 23px 23px;
        color: var(--color);
        font-size: 18px;
    }

    /* box1 */
    .NySection1 {
        padding-left: var(--container);
    }

    .Box1 {
        position: relative;
        display: flex;
    }

    .Box1::after {
        content: "ABOUT US";
        color: #F0F0F0;
        font-size: 200px;
        font-weight: 700;
        line-height: 1;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .lt1 {
        position: relative;
        z-index: 3;
        width: 52%;
        margin-bottom: 90px;
    }

    .text1 {
        margin-top: 120px;
        display: flex;
    }

    .NumberBox {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .NumberBox h1 {
        color: #A73338;
        font-size: 58px;
        font-weight: 700;
    }

    .NumberBox h2 {
        color: #606060;
        font-size: 16px;
    }

    .desc1 {
        background: #fff;
        border-radius: 12px;
        color: #959595;
        font-size: 18px;
        line-height: 1.75;
        padding: 70px;
        position: relative;
        right: -75px;
    }

    .img1 {
        position: relative;
        z-index: 2;
        width: 48%;
        border-radius: 5vw 0 0 0;
        overflow: hidden;
    }

    .img1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    @media (max-width: 1600px) {
        .desc1 {
            font-size: 16px;
            padding: 45px;
        }

        .lt1 {
            margin: 0;
        }

        .text1 {
            margin: 90px 0;
            display: flex;
        }
    }

    @media (max-width: 1440px) {
        .text1 {
            margin: 30px 0;
            display: flex;
        }

        .NumberBox h1 {
            color: #A73338;
            font-size: 38px;
            font-weight: 700;
        }

        .desc1 {
            font-size: 14px;
            line-height: 1.5;
            padding: 30px;
        }

        .Box1::after {
            content: "ABOUT US";
            font-size: 100px;
        }
    }

    @media (max-width: 1200px) {
        .text1 {

            display: flex;
            flex-direction: column-reverse;
        }

        .desc1 {
            right: 0;
            width: calc(100% + 90px);
        }

        .NumberBox {
            margin-top: 30px;
            display: flex;
            flex-direction: row;
        }
    }

    @media (max-width: 900px) {
        .NySection1 {
            padding: 0;
        }

        .Box1 {
            flex-wrap: wrap;
        }

        .lt1 {
            width: 100%;
            padding: 0 var(--container);
        }

        .desc1 {
            width: 100%;
        }

        .img1 {
            width: 100%;
        }

        .Box1::after {
            display: none;
        }
    }

    @media (max-width:460px) {
        .NumberBox h1 {
            font-size: 28px;
        }

        .NumberBox h2 {
            font-size: 14px;
        }
    }

    @media (max-width:380px) {}

    /* box2 */
    .NySection2 {
        position: relative;
        background: #e7e8ec;
        padding: 120px var(--container);
        background: linear-gradient(116deg, #EFEFEF 11.79%, #FFF 35.21%, #F6F6F6 67.55%, #F2F3F3 78.57%);
    }


    .Box2 {
        position: relative;
        width: 100%;
    }

    .Swiper2 {
        margin-top: 30px;
    }

    .Swiper2 .swiper-wrapper {
        align-items: flex-end;
    }

    .Slide2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-gap: 110px;
    }

    .Slide2 img {
        width: calc(100% - 90px);
    }

    .Slide2.swiper-slide-active img {
        width: 100%;
    }

    .Slide2.swiper-slide-prev {
        align-items: flex-start;
    }

    .Slide2.swiper-slide-next {
        align-items: flex-end;
    }

    .Slide2.swiper-slide-prev img,
    .Slide2.swiper-slide-next img {
        width: calc(100% - 45px);
    }

    .Slide2 h1 {
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        color: #464646;
        text-align: center;
        opacity: 0;
    }

    .Slide2.swiper-slide-active h1 {
        opacity: 1;
    }

    .anniu2 {
        position: absolute;
        z-index: 2;
        left: 50%;
        transform: translate(-50%, 50%);
        bottom: 12px;
        width: calc(20% + 180px);
        display: flex;
        justify-content: space-between;
    }

    .next2,
    .prev2 {
        width: 90px;
        height: 90px;
        border: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .next2 i,
    .prev2 i {
        font-size: 24px;
    }

    @media (max-width: 1600px) {}

    @media (max-width: 1440px) {}

    @media (max-width: 1200px) {
        .NySection2 {
            padding: 90px var(--container);
        }

        .anniu2 {
            width: calc(20% + 120px);
        }

        .next2,
        .prev2 {
            width: 60px;
            height: 60px;
        }

        .next2 i,
        .prev2 i {
            font-size: 18px;
        }

        .Swiper2 {
            margin-top: 30px;
        }


        .Slide2 {
            grid-gap: 60px;
        }

        .Slide2 img {
            width: calc(100% - 30px);
        }

        .Slide2.swiper-slide-prev img,
        .Slide2.swiper-slide-next img {
            width: calc(100% - 15px);
        }
    }

    @media (max-width:720px) {
        .NySection2 {
            padding: 60px var(--container);
        }

        .anniu2 {
            width: calc(33.3333% + 90px);
        }

        .next2,
        .prev2 {
            width: 45px;
            height: 45px;
        }

        .next2 i,
        .prev2 i {
            font-size: 14px;
        }
    }

    @media (max-width:460px) {
        .anniu2 {
            width: calc(50% + 90px);
        }
    }

    @media (max-width:380px) {}


    /* box3 */
    .NySection3 {
        padding: 90px var(--container);
    }


    .About3 {
        margin-top: 60px;
        display: grid;
        grid-gap: 25px;
        grid-template-columns: repeat(6, 1fr);
    }

    .img3 {
        width: 100%;
        background: #fff;
    }

    .img3 img {
        width: 85%;
    }


    @media (max-width: 1440px) {
        .About3 {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media (max-width: 1200px) {
        .About3 {
            margin-top: 30px;
            grid-gap: 15px;
        }
    }

    @media (max-width:720px) {
        .NySection3 {
            padding: 60px var(--container);
        }

        .About3 {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width:460px) {
        .About3 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width:380px) {}

    /* box4 */
    .NySection4 {
        padding: 0 var(--container);
        padding-top: 60px;
    }

    .About4 {
        margin-top: 75px;
    }

    .Slide4 {
        width: 100%;
        display: flex;
        flex-direction: column;
        grid-gap: 25px;
    }

    .item4 {
        position: relative;
        width: 100%;
    }

    .item4 .text4 {
        position: absolute;
        z-index: 2;
        inset: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        font-weight: 700;
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
        color: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: 0.5s;
    }

    .item4:hover .text4 {
        opacity: 1;
    }

    .item4 .text4 .icon4 {
        width: 65px;
        margin-bottom: 20px;
    }

    .item4 .img4 {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    @media (max-width: 1200px) {
        .item4 .text4 .icon4 {
            width: 45px;
            margin-bottom: 10px;
        }
    }

    @media (max-width:720px) {
        .NySection4 {
            padding-top: 30px;
        }

        .About4 {
            margin-top: 30px;
        }
    }

    @media (max-width:460px) {
        .Slide4 {
            grid-gap: 10px;
        }
    }

    @media (max-width:380px) {}