.NyBigBox {
     padding: 0;
     padding-top: 100px;
 }

 .header {
     background: #E6F2F9;
 }

 .header .logo .img2 {
     display: flex;
 }

 .header .logo .img1 {
     display: none;
 }

 .header .navbar_nav li a {
     color: #000;
 }

 .header .HeaderRight {
     filter: invert(1);
 }

 /* box1 */
 .box1 {
     background: #DDEBF5;
     padding: 160px 0 130px;
 }

 .box1 .container {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .box1 .container .text1 {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     width: 480px;
 }

 .box1 .container .text1 h1 {
     font-weight: 700;
     font-size: 48px;
     line-height: 1;
     color: #353535;
 }

 .box1 .container .text1 h2 {
     font-weight: 400;
     font-size: 20px;
     line-height: 1.5;
     text-align: justify;
     color: #7B7B7B;
 }

 .box1 .container .text2 {
     width: 780px;
     font-weight: 400;
     font-size: 16px;
     line-height: 2;
     color: #7B7B7B;
 }

 @media (max-width: 1440px) {
     .box1 .container .text2 {
         width: 620px;
     }

     .box1 {
         background: #DDEBF5;
         padding: 120px 0;
     }
 }

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

     .box1 .container {
         display: flex;
         flex-wrap: wrap;
         flex-direction: column;
     }

     .box1 .container .text1 {
         width: 100%;
         margin-bottom: 30px;
         display: flex;
         align-items: center;
     }

     .box1 .container .text1 h2 {
         text-align: center;
         margin-top: 30px;
     }

     .box1 .container .text2 {
         width: 100%;
     }

     .box1 .container .text2 p {
         text-align: center;
     }
 }

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

     .NyBigBox {
         padding-top: 60px;
     }

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

 @media (max-width: 640px) {
     .box1 .container .text1 h1 {
         font-size: 24px;
     }

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

 /* box2 */
 .box2 {
     position: relative;
     padding-bottom: 40px;
 }

 .box2::after {
     content: "";
     display: block;
     width: 100%;
     height: 50%;
     position: absolute;
     left: 0;
     top: 0;
     background: #DDEBF5;
 }

 .box2 .container {
     position: relative;
 }

 .box2 .container img {
     position: relative;
     z-index: 3;
     width: 100%;
     border-radius: 80px 10px 80px 10px;
     transition: 0.5s;
 }

 .box2 .container:hover img {
     transform: scale(1.02);
 }

 .box2 .container span {
     position: absolute;
     z-index: 2;
     width: 100%;
     height: 100%;
     top: 40px;
     left: 30px;
     background: var(--color);
     border-radius: 80px 10px 80px 10px;
 }

 @media (max-width: 640px) {
     .box2 .container img {
         border-radius: 30px 10px 30px 10px;
     }

     .box2 .container span {
         top: 20px;
         left: 20px;
         background: var(--color);
         border-radius: 30px 10px 30px 10px;
     }
 }

 /* box3 */
 .box3 {
     padding: 120px 0;
 }

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

 .box3Icon .icon {
     display: flex;
 }

 .box3Icon .icon .img {
     width: 100px;
 }

 .box3Icon .icon:hover .img {
     transform: rotateY(360deg);
     transition: 1s;
 }

 .box3Icon .icon .img img {
     width: 100%;
 }

 .box3Icon .icon .text {
     padding-left: 30px;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
 }

 .box3Icon .icon .text h1 {
     font-weight: 400;
     font-size: 38px;
     line-height: 1;
     color: #363636;
 }

 .box3Icon .icon .text p {
     font-weight: 400;
     font-size: 16px;
     line-height: 1;
     color: #636363;
 }

 @media (max-width: 1440px) {

     .box3Icon .icon .text h1 {
         font-size: 32px;
     }

     .box3Icon .icon .text p {
         font-size: 16px;
         line-height: 1.5;
         max-width: 300px;
     }
 }

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

     .box3Icon {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-around;
     }

     .box3Icon .icon {
         margin-bottom: 30px;
     }
 }

 @media (max-width: 992px) {
     .box3Icon .icon {
         width: 100%;
     }

     .box3Icon .icon .text p {
         max-width: initial;
     }

     .box4 .NyTitle {
         font-size: 32px;
     }
 }

 @media (max-width: 640px) {
     .box3Icon .icon {
         display: flex;
         align-items: center;
     }

     .box3Icon .icon .img {
         width: 75px;
     }

     .box3Icon .icon .text {
         height: 100%;
         width: calc(100% - 75px);
     }

     .box3Icon .icon .text h1 {
         font-size: 24px;
     }
 }

 /* box4 */
 .box4 {
     position: relative;
     display: flex;
     justify-content: center;
 }

 .box4 .bj {
     position: relative;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .box4 .container {
     position: relative;
     z-index: 2;
     height: 100%;
     /* margin: 0 auto; */
     /* display: block; */
     padding-top: 30px;
     padding-bottom: 0;
 }

 .box4 .NyTitle {
     font-weight: 700;
     font-size: 48px;
     line-height: 1;
     color: #353535;
     margin-bottom: 90px;
 }

 .box4 .desc {
     width: 100%;
     max-width: 550px;
     color: #616161;
     text-align: justify;
     font-size: 18px;
     line-height: 2;
 }

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

 .box4 .top .right {
     width: 60%;
     display: flex;
     justify-content: space-evenly;
     align-items: flex-end;
     position: relative;
     padding-bottom: 160px;

 }

 .box4 .top .right::after {
     content: "";
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 1100px;
     height: 160px;
     background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/206/20240308112951_V8rEJ2fx.png) no-repeat bottom left;

 }

 .box4 .top .right img {
     width: 160px;
 }

 .box4 .bottom {
     width: 100%;
     position: relative;
     padding-bottom: 160px;
 }

 .box4 .bottom::after {
     content: "";
     display: block;
     position: absolute;
     bottom: 0;
     right: 35%;
     transform: rotateY(180deg);
     width: 1300px;
     height: 160px;
     background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/206/20240308112951_V8rEJ2fx.png) no-repeat bottom left;
 }

 .box4Swiper {
     width: 60%;
     position: relative;
     margin-left: 0;
 }



 .box4Swiper .swiper-slide img {
     width: 100%;
 }


 .bottom .swiper-button-next {
     display: block;
     width: 90px;
     height: 50px;
     background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/206/20240308112321_Q0Xyfn8T.png) no-repeat center;
     bottom: 120px;
     top: auto;
     right: 10%;
     left: auto;
 }

 .bottom .swiper-button-prev {
     display: block;
     width: 90px;
     height: 50px;
     background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/206/20240308112321_DshOgLKE.png) no-repeat center;
     bottom: 120px;
     top: auto;
     right: calc(10% + 100px);
     left: auto;
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     font-size: 0;
 }




 @media (max-width: 1200px) {
     .box4 .top {
         display: flex;
         justify-content: space-between;
         flex-direction: column;
     }

     .box4 .NyTitle,
     .box4 .desc {
         width: 100%;
         max-width: none;
         text-align: center;
         margin-bottom: 30px;
     }

     .box4 .top .right {
         width: 100%;
     }

     .box4 .top .right::after {
         width: 1200px;
         height: 160px;
         background-size: 100% 100%;
     }


 }


 @media (max-width: 992px) {
     .box4Swiper {
         width: 100%;
     }

     .box4 .bottom::after {
         right: 0%;
         background-size: 100% 100%;
     }

     .bottom .swiper-button-prev {
         right: calc(50%);
         bottom: 30px;
     }

     .bottom .swiper-button-next {
         right: calc(50% - 100px);
         bottom: 30px;
     }
 }

 @media (max-width: 640px) {
     .box4 {
         padding-bottom: 45px;
     }

     .box4 .container {
         padding-top: 0;
     }

     .box4 .top .right img {
         width: 20%;
     }

     .box4 .NyTitle {
         font-size: 24px;
     }

     .box4 .top .right::after {
         height: 80px;
     }

     .box4 .top .right {
         padding-bottom: 80px;
     }

     .box4 .bottom::after {
         height: 80px;
     }

     .box4 .bottom {
         padding-bottom: 80px;
     }

     .bottom .swiper-button-next,
     .bottom .swiper-button-prev {
         height: 30px;
         bottom: 0px;
         background-size: 100% 100%;
     }
 }



 /* 放大 */
 .bigimg {
     width: auto !important;
     height: auto !important;
     max-width: 70vw !important;
     max-height: 70vh !important;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     display: none;
     z-index: 9999;
     border: 20px solid #fff;
     background: #fff;
     object-fit: contain;
 }

 .mask {
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background-color: #000000cc;
     z-index: 9998;
     transition: all 1s;
     display: none
 }

 .mask img {
     width: 50px;
     height: 50px;
     background: #fff;
     padding: 15px;
     border-radius: 50%;
     position: fixed;
     bottom: 5vh;
     left: calc(50% - 25px);
 }

 @media (max-width: 640px) {
     .mask img {
         bottom: 10vh;
     }
 }