@charset "utf-8";
/* ===================================================================
   V7 增量样式（旧站原样样式见 assets/css/old.css）
   1) 导航 7 项：旧站 li 固定 160px × 6 = 960，新增「新闻动态」后按比例均分
   2) 手机端适配（≤767px）：旧站为固定 960px + table 布局，此处转流式
   3) 内页扩展：分类筛选条（ID 筛选）、新闻列表、分页、产品格、付款表等
   =================================================================== */
/* 导航：旧站为 menu.gif 位图平铺，此处以 SVG 重绘（深棕底+米黄圆角牌+四角双线角线，仿中式边角线转角，四角镜像对称），7 项等分 */
.menu li{
  width:14.2857%;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 38' preserveAspectRatio='none'%3E%3Crect width='160' height='38' fill='%233c1b00'/%3E%3Crect x='2' y='2' width='156' height='34' rx='4' fill='%23f5e7ca'/%3E%3Cg fill='none' stroke='%238a6a40' stroke-width='1' vector-effect='non-scaling-stroke'%3E%3Cpath d='M6 15V6H22M9.5 11V9.5H18M154 15V6H138M150.5 11V9.5H142M6 23V32H22M9.5 27V28.5H18M154 23V32H138M150.5 27V28.5H142'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
}
/* 导航当前页高亮：酒红牌 + 米黄字 + 金线，与下拉/正文强调色一致 */
.menu li.on{
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 38' preserveAspectRatio='none'%3E%3Crect width='160' height='38' fill='%23210c05'/%3E%3Crect x='2' y='2' width='156' height='34' rx='4' fill='%238a1a12'/%3E%3Cg fill='none' stroke='%23e6bd7c' stroke-width='1' vector-effect='non-scaling-stroke'%3E%3Cpath d='M6 15V6H22M9.5 11V9.5H18M154 15V6H138M150.5 11V9.5H142M6 23V32H22M9.5 27V28.5H18M154 23V32H138M150.5 27V28.5H142'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
}
.menu li.on a{color:#f7ead0;font-weight:bold}
.menu li.on a:hover{color:#fff8e6;font-weight:bold}
/* 手机端折叠导航（桌面隐藏） */
.mbar{display:none}
.mtoggle{display:none}
/* 介绍区三个按钮：原 icon GIF 位图改 CSS 按钮，等宽一行三等分 */
.intro .icon{display:flex;gap:10px;padding:10px 0}
.intro .icon a{flex:1 1 0;margin:0;display:flex;align-items:center;justify-content:center;height:36px;font:bold 14px/1 "宋体",sans-serif;color:#fff;background:#e60012;border:1px solid #c00010;border-radius:3px;text-decoration:none;box-sizing:border-box;letter-spacing:1px}
.intro .icon a:hover{background:#c50010;border-color:#a3000d}
/* 左栏底色：原为 td bgcolor 属性，改由 CSS 统一控制（纯色，非背景图） */
.side{background:#e70020}
/* 左栏「联系方式」标题条：原 lianxi.gif 位图改 CSS（深红底+金字+底部细金线） */
.side .stitle{height:28px;line-height:28px;margin:10px 0 6px;padding:0 10px;background:#3d120d;border-bottom:1px solid #c9a86a;color:#f0c96a;font:bold 15px/28px "宋体",sans-serif;letter-spacing:2px}
/* 左栏「封面」图文笔记轮播（数据源：后台图文笔记 → 封面 分类，仅已上线；分类 ID 见 data-topic） */
.covbox{position:relative;width:250px;height:358px;overflow:hidden;margin:0 auto}
.covbox .cs{position:absolute;left:0;top:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}
.covbox .cs.on{opacity:1}
.covbox .cs img{width:100%;height:100%;display:block;object-fit:cover;border:0}
.covbox .cdots{position:absolute;left:0;right:0;bottom:8px;text-align:center;z-index:2}
.covbox .cdots i{display:inline-block;width:7px;height:7px;margin:0 3px;border-radius:50%;background:rgba(255,255,255,.45);border:1px solid rgba(60,27,0,.25);cursor:pointer}
.covbox .cdots i.on{background:#fff}
/* 页脚备案行 */
.footer .beian{margin-top:8px;font-size:12px;line-height:18px}
.footer .beian a{color:#888;text-decoration:none}
.footer .beian a:hover{color:#e60012}

/* ------------------------------------------------------------------
   页面骨架：DIV 版（替代旧站的 table 双栏布局）
   旧站 <table width=100% cellspacing=5> 等效：外层 5px 间距 + 左栏 250 + 中缝 5
   960 - 5(左) - 5(右) - 250 - 5(缝) = 695，与原表格逐像素一致
   ------------------------------------------------------------------ */
.main{width:960px;margin:0 auto;background:#FFF;padding:5px;box-sizing:border-box}
.wrap{display:flex;align-items:flex-start;gap:5px}
.side{flex:0 0 250px;width:250px}
.body{flex:1 1 auto;min-width:0;border:1px solid #cdb691;box-shadow:inset 0 0 0 1px #f7f1e4;background:#fff}

/* 首页产品跑马灯（DIV 版，替代旧站嵌套 table；滚动容器与旧站一致） */
.imgs{white-space:nowrap}
.imgs .mtrack{display:inline-block;white-space:nowrap;vertical-align:top;height:170px}
.imgs a{display:inline-block;margin:0 0 0 10px}
.imgs a img{padding:3px;border:1px solid #a9a9a9}

/* ------------------------------------------------------------------
   内页扩展（列表 / 详情 / 筛选 / 分页）
   ------------------------------------------------------------------ */
/* 内容区：老 .content 为固定 654px，留出左右 */
.content{height:auto;overflow:hidden}
/* 分类筛选条：分类一律用 ID（?topic=<分类ID>），不用中文 slug */
.ftabs{margin:0 0 6px;padding:8px 2px;border-bottom:1px solid #c9a86a;height:auto;overflow:hidden}
.ftabs a{display:inline-block;height:26px;line-height:24px;margin:0 8px 6px 0;padding:0 14px;color:#3c1b00;border:1px solid #d9c39a;background:#faf4e6;border-radius:3px;font-size:14px}
.ftabs a:hover{background:#efe3c8}
.ftabs a.on{background:#3c1b00;color:#f0c96a;border-color:#3c1b00}
/* 载入/空态 */
.nloading,.nempty{display:block;padding:36px 0;text-align:center;color:#8a6a40;font-size:14px;height:auto}
/* 新闻动态列表 */
.nlist{margin:8px 0;height:auto}
.nlist li{height:auto;overflow:hidden;padding:14px 2px;border-bottom:1px dashed #d9c39a}
.nlist .nthumb{float:left;width:110px;height:80px;border:1px solid #a9a9a9;margin:0 14px 0 0;overflow:hidden;display:block;background:#f3ead6}
.nlist .nthumb img{width:100%;height:100%;object-fit:cover;display:block}
.nlist .ntit{font-size:16px;line-height:26px;height:auto}
.nlist .ntit a{font-size:16px;color:#3c1b00}
.nlist .ntit a:hover{color:#c00010;text-decoration:underline}
.nlist .ndate{color:#8a6a40;font-size:12px;margin:3px 0 5px;height:auto}
.nlist .nsum{color:#555;line-height:22px;font-size:13px;height:auto}
/* 分页 */
.pager{margin:16px 0 6px;text-align:center;height:auto;overflow:hidden}
.pager a,.pager span{display:inline-block;min-width:28px;height:26px;line-height:26px;margin:0 3px;padding:0 8px;border:1px solid #d9c39a;background:#faf4e6;color:#3c1b00;font-size:13px;border-radius:3px}
.pager span.on{background:#3c1b00;color:#f0c96a;border-color:#3c1b00}
.pager a:hover{background:#efe3c8}
/* 文章 / 通用正文 */
.abody{line-height:26px;font-size:15px;height:auto;overflow:hidden}
.abody p{margin:0 0 14px}
.abody img{max-width:100%;height:auto}
.ameta{margin:8px 0 0;padding:0 0 10px;border-bottom:1px solid #c9a86a;color:#8a6a40;font-size:13px;height:auto}
.ameta span{margin-right:14px}
.apic{margin:16px 0;text-align:center}
.apic img{max-width:80%;border:1px solid #a9a9a9;padding:3px;background:#fff}
.aback{margin:18px 0 0;padding:10px 0 2px;border-top:1px dashed #d9c39a;height:auto}
.aback a{color:#8a6a40}
.aback a:hover{color:#c00010}
/* 择日须知 */
.zlead{display:block;margin:12px 0 8px;font-size:16px;color:#3c1b00}
.zlist{margin:0 0 16px 24px;list-style:decimal outside;height:auto}
.zlist li{height:auto;line-height:26px;margin:0 0 10px}
/* 产品列表（沿用旧站 .more 结构，接 CMS 数据） */
.more li i img{width:100%;height:100%;object-fit:cover}
/* 付款方式 */
.btable{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}
.btable th,.btable td{border:1px solid #ad918a;padding:8px 6px;text-align:center;line-height:22px}
.btable th{background:#faf4e6;color:#3c1b00;font-weight:bold}
.btable .bnk{display:block;margin:0 auto}
.fnote{margin:10px 0;line-height:24px;color:#555;font-size:13px;height:auto}
/* 网上支付说明：问答排版（无表格、块状结构） */
.qa{font-size:14px;line-height:25px}
.qa-lead{margin:8px 0 14px;text-indent:2em}
.qa-promise{margin:0 0 18px;padding:10px 14px;background:#faf6ec;border-left:3px solid #c9a86a;color:#3c1b00;line-height:24px}
.qa-promise b{color:#c00010}
.qa-item{padding:14px 0 2px;border-top:1px dashed #ded0b4}
.qa-item:first-of-type{border-top:0;padding-top:6px}
.qa-q{margin:0 0 8px;font-size:15px;font-weight:bold;color:#8a1a12;height:auto;line-height:24px}
.qa-q i{display:inline-block;min-width:20px;height:20px;line-height:20px;margin-right:8px;padding:0 5px;background:#3c1b00;color:#f0c96a;font-style:normal;font-size:12px;text-align:center;border-radius:2px}
.qa-a{margin:0 0 12px;color:#333;text-indent:2em}
.qa-a p{margin:0 0 8px}
.qa-a ul{margin:2px 0 8px;list-style:none;height:auto}
.qa-a ul li{height:auto;line-height:24px;padding-left:24px;margin:0 0 3px;text-indent:0}
.qa-a ul li b{position:absolute;margin-left:-24px;color:#8a6a40}

@media (max-width:767px){
  .header{width:100%;height:auto;overflow:visible}
  .logo{height:auto}
  .logo img{width:100%;height:auto;display:block}
  .menu{height:auto;line-height:normal;overflow:visible;background:#3c1b00;border-bottom:10px solid #fff}
  /* 折叠栏：左标题 + 右汉堡按钮 */
  .mbar{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 12px}
  .mtitle{color:#f5e7ca;font:bold 16px/1 "楷体","KaiTi","STKaiti",serif;letter-spacing:3px}
  .mtoggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:40px;height:34px;padding:0;background:none;border:1px solid rgba(245,231,202,.55);border-radius:4px;cursor:pointer}
  .mtoggle span{display:block;width:18px;height:2px;background:#f5e7ca;border-radius:1px;transition:transform .2s,opacity .2s}
  .menu.open .mtoggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu.open .mtoggle span:nth-child(2){opacity:0}
  .menu.open .mtoggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  /* 折叠菜单：默认收起，展开后 2 列米黄块 */
  .menu ul{display:none;margin:0;padding:2px 10px 12px;list-style:none}
  .menu.open ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .menu li{float:none;width:auto;height:38px;line-height:38px;background:#f5e7ca;border-radius:4px;text-align:center;font-size:13px}
  .menu li a{font-size:14px;display:block;color:#3c1b00;border-radius:4px}
  .menu li a:active{background:#e8d5a8}
  /* 当前页高亮（折叠菜单内） */
  .menu li.on{background:#8a1a12}
  .menu li.on a{color:#f7ead0;font-weight:bold}

  .main{width:100%;box-sizing:border-box;padding:0 8px}
  /* 纵向排列后取消 flex-start 收缩，红区（左栏）撑满行宽 */
  .wrap{display:flex;flex-direction:column;align-items:stretch}
  .body{order:1;width:100%}
  .side{order:2;flex:0 0 auto;width:100%;box-sizing:border-box}

  .side{text-align:center;padding:10px 0;margin-top:12px;margin-bottom:10px}
  .side img{max-width:100%;height:auto}
  .side img.np{width:100%;height:auto}
  .covbox{width:100%;height:auto;aspect-ratio:250/358}
  pre.contact{display:block;text-align:left;font-size:13px;line-height:22px;margin:10px 16px 0;padding:0}

  .content{width:auto;margin:0;padding:6px 2px}
  .abody{font-size:14px;line-height:24px}
  .apic img{max-width:100%}
  .ftabs{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ftabs a{margin:0 6px 0 0}

  .body{padding:12px 10px}
  .intro{width:auto;margin:0;padding:0;display:block;border-bottom:0}
  .intro span{float:none;display:block;text-align:center;margin:0 0 14px}
  .intro span img{max-width:140px;height:auto}
  .intro .f1,.intro .f2,.intro .f3{font-size:16px;line-height:30px}
  .intro .f3{margin-top:10px}
  .intro .icon{gap:6px;padding:10px 0}
  .intro .icon a{margin:0;height:34px;font-size:12.5px}

  .imgs{width:100%;height:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0}
  .imgs .mtrack{height:auto}
  .imgs a{margin:0 4px 0 0}
  .imgs a img{height:120px;width:auto;padding:2px}

  /* 列表/详情 手机端 */
  .nlist .nthumb{width:86px;height:64px;margin-right:10px}
  .nlist .ntit a{font-size:15px}
  .nlist .nsum{display:none}
  .more li{width:47%;margin:0 1% 14px;height:auto}
  .more li i{width:100%;height:auto;aspect-ratio:1/1}
  .btable{font-size:12px}
  .btable th,.btable td{padding:6px 3px}
  .zlist{margin-left:20px}

  .footer{width:100%;box-sizing:border-box;font-size:12px;line-height:22px;padding:14px 10px}
}