/* =========================================================
   统一导航（全站一致）  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; }
  /* 联系页两张百度地图 iframe（width="1160" 属性）同样把页面撑宽 */
  iframe.ueditor_baidumap { width: 100% !important; max-width: 100% !important; height: 300px !important; }
}

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


/* =========================================================
   页脚 footer 全站统一（2026-10-12）
   ---------------------------------------------------------
   1) 桌面基础样式自 index.css「脚部区」原值搬迁并收敛 .footer
      作用域：未加载 index.css 的旧版页面（case 子类页等）也能
      完整渲染页脚；已加载 index.css 的页面为同值重复，无冲突。
   2) 移动端 ≤767px 重设计，覆盖 index.css 旧断点规则：
      - 行动区由"四格挤压/两行错位"改为 2×2 等分网格
      - 链接组由"≤480 整体隐藏 / 481~680 四栏 ragged"改为
        双栏分组卡片（标题加粗 + 链接纵排），全宽可读
      - 备案/热线由隐藏改为居中展示（国内站点合规可见）
      - 电话号码全部可点击（tel:）
   ========================================================= */

/* ---- 旧页兼容 reset：中和旧版页面自带 .footer 规则 ----
      旧版 case 子类页的 common.css 定义了自己的 .footer（深色底/
      100px 顶距/装饰伪元素/overflow:hidden），会污染统一页脚；
      此处统一中和。主站页面无这些规则，以下声明为无操作。 */
.footer{padding-top:0 !important;background:transparent;overflow:visible !important;}
.footer:after,.footer::before{display:none !important;content:none !important;}
.footer ul{margin:0;padding:0;list-style:none;}
.footer p{margin:0;}

/* ---- 桌面基础（旧页兼容：.odcontent/.flx/a/.clearfix 收敛到 .ooter 作用域） ---- */
.footer .odcontent{max-width:1440px;margin:0 auto;width:90%;position:relative;}
.footer .flx{display:flex;flex-wrap:nowrap;justify-content:space-between;}
.footer a{color:inherit;text-decoration:none;}
.footer .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.footer .clearfix{zoom:1}
			/* 脚部 */
			.footer .foot_top{ background:#fafafa; padding:9px 0;}
			.footer .foot_top.btm{position: fixed;left: 0;bottom: 0;width: 100%;z-index: 99;}
			.footer .foot_top .top_wrap{align-items: center;}
			.footer .foot_top .top_item{}
			.footer .foot_top .top_item p{margin-bottom: 0;}
			.footer .foot_top .top_item:nth-child(1){padding-left: 50px;background: url(../images/ft_top01.png)no-repeat left center/2rem 2rem;box-sizing: border-box;}
			.footer .foot_top .top_item:nth-child(1) p{font-size: 1.5rem;color: #07C26B;line-height: 32px;}
			.footer .foot_top .top_item .wechat{display: inline-block;width: 2.5rem;height: 2.5rem;vertical-align:middle;background: url(../images/ft_top02.png)no-repeat center/2rem 2rem;}
			.footer .foot_top .top_item:nth-child(2) p{display:inline-block;font-size: 1.5rem;color: #07C26B;vertical-align:middle;}
			.footer .foot_top .top_item:nth-child(2){position: relative;cursor: pointer;width: 15%;max-width: 140px;white-space: nowrap;}
			.footer .foot_top .top_item:nth-child(2) .code{display:none;position: absolute;bottom:140%;left: 50%;width: 370px;max-width:initial;z-index: 2;transform: translateX(-50%);border: 1px solid #aaa;box-sizing: border-box;background: #fff;}
			.footer .foot_top .top_item:nth-child(2) .code .c_img{width: 110px;height: 110px;}
			.footer .foot_top .top_item:nth-child(2) .code .p_txt{margin: 4% 0 0 2%;}
			.footer .foot_top .top_item:nth-child(2) .code .p_txt ul li{font-size: 20px;line-height: 28px;color: #07c26b;}
			/* .footer .foot_top .top_item.c_weixin:hover .code{display: block;} */
			.footer .foot_top .top_item .car{display: inline-block;width: 2.5rem;height: 2.5rem;vertical-align: middle;background: url(../images/ft_top03.png)no-repeat center/2rem 2rem;}
			.footer .foot_top .top_item:nth-child(3) p{display:inline-block;font-size: 1.5rem;color: #07C26B;vertical-align:middle;}
			.footer .foot_top .top_item:nth-child(4) p{display: inline-block;padding:2px 0;font-size: 1.125rem;color: #fff;background: #07C26B;border-radius: 30px;width: 168px;text-align: center;box-sizing: border-box;}
			.footer .foot_mid{background-color: #00140e;padding: 3.8% 0 2.8%;}
			.friendp {margin-top: 10px;margin-bottom: 10px;color: #fff;}
			.friendp a{margin-top: 10px;margin-bottom: 10px;color: #fff;}
			.footer .foot_mid .mid_lf{width: 63%;}
			.footer .foot_mid ul li{color: #fff;}
			.footer .foot_mid ul li > p{font-size: 22px;color: #fff;}
			.footer .foot_mid ul li > p.join{margin-bottom: 26px;}
			.footer .foot_mid ul li a{transition: all 0.5s;}
			.footer .foot_mid ul li a:hover {color: #23527c;}
			.footer .foot_mid ul li > span{display: block;margin-top: 22px;font-size: 16px;}
			.footer .feedback{width: 14%;min-width: 245px;color: #a5a8a8;text-align: right;}
			.footer .feedback .update{padding: 2px 2px 2px 0;margin: 8% 0 16%;background: #fff;}
			.footer .feedback .update input{vertical-align: middle;}
			.footer .feedback .update .in{padding-left: 40px;width: 192px;height: 44px;box-sizing: border-box;color: #4b5254;}
			.footer .feedback .update .in::-webkit-input-placeholder{color: #4b5254;}
			.footer .feedback .update .in::-moz-placeholder{color: #4b5254;}
			.footer .feedback .update .in::-ms-placeholder{color: #4b5254;}
			.footer .feedback .update .send{width: 44px;height:44px;background: #4b5254 url(../images/r_ar.png)no-repeat center;}
			.footer .feedback .update input{cursor: pointer;}
			.footer .feedback .update:hover .in{background: linear-gradient(to left,#a0b607,#0d87d6);}
			.footer .feedback .update:hover .in::-webkit-input-placeholder{color: #fff;}
			.footer .feedback .update:hover .in::-moz-input-placeholder{color: #fff;}
			.footer .feedback .update:hover .in::-ms-input-placeholder{color: #fff;}
			.footer .feedback .share {margin-bottom: 10%;}
			.footer .feedback .share i{display: inline-block;margin-right: 5%;width: 35px;height: 35px;background-repeat: no-repeat;background-position: center;border: 1px solid #fff;border-radius: 50%;}
			.footer .feedback .share i.weixin{background-image:url(../images/weixin.png)}
			.footer .feedback .share i.weibo{background-image:url(../images/weibo.png)}
			.footer .feedback .share i.qq{background-image:url(../images/qq.png)}
			.footer .feedback .vr_code p{box-sizing: border-box;}
			.footer .feedback .vr_code img{margin: 4% 7% 4% 0;}
			.footer .feedback .vr_code p:nth-child(1){padding-right: 22%;}
			.footer .line{margin-bottom: 1.7%;width: 100%;height: 1px;background: #99a1af;}
			.footer .foot_btm{padding: 0 0 1.7%;background-color: #00140e;color: #fff;font-size: 16px;}
			.footer .foot_btm .btm_lf span.fr{color: #07c26b;}
			

/* =========================================================
   移动端页脚重设计 ≤991px（覆盖 index.css 旧 ≤1280/≤1000/≤870/≤680/≤480/≤380 规则）
   2026-10-12 由 ≤767px 扩展到 ≤991px：768~991px（iPad 竖屏等）
   桌面版 5 列页脚挤压重叠（"关于精诚"被反馈框遮挡），统一走
   重设计布局，992px 起恢复桌面版。
   ========================================================= */
@media only screen and (max-width: 991px){

  /* ---- 行动区：2×2 等分网格 ---- */
  .footer .foot_top{padding:0;background:#fafafa;border-bottom:1px solid #e6e6e6;}
  .footer .foot_top .top_wrap.flx{display:grid;grid-template-columns:1fr 1fr;}
  .footer .foot_top .top_item{
    display:flex;align-items:center;justify-content:center;
    min-height:54px;padding:4px 6px;position:relative;
    width:auto;max-width:none;margin:0;text-align:center;
  }
  /* 单元格分隔线：下行 + 奇数列右线，形成整洁四宫格 */
  .footer .foot_top .top_item:nth-child(1),
  .footer .foot_top .top_item:nth-child(2){border-bottom:1px solid #e6e6e6;}
  .footer .foot_top .top_item:nth-child(odd){border-right:1px solid #e6e6e6;}
  /* ① 电话（可点击） */
  .footer .foot_top .top_item:nth-child(1){
    padding-left:36px;
    background:url(../images/ft_top01.png) no-repeat left 10px center/22px 22px;
  }
  .footer .foot_top .top_item:nth-child(1) p{font-size:17px;line-height:1.2;margin-bottom:0;}
  .footer .foot_top .top_item:nth-child(1) p a{color:#07C26B;font-weight:bold;}
  /* ② 微信咨询（点击弹二维码） */
  .footer .foot_top .top_item .wechat{width:22px;height:22px;background:url(../images/ft_top02.png) no-repeat center/22px 22px;}
  .footer .foot_top .top_item:nth-child(2) p{font-size:15px;margin-bottom:0;}
  .footer .foot_top .top_item:nth-child(2) .code{
    left:auto;right:0;width:290px;transform:none;bottom:132%;
    max-width:none;padding:10px;
  }
  .footer .foot_top .top_item:nth-child(2) .code .c_img{width:96px;height:96px;}
  .footer .foot_top .top_item:nth-child(2) .code .c_img img{width:100%;height:100%;}
  .footer .foot_top .top_item:nth-child(2) .code .p_txt{margin:6px 0 0 10px;}
  .footer .foot_top .top_item:nth-child(2) .code .p_txt ul li{font-size:13px;line-height:1.9;}
  /* ③ 立即购买 */
  .footer .foot_top .top_item .car{width:22px;height:22px;background:url(../images/ft_top03.png) no-repeat center/22px 22px;}
  .footer .foot_top .top_item:nth-child(3) p{font-size:15px;margin-bottom:0;}
  /* ④ 试用申请（绿色 pill 按钮） */
  .footer .foot_top .top_item:nth-child(4){padding:6px 10px;}
  .footer .foot_top .top_item:nth-child(4) p{
    width:100%;max-width:230px;margin:0 auto;padding:9px 0;
    font-size:15px;border-radius:30px;background:#07C26B;color:#fff;
  }

  /* ---- 链接区：双栏分组卡片 ---- */
  .footer .foot_mid{padding:22px 0 18px;}
  .footer .foot_mid .odcontent.flx{display:block;}
  .footer .foot_mid .mid_lf{display:block;width:100%;}
  .footer .foot_mid .mid_lf ul.flx{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;}
  .footer .foot_mid ul li > p{font-size:15px;font-weight:bold;color:#fff;margin-bottom:8px;}
  .footer .foot_mid ul li > p.join{margin-bottom:8px;}
  .footer .foot_mid ul li > span{display:block;margin-top:0;font-size:12.5px;line-height:2;color:#c9d4cf;}
  .footer .foot_mid ul li > span a{color:#c9d4cf;}

  /* ---- 反馈区：留言入口 + 分享 + 二维码（居中） ---- */
  .footer .feedback{width:100%;min-width:0;max-width:none;text-align:center;margin-top:20px;font-size:13px;color:#a5a8a8;}
  .footer .feedback .update{display:none;}
  .footer .feedback > span{display:none;}
  .footer .feedback .share{margin-bottom:14px;}
  .footer .feedback .vr_code p:nth-child(1){padding-right:0;font-size:13px;}
  .footer .feedback .vr_code img{width:108px;height:108px;margin:6px auto 0;display:block;}

  /* ---- 友链 ---- */
  .footer .foot_mid .friendp{font-size:12px;line-height:1.9;text-align:center;margin:6px 0 0;}
  .footer .foot_mid .friendp a{margin:0 4px;}

  /* ---- 备案区：版权/ICP/公网安备/热线 全部居中展示 ---- */
  .footer .foot_btm{font-size:12px;padding-bottom:16px;}
  .footer .foot_btm .btm_lf span{display:block;text-align:center;line-height:1.9;}
  .footer .foot_btm .btm_lf span.icp{display:block;}
  .footer .foot_btm .bot-link{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:2px;}
  .footer .foot_btm .bot-link img{width:16px;height:16px;}
  .footer .foot_btm .btm_lf span.fr{display:block;color:#07c26b;margin-top:4px;font-size:13px;}
  .footer .foot_btm .btm_lf span.fr a{color:#07c26b;}
}

/* 超窄屏（≤380px）微调：链接字号略降，防止长产品名折行拥挤 */
@media only screen and (max-width: 380px){
  .footer .foot_mid ul li > span{font-size:12px;}
  .footer .foot_top .top_item:nth-child(1) p{font-size:15px;}
  .footer .foot_top .top_item:nth-child(2) .code{width:260px;}
}

/* =========================================================
   平板 768~991px：新闻/案例区（.icont3）堆叠（2026-10-12 追加）
   ---------------------------------------------------------
   media.css 该断点只把 .w1280 收窄到 98% 并保持 box1/box2
   各 50% 并排：内容按 640px 设计，被压到 ~320px 后右侧裁切、
   标题截断。改为与 ≤767px 一致的纵向堆叠（案例列表在上、
   新闻轮播在下）。992px 起保持桌面 50/50 不变。
   ========================================================= */
@media only screen and (min-width: 768px) and (max-width: 991px){
  .icont3 .box1{width:100% !important;order:2 !important;}
  .icont3 .box2{width:100% !important;order:1 !important;}
  /* 标题解除 nowrap 截断（同 case-mobile.css ≤767 处理） */
  .icont3 .box1_list .title,
  .icont3 .box2_list .title2{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    height:auto !important;
    line-height:1.5 !important;
  }
}