/* ===== 传奇数码站 - 补充样式（沿用万尔诺 #154b97 主色） ===== */
* { box-sizing: border-box; }
body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; }

/* ===== 头部布局修复：flex 单行，语言切换不再掉到下一行 ===== */
.header { display: flex !important; align-items: center; justify-content: space-between; }
.header .logo { float: none; flex: 0 0 auto; height: auto; }
.header .nav { float: none; margin-left: 0; flex: 1 1 auto; display: flex; justify-content: center; flex-wrap: nowrap; }
.header .nav .nLi { float: none; flex: 0 0 auto; }
.header .nav .nLi h3 a { white-space: nowrap; display: block; }
.header .header_right { float: none; width: auto; height: auto; flex: 0 0 auto; margin-left: 20px; white-space: nowrap; }

/* ===== 首页：导航浮在首屏大背景上（导航 + 首屏共用同一块背景） ===== */
.header_zone.header_over { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; background: transparent; }
.header_zone.header_over .nav .nLi h3 a { color: #fff; }
.header_zone.header_over .header_right a { color: #fff; }
.header_zone.header_over .logo img { filter: brightness(0) invert(1); }

/* ===== 首屏：1920x768 全出血轮播（参考 cubot：左文右图 + 卖点图标） ===== */
.hero_slider {
  position: relative; width: 100%; height: 768px;
  overflow: hidden; background: #0a1730;
}
.hero_slider .hslide {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  display: block; text-decoration: none;
  opacity: 0; visibility: hidden; z-index: 0;
  transition: opacity .9s ease, transform 6s linear;
  transform: scale(1.04);
}
.hero_slider .hslide.active {
  opacity: 1; visibility: visible; z-index: 1; transform: scale(1);
}
.hslide_bg {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-size: cover; background-position: center top;
  filter: brightness(1.10) saturate(1.12) contrast(1.03);
}
.hslide_mask {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background:
    linear-gradient(90deg, rgba(6,16,38,.90) 0%, rgba(6,16,38,.66) 38%, rgba(6,16,38,.14) 62%, rgba(6,16,38,.46) 100%),
    linear-gradient(180deg, rgba(6,16,38,.74) 0%, rgba(6,16,38,.10) 34%, rgba(6,16,38,.62) 100%);
}
.hslide_inner {
  position: relative; z-index: 2; display: block;
  width: 1200px; max-width: 94%; margin: 0 auto; height: 100%;
  padding-top: 96px; padding-bottom: 84px;
  display: flex; align-items: center; justify-content: space-between; gap: 30px;
}
.hslide_txt { display: block; max-width: 720px; color: #fff; }
/* 标题上方的琥珀色短线：增加"大气"的细节装饰 */
.hslide_txt::before {
  content: ""; display: block; width: 58px; height: 3px;
  background: #ffc24a; margin-bottom: 20px;
  box-shadow: 0 0 14px rgba(255,194,74,.55);
}
.hs_title em {
  font-style: normal; font-weight: 300; font-size: .62em;
  color: #aebdd6; letter-spacing: .5px; opacity: .85;
}
.hs_badge {
  display: inline-block; margin-bottom: 18px;
  font-size: 12px; letter-spacing: 2px; font-weight: 700;
  color: #ffc24a; border: 1px solid rgba(255,194,74,.55);
  background: rgba(255,194,74,.10);
  padding: 6px 14px; border-radius: 3px;
}
/* 主标题：整行显示、统一字体与字号（不再拆分大小字） */
.hs_title {
  display: block; font-size: 46px; line-height: 1.15; font-weight: 800;
  letter-spacing: -.5px; margin: 0 0 16px; color: #fff;
  white-space: nowrap;
  text-shadow: 0 4px 24px rgba(0,0,0,.45);
}
/* 徽章已按需求移除，保留样式占位以便日后复用 */
.hs_badge {
  display: none;
}

/* 语言切换：统一为描边胶囊按钮，去掉原模板的圆点底图 */
.header_zone .header_right a {
  display: inline-block; padding: 7px 16px !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  border-radius: 20px !important; font-size: 13px !important;
  text-decoration: none !important; background: none !important;
  line-height: 1.4 !important; white-space: nowrap !important;
  transition: .25s;
}
.header_zone:not(.header_over) .header_right a { border-color: #154b97 !important; color: #154b97 !important; }
.header_zone.header_over .header_right a { color: #fff !important; }
.header_zone .header_right a:hover {
  background: #154b97 !important; color: #fff !important; border-color: #154b97 !important;
}
.hs_slogan {
  display: block;   font-size: 26px; line-height: 1.35; font-weight: 600;
  color: #eef3fb; margin: 0 0 26px; text-shadow: 0 2px 14px rgba(0,0,0,.55);
}
.hs_feats { display: block; margin: 0 0 40px; }
.hs_feat {
  display: inline-block; margin: 0 10px 10px 0;
  font-size: 14px; color: #dfe8f6; letter-spacing: .2px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16);
  padding: 7px 13px; border-radius: 3px;
  backdrop-filter: blur(2px);
}
.hs_feat i { color: #ffc24a; margin-right: 8px; font-size: 16px; }
.hs_btn {
  display: inline-block; padding: 17px 46px; border-radius: 3px;
  background: linear-gradient(135deg, #ffc94e, #ff9d17);
  color: #12294f; font-size: 17px; font-weight: 800;
  letter-spacing: .8px; transition: .25s;
  box-shadow: 0 12px 32px rgba(255,157,23,.42);
  border: 1px solid rgba(255,255,255,.28);
}
.hs_btn:hover { background: #fff; color: #12294f; box-shadow: 0 14px 34px rgba(255,255,255,.3); }
.hs_btn i { margin-left: 8px; }
.hslide_prod { display: block; flex: 0 0 auto; position: relative; margin-right: 46px; }
/* 产品背后：先压暗背景形成"暗角"，再叠暖色光晕把机身托起来 */
.hslide_prod::before {
  content: ""; position: absolute; z-index: 0;
  left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 780px; height: 820px;
  background: radial-gradient(closest-side, rgba(3,9,22,.92), rgba(3,9,22,.62) 46%, rgba(3,9,22,0) 82%);
}
.hslide_prod::after {
  content: ""; position: absolute; z-index: 0;
  left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 400px; height: 580px;
  background: radial-gradient(closest-side, rgba(255,205,130,.60), rgba(255,160,70,.20) 50%, rgba(255,160,70,0) 76%);
  filter: blur(3px);
}
.hslide_prod picture, .hslide_prod img { position: relative; z-index: 1; }
.hslide_prod img {
  display: block; max-height: 520px; width: auto;
  /* 右侧轮廓光 + 落地投影，让机身"立"起来 */
  filter:
    drop-shadow(-4px 0 10px rgba(255,214,152,.5))
    drop-shadow(3px 0 8px rgba(0,0,0,.5))
    drop-shadow(0 42px 40px rgba(0,0,0,.85))
    drop-shadow(0 0 34px rgba(255,190,110,.26))
    brightness(1.08) contrast(1.06);
}
.hs_arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
  width: 52px; height: 52px; line-height: 50px; text-align: center;
  color: #fff; font-size: 30px; background: rgba(10,23,48,.32);
  border: 1px solid rgba(255,255,255,.28); border-radius: 50%;
  transition: .25s; backdrop-filter: blur(2px);
}
.hs_arrow:hover { background: #154b97; border-color: #154b97; }
.hs_arrow.prev { left: 26px; }
.hs_arrow.next { right: 26px; }
.hs_dots {
  position: absolute; bottom: 34px; left: 1200px; z-index: 5;
  transform: translateX(-100%); display: flex; gap: 10px;
}
.hs_dot {
  width: 11px; height: 11px; border-radius: 50%; cursor: pointer;
  background: rgba(255,255,255,.38); transition: .25s;
}
.hs_dot.active { background: #ffc24a; width: 32px; border-radius: 6px; }
@media (max-width: 1200px) {
  .hs_dots { left: 50%; transform: translateX(-50%); }
}
@media (max-width: 768px) {
  .hero_slider { height: 460px; }
  .hslide_inner { padding-top: 78px; flex-direction: column; justify-content: center; }
  .hs_title { font-size: 28px; white-space: normal; }
  .hs_slogan { font-size: 17px; margin-bottom: 16px; }
  .hs_feat { font-size: 13px; margin-right: 14px; }
  .hs_feats { margin-bottom: 18px; }
  .hslide_prod img { max-height: 210px; }
  .hs_arrow { width: 38px; height: 38px; line-height: 36px; font-size: 22px; }
}

/* Logo 适配：去掉原分隔线背景，限高防止宽幅 Logo 撑破头部 */
.logo img { max-height: 58px; width: auto; background: none !important; }
.header_zone { background: #fff; }

/* 按钮 */
.btn1, .btn2 { display: inline-block; padding: 12px 30px; border-radius: 4px; font-size: 15px; text-decoration: none; transition: .3s; }
.btn1 { background: #154b97; color: #fff; border: 1px solid #154b97; }
.btn1:hover { background: #0f3a78; color: #fff; }
.btn2 { background: transparent; color: #154b97; border: 1px solid #154b97; }
.btn2:hover { background: #154b97; color: #fff; }

/* 区块标题 */
.sec_head { text-align: center; padding: 50px 0 30px; }
.sec_head h2 { font-size: 30px; color: #154b97; margin: 0 0 8px; font-weight: 700; }
.sec_head h3 { font-size: 15px; color: #888; margin: 0; font-weight: 400; }
.more { text-align: center; color: #154b97; font-size: 15px; margin: 24px 0; cursor: pointer; }

/* Hero / Banner */
.hero { position: relative; height: 540px; background-size: cover; background-position: center; display: flex; align-items: center; }
.hero_mask { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,40,90,.65), rgba(21,75,151,.25)); }
.hero_box { position: relative; z-index: 2; color: #fff; }
.hero_box h1 { font-size: 48px; margin: 0 0 14px; font-weight: 800; text-shadow: 0 2px 10px rgba(0,0,0,.3); }
.hero_box p { font-size: 20px; margin: 0 0 28px; opacity: .95; }
.hero_btns a { margin-right: 14px; }

/* 产品系列网格 */
.cat_grid { display: flex; flex-wrap: wrap; gap: 20px; padding-bottom: 50px; }
.cat_grid dl { flex: 1 1 180px; background: #fff; border: 1px solid #eee; border-radius: 6px; overflow: hidden; text-align: center; transition: .3s; }
.cat_grid dl:hover { border-color: #154b97; transform: translateY(-4px); box-shadow: 0 8px 22px rgba(21,75,151,.12); }
.cat_grid dt { padding: 26px 18px 22px; background: #f7f9fc; }
.cat_grid dt img { max-width: 150px; width: 150px; height: auto; transition: transform .3s; }
.cat_grid dl:hover dt img { transform: scale(1.06); }
.cat_grid dd { padding: 14px 10px; margin: 0; }
.cat_grid dd a { color: #222; font-size: 16px; font-weight: 600; }
.cat_grid dd span { display: block; color: #e53935; font-size: 12px; margin-top: 4px; }

/* 主推产品：整块大背景 + 产品图居中（去掉白卡片与文字块） */
.wanernuo4 { position: relative; background: #0b1a30; padding: 0; overflow: hidden; }
/* 背景图由首页模板内联传入（后台「首页 → feat_bg」可改）。
   注意：不要用 CSS 变量传相对路径 url()，否则会相对 css 文件目录解析导致 404 */
.wanernuo4 .feat_bg {
  position: absolute; inset: 0;
  background-position: center center; background-size: cover; background-repeat: no-repeat;
  opacity: .78; filter: saturate(1.05);
}
.wanernuo4::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(8,18,36,.72) 0%, rgba(8,18,36,.26) 42%, rgba(8,18,36,.82) 100%);
}
.wanernuo4box { position: relative; z-index: 2; padding: 72px 0 78px; text-align: center; }
.wanernuo4 .sec_head { margin-bottom: 26px; }
/* theme.css 会把 .sec_head h2 强制成主题蓝，这里在深色背景上覆盖回白色 */
.wanernuo4 .sec_head h2 { color: #fff !important; text-shadow: 0 3px 16px rgba(0,0,0,.85), 0 0 36px rgba(0,0,0,.6); }
.wanernuo4 .sec_head h3 { color: #d6e3f5; text-shadow: 0 2px 10px rgba(0,0,0,.8); }
.feat_stage { max-width: 1000px; margin: 0 auto; }
.feat_stage img {
  width: 100%; height: auto; display: block;
  filter: drop-shadow(0 26px 46px rgba(0,0,0,.55));
}
.prod_grid { display: flex; flex-wrap: wrap; gap: 24px; }
.prod_card { flex: 1 1 300px; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 20px; text-align: center; }
.prod_img img { max-width: 100%; border-radius: 6px; }
.prod_card h4 { font-size: 18px; margin: 14px 0 6px; color: #222; }
.prod_card .price { color: #e53935; font-weight: 700; font-size: 16px; margin-bottom: 14px; }

/* 企业实力（原皮肤有 height:235px 固定高度导致内容溢出，这里重置为自适应 + 规整两列网格） */
.wanernuo3 { background: #154b97; color: #fff; padding: 52px 0; height: auto; min-height: 0; background-image: none; }
.wanernuo3box { display: flex; align-items: center; justify-content: space-between; gap: 44px; flex-wrap: wrap; }
.wanernuo3box_left { flex: 0 1 330px; }
.wanernuo3box_left h2 { color: #fff; font-size: 28px; margin: 0 0 8px; line-height: 1.3; }
.wanernuo3box_left h3 { color: #cfe0f5; font-size: 15px; margin: 0; font-weight: 400; line-height: 1.6; }
.stats_grid { display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap: 22px 46px; flex: 1 1 480px; }
.stats_grid .stat { text-align: left; border-left: 2px solid rgba(255,255,255,.3); padding-left: 16px; }
.stats_grid .stat b { display: block; font-size: 30px; color: #fff; line-height: 1.25; }
.stats_grid .stat span { font-size: 13px; color: #cfe0f5; }

/* ===== 关于我们（参考 VILO：标题+简介 / 四图轮播 / 四列数据） ===== */
.about_vilo {
  position: relative; background: #fff; padding: 66px 0 70px; overflow: hidden;
}
.about_vilo::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 46%;
  background: linear-gradient(180deg, #fbfcfe 0%, #f1f5fb 100%);
  z-index: 0;
}
.about_vilo > .main { position: relative; z-index: 1; }
.av_watermark {
  position: absolute; right: 8px; top: 10px; z-index: 0;
  writing-mode: vertical-rl; letter-spacing: 10px;
  font-size: 78px; font-weight: 800; color: #f0f4fa; line-height: 1;
  user-select: none; pointer-events: none;
}
.av_head { display: flex; align-items: flex-start; gap: 56px; margin-bottom: 40px; }
.av_brand { flex: 0 0 290px; position: relative; padding-left: 22px; }
.av_bar { position: absolute; left: 0; top: 4px; width: 5px; height: 62px; background: #154b97; border-radius: 3px; }
.av_kicker { display: block; color: #154b97; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; margin-bottom: 10px; }
.av_brand h2 { font-size: 32px; color: #154b97; margin: 0 0 8px; line-height: 1.25; font-weight: 700; }
.av_brand h3 { font-size: 14px; color: #8b97a9; margin: 0; font-weight: 400; }
.av_intro { flex: 1 1 420px; }
.av_intro p { color: #5a667c; font-size: 15px; line-height: 1.95; margin: 0 0 14px; }
.av_intro .btn1 { margin-top: 10px; }
.av_intro .btn1 i { margin-left: 8px; }

/* 公司实力四图：横向轮播（PC 4 张 / 平板 2 张 / 手机 1 张，参考 VILO） */
.av_carousel { position: relative; margin-top: 42px; padding: 0 58px; }
.av_viewport { overflow: hidden; }
.av_track { display: flex; column-gap: 18px; transition: transform .55s cubic-bezier(.4, 0, .2, 1); }
.av_item {
  position: relative; flex: 0 0 calc((100% - 54px) / 4); margin: 0;
  border-radius: 10px; overflow: hidden; background: #dde6f2;
  box-shadow: 0 14px 34px rgba(21, 45, 90, .14);
}
.av_item img { display: block; width: 100%; height: 260px; object-fit: cover; }
.av_item::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 78px;
  background: linear-gradient(180deg, rgba(6, 20, 44, 0), rgba(6, 20, 44, .62));
}
.av_item figcaption {
  position: absolute; left: 16px; bottom: 12px; z-index: 2;
  color: #fff; font-size: 22px; font-weight: 700; letter-spacing: 2px;
}
.av_arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
  width: 48px; height: 48px; border-radius: 50%;
  background: #fff; color: #154b97; font-size: 26px; line-height: 48px;
  text-align: center; text-decoration: none; transition: .25s;
  box-shadow: 0 6px 20px rgba(8, 24, 52, .28);
}
.av_arrow:hover { background: #154b97; color: #fff; }
.av_arrow.prev { left: 0; }
.av_arrow.next { right: 0; }
.av_static .av_arrow { display: none; }



/* 四列数据 */
.av_stats_head { text-align: center; margin: 54px 0 22px; position: relative; z-index: 1; }
.av_stats_head h4 { color: #154b97; font-size: 24px; margin: 0 0 6px; font-weight: 700; }
.av_stats_head p { color: #8b97a9; font-size: 14px; margin: 0; }
.av_stats {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
  background: rgba(255, 255, 255, .72); border: 1px solid #e6edf7;
  border-radius: 10px; padding: 30px 10px;
  box-shadow: 0 10px 30px rgba(21, 45, 90, .06);
}
.av_stat { text-align: center; padding: 0 16px; }
.av_stat + .av_stat { border-left: 1px solid #e6edf7; }
.av_stat b { display: block; font-size: 38px; font-weight: 300; color: #154b97; line-height: 1.2; letter-spacing: -.5px; }
.av_stat span { display: block; margin-top: 8px; font-size: 13px; color: #7c889c; line-height: 1.6; }

@media (max-width: 900px) {
  .av_head { flex-direction: column; gap: 20px; }
  .av_brand { flex: 1 1 auto; }
  .av_item { flex: 0 0 calc((100% - 18px) / 2); }
  .av_item img { height: 220px; }
  .av_stats { grid-template-columns: repeat(2, 1fr); gap: 22px 0; }
  .av_stat:nth-child(3) { border-left: 0; }
  .av_watermark { font-size: 52px; }
}
@media (max-width: 560px) {
  .av_item { flex: 0 0 100%; }
  .av_carousel { padding: 0 46px; }
  .av_item img { height: 230px; }
  .av_arrow { width: 40px; height: 40px; line-height: 40px; font-size: 22px; }
  .av_stats { grid-template-columns: repeat(2, 1fr); }
  .av_stat b { font-size: 30px; }
}

/* 视频 */
.wanernuo7 { padding: 10px 0 50px; }
.video_grid { display: flex; flex-wrap: wrap; gap: 24px; }
.video_card { position: relative; flex: 1 1 320px; display: block; border-radius: 8px; overflow: hidden; color: #fff; }
.video_card img { width: 100%; display: block; }
.video_card i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 56px; color: rgba(255,255,255,.9); }
.video_card span { position: absolute; left: 0; bottom: 0; width: 100%; padding: 14px; background: rgba(0,0,0,.55); font-size: 15px; }

/* 核心优势 */
/* 原皮肤 .wanernuo8 写死 height:75px，会让优势卡片溢出到页脚 */
.wanernuo8 { padding: 20px 0 60px; height: auto; min-height: 0; }
.adv_grid { display: flex; flex-wrap: wrap; gap: 24px; }
.adv_grid dl { flex: 1 1 280px; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 30px 24px; text-align: center; transition: .3s; }
.adv_grid dl:hover { border-color: #154b97; box-shadow: 0 8px 22px rgba(21,75,151,.12); }
.adv_grid dt i { font-size: 46px; color: #154b97; }
.adv_grid dd h4 { font-size: 18px; margin: 14px 0 8px; color: #222; }
.adv_grid dd h5 { font-size: 14px; color: #666; font-weight: 400; line-height: 1.7; margin: 0; }

/* 合作伙伴 */
.wanernuo9 { background: #f7f9fc; padding: 30px 0 60px; }
.partner_grid { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.partner_grid span { background: #fff; border: 1px solid #e3e9f2; border-radius: 6px; padding: 18px 34px; font-size: 18px; font-weight: 700; color: #445; letter-spacing: 1px; }

/* 内页头部 */
.page_banner { position: relative; height: 280px; background-size: cover; background-position: center; display: flex; align-items: center; }
.page_banner_mask { position: absolute; inset: 0; background: rgba(15,40,90,.6); }
.page_banner_box { position: relative; z-index: 2; color: #fff; }
.page_banner_box h1 { font-size: 38px; margin: 0; font-weight: 800; }
.page_banner_box h3 { font-size: 16px; margin: 8px 0 0; font-weight: 400; opacity: .9; }
.inner_main { padding: 50px 0; }

/* 关于页 */
.about_wrap { display: flex; gap: 40px; flex-wrap: wrap; align-items: flex-start; }
.about_img { flex: 1 1 380px; }
.about_img img { width: 100%; border-radius: 8px; }
.about_text { flex: 1 1 420px; }
.about_text h2 { color: #154b97; font-size: 26px; margin: 0 0 16px; }
.about_text p { line-height: 1.9; color: #555; }
.about_points { list-style: none; padding: 0; margin: 16px 0; }
.about_points li { padding: 8px 0; color: #444; border-bottom: 1px dashed #eee; }
.about_points li i { color: #154b97; margin-right: 8px; }
.vision { margin-top: 18px; padding: 16px 20px; background: #f7f9fc; border-left: 4px solid #154b97; color: #154b97; font-style: italic; }

/* 产品详情 */
.product_detail { display: flex; gap: 40px; flex-wrap: wrap; }
.pd_left { flex: 1 1 420px; }
.pd_main_img img { width: 100%; border: 1px solid #eee; border-radius: 8px; }
.pd_thumbs { display: flex; gap: 10px; margin-top: 12px; }
.pd_thumbs img { width: 80px; border: 1px solid #eee; border-radius: 6px; cursor: pointer; }
.pd_right { flex: 1 1 420px; }
.pd_right h2 { color: #154b97; font-size: 26px; margin: 0 0 10px; }
.pd_price { color: #e53935; font-weight: 700; font-size: 20px; }
.pd_desc { line-height: 1.8; color: #555; }
.spec_table { width: 100%; border-collapse: collapse; margin: 18px 0; }
.spec_table th, .spec_table td { border: 1px solid #eee; padding: 10px 14px; font-size: 14px; }
.spec_table th { background: #f7f9fc; color: #154b97; width: 120px; text-align: left; }
.pd_btns a { margin-right: 12px; }
.pd_block { margin-top: 40px; }

/* 下载列表 */
.dl_list { list-style: none; padding: 0; }
.dl_list li { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid #eee; border-radius: 6px; margin-bottom: 12px; }
.dl_list li i { font-size: 28px; color: #e53935; }
.dl_list li a { font-size: 16px; color: #222; font-weight: 600; text-decoration: none; }
.dl_list li a:hover { color: #154b97; }
.dl_list li span { color: #999; font-size: 13px; margin-left: auto; }

/* FAQ */
.faq_list { list-style: none; padding: 0; }
.faq_item { border: 1px solid #eee; border-radius: 6px; padding: 18px 22px; margin-bottom: 14px; }
.faq_item h4 { margin: 0 0 8px; color: #154b97; font-size: 17px; }
.faq_item h4 i { margin-right: 8px; }
.faq_item p { margin: 0; color: #555; line-height: 1.8; }

/* 视频页 */
.video_page .video_card { flex: 1 1 360px; }

/* 联系页 */
.contact_wrap { display: flex; gap: 40px; flex-wrap: wrap; }
.contact_info { flex: 1 1 380px; background: #f7f9fc; padding: 28px; border-radius: 8px; }
.contact_info h2 { color: #154b97; margin: 0 0 16px; font-size: 22px; }
.contact_info p { line-height: 2; color: #444; margin: 6px 0; }
.contact_info p i { color: #154b97; margin-right: 8px; width: 18px; }
.contact_info p b { display: inline-block; min-width: 70px; color: #222; }
.contact_social { margin-top: 16px; }
.contact_social a { margin-right: 10px; }
.contact_social i { font-size: 18px; }
.contact_form { flex: 1 1 380px; background: #fff; border: 1px solid #eee; padding: 28px; border-radius: 8px; }
.contact_form h3 { color: #154b97; margin: 0 0 18px; }
.contact_form input, .contact_form textarea { width: 100%; padding: 12px; margin-bottom: 14px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }
.contact_form textarea { height: 110px; resize: vertical; }
.contact_map { text-align: center; margin-top: 24px; }

/* ===== 页脚（四栏 + 版权栏）=====
   原皮肤 .bottom 写死 height:380px+overflow:hidden、
   .bottom dl 带 float/275px/min-height:467px/背景图、
   #copy_zone 写死灰色 66px 高 —— 这些都会把版面撑坏，这里全部重置 */
.footer_zone { background: #1b2434; color: #fff; min-width: 0; overflow: visible; width: 100%; }
.footer_zone .bottom {
  padding: 48px 0 0; height: auto; min-height: 0; overflow: visible;
  width: 1200px; max-width: 94%; margin: 0 auto;
}
.footer_zone .bottom .main { width: 100%; max-width: 100%; }
.footer_zone .dibubox {
  display: grid; grid-template-columns: 2.1fr 1fr 1fr 1.25fr;
  gap: 36px; align-items: start;
}
.footer_zone .bottom dl {
  float: none; width: auto; min-height: 0; overflow: visible;
  padding-top: 0; background: none;
}
.footer_zone .bottom dl dt,
.footer_zone .foot_extra dt {
  color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 16px;
  padding-bottom: 10px; border-bottom: 1px solid #35405a; letter-spacing: .3px;
}
.footer_zone .foot_extra dt:not(:first-child) { margin-top: 22px; }
.footer_zone .bottom dl dd { margin: 0; line-height: 1.4; }
.footer_zone .bottom dl dd a {
  display: block; color: #aeb9cc; font-size: 13px; padding: 6px 0; text-decoration: none;
}
.footer_zone .bottom dl dd a:hover { color: #fff; }
.footer_zone .bottom dl dd a i { margin-right: 8px; color: #5c8fd8; font-size: 12px; }
.foot_contact { min-width: 0; }
.footer_zone .fc_logo { margin-bottom: 16px; }
.footer_zone .foot_contact img { max-width: 172px; filter: brightness(0) invert(1); opacity: .95; }
.footer_zone .foot_contact h2 { color: #fff; font-size: 16px; margin: 0 0 14px; line-height: 1.6; font-weight: 700; }
.footer_zone .foot_contact .fc_line { color: #aeb9cc; font-size: 13px; margin: 8px 0; font-weight: 400; line-height: 1.75; }
.footer_zone .fc_line i { color: #6ea8ff; margin-right: 8px; width: 14px; text-align: center; }
.footer_zone .fc_line a { color: #aeb9cc; text-decoration: none; }
.footer_zone .fc_line a:hover { color: #fff; }
.footer_zone .footer_follow { margin-top: 20px; }
.footer_zone .footer_follow a { display: inline-block; margin-right: 9px; color: #fff; text-decoration: none; }
.footer_zone .footer_follow i {
  display: inline-block; width: 34px; height: 34px; line-height: 32px;
  text-align: center; font-size: 15px;
  border: 1px solid #3a4456; border-radius: 50%; color: #c8d2e2; transition: .25s;
}
.footer_zone .footer_follow a:hover i { background: #154b97; border-color: #154b97; color: #fff; }
.foot_extra .foot_cta {
  display: inline-block; margin-top: 16px; padding: 11px 20px;
  border: 1px solid #3f6fb8; border-radius: 4px; color: #cfe0ff;
  font-size: 13px; text-decoration: none; transition: .25s;
}
.foot_extra .foot_cta:hover { background: #154b97; border-color: #154b97; color: #fff; }
.foot_extra .foot_cta i { margin-left: 8px; }

/* 版权栏：与页脚同色系、自适应高度、左右均衡 */
.footer_zone #copy_zone {
  width: 100%; max-width: 100%; min-width: 0; height: auto; overflow: visible;
  background: #141c2b; border-top: 1px solid #303a4f;
  margin-top: 20px; padding: 15px 0;
}
.footer_zone #copy {
  width: 1200px; max-width: 94%; margin: 0 auto; overflow: visible;
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  color: #8894a9; font-size: 13px; text-align: left;
}
.footer_zone #copy_l {
  float: none; width: auto; overflow: visible; line-height: 1.7; text-align: left;
}
.footer_zone #copy_r {
  float: none; width: auto; overflow: visible; line-height: 1.7; text-align: right;
}
.footer_zone #copy a { color: #8894a9; text-decoration: none; margin-left: 18px; }
.footer_zone #copy_r a:first-child { margin-left: 0; }
.footer_zone #copy a:hover { color: #fff; }
.footer_zone #copy_l a { margin-left: 0; }
.footer_zone #copy a i { margin-right: 5px; }
@media (max-width: 900px) {
  .footer_zone .dibubox { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .footer_zone #copy { justify-content: center; text-align: center; }
  .footer_zone #copy_l, .footer_zone #copy_r { text-align: center; }
}

/* ===== 悬浮客服按钮 + 返回顶部（后台「站点设置」控制开关） ===== */
.float_bar { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); z-index: 9000; display: flex; flex-direction: column; gap: 10px; }
.float_bar .fb_item {
  width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 20px; box-shadow: 0 6px 18px rgba(0,0,0,.22); text-decoration: none;
}
.float_bar .fb_item.wa { background: #25d366; }
.float_bar .fb_item.tel { background: #154b97; }
.float_bar .fb_item.mail { background: #e08b1f; }
.float_bar .fb_item:hover { filter: brightness(1.08); transform: scale(1.05); }
.backtop {
  position: fixed; right: 20px; bottom: 26px; width: 42px; height: 42px; border-radius: 50%;
  background: rgba(21,75,151,.9); color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 20px; z-index: 9000; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,.2);
}
.backtop:hover { background: #154b97; color: #fff; }

/* 响应式 */
@media (max-width: 768px) {
  .hero { height: 360px; }
  .hero_box h1 { font-size: 30px; }
  .hero_box p { font-size: 16px; }
  .sec_head h2 { font-size: 24px; }
  .page_banner { height: 200px; }
  .page_banner_box h1 { font-size: 26px; }
  .header .nav { display: none; position: absolute; top: 100%; left: 0; right: 0; }
  .header .nav.open { display: block; }
  .stats_grid { gap: 16px 20px; grid-template-columns: repeat(2, minmax(120px, 1fr)); }
  .wanernuo3box { gap: 22px; }
  .wanernuo3 { padding: 34px 0; }
  .wanernuo4box { padding: 46px 0 50px; }
  .cat_grid dl { flex: 1 1 100%; }
}

/* 关于我们页：主图与实景画廊 */
.about_img { position: relative; }
.ai_badge {
  position: absolute; left: 16px; bottom: 16px; z-index: 2;
  background: rgba(21, 75, 151, .92); color: #fff; font-size: 13px;
  padding: 8px 16px; border-radius: 4px; letter-spacing: .3px;
}
.about_gallery { margin-top: 56px; }
.ag_head { text-align: center; margin-bottom: 22px; }
.ag_head h3 { color: #154b97; font-size: 24px; margin: 0 0 6px; font-weight: 700; }
.ag_head p { color: #8b97a9; font-size: 14px; margin: 0; }
.ag_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ag_item { position: relative; margin: 0; border-radius: 10px; overflow: hidden; background: #dde6f2; box-shadow: 0 12px 28px rgba(21, 45, 90, .12); }
.ag_item img { display: block; width: 100%; height: 220px; object-fit: cover; transition: transform .5s; }
.ag_item:hover img { transform: scale(1.05); }
.ag_item figcaption {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 16px;
  color: #fff; font-size: 14px;
  background: linear-gradient(180deg, rgba(6, 20, 44, 0), rgba(6, 20, 44, .72));
}

/* ===================== 移动端自适应（原皮肤为固定 1200px 布局） ===================== */
.nav_toggle { display: none; }
@media (max-width: 1240px) {
  html, body { min-width: 0 !important; }
  body * { min-width: 0 !important; max-width: 100%; }
  body, table, iframe { max-width: 100%; }
  img { max-width: 100%; height: auto; }
  .main {
    width: 100% !important; max-width: 1200px; box-sizing: border-box;
    padding-left: 16px; padding-right: 16px;
  }
  .header {
    width: 100% !important; max-width: 1200px; box-sizing: border-box;
    padding-left: 16px; padding-right: 16px; position: relative;
  }
  .av_item { flex: 0 0 calc((100% - 18px) / 2); }
  .ag_grid { grid-template-columns: repeat(2, 1fr); }
  .av_stats { grid-template-columns: repeat(2, 1fr); gap: 18px 0; }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .nav_toggle {
    display: block; align-self: center; font-size: 22px; line-height: 1;
    color: #154b97; padding: 6px 0 6px 14px; text-decoration: none;
  }
  .header_zone.header_over .nav_toggle { color: #fff; }
  .header .nav {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    background: #fff; box-shadow: 0 14px 26px rgba(12, 32, 66, .16);
    z-index: 999; padding: 4px 0;
  }
  .header .nav.open { display: block; }
  .header .nav .nLi { width: 100% !important; flex: 1 1 100%; float: none; text-align: left; }
  .header .nav .nLi h3 { padding: 0 16px; }
  .header .nav .nLi h3 a { display: block; padding: 12px 0; color: #223; }
  .hero_slider { height: 620px; }
  .hs_title { font-size: 34px; }
  .hs_slogan { font-size: 20px; }
  .av_item { flex: 0 0 calc((100% - 18px) / 2); }
  .av_item img { height: 230px; }
  .footer_zone .dibubox { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .adv_grid dl { flex: 1 1 44%; }
}
@media (max-width: 900px) {
  .nav_toggle {
    display: block; align-self: center; font-size: 22px; line-height: 1;
    color: #154b97; padding: 6px 0 6px 14px; text-decoration: none;
  }
  .header_zone.header_over .nav_toggle { color: #fff; }
  .hs_arrow { display: none; }
  .hs_dots { bottom: 18px; }
  .hslide_inner { padding-top: 106px !important; justify-content: flex-start !important; }
  .header .nav {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    background: #fff; box-shadow: 0 14px 26px rgba(12, 32, 66, .16);
    z-index: 999; padding: 4px 0;
  }
  .header .nav.open { display: block; }
  .header .nav .nLi { width: 100% !important; flex: 1 1 100%; float: none; text-align: left; }
  .header .nav .nLi h3 { padding: 0 16px; }
  .header .nav .nLi h3 a { display: block; padding: 12px 0; color: #223; }
  .header_zone.header_over .nav .nLi h3 a { color: #223; }
  .hero_slider { height: 540px; }
  .hs_title { font-size: 30px; }
  .footer_zone .dibubox { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .wanernuo3box { display: block; }
  .adv_grid dl { flex: 1 1 100%; }
  .prod_card { flex: 1 1 100%; }
}
@media (max-width: 560px) {
  .hero_slider { height: 520px; }
  .hslide_inner { padding-top: 96px !important; }
  .hs_title { font-size: 24px; }
  .hs_feat { font-size: 12px; }
  .page_banner { height: 170px; }
  .page_banner_box h1 { font-size: 24px; }
  .footer_zone .dibubox { grid-template-columns: 1fr; }
  .av_item { flex: 0 0 100%; }
  .ag_grid { grid-template-columns: 1fr; }
  .about_wrap { flex-direction: column; }
  .stat_grid, .stats_grid { grid-template-columns: repeat(2, 1fr); }
  .float_bar { right: 10px; }
}

/* ===================== 产品中心：产品系列分类（纯文字，暂不跳转） ===================== */
.pc_wrap { padding-top: 54px; }
.pc_wrap .sec_head { margin-bottom: 34px; }
.pc_wrap .sec_head p { color: #8b97a9; font-size: 14px; margin-top: 8px; }
.pc_cats {
  display: grid; grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid #e1e8f2; border-bottom: 1px solid #e1e8f2;
}
.pc_cat {
  position: relative; padding: 32px 12px 30px; background: transparent;
  border: 0; border-right: 1px solid #eef2f8; cursor: pointer;
  font: inherit; text-align: center; color: #64748b; transition: .28s;
}
.pc_cat:last-child { border-right: 0; }
.pc_cat_no {
  display: block; font-size: 12px; letter-spacing: 3px; color: #a9b7ca;
  margin-bottom: 14px; transition: .28s;
}
.pc_cat_name { display: block; font-size: 20px; font-weight: 600; letter-spacing: .6px; }
.pc_cat_line {
  position: absolute; left: 0; right: 0; bottom: -1px; height: 3px;
  background: transparent; transition: .28s;
}
.pc_cat:hover { background: #f7faff; color: #154b97; }
.pc_cat:hover .pc_cat_no { color: #8aa4cc; }
.pc_cat.is-active { background: #f4f8ff; color: #154b97; }
.pc_cat.is-active .pc_cat_no { color: #154b97; }
.pc_cat.is-active .pc_cat_line { background: #154b97; }
@media (max-width: 1024px) {
  .pc_cats { grid-template-columns: repeat(3, 1fr); }
  .pc_cat:nth-child(3n) { border-right: 0; }
  .pc_cat:nth-child(n+4) { border-top: 1px solid #eef2f8; }
  .pc_cat_name { font-size: 17px; }
}
@media (max-width: 560px) {
  .pc_wrap { padding-top: 34px; }
  .pc_wrap .sec_head { margin-bottom: 22px; }
  .pc_cats { grid-template-columns: repeat(2, 1fr); }
  .pc_cat { padding: 22px 8px 20px; }
  .pc_cat:nth-child(3n) { border-right: 1px solid #eef2f8; }
  .pc_cat:nth-child(2n) { border-right: 0; }
  .pc_cat:nth-child(n+3) { border-top: 1px solid #eef2f8; }
  .pc_cat_name { font-size: 15px; }
  .pc_cat_no { font-size: 11px; margin-bottom: 8px; }
}

/* 修复：原皮肤把 placeholder 设为白色，导致联系表单提示文字在白底输入框中不可见 */
.contact_form input::placeholder, .contact_form textarea::placeholder { color: #98a4b0; opacity: 1; }
.contact_form input::-webkit-input-placeholder, .contact_form textarea::-webkit-input-placeholder { color: #98a4b0; opacity: 1; }
.contact_form input:-ms-input-placeholder, .contact_form textarea:-ms-input-placeholder { color: #98a4b0; opacity: 1; }