/* Shared aspect-ratio repair for theme_025 inner pages. */
img {
  height: auto;
}

.aboutView .bannerBox > .bg.pc,
.businessView .bannerBox > .bg.pc,
.esgView .bannerBox > .bg.pc,
.employeeView .bannerBox > .bg.pc {
  aspect-ratio: 1920 / 743;
}

.relationView .bannerBox > .bg.pc {
  aspect-ratio: 1920 / 785;
}

body[data-route="/computing"] .supplychainView .bannerBox > .bg.pc,
body[data-route="/industryApplication"] .supplychainView .bannerBox > .bg.pc {
  aspect-ratio: 1960 / 803;
}

body[data-route="/dataService"] .supplychainView .bannerBox > .bg.pc {
  aspect-ratio: 1942 / 809;
}

body[data-route="/aiService"] .aiServiceView .bannerBox > .bg.pc,
body[data-route="/logistics"] .logisticsView .bannerBox > .bg.pc,
body[data-route="/trade"] .tradeView .bannerBox > .bg.pc,
body[data-route="/assets"] .assetsView .bannerBox > .bg.pc,
body[data-route="/parkServices"] .parkServicesView .bannerBox > .bg.pc {
  aspect-ratio: 12 / 5;
}

.aboutView .companyBox .tagBox .item .i,
.esgView .progressBox .listBox .info .i {
  aspect-ratio: 1;
  height: auto !important;
  object-fit: contain;
}

.aboutView .theoryBox .imgBox .i {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.aboutView .awardsBox .imgBox .i,
.esgView .awardsReport .reportBox .imgBox .i {
  height: auto !important;
}

.businessView .introductionBox .itemBoxT > .img {
  display: block;
  height: auto !important;
}

.businessView .introductionBox .itemBoxWap .tBox > .img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

.relationView .bannerBox::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(4, 20, 39, .46), rgba(4, 20, 39, 0) 58%);
}

.relationView .bannerBox .content,
.relationView .bannerBox .content2 {
  z-index: 2 !important;
}

.relationView .bannerBox .content .title,
.relationView .bannerBox .content .en,
.relationView .bannerBox .content .msg {
  color: #fff !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .35);
}

/* Euroland resizes this iframe asynchronously from 100px to 993px. */
.relationView .introductionBox .trendBox .zouImg {
  min-height: 993px;
}

.relationView .introductionBox .trendBox .iframe_page {
  display: block;
  height: 993px !important;
}

.supplychainView .bannerBox > .bg,
.aiServiceView .bannerBox > .bg,
.logisticsView .bannerBox > .bg,
.tradeView .bannerBox > .bg,
.assetsView .bannerBox > .bg,
.parkServicesView .bannerBox > .bg,
.technologicalView .bannerBox > .bg,
.technologyView .bannerBox > .bg {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

.supplychainView .storageBox img,
.aiServiceView .storageBox img,
.logisticsView .storageBox img,
.tradeView .storageBox img,
.assetsView .storageBox img,
.parkServicesView .storageBox img,
.technologicalView .storageBox img,
.technologyView .storageBox img {
  height: auto !important;
}

@media screen and (max-width: 700px) {
  .relationView .bannerBox > .bg.h5 {
    aspect-ratio: 2071 / 759;
  }

  .supplychainView .bannerBox > .bg.h5,
  .aiServiceView .bannerBox > .bg.h5,
  .logisticsView .bannerBox > .bg.h5,
  .tradeView .bannerBox > .bg.h5,
  .assetsView .bannerBox > .bg.h5,
  .parkServicesView .bannerBox > .bg.h5,
  .technologicalView .bannerBox > .bg.h5,
  .technologyView .bannerBox > .bg.h5 {
    aspect-ratio: 39 / 16;
  }

  .aboutView .companyBox .content .infoBox .left .tagBox .item .i {
    flex: 0 0 4.8rem !important;
  }

  .businessView .introductionBox .itemBoxWap .tBox > .img {
    aspect-ratio: 16 / 9;
  }

  .supplychainView .bannerBox,
  .aiServiceView .bannerBox,
  .logisticsView .bannerBox,
  .tradeView .bannerBox,
  .assetsView .bannerBox,
  .parkServicesView .bannerBox,
  .technologicalView .bannerBox,
  .technologyView .bannerBox {
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden;
  }
}