/* ============================================================
   J9集团菌业官网 · 栏目页 / 内容页统一风格（追加于 cs-style.css 之后）
   与首页「现代企衣范」同色系：深蓝渐变页头 + 卡片列表 + 蓝色侧栏
   ============================================================ */

/* ==================== 页面头部横幅（含面包屑） ==================== */
.cs-pagehero{
  position:relative; overflow:hidden;
  background:linear-gradient(120deg,#0b2a54 0%,#0d4ea8 52%,#1560c4 100%);
  padding:62px 0 54px;
}
.cs-pagehero::before{
  content:""; position:absolute; inset:0;
  background-image:radial-gradient(circle at 82% 18%,rgba(120,190,255,.20),transparent 55%),
                   radial-gradient(circle at 12% 92%,rgba(60,140,235,.22),transparent 52%);
}
.cs-pagehero::after{
  content:""; position:absolute; right:-120px; top:-150px; width:460px; height:460px; border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
}
.cs-pagehero-in{ position:relative; z-index:3; text-align:center; color:#fff; }
.cs-pagehero-en{ font-size:12.5px; letter-spacing:5px; color:#8ec6ff; font-weight:700; text-transform:uppercase; }
.cs-pagehero h1{ font-size:38px; font-weight:800; letter-spacing:2px; margin:12px 0 0; color:#fff; line-height:1.3; }
.cs-pagehero-sub{ margin:13px auto 0; font-size:15.5px; color:rgba(255,255,255,.82); max-width:760px; line-height:1.8; }
.cs-pagehero .cs-ln{ margin:17px auto 0; }

/* 面包屑（淡色布景条） */
.cs-crumbs{ background:#fff; border-bottom:1px solid var(--cs-line); box-shadow:0 2px 10px rgba(20,50,90,.04); }
.cs-crumbs .cs-wrap{ display:flex; align-items:center; min-height:54px; }
.cs-crumbs ol{ list-style:none; margin:0; padding:0; display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:14px; color:var(--cs-ink2); }
.cs-crumbs li{ display:flex; align-items:center; gap:8px; }
.cs-crumbs li+li::before{ content:"/"; color:#b9c8da; }
.cs-crumbs a{ color:var(--cs-ink2); text-decoration:none; transition:.2s; }
.cs-crumbs a:hover{ color:var(--cs-brand); }
.cs-crumbs li:last-child span, .cs-crumbs .cs-cur{ color:var(--cs-brand); font-weight:600; }

/* ==================== 页面主体布局（左内容 + 右侧栏） ==================== */
.cs-page{ background:#eaf1f9; padding:50px 0 70px; }
.cs-page-grid{ display:grid; grid-template-columns:1fr 300px; gap:28px; align-items:start; }
.cs-page-noside{ grid-template-columns:1fr; }
/* 产品详情页：加宽主区、收窄侧栏 */
.cs-page-grid:has(.cs-pdetail){ grid-template-columns:1fr 272px; gap:24px; }

/* ==================== 通用卡片容器 ==================== */
.cs-card{ background:#fff; border-radius:16px; border:1px solid #dbe7f5; box-shadow:0 6px 24px rgba(20,50,90,.08); overflow:hidden; }
.cs-card-pad{ padding:30px 34px; }

/* 栏指标题条 */
.cs-block-h{ display:flex; align-items:center; gap:13px; padding:22px 30px; border-bottom:1px solid var(--cs-line);
  background:linear-gradient(90deg,#f4f8fd,#ffffff); }
.cs-block-h b{ font-size:19px; font-weight:800; color:var(--cs-ink); letter-spacing:.5px; }
.cs-block-h i{ font-style:normal; width:5px; height:20px; border-radius:3px; background:linear-gradient(180deg,var(--cs-brand),var(--cs-brand-l)); display:block; }
.cs-block-h small{ font-size:12.5px; color:#9aabc0; letter-spacing:2px; margin-left:auto; text-transform:uppercase; }

/* ==================== 新闻列表（列表页） ==================== */
.cs-newslist{ display:flex; flex-direction:column; }
.cs-newsitem{ display:grid; grid-template-columns:230px 1fr; gap:26px; padding:26px 30px; border-bottom:1px solid var(--cs-line);
  text-decoration:none; color:inherit; transition:.25s; }
.cs-newsitem:last-child{ border-bottom:none; }
.cs-newsitem:hover{ background:#f7fbff; }
.cs-newsitem-img{ height:150px; border-radius:12px; background-size:cover; background-position:center;
  background-color:#dbe8f7; transition:.3s; }
.cs-newsitem:hover .cs-newsitem-img{ transform:scale(1.02); }
.cs-newsitem-img-ph{ display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#123a72,#1668d6 60%,#3d8ae8); }
.cs-newsitem-img-ph span{ color:rgba(255,255,255,.9); font-size:15px; font-weight:800; letter-spacing:3px; }
.cs-newsitem-bd{ display:flex; flex-direction:column; justify-content:center; min-width:0; }
.cs-newsitem-bd h4{ font-size:19px; font-weight:700; color:var(--cs-ink); margin:0 0 11px; line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:.2s; }
.cs-newsitem:hover .cs-newsitem-bd h4{ color:var(--cs-brand); }
.cs-newsitem-bd p{ font-size:14.5px; color:var(--cs-ink2); line-height:1.85; margin:0 0 14px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cs-newsitem-meta{ display:flex; align-items:center; gap:20px; font-size:13px; color:#95a4b8; }
.cs-newsitem-meta span{ display:flex; align-items:center; gap:6px; }

/* ==================== 产品网格（列表页） ==================== */
.cs-prodgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.cs-prodgrid-4{ grid-template-columns:repeat(4,1fr); }
.cs-pcard{ border-radius:14px; overflow:hidden; background:#fff; border:1px solid #dbe7f5; transition:.3s;
  box-shadow:0 4px 18px rgba(20,50,90,.07); display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.cs-pcard:hover{ transform:translateY(-5px); box-shadow:0 18px 44px rgba(20,50,90,.18); border-color:#a9cef5; color:inherit; }
.cs-pcard-img{ height:200px; background-size:cover; background-position:center; background-color:#e8f1fb; }
.cs-pcard-img-ph{ display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#123a72,#1668d6 60%,#3d8ae8); }
.cs-pcard-img-ph span{ color:rgba(255,255,255,.9); font-size:19px; font-weight:800; letter-spacing:3px; }
.cs-pcard-bd{ padding:19px 20px 22px; flex:1; display:flex; flex-direction:column; }
.cs-pcard-bd h4{ font-size:17px; font-weight:700; color:var(--cs-ink); margin:0 0 9px; line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:.2s; }
.cs-pcard:hover .cs-pcard-bd h4{ color:var(--cs-brand); }
.cs-pcard-bd p{ font-size:13.5px; color:var(--cs-ink2); line-height:1.75; margin:0; flex:1;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cs-pcard-more{ margin-top:13px; font-size:13px; color:var(--cs-brand); font-weight:700; }

/* ==================== 图片网格（相册/专利文件） ==================== */
.cs-imggrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cs-icard{ border-radius:14px; overflow:hidden; background:#fff; border:1px solid #dbe7f5;
  box-shadow:0 4px 18px rgba(20,50,90,.07); transition:.3s; text-decoration:none; color:inherit; display:block; }
.cs-icard:hover{ transform:translateY(-5px); box-shadow:0 18px 44px rgba(20,50,90,.18); border-color:#a9cef5; }
.cs-icard-img{ height:210px; background-size:cover; background-position:center; background-color:#e8f1fb; }
.cs-icard-bd{ padding:16px 18px; }
.cs-icard-bd h4{ font-size:15.5px; font-weight:600; color:var(--cs-ink); margin:0; line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:.2s; }
.cs-icard:hover .cs-icard-bd h4{ color:var(--cs-brand); }

/* ==================== 下载列表 ==================== */
.cs-dllist{ display:flex; flex-direction:column; }
.cs-dlitem{ display:flex; align-items:center; gap:20px; padding:22px 30px; border-bottom:1px solid var(--cs-line);
  text-decoration:none; color:inherit; transition:.25s; }
.cs-dlitem:last-child{ border-bottom:none; }
.cs-dlitem:hover{ background:#f7fbff; }
.cs-dlitem-ico{ flex:none; width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#e8f2fe,#d4e6fb); color:var(--cs-brand); font-size:23px; }
.cs-dlitem:hover .cs-dlitem-ico{ background:linear-gradient(135deg,#1668d6,#0d4ea8); color:#fff; }
.cs-dlitem-bd{ flex:1; min-width:0; }
.cs-dlitem-bd h4{ font-size:17px; font-weight:600; color:var(--cs-ink); margin:0 0 8px; line-height:1.5;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:.2s; }
.cs-dlitem:hover .cs-dlitem-bd h4{ color:var(--cs-brand); }
.cs-dlitem-bd small{ font-size:13px; color:#95a4b8; }
.cs-dlitem-bd small span+span{ margin-left:16px; }
.cs-dlbtn{ flex:none; padding:10px 24px; border-radius:24px; font-size:14px; font-weight:700; text-decoration:none;
  color:var(--cs-brand) !important; border:1.5px solid var(--cs-brand); transition:.25s; }
.cs-dlbtn:hover{ background:var(--cs-brand); color:#fff !important; }

/* ==================== 招聘 ==================== */
.cs-jobitem{ padding:30px 34px; border-bottom:1px solid var(--cs-line); }
.cs-jobitem:last-child{ border-bottom:none; }
.cs-jobitem h3{ font-size:21px; font-weight:800; color:var(--cs-ink); margin:0 0 13px; }
.cs-jobmeta{ display:flex; flex-wrap:wrap; gap:9px; margin-bottom:19px; }
.cs-jobmeta span{ font-size:13px; color:var(--cs-ink2); background:#eef4fc; border:1px solid #dbe7f5;
  padding:5px 14px; border-radius:20px; }
.cs-jobitem .cs-jobbody{ font-size:15px; color:#3c4f6b; line-height:1.95; }
.cs-jobitem .cs-jobbody img{ max-width:100%; height:auto; }
.cs-jobbtn{ display:inline-block; margin-top:19px; padding:11px 34px; border-radius:26px; font-size:14.5px; font-weight:700;
  color:#fff !important; background:linear-gradient(135deg,#2f8bff,#1462cf); text-decoration:none; transition:.25s;
  box-shadow:0 6px 18px rgba(20,98,207,.35); }
.cs-jobbtn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(20,98,207,.5); }

/* ==================== 右侧栏 ==================== */
.cs-side{ display:flex; flex-direction:column; gap:22px; position:sticky; top:20px; }
.cs-side-card{ background:#fff; border-radius:16px; border:1px solid #dbe7f5; box-shadow:0 6px 24px rgba(20,50,90,.08); overflow:hidden; }
.cs-side-h{ padding:18px 24px; background:linear-gradient(120deg,#0d4ea8,#1668d6); color:#fff;
  display:flex; align-items:center; justify-content:space-between; }
.cs-side-h b{ font-size:16.5px; font-weight:700; letter-spacing:.5px; }
.cs-side-h small{ font-size:11.5px; letter-spacing:2px; color:rgba(255,255,255,.7); text-transform:uppercase; }
.cs-side-bd{ padding:12px 20px 18px; }
.cs-side-nav{ list-style:none; margin:0; padding:0; }
.cs-side-nav li{ border-bottom:1px dashed var(--cs-line); }
.cs-side-nav li:last-child{ border-bottom:none; }
.cs-side-nav a{ display:flex; align-items:center; justify-content:space-between; padding:13px 4px;
  font-size:15px; color:var(--cs-ink); text-decoration:none; transition:.2s; }
.cs-side-nav a::after{ content:"?"; color:#c3d2e4; font-size:19px; line-height:1; transition:.2s; }
.cs-side-nav a:hover, .cs-side-nav a.active{ color:var(--cs-brand); font-weight:700; }
.cs-side-nav a:hover::after, .cs-side-nav a.active::after{ color:var(--cs-brand); }
/* 二级子栏目缩进 */
.cs-side-nav .cs-side-sub a{ padding-left:18px; font-size:14px; color:var(--cs-ink2); }
.cs-side-nav .cs-side-sub a.active{ color:var(--cs-brand); }

/* 侧栏推荐列表（图+文） */
.cs-side-list{ list-style:none; margin:0; padding:0; }
.cs-side-list li{ border-bottom:1px dashed var(--cs-line); }
.cs-side-list li:last-child{ border-bottom:none; }
.cs-side-list a{ display:block; padding:13px 4px; font-size:14.5px; color:var(--cs-ink2); line-height:1.6;
  text-decoration:none; transition:.2s; }
.cs-side-list a:hover{ color:var(--cs-brand); }
.cs-side-list small{ display:block; font-size:12px; color:#a4b3c6; margin-top:6px; }

/* 侧栏联系卡 */
.cs-side-ct{ padding:22px 24px; background:linear-gradient(150deg,#0b2a54,#0d4ea8); color:#fff; }
.cs-side-ct b{ font-size:16px; font-weight:700; display:block; margin-bottom:14px; }
.cs-side-ct p{ margin:0 0 9px; font-size:14px; color:rgba(255,255,255,.85); line-height:1.75; }
.cs-side-ct em{ font-style:normal; color:#8ec6ff; }
.cs-side-ct .cs-tel{ font-size:22px; font-weight:800; color:#fff; letter-spacing:.5px; }

/* 侧栏搜索框 */
.cs-side-search{ padding:18px 20px; }
.cs-side-search form{ display:flex; border:1.5px solid var(--cs-line); border-radius:10px; overflow:hidden; background:#f8fbff; }
.cs-side-search input{ flex:1; border:none; outline:none; background:transparent; padding:11px 14px; font-size:14px; color:var(--cs-ink); }
.cs-side-search button{ border:none; background:var(--cs-brand); color:#fff; padding:0 18px; cursor:pointer; font-size:15px; transition:.2s; }
.cs-side-search button:hover{ background:var(--cs-brand-d); }

/* ==================== 详情页（内容页） ==================== */
.cs-art-h{ padding:36px 40px 26px; border-bottom:1px solid var(--cs-line); }
.cs-art-h h1{ font-size:30px; font-weight:800; color:var(--cs-ink); line-height:1.45; margin:0; letter-spacing:.5px; }
.cs-art-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:17px; font-size:13.5px; color:#95a4b8; }
.cs-art-meta span{ display:flex; align-items:center; gap:6px; }
.cs-art-body{ padding:34px 40px 40px; font-size:16px; line-height:2.05; color:#2f4257; }
.cs-art-body p{ margin-bottom:18px; }
.cs-art-body img{ max-width:100% !important; height:auto !important; border-radius:8px; }
.cs-art-body table{ max-width:100%; }
.cs-art-body h1,.cs-art-body h2,.cs-art-body h3,.cs-art-body h4{ color:var(--cs-ink); font-weight:800; margin:28px 0 14px; line-height:1.5; }
.cs-art-body h1{ font-size:26px } .cs-art-body h2{ font-size:23px } .cs-art-body h3{ font-size:20px } .cs-art-body h4{ font-size:18px }
.cs-art-body a{ color:var(--cs-brand); }
.cs-art-body blockquote{ border-left:4px solid var(--cs-brand-l); background:#f4f9ff; margin:20px 0; padding:16px 22px; color:#3c4f6b; border-radius:0 8px 8px 0; }

/* 详情页底部标签 + 高低篇 */
.cs-art-tags{ padding:20px 40px; border-top:1px solid var(--cs-line); display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.cs-art-tags>span{ font-size:13.5px; color:#95a4b8; margin-right:4px; }
.cs-art-tags a{ font-size:13px; color:var(--cs-brand); background:#eef4fc; border:1px solid #dbe7f5;
  padding:5px 14px; border-radius:18px; text-decoration:none; transition:.2s; }
.cs-art-tags a:hover{ background:var(--cs-brand); color:#fff; }

.cs-art-pn{ display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:26px 40px 34px; border-top:1px solid var(--cs-line); }
.cs-art-pn a{ display:block; padding:16px 20px; border:1px solid var(--cs-line); border-radius:12px;
  text-decoration:none; color:var(--cs-ink2); font-size:14px; line-height:1.6; transition:.25s; background:#fafcff; }
.cs-art-pn a:hover{ border-color:#a9cef5; background:#f2f8ff; color:var(--cs-brand); }
.cs-art-pn a small{ display:block; font-size:12px; color:#a4b3c6; margin-bottom:7px; letter-spacing:1px; }
.cs-art-pn .cs-pn-next{ text-align:right; }

/* 详情页产品参数表 */
.cs-paralist{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--cs-line); }
.cs-paralist li{ background:#fff; padding:15px 22px; font-size:14.5px; color:#2f4257; }
.cs-paralist li span{ color:#8a9bb0; }

/* 产品详情头部：左图右文（图更大、更宽） */
.cs-pdetail{ display:grid; grid-template-columns:1.5fr 1fr; gap:40px; padding:36px 38px; align-items:start; }
.cs-pdetail-gallery{ border-radius:14px; overflow:hidden; background:#f6faff; border:1px solid #e5eefb; }
.cs-pdetail-gallery img{ width:100%; height:auto; display:block; }
/* 相册滑动区：单图占满，宽度随主区自适应 */
.cs-pdetail > div:first-child{ min-width:0; }
#met-imgs-slick{ border-radius:14px; overflow:hidden; }
#met-imgs-slick .slick-slide img{ width:100%; height:auto; }
.cs-pdetail-info h1{ font-size:27px; font-weight:800; color:var(--cs-ink); margin:0 0 16px; line-height:1.4; }
.cs-pdetail-info .cs-pdesc{ font-size:15px; color:var(--cs-ink2); line-height:1.9; margin-bottom:20px;
  padding-bottom:20px; border-bottom:1px solid var(--cs-line); }
/* 我要征询 / 参数按钮：统一高度、左对齐、等距 */
.cs-pdetail-info .cs-jobbtn{ display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 26px; border-radius:10px; background:linear-gradient(135deg,var(--cs-brand),var(--cs-brand-d));
  color:#fff !important; font-size:15px; font-weight:700; text-decoration:none; border:none;
  box-shadow:0 8px 22px rgba(22,104,214,.28); transition:.25s; line-height:1; }
.cs-pdetail-info .cs-jobbtn:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(22,104,214,.38); }
.cs-pdetail-info .cs-jobbtn + .cs-jobbtn{ margin-left:12px; }

/* 详情页大图（相册） */
.cs-mgal{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; padding:24px 30px 30px; }
.cs-mgal a{ display:block; border-radius:10px; overflow:hidden; border:1px solid var(--cs-line); transition:.25s; }
.cs-mgal a:hover{ box-shadow:0 10px 28px rgba(20,50,90,.18); transform:translateY(-3px); }
.cs-mgal img{ width:100%; height:auto; display:block; }

/* 空数据提醒 */
.cs-empty{ padding:80px 30px; text-align:center; color:#9aabc0; font-size:16px; }

/* 分页器美化 */
.cs-page .pagination, .cs-page ul.pagination{ display:flex; justify-content:center; gap:8px; margin:34px 0 0; flex-wrap:wrap; }
.cs-page .pagination a, .cs-page .pagination span{ display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 12px; border-radius:10px; border:1px solid var(--cs-line);
  color:var(--cs-ink2); text-decoration:none; font-size:14px; transition:.2s; background:#fff; }
.cs-page .pagination a:hover{ border-color:var(--cs-brand); color:var(--cs-brand); }
.cs-page .pagination .active a, .cs-page .pagination .active span{ background:var(--cs-brand); border-color:var(--cs-brand); color:#fff; }
.cs-page .pager, .cs-page .met_pager{ margin-top:30px; text-align:center; }
.cs-page .met_pager a{ display:inline-block; margin:0 3px; padding:8px 14px; border:1px solid var(--cs-line);
  border-radius:9px; color:var(--cs-ink2); text-decoration:none; font-size:14px; background:#fff; transition:.2s; }
.cs-page .met_pager a:hover, .cs-page .met_pager .active a{ background:var(--cs-brand); border-color:var(--cs-brand); color:#fff; }
.cs-page .btn-primary{ background:var(--cs-brand); border-color:var(--cs-brand); border-radius:24px; padding:11px 30px; }

/* ==================== 响应式 ==================== */
@media (max-width:1280px){
  .cs-page-grid{ grid-template-columns:1fr 290px; gap:26px; }
  .cs-prodgrid{ grid-template-columns:repeat(3,1fr); }
  .cs-prodgrid-4{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:1080px){
  .cs-page-grid{ grid-template-columns:1fr; }
  .cs-side{ position:static; }
  .cs-prodgrid, .cs-prodgrid-4{ grid-template-columns:repeat(2,1fr); }
  .cs-imggrid{ grid-template-columns:repeat(2,1fr); }
  .cs-pdetail{ grid-template-columns:1fr; gap:26px; padding:26px 24px; }
}
@media (max-width:980px){
  .cs-pagehero{ padding:44px 0 38px; }
  .cs-pagehero h1{ font-size:26px; letter-spacing:1px; }
  .cs-pagehero-sub{ font-size:14px; }
  .cs-page{ padding:30px 0 50px; }
  .cs-page-grid{ gap:20px; }
  .cs-newsitem{ grid-template-columns:1fr; gap:14px; padding:20px; }
  .cs-newsitem-img{ height:180px; }
  .cs-newsitem-bd h4{ font-size:16.5px; }
  .cs-prodgrid, .cs-prodgrid-4{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .cs-pcard-img{ height:140px; }
  .cs-pcard-bd{ padding:14px 14px 16px; }
  .cs-pcard-bd h4{ font-size:15px; }
  .cs-pcard-bd p{ display:none; }
  .cs-imggrid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .cs-icard-img{ height:150px; }
  .cs-icard-bd{ padding:12px 13px; }
  .cs-icard-bd h4{ font-size:14px; }
  .cs-card-pad{ padding:20px 18px; }
  .cs-block-h{ padding:16px 18px; }
  .cs-block-h b{ font-size:16.5px; }
  .cs-block-h small{ display:none; }
  .cs-newslist .cs-newsitem{ padding:18px; }
  .cs-dlitem{ padding:16px 18px; gap:13px; }
  .cs-dlitem-ico{ width:44px; height:44px; font-size:19px; }
  .cs-dlitem-bd h4{ font-size:15px; white-space:normal; }
  .cs-dlbtn{ padding:8px 16px; font-size:13px; }
  .cs-jobitem{ padding:20px 18px; }
  .cs-jobitem h3{ font-size:18px; }
  .cs-art-h{ padding:22px 18px 18px; }
  .cs-art-h h1{ font-size:21px; }
  .cs-art-body{ padding:20px 18px 26px; font-size:15.5px; line-height:1.95; }
  .cs-art-tags{ padding:16px 18px; }
  .cs-art-pn{ grid-template-columns:1fr; padding:18px; }
  .cs-art-pn .cs-pn-next{ text-align:left; }
  .cs-paralist{ grid-template-columns:1fr; }
  .cs-mgal{ grid-template-columns:repeat(2,1fr); padding:16px 18px 20px; }
  .cs-side-h{ padding:15px 18px; }
  .cs-side-bd{ padding:10px 16px 14px; }
}
@media (max-width:560px){
  .cs-prodgrid, .cs-prodgrid-4, .cs-imggrid{ grid-template-columns:1fr 1fr; }
  .cs-pcard-img{ height:120px; }
  .cs-icard-img{ height:130px; }
  .cs-pagehero h1{ font-size:22px; }
}
<!--耗时1793438713.8946秒-->