/* Xinfeng adaptation layer for supplied Tiandeyi reference system */
:root{--blue:#00A0E9;--xf-green:#087B5B;--xf-dark:#142B35;--xf-grey:#F4F4F4;--xf-line:#E5E5E5;--hd-h:75px}
html{scroll-behavior:smooth}body{font-family:"Microsoft YaHei","Microsoft YaHei UI",Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.75;color:#333!important;background:#fff!important}a{color:inherit}img{max-width:100%}
.container,.wrap{width:100%;max-width:1230px!important;padding-left:15px!important;padding-right:15px!important;margin-left:auto!important;margin-right:auto!important}
/* Tiandeyi reference header geometry and mega-menu architecture */
#hd.hd.td-header{height:75px!important;min-height:75px!important;position:sticky!important;top:0!important;z-index:1000!important;background:#fff!important;border-bottom:1px solid #e8e8e8!important;box-shadow:0 2px 10px rgba(0,0,0,.035)!important;padding:0!important}
#hd .header-container{height:75px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
#hd .xf-logo{display:flex!important;align-items:center!important;flex:0 0 178px!important;height:auto!important}
#hd .xf-logo>a{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap}
#hd .xf-logo img{width:43px!important;height:43px!important;object-fit:contain!important}
.xf-logo-type{display:flex;flex-direction:column;line-height:1.12;color:#172a2b}.xf-logo-type b{font-size:20px;letter-spacing:1px;font-weight:700}.xf-logo-type small{font-size:9px;letter-spacing:2.2px;color:#6c8179;margin-top:4px;font-weight:600}
#hd .nav-wrapper{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex:1 1 auto!important}
#hd .nav-wrapper>nav{flex:1 1 auto!important}
#hd .nav-wrapper nav>ul{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;margin:0!important;padding:0!important}
#hd .nav-wrapper nav>ul>li{position:static!important;line-height:75px!important;padding:0 11px!important;white-space:nowrap!important}
#hd .nav-wrapper nav>ul>li>a{font-size:14px!important;line-height:75px!important;display:block!important;color:#333!important;position:relative!important;padding:0!important;font-weight:400!important}
#hd .nav-wrapper nav>ul>li>a:hover,#hd .nav-wrapper nav>ul>li>a.active{color:#008fca!important}
#hd .nav-wrapper nav>ul>li>a:after{height:2px!important;background:#00a0e9!important}
.xf-nav-arrow{display:inline-block;width:7px;height:7px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg);margin:0 0 3px 8px;transition:transform .2s}
#hd .nav-wrapper nav>ul>li:hover>a .xf-nav-arrow{transform:rotate(225deg);margin-bottom:0}
.xf-head-contact{height:36px;display:flex;align-items:center;gap:14px;white-space:nowrap;border-left:1px solid #e5e5e5;padding-left:15px}.xf-head-phone{font-size:14px;font-weight:600;color:#263a3b!important}.xf-head-phone span{color:#009f8c;margin-right:6px}.xf-head-book{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border:1px solid #168d70;color:#0b6c56!important;background:#fff;font-size:14px;transition:.2s}.xf-head-book:hover{background:#008fca;border-color:#008fca;color:#fff!important}
#hd .sub-nav-container{position:absolute!important;top:75px!important;left:0!important;right:0!important;width:100%!important;background:#f4f4f4!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important;border:0!important;border-radius:0!important;padding:0 0 24px!important;display:none!important;z-index:100!important}
#hd .nav-wrapper nav>ul>li:hover>.sub-nav-container,#hd .nav-wrapper nav>ul>li:focus-within>.sub-nav-container,#hd .nav-wrapper nav>ul>li.xf-open>.sub-nav-container{display:block!important}
/* 二级标签条：与天得一一致——白底通栏、标签靠左起排、60px 高、底部 2px 蓝色指示条 */
#hd .sub-nav-tab{background:#fff!important;box-shadow:0 0 12px rgba(0,0,0,.12)!important}
#hd .sub-nav-tab>.container{padding-left:15px!important;padding-right:15px!important}
#hd .sub-nav-tab ul{display:flex!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:0!important}
#hd .sub-nav-tab ul li{height:58px!important;line-height:58px!important;padding:0 40px 0 0!important;margin:0 40px 0 0!important;cursor:pointer!important;position:relative!important}
#hd .sub-nav-tab ul li:first-child{padding-left:0!important}
#hd .sub-nav-tab ul li a{display:block!important;position:relative!important;height:58px!important;line-height:58px!important;color:#454d4a!important;font-size:14px!important;padding:0!important}
#hd .sub-nav-tab ul li.active a,#hd .sub-nav-tab ul li:hover a{color:#00a0e9!important}
#hd .sub-nav-tab ul li a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#00a0e9;transition:width .25s}
#hd .sub-nav-tab ul li.active a:after,#hd .sub-nav-tab ul li:hover a:after{width:100%}
#hd .sub-nav-tab-content{padding:0!important}
#hd .sub-nav-tab-content>.display-none{display:none!important}#hd .sub-nav-tab-content>.display-block{display:block!important}
/* 三栏结构：解决方案 36% / 产品 36% / 案例 28%（天得一原版比例） */
#hd .sub-nav-item{display:flex!important;justify-content:space-between!important;gap:30px!important;padding:26px 0 6px!important}
#hd .sub-nav-item dl{width:calc(34% - 20px)!important;margin:0!important;min-width:0!important}
#hd .sub-nav-item dl:last-child{width:calc(29% - 14px)!important}
#hd .sub-nav-item dl dt{display:flex!important;align-items:center!important;line-height:1!important;margin:0 0 16px!important;padding:0!important;font-size:14px!important;font-weight:700!important;color:#333!important;border:0!important}
#hd .sub-nav-item dl dt:after{content:''!important;flex:1 1 auto!important;height:1px!important;background:#a7b1ae!important;margin-left:8px!important}
#hd .sub-nav-item-title{padding-right:0!important}
#hd .sub-nav-item-line{display:none!important}
#hd .sub-nav-item dl dd{margin:0!important;padding:0!important}
/* 空 dd（原设计给标题下横线留位）不占高 */
#hd .sub-nav-item dl dd.p0{display:none!important}
#hd .sub-nav-item dl.sub-nav-solution dd{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;padding:0!important}
#hd .sub-nav-item dl.sub-nav-solution dd p{width:100%!important;margin:0!important;padding:0 10px 11px 0!important;line-height:1.5!important}
#hd .sub-nav-item dl.sub-nav-solution a{font-size:12px!important;color:#5f6e69!important;font-weight:400!important}
#hd .sub-nav-item dl.sub-nav-solution a:hover{color:#00a0e9!important}
/* 产品栏：3 列图标卡（6 个）或 2 列图标卡（2 个），图标 73px + 居中 12px 标签 */
#hd .sub-nav-item dl.sub-nav-product dd{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px 6px!important;align-content:start!important;align-items:start!important}
#hd .sub-nav-item dl.sub-nav-product.is-2 dd{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#hd .sub-nav-item dl.sub-nav-product dd>a{display:block!important;width:100%!important;min-width:0!important;padding:10px 2px 8px!important;background:none!important;border:0!important;color:#333!important;font-size:12px!important;text-align:center!important;transition:color .2s}
#hd .sub-nav-item dl.sub-nav-product dd>a:hover{color:#0087d1!important}
#hd .sub-nav-item dl.sub-nav-product dd .icon{width:73px!important;height:73px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
#hd .sub-nav-item dl.sub-nav-product dd .icon img{width:69px!important;height:69px!important;object-fit:contain!important;border-radius:0!important;display:block!important}
#hd .sub-nav-item dl.sub-nav-product dd .icon img:nth-child(2){display:none!important}
#hd .sub-nav-item dl.sub-nav-product dd>a:hover .icon img:nth-child(1){display:none!important}
#hd .sub-nav-item dl.sub-nav-product dd>a:hover .icon img:nth-child(2){display:block!important}
#hd .sub-nav-item dl.sub-nav-product dd>a p{margin:0!important;padding-top:9px!important;font-size:12px!important;line-height:1.4!important;text-align:center!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* 案例栏：两张大图上下堆叠、满栏宽，标题白字压在图底 */
#hd .sub-nav-item dl.sub-nav-case dd>a{display:block!important;width:100%!important;margin:0 0 14px!important;padding:0!important;color:#4d5e58!important}
#hd .sub-nav-case-item{position:relative!important;display:block!important;width:100%!important;margin:0!important;overflow:hidden!important;border-radius:2px!important;background:#dde5e2!important}
#hd .sub-nav-case-item .image-zoom{height:112px!important;width:100%!important;overflow:hidden!important;background:#dde5e2!important}
#hd .sub-nav-case-item img{width:100%!important;height:112px!important;object-fit:cover!important;transition:transform .35s!important;display:block!important}
#hd .sub-nav-case-item:hover img{transform:scale(1.06)!important}
#hd .sub-nav-case-item:after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:52px!important;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0))!important;pointer-events:none!important}
#hd .sub-nav-case-item p{position:absolute!important;left:0!important;right:0!important;bottom:9px!important;margin:0!important;padding:0 10px!important;font-size:12px!important;line-height:1.4!important;color:#fff!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:3!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important}
.td-burger{display:none!important}.mobile-nav-container{display:none!important}
/* page banner + breadcrumb system */
.ph2,.ph,.cs-head{position:relative!important;min-height:320px!important;padding:0!important;overflow:hidden!important;background:#123f4d!important}
.ph2:before,.ph:before,.cs-head:before{content:"";position:absolute;inset:0!important;height:320px!important;background-image:var(--himg,linear-gradient(95deg,#0e3e50,#19769a))!important;background-position:center 58%!important;background-size:cover!important;background-repeat:no-repeat!important;filter:none!important;opacity:1!important}
.ph2:after,.ph:after,.cs-head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,32,42,.78),rgba(7,53,65,.44) 65%,rgba(0,0,0,.18));pointer-events:none}
.ph2-in,.ph-in,.cs-head>.wrap{position:relative!important;z-index:2!important;max-width:1230px!important;min-height:320px!important;margin:0 auto!important;padding:66px 15px 40px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:0!important;color:#fff!important}
.ph2 .crumb,.ph .crumb,.cs-head .crumb{font-size:12px!important;color:rgba(255,255,255,.78)!important;margin:0 0 25px!important;letter-spacing:.03em}
.ph2 .crumb a,.ph .crumb a,.cs-head .crumb a{color:rgba(255,255,255,.82)!important}
.ph2-kick,.ph-kicker,.cs-kicker{font-size:11px!important;letter-spacing:2px!important;color:#bce8f4!important;margin:0 0 10px!important;text-transform:uppercase}
.ph2-h1,.ph h1,.cs-h1{font-size:40px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:.5px!important;color:#fff!important;margin:0!important}
.ph2-in p,.ph-intro,.cs-dek{max-width:720px;color:rgba(255,255,255,.86)!important;font-size:15px!important;margin-top:15px!important;line-height:1.9!important}
.sec{padding:65px 0!important}
.sec-alt,.sec.pc-alt{background:#f5f6f6!important}
.sh{margin:0 auto 34px!important;text-align:center!important}
.sh h2,.tk3-h+h2,.pc-h2+h2{font-size:28px!important;line-height:1.35!important;font-weight:600!important;color:#26383e!important;letter-spacing:.2px!important;margin:0!important}
.sh p,.sh-dek{font-size:14px!important;color:#808b87!important;margin:10px auto 0!important;max-width:760px!important}
/* section components and listing cards */
.svc-grid,.cs-grid,.pc-grid,.std-grid,.why-grid,.fact-grid{display:grid!important;gap:22px!important}
.svc-grid,.cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.std-grid,.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.fact-grid,.about-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.svc-g,.td-prod,.csc,.std-card,.why-card,.fact-card,.spec-card,.ind-qa,.ind-rt,.ind-tier,.pg-pick-i{border:1px solid #e2e7e5!important;border-radius:3px!important;background:#fff!important;box-shadow:0 3px 16px rgba(0,0,0,.035)!important;overflow:hidden;transition:all .25s!important}
.svc-g:hover,.td-prod:hover,.csc:hover,.std-card:hover,.why-card:hover,.fact-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 26px rgba(24,55,63,.12)!important;border-color:#b7d8e5!important}
.svc-g-img,.csc-i,.td-ph{height:220px!important;overflow:hidden!important;background:#eef1f0!important}
.svc-g-img img,.csc-i img,.td-ph img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s!important}
.svc-g:hover img,.csc:hover img,.td-prod:hover img{transform:scale(1.045)!important}
.svc-g-b,.csc-b,.td-nm{padding:20px 22px 22px!important}
.svc-g-hd,.csc-h,.td-nm{font-size:18px!important;line-height:1.45!important;color:#26383e!important;font-weight:600!important}
.svc-g-sub,.csc-tag,.std-badge{font-size:11px!important;letter-spacing:1px!important;color:#118ab4!important}
.svc-g-p,.csc-k,.std-card p,.why-card p{font-size:13px!important;color:#74817d!important;line-height:1.8!important}
.svc-g-go,.std-card a,.csc a{color:#008fc9!important;font-size:13px!important}
.pc-entry{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.pc-ec{background:#f5f7f7!important;border:1px solid #e6e9e8!important;min-height:120px!important;padding:19px!important}
.pc-ec:hover{border-color:#00a0e9!important;background:#f1faff!important}
.pc-cat-h{border-bottom:1px solid #e5e9e8!important;margin-bottom:22px!important}
.pc-cat-h h2{font-size:24px!important;color:#26383e!important}
.pc-cat-h p{color:#7a8581!important}
.td-prod{padding:0 0 18px!important;display:block!important}
.td-ph{height:230px!important;padding:0!important}
.pc-grid .td-prod .td-nm{padding:16px 18px 0!important}
/* product detail template */
.pd-top{padding:40px 0 68px!important;background:#f5f6f6!important}
.pd-hero{max-width:1230px!important;margin:0 auto!important;gap:52px!important;grid-template-columns:1fr 1fr!important}
.pd-img{background:#fff!important;border:1px solid #e4e8e6!important;border-radius:3px!important;aspect-ratio:4/3!important;padding:28px!important}
.pd-meta h1{font-size:36px!important;line-height:1.3!important;color:#26383e!important;font-weight:600!important}
.pd-tag{color:#008fc9!important;letter-spacing:1.5px!important;font-size:11px!important}
.pd-ap{font-size:15px!important;color:#71807a!important;line-height:1.9!important}
.pd-sec{padding:65px 0!important}
.pd-h{font-size:27px!important;color:#273b41!important;font-weight:600!important;margin-bottom:25px!important}
.spec-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.spec-card{padding:20px!important;background:#fff!important}.spec-v{font-size:22px!important;color:#008fc9!important}
/* news, case and solution content pages */
.article,.article-body,.news-detail,.case-detail{max-width:900px!important;margin:0 auto!important;padding:46px 15px!important;background:#fff}
.article h1,.news-detail h1,.case-detail h1{font-size:34px!important;color:#26383e!important;line-height:1.45!important;font-weight:600!important}
.article p,.article-body p,.news-detail p,.case-detail p{font-size:15px!important;line-height:2!important;color:#4f5e59!important}
.article img,.article-body img,.news-detail img,.case-detail img{max-width:100%!important;height:auto!important}
.docrow{display:grid!important;grid-template-columns:35% 1fr!important;border:1px solid #e4e8e6!important;background:#fff!important;margin-bottom:20px!important}
.docrow-body{padding:24px!important}.docrow-fig{min-height:200px!important}
/* home layout follows the reference's full bleed banner + recommendation + video + news */
.bshow{margin:0!important;background:#fff!important}
.bshow-view{width:100vw!important;max-width:none!important;aspect-ratio:3840/1480!important;height:auto!important;max-height:none!important;margin:0!important}
.bshow-slide{background-position:center!important;background-size:cover!important}
.bshow-hd{display:none!important}
.rc,.cs,.an{padding:62px 0!important}
.rc-head,.an-news-head,.tk3-h{margin-bottom:28px!important}
.rc-head h2,.rc h2,.cs h2,.an h2{font-size:28px!important;color:#26383e!important;font-weight:600!important}
.rc-grid,.rc-list{gap:14px!important}
.rc-box,.cs-box{border-radius:3px!important;overflow:hidden}
.xf-contact{background:#f5f6f6!important}
/* footer follows supplied Tiandeyi footer layout */
.td-footer{background:#f4f4f4!important;color:#414c49!important;margin-top:35px!important}
.td-footer>.container>.top{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;padding:26px 0 22px!important;border-bottom:1px solid #dcdcdc!important}
.xf-footer-logo{display:flex!important;align-items:center!important;gap:10px!important;padding-bottom:4px}
.xf-footer-logo img{width:42px!important;height:42px!important;object-fit:contain}
.xf-footer-logo span{display:flex;flex-direction:column;line-height:1.2}.xf-footer-logo b{font-size:19px;color:#20363a}.xf-footer-logo small{font-size:9px;letter-spacing:2px;color:#78847f;margin-top:4px}
/* 顶部右组：社交圆标 + 服务热线（标签在号码上方、整组右对齐） */
.link-tel{display:flex!important;align-items:flex-end!important;gap:34px!important}
.image-link{display:flex!important;gap:8px!important;margin:0 0 6px!important}
.xf-sns{width:30px!important;height:30px!important;border:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#e6eae8!important;transition:background .2s}
.xf-sns img{width:16px!important;height:16px!important;object-fit:contain;filter:grayscale(1) opacity(.62);transition:filter .2s}
.xf-sns:hover{background:#dbe2df!important}.xf-sns:hover img{filter:none}
.td-footer .tel{border-left:0!important;padding:0!important;margin:0!important;text-align:right!important}
.td-footer .tel p{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;font-size:12px!important;line-height:1!important;color:#7a8580!important;margin:0 0 8px!important;letter-spacing:.08em}
.td-footer .tel p i{display:inline-block!important;font-size:0!important;color:transparent!important;width:14px;height:14px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8580' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h3l1.8 4.4-2.4 1.6a12.5 12.5 0 0 0 5.6 5.6l1.6-2.4 4.4 1.8v3a2 2 0 0 1-2.2 2A17.5 17.5 0 0 1 4.5 5.7a2 2 0 0 1 2-2.2z'/%3E%3C/svg%3E") no-repeat center/contain!important}
.td-footer .tel a{display:block!important;font-size:34px!important;line-height:1.05!important;color:#0c7359!important;font-weight:600!important;letter-spacing:.02em}
/* 中段：5 栏链接 + 二维码 */
.nav_media_container{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:40px!important;padding:34px 0 28px!important}
.nav_media_container>.nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px 30px!important;flex:1 1 auto!important}
.nav_media_container>.nav dl{margin:0!important;width:auto!important}
.nav_media_container>.nav dt{font-size:14px!important;font-weight:500!important;margin:0 0 14px!important;color:#333!important}
.nav_media_container>.nav dd{margin:0!important;padding:0 0 7px!important;line-height:1.5!important}
.nav_media_container>.nav dd a{font-size:12px!important;color:#707070!important}.nav_media_container>.nav dd a:hover{color:#008fc9!important}
.xf-footer-media{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;flex:0 0 auto!important;width:auto!important;min-width:88px!important;gap:0!important;padding-top:2px}
.wechat-qrcode{width:88px!important;text-align:center!important;font-size:12px!important;color:#707070!important}
.wechat-qrcode img{display:block!important;width:88px!important;height:88px!important;object-fit:cover!important;border:0!important;padding:0!important;background:#fff!important}
.wechat-qrcode p{margin:8px 0 0!important;line-height:1.4!important;font-size:12px!important;color:#707070!important;white-space:nowrap}
.xf-footer-motto{margin:10px 0 0!important;font-size:11px!important;color:#8c9894!important;letter-spacing:.06em!important;line-height:1.6!important;text-align:center!important;white-space:nowrap}
.xf-footer-contact{font-size:12px!important;color:#7c8782!important;border-top:0!important;padding:0 0 24px!important}
.td-footer .copyright{background:#e6e6e6!important;padding:0!important;color:#707070!important;line-height:48px!important;text-align:center!important}
.td-footer .copyright .container{display:block!important;text-align:center!important;font-size:12px!important}
.td-footer .copyright span{display:inline!important;padding:0 9px!important;margin:0!important}
.td-footer .copyright a{color:#707070!important}
.td-footer .copyright a:hover{color:#008fc9!important}
.xf-right-tools{right:0!important;top:38%!important;z-index:999!important}.xf-right-tools ul{margin:0;padding:0}.xf-right-tools li{width:48px!important;height:48px!important;background:#fff!important;border:1px solid #e5e9e7!important;border-right:0!important;box-shadow:0 2px 8px rgba(0,0,0,.06)}.xf-right-tools a,.xf-right-tools button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#16876e!important;font-size:18px;background:none;border:0;cursor:pointer}

#hd .sub-nav-item dl.sub-nav-solution p{white-space:normal!important}
#hd .sub-nav-item dl.sub-nav-solution p a{display:block!important;padding:0!important;font-size:12.5px!important;line-height:1.35!important;color:#3d4a46!important;white-space:normal!important}
#hd .sub-nav-item dl.sub-nav-solution p a b{font-weight:400!important;color:#3d4a46!important;font-size:12.5px!important}
#hd .sub-nav-item dl.sub-nav-solution p a small{display:block!important;font-size:10.5px!important;line-height:1.35!important;color:#8c9894!important;margin:2px 0 0!important;white-space:normal!important}
#hd .sub-nav-item dl.sub-nav-solution p a:hover b,
#hd .sub-nav-item dl.sub-nav-solution p a:hover small{color:#00a0e9!important}
/* Page-type templates: every URL retains its own content while using the matching layout family. */
.xf-type-home .bshow{width:100%!important;margin:0!important}
.xf-type-home .bshow-view{width:100vw!important;max-width:none!important}
.xf-type-business-list .ph2,.xf-type-industry-detail .ph2,.xf-type-corporate .ph2,.xf-type-technical-guide .ph2,.xf-type-site-map .ph2{min-height:370px!important}
.xf-type-business-list .svc-grid,.xf-type-industry-detail .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.xf-type-product-list .pc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.xf-type-product-list .pc-cat{max-width:1230px!important;margin:0 auto!important}
.xf-type-product-detail .pd-hero{max-width:1230px!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important}
.xf-type-product-detail .pd-img img{max-height:460px!important;object-fit:contain!important}
.xf-type-case-list .cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.xf-type-case-detail .case-detail,.xf-type-case-detail .cs-detail{max-width:1230px!important;margin:0 auto!important}
.xf-type-article-list .blog-grid,.xf-type-article-list .bpost-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
.xf-type-article-detail .article,.xf-type-article-detail .article-body{max-width:900px!important;margin:0 auto!important}
.xf-type-corporate .about-stats{max-width:1230px!important;margin:0 auto!important}
.xf-type-contact .contact-wrap,.xf-type-contact .contact-main{max-width:1230px!important;margin:0 auto!important}
.xf-type-technical-guide .docrows{max-width:1230px!important;margin:0 auto!important}

/* hide old header/footer remnants */
.old-header,.old-footer{display:none!important}
@media(max-width:1200px){#hd .nav-wrapper nav>ul>li{padding:0 8px!important}#hd .nav-wrapper nav>ul>li>a{font-size:13px!important}.xf-mega{grid-template-columns:180px 1fr 220px;gap:20px}.xf-mega-groups{gap:14px}}
@media(max-width:980px){#hd .nav-wrapper{display:none!important}.td-burger{display:flex!important;width:42px;height:42px;border:1px solid #dce3df!important;background:#fff!important;border-radius:2px;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer}.td-burger span{display:block;width:18px;height:2px;background:#314844}.mobile-nav-container{display:none!important;position:fixed!important;top:75px!important;left:0;right:0;bottom:0;background:#fff!important;z-index:999!important;overflow:auto!important;padding:12px 22px 28px!important}.hd.open .mobile-nav-container{display:block!important}.mobile-nav-inner{max-width:760px;margin:auto}.mobile-nav-home,.mobile-nav-group-head>a{display:block;padding:13px 0;border-bottom:1px solid #e5e9e7;font-size:15px;color:#26383e!important}.mobile-nav-group-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9e7}.mobile-nav-group-head>a{border:0;flex:1}.mobile-nav-expand{width:40px;height:42px;border:0;background:none;font-size:21px;color:#008fc9}.mobile-nav-links{display:none;padding:7px 12px 12px;background:#f7f9f8;grid-template-columns:repeat(2,1fr);gap:4px 18px}.mobile-nav-group.is-open .mobile-nav-links{display:grid}.mobile-nav-links a{font-size:13px;padding:7px 0;color:#65736e}.mobile-nav-bottom{display:flex;gap:12px;margin-top:18px}.mobile-nav-bottom a{flex:1;text-align:center;padding:12px;background:#008fc9;color:#fff!important}.mobile-nav-bottom a:first-child{background:#eff6f8;color:#087b5b!important}.svc-grid,.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pc-entry{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nav_media_container>.nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){#hd.hd.td-header,#hd .header-container{height:60px!important;min-height:60px!important}#hd .header-container{padding:0 14px!important}.xf-logo-type b{font-size:17px}.xf-logo-type small{font-size:8px}.xf-logo img{width:36px!important;height:36px!important}.mobile-nav-container{top:60px!important}.ph2,.ph,.cs-head{min-height:250px!important}.ph2:before,.ph:before,.cs-head:before{height:250px!important}.ph2-in,.ph-in,.cs-head>.wrap{min-height:250px!important;padding:42px 16px 30px!important}.ph2-h1,.ph h1,.cs-h1{font-size:29px!important}.sec{padding:46px 0!important}.sh h2,.tk3-h+h2,.pc-h2+h2{font-size:23px!important}.svc-grid,.cs-grid,.pc-grid,.std-grid,.why-grid{grid-template-columns:1fr!important}.fact-grid,.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pc-entry{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pd-hero{grid-template-columns:1fr!important;gap:25px!important}.pd-top{padding:28px 0 40px!important}.pd-meta h1{font-size:29px!important}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.docrow{grid-template-columns:1fr!important}.docrow-fig{min-height:190px!important}.td-footer>.container>.top{align-items:flex-start!important;gap:20px;flex-direction:column}.link-tel{width:100%;justify-content:space-between}.nav_media_container{display:block!important}.nav_media_container>.nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.xf-footer-media{margin-top:22px}.td-footer .copyright .container{display:block!important}.td-footer .copyright span{display:block;margin:5px 0}.bshow-view{aspect-ratio:4/3!important}.xf-right-tools{display:none!important}}

/* 页脚窄屏：热线缩号、右组换行对齐 */
@media(max-width:680px){
  .td-footer>.container>.top{padding:20px 0 16px!important;gap:14px!important}
  .link-tel{width:100%!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
  .image-link{margin:0!important}
  .td-footer .tel a{font-size:24px!important}
  .td-footer .tel p{font-size:11px!important;margin-bottom:5px!important}
  .nav_media_container{gap:24px!important;padding:22px 0 18px!important}
  .xf-footer-media{align-items:center!important;margin-top:18px!important;width:100%!important}
  .xf-footer-contact{padding-bottom:16px!important}
}

/* ============ 导航：关于面板（四栏链接，无 tab） ============ */
#hd .sub-nav-about-content{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;gap:0!important;padding:24px 0 28px!important}
#hd .sub-nav-about-content>dl{flex:1 1 0!important;min-width:0!important;padding:0!important;margin:0 44px 0 0!important}
#hd .sub-nav-about-content>dl:last-child{margin-right:0!important;flex:0 0 210px!important}
#hd .sub-nav-about-content>dl dt{display:flex!important;align-items:center!important;margin:0 0 12px!important;padding-bottom:9px!important;border-bottom:1px solid #b9c2c0!important;line-height:1!important}
#hd .sub-nav-about-content>dl dt .sub-nav-item-title{font-size:14px!important;font-weight:700!important;color:#273b40!important;padding:0!important}
#hd .sub-nav-about-content>dl dd{margin:0!important;padding:4px 0!important;line-height:1.7!important;cursor:pointer}
#hd .sub-nav-about-content>dl dd a{font-size:13px!important;color:#5c6b66!important;transition:color .2s}
#hd .sub-nav-about-content>dl dd a:hover{color:#0087d1!important}
#hd .xf-about-contact dd{font-size:12px!important;color:#8a958f!important;line-height:1.9!important}
#hd .xf-about-contact dd.xf-about-tel{padding:2px 0 6px!important}
#hd .xf-about-contact dd.xf-about-tel a{font-size:20px!important;font-weight:700!important;color:#0c7359!important;letter-spacing:.4px}
#hd .xf-about-contact dd.xf-about-tel a:hover{color:#0a8f6d!important}

/* ============ 页脚：社交图标 hover 二维码气泡（对齐天得一） ============ */
.td-footer .image-link{display:flex!important;align-items:center!important;gap:14px!important;margin:0!important;overflow:visible!important}
.td-footer .link-item{position:relative!important;display:inline-flex!important;align-items:center!important}
.td-footer .link-popup{
  position:absolute!important;left:50%!important;bottom:calc(100% + 12px)!important;
  transform:translateX(-50%) translateY(5px)!important;
  width:132px!important;height:auto!important;padding:9px 8px 10px!important;top:auto!important;
  background:#fff!important;border-radius:8px!important;
  box-shadow:0 6px 22px rgba(16,40,34,.18)!important;
  z-index:999!important;opacity:0!important;visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .22s ease,transform .22s ease!important;
}
.td-footer .link-popup img{position:static!important;width:116px!important;height:116px!important;inset:auto!important;display:block!important;object-fit:cover!important;border-radius:3px!important}
.td-footer .link-popup img+span{display:block!important;margin-top:6px!important;line-height:1.3!important;font-size:11px!important;color:#7a8580!important;text-align:center!important;white-space:nowrap!important;letter-spacing:.2px}
.td-footer .link-item:hover .link-popup{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
.td-footer .link-popup::after{content:""!important;position:absolute!important;left:50%!important;top:100%!important;transform:translateX(-50%)!important;border:6px solid transparent!important;border-top-color:#fff!important}
.td-footer .link-popup.is-text{width:auto!important;min-width:118px!important;padding:10px 14px!important;text-align:center!important}
.td-footer .link-popup.is-text b{display:block!important;font-size:12px!important;color:#25383c!important;margin-bottom:3px!important;font-weight:600}
.td-footer .link-popup.is-text span{margin:0!important;font-size:11px!important}
.td-footer,.td-footer>.container,.td-footer .container,.td-footer>.container>.top{overflow:visible!important}