@charset "utf-8";


/* 服务Banner样式 */
.service-header {
	width: 100%;
	height: 400px;
	background: linear-gradient(rgba(0, 102, 179, 0.8), rgba(0, 102, 179, 0.8)), url('../img/about_banner.jpg');
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
}
.service-header h1 {
	font-size: clamp(2.5rem, 5vw, 3.5rem);
	font-weight: bold;
	margin-bottom: 20px;
}
.service-header p {
	font-size: 1.2rem;
	opacity: 0.9;
	max-width: 800px;
	margin: 0 auto;
}

/* 共用标题 */
.section-title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 50px;
    position: relative;
}
.section-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background: #0066B3;
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
}

/* 公司简介 */
.about-intro {
    padding: 80px 0;
    background: #fff;
}
.intro-content {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    text-align: left;
	text-indent: 2rem;
	text-align: justify;
}
.intro-content p {
    margin-bottom: 20px;
}

/* 我们的优势 */
.about-advantages {
    padding: 80px 0;
    background: #f8f9fa;
}
.advantages-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
/* 我们的优势 - hover 阴影 */
.advantage-item {
    background: #fff;
    padding: 40px 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
.advantage-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
/* 优势图标容器 - 圆形背景 */
.adv-icon {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #E6F0FA;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
}

/* 用户图标 SVG */
.adv-icon-user::after {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background-color: #0066B3;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92-10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.adv-icon-team::after {
  content: "";
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #0066B3;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.adv-icon-cert::after {
  content: "";
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #0066B3;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M458.622 255.92l45.985-45.005c13.708-12.977 7.316-36.039-10.664-40.339l-62.65-15.99 17.661-62.015c4.991-17.838-11.829-34.663-29.661-29.671l-61.994 17.667-15.984-62.671C337.085.197 313.765-6.276 300.99 7.228L256 53.57 211.011 7.229c-12.63-13.351-36.047-7.234-40.325 10.668l-15.984 62.671-61.995-17.667C74.87 57.907 58.056 74.738 63.046 92.572l17.661 62.015-62.65 15.99C.069 174.878-6.31 197.944 7.392 210.915l45.985 45.005-45.985 45.004c-13.708 12.977-7.316 36.039 10.664 40.339l62.65 15.99-17.661 62.015c-4.991 17.838 11.829 34.663 29.661 29.671l61.994-17.667 15.984 62.671c4.439 18.575 27.696 24.018 40.325 10.668L256 458.61l44.989 46.001c12.5 13.488 35.987 7.486 40.325-10.668l15.984-62.671 61.994 17.667c17.836 4.994 34.651-11.837 29.661-29.671l-17.661-62.015 62.65-15.99c17.987-4.302 24.366-27.367 10.664-40.339l-45.984-45.004z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.adv-icon-service::after {
  content: "";
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #0066B3;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M434.7 64h-85.9c-8 0-15.7 3-21.6 8.4l-98.3 90c-.1.1-.2.3-.3.4-16.6 15.6-16.3 40.5-2.1 56 12.7 13.9 39.4 17.6 56.1 2.7.1-.1.3-.1.4-.2l79.9-73.2c6.5-5.9 16.7-5.5 22.6 1 6 6.5 5.5 16.6-1 22.6l-26.1 23.9L504 313.8c2.9 2.4 5.5 5 7.9 7.7V128l-54.6-54.6c-5.9-6-14.1-9.4-22.6-9.4zM544 128.2v223.9c0 17.7 14.3 32 32 32h64V128.2h-96zm48 223.9c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zM0 384h64c17.7 0 32-14.3 32-32V128.2H0V384zm48-63.9c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16c0-8.9 7.2-16 16-16zm435.9 18.6L334.6 217.5l-30 27.5c-29.7 27.1-75.2 24.5-101.7-4.4-26.9-29.4-24.8-74.9 4.4-101.7L289.1 64h-83.8c-8.5 0-16.6 3.4-22.6 9.4L128 128v223.9h18.3l90.5 81.9c27.4 22.3 67.7 18.1 90-9.3l.2-.2 17.9 15.5c15.9 13 39.4 10.5 52.3-5.4l31.4-38.6 5.4 4.4c13.7 11.1 33.9 9.1 45-4.7l9.5-11.7c11.2-13.8 9.1-33.9-4.6-45.1z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.advantage-item h3 {
    font-size: 18px;
    margin-bottom: 12px;
    color: #333;
}
.advantage-item p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}


/* 核心团队 */
.about-team {
    padding: 80px 0;
    background: #fff;
}
.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.team-item {
    text-align: center;
    transition: all 0.3s ease;
}
.team-item:hover {
    transform: translateY(-5px);
}
.team-img {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}
.team-item:hover .team-img {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.team-img img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease; /* 图片过渡 */
}
/* 鼠标移入图片放大 */
.team-item:hover .team-img img {
    transform: scale(1.1);
}
.team-item h3 {
    font-size: 18px;
    margin-bottom: 6px;
}
.team-item p {
    color: #0066B3;
    font-size: 14px;
}

/* 响应式 */
@media (max-width: 992px) {
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .team-grid {
        grid-template-columns: 1fr;
    }
}

/* 资质荣誉 */
.about-cert {
    padding: 80px 0;
    background: #f8f9fa;
}
.cert-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.cert-item {
    text-align: center;
    transition: all 0.3s ease;
}
.cert-item:hover {
    transform: translateY(-5px);
}

/* 图片容器 —— 必须加 overflow:hidden 才能让放大不外溢 */
.cert-img-box {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 12px;
}

/* 图片样式 */
.cert-item img {
    width: 100%;
    display: block;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.4s ease; /* 放大+阴影过渡 */
}

/* 悬浮：图片放大 + 加深阴影 */
.cert-item:hover img {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.cert-item p {
    font-size: 14px;
    color: #333;
}

/* 响应式 */
@media (max-width: 992px) {
    .cert-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .cert-grid {
        grid-template-columns: 1fr;
    }
}

/* 合作伙伴 */
.about-partner {
  padding: 80px 0;
  background: #fff;
}
.partner-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}
.partner-item {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px; /* 图片和文字之间的间距 */
  border-radius: 8px;
  font-size: 20px;
  color: #666;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}
/* logo 图片样式 */
.partner-logo {
  width: 32px;
  height: 32px;
  object-fit: contain; /* 保证图片不变形 */
}
.partner-item:hover {
  background: #fff;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* 响应式 */
@media (max-width: 992px) {
  .advantages-grid,
  .team-grid,
  .cert-grid {
      grid-template-columns: repeat(2, 1fr);
  }
  .partner-grid {
      grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .advantages-grid,
  .team-grid,
  .cert-grid,
  .partner-grid {
      grid-template-columns: 1fr;
  }
  .about-banner h1 {
      font-size: 32px;
  }
}


/* ================= 定制方案CTA模块（修复颜色错误） ================= */
.cta-section {
  width: 100%;
  padding: 3rem 0;
  background: #fafbfc;
  position: relative;
}
.cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8%;
  height: 100%;
  background: linear-gradient(to right, #eee, transparent);
  pointer-events: none;
}
.cta-container {
  text-align: center;
}
.cta-title {
  font-size: 2.15rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
.cta-desc {
  font-size: 1.15rem;
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 2.5rem;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.cta-btn {
  background: var(--primary-orange); /* 修复：改为设计图的橙色 */
  color: #fff;
  border: none;
  padding: 1rem 3rem;
  border-radius: 0.75rem;
  font-size: 1.15rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
}
.cta-btn:hover {
  background: #e56000; /* 橙色加深（hover） */
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 102, 179, 0.2);
}

/* ================= 响应式适配（合并所有768px/992px规则，避免重复） ================= */
@media (max-width: 992px) {
  /* 案例模块：平板2列 */
  .case-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  /* 案例模块适配 */
  .case-filter-wrapper {
    padding: 1.5rem 0;
  }
  .filter-tag {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
  }
  .case-list-wrapper {
    padding: 2.5rem 0;
  }
  .case-list {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .case-img-wrap {
    height: 12rem;
  }

  /* CTA模块适配 */
  .cta-section {
    padding: 3rem 0;
  }
  .cta-title {
    font-size: 1.75rem;
  }
  .cta-desc {
    font-size: 1rem;
  }
  .cta-btn {
    padding: 0.875rem 2.5rem;
    font-size: 1.125rem;
  }
}