/* 四个栏目共用造模服务的轮播高度，图片区填满各自容器。 */
:root {
  --page-hero-height: 550px;
}
.pc-banner,
.svc-hero,
.news-hero,
.contact-banner {
  height: var(--page-hero-height);
  min-height: 0;
  aspect-ratio: auto;
}
.pc-banner > .pc-slides,
.news-hero > .academic-slides {
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
}
@media (min-width: 1700px) {
  :root {
    --page-hero-height: 595px;
  }
}
@media (max-width: 980px) {
  :root {
    --page-hero-height: 530px;
  }
}
@media (max-width: 640px) {
  :root {
    --page-hero-height: 570px;
  }
}

/* 各页图片等比缩放，按主体位置取景。 */
.pc-banner .pc-slide > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center 52%;
  transform: none;
}
.pc-banner .pc-slide:nth-child(2) {
  background: linear-gradient(180deg, #507da7 0%, #5088b3 33%, #c9e9ef 57%, #31b1d8 100%);
}
.pc-banner .pc-slide:nth-child(2) > img {
  object-fit: cover;
  object-position: left center;
}
.pc-banner .pc-slide:nth-child(4) {
  background: #eceeed;
}
.svc-hero .svc-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.svc-hero .svc-slide:nth-child(1) > img {
  object-position: 50% 45%;
}
.svc-hero .svc-slide:nth-child(2) > img {
  object-position: 50% 65%;
}
.svc-hero .svc-slide:nth-child(3) > img {
  object-position: 50% 52%;
}
.svc-hero .svc-slide:nth-child(4) {
  background: linear-gradient(90deg, #f5fafe, #e5ecf0 65%, #e5ecf0);
}
.svc-hero .svc-slide:nth-child(4) > img {
  object-fit: cover;
  object-position: 75% center;
}
.contact-banner > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% 52%;
}
@media (max-width: 1180px) {
  .svc-hero .svc-slide:nth-child(4) > img {
    object-fit: cover;
    object-position: 56% 45%;
  }
  .contact-banner > img {
    object-position: 73% 52%;
  }
}
@media (max-width: 980px) {
  .svc-hero .svc-slide:nth-child(2) > img {
    object-position: 50% 58%;
  }
  .svc-hero .svc-slide:nth-child(3) > img {
    object-position: 50% center;
  }
}
@media (max-width: 640px) {
  .pc-banner .pc-slide:nth-child(1) > img {
    object-position: 58% center;
  }
  .pc-banner .pc-slide:nth-child(4) > img {
    object-position: 55% center;
  }
  .svc-hero .svc-slide:nth-child(1) > img {
    object-position: 52% center;
  }
  .svc-hero .svc-slide:nth-child(2) > img {
    object-position: 46% 58%;
  }
  .svc-hero .svc-slide:nth-child(3) > img {
    object-position: 40% center;
  }
  .svc-hero .svc-slide:nth-child(4) > img {
    object-position: 56% center;
  }
  .contact-banner > img {
    object-position: 77% 52%;
  }
}

.pc-banner .pc-slide:nth-child(3) {
  background: #e5edf2;
}
.pc-banner .pc-slide:nth-child(3) > img {
  object-position: center center;
}