/* ============================================================
   J9集团菌业官网 · 现代企衣范 改版形状（metv75 皮肤级沉构）
   内容栏宽 1560px（与易菇网主站一致）｜断点自适应
   ============================================================ */
:root{
  --cs-brand:#1668d6;
  --cs-brand-d:#0d4ea8;
  --cs-brand-dd:#0a3a7d;
  --cs-brand-l:#3d8ae8;
  --cs-navy:#0e2a52;
  --cs-ink:#12203a;
  --cs-ink2:#54657f;
  --cs-line:#dbe5f1;
  --cs-W:1560px;
  --cs-pad:24px;
}

/* 全站通用容器：覆盖 Bootstrap container 到 1560 */
.cs-wrap, .container{ width:100%; max-width:var(--cs-W); margin:0 auto; padding-left:var(--cs-pad); padding-right:var(--cs-pad); }
@media (max-width:1620px){ :root{--cs-W:1400px} }
@media (max-width:1460px){ :root{--cs-W:1240px} }
@media (max-width:1280px){ :root{--cs-W:1180px} }
@media (max-width:980px){  :root{--cs-W:100%;--cs-pad:20px} }

body{ font-family:"Microsoft YaHei","PingFang SC",-apple-system,sans-serif; color:var(--cs-ink); background:#eaf1f9; }

/* ============ 顶部导航（深蓝实色） ============ */
.met-head{ position:relative; z-index:1000; }
.met-nav{ background:linear-gradient(180deg,var(--cs-navy),var(--cs-brand-dd)) !important; border:none !important; border-bottom:1px solid rgba(255,255,255,.10) !important; box-shadow:none !important; min-height:92px; }
.met-nav > .container{ min-height:92px; }
.met-nav > .container > .row{ display:flex; align-items:center; margin:0; min-height:92px; }
.met-nav .met-nav-btn{ display:flex; align-items:center; flex:0 0 auto; min-width:0; width:auto !important; }
.met-nav .navbar-header{ display:flex; align-items:center; flex:none; }
/* LOGO 加大 */
.met-logo{ display:flex; align-items:center; background:#fff; border-radius:10px;
  padding:5px 14px; box-shadow:0 6px 18px rgba(0,0,0,.16); }
.met-logo img{ max-height:52px !important; height:52px; width:auto; display:block; }
/* 导航区：LOGO 右侧留足间距，不收缩不换行 */
.met-nav #met-nav-collapse{ flex:0 0 auto; display:flex; justify-content:flex-start; margin-left:56px !important; }
.met-nav #met-nav-collapse .navlist{ flex-wrap:nowrap; white-space:nowrap; align-items:center; }
.met-nav #met-nav-collapse .nav-item{ white-space:nowrap; display:flex; align-items:center; }
.met-nav #met-nav-collapse .nav-item > a.nav-link{ white-space:nowrap; display:inline-flex; align-items:center; }
/* 登录/注册：硬靠右自适应 */
.met-nav #met-head-user-collapse{ order:9; flex:none; margin-left:auto !important; }
.met-nav .met-head-user{ margin:0 !important; float:none !important; }
.met-nav .met-head-user.no-login{ display:flex; align-items:center; gap:20px; }
.met-nav .met-head-user.no-login > li{ display:flex; align-items:center; gap:20px; }
.met-nav .met-head-user a.met_navbtn{ color:rgba(255,255,255,.9) !important; font-size:15px; padding:0 !important;
  white-space:nowrap; text-decoration:none; transition:.2s; }
.met-nav .met-head-user a.met_navbtn:hover{ color:#fff !important; }
/* 已登录头像也靠右 */
.met-nav .navbar-avatar{ color:rgba(255,255,255,.9) !important; font-size:15px; }
/* 桌面端：强造用户区常显（>768px），预防 Bootstrap collapse 暗藏 */
@media (min-width:769px){
  .met-nav #met-head-user-collapse,
  .met-nav #met-head-user-collapse.collapse{ display:flex !important; align-items:center; justify-content:flex-end; }
}
.met-nav .navlist{ display:flex; align-items:center; gap:30px; margin:0; min-height:92px; }
.met-nav .navlist > li > a.nav-link{
  color:rgba(255,255,255,.84) !important; font-size:15.5px; padding:0 !important;
  min-height:92px; line-height:92px !important; font-weight:400;
  background:transparent !important; position:relative; transition:.2s;
}
.met-nav .navlist > li > a.nav-link:hover{ color:#fff !important; }
.met-nav .navlist > li > a.nav-link.active{ color:#fff !important; font-weight:700; }
.met-nav .navlist > li > a.nav-link.active::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:24px; height:3px; border-radius:2px; background:#5aabff;
}
.met-nav .dropdown-menu{ border-radius:12px; box-shadow:0 14px 40px rgba(10,42,84,.20); border:1px solid var(--cs-line); padding:8px 0; }
.met-nav .dropdown-item{ font-size:14.5px; padding:9px 20px; color:var(--cs-ink); }
.met-nav .dropdown-item:hover{ background:#eef4fc; color:var(--cs-brand); }
.met-nav .met-head-user a, .met-nav .met_navbtn{ color:rgba(255,255,255,.84) !important; }
.met-nav .met-head-user a:hover{ color:#fff !important; }

/* 导航栏「J9集团智听」凸起按钮 */
.met-nav .navlist > li > a.nav-link.cs-nav-feature{
  display:inline-flex; align-items:center; gap:7px;
  background:linear-gradient(135deg,#ff8a1f,#ff6a00) !important;
  color:#fff !important; font-weight:700;
  min-height:0 !important; line-height:1 !important;
  padding:11px 22px !important; border-radius:24px;
  box-shadow:0 6px 18px rgba(255,106,0,.42);
  transition:.22s;
}
.met-nav .navlist > li > a.nav-link.cs-nav-feature:hover{
  transform:translateY(-2px); box-shadow:0 10px 24px rgba(255,106,0,.56); color:#fff !important;
}
.met-nav .navlist > li > a.nav-link.cs-nav-feature::after{ display:none !important; }
.cs-nav-ico{ width:8px; height:8px; border-radius:50%; background:#fff; flex:none;
  box-shadow:0 0 0 0 rgba(255,255,255,.85); animation:csNavPulse 1.9s infinite; }
@keyframes csNavPulse{
  0%{ box-shadow:0 0 0 0 rgba(255,255,255,.85); }
  70%{ box-shadow:0 0 0 8px rgba(255,255,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(255,255,255,0); }
}

/* 底部栏目「更多」链接 */
.met-footnav .foot-more a{ color:#5aabff !important; font-weight:600; }
.met-footnav .foot-more a:hover{ color:#fff !important; }

/* ============ 首屏 ============ */
.cs-h2wrap{ position:relative; }
.cs-h2hero{ position:relative; height:460px; overflow:hidden; background:#0b1a2e; }
.cs-h2hero-bg{ position:absolute; inset:0; background-size:cover; background-position:center; }
.cs-h2hero-mask{ position:absolute; inset:0;
  background:radial-gradient(ellipse at 50% 42%,rgba(8,26,50,.12) 0%,rgba(8,26,50,.56) 100%),
             linear-gradient(180deg,rgba(10,42,84,.46) 0%,rgba(9,36,72,.40) 50%,rgba(9,36,72,.68) 100%); }
.cs-h2hero-in{ position:relative; z-index:3; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#fff; }
.cs-eyebrow{ font-size:14px; letter-spacing:4px; color:#8ec6ff; margin-bottom:18px; font-weight:700; }
.cs-h2hero-t{ font-size:54px; font-weight:800; line-height:1.22; letter-spacing:2px; text-shadow:0 4px 22px rgba(0,0,0,.5); margin:0; color:#fff; }
.cs-h2hero-d{ margin:18px 0 0; font-size:20px; color:rgba(255,255,255,.92); letter-spacing:1px; }
.cs-btn-main{ display:inline-block; margin-top:32px; padding:15px 48px; border-radius:32px;
  background:linear-gradient(135deg,#2f8bff,#1462cf); color:#fff !important; font-size:17px; font-weight:700;
  text-decoration:none; box-shadow:0 10px 28px rgba(20,98,207,.55); transition:.25s; }
.cs-btn-main:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(20,98,207,.7); color:#fff; }

/* 数据条 */
.cs-databar{ position:relative; z-index:6; max-width:1200px; margin:-60px auto 0;
  background:linear-gradient(120deg,#0f4a9e,#1668d6 55%,#2f8bff); border-radius:16px;
  box-shadow:0 18px 48px rgba(10,58,125,.42); display:grid; grid-template-columns:repeat(4,1fr);
  overflow:hidden; border:1px solid rgba(255,255,255,.18); }
.cs-databar-item{ padding:32px 18px; text-align:center; position:relative; }
.cs-databar-item + .cs-databar-item::before{ content:""; position:absolute; left:0; top:24%; bottom:24%; width:1px; background:rgba(255,255,255,.22); }
.cs-num{ font-size:42px; font-weight:800; color:#fff; line-height:1; letter-spacing:-1px; text-shadow:0 3px 10px rgba(0,0,0,.22); }
.cs-num small{ font-size:18px; font-weight:700; margin-left:3px; color:#cbe3ff; }
/* 数字滚动动效：数字部门维持等宽，预防跳动 */
.cs-count{ display:inline-block; min-width:1.1em; text-align:center; font-variant-numeric:tabular-nums; }
.cs-lab{ margin-top:12px; font-size:14.5px; color:rgba(255,255,255,.88); letter-spacing:.5px; }

/* ============ 区块通用 ============ */
/* 首页三大板块间距收紧：高低各 48px（相邻板块间距 96px，原为 144px） */
.cs-sec{ padding:48px 0; }
.cs-sec-alt{ background:linear-gradient(180deg,#eef4fc,#e6effa); position:relative; overflow:hidden; }
.cs-sec-alt::before{ content:""; position:absolute; top:-140px; right:-140px; width:480px; height:480px; border-radius:50%;
  background:radial-gradient(circle,rgba(22,104,214,.10),transparent 70%); }
.cs-sec-alt > .cs-wrap{ position:relative; z-index:2; }
.cs-sec-h{ text-align:center; margin-bottom:34px; }
.cs-en{ font-size:13px; letter-spacing:5px; color:var(--cs-brand); font-weight:700; text-transform:uppercase; }
.cs-sec-h h3{ font-size:36px; font-weight:800; margin:11px 0 0; letter-spacing:1.5px; color:var(--cs-ink); }
.cs-ln{ width:56px; height:4px; border-radius:2px; background:linear-gradient(90deg,var(--cs-brand),var(--cs-brand-l)); margin:17px auto 0; }
.cs-sec-h p{ margin:15px auto 0; font-size:16px; color:var(--cs-ink2); max-width:820px; line-height:1.85; }

/* ============ 产品 4 栏（6 个品类 + 第 7 位「更多」） ============ */
.cs-prod{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.cs-prod-card{ border-radius:16px; overflow:hidden; background:#fff; transition:.3s; min-height:100%;
  box-shadow:0 6px 24px rgba(20,50,90,.10); border:1px solid #d8e5f4; display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.cs-prod-card:hover{ transform:translateY(-6px); box-shadow:0 20px 50px rgba(20,50,90,.20); border-color:#a9cef5; color:inherit; }
.cs-prod-img{ height:172px; background-size:cover; background-position:center; }
.cs-prod-img-ph{ background:linear-gradient(135deg,#123a72,#1668d6 60%,#3d8ae8); display:flex; align-items:center; justify-content:center; }
.cs-prod-img-ph span{ color:rgba(255,255,255,.9); font-size:20px; font-weight:800; letter-spacing:3px; text-shadow:0 3px 12px rgba(0,0,0,.25); }
.cs-prod-bd{ padding:18px 20px 22px; position:relative; flex:1; display:flex; flex-direction:column; }
.cs-prod-bd::before{ content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:linear-gradient(90deg,var(--cs-brand),var(--cs-brand-l)); }
.cs-prod-en{ font-size:11.5px; letter-spacing:1.5px; color:var(--cs-brand); font-weight:700; }
.cs-prod-bd h4{ font-size:18.5px; margin:8px 0 9px; font-weight:800; color:var(--cs-ink); }
.cs-prod-bd p{ font-size:13.5px; color:var(--cs-ink2); line-height:1.75; flex:1; margin:0; }
.cs-prod-more{ margin-top:14px; color:var(--cs-brand); font-size:13.5px; font-weight:700; }

/* 第 7 位「更多」卡片 */
.cs-prod-all{ border-style:dashed !important; border-color:#b9d3f5 !important;
  background:linear-gradient(135deg,#eef5ff,#e2edfd) !important; justify-content:center; }
.cs-prod-all:hover{ border-color:var(--cs-brand) !important; background:linear-gradient(135deg,#e3eefe,#d4e6fd) !important; }
.cs-prod-all-in{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:36px 20px; text-align:center; }
.cs-prod-all-ic{ width:62px; height:62px; border-radius:50%; background:#fff; border:2px solid #b9d3f5;
  color:var(--cs-brand); font-size:32px; font-weight:400; line-height:1; display:flex; align-items:center;
  justify-content:center; margin-bottom:16px; transition:.3s; }
.cs-prod-all:hover .cs-prod-all-ic{ background:var(--cs-brand); border-color:var(--cs-brand); color:#fff; transform:rotate(90deg); }
.cs-prod-all-t{ font-size:20px; font-weight:800; color:var(--cs-brand-dd); margin-bottom:7px; }
.cs-prod-all-d{ font-size:13px; color:#7c8ea6; }

/* ============ 关于J9集团（通栏，保留大图） ============ */
.cs-about{ display:block; margin-bottom:38px; }
.cs-about-txt{ max-width:100%; }
.cs-about-txt h4{ font-size:27px; font-weight:800; line-height:1.5; margin:0 0 22px; color:var(--cs-ink); text-align:center; }
.cs-about-txt h4 em{ font-style:normal; color:var(--cs-brand); }
/* 通栏资质带：1 行显示两条荣誉（底色加深） */
.cs-about-band{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:26px;
  background:linear-gradient(135deg,#cfe2fb,#a8cdf7); border:1px solid #8fbdf0; border-radius:14px;
  padding:20px 26px; margin:0 0 26px; text-align:center;
  box-shadow:0 8px 22px rgba(20,80,160,.16); }
.cs-about-band span{ font-size:21px; font-weight:800; color:#0b3f86; letter-spacing:.5px; line-height:1.4; white-space:nowrap; }
.cs-about-band i{ width:1px; height:26px; background:#6ba3e6; flex:none; }
.cs-about-body{ font-size:16.5px; line-height:2.1; color:#3c4f6b; max-width:100%; margin:0 auto; }
.cs-about-body p{ margin-bottom:15px; text-align:justify; }
/* 正文内嵌大图：通栏居中，等比自适应不溢出 */
.cs-about-body img{ display:block !important; max-width:100%; height:auto !important;
  width:auto !important; margin:6px auto 22px; border-radius:12px;
  box-shadow:0 10px 30px rgba(20,50,90,.12); }
.cs-about-body p:empty,
.cs-about-body p:has(> span:empty){ display:none !important; }
/* 内联绝对字号归一到正文尺寸 */
.cs-about-body span[style]{ font-size:inherit !important; }
/* 四列数据卡：统一蓝色底 + 白字 */
.cs-kv{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:34px; }
.cs-kv-standalone{ margin-top:26px; margin-bottom:34px; }
.cs-kv div{ background:linear-gradient(135deg,var(--cs-brand),var(--cs-brand-dd)); border:1px solid rgba(255,255,255,.18);
  border-radius:12px; padding:30px 14px 26px; text-align:center; transition:.25s;
  box-shadow:0 10px 26px rgba(20,80,160,.22); position:relative; overflow:hidden; }
.cs-kv div::after{ content:""; position:absolute; right:-40px; top:-50px; width:130px; height:130px; border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%); }
.cs-kv div:hover{ transform:translateY(-5px); box-shadow:0 18px 40px rgba(20,80,160,.34); border-color:rgba(255,255,255,.4); }
.cs-kv b{ display:block; font-size:52px; color:#fff !important; font-weight:800; line-height:1.05; position:relative; z-index:2;
  text-shadow:0 3px 12px rgba(0,0,0,.18); white-space:nowrap; }
.cs-kv b small{ font-size:18px; color:#d3e6ff !important; margin-left:6px; font-weight:700; }
.cs-kv span{ font-size:15px; color:rgba(255,255,255,.92) !important; display:block; margin-top:14px; position:relative; z-index:2;
  letter-spacing:.5px; }
/* 数字容器：须维持行内，能力与后面的单元同业（特异性要压过 .cs-kv span） */
.cs-kv b .cs-count, .cs-kv b span.cs-count{ display:inline-block !important; margin-top:0 !important; font-size:inherit; color:#fff !important; }

/* 深蓝资质带 */
.cs-honorband{ background:linear-gradient(135deg,#0b2a54,#0d4ea8 60%,#1560c4); border-radius:16px;
  padding:42px 26px; position:relative; overflow:hidden; box-shadow:0 16px 44px rgba(10,42,84,.34); }
.cs-honorband::after{ content:""; position:absolute; right:-90px; bottom:-110px; width:360px; height:360px; border-radius:50%;
  background:radial-gradient(circle,rgba(90,171,255,.22),transparent 70%); }
.cs-honor{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; position:relative; z-index:2; }
.cs-h{ border:1px solid rgba(255,255,255,.22); border-radius:12px; padding:26px 12px; text-align:center;
  background:rgba(255,255,255,.08); transition:.25s; display:flex; flex-direction:column; justify-content:center; min-height:158px; }
.cs-h:hover{ background:rgba(255,255,255,.16); transform:translateY(-4px); }
.cs-h i{ font-style:normal; font-size:28px; display:block; margin-bottom:12px; }
.cs-h b{ display:block; font-size:14px; line-height:1.62; color:#fff; font-weight:700; letter-spacing:.2px; }
/* 待补充占位卡：虚线框，视觉弱化 */
.cs-h-ph{ border-style:dashed !important; border-color:rgba(255,255,255,.34) !important;
  background:rgba(255,255,255,.04) !important; }
.cs-h-ph i{ color:rgba(255,255,255,.5); font-size:24px; }
.cs-h-ph b{ color:rgba(255,255,255,.62); font-weight:600; }

/* ============ 资讯 ============ */
.cs-news{ display:grid; grid-template-columns:1.3fr 1fr; gap:30px; }
.cs-news-lead-wrap{ display:flex; }
.cs-news-lead{ border-radius:16px; overflow:hidden; position:relative; width:100%; min-height:400px;
  background-size:cover; background-position:center; display:flex; align-items:flex-end;
  box-shadow:0 8px 28px rgba(20,50,90,.14); text-decoration:none; }
.cs-news-lead::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,42,84,.10) 30%,rgba(9,32,62,.88)); }
.cs-news-lead-c{ position:relative; z-index:3; padding:34px; color:#fff; }
.cs-news-lead-c span{ font-size:12.5px; background:linear-gradient(135deg,#2f8bff,#1462cf); padding:5px 14px; border-radius:20px; font-weight:700; }
.cs-news-lead-c h4{ font-size:24px; margin:15px 0 0; line-height:1.5; font-weight:800; color:#fff; }
.cs-news-lead-c p{ font-size:14px; color:rgba(255,255,255,.84); margin:11px 0 0; line-height:1.75; }
.cs-news-list{ display:flex; flex-direction:column; background:#fff; border-radius:16px; padding:8px 24px;
  box-shadow:0 6px 24px rgba(20,50,90,.08); border:1px solid #dbe7f5; }
.cs-news-list a{ display:block; padding:19px 2px; border-bottom:1px dashed var(--cs-line); text-decoration:none; color:var(--cs-ink); transition:.2s; }
.cs-news-list a:last-child{ border-bottom:none; }
.cs-news-list a:hover{ color:var(--cs-brand); }
.cs-news-t{ font-size:16px; font-weight:600; line-height:1.6; }
/* 标题前的分类名：【分类】灰色，与标题色彩分辨 */
.cs-news-cat{ font-style:normal; display:inline; font-size:14.5px; font-weight:600;
  color:#93a3b8 !important; background:none !important; border:none !important;
  padding:0 !important; margin:0 6px 0 0 !important; line-height:inherit; }
.cs-news-list a:hover .cs-news-cat{ color:#93a3b8 !important; }
/* 题眼前方 2 行提要 */
.cs-news-abs{ font-size:13.5px; line-height:1.72; color:#6b7c95; margin-top:8px;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.cs-news-d{ font-size:12.5px; color:#95a4b8; margin-top:9px; display:flex; align-items:center; gap:6px; }
.cs-news-time{ width:12px; height:12px; border:1.5px solid #b6c4d6; border-radius:50%; position:relative; flex:none; }
.cs-news-time::after{ content:""; position:absolute; left:4px; top:2px; width:1.5px; height:4px; background:#b6c4d6; }

/* ============ 页脚 ============ */
.met-foot-info{ background:linear-gradient(180deg,#0b2a54,#08203f); color:rgba(255,255,255,.72); position:relative; overflow:hidden; border:none !important; }
.met-foot-info::before{ content:""; position:absolute; left:-110px; top:-130px; width:420px; height:420px; border-radius:50%;
  background:radial-gradient(circle,rgba(22,104,214,.18),transparent 70%); }
.met-foot-info .met-footnav{ position:relative; z-index:2; padding:56px 0 28px; }
.met-foot-info h4{ color:#fff !important; font-size:16px !important; margin-bottom:20px !important; font-weight:700; }
.met-foot-info ul{ list-style:none; padding:0; margin:0; }
.met-foot-info ul li a, .met-foot-info a{ color:rgba(255,255,255,.72) !important; font-size:14px; line-height:2.05; text-decoration:none; transition:.2s; }
.met-foot-info a:hover{ color:#8ec6ff !important; }
.met-foot-info .weixintext{ color:rgba(255,255,255,.6); font-size:12px; text-align:center; margin-top:6px; }
.met-foot-info .copy{ border-top:1px solid rgba(255,255,255,.12); padding:22px 0; text-align:center;
  font-size:13.5px !important; color:rgba(255,255,255,.55); position:relative; z-index:2; }
.met-foot-info .copy span, .met-foot-info .copy div{ color:rgba(255,255,255,.55); font-size:13.5px; }
.met-link{ background:#08203f; position:relative; z-index:2; }
.met-link a, .met-link li{ color:rgba(255,255,255,.6) !important; font-size:13px; }

/* 移动端底部菜单 */
.met-menu-list{ background:#0b2a54; }

/* ============ 响应式 ============ */
@media (max-width:1200px){
  .cs-prod{ grid-template-columns:repeat(3,1fr); }
  .cs-kv{ grid-template-columns:repeat(2,1fr); gap:16px; }
  .cs-kv b{ font-size:44px; }
  .cs-kv b small{ font-size:17px; }
  .cs-honor{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:980px){
  .met-nav .navlist{ display:none; }
  .met-nav{ min-height:76px; }
  .met-nav > .container{ min-height:76px; }
  .met-logo{ padding:4px 10px; }
  .met-logo img{ max-height:44px !important; height:44px; }
  /* 手机端：登录/注册仍靠右，与汉堡并排 */
  .met-nav .met-head-user{ margin-left:auto !important; }
  .met-nav .met-head-user a.met_navbtn{ font-size:14px; }
  .met-nav .met-head-user.no-login{ gap:14px; }
  .met-nav .met-head-user.no-login > li{ gap:14px; }
  .cs-h2hero{ height:400px; }
  .cs-h2hero-t{ font-size:32px; letter-spacing:1px; }
  .cs-h2hero-d{ font-size:16px; }
  .cs-databar{ grid-template-columns:repeat(2,1fr); margin-top:-44px; max-width:92%; border-radius:14px; }
  .cs-databar-item:nth-child(1)::before, .cs-databar-item:nth-child(3)::before{ display:none; }
  .cs-num{ font-size:34px; }
  .cs-prod{ grid-template-columns:repeat(2,1fr); }
  .cs-kv b{ font-size:38px; }
  .cs-kv b small{ font-size:15px; margin-left:4px; }
  .cs-kv span{ font-size:13.5px; margin-top:10px; }
  .cs-honor{ grid-template-columns:repeat(2,1fr); }
  .cs-honorband{ padding:28px 16px; }
  .cs-about-band{ gap:10px; padding:16px 18px; }
  .cs-about-band span{ font-size:17px; white-space:normal; }
  .cs-about-band i{ display:none; }
  .cs-sec{ padding:34px 0; }
  .cs-sec-h{ margin-bottom:30px; }
  .cs-sec-h h3{ font-size:27px; }
  .cs-news{ grid-template-columns:1fr; }
  .cs-news-lead{ min-height:300px; }
}
@media (max-width:520px){
  .met-logo{ padding:3px 8px; border-radius:8px; }
  .met-logo img{ max-height:38px !important; height:38px; }
  .met-nav .met-head-user.no-login{ gap:12px; }
  .met-nav .met-head-user.no-login > li{ gap:12px; }
  .met-nav .met-head-user a.met_navbtn{ font-size:13.5px; }
  .cs-prod{ grid-template-columns:1fr; }
  .cs-about-band span{ font-size:15px; }
  .cs-nav-feature{ padding:8px 14px !important; font-size:14px !important; }
}
<!--耗时1793438708.0331秒-->