.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;
    }

    @media (max-width: 1200px) {
        .NyTitle {
            width: 140px;
            height: 40px;
            border-radius: 0 20px 20px 20px;
            font-size: 16px;
        }
    }

    /* 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: 60%;
        margin-bottom: 90px;
        padding-left: var(--container);
    }

    .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: var(--color);
        border-radius: 12px;
        color: #fff;
        font-size: 18px;
        line-height: 1.75;
        padding: 70px;
        position: relative;
        right: -75px;
    }

    .img1 {
        position: relative;
        z-index: 2;
        width: 40%;
        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 {
            flex-wrap: wrap;
            grid-gap: 15px 0;
        }

        .Number {
            width: 50%;
        }

        .NumberBox h1 {
            font-size: 28px;
        }

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

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

    /* box2 */
    .Top2 {
        display: flex;
        flex-wrap: wrap;
    }

    .Top2 span {
        width: 50%;
        padding: 90px var(--container);
        background: #EEEEEF;
    }

    .Top2 span:nth-child(2) {
        background: #E3E3E3;
    }

    .Top2 span h1 {
        color: #737373;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .Top2 span h2 {
        color: #A73338;
        font-size: 32px;
        font-weight: 700;
    }

    .Box2 {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .list2 {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: flex;
    }

    .list2 li {
        padding: 0 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        grid-gap: 10px;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    .list2 li.on {
        background: linear-gradient(180deg, #A73338 0%, rgba(167, 51, 56, 0.00) 100%);
    }

    .list2 li h1 {
        color: #FFF;
        text-align: center;
        font-size: 38px;
        font-weight: 700;
    }

    .list2 li p {
        color: #FFF;
        text-align: center;
        font-size: 16px;
    }

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

    .img2 img {
        width: 100%;
        display: none;
    }

    .img2 img.on {
        display: block;
    }


    @media (max-width: 1200px) {
        .Top2 span {
            padding: 45px var(--container);
        }

        .Top2 span h2 {
            font-size: 26px;
        }
    }

    @media (max-width:720px) {
        .Top2 span h1 {
            font-size: 16px;
        }

        .Top2 span h2 {
            font-size: 18px;
        }
    }

    @media (max-width:480px) {
        .Top2 span {
            padding: 30px var(--container);
            width: 100%;
        }

        .list2 li h1 {
            font-size: 24px;
        }

        .list2 li p {
            font-size: 14px;
        }

        .img2 img {
            height: 50vw;
            object-fit: cover;
        }
    }

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


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


    .About3 {
        margin-top: 75px;
        overflow: hidden;
        border-radius: 12px;
        background: #EEEEEF;
    }

    .item3 {
        width: 100%;
        display: flex;
    }

    .img3 {
        width: 50%;
    }

    .text3 {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        grid-gap: 45px;
        padding: 15px 75px;
    }

    .text3 h1 {
        font-weight: 700;
        font-size: 28px;
        color: #333333;
        position: relative;
        display: flex;
        align-items: center;
        grid-gap: 45px;
    }

    .text3 h1::before {
        content: "";
        position: relative;
        z-index: 2;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #D9D9D9;
    }

    .text3 h1::after {
        content: "";
        display: block;
        position: absolute;
        left: 13px;
        z-index: 2;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--color);
    }

    .text3 p {
        font-size: 16px;
        line-height: 1.5;
        color: #444444;
    }

    .item3:nth-child(2) {
        flex-direction: row-reverse;
    }

    @media (max-width: 1440px) {
        .About3 {
            margin-top: 60px;
        }

        .text3 {
            grid-gap: 30px;
            padding: 30px 60px;
        }
    }

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

        .About3 {
            margin-top: 30px;
        }

        .text3 {
            grid-gap: 15px;
            padding: 30px;
        }

        .text3 h1 {
            font-size: 24px;
            grid-gap: 15px;
        }

        .text3 h1::before {
            width: 30px;
            height: 30px;
        }

        .text3 h1::after {
            width: 10px;
            height: 10px;
            left: 10px;
        }

        .text3 p {
            font-size: 14px;
        }
    }

    @media (max-width:600px) {
        .item3 {
            flex-direction: column-reverse !important;
        }

        .img3 {
            width: 100%;
        }

        .text3 {
            width: 100%;
        }
    }

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

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

    /* About4 */
    .NySection4 {
        width: 100%;
        overflow: hidden;
        padding-top: 120px;
    }

    .NySection4 .NyTitle {
        margin-left: var(--container);
    }

    .About4 {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .Swiper4 {
        overflow: visible;
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

    .Swiper4 .swiper-wrapper {
        align-items: center;
    }

    .Slide4 {
        height: auto;
        position: relative;
    }

    .Slide4 .aa {
        position: relative;
        z-index: 2;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--color);
    }


    .Slide4 .text {
        position: absolute;
        left: 45px;
        bottom: 6vw;
    }

    .Slide4 .xian {
        position: absolute;
        left: -35px;
        top: 0;
        width: 1px;
        height: calc(100% + 6vw);
        background: #ADADAD;
    }

    .Slide4 h1 {
        color: #1D1D1D;
        font-size: 20px;
        font-weight: bold;
    }

    .Slide4 h2 {
        color: #1D1D1D;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .Slide4 img {
        width: 100%;
        border-radius: 12px;
    }

    .bj4 {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 50vw;
        object-fit: contain;
    }

    /* 定位代码 */
    .Slide4.slideIndex2 .xian,
    .Slide4.slideIndex4 .xian,
    .Slide4.slideIndex6 .xian {
        top: auto;
        bottom: 0;
        height: calc(100% + 3vw);
    }

    .Slide4.slideIndex2 .text,
    .Slide4.slideIndex4 .text,
    .Slide4.slideIndex6 .text {
        top: 3vw;
        bottom: auto;
    }

    .Slide4.slideIndex1 {
        left: 6%;
        bottom: -20%;
    }

    .Slide4.slideIndex2 {
        left: 6%;
        bottom: -14.6%;
    }

    .Slide4.slideIndex3 {
        left: 6.6%;
        bottom: 0%;
    }

    .Slide4.slideIndex4 {
        left: -2%;
        bottom: 7%;
    }

    .Slide4.slideIndex5 {
        left: 0%;
        bottom: 9%;
    }

    .Slide4.slideIndex6 {
        left: -5%;
        bottom: 10.5%;
    }

    .Slide4.slideIndex7 {
        left: -7%;
        bottom: 16.2%;
    }

    @media (max-width: 1600px) {
        .Slide4.slideIndex1 {
            bottom: -20%;
        }

        .Slide4.slideIndex2 {
            bottom: -13.6%;
        }

        .Slide4.slideIndex3 {
            bottom: 6%;
        }

        .Slide4.slideIndex4 {
            bottom: 9%;
        }

        .Slide4.slideIndex5 {
            bottom: 11%;
        }

        .Slide4.slideIndex6 {
            bottom: 15.5%;
        }

        .Slide4.slideIndex7 {
            position: relative;
            left: auto;
            bottom: auto;
        }
    }

    @media (max-width: 1440px) {
        .Slide4.slideIndex1 {
            bottom: -20%;
        }

        .Slide4.slideIndex2 {
            bottom: -9.6%;
        }

        .Slide4.slideIndex3 {
            left: 0%;
            bottom: 6%;
        }

        .Slide4.slideIndex4 {
            bottom: 9%;
        }

        .Slide4.slideIndex5 {
            left: -8%;
            bottom: 13%;
        }

        .Slide4.slideIndex6,
        .Slide4.slideIndex7 {
            position: relative;
            left: auto;
            bottom: auto;
        }
    }

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

        .Slide4.slideIndex1,
        .Slide4.slideIndex2,
        .Slide4.slideIndex3,
        .Slide4.slideIndex4,
        .Slide4.slideIndex5,
        .Slide4.slideIndex6,
        .Slide4.slideIndex7 {
            position: relative;
            left: auto;
            bottom: auto;
        }

        .About4 {
            padding: 0 var(--container);
            position: relative;
        }

        .About4::after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            width: 100%;
            height: 4px;
            background: #cfcfcf;
        }

        .Swiper4 {
            position: relative;
            z-index: 2;
            overflow: hidden;
            height: 500px;
        }

        .Slide4 h2 {
            font-size: 16px;
        }

        .bj4 {
            display: none;
        }
    }

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

    @media (max-width: 460px) {
        .NySection4 {
            padding-bottom: 60px;
        }

        .About4::after {
            bottom: 0;
        }

        .Swiper4 {
            margin-top: 30px;
            height: auto;
            overflow: visible;
        }

        .Slide4 {
            width: 60%;
            padding-left: 15px;
        }

        .Slide4 .text {
            position: unset;
            padding-bottom: 30px;
        }

        .Slide4 img {
            width: 100%;
            border-radius: 6px;
        }

        .Slide4 .xian {
            left: 0 !important;
            bottom: 0 !important;
            height: 100% !important;
        }

        .Slide4 .aa {
            position: absolute;
            left: -10px;
            bottom: -10px;
        }
    }


    /* About5 */
    .NySection5 {
        padding: 0 var(--container);
        padding-top: 120px;
    }

    .Top5 {
        display: flex;
        grid-gap: 45px;
    }

    .Top5 .NyTitle {
        border: 1px solid #00000040;
    }

    .Top5 .NyTitle.on {
        border: 1px solid #000000;
    }

    .About5 {
        margin-top: 75px;
        display: none;
        position: relative;
    }

    .About5.on {
        display: block;
    }

    .Swiper5 {
        width: 100%;
    }

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

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

    .item5 .text5 {
        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;
    }

    .item5:hover .text5 {
        opacity: 1;
    }

    .item5 .text5 .icon5 {
        width: 65px;
        margin-bottom: 20px;
    }

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

    .anniu5 {
        display: flex;
        grid-gap: 20px;
        position: absolute;
        right: 0;
        top: -132px;
    }

    .anniu5 div {
        width: 70px;
        height: 70px;
        border: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .anniu5 div i {
        font-size: 24px;
    }

    .anniu5 div:hover {
        background: var(--color);
        border: 1px solid var(--color);
    }

    .anniu5 div:hover i {
        color: #fff;
    }

    @media (max-width: 1200px) {
        .Top5 {
            grid-gap: 30px;
        }

        .NySection5 {
            padding-top: 90px;
        }

        .anniu5 div {
            width: 60px;
            height: 60px;
        }

        .item5 .text5 .icon5 {
            width: 45px;
            margin-bottom: 10px;
        }

        .anniu5 {
            top: -125px;
        }
    }

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

        .About5.on {
            display: flex;
        }

        .About5 {
            flex-direction: column-reverse;
        }


        .anniu5 {
            margin-top: 15px;
            position: relative;
            top: 0;
            z-index: 2;
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

        .anniu5 div {
            width: 45px;
            height: 45px;
            background: #fff;
        }

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

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

        .Top5 .NyTitle {
            font-size: 14px;
        }

        .Slide5 {
            grid-gap: 10px;
            flex-direction: row;
        }

        .anniu5 div {
            width: 40px;
            height: 40px;
        }

        .anniu5 div i {
            font-size: 18px;
        }
    }

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