.section3 {
       width: 100%;
       position: relative;
       overflow: hidden;
   }

   .Top3 {
       position: relative;
       display: flex;
       align-items: flex-end;
       grid-gap: 15px;
   }

   .Top3 .indexTitle {
       display: flex;
       flex-direction: column-reverse;
   }

   .Top3 .indexTitle * {
       color: #fff;
   }

   .Top3 p {
       font-size: 16px;
       line-height: 2;
       color: #fff;
   }

   .Top3 a {
       position: absolute;
       right: 0;
       top: 50%;
       transform: translateY(-50%);
   }

   .Top3 a i {
       color: #fff;
       font-size: 48px;
   }


   .Box3 {
       width: 100%;
       margin-top: 60px;
   }

   .Swiper3 {
       width: 100%;
   }

   .slide3 {
       width: 100%;
       display: flex;
       flex-wrap: wrap;
       overflow: hidden;
       border-radius: 20px;
       background: #fff;

   }

   .slide3 .img3 {
       width: 50%;
   }

   .slide3 .img3 img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .slide3 .text3 {
       width: 50%;
       padding: 75px;
   }

   .slide3 .text3 h1 {
       font-size: 42px;
       color: #333;
   }

   .slide3 .text3 h2 {
       font-size: 18px;
       color: #333;
       margin: 75px 0;
   }

   .slide3 .text3 p {
       display: flex;
       align-items: center;
       justify-content: center;
       background: var(--color);
       color: #fff;
       width: 150px;
       height: 45px;
       font-size: 16px;
       border-radius: 5px;
   }


   .Swiper3 .pagination2 {
       position: relative;
       top: auto;
       bottom: auto;
       display: flex;
   }

   .Swiper3 .pagination2 span::after {
       content: "";
       display: block;
       width: 14px;
       height: 14px;
       background: var(--color);
       border-radius: 10px;
       position: absolute;
   }

   .Swiper3 .pagination2 span::before {
       content: "";
       display: block;
       width: 100%;
       height: 2px;
       position: absolute;
       background: linear-gradient(90deg, #FFFFFF 40%, #FFFFFF00 40%, #FFFFFF00 60%, #FFFFFF 60%);
   }

   .Swiper3 .pagination2 span {
       position: relative;
       width: 100%;
       background: #fff0;
       color: #fff0;
       font-size: 100px;
       height: auto;
       font-family: Impact;
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0.5;
   }

   .Swiper3 .pagination2 span.swiper-pagination-bullet-active {
       color: #fff;
       opacity: 1;
   }

   @media (max-width: 1200px) {
       .Top3 {
           position: relative;
           display: flex;
           align-items: flex-start;
           flex-direction: column;
       }

       .slide3 .text3 {
           padding: 45px;
       }

       .slide3 .text3 h1 {
           font-size: 32px;
           color: #333;
       }

       .slide3 .text3 h2 {
           font-size: 14px;
           margin: 15px 0;
       }

       .Box3 {
           width: 100%;
           margin-top: 30px;
       }

       .Swiper3 .pagination2 span {
           font-size: 50px;
       }
   }

   @media (max-width: 720px) {
       .Top3 {
           padding-right: 75px;
           grid-gap: 0px;
       }

       .slide3 .img3 {
           width: 100%;
       }

       .slide3 .text3 {
           width: 100%;
       }

       .slide3 .text3 h1 {
           font-size: 28px;
           color: #333;
       }

   }

   @media (max-width: 460px) {
       .slide3 .text3 {
           padding: 20px;
       }
   }

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