@charset "UTF-8";
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;}
body{color: #333333;font-size:14px;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;overflow-x:hidden;margin:0; padding:0;background-color: #fff;}
input,select,textarea {font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;border-radius: 0;outline: none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;color: #333333;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}

/* 通用 */
.container-outer{width: 84%;margin: auto;position: relative;height: 100%;}
.container{margin: auto;min-height: 1px;width: 100%;max-width: 1400px;}
.column{position: absolute;bottom: 0;left: 0;font-size: 14px;letter-spacing: 1px;line-height: 33px;text-align: center;background-color: #404040;color: #FFFFFF;z-index: 10;padding: 0 3% 0 5%;}
.column::after{content: '';width: 31px;height: 33px;position: absolute;right: -30px;top: 0;background: url('img/sanjiao.svg') no-repeat;}
.ty-more {font-size: 0;display: inline-block;position: relative;}
.ty-more a {display: block;border: 1px solid #ccc;padding: 15px 30px;}
.ty-more span{color: #333333;font-size: 16px;line-height: 16px;display: inline-block;margin-right: 10px;z-index: 3;position: relative;}
.ty-more i{width: 9px;height: 12px;display: inline-block;background: url("../images/more_h.png");background-size:100% 100%;position: relative;z-index: 3;/*opacity: .5;*/}
.ty-more a::before {content: '';display: block;width:5px;height: 100%;position: absolute;left: 0;top: 0;background: #0863c4;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.ty-more a:hover::before{width: 100%;}
.ty-more a:hover span {color: #FFFFFF;}
.ty-more a:hover i{background: url("../images/more_b.png");background-size:100% 100%;opacity: 1;}

/* 头部 */
.header{position: fixed; top: 0; left:0; width: 100%; z-index: 1000;background:rgba(9,22,35,.74);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);}
.header *{transition:all .4s ease;}
.header .header-content{width:78%;max-width:1280px;height: 58px;margin: auto;position: relative;z-index: 500;display:flex;align-items:center;justify-content:space-between;}
.header .header-content .header-logo{width:auto;max-width:180px;height: 100%;position: relative;top:auto;transform:none;left:auto;z-index: 11;display:flex;align-items:center;flex-shrink:0;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:0!important;}
.header .header-content .header-logo a{display: flex;align-items:center;height:100%;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:0!important;}
.header .header-content .header-logo img{display: block;width: auto;height: auto;max-width: 100%;max-height:38px;object-fit:contain;background:transparent!important;border-radius:0!important;box-shadow:none!important;}
.header .header-content .header-logo.logo-fallback{width:auto;min-width:0;max-width:180px;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.header .header-content .header-logo.logo-fallback img{max-height:38px;}
.header .header-content .header-logo.logo-fallback img.logo1{display: block!important;}
.header .header-content .header-logo.logo-fallback img.logo2{display: none!important;}
.header .header-content .header-logo img.logo1{display: block}
.header .header-content .header-logo img.logo2{display: none}
.header .header-nav,.header .header-nav ul,.header .header-nav ul li,.header .header-nav ul li a{margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .header-right{display:flex;align-items:center;justify-content:flex-end;flex:1;height:100%;margin-left:42px;}
.header .header-nav{display: flex; float: none; margin-left: 0;height:100%;}
.header .header-nav > ul{display:flex;align-items:center;height:100%;}
.header .header-nav #menu-toggle{display: none;}
.header .header-nav > ul > li{list-style: none;padding: 0;display: flex;align-items:center;height:100%;vertical-align: middle;margin: 0 18px;position: relative;}
.header .header-nav > ul > li > a::after{content: '';display: block;width:0;height:3px;position: absolute;left:50%;bottom:18%; background: #38bdf8;border-radius:3px;transform:translateX(-50%);-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;}
.header .header-nav > ul > li.cur a::after{width: 3.1rem}
.header .header-nav > ul > li.cur > a{color: #fff;font-weight:600;}
.header .header-nav > ul > li > a{color: #fff; line-height: 58px; position: relative; z-index: 10; font-size: 16px;font-weight:600;white-space:nowrap;}
.header .header-nav ul ul{position: absolute; left: -9999px; -webkit-box-shadow:9px 11px 29px rgba(125,138,152,0.15); -ms-box-shadow:9px 11px 29px rgba(125,138,152,0.15); -moz-box-shadow:9px 11px 29px rgba(125,138,152,0.15); box-shadow:9px 11px 29px rgba(125,138,152,0.15);}
.header .header-nav li:hover > ul{left: auto;}
.header .header-nav ul ul ul{margin-left: 100%; top: 10px;}
.header .header-nav ul ul li{height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease;}
.header .header-nav ul li:hover > ul > li{height: 46px;}
.header .header-nav ul ul li a{padding: 16px; width: 180px; height: 46px; font-size: 14px; background: #ffffff; text-decoration: none; color: #333333; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
.header .header-nav ul ul li:hover > a,
.header .header-nav ul ul li a:hover{background:#0863c4;color:#fff}
.header .header-nav ul ul li.has-sub > a::before{position:absolute; top:19px; right:20px; display:block; width:2px; height:8px; background:#333333; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease}
.header .header-nav ul ul li.has-sub > a::after{position:absolute; top:22px; right:17px; width:8px; height:2px; display:block; background:#333333; content:""}
.header .header-nav ul ul li.has-sub:hover > a::after{visibility:visible; opacity:1}
.header .header-nav ul ul li.has-sub:hover > a::before{visibility:hidden; opacity:0}
.header .header-nav ul ul li.has-sub:hover > a::after{border-color: #ffffff;}
.header .header-search{display: flex; align-items: center; float: none; margin-left: 24px; margin-top: 0;height:100%;}
.header .header-search a{text-align: center;position: relative;display: flex;align-items:center;justify-content:center;line-height: 36px;}
.header .header-search i{width: 18px;height: 18px;}
.header .header-search i img{display: block;max-width: 100%;}
.header .header-search span{color: #fff;margin-left: 7px;}
.header .header-search i,.header .header-search span{display: inline-block;vertical-align: middle;position: relative;z-index: 11;}

.header .header-search .lang {position: relative;}
.header .header-search .lang a {width: 132px;height: 36px;}
.header .header-search .lang a::after{content: '';width: 132px;height: 36px;border: 1px solid #fff;position: absolute;left: 0;top: 0;opacity: .3;transform:skewX(340deg);z-index: 1;}
.header .header-search .lang a:hover::after{background:#0863c4;border: 1px solid #0863c4;opacity: 1;}
.header .header-search .lang a:hover i{filter: invert(100%);}
.header .header-search .lang a:hover span{color: #fff;}
.header .header-search .lang-show {position: absolute;width: 100%;left: -8px;top: 104%;overflow: hidden;z-index: 11;display: none;}
.header .header-search .lang-show ul {background: #fff;padding: 5% 0;overflow: hidden;box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);margin-top: 3%;}
.header .header-search .lang-show a {display: block;color: #1a1a1a;height: auto;border-bottom: 1px solid #e8e8e8;text-align: center;width: 80%;margin: auto;}
.header .header-search .lang-show a:hover {color: #0863c4;}
.header .header-search .lang-show a:last-child {border: none;}
.header .header-search .lang-show a::after {display: none;}
.header .header-search .lang:hover .lang-show {display: block;}
.header .header-search .m-lang{display: none;}

.header .header-search .search{margin-left: 10px;}
.header .header-search .search a{width: 44px;height: 36px;}
.header .header-search .search a::after{content: '';width: 44px;height: 36px;border: 1px solid #fff;position: absolute;left: 0;top: 0;opacity: .3;transform:skewX(340deg);z-index: 1;}
.header .header-search .search a:hover::after{background:#0863c4;border: 1px solid #0863c4;opacity: 1;}
.header .header-search .search a:hover i{filter: invert(100%);}
.header .header-search .search a:hover span{color: #fff;}

/* Keep the desktop header controls visually centered. */
@media screen and (min-width:769px){
    .header .header-content,.header .header-right,.header .header-nav,.header .header-nav > ul,.header .header-nav > ul > li,.header .header-search{height:58px;align-items:center}
    .header .header-nav > ul > li > a{display:flex;align-items:center;height:58px;line-height:1;padding-top:0;padding-bottom:0}
    .header .header-search{margin-top:0}
    .header .header-search .lang,.header .header-search .search{display:flex;align-items:center;height:58px}
    .header .header-search .lang a,.header .header-search .search a{display:flex;align-items:center;justify-content:center;height:36px;line-height:1}
    .header .header-search .lang a::after,.header .header-search .search a::after{top:50%;transform:translateY(-50%) skewX(340deg)}
    .header .header-search i{display:flex;align-items:center;justify-content:center}
    .header .header-search i img{display:block}
}
.detail .header{background:rgba(9,22,35,.82);border-bottom:1px solid rgba(255,255,255,.12);}
.detail .header .header-logo img.logo1{display: block}
.detail .header .header-logo img.logo2{display: none}
.detail .header .header-nav > ul > li > a{color: #fff;}
.detail .header .header-nav > ul > li.cur > a{color: #fff;font-weight:600;}
.detail .header .header-nav > ul > li > a:hover{color: #fff;}
.detail .header .header-nav > ul > li > a:hover::after{width: 3.1rem;}
.detail .header .header-search i img{filter: none;}
.detail .header .header-search a:hover i img{filter: invert(100%);}
.detail .header .header-search a::after{border: 1px solid rgba(255,255,255,.35);opacity: 1;}
.detail .header .header-search a:hover::after{border: 1px solid #0863c4;opacity: 1;}
.detail .header .header-search span{color: #fff;}
.no-touch .header,.header.scroll-top,.header.scroll-top{background:rgba(9,22,35,.82);border-bottom:1px solid rgba(255,255,255,.12);}
.header.scroll-down{top:0}
.header.scroll-top .header-logo img.logo1,.header.scroll-top .header-logo img.logo1{display: block}
.header.scroll-top .header-logo img.logo2,.header.scroll-top .header-logo img.logo2{display: none}
.header.scroll-top .header-nav > ul > li > a{color: #fff;}
.header.scroll-top .header-nav > ul > li.cur > a{color: #fff;font-weight:600;}
.header.scroll-top .header-nav > ul > li > a:hover{color: #fff;}
.header.scroll-top .header-search i img,.header.scroll-top .header-search i img{filter: none;}
.header.scroll-top .header-search a:hover i img,.header.scroll-top .header-search a:hover i img{filter: invert(100%);}
.header.scroll-top .header-search a::after,.header.scroll-top .header-search a::after{border: 1px solid rgba(255,255,255,.35);opacity: 1;}
.header.scroll-top .header-search a:hover::after,.header.scroll-top .header-search a:hover::after{border: 1px solid #0863c4;opacity: 1;}
.header.scroll-top .header-search span,.header.scroll-top .header-search span{color: #fff;}
.header .search-show {position: absolute;left: 50%;top:-50%;width: 30%;transform: translate(-50%,-50%);z-index: 511;transition:all .4s ease;}
.header .search-show-content {position: relative;}
.header .search-show-top {position: relative;overflow: hidden;}
.header .search-show-top .search-submit{position: absolute;left: 0;top: 50%;width: 50px;height: 50px;background: url('../images/so.svg') left center no-repeat;background-size: 18px;margin-top: -25px;border: none;z-index: 11;cursor: pointer;filter: invert(100%);}
.header .search-show-top .search-submit:hover {opacity: .5;}
.header .search-show-top .search-input{font-size:18px;padding: 0 5%;width: 100%;box-sizing: border-box;background: none;border: none;border-bottom: 1px solid #333333;height:50px;display: block;}
.header .search-show-top .close {position: absolute;width: 50px;height: 50px;right: -20px;top: 50%;margin-top: -25px;z-index: 11;cursor: pointer;transition:all .4s ease;transform: rotate(45deg);}
.header .search-show-top .close::after {content: '';width: 12px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #333333;}
.header .search-show-top .close::before {content: '';width: 2px;height: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #333333;}
.header .search-show-top .close:hover {transform: rotate(315deg);}
.header.searchshow .search-show {top: 50%;}
.header.searchshow .header-nav {opacity: 0;transform: translateY(-100%);}

@media screen and (min-width: 769px){
    .header .header-nav > ul ul{display:none!important;left:-9999px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
    .header .header-nav li:hover > ul{display:none!important;left:-9999px!important}
    .header .header-nav ul li:hover > ul > li{height:0!important}
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases) > ul{display:block!important;left:0!important;top:100%;min-width:190px;padding:6px 0;background:#fff;border:1px solid rgba(8,99,196,.1);border-radius:12px;box-shadow:0 18px 42px rgba(15,23,42,.18);opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases).submenu-open > ul{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)}
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases) > ul > li{height:auto!important}
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases) > ul > li > a{width:100%;height:auto;min-height:42px;padding:12px 34px 12px 18px;color:#0f172a;background:#fff;line-height:1.25;white-space:nowrap}
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases) > ul > li:hover > a{color:#fff;background:#0863c4}
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases).submenu-open ul ul{display:block!important;left:100%!important;top:0;min-width:190px;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(10px,0)}
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases).submenu-open ul li:hover > ul{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0,0)}
    .header .header-nav > ul > li.nav-product > ul{display:grid!important;position:fixed!important;left:50vw!important;right:auto!important;top:58px;margin:0;grid-template-columns:repeat(5,minmax(0,1fr))!important;justify-content:stretch;justify-items:stretch;align-items:start;column-gap:1.35rem;row-gap:.85rem;width:min(87.5rem,calc(100vw - 3rem))!important;max-width:min(87.5rem,calc(100vw - 3rem))!important;min-width:0;box-sizing:border-box;padding:1.55rem 1.65rem;transform:translate(-50%,10px);background:rgba(255,255,255,.98);border:1px solid rgba(8,99,196,.12);box-shadow:0 22px 58px rgba(15,23,42,.2);border-radius:14px;opacity:0!important;visibility:hidden!important;pointer-events:none!important;max-height:calc(100vh - 72px);overflow:auto;overscroll-behavior:contain;z-index:1001}
    .header .header-nav > ul > li.nav-product:hover > ul{display:grid!important;left:50vw!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,10px)}
    .header .header-nav > ul > li.nav-product.submenu-open > ul{display:grid!important;left:50vw!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)}
    .header .header-nav > ul > li.nav-product > ul > li{height:auto!important;min-width:0;width:100%;padding:.45rem .3rem;border-radius:10px;box-sizing:border-box}
    .header .header-nav > ul > li.nav-product > ul > li > a{display:block;width:100%;box-sizing:border-box;height:auto;padding:1rem 1.14rem;color:#0f172a;font-weight:800;border-radius:8px;background:#f6f9ff}
    .header .header-nav > ul > li.nav-product > ul > li:hover > a{color:#0863c4;background:#e8f3ff}
    .header .header-nav > ul > li.nav-product:not(.submenu-open) ul ul{display:block!important;position:static;min-width:0;margin:.45rem 0 0;padding:0;background:transparent;box-shadow:none;transform:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;left:auto!important}
    .header .header-nav > ul > li.nav-product.submenu-open ul ul{display:block!important;position:static;min-width:0;margin:.45rem 0 0;padding:0;background:transparent;box-shadow:none;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;left:auto!important}
    .header .header-nav > ul > li.nav-product ul ul li{height:auto!important;width:auto}
    .header .header-nav > ul > li.nav-product ul ul a{display:block;width:100%;box-sizing:border-box;height:auto;padding:.55rem 1.08rem;color:#475569;font-size:.86rem;border-radius:7px;background:transparent;word-break:break-word;line-height:1.45}
    .header .header-nav > ul > li.nav-product ul ul li:hover > a{color:#fff;background:#0863c4}
    .header .header-nav > ul > li.nav-product.nav-accessories > ul{
        grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))!important;
        width:min(42rem,calc(100vw - 3rem))!important;
        max-width:min(42rem,calc(100vw - 3rem))!important;
        justify-content:start;
    }
    .header .header-nav > ul > li.nav-service > ul{display:grid!important;position:fixed;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem;width:min(58rem,calc(100vw - 2rem));min-width:0;max-width:calc(100vw - 2rem);max-height:calc(100vh - 72px);overflow:auto;padding:.85rem;left:50vw!important;top:58px;transform:translate(-50%,10px);background:rgba(255,255,255,.97);border:1px solid rgba(8,99,196,.1);box-shadow:0 22px 58px rgba(15,23,42,.2);border-radius:16px;opacity:0!important;visibility:hidden!important;pointer-events:none!important;overscroll-behavior:contain}
    .header .header-nav > ul > li.nav-service:hover > ul{display:grid!important;left:50vw!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,10px)}
    .header .header-nav > ul > li.nav-service.submenu-open > ul{display:grid!important;left:50vw!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)}
    .header .header-nav > ul > li.nav-service > ul > li{height:auto!important;width:auto;border-radius:14px;background:#f8fafc;overflow:hidden;transition:.25s}
    .header .header-nav > ul > li.nav-service > ul > li:hover{background:#eef7ff;box-shadow:0 14px 34px rgba(8,99,196,.16);transform:translateY(-3px)}
    .header .header-nav > ul > li.nav-service > ul > li > a{display:flex;flex-direction:column;justify-content:flex-start;width:auto;height:auto;padding:.58rem .62rem .68rem;color:#0f172a;font-size:.82rem;font-weight:800;white-space:normal;line-height:1.28;min-height:6.85rem}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(2) > a{font-size:.8rem}
    .header .header-nav > ul > li.nav-service > ul > li > a::before{content:"";display:block;width:100%;height:4.55rem;margin:0 0 .48rem;border-radius:11px;background:center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
    .header .header-nav > ul > li.nav-service > ul > li > a::after{display:none!important;content:none!important}
    .header .header-nav > ul > li.nav-cases > ul{display:grid!important;position:fixed!important;grid-template-columns:repeat(auto-fit,minmax(9.6rem,1fr));gap:.7rem;width:min(76rem,calc(100vw - 2rem));min-width:0;max-width:calc(100vw - 2rem);max-height:calc(100vh - 72px);overflow:auto;padding:.95rem;left:50vw!important;top:58px;transform:translate(-50%,10px);background:rgba(245,250,255,.98);border:1px solid rgba(8,99,196,.1);box-shadow:0 22px 58px rgba(15,23,42,.2);border-radius:16px;opacity:0!important;visibility:hidden!important;pointer-events:none!important;overscroll-behavior:contain;z-index:1001;box-sizing:border-box}
    .header .header-nav > ul > li.nav-cases:hover > ul{display:grid!important;left:50vw!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,10px)}
    .header .header-nav > ul > li.nav-cases.submenu-open > ul{display:grid!important;left:50vw!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)}
    .header .header-nav > ul > li.nav-cases > ul > li{height:auto!important;width:auto;border-radius:16px;background:#fff;overflow:hidden;transition:.25s;border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 24px rgba(15,23,42,.055)}
    .header .header-nav > ul > li.nav-cases > ul > li:hover{box-shadow:0 14px 34px rgba(8,99,196,.16);transform:translateY(-3px)}
    .header .header-nav > ul > li.nav-cases > ul > li > a{display:flex;flex-direction:column;gap:.55rem;width:auto;height:auto;min-height:7.1rem;padding:.58rem .62rem .72rem;color:#0f172a;font-size:.78rem;font-weight:900;white-space:normal;line-height:1.22;word-break:break-word;background:#fff}
    .header .header-nav > ul > li.nav-cases > ul > li > a::before{content:"";display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:10px;background-image:url("/assets/addons/fusrock/images/application-case-menu-thumbnails.png");background-size:600% 600%;background-position:0 0;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
    .header .header-nav > ul > li.nav-cases > ul > li > a::after{display:none}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+1) > a::before{background-position:0 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+2) > a::before{background-position:33.333% 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+3) > a::before{background-position:66.666% 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+4) > a::before{background-position:100% 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+5) > a::before{background-position:0 50%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+6) > a::before{background-position:33.333% 50%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+7) > a::before{background-position:66.666% 50%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+8) > a::before{background-position:100% 50%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+9) > a::before{background-position:0 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+10) > a::before{background-position:33.333% 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+11) > a::before{background-position:66.666% 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(12n+12) > a::before{background-position:100% 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+1) > a::before{background-position:0 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+2) > a::before{background-position:20% 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+3) > a::before{background-position:40% 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+4) > a::before{background-position:60% 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+5) > a::before{background-position:80% 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+6) > a::before{background-position:100% 0}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+7) > a::before{background-position:0 20%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+8) > a::before{background-position:20% 20%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+9) > a::before{background-position:40% 20%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+10) > a::before{background-position:60% 20%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+11) > a::before{background-position:80% 20%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+12) > a::before{background-position:100% 20%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+13) > a::before{background-position:0 40%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+14) > a::before{background-position:20% 40%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+15) > a::before{background-position:40% 40%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+16) > a::before{background-position:60% 40%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+17) > a::before{background-position:80% 40%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+18) > a::before{background-position:100% 40%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+19) > a::before{background-position:0 60%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+20) > a::before{background-position:20% 60%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+21) > a::before{background-position:40% 60%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+22) > a::before{background-position:60% 60%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+23) > a::before{background-position:80% 60%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+24) > a::before{background-position:100% 60%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+25) > a::before{background-position:0 80%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+26) > a::before{background-position:20% 80%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+27) > a::before{background-position:40% 80%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+28) > a::before{background-position:60% 80%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+29) > a::before{background-position:80% 80%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+30) > a::before{background-position:100% 80%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+31) > a::before{background-position:0 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+32) > a::before{background-position:20% 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+33) > a::before{background-position:40% 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+34) > a::before{background-position:60% 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+35) > a::before{background-position:80% 100%}
    .header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+36) > a::before{background-position:100% 100%}
    .header .header-nav > ul > li.nav-cases > ul > li.nav-case-app > a::before{background-position:var(--case-thumb-pos,0 0)!important}
}

/* Submenus are controlled only by header JS; page images must never activate hidden dropdown hit areas. */
@media screen and (min-width:769px){
    .header .header-nav > ul > li.nav-product:not(.submenu-open) > ul,
    .header .header-nav > ul > li.nav-service:not(.submenu-open) > ul,
    .header .header-nav > ul > li.nav-cases:not(.submenu-open) > ul,
    .header .header-nav > ul > li.nav-product:not(.submenu-open):hover > ul,
    .header .header-nav > ul > li.nav-service:not(.submenu-open):hover > ul,
    .header .header-nav > ul > li.nav-cases:not(.submenu-open):hover > ul{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
    .header .header-nav > ul > li.nav-product.submenu-open > ul,
    .header .header-nav > ul > li.nav-service.submenu-open > ul,
    .header .header-nav > ul > li.nav-cases.submenu-open > ul{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}

@media screen and (min-width:769px) and (max-width:1180px){
    .header .header-content{width:94%;max-width:none}
    .header .header-content .header-logo{max-width:135px}
    .header .header-right{margin-left:22px}
    .header .header-nav > ul > li{margin:0 9px}
    .header .header-nav > ul > li > a{font-size:14px}
    .header .header-search{margin-left:12px}
    .header .header-search .lang a{width:112px}
    .header .header-search .lang a::after{width:112px}
    .header .header-search span{font-size:12px;margin-left:5px}
    .header .header-nav > ul > li.nav-product > ul{padding:1.35rem 1.45rem;width:min(87.5rem,calc(100vw - 2.5rem))!important;max-width:min(87.5rem,calc(100vw - 2.5rem))!important;column-gap:1.1rem}
    .header .header-nav > ul > li.nav-product.nav-accessories > ul{width:min(42rem,calc(100vw - 2.5rem))!important;max-width:min(42rem,calc(100vw - 2.5rem))!important}
    .header .header-nav > ul > li.nav-product:hover > ul{transform:translate(-50%,0)}
    .header .header-nav > ul > li.nav-service > ul{position:fixed;left:50vw!important;top:58px;width:min(56rem,calc(100vw - 2rem));min-width:0;max-width:calc(100vw - 2rem);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:.85rem;transform:translate(-50%,10px);max-height:calc(100vh - 72px);overflow:auto}
    .header .header-nav > ul > li.nav-service:hover > ul{transform:translate(-50%,0)}
    .header .header-nav > ul > li.nav-service > ul > li > a{min-height:7.6rem;padding:.58rem .64rem .7rem;font-size:.82rem}
    .header .header-nav > ul > li.nav-service > ul > li > a::before{height:4.35rem;margin-bottom:.46rem}
    .header .header-nav > ul > li.nav-cases > ul{position:fixed;left:50vw!important;top:58px;width:min(58rem,calc(100vw - 1.5rem));max-width:calc(100vw - 1.5rem);grid-template-columns:repeat(5,minmax(0,1fr));gap:.48rem;padding:.6rem;transform:translate(-50%,10px);max-height:calc(100vh - 72px);overflow:auto}
    .header .header-nav > ul > li.nav-cases:hover > ul{transform:translate(-50%,0)}
    .header .header-nav > ul > li.nav-cases > ul > li > a{min-height:5.25rem;padding:.42rem .45rem .52rem;font-size:.72rem}
    .header .header-nav > ul > li.nav-cases > ul > li > a::before{height:auto;aspect-ratio:3/2}
}

/* 首页Banner */
.index-banner-swiper .index-banner-item .img .mpic{display: none;}
.index-banner-swiper{width: 100%;height: 100%;position: relative;}
.index-banner-swiper .index-banner-item{position: relative;overflow: hidden;}
.index-banner-swiper .swiper-slide-active .img .pic,.index-banner-swiper .swiper-slide-active .img .mpic{animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .index-banner-item .text{width: 60%;left: 9%;top: 50%;z-index: 51;color: #fff;position: absolute;transform: translateY(-50%);}
.index-banner-swiper .index-banner-item .big div{font-size:48px;padding-bottom: 15px;font-weight: bold;color: #ffffff;}
.index-banner-swiper .index-banner-item .small div{font-size:24px;line-height: 38px;color: #ffffff;overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.index-banner-swiper .swiper-button{position: absolute;right: 3%;bottom: 5%;z-index: 11;}
.index-banner-swiper .swiper-button .swiper-button-prev,.index-banner-swiper .swiper-button .swiper-button-next{width: 70px;height: 65px;display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin:0px 5px;outline: none;}
.index-banner-swiper .swiper-button .swiper-button-prev::before ,.index-banner-swiper .swiper-button .swiper-button-next::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform:skewX(340deg);z-index: 1;background: #fff;}
.index-banner-swiper .swiper-button .swiper-button-prev::after ,.index-banner-swiper .swiper-button .swiper-button-next::after{font-size: 16px;font-weight:900;z-index: 11;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
.index-banner-swiper .swiper-button .swiper-button-prev{margin-top: 20px;}
.index-banner-swiper .swiper-button .swiper-button-prev:hover::before{background: #ededed;}
.index-banner-swiper .swiper-button .swiper-button-next::before{background: #0863c4;}
.index-banner-swiper .swiper-button .swiper-button-next:hover::before{background: #064f9a;}
.index-banner-swiper .banner-pagination{bottom: 2%;left: 0;z-index: 11;color: #fff;width: 100px;text-align: right;}
.index-banner-swiper .banner-pagination span{display: block;padding: 15px 0;position: relative;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current{font-size: 40px;padding-right: 20%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total{font-size: 20px;padding-right: 40%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current::after{content: '';width: 100%;height: 1px;background: #fff;opacity: .3;position: absolute;bottom:0;left: 0;}
.index-banner-swiper .index-banner-item .more-group{display: flex;align-items: center;margin: 4% 0;}
.index-banner-swiper .index-banner-item .ty-more a{border: 1px solid rgba(255,255,255,.3);}
.index-banner-swiper .index-banner-item .ty-more span{color: #FFFFFF;}
.index-banner-swiper .index-banner-item .ty-more i{background: url("../images/more_b.png");background-size:100% 100%;}
.index-banner-swiper .index-banner-item .ty-more a:hover span {color: #333333;}
.index-banner-swiper .index-banner-item .ty-more a:hover i{background: url("../images/more_h.png");background-size:100% 100%;opacity: 1;}
.index-banner-swiper .index-banner-item .play {display: inline-block;margin-left: 10px;}
.index-banner-swiper .index-banner-item .play a{display: block;overflow: hidden;/*background: #FFFFFF;*/border: 1px solid rgba(255,255,255,.3);padding: 15px 20px;font-size: 0;}
.index-banner-swiper .index-banner-item .play i{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/play.png") center no-repeat;background-size: 100%; }
.index-banner-swiper .index-banner-item .play span{font-size: 14px;color: #FFFFFF;display: inline-block;vertical-align: middle;}
.index-banner-swiper .index-banner-item .play a:hover {background: #0863c4;border: 1px solid rgba(255,255,255,.3);}
.index-banner-swiper .index-banner-item .play a:hover i{filter: invert(100%);}
.index-banner-swiper .index-banner-item .play a:hover span{color: #333333;}
.index-banner-swiper .index-banner-item .img{position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background: #202020;}
.index-banner-swiper .index-banner-item .img img,.index-banner-swiper .index-banner-item .pic img,.index-banner-swiper .index-banner-item .mpic img{max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.index-banner-swiper .index-banner-item .img .pic,.index-banner-swiper .index-banner-item .img .mpic{position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}

/* 底部 */
.footer {position: relative;clear: both; overflow: hidden;background: #404040;}
.footer a {color: #fff;}
.footer a:hover {color: #0863c4;}
.footer .footer-content-top {position: relative;padding: 70px 0;line-height: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .footer-content-top .footer-item {float: left;width: 28%;}
.footer .footer-content-top .footer-item:last-child {margin-right: 0;}
.footer .footer-content-top .footer-item-top {border-bottom: 2px solid rgba(255,255,255,0.1);padding: 20px 0;}
.footer .footer-content-top .footer-logo {width: 180px;height: 42px;position: relative;line-height: normal;}
.footer .footer-content-top .footer-logo a {width: 100%;display: inline-block;line-height: normal;font-size: 0;}
.footer .footer-content-top .footer-item-bottom {padding-top: 30px;}
.footer .footer-content-top .footer-social a img{max-width: 46%;max-height: 46%;z-index: 11;}
.footer .footer-content-top .footer-contact li,.footer .footer-content-top .footer-social li {list-style: none;margin: 0;padding: 0;}
.footer .footer-content-top .footer-contact li {display: block;}
.footer .footer-content-top .footer-contact span {font-size:18px;color: #d0d0d0;}
.footer .footer-content-top .footer-contact span.font{font-size: 32px;color: #FFFFFF;}
.footer .footer-content-top .footer-social {margin-top: 10px;}
.footer .footer-content-top .footer-social li {position: relative;margin-right: 10px;}
.footer .footer-content-top .footer-social li a{position: relative;width: 50px;height: 50px;border: 2px solid rgba(255,255,255,.2);border-radius: 100%;cursor: pointer;display: block;}
.footer .footer-content-top .footer-social li a:hover {background: #0863c4;border: 2px solid #0863c4;}
.footer .footer-content-top .footer-social li a:hover img {filter: invert(100%);}
.footer .footer-content-top .footer-link {font-size:24px;color: #ffffff;line-height: 42px;font-weight: bold;display: block;}
.footer .footer-content-top .footer-nav {display: flex;flex-wrap: wrap;align-items: flex-start;}
.footer .footer-content-top .footer-nav a {font-size:18px;width: 33.33%;display: inline-block;box-sizing:border-box;padding:0 12px 10px 0;line-height:1.35;vertical-align:top;}
.footer .footer-content-bottom {border-top: 1px solid rgba(255,255,255,0.1);padding: 30px 0;overflow: hidden;position: relative;}
.footer .footer-content-bottom .footer-copy {font-size:14px;color: #d0d0d0;}
.footer .footer-content-bottom .footer-copy a {color: #d0d0d0;margin-left: 5px;}
.footer .footer-content-bottom .footer-copy a:hover{color: #0863c4;}
.footer .footer-content-bottom .footer-beian a,.footer .footer-content-bottom .footer-beian i,.footer .footer-content-bottom .footer-beian span,.footer .footer-content-top .footer-social li,.footer .footer-content-top .footer-contact span {display: inline-block;vertical-align: middle;}
.footer .footer-content-bottom .footer-beian {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer .footer-content-bottom .footer-beian i {width: 20px;height: 20px;position: relative;margin-right: 5px;}
.footer .footer-content-bottom .footer-beian span {font-size:14px;color: #d0d0d0;}
.footer .footer-content-bottom .footer-beian span:hover {color: #0863c4;}
.footer .footer-content-bottom .footer-cookie-settings{display:inline-block;margin-left:16px;color:#d0d0d0;font-size:14px}
.footer .footer-content-bottom .footer-locale{display:inline-flex;align-items:center;gap:5px;margin-left:16px;color:#d0d0d0}
.footer .footer-content-bottom .footer-locale svg{flex:0 0 auto}
.footer .footer-content-bottom .footer-locale span{font-size:14px;color:inherit}
.footer .footer-content-top .footer-img-show {width: 120px;height: 120px;position: absolute;left: 50%;top: 100%;z-index: 11;background: #fff;padding: 5px;display: none;margin-left: -60px;}
.footer .footer-content-top .footer-img-show img {max-width: 100%;display: block;}
.footer .footer-content-top .footer-social li:hover .footer-img-show {display: block;}

/* 客户留言 */
.message-bg{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(6,14,24,.72);backdrop-filter:blur(10px);display:none;z-index:999}
.message-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(120,200,12,.18),transparent 28%),radial-gradient(circle at 82% 18%,rgba(47,143,200,.28),transparent 32%);pointer-events:none}
.message-bg .message-wrapper{position:absolute;width:min(520px,calc(100vw - 32px));left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible}
.message-bg .message-box{position:relative;padding:36px 36px 32px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,251,255,.95));box-shadow:0 30px 90px rgba(0,0,0,.34)}
.message-bg .message-box::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:5px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#2f8fc8,#38bdf8,#c8ff00)}
.message-bg .message-box .message-title{font-weight:900;color:#0f172a}
.message-bg .message-box .message-title h5{font-size:26px;line-height:1.2;margin:0}
.message-bg .message-box .message-title::after{content:"";display:block;width:42px;height:4px;margin-top:12px;border-radius:999px;background:linear-gradient(90deg,#2f8fc8,#c8ff00)}
.message-bg .message-box .message-list{margin-top:22px}
.message-bg .message-box .message-text{margin-bottom:12px;position:relative;width:100%;height:50px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#f4f8fc;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:.22s}
.message-bg .message-box .message-text:focus-within{border-color:rgba(47,143,200,.5);background:#fff;box-shadow:0 0 0 4px rgba(47,143,200,.12)}
.message-bg .message-box .message-text::after{content:"*";color:#2f8fc8;font-size:18px;font-weight:900;position:absolute;top:50%;right:18px;transform:translateY(-50%)}
.message-bg .message-box .message-list > .message-text:nth-child(2)::after{display:none}
.message-bg .message-box .message-text.on::after{display:none}
.message-bg .message-box .message-text input{width:100%;height:100%;padding:0 42px 0 18px;font-size:15px;color:#0f172a;background:transparent}
.message-bg .message-box .message-text.ht{padding:14px 42px 14px 18px;height:118px;background:#f4f8fc}
.message-bg .message-box .message-text.ht:focus-within{background:#fff}
.message-bg .message-box .message-text.ht::after{top:24px}
.message-bg .message-box .message-text textarea{width:100%;font-size:15px;color:#0f172a;background:transparent;line-height:1.7;height:100%;resize:none}
.message-bg .message-box .message-text input::placeholder,.message-bg .message-box .message-text textarea::placeholder{color:#8a94a6}
.message-bg .message-box .verify-group{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:12px;margin-bottom:14px;align-items:stretch}
.message-bg .message-box .verify-group::after{content:"";display:block;clear:both}
.message-bg .message-box .verify-group .message-text{width:100%;padding-right:0;margin-bottom:0}
.message-bg .message-box .verify-group .message-text.left,.message-bg .message-box .verify-group .verify-img.right{float:none}
.message-bg .message-box .verify-group .verify-img{width:100%;height:50px;border-radius:14px;overflow:hidden;background:#eef4f8;border:1px solid rgba(15,23,42,.08);cursor:pointer}
.message-bg .message-box .verify-group .verify-img img{width:100%;height:100%;object-fit:cover}
.message-bg .message-box .message-submit{width:100%;height:52px;border-radius:999px;background:linear-gradient(135deg,#2f8fc8,#0863c4);transition:.25s;cursor:pointer;position:relative;box-shadow:0 14px 30px rgba(8,99,196,.24)}
.message-bg .message-box .message-submit p{color:#fff;font-size:17px;font-weight:900;line-height:52px;text-align:center;position:relative;z-index:20}
.message-bg .message-box .message-submit:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(8,99,196,.3);background:linear-gradient(135deg,#38bdf8,#0863c4)}
.message-bg .message-wrapper .message-close{position:absolute;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.94);top:16px;right:16px;cursor:pointer;transition:.22s;box-shadow:0 10px 24px rgba(15,23,42,.14);z-index:3}
.message-bg .message-wrapper .message-close img{width:13px;position:absolute;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);transition:.22s}
.message-bg .message-wrapper .message-close .img1{opacity:.75}
.message-bg .message-wrapper .message-close .img2{opacity:0}
.message-bg .message-wrapper .message-close:hover{background:#0f172a;transform:rotate(90deg)}
.message-bg .message-wrapper .message-close:hover .img1{opacity:0}
.message-bg .message-wrapper .message-close:hover .img2{opacity:1}
@media (max-width:640px){
    .message-bg .message-box{padding:32px 20px 24px;border-radius:22px}
    .message-bg .message-box .message-title h5{font-size:24px}
    .message-bg .message-box .verify-group{grid-template-columns:1fr}
    .message-bg .message-wrapper .message-close{top:12px;right:12px}
}

/* 首页推荐产品 */
.index-mod-top{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-bottom: 40px;}
.index-mod-top .index-mod-title{position: relative;text-align: left;}
.index-mod-top .index-mod-title h3{font-size:30px;font-weight: bold;}
.index-mod-top .index-mod-title h5{font-size:16px;line-height: 26px;color: #999999;font-weight: bold;text-transform: uppercase;opacity: .6;}
.index-mod-top .index-mod-title i{display: block;margin: 10px 0;width: 60px;height: 4px;background: url("img/tline.svg");}

.index-product {padding: 80px 0;}
.index-product .bottom {display:flex;justify-content:space-between;}
.index-product .bottom .items.left {width:32.5%;}
.index-product .bottom .items.left .title {bottom:4.2%;}
.index-product .bottom .items {background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;transition:all 0.6s;}
.index-product .bottom .items img {width:100%;opacity:0;}
.index-product .bottom .right {width:67.5%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;}
.index-product .bottom .right .items {width:auto;margin:0;}
.index-product .bottom .title {position:absolute;left:5%;bottom:8%;width:90%;z-index:50;color:#fff;}
.index-product .bottom .title h3 {font-size:20px;font-weight:bold;margin:0;}
.index-product .bottom .text {position:absolute;left:5%;width:90%;text-align:center;top:50%;transform:translateY(-50%);color:#fff;z-index:11;opacity:0;}
.index-product .bottom .text h3 {font-size:20px;font-weight:bold;}
.index-product .bottom .text p {font-size:16px;line-height:1.5;padding-top:5px;}
.index-product .bottom a.pic::before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:6;background:#000;opacity:0;transition:all .4s ease;}
.index-product .bottom a:hover .text {opacity:1;}
.index-product .bottom a:hover.pic::before {opacity:.5;}
.index-product .bottom a:hover .title {display:none;}

/* 首页公司简介 */
.index-about{padding: 80px 0;background: url(../images/company_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
.index-about .index-about-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 0;padding: 0;list-style: none;}
.index-about .index-about-wrapper .index-about-left{width: 50%;display: block;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding-right: 70px;}
.index-about .index-about-wrapper .index-about-right{width: 50%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.index-about .index-about-left .index-mod-top{padding-bottom:0px;}
.index-about .index-about-left .index-about-title{border-bottom: 1px solid #dddddd;padding-bottom: 10px;}
.index-about .index-about-left p.cn{font-size:30px;font-weight: bold;}
.index-about .index-about-left p.en{font-size:16px;color: #999999;font-weight: bold;text-transform: uppercase;opacity: .6;}
.index-about .index-about-left .index-about-msg{margin: 40px 0 40px;}
.index-about .index-about-left .index-about-msg p{font-size:16px;color: #555;line-height: 30px;text-align: justify;}
.index-about .index-about-left .index-about-msg p > span{font-size:18px;font-weight: bold;margin-right: 5px;}
.index-about .index-about-left .index-about-number{display: flex;margin-bottom: 40px;}
.index-about .index-about-left .index-about-number li{margin-right: 13.75%;}
.index-about .index-about-left .index-about-number li:last-child{margin-right: 0;}
.index-about .index-about-left .index-about-number p{font-size:16px;margin-bottom: 5px;color: #555;}
.index-about .index-about-left .index-about-number p:last-child{margin-bottom: 0;}
.index-about .index-about-left .index-about-number p > strong{font-size:40px;color: #0863c4;font-weight: bold;}
.index-about .index-about-left .index-about-number p > span{font-size:18px;margin-left: 5px;}
.index-about .index-about-left .ty.more{display: block;}

/* 首页应用案例 */
.index-cases {padding:80px 0;}
.index-cases .index-cases-list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.index-cases .index-cases-item {float:none;width:auto;height:428px;margin:0;position:relative;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.index-cases .index-cases-item a:hover .item-box {box-shadow:0 2px 16px 0 rgba(66,123,255,0.2);}
.index-cases .index-cases-item a:hover .item-box .img .pic {transform:scale(1.1);}
.index-cases .index-cases-item a:hover .item-box .text-box .title {height:190px;background-color:#FFFFFF;}
.index-cases .index-cases-item a:hover .item-box .text-box .title h3 {margin-bottom:16px;color:#0863c4;}
.index-cases .index-cases-item a:hover .item-box .text-box .title h5 {opacity:1;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:48px;}
.index-cases .index-cases-item a:hover .item-box .wl .line {width:100%;}
.index-cases .index-cases-item a .item-box {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:100%;}
.index-cases .index-cases-item a .item-box .text-box {position:absolute;bottom:0;z-index:11;width: 100%;}
.index-cases .index-cases-item a .item-box .text-box .title {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;width:100%;height:130px;padding:5% 5% 5% 5%;box-sizing:border-box;}
.index-cases .index-cases-item a .item-box .text-box .title h3 {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;display:block;font-size:18px;font-weight:bold;color:#333333;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:28px;line-height:28px;}
.index-cases .index-cases-item a .item-box .text-box .title h5 {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:14px;font-weight:normal;color:#666;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:0;line-height:24px;opacity:0;}
.index-cases .index-cases-item a .item-box .text-box .title .more {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:14px;font-weight:normal;opacity:.8;max-width:100%;height:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:inline-block;line-height:20px;position:absolute;bottom:30px;}
.index-cases .index-cases-item a .item-box .text-box .title .more i {width:12px;height:12px;position:absolute;background:url("../images/right_h.png") no-repeat scroll left center / 10px 10px;margin-top:4px;margin-left:3px;}
.index-cases .index-cases-item a .item-box .wl {position:absolute;bottom:-2px;height:2px;width:100%;}
.index-cases .index-cases-item a .item-box .wl .line {width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:2px;background-color:#0863c4;}

/* 首页合作伙伴 */
.index-partner {padding:80px 0;background:url(../images/in_partner_bg.jpg) center top no-repeat;background-size:cover;}
.index-partner .index-partner-list {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.index-partner .index-partner-item {float:none;width:auto;margin:0;position:relative;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.index-partner .index-partner-item a {display:block;text-align:center;background:#FFFFFF;padding:5% 0;overflow:hidden;position:relative;}
.index-partner .index-partner-item a::before {content:'';width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:3px;position:absolute;left:0;bottom:0;background:#0863c4;}
.index-partner .index-partner-item .logo {position:relative;margin:auto;height:70px;}
.index-partner .index-partner-item .logo img {display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;transition:all 0.6s ease-out 0s;/* -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray; */}
.index-partner .index-partner-item .title {opacity:.6;margin-top:5%;color:#333333;}
.index-partner .index-partner-item a:hover {background:#fff;}
.index-partner .index-partner-item a:hover .title {opacity:1;color:#26334d;}
.index-partner .index-partner-item a:hover .logo img {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;}
.index-partner .index-partner-item a:hover::before {width:100%;}

/* 首页新闻中心 */
.index-news{padding:80px 0;background-color: #EFEFEF;overflow: hidden;}
.index-news .index-news-list{overflow: hidden;}
.index-news .index-news-item {float:left;width:calc((100% - 20px) / 3);margin-right:10px;position:relative;}
.index-news .index-news-item:last-child{margin-right: 0;}
.index-news .index-news-item a {display: block;overflow: hidden;position: relative;background-color: #FFFFFF;}
.index-news .index-news-item a:hover .img .pic {transform: scale(1.1);}
.index-news .index-news-item .index-news-text{padding:5% 5% 5% 5%;color: #333333;overflow: hidden;}
.index-news .index-news-item .index-news-text h3{font-size: 18px;font-weight:bold;margin:0;padding-bottom:15px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-news .index-news-item .index-news-text h3::before,.index-news .index-news-item .index-news-text h3::after {content: '';display: block;background: #e8e8e8;position: absolute;left: 0;bottom: 0;height: 2px;}
.index-news .index-news-item .index-news-text h3::before {width: 100px;background: #0863c4;z-index: 3;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index-news .index-news-item .index-news-text h3::after {width: 100%;}
.index-news .index-news-item .index-news-text h5{font-size: 14px;line-height: 24px; font-weight: normal;opacity: .6;margin:0;padding-top:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 60px;}
.index-news .index-news-item .index-news-text .bottom{overflow: hidden;}
.index-news .index-news-item .index-news-text .bottom h5{font-size: 14px;line-height: 20px;}
.index-news .index-news-item .index-news-text .bottom .left{float: left;}
.index-news .index-news-item .index-news-text .bottom .left i{width: 12px;height: 12px;position: absolute;background: url("../images/right_h.png") no-repeat scroll left center / 10px 10px;margin-top: 4px;margin-left: 3px;}
.index-news .index-news-item .index-news-text .bottom .right{float: right;}
.index-news .index-news-item a:hover .index-news-text h3::before{width: 100%;}
.index-news .index-news-item a:hover .index-news-text h3 {color: #0863c4;}

/* 分页 */
ul.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;padding-bottom: 50px;}
.pagination li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;margin:0px 3px;border: 1px solid #e5e5e5;transition:all 0.3s ease;}
.pagination li a{display:block;width:40px;height:40px;}
.pagination li.active, .pagination li:hover{color:#ffffff;background-color:#0863c4;border-color:#0863c4;}

/* 栏目Banner */
.col-banner {position: relative;overflow: hidden;display:none!important;}
.col-banner .img{width: 100%;}
.col-banner .pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;animation: srmgani 4000ms 1 ease forwards;}
.col-banner .pic{height:clamp(170px,18vw,260px)}
.col-banner .pic img{max-width: 100%;max-height:none;margin: auto;padding: 0;border: 0;width: 100%;height:100%;object-fit:cover;border: none;}
.col-banner .text {position: absolute;left: 10%;bottom: 0;top:50%;width: 80%;z-index: 11;}
.col-banner .title {color: #fff;position: relative;z-index: 11;}
.col-banner .title h3{font-size: 40px;font-weight: bold;}
.col-banner .title i{    display: block;    margin: 20px 0;    width: 79px;    height: 4px;    background: url("img/tline.svg");}
.banner-path {position: absolute;width: 100%;height: 60px;bottom: 0;z-index: 12;background: rgba(255,255,255,0.1);backdrop-filter: blur(1px);}
.col-banner .text,.banner-path{display:none!important}
.banner-path .icon {width: 70px;height: 100%;background: #0863c4;display: inline-block;vertical-align: middle;position: absolute;left: 0;top: 0;}
.banner-path .icon img {max-width: 40%;max-height: 40%;}
.banner-path .link {left: 100px;top: 50%;transform: translateY(-50%);position: absolute;}
.banner-path .link a {font-weight: bold;color: #848692;font-size: 16px;}
.banner-path .link a:hover {color: #0863c4;}
.banner-path .link a.cur {color: #fff;}
.banner-path .link span {font-weight: bold;color: #848692;font-size: 16px;padding: 0 5px;}

/* 产品列表 */
.product-list {padding:80px 0;overflow:hidden;}
.product-list .left {float:left;width:260px;padding-bottom:60px;background-color:#fff;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.product-list .left h3 {height:60px;line-height:60px;background-color:#999999;width:100%;padding:0 30px;font-size:20px;color:#fff;position:relative;}
.product-list .left ul li h4 {height:42px;line-height:42px;font-size:16px;padding:0 30px 0 45px;position:relative;cursor:pointer;overflow:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .left ul li h4 a {color:#333333;font-size:16px;}
.product-list .left ul li h4::before {content:'';position:absolute;top:0;bottom:0;left:30px;margin:auto;width:3px;height:15px;background-color:#e5e5e5;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .left ul li h4::after {content:'';border:4px solid transparent;border-top:4px solid #888;border-bottom:none;position:absolute;width:0;height:0;right:30px;top:0;bottom:0;margin:auto;-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);-o-transform:rotateZ(-90deg);transform:rotateZ(-90deg);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .left ul li.active h4 a,.product-list .left ul li h4:hover a {color:#0863c4;}
.product-list .left ul li.active h4::before,.product-list .left ul li h4:hover::before {background-color:#0863c4;}
.product-list .left ul li.active h4::after,.product-list .left ul li h4:hover::after {border-top-color:#0863c4;}
.product-list .left ul li.active h4::after {-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-ms-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0);}
.product-list .left ul li .pro-second {display:none;padding:0 0 24px 15px;margin:0 30px;border-bottom:1px solid #e5e5e5;}
.product-list .left ul li .pro-second h6 {line-height:30px;height:30px;}
.product-list .left ul li .pro-second .pro-third {line-height:30px;height:30px;margin:0 20px;}
.product-list .left ul li .pro-second h6 a,.product-list .left ul li .pro-second .pro-third a {font-size:14px;color:#999999;font-weight: normal;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:relative;display:block;padding-left:12px;}
.product-list .left ul li .pro-second h6 a::before,.product-list .left ul li .pro-second .pro-third a::before {content:'';width:8px;height:2px;background:#666;position:absolute;top:0;bottom:0;left:0;margin:auto;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .left ul li .pro-second h6.active a,.product-list .left ul li .pro-second h6 a:hover,.product-list .left ul li .pro-second .pro-third.active a,.product-list .left ul li .pro-second .pro-third a:hover {color:#0863c4;}
.product-list .left ul li .pro-second h6.active a::before,.product-list .left ul li .pro-second h6 a:hover::before,.product-list .left ul li .pro-second .pro-third.active a::before,.product-list .left ul li .pro-second .pro-third a:hover::before {background:#0863c4;}
.product-list .right {float:left;width:calc(100% - 280px);margin-left:20px;}
/* 旧版模板：仅当 a 为 .right 的直接子元素时浮动分栏；新模板为 .list > .product-item > a，不再命中此处 */
.product-list .right > a{position: relative;display: block;overflow: hidden;float: left;width:calc((100% - 20px) / 3);margin-right: 10px;margin-top: 10px;}
.product-list .right > a:nth-child(-n + 3) {margin-top:0;}
.product-list .right > a:nth-child(3n) {margin-right:0;}
.product-list .right > a .title {position: absolute;left: 5%;bottom: 8%;width: 90%;z-index: 50;color:#fff;}
.product-list .right > a .title h3{font-size: 18px;margin: 0;}
.product-list .right > a .text {position:absolute;left:5%;width:90%;text-align:center;top:50%;transform:translateY(-50%);color:#fff;z-index:11;opacity:0;}
.product-list .right > a .text h3 {font-size:18px;font-weight:bold;}
.product-list .right > a .text p {font-size:14px;line-height:1.5;padding-top:5px;}
.product-list .right > a .img::before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:6;background:#000;opacity:0;transition:all .4s ease;}
.product-list .right > a:hover .text {opacity:1;}
.product-list .right > a:hover .img::before {opacity:.5;}
.product-list .right > a:hover .title {display:none;}

/* 产品详情 */
.product-detail {padding: 80px 0;}
.product-detail .product-top {overflow: hidden;position: relative;}
.product-top .product-pic {position: relative;width: 48%;float: left;border: 1px solid #ebebeb;}
.product-top .product-pic .swiper-slide {text-align: center;font-size: 0;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.product-top .product-pic .swiper-slide ul{display: table;width: 100%;height: 100%;}
.product-top .product-pic .swiper-slide ul li{display: table-cell;vertical-align: middle;}
.product-top .product-pic .swiper-slide ul li img{display:inline-block;margin: auto;width:auto;}
.product-top .product-pic .swiper-button-next {background: none;}
.product-top .product-pic .swiper-button-prev {background: none;}
.product-top .product-pic .swiper-button-next::after,.product-top .product-pic .swiper-button-prev::after {font-size: 24px;}
.product-top .product-pic .swiper-button-next:hover::after,.product-top .product-pic .swiper-button-prev:hover::after {color: #0863c4;}
.product-top .product-pic .swiper-pagination .swiper-pagination-bullet-active{background:#0863c4;}
.product-top .product-info {position: relative;width: 45%;float: right;}
.product-top .product-info h3 {font-size: 24px;color: #000;padding-bottom: 20px;}
.product-top .product-info h4 {font-size: 18px;color: #000;font-weight: normal;    padding-bottom: 20px;    border-bottom: 1px solid #ebebeb;}
.product-top .product-info .product-text {color: #8d8d8d;font-size: 16px;line-height: 26px;padding:30px 0;overflow: hidden;text-align: justify;}
.product-detail .product-bottom {padding-top: 50px;}
.product-bottom .product-bottom-box {background: #fff;min-height: 300px;padding: 3% 4%;overflow: hidden; box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);position: relative;z-index: 3;}
.product-bottom .product-bottom-nav {}
.product-bottom .product-bottom-nav li{font-size: 17px;font-weight: bold;float: left;margin-right: 40px;padding: 0 5px 20px 5px;overflow: hidden; color: #585858;cursor: pointer;position: relative;}
.product-bottom .product-bottom-nav li.cur {color: #0863c4;}
.product-bottom .product-bottom-nav li.cur::after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #0863c4;}
.product-detail .product-bottom .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.product-bottom .product-bottom-tab .zc-detail-text {padding: 2% 0;overflow: hidden;}
.product-bottom .product-bottom-tab .zc-detail-text .title{background: #ebf1fc;color: #81858b;font-size: 15px;padding:10px 20px;margin-bottom: 20px;font-weight: bold;overflow: hidden;}
.product-bottom .product-bottom-tab .zc-detail-text .text {padding:0 1.5% ;overflow: hidden;color: #666;font-size: 16px;line-height: 2;}
.product-bottom .product-bottom-tab .zc-detail-text .text table tr > td:first-child{width: 160px;}
.product-bottom .product-bottom-tab .product-download {padding: 2% 0;width: 100%;overflow: hidden;}
.product-bottom .product-bottom-tab .product-download .download-item {display:flex;align-items:center;height:50px;padding:0 16px;border-bottom:1px solid #f0f0f0;}
.product-bottom .product-bottom-tab .product-download .download-item:last-child {border-bottom:none;}
.product-bottom .product-bottom-tab .product-download .download-item.title {background-color:#fafafa;font-weight:600;color:#333;height:60px;font-size:16px;}
.product-bottom .product-bottom-tab .product-download .download-item li {flex:1;list-style:none;padding:0 8px;text-align:center;}
.product-bottom .product-bottom-tab .product-download .download-item li:first-child {text-align:left;}
.product-bottom .product-bottom-tab .product-download .download-item li:last-child {text-align:right;}
.product-bottom .product-bottom-tab .product-download .download-item .d {display:inline-block;padding:9px 16px;background:url("img/download1.png") center no-repeat;transition:all 0.3s ease;}
.product-bottom .product-bottom-tab .product-download .download-item .d:hover {background:url("img/download2.png") center no-repeat;}

/* 新闻列表 */
.news-list {padding:80px 0;overflow:hidden;}
.news-list .news-list-item {float:left;width:calc((100% - 20px) / 3);margin-top:10px;margin-right:10px;position:relative;}
.news-list .news-list-item:nth-child(-n + 3) {margin-top:0;}
.news-list .news-list-item:nth-child(3n) {margin-right:0;}
.news-list .news-list-item a {display:block;position:relative;overflow:hidden;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.news-list .news-list-item a:hover .img .pic{transform: scale(1.1);}
.news-list .news-list-item .news-list-text{width:100%;padding:5% 5% 5% 5%;color: #333333;overflow: hidden;}
.news-list .news-list-item .news-list-text h3{font-size: 18px;margin:0;padding-bottom:15px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-list .news-list-item .news-list-text h3::before,.news-list .news-list-item .news-list-text h3::after {content: '';display: block;background: #e8e8e8;position: absolute;left: 0;bottom: 0;height: 2px;}
.news-list .news-list-item .news-list-text h3::before {width: 100px;background: #0863c4;z-index: 3;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.news-list .news-list-item .news-list-text h3::after {width: 100%;}
.news-list .news-list-item .news-list-text h5{font-size: 14px;line-height: 24px; font-weight: normal;opacity: .6;margin:0;padding-top:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 60px;}
.news-list .news-list-item .news-list-text .bottom{overflow: hidden;}
.news-list .news-list-item .news-list-text .bottom h5{font-size: 14px;line-height: 20px;}
.news-list .news-list-item .news-list-text .bottom .left{float: left;}
.news-list .news-list-item .news-list-text .bottom .left i{width: 12px;height: 12px;position: absolute;background: url("../images/right_h.png") no-repeat scroll left center / 10px 10px;margin-top: 4px;margin-left: 3px;}
.news-list .news-list-item .news-list-text .bottom .right{float: right;}
.news-list .news-list-item a:hover .news-list-text h3::before{width: 100%;}
.news-list .news-list-item a:hover .news-list-text h3 {color: #0863c4;}

/* 新闻详情 */
.news-detail {padding:80px 0;overflow:hidden;}
.news-detail .news-detail-box {overflow:hidden;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.news-detail .news-detail-top {position:relative;border-bottom:1px solid #ccc;padding-top:60px;padding-bottom:20px;}
.news-detail .news-detail-top::after {content:'';display:block;width:40px;height:2px;position:absolute;left:0;bottom:-2px;background:#0863c4;}
.news-detail .news-detail-top .news-top-tit {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.news-detail .news-detail-top .type a {display:inline-block;padding:10px 16px;background-color:#0863c4;color:#fff;font-size:14px;}
.news-detail .news-detail-top .type a:hover{background-color: #404040;}
.news-detail .news-detail-top h1 {font-size:28px;color:#333333;margin-bottom:10px;}
.news-detail .news-detail-top .text {overflow:hidden;}
.news-detail .news-detail-top .text span {font-size:14px;color:#999999;margin-right:20px;}
.news-detail .news-detail-main {overflow:hidden;padding:30px 0 60px;font-size:16px;line-height:30px;color:#666666;}
.news-detail .news-detail-page {font-size:0;letter-spacing:1px;margin-bottom:60px;}
.news-detail .news-detail-page a {display:inline-block;vertical-align:top;width:49.9%;height:60px;line-height:60px;font-size:14px;letter-spacing:1.5px;color:#E4E4E4;position:relative;}
.news-detail .news-detail-page a.prev span {color:#FFFFFF;}
.news-detail .news-detail-page a.next span {color:#333333;}
.news-detail .news-detail-page a .bt {position:absolute;top:50%;margin-top:-30px;}
.news-detail .news-detail-page a .txt {display:inline-block;overflow:hidden;}
.news-detail .news-detail-page .prev {background-color:#404040;text-align:left;padding-left:40px;}
.news-detail .news-detail-page a:hover.prev {background-color:#999999;}
.news-detail .news-detail-page .prev span {margin-right:10px;}
.news-detail .news-detail-page .prev .txt {padding-left:52px;}
.news-detail .news-detail-page .prev .bt {left:40px;}
.news-detail .news-detail-page .next {background-color:#0863c4;text-align:right;padding-right:40px;}
.news-detail .news-detail-page a:hover.next {background-color:#064f9a;}
.news-detail .news-detail-page .next span {margin-left:10px;}
.news-detail .news-detail-page .next .txt {padding-right:52px;}
.news-detail .news-detail-page .next .bt {right:40px;}

/* 方案列表 */
.cases-list{padding: 80px 0;overflow: hidden;}
.cases-list .cases-list-item {float:left;width:calc((100% - 20px) / 3);height:428px;margin-top:10px;margin-right:10px;position:relative;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.cases-list .cases-list-item:nth-child(-n + 3) {margin-top:0;}
.cases-list .cases-list-item:nth-child(3n) {margin-right:0;}
.cases-list .cases-list-item a:hover .item-box {box-shadow:0 2px 16px 0 rgba(66,123,255,0.2);}
.cases-list .cases-list-item a:hover .item-box .img .pic {transform:scale(1.1);}
.cases-list .cases-list-item a:hover .item-box .text-box .title {height:190px;background-color:#FFFFFF;}
.cases-list .cases-list-item a:hover .item-box .text-box .title h3 {margin-bottom:16px;color:#0863c4;}
.cases-list .cases-list-item a:hover .item-box .text-box .title h5 {opacity:1;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:48px;}
.cases-list .cases-list-item a:hover .item-box .wl .line {width:100%;}
.cases-list .cases-list-item a .item-box {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:100%;}
.cases-list .cases-list-item a .item-box .text-box {position:absolute;bottom:0;z-index:11;width: 100%;}
.cases-list .cases-list-item a .item-box .text-box .title {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;width:100%;height:130px;padding:5% 5% 5% 5%;box-sizing:border-box;}
.cases-list .cases-list-item a .item-box .text-box .title h3 {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;display:block;font-size:18px;font-weight:600;color:#333333;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:28px;line-height:28px;}
.cases-list .cases-list-item a .item-box .text-box .title h5 {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:14px;font-weight:normal;color:#666;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:0;line-height:24px;opacity:0;}
.cases-list .cases-list-item a .item-box .text-box .title .more {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:14px;font-weight:normal;opacity:.8;max-width:100%;height:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:inline-block;line-height:20px;position:absolute;bottom:30px;}
.cases-list .cases-list-item a .item-box .text-box .title .more i {width:12px;height:12px;position:absolute;background:url("../images/right_h.png") no-repeat scroll left center / 10px 10px;margin-top:4px;margin-left:3px;}
.cases-list .cases-list-item a .item-box .wl {position:absolute;bottom:-2px;height:2px;width:100%;}
.cases-list .cases-list-item a .item-box .wl .line {width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:2px;background-color:#0863c4;}

/* 方案详情 */
.cases-detail {padding:80px 0;overflow:hidden;}
.cases-detail .cases-detail-box {overflow:hidden;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.cases-detail .cases-detail-top {position:relative;border-bottom:1px solid #ccc;padding-top:60px;padding-bottom:20px;}
.cases-detail .cases-detail-top::after {content:'';display:block;width:40px;height:2px;position:absolute;left:0;bottom:-2px;background:#0863c4;}
.cases-detail .cases-detail-top .news-top-tit {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.cases-detail .cases-detail-top .type a {display:inline-block;padding:10px 16px;background-color:#0863c4;color:#fff;font-size:14px;}
.cases-detail .cases-detail-top .type a:hover{background-color: #404040;}
.cases-detail .cases-detail-top h1 {font-size:28px;color:#333333;margin-bottom:10px;}
.cases-detail .cases-detail-top .text {overflow:hidden;}
.cases-detail .cases-detail-top .text span {font-size:14px;color:#999999;margin-right:20px;}
.cases-detail .cases-detail-main {overflow:hidden;padding:30px 0 60px;font-size:16px;line-height:30px;color:#666666;}
.cases-detail .cases-detail-page {font-size:0;letter-spacing:1px;margin-bottom:60px;}
.cases-detail .cases-detail-page a {display:inline-block;vertical-align:top;width:49.9%;height:60px;line-height:60px;font-size:14px;letter-spacing:1.5px;color:#E4E4E4;position:relative;}
.cases-detail .cases-detail-page a.prev span {color:#FFFFFF;}
.cases-detail .cases-detail-page a.next span {color:#333333;}
.cases-detail .cases-detail-page a .bt {position:absolute;top:50%;margin-top:-30px;}
.cases-detail .cases-detail-page a .txt {display:inline-block;overflow:hidden;}
.cases-detail .cases-detail-page .prev {background-color:#404040;text-align:left;padding-left:40px;}
.cases-detail .cases-detail-page a:hover.prev {background-color:#999999;}
.cases-detail .cases-detail-page .prev span {margin-right:10px;}
.cases-detail .cases-detail-page .prev .txt {padding-left:52px;}
.cases-detail .cases-detail-page .prev .bt {left:40px;}
.cases-detail .cases-detail-page .next {background-color:#0863c4;text-align:right;padding-right:40px;}
.cases-detail .cases-detail-page a:hover.next {background-color:#064f9a;}
.cases-detail .cases-detail-page .next span {margin-left:10px;}
.cases-detail .cases-detail-page .next .txt {padding-right:52px;}
.cases-detail .cases-detail-page .next .bt {right:40px;}

/* 合作伙伴 */
.partner-detail {padding:80px 0;overflow:hidden;}
.partner-detail .partner-detail-item {float:left;width:calc((100% - 50px) / 6);margin-top:10px;margin-right:10px;position:relative;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.partner-detail .partner-detail-item:nth-child(-n + 6) {margin-top:0;}
.partner-detail .partner-detail-item:nth-child(6n) {margin-right:0;}
.partner-detail .partner-detail-item a {display:block;text-align:center;background:#FFFFFF;padding:5% 0;overflow:hidden;position:relative;}
.partner-detail .partner-detail-item a::before {content:'';width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:3px;position:absolute;left:0;bottom:0;background:#0863c4;}
.partner-detail .partner-detail-item .logo {position:relative;margin:auto;height:70px;}
.partner-detail .partner-detail-item .logo img {display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;transition:all 0.6s ease-out 0s;/* -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray; */}
.partner-detail .partner-detail-item .title {opacity:.6;margin-top:5%;color:#333333;}
.partner-detail .partner-detail-item a:hover {background:#fff;}
.partner-detail .partner-detail-item a:hover .title {opacity:1;color:#26334d;}
.partner-detail .partner-detail-item a:hover .logo img {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;}
.partner-detail .partner-detail-item a:hover::before {width:100%;}

/* 服务策略 */
.service-detail{padding:80px 0;overflow:hidden;background:url(../images/service_bg.jpg) center top no-repeat;background-size:cover}
.service-detail .service-detail-box{overflow:hidden;padding:60px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);font-size:16px;line-height:46px;color:#666666}
.service-detail .service-detail-box h3{position:relative;padding-left:18px;font-size:18px;line-height:1.46;border:0;margin:16px 0 16px}
.service-detail .service-detail-box h3:before{position:absolute;top:2px;left:0;content:"";width:4px;height:calc(100% - 4px);background-color:#0863c4;background-image:linear-gradient(180deg,rgba(255,255,255,.15),transparent)}

.service-support-page{background:#f5f8fb;padding:80px 0;overflow:hidden;background-image:none}
.support-hero-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:stretch;margin-bottom:24px;padding:32px;border-radius:20px;background:radial-gradient(circle at 12% 15%,rgba(120,200,12,.18),transparent 30%),radial-gradient(circle at 86% 18%,rgba(115,184,217,.28),transparent 34%),linear-gradient(135deg,#071426,#123a5b 58%,#2f8fc8);color:#fff;overflow:hidden}
.support-hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:300px}
.support-hero-copy span{display:inline-flex;width:max-content;margin-bottom:14px;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.support-hero-copy h1{max-width:760px;margin:0 0 16px;font-size:clamp(32px,4vw,58px);line-height:1.08;color:#fff;font-weight:900}
.support-hero-copy p{max-width:690px;margin:0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.75}
.support-search-card{align-self:center;padding:25px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.08));box-shadow:0 26px 70px rgba(0,0,0,.2);backdrop-filter:blur(18px)}
.support-search-card h2{margin:0 0 9px;color:#fff;font-size:23px;line-height:1.25;font-weight:900}
.support-search-card p{margin:0 0 18px;color:rgba(255,255,255,.82);line-height:1.65}
.support-search-box{display:flex;align-items:center;gap:8px;padding:6px;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(8,28,48,.18)}
.support-search-box input{flex:1;min-width:0;height:50px;padding:0 18px;border:0;outline:0;border-radius:13px;background:#fff;color:#64748b;font-size:15px}
.support-search-box a{display:inline-flex;align-items:center;justify-content:center;min-width:128px;height:50px;padding:0 18px;border-radius:14px;background:linear-gradient(135deg,#2f8fc8,#1889e8);color:#fff;font-weight:900;line-height:50px;box-shadow:0 10px 22px rgba(47,143,200,.3);transition:.22s}
.support-search-box a:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(47,143,200,.36)}
.support-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.support-entry-card{display:block;min-height:232px;padding:20px;border:1px solid rgba(47,143,200,.13);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.06);transition:.25s}
.support-entry-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(47,143,200,.15);border-color:rgba(47,143,200,.28)}
.entry-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:16px;border-radius:16px;background:linear-gradient(135deg,rgba(47,143,200,.16),rgba(120,200,12,.14));color:#2f8fc8}
.entry-icon:before{font-size:23px;font-weight:900}
.entry-icon-wiki:before{content:"W"}
.entry-icon-selector:before{content:"M"}
.entry-icon-download:before{content:"P"}
.entry-icon-cert:before{content:"C"}
.entry-icon-coop:before{content:"R"}
.entry-icon-demand:before{content:"P"}
.entry-icon-feedback:before{content:"F"}
.entry-icon-contact:before{content:"@"}
.support-entry-card h3{margin:0 0 9px;color:#0f172a;font-size:18px;font-weight:900}
.support-entry-card p{margin:0;color:#64748b;font-size:15px;line-height:1.65}
.support-service-strip{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;margin-bottom:24px;padding:24px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 12px 32px rgba(15,23,42,.06)}
.support-service-strip h2{margin:0 0 10px;color:#0f172a;font-size:23px;font-weight:900}
.support-service-strip p{margin:0;color:#64748b;line-height:1.7}
.support-service-strip ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}
.support-service-strip li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:#f8fafc}
.support-service-strip strong{color:#2f8fc8;font-size:16px}
.support-service-strip span{color:#334155;line-height:1.55;font-weight:700}
.support-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.support-more-grid a{display:block;padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(47,143,200,.12);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.support-more-grid strong{display:block;margin-bottom:6px;color:#0f172a;font-size:16px}
.support-more-grid span{display:block;color:#64748b;line-height:1.55;font-size:14px}
.service-detail .support-policy-box{margin-top:0;border-radius:16px;background:#fff}
.service-detail .support-policy-box h2{margin:0 0 18px;color:#0f172a;font-size:22px;font-weight:900}
@media screen and (max-width:960px){
    .support-hero-panel,.support-service-strip{grid-template-columns:1fr}
    .support-hero-panel{padding:20px}
    .support-hero-copy{min-height:auto}
    .support-entry-grid,.support-more-grid{grid-template-columns:1fr}
    .support-service-strip ul{grid-template-columns:1fr}
    .support-search-box{border-radius:16px;flex-direction:column}
    .support-search-box a{height:43px}
}

/* 营销网络 */
.market-detail {margin-top: 3%;}
.market-detail .market-detail-box{padding:60px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08)}
.market-detail .market-detail-box.flexBetween{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.market-detail .market-detail-box .market-left{width:23%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left: 60px;padding-top: 30px;padding-bottom: 30px;border-right:2px solid #eee;position:relative}
.market-detail .market-detail-box .market-left ul li{cursor:pointer;position:relative}
.market-detail .market-detail-box .market-left ul li .flexStart{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.market-detail .market-detail-box .market-left ul li > span{position:absolute;height:30px;top:50%;right:1px;border: 2px solid #0863c4;display:block;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;opacity:0}
.market-detail .market-detail-box .market-left ul li:not(:last-child){margin-bottom:20px}
.market-detail .market-detail-box .market-left ul li .text{font-size:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.market-detail .market-detail-box .market-left ul .active > span{opacity:1}
.market-detail .market-detail-box .market-left ul .active .text{color:#0863c4;font-weight:500}
.market-detail .market-detail-box .market-right{width:77%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top: 30px;padding-bottom: 30px;padding-left: 6%;padding-right: 5%;}
.market-detail .market-detail-box .market-right .main .frame{display:none}
.market-detail .market-detail-box .market-right .main .frame .bot h6{font-size:24px}
.market-detail .market-detail-box .market-right .main .frame .bot div{margin-top:40px}
.market-detail .market-detail-box .market-right .main .frame .bot div p{font-size:18px;padding-left:35px}
.market-detail .market-detail-box .market-right .main .frame .bot div p:not(:last-child){margin-bottom:20px}
.market-detail .market-detail-box .market-right .main .frame .bot p.add{background:url(img/add.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .frame .bot p.sale{background:url(img/sale.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .frame .bot p.tech{background:url(img/tech.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .frame .bot p.mail{background:url(img/mail1.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .frame .bot p.fax{background:url(img/fax.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .active{display:block;}

/* 资料下载 */
.download-detail{padding: 80px 0;overflow: hidden;}
.download-detail .download-detail-box{box-sizing: border-box;overflow: hidden;}
.download-detail .download-top {padding-bottom:50px;    overflow: hidden;}
.download-detail .download-top-left {float:left;font-size:35px;color:#000;}
.download-detail .download-top-left span{font-size:16px;margin-top: 1px;color: #6c6c6c;font-family: Arial, Helvetica, sans-serif;}
.download-detail .download-top-right {float:right;width:800px;}
.download-detail .download-top-right ul li {float:right;width:380px;background: #f0f5f7;height:54px;line-height:54px;position:relative;}
.download-detail .download-select {width:260px;height:54px;line-height: 54px;float:left;background: #f0f5f7;background-image:url("img/arrow.png");background-repeat:no-repeat;background-position:right 30px center;}
.download-detail .download-select select {width: 260px;background-color:transparent;border:0;color: #666;font-size:16px;line-height:54px;height:54px;padding-left: 10px;}
.download-detail .download-select select option {border: 1px solid #eee;position: relative;top:54px;height: 30px;z-index:10;}
.download-detail .download-button {border:none;background:none;background-image:url(../images/so.svg);background-size: 18px;cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:58px;background-color:#0863c4;}
.download-detail .download-button:hover{background-color:#404040;}
.download-detail .download-search {padding-left:5%;padding-right:58px;}
.download-detail .download-search input {border:none;width:100%;height:54px;line-height:54px;font-size:16px;color:#666;background:none;}
.download-detail .download-item {padding: 20px 0;overflow: hidden;font-size:0;color: #666;position: relative;box-sizing: border-box;transition:all .4s ease}
.download-detail .download-item.bg2:hover,.download-detail .download-item.bg1:hover {border: 2px solid #0863c4;}
.download-detail .download-item.title{background: #404040;}
.download-detail .download-item.title li {font-weight: bold;font-size: 16px;color: #FFFFFF!important;padding:5px 0;position: relative;z-index: 10;}
.download-detail .download-item li{list-style: none;margin: 0;padding: 20px 0;display: inline-block;vertical-align: middle;font-size: 16px;color: #999;}
.download-detail .download-item li a{width: 20px;height: 20px;display: block;margin: auto;background: url("img/download1.png") center no-repeat;}
.download-detail .download-item li a:hover {background: url("img/download2.png") center no-repeat;}
.download-detail .download-item li:nth-child(1) {width: 35%;padding-left: 5%;color: #222;}
.download-detail .download-item li:nth-child(2) {width: 20%;}
.download-detail .download-item li:nth-child(3) {width: 10%;}
.download-detail .download-item li:nth-child(4) {width: 10%;}
.download-detail .download-item li:nth-child(5) {width: 10%;}
.download-detail .download-item li:nth-child(6) {width: 10%;text-align: center;}
.download-detail .download-item.bg1{background: #f9fdff;border: 2px solid #f9fdff;}
.download-detail .download-item.bg2{background: #f0f5f7;border: 2px solid #f0f5f7;}

/* 常见问题 */
.faq-detail{padding:80px 0;overflow:hidden}
.faq-detail .faq-top{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:50px}
.faq-detail .faq-top .faq-num{text-align:left;font-size:16px}
.faq-detail .faq-top .faq-search{width:300px;background:#f0f5f7;height:54px;line-height:54px;position:relative;padding-left:20px;padding-right:58px}
.faq-detail .faq-top .faq-search input{border:none;width:100%;height:54px;line-height:54px;font-size:16px;color:#333333;background:none}
.faq-detail .faq-top .faq-button{border:none;background:none;background-image:url(../images/so.svg);background-size:18px;cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:58px;background-color:#0863c4}
.faq-detail .faq-top .faq-button:hover{background-color:#404040}
.faq-detail .faq-bottom .faq-item{position:relative;overflow:hidden;margin-bottom:10px}
.faq-detail .faq-bottom .faq-item:last-child{margin-bottom:0}
.faq-detail .faq-bottom .faq-item .title{text-align:left;overflow:hidden;cursor:pointer;padding:2% 6%;position:relative;border:1px solid #e6e8ed;background:#f9fdff;font-size:16px;color:#26334d}
.faq-detail .faq-bottom .faq-item .title::before,.faq-detail .faq-bottom .faq-item .title::after{content:'';position:absolute;top:50%;width:50px;height:50px;margin-top:-25px}
.faq-detail .faq-bottom .faq-item .title::before{background:url('img/q.png') center no-repeat;left:2%}
.faq-detail .faq-bottom .faq-item .title::after{background:url('img/jia.png') center no-repeat;right:3%}
.faq-detail .faq-bottom .faq-item .title.cur::after{background:url('img/jian.png') center no-repeat;right:3%}
.faq-detail .faq-bottom .faq-item .main{display:none;font-size:16px;line-height:30px;color:#26334d;padding:2% 6%;overflow:hidden;text-align:left;position:relative;border-left:1px solid #e6e8ed;border-right:1px solid #e6e8ed;border-bottom:1px solid #e6e8ed}
.faq-detail .faq-bottom .faq-item .title:hover,.faq-detail .faq-bottom .faq-item .title.cur{background:#f0f5f7}
.faq-detail .faq-bottom .faq-item .main .text{position:relative}
.faq-detail .faq-bottom .faq-item .main .text::before{content:'';position:absolute;left:-50px;top:3px;width:25px;height:25px;background:url('img/a.png') no-repeat}

/* 公司概况 */
.company-wrapper {padding:80px 0;overflow:hidden;}
.company-box {display: flex;}
.company-box .left {width:calc(100% - 42%);padding-right:144px;float:left;}
.company-box .left .title {font-size:30px;line-height:1.75;color:#3d3d3d;font-weight:bold;}
.company-box .left .title i{display: block;margin: 10px 0;width: 60px;height: 4px;background: url("img/tline.svg");}
.company-box .left .text {margin-top:30px;}
.company-box .left .text p {font-size:16px;color:#666;line-height:2;margin-bottom:10px;}
.company-box .right {width:42%;overflow:hidden;float:right;display: flex;align-items: center;}
.company-box .right img {width:100%;}
.play-btn {display:block;position:absolute;width:66px;height:66px;left:50%;top:50%;margin:-27px 0 0 -27px;z-index:20;}
.play-btn i {position:relative;display:block;width:66px;height:66px;background:#0863c4 url("img/play.svg") center no-repeat;background-size:35%;border-radius:100%;z-index:2;}
.play-btn i:hover {background:#404040 url("img/play.svg") center no-repeat;background-size:35%;}

.develop-box {padding:60px 0;overflow:hidden;background:#f6f8fa;}
.develop-box .top .title {font-size:30px;font-weight:bold;color:#3d3d3d;line-height:1.75;}
.develop-box .top .title i {display:block;margin:10px 0;width:60px;height:4px;background:url("img/tline.svg");}
.develop-box .bottom {margin-top:30px;position:relative;}
.develop-box .bottom::after {content:"";width:420px;height:380px;background:linear-gradient(to left,rgba(246,248,250,1) 25%,rgba(246,248,250,0));position:absolute;top:0;right:-290px;z-index:20;}
.develop-box .bottom::before {content:"";width:420px;height:380px;background:linear-gradient(to right,rgba(246,248,250,1) 25%,rgba(246,248,250,0));position:absolute;top:0;left:-305px;z-index:20;}
.develop-box .bottom .swiper-container.develop-swiper {--swiper-navigation-size:30px;padding-bottom:58px;}
.develop-box .bottom .develop-con .swiper-container {overflow:inherit;}
.develop-box .bottom .swiper-container .swiper-slide {float:left;width:calc((100% - 30px) / 4);margin-right:10px;overflow:hidden;}
.develop-box .bottom .swiper-container .swiper-slide:last-child {margin-right:0;}
.develop-box .bottom .swiper-slide .item-box {height:380px;background-color:rgb(255,255,255);padding:24px 42px;}
.develop-box .bottom .swiper-slide .item-box .time {font-size:38px;font-weight:bold;color:#0863c4;line-height:1.75;display:flex;align-items:center;}
.develop-box .bottom .swiper-slide .item-box .time span {color:#999999;margin-left:5px;font-size:30px;}
.develop-box .bottom .swiper-slide .item-box .line {width:100%;height:1px;margin:10% 0;background:#dfdfdf;transform:translateY(-.5px);}
.develop-box .bottom .swiper-slide .item-box .desc {font-size:16px;color:#666;line-height:2;margin-bottom:22px;}
.develop-box .bottom .swiper-container-horizontal>.swiper-pagination-progressbar {top:inherit !important;bottom:0px !important;height:2px !important;}
.develop-box .bottom .swiper-container-horizontal>.swiper-pagination-progressbar {width:100%;height:4px;top:0;}
.develop-box .bottom .swiper-pagination-progressbar {background-color:#dfdfdf;}
.develop-box .bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#0863c4;}
.develop-box .bottom .swiper-button {position:absolute;top:50%;transform:translateY(-50%);z-index:25;width:100%;}
.develop-box .bottom .swiper-button .arrow {width:18px;height:17px;outline:0;position:relative;display:inline-block;}
.develop-box .bottom .swiper-button .arrow img {width:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:all .36s;cursor:pointer;z-index:9;}
.develop-box .bottom .swiper-button .arrow.develop-prev {left:-80px;float:left;}
.develop-box .bottom .swiper-button .arrow::after {content:"";width:56px;height:46px;border-radius:23px;background-color:#cad5dc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .36s;cursor:pointer;}
.develop-box .bottom .swiper-button .arrow:hover::after {background:#0863c4;}
.develop-box .bottom .swiper-button .arrow.develop-next {right:-80px;float:right;}

.culture-box {padding: 80px 0;overflow: visible;}
.culture-box .top .title{font-size: 30px;font-weight: bold;color: #3d3d3d;line-height: 1.75;}
.culture-box .top .title i{display: block;margin: 10px 0;width: 60px;height: 4px;background: url("img/tline.svg");}
.culture-box .bottom {display:grid;grid-template-columns:32.5% 67.5%;gap:10px;align-items:stretch;margin-top:40px;}
.culture-box .bottom .items {background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;transition:all 0.6s;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;min-height:0;height:100%;border-radius:0;}
.culture-box .bottom .items img {width:100%;height:100%;min-height:100%;object-fit:cover;opacity:0;pointer-events:none;grid-area:1 / 1;}
.culture-box .bottom .items .text-box {grid-area:1 / 1;position:relative;top:auto;left:auto;text-align:center;color:#fff;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px 32px;box-sizing:border-box;width:100%;align-self:stretch;justify-self:stretch;min-height:100%;}
.culture-box .bottom .items .text-box i {width:50px;height:50px;margin:auto;display:inline-block;background-size: cover;flex-shrink:0;}
.culture-box .bottom .items .text-box .title {margin-top:16px;width:100%;}
.culture-box .bottom .items .text-box .title .tit {font-size:24px;line-height:1.35;font-weight:700;}
.culture-box .bottom .items .text-box .title .slogan {font-size:15px;line-height:1.7;text-transform:none;margin-top:14px;max-width:96%;text-wrap:pretty;}
.culture-box .bottom .items.left {width:100%;min-height:480px;grid-column:1;grid-row:1;}
.culture-box .bottom .items:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);}
.culture-box .bottom .right {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;grid-column:2;grid-row:1;align-self:stretch;min-height:100%;}
.culture-box .bottom .right .items {width:100%;margin:0;min-height:0;}
.culture-box .bottom:not(:has(.items.left)) {grid-template-columns:1fr;}
.culture-box .bottom:not(:has(.items.left)) .right {grid-column:1;}

/* 荣誉资质 */
.honor-detail {padding: 80px 0;overflow: hidden;}
.honor-detail .honor-item {float:left;width:calc((100% - 20px) / 3);margin-top:10px;margin-right:10px;position:relative;}
.honor-detail .honor-item:nth-child(-n + 3) {margin-top:0;}
.honor-detail .honor-item:nth-child(3n) {margin-right:0;}
.honor-detail .honor-item a{display: block;position: relative;border: 2px solid #FFFFFF;box-shadow: 0px 8px 36.8px 3.2px rgb(0 0 7 / 10%);}
.honor-detail .honor-item .text{width: 100%;height:auto;padding: 5%;overflow: hidden;}
.honor-detail .honor-item .text .pic{background-size: contain;}
.honor-detail .honor-item .type{color: #1a1a1a;}
.honor-detail .honor-item .type span{font-size:14px;display: inline-block;vertical-align: middle;}
.honor-detail .honor-item .type span:first-child::after {content: '';width: 1px;height: 14px;display: inline-block;vertical-align: middle;margin: 0 5px 0 10px;background: #ccc;}
.honor-detail .honor-item .type span:last-child {color: #999999;}
.honor-detail .honor-item .title{margin: 3% 0;font-size: 20px;}
.honor-detail .honor-item a:hover {border: 2px solid #0863c4;z-index: 11;}

.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible {opacity: 1;}
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: rgba(0,0,0,.7); height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}

.news-category-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 32px;padding:16px;background:#fff;border:1px solid rgba(8,99,196,.08);border-radius:16px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.news-category-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border-radius:999px;background:#f3f7fb;color:#334155;font-size:14px;font-weight:700}
.news-category-tabs a:hover,.news-category-tabs a.active{background:#0863c4;color:#fff;box-shadow:0 8px 18px rgba(8,99,196,.2)}

.index-partner-item .partner-text-fallback,
.partner-detail-item .partner-text-fallback{position:relative;background:linear-gradient(135deg,#f7fbff,#eef7ff);border:1px solid rgba(8,99,196,.12);display:flex;align-items:center;justify-content:center;text-align:center}
.index-partner-item .partner-text-fallback span,
.partner-detail-item .partner-text-fallback span{display:block;padding:0 12px;color:#0f2742;font-size:16px;font-weight:800;line-height:1.35;word-break:break-word}

/* 加入我们 */
.join-detail {padding:80px 0;overflow:hidden;}
.join-detail .top {position:relative;padding-bottom:35px;}
.join-detail .join-option {width:calc(100% - 380px);float:left;}
.join-detail .join-option .dept {margin-right:50px;}
.join-detail .join-option .dept,.join-detail .join-option .add {width:50%;height:60px;line-height:60px;float:left;background-image:url(img/arrow.png);background-repeat:no-repeat;background-position:right 30px center;max-width:320px;box-shadow:0px 0px 33.48px 2.52px rgb(25 17 64 / 9%);}
.join-detail .join-option .dept select,.join-detail .join-option .add select {width:100%;background-color:transparent;border:0;font-size:16px;line-height:60px;height:60px;padding-left:10%;}
.join-detail .join-search {float:right;width:380px;height:60px;line-height:60px;position:relative;box-shadow:0px 0px 33.48px 2.52px rgb(25 17 64 / 9%);overflow:hidden;}
.join-detail .join-search .so-inp {padding-left:5%;padding-right:80px;}
.join-detail .join-search .so-inp input {border:none;width:100%;height:60px;line-height:60px;font-size:16px;color:#333333;background:none;}
.join-detail .join-search .join-button {border:none;background:none;background-image:url(../images/so.svg);background-size:18px;cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:80px;background-color:#0863c4;}
.join-detail .join-search .join-button:hover {background-color:#404040;}
.join-detail .join-item {margin-bottom:24px;}
.join-detail .join-item:last-child {margin-bottom:0;}
.join-detail .join-item .recruit-top {padding:26px 0;padding-left:62px;padding-right:40px;box-shadow:0px 7px 33.48px 2.52px rgb(25 17 64 / 9%);overflow:hidden;cursor:pointer;}
.join-detail .join-item .recruit-top .recruit-top-box {position:relative;}
.join-detail .join-item .recruit-top .recruit-top-left {width:40%;float:left;}
.join-detail .join-item .recruit-top .recruit-top-left p {color:#3d3d3d;font-weight:bold;position:relative;font-size:18px;line-height:2;}
.join-detail .join-item .recruit-top .recruit-top-left p::before {content:"";width:4px;height:20px;background-color:#0863c4;position:absolute;top:50%;left:-20px;transform:translateY(-50%);}
.join-detail .join-item .recruit-top .recruit-top-right {width:60%;display: flex; justify-content: flex-end;}
.join-detail .join-item .recruit-top .recruit-top-right .req {padding-right:30px;position:relative;float:left;}
.join-detail .join-item .recruit-top .recruit-top-right .req:last-child{margin-right: 20px;}
.join-detail .join-item .recruit-top .recruit-top-right .req::before {content:"";width:1px;height:16px;background-color:#eee;position:absolute;top:50%;right:15px;transform:translateY(-50%);}
.join-detail .join-item .recruit-top .recruit-top-right .req p {font-size:16px;color:#666;line-height:2;}
.join-detail .join-item .recruit-top .drop-box {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.join-detail .join-item .recruit-top .drop-box .drop-img {width:16px;position:relative;}
.join-detail .join-item .recruit-top .drop-box .drop-img img {width:100%;transition:all .36s;}
.join-detail .join-item .recruit-top .drop-box .drop-ico1 {position:relative;top:0;left:0;}
.join-detail .join-item .recruit-top .drop-box .drop-ico2 {position:absolute;top:4px;left:0;opacity:0;transition:all .36s;}
.join-detail .join-item.on .recruit-top .drop-box .drop-img img {transform:rotate(180deg);}
.join-detail .join-item.on .recruit-top .drop-box .drop-ico1 {opacity:0;}
.join-detail .join-item.on .recruit-top .drop-box .drop-ico2 {opacity:1;}
.join-detail .join-item .recruit-content {width:100%;padding:55px 50px 58px 62px;border-radius:10px;overflow:hidden;background-color:#f8f8fa;display:none;}
.join-detail .join-item.on .recruit-content {display:block;}
.join-detail .join-item .recruit-content p {font-size:16px;color:#666;line-height:2;}
.join-detail .join-item .recruit-content .join-more {width:180px;height:50px;line-height:50px;color:#fff;display:inline-block;font-size:14px;text-align:center;background-color:#0863c4;margin-top:35px;}
.join-detail .join-item .recruit-content .join-more:hover {background-color:#404040;}

/* 加入我们弹窗 */
.layui-layer-page .layui-layer-content {overflow:hidden!important;height:100%!important;}
.join-form {width:600px;height:auto;background-color:#fff;padding:8% 8% 6% 8%;}
.join-form .title {text-align:center;padding-bottom:6%;font-size:30px;}
.join-form .message-text {margin-bottom:12px;position:relative;width:100%;height:50px;background-color:#f8f8fa;}
.join-form .message-text::after {content:"*";color:#0863c4;font-size:16px;position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.join-form .message-text input {width:100%;height:100%;padding:0 20px;font-size:14px;color:#666;background-color:#f8f8fa;}
.join-form .upload {position:relative;margin-bottom:2%;}
.join-form .upload .text {text-align:left;padding-bottom:2%;margin-top:4%;}
.join-form .upload .text strong {color:#1a1a1a;margin:0;padding:0;}
.join-form .upload .text span {margin-left:10px;}
.join-form .upload .input {position:relative;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;border:1px solid #ccc;box-sizing:border-box;background:#fff;width:100%;height:50px;line-height:50px;padding:0 20px;outline:none;color:#333333;}
.join-form .upload .input .right {position:absolute;right:1%;top:10%;width:100px;height:80%;z-index:11;border:none;background:#404040;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;}
.join-form .validate .message-text {position:relative;width:calc(100% - 160px);height:50px;float:left;}
.join-form .validate .message-text input {width:100%;height:100%;padding:0 20px;font-size:14px;color:#333333;background:#f7f8fa;}
.join-form .validate .verify-img {width:160px;}
.join-form .resume-subbox {position:relative;width:100%;height:50px;}
.join-form .resume-subbox .resume-submit {display:block;background:#0863c4;color:#fff;text-align:center;margin-top:16px;width:100%;padding:3% 0;cursor:pointer;}
.join-form .resume-subbox .resume-submit:hover {background:#404040;}

/* 联系我们 */
.contact-detail {padding:80px 0;overflow:hidden;}
.contact-detail .address-items {font-size:0;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;}
.contact-detail .item {float:left;width:calc((100% - 30px) / 4);margin-right:10px;overflow:hidden;padding:3% 0;text-align:center;cursor:pointer;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.contact-detail .item:last-child {margin-right:0;}
.contact-detail .item .icon {width:80px;height:80px;margin:auto;position:relative;z-index:8;}
.contact-detail .item .icon .img-center {max-width:40%;max-height:40%;}
.contact-detail .item .icon .img-block {filter:grayscale(1);opacity:.7;}
.contact-detail .item .title {margin:15px 0;position:relative;z-index:5;font-size:16px;color:#72777c;}
.contact-detail .item .text {font-weight:bold;color:#333;width:75%;font-size:18px;margin:auto;}
.contact-detail .item:hover .icon .img-block {filter:none;opacity:1;}
.contact-detail .item:hover .title {color:#0863c4;}

/* 搜索中心 */
.search-center {padding:80px 0;overflow:hidden;}
.search-center .nav {overflow:hidden;position:relative;}
.search-center .nav::after {content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;background:#e8e8e8;}
.search-center .nav a {display:inline-block;vertical-align:middle;margin-right:2%;padding-bottom:20px;font-size:20px;color:#999;position:relative;}
.search-center .nav strong {font-size:14px;color:#0863c4;padding-left:5px;}
.search-center .nav a.cur,.search-center .nav a:hover {color:#000;}
.search-center .nav a.cur::after {content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;background:#0863c4;z-index:12;}
.search-center .bottom {padding-top:2%;}
.search-center .product-list {padding:0;overflow:visible;}
.search-center .product-list .right {width:100%;margin-left:0;}
.search-center .cases-list {padding:0;overflow:visible;}
.search-center .news-list {padding:0;overflow:visible;}

/* 质保查询 */
.qa-detail {padding:80px 0;overflow:hidden;}
.qa-detail .title {text-align:center;font-size:24px;}
.qa-detail .qa-search {text-align:center;padding:50px 0;overflow:hidden;}
.qa-detail .qa-search .input {width:35%;height:55px;padding:0 20px;background:#f0f5f7;font-size:16px;border:none;outline:none;display:inline-block;vertical-align:middle;}
.qa-detail .qa-search .submit {display:inline-block;vertical-align:middle;width:150px;height:55px;background-color:#0863c4;color:#fff;text-align:center;font-size:16px;border:none;outline:none;cursor:pointer;}
.qa-detail .qa-search .submit:hover {background-color:#404040;}
.qa-detail .pro-img {text-align:center;padding:6% 0;overflow:hidden;}
.qa-detail .pro-text {text-align:center;font-size:16px;color:#999;padding:20px 0;overflow:hidden;}
.qa-detail .pro-text strong{display:block;margin-bottom:12px;color:#172033;font-size:20px;font-weight:800}
.qa-detail .pro-text p{max-width:760px;margin:8px auto 0;color:#5f6b7a;font-size:15px;line-height:1.8}
.qa-detail .content {overflow:hidden;clear:both;padding:4%;width:80%;margin:auto;border:1px solid #e6e6e6;background:#f0f5f7;}
.qa-detail .content .left {width:60%;float:left;}
.qa-detail .content .left .img {width:180px;border:2px solid #0863c4;overflow:hidden;float:left;position:relative;}
.qa-detail .content .left .item {padding-left:5%;float:left;width:60%;}
.qa-detail .content .item li {list-style:none;margin:0;padding:10px 0;border-bottom:1px solid #d8dcde;overflow:hidden;}
.qa-detail .content .item li:first-child {padding:0 0 10px 0;}
.qa-detail .content .item li .tit {font-size:14px;color:#999999;padding-bottom:10px;}
.qa-detail .content .item li .text {font-size:18px;}
.qa-detail .content .right {width:40%;float:right;}
.qa-detail .content .right .item {padding-left:0;float:none;width:100%;}

/* 国家/地区语言选择 */
body.wwh-locale-lock{overflow:hidden}
.wwh-locale-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:2rem}
.wwh-locale-modal.active{display:flex}
.wwh-locale-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}
.wwh-locale-dialog{position:relative;width:min(58rem,94vw);max-height:92vh;background:#fff;border-radius:.875rem;box-shadow:0 24px 80px rgba(0,0,0,.28);overflow:hidden;color:#333}
.wwh-locale-dialog h2{height:3.75rem;line-height:3.75rem;text-align:center;font-size:1.25rem;font-weight:700;border-bottom:1px solid #eef0f3;color:#2a2d33}
.wwh-locale-close{position:absolute;right:1.25rem;top:.85rem;width:1.65rem;height:1.65rem;border-radius:50%;background:#9da0a6;color:#fff;font-size:1.5rem;line-height:1.45rem;text-align:center;cursor:pointer;z-index:2}
.wwh-locale-body{max-height:calc(92vh - 3.75rem);overflow:auto;padding:1.65rem 1.9rem}
.wwh-locale-region{margin-bottom:1.8rem}
.wwh-locale-region:last-child{margin-bottom:0}
.wwh-locale-region h3{margin-bottom:1rem;font-size:1.05rem;font-weight:500;color:#3d424a}
.wwh-locale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.wwh-locale-option{height:2.75rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-radius:.125rem;background:#f3f5f8;color:#303640;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.wwh-locale-option span,.wwh-locale-option em{font-size:.92rem;color:inherit;white-space:nowrap}
.wwh-locale-option em{font-style:normal;color:#59616d}
.wwh-locale-option:hover{background:#e8f3ff;color:#064f9a;box-shadow:inset 0 0 0 1px rgba(8,99,196,.24);transform:translateY(-1px)}
.wwh-locale-option:hover em{color:#064f9a}
.wwh-locale-option.active{background:#0863c4;color:#fff;box-shadow:0 8px 18px rgba(8,99,196,.22)}
.wwh-locale-option.active em{color:rgba(255,255,255,.86)}
@media screen and (max-width:768px){
    .wwh-locale-modal{padding:.75rem}
    .wwh-locale-dialog{width:100%;max-height:88vh;border-radius:.75rem}
    .wwh-locale-dialog h2{height:3.25rem;line-height:3.25rem;font-size:1.05rem}
    .wwh-locale-close{top:.75rem;right:.9rem}
    .wwh-locale-body{max-height:calc(88vh - 3.25rem);padding:1.2rem}
    .wwh-locale-grid{grid-template-columns:1fr;gap:.6rem}
}

/* Cookie consent */
.wwh-cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:2800;display:none;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.5rem;background:rgba(255,255,255,.94);box-shadow:0 -12px 34px rgba(0,0,0,.15);backdrop-filter:blur(8px)}
.wwh-cookie-banner.active{display:flex}
.wwh-cookie-text{max-width:70rem}
.wwh-cookie-text h3{font-size:1rem;font-weight:700;color:#111827;margin-bottom:.35rem}
.wwh-cookie-text p{font-size:.78rem;line-height:1.55;color:#333}
.wwh-cookie-text a,.wwh-cookie-link{color:#0863c4;font-weight:600;text-decoration:none}
.wwh-cookie-actions{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}
.wwh-cookie-btn,.wwh-cookie-submit{height:2.25rem;min-width:7.5rem;padding:0 1.25rem;background:#080808;color:#fff;border-radius:.12rem;cursor:pointer;font-size:.8rem}
.wwh-cookie-accept{background:#0863c4}
.wwh-cookie-reject:hover,.wwh-cookie-submit:hover{background:#333}
.wwh-cookie-accept:hover{background:#064f9a}
.wwh-cookie-link{background:transparent;cursor:pointer;white-space:nowrap}
.wwh-cookie-modal{position:fixed;inset:0;z-index:3200;display:none;align-items:center;justify-content:center;padding:1rem}
.wwh-cookie-modal.active{display:flex}
.wwh-cookie-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58)}
.wwh-cookie-dialog{position:relative;width:min(31rem,94vw);background:#fff;border-radius:.25rem;box-shadow:0 20px 70px rgba(0,0,0,.35);padding:1.75rem 1.5rem 1.25rem;color:#111}
.wwh-cookie-close{position:absolute;right:.75rem;top:.55rem;background:transparent;color:#777;font-size:1.4rem;line-height:1;cursor:pointer}
.wwh-cookie-dialog h2{text-align:center;font-size:1.35rem;font-weight:700;margin-bottom:1rem}
.wwh-cookie-intro{font-size:.78rem;line-height:1.45;color:#222;margin-bottom:1rem}
.wwh-cookie-intro a{color:#0863c4;text-decoration:underline}
.wwh-cookie-groups{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}
.wwh-cookie-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.2rem;padding:.35rem .45rem;background:#f2f3f5}
.wwh-cookie-row-title{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:#222}
.wwh-cookie-row-title span{font-size:1rem;color:#111}
.wwh-cookie-state,.wwh-cookie-toggle{display:flex;align-items:center;gap:.25rem;flex:0 0 auto}
.wwh-cookie-state.active,.wwh-cookie-toggle button.active{background:#0aa64f;color:#fff}
.wwh-cookie-state{min-width:4.6rem;justify-content:center;height:1.45rem;border-radius:.12rem;font-size:.68rem;font-weight:700;text-transform:uppercase}
.wwh-cookie-toggle button{height:1.45rem;min-width:2.7rem;background:transparent;color:#111;font-size:.72rem;cursor:pointer}
.wwh-cookie-toggle button.active[data-value="0"]{background:#111;color:#fff}
.wwh-cookie-modal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}
.wwh-cookie-modal-actions button{min-width:0;width:100%}
@media screen and (max-width:768px){
    .wwh-cookie-banner{display:none;flex-direction:column;align-items:flex-start;padding:1rem;gap:.9rem}
    .wwh-cookie-banner.active{display:flex}
    .wwh-cookie-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
    .wwh-cookie-link{grid-column:1 / -1;text-align:left}
    .wwh-cookie-btn{width:100%;min-width:0}
    .wwh-cookie-dialog{padding:1.5rem 1rem 1rem}
    .wwh-cookie-row{align-items:flex-start;flex-direction:column;gap:.45rem}
    .wwh-cookie-modal-actions{grid-template-columns:1fr}
}

/* FusRock palette: sampled from product-series and culture color references */
:root{
    --fr-blue:#2f8fc8;
    --fr-gold:#e6b24f;
    --fr-sky:#73b8d9;
    --fr-coral:#e77b78;
    --fr-lavender:#aaa5df;
    --fr-fusfun:#78c80c;
    --fr-fusflex:#ff9130;
    --fr-fusforce:#f7f7f2;
    --fr-fuscoating:#8a928e;
    --fr-lab:#1889e8;
}
.header .header-nav > ul > li > a::after{background:linear-gradient(90deg,var(--fr-gold),var(--fr-fusfun))}
.ty-more a::before{background:var(--fr-blue)}
@media screen and (min-width:769px){
    .header .header-nav > ul > li.nav-product > ul{border-top:4px solid var(--fr-blue)}
    .header .header-nav > ul > li.nav-product.nav-accessories > ul > li:nth-child(1)>a{background:rgba(24,137,232,.2);color:#0b4f7a}
    .header .header-nav > ul > li.nav-product.nav-accessories > ul > li:nth-child(1):hover>a{background:var(--fr-lab);color:#fff}
    .header .header-nav > ul > li.nav-product:not(.nav-accessories) > ul > li:nth-child(1)>a{background:rgba(120,200,12,.18);color:#315f00}
    .header .header-nav > ul > li.nav-product:not(.nav-accessories) > ul > li:nth-child(1):hover>a{background:var(--fr-fusfun);color:#fff}
    .header .header-nav > ul > li.nav-product:not(.nav-accessories) > ul > li:nth-child(2)>a{background:rgba(230,178,79,.2);color:#7a4e00}
    .header .header-nav > ul > li.nav-product:not(.nav-accessories) > ul > li:nth-child(2):hover>a{background:var(--fr-gold);color:#fff}
    .header .header-nav > ul > li.nav-product:not(.nav-accessories) > ul > li:nth-child(3)>a{background:rgba(255,145,48,.18);color:#8a3d00}
    .header .header-nav > ul > li.nav-product:not(.nav-accessories) > ul > li:nth-child(3):hover>a{background:var(--fr-fusflex);color:#fff}
    .header .header-nav > ul > li.nav-product:not(.nav-accessories) > ul > li:nth-child(4)>a{background:rgba(138,146,142,.18);color:#3f4844}
    .header .header-nav > ul > li.nav-product:not(.nav-accessories) > ul > li:nth-child(4):hover>a{background:var(--fr-fuscoating);color:#fff}
    .header .header-nav > ul > li.nav-product ul ul li:hover>a{background:var(--fr-blue)}
    .header .header-nav > ul > li.nav-service > ul{border-top:4px solid var(--fr-gold)}
    .header .header-nav > ul > li.nav-service > ul{grid-template-columns:repeat(4,minmax(11.25rem,1fr));gap:.85rem;min-width:58rem;max-width:min(94vw,72rem);padding:1rem 1.05rem 1.1rem;background:linear-gradient(180deg,rgba(252,253,255,.99),rgba(241,247,252,.98));border-radius:18px;border-color:rgba(47,143,200,.12);box-shadow:0 20px 56px rgba(15,23,42,.18)}
    .header .header-nav > ul > li.nav-service > ul > li{background:#fff;border:1px solid rgba(15,23,42,.055);box-shadow:0 8px 20px rgba(15,23,42,.05);border-radius:14px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(1){border-bottom:3px solid var(--fr-blue)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(2){border-bottom:3px solid var(--fr-fusfun)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(3){border-bottom:3px solid var(--fr-sky)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(4){border-bottom:3px solid var(--fr-fusflex)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(5){border-bottom:3px solid var(--fr-gold)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(6){border-bottom:3px solid var(--fr-lavender)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(7){border-bottom:3px solid var(--fr-coral)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(8){border-bottom:3px solid var(--fr-gold)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(9){border-bottom:3px solid var(--fr-sky)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(10){border-bottom:3px solid var(--fr-blue)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(11){border-bottom:3px solid var(--fr-fusfun)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(12){border-bottom:3px solid var(--fr-fusflex)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(13){border-bottom:3px solid var(--fr-lavender)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(14){border-bottom:3px solid var(--fr-blue)}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(15){border-bottom:3px solid var(--fr-sky)}
    .header .header-nav > ul > li.nav-service > ul > li:hover{background:#fff;border-color:rgba(47,143,200,.14);box-shadow:0 14px 32px rgba(47,143,200,.14);transform:translateY(-3px)}
    .header .header-nav > ul > li.nav-service > ul > li > a{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:7.75rem;padding:.62rem .68rem .72rem;color:#0f172a;font-size:.84rem;font-weight:800;line-height:1.32;letter-spacing:-.01em;word-break:normal;overflow-wrap:anywhere}
    .header .header-nav > ul > li.nav-service > ul > li:hover>a{color:#0f172a}
    .header .header-nav > ul > li.nav-service > ul > li > a::before{content:"";flex:0 0 auto;display:block;width:100%;height:5.15rem;margin:0 0 .5rem;border-radius:10px;background-color:#eaf4fb;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
    .header .header-nav > ul > li.nav-service > ul > li > a::after{display:none!important;content:none!important}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(1) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-wiki.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(2) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-comparison.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(3) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-procurement.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(4) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-feedback.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(5) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-contact.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(6) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-print-config.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(7) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-certification.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(8) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-partner.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(9) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-news.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(10) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-about.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(11) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-join.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(12) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-download.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(13) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-faq.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(14) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-warranty.svg")}
    .header .header-nav > ul > li.nav-service > ul > li:nth-child(15) > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-policy.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-wiki > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-wiki.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-comparison > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-comparison.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-procurement > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-procurement.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-health > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-feedback.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-contact > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-contact.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-trend > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-print-config.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-certification > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-certification.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-partner > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-partner.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-news > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-news.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-about > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-about.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-join > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-join.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-wiki{border-bottom-color:var(--fr-blue)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-comparison{border-bottom-color:var(--fr-fusfun)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-procurement{border-bottom-color:var(--fr-sky)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-health{border-bottom-color:var(--fr-fusflex)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-contact{border-bottom-color:var(--fr-gold)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-trend{border-bottom-color:var(--fr-lavender)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-certification{border-bottom-color:var(--fr-coral)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-partner{border-bottom-color:var(--fr-gold)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-news{border-bottom-color:var(--fr-sky)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-about{border-bottom-color:var(--fr-blue)}
    .header .header-nav > ul > li.nav-service > ul > li.service-tool-join{border-bottom-color:var(--fr-fusfun)}
    .header .header-nav > ul > li.nav-service > ul > li.nav-thumb-download > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-download.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.nav-thumb-faq > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-faq.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.nav-thumb-warranty > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-warranty.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.nav-thumb-policy > a::before{background-image:url("/assets/addons/fusrock/images/service-cards/nav-card-policy.svg")}
    .header .header-nav > ul > li.nav-service > ul > li.nav-thumb-download{border-bottom-color:var(--fr-sky)}
    .header .header-nav > ul > li.nav-service > ul > li.nav-thumb-faq{border-bottom-color:var(--fr-fusflex)}
    .header .header-nav > ul > li.nav-service > ul > li.nav-thumb-warranty{border-bottom-color:var(--fr-lavender)}
    .header .header-nav > ul > li.nav-service > ul > li.nav-thumb-policy{border-bottom-color:var(--fr-blue)}
}

.wwh-tool-page{background:#f5f8fb;color:#101827;overflow:hidden}
.wwh-tool-hero{padding:7.6rem 0 2.2rem;background:radial-gradient(circle at 15% 15%,rgba(120,200,12,.2),transparent 30%),radial-gradient(circle at 85% 10%,rgba(230,178,79,.26),transparent 34%),linear-gradient(135deg,#071426,#123a5b 58%,#2f8fc8);color:#fff}
.wwh-tool-hero .container-outer{display:grid;grid-template-columns:minmax(0,.82fr) minmax(34rem,1.18fr);gap:1.5rem;align-items:end}
.wwh-tool-hero-text span{display:inline-flex;margin-bottom:.9rem;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#dff6ff;font-weight:800;letter-spacing:.06em}
.wwh-tool-hero-text h1{font-size:clamp(2.2rem,5vw,4.4rem);font-weight:900;line-height:1.05;margin-bottom:.9rem;color:#fff}
.wwh-tool-hero-text p{max-width:46rem;font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.78)}
.wwh-tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.wwh-tool-card{display:block;min-height:5rem;padding:.72rem .82rem;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);color:#fff}
.wwh-tool-card strong{display:block;margin-bottom:.25rem;color:#fff;font-size:.9rem;font-weight:900;line-height:1.25}
.wwh-tool-card em{display:block;color:rgba(255,255,255,.72);font-size:.72rem;line-height:1.35}
.wwh-tool-card.active,.wwh-tool-card:hover{background:rgba(255,255,255,.92);transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.wwh-tool-card.active strong,.wwh-tool-card:hover strong{color:#123a5b}
.wwh-tool-card.active em,.wwh-tool-card:hover em{color:#4b5563}
.wwh-tool-frame-wrap{padding:2rem 0 4rem}
.wwh-tool-frame-wrap .container-outer{width:min(94%,1500px)}
.wwh-tool-frame-shell{display:flex;flex-direction:column;position:relative;border:1px solid rgba(47,143,200,.16);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.12)}
.wwh-tool-frame-toolbar{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;padding:.62rem .85rem;border-bottom:1px solid rgba(47,143,200,.12);background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);pointer-events:auto}
.wwh-tool-frame-btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:36px;padding:.42rem .78rem;border:1px solid rgba(47,143,200,.22);border-radius:999px;background:#fff;color:#123a5b;font-size:.74rem;font-weight:800;line-height:1.2;letter-spacing:.01em;box-shadow:0 4px 14px rgba(15,23,42,.06);cursor:pointer;pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;text-decoration:none;white-space:nowrap}
.wwh-tool-frame-btn:hover{background:#fff;border-color:rgba(47,143,200,.38);box-shadow:0 8px 20px rgba(47,143,200,.12);transform:translateY(-1px)}
.wwh-tool-frame-btn:focus-visible{outline:2px solid rgba(47,143,200,.55);outline-offset:2px}
.wwh-tool-frame-btn--link{text-decoration:none}
.wwh-tool-frame-btn__icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.wwh-tool-frame-btn__icon{flex:0 0 auto;display:block;width:18px;height:18px}
.wwh-tool-frame-btn__label{display:inline}
.wwh-tool-frame{display:block;width:100%;flex:1 1 auto;height:82vh;min-height:720px;border:0;border-radius:0;background:#fff;box-shadow:none}
.wwh-tool-frame-shell.is-fullscreen{position:fixed;inset:0;z-index:99990;display:flex;flex-direction:column;padding:0;border-radius:0;background:#f5f8fb;border:0;box-shadow:none}
.wwh-tool-frame-shell.is-fullscreen .wwh-tool-frame-toolbar{flex:0 0 auto;border-bottom-color:rgba(47,143,200,.18)}
.wwh-tool-frame-shell.is-fullscreen .wwh-tool-frame{flex:1 1 auto;width:100%;height:auto;min-height:0}
body.wwh-tool-fullscreen-lock{overflow:hidden}
@media screen and (max-width:960px){
    .wwh-tool-hero{padding:5.2rem 0 1.4rem}
    .wwh-tool-hero .container-outer{grid-template-columns:1fr;gap:1.2rem}
    .wwh-tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wwh-tool-frame-shell{border-radius:16px}
    .wwh-tool-frame{height:78vh;min-height:620px}
    .wwh-tool-frame-toolbar{padding:.5rem .62rem;gap:.4rem}
    .wwh-tool-frame-btn{padding:.38rem .52rem;font-size:.68rem;min-height:34px}
    .wwh-tool-frame-btn__label{display:none}
}
@media screen and (max-width:575px){
    .wwh-tool-card-grid{grid-template-columns:1fr}
}

.join-fdm-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:2rem;align-items:center;margin-bottom:2rem;padding:2rem;border-radius:26px;background:radial-gradient(circle at 12% 15%,rgba(120,200,12,.18),transparent 32%),linear-gradient(135deg,#071426,#123a5b 62%,#2f8fc8);box-shadow:0 22px 60px rgba(15,23,42,.14);color:#fff}
.join-fdm-copy span{display:inline-flex;margin-bottom:.75rem;padding:.35rem .72rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#dff6ff;font-size:.78rem;font-weight:900;letter-spacing:.06em}
.join-fdm-copy h1{margin:0 0 .8rem;color:#fff;font-size:clamp(1.8rem,3.8vw,3.3rem);line-height:1.12;font-weight:900}
.join-fdm-copy p{margin:0;max-width:54rem;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.8}
.join-fdm-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.join-fdm-tags em{display:flex;align-items:center;min-height:4.4rem;padding:.85rem 1rem;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-style:normal;font-weight:800}
.join-requirements h4,.recruit-content h4{margin:1rem 0 .45rem;color:#123a5b;font-size:1rem;font-weight:900}
.join-requirements ul,.recruit-content ul{margin:.25rem 0 .8rem;padding-left:1.2rem}
.join-requirements li,.recruit-content li{margin:.25rem 0;line-height:1.75;list-style:disc}
@media screen and (max-width:960px){
    .join-fdm-intro{grid-template-columns:1fr;padding:1.35rem;border-radius:20px}
    .join-fdm-tags{grid-template-columns:1fr}
}

.index-material-selector{padding:4rem 0;background:#eef6fb}
.material-selector-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);gap:3rem;align-items:center;padding:3rem;border-radius:28px;background:radial-gradient(circle at 12% 15%,rgba(56,189,248,.2),transparent 34%),linear-gradient(135deg,#071426,#123a5b 62%,#2f8fc8);box-shadow:0 24px 70px rgba(15,23,42,.22);overflow:hidden}
.material-selector-copy,.material-selector-copy h2,.material-selector-copy p,.material-selector-copy span,.material-selector-copy em,.material-selector-copy strong{color:#fff}
.material-selector-eyebrow{display:inline-flex;margin-bottom:.85rem;padding:.35rem .7rem;border-radius:999px;background:rgba(56,189,248,.14);border:1px solid rgba(125,211,252,.28);font-size:.78rem;font-weight:800;letter-spacing:.04em}
.material-selector-copy h2{max-width:44rem;margin:0 0 .9rem;font-size:clamp(2.2rem,4.8vw,4.1rem);line-height:1.06;font-weight:900}
.material-selector-copy p{max-width:47rem;color:rgba(255,255,255,.76);font-size:1rem;line-height:1.85}
.material-selector-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.material-selector-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem 1.1rem;border-radius:999px;background:#fff;color:#0f2b46;font-weight:900;box-shadow:0 12px 30px rgba(15,23,42,.18)}
.material-selector-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,23,42,.22)}
.material-selector-actions>span{color:rgba(255,255,255,.72);font-size:.88rem}
.material-selector-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:2rem;max-width:32rem}
.material-selector-metrics div{padding:.95rem 1rem;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}
.material-selector-metrics strong{display:block;font-size:1.35rem;line-height:1.1}
.material-selector-metrics strong.material-selector-metric-infty{font-size:1.85rem;font-weight:700;line-height:1;letter-spacing:.02em}
.material-selector-metrics em{display:block;margin-top:.2rem;color:rgba(255,255,255,.68);font-style:normal;font-size:.78rem}
.material-selector-panel{padding:1rem;border-radius:18px;background:rgba(248,252,255,.96);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 22px 60px rgba(15,23,42,.2)}
.selector-product-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.55rem;padding-right:.35rem;max-height:min(22rem,52vh);overflow-y:auto;-webkit-overflow-scrolling:touch}
.selector-panel-header{display:flex;align-items:center;gap:.32rem;padding:.15rem .2rem .75rem}
.selector-panel-header span{width:.42rem;height:.42rem;border-radius:999px;background:#38bdf8}
.selector-panel-header span:nth-child(2){background:#2f8fc8}
.selector-panel-header span:nth-child(3){background:#78c80c}
.selector-panel-header strong{margin-left:auto;color:#64748b;font-size:.72rem;letter-spacing:.08em}
.selector-panel-field{padding:.8rem .85rem;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.selector-panel-field label{display:block;margin-bottom:.35rem;color:#0863c4;font-size:.72rem;font-weight:900}
.selector-panel-field select{width:100%;min-height:2rem;padding:0 1.8rem 0 0;border:0;background:linear-gradient(45deg,transparent 50%,#94a3b8 50%) right .45rem center/7px 7px no-repeat;color:#0f172a;font-weight:800;appearance:none;cursor:pointer}
.selector-panel-radar{position:relative;margin-top:.8rem;min-height:16.4rem;padding:.55rem;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eaf6ff);overflow:hidden}
.selector-panel-radar .selector-bubble-svg{display:block;width:100%;height:16.4rem;filter:drop-shadow(0 10px 14px rgba(8,99,196,.12))}
.selector-bubble-grid{stroke:rgba(148,163,184,.25);stroke-width:1}
.selector-bubble-grid-v{stroke:rgba(148,163,184,.18)}
.selector-bubble-axis{stroke:rgba(51,65,85,.55);stroke-width:1.3}
.selector-bubble-dot{opacity:.88;stroke:rgba(255,255,255,.9);stroke-width:2}
.selector-bubble-label{fill:#31516b;font-size:9px;font-weight:800;paint-order:stroke;stroke:rgba(248,252,255,.9);stroke-width:3px;stroke-linejoin:round}
.selector-bubble-axis-label{fill:#0f3554;font-size:10px;font-weight:900}
.selector-bubble-note,.selector-bubble-count{fill:#64748b;font-size:9px;font-weight:800}
.selector-bubble-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:800}
.selector-bubble-empty[hidden]{display:none}
.selector-panel-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.7rem}
.selector-panel-tag{min-height:2rem;border:0;border-radius:999px;background:#f1f7fd;color:#16415f;font-size:.72rem;font-weight:800;cursor:pointer}
.selector-panel-tag:hover,.selector-panel-tag.active{background:#dff3ff;color:#0863c4;box-shadow:inset 0 0 0 1px rgba(47,143,200,.18)}
@media screen and (max-width:960px){
    .material-selector-card{grid-template-columns:1fr;padding:1.4rem;gap:1.5rem}
    .material-selector-metrics{grid-template-columns:1fr}
}

@media screen and (min-width:769px){
    .header .header-nav > ul > li.nav-cases > ul{
        position:fixed;
        left:50vw!important;
        top:58px;
        right:auto;
        grid-template-columns:repeat(4,minmax(12rem,1fr));
        gap:.75rem;
        width:min(76rem,calc(100vw - 2rem));
        max-width:calc(100vw - 2rem);
        padding:.9rem;
        transform:translate(-50%,10px);
    }
    .header .header-nav > ul > li.nav-cases:hover > ul{
        left:50vw!important;
        transform:translate(-50%,0);
    }
    .header .header-nav > ul > li.nav-cases > ul > li > a{
        min-height:8rem;
        padding:.58rem .62rem .7rem;
        gap:.55rem;
        font-size:.82rem;
        line-height:1.25;
    }
    .header .header-nav > ul > li.nav-cases > ul > li > a::before{
        height:5.35rem;
        border-radius:12px;
        filter:brightness(1.18) contrast(1.08) saturate(1.08);
    }
}

@media screen and (min-width:769px) and (max-width:1180px){
    .header .header-nav > ul > li.nav-cases > ul{
        grid-template-columns:repeat(3,minmax(0,1fr));
        width:min(58rem,calc(100vw - 1.5rem));
    }
}

.cases-fallback-head{margin-bottom:1.5rem;padding:2rem;border-radius:24px;background:radial-gradient(circle at 12% 10%,rgba(56,189,248,.18),transparent 32%),linear-gradient(135deg,#071426,#123a5b 62%,#2f8fc8);box-shadow:0 22px 60px rgba(15,23,42,.14);color:#fff}
.cases-fallback-head span{display:inline-flex;margin-bottom:.65rem;padding:.32rem .7rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#dff6ff;font-size:.78rem;font-weight:900}
.cases-fallback-head h2{margin:0 0 .55rem;color:#fff;font-size:clamp(1.8rem,3.6vw,3.1rem);line-height:1.12;font-weight:900}
.cases-fallback-head p{margin:0;max-width:48rem;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.75}
.cases-fallback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.cases-fallback-card{display:block;min-width:0;padding:.75rem;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 14px 34px rgba(15,23,42,.08);transition:.25s}
.cases-fallback-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(8,99,196,.16)}
.cases-fallback-thumb{height:auto;aspect-ratio:3/2;border-radius:14px;background-image:url("/assets/addons/fusrock/images/application-case-menu-thumbnails.png");background-size:600% 600%;background-position:var(--case-thumb-pos,0 0);background-repeat:no-repeat;filter:brightness(1.18) contrast(1.08) saturate(1.08)}
.cases-fallback-copy{padding:.85rem .25rem .2rem}
.cases-fallback-copy h3{margin:0 0 .45rem;color:#0f172a;font-size:1rem;font-weight:900;line-height:1.35}
.cases-fallback-copy p{min-height:3.2rem;margin:0;color:#64748b;font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cases-fallback-copy span{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;color:#0863c4;font-size:.86rem;font-weight:900}
.cases-fallback-thumb-1,.cases-fallback-grid .cases-fallback-card:nth-child(12n+1) .cases-fallback-thumb{background-position:0 0}
.cases-fallback-thumb-2,.cases-fallback-grid .cases-fallback-card:nth-child(12n+2) .cases-fallback-thumb{background-position:33.333% 0}
.cases-fallback-thumb-3,.cases-fallback-grid .cases-fallback-card:nth-child(12n+3) .cases-fallback-thumb{background-position:66.666% 0}
.cases-fallback-thumb-4,.cases-fallback-grid .cases-fallback-card:nth-child(12n+4) .cases-fallback-thumb{background-position:100% 0}
.cases-fallback-thumb-5,.cases-fallback-grid .cases-fallback-card:nth-child(12n+5) .cases-fallback-thumb{background-position:0 50%}
.cases-fallback-thumb-6,.cases-fallback-grid .cases-fallback-card:nth-child(12n+6) .cases-fallback-thumb{background-position:33.333% 50%}
.cases-fallback-thumb-7,.cases-fallback-grid .cases-fallback-card:nth-child(12n+7) .cases-fallback-thumb{background-position:66.666% 50%}
.cases-fallback-thumb-8,.cases-fallback-grid .cases-fallback-card:nth-child(12n+8) .cases-fallback-thumb{background-position:100% 50%}
.cases-fallback-thumb-9,.cases-fallback-grid .cases-fallback-card:nth-child(12n+9) .cases-fallback-thumb{background-position:0 100%}
.cases-fallback-thumb-10,.cases-fallback-grid .cases-fallback-card:nth-child(12n+10) .cases-fallback-thumb{background-position:33.333% 100%}
.cases-fallback-thumb-11,.cases-fallback-grid .cases-fallback-card:nth-child(12n+11) .cases-fallback-thumb{background-position:66.666% 100%}
.cases-fallback-thumb-12,.cases-fallback-grid .cases-fallback-card:nth-child(12n+12) .cases-fallback-thumb{background-position:100% 100%}
@media screen and (max-width:1180px){
    .cases-fallback-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (max-width:768px){
    .cases-fallback-head{padding:1.4rem;border-radius:18px}
    .cases-fallback-grid{grid-template-columns:1fr}
}

/* Application case cards share the synced 6x6 3D-printing thumbnail sprite. */
@media screen and (min-width:769px){
    .header .header-nav > ul > li.nav-cases > ul{grid-template-columns:repeat(6,minmax(8rem,1fr));gap:.55rem;width:min(88rem,calc(100vw - 2rem));padding:.75rem}
    .header .header-nav > ul > li.nav-cases > ul > li > a{min-height:5.55rem;padding:.45rem .48rem .58rem;gap:.42rem;font-size:.74rem;line-height:1.22}
    .header .header-nav > ul > li.nav-cases > ul > li > a::before{height:3.05rem;border-radius:10px;background-size:600% 600%;filter:brightness(1.12) contrast(1.06) saturate(1.05)}
}
@media screen and (min-width:769px) and (max-width:1180px){
    .header .header-nav > ul > li.nav-cases > ul{grid-template-columns:repeat(5,minmax(0,1fr));width:min(58rem,calc(100vw - 1.5rem))}
}
.cases-fallback-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}
.cases-fallback-card{padding:.55rem;border-radius:16px}
.cases-fallback-thumb{height:auto;aspect-ratio:3/2;border-radius:12px;background-size:600% 600%;background-position:var(--case-thumb-pos,0 0);filter:brightness(1.12) contrast(1.06) saturate(1.05)}
.cases-fallback-copy{padding:.65rem .15rem .1rem}
.cases-fallback-copy h3{font-size:.86rem;line-height:1.3}
.cases-fallback-copy p{min-height:2.75rem;font-size:.78rem;line-height:1.45}
.cases-fallback-copy span{margin-top:.55rem;font-size:.78rem}
@media screen and (max-width:1280px){
    .cases-fallback-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media screen and (max-width:1180px){
    .cases-fallback-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media screen and (max-width:900px){
    .cases-fallback-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (max-width:768px){
    .cases-fallback-grid{grid-template-columns:1fr}
    .cases-fallback-thumb{height:auto;aspect-ratio:3/2}
}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+1) > a::before,.cases-fallback-thumb-1,.cases-fallback-grid .cases-fallback-card:nth-child(36n+1) .cases-fallback-thumb{background-position:0 0}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+2) > a::before,.cases-fallback-thumb-2,.cases-fallback-grid .cases-fallback-card:nth-child(36n+2) .cases-fallback-thumb{background-position:20% 0}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+3) > a::before,.cases-fallback-thumb-3,.cases-fallback-grid .cases-fallback-card:nth-child(36n+3) .cases-fallback-thumb{background-position:40% 0}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+4) > a::before,.cases-fallback-thumb-4,.cases-fallback-grid .cases-fallback-card:nth-child(36n+4) .cases-fallback-thumb{background-position:60% 0}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+5) > a::before,.cases-fallback-thumb-5,.cases-fallback-grid .cases-fallback-card:nth-child(36n+5) .cases-fallback-thumb{background-position:80% 0}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+6) > a::before,.cases-fallback-thumb-6,.cases-fallback-grid .cases-fallback-card:nth-child(36n+6) .cases-fallback-thumb{background-position:100% 0}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+7) > a::before,.cases-fallback-thumb-7,.cases-fallback-grid .cases-fallback-card:nth-child(36n+7) .cases-fallback-thumb{background-position:0 20%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+8) > a::before,.cases-fallback-thumb-8,.cases-fallback-grid .cases-fallback-card:nth-child(36n+8) .cases-fallback-thumb{background-position:20% 20%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+9) > a::before,.cases-fallback-thumb-9,.cases-fallback-grid .cases-fallback-card:nth-child(36n+9) .cases-fallback-thumb{background-position:40% 20%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+10) > a::before,.cases-fallback-thumb-10,.cases-fallback-grid .cases-fallback-card:nth-child(36n+10) .cases-fallback-thumb{background-position:60% 20%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+11) > a::before,.cases-fallback-thumb-11,.cases-fallback-grid .cases-fallback-card:nth-child(36n+11) .cases-fallback-thumb{background-position:80% 20%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+12) > a::before,.cases-fallback-thumb-12,.cases-fallback-grid .cases-fallback-card:nth-child(36n+12) .cases-fallback-thumb{background-position:100% 20%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+13) > a::before,.cases-fallback-thumb-13,.cases-fallback-grid .cases-fallback-card:nth-child(36n+13) .cases-fallback-thumb{background-position:0 40%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+14) > a::before,.cases-fallback-thumb-14,.cases-fallback-grid .cases-fallback-card:nth-child(36n+14) .cases-fallback-thumb{background-position:20% 40%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+15) > a::before,.cases-fallback-thumb-15,.cases-fallback-grid .cases-fallback-card:nth-child(36n+15) .cases-fallback-thumb{background-position:40% 40%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+16) > a::before,.cases-fallback-thumb-16,.cases-fallback-grid .cases-fallback-card:nth-child(36n+16) .cases-fallback-thumb{background-position:60% 40%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+17) > a::before,.cases-fallback-thumb-17,.cases-fallback-grid .cases-fallback-card:nth-child(36n+17) .cases-fallback-thumb{background-position:80% 40%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+18) > a::before,.cases-fallback-thumb-18,.cases-fallback-grid .cases-fallback-card:nth-child(36n+18) .cases-fallback-thumb{background-position:100% 40%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+19) > a::before,.cases-fallback-thumb-19,.cases-fallback-grid .cases-fallback-card:nth-child(36n+19) .cases-fallback-thumb{background-position:0 60%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+20) > a::before,.cases-fallback-thumb-20,.cases-fallback-grid .cases-fallback-card:nth-child(36n+20) .cases-fallback-thumb{background-position:20% 60%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+21) > a::before,.cases-fallback-thumb-21,.cases-fallback-grid .cases-fallback-card:nth-child(36n+21) .cases-fallback-thumb{background-position:40% 60%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+22) > a::before,.cases-fallback-thumb-22,.cases-fallback-grid .cases-fallback-card:nth-child(36n+22) .cases-fallback-thumb{background-position:60% 60%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+23) > a::before,.cases-fallback-thumb-23,.cases-fallback-grid .cases-fallback-card:nth-child(36n+23) .cases-fallback-thumb{background-position:80% 60%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+24) > a::before,.cases-fallback-thumb-24,.cases-fallback-grid .cases-fallback-card:nth-child(36n+24) .cases-fallback-thumb{background-position:100% 60%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+25) > a::before,.cases-fallback-thumb-25,.cases-fallback-grid .cases-fallback-card:nth-child(36n+25) .cases-fallback-thumb{background-position:0 80%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+26) > a::before,.cases-fallback-thumb-26,.cases-fallback-grid .cases-fallback-card:nth-child(36n+26) .cases-fallback-thumb{background-position:20% 80%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+27) > a::before,.cases-fallback-thumb-27,.cases-fallback-grid .cases-fallback-card:nth-child(36n+27) .cases-fallback-thumb{background-position:40% 80%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+28) > a::before,.cases-fallback-thumb-28,.cases-fallback-grid .cases-fallback-card:nth-child(36n+28) .cases-fallback-thumb{background-position:60% 80%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+29) > a::before,.cases-fallback-thumb-29,.cases-fallback-grid .cases-fallback-card:nth-child(36n+29) .cases-fallback-thumb{background-position:80% 80%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+30) > a::before,.cases-fallback-thumb-30,.cases-fallback-grid .cases-fallback-card:nth-child(36n+30) .cases-fallback-thumb{background-position:100% 80%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+31) > a::before,.cases-fallback-thumb-31,.cases-fallback-grid .cases-fallback-card:nth-child(36n+31) .cases-fallback-thumb{background-position:0 100%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+32) > a::before,.cases-fallback-thumb-32,.cases-fallback-grid .cases-fallback-card:nth-child(36n+32) .cases-fallback-thumb{background-position:20% 100%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+33) > a::before,.cases-fallback-thumb-33,.cases-fallback-grid .cases-fallback-card:nth-child(36n+33) .cases-fallback-thumb{background-position:40% 100%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+34) > a::before,.cases-fallback-thumb-34,.cases-fallback-grid .cases-fallback-card:nth-child(36n+34) .cases-fallback-thumb{background-position:60% 100%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+35) > a::before,.cases-fallback-thumb-35,.cases-fallback-grid .cases-fallback-card:nth-child(36n+35) .cases-fallback-thumb{background-position:80% 100%}
.header .header-nav > ul > li.nav-cases > ul > li:nth-child(36n+36) > a::before,.cases-fallback-thumb-36,.cases-fallback-grid .cases-fallback-card:nth-child(36n+36) .cases-fallback-thumb{background-position:100% 100%}
.cases-fallback-grid .cases-fallback-card.cases-fallback-app .cases-fallback-thumb{background-size:cover!important;background-position:center!important}
@media screen and (min-width:769px){
    .header .header-nav > ul > li.nav-cases > ul{grid-template-columns:repeat(6,minmax(9.4rem,1fr));width:min(82rem,calc(100vw - 2rem))}
    .header .header-nav > ul > li.nav-cases > ul > li > a{min-height:6.55rem}
    .header .header-nav > ul > li.nav-cases > ul > li.nav-case-app > a::before{width:100%;height:auto;aspect-ratio:520/330;background-image:var(--case-thumb-image)!important;background-size:cover!important;background-position:center!important}
}
.cases-fallback-grid .cases-fallback-card.cases-fallback-app .cases-fallback-thumb{aspect-ratio:520/330;background-image:var(--case-thumb-image);background-size:cover!important;background-position:center!important}
.cases-app-filter{margin:0 0 1.35rem;padding:1.15rem;border-radius:22px;background:linear-gradient(135deg,#071426,#123a5b 64%,#2f8fc8);box-shadow:0 18px 48px rgba(15,23,42,.16);overflow:hidden}
.cases-app-filter-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.35rem 1rem;margin-bottom:.95rem}
.cases-app-filter-title span{grid-row:1 / span 2;align-self:center;display:inline-flex;padding:.36rem .72rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#dff6ff;font-size:.78rem;font-weight:900;white-space:nowrap}
.cases-app-filter-title h2{margin:0;color:#fff;font-size:clamp(1.45rem,2.8vw,2.35rem);line-height:1.1;font-weight:900}
.cases-app-filter-title p{margin:0;color:rgba(255,255,255,.72);font-size:.92rem;line-height:1.55}
.cases-app-filter-scroll{display:flex;gap:.62rem;overflow-x:auto;padding:.15rem .1rem .35rem;scrollbar-width:thin}
.cases-app-filter-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.48rem;min-height:2.85rem;padding:.38rem .72rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:.2s}
.cases-app-filter-chip i{width:2.8rem;height:1.75rem;border-radius:999px;background:center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.cases-app-filter-chip span{color:inherit;font-size:.82rem;white-space:nowrap}
.cases-app-filter-chip:hover,.cases-app-filter-chip.active{background:#fff;color:#0f3554;border-color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.18)}
.cases-list>.container-outer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.cases-list>.container-outer>.cases-app-filter,.cases-list>.container-outer>.cases-fallback-head,.cases-list>.container-outer>.cases-fallback-grid{grid-column:1 / -1}
.cases-list .cases-list-item{width:100%!important;height:100%;margin:0!important;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.1);transition:.25s}
.cases-list .cases-list-item:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(8,99,196,.18)}
.cases-list .cases-list-item>a,.cases-list .cases-list-item .item-box{display:flex;height:100%;flex-direction:column;position:relative}
.cases-list .cases-list-item .img{width:100%;aspect-ratio:520/320;flex:0 0 auto;background:#eef3f7;overflow:hidden}
.cases-list .cases-list-item .img .pic{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .45s ease}
.cases-list .cases-list-item:hover .img .pic{transform:scale(1.06)}
.cases-list .cases-list-item .img .img-block{display:none}
.cases-list .cases-list-item .img::after{content:"";position:absolute;left:0;right:0;top:0;height:72px;background:linear-gradient(180deg,rgba(8,17,31,.45),rgba(8,17,31,0));pointer-events:none;z-index:1}
.cases-list .cases-list-item .column{position:absolute;left:14px;top:14px;z-index:2;height:auto;min-height:32px;max-width:calc(100% - 28px);padding:7px 13px;border-radius:999px;background:rgba(10,24,42,.82);border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 24px rgba(0,0,0,.22);backdrop-filter:blur(14px);color:#fff;font-size:13px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cases-list .cases-list-item .column::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:999px;background:#c8ff00;box-shadow:0 0 0 4px rgba(200,255,0,.14);vertical-align:middle}
.cases-list .cases-list-item .text-box{position:static!important;display:flex;flex:1 1 auto;width:100%}
.cases-list .cases-list-item .text-box .title{position:static!important;display:flex;min-height:174px;height:auto!important;padding:20px 22px 18px!important;flex:1 1 auto;flex-direction:column;justify-content:space-between;background:#fff!important}
.cases-list .cases-list-item .text-box h3{min-height:50px;margin:0 0 9px;color:#0f172a;font-size:18px!important;font-weight:900;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cases-list .cases-list-item .text-box h5{min-height:48px;margin:0 0 15px;color:#64748b!important;font-size:14px!important;line-height:1.65;opacity:1!important;max-height:none!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cases-list .cases-list-item .text-box .more{position:static!important;margin-top:auto;color:#0863c4;font-weight:900}
.cases-list .cases-list-item .wl{display:none}
@media screen and (max-width:1180px){
    .cases-list>.container-outer{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:768px){
    .cases-app-filter{padding:1rem;border-radius:18px}
    .cases-app-filter-title{display:block}
    .cases-app-filter-title span{margin-bottom:.6rem}
    .cases-app-filter-title p{margin-top:.45rem}
    .cases-list>.container-outer{grid-template-columns:1fr}
}

/* Product detail hero */
.product-detail-page{background:#f4f7fb}
.product-detail-page .col-banner{display:none}
.product-detail-page .product-detail{padding:116px 0 72px;background:linear-gradient(180deg,#172637 0,#eef4f9 544px,#f4f7fb 100%)}
.product-detail-page .product-top{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(272px,.62fr) minmax(272px,.54fr);gap:16px;align-items:stretch;padding:20px 20px 118px;border-radius:28px;background:radial-gradient(circle at 12% 15%,rgba(120,200,12,.22),transparent 28%),radial-gradient(circle at 86% 12%,rgba(47,143,200,.38),transparent 34%),linear-gradient(135deg,#161d24,#27323b 58%,#155f85);box-shadow:0 28px 80px rgba(15,23,42,.28);color:#fff;overflow:hidden}
.product-detail-page .product-pic{width:100%;min-width:0;height:100%;border-radius:24px;overflow:hidden;background:#101820;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.product-detail-page .product-pic .swiper-wrapper,.product-detail-page .product-pic .swiper-slide{height:100%}
.product-detail-page .product-pic .swiper-slide{min-height:384px;background-size:contain;background-position:center;background-repeat:no-repeat}
.product-detail-page .product-pic .swiper-slide a,.product-detail-page .product-pic .swiper-slide ul,.product-detail-page .product-pic .swiper-slide li{display:block;width:100%;height:100%}
.product-detail-page .product-pic .swiper-slide img{width:100%;height:100%;object-fit:cover;opacity:0}
.product-detail-page .product-info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:20px 16px;color:#fff}
.product-detail-page .product-hero-kicker{display:inline-flex;width:max-content;margin-bottom:16px;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);color:#dff6ff;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.product-detail-page .product-info h3{margin:0 0 9px;color:#fff;font-size:clamp(36px,4.5vw,70px);line-height:1.02;font-weight:900;letter-spacing:-.03em}
.product-detail-page .product-info h4{margin:0 0 18px;color:rgba(255,255,255,.86);font-size:20px;line-height:1.35;font-weight:700}
.product-detail-page .product-info .product-text{max-width:544px;margin:0 0 24px;color:rgba(255,255,255,.76);font-size:16px;line-height:1.75;border:0;padding:0}
.product-detail-page .product-hero-actions{display:flex;gap:11px;flex-wrap:wrap;min-width:0;font-size:14px}
.product-detail-page .product-info .ty-more a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:0;border-radius:999px;background:#c8ff00;color:#13200a;font-weight:900;box-shadow:0 14px 32px rgba(200,255,0,.22)}
.product-detail-page .product-info .ty-more a.where-buy-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:none}
.product-detail-page .product-info .ty-more a.where-buy-btn span{color:#fff}
.product-detail-page .product-info .ty-more a.where-buy-btn:hover{background:#fff;color:#0f3554;box-shadow:0 16px 34px rgba(15,23,42,.18)}
.product-detail-page .product-info .ty-more a.where-buy-btn:hover span{color:#0f3554}
.product-detail-page .product-info .ty-more a:before{display:none}
.product-detail-page .product-info .ty-more a span{color:#13200a;margin:0;font-size:inherit;line-height:1.25}
.product-detail-page .product-info .ty-more a:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(200,255,0,.28)}
.product-detail-page .product-hero-metrics{position:absolute;left:20px;right:20px;bottom:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:12px;padding:12px;border-radius:22px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px)}
.product-detail-page .product-hero-metrics .metric-card{min-height:78px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
.product-detail-page .product-hero-metrics--params .metric-card{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.product-detail-page .product-hero-metrics strong{color:#fff;font-size:20px;line-height:1.25}
.product-detail-page .product-hero-metrics span{margin-top:4px;color:rgba(255,255,255,.74);font-size:13px}
.product-detail-page .product-hero-metrics .metric-card-values{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;width:100%;min-width:0}
.product-detail-page .product-hero-metrics .metric-card-values em{display:grid;grid-template-columns:minmax(45px,max-content) minmax(0,1fr);align-items:baseline;gap:6px;width:100%;min-width:0;font-style:normal;text-align:left}
.product-detail-page .product-hero-metrics .metric-card-values em span{margin:0;color:rgba(255,255,255,.82);font-size:12px;font-weight:900;line-height:1.15;white-space:nowrap;word-break:keep-all}
.product-detail-page .product-hero-metrics .metric-card-values em strong{min-width:0;color:#fff;font-size:clamp(14px,1.05vw,17px);line-height:1.18;text-align:right;white-space:normal;overflow-wrap:anywhere}
.product-detail-page .product-hero-side{min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.product-detail-page .product-hero-side-head span{display:inline-flex;margin-bottom:6px;padding:5px 9px;border-radius:999px;background:rgba(200,255,0,.14);color:#c8ff00;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.product-detail-page .product-hero-side-head strong{display:block;color:#fff;font-size:17px;line-height:1.2;font-weight:900}
.product-detail-page .product-hero-case-list{display:flex;flex-direction:column;gap:9px;min-height:0}
.product-detail-page .product-hero-case{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;min-height:78px;padding:7px;border-radius:16px;background:rgba(255,255,255,.88);color:#0f172a;box-shadow:0 12px 26px rgba(15,23,42,.12);transition:.22s}
.product-detail-page .product-hero-case:hover{transform:translateY(-2px);background:#fff;box-shadow:0 18px 34px rgba(15,23,42,.18)}
.product-detail-page .product-hero-case i{display:block;width:100%;height:65px;border-radius:12px;background:center/cover no-repeat #dbe7f0}
.product-detail-page .product-hero-case span{min-width:0}
.product-detail-page .product-hero-case em{display:block;margin-bottom:4px;color:#64748b;font-size:11px;font-style:normal;font-weight:800;line-height:1}
.product-detail-page .product-hero-case strong{display:-webkit-box;color:#0f172a;font-size:13px;font-weight:900;line-height:1.22;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-detail-page .product-hero-case-empty{min-height:74px;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.1);border:1px dashed rgba(255,255,255,.22);color:rgba(255,255,255,.7);font-size:13px;font-weight:800;text-align:center}
.product-detail-page .product-hero-side-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:9px}
.product-detail-page .product-hero-side-actions a{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:70px;padding:14px 16px;border-radius:18px;text-decoration:none!important;transition:.22s}
.product-detail-page .product-hero-side-actions strong{color:inherit;font-size:16px;font-weight:900;line-height:1.15}
.product-detail-page .product-hero-side-actions span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:18px}
.product-detail-page .product-side-compare{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);color:#fff!important}
.product-detail-page .product-side-compare span{border:1px solid rgba(255,255,255,.5);color:#fff}
.product-detail-page .product-side-consult{background:#c8ff00;color:#15210b!important;box-shadow:0 14px 32px rgba(200,255,0,.2)}
.product-detail-page .product-side-consult span{background:#15210b;color:#c8ff00}
.product-detail-page .product-hero-side-actions a:hover{transform:translateY(-2px)}
.product-detail-page .product-bottom{margin-top:32px;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.12);overflow:hidden}
.product-detail-page .product-bottom-box{box-shadow:none}
.product-detail-page .product-bottom .product-bottom-nav{display:flex;gap:6px;padding:18px 22px 0;border-bottom:1px solid #edf2f7;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;scrollbar-width:thin}
.product-detail-page .product-bottom-nav li{flex:0 0 auto;display:block;float:none!important;padding:12px 16px;border-radius:999px 999px 0 0;color:#334155;font-weight:900;cursor:pointer;white-space:nowrap}
.product-detail-page .product-bottom-nav li.cur{background:#eaf6ff;color:#0863c4}
.product-detail-page .product-bottom-tab{padding:22px 25px 29px}
@media screen and (max-width:960px){
    .product-detail-page .product-detail{padding-top:88px}
    .product-detail-page .product-top{grid-template-columns:1fr;padding-bottom:23px}
    .product-detail-page .product-hero-side{grid-column:1}
    .product-detail-page .product-hero-metrics{position:static;grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}
    .product-detail-page .product-pic .swiper-slide{min-height:288px}
}
@media screen and (max-width:575px){
    .product-detail-page .product-hero-metrics{grid-template-columns:1fr}
    .product-detail-page .product-hero-metrics .metric-card{border-radius:18px;min-height:70px}
}

/* Product list refresh */
.product-list{padding:80px 0;background:linear-gradient(180deg,#f4f8fb 0,#fff 672px);overflow:visible}
.product-list>.container-outer{
    display:grid!important;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    width:100%!important;
    max-width:100%!important;
    --product-list-gutter:clamp(24px,5vw,72px);
}
.product-list>.container-outer::after{content:none;display:none}
.product-list>.container-outer>.product-showcase-stack,
.product-list>.container-outer>.product-toolbar-row,
.product-list>.container-outer>.right{
    grid-column:1 / -1;
    min-width:0;
    box-sizing:border-box;
}
.product-list>.container-outer>.product-showcase-stack{
    width:auto!important;
    max-width:none!important;
    margin-left:var(--product-list-gutter)!important;
    margin-right:var(--product-list-gutter)!important;
    margin-bottom:18px!important;
}
.product-list>.container-outer>.product-toolbar-row,
.product-list>.container-outer>.right{
    width:auto!important;
    max-width:none!important;
    margin-left:var(--product-list-gutter)!important;
    margin-right:var(--product-list-gutter)!important;
}
.product-showcase-head{position:relative;margin:0 0 20px;padding:32px;border-radius:24px;background:radial-gradient(circle at 12% 15%,rgba(120,200,12,.18),transparent 30%),radial-gradient(circle at 88% 12%,rgba(47,143,200,.26),transparent 34%),linear-gradient(135deg,#071426,#123a5b 62%,#2f8fc8);box-shadow:0 22px 60px rgba(15,23,42,.14);color:#fff;overflow:hidden}
.product-showcase-head span{display:inline-flex;margin-bottom:13px;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);color:#dff6ff;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.product-showcase-head h1{max-width:864px;margin:0;color:#fff;font-size:clamp(32px,4vw,58px);line-height:1.08;font-weight:900}
.product-showcase-head p{max-width:768px;margin:14px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.75}
.product-list .left{float:none!important;clear:both!important;position:relative!important;top:auto!important;width:100%!important;margin:0 0 24px!important;padding:18px!important;box-shadow:0 16px 42px rgba(15,23,42,.08)!important;border:1px solid rgba(8,99,196,.08);border-radius:22px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px)}
.product-list .left h3{display:none!important}
.product-list .left ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;align-items:stretch}
.product-list .left li{position:relative;min-width:0;margin:0!important;padding:9px;border-radius:18px;background:#f7fbff;border:1px solid rgba(15,23,42,.05);transition:.22s}
.product-list .left li.active{background:linear-gradient(180deg,#f8fcff,#eef8ff);border-color:rgba(8,99,196,.18);box-shadow:0 14px 34px rgba(8,99,196,.09)}
.product-list .left li h4{padding:0!important;margin:0!important}
.product-list .left li h4:before,.product-list .left li h4:after{display:none!important}
.product-list .left li h4 a{display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;padding:11px 14px;border-radius:14px;background:#fff;color:#334155!important;font-size:15px!important;font-weight:900;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04);transition:.22s}
.product-list .left li h4 a:after{content:"";width:7px;height:7px;border-radius:50%;background:#cbd5e1;transition:.22s}
.product-list .left li.active h4 a,.product-list .left li h4 a:hover{background:linear-gradient(135deg,#2f8fc8,#0863c4);color:#fff!important;box-shadow:0 10px 24px rgba(8,99,196,.18);transform:translateY(-1px)}
.product-list .left li.active h4 a:after,.product-list .left li h4 a:hover:after{background:#c8ff00}
.product-list .left li .pro-second{display:none;width:100%;margin:9px 0 0!important;padding:9px 0 0!important;border:0!important;border-top:1px dashed rgba(8,99,196,.16)!important;border-radius:0;background:transparent}
.product-list .left li.active .pro-second{display:grid!important;grid-template-columns:1fr;gap:7px}
.product-list .left li .pro-second h6,.product-list .left li .pro-second .pro-third{margin:0!important;padding:0!important}
.product-list .left li .pro-second h6 a,.product-list .left li .pro-second .pro-third a{display:block;padding:8px 10px!important;border-radius:10px;background:#fff;color:#64748b!important;font-size:14px!important;font-weight:800!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-list .left li .pro-second h6 a:before,.product-list .left li .pro-second .pro-third a:before{display:none!important}
.product-list .left li .pro-second h6.active a,.product-list .left li .pro-second h6 a:hover,.product-list .left li .pro-second .pro-third.active a,.product-list .left li .pro-second .pro-third a:hover{background:#eaf6ff;color:#0863c4!important}
.product-list .right{float:none!important;clear:both!important;width:100%!important;margin-left:0!important}
.product-list .right .list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-list .right .list .product-item{display:flex;min-width:0;margin:0;padding:0}
.product-list .right .list a.js-product-card{float:none!important;width:auto!important;max-width:none!important;clear:none!important;margin:0!important;display:flex!important;flex-direction:column;height:100%;border-radius:22px!important;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.08)!important;border:1px solid rgba(226,232,240,.95);overflow:hidden;transition:.25s}
.product-list .right .list a.js-product-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(8,99,196,.16)!important}
.product-list .right .list a.js-product-card:before{display:none!important}
.product-list .right .list .title{position:static!important;display:block!important;width:100%;padding:18px 20px 6px;background:#fff;color:#0f172a}
.product-list .right .list .title h3{margin:0;color:#0f172a;font-size:17px;font-weight:900;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-list .right .list .text{position:static!important;opacity:1!important;transform:none!important;width:100%;padding:0 20px 18px;text-align:left;color:#64748b;background:#fff}
.product-list .right .list .text h3{display:none}
.product-list .right .list .text p{padding:0;color:#64748b;font-size:14px;line-height:1.55}
.product-list .right .list .img{width:100%;aspect-ratio:600/410;background:linear-gradient(165deg,#f1f5f9 0%,#fff 55%,#f8fafc 100%);overflow:hidden}
.product-list .right .list .img .pic{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}
.product-list .right .list .img .img-block{display:none}
@media screen and (max-width:1100px){.product-list .left ul{grid-template-columns:repeat(2,minmax(0,1fr))}.product-list .right .list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:640px){.product-showcase-head{padding:22px;border-radius:18px}.product-list .right .list{grid-template-columns:1fr}.product-list .left ul{grid-template-columns:1fr}.product-list .left li h4 a{width:100%}.product-list .left li.active .pro-second{grid-template-columns:1fr}}

/* Desktop dropdowns use delayed JS activation to avoid accidental hover opens. */
@media screen and (min-width:769px){
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases):not(.submenu-open) > ul,
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases):not(.submenu-open):hover > ul{left:-9999px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
    .header .header-nav > ul > li.has-sub:not(.nav-product):not(.nav-service):not(.nav-cases).submenu-open > ul{left:auto!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
    .header .header-nav > ul > li.nav-product:not(.submenu-open):hover > ul,
    .header .header-nav > ul > li.nav-service:not(.submenu-open):hover > ul,
    .header .header-nav > ul > li.nav-cases:not(.submenu-open):hover > ul{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,10px)!important}
    .header .header-nav > ul > li.nav-product.submenu-open > ul,
    .header .header-nav > ul > li.nav-service.submenu-open > ul,
    .header .header-nav > ul > li.nav-cases.submenu-open > ul{display:grid!important;left:50vw!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
}

/* Product category filter: keep large product sets compact. */
.product-list .left{padding:16px!important}
.product-list .left ul{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;align-items:start}
.product-list .left li{padding:6px;border-radius:16px;background:#f8fbff}
.product-list .left li.active{grid-column:1/-1;order:-1;padding:9px;background:linear-gradient(180deg,#f8fcff,#edf8ff)}
.product-list .left li h4 a{min-height:38px;padding:9px 11px;border-radius:12px;font-size:14px!important}
.product-list .left li .pro-second{max-height:0;margin:0!important;padding:0!important;border:0!important;overflow:hidden}
.product-list .left li.active .pro-second{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:7px;max-height:224px;margin:9px 0 0!important;padding:9px 2px 2px!important;border-top:1px dashed rgba(8,99,196,.16)!important;overflow:auto}
.product-list .left li .pro-second h6 a,.product-list .left li .pro-second .pro-third a{padding:7px 9px!important;border-radius:999px;font-size:13px!important;text-align:center}
.product-list .left li .pro-second h6.active a,.product-list .left li .pro-second h6 a:hover,.product-list .left li .pro-second .pro-third.active a,.product-list .left li .pro-second .pro-third a:hover{background:linear-gradient(135deg,#eaf6ff,#fff);box-shadow:inset 0 0 0 1px rgba(8,99,196,.18)}
@media screen and (max-width:1100px){.product-list .left ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media screen and (max-width:640px){.product-list .left ul{grid-template-columns:1fr}.product-list .left li.active .pro-second{grid-template-columns:repeat(2,minmax(0,1fr));max-height:288px}}

/* Product category only + comparison prompt */
.product-list .left{display:grid;grid-template-columns:minmax(0,1fr) minmax(272px,336px);gap:12px;align-items:stretch}
.product-list .left ul{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.product-list .left li.active{grid-column:auto!important;order:0!important;padding:6px!important}
.product-list .left li .pro-second,.product-list .left li.active .pro-second{display:none!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important}
.product-list .left li h4 a{justify-content:center;text-align:center;min-height:38px}
.product-list .left li h4 a:after{position:absolute;right:9px}
.product-compare-cta{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#071426,#123a5b 62%,#2f8fc8);color:#fff!important;text-decoration:none!important;box-shadow:0 16px 36px rgba(8,99,196,.13);overflow:hidden;position:relative}
.product-compare-cta:before{content:"";position:absolute;right:-32px;top:-32px;width:112px;height:112px;border-radius:50%;background:rgba(200,255,0,.16)}
.product-compare-cta strong{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;font-size:16px;font-weight:900;line-height:1.25}
.product-compare-cta strong:after{content:"↗";display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0b3861;font-size:18px}
.product-compare-cta span{position:relative;display:block;margin-top:8px;color:rgba(255,255,255,.76);font-size:13px;font-weight:700;line-height:1.5}
@media screen and (max-width:1100px){.product-list .left{grid-template-columns:1fr}.product-list .left ul{grid-template-columns:repeat(3,minmax(0,1fr))}.product-compare-cta{min-height:auto}}
@media screen and (max-width:640px){.product-list .left ul{grid-template-columns:repeat(2,minmax(0,1fr))}.product-compare-cta{padding:14px}}

/* Product list hero: title + series tabs + application scenarios in one block. */
.product-list{padding-top:112px!important}
.product-showcase-stack{
    margin:0 0 18px;
    border-radius:24px;
    overflow:hidden;
    background:radial-gradient(circle at 12% 15%,rgba(120,200,12,.18),transparent 30%),radial-gradient(circle at 88% 12%,rgba(47,143,200,.26),transparent 34%),linear-gradient(135deg,#071426,#123a5b 62%,#2f8fc8);
    box-shadow:0 22px 60px rgba(15,23,42,.14);
    border:1px solid rgba(255,255,255,.12);
}
.product-showcase-stack .product-showcase-head{
    display:flex;align-items:center;justify-content:space-between;gap:22px;
    margin:0!important;padding:28px 48px 22px!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.product-showcase-copy{position:relative;z-index:1;min-width:0}
.product-showcase-head .product-showcase-copy span{display:inline-flex}
.product-showcase-stack .left{
    display:block!important;margin:0!important;padding:14px 48px 16px!important;
    border-radius:0!important;
    background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;backdrop-filter:none!important;
}
.product-showcase-stack .left ul{grid-template-columns:repeat(6,minmax(0,1fr))}
.product-showcase-stack .left li{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.12)!important}
.product-showcase-stack .left li.active{background:rgba(255,255,255,.16)!important;border-color:rgba(200,255,0,.38)!important;box-shadow:inset 0 0 0 1px rgba(200,255,0,.12)!important}
.product-showcase-stack .left li h4 a{background:rgba(255,255,255,.9)!important;color:#0b3861!important;box-shadow:none!important}
.product-showcase-stack .left li.active h4 a,.product-showcase-stack .left li h4 a:hover{background:#fff!important;color:#0863c4!important}
.product-showcase-stack .product-showcase-app-filter{
    margin:0!important;padding:14px 48px 20px!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
}
.product-showcase-stack .product-showcase-app-filter .cases-app-filter-title{margin-bottom:10px!important}
.product-showcase-stack .product-showcase-app-filter .cases-app-filter-title h2{font-size:clamp(22px,2.4vw,32px)!important}
.product-showcase-stack .product-showcase-app-filter .cases-app-filter-rail{margin-top:10px!important}
.product-compare-cta--hero{flex:0 0 min(352px,36%);min-height:115px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 40px rgba(0,0,0,.12);backdrop-filter:blur(12px)}
.product-compare-cta--hero:before{right:-29px;top:-29px;background:rgba(200,255,0,.2)}
.product-compare-cta--hero strong:after{background:#fff;color:#0b3861}
.product-toolbar-row{margin:0 0 18px;width:100%}
.product-toolbar-row .product-view-toolbar{margin:0;width:100%;max-width:none}
.product-view-toolbar-start{
    display:flex;align-items:center;justify-content:flex-start;gap:18px;
    flex:1 1 0;min-width:0;flex-wrap:wrap;
}
.product-view-toolbar .product-sort-wrap{
    display:flex;align-items:center;gap:10px;flex:0 0 auto;
    margin-left:auto;padding-left:18px;border-left:1px solid rgba(8,99,196,.12);
    background:transparent;border-radius:0;box-shadow:none;
}
.product-view-toolbar .product-sort-wrap label{margin:0;color:#64748b;font-size:13px;font-weight:800;white-space:nowrap}
.product-view-toolbar .product-sort-select{
    min-width:200px;width:min(280px,32vw);border:1px solid rgba(8,99,196,.14);border-radius:12px;
    padding:8px 12px;font-size:13px;font-weight:700;color:#0f172a;background:#fff;
}
@media screen and (max-width:900px){
    .product-list>.container-outer{
        --product-list-gutter:clamp(16px,4vw,32px);
    }
    .product-list>.container-outer>.product-showcase-stack{
        margin-left:var(--product-list-gutter)!important;
        margin-right:var(--product-list-gutter)!important;
    }
    .product-showcase-stack .product-showcase-head{flex-direction:column;align-items:flex-start;padding:22px 32px 16px!important}
    .product-showcase-stack .left{padding-left:32px!important;padding-right:32px!important}
    .product-showcase-stack .product-showcase-app-filter{padding-left:32px!important;padding-right:32px!important}
    .product-compare-cta--hero{width:100%;flex:auto;min-height:auto}
    .product-showcase-stack .left ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (max-width:640px){
    .product-list>.container-outer{
        --product-list-gutter:14px;
    }
    .product-list>.container-outer>.product-showcase-stack{
        margin-left:var(--product-list-gutter)!important;
        margin-right:var(--product-list-gutter)!important;
    }
    .product-showcase-stack{border-radius:18px}
    .product-showcase-stack .product-showcase-head{padding-left:24px!important;padding-right:24px!important}
    .product-showcase-stack .left{padding-left:24px!important;padding-right:24px!important}
    .product-showcase-stack .left ul{grid-template-columns:repeat(2,minmax(0,1fr))}
    .product-showcase-stack .product-showcase-app-filter{padding:12px 24px 16px!important}
}

/* Product list view modes */
.product-list>.container-outer>.product-view-toolbar,
.product-toolbar-row .product-view-toolbar{
    display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;
    width:100%;max-width:none;box-sizing:border-box;
    margin:0;padding:16px 28px;border-radius:18px;
    background:rgba(255,255,255,.94);border:1px solid rgba(8,99,196,.08);box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.product-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(8,99,196,.08);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.product-view-title{display:flex;flex-direction:column;gap:3px;min-width:0}
.product-view-title strong{color:#0f172a;font-size:16px;font-weight:900}
.product-view-title span{color:#64748b;font-size:13px;font-weight:700}
.product-view-actions{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:#eef6ff;border:1px solid rgba(8,99,196,.08);white-space:nowrap}
.product-view-btn{appearance:none;border:0;border-radius:999px;background:transparent;color:#416075;cursor:pointer;font-size:13px;font-weight:900;padding:9px 14px;transition:.2s}
.product-view-btn:hover{color:#0863c4;background:rgba(255,255,255,.72)}
.product-view-btn.active{background:linear-gradient(135deg,#2f8fc8,#0863c4);color:#fff;box-shadow:0 10px 22px rgba(8,99,196,.18)}
.product-card-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:12px;padding:7px 12px;border-radius:999px;background:#0b3861;color:#fff;font-size:13px;font-weight:900;line-height:1}
.product-list .right .list a.js-product-card{display:flex!important;flex-direction:column;height:100%;background:#fff;color:inherit!important;border-radius:22px;overflow:hidden;box-shadow:0 16px 42px rgba(15,23,42,.08);border:1px solid rgba(226,232,240,.95);transition:.25s;cursor:pointer;position:relative}
.product-list .right .list a.js-product-card::after{content:"";position:absolute;inset:0;z-index:8;cursor:pointer}
.product-list .right .list a.js-product-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(8,99,196,.16)}
.product-list .right .list a.js-product-card .img{order:1;position:relative;aspect-ratio:600/410;background:linear-gradient(165deg,#f1f5f9 0%,#fff 55%,#f8fafc 100%);overflow:hidden}
.product-list .right .list a.js-product-card .img .pic{height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;transition:transform .35s ease}
.product-list .right .list a.js-product-card:hover .img .pic{transform:scale(1.03)}
.product-list .right .list a.js-product-card .product-list-stack{order:2;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}
.product-list .right .list a.js-product-card .product-list-stack .title{display:block!important;position:static!important;padding:20px 20px 6px!important;background:#fff!important;text-align:left!important;opacity:1!important}
.product-list .right .list a.js-product-card .product-list-stack .title h3{margin:0;color:#0f172a!important;font-size:18px!important;font-weight:900!important;line-height:1.38!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-list .right .list a.js-product-card .product-list-stack .text{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;display:flex!important;flex-direction:column;align-items:flex-start;flex:1 1 auto;min-height:72px;padding:0 20px 6px!important;background:#fff!important;color:#64748b!important;text-align:left!important;opacity:1!important;z-index:1!important}
.product-list .right .list a.js-product-card .product-list-stack .text h3{display:none!important}
.product-list .right .list a.js-product-card .product-list-stack .text p{min-height:40px;margin:0;color:#64748b!important;font-size:14px!important;line-height:1.55!important;padding:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-list .right .list a.js-product-card .product-app-tags-wrap{order:3;width:100%;padding:0 20px 12px;box-sizing:border-box}
.product-list .right .list a.js-product-card .product-card-footer{order:4;display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding:14px 20px 18px;border-top:1px solid rgba(226,232,240,.92);background:linear-gradient(180deg,rgba(248,250,252,.65),#fff)}
.product-list .right .list a.js-product-card .product-card-action{margin-top:0;padding:8px 14px;font-size:12px;font-weight:900;letter-spacing:.02em}
.product-list .right .list .product-app-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.product-list .right .list .product-app-tags span{display:inline-flex;align-items:center;max-width:100%;padding:5px 11px;border-radius:999px;background:#eef6ff;color:#0b3861!important;font-size:12px;font-weight:800;border:1px solid rgba(8,99,196,.14);line-height:1.2}
.product-list .right .list .product-app-tags-empty{display:inline-block;color:#94a3b8;font-size:13px;font-weight:700}
.product-list .right .list a.js-product-card:hover .title{display:block!important}
.product-list .right .list a.js-product-card:hover .text{opacity:1!important}
.product-list .right .list a.js-product-card .img::before{display:none!important}
.product-list .right .list.product-view-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-list .right .list.product-view-compact a.js-product-card{border-radius:16px!important}
.product-list .right .list.product-view-compact .img{aspect-ratio:1.18/1}
.product-list .right .list.product-view-compact .product-list-stack .title{padding:14px 15px 4px}
.product-list .right .list.product-view-compact .product-list-stack .title h3{font-size:15px;line-height:1.36}
.product-list .right .list.product-view-compact .product-list-stack .text{padding:0 15px 14px}
.product-list .right .list.product-view-compact .product-list-stack .text p{min-height:40px;font-size:13px}
.product-list .right .list.product-view-compact .product-card-action{display:none}
.product-list .right .list.product-view-list{grid-template-columns:1fr!important;gap:12px}
/* 列表行容器：单行内子链默认不 flex 伸展 + width:auto，易缩成「窄条」导致列错位 */
.product-list .right .list.product-view-list .product-item{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important}
.product-list .right .list.product-view-list .product-item > a.js-product-card{flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
/*
 * 列表模式：必须用 grid 固定四列（缩略图 / 信息 / 场景 / 操作）。
 * 上方通用规则 a.js-product-card { display:flex!important } 会压过模板内联的 grid，导致「查看详情」随 flex 流跑到场景列一侧。
 * 此处用同等 !important + 更高选择器优先级覆盖 flex，并去掉子项 order，避免与 grid-area 错位。
 */
.product-list .right .list.product-view-list a.js-product-card{
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr) minmax(128px,240px) 100px;
    grid-template-areas:'plc-thumb plc-meta plc-tags plc-action';
    gap:10px 16px;
    align-items:center;
    flex-direction:unset!important;
    height:auto!important;
    min-height:0;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
.product-list .right .list.product-view-list a.js-product-card .img,
.product-list .right .list.product-view-list a.js-product-card .product-list-stack,
.product-list .right .list.product-view-list a.js-product-card .product-app-tags-wrap,
.product-list .right .list.product-view-list a.js-product-card .product-card-footer{
    order:0!important;
}
.product-list .right .list.product-view-list a.js-product-card .img{grid-area:plc-thumb}
.product-list .right .list.product-view-list a.js-product-card .product-list-stack{grid-area:plc-meta;min-width:0}
.product-list .right .list.product-view-list a.js-product-card .product-app-tags-wrap{grid-area:plc-tags;min-width:0;width:auto!important;padding:0!important}
.product-list .right .list.product-view-list a.js-product-card .product-card-footer{
    grid-area:plc-action;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    margin-top:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
.product-list .right .list.product-view-list > .product-item:nth-child(2n) a.js-product-card{background:#f8fafc!important}
.product-list .right .list.product-view-list > .product-item:nth-child(2n+1) a.js-product-card{background:#fff!important}
.product-list .right .list.product-view-list > .product-item:hover a.js-product-card{background:#f0f7ff!important}
@media screen and (max-width:991px){
    .product-list .right .list.product-view-list a.js-product-card .product-app-tags-wrap{padding:2px 0 0!important}
    .product-list .right .list.product-view-list a.js-product-card .product-card-footer{justify-content:flex-start!important}
}
/* 列表模式（其它细样式仍可由 list_product.html 内联补充） */
@media screen and (max-width:1100px){.product-list .right .list.product-view-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media screen and (max-width:760px){
    .product-list>.container-outer>.product-view-toolbar,
    .product-toolbar-row .product-view-toolbar{flex-wrap:wrap;padding:14px 16px}
    .product-view-toolbar{align-items:stretch;flex-direction:column}
    .product-view-toolbar-start{flex-direction:column;align-items:stretch;width:100%}
    .product-view-toolbar .product-sort-wrap{margin-left:0;padding-left:0;padding-top:12px;border-left:0;border-top:1px solid rgba(8,99,196,.1);width:100%;justify-content:space-between}
    .product-view-toolbar .product-sort-select{flex:1 1 auto;width:auto;max-width:none;min-width:0}
    .product-view-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));white-space:normal;width:100%}
    .product-view-btn{padding:9px 6px}
    .product-list .right .list.product-view-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Compact case filters and image badges: keep photos readable. */
.cases-list{padding-top:86px!important}
.cases-list .img .column{position:absolute!important;left:12px!important;top:12px!important;right:12px!important;bottom:auto!important;z-index:8!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;width:auto!important;height:auto!important;background:transparent!important;padding:0!important;color:inherit!important;writing-mode:horizontal-tb!important;transform:none!important}
.cases-list .img .column span{display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.42);color:#0b3861;font-size:12px;font-weight:900;line-height:1.1;box-shadow:0 8px 18px rgba(15,23,42,.13);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cases-list .img .column span:before{content:"";width:5px;height:5px;margin-right:5px;border-radius:50%;background:#c8ff00;box-shadow:0 0 0 2px rgba(200,255,0,.22)}
.cases-list .text-box .title h5{display:none!important}
.cases-material-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.cases-material-tags span,.cases-material-tags a{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#eef7ff;color:#0863c4!important;border:1px solid rgba(8,99,196,.1);font-size:12px;font-weight:900;line-height:1.1;white-space:nowrap;text-decoration:none!important}
.cases-material-tags span:before,.cases-material-tags a:before{content:"MAT";margin-right:5px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.04em}
.cases-material-tags a:hover{background:#0863c4;color:#fff!important;border-color:#0863c4;transform:translateY(-1px)}
.cases-material-tags a:hover:before{color:rgba(255,255,255,.7)}
.cases-card-main,.cases-card-title-link{display:block;color:inherit;text-decoration:none!important}
.cases-card-title-link:hover h3{color:#0863c4!important}
.js-case-card{cursor:pointer}
.product-list>.container-outer>.cases-app-filter{margin-bottom:16px!important;padding:16px 18px 14px!important;border-radius:20px!important}
.product-list>.container-outer>.cases-app-filter .cases-app-filter-title{margin-bottom:10px!important;align-items:center!important}
.product-list>.container-outer>.cases-app-filter .cases-app-filter-title h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.06!important}
.product-list>.container-outer>.cases-app-filter .cases-app-filter-title p{font-size:14px!important;line-height:1.45!important}
.product-list .cases-app-filter-scroll{gap:8px!important;padding:2px 2px 5px!important}
.product-list .cases-app-filter-chip{min-height:36px!important;padding:5px 12px 5px 7px!important;gap:7px!important;border-radius:999px!important;font-size:13px!important}
.product-list .cases-app-filter-chip i{width:38px!important;height:24px!important;border-radius:999px!important;flex:0 0 38px!important}
.product-list .cases-app-filter-chip span{font-size:13px!important;line-height:1!important}
.cases-list .cases-list-item .img::after{height:52px!important;background:linear-gradient(180deg,rgba(8,17,31,.42),rgba(8,17,31,0))!important}
.cases-list .cases-list-item .column{left:12px!important;top:12px!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:calc(100% - 24px)!important;padding:6px 11px!important;border-radius:999px!important;background:rgba(8,22,39,.78)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1.1!important;letter-spacing:0!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;transform:none!important;backdrop-filter:blur(12px)!important}
.cases-list .cases-list-item .column::before{width:6px!important;height:6px!important;margin-right:6px!important;vertical-align:1px!important}
.cases-list .cases-list-item .text-box .title{min-height:150px!important;padding:18px 20px 16px!important}
.cases-list .cases-list-item .text-box h3{min-height:auto!important;margin-bottom:8px!important;color:#0b1728!important;font-size:18px!important;line-height:1.35!important}
.cases-list .cases-list-item .text-box h5{min-height:auto!important;color:#475569!important;font-size:14px!important;line-height:1.55!important}

/* Case detail refresh: project-style overview, material tags and support actions. */
.cases-detail{background:linear-gradient(180deg,#f4f8fb 0,#fff 680px)!important;overflow:hidden}
.cases-detail .container{width:100%;max-width:none;padding:0}
.case-detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(288px,.72fr);gap:18px;padding:22px;border-radius:28px;background:radial-gradient(circle at 8% 8%,rgba(200,255,0,.18),transparent 28%),radial-gradient(circle at 88% 12%,rgba(47,143,200,.34),transparent 36%),linear-gradient(135deg,#071426,#123a5b 62%,#2f8fc8);box-shadow:0 28px 76px rgba(15,23,42,.2);color:#fff;overflow:hidden}
.case-detail-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px 6px}
.case-detail-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.case-detail-kicker span,.case-detail-kicker em{display:inline-flex;align-items:center;min-height:31px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:900;line-height:1;font-style:normal}
.case-detail-kicker span{background:#c8ff00;color:#10210a}
.case-detail-kicker em{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#dff6ff;text-transform:uppercase;letter-spacing:.08em}
.case-detail-hero h1{max-width:800px;margin:0;color:#fff;font-size:clamp(32px,4.2vw,67px);font-weight:900;line-height:1.06;letter-spacing:-.04em}
.case-detail-hero p{max-width:704px;margin:16px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.75}
.case-detail-hero-media{min-height:288px;border-radius:22px;background:center/cover no-repeat rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 18px 44px rgba(0,0,0,.18)}
.case-detail-materials,.case-side-materials{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.case-detail-materials{margin-top:18px}
.case-detail-materials a,.case-detail-materials span,.case-side-materials a,.case-side-materials em{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:#0863c4!important;border:1px solid rgba(255,255,255,.28);font-size:12px;font-weight:900;line-height:1.1;text-decoration:none!important;font-style:normal;white-space:nowrap}
.case-detail-materials a:before,.case-detail-materials span:before,.case-side-materials a:before,.case-side-materials em:before{content:"MAT";margin-right:5px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.04em}
.case-detail-materials a:hover,.case-side-materials a:hover{background:#c8ff00;color:#11210a!important;transform:translateY(-1px)}
.case-detail-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:22px}
.case-detail-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:999px;font-weight:900;text-decoration:none!important;transition:.22s}
.case-action-primary{background:#fff;color:#0b3861!important;box-shadow:0 14px 32px rgba(0,0,0,.16)}
.case-action-secondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff!important}
.case-detail-actions a:hover{transform:translateY(-2px)}
.case-detail-meta{display:flex!important;flex-wrap:nowrap;align-items:stretch;margin:16px 0 18px!important;padding:0!important;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(8,99,196,.08);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.case-detail-meta .case-meta-item{flex:1 1 0;min-width:0;min-height:58px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:4px;margin:0!important;padding:12px 10px;border-radius:0;background:transparent;border:none;border-right:1px solid rgba(8,99,196,.08);box-shadow:none;text-align:center}
.case-detail-meta .case-meta-item:last-child{border-right:none}
.case-detail-meta strong{display:block;color:#64748b;font-size:12px;font-weight:800;line-height:1.2}
.case-detail-meta em{display:block;color:#0f172a!important;font-size:14px;font-weight:900;font-style:normal;line-height:1.35;max-width:100%;word-break:break-word}
.case-detail-category-picker{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:1 1 280px;min-width:min(100%,220px);max-width:min(100%,560px)}
.case-detail-category-picker-label{display:block;color:#64748b;font-size:12px;font-weight:800;line-height:1.2;text-align:right}
.case-detail-category-rail{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.case-detail-category-chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 14px;border-radius:999px;background:#f1f7fc;border:1px solid rgba(8,99,196,.14);color:#0b3861!important;font-size:13px;font-weight:900;line-height:1.2;text-decoration:none!important;white-space:nowrap;transition:.2s}
.case-detail-category-chip:hover,.case-detail-category-chip.active{background:#0b3861;color:#fff!important;border-color:#0b3861;transform:translateY(-1px)}
.case-detail-category-fallback{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;padding:0 16px;border-radius:14px;background:#0b3861;color:#fff!important;font-weight:900;text-decoration:none!important}
.cases-detail-main{padding:26px!important;border-radius:24px;background:#fff;box-shadow:0 20px 54px rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.05);color:#334155;line-height:1.85}
.cases-detail-main img{border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.case-detail-support{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(8,99,196,.08);box-shadow:0 18px 48px rgba(15,23,42,.08)}
.case-detail-support span{display:block;margin-bottom:8px;color:#0f172a;font-size:17px;font-weight:900}
.case-detail-support p{margin:0;color:#64748b;font-size:14px;line-height:1.6}
.case-detail-support>a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;padding:0 16px;border-radius:14px;background:#0b3861;color:#fff!important;font-weight:900;text-decoration:none!important}
@media screen and (max-width:900px){.case-detail-hero{grid-template-columns:1fr}.case-detail-meta{flex-wrap:wrap}.case-detail-meta .case-meta-item{flex:1 1 calc(50% - 1px);min-height:52px;border-right:1px solid rgba(8,99,196,.08);border-bottom:1px solid rgba(8,99,196,.08)}.case-detail-meta .case-meta-item:nth-child(2n){border-right:none}.case-detail-meta .case-meta-item:nth-last-child(-n+2){border-bottom:none}.case-detail-support{align-items:stretch;flex-direction:column}.case-detail-category-picker{align-items:flex-start;max-width:100%}.case-detail-category-picker-label{text-align:left}.case-detail-category-rail{justify-content:flex-start}.case-detail-category-fallback{width:100%}}

/* Product detail hero: give the product info column enough room for one-line names. */
.product-detail-page .product-top{position:relative;display:grid!important;grid-template-columns:minmax(0,.76fr) minmax(24rem,.98fr) minmax(14rem,.42fr);gap:16px;align-items:stretch;padding:20px 20px 143px;border-radius:28px;background:radial-gradient(circle at 12% 15%,rgba(120,200,12,.22),transparent 28%),radial-gradient(circle at 86% 12%,rgba(47,143,200,.38),transparent 34%),linear-gradient(135deg,#161d24,#27323b 58%,#155f85);box-shadow:0 28px 80px rgba(15,23,42,.28);color:#fff}
.product-detail-page .product-pic{min-width:0;border-radius:24px;overflow:hidden;background:#101820;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.product-detail-page .product-info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:19px 18px;color:#fff}
.product-detail-page .product-hero-kicker{display:inline-flex;width:max-content;max-width:100%;margin-bottom:14px;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);color:#dff6ff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-detail-page .product-info h3{max-width:100%;margin:0 0 9px;color:#fff;font-size:clamp(27px,2.6vw,49px);line-height:1.08;font-weight:900;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-detail-page .product-info h4{max-width:100%;margin:0 0 16px;color:rgba(255,255,255,.86);font-size:18px;line-height:1.3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-detail-page .product-info .product-text{width:200%;max-width:min(1088px,calc(100vw - 40px));margin:0 0 22px;color:rgba(255,255,255,.76);font-size:8px;line-height:1.62;border:0;padding:0;text-align:left}
.product-detail-page .product-hero-metrics{bottom:14px!important}
/* Product detail lower content: modern card tabs and readable content area. */
.product-detail-page .product-bottom{padding-top:34px!important}
.product-detail-page .product-bottom-box{min-height:0!important;padding:16px!important;border-radius:28px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid rgba(8,99,196,.08)!important;box-shadow:0 24px 70px rgba(15,23,42,.1)!important;overflow:hidden!important}
.product-detail-page .product-bottom-nav{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:4px 4px 16px!important;overflow-x:auto;scrollbar-width:none}
.product-detail-page .product-bottom-nav::-webkit-scrollbar{display:none}
.product-detail-page .product-bottom-nav li{float:none!important;position:relative!important;flex:0 0 auto;margin:0!important;padding:12px 17px!important;border-radius:999px!important;background:#f1f7fc;color:#334155!important;font-size:14px!important;font-weight:900!important;line-height:1!important;white-space:nowrap;transition:.22s}
.product-detail-page .product-bottom-nav li:hover{background:#e5f3ff;color:#0863c4!important;transform:translateY(-1px)}
.product-detail-page .product-bottom-nav li.cur{background:linear-gradient(135deg,#2f8fc8,#0863c4)!important;color:#fff!important;box-shadow:0 12px 26px rgba(8,99,196,.2)}
.product-detail-page .product-bottom-nav li.cur::after{display:none!important}
.product-detail-page .product-bottom-tab{border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.05);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.product-detail-page .product-bottom-tab .zc-detail-text{min-height:138px;padding:24px!important;overflow:hidden}
.product-detail-page .product-bottom-tab .zc-detail-text .text{min-height:112px;padding:0!important;color:#475569!important;font-size:15px!important;line-height:1.82!important}
.product-detail-page .product-bottom-tab .zc-detail-text .text:empty::before,.product-detail-page .product-solution-empty{display:flex;align-items:center;justify-content:center;min-height:116px;margin:0;padding:16px;border:1px dashed rgba(8,99,196,.18);border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);color:#94a3b8;font-size:14px;font-weight:800;text-align:center}
.product-detail-page .product-bottom-tab .zc-detail-text img{max-width:100%;height:auto;border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.08)}
.product-detail-page .product-bottom-tab .zc-detail-text table{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.product-detail-page .product-bottom-tab .product-download{padding:24px!important}
.product-detail-page .product-bottom-tab .product-download .download-item{min-height:54px;height:auto!important;border-radius:14px;border:1px solid rgba(15,23,42,.05);border-bottom:1px solid rgba(15,23,42,.05)!important;margin-bottom:8px;background:#fff}
.product-detail-page .product-bottom-tab .product-download .download-item.title{background:#eef7ff!important;color:#0b3861!important}
@media screen and (max-width:640px){
    .product-detail-page .product-bottom-box{padding:12px!important;border-radius:22px!important}
    .product-detail-page .product-bottom-nav{padding:0 0 12px!important}
    .product-detail-page .product-bottom-nav li{padding:10px 13px!important;font-size:13px!important}
    .product-detail-page .product-bottom-tab .zc-detail-text{padding:16px!important}
}
/* Header logo: only show one configured logo image. */
.header .header-logo .logo2{display:none!important}
.header .header-logo .logo1{display:block!important}
@media screen and (max-width:960px){.product-detail-page .product-top{grid-template-columns:1fr;padding-bottom:24px}.product-detail-page .product-info h3,.product-detail-page .product-info h4{white-space:normal}.product-detail-page .product-info .product-text{width:100%;max-width:none}}

/* Non-mobile header: keep logo, nav, language and search centered in the bar. */
@media screen and (min-width:769px){
    .header .header-content,
    .header .header-right,
    .header .header-nav,
    .header .header-nav > ul,
    .header .header-nav > ul > li,
    .header .header-search{
        height:58px!important;
        min-height:58px!important;
        display:flex!important;
        align-items:center!important;
    }
    .header .header-content{justify-content:space-between!important}
    .header .header-content .header-logo,
    .header .header-content .header-logo a{
        height:58px!important;
        display:flex!important;
        align-items:center!important;
    }
    .header .header-nav > ul > li{margin-top:0!important;margin-bottom:0!important}
    .header .header-nav > ul > li > a{
        height:58px!important;
        min-height:58px!important;
        line-height:1!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding-top:0!important;
        padding-bottom:0!important;
        transform:none!important;
    }
    .header .header-search{margin-top:0!important;margin-bottom:0!important}
    .header .header-search .lang,
    .header .header-search .search{
        height:58px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin-top:0!important;
        margin-bottom:0!important;
    }
    .header .header-search .lang a,
    .header .header-search .search a{
        height:36px!important;
        line-height:1!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding-top:0!important;
        padding-bottom:0!important;
    }
    .header .header-search .lang a::after,
    .header .header-search .search a::after{
        top:50%!important;
        transform:translateY(-50%) skewX(340deg)!important;
    }
    .header .header-search i,
    .header .header-search span{
        display:inline-flex!important;
        align-items:center!important;
        line-height:1!important;
        margin-top:0!important;
        margin-bottom:0!important;
        transform:none!important;
    }
    .header .header-search i img,
    .header .header-content .header-logo img{
        display:block!important;
        margin-top:0!important;
        margin-bottom:0!important;
        transform:none!important;
    }
    .header .header-nav > ul > li.nav-service > ul{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:8px!important;
        width:min(832px,calc(100vw - 16px))!important;
        max-width:calc(100vw - 16px)!important;
        max-height:calc(100vh - 74px)!important;
        padding:9px!important;
        border-radius:14px!important;
    }
    .header .header-nav > ul > li.nav-service > ul > li{border-radius:10px!important}
    .header .header-nav > ul > li.nav-service > ul > li > a{
        min-height:92px!important;
        padding:7px 8px 8px!important;
        font-size:12px!important;
        line-height:1.18!important;
    }
    .header .header-nav > ul > li.nav-service > ul > li > a::before{
        height:55px!important;
        margin-bottom:5px!important;
        border-radius:8px!important;
    }
    .header .header-nav > ul > li.nav-cases > ul{
        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        gap:6px!important;
        width:min(1024px,calc(100vw - 16px))!important;
        max-width:calc(100vw - 16px)!important;
        max-height:calc(100vh - 74px)!important;
        padding:8px!important;
        border-radius:14px!important;
        overflow:auto!important;
    }
    .header .header-nav > ul > li.nav-cases > ul > li{
        border-radius:10px!important;
        box-shadow:0 6px 16px rgba(15,23,42,.05)!important;
    }
    .header .header-nav > ul > li.nav-cases > ul > li > a{
        gap:4px!important;
        min-height:74px!important;
        padding:5px 6px 6px!important;
        font-size:11px!important;
        line-height:1.12!important;
    }
    .header .header-nav > ul > li.nav-cases > ul > li > a::before{
        aspect-ratio:2.3/1!important;
        border-radius:7px!important;
    }
}
@media screen and (min-width:769px) and (max-width:1180px){
    .header .header-nav > ul > li.nav-cases > ul{
        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        width:calc(100vw - 12px)!important;
        gap:5px!important;
        padding:6px!important;
    }
    .header .header-nav > ul > li.nav-cases > ul > li > a{
        min-height:68px!important;
        padding:4px 5px 5px!important;
        font-size:10px!important;
    }
    .header .header-nav > ul > li.nav-service > ul{
        width:min(784px,calc(100vw - 12px))!important;
        gap:6px!important;
        padding:7px!important;
    }
}

/* Product specifications synced from Material Parameters V2. */
.product-spec-basic{margin:0 0 22px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid rgba(8,99,196,.09);box-shadow:0 16px 40px rgba(15,23,42,.06)}
.product-spec-basic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:15px}
.product-spec-basic-head span{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:#eaf6ff;color:#0863c4;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.06em}
.product-spec-basic-head h4{flex:1 1 260px;margin:0;color:#0f172a;font-size:21px;line-height:1.2;font-weight:900}
.product-spec-basic-head p{flex:1 1 100%;margin:2px 0 0;color:#64748b;font-size:14px;line-height:1.55}
.product-spec-basic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.product-spec-basic-item{min-height:90px;padding:14px 15px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 8px 22px rgba(15,23,42,.04)}
.product-spec-basic-item span{display:block;margin-bottom:7px;color:#64748b;font-size:12px;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}
.product-spec-basic-item strong{display:block;color:#0f172a;font-size:16px;font-weight:900;line-height:1.36;word-break:break-word}
.product-spec-color-dots{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px;font-style:normal}
.product-spec-color-dots i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(15,23,42,.18);box-shadow:0 2px 6px rgba(15,23,42,.12)}
@media screen and (max-width:980px){.product-spec-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:560px){.product-spec-basic{padding:14px;border-radius:18px}.product-spec-basic-grid{grid-template-columns:1fr}.product-spec-basic-head h4{font-size:18px}}

/* Product hero metrics: five cards with clear multi-state values. */
.product-detail-page .product-hero-metrics{position:absolute;left:20px;right:20px;bottom:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;z-index:2}
.product-detail-page .product-hero-metrics .metric-card{min-height:76px;padding:11px 13px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 26px rgba(0,0,0,.12);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.product-detail-page .product-hero-metrics .metric-card>strong{display:block;color:#fff;font-size:18px;font-weight:900;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.product-detail-page .product-hero-metrics .metric-card>span{display:block;margin-top:4px;color:rgba(255,255,255,.72);font-size:12px;font-weight:800;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.metric-card-values{width:100%;display:grid;gap:4px;margin-bottom:3px}
.metric-card-values em{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;font-style:normal;line-height:1.1}
.metric-card-values em span{flex:1 1 auto;min-width:0;color:rgba(255,255,255,.7);font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.metric-card-values em strong{flex:0 0 auto;color:#fff;font-size:14px;font-weight:900;white-space:nowrap}
@media screen and (max-width:1180px){.product-detail-page .product-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media screen and (max-width:960px){.product-detail-page .product-hero-metrics{position:relative;left:auto;right:auto;bottom:auto;margin-top:16px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:560px){.product-detail-page .product-hero-metrics{grid-template-columns:1fr}}

/* Product detail print config downloads. */
.product-config-panel{display:grid;gap:16px}
.product-config-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border-radius:20px;background:#f4f9ff;border:1px solid rgba(8,99,196,.08)}
.product-config-filters select,.product-config-filters input[type="text"]{width:100%;height:41px;padding:0 13px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;color:#0f172a;font-size:14px;box-sizing:border-box}
.product-config-strict{display:flex;align-items:center;gap:7px;min-height:41px;padding:0 13px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;color:#334155;font-size:14px;font-weight:800}
.product-config-table-wrap{overflow:auto;border:1px solid rgba(15,23,42,.06);border-radius:18px;background:#fff}
.product-config-table{width:100%;border-collapse:collapse;min-width:928px}
.product-config-table th,.product-config-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;text-align:left;font-size:14px;vertical-align:middle}
.product-config-table th{background:#edf6ff;color:#0b3861;font-weight:900;white-space:nowrap}
.product-config-table td{color:#334155}
.product-config-source{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#eef7ff;color:#0863c4;font-weight:900;font-size:12px}
.product-config-table a{color:#0863c4!important;font-weight:900;text-decoration:none!important}
.product-config-table a:hover{text-decoration:underline!important}
.product-config-empty td{padding:19px!important;color:#94a3b8!important;text-align:center!important;font-weight:800}
@media screen and (max-width:980px){.product-config-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:560px){.product-config-filters{grid-template-columns:1fr}}

/* Product application case cards. */
.product-case-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#f4f9ff,#fff);border:1px solid rgba(8,99,196,.1)}
.product-case-overview strong{display:block;color:#0f172a;font-size:17px;font-weight:950;line-height:1.25}
.product-case-overview span{display:block;margin-top:4px;color:#64748b;font-size:14px;line-height:1.45}
.product-case-overview em{display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:0 13px;border-radius:999px;background:#0863c4;color:#fff;font-size:13px;font-style:normal;font-weight:900;white-space:nowrap}
.product-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,320px));gap:16px;align-items:stretch}
.product-case-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 14px 34px rgba(15,23,42,.07);color:inherit;text-decoration:none!important;transition:.22s}
.product-case-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(15,23,42,.12)}
.product-case-card-img{aspect-ratio:1.52/1;background:center/cover no-repeat #eef4f8}
.product-case-card-body{display:flex;flex-direction:column;gap:7px;padding:16px;flex:1 1 auto}
.product-case-meta{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}
.product-case-meta span{display:inline-flex;width:max-content;max-width:70%;padding:5px 9px;border-radius:999px;background:#eef7ff;color:#0863c4;font-size:11px;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-case-meta em{margin:0!important;color:#94a3b8;font-size:12px;font-style:normal;font-weight:900;white-space:nowrap}
.product-case-card-body h4{margin:0;color:#0f172a;font-size:16px;font-weight:900;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-case-card-body p{min-height:2.8em;margin:0;color:#64748b;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media screen and (max-width:980px){.product-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:560px){.product-case-overview{display:block}.product-case-overview em{margin-top:11px}.product-case-grid{grid-template-columns:1fr}}

/* Product hero actions: EN labels can be long — allow wrap/stack so pills don't bleed into the sidebar CTA. */
.product-detail-page .product-hero-actions{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;font-size:14px!important}
.product-detail-page .product-hero-actions>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;margin:0!important;padding:12px 18px!important;border-radius:999px!important;white-space:normal!important;text-align:center!important;word-break:break-word!important;overflow-wrap:anywhere!important;font-weight:900!important;line-height:1.25!important;text-decoration:none!important;box-sizing:border-box!important;min-width:0!important;flex:1 1 calc((100% - 12px) / 2)!important;max-width:100%!important}
.product-detail-page .product-hero-actions .where-buy-btn{flex:1 1 calc((100% - 12px) / 2)!important;max-width:100%!important}
.product-detail-page .product-hero-actions .procurement-btn{flex:1 1 calc((100% - 12px) / 2)!important;max-width:100%!important;background:#c8ff00!important;color:#0f172a!important;box-shadow:0 16px 34px rgba(200,255,0,.2)!important}
.product-detail-page .product-hero-actions .procurement-btn span{color:#0f172a!important}
@media screen and (max-width:560px){.product-detail-page .product-hero-actions>a{flex:1 1 100%!important}}

/* Product detail hero cleanup: structured columns, metrics as a clean bottom row. */
.product-detail-page .product-top{position:relative!important;display:grid!important;grid-template-columns:minmax(272px,.92fr) minmax(192px,.6fr) minmax(224px,.54fr)!important;gap:16px!important;align-items:stretch!important;padding:22px!important;padding-bottom:22px!important;border-radius:30px!important;overflow:visible!important;background:radial-gradient(circle at 10% 12%,rgba(200,255,0,.13),transparent 28%),radial-gradient(circle at 88% 10%,rgba(47,143,200,.3),transparent 34%),linear-gradient(135deg,#15202a,#22303a 56%,#0e6c91)!important;box-shadow:0 26px 76px rgba(15,23,42,.26)!important;color:#fff!important}
.product-detail-page .product-pic,.product-detail-page .product-info,.product-detail-page .product-hero-side{min-width:0!important}
.product-detail-page .product-pic{border-radius:24px!important;overflow:hidden!important;background:#101820!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
.product-detail-page .product-pic .swiper-wrapper,.product-detail-page .product-pic .swiper-slide{height:100%!important}
.product-detail-page .product-pic .swiper-slide{min-height:416px!important;background-size:cover!important;background-position:center!important}
.product-detail-page .product-info{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:10px 13px!important}
.product-detail-page .product-info h3{max-width:100%!important;margin-bottom:9px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.product-detail-page .product-info h4{max-width:100%!important;margin-bottom:16px!important;white-space:normal!important}
.product-detail-page .product-info .product-text{width:100%!important;max-width:100%!important;margin-bottom:20px!important;color:rgba(255,255,255,.78)!important;font-size:15px!important;line-height:1.68!important}
.product-detail-page .product-hero-side{display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px!important;border-radius:24px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
.product-detail-page .product-hero-side-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:auto!important}
.product-detail-page .product-hero-metrics{position:static!important;grid-column:1/-1!important;left:auto!important;right:auto!important;bottom:auto!important;margin:4px 0 0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;z-index:1!important}
.product-detail-page .product-hero-metrics .metric-card{min-height:86px!important;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.1))!important;border-color:rgba(255,255,255,.24)!important;border-radius:18px!important}
@media screen and (max-width:1180px){.product-detail-page .product-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.product-detail-page .product-hero-side{grid-column:1/-1!important}.product-detail-page .product-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media screen and (max-width:760px){.product-detail-page .product-top{grid-template-columns:1fr!important;padding:16px!important}.product-detail-page .product-pic .swiper-slide{min-height:288px!important}.product-detail-page .product-hero-metrics{grid-template-columns:1fr!important}}

/* Product list click target fix: image area must behave like the card link. */
.product-list .js-product-card,.product-list [data-card-url],.product-list .img,.product-list .img .pic,.product-list .img img{cursor:pointer!important}
.product-list .img,.product-list .img .pic{position:relative!important;z-index:3!important;pointer-events:auto!important}
.product-list .img img{pointer-events:auto!important}

/* Dynamic product portfolio map on product list page（参考稿：首行三色块等宽 / 子列虚线分隔 / FusFlex 白底虚线框） */
.product-family-map{clear:both;position:relative;z-index:2;padding:0 0 80px;background:linear-gradient(180deg,#fff 0,#f3f6f9 100%);isolation:isolate}
.product-family-map .container-outer{max-width:1440px}
.product-family-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin:0 0 24px}
.product-family-head>div:first-child{flex:1 1 min(0,520px);min-width:min(100%,280px)}
.product-family-head span{display:inline-flex;margin-bottom:6px;color:#0863c4;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.product-family-head h2{margin:0;color:#1e293b;font-size:clamp(26px,2.6vw,40px);font-weight:950;line-height:1.12;letter-spacing:-.02em}
.product-family-head p{flex:1 1 300px;max-width:520px;margin:0 0 0 auto;color:#64748b;font-size:14px;line-height:1.65;text-align:right;min-width:min(100%,260px)}
.product-family-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}
.product-family-card{--family-bg:#9ca3a1;--family-fg:#fff;grid-column:span 4;display:flex;flex-direction:column;min-height:240px;padding:18px 16px;border-radius:20px;background:var(--family-bg);box-shadow:0 20px 50px rgba(15,23,42,.1);overflow:hidden;min-width:0;border:0 solid transparent}
/* 首行三块等宽 4+4+4 */
.product-family-card:nth-child(1){grid-column:span 4}
.product-family-card:nth-child(2){grid-column:span 4}
.product-family-card:nth-child(3){grid-column:span 4}
.product-family-card:nth-child(4){grid-column:span 7}
.product-family-card:nth-child(5){grid-column:span 5}
.product-family-card:nth-child(1){--family-bg:linear-gradient(165deg,#d8f059 0%,#9fd010 52%,#8bc800 100%)}
.product-family-card:nth-child(2){--family-bg:linear-gradient(180deg,#a8b0ae 0%,#6f7674 100%)}
.product-family-card:nth-child(3){--family-bg:#fff;--family-fg:#0f172a;border:2px dashed #cbd5e1!important;box-shadow:0 16px 44px rgba(15,23,42,.07)!important}
.product-family-card:nth-child(4){--family-bg:linear-gradient(165deg,#ffb24a 0%,#f97316 55%,#ea580c 100%)}
.product-family-card:nth-child(5){--family-bg:linear-gradient(155deg,#38bdf8 0%,#1687e8 52%,#0863c4 100%)}
.product-family-card:nth-child(6n){--family-bg:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 45%,#7c3aed 100%);--family-fg:#fff;border:0!important;box-shadow:0 18px 46px rgba(124,58,237,.22)!important}
/* 与栏目 diyname 对齐时覆盖色块（不依赖顺序） */
.product-family-board .product-family-card--fusfun{grid-column:span 4;--family-bg:linear-gradient(165deg,#d8f059 0%,#9fd010 52%,#8bc800 100%);--family-fg:#fff;border:0!important;box-shadow:0 20px 50px rgba(15,23,42,.1)!important}
.product-family-board .product-family-card--fusforce{grid-column:span 4;--family-bg:linear-gradient(180deg,#a8b0ae 0%,#6f7674 100%);--family-fg:#fff;border:0!important}
.product-family-board .product-family-card--fusflex{grid-column:span 4;--family-bg:#fff;--family-fg:#0f172a;border:2px dashed #cbd5e1!important;box-shadow:0 16px 44px rgba(15,23,42,.07)!important}
.product-family-board .product-family-card--fuscoating{grid-column:span 7;--family-bg:linear-gradient(165deg,#ffb24a 0%,#f97316 55%,#ea580c 100%);--family-fg:#fff}
.product-family-board .product-family-card--fusfree{grid-column:span 5;--family-bg:linear-gradient(155deg,#38bdf8 0%,#1687e8 52%,#0863c4 100%);--family-fg:#fff}
.product-family-board .product-family-card--fuslab,.product-family-card--fuslab{grid-column:1/-1!important;--family-bg:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 45%,#7c3aed 100%);--family-fg:#fff;border:0!important;box-shadow:0 18px 46px rgba(124,58,237,.22)!important}
.product-family-title{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;color:var(--family-fg);text-align:center;flex-wrap:wrap}
.product-family-title strong{color:inherit;font-size:15px;font-weight:950;line-height:1.2}
.product-family-title span{display:inline-flex;align-items:center;min-height:22px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.26);color:inherit;font-size:11px;font-weight:900;white-space:nowrap;letter-spacing:.02em}
.product-family-card:nth-child(3) .product-family-title span,.product-family-card--fusflex .product-family-title span{background:#e2e8f0;color:#475569}
.product-family-series{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:0;flex:1;min-width:0;align-items:stretch}
.product-family-series-card{display:flex;flex-direction:column;min-width:0;padding:12px 10px;border:none;border-radius:0;background:transparent;border-inline-end:1px dashed rgba(255,255,255,.42)}
.product-family-series-card:last-child{border-inline-end:none}
.product-family-card:nth-child(3) .product-family-series-card,.product-family-card--fusflex .product-family-series-card{border-inline-end:none!important;background:rgba(255,255,255,.92);border-radius:12px;margin:0;padding:12px 10px;box-shadow:0 4px 16px rgba(15,23,42,.06)}
.product-family-card:nth-child(6n) .product-family-series-card,.product-family-card--fuslab .product-family-series-card{border-inline-end-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1);border-radius:12px;margin:0 5px 0 0;box-shadow:none}
.product-family-card:nth-child(6n) .product-family-series-card:last-child,.product-family-card--fuslab .product-family-series-card:last-child{margin-right:0}
.product-family-series-card h3{margin:0 0 10px;color:var(--family-fg);font-size:12px;font-weight:950;line-height:1.25;text-align:center;letter-spacing:.02em}
/* FusFlex：子系列横排，产品与其他系列一致竖向堆叠 */
.product-family-card--fusflex .product-family-series,
.product-family-card:nth-child(3) .product-family-series{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px}
.product-family-card--fusflex .product-family-products,
.product-family-card:nth-child(3) .product-family-products{display:grid;grid-template-columns:1fr;gap:7px;margin-top:auto}
.product-family-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:7px;margin-top:auto}
.product-family-products a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.95);color:#0f172a!important;font-size:11px;font-weight:900;line-height:1.2;text-align:center;text-decoration:none!important;box-shadow:0 6px 16px rgba(15,23,42,.1);border:1px solid rgba(255,255,255,.8)}
.product-family-card:nth-child(3) .product-family-products a,.product-family-card--fusflex .product-family-products a{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.product-family-products a:hover{transform:translateY(-2px);background:#fff;color:#0863c4!important;box-shadow:0 10px 22px rgba(15,23,42,.14)}
@media screen and (max-width:1180px){
    .product-family-head p{margin-left:0;text-align:left}
    .product-family-board{gap:14px}
    .product-family-board .product-family-card{grid-column:span 6!important}
    .product-family-board .product-family-card--fuscoating{grid-column:span 6!important}
    .product-family-board .product-family-card--fusfree{grid-column:span 6!important}
    .product-family-board .product-family-card--fuslab{grid-column:1/-1!important}
}
@media screen and (max-width:760px){.product-family-map{padding:16px 0 48px}.product-family-head{display:block}.product-family-head p{text-align:left;margin-top:10px;max-width:none}.product-family-board{grid-template-columns:1fr}.product-family-card,.product-family-card:nth-child(n),.product-family-board .product-family-card--fusfun,.product-family-board .product-family-card--fusforce,.product-family-board .product-family-card--fusflex,.product-family-board .product-family-card--fuscoating,.product-family-board .product-family-card--fusfree{grid-column:1/-1!important}.product-family-series{grid-template-columns:1fr;gap:10px}.product-family-series-card{border-inline-end:none!important;margin:0!important;border-radius:12px!important}.product-family-products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-family-card--fusflex .product-family-products,.product-family-card:nth-child(3) .product-family-products{grid-template-columns:1fr}}

/* Homepage "View More" CTA refinement. */
.index-banner-swiper .ty-more a,.index-mod-top .ty-more a,.index-about .ty-more a,.more-group .ty-more a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:134px;height:42px!important;padding:0 9px 0 18px!important;border:1px solid rgba(8,99,196,.18)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,251,255,.9))!important;color:#0863c4!important;font-size:13px!important;font-weight:950!important;line-height:1!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(8,99,196,.1),inset 0 1px 0 rgba(255,255,255,.9)!important;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease}
.index-banner-swiper .ty-more a span,.index-mod-top .ty-more a span,.index-about .ty-more a span,.more-group .ty-more a span{color:inherit!important}
.index-banner-swiper .ty-more a i,.index-mod-top .ty-more a i,.index-about .ty-more a i,.more-group .ty-more a i{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;width:28px!important;height:28px!important;margin:0!important;border-radius:50%!important;background:linear-gradient(135deg,#38bdf8,#0863c4)!important;box-shadow:0 8px 18px rgba(8,99,196,.22)!important;transition:transform .24s ease,background .24s ease}
.index-banner-swiper .ty-more a i:before,.index-mod-top .ty-more a i:before,.index-about .ty-more a i:before,.more-group .ty-more a i:before{content:"";width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);margin-left:-2px}
.index-banner-swiper .ty-more a:hover,.index-mod-top .ty-more a:hover,.index-about .ty-more a:hover,.more-group .ty-more a:hover{background:linear-gradient(135deg,#38bdf8,#0863c4)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 18px 38px rgba(8,99,196,.24)!important}
.index-banner-swiper .ty-more a:hover i,.index-mod-top .ty-more a:hover i,.index-about .ty-more a:hover i,.more-group .ty-more a:hover i{transform:translateX(2px);background:rgba(255,255,255,.18)!important}
.index-cases .more,.index-news .bottom .left{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#0863c4!important;font-weight:950!important}
.index-cases .more i,.index-news .bottom .left i{display:inline-flex!important;align-items:center!important;justify-content:center;width:24px!important;height:24px!important;border-radius:50%!important;background:#eef7ff!important}
.index-cases .more i:before,.index-news .bottom .left i:before{content:"";width:7px;height:7px;border-top:2px solid #0863c4;border-right:2px solid #0863c4;transform:rotate(45deg);margin-left:-2px}

/* 首页 / 栏目案例卡内的「查看更多 + 箭头」：旧样式对 .more 与 i 双 absolute，特异性高于上一段 flex 补丁，导致箭头压在文字上 */
.index-cases .index-cases-item a .item-box .text-box .title .more{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;position:absolute!important;bottom:22px!important;left:5%!important;max-width:90%!important;height:auto!important;min-height:24px!important;line-height:1.3!important;font-size:14px!important;font-weight:950!important;color:#0863c4!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important;overflow:visible!important;opacity:1!important;margin:0!important;padding:0!important}
.index-cases .index-cases-item a .item-box .text-box .title .more i{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;top:auto!important;left:auto!important;width:26px!important;height:26px!important;margin:0!important;flex-shrink:0!important;background:linear-gradient(135deg,#38bdf8,#0863c4)!important;border-radius:50%!important;box-shadow:0 6px 14px rgba(8,99,196,.22)!important;background-image:none!important}
.index-cases .index-cases-item a .item-box .text-box .title .more i:before{content:""!important;display:block;width:7px;height:7px;margin-left:1px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)!important;background:none!important}
.index-cases .index-cases-item a:hover .item-box .text-box .title .more{color:#0863c4!important}

/* 栏目列表新版结构（item-box 无外层 a）：统一为 flex + 留白，防止 i 与文案叠在一起 */
.cases-list .cases-list-item .text-box .title .more{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin-top:auto!important}
.cases-list .cases-list-item .text-box .title .more i{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;top:auto!important;left:auto!important;width:24px!important;height:24px!important;margin:0!important;flex-shrink:0!important;background:#eef7ff!important;border-radius:50%!important;background-image:none!important}
.cases-list .cases-list-item .text-box .title .more i:before{content:""!important;display:block;width:7px;height:7px;margin-left:-1px;border-top:2px solid #0863c4!important;border-right:2px solid #0863c4!important;transform:rotate(45deg)!important;background:none!important}

/* 动态新闻摘要「查看更多」与案例同类：旧样式 i 绝对定位叠字 */
.index-news .index-news-item .index-news-text .bottom .left{display:inline-flex!important;align-items:center!important;gap:8px!important;float:none!important;color:#0863c4!important;font-weight:950!important;line-height:1.35!important}
.index-news .index-news-item .index-news-text .bottom .left i{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;top:auto!important;left:auto!important;width:24px!important;height:24px!important;margin:0!important;flex-shrink:0!important;background:#eef7ff!important;border-radius:50%!important;background-image:none!important}
.index-news .index-news-item .index-news-text .bottom .left i:before{content:""!important;display:block;width:7px;height:7px;margin-left:-1px;border-top:2px solid #0863c4!important;border-right:2px solid #0863c4!important;transform:rotate(45deg)!important;background:none!important}
.news-list .news-list-item .news-list-text .bottom .left{display:inline-flex!important;align-items:center!important;gap:8px!important;float:none!important;color:#0863c4!important;font-weight:950!important;line-height:1.35!important}
.news-list .news-list-item .news-list-text .bottom .left i{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;top:auto!important;left:auto!important;width:24px!important;height:24px!important;margin:0!important;flex-shrink:0!important;background:#eef7ff!important;border-radius:50%!important;background-image:none!important}
.news-list .news-list-item .news-list-text .bottom .left i:before{content:""!important;display:block;width:7px;height:7px;margin-left:-1px;border-top:2px solid #0863c4!important;border-right:2px solid #0863c4!important;transform:rotate(45deg)!important;background:none!important}

/* Application case category rail controls. */
.cases-app-filter-rail{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;margin-top:14px}
.cases-app-filter-rail .cases-app-filter-scroll{min-width:0;margin:0;scroll-behavior:smooth;scrollbar-width:none}
.cases-app-filter-rail .cases-app-filter-scroll::-webkit-scrollbar{display:none}
.cases-app-filter-arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(8,18,32,.62);color:#fff;font-size:25px;font-weight:950;line-height:1;box-shadow:0 10px 24px rgba(15,23,42,.22);cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}
.cases-app-filter-arrow:hover:not(:disabled){transform:translateY(-1px);background:#0863c4}
.cases-app-filter-arrow:disabled{opacity:.28;cursor:not-allowed}
.cases-app-filter-rail:not(.is-scrollable) .cases-app-filter-arrow{display:none}
@media screen and (max-width:560px){.cases-app-filter-rail{gap:5px}.cases-app-filter-arrow{width:32px;height:32px;font-size:22px}.cases-app-filter-rail .cases-app-filter-scroll{padding-inline:2px}}

/* Case author / partner attribution. */
.cases-author-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}
.cases-author-row span{color:#64748b;font-size:12px;font-weight:900}
.cases-author-row a,.cases-author-row em{display:inline-flex;align-items:center;min-height:23px;padding:4px 9px;border-radius:999px;background:#f1f8ff;color:#0863c4!important;border:1px solid rgba(8,99,196,.12);font-size:12px;font-weight:900;line-height:1;text-decoration:none!important;font-style:normal}
.cases-author-row a:hover{background:#0863c4;color:#fff!important}
.case-author-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.case-author-strip>strong{color:rgba(255,255,255,.78);font-size:13px;font-weight:900}
.case-author-strip a,.case-author-strip span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff!important;text-decoration:none!important}
.case-author-strip img{width:48px;height:32px;padding:2px;border-radius:7px;object-fit:contain;background:rgba(255,255,255,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.case-author-item img{flex:0 0 auto;width:52px;height:36px;padding:3px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid rgba(148,163,184,.28)}
.case-author-strip em{color:#fff;font-size:13px;font-style:normal;font-weight:900}
.case-author-list{display:grid;gap:9px;margin-top:12px}
.case-author-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#f8fbff;border:1px solid rgba(8,99,196,.1);text-decoration:none!important}
.case-author-item strong{display:block;color:#0f172a;font-size:15px;font-weight:950;line-height:1.2}
.case-author-item em{display:block;margin-top:3px;color:#64748b;font-size:12px;font-style:normal;font-weight:800;line-height:1.25}
.case-author-item:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.09)}

/* Search results page refinement. */
.search-center .nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px;padding:12px;border-radius:22px;background:#f4f9ff;border:1px solid rgba(8,99,196,.08)}
.search-center .nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;color:#0f172a!important;border:1px solid rgba(15,23,42,.08);font-weight:900;text-decoration:none!important;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.search-center .nav a strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eef7ff;color:#0863c4;font-size:12px}
.search-center .nav a.cur,.search-center .nav a:hover{background:#0863c4;color:#fff!important;border-color:#0863c4}
.search-center .nav a.cur strong,.search-center .nav a:hover strong{background:rgba(255,255,255,.18);color:#fff}
.search-result-head{margin:0 0 22px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid rgba(15,23,42,.06);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.search-result-head span{display:inline-flex;margin-bottom:8px;color:#0863c4;font-size:13px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.search-result-head h1{margin:0;color:#0f172a;font-size:clamp(24px,3vw,38px);font-weight:950;line-height:1.12}
.search-result-head p{margin:9px 0 0;color:#64748b;font-size:15px;line-height:1.65}
.search-center-box{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;align-items:start}
.search-center-category{position:sticky;top:86px;padding:18px;border-radius:24px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 16px 40px rgba(15,23,42,.07)}
.search-center-category .title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.search-center-category .title h2{margin:0;color:#0f172a;font-size:20px;font-weight:950}
.search-center-category ul{display:grid;gap:9px}
.search-center-category .category-link{display:flex!important;align-items:center;justify-content:space-between;min-height:42px;padding:0 13px;border-radius:14px;background:#f8fafc;color:#334155!important;border:1px solid transparent;font-size:14px;font-weight:900;text-decoration:none!important}
.search-center-category .category-link.active,.search-center-category .category-link:hover{background:#0863c4;color:#fff!important;border-color:#0863c4}
.results-list{display:grid;gap:12px}
.result-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 26px rgba(15,23,42,.05);text-decoration:none!important}
.result-link:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.1)}
.result-category{display:inline-flex;margin-bottom:7px;padding:4px 9px;border-radius:999px;background:#eef7ff;color:#0863c4;font-size:12px;font-weight:900}
.result-title{display:block;color:#0f172a;font-size:18px;font-weight:950;line-height:1.32}
.result-link p{margin:7px 0 0;color:#64748b;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.result-arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#0863c4;border:0}
.search-mixed-list{display:grid;gap:14px}
.search-mixed-card{display:grid;grid-template-columns:148px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 12px 30px rgba(15,23,42,.06);text-decoration:none!important}
.search-mixed-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.1)}
.search-mixed-thumb{height:92px;border-radius:14px;overflow:hidden;background:#eef4f8}
.search-mixed-thumb .pic{width:100%;height:100%;background:center/cover no-repeat}
.search-mixed-copy span{display:inline-flex;margin-bottom:6px;padding:4px 9px;border-radius:999px;background:#eef7ff;color:#0863c4;font-size:12px;font-weight:900}
.search-mixed-copy h3{margin:0;color:#0f172a;font-size:18px;font-weight:950;line-height:1.32}
.search-mixed-copy p{margin:7px 0 0;color:#64748b;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-mixed-card em{display:inline-flex;align-items:center;gap:8px;color:#0863c4;font-style:normal;font-weight:900;white-space:nowrap}
.no-results{padding:42px 20px;border-radius:22px;background:#f8fafc;border:1px dashed rgba(15,23,42,.16);text-align:center;color:#64748b;font-size:16px;font-weight:900}
@media screen and (max-width:980px){.search-center-box{grid-template-columns:1fr}.search-center-category{position:static}.search-mixed-card{grid-template-columns:112px minmax(0,1fr)}.search-mixed-card em{grid-column:2}}
@media screen and (max-width:560px){.search-center .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.search-mixed-card{grid-template-columns:1fr}.search-mixed-thumb{height:170px}.search-mixed-card em{grid-column:auto}.result-link{align-items:flex-start}.result-arrow{width:34px;height:34px}}

/* Product hero copy width: keep the middle info column compact on desktop. */
@media screen and (min-width:1181px){
    .product-detail-page .product-top{grid-template-columns:minmax(272px,.92fr) minmax(232px,.726fr) minmax(224px,.54fr)!important}
    .product-detail-page .product-info{max-width:none!important;width:100%!important;padding-right:12px!important}
    .product-detail-page .product-info .product-text{width:100%!important;max-width:none!important}
}

/* Product hero metric values: keep long spool/weight values inside the card. */
.product-detail-page .product-hero-metrics .metric-card>strong{font-size:clamp(16px,1.72vw,25px)!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important}
.product-detail-page .product-hero-metrics .metric-card>span{white-space:normal!important}
.metric-card-values em strong{font-size:clamp(12px,1.15vw,17px)!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:right!important}

/* Config download confirmation modal, aligned with material comparison action dialog. */
.bubble-action-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.72);z-index:9999}
.bubble-action-modal.show{display:flex}
.bubble-action-card{width:min(92vw,448px);padding:20px;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.34);box-shadow:0 28px 80px rgba(15,23,42,.28)}
.bubble-action-title{margin:0 0 8px;color:#0f172a;font-size:17px;font-weight:950;line-height:1.25}
.bubble-action-desc{margin:0 0 12px;color:#475569;font-size:14px;line-height:1.55}
.bubble-action-hints{display:grid;gap:7px;margin:12px 0 16px}
.bubble-action-hint-row{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:10px 12px;border-radius:12px;background:#f4f9ff;border:1px solid rgba(8,99,196,.09)}
.bubble-action-hint-row span{color:#64748b;font-size:13px;font-weight:900;line-height:1.35;white-space:nowrap}
.bubble-action-hint-row strong{color:#0f172a;font-size:14px;font-weight:900;line-height:1.35;text-align:right;word-break:break-word}
.bubble-action-btns{display:flex;gap:10px;flex-wrap:wrap}
.bubble-action-btns button{min-height:39px;padding:0 15px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;font-size:14px;font-weight:900;cursor:pointer}
.bubble-action-btns button.primary{background:#0863c4;border-color:#0863c4;color:#fff}
.bubble-action-btns button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.12)}

/* -------------------------------------------------------------------------- */
/* 联系页 fusrock-contact（contact.html）：面板化布局、弱化旧版四柱 float 样式    */
/* -------------------------------------------------------------------------- */
.contact-page.fusrock-contact-page{background:linear-gradient(180deg,#f1f6fb 0%,#f8fafc 42%,#fff 100%);}
.contact-page.fusrock-contact-page .contact-detail{padding:clamp(44px,5.5vw,96px) 0 clamp(72px,8vw,120px);}
.contact-page.fusrock-contact-page .fusrock-contact__shell{display:flex;flex-direction:column;gap:clamp(28px,3.5vw,44px);}
.fusrock-contact__sheet{border-radius:28px;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:0 20px 60px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.9);padding:clamp(24px,3vw,40px);position:relative;overflow:hidden;}
.fusrock-contact__sheet::before{content:"";pointer-events:none;position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#c8ff00,#2f8fc8,#0863c4);}
.fusrock-contact__sheet-head{display:flex;gap:18px;align-items:flex-start;margin:0 0 clamp(22px,2.5vw,34px);}
.fusrock-contact__sheet-kicker{flex:0 0 auto;width:6px;margin-top:.35rem;border-radius:999px;min-height:3.25rem;background:linear-gradient(180deg,#c8ff00,#2f8fc8);}
.fusrock-contact__sheet-kicker--soft{background:linear-gradient(180deg,rgba(200,255,0,.85),rgba(47,143,200,.95));}
.fusrock-contact__sheet-head-copy{min-width:0;}
.fusrock-contact__sheet-title{margin:0 0 10px;color:#0f172a;font-size:clamp(1.45rem,2.2vw,1.95rem);font-weight:950;line-height:1.18;letter-spacing:-.02em;}
.fusrock-contact__sheet-intro{margin:0;color:#64748b;font-size:clamp(14px,1.1vw,17px);line-height:1.65;max-width:52rem;}
.fusrock-contact__channels-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(268px,360px);gap:clamp(20px,2.8vw,36px);align-items:start;}
.fusrock-contact__channels-layout--social-only{grid-template-columns:1fr;max-width:520px;margin:0 auto;width:100%;}
.fusrock-contact__channels-layout .fusrock-contact__social-aside{min-width:0;}
.fusrock-contact__channels-layout:not(.fusrock-contact__channels-layout--social-only) .fusrock-contact__social-aside{position:sticky;top:calc(72px + 1rem);}
.fusrock-contact-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(14px,1.8vw,22px);}
.fusrock-contact__cards{font-size:inherit!important;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .item,.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card{width:100%!important;float:none!important;margin:0!important;padding:clamp(22px,2vw,30px)!important;text-align:left!important;cursor:default!important;border-radius:18px!important;border:1px solid rgba(15,23,42,.06)!important;background:linear-gradient(165deg,#fbfdff 0%,#fff 55%)!important;box-shadow:0 14px 36px rgba(15,23,42,.055)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .item:hover,.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(8,99,196,.14)!important;border-color:rgba(8,99,196,.22)!important;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card .icon{width:52px;height:52px;margin:0!important;border-radius:16px;display:flex!important;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(8,99,196,.09),rgba(120,200,12,.06));border:1px solid rgba(8,99,196,.1);position:relative;z-index:1;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card .icon .img-block{display:none!important;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card .icon .img-center{max-width:54%!important;max-height:54%!important;filter:none!important;opacity:1!important;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card .title{margin:0!important;font-size:13px!important;font-weight:950!important;color:#64748b!important;text-transform:none!important;letter-spacing:.02em!important;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card .text{margin:0!important;width:100%!important;font-size:clamp(15px,1.05vw,17px)!important;font-weight:800!important;line-height:1.5!important;color:#0f172a!important;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card .text a{color:#0863c4;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;}
.contact-page.fusrock-contact-page .fusrock-contact-cards .fusrock-contact-card .text a:hover{border-bottom-color:rgba(8,99,196,.45);}
.fusrock-contact__social-aside{border-radius:20px;padding:clamp(22px,2vw,28px);background:linear-gradient(152deg,#f8fbff,#fff 55%);border:1px solid rgba(8,99,196,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 16px 40px rgba(8,99,196,.08);}
.fusrock-contact-social__title{margin:0 0 14px;color:#0f172a;font-size:1.05rem;font-weight:950;letter-spacing:-.015em;}
.fusrock-contact-social__grid{display:grid;gap:16px;}
.fusrock-contact-social__label{font-size:12px;font-weight:950;color:#64748b;margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em;}
.fusrock-contact-social__value{margin:0;font-weight:860;color:#0f172a;font-size:1.02rem;line-height:1.45;}
.fusrock-contact-social__block--qr{text-align:center;}
.fusrock-contact-social__qr{max-width:200px;margin:8px auto 0;display:block;border-radius:14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);}
.fusrock-contact-social__links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.fusrock-contact-social__pill{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:900;text-decoration:none!important;border:1px solid rgba(8,99,196,.2);background:#fff;color:#0b4f8a!important;transition:.2s;}
.fusrock-contact-social__pill:hover{transform:translateY(-1px);background:#eef6ff;border-color:#93c5fd;color:#0863c4!important;}
.fusrock-contact-social__pill--weibo{border-color:rgba(230,22,45,.35);color:#cb1024!important;background:linear-gradient(180deg,#fff,#fff8f8);}
.fusrock-contact-social__pill--weibo:hover{background:#ffe8ec;border-color:#f87171;color:#991b1b!important;}
.fusrock-contact-social__pill--in{border-color:rgba(10,102,194,.38);color:#0a66c2!important;background:linear-gradient(180deg,#fff,#f0f9ff);}
.fusrock-contact-social__pill--in:hover{border-color:#38bdf8;background:#e0f2fe;color:#082f49!important;}
.fusrock-contact__sheet--inquiry .fusrock-contact-inquiry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);}
.fusrock-contact-inquiry-card{display:flex;flex-direction:column;min-height:100%;padding:clamp(22px,2.2vw,32px);border-radius:6px;background:#f5f5f5;color:#111;}
.fusrock-contact-inquiry-card__title{margin:0 0 14px;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:800;line-height:1.25;color:#111;letter-spacing:-.02em;}
.fusrock-contact-inquiry-card__desc{margin:0 0 auto;font-size:clamp(14px,1.05vw,16px);line-height:1.65;color:#111;font-weight:400;}
.fusrock-contact-inquiry-card__rule{flex:0 0 auto;width:100%;height:0;border-top:1px solid #111;margin:clamp(18px,2vw,26px) 0 clamp(14px,1.5vw,18px);}
.fusrock-contact-inquiry-card__action{display:inline-block;font-size:clamp(14px,1vw,16px);font-weight:400;color:#111!important;text-decoration:underline;text-underline-offset:3px;}
.fusrock-contact-inquiry-card__action:hover{color:#0863c4!important;}
.fusrock-contact-inquiry-card__action--text{text-decoration:underline;}
.fusrock-contact-inquiry-card__action--choice{display:inline-block;padding:0;border:0;background:transparent;font:inherit;cursor:pointer;text-align:left;}
body.fusrock-contact-order-modal-open{overflow:hidden;}
.fusrock-contact-order-modal{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);}
.fusrock-contact-order-modal[hidden]{display:none!important;}
.fusrock-contact-order-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);}
.fusrock-contact-order-modal__panel{position:relative;z-index:1;width:min(100%,520px);max-height:min(92vh,640px);overflow:auto;border-radius:22px;padding:clamp(24px,3vw,36px);background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 28px 80px rgba(15,23,42,.22);}
.fusrock-contact-order-modal__panel::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,#c8ff00,#2f8fc8,#0863c4);}
.fusrock-contact-order-modal__close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:999px;background:rgba(15,23,42,.06);color:#0f172a;font-size:26px;line-height:1;cursor:pointer;transition:background .2s;}
.fusrock-contact-order-modal__close:hover{background:rgba(8,99,196,.12);color:#0863c4;}
.fusrock-contact-order-modal__title{margin:0 0 10px;padding-right:44px;color:#0f172a;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:950;line-height:1.25;letter-spacing:-.02em;}
.fusrock-contact-order-modal__intro{margin:0 0 clamp(18px,2.2vw,26px);color:#64748b;font-size:15px;line-height:1.65;}
.fusrock-contact-order-modal__options{display:grid;gap:14px;}
.fusrock-contact-order-option{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;text-decoration:none!important;border:1px solid rgba(15,23,42,.1);background:linear-gradient(165deg,#f8fafc,#fff);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.fusrock-contact-order-option:hover{transform:translateY(-2px);border-color:rgba(8,99,196,.35);box-shadow:0 16px 40px rgba(8,99,196,.12);}
.fusrock-contact-order-option__label{font-size:16px;font-weight:900;color:#0f172a;line-height:1.35;}
.fusrock-contact-order-option__hint{font-size:13px;font-weight:500;color:#64748b;line-height:1.55;}
.fusrock-contact-order-option--email{border-left:4px solid #0863c4;}
.fusrock-contact-order-option--form{border-left:4px solid #78c80c;}
@media screen and (max-width:1100px){
    .fusrock-contact__sheet--inquiry .fusrock-contact-inquiry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media screen and (max-width:640px){
    .fusrock-contact__sheet--inquiry .fusrock-contact-inquiry-grid{grid-template-columns:1fr;}
}
.fusrock-contact-market-shell.market-detail{margin-top:0!important;width:100%;}
.fusrock-contact-market-shell .fusrock-contact-market-board{border-radius:22px;background:linear-gradient(180deg,#fafcff,#fff);border:1px solid rgba(15,23,42,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);padding:0!important;overflow:hidden;}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .fusrock-contact-market-board.flexBetween{display:grid!important;grid-template-columns:minmax(0,268px) minmax(0,1fr);gap:0;flex-wrap:unset!important;}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-left{width:auto!important;padding:clamp(22px,2.4vw,32px)!important;border-right:1px solid rgba(15,23,42,.08)!important;background:linear-gradient(180deg,rgba(248,251,255,.94),rgba(255,255,255,.75));}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-left ul li{margin-bottom:12px!important;border-radius:14px;padding:4px 6px;margin-left:-6px;margin-right:6px;transition:.2s;}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-left ul li:hover{background:rgba(8,99,196,.06);}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-left ul .active{background:linear-gradient(135deg,#e8f3ff,#f3f8ff);box-shadow:0 8px 22px rgba(8,99,196,.1);}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-left ul .active .text{color:#0863c4!important;font-weight:950!important;}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-left ul li > span.span1{right:0!important;border-width:3px!important;border-radius:3px 0 0 3px;}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-right{width:auto!important;padding:clamp(24px,3vw,48px)!important;}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-right .main .frame .bot h6{font-size:clamp(1.2rem,1.9vw,1.55rem)!important;font-weight:950!important;color:#0f172a!important;margin-bottom:8px!important;}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-right .main .frame .bot div{margin-top:20px!important;}
.contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-right .main .frame .bot div p{font-size:clamp(14px,1vw,17px)!important;line-height:1.65!important;padding-left:42px!important;margin-bottom:14px!important;color:#334155!important;}
@media screen and (max-width:992px){
    .fusrock-contact__channels-layout{grid-template-columns:1fr;}
    .fusrock-contact__channels-layout:not(.fusrock-contact__channels-layout--social-only) .fusrock-contact__social-aside{position:static;}
    .contact-page.fusrock-contact-page .fusrock-contact-market-shell .fusrock-contact-market-board.flexBetween{grid-template-columns:1fr!important;}
    .contact-page.fusrock-contact-page .fusrock-contact-market-shell .market-left{border-right:0!important;border-bottom:1px solid rgba(15,23,42,.08)!important;padding-bottom:18px!important;}
    .fusrock-contact-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;}
}

/* 质保查询 fusrock-qa（detail_qa.html）：与联系页面板风格一致 */
.warranty-page.fusrock-qa-page{background:linear-gradient(180deg,#f1f6fb 0%,#f8fafc 42%,#fff 100%);}
.warranty-page.fusrock-qa-page .qa-detail{padding:clamp(44px,5.5vw,96px) 0 clamp(72px,8vw,120px);}
.warranty-page.fusrock-qa-page .fusrock-qa__shell{display:flex;flex-direction:column;gap:clamp(24px,3vw,36px);max-width:920px;margin:0 auto;}
.fusrock-qa__sheet{border-radius:28px;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:0 20px 60px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.9);padding:clamp(24px,3vw,40px);position:relative;overflow:hidden;}
.fusrock-qa__sheet::before{content:"";pointer-events:none;position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#c8ff00,#2f8fc8,#0863c4);}
.fusrock-qa__sheet-head{display:flex;gap:18px;align-items:flex-start;margin:0 0 clamp(22px,2.5vw,30px);}
.fusrock-qa__sheet-kicker{flex:0 0 auto;width:6px;margin-top:.35rem;border-radius:999px;min-height:3rem;background:linear-gradient(180deg,#c8ff00,#2f8fc8);}
.fusrock-qa__sheet-head-copy{min-width:0;}
.fusrock-qa__sheet-title{margin:0 0 10px;color:#0f172a;font-size:clamp(1.45rem,2.2vw,1.95rem);font-weight:950;line-height:1.18;letter-spacing:-.02em;}
.fusrock-qa__sheet-intro{margin:0;color:#64748b;font-size:clamp(14px,1.1vw,17px);line-height:1.65;max-width:52rem;}
.fusrock-qa-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 16px;}
.fusrock-qa-search__field{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:8px;}
.fusrock-qa-search__label{font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.06em;}
.fusrock-qa-search__input{width:100%;min-height:52px;padding:0 18px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(165deg,#f8fafc,#fff);font-size:16px;color:#0f172a;outline:none;transition:border-color .2s,box-shadow .2s;}
.fusrock-qa-search__input:focus{border-color:rgba(8,99,196,.45);box-shadow:0 0 0 4px rgba(8,99,196,.12);}
.fusrock-qa-search__submit{flex:0 0 auto;min-height:52px;padding:0 clamp(22px,3vw,32px);border:0;border-radius:14px;background:linear-gradient(135deg,#0863c4,#0b4f8a);color:#fff;font-size:16px;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.fusrock-qa-search__submit:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(8,99,196,.28);}
.fusrock-qa__results{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,28px);}
.fusrock-qa-card{border-radius:24px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 48px rgba(15,23,42,.06);overflow:hidden;}
.fusrock-qa-card__hero{display:flex;gap:clamp(18px,2.5vw,28px);align-items:center;padding:clamp(22px,2.5vw,32px);background:linear-gradient(135deg,#f8fbff 0%,#fff 62%);border-bottom:1px solid rgba(15,23,42,.06);}
.fusrock-qa-card__media{flex:0 0 auto;width:clamp(96px,14vw,128px);height:clamp(96px,14vw,128px);border-radius:18px;border:2px solid rgba(8,99,196,.18);background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.fusrock-qa-card__photo{width:100%;height:100%;object-fit:cover;display:block;}
.fusrock-qa-card__photo--placeholder{background:linear-gradient(145deg,rgba(8,99,196,.08),rgba(120,200,12,.06));}
.fusrock-qa-card__headline{min-width:0;flex:1 1 auto;}
.fusrock-qa-card__name{margin:0 0 6px;color:#0f172a;font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:950;line-height:1.25;letter-spacing:-.02em;}
.fusrock-qa-card__model{margin:0 0 12px;color:#64748b;font-size:15px;line-height:1.45;}
.fusrock-qa-card__status{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.02em;}
.fusrock-qa-card__status--inline{min-height:28px;padding:0 12px;font-size:12px;}
.fusrock-qa-card__status--active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857;border:1px solid rgba(16,185,129,.35);}
.fusrock-qa-card__status--expired{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border:1px solid rgba(239,68,68,.28);}
.fusrock-qa-card__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;}
.fusrock-qa-card__section{padding:clamp(22px,2.5vw,32px);}
.fusrock-qa-card__section + .fusrock-qa-card__section{border-left:1px solid rgba(15,23,42,.06);}
.fusrock-qa-card__section-title{margin:0 0 18px;color:#0f172a;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
.fusrock-qa-fields{margin:0;display:grid;gap:14px;}
.fusrock-qa-field{margin:0;}
.fusrock-qa-field__label{margin:0 0 6px;color:#64748b;font-size:12px;font-weight:800;letter-spacing:.03em;}
.fusrock-qa-field__value{margin:0;color:#0f172a;font-size:clamp(15px,1.05vw,17px);font-weight:700;line-height:1.45;word-break:break-word;}
.fusrock-qa-field__value--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;letter-spacing:.02em;}
.fusrock-qa-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:clamp(12px,2vw,24px) 0;}
.fusrock-qa-empty__icon{width:min(100%,200px);opacity:.92;}
.fusrock-qa-empty__icon img{max-width:100%;height:auto;display:block;margin:0 auto;}
.fusrock-qa-empty__title{margin:0 0 10px;color:#0f172a;font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:950;line-height:1.3;}
.fusrock-qa-empty__text,.fusrock-qa-empty__note{max-width:42rem;margin:0 auto;color:#64748b;font-size:15px;line-height:1.75;}
.fusrock-qa-empty__note{margin-top:10px;padding-top:14px;border-top:1px dashed rgba(15,23,42,.12);color:#475569;font-size:14px;}
@media screen and (max-width:768px){
    .fusrock-qa-card__hero{flex-direction:column;align-items:flex-start;}
    .fusrock-qa-card__body{grid-template-columns:1fr;}
    .fusrock-qa-card__section + .fusrock-qa-card__section{border-left:0;border-top:1px solid rgba(15,23,42,.06);}
    .fusrock-qa-search__submit{width:100%;}
}