/* Final shared shell lockup. Loaded after every page-specific stylesheet. */
html { overflow-x: clip; }
body.shangzuo-landing { margin:0 !important; padding:0 !important; background:var(--cream,#f8f0e7); color:var(--ink,#1f201f); font-family:RobotoLocal,Arial,sans-serif; }
body.shangzuo-landing .wp-site-blocks { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body.shangzuo-landing .wp-site-blocks > .wp-block-template-part { display:contents !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body.shangzuo-landing .site-header,
body.shangzuo-landing .site-footer { box-sizing:border-box !important; font-family:RobotoLocal,Arial,sans-serif !important; }
body.shangzuo-landing .site-header { z-index:1000 !important; }
body.shangzuo-landing .site-header img,
body.shangzuo-landing .site-footer img { max-width:100%; height:auto; }
body.shangzuo-landing .site-header ul,
body.shangzuo-landing .site-footer ul { margin:0; padding:0; list-style:none; }
body.shangzuo-landing .site-header a,
body.shangzuo-landing .site-footer a { text-decoration:none; }
body.shangzuo-landing .site-header .main-menu,
body.shangzuo-landing .site-header .product-dropdown,
body.shangzuo-landing .site-header .language-menu { box-sizing:border-box; }
body.shangzuo-landing .site-footer { position:relative; z-index:1; }
body.shangzuo-landing .site-footer .container { box-sizing:border-box; }
@media (max-width:900px) {
 body.shangzuo-landing { overflow-x:hidden; }
 body.shangzuo-landing .site-header .nav-shell,
 body.shangzuo-landing .site-footer > .container { width:calc(100% - 36px) !important; }
}

/* Shared responsive safeguards for every Shangzuo page. */
body.shangzuo-landing .wp-site-blocks > *,
body.shangzuo-landing main,
body.shangzuo-landing section,
body.shangzuo-landing article,
body.shangzuo-landing .container,
body.shangzuo-landing .footer-grid > * { min-width: 0; }
body.shangzuo-landing .site-header,
body.shangzuo-landing .site-footer { max-width: 100%; }
body.shangzuo-landing .site-header img,
body.shangzuo-landing .site-header svg,
body.shangzuo-landing .site-footer img,
body.shangzuo-landing .site-footer svg,
body.shangzuo-landing video,
body.shangzuo-landing iframe { max-width: 100%; }
body.shangzuo-landing .site-footer .footer-contact span,
body.shangzuo-landing .site-footer .footer-subscribe { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  body.shangzuo-landing .site-header .main-menu { max-width: 100vw; }
  body.shangzuo-landing .site-footer .footer-grid { width: 100%; }
  body.shangzuo-landing .site-footer .footer-subscribe input,
  body.shangzuo-landing .site-footer .footer-subscribe .button { max-width: 100%; }
}

/* Remove the clicked PRODUCTS focus frame while keeping hover feedback. */
@media (min-width: 901px) {
  body.shangzuo-landing .site-header:not(.scrolled) .main-menu > .products-menu:focus-within > .products-trigger,
  body.shangzuo-landing .site-header:not(.scrolled) .main-menu > .products-menu.is-open > .products-trigger {
    background: transparent !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
  }
  body.shangzuo-landing .site-header:not(.scrolled) .main-menu > .products-menu:focus-within > .products-trigger::before,
  body.shangzuo-landing .site-header:not(.scrolled) .main-menu > .products-menu.is-open > .products-trigger::before {
    background: transparent !important;
    box-shadow: none !important;
  }
  body.shangzuo-landing .site-header.scrolled .main-menu > .menu-item.products-menu:focus-within > .products-trigger,
  body.shangzuo-landing .site-header.scrolled .main-menu > .menu-item.products-menu.is-open > .products-trigger {
    background: transparent !important;
    color: #191919 !important;
    outline: none !important;
    box-shadow: none !important;
  }
  body.shangzuo-landing .site-header.scrolled .main-menu > .menu-item.products-menu:focus-within > .products-trigger::before,
  body.shangzuo-landing .site-header.scrolled .main-menu > .menu-item.products-menu.is-open > .products-trigger::before {
    background: transparent !important;
    box-shadow: none !important;
  }
}
body.shangzuo-landing .site-header .main-menu > .products-menu > .products-trigger:focus {
  outline: none !important;
}
/* Inner-page header: white shell with the same orange logo and black contact bar as the reference. */
@media (min-width: 1800px) {
  body.shangzuo-landing:not(.home) .site-header,
  body.shangzuo-landing:not(.home) .site-header.scrolled {
    height: 96px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  body.shangzuo-landing:not(.home) .site-header .topbar,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar {
    top: -36px !important;
    right: max(0px, calc((100vw - 1920px) / 2)) !important;
    left: auto !important;
    width: min(1240px, 64.583333vw) !important;
    height: 76px !important;
    border-radius: 38px 0 0 82px / 38px 0 0 38px !important;
    background: #100604 !important;
    overflow: visible !important;
  }
  body.shangzuo-landing:not(.home) .site-header .topbar-inner,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-inner {
    height: 76px !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    font-size: 16px !important;
  }
  body.shangzuo-landing:not(.home) .site-header .topbar-item,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-item {
    position: absolute !important;
    top: 36px !important;
    height: 40px !important;
  }
  body.shangzuo-landing:not(.home) .site-header .topbar-item.phone,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-item.phone { left: 130px !important; }
  body.shangzuo-landing:not(.home) .site-header .topbar-item.email,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-item.email { left: 414px !important; }
  body.shangzuo-landing:not(.home) .site-header .topbar-item.language,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-item.language { left: 1041px !important; }
  body.shangzuo-landing:not(.home) .site-header .topbar-divider,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-divider { top: 46px !important; height: 20px !important; }
  body.shangzuo-landing:not(.home) .site-header .social-links,
  body.shangzuo-landing:not(.home) .site-header.scrolled .social-links { top: 45px !important; left: 799px !important; }
}

@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header,
  body.shangzuo-landing:not(.home) .site-header.scrolled {
    background: #fff !important;
    box-shadow: none !important;
  }
  body.shangzuo-landing:not(.home) .site-header .nav-shell,
  body.shangzuo-landing:not(.home) .site-header.scrolled .nav-shell {
    width: min(1600px, calc(100% - 120px)) !important;
    height: 96px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 43.0625% 56.9375% !important;
    align-items: stretch !important;
  }
  body.shangzuo-landing:not(.home) .site-header .brand,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand {
    display: block !important;
    align-self: start !important;
    margin: 7px 0 0 -14px !important;
    color: var(--orange, #ea5b11) !important;
  }
  body.shangzuo-landing:not(.home) .site-header .brand-logo,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand-logo {
    display: block !important;
    width: 233px !important;
    max-width: none !important;
    filter: none !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu {
    align-self: start !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 51px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger {
    color: #191919 !important;
    font-size: clamp(13px, .95vw, 18px) !important;
    letter-spacing: .6px !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a.is-current,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a.is-current {
    width: auto !important;
    min-width: 0 !important;
    height: 33px !important;
    min-height: 33px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #191919 !important;
    text-align: left !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible {
    color: var(--orange, #ea5b11) !important;
    transform: none !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu > .products-trigger {
    background: transparent !important;
    color: #191919 !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:focus-within > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu.is-open > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:focus-within > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu.is-open > .products-trigger {
    background: transparent !important;
    color: var(--orange, #ea5b11) !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu > .products-trigger::before {
    background: transparent !important;
    box-shadow: none !important;
  }
}

@media (min-width: 901px) and (max-width: 1799px) {
  body.shangzuo-landing:not(.home) .site-header,
  body.shangzuo-landing:not(.home) .site-header.scrolled { height: 88px !important; }
  body.shangzuo-landing:not(.home) .site-header .topbar,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 64% !important;
    height: 40px !important;
    border-radius: 0 0 0 44px !important;
    overflow: hidden !important;
  }
  body.shangzuo-landing:not(.home) .site-header .topbar-inner,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-inner {
    height: 40px !important;
    padding: 0 clamp(14px, 3vw, 42px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(9px, 1.2vw, 18px) !important;
    overflow: hidden !important;
    font-size: clamp(11px, .9vw, 14px) !important;
  }
  body.shangzuo-landing:not(.home) .site-header .topbar-item,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-item { position: static !important; height: 40px !important; }
  body.shangzuo-landing:not(.home) .site-header .topbar-divider,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar-divider { position: static !important; height: 20px !important; }
  body.shangzuo-landing:not(.home) .site-header .social-links,
  body.shangzuo-landing:not(.home) .site-header.scrolled .social-links { position: static !important; }
  body.shangzuo-landing:not(.home) .site-header .nav-shell,
  body.shangzuo-landing:not(.home) .site-header.scrolled .nav-shell { height: 88px !important; width: min(1600px, calc(100% - 64px)) !important; }
  body.shangzuo-landing:not(.home) .site-header .brand-logo,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand-logo { width: clamp(165px, 14.25vw, 205px) !important; }
  body.shangzuo-landing:not(.home) .site-header .main-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu { margin-top: 45px !important; }
}

@media (max-width: 900px) {
  body.shangzuo-landing:not(.home) .site-header,
  body.shangzuo-landing:not(.home) .site-header.scrolled {
    height: 68px !important;
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(25, 25, 25, .12) !important;
  }
  body.shangzuo-landing:not(.home) .site-header .topbar,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar { display: none !important; }
  body.shangzuo-landing:not(.home) .site-header .nav-shell,
  body.shangzuo-landing:not(.home) .site-header.scrolled .nav-shell {
    width: calc(100% - 36px) !important;
    height: 68px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
  }
  body.shangzuo-landing:not(.home) .site-header .brand,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand {
    display: flex !important;
    align-self: center !important;
    margin: 0 !important;
  }
  body.shangzuo-landing:not(.home) .site-header .brand-logo,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand-logo { width: 145px !important; filter: none !important; }
  body.shangzuo-landing:not(.home) .site-header .menu-toggle,
  body.shangzuo-landing:not(.home) .site-header.scrolled .menu-toggle { color: #2b211c !important; }
  body.shangzuo-landing:not(.home) .site-header .main-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu {
    background: #fff !important;
    box-shadow: 0 10px 18px rgba(25, 25, 25, .12) !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger {
    color: #2b211c !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu a.is-current,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu a.is-current { color: var(--orange, #ea5b11) !important; }
  body.shangzuo-landing:not(.home) .site-header .product-dropdown a,
  body.shangzuo-landing:not(.home) .site-header.scrolled .product-dropdown a {
    color: #2b211c !important;
    border-bottom-color: #dedede !important;
  }
}
/* The shared logo asset is white; recolor it only on white inner-page headers. */
body.shangzuo-landing:not(.home) .site-header .brand-logo,
body.shangzuo-landing:not(.home) .site-header.scrolled .brand-logo {
  filter: brightness(0) saturate(100%) invert(43%) sepia(95%) saturate(2650%) hue-rotate(359deg) brightness(101%) contrast(101%) !important;
}
/* Keep inner-page navigation dark and flat while the header stays fixed on scroll. */
body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover,
body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible,
body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover,
body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible {
  background: transparent !important;
  color: var(--orange, #ea5b11) !important;
  box-shadow: none !important;
}
body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover::before,
body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible::before,
body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover::before,
body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible::before {
  background: transparent !important;
  box-shadow: none !important;
}
/* Remove forced nested document scrollbars from embedded page exports. */
html {
  overflow-y: auto !important;
}
body.shangzuo-landing {
  overflow-y: visible !important;
}
body.shangzuo-landing .shangzuo-news-detail-embed .shangzuo-oem-page,
body.shangzuo-landing .shangzuo-oem-embed .shangzuo-oem-page {
  overflow-y: visible !important;
}
/* Keep wheel/touch scrolling available while hiding the browser scrollbar chrome. */
html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
body.shangzuo-landing::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
/* Inner-page contact bar reaches the viewport edge on wide screens. */
@media (min-width: 1800px) {
  body.shangzuo-landing:not(.home) .site-header .topbar,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar {
    left: max(0px, calc(50vw - 283px)) !important;
    right: 0 !important;
    width: auto !important;
  }
}
/* Shared footer lockup: keep every route identical to the homepage footer. */
body.shangzuo-landing .site-footer {
  border-radius: 0 !important;
  background: var(--orange) !important;
  overflow: hidden !important;
}
body.shangzuo-landing .site-footer::before {
  border-radius: 0 0 42px 42px !important;
}
body.shangzuo-landing .site-footer .copyright {
  border-radius: 0 !important;
}
@media (min-width: 901px) {
  body.shangzuo-landing .site-footer .footer-grid > div:nth-child(2),
  body.shangzuo-landing .site-footer .footer-grid > div:nth-child(3) {
    padding-top: clamp(110px, 8.3vw, 170px) !important;
  }
}
@media (max-width: 900px) {
  body.shangzuo-landing .site-footer::before { border-radius: 0 0 28px 28px !important; }
  body.shangzuo-landing .site-footer .copyright { border-radius: 0 !important; }
}
body.shangzuo-landing .site-footer .footer-grid > div:not(.footer-brand) a:hover,
body.shangzuo-landing .site-footer .footer-grid > div:not(.footer-brand) a:focus-visible {
  padding-left: 10px !important;
}
body.shangzuo-landing .site-footer .footer-grid > div:not(.footer-brand) a:hover::before,
body.shangzuo-landing .site-footer .footer-grid > div:not(.footer-brand) a:focus-visible::before {
  left: -1px !important;
  width: 14px !important;
}
/* Keep the shared footer reveal consistent without affecting page content. */
body.shangzuo-landing .site-footer[data-reveal] > .footer-grid,
body.shangzuo-landing .site-footer[data-reveal] > .copyright,
body.shangzuo-landing .site-footer[data-reveal] .footer-contact li,
body.shangzuo-landing .site-footer[data-reveal] .footer-grid > div:not(.footer-brand),
body.shangzuo-landing .site-footer[data-reveal] .follow {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .62s ease, transform .62s cubic-bezier(.2, .8, .2, 1);
}
body.shangzuo-landing .site-footer[data-reveal].is-visible > .footer-grid,
body.shangzuo-landing .site-footer[data-reveal].is-visible > .copyright,
body.shangzuo-landing .site-footer[data-reveal].is-visible .footer-contact li,
body.shangzuo-landing .site-footer[data-reveal].is-visible .footer-grid > div:not(.footer-brand),
body.shangzuo-landing .site-footer[data-reveal].is-visible .follow {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  body.shangzuo-landing .site-footer[data-reveal] > .footer-grid,
  body.shangzuo-landing .site-footer[data-reveal] > .copyright,
  body.shangzuo-landing .site-footer[data-reveal] .footer-contact li,
  body.shangzuo-landing .site-footer[data-reveal] .footer-grid > div:not(.footer-brand),
  body.shangzuo-landing .site-footer[data-reveal] .follow {
    opacity: 1;
    transform: none;
    transition: none !important;
  }
}
/* Inner-page navigation hover state: orange fill, white text, no underline. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:focus-within > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:focus-within > .products-trigger {
    background: var(--orange, #ea5b11) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover::before,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible::before,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:hover > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:focus-within > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:hover > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:focus-within > .products-trigger::before {
    background: var(--orange, #ea5b11) !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}
@media (max-width: 900px) {
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:active,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu.is-open > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:active,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu.is-open > .products-trigger {
    background: var(--orange, #ea5b11) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
  }
}
/* Homepage social icons: white hover tile, black glyph, subtle scale-up. */
body.shangzuo-landing .site-header .social-links a,
body.shangzuo-landing .site-header.scrolled .social-links a {
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
}
body.shangzuo-landing .site-header .social-links a:hover,
body.shangzuo-landing .site-header .social-links a:focus-visible,
body.shangzuo-landing .site-header.scrolled .social-links a:hover,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible {
  background: #fff !important;
  color: #17110f !important;
  transform: translateY(-2px) scale(1.08) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
body.shangzuo-landing .site-header .social-links a:hover svg,
body.shangzuo-landing .site-header .social-links a:focus-visible svg,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible svg {
  color: #17110f !important;
}
body.shangzuo-landing .site-header .social-links a:hover svg rect,
body.shangzuo-landing .site-header .social-links a:focus-visible svg rect,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg rect,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible svg rect {
  fill: transparent !important;
}
/* Product-list polish: aligned breadcrumb, three-column desktop grid and centered pagination. */
body.shangzuo-product-page .neiye_content_middle_left_top {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 14px 0 !important;
  line-height: 1.35 !important;
}
body.shangzuo-product-page .neiye_content_middle_left_top > span:first-child { display: inline-flex !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; align-items: center !important; justify-content: center !important; }
body.shangzuo-product-page .neiye_content_middle_left_top > span:first-child img { display: block !important; width: 18px !important; height: 18px !important; margin: 0 !important; object-fit: contain !important; }
body.shangzuo-product-page .neiye_content_middle_left_top .bread { display: inline-flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px !important; margin: 0 !important; }
body.shangzuo-product-page .neiye_content_middle_left_top .bread a { display: inline !important; line-height: 1.35 !important; }
body.shangzuo-product-page .neiye_prolist_list_title { min-height: 42px !important; padding: 14px 0 8px !important; font-size: clamp(18px, 1.25vw, 24px) !important; line-height: 1.15 !important; }
body.shangzuo-product-page .news_category_top { font-size: clamp(18px, 1.25vw, 24px) !important; line-height: 1.15 !important; }
body.shangzuo-product-page .pro_recommend_list_img_title { font-size: clamp(16px, 1.1vw, 22px) !important; line-height: 1.15 !important; }
body.shangzuo-product-page .neiye_prolist_list_button { width: 130px !important; height: 42px !important; min-height: 42px !important; margin: 14px auto 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 24px !important; background: var(--brown-deep, #2b211c) !important; background-image: none !important; line-height: 1 !important; }
body.shangzuo-product-page .neiye_prolist_list_button > a,
body.shangzuo-product-page .rightbuttons > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; height: 100% !important; line-height: 1 !important; }
body.shangzuo-product-page .neiye_prolist_list_button i,
body.shangzuo-product-page .rightbuttons i { display: inline-flex !important; flex: 0 0 28px !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background: var(--orange, #fa5a14) !important; line-height: 1 !important; }
body.shangzuo-product-page .neiye_prolist_list_button i img,
body.shangzuo-product-page .rightbuttons i img { display: block !important; width: 13px !important; height: 13px !important; margin: 0 !important; object-fit: contain !important; filter: brightness(0) invert(1) !important; }
body.shangzuo-product-page .pagination { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 42px auto 0 !important; gap: 10px !important; }
body.shangzuo-product-page .pagination .fenye_list { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; margin: 0 !important; }
body.shangzuo-product-page .pagination .total_yeshu { width: auto !important; margin: 0 !important; text-align: center !important; font-size: 14px !important; }
@media (min-width: 1200px) { body.shangzuo-product-page .neiye_prolist { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 1199px) and (min-width: 901px) { body.shangzuo-product-page .neiye_prolist { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 900px) {
  body.shangzuo-product-page .neiye_content_middle_left_top { padding: 12px 0 !important; font-size: 14px !important; }
  body.shangzuo-product-page .neiye_prolist_list_button { width: 124px !important; height: 40px !important; min-height: 40px !important; }
  body.shangzuo-product-page .neiye_prolist_list_button i,
  body.shangzuo-product-page .rightbuttons i { flex-basis: 26px !important; width: 26px !important; height: 26px !important; }
}
@media (max-width: 640px) {
  body.shangzuo-product-page .neiye_content_middle_left_top .bread { gap: 3px !important; }
  body.shangzuo-product-page .neiye_prolist_list_title { font-size: 18px !important; }
}
/* Final product module alignment and recommendation-button correction. */
body.shangzuo-product-page .neiye_content_middle {
  width: min(1600px, calc(100% - 120px)) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 20px !important;
}
body.shangzuo-product-page .neiye_product_left,
body.shangzuo-product-page .neiye_content_middle_left_top,
body.shangzuo-product-page .products_detail_desc { width: 100% !important; }
body.shangzuo-product-page .neiye_prolist_list_title {
  font-size: clamp(17px, 1.1vw, 22px) !important;
  min-height: 38px !important;
  padding: 12px 0 6px !important;
}
body.shangzuo-product-page .rightbuttons {
  width: 110px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 14px 0 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #000 !important;
  background-image: none !important;
  line-height: 1 !important;
}
body.shangzuo-product-page .rightbuttons > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 1 !important;
}
body.shangzuo-product-page .rightbuttons i {
  display: inline-flex !important;
  flex: 0 0 26px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--orange, #fa5a14) !important;
  line-height: 1 !important;
}
body.shangzuo-product-page .rightbuttons i img {
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  filter: brightness(0) invert(1) !important;
}
@media (min-width: 1200px) {
  body.shangzuo-product-page .neiye_prolist { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 1199px) and (min-width: 901px) {
  body.shangzuo-product-page .neiye_content_middle { width: calc(100% - 64px) !important; }
}
@media (max-width: 900px) {
  body.shangzuo-product-page .neiye_content_middle { width: calc(100% - 36px) !important; padding-top: 12px !important; }
  body.shangzuo-product-page .rightbuttons { width: 106px !important; height: 32px !important; min-height: 32px !important; }
}
/* Inner-page PRODUCTS hover: keep the white pill but remove the orange underline. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:focus-within > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:focus-within > .products-trigger {
    background: #fff !important;
    color: var(--orange, #ea5b11) !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:hover > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:focus-within > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:hover > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:focus-within > .products-trigger::before {
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}
/* Product recommendation buttons: keep the label on one line and center pagination. */
body.shangzuo-product-page .rightbuttons {
  width: 120px !important;
  height: 34px !important;
  min-height: 34px !important;
}
body.shangzuo-product-page .rightbuttons .rightbuttons_name {
  display: inline-block !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  font-size: 13px !important;
  line-height: 1 !important;
}
body.shangzuo-product-page .rightbuttons > a {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.shangzuo-product-page .pagination {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
/* Inner-page navigation hover geometry: use one rounded orange pill for every item. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu > .products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu > .products-trigger:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu > .products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu > .products-trigger:focus-visible {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 33px !important;
    height: 33px !important;
    padding: 0 14px !important;
    border-radius: 17px !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .products-menu:focus-within > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .products-menu:focus-within > .products-trigger {
    border-radius: 17px !important;
    padding: 0 14px !important;
  }
}
/* Inner-page navigation: fixed pill geometry and consistent hover states. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 33px !important;
    min-height: 33px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: transparent !important;
    color: #191919 !important;
    transform: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item.products-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item.products-menu {
    height: 33px !important;
    min-height: 33px !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a::before,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a::after,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger::after,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a::after,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger::after {
    display: none !important;
    content: none !important;
  }
  /* At the top: white pill with orange text for every item. */
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger:focus-visible {
    background: #fff !important;
    color: var(--orange, #ea5b11) !important;
    border-radius: 17px !important;
  }
  /* After scroll: orange pill with white text for every item. */
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item.products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item.products-menu:focus-within > .products-trigger {
    background: var(--orange, #ea5b11) !important;
    color: #fff !important;
    border-radius: 17px !important;
  }
}
/* Shared floating rail and orange solution theme. */
body.shangzuo-landing .quick-rail {
  display: flex !important;
  position: fixed !important;
  z-index: 1001 !important;
  right: 0 !important;
  top: 50% !important;
  width: 82px !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  border-radius: 28px 0 0 28px !important;
  background: rgba(39, 30, 25, .94) !important;
}
body.shangzuo-landing .quick-rail a {
  width: 82px !important;
  height: 82px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.15) !important;
}
body.shangzuo-landing .quick-rail a:last-child { border-bottom: 0 !important; }
body.shangzuo-landing .quick-rail svg { width: 30px !important; height: 30px !important; display: block !important; }
body.shangzuo-landing .fixed-contact-wrap { display: none !important; }
body.shangzuo-solution-page {
  --theme: var(--orange, #fa5a14) !important;
  --minor: var(--cream, #f8f0e7) !important;
  --background: #fff !important;
  --background-theme: var(--orange, #fa5a14) !important;
}
body.shangzuo-solution-page .swiperPartners .swiper-button .button-next:hover,
body.shangzuo-solution-page .swiperPartners .swiper-button .button-prev:hover,
body.shangzuo-solution-page .swiperLogoList .swiper-button .button-next:hover,
body.shangzuo-solution-page .swiperLogoList .swiper-button .button-prev:hover,
body.shangzuo-solution-page .swiperCertificates .swiper-button-next:hover,
body.shangzuo-solution-page .swiperCertificates .swiper-button-prev:hover,
body.shangzuo-solution-page .swiperProjectCases .swiper-button .button-next:hover,
body.shangzuo-solution-page .swiperProjectCases .swiper-button .button-prev:hover {
  background: var(--orange, #fa5a14) !important;
}
@media (max-width: 900px) {
  body.shangzuo-landing .quick-rail { width: 54px !important; border-radius: 18px 0 0 18px !important; }
  body.shangzuo-landing .quick-rail a { width: 54px !important; height: 54px !important; }
  body.shangzuo-landing .quick-rail svg { width: 23px !important; height: 23px !important; }
}
/* OEM/ODM middle module: inherit Shangzuo palette and shared wide-screen rail. */
body.shangzuo-oem-page .shangzuo-oem-embed,
body.shangzuo-oem-page .shangzuo-oem-main {
  --theme: var(--orange, #fa5a14) !important;
  --minor: var(--orange, #fa5a14) !important;
  --background: var(--cream, #f8f0e7) !important;
  --background-theme: var(--orange, #fa5a14) !important;
  --text: #1f201f !important;
  --text2: #5f574f !important;
  --box-shadow: 0 .05em .2em rgba(43, 33, 28, .18) !important;
  color: #1f201f !important;
  background: var(--cream, #f8f0e7) !important;
}
body.shangzuo-oem-page .shangzuo-oem-embed .container,
body.shangzuo-oem-page .shangzuo-oem-main .container {
  width: min(1600px, calc(100% - 120px)) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122403,
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122404,
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122405,
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122406,
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122407,
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122408,
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122409,
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122410,
body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122411 {
  color: #1f201f !important;
}
@media (max-width: 1599px) and (min-width: 901px) {
  body.shangzuo-oem-page .shangzuo-oem-embed .container,
  body.shangzuo-oem-page .shangzuo-oem-main .container { width: calc(100% - 64px) !important; }
}
@media (max-width: 900px) {
  body.shangzuo-oem-page .shangzuo-oem-embed .container,
  body.shangzuo-oem-page .shangzuo-oem-main .container { width: calc(100% - 36px) !important; }
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122403,
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122404,
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122405,
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122406,
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122407,
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122408,
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122409,
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122410,
  body.shangzuo-oem-page .shangzuo-oem-embed .section-2025122411 { overflow-x: hidden !important; }
}
/* About page reference layout: align the middle content to the shared wide rail. */
body.shangzuo-about-page .neiye_content_service_middle,
body.shangzuo-about-page .about_contents {
  width: min(1600px, calc(100% - 120px)) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--cream, #f8f0e7) !important;
  color: var(--ink, #1f201f) !important;
}
body.shangzuo-about-page .about_contents_top,
body.shangzuo-about-page .about_shuju,
body.shangzuo-about-page .about_youshi,
body.shangzuo-about-page .cooperative {
  width: 100% !important;
  max-width: none !important;
}
body.shangzuo-about-page .about_middle_contents_big_title,
body.shangzuo-about-page .about_youshi_title,
body.shangzuo-about-page .about_shuju_list_top {
  color: var(--ink, #1f201f) !important;
}
body.shangzuo-about-page .about_middle_contents_small_content,
body.shangzuo-about-page .about_youshi .youshi_desc,
body.shangzuo-about-page .shuju_desc {
  color: var(--muted, #655e58) !important;
}
body.shangzuo-about-page .about_numbers,
body.shangzuo-about-page .abouts_button a,
body.shangzuo-about-page .about_youshi_title::after {
  color: var(--orange, #fa5a14) !important;
}
@media (max-width: 1599px) and (min-width: 901px) {
  body.shangzuo-about-page .neiye_content_service_middle,
  body.shangzuo-about-page .about_contents { width: calc(100% - 64px) !important; }
}
@media (max-width: 900px) {
  body.shangzuo-about-page .neiye_content_service_middle,
  body.shangzuo-about-page .about_contents { width: calc(100% - 36px) !important; }
  body.shangzuo-about-page .about_contents_top { width: 100% !important; }
}
/* News category page: reference-like wide rail, two-column list and responsive stack. */
body.shangzuo-news-list-page .neiye_content_middle {
  width: min(1600px, calc(100% - 120px)) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: clamp(28px, 4vw, 64px) !important;
  align-items: start !important;
}
body.shangzuo-news-list-page .neiye_content_middle_left,
body.shangzuo-news-list-page .neiye_content_middle_right {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.shangzuo-news-list-page .neiye_content_middle_left_top {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 14px 0 !important;
  line-height: 1.35 !important;
  color: var(--muted, #6f665f) !important;
  font-size: clamp(14px, .95vw, 18px) !important;
}
body.shangzuo-news-list-page .neiye_content_middle_left_top .bread {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
}
body.shangzuo-news-list-page .neiye_content_middle_list {
  width: 100% !important;
  background: transparent !important;
}
body.shangzuo-news-list-page .listtitle a,
body.shangzuo-news-list-page .listmore a,
body.shangzuo-news-list-page .news_category_top,
body.shangzuo-news-list-page .news_category_under_img_name a {
  color: var(--ink, #1f201f) !important;
}
body.shangzuo-news-list-page .listtitle a:hover,
body.shangzuo-news-list-page .listmore a:hover,
body.shangzuo-news-list-page .news_category_under_img_name a:hover { color: var(--orange, #fa5a14) !important; }
body.shangzuo-news-list-page .news_category,
body.shangzuo-news-list-page .RECOMMEND { background: #fff !important; border-radius: 12px !important; }
body.shangzuo-news-list-page .pagination { display: flex !important; justify-content: center !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 1599px) and (min-width: 901px) {
  body.shangzuo-news-list-page .neiye_content_middle { width: calc(100% - 64px) !important; }
}
@media (max-width: 900px) {
  body.shangzuo-news-list-page .neiye_content_middle {
    width: calc(100% - 36px) !important;
    padding-top: 12px !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  body.shangzuo-news-list-page .neiye_content_middle_left_top { font-size: 14px !important; padding: 12px 0 !important; }
  body.shangzuo-news-list-page .neiye_content_middle_right { width: 100% !important; }
}
/* News detail page: reference-like wide article rail and responsive sidebar. */
body.shangzuo-news-detail-page .neiye_content_middle {
  width: min(1600px, calc(100% - 120px)) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: clamp(28px, 4vw, 64px) !important;
  align-items: start !important;
}
body.shangzuo-news-detail-page .neiye_content_middle_left,
body.shangzuo-news-detail-page .neiye_content_middle_right {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.shangzuo-news-detail-page .neiye_content_middle_left_top {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 14px 0 !important;
  line-height: 1.35 !important;
  color: var(--muted, #6f665f) !important;
  font-size: clamp(14px, .95vw, 18px) !important;
}
body.shangzuo-news-detail-page .neiye_content_middle_left_top .bread {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
}
body.shangzuo-news-detail-page .neiye_content_middle_left_under {
  width: 100% !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: clamp(22px, 3vw, 52px) !important;
  box-sizing: border-box !important;
}
body.shangzuo-news-detail-page .contents_remarks,
body.shangzuo-news-detail-page .contents_remarks p,
body.shangzuo-news-detail-page .contents_remarks li {
  color: var(--muted, #655e58) !important;
  font-family: GoogleSansFlex, RobotoLocal, Arial, sans-serif !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.7 !important;
}
body.shangzuo-news-detail-page .contents_remarks img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 24px auto !important;
  border-radius: 10px !important;
  object-fit: contain !important;
}
body.shangzuo-news-detail-page .news_prev_next {
  width: 100% !important;
  margin: 34px 0 0 !important;
}
body.shangzuo-news-detail-page .news_category,
body.shangzuo-news-detail-page .RECOMMEND {
  background: #fff !important;
  border-radius: 12px !important;
}
body.shangzuo-news-detail-page .news_category_under_img_name a,
body.shangzuo-news-detail-page .news_prev_next a { color: var(--ink, #1f201f) !important; }
body.shangzuo-news-detail-page .news_category_under_img_name a:hover,
body.shangzuo-news-detail-page .news_prev_next a:hover { color: var(--orange, #fa5a14) !important; }
@media (max-width: 1599px) and (min-width: 901px) {
  body.shangzuo-news-detail-page .neiye_content_middle { width: calc(100% - 64px) !important; }
}
@media (max-width: 900px) {
  body.shangzuo-news-detail-page .neiye_content_middle {
    width: calc(100% - 36px) !important;
    padding-top: 12px !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  body.shangzuo-news-detail-page .neiye_content_middle_left_top { font-size: 14px !important; padding: 12px 0 !important; }
  body.shangzuo-news-detail-page .neiye_content_middle_right { width: 100% !important; }
  body.shangzuo-news-detail-page .neiye_content_middle_left_under { padding: 18px !important; }
}
/* Final global inner-page header state and shared typography. */
body.shangzuo-landing:not(.home) .wp-site-blocks,
body.shangzuo-landing:not(.home) .wp-site-blocks :where(h1,h2,h3,h4,h5,h6,p,a,li,span,button,input,textarea,label,select,option) {
  font-family: RobotoLocal, Arial, sans-serif !important;
}
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger:focus-visible,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item.products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item.products-menu:focus-within > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item.products-menu:hover > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item.products-menu:focus-within > .products-trigger {
    background: var(--orange, #fa5a14) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 17px !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
  }
}

/* Contact page: reference-like wide contact information, form and map. */
body.shangzuo-contact-page .neiye_content_service_middle,
body.shangzuo-contact-page .content_middle {
  width: min(1600px, calc(100% - 120px)) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--cream, #f8f0e7) !important;
}
body.shangzuo-contact-page .content_middle { padding-top: 20px !important; }
body.shangzuo-contact-page .content_list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; }
body.shangzuo-contact-page .contacts_remark { min-width: 0 !important; }
body.shangzuo-contact-page .index_contact_middle { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr) !important; gap: clamp(28px, 5vw, 90px) !important; width: 100% !important; margin: 0 !important; }
body.shangzuo-contact-page .index_contact_middle_left,
body.shangzuo-contact-page .index_contact_middle_right { width: auto !important; min-width: 0 !important; }
body.shangzuo-contact-page .index_contact_middle_right img { width: 100% !important; height: auto !important; border-radius: 12px !important; object-fit: cover !important; }
body.shangzuo-contact-page .contactmap { width: 100% !important; margin-top: 40px !important; }
body.shangzuo-contact-page .contactmap iframe { width: 100% !important; min-height: 360px !important; border: 0 !important; border-radius: 12px !important; }
body.shangzuo-contact-page .contact_title,
body.shangzuo-contact-page .contacts_remark_title { color: var(--ink, #1f201f) !important; }
body.shangzuo-contact-page .contact_remark,
body.shangzuo-contact-page .contacts_remark_desc { color: var(--muted, #655e58) !important; }
@media (max-width: 1599px) and (min-width: 901px) {
  body.shangzuo-contact-page .neiye_content_service_middle,
  body.shangzuo-contact-page .content_middle { width: calc(100% - 64px) !important; }
}
@media (max-width: 900px) {
  body.shangzuo-contact-page .neiye_content_service_middle,
  body.shangzuo-contact-page .content_middle { width: calc(100% - 36px) !important; }
  body.shangzuo-contact-page .content_middle { padding-top: 12px !important; }
  body.shangzuo-contact-page .content_list,
  body.shangzuo-contact-page .index_contact_middle { grid-template-columns: 1fr !important; gap: 28px !important; }
  body.shangzuo-contact-page .contactmap iframe { min-height: 280px !important; }
}
/* Final inner navigation alignment: stable spacing and contact/language rail alignment. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .main-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu {
    justify-content: space-between !important;
    gap: 0 !important;
    padding-right: clamp(100px, 10vw, 160px) !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger {
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    transition: background-color .2s ease, color .2s ease !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger:focus-visible {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    transform: none !important;
  }
}
@media (max-width: 1200px) and (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .main-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu { padding-right: clamp(36px, 6vw, 90px) !important; }
}
/* Make inner-page navigation geometry identical before and after scrolling. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) {
    height: 104px !important;
    background: #fff !important;
    box-shadow: 0 4px 18px rgba(25,25,25,.12) !important;
  }
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .topbar {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: calc(100% - 44px) !important;
    height: 47px !important;
    border-radius: 0 0 0 47px !important;
    overflow: hidden !important;
  }
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .topbar-inner { height: 47px !important; }
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .topbar-item { top: 0 !important; height: 47px !important; }
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .topbar-divider { top: 13px !important; height: 21px !important; }
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .social-links { top: 13px !important; }
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .nav-shell {
    position: relative !important;
    width: min(1600px, calc(100% - 184px)) !important;
    height: 104px !important;
    margin-left: max(160px, calc((100% - 1600px) / 2)) !important;
    margin-right: 24px !important;
    display: block !important;
  }
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .brand {
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    display: block !important;
    margin: 0 !important;
  }
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .main-menu {
    width: 100% !important;
    height: 104px !important;
    margin: 0 !important;
    padding-bottom: 17px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
  }
}
/* Restore the inner-page logo/navigation two-column shell and remove overlap. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .nav-shell,
  body.shangzuo-landing:not(.home) .site-header.scrolled .nav-shell,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .nav-shell {
    position: relative !important;
    width: min(1600px, calc(100% - 120px)) !important;
    height: 104px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 43.0625% 56.9375% !important;
    align-items: stretch !important;
  }
  body.shangzuo-landing:not(.home) .site-header .brand,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .brand {
    position: static !important;
    display: block !important;
    align-self: start !important;
    margin: 7px 0 0 -14px !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .main-menu {
    align-self: start !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 51px !important;
    padding: 0 clamp(100px, 10vw, 160px) 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger {
    margin: 0 !important;
    transform: none !important;
    transition: background-color .2s ease, color .2s ease !important;
  }
}
@media (max-width: 1599px) and (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .nav-shell,
  body.shangzuo-landing:not(.home) .site-header.scrolled .nav-shell,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .nav-shell { width: calc(100% - 64px) !important; }
  body.shangzuo-landing:not(.home) .site-header .brand-logo,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand-logo,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .brand-logo { width: clamp(165px, 14.25vw, 205px) !important; }
  body.shangzuo-landing:not(.home) .site-header .main-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .main-menu { margin-top: 45px !important; padding-right: clamp(36px, 6vw, 90px) !important; }
}
/* Final inner-page topbar rail: keep the logo clear and make both scroll states identical. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header .topbar,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .topbar {
    left: max(300px, calc((100vw - 1600px) / 2 + 260px)) !important;
    right: 0 !important;
    width: auto !important;
    top: 0 !important;
    height: 47px !important;
    border-radius: 0 0 0 47px !important;
    overflow: hidden !important;
  }
  body.shangzuo-landing:not(.home) .site-header .brand,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .brand {
    z-index: 1002 !important;
  }
}

/* Final navigation lock: default and scrolled inner-page headers share one geometry. */
@media (min-width: 901px) {
  body.shangzuo-landing:not(.home) .site-header,
  body.shangzuo-landing:not(.home) .site-header.scrolled {
    height: 104px !important;
  }

  /* HOME keeps the same 14px hit area before and during hover, so flex spacing cannot reflow. */
  body.shangzuo-landing:not(.home) .site-header .main-menu > a.nav-home,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a.nav-home:hover,
  body.shangzuo-landing:not(.home) .site-header .main-menu > a.nav-home:focus-visible,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a.nav-home,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a.nav-home:hover,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a.nav-home:focus-visible {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    height: 33px !important;
    min-height: 33px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* The 1800px+ reference layout uses a viewport-relative contact rail. */
@media (min-width: 1800px) {
  body.shangzuo-landing:not(.home) .site-header .topbar,
  body.shangzuo-landing:not(.home) .site-header.scrolled .topbar,
  body.shangzuo-landing:not(.home) .site-header:not(.scrolled) .topbar {
    left: max(0px, calc(50vw - 283px)) !important;
    right: 0 !important;
    width: auto !important;
  }
}

/* Keep the desktop header inside the viewport on medium screens before mobile navigation begins. */
@media (min-width: 901px) and (max-width: 1100px) {
  body.shangzuo-landing:not(.home) .site-header .nav-shell,
  body.shangzuo-landing:not(.home) .site-header.scrolled .nav-shell {
    width: calc(100% - 36px) !important;
    grid-template-columns: 34% 66% !important;
  }
  body.shangzuo-landing:not(.home) .site-header .brand-logo,
  body.shangzuo-landing:not(.home) .site-header.scrolled .brand-logo {
    width: clamp(145px, 16vw, 165px) !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu {
    margin-top: 45px !important;
    padding-right: 0 !important;
  }
  body.shangzuo-landing:not(.home) .site-header .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header .main-menu > .menu-item > .products-trigger,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > a,
  body.shangzuo-landing:not(.home) .site-header.scrolled .main-menu > .menu-item > .products-trigger {
    font-size: clamp(11px, 1.3vw, 14px) !important;
    letter-spacing: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* Inner-page header: one geometry for normal and scrolled states. */
@media (min-width:901px) {
  body.shangzuo-landing:not(.home) .site-header#top {
    --sz-header-rail:min(1600px,calc(100vw - 64px));
    --sz-header-logo-column:clamp(280px,calc(var(--sz-header-rail) - 911px),689px);
    --sz-header-nav-left:calc((100vw - var(--sz-header-rail))/2 + var(--sz-header-logo-column));
    --sz-header-bar-left:max(240px,calc(var(--sz-header-nav-left) - 172px));
    --sz-header-contact-left:max(28px,calc(var(--sz-header-nav-left) - 42px - var(--sz-header-bar-left)));
    height:104px !important; background:#fff !important; color:#191919 !important; box-shadow:0 4px 18px rgba(25,25,25,.12) !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .nav-shell {
    position:relative !important; z-index:2; display:grid !important;
    width:var(--sz-header-rail) !important; height:104px !important; margin:0 auto !important; padding:0 !important;
    grid-template-columns:var(--sz-header-logo-column) minmax(0,1fr) !important; align-items:start !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .brand {
    position:static !important; justify-self:start; align-self:start !important;
    width:max-content !important; height:auto !important; max-width:100%; margin:7px 0 0 -14px !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu {
    position:relative !important; align-self:start !important; display:flex !important; align-items:center !important;
    justify-content:space-between !important; gap:0 !important; width:calc(100% + 14px) !important;
    height:33px !important; margin:51px 0 0 !important; padding:0 !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.menu-item {
    position:relative; flex:0 0 auto !important; width:auto !important; height:33px; margin:0 !important; padding:0 !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.menu-item>.products-trigger {
    position:relative; display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto;
    box-sizing:border-box !important; width:auto !important; min-width:0 !important; height:33px !important; min-height:33px !important;
    margin:0 !important; padding:0 14px !important; border:0 !important; border-radius:17px !important;
    background:transparent !important; color:#191919 !important; opacity:1 !important; visibility:visible !important;
    font:400 16px/33px Arial,Helvetica,sans-serif !important; letter-spacing:0 !important; text-align:center !important; white-space:nowrap;
    transform:none !important; box-shadow:none !important; transition:background-color .2s ease,color .2s ease !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a::before,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a::after,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.menu-item>.products-trigger::before,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.menu-item>.products-trigger::after { content:none !important; display:none !important; }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a:hover,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.products-menu:hover>.products-trigger,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.products-menu:focus-within>.products-trigger,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.products-menu.is-open>.products-trigger {
    background:var(--orange,#fa5a14) !important; color:#fff !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .topbar {
    position:absolute !important; z-index:3; display:block !important; left:var(--sz-header-bar-left) !important;
    right:0 !important; top:0 !important; width:auto !important; height:47px !important;
    border-radius:0 0 0 47px !important; background:#100604 !important; overflow:visible !important;
    opacity:1 !important; visibility:visible !important; transform:none !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-inner {
    position:relative !important; display:flex !important; align-items:center !important; justify-content:space-between !important;
    box-sizing:border-box !important; width:calc((100vw + var(--sz-header-rail))/2 + 18px - var(--sz-header-bar-left)) !important;
    max-width:100% !important; height:47px !important; margin:0 !important;
    padding:0 0 0 var(--sz-header-contact-left) !important;
    gap:8px !important; overflow:visible !important; opacity:1 !important; visibility:visible !important; transform:none !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-item {
    position:static !important; display:flex !important; align-items:center !important; flex:0 0 auto;
    top:0 !important; left:auto !important; height:47px !important; margin:0 !important;
    color:#fff !important; opacity:1 !important; visibility:visible !important; transform:none !important;
    font:300 16px/1.35 RobotoLocal,Arial,sans-serif !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .phone { letter-spacing:.9px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .email { letter-spacing:.42px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .phone>a,
  body.shangzuo-landing:not(.home) .site-header#top .email>a { font:inherit !important; letter-spacing:inherit !important; color:inherit !important; }
  body.shangzuo-landing:not(.home) .site-header#top .phone .phone-icon { width:20px !important; height:20px !important; flex:0 0 20px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .email>svg { width:21px !important; height:20px !important; flex:0 0 21px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .language-trigger>svg { width:18px !important; height:18px !important; flex:0 0 18px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar .language { position:relative !important; }
  body.shangzuo-landing:not(.home) .site-header#top .language-trigger { display:flex; align-items:center; height:47px !important; color:#fff !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-divider {
    position:static !important; flex:0 0 1px; width:1px !important; height:21px !important; top:auto !important; left:auto !important; margin:0 !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .social-links {
    position:static !important; display:flex !important; align-items:center !important; flex:0 0 auto;
    top:auto !important; left:auto !important; gap:14px !important; height:21px !important; margin:0 !important;
    opacity:1 !important; visibility:visible !important; transform:none !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .social-links>a { width:23px !important; height:21px !important; }
}
@media (min-width:1280px) {
  body.shangzuo-landing:not(.home) .site-header#top .topbar-inner { display:block !important; padding:0 !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-item { position:absolute !important; top:0 !important; height:47px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .phone { left:var(--sz-header-contact-left) !important; }
  body.shangzuo-landing:not(.home) .site-header#top .email { left:calc(var(--sz-header-contact-left) + 284px) !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar .language { position:absolute !important; left:calc(var(--sz-header-contact-left) + 911px) !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-divider { position:absolute !important; top:13px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-divider:nth-of-type(2) { left:calc(var(--sz-header-contact-left) + 225px) !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-divider:nth-of-type(4) { left:calc(var(--sz-header-contact-left) + 616px) !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-divider:nth-of-type(6) { left:calc(var(--sz-header-contact-left) + 852px) !important; }
  body.shangzuo-landing:not(.home) .site-header#top .social-links { position:absolute !important; left:calc(var(--sz-header-contact-left) + 669px) !important; top:13px !important; }
}
@media (min-width:901px) and (max-width:1100px) {
  body.shangzuo-landing:not(.home) .site-header#top {
    --sz-header-rail:calc(100vw - 36px);
    --sz-header-bar-left:max(220px,calc(var(--sz-header-nav-left) - 172px));
  }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu { width:calc(100% + 6px) !important; }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.menu-item>.products-trigger { padding:0 6px !important; font-size:clamp(12px,1.3vw,14px) !important; }
  body.shangzuo-landing:not(.home) .site-header#top .topbar-item { font-size:12px !important; letter-spacing:.2px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .phone .phone-icon { width:16px !important; height:16px !important; flex-basis:16px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .email>svg { width:16px !important; height:12px !important; flex-basis:16px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .language-trigger>svg { width:16px !important; height:16px !important; flex-basis:16px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .social-links { gap:7px !important; height:18px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .social-links>a { width:18px !important; height:18px !important; }
  body.shangzuo-landing:not(.home) .site-header#top .language-trigger { font-size:12px !important; gap:5px !important; }
}
@media (max-width:900px) {
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a::before,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a::after,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.menu-item>.products-trigger::before { content:none !important; display:none !important; }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.menu-item>.products-trigger {
    box-sizing:border-box !important; width:100% !important; min-width:0 !important; min-height:44px !important; height:auto !important;
    margin:0 !important; padding:12px 18px !important; border-radius:0 !important; background:transparent !important; color:#191919 !important;
  }
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a:hover,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>a:focus-visible,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.products-menu>.products-trigger:hover,
  body.shangzuo-landing:not(.home) .site-header#top .main-menu>.products-menu>.products-trigger:focus-visible { background:var(--orange,#fa5a14) !important; color:#fff !important; }
}



/* Shared header social icons: gray default tiles, white hover/focus tiles. */
body.shangzuo-landing .site-header .social-links a,
body.shangzuo-landing .site-header.scrolled .social-links a{
    background:#6b6b6b!important;
    color:#fff!important;
}
body.shangzuo-landing .site-header .social-links a svg,
body.shangzuo-landing .site-header .social-links a svg path,
body.shangzuo-landing .site-header .social-links a svg rect,
body.shangzuo-landing .site-header .social-links a svg circle,
body.shangzuo-landing .site-header .social-links a img,
body.shangzuo-landing .site-header.scrolled .social-links a svg,
body.shangzuo-landing .site-header.scrolled .social-links a svg path,
body.shangzuo-landing .site-header.scrolled .social-links a svg rect,
body.shangzuo-landing .site-header.scrolled .social-links a svg circle,
body.shangzuo-landing .site-header.scrolled .social-links a img{
    color:#fff!important;
    fill:#fff!important;
    stroke:#fff!important;
    filter:brightness(0) invert(1);
}
body.shangzuo-landing .site-header .social-links a:hover,
body.shangzuo-landing .site-header .social-links a:focus-visible,
body.shangzuo-landing .site-header.scrolled .social-links a:hover,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible{
    background:#fff!important;
    color:#17110f!important;
}
body.shangzuo-landing .site-header .social-links a:hover svg,
body.shangzuo-landing .site-header .social-links a:hover svg path,
body.shangzuo-landing .site-header .social-links a:hover svg rect,
body.shangzuo-landing .site-header .social-links a:hover svg circle,
body.shangzuo-landing .site-header .social-links a:hover img,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg path,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg rect,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg circle,
body.shangzuo-landing .site-header.scrolled .social-links a:hover img,
body.shangzuo-landing .site-header .social-links a:focus-visible svg,
body.shangzuo-landing .site-header .social-links a:focus-visible svg path,
body.shangzuo-landing .site-header .social-links a:focus-visible svg rect,
body.shangzuo-landing .site-header .social-links a:focus-visible svg circle,
body.shangzuo-landing .site-header .social-links a:focus-visible img{
    color:#17110f!important;
    fill:#17110f!important;
    stroke:#17110f!important;
    filter:brightness(0);
}

/* Solutions cards: white labels by default, orange on interaction. */
body.home .solutions-section .solution-card span,
body.home .solutions-section .solution-card a:visited span{color:#fff!important;}
body.home .solutions-section .solution-card:hover span,
body.home .solutions-section .solution-card a:focus-visible span{color:var(--orange,#ff6a00)!important;}/* Footer inquiry submit button follows the main orange interaction style. */
body.shangzuo-landing .site-footer .footer-subscribe .button,
body.shangzuo-landing .site-footer .footer-subscribe input[type="submit"] { background:#ff6a00 !important; border:1px solid #ff6a00 !important; color:#fff !important; }
body.shangzuo-landing .site-footer .footer-subscribe .button:hover,
body.shangzuo-landing .site-footer .footer-subscribe .button:focus-visible,
body.shangzuo-landing .site-footer .footer-subscribe input[type="submit"]:hover,
body.shangzuo-landing .site-footer .footer-subscribe input[type="submit"]:focus-visible { background:#fff !important; border-color:#ff6a00 !important; color:#ff6a00 !important; }


/* Final social icon state correction: neutral gray tiles, white icons, white hover tiles. */
body.shangzuo-landing .site-header .social-links a:not(:hover):not(:focus-visible),
body.shangzuo-landing .site-header.scrolled .social-links a:not(:hover):not(:focus-visible){ background:#605b5a!important; color:#fff!important; }
body.shangzuo-landing .site-header .social-links a:not(:hover):not(:focus-visible) svg{ filter:none!important; }
body.shangzuo-landing .site-header .social-links a:not(:hover):not(:focus-visible) svg path,
body.shangzuo-landing .site-header .social-links a:not(:hover):not(:focus-visible) svg circle{ fill:#fff!important; stroke:#fff!important; }
body.shangzuo-landing .site-header .social-links a:not(:hover):not(:focus-visible) svg rect{ fill:#fff!important; stroke:#fff!important; }
body.shangzuo-landing .site-header .social-links a:first-child:not(:hover):not(:focus-visible) svg rect{ fill:transparent!important; stroke:none!important; }
body.shangzuo-landing .site-header .social-links a:hover,
body.shangzuo-landing .site-header .social-links a:focus-visible,
body.shangzuo-landing .site-header.scrolled .social-links a:hover,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible{ background:#fff!important; color:#17110f!important; }
body.shangzuo-landing .site-header .social-links a:hover svg,
body.shangzuo-landing .site-header .social-links a:focus-visible svg,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible svg{ filter:none!important; }
body.shangzuo-landing .site-header .social-links a:hover svg path,
body.shangzuo-landing .site-header .social-links a:hover svg circle,
body.shangzuo-landing .site-header .social-links a:hover svg rect,
body.shangzuo-landing .site-header .social-links a:focus-visible svg path,
body.shangzuo-landing .site-header .social-links a:focus-visible svg circle,
body.shangzuo-landing .site-header .social-links a:focus-visible svg rect,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg path,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg circle,
body.shangzuo-landing .site-header.scrolled .social-links a:hover svg rect,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible svg path,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible svg circle,
body.shangzuo-landing .site-header.scrolled .social-links a:focus-visible svg rect{ fill:#17110f!important; stroke:#17110f!important; }


/* Hard final override for header social icon tiles. */
body.shangzuo-landing .site-header .social-links > a,body.shangzuo-landing .site-header.scrolled .social-links > a { background:#605b5a!important; color:#fff!important; border:0!important; }
body.shangzuo-landing .site-header .social-links > a > svg,body.shangzuo-landing .site-header.scrolled .social-links > a > svg { filter:none!important; }
body.shangzuo-landing .site-header .social-links > a:not(:hover):not(:focus-visible) > svg path,body.shangzuo-landing .site-header .social-links > a:not(:hover):not(:focus-visible) > svg circle,body.shangzuo-landing .site-header .social-links > a:not(:hover):not(:focus-visible) > svg rect,body.shangzuo-landing .site-header.scrolled .social-links > a:not(:hover):not(:focus-visible) > svg path,body.shangzuo-landing .site-header.scrolled .social-links > a:not(:hover):not(:focus-visible) > svg circle,body.shangzuo-landing .site-header.scrolled .social-links > a:not(:hover):not(:focus-visible) > svg rect { fill:#fff!important; stroke:#fff!important; }
body.shangzuo-landing .site-header .social-links > a:first-child:not(:hover):not(:focus-visible) > svg rect,body.shangzuo-landing .site-header.scrolled .social-links > a:first-child:not(:hover):not(:focus-visible) > svg rect { fill:transparent!important; stroke:none!important; }
body.shangzuo-landing .site-header .social-links > a:hover,body.shangzuo-landing .site-header .social-links > a:focus-visible,body.shangzuo-landing .site-header.scrolled .social-links > a:hover,body.shangzuo-landing .site-header.scrolled .social-links > a:focus-visible { background:#fff!important; color:#17110f!important; }
body.shangzuo-landing .site-header .social-links > a:hover > svg path,body.shangzuo-landing .site-header .social-links > a:hover > svg circle,body.shangzuo-landing .site-header .social-links > a:hover > svg rect,body.shangzuo-landing .site-header .social-links > a:focus-visible > svg path,body.shangzuo-landing .site-header .social-links > a:focus-visible > svg circle,body.shangzuo-landing .site-header .social-links > a:focus-visible > svg rect,body.shangzuo-landing .site-header.scrolled .social-links > a:hover > svg path,body.shangzuo-landing .site-header.scrolled .social-links > a:hover > svg circle,body.shangzuo-landing .site-header.scrolled .social-links > a:hover > svg rect,body.shangzuo-landing .site-header.scrolled .social-links > a:focus-visible > svg path,body.shangzuo-landing .site-header.scrolled .social-links > a:focus-visible > svg circle,body.shangzuo-landing .site-header.scrolled .social-links > a:focus-visible > svg rect { fill:#17110f!important; stroke:#17110f!important; }


/* Remove active navigation pill background globally. */
@media(min-width:901px){
  body.shangzuo-landing .site-header .main-menu a.is-current,
  body.shangzuo-landing .site-header.scrolled .main-menu a.is-current,
  body.shangzuo-landing .site-header .main-menu > .menu-item > .products-trigger.is-current { width:auto!important; min-width:0!important; height:33px!important; min-height:33px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:var(--orange,#ff6a00)!important; box-shadow:none!important; }
  body.shangzuo-landing .site-header .main-menu a.is-current::before,
  body.shangzuo-landing .site-header .main-menu a.is-current::after,
  body.shangzuo-landing .site-header .main-menu > .menu-item > .products-trigger.is-current::before,
  body.shangzuo-landing .site-header .main-menu > .menu-item > .products-trigger.is-current::after { display:none!important; content:none!important; background:transparent!important; border:0!important; box-shadow:none!important; }
}
@media(max-width:900px){
  body.shangzuo-landing .site-header .main-menu a.is-current,
  body.shangzuo-landing .site-header.scrolled .main-menu a.is-current,
  body.shangzuo-landing .site-header .main-menu > .menu-item > .products-trigger.is-current { width:auto!important; min-width:0!important; height:auto!important; min-height:0!important; padding:13px 0!important; border-radius:0!important; background:transparent!important; color:var(--orange,#ff6a00)!important; }
  body.shangzuo-landing .site-header .main-menu a.is-current::before,body.shangzuo-landing .site-header .main-menu a.is-current::after { display:none!important; content:none!important; }
}


/* Final news list rail keeps Recommend beside the article cards. */
body.shangzuo-news-list-page .neiye_content_middle { display:flex!important; flex-wrap:nowrap!important; justify-content:space-between!important; align-items:flex-start!important; gap:3%!important; width:min(1300px,calc(100% - 96px))!important; max-width:1300px!important; margin:0 auto!important; }
body.shangzuo-news-list-page .neiye_content_middle_left { width:71%!important; min-width:0!important; margin:0!important; }
body.shangzuo-news-list-page .neiye_content_middle_right { width:26%!important; min-width:0!important; margin:90px 0 0!important; position:static!important; }
body.shangzuo-news-list-page .neiye_content_middle_left_top { width:100%!important; grid-column:auto!important; }
body.shangzuo-news-list-page .pagination { width:100%!important; grid-column:auto!important; }
@media(max-width:900px){body.shangzuo-news-list-page .neiye_content_middle{display:block!important;width:calc(100% - 36px)!important;}body.shangzuo-news-list-page .neiye_content_middle_left,body.shangzuo-news-list-page .neiye_content_middle_right{width:100%!important;}body.shangzuo-news-list-page .neiye_content_middle_right{margin-top:32px!important;}}
@media(max-width:600px){body.shangzuo-news-list-page .neiye_content_middle{width:calc(100% - 28px)!important;}}

/* Contact inquiry module: reference-style two-column layout while preserving all fields. */
body.shangzuo-contact-page #contact-page .contactform {
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-top:clamp(48px,7vw,112px)!important;
  margin-bottom:0!important;
  padding:clamp(54px,7vw,108px) 0 clamp(56px,7vw,100px)!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
body.shangzuo-contact-page #contact-page .contactform .index_contact {
  width:min(1300px,calc(100% - 96px))!important;
  max-width:1300px!important;
  margin:0 auto!important;
}
body.shangzuo-contact-page #contact-page .contactform .index_contact_middle {
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)!important;
  gap:clamp(36px,7vw,110px)!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.shangzuo-contact-page #contact-page .contactform .index_contact_middle_left,
body.shangzuo-contact-page #contact-page .contactform .index_contact_middle_right { width:auto!important; min-width:0!important; }
body.shangzuo-contact-page #contact-page .contactform .index_contact_middle_left_top { margin:0 0 clamp(28px,3vw,44px)!important; }
body.shangzuo-contact-page #contact-page .contactform .contact_title {
  margin:0 0 18px!important;
  color:#111!important;
  font-family:RobotoLocal,Arial,sans-serif!important;
  font-size:clamp(42px,4.1vw,64px)!important;
  font-weight:700!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
body.shangzuo-contact-page #contact-page .contactform .contact_remark {
  max-width:580px!important;
  margin:0!important;
  color:#151515!important;
  font-family:RobotoLocal,Arial,sans-serif!important;
  font-size:clamp(16px,1.45vw,22px)!important;
  font-weight:400!important;
  line-height:1.45!important;
}
body.shangzuo-contact-page #contact-page .contactform .index_contact_middle_left_under { margin:0!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
}
body.shangzuo-contact-page #contact-page .contactform .szreq-field,
body.shangzuo-contact-page #contact-page .contactform .szreq-field-message {
  min-width:0!important;
  grid-column:auto!important;
  border-bottom:1px solid #191919!important;
  padding:0!important;
}
body.shangzuo-contact-page #contact-page .contactform .szreq-field > p { margin:0!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-field label {
  display:block!important;
  margin:0!important;
  padding-top:14px!important;
  color:#6b6b6b!important;
  font:400 13px/1.3 RobotoLocal,Arial,sans-serif!important;
}
body.shangzuo-contact-page #contact-page .contactform .szreq-star { color:#fa5a14!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-optional { color:#888!important; font-size:12px!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-field input:not([type=hidden]),
body.shangzuo-contact-page #contact-page .contactform .szreq-field select,
body.shangzuo-contact-page #contact-page .contactform .szreq-field textarea {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#171717!important;
  font:400 16px/1.45 RobotoLocal,Arial,sans-serif!important;
}
body.shangzuo-contact-page #contact-page .contactform .szreq-field input:not([type=hidden]),
body.shangzuo-contact-page #contact-page .contactform .szreq-field select { height:48px!important; padding:0!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-field textarea {
  min-height:128px!important;
  height:128px!important;
  padding:12px 0 10px!important;
  resize:vertical!important;
}
body.shangzuo-contact-page #contact-page .contactform .szreq-field input::placeholder,
body.shangzuo-contact-page #contact-page .contactform .szreq-field textarea::placeholder { color:#929292!important; opacity:1!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-field select { appearance:auto!important; }
body.shangzuo-contact-page #contact-page .contactform .wpcf7-form-control-wrap { display:block!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-actions { margin:28px 0 0!important; text-align:left!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-actions > p { margin:0!important; }
body.shangzuo-contact-page #contact-page .contactform input.szreq-submit {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  padding:0 28px!important;
  border:0!important;
  border-radius:32px!important;
  background:#111!important;
  color:#fff!important;
  font:500 19px/62px RobotoLocal,Arial,sans-serif!important;
  cursor:pointer!important;
  transition:background-color .2s ease,color .2s ease!important;
}
body.shangzuo-contact-page #contact-page .contactform input.szreq-submit:hover,
body.shangzuo-contact-page #contact-page .contactform input.szreq-submit:focus-visible { background:#fa5a14!important; color:#fff!important; }
body.shangzuo-contact-page #contact-page .contactform .notices {
  margin:28px 0 0!important;
  color:#8b8b8b!important;
  font:400 14px/1.6 RobotoLocal,Arial,sans-serif!important;
  text-align:left!important;
}
body.shangzuo-contact-page #contact-page .contactform .index_contact_middle_right { display:block!important; }
body.shangzuo-contact-page #contact-page .contactform .index_contact_middle_right img {
  display:block!important;
  width:100%!important;
  max-width:650px!important;
  height:auto!important;
  margin:0 auto!important;
  border-radius:0!important;
  object-fit:contain!important;
}
@media(max-width:900px){
  body.shangzuo-contact-page #contact-page .contactform { margin-top:54px!important; padding:58px 0 68px!important; }
  body.shangzuo-contact-page #contact-page .contactform .index_contact { width:calc(100% - 36px)!important; }
  body.shangzuo-contact-page #contact-page .contactform .index_contact_middle { grid-template-columns:minmax(0,1fr)!important; gap:42px!important; }
  body.shangzuo-contact-page #contact-page .contactform .index_contact_middle_right { order:2!important; }
  body.shangzuo-contact-page #contact-page .contactform .index_contact_middle_right img { max-width:680px!important; }
}
@media(max-width:600px){
  body.shangzuo-contact-page #contact-page .contactform { margin-top:42px!important; padding:44px 0 54px!important; }
  body.shangzuo-contact-page #contact-page .contactform .index_contact { width:calc(100% - 28px)!important; }
  body.shangzuo-contact-page #contact-page .contactform .index_contact_middle { gap:32px!important; }
  body.shangzuo-contact-page #contact-page .contactform .contact_title { font-size:clamp(38px,11vw,52px)!important; }
  body.shangzuo-contact-page #contact-page .contactform .contact_remark { font-size:17px!important; }
  body.shangzuo-contact-page #contact-page .contactform input.szreq-submit { height:56px!important; min-height:56px!important; font-size:17px!important; line-height:56px!important; }
}
/* Contact top rail: align breadcrumb and contact cards to one left edge and tighten the gap. */
body.shangzuo-contact-page #contact-page .neiye_content_service_middle,
body.shangzuo-contact-page #contact-page .content_middle {
  width:min(1300px,calc(100% - 96px))!important;
  max-width:1300px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.shangzuo-contact-page #contact-page .neiye_content_service_middle {
  margin-top:0!important;
  margin-bottom:0!important;
}
body.shangzuo-contact-page #contact-page .neiye_content_middle_left_top {
  width:100%!important;
  margin:0!important;
  padding:12px 0!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
body.shangzuo-contact-page #contact-page .content_middle {
  margin-top:8px!important;
  padding-top:0!important;
}
body.shangzuo-contact-page #contact-page .content_middle .content_list {
  margin-top:0!important;
}
@media(max-width:900px){
  body.shangzuo-contact-page #contact-page .neiye_content_service_middle,
  body.shangzuo-contact-page #contact-page .content_middle { width:calc(100% - 36px)!important; max-width:none!important; }
  body.shangzuo-contact-page #contact-page .content_middle { margin-top:6px!important; }
}
@media(max-width:600px){
  body.shangzuo-contact-page #contact-page .neiye_content_service_middle,
  body.shangzuo-contact-page #contact-page .content_middle { width:calc(100% - 28px)!important; }
  body.shangzuo-contact-page #contact-page .neiye_content_middle_left_top { min-height:44px!important; padding:10px 0!important; }
  body.shangzuo-contact-page #contact-page .content_middle { margin-top:4px!important; }
}
/* News archive final rail: breadcrumb spans the row, article list and Recommend share the next row. */
@media(min-width:901px){
  body.shangzuo-news-list-page .neiye_content_middle {
    display:grid!important;
    grid-template-columns:minmax(0,71fr) minmax(280px,26fr)!important;
    column-gap:3%!important;
    row-gap:0!important;
    align-items:start!important;
    width:min(1300px,calc(100% - 96px))!important;
    max-width:1300px!important;
    margin:0 auto!important;
  }
  body.shangzuo-news-list-page .neiye_content_middle_left {
    display:contents!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  body.shangzuo-news-list-page .neiye_content_middle_left_top {
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
    padding:24px 0!important;
  }
  body.shangzuo-news-list-page .neiye_content_middle_list {
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  body.shangzuo-news-list-page .neiye_content_middle_right {
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    position:static!important;
    align-self:start!important;
  }
  body.shangzuo-news-list-page .pagination {
    grid-column:1!important;
    grid-row:3!important;
    width:100%!important;
  }
}
@media(max-width:900px){
  body.shangzuo-news-list-page .neiye_content_middle {
    display:block!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
  }
  body.shangzuo-news-list-page .neiye_content_middle_left {
    display:block!important;
    width:100%!important;
  }
  body.shangzuo-news-list-page .neiye_content_middle_left_top { width:100%!important; padding:12px 0!important; }
  body.shangzuo-news-list-page .neiye_content_middle_right {
    display:block!important;
    width:100%!important;
    margin:32px 0 0!important;
    position:static!important;
  }
  body.shangzuo-news-list-page .pagination { width:100%!important; }
}
@media(max-width:600px){ body.shangzuo-news-list-page .neiye_content_middle { width:calc(100% - 28px)!important; } }
/* News cards typography: keep date metadata inline and clamp text consistently. */
body.shangzuo-news-list-page .neiye_content_middle_list .listremark > div:first-child {
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-height:20px!important;
  white-space:nowrap!important;
  line-height:1.4!important;
}
body.shangzuo-news-list-page .neiye_content_middle_list .listremark > div:first-child img {
  display:block!important;
  flex:0 0 14px!important;
  width:14px!important;
  height:14px!important;
  margin:0 5px 0 0!important;
  vertical-align:middle!important;
}
body.shangzuo-news-list-page .neiye_content_middle_list .listtitle a,
body.shangzuo-news-list-page .news_category.RECOMMEND .news_category_under_img_name a {
  display:-webkit-box!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
}
body.shangzuo-news-list-page .neiye_content_middle_list .listtitle a {
  max-height:2.5em!important;
  min-height:2.5em!important;
}
body.shangzuo-news-list-page .neiye_content_middle_list .listdesc p {
  display:-webkit-box!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
  max-height:4.5em!important;
  min-height:4.5em!important;
}
@media(max-width:600px){
  body.shangzuo-news-list-page .neiye_content_middle_list .listtitle a { min-height:2.5em!important; max-height:2.5em!important; }
  body.shangzuo-news-list-page .neiye_content_middle_list .listdesc p { min-height:0!important; max-height:4.5em!important; }
}
/* News detail final rail: breadcrumb spans the row, article and Recommend align below it. */
@media(min-width:901px){
  body.shangzuo-news-detail-page .neiye_content_middle {
    display:grid!important;
    grid-template-columns:minmax(0,71fr) minmax(280px,26fr)!important;
    column-gap:3%!important;
    row-gap:0!important;
    align-items:start!important;
    width:min(1300px,calc(100% - 96px))!important;
    max-width:1300px!important;
    margin:0 auto!important;
    padding-top:0!important;
  }
  body.shangzuo-news-detail-page .neiye_content_middle_left {
    display:contents!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  body.shangzuo-news-detail-page .neiye_content_middle_left_top {
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    min-height:48px!important;
    height:auto!important;
    margin:0!important;
    padding:14px 0!important;
  }
  body.shangzuo-news-detail-page .neiye_content_middle_left_under {
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  body.shangzuo-news-detail-page .neiye_content_middle_right {
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    position:static!important;
    align-self:start!important;
  }
}
@media(max-width:900px){
  body.shangzuo-news-detail-page .neiye_content_middle {
    display:block!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
    padding-top:12px!important;
  }
  body.shangzuo-news-detail-page .neiye_content_middle_left {
    display:block!important;
    width:100%!important;
  }
  body.shangzuo-news-detail-page .neiye_content_middle_left_top { width:100%!important; padding:12px 0!important; }
  body.shangzuo-news-detail-page .neiye_content_middle_right {
    display:block!important;
    width:100%!important;
    margin:28px 0 0!important;
    position:static!important;
  }
}
@media(max-width:600px){ body.shangzuo-news-detail-page .neiye_content_middle { width:calc(100% - 28px)!important; } }
/* Contact form final field grid and slightly reduced typography. */
@media(min-width:901px){
  body.shangzuo-contact-page #contact-page .contactform .szreq-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:24px!important;
    row-gap:0!important;
  }
  body.shangzuo-contact-page #contact-page .contactform .szreq-field-message {
    grid-column:1 / -1!important;
  }
}
body.shangzuo-contact-page #contact-page .contactform .contact_title { font-size:clamp(40px,3.8vw,60px)!important; }
body.shangzuo-contact-page #contact-page .contactform .contact_remark { font-size:clamp(15px,1.3vw,20px)!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-field label { font-size:12px!important; }
body.shangzuo-contact-page #contact-page .contactform .szreq-field input:not([type=hidden]),
body.shangzuo-contact-page #contact-page .contactform .szreq-field select,
body.shangzuo-contact-page #contact-page .contactform .szreq-field textarea { font-size:15px!important; }
body.shangzuo-contact-page #contact-page .contactform input.szreq-submit { font-size:17px!important; }
body.shangzuo-contact-page #contact-page .contactform .notices { font-size:13px!important; }
body.shangzuo-contact-page #contact-page .contacts_remark_title { font-size:clamp(24px,2.4vw,42px)!important; }
body.shangzuo-contact-page #contact-page .contacts_remark_desc { font-size:clamp(15px,1.3vw,21px)!important; }
@media(max-width:900px){
  body.shangzuo-contact-page #contact-page .contactform .szreq-grid { grid-template-columns:minmax(0,1fr)!important; column-gap:0!important; }
  body.shangzuo-contact-page #contact-page .contactform .szreq-field-message { grid-column:auto!important; }
}
/* Social icon visibility: preserve outline shapes for Instagram and YouTube tiles. */
body.shangzuo-landing .site-header .social-links > a:not(:hover):not(:focus-visible) > svg rect,
body.shangzuo-landing .site-header.scrolled .social-links > a:not(:hover):not(:focus-visible) > svg rect {
  fill:transparent!important;
  stroke:#fff!important;
}
body.shangzuo-landing .site-header .social-links > a:hover > svg rect,
body.shangzuo-landing .site-header .social-links > a:focus-visible > svg rect,
body.shangzuo-landing .site-header.scrolled .social-links > a:hover > svg rect,
body.shangzuo-landing .site-header.scrolled .social-links > a:focus-visible > svg rect {
  fill:transparent!important;
  stroke:#17110f!important;
}
/* Project breadcrumb final alignment: normalize arrow size, baseline and spacing. */
body.shangzuo-project-page .bread_nav {
  width:100%!important;
  padding:14px 0!important;
  background:transparent!important;
}
body.shangzuo-project-page .bread_nav > .container {
  width:min(1300px,calc(100% - 96px))!important;
  max-width:1300px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
body.shangzuo-project-page .bread-con {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  color:#6f665f!important;
  font:400 15px/1.4 RobotoLocal,Arial,sans-serif!important;
}
body.shangzuo-project-page .bread-con > a {
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  color:#6f665f!important;
  line-height:1.4!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.shangzuo-project-page .bread-con > a:hover { color:#ff6a00!important; }
body.shangzuo-project-page .bread-con > span {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 14px!important;
  width:14px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  color:#8c837c!important;
  line-height:1!important;
}
body.shangzuo-project-page .bread-con > span svg {
  display:block!important;
  width:12px!important;
  height:12px!important;
  margin:0!important;
  padding:0!important;
  fill:currentColor!important;
  stroke:none!important;
  overflow:visible!important;
}
@media(max-width:900px){
  body.shangzuo-project-page .bread_nav { padding:11px 0!important; }
  body.shangzuo-project-page .bread_nav > .container { width:calc(100% - 36px)!important; max-width:none!important; }
  body.shangzuo-project-page .bread-con { gap:5px!important; font-size:14px!important; }
  body.shangzuo-project-page .bread-con > span { flex-basis:12px!important; width:12px!important; height:16px!important; }
  body.shangzuo-project-page .bread-con > span svg { width:11px!important; height:11px!important; }
}
@media(max-width:600px){
  body.shangzuo-project-page .bread_nav > .container { width:calc(100% - 28px)!important; }
  body.shangzuo-project-page .bread-con { font-size:13px!important; }
}
/* Project detail breadcrumb final alignment: normalize arrow size, baseline and spacing. */
body.shangzuo-project-detail-page .bread_nav {
  width:100%!important;
  padding:14px 0!important;
  background:transparent!important;
}
body.shangzuo-project-detail-page .bread_nav > .container {
  width:min(1300px,calc(100% - 96px))!important;
  max-width:1300px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
body.shangzuo-project-detail-page .bread-con {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  color:#6f665f!important;
  font:400 15px/1.4 RobotoLocal,Arial,sans-serif!important;
}
body.shangzuo-project-detail-page .bread-con > a {
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  color:#6f665f!important;
  line-height:1.4!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.shangzuo-project-detail-page .bread-con > a:hover { color:#ff6a00!important; }
body.shangzuo-project-detail-page .bread-con > span {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 14px!important;
  width:14px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  color:#8c837c!important;
  line-height:1!important;
}
body.shangzuo-project-detail-page .bread-con > span svg {
  display:block!important;
  width:12px!important;
  height:12px!important;
  margin:0!important;
  padding:0!important;
  fill:currentColor!important;
  stroke:none!important;
  overflow:visible!important;
}
@media(max-width:900px){
  body.shangzuo-project-detail-page .bread_nav { padding:11px 0!important; }
  body.shangzuo-project-detail-page .bread_nav > .container { width:calc(100% - 36px)!important; max-width:none!important; }
  body.shangzuo-project-detail-page .bread-con { gap:5px!important; font-size:14px!important; }
  body.shangzuo-project-detail-page .bread-con > span { flex-basis:12px!important; width:12px!important; height:16px!important; }
  body.shangzuo-project-detail-page .bread-con > span svg { width:11px!important; height:11px!important; }
}
@media(max-width:600px){
  body.shangzuo-project-detail-page .bread_nav > .container { width:calc(100% - 28px)!important; }
  body.shangzuo-project-detail-page .bread-con { font-size:13px!important; }
}
/* Home navigation active state: match the selected pill dimensions used by other nav items. */
@media(min-width:901px){
  body.home .site-header .main-menu > a.nav-home.is-current,
  body.home .site-header.scrolled .main-menu > a.nav-home.is-current {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:77px!important;
    min-width:77px!important;
    height:33px!important;
    min-height:33px!important;
    padding:0!important;
    border:0!important;
    border-radius:17px!important;
    background:var(--orange,#fa5a14)!important;
    color:#fff!important;
    line-height:33px!important;
    text-align:center!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
}
@media(max-width:900px){
  body.home .site-header .main-menu > a.nav-home.is-current,
  body.home .site-header.scrolled .main-menu > a.nav-home.is-current {
    display:block!important;
    width:max-content!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:11px 14px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--orange,#fa5a14)!important;
    color:#fff!important;
    line-height:1!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
}
/* 2026-10-30: consistent inner-page banner height; home hero remains unchanged. */
body.shangzuo-landing:not(.home) .neiye_content_banner,
body.shangzuo-landing:not(.home) .neiye_banner_img{height:clamp(220px,32vw,460px)!important;overflow:hidden!important;}
body.shangzuo-landing:not(.home) .neiye_banner_img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
@media(max-width:750px){body.shangzuo-landing:not(.home) .neiye_content_banner,body.shangzuo-landing:not(.home) .neiye_banner_img{height:clamp(170px,45vw,300px)!important;}}

/* 2026-10-30: center dropdown labels after all navigation overrides. */
.site-header .main-menu > .menu-item.about-menu > .product-dropdown a,
.site-header.scrolled .main-menu > .menu-item.about-menu > .product-dropdown a{ text-align:center!important; }

/* Final product archive alignment: match Contact content lines and keep the product module three-up on wide screens. */
@media (min-width: 1600px) {
  body.shangzuo-product-page #product-page .neiye_content_middle {
    width: 1600px !important;
    max-width: 1600px !important;
  }
}

@media (min-width: 901px) and (max-width: 1599px) {
  body.shangzuo-product-page #product-page .neiye_content_middle {
    width: calc(100% - 64px) !important;
    max-width: 1600px !important;
  }
}

@media (min-width: 901px) {
  body.shangzuo-product-page #product-page .products_detail_desc {
    display: grid !important;
    grid-template-columns: minmax(260px, 26%) minmax(0, 1fr) !important;
    gap: clamp(32px, 4vw, 64px) !important;
    align-items: start !important;
    width: 100% !important;
  }

  body.shangzuo-product-page #product-page .neiye_content_middle_right,
  body.shangzuo-product-page #product-page .neiye_content_middle_left {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (min-width: 1200px) {
  body.shangzuo-product-page #product-page .neiye_prolist {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(24px, 2.2vw, 36px) !important;
    width: 100% !important;
  }
}

@media (max-width: 1199px) and (min-width: 901px) {
  body.shangzuo-product-page #product-page .neiye_prolist {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.shangzuo-product-page #product-page .neiye_content_middle {
    width: calc(100% - 36px) !important;
    max-width: none !important;
  }

  body.shangzuo-product-page #product-page .products_detail_desc {
    display: block !important;
  }

  body.shangzuo-product-page #product-page .neiye_content_middle_right {
    display: none !important;
  }

  body.shangzuo-product-page #product-page .neiye_prolist {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
}

@media (max-width: 600px) {
  body.shangzuo-product-page #product-page .neiye_content_middle {
    width: calc(100% - 28px) !important;
  }

  body.shangzuo-product-page #product-page .neiye_prolist {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 12px !important;
  }
}

@media (max-width: 420px) {
  body.shangzuo-product-page #product-page .neiye_prolist {
    grid-template-columns: 1fr !important;
  }
}

/* Compact floating contact rail while preserving touch-friendly targets. */
body.shangzuo-landing .quick-rail {
  width: 68px !important;
  border-radius: 24px 0 0 24px !important;
}

body.shangzuo-landing .quick-rail a {
  width: 68px !important;
  height: 68px !important;
}

body.shangzuo-landing .quick-rail svg {
  width: 25px !important;
  height: 25px !important;
}

@media (max-width: 900px) {
  body.shangzuo-landing .quick-rail {
    width: 48px !important;
    border-radius: 16px 0 0 16px !important;
  }

  body.shangzuo-landing .quick-rail a {
    width: 48px !important;
    height: 48px !important;
  }

  body.shangzuo-landing .quick-rail svg {
    width: 20px !important;
    height: 20px !important;
  }
}
/* Add breathing room between the scrolled navigation row and the black topbar. */
@media (min-width: 1600px) {
  body.home .site-header.scrolled .main-menu {
    margin-top: 58px !important;
  }
}

@media (min-width: 901px) and (max-width: 1599px) {
  body.home .site-header.scrolled .main-menu {
    margin-top: 52px !important;
  }
}
/* Design-system fonts from 尚坐首页2.psd. */
@font-face {
  font-family: ShangzuoGoogleSans;
  src: url('assets/fonts/design/GoogleSansFlex-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}

@font-face {
  font-family: ShangzuoRoboto;
  src: url('assets/fonts/design/Roboto-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}

body.shangzuo-landing,
body.shangzuo-landing .site-header,
body.shangzuo-landing .site-footer,
body.shangzuo-landing main,
body.shangzuo-landing button,
body.shangzuo-landing input,
body.shangzuo-landing textarea,
body.shangzuo-landing select,
body.shangzuo-landing label {
  font-family: ShangzuoGoogleSans, ShangzuoRoboto, Arial, sans-serif !important;
}

body.shangzuo-landing main *:not(i):not(svg):not(path):not(use):not(img):not([class*="icon"]):not(.fa) {
  font-family: ShangzuoGoogleSans, ShangzuoRoboto, Arial, sans-serif !important;
}

body.shangzuo-landing h1,
body.shangzuo-landing h2,
body.shangzuo-landing h3,
body.shangzuo-landing h4,
body.shangzuo-landing h5,
body.shangzuo-landing h6,
body.shangzuo-landing .site-footer h1,
body.shangzuo-landing .site-footer h2,
body.shangzuo-landing .site-footer h3,
body.shangzuo-landing .site-footer h4,
body.shangzuo-landing .site-footer h5,
body.shangzuo-landing .site-footer h6 {
  font-family: ShangzuoRoboto, ShangzuoGoogleSans, Arial, sans-serif !important;
}

body.shangzuo-landing .site-header .main-menu a,
body.shangzuo-landing .site-header .product-dropdown a,
body.shangzuo-landing .site-header .topbar-inner {
  font-family: ShangzuoGoogleSans, ShangzuoRoboto, Arial, sans-serif !important;
}
/* PSD-aligned desktop About module proportions. */
@media (min-width: 1200px) {
  body.home #about.about-section {
    height: clamp(620px, 39.1vw, 752px) !important;
    min-height: 0 !important;
  }

  body.home #about.about-section .about-text {
    width: min(calc(100% - 160px), 1600px) !important;
    max-width: none !important;
    font-family: ShangzuoRoboto, RobotoLocal, Arial, sans-serif !important;
    font-size: clamp(28px, 1.8vw, 36px) !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
  }

  body.home #about.about-section .about-center {
    width: clamp(480px, 29.2vw, 560px) !important;
  }

  body.home #about.about-section .about-center img {
    width: 100% !important;
    height: 360px !important;
    object-fit: cover !important;
  }
}
/* PSD-aligned manufacturer module: wider rail, darker copy and full-height gallery. */
@media (min-width: 901px) {
  body.home #manufacturer.manufacturer-section > .container {
    width: min(1600px, calc(100vw - 120px)) !important;
    max-width: none !important;
  }

  body.home #manufacturer .manufacturer-grid {
    grid-template-columns: minmax(0, 48fr) minmax(0, 52fr) !important;
    gap: clamp(40px, 3vw, 72px) !important;
    align-items: stretch !important;
  }

  body.home #manufacturer .manufacturer-copy h2 {
    color: #191919 !important;
    font-size: clamp(36px, 3.1vw, 58px) !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
  }

  body.home #manufacturer .manufacturer-copy > p:not(.eyebrow) {
    max-width: 760px !important;
    color: #2b211c !important;
    font-size: clamp(16px, 1.05vw, 20px) !important;
    line-height: 1.55 !important;
  }

  body.home #manufacturer .factory-gallery {
    width: 100% !important;
    margin-left: 0 !important;
    --gallery-height: clamp(320px, 25.5vw, 490px) !important;
    grid-template-columns: clamp(64px, 4.1vw, 80px) minmax(0, 1fr) !important;
    gap: clamp(20px, 1.45vw, 29px) !important;
  }

  body.home #manufacturer .factory-gallery .thumbs,
  body.home #manufacturer .factory-gallery .factory-main {
    height: var(--gallery-height) !important;
  }

  body.home #manufacturer .factory-gallery .thumbs {
    gap: clamp(9px, .55vw, 11px) !important;
  }

  body.home #manufacturer .factory-gallery .thumbs button {
    flex-basis: clamp(62px, 3.9vw, 78px) !important;
    height: clamp(62px, 3.9vw, 78px) !important;
  }
}