.section3 {
       padding: 75px 0;
       position: relative;
       overflow: hidden;
       background: url(/assets/images/box3.png) no-repeat right top;
   }

   .Box3 {
       position: relative;
       margin-top: 60px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .anniu3 {
       position: absolute;
       z-index: 3;
       width: calc(100% + 96px);
       display: flex;
       justify-content: space-between;
       align-items: center;
       height: 0;
   }

   .anniu3 img {
       width: 12px;
   }

   .anniu3 div {
       width: 96px;
       height: 96px;
       border-radius: 50%;
       display: flex;
       justify-content: center;
       align-items: center;
       background: #FFFFFF;
       box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
   }

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

   .slide3 {
       position: relative;
       background: #F4F6F9;
   }

   .slide3 h1 {
       font-family: PuHuiTi85;
       font-size: 22px;
       letter-spacing: 0.07em;
       color: #FFFFFF;
       position: absolute;
       z-index: 2;
       left: 0;
       top: 0;
       padding: 15px 25px;
       background: #8897A4;
       transition: 0.5s;
   }

   .slide3:hover h1 {
       background: var(--color);
   }

   .slide3 .img3 {
       position: relative;
       z-index: 1;
   }

   .slide3 .img3 .cp {
       position: relative;
       z-index: 2;
       width: 100%;
   }

   .slide3 .img3 .bj {
       position: absolute;
       inset: 0;
       z-index: 1;
       width: 100%;
       opacity: 0;
       transition: 0.5s;
   }

   .slide3:hover .img3 .bj {
       opacity: 1;
   }


   @media (max-width: 1440px) {
       .anniu3 {
           width: calc(100% + 60px);
       }

       .anniu3 div {
           width: 60px;
           height: 60px;
       }

       .slide3 h1 {
           font-size: 18px;
           letter-spacing: 0;
           padding: 10px 20px;
       }
   }

   @media (max-width: 1200px) {
       .anniu3 {
           width: calc(100% + 45px);
       }

       .anniu3 div {
           width: 45px;
           height: 45px;
       }

       .anniu3 img {
           width: 10px;
       }

       .Box3 {
           margin-top: 45px;
       }
   }

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

   @media (max-width: 720px) {
       .section3 {
           padding-top: 60px !important;
           background-size: contain;
       }

       .Box3 {
           margin-top: 30px;
       }
   }

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

   @media (max-width: 380px) {
       .anniu3 {
           width: 100%;
       }
   }