.section3 {
     background-size: cover !important;
     background-color: #fff !important;
     overflow: visible;
 }

 .section3 .title {
     font-weight: bold;
     font-size: 48px;
     line-height: 1;
     background: linear-gradient(91.02deg, #DF8900 2.11%, #E06300 50.52%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
 }

 .section3 .IndexBox {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-evenly;
 }

 .box3 {
     width: 100%;
     position: relative;
 }

 .box3::after {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     height: 1px;
     background: #E6E6E6;

 }

 .box3 .box3Swiper {
     position: relative;
     width: 100%;
     overflow: hidden;
     padding: 30px 45px;
 }

 .box3Slide {
     background: #fff0;
     position: relative;
     border-radius: 20px;
 }

 .box3Slide::after {
     content: "";
     display: block;
     position: absolute;
     z-index: 0;
     left: 5%;
     top: 5%;
     width: 90%;
     height: 90%;
     box-shadow: 0px 10px 20px 15px rgba(0, 0, 0, 0.3);
 }

 .box3Slide .bj {
     position: relative;
     z-index: 1;
     width: 100%;
     filter: grayscale(1) brightness(0.05) invert(1);
     transition: 1s;
 }

 .box3Slide:hover .bj {
     filter: invert(0);
 }

 .box3Slide .text {
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     padding: 2vw;
 }

 .box3Slide .text h1 {
     font-size: 16px;
     line-height: 1.5;
     text-align: center;
     color: #ABABAB;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }

 .box3Slide:hover .text h1 {
     color: #fff;
 }

 .box3Slide .img {
     position: absolute;
     z-index: 2;
     width: 9vw;
     height: 9vw;
     left: calc(50% - 4.5vw);
     top: calc(50% - 4.5vw);
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #EEEEEE;
     border-radius: 50%;
     background: #fff;
 }

 .box3Slide:hover .img {
     background: #FFC863;
     border: 0px;
     box-shadow: 0px 2px 4px #E7D8C4, inset 0px 4px 4px rgba(0, 0, 0, 0.25);
 }

 .box3Slide .img img {
     max-width: 60%;
     max-height: 60%;
     opacity: 0.3;
 }

 .box3Slide:hover .img img {
     opacity: 1;
     filter: invert(1);
 }

 .box3Slide span {
     width: 100%;
     height: 1px;
     background: #E6E6E6;
     position: absolute;
     left: 0;
     top: 50%;
 }

 .section3 .aa {overflow: hidden;
     position: relative;
     background: #fff;
     height: 15vw;
     width: 100%;
     display: flex;
     align-items: center;
 }

 .section3 .aa img {
     width: 100%;
 }

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

     .section3 .IndexBox {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 0;
     }

     .box3 .box3Swiper {
         padding: 30px 40px;
     }
 }

 @media (max-width: 992px) {
     .box3Slide .img {
         width: 100px;
         height: 100px;
         left: calc(50% - 50px);
         top: calc(50% - 50px);
     }
 }

 @media (max-width: 720px) {
     .box3Slide::after {
         content: "";
         display: block;
         position: absolute;
         z-index: 0;
         left: 5%;
         top: 5%;
         width: 90%;
         height: 90%;
         box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.3);
     }

     .box3Slide .text {
         padding: 30px;
     }

     .box3Slide .img {
         width: 120px;
         height: 120px;
         left: calc(50% - 60px);
         top: calc(50% - 60px);
     }
 }

 @media (max-width: 550px) {
     .box3Slide .text {
         padding: 30px;
     }

     .box3 .box3Swiper {
         padding: 30px 60px;
     }

     .box3Slide .img {
         position: relative;
         width: 40vw;
         height: 40vw;
         left: calc(50% - 20vw);
         top: 30px;
     }
 }

 @media (max-width: 1440px) {
     .section3 .title {
         font-size: 40px;
     }
 }

 @media (max-width: 992px) {
     .section3 .title {
         font-size: 32px;
     }
 }

 @media (max-width: 720px) {
     .section3 .title {
         font-size: 26px;
     }
 }

 @media (max-width: 640px) {
     .section3 .title {
         font-size: 24px;
     }
 }

 @media (max-width: 640px) {
     .section3 .aa {
         height: 30vw;
     }

     .section3 .aa img {
        position: relative;
         width: 150%;
         left: -25%;
     }
 }