/* 框架 */
     :root {
         --p120: 120px;
     }

     @media (max-width: 1200px) {
         section {
             --p120: 90px;
         }
     }

     @media (max-width: 60px) {
         section {
             --p120: 60px;
         }
     }

     section {
         position: relative;
         z-index: 1;
         overflow: hidden;
         width: 100%;
         padding: var(--p120) var(--container);
     }



     /* 标题 */
     .indexTitle {
         display: flex;
         flex-direction: column;
         grid-gap: 10px;
     }

     .indexTitle h1 {
         color: #7B7B7B;
         font-size: 16px;
     }

     .indexTitle h2 {
         color: #000;
         font-size: 42px;
         font-family: MiSans2;
     }

     .indexTitle h3 {
         color: #000;
         font-size: 16px;
     }

     @media (max-width: 1440px) {
         .indexTitle h2 {
             font-size: 38px;
         }

         .indexTitle h3 {
             color: #000;
             font-size: 14px;
         }
     }


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

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


     }

     /* 查看更多 */

     .IndexMore,
     a.IndexMore {
         width: 150px;
         height: 50px;
         background: var(--color);
         border-radius: 50px;
         display: flex;
         align-items: center;
         justify-content: space-evenly;
         text-align: center;
         color: #fff;
         font-size: 14px;
     }

     .IndexMore img,
     a.IndexMore img {
         filter: brightness(0) invert(1);
     }

     @media (max-width: 900px) {

         .IndexMore,
         a.IndexMore {
             width: 120px;
             height: 35px;
         }
     }

     /*  */
     .indexTitle {
         position: relative;
         display: flex;
         justify-content: center;
         padding-right: 300px;
     }

     .indexTitle .IndexMore {
         position: absolute;
         z-index: 2;
         right: 0;
     }

     @media (max-width: 1440px) {
         .indexTitle {
             padding-right: 210px;
         }
     }

     @media (max-width: 900px) {
         .indexTitle {
             padding-right: 0px;
         }

         .indexTitle .IndexMore {
             position: unset;
         }
     }