/* 企业概述区 */
.about-overview { padding: 80px 0; }
.overview-inner {
  max-width: var(--max-width); margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
}
.overview-image img { width: 100%; border-radius: 12px; object-fit: cover; height: 400px; }
.overview-text h2 { font-size: 32px; font-weight: 700; margin-bottom: 24px; }
.overview-text p { font-size: 15px; line-height: 1.8; color: var(--text-desc); margin-bottom: 20px; }
.overview-text p:last-child { margin-bottom: 30px; }
.service-icons { display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; }
.service-icon-item { text-align: center; }
.service-icon-item img { width: 48px; height: 48px; margin: 0 auto 8px; }
.service-icon-item span { font-size: 13px; color: var(--text-desc); }

/* 企业优势区 */
.advantages-section { padding: 80px 0; background: var(--primary-light); }
.advantages-grid {
  max-width: var(--max-width); margin: 0 auto;
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;
}
.advantage-card {
  background: #F5F7FF; border-radius: 16px; padding: 36px 32px;
  position: relative; transition: all 0.3s;
}
.advantage-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
.advantage-number {
  position: absolute; top: 20px; right: 24px; font-size: 48px;
  font-weight: 700; color: var(--primary); opacity: 0.2;
}
.advantage-card h3 { font-size: 20px; font-weight: 600; margin-bottom: 12px; color: var(--text-main); }
.advantage-card p { font-size: 14px; color: var(--text-desc); line-height: 1.7; }

/* 发展历程时间轴 */
.timeline-section { padding: 80px 0; }
.timeline {
  max-width: 900px; margin: 0 auto;
}
.timeline-item {
  display: flex; align-items: stretch; gap: 24px;
  margin-bottom: 32px;
}
.timeline-item:last-child { margin-bottom: 0; }
.timeline-year {
  width: 80px; flex-shrink: 0; text-align: right;
  font-size: 28px; font-weight: 700; color: var(--primary);
  display: flex; align-items: center; justify-content: flex-end;
}
.timeline-track {
  position: relative; width: 24px; flex-shrink: 0;
}
.timeline-line {
  position: absolute; left: 50%; transform: translateX(-50%);
  top: 0; bottom: 0; width: 2px; background: #D1D9E6;
}
.timeline-line-first { top: 50%; }
.timeline-line-last { bottom: 50%; }
.timeline-dot {
  width: 12px; height: 12px; border-radius: 50%;
  background: #fff; border: 2px solid var(--primary);
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); z-index: 1;
}
.timeline-content {
  flex: 1; background: #F5F7FA; border-radius: 12px; padding: 24px 28px;
}
.timeline-content h3 { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.timeline-content p { font-size: 14px; color: var(--text-desc); line-height: 1.7; }

@media (max-width: 992px) {
  .overview-inner { grid-template-columns: 1fr; gap: 30px; }
  .advantages-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1400px) {
  .overview-inner, .advantages-grid, .timeline { padding: 0 40px; }
}
@media (max-width: 768px) {
  .timeline-year { width: 50px; font-size: 20px; }
  .timeline-item { gap: 12px; }
  .timeline-track { width: 20px; }
  .timeline-content { padding: 18px 20px; }
}