/* 导航 hover 修复：确保下拉面�?z-index 不被遮挡 */
.lchead { position: fixed !important; }
.lcheada { position: relative; z-index: 10; }
.subxl { z-index: 9999 !important; }

/* li 相对定位：供下拉面板 .subxl 定位 */
.lcnav > li { position: relative; }

/* 下拉菜单背景：50% 透明度深藏青（覆盖 index.css 的 0.92） */
.lchead .subxl { background: rgba(15, 26, 51, 0.5) !important; }

/* ============ 菜单项悬浮/选中：不变色，改为下划线由短变长动画 ============ */
/* a 左右各 50px padding，下划线从 0 展开到 calc(100% - 90px) ≈ 文字宽度，居中生长 */
.lcnav > li > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: currentColor;
  border-radius: 1px;
  transition: width .3s cubic-bezier(.25, .74, .22, .99);
}
.lcnav > li > a:hover::after,
.lcnav > li > a.on::after { width: calc(100% - 90px); }

/* 确保 mega menu 下拉在透明态也可显示（z-index 修复�?*/
.lcnav li:hover .subxl {
  z-index: 9999 !important;
}

/* 兴博元横�?logo�?92×238，比�?3.33）：两张�?absolute 重叠（通过 opacity 切换彩色/浅色�?*/
/* flex 三栏布局：logo 最左、菜单居中填充中段、联系我们最右（两端分散）*/
.lclogo {
  width: 160px !important;
  height: 48px !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
  flex: 0 0 auto;
}
.lcnav {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  flex: 1 1 auto;
  text-align: center !important;
}
/* .lcheada 撑开到真实内容高度（logo/nav 绝对定位不撑父，�?boxH �?41px 而内容占 71px�?*/
.lcheada {
  min-height: 71px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
/* flex 后菜单项进入文档流，需收紧内边距，避免整栏过高 */
.lcnav > li {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
/* 导航菜单字重统一为 500（覆盖 index.css 的 a0 bold） */
.lchead .lcnav a.a0 { font-weight: 500; }
.lclogo img.logo1,
.lclogo img.logo2 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left center;
}

/* 页脚 logo */
.footlogoimg img {
  width: auto !important;
  height: 50px !important;
  object-fit: contain !important;
}

/* ============ 页脚重设计（lcfoot，覆�?index.css 基础定义�?=========== */
/* 深藏青渐变背�?+ 顶部品牌色细�?*/
footer.lcfoot {
  background: linear-gradient(180deg, #0e1830 0%, #131f3d 100%);
  padding-top: 64px;
  position: relative;
}
/* 内容容器统一 1200px（与全站内容宽度一致） */
footer.lcfoot .lcfoot-inner { max-width: 1350px !important; padding: 0; box-sizing: border-box; }
footer.lcfoot .lcfoot-grid { gap: 48px !important; padding-bottom: 54px !important; border-bottom: none !important; }

/* ---------- 品牌列：logo + slogan + 联系方式 ---------- */
footer.lcfoot .lcfoot-logo img { height: 48px !important; width: auto !important; object-fit: contain; }
footer.lcfoot .lcfoot-slogan {
  margin: 16px 0 26px !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, .55) !important;
  line-height: 1.6;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 10px;
}
footer.lcfoot .lcfoot-slogan svg { flex-shrink: 0; width: 15px; height: 15px; color: #5073C0; }
footer.lcfoot .lcfoot-contact { list-style: none; margin: 0; padding: 0; }
footer.lcfoot .lcfoot-contact li { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-size: 13px; color: rgba(255, 255, 255, .6); line-height: 1.6; }
footer.lcfoot .lcfoot-contact li svg { flex-shrink: 0; width: 15px; height: 15px; color: #5073C0; }
footer.lcfoot .lcfoot-contact li:hover { color: rgba(255, 255, 255, .85); }

/* ---------- 链接列：标题白亮 ---------- */
footer.lcfoot .lcfoot-col { flex: 0 0 170px !important; }
footer.lcfoot .lcfoot-col dt {
  position: relative;
  padding-left: 0 !important;
  margin-bottom: 24px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: 1px;
}
footer.lcfoot .lcfoot-col dt::before { content: none !important; }
footer.lcfoot .lcfoot-col dd { margin: 0 0 16px !important; }
footer.lcfoot .lcfoot-col dd a {
  font-size: 13.5px !important;
  color: rgba(255, 255, 255, .58) !important;
  display: inline-block;
  transition: transform .2s, color .25s;
}
footer.lcfoot .lcfoot-col dd a:hover {
  color: #fff !important;
  transform: translateX(3px);
}

/* ---------- 二维�?---------- */
footer.lcfoot .lcfoot-qr-img {
  box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
  border-radius: 8px;
}
footer.lcfoot .lcfoot-qr-text { color: rgba(255, 255, 255, .9) !important; }

/* ---------- 版权栏：更深一�?+ 上边框微�?---------- */
footer.lcfoot .lcfoot-bottom {
  background: rgba(5, 10, 22, .55) !important;
  border-top: 1px solid rgba(255, 255, 255, .06);
  padding: 20px 0 !important;
}
footer.lcfoot .lcfoot-bottom p { color: rgba(255, 255, 255, .38) !important; }
footer.lcfoot .lcfoot-bottom a { color: rgba(255, 255, 255, .45) !important; }
footer.lcfoot .lcfoot-bottom a:hover { color: rgba(255, 255, 255, .85) !important; }

/* 首页板块背景：白/浅灰交替（走进兴博元-白 → 主营业务-灰 → 客户案例-白 → 新闻中心-灰） */
.mainabout { background: #fff; }
.mainpro { background: #F1F4F7; }
.mainnew { background: #F1F4F7; }

/* 兴博元优势卡片：移除圆角（左标签栏左圆角 + 右内容卡 5px�?*/
.about-advantage-media { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.about-advantage-card { border-radius: 0 !important; }

/* ============ 全站内容宽度统一 1200px ============ */
/* .cpw �?1400px / .w1200 �?1200px，混用导致各页面内容区宽度不一致；
   大屏�?1366px）统一�?1200px；≤1366px 仍走 index.css 原响应式�?100px/100%）�?   banner、导航、页脚背景不受影响（全屏），仅内容容器收窄�?*/
@media screen and (min-width: 1367px) {
  .cpw,
  .w1200 { width: 1200px; }
}

/* ============ 首页导航滚动变白：平滑过�?============ */
/* 透明�?�?fixed 白底态切换时背景/阴影/文字颜色渐变，避免生硬跳�?*/
.lchead { transition: background-color .3s ease, box-shadow .3s ease, color .3s ease; }
.lchead .logo1, .lchead .logo2 { transition: opacity .3s ease; }
.lchead .lcheada { transition: border-color .3s ease; }

/* 导航下拉分类列表（dl.one）：收紧上下留白，避免面板过高 */
.mcdsubl dl.one { padding-top: 20px !important; padding-bottom: 20px !important; }

/* 导航下拉面板：不设固定高度，随动态内容自适应（原 340px/275px 固定�?*/
.lchead .mcdsubl dl,
.lchead .mcdsubwx { height: auto; min-height: 0; }

/* 产品与服务下拉：仅保留右侧链接栏（隐藏左侧简介栏），宽度随内容自适应 —— 内边距撑开，不写死宽度 */
.lchead .product-dropdown { width: auto; }
.lchead .product-dropdown .cpw { width: auto; }
.lchead .product-dropdown .mcdsubwx { display: none; }
.lchead .product-dropdown .mcdsublpro { width: auto; }
.lchead .product-dropdown .mcdsubl dl,
.lchead .product-dropdown .mcdsubl dl.one { width: auto; min-width: 0; border-right: none; }
/* 链接不换行 → 面板宽度 = 最长分类名 + 左右内边距（覆盖 index.css 的固定宽/不对称 padding） */
.lchead .product-dropdown .mcdsubl dl.one > dd { padding: 5px 36px; white-space: nowrap; }
.lchead .product-dropdown .mcdsubl dl.one > dd > a { white-space: nowrap; }

/* 导航「联系我们」按钮：独立于菜单，固定在导航栏右侧（flex 三栏最右）；固定宽高，文字居中 */
.lcheada .nav-cta {
  position: static;
  right: auto;
  top: auto;
  transform: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 40px;
  padding: 0;
  box-sizing: border-box;
  background: #3E5FAC;
  color: #fff !important;
  border-radius: 2px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
.lcheada .nav-cta:hover { background: #34528f; opacity: 1; }

/* 覆盖各状态下把链接文字变黑/变主题色的默认规则，按钮文字始终白 */
.lchead.fixed .lcheada .nav-cta,
.lchead.bgfff .lcheada .nav-cta,
.lchead.page .lcheada .nav-cta,
.lcheada .nav-cta.on { color: #fff !important; background: #3E5FAC; }
.lchead.fixed .lcheada .nav-cta:hover,
.lchead.bgfff .lcheada .nav-cta:hover,
.lchead.page .lcheada .nav-cta:hover { color: #fff !important; background: #34528f; }

/* 最后一个菜单项的竖线在「联系我们」移出后悬空，隐藏 */
.lcnav > li:last-child > a > .lcnavi { display: none; }

/* 导航下拉 dd 链接悬浮效果：仅变色 */
.lchead .mcdsubl dl.one > dd > a {
  transition: color .2s;
}
.lchead .mcdsubl dl.one > dd > a:hover {
  color: #9db4e8;
}

/* 页脚公众号二维码：缩小（140 �?104px�?*/
footer.lcfoot .lcfoot-qr { flex: 0 0 130px !important; }
footer.lcfoot .lcfoot-qr-img { padding: 6px !important; border-radius: 0 !important; }
footer.lcfoot .lcfoot-qr-img img { width: 104px !important; height: 104px !important; }
footer.lcfoot .lcfoot-qr-text { margin-top: 10px !important; font-size: 13px !important; }