/* BIM服务页补充样式：添加到现有全站自定义CSS之后 */
.xz-bim-hero {
  min-height:540px;
  background:linear-gradient(110deg,#fff 0%,#f7fbfa 58%,#eaf6f3 100%);
  overflow:hidden
}
.xz-bim-hero-row {
  min-height:540px
}
.xz-bim-hero h1 {
  margin:18px 0 22px;
  color:var(--xz-ink);
  font-size:52px;
  font-weight:650;
  line-height:1.24;
  letter-spacing:-1px
}
.xz-bim-hero h1 span {
  color:var(--xz-dark)
}
.xz-bim-hero .lead {
  max-width:650px;
  color:#5b6b68;
  font-size:17px;
  line-height:1.9
}
.xz-bim-model {
  position:relative;
  width:410px;
  height:390px;
  max-width:100%;
  margin:auto;
  border:1px dashed rgba(44,174,153,.3);
  border-radius:50%;
  background:radial-gradient(circle,rgba(44,174,153,.15),rgba(44,174,153,.03) 48%,transparent 70%)
}
.xz-bim-model:before,.xz-bim-model:after {
  content:"";
  position:absolute;
  border:1px solid rgba(44,174,153,.18);
  border-radius:50%
}
.xz-bim-model:before {
  inset:45px
}
.xz-bim-model:after {
  inset:95px
}
.xz-bim-model-core {
  position:absolute;
  left:99px;
  top:73px;
  width:210px;
  height:250px;
  z-index:2;
  filter:drop-shadow(15px 22px 16px rgba(8,55,49,.14))
}
.xz-bim-model-core i {
  position:absolute;
  bottom:42px;
  border:1px solid rgba(44,174,153,.65);
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.88) 0 10px,rgba(44,174,153,.18) 11px 13px),repeating-linear-gradient(90deg,transparent 0 18px,rgba(31,137,121,.25) 19px 20px)
}
.xz-bim-model-core i:nth-child(1) {
  left:5px;
  width:65px;
  height:165px
}
.xz-bim-model-core i:nth-child(2) {
  left:66px;
  width:76px;
  height:220px
}
.xz-bim-model-core i:nth-child(3) {
  left:138px;
  width:58px;
  height:145px
}
.xz-bim-model-core b {
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  height:40px;
  border:1px solid rgba(44,174,153,.55);
  background:rgba(255,255,255,.8);
  transform:skewX(-27deg)
}
.xz-bim-node {
  position:absolute;
  z-index:4;
  padding:6px 10px;
  background:#fff;
  border:1px solid #d5e6e2;
  color:var(--xz-dark);
  font-size:11px;
  box-shadow:0 7px 20px rgba(20,65,59,.08)
}
.xz-bim-node-a {
  left:2px;
  top:75px
}
.xz-bim-node-b {
  right:-4px;
  top:165px
}
.xz-bim-node-c {
  left:15px;
  bottom:55px
}
.xz-bim-model>small {
  position:absolute;
  right:28px;
  bottom:37px;
  color:#748481;
  font-size:10px;
  letter-spacing:1px
}
.xz-bim-section h2,.xz-bim-contact h2 {
  color:var(--xz-ink);
  font-size:38px;
  font-weight:650;
  line-height:1.4;
  letter-spacing:-1px
}
.xz-bim-intro-copy {
  border-left:2px solid var(--xz-green)
}
.xz-bim-intro-copy>.col-inner {
  padding-left:38px
}
.xz-bim-intro-copy p {
  color:var(--xz-muted);
  font-size:15px;
  line-height:1.9
}
.xz-bim-intro-copy .xz-bim-intro-lead {
  margin-top:0;
  color:#344743;
  font-size:18px
}
.xz-bim-service-row {
  gap:0
}
.xz-bim-service-card {
  padding:34px 28px 28px;
  background:#fff;
  border:1px solid #e0eae7;
  margin-right:-1px
}
.xz-bim-service-card small {
  color:var(--xz-green);
  font-size:11px;
  font-weight:700;
  letter-spacing:1px
}
.xz-bim-service-mark {
  width:56px;
  height:56px;
  margin:24px 0 19px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--xz-green);
  color:var(--xz-dark);
  font-size:13px;
  font-weight:700
}
.xz-bim-service-card h3 {
  margin:0 0 10px;
  font-size:22px
}
.xz-bim-service-card p {
  min-height:78px;
  color:var(--xz-muted);
  font-size:13px;
  line-height:1.75
}
.xz-bim-service-card ul {
  margin:18px 0 0;
  padding:18px 0 0 19px;
  border-top:1px solid var(--xz-line);
  columns:1
}
.xz-bim-service-card li {
  margin-bottom:5px;
  color:#52625f;
  font-size:13px
}
.xz-bim-service-featured {
  position:relative;
  z-index:2;
  background:linear-gradient(145deg,#fff,#eef9f6);
  box-shadow:0 18px 45px rgba(25,70,64,.09)
}
.xz-bim-stages p {
  color:var(--xz-muted)
}
.xz-bim-stage-list {
  border-top:1px solid var(--xz-line)
}
.xz-bim-stage-list>div {
  display:grid;
  grid-template-columns:52px 1fr;
  gap:18px;
  align-items:center;
  padding:20px 5px;
  border-bottom:1px solid var(--xz-line)
}
.xz-bim-stage-list b {
  display:flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--xz-green);
  color:var(--xz-dark);
  font-size:11px
}
.xz-bim-stage-list span {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}
.xz-bim-stage-list strong {
  font-size:16px
}
.xz-bim-stage-list small {
  color:var(--xz-muted);
  font-size:13px;
  text-align:right
}
.xz-bim-deliverables h2 {
  color:#fff;
  font-size:38px
}
.xz-bim-deliverables>.section-content>.row>.col:first-child p {
  color:#bcd0cc
}
.xz-bim-deliverable-grid>.col {
  padding-bottom:18px
}
.xz-bim-deliverable-grid .col-inner {
  height:100%;
  padding:23px;
  background:rgba(255,255,255,.06);
  border-top:2px solid rgba(118,218,201,.45)
}
.xz-bim-deliverable-grid small {
  color:#78d7c7;
  font-size:12px;
  font-weight:700
}
.xz-bim-deliverable-grid h3 {
  margin:13px 0 6px;
  color:#fff;
  font-size:17px
}
.xz-bim-deliverable-grid p {
  margin:0 0 13px;
  color:#bcd0cc;
  font-size:12px;
  line-height:1.7
}
.xz-bim-deliverable-grid em {
  color:#78d7c7;
  font-size:10px;
  font-style:normal;
  letter-spacing:1px
}
.xz-bim-principle-row>.col {
  border-right:1px solid var(--xz-line);
  padding-top:22px;
  padding-bottom:22px
}
.xz-bim-principle-row>.col:last-child {
  border:0
}
.xz-bim-principle-row small {
  color:var(--xz-green);
  font-size:15px;
  font-weight:700
}
.xz-bim-principle-row h3 {
  margin:16px 0 7px;
  font-size:19px
}
.xz-bim-principle-row p {
  margin:0;
  color:var(--xz-muted);
  font-size:13px;
  line-height:1.75
}
.xz-bim-process-row>.col {
  position:relative
}
.xz-bim-process-row b {
  display:flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--xz-deep);
  color:#fff;
  font-size:11px
}
.xz-bim-process-row h3 {
  margin:14px 0 3px;
  font-size:15px
}
.xz-bim-process-row p {
  margin:0;
  color:var(--xz-muted);
  font-size:12px
}
.xz-bim-contact h2 {
  color:#fff;
  font-size:36px
}
.xz-bim-contact p {
  color:#c4deda;
  font-size:15px
}

@media(max-width:849px) {
  .xz-bim-hero,.xz-bim-hero-row {
    min-height:auto
  }
  .xz-bim-hero-row {
    padding-top:65px;
    padding-bottom:50px
  }
  .xz-bim-hero h1 {
    font-size:41px
  }
  .xz-bim-hero-side {
    margin-top:25px
  }
  .xz-bim-model {
    transform:scale(.88);
    margin-top:-20px;
    margin-bottom:-20px
  }
  .xz-bim-intro-copy {
    margin-top:25px;
    border-left:0;
    border-top:2px solid var(--xz-green)
  }
  .xz-bim-intro-copy>.col-inner {
    padding:28px 0 0
  }
  .xz-bim-service-card {
    margin:0 0 18px
  }
  .xz-bim-service-card p {
    min-height:auto
  }
  .xz-bim-stages>.section-content>.row>.col:last-child {
    margin-top:30px
  }
  .xz-bim-principle-row>.col:nth-child(2) {
    border-right:0
  }
  .xz-bim-contact .col {
    text-align:left!important
  }
}

@media(max-width:549px) {
  .xz-bim-hero h1 {
    font-size:34px
  }
  .xz-bim-model {
    width:370px;
    height:360px;
    transform:scale(.84);
    transform-origin:left top;
    margin-bottom:-50px
  }
  .xz-bim-model-core {
    left:82px;
    top:60px
  }
  .xz-bim-section h2,.xz-bim-deliverables h2,.xz-bim-contact h2 {
    font-size:30px
  }
  .xz-bim-service-card {
    padding:28px 24px
  }
  .xz-bim-stage-list span {
    display:block
  }
  .xz-bim-stage-list small {
    display:block;
    margin-top:3px;
    text-align:left
  }
  .xz-bim-deliverable-grid .col-inner {
    padding:20px
  }
  .xz-bim-principle-row>.col {
    border-right:0;
    border-bottom:1px solid var(--xz-line)
  }
}