/* The approved mini-program home language, extended to public mobile pages. */
.cms-mobile-more { display: none; }
.cms-contact-choices { gap: 12px; }
.cms-contact-choices > button { flex: 1; max-width: 220px; }
.cms-app-page #callback { scroll-margin-top: 84px; }
@media (max-width: 760px) {
 body:has(.cms-app-page) { background: #f2f5f8; }
 body:has(.cms-app-page) > header { background: #fff; border-bottom: 0; }
 body:has(.cms-app-page) > header .bar { min-height: 62px; padding: 8px 16px; gap: 12px; }
 body:has(.cms-app-page) > header .logo,
 body:has(.cms-app-page) > header .logo img { width: 132px; min-width: 0; }
 body:has(.cms-app-page) > header .site-language { margin-left: auto; gap: 5px; }
 body:has(.cms-app-page) > header .site-language button { min-height: 36px; padding: 4px 2px; font-size: 10px; }
 body:has(.cms-app-page) > header .menu-btn { width: 42px; min-height: 36px; padding: 6px 4px; font-size: 12px; border: 0; border-radius: 10px; background: #f1f5f8; }
 .ui-site.cms-app-page { padding: 12px 12px 20px; background: #f2f5f8; }
 .ui-site.cms-app-page .ui-wrap { width: 100%; min-width: 0; padding: 0; }
 .ui-site.cms-app-page > .ui-intro { margin: 0 0 14px; padding: 18px 16px; background: #fff; border: 0; border-radius: 16px; }
 .ui-site.cms-app-page .ui-crumb { display: flex; flex-wrap: nowrap; overflow: auto; gap: 7px; margin: 0 0 12px; white-space: nowrap; font-size: 10px; line-height: 18px; scrollbar-width: none; }
 .ui-site.cms-app-page h1 { font-size: 25px; line-height: 1.4; letter-spacing: -.025em; overflow-wrap: anywhere; }
 .ui-site.cms-app-page .ui-intro p { margin: 9px 0 0; font-size: 13px; line-height: 1.75; }
 .ui-site.cms-app-page .cms-brief-intro:not(.cms-show-copy) p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
 .ui-site.cms-app-page > .ui-section { margin: 0 0 14px; padding: 0; border: 0; background: transparent; }
 .ui-site.cms-app-page > .ui-section > .ui-wrap { padding: 16px; border-radius: 16px; background: #fff; }
 .ui-site.cms-app-page > .cms-card-list > .ui-wrap,
 .ui-site.cms-app-page > .cms-layout-section > .ui-wrap { padding: 0; border-radius: 0; background: transparent; }
 .ui-site.cms-app-page .ui-heading { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
 .ui-site.cms-app-page .ui-heading > div { flex: 1; min-width: 0; }
 .ui-site.cms-app-page .ui-heading h2,
 .ui-site.cms-app-page .ui-panel > h2,
 .ui-site.cms-app-page .ui-inquiry > div > h2 { font-size: 18px; line-height: 1.5; }
 .ui-site.cms-app-page .ui-heading p { margin-top: 6px; font-size: 13px; line-height: 1.7; }
 .ui-site.cms-app-page .ui-heading > a { min-height: 36px; font-size: 12px; }
 .ui-site.cms-app-page p { font-size: 14px; line-height: 1.8; }
 .ui-site.cms-app-page .ui-caption,
 .ui-site.cms-app-page .ui-boundary { font-size: 12px; line-height: 1.75; }
 .ui-site.cms-app-page .ui-tabs { display: flex; flex-wrap: nowrap; gap: 7px; padding: 0 0 5px; margin-top: 14px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #cad9e4 transparent; }
 .ui-site.cms-app-page .ui-tabs > a { flex: 0 0 auto; min-height: 40px; padding: 9px 12px; border: 1px solid #dce6ee; border-radius: 10px; background: #fff; font-size: 12px; line-height: 20px; white-space: nowrap; }
 .ui-site.cms-app-page .ui-tabs > a[aria-current=page] { border-color: #1476a6; background: #1476a6; color: #fff; }
 .ui-site.cms-app-page > .ui-tabs { margin: 0 0 14px; }
 .ui-site.cms-page-equipment .ui-intro .ui-tabs,
 .ui-site.cms-page-equipment .ui-heading p,
 .ui-site.cms-page-industries .ui-tabs { display: none; }
 .ui-site.cms-app-page .ui-grid { gap: 12px; }
 .ui-site.cms-app-page .ui-card { min-width: 0; border: 1px solid #e6ecf2; border-radius: 14px; background: #fff; box-shadow: none; overflow: hidden; }
 .ui-site.cms-app-page .ui-card-body { padding: 12px; }
 .ui-site.cms-app-page .ui-card-body h2,
 .ui-site.cms-app-page .ui-card-body h3 { margin: 0; font-size: 15px; line-height: 1.5; }
 .ui-site.cms-app-page .ui-card-body p { min-height: 0; margin-top: 7px; font-size: 13px; line-height: 1.7; }
 .ui-site.cms-app-page .ui-card-meta { margin-bottom: 5px; font-size: 11px; line-height: 1.5; color: #61798c; }
 .ui-site.cms-app-page .ui-more { display: inline-flex; align-items: center; min-height: 36px; margin-top: 8px; font-size: 12px; line-height: 1.6; }
 .ui-site.cms-app-page .ui-image-caption { margin: 0; padding: 5px 10px; font-size: 10px; line-height: 1.5; }
 .ui-site.cms-app-page .ui-cover { min-height: 0; height: 116px; aspect-ratio: auto; background: #f5f8fb; }
 .ui-site.cms-app-page .ui-cover img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
 .ui-site.cms-page-equipment .ui-grid.three,
 .ui-site.cms-page-series .ui-adaptive-grid,
 .ui-site.cms-page-lines .pv-line-equipment .ui-grid.two,
 .ui-site.cms-page-industries .ui-grid.three,
 .ui-site.cms-page-industry .ui-product-grid,
 .ui-site.cms-page-device .pv-operation-forms .ui-grid,
 .ui-site.cms-page-device .pv-application-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
 .ui-site.cms-page-series .ui-adaptive-grid > .ui-card,
 .ui-site.cms-page-industry .ui-product-grid > .ui-card { grid-column: auto !important; }
 .ui-site.cms-page-series .ui-single-card > .ui-card { display: block; }
 .ui-site.cms-page-equipment .ui-card-body > p,
 .ui-site.cms-page-series:not(.cms-page-lines) .ui-card-body > p,
 .ui-site.cms-page-industries .ui-card-body > p,
 .ui-site.cms-page-industries .ui-tags,
 .ui-site.cms-page-device .pv-applications:not(.cms-show-copy) .ui-card-body > p,
 .ui-site.cms-page-industry section:not(.cms-show-copy) .ui-product-grid .ui-card-body > p { display: none; }
 .ui-site.cms-page-series:not(.cms-page-lines) .ui-card-body .ui-more,
 .ui-site.cms-page-equipment .ui-card-body .ui-more,
 .ui-site.cms-page-industries .ui-card-body .ui-more { margin-top: 4px; font-size: 11px; }
 .ui-site.cms-page-lines .ui-line-list { display: grid; gap: 14px; }
 .ui-site.cms-page-lines .ui-line-row { display: block; padding: 0; border: 1px solid #e4ebf2; border-radius: 16px; background: #fff; overflow: hidden; }
 .ui-site.cms-page-lines .ui-line-image { width: 100%; }
 .ui-site.cms-page-lines .ui-line-image .ui-cover { height: auto; aspect-ratio: 16/8; }
 .ui-site.cms-page-lines .ui-line-copy { padding: 14px; }
 .ui-site.cms-page-lines .ui-line-copy .ui-kicker { font-size: 10px; }
 .ui-site.cms-page-lines .ui-line-copy h2 { margin: 4px 0 7px; font-size: 19px; line-height: 1.5; }
 .ui-site.cms-page-lines .ui-line-copy > p { margin-top: 7px; font-size: 13px; line-height: 1.7; }
 .ui-site.cms-page-lines #production-schemes .ui-line-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 12px; }
 .ui-site.cms-page-lines #production-schemes .ui-line-metrics > div { display: block; min-width: 0; padding: 10px 7px; border: 0; border-radius: 10px; background: #f2f6fa; }
 .ui-site.cms-page-lines #production-schemes .ui-line-metrics dt { font-size: 11px; line-height: 1.5; }
 .ui-site.cms-page-lines #production-schemes .ui-line-metrics dd { margin-top: 5px; font-size: 15px; line-height: 1.5; font-weight: 650; color: #17658d; overflow-wrap: anywhere; }
 .ui-site.cms-page-lines .ui-line-metrics small { margin-top: 5px; font-size: 11px; line-height: 1.7; }
 .ui-site.cms-page-lines .pv-concise-scheme:not(.cms-show-copy) .ui-line-metrics small,
 .ui-site.cms-page-lines .pv-concise-scheme:not(.cms-show-copy) .ui-line-data > p,
 .ui-site.cms-page-lines .pv-concise-scheme:not(.cms-show-copy) .pv-scheme-equipment,
 .ui-site.cms-page-lines .pv-concise-scheme:not(.cms-show-copy) .ui-line-copy > p.ui-caption { display: none; }
 .ui-site.cms-page-lines .ui-line-copy .ui-actions { margin-top: 8px; }
 .ui-site.cms-page-lines .pv-line-equipment .ui-card-body p { font-size: 12px; }
 .ui-site.cms-page-device .configuration-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 14px 0 0; }
 .ui-site.cms-page-device .configuration-option { min-width: 0; min-height: 42px; padding: 9px 10px; border-radius: 10px; font-size: 12px; line-height: 1.6; }
 .ui-site.cms-page-device .configuration-option[aria-pressed=true] { background: #1476a6; border-color: #1476a6; color: #fff; }
 .ui-site.cms-page-device .configuration-status { margin: 10px 0; font-size: 11px; line-height: 1.7; }
 .ui-site.cms-page-device .configuration-grid { gap: 16px; }
 .ui-site.cms-page-device #device-configuration > .ui-wrap { display: flex; flex-direction: column; }
 .ui-site.cms-page-device #device-configuration #configuration-result,
 .ui-site.cms-page-device #device-configuration .configuration-grid { display: contents; }
 .ui-site.cms-page-device #device-configuration .ui-heading { order: 0; }
 .ui-site.cms-page-device #device-configuration .cms-equipment-display { order: 1; }
 .ui-site.cms-page-device #device-configuration .configuration-options { order: 2; }
 .ui-site.cms-page-device #device-configuration .configuration-status { order: 3; }
 .ui-site.cms-page-device #device-configuration .configuration-parameters { order: 4; margin-top: 6px; }
 .ui-site.cms-page-device .configuration-section > .ui-wrap { padding: 16px; border-radius: 16px; background: #fff; }
 .ui-site.cms-page-device .configuration-parameters { padding: 14px; border: 1px solid #e4eaf0; border-radius: 12px; background: #fff; }
 .ui-site.cms-page-device .configuration-parameters h3 { font-size: 18px; line-height: 1.5; }
 .ui-site.cms-page-device .configuration-parameters h4 { font-size: 14px; margin: 14px 0 8px; }
 .ui-site.cms-page-device .configuration-parameters > p { font-size: 13px; line-height: 1.75; }
 .ui-site.cms-app-page .media-switch { display: flex; gap: 7px; margin-bottom: 10px; }
 .ui-site.cms-app-page .media-switch > button { min-height: 40px; padding: 8px 12px; border-radius: 9px; font-size: 12px; }
 .ui-site.cms-app-page .media-switch > button[aria-pressed=true] { background: #1476a6; border-color: #1476a6; color: #fff; }
 .ui-site.cms-app-page .device-gallery-stage { width: 100%; height: auto; min-height: 0; max-width: 100%; aspect-ratio: 4/3; border-radius: 12px; background: #f4f7fb; }
 .ui-site.cms-app-page .device-gallery-thumbs { gap: 7px; margin-top: 8px; }
 .ui-site.cms-app-page .device-gallery-thumb { flex: 0 0 54px; width: 54px; height: 48px; border-radius: 8px; }
 .ui-site.cms-app-page .device-gallery-count { font-size: 11px; }
 .ui-site.cms-app-page .ui-table { display: table; width: 100%; font-size: 13px; }
 .ui-site.cms-app-page .ui-table tbody { display: table-row-group; }
 .ui-site.cms-app-page .ui-table tr { display: table-row; }
 .ui-site.cms-app-page .ui-table th,
 .ui-site.cms-app-page .ui-table td { display: table-cell; width: auto; min-width: 0; padding: 10px; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
 .ui-site.cms-app-page .ui-table th { width: 35%; background: #f3f7fa; }
 .ui-site.cms-page-device .pv-application-config { display: block; padding: 12px; margin-bottom: 12px; border-radius: 10px; font-size: 12px; line-height: 1.75; }
 .ui-site.cms-page-device .pv-application-config span { display: block; margin-top: 4px; }
 .ui-site.cms-page-device .pv-application-note { margin-top: 12px; font-size: 12px; line-height: 1.8; }
 .ui-site.cms-page-device .pv-related-links .ui-inline-links { gap: 8px; }
 .ui-site.cms-page-device .pv-related-links a { display: block; width: 100%; min-height: 44px; padding: 11px 12px; border: 1px solid #dde7ef; border-radius: 10px; background: #fff; font-size: 12px; }
 .ui-site.cms-page-industry .ui-product-devices { display: grid; gap: 6px; margin-top: 10px; padding-top: 10px; }
 .ui-site.cms-page-industry .ui-product-devices > span { font-size: 10px; }
 .ui-site.cms-page-industry .ui-product-devices > a { display: flex; align-items: center; min-height: 40px; padding: 7px 8px; border-radius: 8px; background: #eff6fa; color: #17658d; font-size: 12px; line-height: 1.6; }
 .ui-site.cms-page-about .ui-about-grid { gap: 18px; }
 .ui-site.cms-page-about .ui-about-grid .ui-kicker { margin-top: 0; font-size: 11px; }
 .ui-site.cms-page-about .ui-about-grid h1 { margin-top: 9px; }
 .ui-site.cms-page-about .ui-about-grid p { margin-top: 12px; font-size: 14px; line-height: 1.85; }
 .ui-site.cms-page-about .cms-company-copy:not(.cms-show-copy) > p:not(.ui-about-subtitle) { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
 .ui-site.cms-page-about .ui-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 18px; }
 .ui-site.cms-page-about .ui-facts > div { min-width: 0; padding: 11px 8px; border: 0; border-radius: 10px; background: #f1f6fa; }
 .ui-site.cms-page-about .ui-facts dt { font-size: 10px; }
 .ui-site.cms-page-about .ui-facts dd { font-size: 17px; margin-top: 5px; }
 .ui-site.cms-page-about #company-scenes .ui-scenes { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
 .ui-site.cms-page-about #company-scenes .ui-scenes > figure { flex: 0 0 84%; min-width: 0; scroll-snap-align: start; }
 .ui-site.cms-page-about #company-scenes .scene-photo-button { height: auto; aspect-ratio: 3/2; }
 .ui-site.cms-page-about #company-scenes figcaption { padding: 12px; }
 .ui-site.cms-page-about #company-scenes figcaption h3 { font-size: 15px; }
 .ui-site.cms-page-about #company-scenes figcaption p { font-size: 12px; line-height: 1.7; }
 .ui-site.cms-page-about .ui-service-cards.ui-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
 .ui-site.cms-page-about .ui-option { min-width: 0; padding: 12px; border: 0; border-radius: 12px; background: #f3f7fb; }
 .ui-site.cms-page-about .ui-option .ns-icon { width: 25px; height: 25px; }
 .ui-site.cms-page-about .ui-option h3 { margin-top: 8px; font-size: 14px; line-height: 1.5; }
 .ui-site.cms-page-about .ui-option p { font-size: 12px; line-height: 1.8; }
 .ui-site.cms-page-about .ui-service-steps { gap: 10px; }
 .ui-site.cms-page-about .ui-service-steps li { display: flex; gap: 12px; padding: 13px; min-height: 0; border: 0; border-radius: 12px; background: #f3f7fb; }
 .ui-site.cms-page-about .ui-service-steps li > span { flex: 0 0 24px; width: 24px; height: 24px; padding: 0; font-size: 14px; }
 .ui-site.cms-page-about .ui-service-steps li h3 { font-size: 14px; line-height: 1.6; }
 .ui-site.cms-page-about .ui-service-steps li p { margin-top: 4px; font-size: 12px; line-height: 1.8; }
 .ui-site.cms-app-page .ui-panel { padding: 16px; border-color: #e4ebf2; border-radius: 16px; }
 .ui-site.cms-app-page .ui-panel > h2 { margin-bottom: 10px; }
 .ui-site.cms-app-page .ui-panel > p { margin-bottom: 14px; font-size: 13px; }
 .ui-site.cms-app-page .ui-form { padding: 0; border: 0; background: transparent; }
 .ui-site.cms-app-page .ui-form-grid { gap: 13px; }
 .ui-site.cms-app-page .ui-field { font-size: 13px; line-height: 1.8; }
 .ui-site.cms-app-page .ui-field input:not([type=checkbox]),
 .ui-site.cms-app-page .ui-field textarea,
 .ui-site.cms-app-page .ui-field select { min-height: 44px; border-color: #dce6ee; border-radius: 9px; background: #f7f9fc; font-size: 16px; }
 .ui-site.cms-app-page .ui-details { margin-top: 12px; }
 .ui-site.cms-app-page .ui-details summary { min-height: 40px; padding-block: 7px; font-size: 12px; }
 .ui-site.cms-app-page .ui-channels { gap: 8px; }
 .ui-site.cms-app-page .pv-business-contacts > div { min-width: 0; padding: 12px; border: 0; border-radius: 12px; background: #f1f6fa; }
 .ui-site.cms-app-page .pv-business-contacts a { font-size: 20px; color: #17658d; }
 .ui-site.cms-app-page .pv-business-contacts small { margin-top: 5px; font-size: 11px; }
 .ui-site.cms-app-page [data-copy-business-wechat] { min-height: 32px; border-radius: 7px; }
 .ui-site.cms-app-page .ui-contact-layout { display: flex; flex-direction: column; gap: 14px; }
 .ui-site.cms-app-page .ui-contact-layout > aside { display: contents; }
 .ui-site.cms-app-page .ui-contact-layout #callback { order: 0; width: 100%; }
 .ui-site.cms-app-page .ui-contact-layout #full { order: 1; width: 100%; }
 .ui-site.cms-app-page .ui-contact-layout .ui-contact-note { order: 2; width: 100%; padding: 16px; border-radius: 14px; background: #fff; }
 .ui-site.cms-app-page .ui-contact-note h3 { font-size: 15px; margin-bottom: 7px; }
 .ui-site.cms-app-page .ui-contact-note p { font-size: 13px; line-height: 1.8; }
 .ui-site.cms-app-page .cms-contact-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 16px; }
 .ui-site.cms-app-page .cms-contact-choices > button { max-width: none; border-color: #cddfe9; background: #eff7fb; color: #17658d; }
 .ui-site.cms-page-visit .ui-inquiry { gap: 14px; }
 .ui-site.cms-page-visit .ui-inquiry > div:first-child { padding: 16px; border-radius: 16px; background: #fff; }
 .ui-site.cms-page-visit .ui-preparation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
 .ui-site.cms-page-visit .ui-preparation > div { padding: 12px; border: 0; border-radius: 10px; background: #f3f7fb; }
 .ui-site.cms-page-visit .ui-preparation h3 { font-size: 14px; }
 .ui-site.cms-page-visit .ui-preparation p { font-size: 12px; line-height: 1.8; }
 .ui-site.cms-app-page .ui-location { display: block; padding: 0; border: 0; background: transparent; }
 .ui-site.cms-app-page .ui-location h2 { font-size: 18px; margin-top: 8px; }
 .ui-site.cms-app-page .ui-location p { font-size: 13px; }
 .ui-site.cms-app-page .ui-cta { display: block; padding: 16px; border: 0; border-radius: 14px; background: #edf5fb; }
 .ui-site.cms-app-page .ui-cta h2 { color: #20394d; font-size: 18px; line-height: 1.5; }
 .ui-site.cms-app-page .ui-cta p { margin-top: 8px; color: #617789; font-size: 13px; line-height: 1.8; }
 .ui-site.cms-app-page .ui-actions { gap: 9px; margin-top: 14px; }
 .ui-site.cms-app-page .ui-button { min-height: 44px; padding: 10px 12px; border-radius: 10px; font-size: 12px; line-height: 1.7; white-space: normal; }
 .ui-site.cms-app-page .ui-cta .secondary { color: #245775; border-color: #c9dae7; background: #fff; }
 .ui-site.cms-app-page .cms-mobile-more { display: inline-flex; align-items: center; min-height: 38px; margin-top: 5px; padding: 4px 0; border: 0; background: transparent; color: #17658d; font: inherit; font-size: 12px; line-height: 1.7; cursor: pointer; }
 .ui-site.cms-app-page .ui-heading > .cms-mobile-more { flex: 0 0 auto; max-width: 90px; min-height: 38px; margin: 0; }
 .ui-site.cms-page-privacy .ui-section h2 { font-size: 18px; line-height: 1.6; margin: 18px 0 9px; }
 .ui-site.cms-page-privacy .ui-section h2:first-child { margin-top: 0; }
 body:has(.cms-app-page) > footer { padding: 0 16px 94px; background: #f2f5f8; color: #60798d; }
 body:has(.cms-app-page) > footer > .cols { display: none; }
 body:has(.cms-app-page) > footer > .legal { margin: 0; padding: 10px 0 0; color: #6b8091; font-size: 10px; line-height: 1.8; text-align: center; }
 .ui-site.cms-app-page a:active { opacity: .72; }
 .ui-site.cms-app-page :is(a,button):focus-visible { outline: 2px solid #1476a6; outline-offset: 3px; }
}
@media (max-width: 360px) {
 body:has(.cms-app-page) > header .bar { padding-inline: 12px; gap: 8px; }
 body:has(.cms-app-page) > header .logo,
 body:has(.cms-app-page) > header .logo img { width: 116px; }
 .ui-site.cms-app-page { padding-inline: 10px; }
 .ui-site.cms-app-page h1 { font-size: 23px; }
 .ui-site.cms-app-page .ui-card-body { padding: 10px; }
 .ui-site.cms-app-page .ui-card-body h2,
 .ui-site.cms-app-page .ui-card-body h3 { font-size: 14px; }
 .ui-site.cms-page-lines #production-schemes .ui-line-metrics dd { font-size: 13px; }
}