.NyBigBox {
       padding-top: 0;
   }



   /* box1  */
   .box1 {
       padding-bottom: 100px;
       overflow: hidden;
       position: relative;
       z-index: 2;
       display: flex;
       flex-wrap: wrap;
   }

   .text1 {
       padding-left: var(--container);
       padding-top: 100px;
       padding-bottom: 60px;
       padding-right: 80px;
       width: 63%;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .text1 .h1Box {
       margin-top: 90px;
       width: 100%;
       padding-bottom: 45px;
       position: relative;
   }

   .text1 .h1Box::after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       height: 1px;
       background: repeating-linear-gradient(to right, #A5A5A5, #A5A5A5 10px, transparent 10px, transparent 15px);
   }

   .text1 .h1Box h1 {
       font-weight: 700;
       font-size: 40px;
       line-height: 1;
       color: #171717;
       margin-top: 15px;
   }

   .text1 .h1Box h2 {
       font-weight: 400;
       font-size: 24px;
       line-height: 1.5;
       text-transform: uppercase;
       color: #686868;
   }

   .text1 .h1Box .vr {
       position: absolute;
       right: 0;
       bottom: 45px;
       width: 175px;
       height: 50px;
       font-weight: 400;
       font-size: 16px;
       line-height: 1;
       color: #FFFFFF;
       background: var(--color);
       opacity: 1;
       border-radius: 4px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .text1 .h1Box .vr img {
       margin-right: 5px;
   }

   .text1 .title::after {
       content: "";
       position: absolute;
       display: block;
       width: 50px;
       height: 2px;
       background: var(--color);
       position: absolute;
       left: 0;
       bottom: -1px;
   }

   .text1 .desc {
       font-weight: 400;
       font-size: 16px;
       line-height: 2;
       color: #848484;
       margin: 60px 0 75px;
   }


   .img1Box {
       width: 37%;
       position: relative;
       overflow: hidden;
   }

   .img1Box .img1 {
       position: relative;
       z-index: 2;
       width: 100%;
       height: 100%;
       object-fit: cover;
       opacity: 1;
       transition: 0.5s;
   }

   .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 {
           width: 55%;
           padding-right: 60px;
       }

       .text1 .h1Box h2 {
           font-size: 20px;
       }

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

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

       .text1 .h1Box .vr {
           width: 150px;
           height: 45px;
           bottom: 30px;
       }

       .text1 .desc {
           margin: 30px 0;
           line-height: 1.5;
       }

       .text1 .h1Box {
           margin-top: 60px;
           padding-bottom: 30px;
       }


   }

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

       .text1 .h1Box .vr {
           position: unset;
           width: 150px;
           height: 35px;
           font-size: 14px;
       }

       .text1 .h1Box .vr img {
           width: 40px;
       }

       .text1 .h1Box h1 {
           margin-bottom: 30px;
           font-size: 26px;
       }

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

       .text1 .h1Box {
           margin-top: 30px;
           padding-bottom: 20px;
       }

       .text1 {
           width: 50%;
           padding-right: 30px;
       }

       .text1 .desc {
           margin: 20px 0;
           font-size: 14px;
       }

       .img1Box {
           width: 50%;
       }

       .img1Box .img1 {
           object-fit: contain;
       }
   }

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

       .text1 {
           width: 100%;
           padding-right: var(--container);
       }

       .img1Box {
           padding: 0 100px;
           width: 100%;
       }
   }

   @media (max-width:640px) {
       .text1 {
           padding-top: 60px;
           padding-bottom: 15px;
       }

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

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

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

   .Number1 {
       display: flex;
       justify-content: space-between;
   }

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

   .Number1 h1 {
       color: var(--color);
       margin-bottom: 45px;
       display: flex;
       align-items: baseline;
   }

   .Number1 span {
       font-weight: 700;
       font-size: 58px;
       line-height: 1;
   }

   .Number1 b {
       font-size: 20px;
       line-height: 1;
       color: #EB3D00;
   }

   .Number1 h2 {
       font-size: 18px;
       line-height: 1;
       color: rgba(0, 0, 0, 0.5);
   }


   @media (max-width: 1440px) {
       .Number1 span {
           font-size: 48px;
       }

       .Number1 h1 {
           margin-bottom: 30px;
       }
   }

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

       .Number1 .item1 {
           width: 50%;
           margin-bottom: 20px;
       }

       .Number1 h1 {
           margin-bottom: 10px;
       }

       .Number1 span {
           font-size: 32px;
       }
   }

   @media (max-width: 720px) {

       .Number1 h1 {
           margin-bottom: 15px;
       }

       .Number1 span {
           font-size: 28px;
       }
   }

   @media (max-width: 460px) {
       .Number1 {
           display: flex;
           flex-wrap: wrap;
           grid-gap: 30px 0;
       }

       .Number1 .item1 {
           width: 50%;
       }

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

   /* box2 */
   .box2 {
       position: relative;
       z-index: 1;
       padding: 30px var(--container);
       padding-right: 0;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
   }

   .box2::after {
       content: "";
       display: block;
       width: 100%;
       height: calc(100% - 60px);
       background: #2B2B2B;
       position: absolute;
       left: 0;
       top: 30px;
       z-index: -1;
   }

   .iconBox2 {
       background: var(--color);
       width: 170px;
       height: 100%;
       position: absolute;
       top: 0px;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-direction: column;
       grid-gap: 72px;
   }

   .text2 {
       padding-left: 240px;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .text2 span {
       display: block;
       width: 80px;
       height: 4px;
       background: #FFFFFF;
   }

   .text2 h1 {
       font-weight: 700;
       font-size: 36px;
       line-height: 1.5;
       color: #FFFFFF;
       margin: 15px 0;
   }

   .text2 h2 {
       font-weight: 100;
       font-size: 16px;
       line-height: 1.5;
       color: #FFFFFF;
       max-width: 350px;
       text-align: justify;
   }

   .box2 .img2 {
       width: calc(100% - 700px);
       display: flex;
   }

   .item2 {
       position: relative;
       overflow: hidden;
       background: #000;
   }

   .item2 img {
       opacity: 0.8;
       width: 100%;
       min-height: 420px;
       object-fit: cover;
       transition: 0.5s;
       position: relative;
   }

   .item2:hover img {
       opacity: 1;
       transform: scale(1.08);
   }

   .item2 h1 {
       width: 100%;
       position: absolute;
       z-index: 2;
       bottom: 60px;
       font-size: 24px;
       line-height: 1;
       text-align: center;
       color: #FFFFFF;
   }


   @media (max-width:1440px) {
       .text2 h2 {
           max-width: 250px;
       }

       .box2 .img2 {
           width: calc(100% - 500px);
       }

       .text2 {
           padding-left: 210px;
       }
   }

   @media (max-width:1200px) {
       .iconBox2 {
           width: 120px;
       }

       .text2 {
           padding-left: 160px;
       }

       .text2 h2 {
           max-width: 230px;
       }

       .box2 .img2 {
           width: calc(100% - 420px);
       }

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

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

       .iconBox2 {
           width: 100%;
           height: 120px;
           display: flex;
           flex-direction: row;
           position: relative;
           top: -30px;
       }

       .text2 {
           padding: 0;
           width: 100%;
       }

       .text2 h2 {
           max-width: 100%;
       }

       .text2 h1 {
           font-size: 32px;
       }

       .box2 .img2 {
           margin: 30px 0;
           width: 100%;
       }

       .item2 img {
           min-height: auto;
       }
   }

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

       .item2 h1 {
           bottom: 30px;
       }
   }

   /* box3 */
   .box3 {
       margin-top: -30px;
       padding: 150px var(--container) 120px;
       background: url(/assets/images/images7.png) no-repeat center;
       background-size: 100% 100%;
   }

   .box3Item {
       margin-top: 90px;
   }

   .box3swiper {
       width: 100%;
   }

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

   .item3 h1 {
       font-weight: 600;
       font-size: 58px;
       line-height: 1;
       color: #000000;
       text-align: center;
       margin-bottom: 20px;
   }


   .item3 h2 {
       font-weight: 500;
       font-size: 20px;
       line-height: 1.5;
       text-align: center;
       color: #000000;
       height: 120px;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 4;
   }

   .item3 span {
       display: block;
       width: 8px;
       height: 40px;
       background: var(--color);
   }


   .bj3 {
       margin-top: -27px;
       position: relative;
       left: -50%;
       width: 200%;
       height: 27px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240603151552_dcDonyBX.png);
   }

   .bj3::after {
       content: "";
       display: block;
       position: absolute;
       left: 0;
       bottom: 0;
       width: 100%;
       height: 1px;
       background: linear-gradient(180deg, #000000 0%, #FEFEFE 100%);
   }

   .box3 .prev3 {
       width: 70px;
       height: 70px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240603160756_0c9bzsst.png) no-repeat center;
       background-size: contain;
       position: absolute;
       z-index: 2;
       top: auto;
       left: 0;
       right: auto;
       bottom: -35px;
       margin: 0;
   }

   .box3 .next3 {
       width: 70px;
       height: 70px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240627172828_o5pdgrOJ.png) no-repeat center;
       background-size: contain;
       position: absolute;
       z-index: 2;
       top: auto;
       left: auto;
       right: 0;
       bottom: -35px;
       margin: 0;
   }



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

   @media (max-width:1440px) {
       .item3 h2 {
           font-size: 18px;
           line-height: 1.5;
           height: 108px;
           margin-bottom: 20px;
       }

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

   @media (max-width:1200px) {
       .box3 {
           padding: 90px var(--container);
           background-size: cover;
           background-position: left top;
       }

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

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

       .box3 .prev3 {
           width: 50px;
           height: 50px;
           bottom: -25px;
       }

       .box3 .next3 {
           width: 50px;
           height: 50px;
           bottom: -25px;
       }
   }

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


   }

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

   /* box4 */
   .box4 {
       border-bottom: 14px solid var(--color);
       position: relative;
       width: 100%;
       padding-top: 120px;
       padding-left: var(--container);
       padding-right: var(--container);
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240603213706_EyKYlR44.png) no-repeat center;
       background-size: cover;
   }

   .img4 {
       width: calc(100% - 200px);
       max-width: 1400px;
       height: auto;
       position: relative;
       margin: 0 auto;
       margin-top: 30px;
   }

   .img4 .bj4 {
       position: relative;
       width: 100%;
   }

   .Swiper4 {
       position: absolute;
       width: 100%;
       height: 100%;
       margin: 0 auto;
   }

   .Swiper4 .swiper-wrapper {
       position: unset;
       width: 100%;
       height: 100%;
       display: flex;
       align-items: flex-end;
   }

   .slide4 img {
       width: 100%;
   }

   .Swiper4 .slide4 {
       transform: scale(0.7);
       position: relative;
       transition: 0.2s;
       width: 100%;
       height: auto;
       left: 0;
       bottom: 0;
       opacity: 0;
   }


   .Swiper4 .slide4::after {
       content: "";
       display: block;
       width: 100%;
       height: 10px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240531105901_ETo3GwLQ.png) no-repeat center;
       background-size: contain;
       position: absolute;
       bottom: -6px;
       left: 0;
   }


   .slide4.slide-prev {
       left: -50%;
   }

   .slide4.slide-prev-1 {
       opacity: 1;
       bottom: 28%;
       left: 5%;
   }

   .slide4.swiper-slide-prev {
       opacity: 1;
       bottom: 6%;
       left: 6%;
       z-index: 2;
   }

   .slide4.swiper-slide-active {
       opacity: 1;
       bottom: 47%;
       left: 2%;
       z-index: 1;
   }


   .slide4.swiper-slide-next {
       opacity: 1;
       bottom: 25%;
       left: 0%;
       z-index: 2;
   }

   .slide4.slide-next-5 {
       opacity: 1;
       bottom: 46%;
       left: -2%;
       z-index: 1;
   }

   .slide4.slide-next {
       left: 150%;
   }

   .box4 .prev4 {
       width: 70px;
       height: 70px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240603160756_0c9bzsst.png) no-repeat center;
       background-size: contain;
       position: absolute;
       z-index: 2;
       top: 30%;
       left: -90px;
       right: auto;
       bottom: auto;
       margin: 0;
   }

   .box4 .next4 {
       width: 70px;
       height: 70px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240627172828_o5pdgrOJ.png) no-repeat center;
       background-size: contain;
       position: absolute;
       z-index: 2;
       top: 30%;
       left: auto;
       right: -90px;
       bottom: auto;
       margin: 0;
   }


   @media (max-width: 1440px) {
       .img4 {
           width: calc(100% - 120px);
       }

       .box4 .prev4 {
           width: 45px;
           height: 45px;
           left: -60px;
       }

       .box4 .next4 {
           width: 45px;
           height: 45px;
           right: -60px;
       }
   }

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

   @media (max-width: 720px) {
       .box4 {
           border-bottom: 4px solid var(--color);
           padding-top: 60px;
           padding-bottom: 60px;
       }

       .img4 {
           margin-top: 45px;
           height: auto;
           padding-bottom: 0;
       }

       .img4 .bj4 {
           display: none;
       }

       .Swiper4 {
           position: relative;
       }

       .Swiper4 .slide4 {
           transform: scale(1);
           left: auto !important;
           bottom: auto !important;
       }
   }


   @media (max-width: 460px) {
       .img4 {
           width: 100%;
           height: auto;
       }

       .box4 .prev4 {
           width: 30px;
           height: 18px;
           left: auto;
           top: -67px;
           right: 60px;
           background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240603223200_B8jTDIVr.png) no-repeat center;
           background-size: contain;
           transform: rotateY(180deg);
           filter: grayscale(1);
           opacity: 0.5;
       }

       .box4 .next4 {
           width: 30px;
           height: 18px;
           left: auto;
           top: -67px;
           right: 0px;
           background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240603223200_B8jTDIVr.png) no-repeat center;
           background-size: contain;
       }
   }

   /* box5 */

   .box5 {
       position: relative;
       width: 100%;
       padding-top: 120px;
       padding-left: var(--container);
       padding-right: var(--container);
   }

   .Swiper5 {
       margin-top: 120px;
   }

   .Swiper5 img {
       width: 100%;
   }

   .Swiper5 h1 {
       padding: 0 15px;
       width: 100%;
       height: 60px;
       background: #E7E7E7;
       font-weight: 700;
       font-size: 16px;
       line-height: 1.5;
       text-align: center;
       display: flex;
       justify-content: center;
       align-items: center;
       color: #000000;
   }

   .top5 {
       position: relative;
       display: flex;
       align-items: center;
   }

   .box5 .prev5 {
       width: 23px;
       height: 37px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240603223200_B8jTDIVr.png) no-repeat center;
       background-size: contain;
       position: absolute;
       z-index: 2;
       left: auto;
       top: auto;
       right: 90px;
       bottom: auto;
       margin: 0;
       transform: rotateY(180deg);
       filter: grayscale(1);
       opacity: 0.5;
   }

   .box5 .next5 {
       width: 23px;
       height: 37px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240603223200_B8jTDIVr.png) no-repeat center;
       background-size: contain;
       position: absolute;
       z-index: 2;
       left: auto;
       top: auto;
       right: 0px;
       bottom: auto;
       margin: 0;
   }

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

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

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

       .Swiper5 {
           margin-top: 45px;
       }

       .box5 .prev5 {
           width: 30px;
           height: 18px;
           right: 60px;
       }

       .box5 .next5 {
           width: 30px;
           height: 18px;
           right: 0px;
       }
   }

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