.section3 {
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240530170124_e3cmvebo.png) no-repeat center;
       background-size: cover;
   }

   .box3 {
       padding-top: 150px;
       padding-left: var(--container);
       width: 100%;
       height: 100%;
       overflow: hidden;
       position: relative;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: flex-end;
   }

   .box3 .title3 {
       width: 285px;
       padding-bottom: 120px;
       display: flex;
       flex-direction: column;
   }

   .box3 .title3 h1 {
       font-weight: bold;
       font-size: 40px;
       line-height: 1.5;
       color: #585858;
       padding-bottom: 15px;
       position: relative;
   }

   .box3 .title3 h1::after {
       content: "";
       display: block;
       width: 60px;
       height: 4px;
       background: var(--color);
       position: absolute;
       left: 0;
       bottom: 0;
   }

   .box3 .title3 h2 {
       margin-top: 140px;
       font-size: 16px;
       line-height: 1.5;
       color: #979797;
       padding-bottom: 20px;
       border-bottom: 1px solid #D8D8D9;
   }

   .box3 .title3 .anniu3 {
       margin-top: 35px;
       position: relative;
       display: flex;
       justify-content: flex-start;
   }

   .anniu3 .prev3 {
       position: relative;
       width: 40px;
       height: 40px;
       background-color: #ebebeb;
       top: auto;
       left: auto;
       right: auto;
       bottom: 0;
       margin: 0;
       border-radius: 4px;
   }

   .anniu3 .next3 {
       position: relative;
       width: 40px;
       height: 40px;
       background-color: var(--color);
       top: auto;
       left: 10px;
       right: auto;
       bottom: 0;
       margin: 0;
       transform: rotate(180deg);
       border-radius: 4px;
   }

   .anniu3 .swiper-button-prev:after {
       background: url(/assets/images/left.png)no-repeat center;
       background-size: 12px;
       color: #fff0;
       filter: brightness(0) opacity(0.5);
   }

   .anniu3 .swiper-button-next:after {
       background: url(/assets/images/left.png) no-repeat center;
       background-size: 12px;
       color: #fff0;
       filter: brightness(10);
   }

   .img3 {
       width: 1300px;
       height: 600px;
       position: relative;
       margin-right: 45px;
   }

   .img3 .bj3 {
       position: relative;
       width: 100%;
       height: 90%;
       top: 10%;
   }

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

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

   .slide3 img {
       width: 100%;
   }

   .Swiper3 .slide3 {
       transform: scale(0.85);
       position: relative;
       transition: 0.2s;
       width: 100%;
       height: auto;
       left: 0;
       bottom: 0;
       opacity: 0;
   }


   .Swiper3 .slide3::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;
   }


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

   .slide3.slide-prev-1 {
       opacity: 1;
       bottom: 31%;
       left: 10%;
   }

   .slide3.swiper-slide-prev {
       opacity: 1;
       bottom: 13%;
       left: 9%;
       z-index: 2;
   }



   .slide3.swiper-slide-next {
       opacity: 1;
       bottom: 13%;
       left: -3%;
       z-index: 2;
   }

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

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

   .slide3.swiper-slide-active {
       opacity: 1;
       bottom: 46%;
       left: 4%;
       z-index: 1;
   }



   @media (max-width: 1675px) {
       .img3 {
           width: calc(100% - 400px);
       }
   }


   @media (max-width: 1440px) {
       .box3 .title3 h1 {
           font-size: 32px;
       }

       .box3 .title3 h2 {
           margin-top: 100px;
       }

       .box3 {
           padding-top: 60px;
       }
   }

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

       .box3 .title3 {
           width: 100%;
           padding-bottom: 30px;
       }

       .box3 .title3 h2 {
           margin-top: 30px;
       }

       .img3 {
           width: 100%;
           height: 45vw;
           margin: 0;
       }
   }

   @media (max-width: 720px) {
       .box3 .title3 h1 {
           font-size: 28px;
       }

       .Swiper3 .slide3 {
           transform: scale(0.95);
           left: auto !important;
           bottom: 20% !important;
       }
   }


   @media (max-width: 460px) {
       .img3 {
           height: auto;
           padding-bottom: 60px;
       }

       .img3 .bj3 {
           display: none;
       }

       .Swiper3 {
           position: relative;
       }
   }