body {
              font-family: 'Inter', sans-serif;
              background-color: #ffffff;
              color: #1a2c3c;
              line-height: 1.5;
          }

          /* hero star */
          .soures-hero {
              /* padding: 60px 0 40px; */
              background-color: linear-gradient(135deg, #f6fafd 0%, #3b99fc 100%);
              background-image: url("../../images/v2/case/banner_ai_background.webp");
              background-size: contain;
              background-repeat: round;
              /* background: linear-gradient(134deg, #3b99fc 0%, #f6fafd 100%); */
          }

          i.fa-solid:before,
          i.fas:before,
          span.fa-solid:before,
          span.fas:before {
              font-family: "Font Awesome 6 Free" !important;
              font-weight: 900 !important;
          }

          .hero-grid {
              display: flex;
              flex-wrap: wrap;
              /* gap: 40px; */

              padding: 30px 20px;
          }

          .hero-left {
              display: flex;
              flex-direction: column;
              /* justify-content: space-between; */
          }

          .hero-badge {
              background: #e9f0f5;
              color: #0d2ab5;
              display: inline-block;
              /* padding: 5px 15px; */
              border-radius: 30px;
              font-size: 1.05rem;
              /* font-weight: 700; */
              /* margin-bottom: 20px; */
              width: 35%;
              display: flex;
              justify-content: center;
              align-items: center;
              padding: 7px 20px;
          }

          /* .hero-left img {
            flex: 1;
            width: 400px;
            height: 400px;

            margin-top: 10px;
            margin-left: 70px;
            margin-bottom: 35px;
        } */
          .hero-left .placeholder {
              flex: 1;
              width: 400px;
              height: 400px;

              margin-top: 10px;
              margin-left: 70px;
              margin-bottom: 35px;
          }



          .hero-content {

              display: flex;
              flex-direction: column;

              margin-top: 66px;
              /* height: 444px; */
              flex: 0.7;
              /* margin-left: 20px; */
          }

          .hero-content .hero-title {
              /* flex: 1; */
              display: flex;
              /* justify-content: center; */
              align-items: center;
          }

          .hero-content h1 {
              font-size: 5.3rem;
              font-weight: 800;
              line-height: 1.2;
              text-align: justify;
              text-align-last: justify;
              width: 100%;
              /* margin-bottom: 20px; */
              /* margin-top: 10px; */

              margin: 0;
              color: #03255a;
          }

          .hero-content .hero-main .hero-desc .hero-info-desc {
              /* display: block; */
              font-size: 34px;
              font-weight: 500;
              color: #152969;
              line-height: 50px;
              margin: 10px 0 20px 0;
              display: flex;
              justify-content: center;
              align-items: center;

              text-align: justify;
              text-align-last: justify;
              width: 100%;
          }

          .hero-content p {
              color: #192f72;
              font-size: 1rem;
              /* margin-bottom: 28px; */
              margin: 0;
              display: flex;
              justify-content: center;
              align-items: center;

              font-weight: 600;
          }

          .hero-main {
              display: flex;
              flex-direction: column;
              gap: 29px;
          }

          .hero-main .hero-main-image {
              /* width: 100%;
            height: 100%; */
          }

          .hero-main .hero-main-image img {
              width: 320px;
              height: 320px;
              border-radius: 20px;
          }


          .hero-main .hero-info {
              flex: 1;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
          }

          .hero-stats {
              display: flex;
              gap: 20px;
              margin-top: 19px;
              flex-wrap: wrap;

              /* padding-top: 14px;
            border-top: 1px solid rgb(0 0 0 / 11%); */
          }

          .stat-item {
              background: white;
              padding: 6px 35px;
              border-radius: 40px;
              border: 1px solid #e2edf2;
              font-weight: 500;
              box-shadow: 1px 3px 9px 3px #83a9ef;
              color: #0430a2;
              font-size: 1rem;
              padding: 6px 18px;
          }

          .stat-item i {
              margin-right: 5px;
          }

          .hero-image {
              flex: 0.4;

              display: flex;
              justify-content: center;
              /* margin-left: 30px; */
              margin-right: -81px;
          }

          .hero-image img {
              width: 268px;
              height: 490px;
              border-radius: 15px;
          }

          .btn-primary {
              display: inline-flex;
              align-items: center;
              gap: 15px;
              background: #2B5F8A;
              color: white;
              /* font-weight: 600; */
              padding: 11px 35px;
              border-radius: 16px;
              text-decoration: none;
              transition: 0.2s;
              border: none;
              height: 27px;
              font-size: 1.1rem;
              background: linear-gradient(0deg, #022991 0%, #042c77 100%);
              font-weight: 500;
          }

          .btn-primary:hover {
              /* background: #1f4768; */
              color: #fff;
              transform: translateY(-2px);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
          }

          .btn-outline {
              background: transparent;
              border: 1.5px solid #042c77;
              color: #042c77;
              display: inline-flex;
              align-items: center;
              gap: 15px;
              /* background: #2B5F8A; */
              /* color: white; */
              font-weight: 600;
              padding: 11px 35px;
              border-radius: 16px;
              text-decoration: none;
              transition: 0.2s;
              /* border: none; */
              height: 25px;
              font-size: 1.1rem;
              /* background: linear-gradient(0deg, #022991 0%, #042c77 100%); */
              font-weight: 500;
          }

          .btn-outline:hover {
              background: #eef4fa;
              transform: translateY(-2px);
          }


          .titlemodel .title {
              text-align: center;
              font-size: 50px;
              font-weight: bold;
              color: rgba(40, 40, 40, 1);
          }

          /* hero end */

          /* main_2 */
          .main_2 {
              /* padding-top: 70px;
            background: #fff;
            padding-bottom: 70px; */
          }

          .main_2 .table {
              /* margin-top: 50px; */
          }

          .main_2 .table table {
              table-layout: fixed;
              background: rgba(245, 245, 245, 1);

          }


          .main_2 .table th {


              background: rgba(87, 52, 179, 1);


              line-height: 66px;


              text-align: center;


              font-size: 30px;


              font-family: SourceHanSansCN;


              font-weight: 400;


              color: rgba(255, 255, 255, 1);


          }

          

          .table table tr:first-child th {
              position: sticky;
              top: 0;
              z-index: 100;

              background: #fff;
              /* 必须 */
          }

          .table table tr:first-child th:not(:last-child) {
              border-right: 1px solid gray;
          }

          /* 可选：滚动时阴影效果 */
          .table table tr:first-child th {
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          }

          .main_2 .table .th_dsjc {
              background: rgba(255, 108, 48, 1);
          }

          .main_2 .table .th_dssz {
              background: #531eaf;
          }

          .main_2 .table .th_zhibo {
              background: #590ebf;
          }

          .main_2 .table .th_ali {
              background: #ff942a;
          }

          .main_2 .table .th_weixin {
              background: #0c64ff;
          }

          .main_2 .table .th_xmt {
              background: #2a40cf;
          }

          .main_2 .table .th_jd {
              background: #eb1f39;
          }

          .main_2 .table .th_pddcy {
              background: #EB1F39;
          }

          .main_2 .table .th_pddsz {
              background: #f0482a;
          }

          .main_2 .table .th_smt {
              background: rgba(83, 30, 175, 1);
          }

          .main_2 .table .th_ymx {
              background: #ff8400;
          }

          .main_2 .table .th_xiapi {
              background: #f5602f;
          }

          .main_2 .table .th_douyin {
              background: #4c23b6;
          }

          .main_2 .table .th_dscy {
              background: #550cb5;
          }

          .main_2 .table .th_quanneng {
              background: #342bc5;
          }

          .main_2 .table .th_dianzhang {
              background: #1c60d6;
          }

          .main_2 .table .th_jingxiu {
              background: #E94E60;
          }


          .main_2 .table td {


              font-size: 20px;


              /* font-family:Source Han Sans CN; */


              /* font-weight:300; */


              color: rgba(47, 47, 47, 1);


              line-height: 36px;


              padding: 20px 10px;


              border-right: 1px solid #959595;


              border-bottom: 1px solid #959595;


          }


          .main_2 .table td .center {


              text-align: center;


          }

          .main_2 .table tr td:last-child {
              border-right: none;
          }

          .main_2 .table tr:last-child td {
              border-bottom: none;
          }

          .main_2 .table tr td .td-item {
            display: flex;
          }

          .main_2 .table tr td .td-item .td-title{
            font-weight: 900;
            font-size: 23px;
            width: 92px;
          }

          .main_2 .table tr td .td-item .td-content{
            flex: 1;
          }

          .main_2 .table tr td .td-item:not(:first-of-type) {
              margin-top: 25px;
          }

          /* 适合人群容器 star */
          .suitable-cards-box {
              /* padding-top: 70px;
            padding-bottom: 50px; */
              /* background: #f3f3f3; */
          }

          .suitable-cards-grid {
              /* margin-top: 50px; */
          }


          .suitable-cards-grid .cards-grid {
              display: grid;
              grid-template-columns: repeat(6, 1fr);
              gap: 1.8rem;
          }


          .suitable-cards-grid .identity-card {
              background: #ffffff;
              border-radius: 2rem;
              padding: 2rem 1.5rem 2rem 1.5rem;
              text-align: center;
              transition: transform 0.25s ease, box-shadow 0.35s ease;
              box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.01);
              backdrop-filter: blur(0px);
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
          }


          .suitable-cards-grid .identity-card:hover {
              /* transform: translateY(-6px); */
              /* box-shadow: 0 24px 44px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.02); */
              background: #0564f5;
          }


          .suitable-cards-grid .card-icon-wrapper {
              width: 80px;
              height: 80px;
              padding: 10px;
              background: rgba(98, 91, 255, 0.08);
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin-bottom: 1.5rem;
              transition: background 0.2s ease, transform 0.2s ease;
          }

          .suitable-cards-grid .card-icon-wrapper img {
              width: 80px;
              height: 80px;
          }

          .suitable-cards-grid .card-icon-wrapper .identity-card-icon-hover {
              display: none;
          }

          .suitable-cards-grid .identity-card:hover .card-icon-wrapper {
              background: #4189f8;
              transform: scale(1.02);
          }

          .suitable-cards-grid .identity-card:hover .card-icon-wrapper .identity-card-icon {
              display: none;
          }

          .suitable-cards-grid .identity-card:hover .card-icon-wrapper .identity-card-icon-hover {
              display: block;
          }

          .suitable-cards-grid .identity-title {
              font-size: 1.4rem;
              font-weight: 700;
              letter-spacing: -0.01em;
              margin-bottom: 1rem;
              color: #1a2634;
              line-height: 1.2;
          }

          .suitable-cards-grid .identity-card:hover .identity-title {
              color: #ffffff;
          }


          .suitable-cards-grid .identity-brief {
              font-size: 0.95rem;
              line-height: 1.5;
              color: #4a5a6e;
              max-width: 220px;
              margin: 0 auto;
              font-weight: 450;
              padding: 0 0.2rem;
          }

          @media (max-width: 1000px) {
              .suitable-cards-grid .cards-grid {
                  gap: 1.5rem;
              }

              .identity-title {
                  font-size: 1.7rem;
              }
          }

          @media (max-width: 780px) {
              .suitable-cards-grid .cards-grid {
                  grid-template-columns: repeat(2, 1fr);
                  gap: 1.5rem;
              }

              body {
                  padding: 2rem 1.2rem;
              }

              .identity-card {
                  padding: 1.6rem 1rem;
              }

              .identity-title {
                  font-size: 1.6rem;
              }

              .identity-brief {
                  font-size: 0.85rem;
                  max-width: 200px;
              }
          }

          @media (max-width: 520px) {
              .suitable-cards-grid .cards-grid {
                  grid-template-columns: 1fr;
                  max-width: 340px;
                  margin: 0 auto;
              }

              .suitable-cards-grid .identity-card {
                  padding: 1.8rem 1.2rem;
              }

              .suitable-cards-grid .identity-brief {
                  max-width: 260px;
              }
          }

          .suitable-cards-grid .design-note {
              text-align: center;
              margin-top: 2.5rem;
              font-size: 0.75rem;
              color: #8c9bb0;
              letter-spacing: 0.3px;
              font-weight: 400;
          }

          .suitable-cards-grid .design-note span {
              opacity: 0.7;
          }

          /* 适合人群容器 end */

          /* 讲师简介 star */
          .teacher-box {
              /* padding-top: 70px;
            padding-bottom: 50px;
            background: #f3f3f3; */
          }

          .teacher-box .slider-container {
              /* margin-top: 50px; */
          }

          /* 讲师简介 end */

          /* 学员案例 star */
          .case-box {
              /* background: #ffffff;
            padding: 40px 0 60px; */
          }

          .case-container {
              max-width: 1200px;
              margin: 0 auto;
              padding: 0 20px;
          }

          /* 标题样式 - 与原页面统一 */
          .case-titlemodel {
              text-align: center;
              margin-bottom: 36px;
          }

          .case-titlemodel .title {
              font-size: 2rem;
              font-weight: 700;
              position: relative;
              display: inline-block;
              padding-bottom: 12px;
              letter-spacing: -0.3px;
              color: #0f172a;
          }

          .case-titlemodel .title:after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
              width: 68px;
              height: 4px;
              background: #1a6dbb;
              border-radius: 4px;
          }

          /* 轮播外层 */
          .case-slider-wrapper {
              position: relative;
              margin: 0 auto;
              border-radius: 28px;

              width: 1180px;
          }

          .case-slider-container {
              overflow: hidden;
              border-radius: 28px;
              position: relative;

              /* margin-top: 50px; */
          }

          .case-slider-inner {
              display: flex;
              transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              will-change: transform;

              gap: 30px;
              padding-bottom: 30px;
          }

          .case-slide {
              flex: 0 0 48.4%;

              box-shadow: 17px 15px 10px -12px rgba(0, 0, 0, 0.12);
              background: #fefaf5;
              border-radius: 28px;
              overflow: hidden;
          }

          /* 图片容器 —— 包含占位符和真实图片 */
          .case-img-box {
              position: relative;
              width: 100%;
              background-color: #f1f5f9;
              /* 占位底色 */
              overflow: hidden;
              display: flex;
              justify-content: center;
              align-items: center;
              min-height: 320px;
              /* 保证占位高度 */
          }

          /* 图片占位符骨架 (位于底层，图片未加载时显示) */
          .image-skeleton {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              background: #eef2ff;
              color: #94a3b8;
              font-size: 0.9rem;
              gap: 10px;
              z-index: 1;
              pointer-events: none;
          }

          .image-skeleton i {
              font-size: 42px;
              color: #cbd5e1;
          }

          .image-skeleton span {
              background: #e2e8f0;
              padding: 4px 10px;
              border-radius: 30px;
              font-size: 12px;
          }

          /* 真实图片，位于占位符之上，加载后覆盖占位效果 */
          .case-img-box img {
              position: relative;
              width: 100%;
              height: auto;
              /* max-height: 520px; */
              object-fit: cover;
              display: block;
              z-index: 2;
              background: transparent;
              transition: transform 0.3s ease;

              width: 571px;
              height: 340px;
          }

          /* 极简介绍（一行标题+微型描述） */
          .case-caption {
              padding: 12px 24px 20px;
              background: white;
              text-align: center;
              border-top: 1px solid #f0e9e0;
          }

          .case-caption h4 {
              font-size: 1rem;
              font-weight: 600;
              color: #1e293b;
              margin: 0;
          }

          .case-caption p {
              font-size: 0.7rem;
              color: #94a3b8;
              margin-top: 5px;
              margin-bottom: 0;
          }

          /* 左右箭头 (与讲师滑块风格一致) */
          .case-arrow {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              background: rgba(255, 255, 255, 0.95);
              border: none;
              width: 44px;
              height: 44px;
              border-radius: 50%;
              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
              cursor: pointer;
              z-index: 10;
              transition: all 0.2s;
              color: #1a6dbb;
              font-size: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              backdrop-filter: blur(2px);
          }

          .case-arrow-left {
              left: 20px;
          }

          .case-arrow-right {
              right: 8px;
          }

          .case-arrow:hover {
              background: #1a6dbb;
              color: white;
              box-shadow: 0 6px 14px rgba(249, 115, 22, 0.3);
          }

          /* 分页指示器 (dots) */
          .case-dots {
              display: flex;
              justify-content: center;
              gap: 10px;
              margin-top: 24px;
              padding-bottom: 6px;
          }

          .case-dot {
              width: 8px;
              height: 8px;
              background: #cbd5e1;
              border-radius: 50%;
              cursor: pointer;
              transition: all 0.25s ease;
          }

          .case-dot.active {
              background: #039df7;
              width: 24px;
              border-radius: 12px;
          }

          /* 响应式适配 */
          @media (max-width: 768px) {
              .case-slider-wrapper {
                  max-width: 100%;
                  margin: 0 12px;
                  border-radius: 20px;
              }

              .case-img-box img {
                  max-height: 380px;
              }

              .case-arrow-left {
                  left: 8px;
              }

              .case-arrow-right {
                  right: 8px;
              }

              .case-arrow {
                  width: 38px;
                  height: 38px;
                  font-size: 16px;
              }

              .case-caption {
                  padding: 8px 16px 14px;
              }

              .case-titlemodel .title {
                  font-size: 1.6rem;
              }

              .image-skeleton i {
                  font-size: 32px;
              }
          }

          /* 鼠标悬停微缩放 */
          .case-slide:hover .case-img-box img {
              transform: scale(1.01);
          }

          /* 学员案例 end */
          /* 学员毕业留念 star */
          .main_bg2 {
              /* padding-top: 70px;
            background: #f3f3f3;
            padding-bottom: 70px; */
          }

          .main_bg2 .biye img {
              border: none;
              vertical-align: middle;
              display: inline-block;

              width: 100%
          }

          /* 学员毕业留恋  end*/

          /* 优势服务 star */
          .main_bg3 {
              /* padding-top: 70px;
            background: #fff;
            padding-bottom: 70px; */
          }

          .advantageous-services-box {
              /* margin-top: 50px; */
          }

          .advantageous-services-box .tab-button {
              background-color: #f3f3f3;
          }

          /* 优势服务 end */

          /* 八大服务保障 star */
          .service-mode-box {
              /* padding-top: 70px;
            padding-bottom: 50px;
            background: #f3f3f3; */
          }

          .service-mode-box .titlemodel .title {
              text-align: center;
              font-size: 50px;
              font-weight: bold;
              color: rgba(40, 40, 40, 1);
          }

          .service-mode-box .container {
              /* background-color: #1d55d4; */
              overflow: hidden;
              border-radius: 50px;
              /* margin-top: 50px; */
          }

          .service-mode-box .service-mode-content {
              /* background: #fff; */
              padding: 30px;
              border-radius: 20px;

              display: flex;
              flex-direction: column;
              align-items: center;

              /* margin: 50px; */
          }

          .service-mode-box .service-mode-list {
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              row-gap: 1.8rem;
              column-gap: 8.8rem;
              width: 100%;
          }

          .service-mode-box .service-mode-item {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              row-gap: 15px;

              background: #fff;
              border-radius: 0.7rem;
              padding: 1.1rem 3rem;
              box-shadow: 3px 4px 28px rgb(0 0 0 / 12%), 5px 7px 0 1px rgb(0 0 0 / 1%);
              transition: transform 0.25s ease, box-shadow 0.35s ease;
          }

          .service-mode-box .service-mode-item:hover {
              /* transform: translateY(-15px);
            box-shadow: 3px 4px 28px rgb(0 0 0 / 18%), 5px 7px 0 1px rgb(0 0 0 / 1%) */
              transform: scale(1.05);
          }

          .service-mode-box .item-icon {
              /* background: #1d55d4; */
              /* border: 7px #1f8ceb solid; */
              /* border-radius: 50%; */
              /* padding: 25px; */


              transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
          }

          .service-mode-box .item-line {
              height: 6px;
              width: 20%;
              border-radius: 3px;
              background: #1e5cdf;

              transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
          }

          .service-mode-box .service-mode-item:hover .item-line {
              transform: scale(1.05);
              /* 增加整体的放大效果 */
              /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); */
              /* 鼠标悬停时的阴影效果 */
          }

          .service-mode-box .service-mode-item:hover .item-icon {
              /* transform: scale(1.05); */
              /* 增加整体的放大效果 */
              /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); */
              /* 鼠标悬停时的阴影效果 */
          }

          .service-mode-box .service-mode-item .item-icon img {
              width: 120px;
              height: 120px;

              transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
          }

          /* .service-mode-box .service-mode-item:hover .item-icon img {
            transform: scale(1.1);
        } */

          .service-mode-box .service-mode-item .item-title {
              font-size: 22px;
              font-weight: 700;

              transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
          }

          .service-mode-box .service-mode-item:hover .item-title {
              /* transform: scale(1.1); */
              /* 增加整体的放大效果 */
          }

          .service-mode-box .service-mode-desc {
              background: #1d59d5;
              color: #fff;
              width: 50%;
              line-height: 80px;
              text-align: center;
              font-size: 32px;
              font-weight: 900;
              border-radius: 40px;

              margin-top: 50px;
          }

          /* 八大服务保障 end */

          /* 试听课程 star */
          .main_bg1 {
              /* padding-top: 70px;
            background: #fff;
            padding-bottom: 70px;    */
          }

          .ckst {
              /* background: linear-gradient(135deg, #2B5F8A 0%, #1f4768 100%); */
              /* border-radius: 48px; */
              /* padding: 48px; */
              display: flex;
              align-items: stretch;
              /* 确保左右两侧高度一致 */
              justify-content: space-between;
              flex-wrap: wrap;
              /* gap: 40px; */
              /* box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15); */
              position: relative;
              overflow: hidden;
          }

          .ckst::after {
              content: '';
              position: absolute;
              bottom: -20%;
              left: -5%;
              width: 200px;
              height: 200px;
              background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
              border-radius: 50%;
              pointer-events: none;
          }

          /* 左侧文案区 - 填满父容器高度 + 背景图 */
          .ckst-info {
              flex: 1;
              color: white;
              padding: 36px 32px;
              border-radius: 32px;
              /* background-image: url('https://picsum.photos/id/20/800/600');   */
              background-image: url('../../images/v2/case/biaodan-image.png');
              background-size: cover;
              background-position: center;
              position: relative;
              z-index: 1;
              display: flex;
              flex-direction: column;
              justify-content: center;
              min-height: 100%;
              /* 确保文字在背景图之上清晰 */
          }

          /* 半透明遮罩层，增强文字可读性 */
          .ckst-info::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background: rgba(0, 0, 0, 0.5);
              border-radius: 32px;
              z-index: -1;
          }

          .ckst-info h2 {
              font-size: 2.2rem;
              font-weight: 700;
              margin-bottom: 16px;
              line-height: 1.2;
              position: relative;
          }

          .ckst-info p {
              font-size: 1rem;
              line-height: 1.6;
              margin-bottom: 24px;
              opacity: 0.95;
              position: relative;
          }

          .info-features {
              display: flex;
              flex-direction: column;
              gap: 12px;
              position: relative;
          }

          .info-features span {
              display: flex;
              align-items: center;
              gap: 10px;
              font-size: 0.95rem;
          }

          .info-features i {
              width: 24px;
              font-size: 1rem;
          }

          /* 右侧表单卡片 */
          .biaodan {
              flex: 0.9;
              background: rgba(255, 255, 255, 0.95);
              backdrop-filter: blur(10px);
              border-radius: 32px;
              padding: 36px 32px;
              box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2);
              transition: transform 0.3s ease;
              margin: 25px;
          }

          .biaodan:hover {
              transform: translateY(-4px);
          }

          .shiting {
              font-size: 1.8rem;
              font-weight: 700;
              color: #2B5F8A;
              text-align: center;
              margin-bottom: 28px;
              letter-spacing: -0.5px;
          }

          .shiting i {
              margin-right: 8px;
              color: #4a6cf7;
              font-size: 1.8rem;
          }

          .biaodan form span {
              display: block;
              margin-bottom: 20px;
          }

          .biaodan label {
              display: block;
              font-weight: 600;
              color: #1e2f3e;
              margin-bottom: 8px;
              font-size: 0.9rem;
          }

          .biaodan select,
          .biaodan input {
              padding: 12px 16px;
              border: 1.5px solid #e2edf2;
              border-radius: 16px;
              font-size: 0.95rem;
              font-family: 'Inter', sans-serif;
              transition: all 0.2s;
              background: white;
          }

          .biaodan select {
              width: 100%;
          }

          .biaodan input {
              width: 92.8%;
          }

          .biaodan select:focus,
          .biaodan input:focus {
              outline: none;
              border-color: #2B5F8A;
              box-shadow: 0 0 0 3px rgba(43, 95, 138, 0.1);
          }

          .biaodan button {
              width: 100%;
              background: linear-gradient(105deg, #2B5F8A, #4a6cf7);
              color: white;
              border: none;
              padding: 14px 20px;
              border-radius: 40px;
              font-size: 1rem;
              font-weight: 600;
              cursor: pointer;
              transition: all 0.2s;
              margin-top: 8px;
              font-family: 'Inter', sans-serif;
          }

          .biaodan button:hover {
              transform: translateY(-2px);
              box-shadow: 0 8px 20px rgba(43, 95, 138, 0.3);
          }

          /* 响应式布局 */
          @media (max-width: 968px) {
              .main_bg1 {
                  padding: 60px 0;
              }

              .ckst {
                  flex-direction: column;
                  padding: 36px 28px;
              }

              .ckst-info {
                  width: 100%;
                  text-align: center;
                  padding: 40px 24px;
                  justify-content: center;
              }

              .info-features {
                  align-items: center;
              }

              .biaodan {
                  width: 100%;
                  max-width: 480px;
                  margin: 0 auto;
              }

              .shiting {
                  font-size: 1.6rem;
              }
          }

          @media (max-width: 640px) {
              .ckst {
                  padding: 28px 20px;
              }

              .biaodan {
                  padding: 28px 20px;
              }

              .ckst-info h2 {
                  font-size: 1.6rem;
              }
          }

          /* 试听课程 end */

          /* 常见问题 stat */
          .cjwt {
              display: table;
              /* padding-top: 60px; */
          }

          .cjwt ul {
              margin-left: -88px;
          }

          .cjwt ul li {
              width: 556px;
              margin-left: 167px;
              margin-bottom: 22px;
              font-size: 16px;
          }

          .cjwt ul li .sequence {
              width: 35px;
              height: 35px;
              line-height: 35px;
              color: #FFF;
              text-align: center;
              margin-right: 20px;
              background: #2c99f4;
          }

          .cjwt ul li .content {
              overflow: hidden;
          }

          .cjwt ul li .content a {
              line-height: 35px;
          }

          .cjwt ul li .click {
              overflow: hidden;
          }

          .cjwt ul li .click a {
              width: 120px;
              line-height: 35px;
              text-align: center;
              background: #ec1b1d;
              color: #fff;
          }

          .cjwt ul li .click a:hover {
              background: #cc1517;
          }

          /* 常见问题 end */


          /* 联系我们 star */
          .contact-box {
              /* background: #ffffff;
            padding: 40px 0 60px; */
          }

          .contact-main {
              display: flex;
              flex-direction: column;

              /* margin-top: 50px; */
          }

          .contact-main .contact-top-box {
              display: flex;
          }

          .qrcode-img {
              flex: 0.8;
              text-align: center;
          }

          .qrcode-img img {
              width: 300px;
              height: 300px;
          }

          .contact-top-box .contact-info {
              flex: 1.2;
              text-align: left;
          }

          .contact-top-box .contact-info .contact-title {
              display: flex;
              align-items: center;
          }

          .contact-top-box .contact-info .contact-title i {
              display: block;
              font-size: 50px;
              color: #014f9a;
              margin-top: 7px;
          }

          .contact-top-box .contact-info .contact-title .contact-label {
              line-height: 80px;
              border-bottom: 2px #c3c3c3 solid;
              flex: 1;
              font-size: 29px;
              font-weight: 700;
              margin-left: 30px;
          }

          .contact-top-box .contact-info .contact-desc {
              font-size: 23px;
              margin-left: 80px;
              margin-top: 80px;
          }

          .contact-top-box .contact-info .contact-desc .desc-label {
              display: flex;
          }

          .contact-top-box .contact-info .contact-desc .desc-label span {
              flex: 1;
          }

          .contact-bottom-box {
              /* margin-top: 20px; */
          }

          .contact-bottom-box .contact-bottom-title .contact-label {
              background: #18538d;
              line-height: 2px;
              display: flex;
              justify-content: center;
          }

          .contact-bottom-box .contact-bottom-title .contact-label span {
              background: #fff;
              width: 400px;
              font-size: 30px;
              font-weight: 700;
              text-align: center;
          }

          .contact-bottom-box .contact-bottom-main .school-list {
              /* margin-top: 50px; */

              display: flex;
              flex-wrap: wrap;
              column-gap: 13px;
              row-gap: 26px;
          }

          .contact-bottom-box .contact-bottom-main .school-list .school-item {
              width: 20%;
              background: #FFF;
              border: 1px solid #0c468f;
              color: #0c468f;
              padding: 10px 29px;
              font-size: 23px;
              cursor: pointer;


              transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              text-align: center;
          }

          .contact-bottom-box .contact-bottom-main .school-list .school-item:hover {
              transform: scale(1.05);
              /* 增加整体的放大效果 */
              box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
              /* 鼠标悬停时的阴影效果 */

              background: #0c468f;
              border: 1px solid #fff;
              color: #fff;
          }

          /* 联系我们 end */

          /* 电商资讯 star */
          .dszx {
              width: 1400px;
              overflow: hidden;
          }

          .dszxT {
              height: 56px;
          }

          .dszxT ul {
              width: 1400px;
              display: flex;
              justify-content: center;
              align-items: center;
              gap: 60px;
          }

          .dszxT ul li {
              float: left;
              /* margin-right: 20px; */
          }

          .dszxT ul li a {
              display: inline-block;
              width: 181px;
              text-align: center;
              height: 54px;
              line-height: 54px;
              font-size: 20px;
              color: #095199;
              border-radius: 8px;
              border: solid 1px #095199;
          }

          .dszxT ul li.con03Cur a {
              display: inline-block;
              background: #095199;
              color: #fff;
          }

          .dszxT ul li a:hover {
              display: inline-block;
              background: #095199;
              color: #fff;
          }

          .dszxBon {
              overflow: hidden;
              margin-top: 30px;
              display: none;
          }

          .dszx_l {
              display: table;
          }

          .dszx_l .tuijian {
              width: 850px;
              display: table;
          }

          .dszx_l .tuijian .chart,
          .chart img {
              width: 425px;
              height: 200px;
          }

          .dszx_l .tuijian .writing {
              overflow: hidden;
          }

          .dszx_l .tuijian .writing h3 {
              width: 387px;
              height: 38px;
              line-height: 38px;
              font-size: 16px;
              font-weight: bold;
              overflow: hidden;
          }

          .dszx_l .tuijian .writing .content {
              width: 387px;
              height: 160px;
              line-height: 180%;
              overflow: hidden;
          }

          .dszx_l .article {
              margin-top: 15px;
              border-top: solid 1px #f2f2f2;
          }

          .dszx_l .article ul {
              width: 850px;
              padding-top: 10px;
          }

          .dszx_l .article ul li {
              height: 32px;
              line-height: 32px;
              padding-left: 10px;
              font-size: 16px;
              background: url(http://www.mede.com.cn/images/ghzx_bg.jpg) 0px 13px no-repeat;
          }

          .dszx_l .article ul li .span1 {
              padding-right: 10px;
          }

          .dszx_l .article ul li .span2 {
              width: 410px;
              height: 32px;
              overflow: hidden;
          }

          .dszx_l .article ul li .span3 {
              color: #999;
          }

          .dszx_r {
              width: 450px;
              height: 354px;
              overflow: hidden;
          }

          /* 电商资讯 end */