/* ======================================================================
   m_default7 模板公共样式 (2026-10-23)
   现代化改造: 对齐 m_default1/m1.css 设计语言(白卡/12px 圆角/浅描边 #e3eded/青)
   + 手机响应式(≤1080 汉堡折叠菜单 / 双栏纵排)
   会议自定义色由 header.asp 输出的 CSS 变量传入:
     --mBg   导航主题色 (原 m_bgcolor, 回退 #0ca29e)
     --mText 标题文字色 (原 m_textcolor, 回退 #123c3a)
   本文件 link 位于 body 内(header.asp), 顺序晚于 index.asp <head> 的老 <style>,
   同特异性下后者的旧规则由本文件更高特异性(#nav 等)或 !important 覆盖。
   ====================================================================== */

/* ---------- 基础 ---------- */
html, body { min-width:0 !important; }   /* 反制 OSS style.css 的 html,body min-width:1000px —— 手机端 1000px 横向滚动的元凶 */
html { overflow-y:scroll; }
body { background:#f4f8f8; }
#main { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; }   /* OSS 锁死 1000px → 主流 1200; overflow:BFC 切断 header 内 margin 塌陷穿透(cn/en 顶部空隙不一致元凶) */
a { color:#334455; text-decoration:none; }
a:hover { color:#0ca29e; text-decoration:none; }

/* ---------- 顶区 (#header) ----------
   背景透明(与内容区同底色), banner 卡片化浮起 —— 修复"上白下灰"割裂感 */
#header { background:transparent; box-shadow:none; margin:0 !important; padding:0 !important; }
#header .row-1 { height:auto; overflow:visible; margin:0 !important; }
#header .row-1 .fright ul#language { padding:8px 12px 0; margin:0; }
#header .row-1 .fright ul li { float:right; padding-left:10px; font-size:12px; list-style:none; }
#header .row-1 .fright ul#language li a { display:inline-flex; align-items:center; gap:5px; height:30px; line-height:1; padding:0 14px; border-radius:15px; background:#fff; border:1px solid #dce8e7; box-shadow:0 2px 6px rgba(13,80,78,.08); font-size:13px !important; color:#345 !important; text-decoration:none; box-sizing:border-box; }   /* 胶囊按钮化: 原裸文字浮 banner 上看不清 */
#header .row-1 .fright ul#language li a:hover { color:var(--mBg,#0ca29e) !important; border-color:var(--mBg,#0ca29e); }   /* hover 跟会议色 */
#header .row-1 .fright ul li img { display:none; }   /* 旗子图标去掉, 只留胶囊文字 */
#header .row-3 { padding:8px 12px 4px; margin:0 !important; position:relative; }   /* 顶部空隙压平: cn 版 OSS 的 row-3 margin-top:10 / en 版折叠 10px 统一归零 */
#header .row-3 #focus_box { max-width:1200px; margin:0 auto; }
#header .row-3 #focus_pic,
#header .row-3 #focus_pic li { list-style:none; margin:0; padding:0; }
#header .row-3 #focus_pic li img { width:100%; max-width:100% !important; height:auto; display:block; margin:0 auto; border-radius:12px; box-shadow:0 4px 14px rgba(13,80,78,.10); box-sizing:border-box; }   /* max-width !important 反制 img 内联 style="max-width:1000px" */
#header .row-3 #focus_pic font { font-size:20px !important; font-weight:700; line-height:1.4 !important; height:auto !important; padding:2px 6px 10px !important; color:var(--mText,#123c3a); }

/* 汉堡按钮 / 手机标题条 (桌面隐藏, 1080 以下显示) */
#header .mBtn { display:none; }
#header .mTitle { display:none; }

/* ---------- 导航 (#nav) ---------- */
#nav.nav { padding:0 !important; height:44px !important; line-height:normal !important; background:var(--mBg,#0ca29e) !important; position:relative; z-index:10; margin:0 12px; }   /* 12px 边距与 banner/白卡对齐 */
#nav.nav ul { width:100%; max-width:1200px; margin:0 auto; padding:0; height:44px; }
#nav.nav .nLi { float:left; position:relative; display:inline; margin-top:0 !important; line-height:44px !important; height:44px; list-style:none; }
#nav.nav .nLi h3 { float:left; margin:0; }
#nav.nav .nLi h3 a { display:block; padding:0 22px !important; height:44px; line-height:44px !important; font-size:14.5px !important; font-weight:600 !important; color:#fff !important; }
#nav.nav .nLi h3 a:hover, #nav.nav .on h3 a { background:#fff !important; color:var(--mBg,#0ca29e) !important; }
#nav.nav .sub { display:none; width:auto; min-width:100%; left:0; top:44px !important; position:absolute; background:#fff !important; line-height:normal; margin-top:0 !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; }   /* min-width:100% 对齐一级中心线; height:auto 反制 OSS .sub 限高 44px(3 项只露 1 项) */
#nav.nav .sub li { zoom:normal; color:#345; list-style:none; border-bottom:1px solid #f0f6f5; }
#nav.nav .sub li:last-child { border-bottom:none; }
#nav.nav .sub a { display:block; padding:0 22px !important; height:40px; line-height:40px !important; color:#345 !important; font-weight:600 !important; font-size:14px; white-space:nowrap; text-align:left !important; }   /* 22px 与一级同 padding; text-align:left 干掉原模板 align=center 的 -webkit-center 居中(文字右偏 28px 元凶) */
#nav.nav .sub a:hover { background:#eef8f7 !important; color:#0ca29e !important; }

/* ---------- 焦点图轮播 (focusBox) ---------- */
.focusBox { max-width:1200px; width:100% !important; height:auto !important; overflow:hidden; margin:10px auto !important; border-radius:12px; box-sizing:border-box; }
.focusBox .pic img { width:100% !important; height:auto !important; display:block; }
.focusBox .txt-bg, .focusBox .txt { height:32px !important; }
.focusBox .num { bottom:8px !important; right:8px !important; }
#focus_box > ul#focus_pic { margin:0; padding:0; }

/* ---------- 正文双栏 (#content .wrapper) ---------- */
#content .indent { width:auto; }
#content .wrapper { width:100%; max-width:1200px; margin:6px auto 20px; padding:0 12px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; overflow:visible; }
#content .col-1 { float:none !important; flex:1 1 auto; min-width:0; width:auto !important; background:#fff; border:1px solid #e3eded !important; border-radius:12px !important; box-shadow:0 4px 14px rgba(13,80,78,.06); padding:18px 22px 20px !important; box-sizing:border-box; }
#content .col-1 h4 { font-size:17px; font-weight:700; color:#123c3a; padding-left:10px; border-left:3px solid #0ca29e; line-height:1.4; margin:2px 0 12px; }
#content .col-1 p { line-height:1.95; color:#456; overflow-wrap:break-word; }
#content .col-1, #content .col-1 * { font-size:14px; }
#content .col-1 p img { max-width:100%; height:auto; }
/* 左栏 (left.asp: .box3 登录 / .box2 新闻 / .box4 联系) */
#content .col-2 { float:none !important; width:300px !important; flex-shrink:0; box-sizing:border-box; }
#content .col-2 .box3, #content .col-2 .box2, #content .col-2 .box4 { background:#fff; border:1px solid #e3eded; border-radius:12px; box-shadow:0 4px 14px rgba(13,80,78,.06); margin-bottom:14px; overflow:hidden; box-sizing:border-box; }
#content .col-2 .box3 { border-top:3px solid var(--mBg,#0ca29e) !important; }
#content .col-2 .box3 .inner { padding:14px 16px 16px; }
#content .col-2 .box3 h4 { color:var(--mBg,#0ca29e) !important; font-size:15.5px; margin:0 0 10px; letter-spacing:2px; }
#content .col-2 .box3 .control-group { margin-bottom:10px; }
#content .col-2 .box3 .control-label { font-size:13px; color:#567; }
#content .col-2 .box3 input[type="text"], #content .col-2 .box3 input[type="password"] { width:100% !important; box-sizing:border-box; height:32px; border:1px solid #dce8e7; border-radius:6px; padding:2px 8px; font-size:13px; background:#fbfefd; }
#content .col-2 .box3 input:focus { border-color:var(--mBg,#0ca29e); outline:none; }
#content .col-2 .box3 .btn { background:var(--mBg,#0ca29e); color:#fff !important; border:none; border-radius:6px; padding:7px 22px !important; font-size:13px !important; cursor:pointer; }   /* padding/font !important: 压 button 内联 style="padding:2px;font-size:12px" 小块 */
#content .col-2 .box3 .controls { display:flex; align-items:center; gap:8px; }
#content .col-2 .box3 .controls input { flex:1 1 auto; min-width:0; }
#content .col-2 .box3 div[align="center"] { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:6px; }   /* 登录+注册账号+找回密码 行距 */
#content .col-2 .box3 .btn:hover { filter:brightness(1.08); }
#content .col-2 .box3 .register, #content .col-2 .box3 .getpassword { font-size:12.5px; color:#0ca29e; margin:0 6px; }
/* box2 老圆角装饰子元素退役, inner 直接成卡 */
#content .col-2 .box2 .border-top, #content .col-2 .box2 .left-top-corner, #content .col-2 .box2 .right-top-corner { border:0 !important; background:none !important; padding:0 !important; height:auto !important; }
#content .col-2 .box2 .inner { border:0 !important; padding:14px 16px 12px !important; }
#content .col-2 .box2 h4 { color:#123c3a !important; font-size:15.5px; padding-left:10px; border-left:3px solid #0ca29e; line-height:1.4; margin:0 0 8px; }
#content .col-2 .box2 #latest_news { margin:0; padding:0; }
#content .col-2 .box2 #latest_news li { list-style:none; padding:8px 0; border-bottom:1px dashed #e8f0ef; }
#content .col-2 .box2 #latest_news li:last-child { border-bottom:none; }
#content .col-2 .box2 #latest_news h3 { font-size:12px; color:#9ab0ae; font-weight:400; margin:0 0 2px; }
#content .col-2 .box2 #latest_news p { margin:0; font-size:14px !important; line-height:1.6; }
#content .col-2 .box2 #latest_news a { color:#345 !important; }
#content .col-2 .box2 #latest_news a:hover { color:#0ca29e !important; }
#content .col-2 .box2 #latest_news img { vertical-align:-2px; }
#content .col-2 .box4 .inner { padding:14px 16px 14px; }
#content .col-2 .box4 h4 { color:#123c3a !important; font-size:15.5px; padding-left:10px; border-left:3px solid #0ca29e; line-height:1.4; margin:0 0 8px; }
#content .col-2 .box4 .inner, #content .col-2 .box4 .inner * { font-size:14px; max-width:100%; box-sizing:border-box; }
#content .col-2 .box4 .inner img { max-width:100%; height:auto; }
#content .height10 { display:none; }   /* 老占位间隔, flex gap 已接管 */

/* ---------- footer ---------- */
/* 背景跟随会议色(--mBg) + 28% 黑色叠加压深, 任意后台定义色都适配 */
#footer { background-color:var(--mBg,#123c3a) !important; background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)) !important; margin:8px 12px 0; }   /* 12px 边距与上方卡片对齐 */
#footer div { max-width:1200px; margin:0 auto; padding:16px 12px 18px; }
#footer p { line-height:2 !important; text-align:center; color:rgba(255,255,255,.78) !important; font-size:12.5px; margin:0; }
#footer img { height:13px; vertical-align:-2px; margin:0 1px; }
#footer a { color:#fff !important; }
#footer a:hover { color:#fff !important; text-decoration:underline; }

/* ---------- 手机/平板 (1080 以下) ---------- */
@media (max-width:1080px) {
  #main { width:100% !important; }
  #header .row-3 #focus_box { padding:0 2px; }
  /* 汉堡 + 标题顶栏 (banner 图手机端不显示, 换成白底标题条) */
  #header { position:relative; }
  #header .row-3 { padding:8px 56px 8px 14px; min-height:48px; display:flex; align-items:center; background:#fff; box-shadow:0 1px 0 #e8f0ef; box-sizing:border-box; }
  #header .row-3 #focus_box { display:none; }
  #header .mTitle { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:16px; font-weight:700; line-height:1.35; color:var(--mText,#123c3a); max-height:2.8em; }
  #header .mBtn { display:block; position:absolute; top:4px; right:6px; width:44px; height:40px; cursor:pointer; z-index:1001; }
  /* 语言切换行: 改流内右对齐一行, 不再 absolute 压标题(手机截图事故) */
  /* 语言切换行: 流内 flex 右对齐(撑高 row-1 不压标题), padding-right 让位汉堡 */
  #header .row-1 .fright { display:block !important; position:static !important; float:none; padding:6px 56px 0 14px; }   /* block: 原 inline 的 padding 不约束块级 ul(56px 白设) */
  #header .row-1 .fright ul#language { display:flex !important; justify-content:flex-end; float:none !important; width:auto; margin:0; padding:0 !important; position:static !important; }   /* static: 原 absolute right:0 相对 header 贴边压标题的元凶 */
  #header .row-1 .fright ul#language li { float:none !important; display:block; }
  #header .row-1 .fright ul#language { padding:0 !important; }
  #header .row-1 .fright ul li { display:inline-block; float:none; padding-left:8px; }
  #header .mBtn::before { content:""; display:block; width:20px; height:2px; background:#4a6a68; box-shadow:0 6px 0 #4a6a68, 0 -6px 0 #4a6a68; margin:19px auto 0; }
  /* 导航折叠面板 (背景必须 !important, 否则被桌面主题色条规则压成会议色) */
  #nav.nav { position:absolute; top:100% !important; left:0; width:100%; margin:0; height:auto !important; display:none; background:#fff !important; box-shadow:0 14px 26px rgba(13,80,78,.18); border-radius:0 0 12px 12px; overflow:auto; max-height:70vh; z-index:1000; }   /* top !important: style_en.css 的静态 top 值会把 en 版面板推到页尾 */
  #header.openHeadm #nav.nav { display:block; }
  #nav.nav ul { width:100%; height:auto; padding:4px 0; }
  #nav.nav .nLi { float:none !important; display:block !important; width:100%; height:auto; line-height:normal !important; }
  #nav.nav .nLi h3 { float:none; }
  #nav.nav .nLi h3 a { float:none !important; display:block !important; width:100%; box-sizing:border-box; height:44px; line-height:44px !important; text-align:left; padding:0 18px !important; color:#345 !important; border-bottom:1px solid #f0f6f5; }
  #nav.nav .nLi h3 a:hover, #nav.nav .on h3 a { background:#eef8f7 !important; color:#0ca29e !important; }
  /* 手机上二级菜单静态展开(触屏 hover 不可靠) */
  #nav.nav .sub { display:block !important; position:static !important; width:100%; min-width:0; box-shadow:none; border-radius:0; background:#f7fbfb !important; }
  #nav.nav .sub li { border-bottom:1px solid #eaf2f1; }
  #nav.nav .sub a { padding-left:34px !important; height:38px; line-height:38px !important; }
  /* 双栏纵排 */
  #content .wrapper { flex-direction:column; padding:0 8px; }
  #content .col-2 { width:100% !important; }
  #content .col-1 { padding:14px 14px 16px !important; }
  #header .row-3 #focus_pic font { font-size:16px !important; }
  #header .row-1 .fright ul li { padding-left:12px; }
}

/* 联系方式: 与门户 list_meeting 统一 — 图片限宽200px + 强制五号字(14px) */
#organization img { max-width:200px; height:auto; }
#organization, #organization * { font-size:14px !important; }