.section3 {
       position: relative;
       z-index: 1;
       overflow: hidden;
       width: 100%;
       padding: 90px var(--container);
   }

   .Box3 {
       position: relative;
       width: 100%;
       z-index: 2;
       display: flex;
       flex-wrap: wrap;
       grid-gap: 90px;
   }


   .item3 {
       width: 100%;
       display: flex;
       flex-wrap: wrap;
       grid-gap: 45px;
       position: relative;
   }

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

   .top3 h1 {
       color: #000;
       font-size: 32px;
       font-weight: 700;
       line-height: 1.25;
   }

   .top3 a {
       width: 160px;
       height: 52px;
       border-radius: 26px;
       border: 1px solid #656565;
       background: #FFF;
       display: flex;
       align-items: center;
       justify-content: center;
       grid-gap: 5px;
       color: #656565;
       font-size: 16px;
       text-align: center;
   }

   .Swiper3 {
       width: 100%;
       z-index: 1;
   }


   .Slide3 {
       width: auto;
       height: auto;
   }

   .Slide3 .img3 {
       height: calc(((100vw - 6px - (75px * 2) - 30px) / 3) * 0.977624);
   }

   .Slide3 .wz3 {
       padding: 30px 0;
       color: #656565;
       font-size: 20px;
       font-weight: bold;
       line-height: 1.25;
       border-bottom: 1px solid #737373;
   }

   .prev2 {
       width: 72px;
       height: 72px;
       border-radius: 50%;
       background: #fff;
       left: -36px;
       display: flex;
       align-items: center;
       justify-content: center;
       transform: rotateY(180deg);
       z-index: 2;
   }

   .next2 {
       width: 72px;
       height: 72px;
       border-radius: 50%;
       background: #fff;
       right: -36px;
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 2;
   }

   .item3 .swiper-button-next:after,
   .item3 .swiper-button-prev:after {
       display: none;
   }

   .More3 {
       width: 228px;
       height: 66px;
       border-radius: 50px;
       border: 1px solid #656565;
       background: #FFF;
       display: flex;
       align-items: center;
       justify-content: center;
       grid-gap: 5px;
       color: #2B2B2B;
       font-size: 20px;
       text-align: center;
       margin: 0 auto;
   }

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

       .Box3 {
           grid-gap: 60px;
       }

       .item3 {
           grid-gap: 30px;
       }

       .Slide3 .img3 {
           height: calc(((90vw - 15px) / 2) * 0.977624);
       }

       .prev2 {
           width: 40px;
           height: 40px;
           left: -20px;
       }

       .next2 {
           width: 40px;
           height: 40px;
           right: -20px;
       }

   }

   @media (max-width: 720px) {
       .prev2 {
           left: -15px;
       }

       .next2 {
           right: -15px;
       }

       .prev2 img,
       .next2 img {
           width: 15px;
       }

       .Box3 {
           grid-gap: 30px;
       }

       .item3 {
           grid-gap: 15px;
       }

       .top3 h1 {
           font-size: 24px;
       }

       .top3 a {
           width: 100px;
           height: 35px;
           font-size: 14px;
       }

       .top3 a img {
           width: 25px;
       }

       .Slide3 {
           padding-bottom: 40px;
           position: relative;
       }

       .Slide3 .img3 {
           height: calc(((94vw - 15px) / 2) * 0.977624);
       }

       .Slide3 .wz3 {
           position: absolute;
           left: 0;
           bottom: 0;
           width: 100%;
           padding: 0;
           font-size: 16px;
           line-height: 40px;
           overflow: hidden;
           display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 1;
       }
   }

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

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