:root{
      --ink:#172236;
      --muted:#5e6b7d;
      --blue:#1458a6;
      --blue-2:#1d74d4;
      --cyan:#34b8d7;
      --warm:#f1b451;
      --paper:#ffffff;
      --soft:#f3f7fb;
      --line:#dbe4ee;
      --max:1240px;
      --radius:18px;
      --shadow:0 18px 55px rgba(17,41,77,.11);}
    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{
      margin:0;
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
      color:var(--ink);
      background:var(--paper);
      line-height:1.65;}
    a{color:inherit;text-decoration:none;}
    button{font:inherit;}
    .container{width:min(var(--max),calc(100% - 42px));margin:auto;}
    .utility{
      background:#0d223c;color:#dfeafa;font-size:14px;}
    .utility-inner{
      min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
    .utility-links,.utility-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
    .utility-brand-link{display:inline-flex;align-items:center;gap:0;}
    .utility-brand-link img{height:24px;max-width:110px;object-fit:contain;display:block;filter:brightness(0) invert(1) opacity(.96);}
    .utility a:hover{color:white;}
    .lang-switch{
      border:0;background:transparent;color:white;cursor:pointer;padding:0;}
    .lang-switch strong{color:var(--warm);}
    .brandbar{
      background:white;border-bottom:1px solid var(--line);}
    .institutional-header{
      padding:22px 0 18px;}
    .school-official-logo{
      display:flex;justify-content:center;align-items:center;min-height:70px;}
    .school-official-logo img{
      width:min(520px,84vw);max-height:74px;object-fit:contain;}
    .partner-row{
      display:flex;justify-content:center;align-items:center;
      margin-top:18px;padding-top:15px;border-top:1px solid #edf1f5;}
.joint-note{text-align:center;color:var(--muted);font-size:13px;letter-spacing:.02em;}
    .nav-wrap{
      position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);
      backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
    .nav-inner{display:flex;align-items:center;justify-content:center;min-height:60px;position:relative;}
    .main-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;}
    .main-nav a{
      padding:18px 14px 15px;font-size:15px;font-weight:700;border-bottom:3px solid transparent;
      white-space:nowrap;}
    .main-nav a:hover,.main-nav a.active{color:var(--blue);border-bottom-color:var(--blue);}
    .mobile-toggle{display:none;border:0;background:white;font-size:24px;cursor:pointer;}
    .hero{
      min-height:590px;display:flex;align-items:center;position:relative;overflow:hidden;color:white;
      background:
        radial-gradient(circle at 74% 28%,rgba(52,184,215,.28),transparent 28%),
        radial-gradient(circle at 88% 78%,rgba(241,180,81,.19),transparent 22%),
        linear-gradient(120deg,#0b294c 0%,#10599e 52%,#1387b8 100%);}
    .hero:before,.hero:after{
      content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;}
    .hero:before{width:540px;height:540px;right:-120px;top:-90px;}
    .hero:after{width:320px;height:320px;right:80px;bottom:-180px;}
    .gridlines{
      position:absolute;
      inset:0;
      opacity: .8;
      background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);
      background-size:48px 48px;
      mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);
      }
    .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.13fr .87fr;gap:60px;align-items:center;}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.3);
      border-radius:999px;font-weight:700;font-size:13px;background:rgba(255,255,255,.08)
    ;}
    .hero h2{font-size:54px;line-height:1.15;margin:24px 0 20px;letter-spacing:-.02em;}
    .hero p{font-size:19px;max-width:700px;color:#e7f1fb;margin:0;}
    .hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:13px 21px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s;}
    .btn-primary{background:white;color:#0e4d8a;}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.15);}
    .btn-secondary{border-color:rgba(255,255,255,.55);color:white;background:rgba(255,255,255,.06);}
    .hero-panel{
      background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);
      border-radius:26px;padding:28px;backdrop-filter:blur(10px);box-shadow:0 25px 80px rgba(1,20,45,.28)
    ;}
    .hero-panel h3{margin:0 0 18px;font-size:20px;}
    .fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
    .fact{padding:16px;border-radius:15px;background:rgba(255,255,255,.1);}
    .fact strong{display:block;font-size:26px;line-height:1.1;}
    .fact span{font-size:12px;color:#e7f1fb;}
    section{padding:88px 0;}
    section.alt{background:var(--soft);}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px;}
    .section-head h2{font-size:36px;line-height:1.2;margin:0;}
    .section-head p{max-width:660px;margin:0;color:var(--muted);}
    .kicker{color:var(--blue);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px;}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
    .card{
      background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;
      box-shadow:0 12px 34px rgba(16,56,102,.05);transition:.2s;}
    .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
    .card .icon{
      width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
      background:#e9f3ff;color:var(--blue);font-size:20px;font-weight:900;margin-bottom:18px;}
    .card h3{margin:0 0 10px;font-size:21px;}
    .card p{color:var(--muted);margin:0;}
    .card-link{display:inline-flex;margin-top:18px;color:var(--blue);font-weight:800;}
    .feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch;}
    .feature-visual{
      min-height:410px;border-radius:28px;position:relative;overflow:hidden;
      background:linear-gradient(145deg,#d9ecff,#f7fbff);
      border:1px solid var(--line);}
    .feature-visual:before{
      content:"AI";position:absolute;font-size:210px;font-weight:900;color:rgba(20,88,166,.08);
      right:20px;bottom:-64px;}
    .nodes span{
      position:absolute;width:14px;height:14px;border-radius:50%;background:var(--blue-2);
      box-shadow:0 0 0 8px rgba(29,116,212,.12);}
    .nodes span:nth-child(1){left:18%;top:22%;}
    .nodes span:nth-child(2){left:48%;top:38%;}
    .nodes span:nth-child(3){left:67%;top:18%;}
    .nodes span:nth-child(4){left:74%;top:62%;}
    .nodes span:nth-child(5){left:35%;top:72%;}
    .visual-label{position:absolute;left:34px;bottom:30px;max-width:340px;}
    .visual-label strong{display:block;font-size:24px;margin-bottom:8px;}
    .feature-copy{display:flex;flex-direction:column;justify-content:center;}
    .bullet-list{display:grid;gap:16px;margin-top:20px;}
    .bullet{
      display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start
    ;}
    .bullet b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9f3ff;color:var(--blue);}
    .partners{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
    .partner-card{
      padding:34px;border-radius:24px;border:1px solid var(--line);background:white;
      display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center;}
    .partner-card .bigmark{
      width:82px;height:82px;border-radius:22px;display:grid;place-items:center;
      background:linear-gradient(145deg,#165cae,#2c8be7);color:white;font-size:23px;font-weight:900
    ;}
    .partner-card.dark .bigmark{background:#111;text-transform:lowercase;}
    .partner-card h3{font-size:24px;margin:0 0 8px;}
    .partner-card p{color:var(--muted);margin:0;}
    .news-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;}
    .news-feature{
      min-height:360px;
      max-width: 730px;
      border-radius:24px;
      padding:32px;
      color:white;
      display:flex;
      align-items:end;
      background:linear-gradient(145deg,rgba(9,40,76,.92),rgba(20,109,166,.7)),
        radial-gradient(circle at 70% 25%,#3fc0dc,transparent 30%),#124e89;
      }
    .news-feature .tag,.news-item .tag{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--warm);}
    .news-feature h3{font-size:30px;margin:9px 0 8px;max-width:660px;}
    .news-feature p{margin:0;color:#e8f1fa;}
    .news-list{display:grid;gap:14px;}
    .news-item{padding:21px;border:1px solid var(--line);border-radius:18px;background:white;}
    .news-item h4{font-size:18px;margin:5px 0 6px;}
    .news-item small{color:var(--muted);}
    footer{background:#0d223c;color:#dfeafa;padding:54px 0 25px;}
    .footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px;}
    .footer-grid h4{color:white;margin:0 0 14px;}
    .footer-grid p,.footer-grid a{font-size:14px;color:#cbd9e9;}
    .footer-links{display:grid;gap:8px;}
    .copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:35px;padding-top:20px;font-size:12px;color:#9fb2c8;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;}
    .prototype-note{
      position:fixed;right:16px;bottom:16px;z-index:50;background:#111;color:white;
      padding:9px 13px;border-radius:999px;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.22)
    ;}
    [data-lang="en"]{display:none;}
    body.en [data-lang="zh"]{display:none;}
    body.en [data-lang="en"]{display:initial;}
    body.en .en-block{display:block;}
    body:not(.en) .zh-block{display:block;}
    .en-block,.zh-block{display:none;}
    @media (max-width:1050px){
      .utility-brand-link img{height:22px;max-width:98px;}
      .hero h2{font-size:45px;}
      .main-nav a{padding-inline:9px;font-size:14px;}
    }
    @media (max-width:820px){
      .partner-row{display:flex;}
      .joint-note{grid-column:auto;grid-row:auto;}
      .nav-inner{justify-content:flex-end;min-height:54px;}
      .mobile-toggle{display:block;}
      .main-nav{
        display:none;position:absolute;top:54px;left:0;right:0;background:white;border-bottom:1px solid var(--line);
        padding:8px 18px 18px;box-shadow:0 15px 35px rgba(0,0,0,.08)
      ;}
      .main-nav.open{display:grid;}
      .main-nav a{padding:12px 5px;border-bottom:1px solid var(--line);}
      .hero{min-height:auto;padding:82px 0;}
      .hero-inner,.feature-grid,.news-grid{grid-template-columns:1fr;}
      .hero h2{font-size:41px;}
      .cards{grid-template-columns:1fr 1fr;}
      .partners,.footer-grid{grid-template-columns:1fr;}
    }
@media (max-width:750px){
.news-grid{gap: 0;
    display: flex;
    flex-wrap: wrap;}
.news-feature{width:100%;padding:10px;    border-radius:10px;}

}
    @media (max-width:560px){
      .container{width:min(100% - 26px,var(--max));}
      .utility-inner{align-items:flex-start;padding:8px 0;}
      .utility-links{gap:10px;}
      .utility-actions{margin-left:auto;}
      .institutional-header{padding-top:16px;}
      .school-official-logo img{width:96%;max-height:66px;}
      .utility-brand-link img{height:18px;max-width:74px;}
      .joint-note{font-size:12px;}
      .hero h2{font-size:34px;}
      .hero p{font-size:17px;}
      .cards{grid-template-columns:1fr;}
      .section-head{display:block;}
      .section-head p{margin-top:14px;}
      .fact-grid{grid-template-columns:1fr 1fr;}
      .partners{grid-template-columns:1fr;}
      .partner-card{grid-template-columns:1fr;}
      .footer-grid{gap:28px;}

    }

  

.banner{float:left; margin-top:0px; width:100%; position:relative; z-index:9; overflow:hidden;}
.banner img{width:100%;}
.banSwiper{position:relative;float:left; width:100%; height:100%; overflow:hidden;}
.banSwiper .swiper-slide{float:left; text-align:center; width: 100%;height: 100%;}
.banSwiper .swiper-slide img{display:inline-block; width:100%; height:auto; overflow:hidden;}
.banSwiper  .swiper-button-prev:after,.banSwiper  .swiper-container-rtl .swiper-button-next:after,.banSwiper  .swiper-button-next:after,.banSwiper  .swiper-container-rtl .swiper-button-prev:after{color:transparent; line-height:48px; text-align:center; font-size:25px;}
.banSwiper .swiper-button-prev,.banSwiper  .swiper-button-next{top: calc(50% - 28px) !important;color:transparent;width:160px;height: 56px;line-height: 56px;border-radius:100%;}
.banSwiper  .swiper-pagination-bullet{width:50px;opacity:1;height:6px;border:0px solid #fff;background-color:#fff;margin: 0 3px !important;border-radius:0%;}
.banSwiper  .swiper-pagination-bullet-active{background-color:#1b3b95; opacity:1;}
.banSwiper  .swiper-pagination-bullets{bottom:0px !important;  width:100%;text-align:center; padding-top:0px; height:40px;}


.gzdtSwiper{width:100%;height: 100%;position:relative;}
.gzdtSwiper .swiper-slide{/* background-color:#fff; *//* box-shadow:0 0 20px 2px #d6e1ef; */position: relative;width: 100%;}
.gzdtSwiper .swiper-slide .pic{height: 320px;width:100%;position:relative;}
.gzdtSwiper .swiper-slide .pic img{display:none;}
.pic .img{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    }
.gzdtSwiper .swiper-slide:hover .pic img,.gzdtSwiper .swiper-slide:hover .pic .img {
  transform: scale(1.05); /* 图片轻微放大 */
}

.xwdtSwiper{width:100%;height: 100%;position:relative;overflow: hidden;}
.xwdtSwiper .swiper-slide{/* background-color:#fff; *//* box-shadow:0 0 20px 2px #d6e1ef; */position: relative;width: 100%;}
.xwdtSwiper .swiper-slide .pic{height: 320px;width:100%;max-width: 666px;position:relative;}
.xwdtSwiper .swiper-slide .pic img{display:none;}

.xwdtSwiper .swiper-slide:hover .pic img,.gzdtSwiper .swiper-slide:hover .pic .img {
  transform: scale(1.05); /* 图片轻微放大 */
} 
@media (max-width:600px){.news-feature h3{font-size:18px;}
.xwdtSwiper .swiper-slide .pic{height:240px;}
}