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



     /* 标题 */
     .indexTitle {
         position: relative;
         display: flex;
         align-items: center;
         grid-gap: 15px;
         background: url(/assets/images/titleback.png) no-repeat bottom;
         background-size: 100% auto;
         padding-bottom: 30px;
         margin: 45px 0;
     }

     .indexTitle::before {
         content: "";
         display: block;
         width: 14px;
         height: 14px;
         background: var(--color);
     }

     .indexTitle h1 {
         font-size: 36px;
         color: #3fa0e4;
     }

     .indexTitle h2 {
         font-size: 16px;
         color: #818b93;
     }

     .indexTitle a {
         position: absolute;
         right: 0;
         color: #818b93;
         font-size: 16px;
     }

     @media (max-width: 1200px) {
         .indexTitle {
             background: none;
             border-bottom: 1px solid #a6a6a6;
         }

         .indexTitle h1 {
             font-size: 24px;
         }

         .indexTitle h2 {
             font-size: 14px;
         }
     }

     @media (max-width: 500px) {
         .indexTitle {
             display: flex;
             flex-direction: column;
             grid-gap: 5px;
             padding-bottom: 15px;
             margin: 30px 0;
         }

         .indexTitle a {
             position: unset;
         }

     }