/* box1  */
     .aboutBox1 {
         padding-left: var(--container);
         padding-right: var(--container);
         padding-bottom: 180px;
         overflow: hidden;
         position: relative;
         z-index: 1;
     }

     .about1 {
         margin-top: 120px;
         display: flex;
         flex-wrap: wrap;
         align-items: center;
     }

     .img1Box {
         width: 52%;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .img1Box img {
         width: 100%;
     }

     .text1 {
         padding-top: 30px;
         padding-left: 60px;
         width: 48%;
         display: flex;
         flex-direction: column;
         justify-content: center;
     }

     .text1 h2 {
         font-size: 18px;
         line-height: 2;
         color: #282828;
     }

     .text1 h1 {
         font-weight: 700;
         font-size: 32px;
         line-height: 1.5;
         text-transform: capitalize;
         color: #171717;
     }

     .text1>h1 b {
         font-weight: 700;
         color: var(--color);
     }

     .text1 .desc {
         font-size: 16px;
         line-height: 2;
         color: #2E2E2E;
         margin-top: 30px;
         margin-bottom: 75px;
     }



     .Number1 {
         width: 100%;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

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



     .Number1 h1 {
         color: var(--color);
         display: flex;
         align-items: flex-end;
     }

     .Number1 h1 span {
         font-family: 'Impact';
         font-size: 48px;
         line-height: 1;
         color: var(--color);
     }

     .Number1 h1 b {
         font-size: 20px;
         line-height: 1.5;
         color: var(--color);
         text-transform: lowercase;
     }

     .Number1 h2 {
         margin-top: 10px;
         font-size: 18px;
         line-height: 1.5;
         color: var(--color);
     }

     .aa1 {
         display: block;
         width: 1px;
         height: 60px;
         background: #E1E1E1;
     }

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

         .about1 {
             margin-top: 90px;
         }

         .img1Box {
             width: 50%;
         }

         .text1 {
             padding-top: 10px;
             padding-bottom: 10px;
             padding-left: 45px;
             width: 50%;
         }

         .text1 h1 {
             font-size: 28px;
         }

         .text1 .desc {
             margin-top: 15px;
             margin-bottom: 30px;
         }
     }

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

         .about1 {
             margin-top: 60px;
         }

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

         .img1Box {
             width: 100%;
             max-width: 600px;
         }

         .text1 {
             padding-top: 30px;
             padding-bottom: 0px;
             padding-left: 0px;
             width: 100%;
         }
     }

     @media (max-width:720px) {
         .about1 {
             margin-top: 30px;
         }

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

         .Number1 h1 b {
             font-size: 16px;
         }

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

     @media (max-width:460px) {
         .Number1 {
             width: 100%;
             display: flex;
             justify-content: space-between;
             align-items: flex-start;
         }

         .text1 h2 {
             font-size: 14px;
             line-height: 1.25;
         }

         .text1 h1 {
             line-height: 1.25;
             margin: 10px 0;
         }

         .text1 .desc {
             margin-top: 0;
             margin-bottom: 15px;
             line-height: 1.5;
         }

         .aa1 {
             display: none;
         }

         .item1 h2 {
             margin-top: 0px;
             font-size: 14px;
             text-align: center;
             line-height: 1.25;
             max-width: 80px;
         }

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

         .Number1 h1 b {
             font-size: 14px;
         }
     }


     /* box2 */
     .aboutBox2 {
         padding-left: 160px;
         padding-right: var(--container);
         position: relative;
         background: #282828;
     }

     .aboutBox2::after {
         content: "";
         display: block;
         position: absolute;
         z-index: 2;
         left: 0;
         top: -60px;
         width: 100%;
         height: 100%;
         background: url(https://ss-res-us.oss-us-west-1.aliyuncs.com/site_res/200/20240626142628_FmnNyn8Z.png) no-repeat left top;
     }

     .about2 {
         position: relative;
         z-index: 3;
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: space-between;
     }

     .text2 {
         height: 100%;
         width: calc(35% - 60px);
         display: flex;
         flex-direction: column;
         justify-content: center;
     }

     .text2 .title2 {
         font-weight: 700;
         font-size: 32px;
         line-height: 1.5;
         text-transform: capitalize;
         color: #FFFFFF;
     }

     .text2 .title2 b {
         color: var(--color);
         font-weight: bold;
     }

     .text2 .desc2 {
         font-weight: 300;
         font-size: 16px;
         line-height: 2;
         color: #FFFFFF;
     }

     .text2 .anniu2 {
         position: absolute;
         width: 100px;
         left: 0;
         bottom: 45px;
         display: flex;
         justify-content: space-between;
     }

     .text2 .anniu2 .prev2 {
         width: 21px;
         height: 36px;
         background: url(/assets/images/left.png) no-repeat center;
         filter: brightness(2);
     }

     .text2 .anniu2 .next2 {
         width: 21px;
         height: 36px;
         background: url(/assets/images/right.png) no-repeat center;
     }

     .img2 {
         width: 65%;
         padding-top: 120px;
         margin-bottom: -120px;
     }

     .box2_1Swiper {
         padding: 20px;
     }

     .Slide2_1 {
         display: flex;
         align-items: center;
         box-shadow: 0px 2px 17.9px rgba(0, 0, 0, 0.45);
     }

     .Slide2_1 img {
         width: 100%;
     }

     .img2BIg {
         position: fixed;
         background: #00000080;
         z-index: 999;
         left: 0;
         top: 100px;
         width: 100%;
         height: calc(100% - 100px);
         display: none;
         align-items: center;
         justify-content: center;
     }

     .img2BIg.cur {
         display: flex;
     }

     .box2_2Swiper {
         z-index: 2;
         width: 100%;
         height: 100%;
     }

     .Slide2_2 {
         width: 100%;
         height: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .Slide2_2 img {
         width: 75%;
         height: 75%;
         object-fit: contain;
     }

     .img2BIg .prev2_1 {
         position: absolute;
         z-index: 3;
         left: 10vw;
         width: 21px;
         height: 36px;
         background: url(/assets/images/left.png) no-repeat center;
         filter: brightness(10);
     }

     .img2BIg .next2_1 {
         position: absolute;
         z-index: 3;
         right: 10vw;
         width: 21px;
         height: 36px;
         background: url(/assets/images/left.png) no-repeat center;
         transform: rotateY(180deg);
         filter: brightness(10);
     }

     .closed2 {
         background: #fff;
         border-radius: 50%;
         padding: 10px;
         width: 45px;
         position: absolute;
         z-index: 3;
         bottom: 20px;
     }

     @media (max-width:1600px) {
         .aboutBox2::after {
             left: -15px;
         }

         .aboutBox2 {
             padding-left: 120px;
         }

         .img2 {
             padding-top: 60px;
             margin-bottom: -60px;
         }

         .text2 .title2 {
             font-size: 24px;
         }

         .text2 .anniu2 {
             bottom: 15px;
         }


     }



     @media (max-width:1440px) {

         .text2 {
             width: calc(40% - 60px);
             padding: 75px 0;
         }

         .img2 {
             width: 60%;
         }
     }

     @media (max-width:1200px) {
         .img2BIg {
             top: 60px;
             height: calc(100% - 60px);
         }

         .Slide2_2 img {
             width: 70%;
             height: 70%;
         }

         .img2BIg .prev2_1 {
             left: 5vw;
         }

         .img2BIg .next2_1 {
             right: 5vw;
         }

         .aboutBox2::after {
             left: -15px;
             top: -30px;
             background-size: 10vw;
         }

         .aboutBox2 {
             padding-left: 3vw;
             padding-right: 3vw;
         }

         .text2 {
             width: 100%;
             padding: 75px 0;
             position: relative;
         }

         .img2 {
             padding-top: 30px;
             width: 100%;
         }
     }

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

     @media (max-width:640px) {
         .Slide2_1 {
             box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.45);
         }

         .box2_1Swiper {
             padding: 10px;
         }

         .aboutBox2::after {
             left: 0px;
             top: -15px;
             background-size: 15vw;
         }

         .text2 {
             padding: 45px 0;
         }

         .text2 .anniu2 {
             width: 60px;
             bottom: 0;
         }

         .text2 .anniu2 .prev2,
         .text2 .anniu2 .next2 {
             width: 12px;
             background-size: contain;
         }
     }



     /* box3 */
     .aboutBox3 {
         padding-top: 200px;
         padding-bottom: 90px;
         padding-left: var(--container);
         padding-right: var(--container);
         position: relative;
         background: #F9F9F9;
     }

     .anniu3 {
         margin-top: 60px;
         margin-bottom: 45px;
         width: 90px;
         display: flex;
         justify-content: space-between;
     }

     .anniu3 .prev3 {
         width: 21px;
         height: 36px;
         background: url(/assets/images/left.png) no-repeat center;
         background-size: contain;
         margin: 0;
         position: unset;
         opacity: 1;
     }

     .anniu3 .next3 {
         width: 21px;
         height: 36px;
         background: url(/assets/images/right.png) no-repeat center;
         background-size: contain;
         margin: 0;
         position: unset;
         opacity: 1;
     }

     .item3 {
         position: relative;
     }

     .item3 img {
         position: relative;
         z-index: 2;
         width: 100%;
     }

     .item3 h1 {
         padding: 0px 30px;
         font-weight: 700;
         font-size: 24px;
         line-height: 3;
         color: #FFFFFF;
         position: absolute;
         z-index: 3;
         left: 0;
         bottom: 0;
         word-break: break-all;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
     }

     @media (max-width: 1600px) {
         .aboutBox3 {
             padding-top: 150px;
             padding-bottom: 90px;
         }
     }

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

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

         .anniu3 {
             margin-top: 45px;
             margin-bottom: 30px;
         }

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

     @media (max-width: 720px) {
         .anniu3 {
             width: 60px;
             margin-top: 20px;
             margin-bottom: 20px;
         }

         .anniu3 .prev3,
         .anniu3 .next3 {
             width: 12px;
         }

         .aboutBox3 {
             padding-top: 90px;
             padding-bottom: 90px;
         }

         .item3 h1 {
             padding: 0px 10px;
             font-weight: 400;
             font-size: 16px;
         }
     }

     @media (max-width: 460px) {
         .aboutBox3 {
             padding-top: 90px;
             padding-bottom: 60px;
         }

     }

     /* box4 */
     .aboutBox4 {
         padding-top: 120px;
     }

     .aboutBox4 .aboutTitle {
         text-align: center;
         padding: 0;
     }

     .aboutBox4 .aboutTitle::after {
         display: none;
     }

     .about4 {
         display: grid;
         grid-template-columns: repeat(6, 1fr);
     }

     .about4 .item4 {
         width: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .about4 .item4 img {
         width: 70%;
         height: 60%;
         object-fit: contain;
     }

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

     @media (max-width:1000px) {
         .about4 {
             grid-template-columns: repeat(4, 1fr);
         }
     }

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

         .about4 {
             grid-template-columns: repeat(3, 1fr);
         }
     }

     @media (max-width:460px) {
         .about4 {
             grid-template-columns: repeat(2, 1fr);
         }
     }