/* ============================================================
   【移动端响应式覆写 v5】
   ------------------------------------------------------------
   断点约定：≤768px 走本文件移动端样式；>768px 走 PC 原样式
   （PC 原样式在全局区，未包裹任何媒体查询，>768px 自然生效，PC 端零改动）

   原则：
   1. PC 全局样式文件（FvceDefault.css / style.css / html5_style.css）
      一律不修改，本文件只做覆写；
   2. 本文件必须放在所有 PC 样式表【之后】加载（即"CSS 文件最底部"的等价实现）；
   3. 抽屉 / 汉堡按钮 / 悬浮客服按钮的 DOM 由 mobile-nav.js 注入，
      本文件仅负责它们的样式；
   4. 所有覆写尽量带 !important，用于对抗页面内联 <style> 与行内 style
      （如 .F2{margin-top:-100px}、banner 行内 height:800px）。
   ============================================================ */

/* ===== PC 端（>768）默认隐藏：抽屉/汉堡/悬浮客服按钮 =====
   这些元素由 mobile-nav.js 注入；媒体查询内的 display 规则会覆盖默认，
   无需 !important 即可在移动端正确显示。 */
.mobile-menu-toggle,
.mobile-drawer,
.mobile-drawer-mask,
.mobile-fab { display:none; }

@media (max-width: 768px) {

/* ================= 01 全局基础 ================= */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
html { font-size:16px; }
body, div, p, li, span, a, td, th, dd, dt, label { font-size:14px; }
img { max-width:100%; }
/* HTML 中写死 width+height 属性的 img（如证书图 <img width="638" height="899">）
   max-width:100% 压了宽度但 height 仍是写死的 899px，会变形。
   强制 height:auto 让浏览器按 width 等比缩放。 */
img[width][height] { height: auto !important; }

article, section,
.public_box, .public_box article,
.site_bottom article, .site_bottom_2 article,
.site_bottom_1 article, .site_bottom_3 article,
.map, #seo, .scroll_sw,
.bit .style81, .bit .style82, .bit .style212 {
  width:100% !important; max-width:100% !important; min-width:0 !important;
}
.public_head, .TopBanner, .site_bottom_1, .site_bottom, .site_bottom_2, .site_bottom_3 { min-width:0 !important; }

.public_box, .F1 article, .F2 article, .F3 article, .F4 article, .F5 article {
  padding-left:16px; padding-right:16px; box-sizing:border-box;
}

.F1, .F2, .F3, .F4, .F5, .ClassTopBanner, .TopBanner { height:auto !important; }

section header { margin:16px 0; padding:0 16px; }
section header h3 { width:auto; font-size:20px; }
section header p { width:100%; }
section header p:before, section header p:after { opacity:0; width:0; }


/* ================= 02 顶栏 ================= */
/* 顶栏缩小，只留 logo + 汉堡按钮（菜单迁移到抽屉里） */
.public_head { background:rgba(0,0,0,.5); height:50px !important; }
.public_head article { width:100% !important; height:50px !important; position:static !important; padding:0 16px; display:flex; align-items:center; box-sizing:border-box; }
.public_head article .head_left { position:static !important; width:auto !important; height:auto !important; padding:0; flex:0 0 auto; }
.public_head article .head_left .logo { position:static !important; float:none; width:auto; height:auto; overflow:visible; }
.public_head article .head_left .logo img { height:30px !important; position:static !important; width:auto; max-width:200px; }
.public_head article .head_left .logo span { position:static !important; top:auto; left:auto; }
/* 右侧 PC 菜单区（TopMenu + TopTel + searchBar）整体移入抽屉 */
.public_head article .head_right { display:none !important; }


/* ================= 03 汉堡按钮 + 抽屉 ================= */
/* 汉堡按钮（由 JS 注入到 body） */
.mobile-menu-toggle {
  position:fixed; top:8px; left:8px; z-index:1002;
  width:34px; height:34px;
  background:rgba(0,0,0,.5); border:0; border-radius:4px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  cursor:pointer; padding:0; margin:0;
}.mobile-menu-toggle span { display:block; width:18px; height:2px; background:#fff; margin:2px 0; border-radius:1px; transition:transform .25s, opacity .2s; }
.mobile-menu-toggle.active span:nth-child(1) { transform:translateY(4px) rotate(45deg); }
.mobile-menu-toggle.active span:nth-child(2) { opacity:0; }
.mobile-menu-toggle.active span:nth-child(3) { transform:translateY(-4px) rotate(-45deg); }

/* 抽屉遮罩（由 JS 注入到 body） */
.mobile-drawer-mask {
  position:fixed; inset:0; background:rgba(0,0,0,.5);
  z-index:1000; opacity:0; visibility:hidden;
  transition:opacity .25s, visibility 0s linear .25s;
  display:block; /* 覆盖 PC 端 display:none */
}
.mobile-drawer-mask.open { opacity:1; visibility:visible; transition:opacity .25s; }

/* 抽屉容器（由 JS 注入到 body） */
.mobile-drawer {
  position:fixed; top:0; left:0; bottom:0;
  width:78%; max-width:320px;
  background:#fff; color:#333;
  z-index:1001;
  transform:translateX(-100%); transition:transform .3s ease;
  display:flex; flex-direction:column;
  box-shadow:2px 0 12px rgba(0,0,0,.15);
  overflow:hidden; /* 让内部 drawer-menu 独立滚动 */
}
.mobile-drawer.open { transform:translateX(0); }

/* 抽屉头：logo + 关闭 */
.mobile-drawer .drawer-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid #eee;
  background:#fff; flex-shrink:0;
}
.mobile-drawer .drawer-header .drawer-logo img { height:32px; width:auto; display:block; }
.mobile-drawer .drawer-header .drawer-close {
  width:32px; height:32px; border:0; background:transparent;
  font-size:24px; line-height:32px; color:#666; cursor:pointer;
  padding:0; text-align:center; flex-shrink:0;
}

/* 抽屉菜单区（独立滚动） */
.mobile-drawer .drawer-menu { flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.mobile-drawer .drawer-menu ul { list-style:none; padding:0; margin:0; }
.mobile-drawer .drawer-menu > ul > li { border-bottom:1px solid #f1f1f1; }
.mobile-drawer .drawer-menu > ul > li > a {
  display:block; padding:14px 16px; color:#333; font-size:15px;
  text-decoration:none; line-height:1.4;
}
.mobile-drawer .drawer-menu > ul > li.has-sub > a { position:relative; }
.mobile-drawer .drawer-menu > ul > li.has-sub > a::after {
  content:'+'; position:absolute; right:16px; top:50%; transform:translateY(-50%);
  font-size:20px; color:#999; line-height:1;
}
.mobile-drawer .drawer-menu > ul > li.open > a::after { content:'−'; }
.mobile-drawer .drawer-menu > ul > li > a:hover,
.mobile-drawer .drawer-menu > ul > li.open > a { color:#0665b6; }

/* 子菜单：默认隐藏，点击一级菜单后展开 */
.mobile-drawer .drawer-menu > ul > li > ul { display:none; background:#f8f8f8; }
.mobile-drawer .drawer-menu > ul > li.open > ul { display:block; }
.mobile-drawer .drawer-menu > ul > li > ul > li { border-top:1px solid #eee; }
.mobile-drawer .drawer-menu > ul > li > ul > li > a {
  display:block; padding:12px 16px 12px 32px; color:#666; font-size:14px;
  text-decoration:none;
}
.mobile-drawer .drawer-menu > ul > li > ul > li > a:hover { color:#0665b6; }

/* 抽屉底：客服电话（用 JS 从 .TopTel 取文本；如无则隐藏） */
.mobile-drawer .drawer-tel {
  padding:14px 16px; background:#f8f8f8; border-top:1px solid #eee;
  color:#0665b6; font-size:15px; line-height:1.6; flex-shrink:0;
}
.mobile-drawer .drawer-tel a { color:#0665b6; text-decoration:none; }
.mobile-drawer .drawer-tel .drawer-tel-label { color:#999; font-size:12px; display:block; margin-bottom:2px; }
.mobile-drawer .drawer-tel .drawer-tel-num { font-size:18px; font-weight:700; }


/* ================= 04 悬浮客服按钮 ================= */
/* 右下角圆形按钮（由 JS 注入到 body，点击可拨电话/唤起客服） */
.mobile-fab {
  position:fixed; right:14px; bottom:80px; z-index:997;
  width:52px; height:52px; border-radius:50%;
  background:#7c4dff; color:#fff; text-decoration:none;
  box-shadow:0 4px 12px rgba(124,77,255,.4);
  display:flex; align-items:center; justify-content:center;
  font-size:24px; line-height:1; cursor:pointer;
  transition:transform .2s, box-shadow .2s;
}
.mobile-fab:hover, .mobile-fab:active { transform:scale(1.05); box-shadow:0 6px 16px rgba(124,77,255,.5); }
.mobile-fab .mobile-fab-icon { display:inline-block; }


/* ================= 05 Banner ================= */
/* Banner 自适应：高度 = 视口宽 × 5/12 (≈ 1920×800 原图比例)
   关键 1：4 张 .Pl6_PicBox li 全部 position:absolute + inset:0 叠在容器内（不堆叠）
   关键 2：撑高用【容器 .Pl6_PicBox 的 padding-bottom 41.667%】（不能放 li 上：
          absolute li 脱离文档流不撑高，容器高度会变 0 导致 banner 消失）
   JS (PicPlay_style6.js) 用 fadeIn/fadeOut 切换 li 的 display 实现轮播 */
.TopBanner, .PicPlay_style6, #PicPlay6_1, #TopBanner .PicPlay_style6 { width:100% !important; height:auto !important; }
.Pl6_PicBox, .Pl6_PicBox li { width:100% !important; height:auto !important; }
.Pl6_PicBox {
  position: relative !important;
  overflow: hidden !important;
  height: auto !important;            /* border-box 下不能 height:0（会压掉 padding），用 auto */
  padding-bottom: 41.667% !important; /* 5/12 ≈ 0.4167，容器高度跟随宽度等比缩放 */
  box-sizing: border-box;
}
.Pl6_PicBox li {
  position: absolute !important;  /* 4 张 li 叠在容器内，配合 JS fadeIn/fadeOut 轮播 */
  inset: 0 !important;
  padding-bottom: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #cccccc;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;  /* absolute + inset:0 占满容器（容器由 padding-bottom 撑高） */
}
/* 翻页圆点绝对定位到底部 */
.Pl6_PicBox li .Pl6_Bar { position: absolute !important; bottom: 6px !important; left: 0; right: 0; }
.ClassTopBanner article { position:static !important; width:100% !important; height:auto !important; left:auto; margin-left:0; padding:0 16px; box-sizing:border-box; }
.ClassTopBanner .word { position:static !important; width:100% !important; max-width:100% !important; height:auto !important; padding:12px 0; margin:0 auto; background:rgba(0,0,0,.35); top:auto; left:auto; }
.ClassTopBanner .word h3 { font-size:18px; border-left:4px solid #cd0000; padding-left:8px; }
.PicPlay_style6 .Pl6_Bar { width:100%; bottom:6px; }
.PicPlay_style6 .Pl6_Bar ul { width:auto; margin: 0 auto; }
.PicPlay_style6 .Pl6_Bar ul li { width:24px !important; height:4px !important; border-radius:2px; }


/* ================= 06 首页 F1~F5 + 内容 ================= */
/* F1 TipsList */
.TipsList ul li { width:100% !important; height:auto !important; float:none !important; margin:0 0 16px !important; }
.TipsList ul li .img { position:static !important; height:auto !important; top:auto; bottom:auto; }
.TipsList ul li .img img { width:100% !important; height:auto !important; display:block; }
.TipsList ul li .word { position:static !important; height:auto !important; top:auto !important; bottom:auto !important; padding:14px !important; box-sizing:border-box; }

/* F2 关于我们（关键：负 margin 归零） */
.F2 { margin-top:0 !important; margin-bottom:0 !important; background-image:none !important; padding:24px 16px 36px; box-sizing:border-box; }
.F2 article { padding:0; }
.wordBox { padding:10px 0; text-align:center; }
.wordBox p { text-align:center; }
.wordBox b { font-size:16px; }
.wordBox a { position:static !important; left:auto; margin:16px auto 0 !important; width:140px; height:44px; line-height:44px; font-size:14px; box-sizing:border-box; }

/* F3 课程 */
.F3, .picList ul li, .picList ul li .pic { /* inherit height:auto */ }
.picList ul li { width:100% !important; height:auto !important; float:none !important; margin:0 0 14px !important; position:relative; overflow:hidden; }
.picList ul li .pic { height:auto !important; }
.picList ul li img { width:100% !important; height:auto !important; display:block; }
.picList ul li a { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; background:rgba(0,0,0,0.001) !important; z-index:2; padding:0; }
.picList ul li a i { position:absolute; bottom:50%; left:0; right:0; transform:translateY(50%); margin:0; }
.picList ul li a b { position:absolute; bottom:12px; left:0; right:0; text-align:center; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.6); }
.picList ul li a b { width:100%; height:auto; margin:0; }
.picList ul li .pic b { display:block; position:static; width:100%; line-height:30px; background:rgba(0,0,0,.8); }

/* F4 推广文章 */
.F4 article { padding:0 16px 16px; }
.F4 .b1, .F4 .b2 { width:100% !important; height:auto !important; float:none !important; padding:14px; margin:0 0 14px !important; box-sizing:border-box; }
.F4 .b1 ul li { width:100% !important; height:auto !important; }
.F4 .b1 ul li a:first-child { height:auto !important; }
.F4 .b1 ul li a:first-child img { width:100% !important; height:auto !important; }
.F4 .bit .style41 ul li { height:auto !important; min-height:88px; padding:10px 0; overflow:hidden; }
.F4 .bit .style41 ul li a:first-child { position:static !important; float:left; width:84px; height:64px; margin-right:10px; }
.F4 .bit .style41 ul li a:first-child img { width:100% !important; }
.F4 .bit .style41 ul li a:nth-child(2) { position:static !important; left:auto !important; top:auto !important; width:auto; height:auto; margin-left:94px; margin-bottom:4px; white-space:normal; font-size:15px; }
.F4 .bit .style41 ul li p { position:static !important; left:auto !important; top:auto !important; width:auto !important; height:auto; margin-left:94px; white-space:normal; font-size:13px; }
.F4 .bit .style41 ul li span { position:static !important; left:auto !important; top:auto !important; margin-left:94px; font-size:12px; }

/* F5 案例卡（style421 关键：导读 p 移动端常显） */
.F5 .bit .style421 ul li, .list .style421 ul li { width:100% !important; height:auto !important; margin:0 0 20px !important; padding:0 0 20px !important; box-sizing:border-box; }
.F5 .bit .style421 ul li a:first-child, .list .style421 ul li a:first-child { position:static !important; height:auto !important; margin-bottom:8px; }
.F5 .bit .style421 ul li a:first-child img, .list .style421 ul li a:first-child img { width:100% !important; height:auto !important; }
.F5 .bit .style421 ul li a:nth-child(2), .list .style421 ul li a:nth-child(2) { position:static !important; height:auto !important; background:none !important; color:#333 !important; padding:6px 0 !important; text-align:left; font-size:16px; }
.F5 .bit .style421 ul li p { display:block !important; position:static !important; height:auto !important; background:none !important; color:#666 !important; padding:0 !important; margin:0 0 8px !important; animation:none !important; }
.list .style421 ul li p { display:block !important; position:static !important; bottom:auto !important; height:auto !important; background:none !important; color:#666 !important; padding:0 !important; margin:0 0 8px !important; }
.list .style420 ul li { width:100% !important; height:auto !important; margin-bottom:20px; }
.list .style420 ul li a:first-child { position:static !important; height:auto !important; }
.list .style420 ul li a:first-child img { width:100% !important; height:auto !important; }
.list .style420 ul li a:nth-child(2) { position:static !important; height:auto !important; background:none !important; color:#333 !important; padding:6px 0 !important; text-align:left; font-size:16px; }
.list .style420 ul li p { display:block !important; position:static !important; bottom:auto !important; height:auto !important; background:none !important; color:#666 !important; padding:0 !important; }

/* .list .style3：gongye/ruanjian 等栏目页的图文卡片列表
   PC 端 li 强制 265×230 + 4 列 + span 绝对定位 + 伪元素 日期：/人气：
   移动端需流式单列 + 图片自适应 + 日期/人气流式显示 */
.list .style3 ul { text-align:left !important; }
.list .style3 ul li {
  display:block !important;
  width:100% !important;
  height:auto !important;
  vertical-align:top !important;
  margin:0 0 16px !important;
  padding:12px !important;
  box-sizing:border-box;
  box-shadow:0 1px 4px rgba(0,0,0,.08) !important;
  border-radius:4px;
  position:relative !important;
  background:#fff;
}
.list .style3 ul li a:first-child {
  display:block !important;
  width:100% !important;
  height:auto !important;
  overflow:hidden !important;
  position:relative !important;
  margin-bottom:8px;
}
.list .style3 ul li a:first-child img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  border:0 !important;
  margin-bottom:0 !important;
  font-size:0 !important;  /* 防止 alt 文字破坏布局 */
  color:transparent;
}
.list .style3 ul li a:nth-child(2) {
  display:block !important;
  width:100% !important;
  height:auto !important;
  white-space:normal !important;
  text-overflow:clip !important;
  overflow:visible !important;
  font-size:15px !important;
  line-height:1.5 !important;
  margin:0 0 8px !important;
  padding:0 !important;
  text-align:left !important;
  color:#333 !important;
  font-weight:600;
}
.list .style3 ul li span {
  display:inline-block !important;
  position:static !important;
  width:auto !important;
  font-size:12px !important;
  white-space:nowrap !important;
  text-overflow:clip !important;
  overflow:visible !important;
  line-height:18px !important;
  margin:4px 8px 0 0 !important;
  padding:2px 6px !important;
  background:#f3faff !important;
  color:#7ad3a6 !important;
  border:1px solid #7ad3a6 !important;
  border-radius:3px;
  text-align:left !important;
  left:auto !important; right:auto !important;
}
.list .style3 ul li span::before { content:none !important; }


/* ================= 07 栏目/内容页框架 ================= */
.public_box { width:100% !important; padding:8px 16px !important; box-sizing:border-box; }
.public_box .main { width:100% !important; float:none !important; margin:0 !important; }
.public_box .side { width:100% !important; float:none !important; margin:16px 0 0 !important; padding-top:16px; border-top:1px solid #eee; }
.public_box .side #MenuListBox, .public_box .side #MenuListBox #MenuTree, .public_box .side .QR, .public_box .side .search, .public_box .side .banner, .public_box .side .bit, .public_box .side .bit .style4 { width:100% !important; }
.public_box .side .search #searchKey { width:calc(100% - 80px); }
.public_box .side #MenuTree ul li a { line-height:42px; }
.public_box .side .bit .style4 ul li { height:auto !important; min-height:84px; padding:10px 0; position:relative; overflow:hidden; }
.public_box .side .bit .style4 ul li a:first-child { position:static !important; float:left; width:84px; height:64px; margin-right:10px; overflow:hidden; }
.public_box .side .bit .style4 ul li a:nth-child(2) { position:static !important; width:auto; height:auto; margin-left:94px; white-space:normal; font-size:14px; line-height:1.4; overflow:visible; font-weight:bold; }
.public_box .side .bit .style4 ul li p { position:static !important; left:auto !important; top:auto !important; width:auto; height:auto; margin-left:94px; margin-top:2px; white-space:normal; line-height:1.5; font-size:13px; color:#666; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.public_box .side .bit .style4 ul li span { position:static !important; left:auto !important; top:auto !important; margin-left:94px; margin-right:8px; font-size:12px; color:#999; }
.public_box .side .bit .style4 ul li span:nth-last-child(1) { left:auto !important; }
.public_box .side .ad_show img { width:100% !important; height:auto !important; }

/* ================= 11b 栏目页标题/副标题居中 ================= */
/* geo/fuwu/fangan 等栏目页的正文标题：HTML 用 <h2><strong> + 16 个 &nbsp; 缩进，
   副标题用 <p><span style="font-size:10px"> + 14 个 &nbsp; 缩进。
   容器是 class="content_show_text"（不是 .content）。
   PC 端在 1180 容器内居中看不到，移动端在 375 视口下被推到边上 + 副标题 10px 极小 */
.public_box .content_show h2,
.public_box .main .content_show h2,
.public_box .content_show_text h2,
.public_box .main .content_show_text h2 {
  display:block !important;
  width:100% !important;
  text-align:center !important;
  font-size:18px !important;
  line-height:1.5 !important;
  margin:16px 0 !important;
  font-weight:700 !important;
  color:#333 !important;
  word-break:break-all !important;
  white-space:normal !important;
  padding:0 !important;
  border:0 !important;
}
.public_box .content_show h2 strong,
.public_box .content_show_text h2 strong,
.public_box .content_show h2 b,
.public_box .content_show_text h2 b {
  display:inline !important;
  font-size:18px !important;
  color:#333 !important;
  font-weight:700 !important;
  white-space:normal !important;
}
.public_box .content_show p,
.public_box .content_show_text p {
  text-align:center !important;
  font-size:14px !important;
  line-height:1.7 !important;
  margin:0 0 12px !important;
  color:#666 !important;
  word-break:break-all !important;
  white-space:normal !important;
}
.public_box .content_show p span[style*="font-size:10px"],
.public_box .content_show p span[style*="font-size: 10px"],
.public_box .content_show_text p span[style*="font-size:10px"] {
  display:inline !important;
  font-size:13px !important;
  color:#888 !important;
  line-height:1.7 !important;
}


/* ================= 08 内容正文 + 面包屑 ================= */
.public_box .content { width:100% !important; min-height:0 !important; }
.public_box .content h1 { font-size:18px; line-height:1.4; padding:0 4px; }
.public_box .content #c_Title_son { font-size:16px; }
.public_box .content .text { font-size:15px; line-height:1.7; min-height:0; }
.public_box .content .text img { max-width:100% !important; height:auto !important; }
.public_box .content video, .public_box .content audio { max-width:100%; height:auto; }
.public_box .content iframe { max-width:100% !important; width:100% !important; height:auto; aspect-ratio:16/9; }
.public_box .content .text table, .public_box .content table { display:block; width:max-content; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.map { height:auto !important; line-height:1.6; padding:8px 16px; font-size:13px; white-space:normal; word-break:break-all; box-sizing:border-box; }
/* about/lianxi/tuandui 3 页用 .daohanglan 容器（其他页用 .map），统一 16px 边距 */
.daohanglan { display:block !important; width:100% !important; max-width:100% !important; height:auto !important; padding:8px 16px !important; margin:0 !important; font-size:13px !important; color:#333 !important; box-sizing:border-box; word-break:break-all; }
.daohanglan a { color:#136ec2 !important; }

/* ===== 内容页视频/iframe/广告 全局自适应（处理详情页 750/600 硬编码） ===== */
video, iframe, object, embed { max-width:100% !important; }
video { height:auto !important; }
iframe { height:auto !important; }
/* 详情页视频课程硬编码 750×480 内联样式 → 全宽 + 16:9 比例 */
.content_show video, .content_show iframe {
  width:100% !important; max-width:100% !important; height:auto !important;
  aspect-ratio:16/9;
}
/* 侧栏 PicPlay 广告（内联 width:300 height:300）→ 全宽 */
.ad_show, .ad_show img, .PicPlay_style4, .PicPlay_style4 img,
.ad_show iframe, .PicPlay_style4 iframe {
  width:100% !important; max-width:100% !important; height:auto !important;
}


/* ================= 09 列表样式合集 ================= */
.list .style2 ul li { line-height:28px; padding:3px 0; }
.list .style2 ul li span { float:none; display:inline-block; margin-right:10px; }
.list .style3 ul li { width:48% !important; height:auto; margin:0 2% 12px 0; padding:6px; vertical-align:top; box-sizing:border-box; }
.list .style3 ul li a:first-child { width:100% !important; height:auto !important; }
.list .style3 ul li a:first-child img { width:100% !important; height:auto !important; }
.list .style4 ul li, .list .style412 ul li { height:auto !important; min-height:90px; padding:10px 0; }
.list .style4 ul li a:first-child, .list .style412 ul li a:first-child { position:static !important; float:left; width:96px; height:72px; margin-right:10px; }
.list .style4 ul li a:first-child img, .list .style412 ul li a:first-child img { width:100% !important; }
.list .style4 ul li a:nth-child(2), .list .style412 ul li a:nth-child(2), .list .style4 ul li p, .list .style412 ul li p, .list .style4 ul li span, .list .style412 ul li span { position:static !important; left:auto !important; top:auto !important; margin-left:106px; width:auto; height:auto; white-space:normal; }
.list .style4 ul li a:nth-child(2), .list .style412 ul li a:nth-child(2) { font-size:15px; }
.list .style4 ul li .more, .list .style412 ul li .more { position:static !important; float:right; margin:6px 106px 0 0; }
.list .style210 ul li { height:auto !important; padding:10px 0; }
.list .style210 ul li a { height:auto; white-space:normal; line-height:1.6; }
.list .style210 ul li p { height:auto; font-size:14px; line-height:1.6; }
.list .style211 ul li a, .list .style211 ul li p { right:0; width:auto; }
.list .style410 ul li, .list .style411 ul li { width:100% !important; height:auto !important; margin:0 !important; }
.list .style410 ul li a:first-child, .list .style411 ul li a:first-child { height:auto !important; }
.list .style410 ul li a:first-child img, .list .style411 ul li a:first-child img { width:100% !important; height:auto !important; }
.list .style410 ul li .more, .list .style411 ul li .more { position:static !important; top:auto; right:auto; margin:10px auto 0; }
.ListStyle_7 ul li { width:48% !important; height:auto; margin:0 2% 12px 0; vertical-align:top; }
.ListStyle_7 ul li a img { width:100% !important; height:auto !important; }
.ListStyle_11 ul li { width:100% !important; height:auto !important; margin:0 !important; padding:10px 0; }
.ListStyle_11 ul li a:first-child { float:none; width:100%; height:auto; margin-bottom:8px; }
.ListStyle_11 ul li img { width:100% !important; height:auto !important; border:0 !important; }
.ListStyle_11 ul li b, .ListStyle_11 ul li p { width:100% !important; float:none !important; }
.ListStyle_11 ul li p { height:auto !important; }
.bit .style82 ul li { width:48%; margin:0 2% 10px 0; }
.bit .style82 ul li a, .bit .style82 ul li a img { width:100%; height:auto; }


/* ================= 10 翻页 / 按钮热区 ≥44px ================= */
#PageNumBox ul li a, #page_num ul li a { display:inline-block; min-width:44px; min-height:44px; line-height:30px; text-align:center; padding:7px 12px; margin:3px 2px; box-sizing:border-box; }
.wordBox a, .list .style4 ul li .more, .list .style410 ul li .more, .list .style411 ul li .more, .list .style412 ul li .more, .but, .But, #But, #but, .form #but, .form #But { min-height:44px; line-height:44px; box-sizing:border-box; }


/* ================= 11 表单 ================= */
.form ul li { height:auto; }
.form ul li b { width:auto; float:none; margin:0; line-height:30px; }
.form ul li p { width:100%; float:none; margin:4px 0; }
.form ul li input, .form ul li select { width:100% !important; margin:4px 0; }
.form textarea { width:100% !important; }
.form ul li .CodeBox { width:100%; }


/* ================= 12 页脚 ================= */
.site_bottom { height:auto !important; padding:20px 16px; box-sizing:border-box; }
.site_bottom article {
  height:auto !important; padding-top:0 !important;
  display:grid !important; grid-template-columns:1fr 1fr !important;
  gap:16px !important; max-width:100%;
}
.site_bottom .bottomNav, .site_bottom .bottomNav1, .site_bottom .bottomAdd {
  width:auto !important; max-width:100% !important; float:none !important;
  margin:0 !important; border-right:0 !important; min-width:0;
}
.site_bottom .bottomNav ul li, .site_bottom .bottomNav1 ul li { line-height:30px; }
.site_bottom .bottomAdd { height:auto !important; }
.site_bottom .bottomQr {
  grid-column:1 / -1 !important; width:100% !important; height:auto !important;
  float:none !important; margin-top:8px;
  display:flex !important; flex-wrap:wrap !important; justify-content:space-around !important;
}
.site_bottom .bottomQr ul {
  width:100% !important; display:flex !important; flex-wrap:wrap !important;
  justify-content:space-around !important; list-style:none;
}
.site_bottom .bottomQr ul li {
  width:50% !important; height:auto !important; float:none !important;
  text-align:center; display:block !important;
}
.site_bottom .bottomQr ul li img { width:80px !important; height:auto; }
.site_bottom_2 article { width:100% !important; padding:14px; line-height:1.7; font-size:13px; box-sizing:border-box; }
#footcontent, #footcontent .yqlj { width:100% !important; height:auto !important; float:none !important; overflow:visible !important; }
#footcontent .yqlj ul li { display:inline-block; margin-right:8px; line-height:26px; height:auto; }

/* 页脚联系方式 4 项布局 + FontAwesome 图标显示 */
.site_bottom .bottomAdd ul li {
  line-height:30px !important;
  display:flex !important; align-items:flex-start; gap:8px;
  white-space:normal; word-break:break-all;
}
.site_bottom .bottomAdd ul li i,
i.fa, i[class*="fa-"] {
  font-family: "FontAwesome" !important;
  font-size:16px !important; line-height:1; display:inline-block !important;
  min-width:18px; text-align:center; flex-shrink:0; margin-top:7px;
  color:#0665b6; font-style:normal; font-weight:normal;
  text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}


/* ================= 14 内页通用 + about 页面特定覆写 ================= */
/* 通用：所有内页 section/article 自适应 */
section { width:100% !important; }
section article, section > article {
  width:100% !important; max-width:100% !important;
  margin:0 !important; padding:0 16px !important; box-sizing:border-box;
}
section header, section > header {
  width:100% !important; margin:16px 0 !important; padding:0 16px !important;
}
section header h3 {
  width:auto !important; font-size:22px !important; padding-bottom:8px !important; margin:0 auto !important;
}
section header p { width:100% !important; padding-top:10px !important; padding-bottom:0 !important; line-height:1.6; }

/* about 页面：F1 关于添力（文本+图） */
.abouts-F1, .abouts-F2 {
  width:100% !important; max-width:100% !important; height:auto !important;
  margin:0 !important; padding:16px 16px !important; box-sizing:border-box;
}
.abouts-F1 .abouts, .abouts-F2 .abouts,
.abouts-F1 .pic-r, .abouts-F2 .pic-l, .abouts-F2 .pic-r {
  width:100% !important; float:none !important; display:block !important;
  margin:0 0 16px !important; padding:0 !important; position:static !important;
}
.abouts-F1 .pic-r img, .abouts-F2 .pic-l img {
  width:100% !important; height:auto !important; box-shadow:none !important;
}
.abouts h3 { color:#ff7225 !important; font-size:16px !important; padding:0 0 8px !important; }
.abouts b {
  color:#0f97db !important; font-size:15px !important; font-weight:700 !important;
  display:block; padding:0 0 8px !important; line-height:1.5;
  /* 关键：覆盖 PC 端可能存在的单行 width 限制 */
  width:100% !important; max-width:100% !important; white-space:normal !important;
}
.abouts p { font-size:14px; line-height:1.7; word-break:break-word; }

/* about 页面：F2 添力特色（深色背景 bg-color） */
.bg-color { height:auto !important; padding:20px 0 !important; background-size:cover !important; }
.abouts-F2 .abouts b, .abouts-F2 .abouts h3 { color:#fff !important; }
.abouts-F2 .abouts h3 { border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:8px; }

/* about 页面：F7 软件著作权（空 div 背景图） */
.rongrezizhi-F7 { width:100% !important; max-width:100% !important; height:auto !important; padding:16px 16px !important; box-sizing:border-box; }
.rongrezizhi { width:100% !important; margin:0 !important; }
.rongrezizhi .sm-1, .rongrezizhi .sm-2, .rongrezizhi .sm-3 {
  width:100% !important; height:240px !important; float:none !important;
  background-size:contain !important; background-position:center !important;
  background-repeat:no-repeat !important; margin:0 0 12px !important;
  padding:0 !important; position:static !important; display:block;
}
.rongrezizhi .sm-1 b, .rongrezizhi .sm-2 b, .rongrezizhi .sm-3 b { display:none; }
.rongrezizhi .sm-1 p, .rongrezizhi .sm-2 p, .rongrezizhi .sm-3 p { display:none; }

/* about 页面：F2 专家团队（关键：原 380×936 固定尺寸要释放） */
.zjtuandui-F2 { width:100% !important; max-width:100% !important; height:auto !important; padding:16px 16px !important; box-sizing:border-box; }
.zjtuandui, .yytuandui { width:100% !important; margin:0 !important; }
.zjtuandui ul, .yytuandui ul { width:100% !important; }
.zjtuandui ul li, .yytuandui ul li {
  width:100% !important; height:auto !important; float:none !important;
  display:block !important; margin:0 0 20px !important; padding:0 !important;
  position:static !important; overflow:visible !important; background:none !important;
}
.zjtuandui ul li .img, .yytuandui ul li {
  /* 兼容 .img 容器（专家团队）和 li 直挂 img（运营团队） */
}
.zjtuandui ul li .img {
  position:static !important; width:100% !important; height:auto !important;
  overflow:visible !important; margin:0 0 12px !important;
}
.zjtuandui ul li .img img, .yytuandui ul li img {
  width:100% !important; height:auto !important; display:block;
}
/* 关键：原 .word position:absolute + background 图片 50% 高度，移动端改为流式 + 半透明深色底 */
.zjtuandui ul li .word {
  position:static !important; width:100% !important; height:auto !important;
  padding:16px !important; box-sizing:border-box;
  background:rgba(0,131,212,.9) !important; color:#fff !important;
  top:auto !important; bottom:auto !important; left:auto !important;
}
.zjtuandui ul li .word i, .yytuandui ul li .word i {
  font-size:28px !important; color:#fff !important;
  text-align:center; padding:0 0 8px !important; display:block;
}
.zjtuandui ul li .word p, .yytuandui ul li .word p {
  font-size:14px; line-height:1.7; color:#fff !important;
  padding:4px 0 !important; white-space:normal; word-break:break-word;
}
.zjtuandui ul li .word b, .yytuandui ul li .word b {
  font-size:18px; color:#fff !important; display:block; padding:4px 0;
}
.zjtuandui ul li .word span, .yytuandui ul li .word span {
  color:#fff !important; margin-right:6px !important;
}
.zjtuandui ul li .biaoti, .yytuandui ul li .biaoti {
  text-align:center !important; padding:10px !important;
  background:rgba(0,131,212,.9); color:#fff;
}
.zjtuandui ul li .biaoti b, .yytuandui ul li .biaoti b { color:#fff !important; }
/* 覆盖原 odd/even 的 .word height/bottom 等 */
.zjtuandui ul li:nth-child(odd) .word, .zjtuandui ul li:nth-child(even) .word,
.zjtuandui ul li:nth-child(odd) .img, .zjtuandui ul li:nth-child(even) .img {
  height:auto !important; top:auto !important; bottom:auto !important;
  padding-top:0 !important;
}

/* about 页面：F3 运营团队（li 直挂 img，结构略不同） */
.yytuandui-F3 { width:100% !important; max-width:100% !important; height:auto !important; padding:16px 16px !important; box-sizing:border-box; }
.yytuandui ul li { padding:0 0 16px !important; }
.yytuandui ul li .biaoti { margin-bottom:8px; }
.yytuandui ul li p { font-size:14px; line-height:1.7; color:#666; padding:0; }

/* about 页面：F4 服务优势 */
/* PC 端用 margin-top:-250px 等负偏移做放射状布局（围绕中心"力力力"图）
   移动端必须清零所有负偏移 + 隐藏中心放射图，单列堆叠每项 */
.fuwuyoushi-F4 { width:100% !important; max-width:100% !important; height:auto !important; padding:16px 0 !important; background-image:none !important; }
.fuwuyoushi {
  display:flex !important; flex-direction:column !important;
  width:100% !important; max-width:100% !important; padding:0 16px !important; box-sizing:border-box; gap:12px;
}
.fuwuyoushi > div, .fuwuyoushi .youshi01, .fuwuyoushi .youshi02, .fuwuyoushi .youshi03, .fuwuyoushi .youshi04, .fuwuyoushi .youshi05 {
  width:100% !important; float:none !important;
  margin:0 !important; padding:16px !important; box-sizing:border-box;
  position:static !important; display:block !important;
  min-height:0 !important; height:auto !important;
  background:#fff; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.fuwuyoushi b, .fuwuyoushi .youshi01 b, .fuwuyoushi .youshi02 b, .fuwuyoushi .youshi03 b, .fuwuyoushi .youshi04 b, .fuwuyoushi .youshi05 b {
  font-size:18px; color:#0665b6; display:block; margin-bottom:8px; font-weight:700;
  float:none !important; width:100% !important; text-align:center !important;
  padding-top:4px;
}
.fuwuyoushi p, .fuwuyoushi .youshi01 p, .fuwuyoushi .youshi02 p, .fuwuyoushi .youshi03 p, .fuwuyoushi .youshi04 p, .fuwuyoushi .youshi05 p {
  font-size:14px; line-height:1.7; color:#333; text-align:left !important;
}

/* about 页面：F5 公司优势（图片+编号列表） */
.gongsiyoushi-F5 { width:100% !important; max-width:100% !important; height:auto !important; padding:16px 16px !important; box-sizing:border-box; }
.gongsiyoushi {
  display:flex !important; flex-direction:column !important;
  width:100% !important;
}
.gongsiyoushi img { width:100% !important; height:auto !important; margin-bottom:16px; }
.gsyoushi-r { width:100% !important; float:none !important; }
.gsyoushi-r ul li {
  width:100% !important; float:none !important; padding:10px 0 !important;
  display:flex; align-items:flex-start; gap:8px; line-height:1.6;
}
.gsyoushi-r ul li span {
  flex-shrink:0; width:24px; height:24px; line-height:24px;
  text-align:center; background:#0665b6; color:#fff; border-radius:50%;
  font-size:14px;
}
.gsyoushi-r ul li p { flex:1; font-size:14px; line-height:1.6; color:#333; }

/* about 页面：F6 公司使命（sm-1/2/3 三列块，背景图式） */
/* PC 端用 margin-top:-550px/-220px 负偏移让三块错位重叠，必须清零变单列堆叠 */
.gongsishiming-F6 { width:100% !important; max-width:100% !important; height:auto !important; padding:16px 16px !important; box-sizing:border-box; }
.gongsishiming {
  display:flex !important; flex-direction:column !important;
  width:100% !important; max-width:100% !important; padding:0 16px !important; box-sizing:border-box; gap:16px;
}
.gongsishiming .sm-1, .gongsishiming .sm-2, .gongsishiming .sm-3 {
  width:100% !important; max-width:100% !important; height:auto !important;
  float:none !important;
  margin:0 !important; padding:0 !important; box-sizing:border-box;
  position:static !important; display:block;
  background-size:cover !important; background-position:center !important;
  background-repeat:no-repeat !important;
  border-radius:6px; overflow:hidden;
  min-height:280px;
}
.gongsishiming b {
  font-size:18px; color:#fff !important; display:block;
  padding:24px 24px 8px !important; font-weight:700;
  text-shadow:0 1px 3px rgba(0,0,0,.4);
}
.gongsishiming p {
  font-size:15px; line-height:1.7; color:#fff !important;
  padding:0 24px 24px !important; margin:0 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.4);
}

/* about 页面：团建合影（行内 width="1024"） */
img[width="1024"] { width:100% !important; height:auto !important; }


/* ================= 14b 联系我们 lianxi 页面 ================= */
.lianxiwomen { width:100% !important; max-width:100% !important; height:auto !important; margin:0 !important; padding:0 16px !important; box-sizing:border-box; }
.lianxiwomen .lianxi { width:100% !important; max-width:100% !important; margin:0 0 16px !important; padding:0 !important; height:auto !important; background:#f5f5f5; }
.lianxiwomen .lianxi ul { width:100% !important; }
.lianxiwomen .lianxi ul li { display:block !important; width:100% !important; height:auto !important; padding:16px !important; box-sizing:border-box; margin:0 0 12px !important; background:#fff; }
.lianxiwomen .lianxi ul li span { display:block !important; padding:0 !important; text-align:center; margin-bottom:8px; }
.lianxiwomen .lianxi ul li span img { display:block !important; width:100% !important; height:auto !important; position:static !important; }
.lianxiwomen .lianxi ul li h3 { display:block !important; text-align:center !important; font-size:20px !important; color:#333 !important; position:static !important; top:auto !important; padding:0 !important; margin:0 0 8px !important; }
.lianxiwomen .lianxi ul li b { display:none; }
.lianxiwomen .lianxi ul li p { display:block !important; position:static !important; top:auto !important; width:100% !important; height:auto !important; background:transparent !important; padding:0 !important; margin:0 !important; font-size:14px !important; line-height:1.6 !important; text-align:left !important; }
/* 联系方式 + 表单区域：单列 */
.lianxiwomen .lianxi2 { width:100% !important; max-width:100% !important; height:auto !important; display:flex !important; flex-direction:column !important; gap:16px; padding:0 !important; }
.lianxiwomen .lianxi-l, .lianxiwomen .lianxi-r { width:100% !important; float:none !important; position:static !important; top:auto !important; padding:16px !important; box-sizing:border-box; background:transparent; }
.lianxiwomen .lianxi-l img { width:100% !important; height:auto !important; position:static !important; }
.lianxiwomen .lianxi-l b { position:static !important; top:auto !important; width:100% !important; padding:12px 16px !important; font-size:18px !important; background:#0091da !important; color:#fff !important; }
.lianxiwomen .lianxi-l p { position:static !important; width:100% !important; height:auto !important; padding:12px 16px !important; background:#f5f5f5 !important; font-size:14px !important; line-height:1.8 !important; }
/* 表单：label 上 + input 下 */
.lianxiwomen .lianxi-r p { font-size:18px !important; text-align:left !important; display:block !important; border-bottom:2px solid #333 !important; height:auto !important; line-height:1.6 !important; padding:0 0 8px !important; margin:0 0 12px !important; }
.lianxiwomen .lianxi-r ul { width:100% !important; }
.lianxiwomen .lianxi-r ul li { display:flex !important; flex-direction:column !important; width:100% !important; height:auto !important; margin:0 0 14px !important; padding:0 !important; }
.lianxiwomen .lianxi-r ul li span { font-size:14px !important; display:block !important; float:none !important; padding:0 0 4px !important; line-height:1.6 !important; height:auto !important; color:#333; }
.lianxiwomen .lianxi-r ul li input { width:100% !important; float:none !important; height:44px !important; line-height:44px !important; font-size:14px; padding:0 12px; box-sizing:border-box; border:1px solid #ddd; -webkit-appearance:none; appearance:none; border-radius:0; }
#g_content { height:135px !important; line-height:1.5 !important; padding:12px !important; }
.lianxiwomen .lianxi-r input[type="submit"] { width:100% !important; float:none !important; font-size:16px !important; color:#fff !important; padding:12px !important; height:48px !important; background:#0091da !important; border:0 !important; margin:8px 0 0 !important; cursor:pointer; border-radius:0; }
/* 联系我们页顶部 banner 大图（lianxiwomen section 前的 .lianxi 容器外层） */
section.lianxiwomen, .lianxiwomen, .lianxi { position:relative; }


/* ================= 15 hover 屏蔽 ================= */
.bit .style3 ul li a:first-child:hover img, .bit .style310 ul li a:first-child:hover img,
.bit .style410 ul li:hover img, .bit .style420 ul li:hover img, .bit .style421 ul li:hover img,
.list .style3 ul li:hover img, .list .style4 ul li:hover img, .list .style410 ul li:hover img,
.list .style411 ul li:hover img, .list .style420 ul li:hover img, .list .style421 ul li:hover img,
.TipsList ul li:hover .img img, .picList ul li:hover img, .picList ul li .pic:hover img { transform:none !important; }
.picList ul li:hover img { filter:none !important; }
.TipsList ul li:hover .word { background-color:#f1f1f1 !important; }
.TipsList ul li:nth-child(even):hover .word { background-color:#004ea2 !important; }
.TipsList ul li:nth-child(odd):hover .word i, .TipsList ul li:nth-child(odd):hover .word b, .TipsList ul li:nth-child(odd):hover .word p { color:#000 !important; }
.TipsList ul li:nth-child(even):hover .word i, .TipsList ul li:nth-child(even):hover .word b, .TipsList ul li:nth-child(even):hover .word p { color:#fff !important; }
.bit .style420 ul li:hover a:nth-child(2), .bit .style421 ul li:hover a:nth-child(2),
.list .style420 ul li:hover a:nth-child(2), .list .style421 ul li:hover a:nth-child(2) { background-color:transparent !important; }
.F5 .bit .style421 ul li:hover p { animation:none !important; }

} /* ================= /@media (max-width: 768px) ================= */