/* 四个栏目共用造模服务的轮播高度，图片区填满各自容器。 */
: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(3){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:contain;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(3)>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%}
}