/* ======================================================================
   m_default10 模板公共样式 (2026-10-23)
   现代化 + 手机响应式, 对齐 m5/m7/m11 设计语言(白卡/12px 圆角/#e3eded 描边)
   div 布局; 会议色变量(index.asp 内联 style 输出): --mBg --mText
   本文件 link 位于内联 <style> 之后, 同特异性可覆盖其旧规则
   ====================================================================== */

/* ---------- 基础 ---------- */
html, body { min-width:0 !important; }
html { overflow-y:scroll; }
body { background:#f4f8f8 !important; }
a { color:#334455; text-decoration:none; }
a:hover { color:#0ca29e; }

/* 宽幅: public.css 的 .w980(实为1024) → 主流 1200 */
.wrap.w980 { width:100%; max-width:1200px; margin:0 auto; }

/* ---------- banner 圆角卡片 (.top 为背景图) ----------
   宽度 !important 覆盖各页内联 <style> 的 1024 硬编码(子页未逐一改) */
.top { width:100% !important; max-width:1200px; margin:0 auto; background-size:cover !important; border-radius:12px; box-shadow:0 4px 14px rgba(13,80,78,.10); }

/* ---------- 导航 ---------- */
.navWrap { width:100% !important; max-width:1200px; margin:10px auto 0 !important; border-radius:8px; box-shadow:0 2px 8px rgba(13,80,78,.14); }   /* 圆角统一收这里: 原先只有 cn index 内嵌 style 有圆角, 其余页内嵌老样式(width:1024px)无圆弧 */
.navWrap .nav > li.nLi:first-child h3 a { border-radius:8px 0 0 8px; }   /* 首项高亮背景贴合条两端圆弧 */
.navWrap .nav > li.nLi:last-child h3 a { border-radius:0 8px 8px 0; }
.nav li.nLi { position:relative; }
.nav li.nLi h3 a { transition:background .15s; }
.navWrap .nav > li.nLi.on h3 a { background:rgba(255,255,255,.16) !important; }   /* 当前项定位(list 页 JS 移 on) */
/* 二级下拉: 白卡对齐 m7 (nav.css 老灰底 #ccc 退役) */
.nav .sub { min-width:135px; background:#fff !important; border-radius:0 0 8px 8px; box-shadow:0 10px 22px rgba(13,80,78,.16); overflow:hidden; z-index:99; height:auto !important; max-height:none !important; }   /* height:auto 反制 OSS .sub 限高(多二级只露 1 项) */
.nav .sub li { border-bottom:1px solid #f0f6f5; background:none; }
.nav .sub li:last-child { border-bottom:none; }
.nav .sub li a { display:block; padding:0 16px !important; height:38px; line-height:38px; color:#345 !important; font-size:13.5px; white-space:nowrap; background:none; }
.nav .sub a:hover { background:#eef8f7 !important; color:#0ca29e !important; }

/* 汉堡按钮: 桌面隐藏, 手机在 navWrap 内显示(同时撑起 navWrap 高度) */
.mBtn { display:none; }

/* 语言切换: 文字链接 → 胶囊按钮 */
.header { height:auto !important; overflow:visible !important; background:none !important; }
.header a.cn, .header a.en { display:inline-flex; align-items:center; gap:5px; height:30px; line-height:1; padding:0 16px; margin:0 0 8px 8px; border-radius:15px; background:#fff; border:1px solid #dce8e7; box-shadow:0 2px 6px rgba(13,80,78,.08); font-size:13px; color:#345 !important; box-sizing:border-box; text-decoration:none; }
.header a.cn:hover, .header a.en:hover { background:var(--mBg,#0ca29e); border-color:var(--mBg,#0ca29e); color:#fff !important; }
.header a img { vertical-align:-2px; margin:0; }

/* ---------- 双栏: float → flex ---------- */
.con01 { display:flex; gap:16px; align-items:flex-start; margin-top:14px; }
.con01L { float:none !important; width:auto !important; flex:1 1 auto; min-width:0; }
.con01R { float:none !important; width:300px !important; flex-shrink:0; box-sizing:border-box; background:#fff; border:1px solid #e3eded !important; border-radius:12px; box-shadow:0 4px 14px rgba(13,80,78,.06); padding-bottom:14px !important; }

/* ---------- 左栏白卡 (简介/新闻) ---------- */
.con01L02, .con01L03 { background:#fff; border:1px solid #e3eded; border-radius:12px; box-shadow:0 4px 14px rgba(13,80,78,.06); padding:4px 22px 16px; }
.con01L02 + .con01L03 { margin-top:16px; }
.con01L02 h3, .con01L03 h3 { height:auto !important; line-height:1.4 !important; margin:14px 0 10px !important; padding-left:10px; border-left:3px solid var(--mBg,#0ca29e); font-size:17px; font-weight:700; color:#123c3a !important; }
.con01L02C { font-size:14px; line-height:1.9; color:#456; overflow-wrap:break-word; }
.con01L02C img { max-width:100%; height:auto; }

/* 新闻列表: 固定 22px 行高 → 虚线分隔行 */
.con01L03 ul { margin:0; padding:0; list-style:none; }
.con01L03 ul li { height:auto; line-height:1.7; padding:8px 0 8px 24px; border-bottom:1px dashed #e8f0ef; }
.con01L03 ul li:last-child { border-bottom:none; }
.con01L03 ul li a { color:#345; }
.con01L03 ul li a:hover { color:#0ca29e; }
.con01L03 > div[align="right"] { padding-top:8px; }
.con01L03 > div[align="right"] a { color:var(--mBg,#0ca29e); font-size:13px; }

/* 焦点图轮播 (pic.asp/index.asp 内联 700x250 硬编码退役):
   宽度对齐所在卡片, 高度统一 300 + object-fit 裁切(比例不一的图不跳动) */
.con01L01 { border-radius:12px; overflow:hidden; box-shadow:0 4px 14px rgba(13,80,78,.10); }
.focusBox { width:100% !important; height:300px !important; }
.focusBox .pic img { width:100% !important; height:100% !important; object-fit:cover; }

/* ---------- 右栏登录框 ---------- */
.login { padding-bottom:14px !important; border-bottom:1px solid #f0f6f5 !important; }
.login h3 { color:var(--mBg,#0ca29e) !important; font-size:15.5px; line-height:46px !important; padding:0 16px !important; margin:0; letter-spacing:2px; }
.login01 { width:auto !important; margin:0 16px 12px !important; background:#fbfefd; border:1px solid #dce8e7; border-radius:6px; height:38px; box-sizing:border-box; }
.login01:focus-within { border-color:var(--mBg,#0ca29e); }
.login01 span { margin:11px 8px 0 12px; }
.login01 input { height:36px !important; line-height:36px !important; color:#345 !important; font-size:13.5px; }
.login01 input.input01 { width:calc(100% - 45px); box-sizing:border-box; }
.login01 input.input02 { width:95px; }
.login01 em.yzm { margin:6px 10px 0 0 !important; }
.login01 em.yzm img { height:26px; border-radius:4px; vertical-align:middle; }
.login02 { width:auto !important; margin:0 16px !important; border-radius:6px !important; }
.login02 input { width:100%; cursor:pointer; font-size:14px; }
.login02:hover { filter:brightness(1.08); }
.login03 { width:auto !important; margin:10px 16px 0 !important; display:flex; justify-content:space-between; }
.login03 a { font-size:13px; }
.login03 a.register { color:#567 !important; }
.login03 a.forget { color:var(--mBg,#0ca29e) !important; }

/* cn_detail 内容块 (left.asp 有数据才渲染) */
.con01R01 { margin:0 16px; padding:12px 0 2px !important; border-top:1px solid #f0f6f5; font-size:13.5px; color:#456; overflow-wrap:break-word; }
.con01R01 img { max-width:100%; height:auto; }
.con01R01 h3 { color:var(--mBg,#0ca29e) !important; }

/* ---------- footer: 会议色压深 (数字 GIF 黑字反白) ---------- */
.footer { height:auto !important; }
.footerB { background:var(--mText,#123c3a); color:rgba(255,255,255,.82) !important; padding:14px 10px 16px; }
.footerB span { margin:0 0 6px !important; display:block !important; }
.footerB a { color:#fff !important; }
.footerB a:hover { color:#fff !important; text-decoration:underline; }

/* ---------- 手机 (≤768) ---------- */
@media (max-width:768px) {
  .wrap.w980 { width:100% !important; }
  .top { height:150px; border-radius:0; }
  /* navWrap 白卡化: 老深色底退役(展开面板白底透页面/白字浅底看不清的事故底子) */
  .navWrap { border-radius:10px; margin:8px 8px 0; height:auto !important; background:#fff !important; border:1px solid #e3eded; box-shadow:0 4px 14px rgba(13,80,78,.06) !important; box-sizing:border-box; width:auto !important; }
  /* 汉堡导航: mBtn 在 navWrap 内, 点击 toggle mOpen 展开/收起菜单面板
     (替代旧 flex 折行方案; mBtn 也撑起 navWrap 高度, 避免 li 浮动塌陷事故) */
  .mBtn { display:flex; align-items:center; gap:9px; height:46px; padding:0 14px; color:#123c3a; font:600 14px/1 "Microsoft YaHei",sans-serif; cursor:pointer; -webkit-tap-highlight-color:transparent; }
  .mBtn i { display:inline-block; width:20px; height:2px; background:var(--mBg,#0ca29e); border-radius:2px; box-shadow:0 -6px 0 var(--mBg,#0ca29e), 0 6px 0 var(--mBg,#0ca29e); flex-shrink:0; }
  .navWrap.mOpen .mBtn { background:#eef8f8; border-radius:9px 9px 0 0; }
  .nav { display:none !important; }
  .navWrap.mOpen .nav { display:block !important; height:auto !important; overflow:visible; padding:0 0 8px; background:#fff; border-top:1px solid #eef4f3; }
  .navWrap.mOpen .nav li.nLi { float:none; display:block !important; border-top:1px solid #f0f6f5; background:none; }
  .navWrap.mOpen .nav li.nLi:first-child { border-top:none; }
  .navWrap.mOpen .nav li.nLi h3 { float:none; }
  .navWrap.mOpen .nav li.nLi h3 a { padding:0 16px; font-size:14.5px; line-height:44px; color:#345 !important; text-shadow:none !important; }
  .navWrap.mOpen .nav li.nLi h3 a:hover, .navWrap.mOpen .nav li.nLi.on h3 a { background:#eef8f7; color:var(--mBg,#0ca29e) !important; }
  /* OSS nav.css 等跨域表的高 !important 灰白字压过上面的规则, 提特异性+后置重申 */
  body .navWrap.mOpen ul.nav li.nLi.on h3 a, body .navWrap.mOpen ul.nav li.nLi h3 a:hover { color:#0a8b87 !important; }
  /* 二级菜单在面板内平铺展开(hover 下拉手机不可用) */
  .navWrap.mOpen .nav .sub { display:block !important; position:static !important; width:auto !important; background:#f7fbfb !important; box-shadow:none; border-radius:0; padding:2px 0; }
  .navWrap.mOpen .nav .sub li { border-bottom:1px solid #eaf2f1; }
  .navWrap.mOpen .nav .sub a { padding-left:32px; font-size:13.5px; line-height:38px; color:#567 !important; }
  .con01 { flex-direction:column; padding:0 8px; gap:10px; margin-top:10px; }
  .con01R { width:100% !important; }
  .con01L02, .con01L03 { padding:2px 14px 12px; }
  .con01L02C p { text-indent:0 !important; }
}