/* ==========================================================================
   关于我们页面样式（浅蓝大气版）
   ========================================================================== */

/* 公司简介 */
.about-intro{padding:64px 0; background:#fff;}
.about-intro article{display:flex; align-items:center; gap:56px;}
.about-intro-text{flex:1; min-width:0;}
.about-intro-text aside{font-size:15px; line-height:2; color:#555;}
.about-intro-text aside p{margin-bottom:14px;}
.about-intro-media{flex:1; min-width:0; position:relative; border-radius:18px; overflow:hidden; background:linear-gradient(135deg,#0b2545,#0066cc); height:400px; box-shadow:0 24px 50px rgba(11,37,69,.2);}
.about-intro-media>i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:88px; color:rgba(255,255,255,.28);}
.about-intro-media>img{position:relative; z-index:1; width:100%; height:100%; object-fit:cover; transition:transform .6s;}
.about-intro-media:hover>img{transform:scale(1.05);}
.about-intro-badge{position:absolute; z-index:2; right:24px; bottom:24px; background:rgba(255,255,255,.95); border-radius:14px; padding:14px 20px; text-align:center; box-shadow:0 12px 28px rgba(11,37,69,.25); transition:.3s;}
.about-intro-media:hover .about-intro-badge{transform:translateY(-6px);}
.about-intro-badge b{display:block; font-size:24px; color:#0066cc;}
.about-intro-badge span{display:block; font-size:13px; color:#0b2545;}

/* 数据统计 */
.about-count{background:linear-gradient(135deg,#0b2545,#0066cc); padding:44px 0;}
.about-count article{display:flex; flex-wrap:wrap;}
.count-item{flex:1; min-width:200px; text-align:center; padding:10px 0; color:#fff; position:relative;}
.count-item+.count-item:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:44px; background:rgba(255,255,255,.25);}
.count-item b{display:block; font-size:36px; font-weight:bold; letter-spacing:1px;}
.count-item span{display:block; font-size:14px; opacity:.9; margin-top:6px;}

/* 企业文化 */
.about-culture{padding:70px 0; background:#f5f9ff;}
.culture-list{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.culture-item{background:#fff; border:1px solid #eef4fb; border-radius:16px; padding:36px 30px; text-align:center; position:relative; overflow:hidden;}
.culture-item:before{content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:0; height:4px; background:linear-gradient(90deg,#0066cc,#3498db); transition:width .4s;}
.culture-item:hover:before{width:100%;}
.culture-item i{display:inline-flex; align-items:center; justify-content:center; width:74px; height:74px; border-radius:50%; background:linear-gradient(135deg,#eaf3ff,#f5f9ff); color:#0066cc; font-size:32px; transition:.4s;}
.culture-item:hover i{background:linear-gradient(135deg,#0066cc,#3498db); color:#fff; transform:rotateY(180deg);}
.culture-item h3{font-size:21px; color:#0b2545; margin:18px 0 12px; font-weight:bold;}
.culture-item p{font-size:14px; color:#666; line-height:1.9;}

/* 核心优势 */
.about-adv{padding:70px 0; background:#fff;}
.adv-list{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.adv-item{background:#f7fbff; border:1px solid #eef4fb; border-radius:16px; padding:30px 26px; position:relative; overflow:hidden;}
.adv-item:after{content:''; position:absolute; right:-30px; bottom:-30px; width:110px; height:110px; border-radius:50%; background:radial-gradient(circle,rgba(0,102,204,.08),transparent 70%); transition:.4s;}
.adv-item:hover:after{transform:scale(1.6);}
.adv-item i{font-size:38px; color:#0066cc; transition:.4s;}
.adv-item:hover i{transform:translateY(-6px); color:#3498db;}
.adv-item h3{font-size:19px; color:#0b2545; margin:16px 0 10px; font-weight:bold;}
.adv-item p{font-size:14px; color:#666; line-height:1.9;}

/* 发展历程 */
.about-road{padding:70px 0; background:#f5f9ff;}
.road-list{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; position:relative;}
.road-list:before{content:''; position:absolute; left:0; right:0; top:38px; height:2px; background:linear-gradient(90deg,#0066cc,#3498db); opacity:.35;}
.road-item{background:#fff; border:1px solid #eef4fb; border-radius:16px; padding:26px 22px; text-align:center; transition:.35s;}
.road-item:hover{transform:translateY(-8px); box-shadow:0 16px 36px rgba(0,102,204,.14); border-color:#b8d4f0;}
.road-item b{display:inline-block; width:60px; height:60px; line-height:60px; border-radius:50%; background:linear-gradient(135deg,#0066cc,#3498db); color:#fff; font-size:20px; font-weight:bold; box-shadow:0 8px 20px rgba(0,102,204,.3); position:relative; z-index:1;}
.road-item span{display:block; margin-top:16px; font-size:14px; color:#666; line-height:1.9;}

/* 资质荣誉 */
.about-honor{padding:70px 0; background:#fff;}
.honor-static{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.honor-static-item{background:#f7fbff; border:1px solid #eef4fb; border-radius:16px; padding:32px 26px; text-align:center; position:relative; overflow:hidden;}
.honor-static-item:before{content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:0; height:4px; background:linear-gradient(90deg,#0066cc,#3498db); transition:width .4s;}
.honor-static-item:hover:before{width:100%;}
.honor-static-item i{display:inline-flex; align-items:center; justify-content:center; width:70px; height:70px; border-radius:50%; background:linear-gradient(135deg,#eaf3ff,#f5f9ff); color:#0066cc; font-size:30px; transition:.4s;}
.honor-static-item:hover i{background:linear-gradient(135deg,#0066cc,#3498db); color:#fff; transform:translateY(-6px);}
.honor-static-item h3{font-size:19px; color:#0b2545; margin:16px 0 10px; font-weight:bold;}
.honor-static-item p{font-size:14px; color:#666; line-height:1.9;}

/* CTA */
.about-cta{padding:56px 0; background:linear-gradient(135deg,#0b2545,#0066cc);}
.about-cta article{display:flex; align-items:center; justify-content:space-between; gap:24px;}
.about-cta h3{font-size:28px; color:#fff; font-weight:bold;}
.about-cta p{font-size:15px; color:rgba(255,255,255,.85); margin-top:8px;}
.about-cta .btn{background:#fff; color:#0066cc; flex-shrink:0;}
.about-cta .btn:after{background:#eaf3ff;}
.about-cta .btn:hover{color:#0066cc;}

/* 响应式 */
@media(max-width:1200px){
  .about-intro article{flex-direction:column; gap:32px;}
  .about-intro-media{width:100%; height:320px;}
  .culture-list,.adv-list{grid-template-columns:repeat(2,1fr);}
  .road-list{grid-template-columns:repeat(2,1fr);}
  .road-list:before{display:none;}
}
@media(max-width:767px){
  .about-intro{padding:32px 0;}
  .about-intro-media{height:210px; border-radius:12px;}
  .about-count article{flex-wrap:wrap;}
  .count-item{flex:1 1 50%; padding:14px 0;}
  .count-item:nth-child(3):before{display:none;}
  .count-item b{font-size:26px;}
  .about-culture,.about-adv,.about-road,.about-honor{padding:32px 0;}
  .culture-list,.adv-list{grid-template-columns:1fr; gap:14px;}
  .road-list{grid-template-columns:1fr; gap:14px;}
  .honor-static{grid-template-columns:1fr 1fr; gap:14px;}
  .honor-static-item{padding:22px 14px;}
  .about-cta{padding:32px 0;}
  .about-cta article{flex-direction:column; text-align:center;}
  .about-cta h3{font-size:22px;}
}

.about-intro article:after,.about-count article:after,.about-cta article:after{display:none;}