.page-header {

  height: auto;

  background-color: rgb(241, 241, 241);

  padding-bottom: 0px;

  text-align: center;

  margin: 0px;

  border-bottom: medium none currentcolor;

}



.page-header-top {

  background-color: rgb(51, 51, 51);

  height: 36px;

}



.page-header-top p {

  line-height: 36px;

  color: rgb(255, 255, 255);

  font-weight: 400;

  text-transform: uppercase;

  font-size: large;

}



/* --- 首页 CLS：慢网时预留媒体区域高度 --- */



/* 页头下拉菜单缩略图 */

.other-nav-list-open .item a {

  display: block;

}

.other-nav-list-open .item img {

  display: block;

  width: 100%;

  aspect-ratio: 4 / 3;

  object-fit: cover;

  background-color: #ddd;

}



/* 桌面首屏视频 / 移动 banner */

.home-media-hero {

  aspect-ratio: 21 / 9;

  min-height: 280px;

  background-color: #2a2a2a;

  overflow: hidden;

}

.home-media-hero video {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.home-phone-banner {

  aspect-ratio: 16 / 9;

  min-height: 180px;

  background-color: #e8e8e8;

  overflow: hidden;

}

.home-phone-banner img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* 客户区 / 产品区卡片图 */

.home-customer .item.media-card,

.home-products .home-products-item.media-card {

  overflow: hidden;

  background-color: #e8e8e8;

}

.home-customer .item.media-card {

  aspect-ratio: 4 / 3;

}

.home-products .home-products-item.media-card > a {

  display: block;

  position: relative;

  aspect-ratio: 4 / 3;

}

.home-customer .item.media-card > img,

.home-products .home-products-item.media-card img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* 热门轮播：Owl 初始化前也占位，避免整块塌陷 */

.home-hot-stage {

  position: relative;

  width: 100%;

  aspect-ratio: 21 / 9;

  min-height: 320px;

  background-color: #ececec;

}

.home-hot-stage #homeHot.owl-carousel {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.home-hot .owl-wrapper-outer,

.home-hot .owl-wrapper,

.home-hot .owl-item,

.home-hot .owl-item .item {

  height: 100%;

}

.home-hot .owl-item .item img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* 服务视频区 */

.home-services-full.media-block {

  aspect-ratio: 21 / 9;

  min-height: 280px;

  background-color: #333;

  overflow: hidden;

}

.home-services-full.media-block video {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* 案例网格 */

.home-cases .item > a > div {

  aspect-ratio: 1 / 1;

  background-color: #eee;

  overflow: hidden;

}

.home-cases .item > a > div img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.home-services-two-img img {

  display: block;

  width: 100%;

  aspect-ratio: 16 / 10;

  object-fit: cover;

  background-color: #e8e8e8;

}



/* home-hot 轮播：配合 Owl Carousel 布局 */

.home-hot {

  overflow: hidden;

}



.home-hot #homeHot.owl-carousel {

  width: 100%;

}



.home-hot .owl-item .item {

  position: relative;

}



.home-hot .owl-wrapper-outer {

  position: relative;

}



@media (max-width: 1200px) {

  .home-media-hero {

    display: none;

  }

  .home-hot-stage {

    aspect-ratio: 16 / 9;

    min-height: 200px;

  }

}



@media (max-width: 768px) {

  .home-hot-stage {

    min-height: 160px;

  }

  .home-customer .item.media-card,

  .home-products .home-products-item.media-card > a {

    aspect-ratio: 3 / 2;

  }

}