.box1 {
     padding-bottom: 60px;
     display: flex;
     flex-wrap: wrap;
 }

 .box1 .text {
     width: 50%;
     display: flex;
     flex-direction: column;
 }

 .box1 .text h1 {
     height: 40px;
     line-height: 40px;
     font-size: 30px;
     color: var(--color);
     font-weight: bold;
     text-transform: uppercase;
 }

 .box1 .text h2 {
     height: 30px;
     line-height: 30px;
     font-size: 18px;
     color: var(--color);
 }

 .box1 .text span {
     display: block;
     width: 16px;
     height: 1px;
     background: var(--color);
     margin: 10px 0px 10px 0px
 }

 .box1 .text .desc {
     line-height: 36px;
     font-size: 16px;
     color: #8c8c8c;
     max-width: 80%;
 }

 .box1 .text .desc p {
     margin: 0;
 }

 .box1 .imgBox {
     width: 45%;
 }

 .box1 .imgBox img {
     width: 100%;
 }

 @media(max-width: 992px) {
     .box1 .text {
         width: 100%;
         margin-bottom: 30px;
     }

     .box1 .text .desc {
         max-width: 100%;
     }

     .box1 .imgBox {
         width: 100%;
         margin-bottom: 30px;
     }
 }

 /* box2 */
 .box2 {
     background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/203/20240123194811_Hofc6a8r.jpg) center no-repeat;
     background-size: cover;
     overflow: hidden;
     padding: 100px 0px;
     position: relative;
 }

 .box2 .text {
     max-width: 840px;
     margin: 0 auto;
     position: relative;
     z-index: 2;
 }

 .box2 .text h1 {
     height: 40px;
     line-height: 40px;
     font-size: 30px;
     color: var(--color);
     font-weight: bold;
     text-transform: uppercase;
 }

 .box2 .text h2 {
     height: 30px;
     line-height: 30px;
     font-size: 18px;
     color: var(--color);
 }

 .box2 .text span {
     display: block;
     width: 16px;
     height: 1px;
     background: var(--color);
     margin: 10px 0px 10px 0px
 }

 .box2 .text .desc h4 {
     font-weight: bold;
     font-size: 16px;
     color: #505050;
 }

 .box2 .text .desc p {
     font-size: 16px;
     color: #505050;
 }

 .box2::after {
     content: "";
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #ffffff40;
 }

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


 }

 /* box3 */
 .box3 {
     overflow: hidden;
     padding-top: 100px;
 }

 .box3 .container>h1 {
     height: 40px;
     line-height: 40px;
     font-size: 30px;
     color: var(--color);
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
 }

 .box3 .container>h2 {
     height: 30px;
     line-height: 30px;
     font-size: 18px;
     color: var(--color);
     text-align: center;
 }

 .box3 .container>span {
     display: block;
     width: 16px;
     height: 1px;
     background: var(--color);
     margin: 10px auto;
 }

 .box3Swiper {
     padding-bottom: 45px;
 }

 .box3Slide img {
     width: 100%;
 }

 .box3Slide p {
     text-align: center;
     font-size: 16px;
     line-height: 1.5;
     padding: 10px 15px;
     margin: 0;
 }

 .box3Swiper .swiper-pagination span {
     width: 12px;
     height: 12px;
 }

 .box3Swiper .swiper-pagination span.swiper-pagination-bullet-active {
     background: var(--color);
 }

 @media(max-width: 992px) {
     .box3 {
         overflow: hidden;
         padding-top: 60px;
     }

     .box3Slide p {
         line-height: 3;
         padding: 0 15px;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
     }
 }