/* ============================================================
   新版首页融合样式 (新网站视觉体系)  2026-09-07
   配色/字号/字体统一按新网站设计稿
   ============================================================ */
:root{
  --nh-navy:#071e42;
  --nh-blue:#0b3d7a;
  --nh-sky:#edf5fb;
  --nh-line:#d8e2ec;
  --nh-ink:#101a2b;
  --nh-muted:#5d6c80;
  --nh-red:#d9232e;
  --nh-white:#ffffff;
}
.nh-container{width:1200px;max-width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}

/* ---------- 1. 顶部蓝色横条 topline ---------- */
.nh-topline{background:var(--nh-navy);color:#dbe8f6;font-size:.82rem;line-height:1}
.nh-topline .nh-container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nh-topline a{white-space:nowrap;text-decoration:none;color:#dbe8f6}
.nh-topline a:hover{color:#fff}
.nh-topline strong{color:#fff}
/* 桌面端：三句并排一行（A · B  +  咨询热线靠右）；中英文切换仍在导航行（.tops .language）中，此处不重复 */
.nh-topline-main{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0}
.nh-topline-item{white-space:nowrap}
.nh-topline-sep{opacity:.6}
.nh-topline-tel{margin-left:auto}
.nh-topline-lang{display:none}

/* ---------- 顶部导航：logo 与菜单同行（logo 在左，菜单居中，语言在右） ---------- */
/* 只在首页 newhome.css 引入时生效，不影响其它页 */
.tops{display:flex !important;align-items:center;justify-content:flex-start;gap:18px;padding:10px 0 !important;flex-wrap:nowrap}
.tops .logo_link{flex:0 0 auto;display:flex;align-items:center;margin:0}
.tops .logo_link .logo_img{margin:0 !important;max-height:56px;width:auto;height:auto;display:block}
.tops .logo_text{display:flex;flex-direction:column;justify-content:center;padding-left:14px;margin-left:14px;border-left:1px solid #d8e2ec;line-height:1.35;flex:0 0 auto}
.tops .logo_text strong{display:block;font-size:14px;color:#071e42;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.tops .logo_text span{color:#d9232e;font-size:12px;font-weight:700;margin-top:2px;letter-spacing:.02em;white-space:nowrap}
.tops .nav_ul{float:none !important;flex:1 1 auto;width:auto !important;padding:0;margin:0;display:flex;justify-content:center;align-items:center;gap:2px}
.tops .nav_ul li{background:none !important;padding:0 7px;float:none;line-height:32px;white-space:nowrap}
.tops .nav_ul li a{padding:6px 11px;line-height:30px;white-space:nowrap;font-size:16px;color:#333;font-weight:700}
.tops .nav_ul li a:hover{color:#e60012}
.tops .language{width:auto;flex:0 0 auto;margin:0;float:none;color:#999;font-size:13px}
.tops .language a{color:#999;padding:0 6px;white-space:nowrap}

/* ---------- 2. 资质条 trust-rail ---------- */
.nh-trust{background:#f8fafc;border-bottom:1px solid var(--nh-line)}
.nh-trust .nh-container{display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:stretch}
.nh-trust-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--nh-navy);text-align:center}
.nh-trust-intro::before{display:none}
.nh-trust-intro .nh-intro-t{font-size:1.5rem;font-weight:800;color:var(--nh-navy);line-height:1.3;white-space:nowrap}
.nh-trust-intro .nh-intro-s{font-size:18px;font-weight:700;color:var(--nh-red);line-height:1.3;white-space:nowrap}
.nh-trust-item{min-height:112px;display:flex;align-items:center;gap:18px;padding:18px 26px;border-left:1px solid var(--nh-line)}
.nh-trust-number{color:var(--nh-red);font-size:2.58rem;font-weight:900;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.nh-trust-label{color:var(--nh-navy);font-size:1.26rem;font-weight:800;line-height:1.4}
.nh-trust-label small{display:block;color:var(--nh-muted);font-weight:500}
/* 字体放大后：桌面端加宽容器、压缩内外间距，并强制单行，保证文字不再换行 */
@media (min-width:1200px){
  /* 与顶部导航行（logo 的 S 到 EN 的 N）左右严格对齐：容器同宽、去掉左右内边距、两端顶格 */
  .nh-trust .nh-container{grid-template-columns:auto repeat(3,auto);justify-content:space-between;width:1200px;max-width:100%;padding:0}
  .nh-trust-item{min-height:120px;gap:10px;padding:18px 12px}
  /* 末列右侧留白，使最后一个字与顶部 EN 的右端对齐 */
  .nh-trust-item:last-child{padding-right:23px}
  .nh-trust-label,.nh-trust-label small{white-space:nowrap}
  /* 分隔符“·”两侧留出间距，避免与文字贴得过近 */
  .nh-trust-intro .nh-intro-s{word-spacing:10px}
}
/* 简介文本块整体左移，为右侧“务”与分隔符之间留出明显间距；仅平移简介块，条目与分隔符位置不变 */
@media (min-width:1200px) and (max-width:1299px){
  .nh-trust-intro{transform:translateX(-20px)}   /* 该区间左侧余量不足，取不裁切的安全位移 */
}
@media (min-width:1300px){
  .nh-trust-intro{transform:translateX(-50px)}
}

/* ---------- 区块通用标题 ---------- */
.nh-eyebrow{margin:0 0 14px;color:var(--nh-red);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.nh-section-title{margin:0;color:var(--nh-navy);font-size:2.25rem;line-height:1.2;letter-spacing:-.035em}
.nh-section-lead{max-width:680px;margin:18px 0 0;color:var(--nh-muted);font-size:1.05rem;line-height:1.65}
.nh-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}
.nh-section-head .nh-section-lead{margin-bottom:5px}

/* ---------- 3. 聚焦两大科研成型平台 solutions ---------- */
.nh-solutions{padding:90px 0 100px;background:#fff}
.nh-tech-tabs{display:inline-flex;border:1px solid var(--nh-line);background:#fff}
.nh-tech-tab{min-width:132px;min-height:48px;border:0;border-right:1px solid var(--nh-line);background:#fff;color:var(--nh-muted);cursor:pointer;font-weight:800;font-size:15px;font-family:inherit}
.nh-tech-tab:last-child{border-right:0}
.nh-tech-tab[aria-selected="true"]{background:var(--nh-navy);color:#fff}
.nh-tech-panel{display:none;grid-template-columns:1.05fr .95fr;min-height:520px;border:1px solid var(--nh-line)}
.nh-tech-panel.active{display:grid}
.nh-tech-image{position:relative;overflow:hidden;background:#e9f1f6}
.nh-tech-image img{width:100%;height:100%;object-fit:cover;display:block}
.nh-tech-index{position:absolute;left:22px;top:22px;padding:7px 12px;background:var(--nh-red);color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.05em}
.nh-tech-copy{padding:52px;background:var(--nh-navy);color:#fff}
.nh-tech-copy .nh-eyebrow{color:#ff7b83}
.nh-tech-copy h3{margin:0 0 18px;font-size:2.3rem;line-height:1.15;font-weight:700}
.nh-tech-copy>p{margin:0 0 24px;color:#b7cbe1;font-size:1rem;line-height:1.75}
.nh-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid rgba(255,255,255,.18)}
.nh-feature{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.18);color:#eef6ff;font-size:.92rem}
.nh-feature span{color:#ff747d;margin-right:8px;font-weight:900}
.nh-tech-link{display:inline-flex;align-items:center;gap:12px;margin-top:30px;color:#fff;font-weight:800;text-decoration:none;font-size:1rem}
.nh-tech-link::after{content:"→";color:#ff747d;font-size:1.2rem}

/* ---------- 4. 客户案例 cases（1+4 暗色叠图，4 屏轮播，融合产品图） ---------- */
.nh-cases{padding:90px 0 96px;background:#fff;border-bottom:1px solid var(--nh-line)}
.nh-case-carousel{position:relative}
.nh-case-viewport{overflow:hidden;width:100%}
.nh-case-track{display:flex;width:400%;transition:transform .6s ease}
.nh-case-screen{width:25%;box-sizing:border-box;flex:0 0 25%}
.nh-case-grid{display:grid;grid-template-columns:1.24fr .76fr .76fr;grid-template-rows:270px 270px;gap:16px;width:100%}
.nh-case-card{position:relative;overflow:hidden;background:transparent;min-height:0;display:flex;flex-direction:column}
.nh-case-card>a{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;text-decoration:none}
.nh-case-card img{flex:1 1 auto;min-height:0;width:100%;height:auto;object-fit:cover;transition:transform .45s ease;display:block}
.nh-case-card:hover img{transform:scale(1.035)}
.nh-case-card::after{display:none}
/* 标题移到图片下方：不遮挡图片、无背景色、黑色字体 */
.nh-case-content{position:static;z-index:auto;left:auto;right:auto;bottom:auto;max-width:none;color:#111;background:transparent;padding:12px 4px 2px;flex:0 0 auto}
.nh-case-content small{color:#d9232e;font-weight:800;font-size:12px;letter-spacing:.03em}
.nh-case-content h3{margin:0;font-size:1.05rem;line-height:1.35;color:#111}
.nh-case-content p{margin:4px 0 0;color:#555;font-size:.82rem;line-height:1.5}
.nh-case-card.is-first{grid-row:1/3}
.nh-case-card.is-first .nh-case-content{left:auto;right:auto;bottom:auto;max-width:none;padding:14px 6px 2px}
.nh-case-card.is-first .nh-case-content h3{font-size:1.9rem}
.nh-case-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:none;border-radius:50%;background:rgba(7,30,66,.55);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease}
.nh-case-arr:hover{background:rgba(217,35,46,.9)}
.nh-case-prev{left:0}
.nh-case-next{right:0}
.nh-case-summary{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--nh-line);border-bottom:1px solid var(--nh-line);background:#fff}
.nh-summary-item{padding:22px 24px;border-right:1px solid var(--nh-line)}
.nh-summary-item:last-child{border-right:0}
.nh-summary-item b{display:block;color:var(--nh-navy);font-size:1rem}
.nh-summary-item span{color:var(--nh-muted);font-size:.84rem}
/* 案例覆盖方向：左右两栏（BJ / DIW 适用方向） */
.nh-case-summary--two{grid-template-columns:1fr 1fr}
.nh-summary-col{padding:24px 28px;border-right:1px solid var(--nh-line);box-sizing:border-box}
.nh-summary-col:last-child{border-right:0}
.nh-summary-col b{display:block;margin-bottom:12px;color:var(--nh-navy);font-size:1rem}
.nh-summary-col ul{margin:0;padding:0;list-style:none}
.nh-summary-col li{position:relative;padding-left:16px;color:var(--nh-muted);font-size:.88rem;line-height:1.95}
.nh-summary-col li::before{content:"";position:absolute;left:0;top:.85em;width:6px;height:6px;border-radius:50%;background:var(--nh-red)}

/* ---------- 5. RESEARCH SERVICE 四大赋能维度 ---------- */
.nh-path{padding:74px 0;background:#fff}
.nh-path-title{margin:0;text-align:center;color:var(--nh-navy);font-size:32px;font-weight:700;letter-spacing:-.02em}
.nh-path-sub{margin:10px 0 36px;text-align:center;color:var(--nh-muted);font-size:15px}
.nh-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.nh-path-card{display:flex;align-items:center;gap:14px;padding:24px 20px;border-radius:8px;box-sizing:border-box}
.nh-path-card--blue{background:#e9f3fc}
.nh-path-card--orange{background:#fdf4e6}
.nh-path-card--green{background:#eef8e9}
.nh-path-card--pink{background:#fbeaf3}
.nh-path-icon{flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center}
.nh-path-icon svg,.nh-path-icon img{width:44px;height:44px;object-fit:contain;border-radius:8px}
.nh-path-card--blue .nh-path-icon{color:#2b7de9}
.nh-path-card--orange .nh-path-icon{color:#e39a2c}
.nh-path-card--green .nh-path-icon{color:#4aa832}
.nh-path-card--pink .nh-path-icon{color:#cf3d8f}
.nh-path-text{min-width:0}
.nh-path-text b{display:block;color:#4a5a70;font-size:13px;font-weight:600;line-height:1.4}
.nh-path-text span{display:block;color:var(--nh-navy);font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.02em}
.nh-path-text em{display:block;margin-top:2px;color:#4a5a70;font-size:12px;font-style:normal;line-height:1.5}

/* ---------- 6. 服务100+ 学校 logo（白色背景） ---------- */
.nh-partners{padding:74px 0;background:#fff;color:var(--nh-ink);border-top:1px solid var(--nh-line);border-bottom:1px solid var(--nh-line)}
.nh-partner-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}
.nh-partner-head h2{margin:0;font-size:36px;line-height:1.2;color:var(--nh-navy)}
.nh-partner-head p{margin:0;color:var(--nh-muted);font-size:.92rem}
.nh-logo-wall{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--nh-line);border-left:1px solid var(--nh-line);background:#fff}
.nh-logo-cell{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;border-right:1px solid var(--nh-line);border-bottom:1px solid var(--nh-line);background:#fff}
.nh-logo-cell img{width:150px;height:150px;max-width:100%;object-fit:contain;display:block}
.nh-logo-name{font-size:12px;color:#5d6c80;text-align:center;line-height:1.25;white-space:normal;max-width:100%;overflow-wrap:anywhere}

/* ============ 响应式 ============ */
@media (max-width:1120px){
  .nh-tech-panel.active{grid-template-columns:1fr}
  .nh-tech-image{min-height:340px}
  .nh-case-screen{flex:0 0 100%;width:100%}
  .nh-case-track{width:400%}
  .nh-path-grid{grid-template-columns:repeat(2,1fr)}
  .nh-path-step{border-bottom:1px solid var(--nh-line)}
  .nh-path-step:nth-child(2){border-right:0}
  .nh-logo-wall{grid-template-columns:repeat(4,1fr)}
  .tops{gap:12px}
  .tops .nav_ul li{padding:0 6px}
}
@media (max-width:760px){
  .nh-trust .nh-container{grid-template-columns:1fr}
  .nh-trust-intro{display:none}
  .nh-trust-item{border-left:0;border-bottom:1px solid var(--nh-line);min-height:64px;padding:12px 4px}
  .tops{padding:8px 0 !important;flex-wrap:wrap}
  .tops .logo_link .logo_img{max-height:48px}
  .tops .nav_ul{order:3;width:100% !important;flex-basis:100%;justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #eee;margin-top:8px;padding-top:6px}
  .tops .language{order:2}
  .nh-section-head{flex-direction:column;align-items:flex-start}
  .nh-section-title{font-size:1.9rem}
  .nh-partner-head h2{font-size:28px}
  .nh-tech-panel.active{grid-template-columns:1fr}
  .nh-tech-copy{padding:30px 22px}
  .nh-tech-copy h3{font-size:1.6rem}
  .nh-feature-grid{grid-template-columns:1fr}
  .nh-case-screen{flex:0 0 100%;width:100%}
  .nh-case-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,200px)}
  .nh-case-card.is-first{grid-row:1/3;grid-column:1/3}
  .nh-case-card.is-first .nh-case-content h3{font-size:1.35rem}
  .nh-case-summary{grid-template-columns:1fr 1fr}
  .nh-summary-item:nth-child(2){border-right:0}
  .nh-summary-item:nth-child(-n+2){border-bottom:1px solid var(--nh-line)}
  .nh-path-grid{grid-template-columns:1fr}
  .nh-path-step{border-right:0}
  .nh-path-step h3{margin-top:16px}
  .nh-partner-head{flex-direction:column;align-items:flex-start}
  .nh-logo-wall{grid-template-columns:repeat(3,1fr)}
}

/* ============ 首页区块导语：桌面端一行完整显示，不自动换行 ============ */
@media (min-width:1200px){
  .nh-section-lead{max-width:920px}
  .nh-solutions .nh-section-lead,
  .nh-cases .nh-section-lead{max-width:none;white-space:nowrap}
}