.EventServicesBody{width:100%;background: #D3EAFF;}

.EventServicesBanner{height:971px;width:100%;background: url(../../images/EventServices/EventServicesBanner1.png) no-repeat center center;background-size: 100% 100%;overflow: hidden;}
.EventServicesBanner .EventServicesPosition{padding-top:186px;padding-left:60px;}
.EventServicesBanner .EventServicesPosition .BannerTitle{width:100%;height:88px;font-family:Alibaba PuHuiTi,Alibaba PuHuiTi;font-weight:bold;font-size:64px;color:#FFFFFF;text-shadow:0px 7px 12px rgba(4,0,118,0.18);text-align:left;font-style:normal;text-transform:none;}
.EventServicesBanner .EventServicesPosition .BannerContent{width:642px;height:200px;margin-top: 20px;}
.EventServicesBanner .EventServicesPosition .BannerContent p{font-family:PingFang SC,PingFang SC;font-weight:400;font-size:20px;color:#FFFFFF;line-height:40px;text-align:left;font-style:normal;text-transform:none;}

.EventServicesSlides1{width:100%;height:547px;background: url(../../images/EventServices/serviceBg.png) no-repeat center center;background-size: 100% 100%;}
.EventServicesSlides1 ul {width:1200px;height:100%;}
.EventServicesSlides1 ul li{width:100%;height:100%;margin-top: 106px;background-color:#fff;}
.EventServicesSlides1 ul li samp{height:34px;font-family:PingFang SC,PingFang SC;font-weight:600;font-size:24px;color:#303030;text-align:left;font-style:normal;text-transform:none;margin-top:118px;display:block;}
.EventServicesSlides1 ul li p{margin-top: 18px;width:518px;font-family:PingFang SC,PingFang SC;font-weight:400;font-size:16px;color:#5A5A5A;line-height:32px;text-align:left;font-style:normal;text-transform:none;}
.EventServicesSlides1 ul li img{width:562px;height:373px;box-shadow:9px 10px 8px 4px#000;border:solid 8px#fff;}
.EventServicesSlides1 ul li:first-child{}
.EventServicesSlides1 ul li:last-child{}
.EventServicesSlides1 ul li .content1{height:128px;}
.EventServicesSlides1 ul li .content2{height:96px;}
.EventServicesSlides1 ul li .content3{height:128px;}

.CoreValuesTitle{height:52px;font-family:Alibaba PuHuiTi,Alibaba PuHuiTi;font-weight:bold;font-size:40px;color:#303030;text-align:center;font-style:normal;text-transform:none;margin-top:85px;margin-bottom:47px;}
.CoreValuesTitle2{height:55px;font-family:Alibaba PuHuiTi,Alibaba PuHuiTi;font-weight:bold;font-size:40px;color:#303030;text-align:center;font-style:normal;text-transform:none;margin-bottom:60px;}
.CoreValuesTitle2 div{width:642px;margin:0 auto;height:56px;background:#CFE6FE;border-radius:100px 100px 100px 100px;border:1px solid#FFFFFF;}
.CoreValuesTitle2 div span{display: block;line-height: 56px;font-family:PingFang SC,PingFang SC;font-weight:500;font-size:24px;color:#030A2A;text-align:center;font-style:normal;text-transform:none;}

.Timeline ul li:first-child{text-align: left;height:52px;font-family:PingFang SC,PingFang SC;font-weight:bold;font-size:40px;color:#0053D1;line-height:52px;font-style:normal;text-transform:none;}
.Timeline ul li:first-child{position:relative;padding-left:37px;color:#0053D1;}
.Timeline ul li:first-child::after {
      content : ""; /* 伪元素必须声明 content，否则不显示 */
      position: absolute;
      /* 定位到 li 左侧，垂直居中 */
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      
      /* 红框容器大小（正方形） */
      width: 22px;
      height: 22px;
      
      /* 红色边框（红框效果） */
      /*border: 3px solid #0053D1;
      border-radius: 4px;*/ /* 可选：给红框加轻微圆角，和示例更像 */
      
      /* 背景用径向渐变画蓝色圆 */
      background: radial-gradient(
        circle at center, /* 圆心居中 */
        #0053D1 0%,       /* 蓝色从圆心开始 */
        #0053D1 65%,      /* 蓝色占 60% 宽度 */
        transparent 65%   /* 剩下的部分透明，露出红框 */
      );
}
.Timeline ul li:nth-of-type(2){height: 382px;line-height: 382px;}

.Timeline ul li:nth-of-type(2) div,
.Timeline ul li:nth-of-type(4) .WonderfulMoments,
.Timeline ul li:nth-of-type(6) .Contestantork{border-left:2px#0053D1 dotted;height:100%;margin-left:10px;margin-top:-17px;overflow: hidden;}

.Timeline ul li:nth-of-type(2) div a{width:415px;height:138px;background: url(../../images/EventServices/BtnSignUpNow.png) no-repeat center center;background-size: 100% 100%;display: block;margin: 0 auto;margin-top: 101px;}
.Timeline ul li:nth-of-type(2) div:nth-of-type(2){text-align:left;height:52px;font-family:PingFang SC,PingFang SC;font-weight:bold;font-size:40px;color:#0053D1;line-height:52px;font-style:normal;text-transform:none;padding-left:22px;margin-top:-53px;}

.Timeline ul li:nth-of-type(3),.Timeline ul li:nth-of-type(5) {position: relative;padding-left: 34px;}
.Timeline ul li:nth-of-type(3)::after,.Timeline ul li:nth-of-type(5)::after{
    content: "";
      /* 定位：左侧垂直居中 */
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);

      /* 1. 外层红色实线方框（外框） */
      width: 20px;
      height: 20px;
      border: 1px solid #ff0000; /* 红实线边框 */

      /* 2. 内部蓝色虚线圆环（核心！） */
      padding: 2px; /* 内间距，留出圆环位置 */
      box-sizing: border-box;
      border-radius: 50%; /* 圆形虚线框 */
      border: 1px dashed #165DFF; /* 蓝色虚线圆环 */
      background: transparent; /* 背景透明，保证空心 */
    }
.Timeline ul li:nth-of-type(3) .WonderfulMomentsTitle,
.Timeline ul li:nth-of-type(5) .ContestantorkTitle{height:52px;font-family:PingFang SC,PingFang SC;font-weight:500;font-size:30px;color:#030A2A;line-height:52px;font-style:normal;text-transform:none;}

.Timeline ul li:nth-of-type(4) .WonderfulMoments{display:  grid;   grid-template-columns: repeat(3, 1fr);   gap:  15px;margin-top: 1px;padding: 0px 5px;padding-left: 24px;padding-top: 43px;padding-bottom: 63px;}
.Timeline ul li:nth-of-type(4) .WonderfulMoments div{width: 376px;height: 238px;overflow: hidden; box-shadow: 0px 4px 4px 0px rgba(129,167,255,0.8); border-radius: 20px 20px 20px 20px;border: 10px solid #FFF;}
.Timeline ul li:nth-of-type(4) .WonderfulMoments div img{height:100%;width:100%;transition: height 0.5s ease,width 0.5s ease;}
.Timeline ul li:nth-of-type(4) .WonderfulMoments div img:hover{height:110%;width:110%;}

.Timeline ul li:nth-of-type(6) .Contestantork{display:  grid;   grid-template-columns: repeat(3, 1fr);   gap:  15px;margin-top: 1px;padding: 0px 5px;padding-left: 24px;padding-top: 43px;padding-bottom: 57px;}
.Timeline ul li:nth-of-type(6) .Contestantork>div{width:376px;height:376px;object-fit:cover;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:20px 20px 20px 20px;overflow: hidden;background: url(../../images/EventServices/ContestantorkBg.png) no-repeat center center;background-size: 100% 100%;transition: all 0.3s ease;}
.Timeline ul li:nth-of-type(6) .Contestantork > div:hover{transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0,0,0,0.15);}
 
.Timeline ul li:nth-of-type(6) .Contestantork>div .School{font-family:PingFang SC,PingFang SC;font-weight:bold;font-size:17px;color:#2862A3;text-align:center;height:31px;line-height:31px;}
.Timeline ul li:nth-of-type(6) .Contestantork>div .Explanation{font-family:Songti SC,Songti SC;font-weight:bold;font-size:14px;color:#3067A8;letter-spacing:1px;text-align:center;height:20px;line-height:20px;}
.Timeline ul li:nth-of-type(6) .Contestantork>div .Explanation .Award-winning{float:left;padding-left:50px;}
.Timeline ul li:nth-of-type(6) .Contestantork>div .Explanation .Supervisor{float:right;padding-right:50px;}
.Timeline ul li:nth-of-type(6) .Contestantork>div .Work{width:318px;height:278px;margin:0 auto;margin-top: 7px;}
.Timeline ul li:nth-of-type(6) .Contestantork>div .Work img{height:100%;width:100%;border-radius:13px;border:solid #E7EEF9 1px;}
.Timeline ul li:nth-of-type(6) .Contestantork>div .WorkName{margin:0 auto;position:relative;bottom:17px;width:222px;height:41px;line-height: 33px;font-family:Songti SC,Songti SC;font-weight:bold;font-size:14px;color:#3067A8;text-align:center;background: url(../../images/EventServices/ContestantorkTitleBg.png) no-repeat center center;background-size: 100% 100%;}


.SatisLevelTitle{width:100%;height:55px;font-family:Alibaba PuHuiTi,Alibaba PuHuiTi;font-weight:bold;font-size:40px;color:#303030;text-align:center;font-style:normal;text-transform:none;margin-bottom:24px;margin-top: 106px;}
.ProcessBar{height:20px;font-family:PingFang SC,PingFang SC;font-weight:bold;font-size:24px;color:#030A2A;line-height:20px;text-align:center;font-style:normal;text-transform:none;margin: 0 auto;}

.CoreService{width:100%;background-color:#F0F7FE; overflow:hidden;margin-top: 0px;}
.EventServicesSatisLevel{padding: 64px 5px 0 34px;;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}

.EventServicesSatisLevel div{width:291px;height:455px;padding:47px 32px 0 32px;transition: all 0.3s ease;}
.EventServicesSatisLevel div:hover {transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0,0,0,0.15);}
.EventServicesSatisLevel div:nth-of-type(1){background: url(../../images/EventServices/CoreService1.png) no-repeat center center;background-size: 100% 100%; }
.EventServicesSatisLevel div:nth-of-type(2){background: url(../../images/EventServices/CoreService2.png) no-repeat center center;background-size: 100% 100%; }
.EventServicesSatisLevel div:nth-of-type(3){background: url(../../images/EventServices/CoreService3.png) no-repeat center center;background-size: 100% 100%;}
.EventServicesSatisLevel div:nth-of-type(4){background: url(../../images/EventServices/CoreService4.png) no-repeat center center;background-size: 100% 100%;}

.EventServicesSatisLevel div samp{width:187px;height:28px;font-family:PingFang SC,PingFang SC;font-weight:bold;font-size:21px;color:#030A2A;line-height:52px;text-align:center;font-style:normal;text-transform:none;padding-bottom:16px}
.EventServicesSatisLevel div p{font-family:PingFang SC,PingFang SC;font-weight:500;font-size:16px;color:#030A2A;line-height:28px;text-align:left;font-style:normal;text-transform:none;}
.EventServicesSatisLevel div p font{color:#FF6B1B;}


.ProfessionalPlatform{width:100%;overflow:hidden;background: url(../../images/EventServices/ProfessionalPlatform.png) no-repeat center center;background-size: 100% 100%; background-color:#F0F7FE; }

.ProfessionalPlatform .ProfessionalPlatformTitle{width:100%;height:55px;font-family:Alibaba PuHuiTi,Alibaba PuHuiTi;font-weight:bold;font-size:40px;color:#303030;text-align:center;font-style:normal;text-transform:none;margin-bottom:24px;margin-top: 106px;}
.ProfessionalPlatform .ProfessionalPlatformSubtitle{height:20px;font-family:PingFang SC,PingFang SC;font-weight:bold;font-size:24px;color:#030A2A;line-height:20px;text-align:center;font-style:normal;text-transform:none;margin: 0 auto;}

.ProfessionalPlatformLevel1{padding: 64px 5px 0 34px;display:flex;justify-content:center;gap:24px;}
.ProfessionalPlatformLevel2{padding: 64px 5px 0 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

.ProfessionalPlatformLevel1 div,.ProfessionalPlatformLevel2 div{width:372px;height:213px;padding:47px 32px 0 32px;border-radius:12px;padding:28px;display:flex;align-items:center;gap:20px;border:1px dashed rgba(0,0,0,0.15);box-shadow:0 4px 16px rgba(0,0,0,0.06);}
.card-dark1{background: url(../../images/EventServices/IntelligentEvaluationPlatform.png) no-repeat center center;background-size: 100% 100%; }
.card-dark2{background: url(../../images/EventServices/ArtResourceLibraryPlatform.png) no-repeat center center;background-size: 100% 100%; }


.ProfessionalPlatformLevel1 div samp{width:187px;height:28px;font-family:PingFang SC,PingFang SC;font-weight:bold;font-size:21px;color:#030A2A;line-height:52px;text-align:center;font-style:normal;text-transform:none;padding-bottom:16px}
.ProfessionalPlatformLevel1 div p{font-family:PingFang SC,PingFang SC;font-weight:500;font-size:16px;color:#030A2A;line-height:28px;text-align:left;font-style:normal;text-transform:none;}
.ProfessionalPlatformLevel1 div p font{color:#FF6B1B;}

.card-dark3{background: url(../../images/EventServices/PracticalTrainingTeachingPlatform.png) no-repeat center center;background-size: 100% 100%;}
.card-dark4{background: url(../../images/EventServices/AIGC.png) no-repeat center center;background-size: 100% 100%;}
.card-dark5{background: url(../../images/EventServices/JobCompetencyAnalysis.png) no-repeat center center;background-size: 100% 100%;}

.card-dark1,.card-dark2,.card-dark3,.card-dark4,.card-dark5{transition: background-size 0.5s ease;}
.card-dark1:hover,.card-dark2:hover,.card-dark3:hover,.card-dark4:hover,.card-dark5:hover{background-size: 110% 110%;}

/* 总容器：控制整体居中 */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 24px; /* 两行之间的间距 */
            margin-top: 89px;
        }

        /* 第一行：2个卡片 → 水平居中 */
        .row-1 {
            display: flex;
            justify-content: center; /* 核心：居中 */
            gap: 24px; /* 卡片间距 */
        }

        /* 第二行：3个卡片 → 等宽平分 */
        .row-2 {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 3列等宽 */
            gap: 24px; /* 卡片间距 */
        }

        /* 所有卡片统一大小、样式 */
        .platform-card {
            /* 核心：所有卡片尺寸完全一致 */
            width: 380px; 
            min-height: 220px;
            border-radius: 12px;
            padding: 28px;
            display: flex;
            align-items: center;
            gap: 0px;
            border: 1px dashed rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
        }

        /* 深色卡片（智能评测、AIGC） */
        .card-dark {
           
            justify-content: center;
            text-align: center;
        }
        .card-dark h3 {
               margin-bottom: 12px;
               margin-top: 10px;
              font-family: PingFang SC, PingFang SC;
              font-weight: bold;
              font-size: 26px;
              color: #030A2A;
              line-height: 32px;
              text-align: center;
              font-style: normal;
              text-transform: none;
        }
        .card-dark p {
                margin-bottom: 18px;
              height: 34px;
              font-family: PingFang SC, PingFang SC;
              font-weight: 500;
              font-size: 18px;
              color: #030A2A;
              line-height: 24px;
              text-align: center;
              font-style: normal;
              text-transform: none;
        }

        /* 浅紫色卡片（美术资源库） */
        .card-art {
            color: #333;
            justify-content: space-between;
        }

        /* 浅蓝色卡片（实训、岗位） */
        .card-light {
            color: #333;
            justify-content: space-between;
        }

        /* 卡片文字、按钮、图标通用样式 */
        .card-text-wrap {
            flex: 1;
        }
         .card-text-wrap.on{
            background: rgba(255, 255, 255,0.4);
            border: 1px solid rgba(255,255,255,0.6);
            border-radius: 8px;
            backdrop-filter: blur(6px);
            padding: 0 25px;
         }
        .platform-card h3 {
            font-size: 22px;
            margin-bottom: 12px;
            font-weight: 600;
        }
        .platform-card p {
            font-size: 14px;
            line-height: 1.7;
            margin-bottom: 18px;
        }
        .btn-more {
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .card-art .btn-more {
            color: #6c5ce7;
        }
        .card-light .btn-more {
            color: #2196f3;
        }
        .btn-more::after {
            content: "→";
            transition: transform 0.2s;
        }
        .btn-more:hover::after {
            transform: translateX(3px);
        }
        .card-icon {
            width: 130px;
            height: 130px;
            flex-shrink: 0;
        }

        /* 响应式：移动端自动单列居中 */
        @media (max-width: 992px) {
            .row-1, .row-2 {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .platform-card {
                width: 100%;
                max-width: 380px;
            }
        }