.section3 {
       display: block;
       padding-bottom: 0;
   }

   .Top3 {
       display: flex;
       align-items: center;
       justify-content: space-between;
       grid-gap: 30px;
   }

   .Nav3 {
       display: flex;
       grid-gap: 60px;
   }

   .Nav3 h1 {
       color: #535353;
       text-align: center;
       font-size: 18px;
   }

   .Nav3 h1.on {
       color: var(--color);
       font-weight: bold;
   }

   .Box3 {
       position: relative;
       width: 100%;
       z-index: 2;
       margin-top: 90px;
   }


   .item3 {
       display: none;
       flex-wrap: wrap;
       justify-content: center;
   }

   .item3.on {
       display: flex;
   }

   .icon3 {
       position: relative;
   }

   .name3 {
       position: absolute;
       z-index: 2;
       width: 63px;
       height: 63px;
   }


   .name3:nth-child(2n+1) .lin2 {
       position: absolute;
       right: 100%;
       top: 50%;
       width: 200px;
       height: 1px;
       border-top: 1px dashed #A73338;
   }

   .name3:nth-child(2n+1) h1 {
       position: absolute;
       top: 50%;
       right: 265px;
       transform: translateY(-50%);
   }

   /* .name3:nth-child(2) .lin2 {
       position: absolute;
       left: 100%;
       bottom: 50%;
       transform: skewX(-30deg);
       width: 275px;
       height: 80px;
       border-top: 1px dashed #A73338;
       border-left: 1px dashed #A73338;
   }

   .name3:nth-child(2) h1 {
       position: absolute;
       top: -50px;
       left: 360px;
       transform: translateY(-50%);
   }

   .name3:nth-child(3) .lin2 {
       position: absolute;
       right: 100%;
       top: 50%;
       transform: skewX(-30deg);
       width: 275px;
       height: 80px;
       border-bottom: 1px dashed #A73338;
       border-right: 1px dashed #A73338;
   }

   .name3:nth-child(3) h1 {
       position: absolute;
       top: 85px;
       right: 360px;
   } */

   .name3:nth-child(2n) .lin2 {
       position: absolute;
       left: 100%;
       top: 50%;
       width: 175px;
       height: 1px;
       border-top: 1px dashed #A73338;
   }

   .name3:nth-child(2n) h1 {
       position: absolute;
       top: 50%;
       left: 240px;
       transform: translateY(-50%);
   }

   .name3 .dian2 {
       position: relative;
       z-index: 1;
       width: 100%;
    
   }

   .name3 h1 {
       color: #A73338;
       text-align: center;
       font-size: 16px;
       padding: 15px 30px;
       border-radius: 50px;
       border: 1px dashed #A73338;
       width: max-content;
   }

   .name3.on h1 {
       background: var(--color);
       color: #fff;
   }

   .icon3 .bj3 {
       position: relative;
       max-width: 100%;
   }


   .list3Box {
       width: 100%;
   }

   .list3 {
       display: none;
       width: 100%;
       position: relative;
   }

   .list3.on {
       display: block;
   }

   .taizi1 {
       position: absolute;
       width: 17%;
       left: 3.5%;
       bottom: 0;
   }

   .taizi2 {
       position: absolute;
       width: 18%;
       left: 22%;
       bottom: 0;
   }

   .taizi3 {
       position: absolute;
       width: 18%;
       left: 50%;
       transform: translateX(-50%);
       bottom: 0;
   }

   .taizi4 {
       position: absolute;
       width: 18%;
       right: 22%;
       bottom: 0;
       transform: rotateY(180deg);
   }

   .taizi5 {
       position: absolute;
       width: 17%;
       right: 3.5%;
       bottom: 0;
       transform: rotateY(180deg);
   }

   .Swiper3 {
       width: 93%;
       margin: 0 auto;
   }

   .Slide3 {
       height: auto;
       display: flex;
       flex-direction: column;
       justify-content: flex-end;
       align-items: center;
       padding-bottom: 3vw;
   }

   .Slide3 img {
       max-width: 100%;
   }

   .Slide3 h1 {
       color: #FFF;
       text-align: center;
       font-size: 16px;
       font-weight: 700;
       opacity: 0;
       margin-top: 5vw;
   }

   .slideIndex2 h1,
   .slideIndex4 h1 {
       margin-top: 3vw;
   }

   .slideIndex3 h1 {
       margin-top: 6vw;
   }

   .Slide3:hover h1 {
       opacity: 1;
   }

   .list3:has(.slideIndex1:hover) .taizi1 {
       filter: brightness(0.25);
   }

   .list3:has(.slideIndex2:hover) .taizi2 {
       filter: brightness(0.25);
   }

   .list3:has(.slideIndex3:hover) .taizi3 {
       filter: brightness(0.25);
   }

   .list3:has(.slideIndex4:hover) .taizi4 {
       filter: brightness(0.25);
   }

   .list3:has(.slideIndex5:hover) .taizi5 {
       filter: brightness(0.25);
   }

   @media (max-width: 1600px) {
       .name3:nth-child(1) .lin2 {
           width: 10vw;
       }

       .name3:nth-child(1) h1 {
           right: 10vw;
           transform: translate(-40%, -50%);
       }

       .name3:nth-child(2) .lin2 {
           width: 10vw;
       }

       .name3:nth-child(2) h1 {
           left: 10vw;
           transform: translate(55%, -50%);
       }

       .name3:nth-child(3) .lin2 {
           width: 10vw;
       }

       .name3:nth-child(3) h1 {
           position: absolute;
           top: 60px;
           right: 10vw;
           transform: translate(-55%, 50%);
       }
   }

   @media (max-width: 1440px) {
       .Nav3 {
           display: flex;
           grid-gap: 30px;
       }

       .Slide3 img {
           max-width: 150px;
           max-height: 150px;
           object-fit: contain;
           object-position: bottom;
       }
   }

   @media (max-width: 1200px) {
       .name3 .lin2 {
           display: none;
       }

       .icon3 .name3 h1 {
           z-index: 3;
           transform: translate(-50%, -50%);
           left: 50%;
           top: 50%;
           right: auto;
           bottom: auto;
           opacity: 0;
       }

       .icon3 .name3.on h1 {
           opacity: 1;
       }

       .Nav3 {
           display: flex;
           grid-gap: 10px 30px;
           flex-wrap: wrap;
           justify-content: space-around;
           width: 400px;
       }

       .Nav3 h1 {
           font-size: 16px;
       }

       .list3.on {
           width: 640px;
           margin: 0 auto;
       }

       .taizi1 {
           left: 0;
           width: 32%;
       }

       .taizi2 {
           left: 34%;
           width: 32%;
       }

       .taizi3 {
           left: auto;
           right: 0;
           width: 32%;
           transform: none;
       }

       .taizi4 {
           display: none;
       }

       .taizi5 {
           display: none;
       }

       .Swiper3 {
           width: 100%;
       }

       .Slide3 {
           padding-bottom: 30px;
       }

       .Slide3 h1 {
           margin-top: 45px;
           padding: 0 15px;
       }

       .slideIndex2 h1 {
           margin-top: 30px;
       }

       .slideIndex3 h1 {
           margin-top: 45px;
       }

       .Slide3 img {
           width: 150px;
           height: 150px;
       }
   }

   @media (max-width: 720px) {
       .Box3 {
           margin-top: 30px;
       }

       .Top3 {
           flex-wrap: wrap;
           justify-content: center;
           grid-gap: 30px;
       }

       .Nav3 {
           width: 100%;
       }

       .Nav3 h1 {}

       .Slide3 {
           background: url(/assets/images/taizi3.png) no-repeat center bottom;
           background-size: 100% 50%;
       }

       .Slide3 h1 {
           margin-top: 30px !important;
       }

       .taizi1,
       .taizi2,
       .taizi3,
       .taizi4,
       .taizi5 {
           display: none;
       }

       .list3.on {
           width: 100%;
           margin: 0 auto;
       }

       .Slide3:hover h1 {
           color: #000;
       }
   }

   @media (max-width: 460px) {
       .name3 {
           width: 30px;
           height: 30px;
       }

       .name3 h1 {
           font-size: 14px;
           padding: 10px 15px;
       }

       .Slide3 img {
           width: 80%;
           height: 80%;
       }
   }

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