:root{--font-content:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",Arial,sans-serif;--font-heading:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",Arial,sans-serif;--font-number:DINish,"DIN Alternate","Bahnschrift",Arial,sans-serif}html body,html body :where(a,p,li,dt,dd,label,input,textarea,button,span,strong,em,h1,h2,h3,h4,h5,h6,.site-header,.desktop-nav,.nav-mega,.mobile-drawer,.drawer-main,.drawer-sub,.site-footer){font-family:var(--font-content)!important}html body :where(.font-din,.font-din *,.counter,.counter *,time,.footer-phone,.floating-contact-phone-card a,.site-loader__percent,.site-loader__percent *){font-family:var(--font-number)!important;font-variant-numeric:tabular-nums}
html[data-page="3.1"] .original-equipment-carousel button .original-equipment-button-icon{width:26px!important;height:26px!important;object-fit:contain}html[data-page="3.1"] .original-equipment-carousel .previous .original-equipment-button-icon{transform:scaleX(-1)!important}html[data-page="3.1"] .original-equipment-carousel .next .original-equipment-button-icon{transform:none!important}:root{--deploy-css-refresh-20260905-equipmentarrows2:1}

html[data-page="6.0"] .semantic-managed-page .contact-overview+.office-section{margin-top:0!important}:root{--deploy-css-refresh-20260905-contactgap:1}

.mobile-drawer .drawer-close:hover,.mobile-drawer .drawer-close:focus-visible{background:transparent!important}:root{--deploy-css-refresh-20260905-mobileclose:1}
@media(min-width:1181px){.psd-solution-category-nav.is-floating{z-index:35;top:var(--solution-nav-offset-top,154px)!important}}:root{--deploy-css-refresh-20260905-solutionfloat:2}
@media(min-width:1181px){html[data-page^="4."] .psd-solution-breadcrumb,html[data-page^="4."] .psd-solution-hero-copy h1,html[data-page^="4."] .psd-solution-tagline{left:max(100px,calc((100vw - 1400px)/2))!important}html[data-page^="4."] .psd-solution-hero-copy h1{font-size:48px!important;line-height:1.3!important}html[data-page^="4."] .psd-solution-tagline{top:calc(39.836449% + 88px)!important;font-size:22px!important;line-height:1.7!important}}:root{--deploy-css-refresh-20260905-solutionhero:1}
html[data-page="3.1"] .original-equipment-carousel button{width:48px!important;height:48px!important;border:0!important;background:#ed5900!important;color:#fff!important;box-shadow:none!important;overflow:hidden!important;transition:background-color .25s var(--hover-ease),transform .25s var(--hover-ease)!important}html[data-page="3.1"] .original-equipment-carousel button:after{display:none!important;content:none!important}html[data-page="3.1"] .original-equipment-carousel button:hover,html[data-page="3.1"] .original-equipment-carousel button:focus-visible{background:#ed5900!important;box-shadow:none!important;transform:translate(-50%,-50%)!important}html[data-page="3.1"] .original-equipment-carousel button .original-equipment-button-icon{display:none!important}html[data-page="3.1"] .original-equipment-carousel .original-equipment-arrow-svg{display:block;width:22px;height:22px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:none}:root{--deploy-css-refresh-20260905-equipmentarrows3:1}
@media(min-width:1181px){html[data-page^="4."] .psd-solution-mouse{width:28px!important;height:44px!important}html[data-page^="4."] .psd-solution-heading{left:max(100px,calc((100vw - 1400px)/2))!important}}:root{--deploy-css-refresh-20260905-solutionmouse:1}
html[data-page="3.1"] .original-equipment-carousel .original-equipment-slide img{will-change:opacity,transform,filter;backface-visibility:hidden;transform-origin:center center}html[data-page="3.1"] .original-equipment-caption{will-change:opacity,transform}html[data-page="3.1"] .original-equipment-carousel.is-switching button{pointer-events:none}:root{--deploy-css-refresh-20260905-equipmentmotion:1}
/* Solution hotspot pills use one responsive height on every category. The
   position remains percentage-based so scaling the browser does not move the
   marker relative to the uploaded scene image. */
@media(min-width:1181px){html[data-page^="4."] .psd-solution-hotspot{height:clamp(40px,3.333333vw,64px)!important;width:auto!important;padding:clamp(3px,.3125vw,6px)!important}html[data-page^="4."] .psd-solution-hotspot-label{min-height:0!important}}

/* Keep solution switching usable when browser zoom changes the CSS viewport. */
.hero-slide-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.hero-slide-bg{overflow:hidden}
.psd-solution-category-nav{position:relative;z-index:80;pointer-events:auto;touch-action:pan-x}
.psd-solution-category-nav button{position:relative;z-index:81;pointer-events:auto;touch-action:manipulation}
@media (max-width:1180px){.psd-solution-category-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.psd-solution-category-nav::-webkit-scrollbar{display:none}.psd-solution-category-nav button{flex:0 0 auto}}

/* JiZhiCMS-managed list/detail content keeps the original Dongling header and
   footer while presenting backend records consistently on every content type. */
.dl-managed-detail-shell,.dl-managed-list-shell{min-height:100vh;padding-top:clamp(72px,6vw,110px);background:#f5f6f7}
.dl-managed-detail-page,.dl-managed-list{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:48px 0 80px}
.dl-managed-article{padding:clamp(24px,4vw,56px);background:#fff;box-shadow:0 12px 36px rgba(27,36,48,.06)}
.dl-managed-article header{text-align:center;border-bottom:1px solid #eceff2;padding-bottom:28px;margin-bottom:30px}
.dl-managed-article h1{margin:10px 0 0;font-size:clamp(28px,3vw,44px);line-height:1.35;color:#20252b}
.dl-managed-description{max-width:850px;margin:18px auto 0;color:#69717a;font-size:16px;line-height:1.8}
.dl-managed-cover{display:block;max-width:100%;height:auto;margin:0 auto 30px}
.dl-managed-body{color:#343a40;font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.dl-managed-body img,.dl-managed-body video,.dl-managed-body iframe{max-width:100%;height:auto}
.dl-managed-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.dl-managed-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:24px;background:#fff}
.dl-managed-detail-nav>div{display:grid;gap:8px;min-width:0}.dl-managed-detail-nav a{color:#555;overflow-wrap:anywhere}
.dl-managed-list-hero{min-height:300px;background:linear-gradient(120deg,#283849,#52677c)}
.dl-managed-list-hero .hero-bg{background:linear-gradient(120deg,rgba(22,31,42,.86),rgba(73,94,115,.62))}
.dl-managed-list-hero .hero-content{position:relative;z-index:2}
.dl-managed-list-hero h1,.dl-managed-list-hero .hero-copy{color:#fff}
.dl-managed-list .original-news-row{background:#fff}
.dl-managed-list .original-news-row img{width:260px;max-width:34%;height:150px;object-fit:cover}
.dl-pages{display:flex;justify-content:center;margin-top:34px}
@media(max-width:767px){.dl-managed-detail-page,.dl-managed-list{width:min(100% - 28px,1200px);padding:28px 0 52px}.dl-managed-detail-nav{align-items:flex-start;flex-direction:column}.dl-managed-list .original-news-row{align-items:flex-start}.dl-managed-list .original-news-row img{width:110px;height:82px}.dl-managed-article{padding:22px 18px}.dl-managed-list-hero{min-height:230px}}
:root{--deploy-css-refresh-20260909-managedcontent:1}
