.header .navbar_nav li:nth-child(2) a {
         opacity: 1;
     }

     .NyBigBox {
         padding-bottom: 0;
     }

     .title {
         display: flex;
         flex-direction: column;
     }

     .title h1 {
         font-weight: 700;
         font-size: 26px;
         line-height: 1;
         text-transform: capitalize;
         color: #096994;
         margin-bottom: 10px;
     }

     .title h2 {
         font-size: 20px;
         line-height: 1;
         color: #096994;
     }

     /* box1  */
     .box1 {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         align-items: center;
         padding-bottom: 120px;
         position: relative;
     }

     .box1::after {
         content: "";
         display: block;
         width: 1px;
         height: 103%;
         position: absolute;
         bottom: 0%;
         right: 40%;
         background: rgba(9, 105, 148, 0.42);
     }

     .box1::before {
         content: "";
         display: block;
         width: 16px;
         height: 16px;
         position: absolute;
         top: -3%;
         right: calc(40% - 8px);
         border-radius: 50%;
         background: var(--color);
     }

     .box1 .imgBox {
         width: 60%;
         padding-right: 100px;
     }

     .box1 .text {
         width: 40%;
         padding-left: 100px;
     }

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

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


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

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

     .box1 .number {
         margin: 30px 0 15px;
         position: relative;
         display: flex;
         flex-wrap: wrap;
         position: relative;
     }

     .box1 .number::after {
         content: "";
         display: block;
         width: 100%;
         height: 1px;
         position: absolute;
         left: 0;
         bottom: 50%;
         background: linear-gradient(90deg, #d9d9d900 0%, #D9D9D9 50%, #d9d9d900 100%);
     }

     /* .box1 .number::before {
         content: "";
         display: block;
         width: 1px;
         height: 100%;
         position: absolute;
         left: 40%;
         top: 0;
         background: linear-gradient(0deg, #d9d9d900 0%, #D9D9D9 50%, #d9d9d900 100%);
         transform: rotate(10deg);
     } */

     .box1 .number .item {
         width: 50%;
         margin: 25px 0;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
     }

     .box1 .number .item h1 {
       font-family: "Microsoft YaHei";
       font-weight: bold;
         font-size: 20px;
         line-height: 1;
         color: var(--color);
         display: flex;
         align-items: baseline;
     }

     .box1 .number .item h1 span {
         font-size: 42px;
         line-height: 1;
         color: var(--color);
       font-family: "Microsoft YaHei";
       font-weight: bold;
     }

     .box1 .number .item:hover h1 span {
         background: linear-gradient(128deg, #0BB3FF 25%, #096994 80%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
         text-fill-color: transparent;
     }

     .box1 .number .item h2 {
         margin-top: 10px;
         font-size: 18px;
         line-height: 1;
         color: #5F5F5F;
     }

     .box1 .number .item:nth-child(3) h1 {
         font-size: 42px;
     }

     .box1 .desc {
         font-size: 18px;
         line-height: 1.5;
         color: #0B0B0B;
     }

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

         .box1 .imgBox {
             padding-right: 60px;
         }

         .box1 .text {
             padding-left: 60px;
         }

         .box1 .number .item h1 span {
             font-size: 32px;
         }

         .box1 .number {
             margin: 0;
         }
     }

     @media (max-width: 1200px) {


         .box1 .imgBox {
             padding-right: 45px;
         }

         .box1 .text {
             padding-left: 45px;
         }

         .box1 .number {
             margin: 10px 0;
         }

         .box1 .number .item h1 span {
             font-size: 32px;
             line-height: 1;
             color: var(--color);
         }

         .box1 .number .item:nth-child(3) h1 {
             font-size: 24px;
         }

         .box1 .number .item {
             margin: 10px 0;
         }

         .box1 .number .item h1 {
             font-size: 16px;
         }

         .box1 .number .item h2 {
             font-size: 16px;
         }

         .box1 .number .item h1 span {
             font-size: 24px;
         }

         .box1 .desc {
             font-size: 16px;
         }
     }

     @media (max-width: 720px) {
         .box1 {
             padding-bottom: 45px;
             padding-left: 30px;
         }

         .box1::after {
             bottom: 0%;
             left: 8px;
             right: auto;
         }

         .box1::before {
             top: -3%;
             right: auto;
             left: 0px;
         }

         .box1 .imgBox {
             width: 100%;
             padding: 0;
         }

         .box1 .text {
             width: 100%;
             padding: 0;
             padding-top: 45px;
         }
     }


     /* box2 */

     .box2 {
         width: 100%;
         height: 960px;
         background: #E7E8EB;
         padding: 0 var(--container);
         overflow: hidden;
         position: relative;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
     }

     .box2 .lt {
         width: 60%;
         height: 960px;
         position: relative;

         display: flex;
         align-items: center;
     }

     .box2 .lt::after {
         content: "";
         display: block;
         position: absolute;
         left: 0;
         top: 0;
         width: 70%;
         height: 100%;
         background: url(https://ss-res-us.oss-us-west-1.aliyuncs.com/site_res/191/20240416183359_2rxS6sC7.png) no-repeat right;
         background-size: cover;
     }

     .Swiper2Img {
         width: 100%;
         height: 50%;
         position: relative;
         z-index: 2;
         overflow: unset;
     }

     .Swiper2Img .item {
         width: 400px;
         height: 100%;
         left: 0;
         transition: 0.5s;
     }

     .Swiper2Img .item img {
         width: 100%;
         height: 100%;
         object-fit: contain;
     }

     .Swiper2Img .item.swiper-slide-next,
     .Swiper2Img .item.swiper-slide-prev {
         left: 15%;
     }

     .Swiper2Img .item.swiper-slide-active {
         left: 40%;
     }

     .box2::after {
         content: "";
         display: block;
         width: 1px;
         height: 100%;
         position: absolute;
         bottom: 0%;
         right: calc(var(--container) + (100vw - (var(--container) * 2)) * 0.4 - 3px);
         background: rgba(9, 105, 148, 0.42);
     }

     /* .box2::before {
         content: "";
         display: block;
         width: 1px;
         height: 100%;
         position: absolute;
         top: 0%;
         height: 50%;
         right: calc(var(--container) + (100vw - (var(--container) * 2)) * 0.4 - 3px);
         background: var(--color);
     } */

     .box2 .rt {
         width: 40%;
         height: 100%;
         padding-left: 100px;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         justify-content: space-evenly;
     }

     .Swiper2Text {
         height: 500px;
         width: 100%;
     }

     .Swiper2Text .item {
         opacity: 0.6;
     }

     .Swiper2Text .item.swiper-slide-active {
         opacity: 1;
     }


     .Swiper2Text .item h1 {
         font-weight: bold;
         font-size: 22px;
         line-height: 1.25;
         color: #096994;
         margin-bottom: 15px;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
     }

     .Swiper2Text .item h2 {
         font-size: 16px;
         line-height: 1.25;
         color: #096994;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
     }

     .Swiper2Text .item.swiper-slide-active h1 {
         font-size: 36px;
     }

     @media (max-width: 1440px) {
         .box2 .rt {
             padding-left: 60px;
         }
     }

     @media (max-width: 1200px) {
         .box2 {
             height: 720px;
         }

         .box2 .lt {
             height: 720px;
         }

         .Swiper2Text {
             height: 400px;
         }

         .Swiper2Img .item {
             width: 60%;
         }

         .Swiper2Text .item h1 {
             font-size: 18px;
         }

         .Swiper2Text .item.swiper-slide-active h1 {
             font-size: 28px;
             overflow: hidden;
             display: -webkit-box;
             -webkit-box-orient: vertical;
             -webkit-line-clamp: 2;
         }

         .Swiper2Img .item.swiper-slide-next,
         .Swiper2Img .item.swiper-slide-prev {
             left: 5%;
         }

         .Swiper2Img .item.swiper-slide-active {
             left: 30%;
         }

         .box2 .rt {
             padding-left: 45px;
         }
     }

     @media (max-width: 720px) {
         .box2 {
             padding-top: 45px;
             padding-left: 30px;
             display: flex;
             flex-direction: column-reverse;
             height: auto;
         }

         .box2 .title {
             width: 100%;
         }

         .box2 .title h1 {
             text-align: center;
         }

         .box2 .title h2 {
             text-align: center;
         }

         .box2::before,
         .box2::after {
             bottom: 0%;
             left: calc(var(--container) + 8px);
             right: auto;
         }

         .box2 .lt {
             width: 100%;
             height: 380px;
         }

         .Swiper2Img {
             overflow: hidden;
             height: 100%;
         }

         .Swiper2Img .item {
             width: auto;
             position: unset;
         }

         .box2 .rt {
             width: 100%;
             padding: 0;
         }

         .Swiper2Text {
             margin-top: 30px;
             height: auto;
         }

         .Swiper2Text .item h1 {
             padding: 0 15px;
             text-align: center;
             font-size: 20px !important;
             overflow: hidden;
             display: -webkit-box;
             -webkit-box-orient: vertical;
             -webkit-line-clamp: 2;
         }

         .Swiper2Text .item h2 {
             padding: 0 15px;
             text-align: center;
             -webkit-box-orient: vertical;
             -webkit-line-clamp: 2;
         }

         .box2 .lt::after {
             content: "";
             display: block;
             position: absolute;
             left: -5vw;
             top: 0;
             width: 100%;
             height: 110vw;
             background: url(https://ss-res-us.oss-us-west-1.aliyuncs.com/site_res/191/20240416183359_2rxS6sC7.png) no-repeat bottom;
             background-size: contain;
             transform: rotate(-90deg);
         }
     }

     .box3 {
         position: relative;
         display: flex;
         justify-content: flex-end;
         padding: 0 var(--container);
         overflow: hidden;
         background-size: 120% !important;
         transition: 2s;
     }

     .box3:hover {
         transition: 20s;
         background-size: 100% !important;
     }

     .box3 .rt {
         width: 40%;
         padding: 100px 0 120px;
         padding-left: 100px;
     }

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

     .box3 .rt .iconBox {
         margin: 150px 0 180px;
     }

     .box3 .rt .iconBox .item {
         margin: 30px 0;
         display: flex;
         align-items: center;
         font-size: 16px;
         line-height: 2;
     }

     .box3 .rt .iconBox .item img {
         margin-right: 25px;
     }

     .box3 .rt .desc {
         font-size: 16px;
         line-height: 2;
     }

     .box3::after {
         content: "";
         display: block;
         width: 1px;
         height: 100%;
         position: absolute;
         bottom: 0%;
         right: calc(var(--container) + (100vw - (var(--container) * 2)) * 0.4 - 3px);
         background: rgba(9, 105, 148, 0.42);
     }

     /* .box3::before {
         content: "";
         display: block;
         width: 1px;
         height: 100%;
         position: absolute;
         top: 0%;
         height: 50%;
         right: calc(var(--container) + (100vw - (var(--container) * 2)) * 0.4 - 3px);
         background: var(--color);
     } */

     @media (max-width: 1440px) {
         .box3 .rt {
             padding-left: 60px;
         }

         .box3 .rt .iconBox {
             margin: 90px 0 120px;
         }
     }

     @media (max-width: 1200px) {
         .box3 .rt .iconBox {
             margin: 60px 0 90px;
         }

         .box3 .rt {
             padding-left: 45px;
         }

         .box3 .rt .iconBox .item {
             margin: 15px 0;
         }

         .box3 .rt .desc {
             font-size: 16px;
             line-height: 1.5;
         }

         .box3 {
             background-size: cover !important;
         }

         .box3:hover {
             background-size: cover !important;
         }
     }

     @media (max-width: 720px) {
         .box3 .rt {
             width: 100%;
             padding-left: 30px;
         }

         .box3::before,
         .box3::after {
             bottom: 0%;
             left: calc(var(--container) + 8px);
             right: auto;
         }
     }

     @media (max-width: 460px) {
         .box3 .rt {
             padding: 60px 0;
             padding-left: 30px;
         }
     }

     /* box4 */
     .box4 {
         padding: 120px var(--container);
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         grid-gap: 20px;
         background: #f3f4f8;
         z-index: 10;
         position: relative;
     }

     .box4 .item {
         width: 100%;
     }

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

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

     @media (max-width: 720px) {
         .box4 {
             padding: 60px var(--container);
             grid-template-columns: 1fr 1fr;
         }
     }

     /* 新加代码 */
     .AboutAA {
         width: 1px;
         height: 50vh;
         background: var(--color);
         position: absolute;
         top: 110px;
         left: calc(var(--container) - 1px + (100% - var(--container) * 2) * 0.6);
         z-index: 9;
     }

     .AboutAA.on {
         position: fixed;
         top: 0;
     }

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

     @media (max-width: 720px) {
         .AboutAA {
             top: 50px;
             left: calc(2% + 8px);
         }
     }

     @media (max-width: 640px) {
         .AboutAA {
             left: calc(2% + 8px);
         }
     }