/* Shared site footer: one component used by the home page and every inner page. */
.site_shared_footer{position:relative;z-index:30;width:100%;min-height:0!important;margin:0!important;padding:0!important;color:#fff;background:#2853b2!important;box-sizing:border-box}.site_shared_footer *{box-sizing:border-box}.site_shared_footer .home_footer_inner{width:100%;max-width:1440px;height:auto;margin:0 auto;padding:52px max(38px,5vw) 42px;display:grid;grid-template-columns:1.02fr 1.28fr minmax(0,1fr) auto;gap:clamp(32px,4vw,68px);align-items:start}.site_shared_footer .home_footer_brand,.site_shared_footer .home_footer_col{min-width:0}.site_shared_footer .home_footer_interact{grid-column:4;justify-self:end;margin-right:44px}.site_shared_footer .home_footer_logo{display:flex;width:176px;height:48px;align-items:center}.site_shared_footer .home_footer_logo img{display:block;width:100%;max-height:48px;object-fit:contain;object-position:left center}.site_shared_footer .home_footer_brand strong{display:block;margin-top:18px;color:rgba(255,255,255,.92);font-size:14px;font-weight:600;line-height:1.4}.site_shared_footer .home_footer_brand p{margin:7px 0 0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.55}.site_shared_footer .home_footer_col h3{margin:0 0 18px;color:#fff;font-size:16px;font-weight:650;line-height:1.4}.site_shared_footer .home_footer_col a,.site_shared_footer .home_footer_col p{display:block;margin:0;color:rgba(255,255,255,.7)!important;font-size:13px;line-height:2.05;transition:color .2s ease;overflow-wrap:anywhere}.site_shared_footer .home_footer_contact p{line-height:1.9}.site_shared_footer .home_footer_col a:hover{color:#fff!important}.site_shared_footer .home_footer_interact h3{display:inline-block;margin:0 0 22px;padding-left:14px;border-left:3px solid #8ec0ff;font-size:17px;line-height:1.2}.site_shared_footer .home_footer_qr{display:flex;align-items:center;gap:14px}.site_shared_footer .home_footer_qr img{display:block;width:110px;height:110px;object-fit:cover;background:#fff;border:3px solid #fff;box-shadow:0 6px 18px rgba(8,28,72,.18)}.site_shared_footer .home_footer_qr_tip{margin-top:12px!important;color:rgba(255,255,255,.72)!important;font-size:13px;line-height:1.4}.site_shared_footer .home_footer_bottom{display:flex;height:48px;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;color:rgba(255,255,255,.55);font-size:12px;line-height:1;border-top:1px solid rgba(255,255,255,.11)}.site_shared_footer .home_footer_bottom a{color:rgba(255,255,255,.72)!important;text-decoration:none}.site_shared_footer .home_footer_bottom a:hover{color:#fff!important;text-decoration:underline}
.home_footer_screen .site_shared_footer{display:flex;height:100%;flex-direction:column;align-items:stretch}.home_footer_screen .site_shared_footer .home_footer_inner{flex:1 1 auto;align-content:start}.home_footer_screen .site_shared_footer .home_footer_bottom{flex:0 0 48px}
@media(max-width:1100px){.site_shared_footer .home_footer_inner{grid-template-columns:1fr 1.3fr auto;gap:34px}.site_shared_footer .home_footer_brand{grid-column:1/-1}.site_shared_footer .home_footer_interact{grid-column:3;justify-self:end;margin-right:28px}}
@media(max-width:700px){.site_shared_footer .home_footer_inner{padding:42px 6% 35px;grid-template-columns:1fr 1fr;gap:30px 22px}.site_shared_footer .home_footer_brand,.site_shared_footer .home_footer_contact{grid-column:1/-1}.site_shared_footer .home_footer_interact{grid-column:1/-1;justify-self:start;margin-right:0}.site_shared_footer .home_footer_col h3{margin-bottom:12px}.site_shared_footer .home_footer_qr img{width:96px;height:96px}.site_shared_footer .home_footer_bottom{height:44px;font-size:11px}}
@media(max-width:430px){.site_shared_footer .home_footer_inner{grid-template-columns:1fr}.site_shared_footer .home_footer_brand,.site_shared_footer .home_footer_contact,.site_shared_footer .home_footer_interact{grid-column:auto}.site_shared_footer .home_footer_interact{justify-self:start;margin-right:0}.site_shared_footer .home_footer_qr{gap:10px}.site_shared_footer .home_footer_qr img{width:88px;height:88px}}

/* 2026 common navigation redesign — shared by every page. */
.ds-nav{--ds-blue:#2853b2;--ds-navy:#082d61;--ds-line:#e1e8f2;position:fixed!important;z-index:1000!important;top:0;left:0;width:100%;height:88px!important;padding:0 34px!important;background:#fff!important;border-bottom:1px solid #e7ecf3!important;box-shadow:0 1px 0 rgba(8,45,97,.025);color:var(--ds-navy);font-family:"Microsoft YaHei","PingFang SC",sans-serif;box-sizing:border-box}.ds-nav *{box-sizing:border-box}.ds-nav a{text-decoration:none}.ds-nav__inner{width:100%;max-width:1880px;height:100%;margin:0 auto;display:flex;align-items:center}.ds-nav__logo{display:flex;flex:0 0 176px;height:100%;align-items:center;margin:0 42px 0 0!important}.ds-nav__logo img{display:block;width:145px!important;height:auto!important;max-height:58px;object-fit:contain}.ds-nav__main{height:100%;flex:0 1 auto}.ds-nav__main>ul{display:flex;height:100%;align-items:stretch;gap:0}.ds-nav__main>ul>li{height:100%;display:flex;align-items:center}.ds-nav__main>ul>li>a{height:100%!important;margin:0 22px!important;display:flex!important;align-items:center!important;gap:7px!important;position:relative;color:#101b2c!important;font-size:16px!important;white-space:nowrap}.ds-nav__main>ul>li>a p{height:100%!important;margin:0!important;display:flex!important;align-items:center!important;color:inherit!important;font-weight:500!important}.ds-nav__main>ul>li>a p:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;width:0!important;height:3px!important;background:var(--ds-blue)!important;transition:width .22s ease}.ds-nav__main>ul>li:hover>a,.ds-nav__main>ul>li.ds-active>a{color:var(--ds-blue)!important}.ds-nav__main>ul>li:hover>a p,.ds-nav__main>ul>li.ds-active>a p{color:var(--ds-blue)!important}.ds-nav__main>ul>li:hover>a p:after,.ds-nav__main>ul>li.ds-active>a p:after{width:100%!important}.ds-nav__chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.ds-nav__has-mega:hover .ds-nav__chevron,.ds-nav__has-drop:hover .ds-nav__chevron{transform:rotate(225deg) translate(-2px,-1px)}
.ds-nav__tools{height:100%!important;margin-left:auto;display:flex!important;align-items:center!important;gap:22px!important}.ds-nav__contact{display:flex;align-items:center;gap:0;flex:0 1 auto;min-width:0}.ds-nav__contact-item{position:relative;display:flex!important;align-items:center;gap:12px;padding:0 16px;color:var(--ds-blue)!important;text-decoration:none!important;white-space:nowrap;transition:opacity .2s ease}.ds-nav__contact-item:first-child{padding-left:0}.ds-nav__contact-item+.ds-nav__contact-item:before{content:"";position:absolute;left:0;top:50%;width:1px;height:30px;background:linear-gradient(180deg,transparent,#d7e1ef 18%,#d7e1ef 82%,transparent);transform:translateY(-50%)}.ds-nav__contact-item:hover{opacity:.82}.ds-nav__contact-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0}.ds-nav__contact-copy i{display:block;margin-bottom:1px;color:#8b97a8;font-size:11px;font-style:normal;font-weight:500;line-height:1;letter-spacing:.04em}.ds-nav__contact-copy em{display:block;color:var(--ds-blue);font-size:12.5px;font-style:normal;font-weight:600;line-height:1.35;letter-spacing:.01em}.ds-nav__contact-icon{position:relative;display:block;width:36px;height:36px;flex:0 0 auto;background:var(--ds-blue);border-radius:3px}.ds-nav__contact-icon:before{content:"";position:absolute;left:-4px;top:50%;width:0;height:0;border-style:solid;border-width:4px 5px 4px 0;border-color:transparent var(--ds-blue) transparent transparent;transform:translateY(-50%);z-index:1}.ds-nav__contact-icon:after{content:"";position:absolute;inset:0;margin:auto;background-repeat:no-repeat;background-position:center;background-size:16px 16px}.ds-nav__contact-icon--phone:after{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.81.36 1.6.68 2.35a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.75.32 1.54.55 2.35.68A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}.ds-nav__contact-icon--mail:after{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 7 9-7'/%3E%3C/svg%3E")}.ds-nav__tools .ds-nav__lang{position:relative;padding-left:16px;margin-left:2px}.ds-nav__tools .ds-nav__lang:before{content:"";position:absolute;left:0;top:50%;width:1px;height:30px;background:linear-gradient(180deg,transparent,#d7e1ef 18%,#d7e1ef 82%,transparent);transform:translateY(-50%)}.ds-nav__contact-item img{display:none}.ds-nav__search{position:relative!important;width:252px!important;height:46px!important;display:flex!important;align-items:center!important}.ds-nav__search input{width:100%!important;height:46px!important;padding:0 48px 0 18px!important;border:1px solid #dce4ee!important;border-radius:4px!important;background:#fff!important;color:#233953!important;font-size:14px!important;outline:none}.ds-nav__search input:focus{border-color:var(--ds-blue)!important;box-shadow:0 0 0 3px rgba(40,83,178,.08)}.ds-nav__search button{position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%);width:22px!important;height:22px!important;padding:0!important;border:0;background:transparent;display:grid!important;place-items:center!important}.ds-nav__search button svg{width:21px!important;height:21px!important;fill:none!important;stroke:var(--ds-navy)!important;stroke-width:1.9!important;stroke-linecap:round}.ds-nav__lang{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;color:#2853b2!important;font-size:14px!important;font-weight:600}.ds-nav__lang svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.ds-nav__more{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;color:#2853b2!important}.ds-nav__more p{margin:0!important;color:inherit!important;font-size:14px!important;white-space:nowrap}.ds-nav__grid{width:20px;height:20px;display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:3px}.ds-nav__grid i{display:block!important;position:static!important;width:4px!important;height:4px!important;margin:0!important;background:currentColor!important;border-radius:1px!important}.ds-nav__consult{height:46px;padding:0 20px;display:flex;align-items:center;gap:15px;background:var(--ds-blue);border-radius:3px;color:#fff!important;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 8px 18px rgba(40,83,178,.18);transition:background .2s,transform .2s}.ds-nav__consult:hover{background:#173f99;transform:translateY(-1px)}
.ds-nav .ds-mega{display:none;position:absolute!important;z-index:1001!important;top:100%!important;left:0!important;width:100vw!important;padding:0!important;background:#fff!important;border-top:3px solid var(--ds-blue)!important;box-shadow:0 20px 45px rgba(8,45,97,.13)!important;overflow:hidden}.ds-product-mega__inner{width:min(1760px,calc(100vw - 96px));min-height:410px;margin:0 auto;padding:45px 0 43px;display:grid;grid-template-columns:1fr .92fr .92fr 1.08fr 1.45fr;gap:0}.ds-mega__group{min-width:0;padding:0 38px;border-right:1px solid var(--ds-line)}.ds-mega__group:first-child{padding-left:8px}.ds-mega__group h3{position:relative;margin:0 0 28px!important;padding:0 0 0 15px!important;border:0!important;color:#101b2c!important;font-size:17px!important;font-weight:700!important;line-height:1.2}.ds-mega__group h3:before{content:"";position:absolute;left:0;top:1px;width:3px;height:18px;background:var(--ds-blue)}.ds-mega__group>a{display:block;margin:0 0 17px!important;color:#596b80!important;font-size:14px!important;line-height:1.3;transition:color .18s,transform .18s}.ds-mega__group>a:hover{color:var(--ds-blue)!important;transform:translateX(4px)}.ds-mega__group .ds-mega__all{margin-top:23px!important;color:var(--ds-blue)!important;font-weight:600}.ds-mega__all span{margin-left:5px}.ds-wave-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 13px}.ds-wave-grid a{height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #aec4ef;border-radius:5px;color:var(--ds-blue)!important;background:#fff;font-size:13px;font-weight:600;transition:background .18s,color .18s}.ds-wave-grid a:hover{background:var(--ds-blue);color:#fff!important}.ds-quick-select{margin-left:38px;padding:28px 34px 25px;display:flex;min-width:0;flex-direction:column;justify-content:flex-end;border-radius:6px;background:linear-gradient(135deg,#f6f9ff,#edf4ff);color:var(--ds-blue)!important;overflow:hidden}.ds-quick-select svg{width:100%;height:155px;margin:auto 0 10px;color:#5c88df}.ds-quick-select strong{font-size:20px;line-height:1.3}.ds-quick-select>span{margin-top:12px;color:#697d96;font-size:13px;line-height:1.7}.ds-quick-select em{margin-top:18px;color:var(--ds-blue);font-size:14px;font-style:normal;font-weight:600}
.ds-solutions-mega__inner{width:min(1320px,calc(100vw - 80px));margin:0 auto;padding:34px 0 36px;display:grid;grid-template-columns:350px minmax(0,1fr);gap:0;align-items:stretch}.ds-solutions-mega__intro{min-width:0;padding-right:38px;border-right:1px solid #e5edf7}.ds-solutions-mega__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.ds-solutions-mega__head h2{margin:0 0 7px;color:var(--ds-blue);font-size:27px;line-height:1.25}.ds-solutions-mega__head p{margin:0;color:#6d7f94;font-size:13px;line-height:1.65}.ds-solutions-mega__head>a{display:inline-flex;align-items:center;flex:0 0 auto;margin-top:4px;color:var(--ds-blue)!important;font-size:13px;font-weight:600;white-space:nowrap;transition:opacity .2s}.ds-solutions-mega__head>a:hover{opacity:.78}.ds-solution-links{display:grid;grid-template-columns:1fr;gap:12px}.ds-solution-links>a{min-height:108px;padding:16px 18px 15px;display:flex;flex-direction:column;border:1px solid #d9e5f5;border-radius:9px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%);color:var(--ds-navy)!important;transition:border .2s,box-shadow .2s,transform .2s,background .2s}.ds-solution-links>a:hover{border-color:#9db8e4;background:linear-gradient(180deg,#fff 0%,#f0f6ff 100%);box-shadow:0 10px 22px rgba(40,83,178,.09);transform:translateY(-2px)}.ds-solution-links svg{width:28px;height:28px;margin-bottom:9px;fill:none;stroke:var(--ds-blue);stroke-width:1.8;stroke-linejoin:round}.ds-solution-links b{display:flex;align-items:center;gap:9px;color:#11243f;font-size:15px}.ds-solution-links b i{color:var(--ds-blue);font-size:12px;font-style:normal;font-weight:700}.ds-solution-links>*>span{margin-top:6px;color:#77879a;font-size:12px;line-height:1.55}.ds-solution-scenes{min-width:0;padding-left:38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:center}.ds-solution-scenes>a{position:relative;display:block;height:auto;border-radius:10px;overflow:hidden;background:#e8f0fa;border:1px solid #d5e2f4;box-shadow:0 10px 28px rgba(8,45,97,.09);transition:transform .25s,box-shadow .25s,border-color .25s}.ds-solution-scenes>a:hover{transform:translateY(-3px);border-color:#a8c0e8;box-shadow:0 16px 36px rgba(8,45,97,.13)}.ds-solution-scenes>a img{position:static;display:block;width:100%;height:auto;object-fit:unset;object-position:center;transition:transform .45s ease}.ds-solution-scenes>a:hover img{transform:scale(1.045)}.ds-solution-scenes>a:after{content:none}.ds-solution-scenes>a:before{content:"→";position:absolute;z-index:3;right:18px;bottom:17px;color:#fff;font-size:16px;font-weight:600;opacity:0;transform:translateX(-8px);transition:opacity .22s,transform .22s}.ds-solution-scenes>a:hover:before{opacity:1;transform:translateX(0)}.ds-solution-scenes span{position:absolute;z-index:2;left:18px;right:52px;bottom:16px;color:#fff;font-size:16px;font-weight:700;letter-spacing:.01em}.ds-solution-scenes span:after{content:"";display:block;width:26px;height:2px;margin-top:8px;background:#fff;opacity:.92}.ds-nav__symbols{position:absolute;width:0;height:0;overflow:hidden}
.ds-nav__has-drop{position:relative}
.ds-drop{display:none;position:absolute;z-index:1002;top:100%;left:50%;min-width:196px;padding:12px 0;transform:translateX(-50%);background:#fff;border-top:3px solid var(--ds-blue);box-shadow:0 16px 36px rgba(8,45,97,.14)}
.ds-drop>a{display:block;padding:12px 22px;color:#596b80!important;font-size:14px;line-height:1.35;white-space:nowrap;transition:color .18s,background .18s,transform .18s}
.ds-drop>a:hover{color:var(--ds-blue)!important;background:#f4f8ff;transform:translateX(3px)}
@media(min-width:1025px){.ds-nav__has-drop:hover>.ds-drop,.ds-nav__has-drop:focus-within>.ds-drop,.ds-nav__has-drop.ds-force-open>.ds-drop{display:block!important}}
.ds-nav__mobile{display:none!important}.ds-nav+.nav_right{z-index:10000;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease;font-family:"Microsoft YaHei","PingFang SC",sans-serif}.ds-nav+.nav_right.on{visibility:visible;pointer-events:auto}.ds-nav+.nav_right .mask{background:rgba(8,29,61,.55)}.ds-nav+.nav_right .nav_right_box{width:330px;padding:42px 42px;transition:right .28s ease}.ds-nav+.nav_right .nav_right_del{color:var(--ds-navy);font-weight:600}.ds-nav+.nav_right .nav_right_con a{color:#243b59;font-size:16px;margin-bottom:22px}.ds-nav+.nav_right .nav_right_con a:hover{color:var(--ds-blue)}.ds-nav+.nav_right .nav_right_con a:after{background:var(--ds-blue)}
@media(max-width:1600px){.ds-nav{padding:0 28px!important}.ds-nav__logo{flex-basis:155px;margin-right:22px!important}.ds-nav__logo img{width:132px!important}.ds-nav__main>ul>li>a{margin:0 15px!important;font-size:15px!important}.ds-nav__tools{gap:15px!important}.ds-nav__search{width:210px!important}.ds-product-mega__inner,.ds-solutions-mega__inner{width:calc(100vw - 70px)}.ds-product-mega__inner{grid-template-columns:.95fr .9fr .9fr 1fr 1.35fr}.ds-mega__group{padding:0 26px}.ds-quick-select{margin-left:26px}.ds-solutions-mega__inner{grid-template-columns:320px minmax(0,1fr)}.ds-solutions-mega__intro{padding-right:30px}.ds-solution-scenes{padding-left:30px}.ds-solution-scenes>a{height:auto}}
@media(max-width:1280px){.ds-nav{height:76px!important;padding:0 22px!important}.ds-nav__logo{flex-basis:135px;margin-right:12px!important}.ds-nav__logo img{width:120px!important}.ds-nav__main>ul>li>a{margin:0 10px!important;font-size:14px!important}.ds-nav__search{width:170px!important}.ds-nav__contact-copy i{font-size:10px}.ds-nav__contact-copy em{font-size:12px}.ds-nav__contact-icon{width:32px;height:32px}.ds-nav__contact-icon:after{background-size:14px 14px;width:14px;height:14px}.ds-nav__contact-item{gap:10px;padding:0 12px}.ds-nav__more p{display:none}.ds-nav__consult{padding:0 14px}.ds-product-mega__inner{width:calc(100vw - 44px);grid-template-columns:repeat(4,1fr)}.ds-quick-select{display:none}.ds-solutions-mega__inner{width:calc(100vw - 44px);grid-template-columns:290px minmax(0,1fr);padding:28px 0 30px}.ds-solutions-mega__intro{padding-right:24px}.ds-solution-scenes{padding-left:24px;gap:12px}.ds-solution-scenes>a{height:auto}.ds-solution-scenes span{font-size:15px}}
@media(max-width:1180px){.ds-nav__contact{display:none!important}}
@media(max-width:1024px){.ds-nav{height:68px!important;padding:0 22px!important}.ds-nav__logo{flex:1;margin:0!important}.ds-nav__logo img{width:125px!important}.ds-nav__main,.ds-nav__tools{display:none!important}.ds-nav__mobile{position:static!important;width:42px!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}.ds-nav__mobile .c-switch{position:relative!important;z-index:3!important;width:27px!important;height:22px!important;margin:0!important}.ds-nav__mobile .c-switch i{position:absolute!important;left:0!important;width:27px!important;height:2px!important;margin:0!important;background:var(--ds-navy)!important;transition:.25s}.ds-nav__mobile .c-switch i:nth-child(1){top:1px!important}.ds-nav__mobile .c-switch i:nth-child(2){top:10px!important}.ds-nav__mobile .c-switch i:nth-child(3){top:19px!important}.ds-nav__mobile .c-switch.on i:nth-child(1){top:10px!important;transform:rotate(45deg)}.ds-nav__mobile .c-switch.on i:nth-child(2){opacity:0}.ds-nav__mobile .c-switch.on i:nth-child(3){top:10px!important;transform:rotate(-45deg)}.ds-nav__mobile .c-nav2{position:fixed!important;z-index:1002!important;top:68px!important;right:-100%!important;left:auto!important;width:min(430px,100vw)!important;height:calc(100vh - 68px)!important;margin:0!important;padding:18px 28px 35px!important;display:block!important;overflow:auto!important;background:#fff!important;box-shadow:-18px 20px 45px rgba(8,45,97,.14);transition:right .28s ease!important}.c-open .ds-nav__mobile .c-nav2,.ds-nav__mobile .c-nav2.on{right:0!important}.c-open .ds-nav__mobile .c-switch i:nth-child(1){top:10px!important;transform:rotate(45deg)}.c-open .ds-nav__mobile .c-switch i:nth-child(2){opacity:0}.c-open .ds-nav__mobile .c-switch i:nth-child(3){top:10px!important;transform:rotate(-45deg)}.ds-nav__mobile .c-nav2>li{height:auto!important;border-bottom:1px solid #e6ecf4}.ds-nav__mobile .c-title-box{height:56px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.ds-nav__mobile .c-title-box a{color:var(--ds-navy)!important;font-size:16px!important;font-weight:600}.ds-nav__mobile .c-title-box span{color:var(--ds-blue);font-size:20px}.ds-nav__mobile .c-title-con{display:none;padding:3px 0 16px!important}.ds-nav__mobile .c-title-con a{display:inline-flex!important;width:calc(50% - 6px)!important;margin:6px 8px 0 0!important;padding:11px 12px!important;background:#f3f7fc!important;color:#5a6f87!important;font-size:13px!important}.ds-nav__mobile .c-title-con.on{display:block!important}}

/* Final fidelity fixes: reliable hover, complete third-level menus, generated artwork. */
@media(min-width:1025px){.ds-nav__has-mega:hover>.ds-mega,.ds-nav__has-mega:focus-within>.ds-mega,.ds-nav__has-mega.ds-force-open>.ds-mega{display:block!important}}
.ds-quick-select img{display:block;width:100%;height:162px;margin:auto 0 7px;object-fit:contain;filter:none}.ds-series-group,.ds-mega__wave{position:relative}.ds-series-list{display:flex;flex-direction:column}.ds-series-item{position:relative}.ds-series-item>a{display:flex;margin:0 0 17px!important;align-items:center;justify-content:space-between;color:#596b80!important;font-size:14px!important;line-height:1.3;transition:color .18s,transform .18s}.ds-series-item>a:hover,.ds-series-item--children:hover>a{color:var(--ds-blue)!important;transform:translateX(4px)}.ds-series-children{position:absolute;z-index:6;left:calc(100% + 20px);top:-22px;width:194px;padding:17px 19px;display:grid;grid-template-columns:1fr 1fr;gap:12px 13px;visibility:hidden;opacity:0;transform:translateX(-8px);border:1px solid #dce6f4;border-top:3px solid var(--ds-blue);border-radius:3px;background:#fff;box-shadow:0 15px 35px rgba(8,45,97,.14);transition:.18s}.ds-series-item--children:hover .ds-series-children,.ds-series-item--children:focus-within .ds-series-children,.ds-series-item--children.ds-force-open .ds-series-children{visibility:visible;opacity:1;transform:none}.ds-series-children a{color:#60738a!important;font-size:12px!important;white-space:nowrap}.ds-series-children a:hover{color:var(--ds-blue)!important}.ds-wave-families{display:flex;flex-direction:column}.ds-wave-family{position:relative}.ds-wave-family>a{height:38px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6;color:#596b80!important;font-size:13px!important;transition:color .18s,background .18s}.ds-wave-family:hover>a,.ds-wave-family--default>a{color:var(--ds-blue)!important;background:#f4f8ff}.ds-wave-values{position:absolute;z-index:8;left:calc(100% + 18px);top:-12px;width:238px;padding:16px;display:flex;flex-wrap:wrap;gap:9px;visibility:hidden;opacity:0;transform:translateX(-8px);border:1px solid #dce6f4;border-top:3px solid var(--ds-blue);border-radius:3px;background:#fff;box-shadow:0 15px 35px rgba(8,45,97,.14);transition:.18s}.ds-wave-family:hover .ds-wave-values,.ds-wave-family:focus-within .ds-wave-values,.ds-wave-family.ds-force-open .ds-wave-values{visibility:visible;opacity:1;transform:none}.ds-wave-values a{min-width:58px;height:30px;padding:0 8px;display:flex;align-items:center;justify-content:center;border:1px solid #c4d4ee;border-radius:4px;color:var(--ds-blue)!important;font-size:12px!important}.ds-wave-values a:hover{color:#fff!important;background:var(--ds-blue);border-color:var(--ds-blue)}.ds-nav__mobile .c-title-con b{display:block;width:100%;margin-top:14px;color:var(--ds-blue);font-size:13px}
@media(min-width:1025px) and (max-width:1280px){.ds-product-mega__inner{width:calc(100vw - 32px);min-height:390px;padding:34px 0 32px;grid-template-columns:1.08fr .78fr .78fr 1.02fr 1.22fr}.ds-product-mega__inner .ds-mega__group{padding:0 18px}.ds-product-mega__inner .ds-mega__group:first-child{padding-left:4px}.ds-product-mega__inner .ds-mega__group h3{margin-bottom:23px!important}.ds-product-mega__inner .ds-mega__group>a,.ds-product-mega__inner .ds-series-item>a{margin-bottom:14px!important}.ds-product-mega__inner .ds-quick-select{display:flex;margin-left:18px;padding:22px 20px 20px}.ds-product-mega__inner .ds-quick-select img{height:135px}.ds-product-mega__inner .ds-quick-select strong{font-size:18px}.ds-product-mega__inner .ds-quick-select>span{font-size:12px}.ds-series-children{left:calc(100% + 8px);width:180px;padding:15px 16px;gap:10px}.ds-wave-values{left:calc(100% + 8px);width:180px;padding:13px}.ds-wave-values a{min-width:48px;padding:0 6px}}

/* Enlarge the generated quick-selector artwork inside its card. */
.ds-quick-select img{transform:scale(1.48);transform-origin:center center}

/* Mobile nav drawer. Must beat common.css #c-header .c-nav2 { height: -webkit-calc(0vh) }
   and avoid being clipped by the 68px fixed header. */
@media (max-width: 1024px) {
  .ds-nav,
  .ds-nav__inner,
  .ds-nav__mobile {
    overflow: visible !important;
  }
  #c-header .c-nav2,
  .ds-nav__mobile .c-nav2 {
    position: fixed !important;
    z-index: 1002 !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: calc(100vh - 68px) !important;
    height: -webkit-calc(100vh - 68px) !important;
    margin: 0 !important;
    padding: 8px 22px 40px !important;
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fff !important;
    box-shadow: 0 18px 40px rgba(8,45,97,.12);
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
    pointer-events: none;
    transition: transform .28s ease, visibility .28s ease !important;
  }
  body.c-open #c-header .c-nav2,
  body.c-open .ds-nav__mobile .c-nav2,
  #c-header .c-nav2.on,
  .ds-nav__mobile .c-nav2.on {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    right: 0 !important;
  }
  #c-header .c-nav2 > li,
  .ds-nav__mobile .c-nav2 > li {
    height: auto !important;
    display: block !important;
  }
}

/* -------------------------------------------------------------------------
   WebP <picture> wrappers: keep absolute hero/cover images out of document flow.
   desheng_prefer_webp_in_html() wraps <img> in <picture>, which breaks
   selectors like .nsr-hero > img { position:absolute } and pushes banner
   copy/buttons down below the natural image height.
   ------------------------------------------------------------------------- */
.nsr-hero > picture,
.ndr-hero > picture,
.csr-hero > picture,
.cdr-hero > picture,
.sdr-hero > picture,
.slr-hero > picture,
.spr-hero > picture,
.l1-hero > picture,
.l1-image-section > picture,
.l1-case > picture,
.plr-hero > picture,
.plr-cta > picture,
.odr-hero > picture,
.odr-cta > picture,
.sub_banner_img > picture,
.img-box > picture,
.h_b_img > picture,
.public-img > picture,
.csr-image > picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  border: 0;
}

.nsr-hero > picture > img,
.ndr-hero > picture > img,
.csr-hero > picture > img,
.cdr-hero > picture > img,
.sdr-hero > picture > img,
.sub_banner_img > picture > img,
.img-box > picture > img,
.h_b_img > picture > img,
.public-img > picture > img,
.csr-image > picture > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Card/media images stay in normal flow (absolute here collapses text & flickers on hover). */
.sdr-case > picture,
.why_choose_media > picture,
.ds_solution_tab > picture,
.sdr-picture > picture,
.slr-image > picture,
.nsr-photo > picture,
.cdr-photo > picture,
.cdr-product > picture {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.sdr-case > picture > img {
  position: static;
  display: block;
  width: 100%;
  height: 330px;
  object-fit: cover;
}

.l1-intro-grid > picture {
  display: block;
  width: 100%;
  height: 360px;
  margin: 0;
  line-height: 0;
}
.l1-intro-grid > picture > img {
  display: block;
  width: 100%;
  height: 360px;
  object-fit: cover;
}

.spr-contact-left > picture {
  display: block;
  width: 100%;
  margin: 22px 0 25px;
  line-height: 0;
}
.spr-contact-left > picture > img {
  display: block;
  width: 100%;
  height: 275px;
  object-fit: cover;
  border-radius: 6px;
}

@media (max-width: 760px) {
  .sdr-case > picture > img {
    height: 160px !important;
  }
}

/* Right floating contact bar — shared site-wide. */
.ds-float-bar {
  --ds-float-blue: #1768df;
  --ds-float-navy: #112845;
  position: fixed;
  z-index: 999;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 7px;
  border: 1px solid rgba(24, 79, 159, 0.13);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 50px rgba(8, 35, 78, 0.16);
  backdrop-filter: blur(12px);
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  box-sizing: border-box;
}
.ds-float-bar *,
.ds-float-bar *::before,
.ds-float-bar *::after {
  box-sizing: border-box;
}
.ds-float-bar__item,
.ds-float-bar__btn {
  position: relative;
  display: flex;
  width: 60px;
  min-height: 57px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 7px 4px 6px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--ds-float-navy);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.ds-float-bar__item--primary {
  background: linear-gradient(145deg, #2377ec, #1459c4);
  color: #fff;
  box-shadow: 0 8px 18px rgba(23, 104, 223, 0.28);
}
.ds-float-bar__icon {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.ds-float-bar__icon svg {
  display: block;
  width: 22px;
  height: 22px;
}
.ds-float-bar__label {
  color: inherit;
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}
.ds-float-bar__item--wechat,
.ds-float-bar__item--phone {
  overflow: visible;
}
.ds-float-bar__item--wechat:hover,
.ds-float-bar__item--wechat:focus-within {
  color: var(--ds-float-blue);
  background: #edf5ff;
}
.ds-float-bar__item--phone:hover,
.ds-float-bar__item--phone:focus-within {
  color: var(--ds-float-blue);
  background: #edf5ff;
}
.ds-float-bar__item:not(.ds-float-bar__item--wechat):not(.ds-float-bar__item--phone):hover,
.ds-float-bar__item:not(.ds-float-bar__item--wechat):not(.ds-float-bar__item--phone):focus-visible,
#ds-float-back-top:hover,
#ds-float-back-top:focus-visible {
  color: var(--ds-float-blue);
  background: #edf5ff;
  transform: translateX(-3px);
}
.ds-float-bar__item--primary:hover,
.ds-float-bar__item--primary:focus-visible {
  color: #fff;
  background: linear-gradient(145deg, #1768df, #0d4ba8);
  transform: translateX(-3px);
}
.ds-float-bar__popup {
  position: absolute;
  right: calc(100% + 18px);
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}
.ds-float-bar__popup::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  transform: translateY(-50%);
}
.ds-float-bar__item--wechat:hover .ds-float-bar__popup,
.ds-float-bar__item--wechat:focus-within .ds-float-bar__popup,
.ds-float-bar__item--phone:hover .ds-float-bar__popup,
.ds-float-bar__item--phone:focus-within .ds-float-bar__popup {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%) translateX(-4px);
}
.ds-float-bar__popup--qr {
  width: 208px;
  padding: 14px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(8, 29, 61, 0.18);
  line-height: 0;
}
.ds-float-bar__popup--qr picture {
  display: block;
  width: 180px;
  height: 180px;
}
.ds-float-bar__popup--qr img {
  display: block !important;
  width: 180px !important;
  height: 180px !important;
  max-width: none !important;
  object-fit: contain !important;
}
.ds-float-bar__popup--phone {
  min-width: 220px;
  padding: 18px 22px 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(8, 29, 61, 0.18);
  text-align: center;
}
.ds-float-bar__popup-title {
  margin: 0 0 10px;
  color: #8a96a8;
  font-size: 13px;
  line-height: 1.4;
}
.ds-float-bar__popup-phone {
  margin: 0;
  color: var(--ds-float-blue);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.ds-float-bar__popup-phone a {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 900px) {
  .ds-float-bar {
    display: none;
  }
}