body:has(.section-banner) { --interior-header-height: var(--site-header-height, 68px); }
body:has(.section-banner) #c-header { line-height: var(--interior-header-height); color: #253b32; background: #fff; }
body:has(.section-banner) #c-header > .container { height: var(--interior-header-height); }
body:has(.section-banner) #c-header a { color: #253b32; }
body:has(.section-banner) #c-header .c-switch i { background: #253b32; }
body:has(.section-banner) #c-header.c-head-move { top: calc(-1 * var(--interior-header-height)); }
body:has(.section-banner) #c-header .c-nav2 { top: var(--interior-header-height); }
body.c-open:has(.section-banner) #c-header .c-nav2 { height: calc(100dvh - var(--interior-header-height)); }
.replica-news-page.newsbox, #main-content.new_infobox { padding-top: 0; }

.section-banner {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  height: 480px;
  margin-top: var(--interior-header-height, 68px);
  overflow: hidden;
  color: #fff;
  background: #1b443d;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}
.section-banner-photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.section-banner::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8, 35, 31, .76), rgba(8, 35, 31, .38) 36%, rgba(8, 35, 31, .02) 68%); }
.section-banner-inner { width: calc(100% - 96px); max-width: 1280px; margin: 0 auto; padding: 32px 0; }
.section-banner .section-banner-kicker { margin: 0 0 16px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.6; letter-spacing: 0; }
.section-banner h1, .section-banner .section-banner-title { max-width: 12em; margin: 0; color: #fff; font-size: 48px; font-weight: 600; line-height: 1.3; letter-spacing: 0; overflow-wrap: anywhere; }
.section-banner .section-banner-description { max-width: 420px; margin: 20px 0 0; color: rgba(255,255,255,.94); font-size: 17px; line-height: 1.8; letter-spacing: 0; }
.section-banner .section-banner-description:empty { display: none; }
.section-banner-link { display: inline-flex; gap: 14px; align-items: center; min-height: 44px; margin-top: 18px; color: #fff; font-size: 15px; line-height: 1.5; }
.section-banner-link img { width: 8px; height: 14px; object-fit: contain; filter: brightness(0) invert(1); transition: transform .2s; }
.section-banner-link:hover { color: #fff; }
.section-banner-link:hover img { transform: translateX(4px); }
.section-banner-link:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.replica-news-page .newsbox-sec1 { padding-top: 64px; }
.replica-contact-page #contact-message { scroll-margin-top: 84px; }
.replica-product-detail-page .product-detail-hero { padding-top: 64px; }

@media (max-width: 1180px) {
  .section-banner { height: 400px; }
  .section-banner-inner { width: calc(100% - 56px); }
  .section-banner h1, .section-banner .section-banner-title { font-size: 42px; }
}
@media (max-width: 767px) {
  .section-banner { height: 320px; align-items: flex-end; }
  .section-banner-photo { object-position: 72% center; }
  .section-banner[data-banner-group="3"] .section-banner-photo { object-position: 80% center; }
  .section-banner::before { background: linear-gradient(0deg, rgba(8,35,31,.91), rgba(8,35,31,.54) 42%, rgba(8,35,31,.08) 76%); }
  .section-banner-inner { width: calc(100% - 40px); padding: 28px 0; }
  .section-banner h1, .section-banner .section-banner-title { font-size: 32px; }
  .section-banner .section-banner-kicker { margin-bottom: 10px; font-size: 12px; }
  .section-banner .section-banner-description { max-width: 320px; margin-top: 12px; font-size: 14px; line-height: 1.6; }
  .section-banner-link { min-height: 44px; margin-top: 8px; font-size: 14px; }
  .replica-news-page .newsbox-sec1, .replica-product-detail-page .product-detail-hero { padding-top: 32px; }
  .replica-contact-page #contact-message { scroll-margin-top: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  .section-banner-link img { transition: none; }
}