/* ===== 达迈内页公共样式 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei", Arial, sans-serif; color: #333; background: #fff; }
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }
ul, li { list-style: none; }
.wrap { width: 1200px; max-width: 92%; margin: 0 auto; }

/* 顶栏 */
.topbar { background: #2b2b2b; color: #cfcfcf; font-size: 13px; height: 40px; }
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; height: 40px; }
.topbar .welcome { opacity: .85; }
.topbar .lang { display: flex; align-items: center; gap: 8px; }
.topbar .lang img { width: 30px; height: auto; }
.topbar .lang a { color: #fff; }

/* 头部导航 */
.header { background: #fff; border-bottom: 1px solid #eee; }
.header .wrap { display: flex; align-items: center; justify-content: space-between; height: 86px; }
.header .logo img { height: 54px; width: auto; }
.nav ul { display: flex; gap: 38px; }
.nav a { font-size: 16px; color: #333; font-weight: 500; padding: 8px 0; position: relative; transition: color .2s; }
.nav a:hover, .nav a.active { color: #f5a623; }
.nav a.active::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #f5a623; }

/* 内页 Banner */
.page-banner { position: relative; overflow: hidden; background: #111; }
.page-banner img { width: 100%; height: 420px; object-fit: cover; display: block; }
.page-banner .caption { position: absolute; left: 0; bottom: 60px; width: 100%; }
.page-banner .caption h1 { color: #fff; font-size: 40px; font-weight: 700; letter-spacing: 2px; text-shadow: 0 2px 12px rgba(0,0,0,.4); }

/* 面包屑 */
.crumb { border-bottom: 1px solid #eee; }
.crumb .wrap { display: flex; align-items: center; height: 54px; font-size: 14px; color: #888; gap: 8px; }
.crumb svg { width: 15px; height: 15px; fill: #999; }
.crumb a { color: #888; }
.crumb a:hover { color: #f5a623; }

/* 右侧悬浮按钮 */
.floatbar { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 12px; z-index: 50; }
.floatbar a { width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; box-shadow: 0 4px 12px rgba(0,0,0,.15); transition: transform .2s, filter .2s; }
.floatbar a:hover { transform: translateY(-2px); filter: brightness(1.08); }
.floatbar a svg { width: 24px; height: 24px; fill: #fff; display: block; }
.floatbar .f1 { background: #e2603f; }
.floatbar .f2 { background: #2f80ed; }
.floatbar .f3 { background: #27ae60; }

/* 页脚 */
.footer { background: #222; color: #bdbdbd; padding: 48px 0 0; }
.footer-top { display: flex; justify-content: space-around; gap: 40px; padding-bottom: 42px; border-bottom: 1px solid #333; }
.foot-col { display: flex; align-items: center; gap: 16px; }
.foot-col img { width: 42px; height: 42px; }
.foot-col .ft-title { font-size: 14px; color: #999; margin-bottom: 8px; }
.foot-col .ft-val { font-size: 15px; color: #ddd; line-height: 1.6; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; padding: 22px 0; font-size: 13px; color: #8a8a8a; flex-wrap: wrap; gap: 10px; }
.footer-bottom a { color: #8a8a8a; }
.footer-bottom a:hover { color: #f5b301; }

/* 页面主体通用 */
.page-title { text-align: center; margin: 46px 0 30px; }
.page-title h2 { font-size: 30px; color: #222; font-weight: 700; }
.page-title .en { color: #bbb; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-top: 6px; }

/* 响应式 */
@media (max-width: 900px) {
  .wrap { max-width: 94%; }
  .header .wrap { height: 66px; }
  .nav ul { gap: 16px; }
  .nav a { font-size: 14px; }
  .page-banner img { height: 240px; }
  .page-banner .caption h1 { font-size: 26px; }
  .footer-top { flex-direction: column; }
  .topbar .welcome { display: none; }
}