/* =========================================================
   统一导航（全站一致）  www.meswrd.com
   - 独立命名空间 #mrd-nav，避免与页面自身样式冲突
   - 深色底 + 白字 + 下拉菜单 + 当前项下划线，视觉对齐首页导航
   - 自适应：桌面横向菜单，移动端汉堡 + 抽屉
   ========================================================= */
#mrd-nav, #mrd-nav * { box-sizing: border-box; }
#mrd-nav {
  position: relative;
  width: 100%;
  background: #132a24;                 /* 深色底 */
  font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
  z-index: 999;
  -webkit-font-smoothing: antialiased;
}
#mrd-nav .mrd-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 74px;
  padding: 0 22px;
}
#mrd-nav .mrd-logo { display: flex; align-items: center; flex: 0 0 auto; }
#mrd-nav .mrd-logo img { height: 46px; width: auto; display: block; }

/* ---------- 桌面菜单 ---------- */
#mrd-nav .mrd-menu { list-style: none; display: flex; margin: 0; padding: 0; }
#mrd-nav .mrd-menu > li { position: relative; }
#mrd-nav .mrd-menu > li > a {
  position: relative;
  display: block;
  padding: 0 15px;
  line-height: 74px;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s;
}
#mrd-nav .mrd-menu > li > a:hover { color: #fff; }
/* 有下拉的项加小箭头 */
#mrd-nav .mrd-menu > li.has-sub > a::after {
  content: "";
  display: inline-block;
  width: 0; height: 0;
  margin-left: 7px; vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #fff;
  opacity: .85;
}
/* 当前项下划线（对齐首页 active 样式） */
#mrd-nav .mrd-menu > li.active > a::before {
  content: "";
  position: absolute;
  left: 15px; right: 15px; bottom: 20px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
}

/* ---------- 下拉菜单 ---------- */
#mrd-nav .mrd-sub {
  display: none;
  position: absolute;
  top: 100%; left: 50%;
  transform: translateX(-50%);
  min-width: 190px;
  margin: 0; padding: 6px 0;
  list-style: none;
  background: #f3f4f2;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
  border-radius: 0 0 4px 4px;
}
#mrd-nav .mrd-menu > li:hover > .mrd-sub { display: block; }
#mrd-nav .mrd-sub li a {
  display: block;
  padding: 10px 20px;
  color: #222;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
#mrd-nav .mrd-sub li a:hover { background: #132a24; color: #fff; }

/* ---------- 电话 ---------- */
#mrd-nav .mrd-phone {
  display: flex; align-items: center;
  color: #fff; text-decoration: none; flex: 0 0 auto;
}
#mrd-nav .mrd-phone .ico { width: 26px; height: 26px; margin-right: 9px; fill: #fff; }
#mrd-nav .mrd-phone .t { display: block; font-size: 12px; line-height: 1.1; opacity: .85; }
#mrd-nav .mrd-phone .n { display: block; font-size: 19px; font-weight: bold; line-height: 1.15; letter-spacing: .5px; }

/* ---------- 汉堡按钮（默认隐藏） ---------- */
#mrd-nav .mrd-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px; height: 44px;
  padding: 0; border: 0; background: transparent; cursor: pointer;
}
#mrd-nav .mrd-burger span { display: block; height: 3px; width: 26px; margin: 0 auto; background: #fff; border-radius: 2px; transition: .25s; }
#mrd-nav.mrd-open .mrd-burger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
#mrd-nav.mrd-open .mrd-burger span:nth-child(2) { opacity: 0; }
#mrd-nav.mrd-open .mrd-burger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* 仅移动端显示的电话入口 */
#mrd-nav .mrd-mphone { display: none; }

/* ---------- 移动端 ---------- */
@media (max-width: 992px) {
  #mrd-nav .mrd-inner { min-height: 60px; padding: 0 16px; }
  #mrd-nav .mrd-logo img { height: 38px; }
  #mrd-nav .mrd-phone { display: none; }
  #mrd-nav .mrd-burger { display: flex; }

  #mrd-nav .mrd-menu {
    display: none;
    position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column;
    background: #132a24;
    padding: 6px 0 12px;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    border-top: 1px solid rgba(255, 255, 255, .12);
  }
  #mrd-nav.mrd-open .mrd-menu { display: flex; }
  #mrd-nav .mrd-menu > li > a { line-height: 50px; padding: 0 20px; text-align: left; }
  #mrd-nav .mrd-menu > li.has-sub > a::after { float: right; margin-top: 23px; }
  #mrd-nav .mrd-menu > li.active > a::before { left: 20px; right: auto; width: 26px; bottom: 12px; }

  /* 移动端子菜单：静态展开、缩进显示 */
  #mrd-nav .mrd-sub {
    display: block; position: static; transform: none;
    min-width: 0; box-shadow: none; border-radius: 0;
    background: rgba(255, 255, 255, .05);
    padding: 2px 0;
  }
  #mrd-nav .mrd-sub li a { color: #d7e3dc; font-size: 13px; padding: 9px 20px 9px 40px; white-space: normal; }
  #mrd-nav .mrd-sub li a:hover { background: rgba(255, 255, 255, .12); color: #fff; }

  #mrd-nav .mrd-mphone {
    display: block; margin: 8px 20px 0; padding: 11px 0; text-align: center;
    color: #fff; font-size: 15px; text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .35); border-radius: 4px;
  }
}

/* 中和被替换掉的旧移动端头部，避免重复 */
.headerlbphone { display: none !important; }

/* ---------- 移动端隐藏第三方客服组件（2026-10-12 追加） ----------
   chat.eassoft.cn 的 ai_service 组件为桌面版设计，移动端自动
   展开后在页面左侧竖排渲染"在线咨询"顾问卡片，遮挡内容。
   移动端咨询入口：导航内"咨询热线"(tel:) + 页脚联系方式。 */
@media only screen and (max-width: 992px) {
  #wolive-talk,
  #blzxMinChatWindowDiv,
  #blzxMinChatWindowDiv * { display: none !important; }
}

/* ---------- 遗留固定宽表格适配（联系页等老页面，2026-10-12 追加） ----------
   联系页 .linkUsMap 内有内联 width:1160px 的旧式表格，
   移动端把整页撑到 1171px，导致整站横向滚动。
   桌面端不在此媒体查询内，不受影响。 */
@media only screen and (max-width: 767px) {
  .linkUsMap table { width: 100% !important; max-width: 100% !important; }
  .linkUsMap td { width: auto !important; }
  .linkUsMap img { max-width: 100% !important; height: auto !important; }
}

/* ---------- Hero 标题换行优化（2026-10-12 追加） ----------
   首页/联系页视频 banner 主标题在窄屏下出现"孤字换行"
   （如"…生产执行系/统"），用 text-wrap:balance 均衡分行，
   不支持的浏览器自动忽略，无副作用。 */
@media only screen and (max-width: 767px) {
  .banner_tit p { text-wrap: balance; }
}