/* Shared brand colors and homepage refinements. */
:root {
  --mars-primary: #093AA7;
  --mars-primary-hover: #072C80;
}

.main-menu .main-menu-list > li.current > a,
.stricky-header .main-menu-list > li.current > a {
  color: var(--mars-primary);
}
.main-menu .main-menu-list > li:hover > a,
.stricky-header .main-menu-list > li:hover > a {
  color: var(--mars-primary-hover);
}
.zzsc .tab a:hover,
.zzsc .tab a:focus-visible {
  background: var(--mars-primary-hover);
  color: #fff;
}

/* Darken the original laboratory photo without replacing its blue tones. */
.footer {
  background-image: linear-gradient(rgba(3, 12, 30, .28), rgba(3, 12, 30, .28)), url(../images/footer-testing-lab.jpg);
}
.foot .ft-nav li a:hover,
.copyright a:hover {
  color: #c7d5f5;
  text-decoration: none;
  background: transparent;
}

/* Separate certificate titles from the image to keep both orientations intact. */
#case { padding: 64px 0; }
#case .swiper-container { width: calc(100% - 112px); padding: 20px 0 28px; }
#case .swiper-wrapper { align-items: center; }
#case .swiper-slide {
  height: auto;
  margin: 0;
  transform: scale(.94);
  background: #f8f9fb;
}
#case .swiper-slide img {
  box-sizing: border-box;
  width: 100%;
  height: 320px;
  padding: 16px;
  object-fit: contain;
  background: #f8f9fb;
}
#case .swiper-slide p {
  position: static;
  height: auto;
  min-height: 64px;
  padding: 16px 12px;
  line-height: 1.6;
  font-size: 18px;
  background: var(--mars-primary);
}
#case .swiper-slide-active,
#case .swiper-slide-duplicate-active {
  transform: scale(1);
  z-index: 2;
  box-shadow: 0 5px 22px rgba(16, 38, 77, .18);
}
#case .layer-mask {
  height: 320px;
  bottom: auto;
  background: rgba(255, 255, 255, .18);
  pointer-events: none;
}
#case .swiper-slide a:hover p { background: var(--mars-primary-hover); }
#case .swiper-button-prev,
#case .swiper-button-next {
  top: calc(50% + 48px);
  width: 44px;
  height: 44px;
  line-height: 40px;
  font-size: 28px;
  border-color: transparent;
  background: var(--mars-primary);
}
#case .swiper-button-prev { left: 0; }
#case .swiper-button-next { right: 0; }
#case .swiper-button-prev:hover,
#case .swiper-button-next:hover {
  background: var(--mars-primary-hover);
  border-color: var(--mars-primary-hover);
}

.ys {
  background: #093AA7 url(../images/fanga.jpg?v=20261012-5) no-repeat center top;
  background-size: cover;
}
.ys .main_title span { display: block; padding: 0 12px; line-height: 1.7; }
.ys_con { box-shadow: 0 12px 40px rgba(12, 32, 69, .12); }
.ys_list_right img {
  box-sizing: border-box;
  width: 100%;
  height: 350px;
  object-fit: contain;
  padding: 24px;
  background: #f6f8fb;
}
.ys_list_right img[src*="service-network-map"] { padding: 8px; }
.ys_list_left { padding: 30px 4%; }
.ys_list_left p { font-size: 16px; line-height: 1.9; }

@media (max-width: 767px) {
  #case { padding: 40px 0; }
  #case .swiper-container { width: calc(100% - 72px); padding: 14px 0 22px; }
  #case .swiper-slide img,
  #case .layer-mask { height: 300px; }
  #case .swiper-slide p { min-height: 58px; font-size: 16px; }
  #case .swiper-button-prev,
  #case .swiper-button-next { width: 32px; height: 32px; line-height: 28px; font-size: 22px; }
  .zzsc .tab a { padding: 20px 0; font-size: 17px; }
  .ys_list_right img { height: 260px; padding: 18px; }
  .ys_list_left { padding: 26px 18px; }
  .ys_list_left p { font-size: 15px; }
}