/* ==========================================================================
   鲸为科技 · 关于我们 & 企业文化 专用样式（独立文件）
   版本：蓝色主题版（恢复版）
   ==========================================================================
   说明：
   1. 独立文件避免 PbootCMS 对 <style> 的潜在处理；
   2. 所有类名使用 jw- 前缀，避免与主题 CSS（aa.css / nei.css / phonedi.css）冲突；
   3. 关键布局属性加 !important，强制覆盖主题中可能存在的干扰样式；
   4. 不依赖 bootstrap 的 .container/.row/.col，容器统一用 .jw-wrap。
   ========================================================================== */

/* ---------- 通用 ---------- */
.jw-wrap {
  width: 1280px !important;
  max-width: 94% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
.jw-section { box-sizing: border-box !important; width: 100% !important; display: block !important; }

/* 区块标题 */
.jw-tag {
  display: inline-block !important;
  font-size: 13px !important;
  letter-spacing: 3px !important;
  color: #111111 !important;
  font-weight: 600 !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}
.jw-title { font-size: 32px !important; color: #111111 !important; font-weight: 700 !important; margin: 0 0 14px !important; line-height: 1.3 !important; }
.jw-sub { font-size: 15px !important; color: #7a8599 !important; line-height: 1.9 !important; }
.jw-center { text-align: center !important; }
.jw-head { text-align: center !important; margin-bottom: 50px !important; }

/* ---------- 关于我们 · 板块1 公司概况 ---------- */
.jw-company {
  padding: 70px 0 80px !important;
  background: linear-gradient(135deg, #0a3d91 0%, #1453b8 60%, #2d8cf0 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.jw-company::after { content:""; position: absolute !important; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; background: rgba(255,255,255,.06); }
.jw-company::before { content:""; position: absolute !important; left: -80px; bottom: -160px; width: 360px; height: 360px; border-radius: 50%; background: rgba(255,255,255,.05); }
.jw-company .jw-row {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  z-index: 2 !important;
  flex-wrap: wrap !important;
}
.jw-cp-left { width: 55% !important; padding-right: 50px !important; box-sizing: border-box !important; }
.jw-cp-left .jw-tag { color: #9cc3ff !important; margin-bottom: 18px !important; }
.jw-cp-left h1 { font-size: 40px !important; line-height: 1.35 !important; color: #ffffff !important; font-weight: 700 !important; margin: 0 0 16px !important; }
.jw-cp-left h1 b { color: #66b3ff !important; font-weight: 700 !important; }
.jw-slogan { font-size: 16px !important; color: #d7e6ff !important; margin: 0 0 18px !important; }
.jw-desc { font-size: 14px !important; color: #b9d0f5 !important; line-height: 2 !important; margin: 0 0 30px !important; }
.jw-btns a { display: inline-block !important; margin-right: 12px !important; }
.jw-btn { display: inline-block !important; padding: 12px 34px !important; border-radius: 40px !important; font-size: 15px !important; text-decoration: none !important; transition: all .3s ease !important; box-sizing: border-box !important; }
.jw-btn-primary { background: #ffffff !important; color: #0a3d91 !important; font-weight: 600 !important; box-shadow: 0 8px 24px rgba(0,0,0,.18) !important; }
.jw-btn-primary:hover { background: #eaf2ff !important; color: #0a3d91 !important; }
.jw-btn-ghost { border: 1px solid rgba(255,255,255,.6) !important; color: #ffffff !important; }
.jw-btn-ghost:hover { background: rgba(255,255,255,.15) !important; color: #ffffff !important; }
.jw-cp-right { width: 45% !important; position: relative !important; }
.jw-cp-right img { width: 100% !important; border-radius: 18px !important; box-shadow: 0 20px 60px rgba(0,0,0,.35) !important; display: block !important; }
.jw-card { position: absolute !important; left: -26px; bottom: 34px; background: #ffffff !important; border-radius: 14px !important; padding: 18px 26px !important; box-shadow: 0 16px 44px rgba(10,61,145,.30) !important; }
.jw-card b { display: block !important; font-size: 30px !important; color: #111111 !important; font-weight: 800 !important; line-height: 1 !important; }
.jw-card span { font-size: 13px !important; color: #666666 !important; }

/* ---------- 关于我们 · 板块2 核心能力 ---------- */
.jw-lines { padding: 80px 0 !important; background: #ffffff !important; }
.jw-lines .jw-row { display: flex !important; flex-wrap: wrap !important; margin: 0 -10px !important; }
.jw-col { box-sizing: border-box !important; padding: 10px !important; }
.jw-col-3 { width: 33.3333% !important; }
.jw-col-2 { width: 50% !important; }
.jw-col-4 { width: 25% !important; }
.jw-line {
  background: #f7faff !important;
  border: 1px solid #e8eefb !important;
  border-radius: 16px !important;
  padding: 40px 30px 36px !important;
  text-align: center !important;
  transition: all .35s ease !important;
  position: relative !important;
  overflow: hidden !important;
  height: 100% !important;
  box-sizing: border-box !important;
}
.jw-line:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 50px rgba(45,140,240,.15) !important; border-color: #2d8cf0 !important; }
.jw-line-num { font-size: 46px !important; font-weight: 800 !important; color: #dce8ff !important; line-height: 1 !important; margin: 0 0 18px !important; }
.jw-line-ico { width: 62px !important; height: 62px !important; margin: 0 auto 18px !important; border-radius: 16px !important; background: linear-gradient(135deg, #2d8cf0, #1e6de0) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.jw-line-ico span { color: #ffffff !important; font-size: 26px !important; font-weight: 700 !important; }
.jw-line h3 { font-size: 19px !important; color: #111111 !important; margin: 0 0 12px !important; }
.jw-line p { font-size: 13.5px !important; color: #7a8599 !important; line-height: 1.9 !important; margin: 0 !important; }
.jw-line ul { list-style: none !important; margin: 16px 0 0 !important; padding: 14px 0 0 !important; border-top: 1px dashed #dbe6f8 !important; text-align: left !important; }
.jw-line ul li { font-size: 13px !important; color: #5b6b84 !important; line-height: 2 !important; padding-left: 16px !important; position: relative !important; }
.jw-line ul li::before { content:""; position: absolute !important; left: 0; top: 12px; width: 7px; height: 7px; border-radius: 50%; background: #2d8cf0 !important; }

/* ---------- 关于我们 · 板块3 产学研 ---------- */
.jw-research { padding: 80px 0 !important; background: #0a3d91 !important; position: relative !important; overflow: hidden !important; }
.jw-research::after { content:""; position: absolute !important; right: -140px; top: -140px; width: 400px; height: 400px; border-radius: 50%; background: rgba(45,140,240,.15); }
.jw-research .jw-tag { color: #8ec5ff !important; }
.jw-research .jw-title { color: #ffffff !important; }
.jw-research .jw-sub { color: #a9c6f0 !important; }
.jw-research .jw-row { display: flex !important; flex-wrap: wrap !important; position: relative !important; z-index: 2 !important; align-items: center !important; }
.jw-rs-left { width: 52% !important; padding-right: 46px !important; box-sizing: border-box !important; }
.jw-rs-left p { font-size: 14px !important; color: #b9d0f5 !important; line-height: 2.1 !important; margin: 0 0 20px !important; }
.jw-rs-point { font-size: 14px !important; color: #d7e6ff !important; line-height: 2.3 !important; padding-left: 20px !important; position: relative !important; }
.jw-rs-point::before { content:"✔"; position: absolute !important; left: 0; color: #66b3ff !important; }
.jw-rs-right { width: 48% !important; }
.jw-uni { background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 16px !important; padding: 34px 30px !important; box-sizing: border-box !important; }
.jw-uni h4 { color: #ffffff !important; font-size: 17px !important; margin: 0 0 18px !important; letter-spacing: 1px !important; }
.jw-uni ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.jw-uni ul li { display: flex !important; align-items: center !important; color: #e6f0ff !important; font-size: 15px !important; padding: 14px 0 !important; border-bottom: 1px dashed rgba(255,255,255,.18) !important; }
.jw-uni ul li:last-child { border-bottom: none !important; }
.jw-uni ul li b { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #2d8cf0 !important; color: #ffffff !important; font-size: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 16px !important; flex: 0 0 auto !important; }

/* ---------- 关于我们 · 板块4 资质认证 ---------- */
.jw-cert { padding: 80px 0 !important; background: #f5f8fc !important; }
.jw-cert-grid { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important; }
.jw-cert-item { width: calc(25% - 15px) !important; background: #ffffff !important; border-radius: 14px !important; padding: 28px 18px !important; text-align: center !important; border: 1px solid #e8eefb !important; transition: all .3s ease !important; box-sizing: border-box !important; }
.jw-cert-item:hover { transform: translateY(-5px) !important; box-shadow: 0 14px 36px rgba(10,61,145,.10) !important; border-color: #2d8cf0 !important; }
.jw-badge { width: 56px !important; height: 56px !important; margin: 0 auto 14px !important; border-radius: 50% !important; background: linear-gradient(135deg, #eaf2ff, #d8e8ff) !important; color: #1e6de0 !important; font-size: 20px !important; font-weight: 800 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.jw-cert-item h4 { font-size: 15px !important; color: #111111 !important; margin: 0 0 8px !important; }
.jw-cert-item p { font-size: 12.5px !important; color: #8a95a8 !important; margin: 0 !important; line-height: 1.7 !important; }

/* ---------- 关于我们 · 板块5 使命愿景 ---------- */
.jw-mission { background: #ffffff !important; }
.jw-mission-inner {
  background: linear-gradient(120deg, #2d8cf0, #1e6de0 55%, #1453b8) !important;
  border-radius: 22px !important;
  padding: 56px 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 80px auto !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.jw-mission-inner::after { content:""; position: absolute !important; right: 40px; top: -70px; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,.08); }
.jw-mission-left { width: 60% !important; position: relative !important; z-index: 2 !important; }
.jw-mission-left .jw-tag { color: #d7e6ff !important; }
.jw-mission-left h3 { font-size: 28px !important; color: #ffffff !important; margin: 0 0 12px !important; font-weight: 700 !important; }
.jw-mission-left p { font-size: 15px !important; color: #e6f0ff !important; line-height: 1.9 !important; margin: 0 !important; max-width: 600px !important; }
.jw-mission-right { width: 32% !important; text-align: right !important; position: relative !important; z-index: 2 !important; }
.jw-mr-block { display: inline-block !important; text-align: left !important; background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 14px !important; padding: 18px 26px !important; }
.jw-mr-block b { display: block !important; font-size: 15px !important; color: #ffffff !important; margin: 0 0 4px !important; }
.jw-mr-block span { font-size: 13px !important; color: #d7e6ff !important; }

/* ---------- 关于我们 · 板块6 数据里程碑 ---------- */
.jw-num { background: #ffffff !important; padding: 0 0 80px !important; }
.jw-num-inner { display: flex !important; flex-wrap: wrap !important; border: 1px solid #e8eefb !important; border-radius: 18px !important; overflow: hidden !important; }
.jw-num-item { width: 25% !important; text-align: center !important; padding: 40px 16px !important; box-sizing: border-box !important; background: #fbfdff !important; border-right: 1px solid #eef3fc !important; }
.jw-num-item:last-child { border-right: none !important; }
.jw-num-item b { display: block !important; font-size: 40px !important; color: #111111 !important; font-weight: 800 !important; line-height: 1.1 !important; }
.jw-num-item b em { font-style: normal !important; font-size: 20px !important; }
.jw-num-item span { font-size: 14px !important; color: #7a8599 !important; margin-top: 10px !important; display: block !important; }

/* ---------- 企业文化 · 板块1 HERO ---------- */
.jw-cu-hero { padding: 90px 0 !important; background: linear-gradient(135deg, #0a3d91 0%, #1453b8 60%, #2d8cf0 100%) !important; position: relative !important; overflow: hidden !important; text-align: center !important; }
.jw-cu-hero::after { content:""; position: absolute !important; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 700px; height: 700px; border-radius: 50%; border: 1px solid rgba(255,255,255,.08); }
.jw-cu-hero::before { content:""; position: absolute !important; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 500px; height: 500px; border-radius: 50%; border: 1px solid rgba(255,255,255,.10); }
.jw-cu-hero .jw-inner { position: relative !important; z-index: 2 !important; }
.jw-cu-hero .jw-tag { color: #9cc3ff !important; }
.jw-cu-hero h1 { font-size: 44px !important; color: #ffffff !important; font-weight: 800 !important; margin: 0 0 16px !important; }
.jw-cu-hero p { font-size: 16px !important; color: #c9dbf8 !important; margin: 0 auto !important; max-width: 640px !important; line-height: 2 !important; }

/* ---------- 企业文化 · 板块2 使命 ---------- */
.jw-cu-mission { padding: 80px 0 20px !important; background: #ffffff !important; }
.jw-cu-box { background: linear-gradient(120deg, #f0f7ff, #ffffff) !important; border: 1px solid #e0ecfb !important; border-radius: 20px !important; padding: 56px 60px !important; text-align: center !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; }
.jw-cu-box::before { content:"“"; position: absolute !important; left: 30px; top: 10px; font-size: 120px; color: #dbeafe !important; line-height: 1; font-family: Georgia, serif; }
.jw-cu-box .jw-tag { margin-bottom: 18px !important; }
.jw-cu-box h3 { font-size: 30px !important; color: #111111 !important; font-weight: 800 !important; margin: 0 0 20px !important; }
.jw-cu-box p { font-size: 15px !important; color: #5b6b84 !important; line-height: 2.2 !important; max-width: 820px !important; margin: 0 auto !important; }

/* ---------- 企业文化 · 板块3 愿景 ---------- */
.jw-cu-vision { padding: 60px 0 !important; background: #ffffff !important; }
.jw-cu-inner { display: flex !important; align-items: center !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 16px 50px rgba(10,61,145,.10) !important; flex-wrap: wrap !important; }
.jw-cu-v-left { width: 44% !important; }
.jw-cu-v-left img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; min-height: 320px !important; }
.jw-cu-v-right { width: 56% !important; padding: 56px !important; box-sizing: border-box !important; }
.jw-cu-v-right .jw-tag { margin-bottom: 16px !important; }
.jw-cu-v-right h3 { font-size: 28px !important; color: #111111 !important; margin: 0 0 18px !important; font-weight: 700 !important; }
.jw-cu-v-right p { font-size: 14.5px !important; color: #5b6b84 !important; line-height: 2.1 !important; margin: 0 0 12px !important; }
.jw-cu-v-right ul { list-style: none !important; margin: 20px 0 0 !important; padding: 0 !important; }
.jw-cu-v-right ul li { font-size: 14.5px !important; color: #3d3d3d !important; line-height: 2.4 !important; padding-left: 22px !important; position: relative !important; }
.jw-cu-v-right ul li::before { content:""; position: absolute !important; left: 0; top: 13px; width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg,#2d8cf0,#1e6de0) !important; }

/* ---------- 企业文化 · 板块4 价值观 ---------- */
.jw-cu-values { padding: 70px 0 80px !important; background: #f5f8fc !important; }
.jw-cu-values .jw-row { display: flex !important; flex-wrap: wrap !important; margin: 0 -10px !important; }
.jw-value { background: #ffffff !important; border-radius: 16px !important; padding: 38px 28px !important; text-align: center !important; border: 1px solid #e8eefb !important; transition: all .35s ease !important; height: 100% !important; box-sizing: border-box !important; }
.jw-value:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 50px rgba(45,140,240,.14) !important; border-color: #2d8cf0 !important; }
.jw-vi-num { width: 54px !important; height: 54px !important; margin: 0 auto 16px !important; border-radius: 50% !important; background: linear-gradient(135deg, #2d8cf0, #1e6de0) !important; color: #ffffff !important; font-size: 20px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.jw-value h3 { font-size: 18px !important; color: #111111 !important; margin: 0 0 10px !important; }
.jw-value p { font-size: 13.5px !important; color: #7a8599 !important; line-height: 1.9 !important; margin: 0 !important; }

/* ---------- 企业文化 · 板块5 理念 ---------- */
.jw-cu-idea { padding: 80px 0 !important; background: #ffffff !important; }
.jw-cu-idea .jw-row { display: flex !important; flex-wrap: wrap !important; margin: 0 -10px !important; }
.jw-idea-box { border-radius: 18px !important; border: 1px solid #e8eefb !important; background: #fbfdff !important; padding: 40px 36px !important; height: 100% !important; box-sizing: border-box !important; }
.jw-ib-tag { display: inline-block !important; font-size: 13px !important; color: #111111 !important; font-weight: 600 !important; letter-spacing: 2px !important; margin-bottom: 14px !important; }
.jw-idea-box h3 { font-size: 22px !important; color: #111111 !important; margin: 0 0 16px !important; }
.jw-idea-box ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.jw-idea-box ul li { font-size: 14px !important; color: #5b6b84 !important; line-height: 2.3 !important; padding-left: 18px !important; position: relative !important; }
.jw-idea-box ul li::before { content:"◆"; position: absolute !important; left: 0; top: 0; font-size: 10px; color: #2d8cf0 !important; }

/* ---------- 企业文化 · 板块6 团队 ---------- */
.jw-cu-atmos { padding: 0 0 80px !important; background: #ffffff !important; }
.jw-atmos-grid { display: flex !important; flex-wrap: wrap !important; gap: 20px !important; }
.jw-atmos-item { width: calc(33.333% - 14px) !important; border-radius: 16px !important; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; }
.jw-atmos-item img { width: 100% !important; height: 260px !important; object-fit: cover !important; display: block !important; transition: transform .5s ease !important; }
.jw-atmos-item:hover img { transform: scale(1.06) !important; }
.jw-atmos-item .jw-mask { position: absolute !important; left: 0; right: 0; bottom: 0; padding: 40px 22px 18px !important; background: linear-gradient(to top, rgba(10,61,145,.85), transparent) !important; color: #ffffff !important; }
.jw-atmos-item .jw-mask h4 { font-size: 16px !important; margin: 0 0 4px !important; font-weight: 600 !important; }
.jw-atmos-item .jw-mask span { font-size: 12.5px !important; color: #d7e6ff !important; }

/* ---------- 响应式 ---------- */
@media (max-width: 992px) {
  .jw-cp-left, .jw-cp-right { width: 100% !important; padding-right: 0 !important; }
  .jw-cp-left { margin-bottom: 34px !important; }
  .jw-cp-left h1 { font-size: 30px !important; }
  .jw-card { left: 10px !important; bottom: 20px !important; padding: 14px 20px !important; }
  .jw-title { font-size: 25px !important; }
  .jw-rs-left, .jw-rs-right { width: 100% !important; padding-right: 0 !important; }
  .jw-rs-left { margin-bottom: 30px !important; }
  .jw-col-3 { width: 50% !important; }
  .jw-col-2 { width: 100% !important; }
  .jw-col-4 { width: 50% !important; }
  .jw-cert-item { width: calc(50% - 10px) !important; }
  .jw-mission-inner { flex-direction: column !important; text-align: center !important; padding: 40px 24px !important; }
  .jw-mission-left { width: 100% !important; margin-bottom: 26px !important; }
  .jw-mission-right { width: 100% !important; text-align: center !important; }
  .jw-num-item { width: 50% !important; border-bottom: 1px solid #eef3fc !important; }
  .jw-cu-hero h1 { font-size: 32px !important; }
  .jw-cu-hero { padding: 60px 0 !important; }
  .jw-cu-box { padding: 40px 24px !important; }
  .jw-cu-v-left, .jw-cu-v-right { width: 100% !important; }
  .jw-cu-v-left img { min-height: 220px !important; }
  .jw-cu-v-right { padding: 36px 24px !important; }
  .jw-atmos-item { width: calc(50% - 10px) !important; }
}
@media (max-width: 480px) {
  .jw-cert-item { width: 100% !important; }
  .jw-num-item { width: 100% !important; border-right: none !important; }
  .jw-cp-left h1 { font-size: 26px !important; }
  .jw-btn { padding: 11px 26px !important; font-size: 14px !important; }
  .jw-col-3 { width: 100% !important; }
  .jw-col-4 { width: 100% !important; }
  .jw-atmos-item { width: 100% !important; }
}