.NyBigBox {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* box1  */
    .aboutBox1 {
        position: relative;
        overflow: hidden;
    }

    .About1 {
        display: flex;
        flex-wrap: wrap;
    }

    .text1 {
        padding: 60px 0;
        padding-left: var(--w1600);
        padding-right: 90px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 55%;
    }

    .text1 .NyTitle {
        position: relative;
    }

    .text1 .NyTitle .vrMore {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .text1 .desc1 {
        margin: 90px 0;
        display: block;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
        line-height: 2;
        color: #7E7E7E;
    }

    .Number {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .Number .shuzhi {
        display: block;
    }

    .Number .shuzhi span {
        display: flex;
        align-items: baseline;
        grid-gap: 10px;
    }

    .Number .shuzhi span h1 {
        font-family: 'MiSans';
        font-weight: 700;
        font-size: 60px;
        color: var(--color);
    }

    .Number .shuzhi span h3 {
        font-size: 30px;
        color: var(--color);
    }

    .Number .shuzhi h2 {
        margin-top: 25px;
        padding-top: 25px;
        font-weight: 500;
        font-size: 18px;
        line-height: 1;
        color: #8A8A8A;
        border-top: 2px dashed #ACACAC;
    }


    .img1 {
        width: 45%;
        position: relative;
    }

    .img1 a {
        position: absolute;
        z-index: 2;
        left: 50%;
        bottom: 90px;
        transform: translateX(-50%);
        width: 210px;
        height: 60px;
        background: #fff;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        color: var(--color);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media (max-width: 1600px) {
        .Number .shuzhi span h1 {
            font-size: 48px;
        }
    }

    @media (max-width: 1440px) {
        .text1 {
            padding-right: 30px;
        }

        .text1 .NyTitle .vrMore {
            bottom: 6px;
        }

        .Number .shuzhi span h1 {
            font-size: 40px;
        }

        .Number .shuzhi span h3 {
            font-size: 18px;
        }


    }

    @media (max-width: 1200px) {
        .text1 .desc1 {
            margin: 30px 0;
            font-size: 16px;
            line-height: 1.5;
        }

        .text1 .NyTitle {
            padding-right: 60px;
        }

        .text1 .NyTitle .vrMore img {
            width: 45px;
        }

        .Number .shuzhi span {
            grid-gap: 0px;
        }

        .Number .shuzhi span h1 {
            font-size: 26px;
        }

        .Number .shuzhi span h3 {
            font-size: 14px;
        }

        .Number .shuzhi h2 {
            margin-top: 10px;
            padding-top: 10px;
            font-size: 14px
        }
    }

    @media (max-width:800px) {
        .text1 {
            padding: 60px var(--w1600);
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
        }

        .img1 {
            width: 100%;
        }
    }

    @media (max-width:460px) {
        .text1 .NyTitle {
            padding-right: 0px;
        }

        .text1 .NyTitle .vrMore {
            display: block;
            margin-top: 10px;
            position: relative;
            inset: 0;
        }

        .text1 .desc1 {
            margin: 15px 0;
            font-size: 16px;
        }

        .Number {
            display: flex;
            flex-wrap: wrap;
            grid-gap: 15px;
        }

        .Number .shuzhi {
            width: 40%;
        }

        .img1 a {
            bottom: 30px;
        }
    }

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

    /* box2 */
    .aboutBox2 {
        position: relative;
    }

    .About2 {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
    }

    .About2 .NyTitle {
        position: absolute;
        z-index: 2;
        top: 120px;
        width: 100%;
    }

    .About2 .NyTitle * {
        text-align: center;
        color: #fff;
    }


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

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

    .item2.on {
        display: flex;
    }

    .item2 .desc2 {
        position: absolute;
        z-index: 2;
        padding-top: 120px;
    }

    .item2 .desc2 h1 {
        font-weight: bold;
        font-size: 50px;
        color: #fff;
        margin-bottom: 60px;
    }

    .item2 .desc2 span {
        display: block;
        width: 50px;
        height: 8px;
        background: rgba(255, 255, 255, 0.8);
        margin: 0 auto;
        display: none;
    }

    .item2 .bj2 {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .icon2Box {
        width: 100%;
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: -120px;
        padding: 0 var(--w1600);
        display: flex;
        grid-gap: 40px;
    }

    .icon2Box .icon2 {
        width: 100%;
        height: 180px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgba(130, 149, 165, 0.4);
        border-radius: 20px;
        transition: 0.5s;
    }

    .icon2Box .icon2.on {
        background: var(--color);
    }

    .icon2Box .icon2 h1 {
        position: absolute;
        z-index: 2;
        text-align: center;
        font-weight: 700;
        font-size: 40px;
        color: #545454;
        transition: 0.5s;
    }

    .icon2Box .icon2.on h1 {
        color: #fff;
    }

    .icon2Box .icon2 img {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: contain;
        opacity: 0.1;
        transition: 0.5s;
    }

    .icon2Box .icon2.on img {
        filter: brightness(0) invert(1);
    }

    .prev2 {
        position: absolute;
        z-index: 3;
        left: var(--w1600);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-top: 120px;
    }

    .next2 {
        position: absolute;
        z-index: 3;
        right: var(--w1600);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-top: 120px;
    }

    .prev2 i,
    .next2 i {
        font-size: 48px;
        color: #fff;
    }

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

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

        .icon2Box .icon2 h1 {
            font-size: 24px;
        }

        .icon2Box .icon2 {
            height: 120px;
        }

        .icon2Box {
            bottom: -60px;
        }

    }

    @media (max-width: 1200px) {
        .item2 .bj2 {
            height: 460px;
            object-fit: cover;
        }

        .item2 .desc2 {
            padding-top: 90px;
        }

        .item2 .desc2 h1 {
            font-size: 32px;
            margin-bottom: 30px;
        }

        .prev2,
        .next2 {
            margin-top: 90px;
        }

        .icon2Box .icon2 {
            height: 90px;
        }

        .icon2Box .icon2 h1 {
            font-size: 20px;
        }

        .icon2Box {
            bottom: -30px;
            grid-gap: 20px;
        }
    }

    @media (max-width:720px) {
        .item2 .bj2 {
            height: 275px;
        }

        .item2 .desc2 {
            padding-top: 60px;
        }

        .item2 .desc2 h1 {
            font-size: 24px;
            margin-bottom: 15px;
        }

        .item2 .desc2 span {
            width: 50px;
            height: 4px;
        }

        .prev2,
        .next2 {
            width: 45px;
            height: 45px;
            margin-top: 0px;
        }

        .prev2 i,
        .next2 i {
            font-size: 32px;
            color: #fff;
        }

        .item2Box {
            padding-bottom: 150px;
        }

        .icon2Box {
            bottom: 0;
            display: flex;
            flex-wrap: wrap;
            grid-gap: 15px;
        }

        .icon2Box .icon2 {
            width: calc(50% - 7.5px);
            height: 60px;
            border-radius: 10px;
        }

        .icon2Box .icon2 h1 {
            font-size: 16px;
            line-height: 1.5;
        }

        .icon2Box .icon2 h1 br {
            display: none;
        }
    }

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

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



    /* box3 */
    .aboutBox3 {
        padding-top: 240px;
        overflow: hidden;
        position: relative;
    }

    .aboutBox3 .NyTitle {
        padding: 0 var(--w1600);
    }

    .About3 {
        position: relative;
        margin-top: 120px;
        padding: 0 var(--w1600);
        display: flex;
        align-items: center;
    }

    .Swiper3 {
        width: calc(100% - 200px);
    }

    .item3 {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }

    .item3 h1 {
        width: 100%;
        font-family: 'Inter';
        font-weight: 600;
        font-size: 48px;
        color: #5B5B5B;
        transition: 0.5s;
    }

    .item3 h2 {
        width: 100%;
        height: 100%;
        font-weight: 500;
        font-size: 18px;
        color: #848484;
        margin-top: 20px;
        margin-bottom: 40px;
        transition: 0.5s;
        padding-right: 15px;
    }

    .item3:hover h1,
    .item3:hover h2 {
        color: var(--color);
    }

    .item3 img {
        display: block;
    }

    .About3 .bj3 {
        position: absolute;
        width: 100vw;
        left: 0;
        bottom: -1px;
    }

    .prev3 {
        position: absolute;
        z-index: 3;
        left: var(--w1600);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid var(--color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-bottom: 90px;
        transition: 0.5s;
    }

    .next3 {
        position: absolute;
        z-index: 3;
        right: var(--w1600);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid var(--color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-bottom: 90px;
        transition: 0.5s;
    }

    .prev3 i,
    .next3 i {
        font-size: 48px;
        color: var(--color);
        transition: 0.5s;
    }

    .prev3:hover,
    .next3:hover {
        background: var(--color);
    }

    .prev3:hover i,
    .next3:hover i {
        color: #fff;
    }

    @media (max-width: 1600px) {
        .Swiper3 {
            width: calc(100% - 200px);
        }
    }

    @media (max-width: 1440px) {
        .aboutBox3 {
            padding-top: 150px;
        }

        .About3 {
            margin-top: 90px;
        }

        .item3 {
            padding-right: 15px;
        }

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

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

        .About3 {
            margin-top: 60px;
        }

        .Swiper3 {
            width: calc(100% - 120px);
        }

        .prev3,
        .next3 {
            width: 45px;
            height: 45px;
        }

        .prev3 i,
        .next3 i {
            font-size: 38px;
        }

        .item3 h1 {
            font-size: 38px;
        }

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

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

        .About3 {
            margin-top: 75px;
        }

        .Swiper3 {
            width: 100%;
        }

        .prev3,
        .next3 {
            width: 45px;
            height: 45px;
            top: -60px;
        }

        .next3 {
            right: auto;
            left: 90px;
        }
    }

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

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

    /* box4 */
    .aboutBox4 {
        overflow: hidden;
        width: 100%;
        position: relative;
        padding: 180px var(--w1600) 120px;
    }

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

    .About4 .List4 {
        width: 260px;
    }

    .About4 .List4 h1 {
        height: 75px;
        font-weight: 700;
        font-size: 24px;
        color: var(--color);
        display: flex;
        align-items: center;
        position: relative;
    }

    .About4 .List4 h1 span {
        font-weight: 700;
        font-size: 20px;
        margin-right: 30px;
    }

    .About4 .List4 h1::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        width: 200%;
        height: 2px;
        background: linear-gradient(90deg, #dedede40 0%, #02569d80 80.5%);
    }

    .About4 .List4 h1::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: -1px;
        width: calc(100% - 50px);
        height: 4px;
        background: var(--color);
        border-radius: 2px;
        opacity: 0;
    }

    .About4 .List4 h1.on::before {
        opacity: 1;
    }

    .item4Box {
        width: calc(100% - 260px);
        padding-left: 150px;
        display: flex;
        align-items: center;
    }

    .item4 {
        width: 100%;
        display: none;
    }

    .item4.on {
        display: block;
    }

    .Swiper4 {
        width: 100%;
    }

    .Slide4 {
        height: auto;
        display: flex;
        align-items: center;
        padding-bottom: 60px;
    }

    .Slide4 img {
        width: 100%;
        max-height: 300px;
        object-fit: contain;
    }

    .Slide4 h1 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        font-size: 18px;
        text-align: center;
        color: #3E3E3E;
    }

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

    @media (max-width: 1440px) {
        .aboutBox4 {
            padding: 120px var(--w1600);
        }

        .About4 {
            margin-top: 90px;
        }

        .item4Box {
            padding-left: 90px;
        }
    }

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

        .About4 {
            margin-top: 60px;
        }

        .About4 .List4 {
            width: 180px;
        }

        .About4 .List4 h1 {
            font-size: 18px;
            height: 60px;
        }

        .item4Box {
            width: calc(100% - 180px);
            padding-left: 60px;
        }

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

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

        .About4 .List4 h1::after {
            width: 100%;
        }

        .About4 {
            margin-top: 30px;
        }

        .About4 .List4 {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .About4 .List4 h1 {
            width: 30%;
            font-size: 14px;
            height: 45px;
        }

        .About4 .List4 h1::before {
            width: 100%;
        }

        .About4 .List4 h1 span {
            font-size: 18px;
            margin-right: 5px;
        }

        .item4Box {
            width: 100%;
            padding-left: 0;
            margin-top: 45px;
        }

        .Slide4 {
            padding-bottom: 60px;
        }

        .Slide4 h1 {
            font-size: 14px;
        }
    }

    @media (max-width:460px) {
        .About4 .List4 h1 {
            width: 45%;
        }
    }

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

    /* box5 */
    .aboutBox5 {
        padding: 120px var(--w1600) 90px;
        position: relative;
        overflow: hidden;
    }


    .top5 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top5 .NyTitle * {
        color: #fff;
    }

    .top5 .anniu5 {
        display: flex;
        grid-gap: 20px;
    }

    .top5 .anniu5 div {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.5s;
    }

    .top5 .anniu5 div:hover {
        background: #fff;
    }

    .top5 .anniu5 div i {
        font-size: 48px;
        color: #fff;
        transition: 0.5s;
    }

    .top5 .anniu5 div:hover i {
        color: var(--color);
    }

    .About5 {
        margin-top: 120px;
    }

    .Slide5 img {
        width: 100%;
    }


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

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

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

        .About5 {
            margin-top: 30px;
        }

        .top5 .anniu5 div {
            width: 45px;
            height: 45px;
        }

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

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

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