/* 翻屏swiper */
     .IndexSwiper {
         width: 100%;
         height: 100vh;
         overflow: hidden;
     }

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

     .footerSlide {
         height: auto;
         overflow: visible;
         position: relative;
         z-index: 2;
     }

     /* .htmlSlide {
       top: 200px;
       transform: scale(0.8) !important;
       transition: 1s;
       z-index: 1;
   }

   .htmlSlide.swiper-slide-active {
       top: 0;
       transform: scale(1) !important;
       z-index: 2;
   } */

     @media (max-width: 1200px) {
         .IndexSwiper {
             display: block;
             height: auto;
         }

         .IndexSwiper>.swiper-wrapper {
             display: block;
         }
     }

     /* 框架 */
     section {
         position: relative;
         z-index: 1;
         overflow: hidden;
         width: 100%;
         padding-top: 90px;
     }

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

     @media (max-width: 720px) {
         section {
             padding-top: 45px;
             padding-bottom: 45px;
         }
     }

     /* 标题 */
     .indexTitle {
         display: flex;
         flex-wrap: wrap;
     }

     .indexTitle h1 {
         width: 100%;
         font-weight: 700;
         font-size: 42px;
     }


     @media (max-width: 1200px) {
         .indexTitle h1 {
             font-size: 35px;
         }
     }

     @media (max-width: 720px) {
         .indexTitle h1 {
             font-size: 28px;
         }
     }

     /* 更多 */
     a.indexMore {
         display: flex;
         justify-content: center;
         align-items: center;
         width: 240px;
         height: 65px;
         position: relative;
         z-index: 2;
         font-size: 16px;
         color: #FFFFFF;
     }

     a.indexMore::after {
         content: "";
         position: absolute;
         z-index: -1;
         display: block;
         width: 100%;
         height: 100%;
         border-radius: 10px;
         background: var(--color);
         transform: skewX(-20deg);
         box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
     }

     @media (max-width: 1200px) {
         a.indexMore {
             width: 180px;
             height: 45px;
             font-size: 14px;
         }
     }