/* 企业数字化六个业务详情页共用CSS：统一使用品牌绿色体系 */
.xz-module-section .col-inner {
  height:100%
}

.xz-module-eyebrow,.xz-module-section-heading>span,.xz-module-cta .text-inner>span {
  display:block;
  margin-bottom:14px;
  color:var(--xz-aqua);
  font-size:13px;
  font-weight:700;
  letter-spacing:1.6px
}

.xz-module-hero {
  overflow:hidden
}

.xz-module-hero-copy {
  max-width:500px;
  padding-right:25px
}

.xz-module-hero-copy h1 {
  margin-bottom:20px;
  color:var(--xz-heading);
  font-size:42px;
  line-height:1.25
}

.xz-module-lead {
  margin-bottom:0;
  color:#61716e;
  font-size:16px;
  line-height:1.85
}

.xz-module-badges {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:23px 0
}

.xz-module-badges span {
  padding:7px 13px;
  border:1px solid rgba(14,117,104,.28);
  border-radius:20px;
  color:var(--xz-dark);
  background:#f4f8f7;
  font-size:13px
}

.xz-module-actions {
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:25px
}

.xz-module-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 22px;
  border-radius:3px;
  font-size:14px;
  font-weight:700;
  transition:.2s ease
}

.xz-module-btn-primary {
  color:#fff!important;
  background:var(--xz-aqua-dark)
}

.xz-module-btn-primary:hover {
  color:#fff!important;
  background:#0a5f54;
  transform:translateY(-2px)
}

.xz-module-btn-light {
  border:1px solid #d8e5e2;
  color:#334a46!important;
  background:#fff
}

.xz-module-btn-light:hover {
  border-color:var(--xz-aqua);
  color:var(--xz-dark)!important
}

.xz-module-image-wrap {
  width:100%;
  margin:0;
  padding:8px;
  border:1px solid var(--xz-line);
  border-radius:9px;
  background:#fff;
  box-shadow:0 22px 55px rgba(20,65,59,.14)
}

.xz-module-image-wrap img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3420/2146;
  border-radius:5px;
  object-fit:cover
}

.xz-module-section-heading {
  max-width:820px;
  margin:0 auto 40px;
  text-align:center
}

.xz-module-section-heading h2 {
  margin-bottom:15px;
  color:var(--xz-heading);
  font-size:35px;
  line-height:1.35
}

.xz-module-section-heading p {
  margin-bottom:0;
  color:#687875;
  font-size:16px;
  line-height:1.85
}

.xz-module-card {
  height:100%;
  min-height:220px;
  padding:28px 25px;
  border:1px solid #e3ebe8;
  border-radius:5px;
  background:#fff
}

.xz-module-card small {
  display:block;
  margin-bottom:24px;
  color:var(--xz-aqua);
  font-size:16px;
  font-weight:700
}

.xz-module-card h3 {
  margin-bottom:11px;
  color:#1d3733;
  font-size:19px
}

.xz-module-card p {
  margin:0;
  color:#687875;
  font-size:14px;
  line-height:1.75
}

.xz-module-process {
  display:flex;
  align-items:stretch;
  justify-content:center;
  width:100%
}

.xz-module-process-item {
  display:flex;
  flex:1;
  min-width:0;
  min-height:155px;
  padding:25px 12px;
  border:1px solid #e1e9e6;
  border-radius:5px;
  text-align:center;
  background:#fff;
  flex-direction:column;
  align-items:center;
  justify-content:center
}

.xz-module-process-item small,.xz-module-process-item strong,.xz-module-process-item span {
  display:block
}

.xz-module-process-item small {
  margin-bottom:12px;
  color:var(--xz-aqua);
  font-size:14px;
  font-weight:700
}

.xz-module-process-item strong {
  margin-bottom:8px;
  color:#203b36;
  font-size:17px
}

.xz-module-process-item span {
  color:#748481;
  font-size:12px;
  line-height:1.5
}

.xz-module-process-arrow {
  display:flex!important;
  flex:0 0 48px;
  align-self:stretch;
  align-items:center;
  justify-content:center;
  margin:0!important;
  color:var(--xz-aqua);
  font-size:31px;
  font-weight:300;
  font-style:normal;
  line-height:1
}

.xz-module-feature {
  height:100%;
  min-height:225px;
  padding:31px 28px;
  border:1px solid #e2ebe8;
  border-radius:5px;
  background:#fff;
  transition:.25s ease
}

.xz-module-feature:hover {
  transform:translateY(-4px);
  border-color:var(--xz-aqua);
  box-shadow:0 14px 34px rgba(20,65,59,.08)
}

.xz-module-feature-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:41px;
  height:41px;
  margin-bottom:20px;
  border-radius:50%;
  color:var(--xz-dark);
  background:#eaf6f3;
  font-size:13px;
  font-weight:700
}

.xz-module-feature h3 {
  margin-bottom:11px;
  color:#1d3733;
  font-size:20px
}

.xz-module-feature p {
  margin:0;
  color:#687875;
  font-size:14px;
  line-height:1.8
}

.xz-module-cta {
  text-align:center
}

.xz-module-cta .text-inner {
  max-width:850px;
  margin:0 auto
}

.xz-module-cta h2 {
  margin-bottom:15px;
  color:#fff;
  font-size:35px
}

.xz-module-cta p {
  max-width:760px;
  margin:0 auto 26px;
  color:#c4deda;
  font-size:16px;
  line-height:1.85
}

@media(max-width:849px) {
  .xz-module-hero-copy {
    max-width:none;
    padding-right:0
  }
  .xz-module-hero-copy h1 {
    font-size:34px
  }
  .xz-module-image-wrap {
    margin-top:35px;
    padding:5px;
    border-radius:7px
  }
  .xz-module-section-heading h2,.xz-module-cta h2 {
    font-size:28px
  }
  .xz-module-process {
    display:grid;
    grid-template-columns:1fr;
    gap:10px
  }
  .xz-module-process-arrow {
    display:none!important
  }
  .xz-module-process-item {
    width:100%
  }
}

@media(max-width:549px) {
  .xz-module-hero-copy h1 {
    font-size:30px
  }
  .xz-module-lead {
    font-size:15px
  }
  .xz-module-badges {
    gap:7px
  }
  .xz-module-badges span {
    padding:6px 10px;
    font-size:12px
  }
  .xz-module-actions {
    display:grid;
    grid-template-columns:1fr
  }
  .xz-module-btn {
    width:100%
  }
  .xz-module-card,.xz-module-feature {
    min-height:auto
  }
}