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

   .Box3 {
       width: 100%;
       height: 100%;
       z-index: 2;
       position: relative;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
   }

   .Box3 .indexTitle {
       position: absolute;
       z-index: 2;
       left: var(--w1600);
       top: calc(10vh + 100px);
   }

   .ListBox3 {
       position: absolute;
       z-index: 2;
       right: var(--w1600);
       border-right: 1px solid #888888;
       display: flex;
       flex-wrap: wrap;
       flex-direction: column;
       grid-gap: 60px;
   }

   .ListBox3 .List3 {
       padding-right: 45px;
       font-size: 20px;
       line-height: 18px;
       color: #404040;
       position: relative;
       display: flex;
       align-items: center;
       justify-content: flex-end;
   }

   .ListBox3 .List3.cur {
       font-weight: 700;
       font-size: 32px;
       color: var(--color);
   }

   .ListBox3 .List3::after {
       content: "";
       display: block;
       width: 18px;
       height: 18px;
       background: #eaebee;
       border: 1px solid #696969;
       border-radius: 50%;
       position: absolute;
       right: -9px;
   }

   .ListBox3 .List3.cur::after {
       background: var(--color);
   }


   .itemBox3 {
       position: relative;
       z-index: 1;
       width: 100%;
       height: 100%;
   }

   .item3:nth-child(1) {
       position: relative;
   }

   .item3 {
       position: absolute;
       inset: 0;
       z-index: -2;
       opacity: 0;
       width: 100%;
       height: 100%;
       align-items: center;
       transition: 0.5s;
   }

   .item3.cur {
       z-index: 2;
       opacity: 1;
   }

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

   .Swiper3 .swiper-wrapper {
       display: flex;
       align-items: center;
   }

   .Slide3 {
       height: auto;
       transition: 0.5s;
       opacity: 0;
       left: 0%;
       top: 0%;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .Slide3 img {
       width: 100%;
   }

   .Slide3 h1 {
       font-size: 20px;
       line-height: 1.5;
       text-align: center;
       color: #000000;
       position: absolute;
       top: -100px;
       opacity: 0;
       transition: 0.5s;
   }

   .Slide3:hover h1 {
       opacity: 1;
   }

   .Slide3 .aa {
       display: block;
       width: 4px;
       height: 60px;
       background: linear-gradient(180deg, #003E94 40%, #FFFFFF 40%);
       position: absolute;
       top: -50px;
       opacity: 0;
       transition: 0.5s;
   }

   .Slide3:hover .aa {
       opacity: 1;
   }

   .Slide3.swiper-slide-active {
       opacity: 1;
       left: 13%;
       top: 25%;
   }

   .Slide3.swiper-slide-next {
       opacity: 1;
       left: 6%;
       top: -8%;
       transform: scale(0.9);
   }

   .Slide3.slide_3 {
       opacity: 1;
       left: 0%;
       top: -20%;
       transform: scale(0.9);
   }

   .Slide3.slide_4 {
       opacity: 1;
       left: -27%;
       top: 29%;
   }

   .Slide3.swiper-slide-next img {
       transform: scale(1.1);
   }

   .Slide3.slide_3 h1,
   .Slide3.swiper-slide-next h1 {
       top: auto;
       bottom: -100px;
   }

   .Slide3.slide_3 .aa,
   .Slide3.swiper-slide-next .aa {
       top: auto;
       bottom: -50px;
   }

   .anniu3 {
       padding-left: var(--w1600);
       padding-right: calc(300px + var(--w1600));
       position: absolute;
       width: 100%;
       display: flex;
       justify-content: space-between;
       z-index: 2;
   }

   @media (max-width: 1440px) {
       .ListBox3 .List3.cur {
           font-size: 28px;
       }

       .ListBox3 .List3 {
           padding-right: 30px;
           font-size: 18px;
       }

       .anniu3 {
           padding-left: var(--w1600);
           padding-right: calc(240px + var(--w1600));
       }
   }

   @media (max-width: 1200px) {
       .itemBox3 {
           height: 50vw;
       }

       .section3 {
           padding-top: 90px;
       }

       .Box3 .indexTitle {
           width: 100%;
           inset: 0;
           position: relative;
           text-align: center;
       }

       .anniu3 {
           padding-left: var(--w1600);
           padding-right: var(--w1600);
       }

       .ListBox3 {
           width: 100%;
           padding: 30px var(--w1600);
           position: relative;
           inset: 0;
           border: 0px;
           display: flex;
           flex-direction: row;
           flex-wrap: wrap;
           justify-content: center;
           grid-gap: 15px;
       }

       .Slide3.slide_4 {
           left: -16%;
           top: 26%;
       }

       .ListBox3 .List3::after {
           display: none;
       }

       .ListBox3 .List3 {
           padding: 0;
       }

       .ListBox3 .List3.cur {
           font-size: 18px;
       }

       .Slide3 .aa {
           height: 30px;
           top: -15px;
       }

       .Slide3 h1 {
           font-size: 16px;
           top: -45px;
       }

       .Slide3.slide_3 h1,
       .Slide3.swiper-slide-next h1 {
           top: auto;
           bottom: -45px;
       }

       .Slide3.slide_3 .aa,
       .Slide3.swiper-slide-next .aa {
           top: auto;
           bottom: -15px;
       }

       .anniu3 img {
           width: 60px;
       }
   }

   @media (max-width: 720px) {
       .itemBox3 {
           height: 50vw;
           overflow: hidden;
       }

       .section3 {
           padding-top: 60px;
       }

       .ListBox3 {
           width: 100%;
           padding-bottom: 15px;
           grid-gap: 10px 0;
       }

       .ListBox3 .List3.cur {
           font-size: 16px;
       }

       .ListBox3 .List3 {
           font-size: 16px;
           padding: 0 5px;
           border-right: 1px solid #ccc;
       }

       .ListBox3 .List3:last-child {
           border-right: 0px solid #ccc;
       }

       .item3 {
           transform: scale(1.25);
       }

       .Slide3 .aa {
           height: 20px;
           top: -5px;
       }

       .Slide3.slide_3 .aa,
       .Slide3.swiper-slide-next .aa {
           top: auto;
           bottom: -5px;
       }

       .Slide3 h1 {
           font-size: 14px;
           top: -30px;
       }

       .Slide3.slide_3 h1,
       .Slide3.swiper-slide-next h1 {
           top: auto;
           bottom: -30px;
       }

       .anniu3 {
           transform: scale(0.8);
       }

   }

   @media (max-width:460px) {
       .item3 {
           transform: scale(1);
           background-size: 280% !important;
           background-position-x: 40% !important;
           background-position-y: 45% !important;
       }

       .anniu3 {
           transform: scale(1);
       }

       .Slide3.swiper-slide {
           opacity: 0 !important;
           width: 100%;
           height: 100%;
           inset: 0 !important;
       }

       .Slide3 img {
           width: 70%;
           height: 80%;
           object-fit: cover;
       }

       .Slide3.swiper-slide-active {
           opacity: 1 !important;
       }

       .Slide3 h1 {
           opacity: 1;
           top: auto;
           bottom: 15px;
       }

       .Slide3 .aa {
           opacity: 1;
           height: 20px;
           top: auto;
           bottom: 45px;
           display: none;
       }

       .anniu3 img {
           width: 45px;
           display: block;
       }
   }

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