/* The logo image already includes the name 亦尚. */
.ys-home .header-2 .logo-content { display: none; }
.ys-home .header-2 .logo img { padding-right: 0; transition: none; }
.ys-home .header { position: relative; background: #e6e6e6; }
.ys-home .header .header-2 { background: #e6e6e6; border-bottom: 1px solid #dce4ec; }
.ys-home .header .header-2 .navbar .nav-btn { color: #182a40; text-shadow: none; }
.ys-home .header .header-2 .navbar .nav-btn:hover,
.ys-home .header .header-2 .navbar .nav-btn:focus-visible { color: #12559c; }
.ys-home .header .navbar { gap: 0; }
.ys-home .header .navbar > * + * { margin-left: 2rem; }
@supports (position: sticky) { .ys-home .header { position: sticky; top: 0; } }
.ys-menu-toggle { display: none; }
@media (max-width: 991px) {
  .ys-menu-toggle { display: inline-flex; align-items: center; gap: .6rem; padding: .8rem 1rem; color: #152f4f; background: #fff; border: 1px solid #cbd5e1; border-radius: 4px; cursor: pointer; }
}

/* Explicit margins also work in browsers without flex-gap support. */
.home-slider + .about { flex-wrap: nowrap; gap: 0; }
.home-slider + .about > .image,
.home-slider + .about > .content { flex: 1 1 0; min-width: 0; }
.home-slider + .about > .content { margin-left: 48px; }
.home-slider + .about > .image,
.home-slider + .about .sub-image { gap: 0; }
.home-slider + .about .sub-image { min-width: 0; }
.home-slider + .about .sub-image + .sub-image { margin-left: 10px; }
.home-slider + .about .sub-image img { min-height: 0; object-fit: cover; }
.home-slider + .about .sub-image img + img { margin-top: 10px; }
.home-slider + .about .sub-image.one img:first-child,
.home-slider + .about .sub-image.two img:last-child { height: calc(55% - 5px); }
.home-slider + .about .sub-image.one img:last-child,
.home-slider + .about .sub-image.two img:first-child { height: calc(45% - 5px); }
.home-slider + .about .company-intro { margin: 2.4rem 0 3rem; }
.ys-home .case-columns .case-column-head,
.ys-home .case-columns .case-column-head-top a { gap: 0; }
.ys-home .case-columns .case-column-head-top a > i {
  margin-right: 22px;
  transform: none;
}
.ys-home .case-columns .case-column-intro { margin-top: 16px; }
@media (max-width: 900px) {
  .home-slider + .about { display: block; }
  .home-slider + .about > .content { margin: 28px 0 0; }
  .home-slider + .about .sub-image { height: 40vw; min-height: 220px; }
  .ys-home .case-columns .case-column-head-top a > i { margin-right: 16px; }
}