.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-family: var(--bolder);
       font-size: 48px;
       line-height: 1;
       background: var(--jb);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
       text-fill-color: transparent;
   }

   .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: 600px;
           margin-left: 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%;
           margin-left: 0;
       }

       .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/bj2.png) no-repeat center;
       background-size: cover;
       padding: 175px var(--container);
   }

   .desc2 h4 {
       font-size: 28px;
       line-height: 2;
       text-align: center;
       color: #2F2F2F;
   }

   .desc2 h4 strong {
       color: #000;
   }

   .desc2 p {
       margin-top: 30px;
       font-size: 16px;
       line-height: 1.5;
       text-align: center;
       color: #686868;
   }

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

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

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

       .desc2 h4 {
           font-size: 18px;
           line-height: 2;
           text-align: center;
           color: #2F2F2F;
           text-wrap: balance;
       }

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

   /* box3 */
   .box3 {
       background: url(/assets/images/about3.png) no-repeat center;
       background-size: cover;
       padding: 120px 300px;
   }

   .box3 .AboutTitle * {
       color: #fff;
   }

   .Honor3 {
       height: 400px;
       margin-top: 120px;
   }

   .item3 {
       display: flex;
   }

   .img3 {
       width: 50%;
   }

   .text3 {
       width: 50%;
       padding: 0 120px 0 150px;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .text3 h1 {
       font-weight: 600;
       font-size: 88px;
       line-height: 1;
       color: #FFFFFF;
   }

   .text3 h2 {
       font-size: 22px;
       line-height: 1;
       color: #FFFFFF;
       margin: 45px 0 15px;
   }

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

   .scrollbar3 {
       background: #D9D9D9;
   }

   .scrollbar3 div {
       background: var(--color);
   }

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

       .text3 {
           padding: 0 90px;
       }
   }

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

       .Honor3 {
           margin-top: 60px;
       }

       .text3 {
           padding: 0 90px;
       }
   }

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

       .Honor3 {
           height: 300px;
       }

       .text3 {
           padding: 0 60px;
       }

       .text3 h1 {
           font-size: 48px;
       }

   }

   @media (max-width:720px) {
       .box3 .AboutTitle {
           display: flex;
           flex-direction: column;
           align-items: flex-start;
       }

       .box3 .AboutTitle * {
           text-align: left;
           padding-left: 30px;
       }

       .box3 {
           padding: 60px var(--container);
       }

       .Honor3 {
           height: 350px;
           margin-top: 30px;
       }

       .item3 {
           padding: 0 30px;
           display: flex;
           flex-direction: column-reverse;
           justify-content: center;
           align-items: flex-start;
       }

       .text3 {
           padding: 0;
           padding-bottom: 20px;
           width: 100%;
       }

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

       .text3 h2 {
           font-size: 18px;
       }

       .img3 {
           width: auto;
           max-width: 100%;
           height: 100%;
       }
   }

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

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

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

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

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

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

   .item4 h1 {
       margin: 45px 0;
       font-size: 26px;
       line-height: 1;
       text-align: center;
       color: #585858;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   .item4.swiper-slide-active h1 {
       color: #000000;
   }

   .next4 {
       width: 70px;
       height: 70px;
       background: url(/assets/images/icon2.png) no-repeat 100% 100%;
       background-size: contain;
       filter: invert(1);
       margin: 0;
       right: 33vw;
       transform: rotateY(180deg);
       top: auto;
       bottom: 0;
   }

   .prev4 {
       width: 70px;
       height: 70px;
       background: url(/assets/images/icon2.png) no-repeat 100% 100%;
       background-size: contain;
       filter: invert(1);
       margin: 0;
       left: 33vw;
       top: auto;
       bottom: 0;
   }

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

   @media (max-width:1600px) {
       .next4 {
           width: 50px;
           height: 50px;
           right: 28vw;
       }

       .prev4 {
           width: 50px;
           height: 50px;
           left: 28vw;
       }
   }

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

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

       .item4 h1 {
           font-size: 18px;
       }
   }

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

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

       .next4 {
           width: 30px;
           height: 30px;
           right: 25vw;
       }

       .prev4 {
           width: 30px;
           height: 30px;
           left: 25vw;
       }

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

   @media (max-width:460px) {
       .next4 {
           right: 10vw;
       }

       .prev4 {
           left: 10vw;
       }

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

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

   }