/* 本文件为页面专属样式，全部规则限定在 #page-shangbiao 作用域内 */
/* 顶部 reset 块已删除 — reset.css 全局 reset 足够，顶部 reset 会污染公共 header/nav/footer */
/* 公共区域关键样式显式保护 */
#page-shangbiao .w1200 {
  margin: 0 auto !important;
}

/* ---------- Banner（对齐 zhuce 蓝紫渐变 · 左文案 + 右 5 步流程面板）---------- */
#page-shangbiao .pagebanner {
  width:100% !important;
  height:580px !important;
  min-width:1200px !important;
  background:linear-gradient(135deg,#4f46e5 0%,#6366f1 40%,#7c3aed 70%,#a855f7 100%) !important;
  position:relative !important;
  overflow:hidden !important;
  background-color:#3841da !important;
}
#page-shangbiao .pagebanner::before {
  content:'' !important;position:absolute !important;top:0;left:0 !important;width:100%;height:100% !important;
  background:url(../images/b-gszc.jpg) no-repeat center center !important;background-size:cover !important;opacity:.18 !important;mix-blend-mode:overlay !important;pointer-events:none;
}
#page-shangbiao .pagebanner::after {
  content:'' !important;position:absolute !important;top:0;left:0 !important;width:100%;height:100% !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.14) 0%, transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(168,85,247,.25) 0%, transparent 55%);
  pointer-events:none;
}
#page-shangbiao .sb-banner-inner {
  position:relative !important;z-index:2 !important;height:580px !important;display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:40px !important;
}
/* ---- 左侧文案 ---- */
#page-shangbiao .sb-banner-left {
  width:560px !important;color:#fff !important;text-align:left !important;flex-shrink:0 !important;margin-top:60px !important;
}
#page-shangbiao .sb-banner-title {
  font-size:44px !important;font-weight:800 !important;line-height:1.22 !important;margin:0 0 14px 0 !important;color:#fff !important;letter-spacing:2px !important;text-shadow:0 2px 20px rgba(0,0,0,.15) !important;
}
#page-shangbiao .sb-banner-title em {
  font-style:normal !important;background:linear-gradient(90deg,#fde68a 0%,#fbbf24 50%,#fb923c 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;padding:0 2px !important;
}
#page-shangbiao .sb-banner-subtitle {
  font-size:16px !important;color:#dbeafe !important;margin:0 0 22px 0 !important;line-height:1.6 !important;font-weight:400 !important;
}
/* 合并：tag + record → 统一资质高亮条 */
#page-shangbiao .sb-banner-record {
  margin:0 0 18px 0 !important;padding:12px 16px !important;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06)) !important;border:1px solid rgba(255,255,255,.25) !important;border-left:3px solid #fbbf24 !important;border-radius:0 10px 10px 0 !important;backdrop-filter:blur(8px) !important;line-height:1.6 !important;
}
#page-shangbiao .sb-banner-record b {
  display:block !important;font-size:15px !important;font-weight:800 !important;line-height:1.5 !important;background:linear-gradient(90deg,#fde68a 0%,#fbbf24 50%,#fb923c 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;letter-spacing:.5px !important;
}
#page-shangbiao .sb-banner-record b small {
  font-size:12.5px !important;font-weight:400 !important;color:#fde68a !important;letter-spacing:.3px !important;
}
#page-shangbiao .sb-banner-record > small {
  display:block !important;font-size:12px !important;color:#c7d2fe !important;line-height:1.5 !important;margin-top:4px !important;
}
/* 一行 3 个 ✓ */
#page-shangbiao .sb-banner-checks {
  display:flex !important;align-items:center !important;gap:6px 16px !important;margin:0 0 18px 0 !important;flex-wrap:wrap !important;
}
#page-shangbiao .sb-banner-checks span {
  display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:13px !important;color:#e0e7ff !important;line-height:1 !important;white-space:nowrap !important;
}
#page-shangbiao .sb-banner-checks i {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;width:16px !important;height:16px !important;border-radius:50% !important;background:linear-gradient(135deg,#22c55e,#16a34a) !important;color:#fff !important;font-size:10px !important;font-style:normal !important;font-weight:700 !important;line-height:1 !important;
}
/* Features — 2×2 图标卡 */
#page-shangbiao .sb-banner-features {
  list-style:none !important;padding:0 !important;margin:0 0 22px 0 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px 12px !important;
}
#page-shangbiao .sb-banner-features li {
  background:rgba(255,255,255,.1) !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:10px !important;padding:10px 14px !important;display:flex !important;align-items:center !important;gap:10px !important;box-sizing:border-box !important;
}
#page-shangbiao .sb-feat-fi {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;flex-shrink:0 !important;border-radius:8px !important;background:rgba(255,255,255,.16) !important;color:#bfdbfe !important;
}
#page-shangbiao .sb-feat-fi svg { width:18px !important;height:18px !important; }
#page-shangbiao .sb-feat-ft { flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important;gap:1px !important; }
#page-shangbiao .sb-feat-ft b {
  font-size:14px !important;font-weight:600 !important;color:#fff !important;line-height:1.3 !important;
}
#page-shangbiao .sb-feat-ft small {
  font-size:12px !important;color:#c7d2fe !important;line-height:1.4 !important;
}
/* CTA */
#page-shangbiao .sb-banner-cta {
  display:flex !important;gap:14px !important;margin-bottom:16px !important;
}
#page-shangbiao .sb-cta-btn,
#page-shangbiao .sb-cta-phone {
  display:inline-flex !important;align-items:center !important;gap:8px !important;padding:14px 26px !important;border-radius:50px !important;font-size:15px !important;font-weight:600 !important;text-decoration:none !important;transition:all .3s ease !important;white-space:nowrap !important;border:0 !important;
}
#page-shangbiao .sb-cta-btn {
  background:linear-gradient(90deg,#f59e0b 0%,#ea5b4a 100%) !important;color:#fff !important;box-shadow:0 6px 24px rgba(245,158,11,.55),inset 0 1px 0 rgba(255,255,255,.3) !important;
}
#page-shangbiao .sb-cta-btn:hover {
  transform:translateY(-2px) !important;box-shadow:0 10px 32px rgba(245,158,11,.65),inset 0 1px 0 rgba(255,255,255,.4) !important;color:#fff !important;
}
#page-shangbiao .sb-cta-phone {
  background:rgba(255,255,255,.12) !important;backdrop-filter:blur(10px) !important;border:1.5px solid rgba(255,255,255,.4) !important;color:#fff !important;font-weight:700 !important;
}
#page-shangbiao .sb-cta-phone:hover {
  background:rgba(255,255,255,.22) !important;border-color:rgba(255,255,255,.6) !important;transform:translateY(-2px) !important;
}
#page-shangbiao .sb-banner-stat {
  font-size:12px !important;color:rgba(255,255,255,.75) !important;margin-bottom:10px !important;display:flex !important;align-items:center !important;gap:6px !important;
}
#page-shangbiao .sb-banner-stat i {
  width:14px !important;height:14px !important;border-radius:50% !important;background:rgba(255,255,255,.2) !important;display:inline-block !important;position:relative !important;
}
#page-shangbiao .sb-banner-stat i::after {
  content:"" !important;position:absolute !important;top:3px;left:3px !important;width:8px !important;height:8px !important;border-radius:50% !important;background:#fbbf24 !important;
}
#page-shangbiao .sb-banner-hint {
  font-size:12px !important;color:rgba(255,255,255,.7) !important;line-height:1.5 !important;
}
/* ===== 右侧 2×3 流程网格 + 3 badges ===== */
#page-shangbiao .sb-banner-panel {
  width:560px !important;background:#fff !important;border-radius:18px !important;padding:24px 24px 18px !important;box-shadow:0 20px 56px rgba(15,23,42,.32),0 4px 16px rgba(79,70,229,.15) !important;position:relative !important;overflow:hidden !important;flex-shrink:0 !important;align-self:center !important;
}
#page-shangbiao .sb-banner-panel::before {
  content:"" !important;position:absolute !important;top:0;left:0;right:0 !important;height:4px !important;background:linear-gradient(90deg,#6366f1,#7c3aed,#a855f7) !important;
}
#page-shangbiao .sb-banner-panel .panel-head {
  display:flex !important;align-items:center !important;gap:10px !important;margin-bottom:16px !important;
}
#page-shangbiao .sb-banner-panel .panel-badge {
  display:inline-block !important;padding:4px 12px !important;background:linear-gradient(90deg,#6366f1,#7c3aed) !important;color:#fff !important;font-size:12px !important;font-weight:700 !important;border-radius:20px !important;letter-spacing:1px !important;
}
#page-shangbiao .sb-banner-panel .panel-sub {
  font-size:13px !important;color:#64748b !important;font-weight:500 !important;
}
#page-shangbiao .sb-banner-grid {
  display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:8px !important;margin-bottom:14px !important;
}
#page-shangbiao .sb-step-box {
  background:linear-gradient(135deg,#f8fafc,#f1f5f9) !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;padding:12px 10px !important;display:flex !important;align-items:flex-start !important;gap:10px !important;transition:all .25s ease !important;
}
#page-shangbiao .sb-step-box:hover {
  transform:translateY(-2px) !important;border-color:#a5b4fc !important;box-shadow:0 6px 18px rgba(99,102,241,.15) !important;
}
#page-shangbiao .sb-step-num {
  width:30px !important;height:30px !important;line-height:30px !important;text-align:center !important;color:#fff !important;border-radius:50% !important;font-size:14px !important;font-weight:700 !important;flex-shrink:0 !important;
}
#page-shangbiao .sb-step-box p { margin:0 !important; flex:1 !important; min-width:0 !important; }
#page-shangbiao .sb-step-box p b { font-size:13px !important; font-weight:600 !important; color:#1e293b !important; line-height:1.3 !important; margin-bottom:3px !important; display:block !important; }
#page-shangbiao .sb-step-box p small { font-size:11px !important; color:#64748b !important; line-height:1.35 !important; }
/* 6 个不同色渐变数字 */
#page-shangbiao .sb-sn1 .sb-step-num { background:linear-gradient(135deg,#2563eb,#3b82f6); box-shadow:0 4px 12px rgba(37,99,235,.35); }
#page-shangbiao .sb-sn2 .sb-step-num { background:linear-gradient(135deg,#059669,#34d399); box-shadow:0 4px 12px rgba(5,150,105,.35); }
#page-shangbiao .sb-sn3 .sb-step-num { background:linear-gradient(135deg,#7c3aed,#a78bfa); box-shadow:0 4px 12px rgba(124,58,237,.35); }
#page-shangbiao .sb-sn4 .sb-step-num { background:linear-gradient(135deg,#d97706,#fbbf24); box-shadow:0 4px 12px rgba(217,119,6,.35); }
#page-shangbiao .sb-sn5 .sb-step-num { background:linear-gradient(135deg,#ec4899,#f472b6); box-shadow:0 4px 12px rgba(236,72,153,.35); }
#page-shangbiao .sb-sn6 .sb-step-num { background:linear-gradient(135deg,#ef4444,#f87171); box-shadow:0 4px 12px rgba(239,68,68,.35); }
#page-shangbiao .sb-panel-badges {
  display:flex !important;gap:8px !important;
}
#page-shangbiao .sb-panel-badges span {
  flex:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;padding:8px 10px !important;background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;font-size:12px !important;color:#475569 !important;font-weight:500 !important;transition:all .2s ease !important;
}
#page-shangbiao .sb-panel-badges span svg { color:#6366f1; }
#page-shangbiao .sb-panel-badges span:hover {
  background:#eef2ff !important;border-color:#c7d2fe !important;color:#4f46e5 !important;
}
#page-shangbiao .sb-banner-right {
  width: 440px !important;
  flex-shrink: 0 !important;
  color: #1e293b !important;
  animation: sbFadeInRight .8s ease-out both; animation-delay:.18s;
}
#page-shangbiao .sb-flow-card {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 16px 18px 12px !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.28), 0 4px 16px rgba(79,70,229,.15) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
/* 顶部 4px 渐变色带 */
#page-shangbiao .sb-flow-card:before {
  content:'' !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important; height:4px !important;
  background:linear-gradient(90deg,#2563eb,#6366f1,#a855f7) !important;
}
/* 标题 */
#page-shangbiao .sb-flow-head {
  display:flex !important; align-items:center !important;
  font-size:15px !important; font-weight:800 !important; color:#1e293b !important;
  margin-bottom:10px !important;
}
#page-shangbiao .sb-flow-head-bar {
  width:4px !important; height:14px !important; border-radius:2px !important; margin-right:8px !important; flex-shrink:0 !important;
  background:linear-gradient(180deg,#2563eb,#a855f7) !important;
}
/* 2×3 网格主体 */
#page-shangbiao .sb-flow-grid {
  display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:8px !important;
  margin-bottom:14px !important;
}
/* 单个步骤小卡 */
#page-shangbiao .sb-step-box {
  position:relative !important; background:#f8fafc !important;
  border:1px solid #e2e8f0 !important; border-radius:10px !important;
  padding:10px 10px 8px !important;
  display:flex !important; align-items:flex-start !important; gap:8px !important;
  transition:all .28s ease !important; overflow:hidden !important;
}
/* 编号 */
#page-shangbiao .sb-step-num {
  position:relative !important; flex-shrink:0 !important;
  width:28px !important; height:28px !important; border-radius:8px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:14px !important; font-weight:800 !important; color:#fff !important;
  box-shadow:0 4px 12px rgba(37,99,235,.35) !important;
}
#page-shangbiao .sb-step-box p { margin:0 !important; flex:1 !important; min-width:0 !important; display:flex !important; flex-direction:column !important; padding-right:8px !important; }
#page-shangbiao .sb-step-box p b { font-size:12.5px !important; font-weight:700 !important; color:#1e293b !important; line-height:1.3 !important; margin-bottom:2px !important; }
#page-shangbiao .sb-step-box p small { font-size:10px !important; color:#94a3b8 !important; line-height:1.35 !important; }

/* 箭头 */
#page-shangbiao .sb-step-arrow {
  position:absolute !important; top:50% !important; right:-14px !important; transform:translateY(-50%) !important;
  font-size:18px !important; color:#cbd5e1 !important; line-height:1 !important; z-index:3 !important; font-weight:700 !important;
}
#page-shangbiao .sb-step-arrow-down {
  top:auto !important; bottom:-14px !important; right:auto !important; left:50% !important; transform:translateX(-50%) !important;
  font-size:16px !important; color:#cbd5e1 !important;
}
#page-shangbiao .sb-sn6 .sb-step-arrow { display:none !important; }
#page-shangbiao .sb-sn3 .sb-step-arrow { display:none !important; }
#page-shangbiao .sb-sn3 .sb-step-arrow-down { display:block !important; }

/* 6 步骤多色渐变（同 zhuxiao） */
#page-shangbiao .sb-sn1 .sb-step-num { background:linear-gradient(135deg,#2563eb,#3b82f6) !important; box-shadow:0 4px 12px rgba(37,99,235,.4) !important; }
#page-shangbiao .sb-sn2 .sb-step-num { background:linear-gradient(135deg,#059669,#34d399) !important; box-shadow:0 4px 12px rgba(5,150,105,.4) !important; }
#page-shangbiao .sb-sn3 .sb-step-num { background:linear-gradient(135deg,#7c3aed,#a78bfa) !important; box-shadow:0 4px 12px rgba(124,58,237,.4) !important; }
#page-shangbiao .sb-sn4 .sb-step-num { background:linear-gradient(135deg,#d97706,#fbbf24) !important; box-shadow:0 4px 12px rgba(217,119,6,.4) !important; }
#page-shangbiao .sb-sn5 .sb-step-num { background:linear-gradient(135deg,#ec4899,#f472b6) !important; box-shadow:0 4px 12px rgba(236,72,153,.4) !important; }
#page-shangbiao .sb-sn6 .sb-step-num { background:linear-gradient(135deg,#ef4444,#f87171) !important; box-shadow:0 4px 12px rgba(239,68,68,.4) !important; }

/* hover 效果 */
#page-shangbiao .sb-step-box:hover {
  transform:translateY(-3px) !important;
  border-color:transparent !important;
  box-shadow:0 10px 28px -8px rgba(37,99,235,.35) !important;
  background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%) !important;
}
#page-shangbiao .sb-step-box:hover .sb-step-num { transform:scale(1.08) !important; }
#page-shangbiao .sb-flow-card:hover { transform:translateY(-4px) !important; box-shadow:0 24px 64px rgba(15,23,42,.38),0 4px 16px rgba(79,70,229,.18) !important; }

/* 底部徽章 */
#page-shangbiao .sb-flow-badges {
  display:flex !important; gap:8px !important;
  padding-top:12px !important; border-top:1px solid #f1f5f9 !important;
}
#page-shangbiao .sb-flow-badges span {
  flex:1 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:8px 4px !important; border-radius:8px !important;
  background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%) !important;
  border:1px solid #e2e8f0 !important;
  font-size:12.5px !important; font-weight:600 !important; color:#4338ca !important;
  transition:all .25s ease !important;
}
#page-shangbiao .sb-flow-badges span:hover {
  border-color:#c7d2fe !important; background:linear-gradient(135deg,#eef2ff,#e0e7ff) !important;
}

/* ===== 动画 ===== */
@keyframes sbFadeInLeft { from{opacity:0;transform:translateX(-30px);} to{opacity:1;transform:translateX(0);} }
@keyframes sbFadeInRight { from{opacity:0;transform:translateX(30px);} to{opacity:1;transform:translateX(0);} }

/* ===== 清理旧 timeline 规则 ===== */
#page-shangbiao .sb-flow-list,
#page-shangbiao .sb-flow-list::before,
#page-shangbiao .sb-flow-list li,
#page-shangbiao .sb-flow-list li > div,
#page-shangbiao .sb-flow-list em,
#page-shangbiao .sb-flow-list span,
#page-shangbiao .sb-flow-list b,
#page-shangbiao .sb-flow-last b,
#page-shangbiao .sb-flow-last em,
#page-shangbiao .sb-flow-list li.is-hover,
#page-shangbiao .sb-flow-list li.is-hover b,
#page-shangbiao .sb-flow-list li.is-hover em,
#page-shangbiao .sb-flow-title,
#page-shangbiao .sb-flow-tags,
#page-shangbiao .sb-flow-tags span,
#page-shangbiao .sb-flow-cta {
  display:none !important; content:none !important;
}
#page-shangbiao .high-define .cbox {
  width:958px;margin:0 auto;padding:22px 0;border-radius:3px;background-color:#f4f7fb
}
#page-shangbiao .high-define .cbox .tips {
  font-size:13px;line-height:24px;color:#3e444f;padding:0 38px;text-align:center
}
#page-shangbiao .high-good .cbox {
  width:1201px;margin:0 auto
}
#page-shangbiao .high-good .cbox .citem {
  float:left;width:320px;height:auto;background:#fff;border-radius:0;margin:0 40px
}
#page-shangbiao .high-good .cbox .citem {
  margin-bottom:62px
}
#page-shangbiao .high-good .cbox .citem img {
  vertical-align:top;width:94px;height:94px;margin-right:20px
}
#page-shangbiao .high-good .cbox .citem .intro {
  display:inline-block;vertical-align:top;width:200px
}
#page-shangbiao .high-good .cbox .citem .intro .tit {
  font-size:19px;line-height:38px;color:#3e444f;margin-bottom:4px
}
#page-shangbiao .high-good .cbox .citem .intro .cont {
  font-size:14px;line-height:26px;color:#898f9a
}
#page-shangbiao .high-good .cbox .citem2 {
  margin-bottom:50px
}
#page-shangbiao .high-good .cbtn {
  display:block;width:160px;height:50px;border-radius:3px;background:#52aaf9;cursor:pointer;line-height:50px;font-size:15px;color:#fff;padding:0;margin:0;outline:none;border:none;background:-webkit-gradient(linear, left top, right top, from(#52aaf9), to(#4d50f3));background:linear-gradient(left, #52aaf9, #4d50f3);text-align:center;letter-spacing:1px;margin:0 auto
}
#page-shangbiao .high-cond .cbox {
  width:1200px;margin:0 auto
}
#page-shangbiao .high-cond .cbox .box {
  width:460px
}
#page-shangbiao .high-cond .cbox .box .citem {
  float:left;width:220px;height:140px;border-radius:8px;background-color:#767af8;margin-bottom:20px
}
#page-shangbiao .high-cond .cbox .box .citem .cont {
  padding:38px 34px 0;font-size:17px;line-height:30px;color:#fff
}
#page-shangbiao .high-cond .cbox .box .item1 {
  width:100%
}
#page-shangbiao .high-cond .cbox .box .item2 {
  margin-right:20px;background-color:#f59c3c
}
#page-shangbiao .high-cond .cbox .box .item3 {
  background-color:#ae69f4
}
#page-shangbiao .high-cond .cbox .box2 {
  width:722px
}
#page-shangbiao .high-cond .cbox .box2 .citem {
  float:left;width:98px;margin-left:82px;text-align:center
}
#page-shangbiao .high-cond .cbox .box2 .citem img {
  width:92px;height:92px;margin-bottom:20px
}
#page-shangbiao .high-cond .cbox .box2 .citem .tit {
  font-size:14px;line-height:20px;color:#3e444f;white-space:nowrap
}
#page-shangbiao .high-cond .cbox .box2 .item1 {
  margin-bottom:38px
}
#page-shangbiao .high-serve {
  margin-bottom:108px
}
#page-shangbiao .high-serve .cbox {
  width:1209px;margin:0 auto
}
#page-shangbiao .high-serve .cbox .citem {
  float:left;width:286px;height:286px;background:#fff;border-radius:0;margin:0 8px
}
#page-shangbiao .high-serve .cbox .citem {
  -webkit-box-shadow:0 0 16px rgba(204,204,204,0.5);box-shadow:0 0 16px rgba(204,204,204,0.5);text-align:center;overflow:hidden
}
#page-shangbiao .high-serve .cbox .citem img {
  vertical-align:top;width:66px;height:66px;margin-bottom:30px;margin-top:30px
}
#page-shangbiao .high-serve .cbox .citem .tit {
  font-size:17px;line-height:20px;color:#333;margin-bottom:18px
}
#page-shangbiao .high-serve .cbox .citem .cont {
  font-size:13px;line-height:24px;color:#666;padding:0 34px
}
#page-shangbiao .high-exam {
  width:100%;height:638px;background:#574dda url(rz_58.jpg) no-repeat center;background-size:cover;text-align:center
}
#page-shangbiao .high-exam .pc-com-module-title {
  color:#fff;padding-bottom:24px
}
#page-shangbiao .high-exam .tips {
  width:588px;margin:0 auto;font-size:14px;line-height:24px;color:#fff;margin-bottom:32px
}
#page-shangbiao .high-exam .cbox {
  width:953px;margin:0 auto
}
#page-shangbiao .high-exam .cbox .citem {
  float:left;width:420px;height:200px;background:#fff;border-radius:100px;margin:0 28px
}
#page-shangbiao .high-exam .cbox {
  margin-bottom:30px
}
#page-shangbiao .high-exam .cbox .citem .tit {
  font-size:17px;line-height:20px;color:#333;padding-top:42px;margin-bottom:20px;font-weight:bold
}
#page-shangbiao .high-exam .cbox .citem .cont {
  font-size:13px;line-height:20px;color:#666;margin-bottom:8px
}
#page-shangbiao .high-exam .cbox .item2 {
  background:-webkit-gradient(linear, left top, right bottom, from(#1ccc80), to(#3dd3af));background:linear-gradient(top left, #1ccc80, #3dd3af)
}
#page-shangbiao .high-exam .cbox .item2 .tit,
#page-shangbiao .high-exam .cbox .item2 .cont {
  color:#fff
}
#page-shangbiao .high-exam .cbtn {
  display:block;width:160px;height:50px;border-radius:3px;background:#4facfe;cursor:pointer;line-height:50px;font-size:15px;color:#fff;padding:0;margin:0;outline:none;border:none;background:-webkit-gradient(linear, left top, right top, from(#4facfe), to(#00f2fe));background:linear-gradient(left, #4facfe, #00f2fe);text-align:center;letter-spacing:1px;margin:0 auto
}
#page-shangbiao div.relate-question {
  margin-bottom:100px
}
#page-shangbiao div.relate-question .qabox li .tit {
  -webkit-box-shadow:0 0 12px rgba(69,175,255,0.3);box-shadow:0 0 12px rgba(69,175,255,0.3)
}
#page-shangbiao div.relate-question .qabox li .answ {
  overflow:inherit
}
#page-shangbiao div.relate-question .qabox li .answ .tit {
  -webkit-box-shadow:0 0 12px rgba(247,202,108,0.3);box-shadow:0 0 12px rgba(247,202,108,0.3)
}
#page-shangbiao div.relate-question .qbtn {
  display:block;width:160px;height:50px;border-radius:3px;background:#51abf9;cursor:pointer;text-align:center;line-height:50px;font-size:15px;color:#fff;padding:0;margin:0;outline:none;border:none;background:-webkit-gradient(linear, left top, right top, from(#51abf9), to(#4d4ff3));background:linear-gradient(left, #51abf9, #4d4ff3);margin:0 auto
}
#page-shangbiao div.other-provide {
  background-color:#f9fafe
}
#page-shangbiao div.other-provide .obox li.item {
  border-radius:6px;-webkit-box-shadow:0 0 16px rgba(197,233,251,0.5);box-shadow:0 0 16px rgba(197,233,251,0.5)
}
#page-shangbiao div.other-provide .obox li.sel {
  background-color:#f2b23e
}
#page-shangbiao div.other-provide .obox li.item1:hover {
  background-color:#f2b23e
}
#page-shangbiao div.other-provide .obox li.item2:hover {
  background-color:#9b68fd
}
#page-shangbiao div.other-provide .obox li.item3:hover {
  background-color:#fe8ea4
}
#page-shangbiao div.other-provide .obox li.item4:hover {
  background-color:#ef9b78
}
#page-shangbiao div.other-provide .obox li.item5:hover {
  background-color:#4ba1f8
}
#page-shangbiao div.other-provide .obox li.item6:hover {
  background-color:#28a1f8
}
#page-shangbiao .nav-right .nav22 a {
  color:#28a7e1 !important
}
#page-shangbiao em,
#page-shangbiao i {
  font-style: normal;
}
#page-shangbiao h5,
#page-shangbiao h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#page-shangbiao a {
  text-decoration: none;
}
#page-shangbiao a:hover {
  outline: none;
  text-decoration: none;
  color: inherit;
}
#page-shangbiao button {
  cursor: pointer;
  padding:0;
}
#page-shangbiao button,
#page-shangbiao input {
  border: none;
}
#page-shangbiao input {
  padding:0 10px;
  box-sizing:border-box;
}
#page-shangbiao input:focus,
#page-shangbiao button:hover,
#page-shangbiao button:focus {
  outline: none;
}
#page-shangbiao .clearfix:before,
#page-shangbiao .clearfix:after {
  content: "";
  display: table;
}
#page-shangbiao .clearfix:after {
  clear: both;
}
#page-shangbiao .nav-item {
  display: inline-block;
  margin-right: 40px;
  vertical-align: top;
}
#page-shangbiao .nav-item em {
  display: block;
  padding: 0 10px;
  color: #353535;
  line-height: 67px;
}
#page-shangbiao .nav-item i {
  display: block;
  height: 3px;
  width: 100%;
  background: #fff;
}
#page-shangbiao .nav-item:hover em,
#page-shangbiao .nav-item.cur em {
  color: #24A4FC;
}
#page-shangbiao .nav-item:hover i,
#page-shangbiao .nav-item.cur i {
  background: #24A4FC;
}
#page-shangbiao .banner-box {
  position: relative;
}
#page-shangbiao .banner-box img {
  display: block;
  width: 100%;
}
#page-shangbiao .banner-box .shadow-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .6);
}
#page-shangbiao .pos-search {
  position: relative;
}
#page-shangbiao .num-box {
  position: absolute;
  left: 0;
  top: -36px;
  background: rgba(255, 255, 255, .1);
  padding: 36px 24px
}
#page-shangbiao .num-box .num-item {
  display: inline-block;
  margin-right: 35px;
}
#page-shangbiao .num-box .num-item.mr0 {
  margin-right: 0;
}
#page-shangbiao .num-box .num-item .num {
  display: block;
  color: #FF0000;
  font-size: 28px;
  margin-bottom: 15px;
}
#page-shangbiao .num-box .num-item i {
  position: relative;
  display: block;
  color: #FFFFFF;
  font-size: 12px;
  padding-left: 17px;
}
#page-shangbiao .num-box .num-item i:before {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 11px;
  height: 6px;
  border: 1px dashed #a8c0d9;
  background: url(jiantou.png) 0 0 no-repeat;
}
#page-shangbiao .banner-search {
  position: relative;
  width: 870px;
  height: 60px;
  margin: 36px 0 36px 360px;
  padding-right: 170px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 1px;
  box-sizing: border-box;
}
#page-shangbiao .banner-search input {
  border: none;
  border-radius: 1px;
  width: 100%;
  height: 58px;
  font-size: 16px;
}
#page-shangbiao .banner-search button {
  position: absolute;
  right: 0;
  top: 0;
  width: 170px;
  height: 58px;
  background: #24A4FC;
  color: #fff;
  font-size: 20px;
}
#page-shangbiao .big-title {
  margin: 40px 0;
  text-align: center;
  font-size: 26px;
  color: #222;
  padding: 0 15px;
}
#page-shangbiao .big-title span {
  position: relative;
}
#page-shangbiao .big-title span .circle {
  display: block;
  width: 6px;
  height: 6px;
  border: 1px solid #b0b0b0;
  box-sizing: border-box;
  border-radius: 3px;
}
#page-shangbiao .big-title span .line {
  display: block;
  width: 50px;
  height: 1px;
  background: #b0b0b0;
  box-sizing: border-box;
}
#page-shangbiao .big-title span .circle.left {
  position: absolute;
  left: -25px;
  top: 15px;
}
#page-shangbiao .big-title span .line.left {
  position: absolute;
  left: -75px;
  top: 17px;
}
#page-shangbiao .big-title span .circle.right {
  position: absolute;
  right: -25px;
  top: 15px;
}
#page-shangbiao .big-title span .line.right {
  position: absolute;
  right: -75px;
  top: 17px;
}
#page-shangbiao .ask-box .reg-big-pic {
  display: block;
  float: left;
  width: 315px;
  height: 242px;
}
#page-shangbiao .ask-box .ask-item {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 432px;
  height: 116px;
  background: #fff;
  padding: 16px 24px 16px 122px;
  box-sizing: border-box;
}
#page-shangbiao .ask-box .ask-item .reg-pic {
  position: absolute;
  left: 24px;
  top: 15px;
  width: 84px;
  height: 84px;
}
#page-shangbiao .ask-box .ask-item .title-small {
  margin-top: 3px;
}
#page-shangbiao .ask-box .ask-item .txt {
  font-size: 12px;
  color: #9a9a9a;
  margin: 10px 0 15px;
}
#page-shangbiao .ask-box .ask-item .price {
  color: #EB5D2A;
}
#page-shangbiao .ask-box .ask-item .price i {
  font-size: 12px;
}
#page-shangbiao .ask-box .ask-item .price em {
  font-size: 20px;
}
#page-shangbiao .ask-btn {
  position: absolute;
  right: 45px;
  bottom: 15px;
  width: 75px;
  height: 25px;
  color: #fff;
  font-size: 14px;
  background: #EB5D2A;
}
#page-shangbiao .ask-box .ask-center {
  text-align: center;
  padding: 47px 0;
}
#page-shangbiao .more {
  color: #333;
  position: relative;
  padding-right: 15px;
}
#page-shangbiao .more:after {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  width: 12px;
  height: 13px;
  background: url(gengduo-2.png) 0 0 no-repeat;
}
#page-shangbiao .service-box {
  padding: 0 15px;
  background: #fff;
}
#page-shangbiao .service-box li {
  position: relative;
  width: 234px;
  float: left;
  height: 206px;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
}
#page-shangbiao .service-box li .serve-pic {
  width: 40px;
  height: 40px;
  display: block;
  margin: 40px auto 10px;
}
#page-shangbiao .service-box li .small-txt {
  color: #6b6b6b;
  font-size: 12px;
  height: 34px;
  line-height: 1.5;
  padding: 0 45px;
  margin: 5px 0 10px;
}
#page-shangbiao .service-box .service-item button {
  width: 70px;
  height: 25px;
  border: 1px solid #EB5D2A;
  color: #EB5D2A;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
}
#page-shangbiao .service-box .service-item.cur,
#page-shangbiao .service-box .service-item:hover {
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.21);
}
#page-shangbiao .service-box .service-item.cur button,
#page-shangbiao .service-box .service-item:hover button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #EB5D2A;
  color: #fff;
  height: 32px;
}
#page-shangbiao .more-service {
  padding: 105px 0;
  text-align: center;
}
#page-shangbiao .tab-box {
  margin-bottom: 40px;
}
#page-shangbiao .tab-tit-box li {
  width: 200px;
  height: 70px;
  line-height: 70px;
  float: left;
  border-right: 1px solid #DEDBEF;
  text-align: center;
  box-sizing: border-box;
  background: #F0F0F6;
  font-size: 18px;
  cursor: pointer;
}
#page-shangbiao .tab-tit-box li:hover,
#page-shangbiao .tab-tit-box li.cur {
  background: #fff;
  margin-top: -10px;
  height: 80px;
}
#page-shangbiao .tab-tit-box li em {
  font-size: 30px;
  color: #B7B7B7;
  vertical-align: middle;
  margin-right: 10px;
}
#page-shangbiao .tab-tit-box li span {
  vertical-align: middle;
  font-weight: 500px;
}
#page-shangbiao .tab-cont {
  background: #fff;
  height:331px;
}
#page-shangbiao .left-cont {
  width: 817px;
  float: left;
}
#page-shangbiao .right-cont h5,
#page-shangbiao .left-cont h5 {
  text-align: center;
  margin: 30px 0;
  font-size: 24px;
}
#page-shangbiao .left-cont ul {
  padding: 0 15px;
}
#page-shangbiao .for-item {
  width: 33.3%;
  float: left;
  text-align: center;
  padding: 0 40px;
  box-sizing: border-box;
}
#page-shangbiao .for-item p {
  color: #565656;
  font-size: 14px;
  line-height: 1.5;
  margin: 15px 0 30px;
  height:60px;
}
#page-shangbiao .org-btn {
  width: 115px;
  height: 35px;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 55px;
  background:linear-gradient(to right ,#ffab00, #fb6a03)
}
#page-shangbiao .line-center {
  float: left;
  margin: 52px 0 23px;
  height: 256px;
  width: 1px;
  background: #DEDBEF
}
#page-shangbiao .right-cont {
  float: left;
  width: 380px;
}
#page-shangbiao .right-cont .self-item {
  padding: 0 45px 0 80px;
  margin-bottom: 20px;
}
#page-shangbiao .self-item h6 {
  position: relative;
  font-size: 20px;
  color: #24A4FC;
  margin-bottom: 10px;
}
#page-shangbiao .self-item h6:before {
  content: '';
  position: absolute;
  left: -30px;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../shangbiao/duigou-3.png) 0 0 no-repeat;
}
#page-shangbiao .self-item .txt {
  line-height: 2;
  color: #565656;
  font-size: 14px;
}
#page-shangbiao .tips-txt {
  padding: 0 0 0 13px;
  line-height: 17px;
  margin-bottom: 20px;
  color: #565656;
  font-size: 14px;
}
#page-shangbiao .tips-txt .blue-circle {
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 9px;
  background: #24A4FC;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
#page-shangbiao .subject-bx {
  padding-top: 1px;
  background: #1B1E33;
  padding-bottom: 40px;
}
#page-shangbiao .subject-bx .big-title {
  color: #fff;
}
#page-shangbiao .subject-bx .subg-item {
  position: relative;
  width: 224px;
  float: left;
  margin-right: 15px;
  margin-bottom: 28px;
}
#page-shangbiao .subject-bx .subg-item .trig-icon {
  position: absolute;
  left: 92px;
  bottom: -29px;
  display: none;
  width: 0;
  height: 0;
  border: 20px solid;
  border-color: transparent transparent #fff transparent;
}
#page-shangbiao .subject-bx .subg-item.cur .trig-icon {
  display: block;
}
#page-shangbiao .subject-bx .subg-item:last-child {
  margin-right: 0;
}
#page-shangbiao .sub-mes {
  background: #FFFFFF;
  border-radius: 2px;
  padding: 30px 30px 10px;
  font-size: 12px;
}
#page-shangbiao .sub-mes .tit-peo {
  color: #a0a0a0;
  margin-bottom: 13px;
}
#page-shangbiao .sub-mes .pep-zy {
  position: relative;
  padding-left: 85px;
  color: #565656;
  line-height: 2;
  margin-bottom: 13px;
}
#page-shangbiao .sub-mes .pep-zy02 {
  padding-left: 128px;
}
#page-shangbiao .sub-mes .pep-zy em {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 23px;
  height: 22px;
  background: url(../shangbiao/zy.png) 0 0 no-repeat;
}
#page-shangbiao .sub-mes .pep-zy02 em {
  background: url(../shangbiao/customer.png) 0 0 no-repeat;
}
#page-shangbiao .sub-mes .pep-zy .txt {
  position: absolute;
  left: 25px;
  top: 0;
  color: #333;
}
#page-shangbiao .customer-img {
  height: 32px;
  margin-right: 30px;
}
#page-shangbiao .screen7 {
  width: 100%;
  height: 630px;
  background-color: #f5f5fa;
  position: relative;
}
#page-shangbiao .screen7-con {
  position: relative;
  margin-bottom: 140px;
}
#page-shangbiao .screen7-enlarge {
  position: relative;
}
#page-shangbiao .screen7-con-big {
  height: 286px;
}
#page-shangbiao .screen7-con-big li {
  width: 396px;
  height: 100%;
}
#page-shangbiao .screen7-con-big li.sm {
  width: 219px;
  height: 100%;
}
#page-shangbiao .screen7-con-big li .h {
  width: 100%;
  height: 100%
}
#page-shangbiao .screen7-con-sm li {
  float: left;
  height: 45px;
  margin-right: 9px;
}
#page-shangbiao .screen7-con-sm {
  width: 795px;
  margin-top: 24px;
  margin-bottom: 16px;
  margin-left: calc(50% - 542px);
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet {
  margin-right: 15px;
  border: 3px solid #f5f5fa;
  outline: none;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(10) {
  margin-right: 0;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(1) {
  width: 62px;
  height: 45px;
  background: url(screen7_img1.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(2) {
  width: 62px;
  height: 45px;
  background: url(screen7_img2.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(3) {
  width: 62px;
  height: 45px;
  background: url(screen7_img3.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(4) {
  width: 62px;
  height: 45px;
  background: url(screen7_img4.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(5) {
  width: 62px;
  height: 45px;
  background: url(screen7_img5.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(6) {
  width: 62px;
  height: 45px;
  background: url(screen7_img6.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(7) {
  width: 62px;
  height: 45px;
  background: url(screen7_img7.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(8) {
  width: 62px;
  height: 45px;
  background: url(screen7_img8.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(9) {
  width: 34px;
  height: 45px;
  background: url(screen7_img9.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-con-sm .swiper-pagination-bullet:nth-child(10) {
  width: 62px;
  height: 45px;
  background: url(screen7_img10.png) no-repeat;
  border-radius: 0;
  background-size: 100% 100%;
  opacity: 1;
}
#page-shangbiao .screen7-line {
  width: 795px;
  height: 6px;
  background-color: #E4E8ED;
  border-radius: 3px;
  position: absolute;
  bottom: -100px;
  left: 50%;
  margin-left: -539px;
}
#page-shangbiao .screen7-line .cur {
  display: block;
  width: 64px;
  height: 6px;
  background-color: #4D4D4C;
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 0px;
}
#page-shangbiao .screen7-con .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.9);
}
#page-shangbiao .bg-white {
  background:#fff;
  padding:1px;
}
#page-shangbiao .btn-blue {
  display:block;
  margin:30px auto 70px;
  width:350px;
  height:60px;
  border:1px solid #24A4FC;
  color:#24A4FC;
  font-size:20px;
  background:#fff;
}
#page-shangbiao .footer-box {
  width:100%;
  height:150px;
  background:url(footer.png) center center no-repeat;
  background-size:100% 100%;
}
#page-shangbiao .container-box {
  width:100%;
  background:url(container.png) center center no-repeat;
  text-align:center;
}
#page-shangbiao .container-box h5 {
  padding-top:120px;
  color:#F4D000;
  font-size:44px;
  text-shadow:0px 2px 4px rgba(0,0,0,0.75);
  line-height:1.5;
}
#page-shangbiao .container-box .txt-search {
  color:#fff;
  font-size:30px;
  line-height:2;
  margin-bottom:50px;
  font-weight:400;
}
#page-shangbiao .search-icon-box {
  position: relative;
  width:780px;
  height:60px;
  padding-right:210px;
  box-sizing:border-box;
  margin:0 auto 20px;
}
#page-shangbiao .search-icon-box input {
  width:100%;
  height:60px;
}
#page-shangbiao .search-icon-box button {
  position: absolute;
  right:0;
  top:0;
  width:210px;
  height:60px;
  background:#24A4FC;
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
#page-shangbiao .search-icon-box button .icon {
  display:inline-block;
}
#page-shangbiao .container-box .txt {
  color:#fff;
  font-size:20px;
}
#page-shangbiao .text-red,
#page-shangbiao .container-box .text-red {
  color:#FF0000;
  margin-right:10px;
}
#page-shangbiao .pop-fixed {
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(0,0,0,.4);
  z-index:999;
}
#page-shangbiao .pop-box {
  position: absolute;
  left:50%;
  top:50%;
  margin-left:-305px;
  margin-top:-190px;
  width:610px;
  background:#fff;
  border-radius:6px;
}
#page-shangbiao .pop-box02 {
  width:820px;
  margin-left:-410px;
  margin-top:-230px;
  padding:1px 25px 56px;
  box-sizing:border-box;
}
#page-shangbiao .pop-title {
  height:80px;
  line-height:80px;
  border-bottom:1px solid #D9D9D9;
  font-size:26px;
  text-align:center;
}
#page-shangbiao .closed {
  position: absolute;
  right:15px;
  top:15px;
  width:12px;
  height:12px;
  background:url(close.png) 0 0 no-repeat;
}
#page-shangbiao .pop-cont {
  padding:40px 125px;
}
#page-shangbiao .tips-green {
  border:1px solid #B7EB8F;
  height:30px;
  line-height:30px;
  background:#F6FFED;
  border-radius:4px;
  color:rgba(0,0,0,.65);
  font-size:14px;
  text-align:center;
  margin-bottom:20px;
}
#page-shangbiao .tips-green-suc {
  position: absolute;
  left:50%;
  top:50%;
  margin-left:-215px;
  margin-top:-25px;
  width:430px;
  height:50px;
  line-height:50px;
  font-size:16px;
}
#page-shangbiao .tips-green .right {
  display:inline-block;
  width:13px;
  height:16px;
  background:url(right-green.png) 0 0 no-repeat;
  margin-right:10px;
  vertical-align:middle;
}
#page-shangbiao .pop-ipt-item {
  margin-bottom:30px;
}
#page-shangbiao .pop-ipt-item span {
  display:inline-block;
  width:100px;
  height:32px;
  text-align:center;
  color:#262626;
}
#page-shangbiao .pop-ipt-item .ipt {
  width:248px;
  height:32px;
  border:1px solid rgba(0,0,0,0.15);
  border-radius:4px
}
#page-shangbiao .pop-box .pop-btn {
  width:334px;
  height:40px;
  margin:0 15px 0 0;
  border-radius: 6px;
  background:#24A4FC;
  color:#fff;
  text-align:center;
}
#page-shangbiao .finished {
  color:#8B8B8B;
  margin:40px 0 50px;
  text-align:center;
}
#page-shangbiao .text-blue {
  color:#24A4FC;
}
#page-shangbiao .pop-left-pt {
  width:363px;
  float:left;
}
#page-shangbiao .pop-right {
  width:380px;
  margin-left:25px;
  float:left;
}
#page-shangbiao .pop-right .txt {
  color:#262626;
  margin-bottom:28px;
}
#page-shangbiao .pop-box03 {
  position: absolute;
  left:50%;
  top:50%;
  margin-left:-324px;
  margin-top:-270px;
  width:648px;
  height:540px;
  background:url(pop-bg.png) 0 0 no-repeat;
}
#page-shangbiao .tips-pop {
  margin:358px auto 35px;
  text-align:center;
  width:360px;
  line-height:1.5;
  color:#24A4FC;
  font-size:24px;
}
#page-shangbiao .pop-btn.pop-btn02 {
  display:block;
  margin:0 auto;
  width:214px;
  height:40px;
}
#page-shangbiao .error-tips {
  display:none;
  color:#FF0000;
  font-size:12px;
  margin-left:100px;
  margin-top:5px;
}
#page-shangbiao .w1200 .big-title {
  margin:48px 0 24px;font-size:26px;font-weight:700;color:#1e293b;letter-spacing:1px;
}
#page-shangbiao .w1200 .big-title span {
  display:inline-flex;align-items:center;gap:14px;
}
#page-shangbiao .w1200 .big-title .circle {
  width:6px;height:6px;border:none;border-radius:50%;background:#6366f1;
}
#page-shangbiao .w1200 .big-title .line {
  width:40px;height:1px;border:none;background:linear-gradient(90deg,transparent,#6366f1,transparent);
}
#page-shangbiao .w1200 .big-title .circle.left {
  position:relative!important;left:auto!important;top:auto!important;margin-right:0;
}
#page-shangbiao .w1200 .big-title .line.left {
  position:relative!important;left:auto!important;top:auto!important;margin-right:0;
}
#page-shangbiao .w1200 .big-title .circle.right {
  position:relative!important;right:auto!important;top:auto!important;margin-left:0;
}
#page-shangbiao .w1200 .big-title .line.right {
  position:relative!important;right:auto!important;top:auto!important;margin-left:0;
}
#page-shangbiao .lc-svc {
  padding:60px 0;background:linear-gradient(180deg,#f6f8fc 0%,#ffffff 100%);
}
#page-shangbiao .lc-svc .w1200 {
  width:1200px;max-width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;
}
#page-shangbiao .lc-svc-head {
  text-align:center;margin-bottom:42px;
}
#page-shangbiao .lc-svc-badge {
  display:inline-block;padding:5px 18px;border-radius:20px;background:rgba(99,102,241,.08);color:#6366f1;font-size:12px;font-weight:700;letter-spacing:2.5px;margin-bottom:16px;
}
#page-shangbiao .lc-svc-title {
  position:relative;display:inline-block;margin:0 0 12px;font-size:30px;font-weight:800;color:#0f172a;letter-spacing:1px;
}
#page-shangbiao .lc-svc-title::after {
  content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,#6366f1,#a855f7);
}
#page-shangbiao .lc-svc-sub {
  margin:20px 0 0;font-size:14px;color:#64748b;letter-spacing:.5px;
}
#page-shangbiao .lc-svc-grid {
  display:grid;grid-template-columns:repeat(5,1fr);gap:18px;
}
#page-shangbiao .lc-svc-card {
  display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:24px 20px;text-decoration:none;position:relative;overflow:hidden;box-sizing:border-box;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-align:center;
}
#page-shangbiao .lc-svc-card::before {
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#6366f1,#a855f7);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
#page-shangbiao .lc-svc-card:hover {
  transform:translateY(-4px);box-shadow:0 14px 32px rgba(30,41,59,.10);border-color:#c7d2fe;
}
#page-shangbiao .lc-svc-card:hover::before {
  transform:scaleX(1);
}
#page-shangbiao .lc-svc-ic {
  width:80px;height:80px;border-radius:16px;background:#f5f7fb;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 18px;padding:8px;box-sizing:border-box;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background .25s ease;
}
#page-shangbiao .lc-svc-ic img {
  max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transition:transform .3s ease;margin:0 auto;
}
#page-shangbiao .lc-svc-card:hover .lc-svc-ic {
  transform:translateY(-3px) scale(1.06);box-shadow:0 10px 22px rgba(99,102,241,.18);background:#eef2ff;
}
#page-shangbiao .lc-svc-card:hover .lc-svc-ic img {
  transform:scale(1.1);
}
#page-shangbiao .lc-svc-name {
  font-size:16px;font-weight:700;color:#1e293b;margin:0 0 7px;text-align:center;
}
#page-shangbiao .lc-svc-desc {
  font-size:12.5px;color:#64748b;line-height:1.65;margin:0 0 16px;flex:1;text-align:center;
}
#page-shangbiao .lc-svc-go {
  display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:#6366f1;transition:color .2s ease;margin:0 auto;
}
#page-shangbiao .lc-svc-go i {
  position:relative;width:16px;height:1.5px;background:#6366f1;margin-left:8px;transition:width .25s ease,background .2s ease;
}
#page-shangbiao .lc-svc-go i::after {
  content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:1.5px solid #6366f1;border-right:1.5px solid #6366f1;transform:translateY(-50%) rotate(45deg);transition:border-color .2s ease;
}
#page-shangbiao .lc-svc-card:hover .lc-svc-go {
  color:#4f46e5;
}
#page-shangbiao .lc-svc-card:hover .lc-svc-go i {
  width:24px;background:#4f46e5;
}
#page-shangbiao .lc-svc-card:hover .lc-svc-go i::after {
  border-color:#4f46e5;
}
#page-shangbiao .lc-svc-more {
  background:linear-gradient(135deg,#f5f3ff,#eef2ff);border:1px dashed #c7d2fe;align-items:center;justify-content:center;text-align:center;
}
#page-shangbiao .lc-svc-more::before {
  display:none;
}
#page-shangbiao .lc-svc-more:hover {
  background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-color:#6366f1;
}
#page-shangbiao .lc-svc-more-inner {
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
#page-shangbiao .lc-svc-more-name {
  font-size:16px;font-weight:700;color:#4f46e5;line-height:1.5;
}
#page-shangbiao .lc-svc-more-arrow {
  width:42px;height:42px;border-radius:50%;background:#fff;color:#6366f1;font-size:20px;font-style:normal;line-height:42px;box-shadow:0 4px 12px rgba(99,102,241,.18);transition:transform .25s ease;
}
#page-shangbiao .lc-svc-more:hover .lc-svc-more-arrow {
  transform:translateX(4px);
}
@media (max-width:1200px) {
  #page-shangbiao .lc-svc-grid {
    grid-template-columns:repeat(4,1fr);
  }
}
@media (max-width:1024px) {
  #page-shangbiao .lc-svc {
    padding:48px 0;
  }
  #page-shangbiao .lc-svc-grid {
    grid-template-columns:repeat(3,1fr);gap:14px;
  }
  #page-shangbiao .lc-svc-title {
    font-size:26px;
  }
  #page-shangbiao .lc-svc-head {
    margin-bottom:34px;
  }
}
@media (max-width:768px) {
  #page-shangbiao .lc-svc {
    padding:40px 0;
  }
  #page-shangbiao .lc-svc-grid {
    grid-template-columns:repeat(2,1fr);gap:12px;
  }
  #page-shangbiao .lc-svc-head {
    margin-bottom:28px;
  }
  #page-shangbiao .lc-svc-title {
    font-size:22px;
  }
  #page-shangbiao .lc-svc-sub {
    font-size:13px;
  }
  #page-shangbiao .lc-svc-card {
    padding:20px 16px;
  }
}
@media (max-width:480px) {
  #page-shangbiao .lc-svc-grid {
    grid-template-columns:repeat(2,1fr);gap:10px;
  }
  #page-shangbiao .lc-svc-title {
    font-size:19px;
  }
  #page-shangbiao .lc-svc-badge {
    font-size:11px;letter-spacing:1.5px;
  }
  #page-shangbiao .lc-svc-name {
    font-size:14px;
  }
  #page-shangbiao .lc-svc-desc {
    font-size:11.5px;
  }
  #page-shangbiao .lc-svc-ic {
    width:44px;height:44px;padding:9px;
  }
  #page-shangbiao .lc-svc-card {
    padding:18px 12px;
  }
}
#page-shangbiao .w1200 .tab-box {
  margin:32px 0 48px!important;padding:0!important;
}
#page-shangbiao .w1200 .tab-tit-box {
  display:flex!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important;border-radius:14px!important;overflow:visible!important;list-style:none!important;border:none!important;
}
#page-shangbiao .w1200 .tab-tit-box::before,
#page-shangbiao .w1200 .tab-tit-box::after {
  display:none!important;content:none!important;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item {
  float:none!important;width:auto!important;height:auto!important;line-height:normal!important;margin:0!important;padding:18px 24px!important;background:transparent!important;border:none!important;border-right:1px solid #e0e7ff!important;text-align:center!important;box-sizing:border-box!important;font-size:14px!important;font-weight:500!important;color:#64748b!important;cursor:pointer!important;position:relative!important;transition:all .3s ease;flex:1 1 16.666%;min-width:0;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item:last-child {
  border-right:none!important;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item em {
  display:block!important;font-size:28px!important;font-weight:900!important;color:#c7d2fe!important;line-height:1!important;margin:0 0 6px!important;font-style:normal!important;font-family:'Inter',system-ui,sans-serif;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item span {
  display:block!important;font-size:13px!important;font-weight:600!important;color:#64748b!important;letter-spacing:0.5px;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item:hover {
  background:rgba(99,102,241,0.06)!important;color:#1e293b!important;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item:hover em {
  color:#a5b4fc!important;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item.cur {
  background:#fff!important;color:#1e293b!important;box-shadow:0 4px 20px rgba(99,102,241,0.12)!important;border-radius:12px!important;border-right:1px solid #e0e7ff!important;margin:4px 2px!important;flex:1 1 16.666%!important;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item.cur em {
  color:#6366f1!important;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
#page-shangbiao .w1200 .tab-tit-box .tab-tit-item.cur span {
  color:#1e293b!important;font-weight:700!important;
}
#page-shangbiao .w1200 .tab-cont {
  background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;margin-top:24px!important;padding:28px 0!important;height:auto!important;overflow:hidden!important;position:relative;
}
#page-shangbiao .w1200 .tab-cont::before,
#page-shangbiao .w1200 .tab-cont::after {
  display:none!important;content:none!important;
}
#page-shangbiao .w1200 .tab-cont:not(.active) {
  display:none!important;
}
#page-shangbiao .w1200 .tab-cont.active {
  display:flex!important;flex-wrap:nowrap!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont {
  float:none!important;width:auto!important;flex:1!important;padding:0 32px!important;box-sizing:border-box!important;min-width:0;
}
#page-shangbiao .w1200 .tab-cont .left-cont h5 {
  margin:0 0 20px!important;padding:0!important;font-size:18px!important;font-weight:700!important;color:#1e293b!important;text-align:left!important;position:relative!important;padding-left:14px!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont h5::before {
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:2px;
}
#page-shangbiao .w1200 .tab-cont .left-cont ul {
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;padding:0!important;margin:0!important;list-style:none!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont ul::before,
#page-shangbiao .w1200 .tab-cont .left-cont ul::after {
  display:none!important;content:none!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item {
  float:none!important;width:auto!important;padding:20px 14px!important;margin:0!important;text-align:center!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-radius:12px!important;border:1px solid #e2e8f0!important;box-sizing:border-box!important;transition:all .25s ease!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item:hover {
  transform:translateY(-3px)!important;box-shadow:0 8px 24px rgba(99,102,241,0.1)!important;border-color:#c7d2fe!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item .tab-ic-wrap {
  width:56px!important;height:56px!important;margin:0 auto 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:linear-gradient(135deg,#6366f1,#a855f7)!important;padding:12px!important;box-sizing:border-box!important;transition:transform .3s ease,box-shadow .3s ease!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item .tab-ic-wrap svg {
  width:100%!important;height:100%!important;display:block!important;color:#fff!important;transition:transform .3s ease!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item:hover .tab-ic-wrap {
  transform:scale(1.06)!important;box-shadow:0 8px 18px rgba(99,102,241,.28)!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item:hover .tab-ic-wrap svg {
  transform:scale(1.1)!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item p {
  font-size:13px!important;color:#475569!important;margin:0 0 14px!important;padding:0!important;height:auto!important;line-height:1.6!important;min-height:40px;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item .org-btn {
  width:100%!important;max-width:120px!important;height:auto!important;padding:8px 0!important;border:none!important;border-radius:20px!important;color:#fff!important;font-size:13px!important;font-weight:600!important;margin:0!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;cursor:pointer!important;transition:all .25s ease!important;font-family:inherit!important;
}
#page-shangbiao .w1200 .tab-cont .left-cont .for-item .org-btn:hover {
  background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;transform:scale(1.03);
}
#page-shangbiao .w1200 .tab-cont .line-center {
  float:none!important;width:1px!important;height:auto!important;margin:0!important;background:linear-gradient(180deg,transparent,#c7d2fe,transparent)!important;flex-shrink:0!important;align-self:stretch;
}
#page-shangbiao .w1200 .tab-cont .right-cont {
  float:none!important;width:auto!important;flex:0 0 400px!important;padding:0 32px!important;box-sizing:border-box!important;min-width:0;
}
#page-shangbiao .w1200 .tab-cont .right-cont h5 {
  margin:0 0 18px!important;padding:0!important;font-size:18px!important;font-weight:700!important;color:#1e293b!important;text-align:left!important;position:relative!important;padding-left:14px!important;
}
#page-shangbiao .w1200 .tab-cont .right-cont h5::before {
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:2px;
}
#page-shangbiao .w1200 .tab-cont .right-cont .self-item {
  padding:14px 16px!important;margin-bottom:12px!important;background:#f8fafc!important;border-radius:10px!important;border:1px solid #e2e8f0!important;
}
#page-shangbiao .w1200 .tab-cont .right-cont .self-item h6 {
  font-size:14px!important;font-weight:700!important;color:#6366f1!important;margin:0 0 8px!important;padding-left:22px!important;position:relative!important;
}
#page-shangbiao .w1200 .tab-cont .right-cont .self-item h6::before {
  content:"✓"!important;position:absolute!important;left:0!important;top:0!important;width:18px!important;height:18px!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-radius:50%!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:18px!important;text-align:center!important;background-image:none!important;
}
#page-shangbiao .w1200 .tab-cont .right-cont .self-item .txt {
  font-size:13px!important;color:#475569!important;margin:0!important;padding:0!important;line-height:1.6!important;
}
#page-shangbiao .w1200 .tab-cont .right-cont .tips-txt {
  padding:10px 0 10px 28px!important;margin-bottom:6px!important;color:#475569!important;font-size:13px!important;line-height:1.55!important;position:relative!important;border-bottom:1px dashed #e2e8f0!important;
}
#page-shangbiao .w1200 .tab-cont .right-cont .tips-txt:last-child {
  border-bottom:none!important;
}
#page-shangbiao .w1200 .tab-cont .right-cont .tips-txt .blue-circle {
  position:absolute!important;left:0!important;top:10px!important;width:20px!important;height:20px!important;border-radius:50%!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:20px!important;text-align:center!important;font-style:normal!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
#page-shangbiao .w1200 .tab-cont .right-cont .tips-txt span {
  font-size:13px!important;color:#475569!important;line-height:1.6;
}
@media (max-width:1200px) {
  #page-shangbiao .w1200 .tab-cont .right-cont {
    flex:0 0 360px!important;padding:0 24px!important;
  }
  #page-shangbiao .w1200 .tab-cont .left-cont {
    padding:0 24px!important;
  }
  #page-shangbiao .w1200 .big-title {
    font-size:24px;
  }
}
@media (max-width:1024px) {
  #page-shangbiao .w1200 .tab-tit-box .tab-tit-item {
    padding:14px 16px!important;flex:1 1 33.333%!important;
  }
  #page-shangbiao .w1200 .tab-tit-box .tab-tit-item em {
    font-size:24px!important;
  }
  #page-shangbiao .w1200 .tab-cont.active {
    flex-wrap:wrap!important;
  }
  #page-shangbiao .w1200 .tab-cont .line-center {
    display:none!important;
  }
  #page-shangbiao .w1200 .tab-cont.active .left-cont,
#page-shangbiao .w1200 .tab-cont.active .right-cont {
    flex:1 1 100%!important;padding:0 24px!important;
  }
  #page-shangbiao .w1200 .tab-cont.active .left-cont {
    margin-bottom:24px!important;
  }
  #page-shangbiao .w1200 .tab-cont.active .right-cont {
    border-top:1px solid #e2e8f0!important;padding-top:24px!important;
  }
  #page-shangbiao .w1200 .big-title {
    font-size:22px;margin:36px 0 20px;
  }
}
@media (max-width:768px) {
  #page-shangbiao .w1200 .big-title {
    font-size:18px;margin:28px 0 16px;gap:10px;
  }
  #page-shangbiao .w1200 .big-title .line {
    width:24px;
  }
  #page-shangbiao .w1200 .tab-tit-box .tab-tit-item {
    padding:12px 8px!important;flex:1 1 50%!important;
  }
  #page-shangbiao .w1200 .tab-tit-box .tab-tit-item em {
    font-size:20px!important;
  }
  #page-shangbiao .w1200 .tab-tit-box .tab-tit-item span {
    font-size:12px!important;
  }
  #page-shangbiao .w1200 .tab-cont.active {
    padding:20px 0!important;
  }
  #page-shangbiao .w1200 .tab-cont.active .left-cont ul {
    grid-template-columns:1fr!important;gap:12px!important;
  }
  #page-shangbiao .w1200 .tab-cont.active .left-cont,
#page-shangbiao .w1200 .tab-cont.active .right-cont {
    padding:0 16px!important;
  }
}
@media (max-width:480px) {
  #page-shangbiao .w1200 .big-title {
    font-size:16px;
  }
  #page-shangbiao .w1200 .big-title .line,
#page-shangbiao .w1200 .big-title .circle {
    display:none;
  }
  #page-shangbiao .w1200 .tab-tit-box .tab-tit-item {
    flex:1 1 50%!important;padding:10px 6px!important;
  }
  #page-shangbiao .w1200 .tab-tit-box .tab-tit-item em {
    font-size:18px!important;
  }
  #page-shangbiao .w1200 .tab-tit-box .tab-tit-item span {
    font-size:11px!important;
  }
}
#page-shangbiao .faq-wrap {
  background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 100%);padding:50px 0 40px;margin-top:20px;
}
#page-shangbiao .faq-inner {
  max-width:1200px;margin:0 auto;
}
#page-shangbiao .faq-title-wrap {
  margin-bottom:32px;text-align:center;
}
#page-shangbiao .faq-title {
  font-size:24px;font-weight:700;color:#1e293b;margin:0;letter-spacing:0.5px;
}
#page-shangbiao .faq-title::before {
  content:"";display:inline-block;width:4px;height:24px;background:linear-gradient(180deg,#6366f1 0%,#a855f7 100%);margin-right:10px;vertical-align:-5px;border-radius:2px;
}
#page-shangbiao .faq-subtitle {
  font-size:13px;color:#64748b;margin:10px 0 6px;
}
#page-shangbiao .faq-meta {
  font-size:11.5px;color:#94a3b8;margin:0;
}
#page-shangbiao .faq-group {
  margin-bottom:28px;
}
#page-shangbiao .faq-group:last-child {
  margin-bottom:0;
}
#page-shangbiao .faq-group-title {
  font-size:17px;font-weight:700;color:#1e293b;margin:0 0 14px;padding-left:14px;border-left:4px solid #6366f1;display:flex;align-items:center;
}
#page-shangbiao .faq-group-num {
  display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border-radius:50%;font-size:13px;font-weight:700;margin-right:10px;flex-shrink:0;
}
#page-shangbiao .faq-grid {
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
}
#page-shangbiao .faq-card {
  background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(99,102,241,0.08);padding:14px 16px 14px 18px;position:relative;cursor:pointer;transition:all .25s ease;border:1px solid transparent;
}
#page-shangbiao .faq-card::before {
  content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:0 4px 4px 0;
}
#page-shangbiao .faq-card:hover {
  transform:translateY(-2px);box-shadow:0 8px 22px rgba(99,102,241,0.14);border-color:rgba(99,102,241,0.18);
}
#page-shangbiao .faq-card.active {
  border-color:rgba(99,102,241,0.3);background:linear-gradient(180deg,#ffffff 0%,#f5f3ff 100%);
}
#page-shangbiao .faq-q {
  display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;color:#1e293b;line-height:1.55;
}
#page-shangbiao .faq-q-mark {
  flex-shrink:0;width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border-radius:50%;text-align:center;line-height:24px;font-size:13px;font-weight:700;
}
#page-shangbiao .faq-q-text {
  flex:1;
}
#page-shangbiao .faq-q-icon {
  flex-shrink:0;width:20px;height:20px;text-align:center;line-height:18px;border:1.5px solid #a5b4fc;border-radius:50%;color:#6366f1;font-size:14px;font-weight:700;transition:all .25s ease;
}
#page-shangbiao .faq-card.active .faq-q-icon {
  transform:rotate(45deg);background:#6366f1;color:#fff;border-color:#6366f1;
}
#page-shangbiao .faq-a {
  max-height:0;overflow:hidden;transition:max-height .35s ease;
}
#page-shangbiao .faq-card.active .faq-a {
  max-height:800px;
}
#page-shangbiao .faq-a-inner {
  padding:12px 0 4px 34px;font-size:13px;color:#475569;line-height:1.75;margin:0;
}
#page-shangbiao .faq-a-inner b {
  color:#4f46e5;font-weight:600;
}
@media (max-width:1200px) {
  #page-shangbiao .faq-grid {
    grid-template-columns:1fr;
  }
}
@media (max-width:768px) {
  #page-shangbiao .faq-group-title {
    font-size:15px;
  }
  #page-shangbiao .faq-group-num {
    width:22px;height:22px;font-size:11px;
  }
  #page-shangbiao .faq-a-inner {
    padding-left:0;
  }
}
#page-shangbiao .faq-group-1 .faq-group-title {
  border-left-color:#6366f1;
}
#page-shangbiao .faq-group-1 .faq-group-num {
  background:linear-gradient(135deg,#6366f1,#4f46e5);
}
#page-shangbiao .faq-group-1 .faq-card::before {
  background:linear-gradient(180deg,#6366f1,#4f46e5);
}
#page-shangbiao .faq-group-1 .faq-q-mark {
  background:linear-gradient(135deg,#6366f1,#4f46e5);
}
#page-shangbiao .faq-group-1 .faq-q-icon {
  border-color:#818cf8;color:#6366f1;
}
#page-shangbiao .faq-group-1 .faq-card.active .faq-q-icon {
  background:#6366f1;color:#fff;border-color:#6366f1;
}
#page-shangbiao .faq-group-1 .faq-card:hover .faq-q-icon {
  background:#eef2ff;color:#6366f1;
}
#page-shangbiao .faq-group-2 .faq-group-title {
  border-left-color:#0ea5e9;
}
#page-shangbiao .faq-group-2 .faq-group-num {
  background:linear-gradient(135deg,#0ea5e9,#0284c7);
}
#page-shangbiao .faq-group-2 .faq-card::before {
  background:linear-gradient(180deg,#0ea5e9,#0284c7);
}
#page-shangbiao .faq-group-2 .faq-q-mark {
  background:linear-gradient(135deg,#0ea5e9,#0284c7);
}
#page-shangbiao .faq-group-2 .faq-q-icon {
  border-color:#7dd3fc;color:#0ea5e9;
}
#page-shangbiao .faq-group-2 .faq-card.active .faq-q-icon {
  background:#0ea5e9;color:#fff;border-color:#0ea5e9;
}
#page-shangbiao .faq-group-2 .faq-card:hover .faq-q-icon {
  background:#f0f9ff;color:#0ea5e9;
}
#page-shangbiao .faq-group-3 .faq-group-title {
  border-left-color:#10b981;
}
#page-shangbiao .faq-group-3 .faq-group-num {
  background:linear-gradient(135deg,#10b981,#059669);
}
#page-shangbiao .faq-group-3 .faq-card::before {
  background:linear-gradient(180deg,#10b981,#059669);
}
#page-shangbiao .faq-group-3 .faq-q-mark {
  background:linear-gradient(135deg,#10b981,#059669);
}
#page-shangbiao .faq-group-3 .faq-q-icon {
  border-color:#6ee7b7;color:#10b981;
}
#page-shangbiao .faq-group-3 .faq-card.active .faq-q-icon {
  background:#10b981;color:#fff;border-color:#10b981;
}
#page-shangbiao .faq-group-3 .faq-card:hover .faq-q-icon {
  background:#ecfdf5;color:#10b981;
}
#page-shangbiao .faq-group-4 .faq-group-title {
  border-left-color:#f59e0b;
}
#page-shangbiao .faq-group-4 .faq-group-num {
  background:linear-gradient(135deg,#f59e0b,#d97706);
}
#page-shangbiao .faq-group-4 .faq-card::before {
  background:linear-gradient(180deg,#f59e0b,#d97706);
}
#page-shangbiao .faq-group-4 .faq-q-mark {
  background:linear-gradient(135deg,#f59e0b,#d97706);
}
#page-shangbiao .faq-group-4 .faq-q-icon {
  border-color:#fcd34d;color:#f59e0b;
}
#page-shangbiao .faq-group-4 .faq-card.active .faq-q-icon {
  background:#f59e0b;color:#fff;border-color:#f59e0b;
}
#page-shangbiao .faq-group-4 .faq-card:hover .faq-q-icon {
  background:#fffbeb;color:#f59e0b;
}
#page-shangbiao .faq-group-5 .faq-group-title {
  border-left-color:#f43f5e;
}
#page-shangbiao .faq-group-5 .faq-group-num {
  background:linear-gradient(135deg,#f43f5e,#e11d48);
}
#page-shangbiao .faq-group-5 .faq-card::before {
  background:linear-gradient(180deg,#f43f5e,#e11d48);
}
#page-shangbiao .faq-group-5 .faq-q-mark {
  background:linear-gradient(135deg,#f43f5e,#e11d48);
}
#page-shangbiao .faq-group-5 .faq-q-icon {
  border-color:#fda4af;color:#f43f5e;
}
#page-shangbiao .faq-group-5 .faq-card.active .faq-q-icon {
  background:#f43f5e;color:#fff;border-color:#f43f5e;
}
#page-shangbiao .faq-group-5 .faq-card:hover .faq-q-icon {
  background:#fff1f2;color:#f43f5e;
}
#page-shangbiao .faq-group-6 .faq-group-title {
  border-left-color:#a855f7;
}
#page-shangbiao .faq-group-6 .faq-group-num {
  background:linear-gradient(135deg,#a855f7,#7c3aed);
}
#page-shangbiao .faq-group-6 .faq-card::before {
  background:linear-gradient(180deg,#a855f7,#7c3aed);
}
#page-shangbiao .faq-group-6 .faq-q-mark {
  background:linear-gradient(135deg,#a855f7,#7c3aed);
}
#page-shangbiao .faq-group-6 .faq-q-icon {
  border-color:#d8b4fe;color:#a855f7;
}
#page-shangbiao .faq-group-6 .faq-card.active .faq-q-icon {
  background:#a855f7;color:#fff;border-color:#a855f7;
}
#page-shangbiao .faq-group-6 .faq-card:hover .faq-q-icon {
  background:#faf5ff;color:#a855f7;
}
#page-shangbiao .faq-group-7 .faq-group-title {
  border-left-color:#0891b2;
}
#page-shangbiao .faq-group-7 .faq-group-num {
  background:linear-gradient(135deg,#0891b2,#0e7490);
}
#page-shangbiao .faq-group-7 .faq-card::before {
  background:linear-gradient(180deg,#0891b2,#0e7490);
}
#page-shangbiao .faq-group-7 .faq-q-mark {
  background:linear-gradient(135deg,#0891b2,#0e7490);
}
#page-shangbiao .faq-group-7 .faq-q-icon {
  border-color:#67e8f9;color:#0891b2;
}
#page-shangbiao .faq-group-7 .faq-card.active .faq-q-icon {
  background:#0891b2;color:#fff;border-color:#0891b2;
}
#page-shangbiao .faq-group-7 .faq-card:hover .faq-q-icon {
  background:#ecfeff;color:#0891b2;
}
#page-shangbiao .qual-list .qual-card img,
#page-shangbiao .lh-qual .qual-card img {
  display:block;margin:0 auto;
}
#page-shangbiao .provide-wrap {
  width:100%;height:auto;background:#f9fafe;padding:24px 0 32px;
}
#page-shangbiao .provide-wrap .provide {
  height:auto;overflow:visible;position:relative;
}
#page-shangbiao .provide-wrap .title {
  font-size:32px;color:#333;text-align:center;padding:14px 0 10px;
}
#page-shangbiao .provide-wrap .title span {
  color:#5b77f1;
}
#page-shangbiao .provide-wrap .title-line {
  width:50px;height:3px;background:#c5d0ff;margin:0 auto 16px;
}
#page-shangbiao .provide-wrap .rvc {
  max-width:1140px;margin:auto;margin-top:20px;position:relative;
}
#page-shangbiao .provide-wrap .rvc .rvc-wrapper {
  margin:auto;overflow:hidden;
}
#page-shangbiao .provide-wrap .rvc .rvc-wrapper ul {
  overflow:hidden;position:relative;width:3780px;
}
#page-shangbiao .provide-wrap .rvc .rvc-wrapper ul li {
  float:left;background:#fff;width:160px;height:160px;border-radius:8px;margin-left:20px;
}
#page-shangbiao .provide-wrap .rvc .rvc-wrapper ul li:hover {
  background:#5b77f1;
}
#page-shangbiao .provide-wrap .rvc .rvc-wrapper ul li:hover p {
  color:#fff;
}
#page-shangbiao .provide-wrap .rvc .rvc-wrapper ul li a {
  display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;
}
#page-shangbiao .provide-wrap .rvc .rvc-wrapper ul li a img {
  display:block;width:68px;height:68px;margin:0 auto 10px;
}
#page-shangbiao .provide-wrap .rvc .rvc-wrapper ul li a p {
  font-size:16px;color:#666;text-align:center;margin:0;
}
#page-shangbiao .provide-wrap .rvc-prv,
#page-shangbiao .provide-wrap .rvc-next {
  position:absolute;display:flex;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);height:auto;
}
#page-shangbiao .provide-wrap .rvc-prv:hover,
#page-shangbiao .provide-wrap .rvc-next:hover {
  cursor:pointer;
}
#page-shangbiao .provide-wrap .rvc-prv {
  left:10px;
}
#page-shangbiao .provide-wrap .rvc-next {
  right:10px;
}
#page-shangbiao .client-wrap {
  width:100% !important;min-height:auto !important;background:#f8fafc !important;padding:48px 0 44px !important;position:relative !important;overflow:hidden !important;
}
#page-shangbiao .client-inner-wrap {
  max-width:1200px !important;margin:0 auto !important;padding:0 15px !important;position:relative !important;z-index:1 !important;
}
#page-shangbiao .client {
  text-align:center !important;
}
#page-shangbiao .client .title {
  color:#1e293b !important;padding:0 !important;font-size:32px !important;font-weight:800 !important;letter-spacing:.5px !important;margin:0 0 10px 0 !important;line-height:1.3 !important;position:relative !important;display:inline-block !important;
}
#page-shangbiao .client .title::before {
  content:'' !important;position:absolute !important;left:-18px !important;top:50% !important;transform:translateY(-50%) !important;width:5px !important;height:32px !important;background:linear-gradient(180deg,#6366f1,#a855f7) !important;border-radius:3px !important;
}
#page-shangbiao .client .title::after {
  content:'' !important;position:absolute !important;right:-14px !important;top:50% !important;transform:translateY(-50%) !important;width:8px !important;height:8px !important;background:#fbbf24 !important;border-radius:50% !important;box-shadow:0 0 0 4px rgba(251,191,36,.2) !important;
}
#page-shangbiao .client .title-line {
  display:none !important;
}
#page-shangbiao .client .client-sublabel {
  font-size:13px !important;color:#64748b !important;margin:0 0 30px 0 !important;letter-spacing:.3px !important;line-height:1.7 !important;
}
#page-shangbiao .client .cc-grid {
  display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:14px !important;margin:0 !important;padding:0 !important;list-style:none !important;
}
#page-shangbiao .client .cc-grid::before,
#page-shangbiao .client .cc-grid::after {
  display:none !important;content:none !important;
}
#page-shangbiao .cc-card {
  background:#fff !important;border-radius:12px !important;padding:18px 16px 16px !important;box-shadow:0 2px 10px rgba(15,23,42,.05) !important;transition:all .3s ease !important;cursor:default !important;position:relative !important;display:block !important;line-height:1.5 !important;margin:0 !important;
}
#page-shangbiao .cc-card:hover {
  transform:translateY(-4px) !important;box-shadow:0 8px 24px rgba(99,102,241,.15) !important;
}
#page-shangbiao .cc-tag {
  display:inline-block !important;padding:3px 10px !important;background:#eef2ff !important;color:#4f46e5 !important;border-radius:16px !important;font-size:11px !important;font-weight:600 !important;margin-bottom:10px !important;line-height:1.4 !important;
}
#page-shangbiao .cc-card h4 {
  font-size:15px !important;font-weight:700 !important;color:#1e293b !important;margin:0 0 6px 0 !important;padding:0 !important;line-height:1.4 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
}
#page-shangbiao .cc-card p {
  font-size:12px !important;color:#94a3b8 !important;margin:0 !important;padding:0 !important;line-height:1.5 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
}
#page-shangbiao .cc-list, #page-shangbiao .cc-quote {
  display:none !important;
}
@media(max-width:1100px) {
  #page-shangbiao .client .cc-grid {
    grid-template-columns:repeat(3,1fr) !important;
  }
}
@media(max-width:768px) {
  #page-shangbiao .client-wrap {
    padding:36px 0 30px !important;
  }
  #page-shangbiao .client .title {
    font-size:24px !important;
  }
  #page-shangbiao .client .cc-grid {
    grid-template-columns:repeat(2,1fr) !important;gap:12px !important;
  }
}
@media(max-width:1100px) {
  #page-shangbiao .client ul {
    grid-template-columns:repeat(4,1fr) !important;
  }
}
@media(max-width:768px) {
  #page-shangbiao .client-wrap {
    padding:36px 0 30px !important;
  }
  #page-shangbiao .client .title {
    font-size:24px !important;
  }
}