.NyBigBox {
       padding: 0;
   }

   .AboutTitle {
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .AboutTitle h1 {
       font-weight: bold;
       font-size: 48px;
       line-height: 1;
       color: #000000;
       margin-bottom: 30px;
   }

   .AboutTitle h2 {
       font-size: 18px;
       line-height: 1;
       color: #555555;
   }

   @media (max-width: 1440px) {
       .AboutTitle h1 {
           font-size: 40px;
       }
   }

   @media (max-width: 1200px) {
       .AboutTitle h1 {
           font-size: 32px;
           margin-bottom: 10px;
       }

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

   @media (max-width: 720px) {
       .AboutTitle h1 {
           font-size: 24px;
       }
   }

   /* box1  */
   .box1 {
       overflow: hidden;
       position: relative;
       z-index: 2;
       display: flex;
   }

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

   .text1 .top h1 {
       font-weight: 600;
       font-size: 48px;
       line-height: 1;
       color: #1A1A1A;
       margin-bottom: 20px;
   }

   .text1 .top h2 {
       font-size: 28px;
       line-height: 1;
       color: #000000;
   }

   .text1 .number {
       margin: 60px 0 90px;
       position: relative;
       width: calc(100% - 255px);
   }

   .text1 .number span {
       font-size: 48px;
       line-height: 1;
       color: #484848;
       position: relative;
       left: 0;
   }

   .text1 .number span::after {
       content: "";
       display: block;
       width: 900px;
       height: 1px;
       background: #D9D9D9;
       position: absolute;
       left: -920px;
       top: 50%;
   }

   .text1 .number b {
       font-size: 48px;
       line-height: 1;
       color: var(--color);
   }

   .text1 .desc,
   .text1 .desc * {
       font-size: 16px;
       line-height: 1.75;
       text-align: justify;
       color: #000000;
   }

   .img1 {
       width: 50%;
   }

   .videoBox {
       position: fixed;
       z-index: 999;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       background: #00000080;
       display: none;
       justify-content: center;
       align-items: center;
   }

   .videoBox .video1 {
       width: 80%;
       height: 80%;
       object-fit: contain;
   }

   .videoBox.cur {
       display: flex;
   }

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

       .text1 .number {
           margin: 45px 0 75px;
       }

       .text1 .top h1 {
           font-size: 40px;
       }

       .text1 .top h2 {
           font-size: 24px;
       }
   }

   @media (max-width: 1200px) {
       .box1 {
           display: flex;
           flex-wrap: wrap;
       }

       .text1 {
           width: 100%;
           padding: 60px;
       }

       .text1 .top h1 {
           font-size: 32px;
       }

       .text1 .top h2 {
           font-size: 18px;
       }

       .img1 {
           width: auto;
           max-height: 70vh;
           padding: 0 60px;
       }
   }

   @media (max-width:720px) {
       .text1 {
           width: 100%;
           padding: 60px 30px 45px;
       }

       .text1 .top h1 {
           font-size: 24px;
       }

       .text1 .top h2 {
           font-size: 16px;
       }

       .img1 {
           width: 100%;
           padding: 0 30px;
       }

       .text1 .number {
           margin: 20px 0 30px;
       }

       .text1 .number span {
           font-size: 30px;
       }

       .text1 .desc,
       .text1 .desc * {
           line-height: 1.75;
       }

       .videoBox .video1 {
           width: 90%;
           height: 90%;
       }
   }

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

   /* box2 */
   .box2 {
       background: url(/assets/images/about4.png) no-repeat center;
       background-size: cover;
       padding: 120px 75px 90px;
   }

   .swiper2 {
       padding: 0 10px;
       padding-top: 90px;
   }

   .item2 {
       transform: scale(0.8) !important;
       transition: 0.5s;
   }

   .item2 .img {
       box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.25);
   }

   .item2 .img img {
       width: 100%;
   }

   .item2.swiper-slide-active {
       transform: scale(1) !important;
   }

   .item2 h1 {
       margin-top: 30px;
       height: 70px;
       font-size: 24px;
       text-align: center;
       color: #585858;
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0;
       padding: 0 15px;
   }

   .item2.swiper-slide-active h1 {
       color: #000000;
       opacity: 1;
   }

   .next2 {
       width: 70px;
       height: 70px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/370/20250905152229_l29Q9iCY.png) no-repeat 100% 100%;
       background-size: contain;
       filter: invert(1);
       margin: 0;
       right: 33vw;
       transform: rotateY(180deg);
       top: auto;
       bottom: 0;
   }

   .prev2 {
       width: 70px;
       height: 70px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/370/20250905152229_l29Q9iCY.png) no-repeat 100% 100%;
       background-size: contain;
       filter: invert(1);
       margin: 0;
       left: 33vw;
       top: auto;
       bottom: 0;
   }

   .swiper2 .swiper-button-next:after,
   .swiper2 .swiper-button-prev:after {
       display: none;
   }

   @media (max-width:1600px) {
       .item2 h1 {
           height: 50px;
       }

       .next2 {
           width: 50px;
           height: 50px;
           left: 60%;
           right: auto;
       }

       .prev2 {
           width: 50px;
           height: 50px;
           left: auto;
           right: 60%;
       }
   }

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

       .swiper2 {
           padding: 0;
           padding-top: 60px;
       }

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

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

       .swiper2 {
           padding: 0;
           padding-top: 30px;
       }

       .item2 h1 {
           height: 30px;
       }

       .next2 {
           width: 30px;
           height: 30px;
           left: 66%;
       }

       .prev2 {
           width: 30px;
           height: 30px;
           right: 66%;
       }

       .item2 h1 {
           margin: 30px 0 5px;
       }
   }

   @media (max-width:460px) {
       .next2 {
           left: 80%;
       }

       .prev2 {
           right: 80%;
       }

       .item2 h1 {
           margin: 10px 0 5px;
       }

       .item2.swiper-slide-active h1 {
           margin: 20px 0 5px;
       }

   }


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

   .item3 {
       margin-top: 60px;
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       grid-gap: 45px;
   }

   .item3 li {
       background: #fff;
       padding: 30px 15%;
   }

   .item3 li img {
       width: 100%;
       height: 100%;
       object-fit: contain;
   }

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

       .item3 {
           margin-top: 30px;
           grid-template-columns: repeat(3, 1fr);
           grid-gap: 20px;
       }
   }

   @media (max-width:720px) {
       .item3 {
           margin-top: 30px;
           grid-template-columns: repeat(2, 1fr);
           grid-gap: 20px;
       }

       .item3 li {
           background: #fff;
           padding: 20px 10%;
       }
   }

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

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

   /* box2 */


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

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

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

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

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

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

   /* box5 */


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

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

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

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

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

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