/**
 * haoda-EN 全站样式（覆盖 public/_cms/common.css 默认值）
 * 页级样式走 css/{stem}.css，由 theme.has_page_css 加载
 *
 * 设计令牌：优先使用 :root 变量
 * - 颜色：--c-text / --c-muted / --c-accent / --public-color-secondary
 * - 布局：--max / --max-wide / --page-gutter
 * - 富文本标题：--fs-h1~h6
 */
 :root{
    /* 品牌色 */
    --c-accent:#0147ca;
    --public-color-secondary:#00a2e9;
    --c-link:var(--c-accent);

    /* 语义色（旧变量兼容） */
    --c-text:#111111;
    --c-muted:#666666;
    --c-line:rgba(0,0,0,.06);
    --c-bg:#f6f6f6;
    --c-header:#fff;
    --c-white:#fff;
    --c-black:#000;

    /* 布局 */
    --max:1430px;
    --w-page:var(--max);
    --max-wide:1920px;
    --max-1580:1580px;
    --max-1340:1340px;
    --max-breadcrumb:1400px;
    --page-gutter:15px;

    /* 字体 */
    --fs-h1:clamp(28px,4vw,36px);
    --fs-h2:clamp(22px,3.2vw,28px);
    --fs-h3:22px;
    --fs-h4:18px;
    --fs-h5:16px;
    --fs-h6:14px;

    /* 分页 */
    --cms-pagination-active-bg:var(--c-accent);
    --cms-pagination-active-bg-hover:var(--c-accent);
    --cms-pagination-hover-color:var(--c-accent);
}
.site-header__inner{padding:0}
*,*::before,*::after{box-sizing:border-box}
html{font-family:'Poppin',Arial,Helvetica,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{margin:0;font-size:1.125rem;font-weight:400;line-height:1.5;color:#444;text-align:left;background-color:#fff;padding-top:0}
[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}
hr{box-sizing:content-box;height:0;overflow:visible}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.75rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#444;text-decoration:none;background-color:transparent}
a:hover{color:#555}
a:not([href]){color:inherit;text-decoration:none}
a:not([href]):hover{color:inherit;text-decoration:none}
pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress{vertical-align:baseline}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{outline-offset:-2px;-webkit-appearance:none}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none !important}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.img-fluid {max-width: 100%;height: auto;}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--page-gutter)}
.container.m-right{margin:0 0 0 auto;padding:0}
.container.m-left{margin:0 auto 0 0;padding:0}
.max-1580px{max-width:var(--max-1580)}
.max-1340px{max-width:var(--max-1340)}
@media(max-width:991px){
    body{padding-top:0}
}
@media(max-width:768px){
    body{font-size:14px;line-height:20px;padding-top:0}
    .container.m-right{margin:0 auto;padding:0 var(--page-gutter)}
    .container.m-left{margin:0 auto;padding:0 var(--page-gutter)}
}
.mnav{gap: 20px;}
.mnav__item--mega > .mnav__link--parent{color:var(--c-text)}
.mnav__item--mega:hover > .mnav__link--parent,
.mnav__item--mega:focus-within > .mnav__link--parent{color:var(--c-text) !important}
.mnav__mega{position:absolute;top:100%;left:50%;z-index:40;display:flex;align-items:flex-start;gap:56px;min-width:900px;padding:36px 40px 40px;background:#f4f5f9;border-radius:10px;box-shadow:0 12px 40px rgba(15,23,42,.12);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%);transition:opacity .25s ease,visibility .25s ease}
.mnav__item--mega:hover > .mnav__mega,
.mnav__item--mega:focus-within > .mnav__mega{opacity:1;visibility:visible;pointer-events:auto}
.mnav__mega-col{flex:1;min-width:280px;display:flex;flex-direction:column;align-items:stretch}
.mnav__mega-title{display:block;position:relative;margin:0 0 8px;padding:0 0 14px 14px;border-bottom:1px solid #e8eaee;font-size:18px;line-height:26px;font-weight:600;color:var(--c-text);white-space:normal}
.mnav__mega-title::before{content:"";position:absolute;left:0;top:4px;width:4px;height:18px;background:var(--c-accent);border-radius:1px}
.mnav__mega-title:hover{color:var(--c-accent) !important}
.mnav__mega-link{display:block;padding:10px 0;font-size:16px;line-height:26px;font-weight:400;color:var(--c-text);white-space:normal}
.mnav__mega-link::before{content:">";display:inline-block;margin-right:8px;font-family:'Poppins',sans-serif;font-weight:500;color:#c5c7cc}
.mnav__mega-link:hover{color:var(--c-accent) !important}
.mnav__link.is-active,.mnav__item.is-active > .mnav__link{color:var(--c-accent) !important}
.mnav__item.is-active > .mnav__link--parent{color:var(--c-accent) !important}
.mnav__item.is-active.mnav__item--mega > .mnav__link--parent{color:var(--c-accent) !important}
.site-header .mnav__sub-item.is-active > .mnav__sublink,.site-header .mnav__sublink.is-active{color:var(--c-accent) !important;font-weight:500}
.site-header .mnav__mega-title.is-active,.site-header .mnav__mega-col.is-active > .mnav__mega-title{color:var(--c-accent) !important;font-weight:600}
.site-header .mnav__mega-link.is-active{color:var(--c-accent) !important;font-weight:500}
.site-header .mnav__mega-col.is-active > .mnav__mega-title::before,.site-header .mnav__mega-title.is-active::before{background:var(--public-color-secondary)}
@media(min-width:992px){
    .site-header .mnav__sub-item.is-active > .mnav__sublink,.site-header .mnav__sublink.is-active{background:rgba(1,71,202,.06);border-radius:4px}
}
@media(max-width:991px){
    .site-header .mnav__sub-item.is-active > .mnav__sublink,.site-header .mnav__sublink.is-active{background:rgba(1,71,202,.08);border-radius:4px}
    .site-header .mnav__mega-title.is-active,.site-header .mnav__mega-col.is-active > .mnav__mega-title{background:rgba(1,71,202,.08);border-radius:4px}
    .site-header .mnav__mega-link.is-active{background:rgba(1,71,202,.06);border-radius:4px}
}
@media(max-width:991px){
    .mnav__mega{position:static;display:none;min-width:0;width:100%;flex-direction:column;gap:18px;padding:10px 0 4px 4px;background:transparent;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none}
    .mnav__item--mega.is-open > .mnav__mega{display:flex}
    .mnav__mega-col{min-width:0}
    .mnav__mega-title{font-size:15px;line-height:22px;padding-bottom:10px}
    .mnav__mega-link{font-size:14px;line-height:22px;padding:6px 0}
}

/* ===== 列表分页（SSR：{$listPage.pagination_html}） ===== */
.cms-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:32px 0 0;padding:0}
.cms-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:40px;color:#999;font-size:14px;user-select:none;pointer-events:none}
.cms-pagination__item{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #ddd;color:var(--c-text,#333);text-decoration:none;border-radius:4px;font-size:14px;line-height:1;background:#fff;transition:background .2s ease,color .2s ease,border-color .2s ease}
a.cms-pagination__item:hover{background:#f5f5f5;color:var(--cms-pagination-hover-color,var(--c-accent));border-color:#ccc}
.cms-pagination__item.is-active{background:var(--cms-pagination-active-bg,var(--c-accent));color:#fff;border-color:var(--cms-pagination-active-bg,var(--c-accent))}
.cms-pagination__item.is-active:hover{color:#fff;background:var(--cms-pagination-active-bg-hover,var(--c-accent));opacity:.92}
.cms-pagination__item.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;background:#fafafa;color:#999}
@media(max-width:768px){
    .cms-pagination{margin-top:24px;gap:6px}
    .cms-pagination__item{min-width:36px;height:36px;padding:0 8px;font-size:12px}
    .cms-pagination__ellipsis{min-width:24px;height:36px;font-size:12px}
}

*,*::before,*::after{box-sizing:border-box}

html.is-menu-open,html.is-menu-open body{overflow:hidden}

/* 滚动条（保留 overflow-x:clip，避免 sticky 失效） */
html{overflow-x:clip;overflow-y:auto}
body{overflow-x:clip}
@media(hover:hover) and (pointer:fine){
    html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(107,114,128,.45) transparent}
    html::-webkit-scrollbar{width:6px}
    html::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(107,114,128,.35)}
    html::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.65)}
    html::-webkit-scrollbar-track{background:transparent}
}
@media(hover:none),(pointer:coarse){
    html{scrollbar-width:none;-ms-overflow-style:none}
    html::-webkit-scrollbar{width:0;height:0;background:transparent}
}

/* ===== 富文本正文（CMS 编辑器输出） ===== */
main{padding-block:0}
main :is(h1,h2,h3,h4,h5,h6),
.rich-text :is(h1,h2,h3,h4,h5,h6),
.product-detail__body :is(h1,h2,h3,h4,h5,h6),
.article-detail__body :is(h1,h2,h3,h4,h5,h6),
.content-news-body :is(h1,h2,h3,h4,h5,h6){
    margin:0;font-weight:600;line-height:1.3;color:var(--c-text)
}
main h1,.rich-text h1,.product-detail__body h1,.article-detail__body h1,.content-news-body h1{margin-bottom:16px;font-size:var(--fs-h1)}
/* main h2:not(.ttle):not(.title-36):not(.title-53):not(.title-24){margin-top:32px;margin-bottom:12px;font-size:var(--fs-h2)} */
.rich-text h2,.product-detail__body h2,.article-detail__body h2,.content-news-body h2{margin-top:32px;margin-bottom:12px;font-size:var(--fs-h2)}
.rich-text h3,.product-detail__body h3,.article-detail__body h3,.content-news-body h3{margin-top:24px;margin-bottom:10px;font-size:var(--fs-h3)}
.rich-text h4,.product-detail__body h4,.article-detail__body h4,.content-news-body h4{margin-top:20px;margin-bottom:8px;font-size:var(--fs-h4)}
.rich-text h5,.product-detail__body h5,.article-detail__body h5,.content-news-body h5{margin-top:16px;margin-bottom:8px;font-size:var(--fs-h5)}
.rich-text h6,.product-detail__body h6,.article-detail__body h6,.content-news-body h6{margin-top:16px;margin-bottom:8px;font-size:var(--fs-h6);color:var(--c-muted)}
main :is(p,ul,ol,dl,blockquote,pre,table,figure),
.rich-text :is(p,ul,ol,dl,blockquote,pre,table,figure),
.product-detail__body :is(p,ul,ol,dl,blockquote,pre,table,figure),
.article-detail__body :is(p,ul,ol,dl,blockquote,pre,table,figure),
.content-news-body :is(p,ul,ol,dl,blockquote,pre,table,figure){margin:0 0 16px}
main :is(ul,ol),.rich-text :is(ul,ol),.product-detail__body :is(ul,ol),.article-detail__body :is(ul,ol),.content-news-body :is(ul,ol){padding-left:1.4em}
main ul,.rich-text ul,.product-detail__body ul,.article-detail__body ul,.content-news-body ul{list-style-type:disc}
main ol,.rich-text ol,.product-detail__body ol,.article-detail__body ol,.content-news-body ol{list-style-type:decimal}
main li + li,.rich-text li + li,.product-detail__body li + li,.article-detail__body li + li,.content-news-body li + li{margin-top:6px}
main a:not([class]),.rich-text a:not([class]),.product-detail__body a:not([class]),.article-detail__body a:not([class]),.content-news-body a:not([class]){color:var(--c-link);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease;font-size:inherit;line-height:inherit;display:inline}
main a:not([class]):hover,.rich-text a:not([class]):hover,.product-detail__body a:not([class]):hover,.article-detail__body a:not([class]):hover,.content-news-body a:not([class]):hover{opacity:.75;color:var(--c-link) !important}
main strong,.rich-text strong,.product-detail__body strong,.article-detail__body strong,.content-news-body strong,
main b,.rich-text b,.product-detail__body b,.article-detail__body b,.content-news-body b{font-weight:600}
main em,.rich-text em,.product-detail__body em,.article-detail__body em,.content-news-body em,
main i:not([class]),.rich-text i:not([class]),.product-detail__body i:not([class]),.article-detail__body i:not([class]),.content-news-body i:not([class]){font-style:italic}
main blockquote,.rich-text blockquote,.product-detail__body blockquote,.article-detail__body blockquote,.content-news-body blockquote{padding:12px 16px;border-left:4px solid var(--c-line);background:rgba(0,0,0,.02);color:var(--c-muted)}
main hr,.rich-text hr,.product-detail__body hr,.article-detail__body hr,.content-news-body hr{margin:24px 0;border:0;border-top:1px solid var(--c-line)}
main img,.rich-text img,.product-detail__body img,.article-detail__body img,.content-news-body img{max-width:100%;height:auto;vertical-align:middle}
main :is(code,kbd,samp),.rich-text :is(code,kbd,samp),.product-detail__body :is(code,kbd,samp),.article-detail__body :is(code,kbd,samp),.content-news-body :is(code,kbd,samp){padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.05);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
main pre,.rich-text pre,.product-detail__body pre,.article-detail__body pre,.content-news-body pre{padding:16px;overflow-x:auto;border-radius:8px;background:rgba(0,0,0,.05);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.5}
main pre code,.rich-text pre code,.product-detail__body pre code,.article-detail__body pre code,.content-news-body pre code{padding:0;background:transparent;font-size:inherit}
main table,.rich-text table,.product-detail__body table,.article-detail__body table,.content-news-body table{width:100%;border-collapse:collapse;font-size:14px}
main :is(th,td),.rich-text :is(th,td),.product-detail__body :is(th,td),.article-detail__body :is(th,td),.content-news-body :is(th,td){padding:10px 12px;border:1px solid var(--c-line);text-align:left;vertical-align:top}
main th,.rich-text th,.product-detail__body th,.article-detail__body th,.content-news-body th{font-weight:600;background:rgba(0,0,0,.03)}
main figcaption,.rich-text figcaption,.product-detail__body figcaption,.article-detail__body figcaption,.content-news-body figcaption{margin-top:8px;font-size:14px;color:var(--c-muted);text-align:center}
main > :last-child,.rich-text > :last-child,.product-detail__body > :last-child,.article-detail__body > :last-child,.content-news-body > :last-child{margin-bottom:0}
@media(max-width:991px){
    main h1,.rich-text h1,.product-detail__body h1,.article-detail__body h1,.content-news-body h1{margin-bottom:12px;font-size:clamp(22px,5.5vw,28px)}
    main h2:not(.title):not(.title-36):not(.title-53):not(.title-24),.rich-text h2,.product-detail__body h2,.article-detail__body h2,.content-news-body h2{margin-top:24px;font-size:clamp(20px,4.5vw,24px)}
    .rich-text h3,.product-detail__body h3,.article-detail__body h3,.content-news-body h3{margin-top:20px;font-size:20px}
    main :is(p,ul,ol,dl,blockquote,pre,table,figure),
    .rich-text :is(p,ul,ol,dl,blockquote,pre,table,figure),
    .product-detail__body :is(p,ul,ol,dl,blockquote,pre,table,figure),
    .article-detail__body :is(p,ul,ol,dl,blockquote,pre,table,figure),
    .content-news-body :is(p,ul,ol,dl,blockquote,pre,table,figure){margin-bottom:12px;min-width: inherit !important;}

}

/* main h2+p{margin-top: 32px;
    margin-bottom: 12px;} */



.grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 1.5rem);
    align-items:stretch
}
.grid > [class*="g-col"]{display:flex;flex-direction:column}
.grid > [class*="g-col"] > *{flex:1}
.grid .g-col-1 {
    grid-column: auto/span 1
}

.grid .g-col-2 {
    grid-column: auto/span 2
}

.grid .g-col-3 {
    grid-column: auto/span 3
}

.grid .g-col-4 {
    grid-column: auto/span 4
}

.grid .g-col-5 {
    grid-column: auto/span 5
}

.grid .g-col-6 {
    grid-column: auto/span 6
}

.grid .g-col-7 {
    grid-column: auto/span 7
}

.grid .g-col-8 {
    grid-column: auto/span 8
}

.grid .g-col-9 {
    grid-column: auto/span 9
}

.grid .g-col-10 {
    grid-column: auto/span 10
}

.grid .g-col-11 {
    grid-column: auto/span 11
}

.grid .g-col-12 {
    grid-column: auto/span 12
}

.grid .g-start-1 {
    grid-column-start: 1
}

.grid .g-start-2 {
    grid-column-start: 2
}

.grid .g-start-3 {
    grid-column-start: 3
}

.grid .g-start-4 {
    grid-column-start: 4
}

.grid .g-start-5 {
    grid-column-start: 5
}

.grid .g-start-6 {
    grid-column-start: 6
}

.grid .g-start-7 {
    grid-column-start: 7
}

.grid .g-start-8 {
    grid-column-start: 8
}

.grid .g-start-9 {
    grid-column-start: 9
}

.grid .g-start-10 {
    grid-column-start: 10
}

.grid .g-start-11 {
    grid-column-start: 11
}

@media (min-width:576px) {
    .grid .g-col-sm-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-sm-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-sm-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-sm-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-sm-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-sm-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-sm-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-sm-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-sm-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-sm-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-sm-1 {
        grid-column-start: 1
    }

    .grid .g-start-sm-2 {
        grid-column-start: 2
    }

    .grid .g-start-sm-3 {
        grid-column-start: 3
    }

    .grid .g-start-sm-4 {
        grid-column-start: 4
    }

    .grid .g-start-sm-5 {
        grid-column-start: 5
    }

    .grid .g-start-sm-6 {
        grid-column-start: 6
    }

    .grid .g-start-sm-7 {
        grid-column-start: 7
    }

    .grid .g-start-sm-8 {
        grid-column-start: 8
    }

    .grid .g-start-sm-9 {
        grid-column-start: 9
    }

    .grid .g-start-sm-10 {
        grid-column-start: 10
    }

    .grid .g-start-sm-11 {
        grid-column-start: 11
    }
}

@media (min-width:768px) {
    .grid .g-col-md-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-md-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-md-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-md-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-md-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-md-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-md-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-md-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-md-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-md-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-md-1 {
        grid-column-start: 1
    }

    .grid .g-start-md-2 {
        grid-column-start: 2
    }

    .grid .g-start-md-3 {
        grid-column-start: 3
    }

    .grid .g-start-md-4 {
        grid-column-start: 4
    }

    .grid .g-start-md-5 {
        grid-column-start: 5
    }

    .grid .g-start-md-6 {
        grid-column-start: 6
    }

    .grid .g-start-md-7 {
        grid-column-start: 7
    }

    .grid .g-start-md-8 {
        grid-column-start: 8
    }

    .grid .g-start-md-9 {
        grid-column-start: 9
    }

    .grid .g-start-md-10 {
        grid-column-start: 10
    }

    .grid .g-start-md-11 {
        grid-column-start: 11
    }
}

@media (min-width:992px) {
    .grid .g-col-lg-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-lg-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-lg-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-lg-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-lg-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-lg-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-lg-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-lg-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-lg-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-lg-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-lg-1 {
        grid-column-start: 1
    }

    .grid .g-start-lg-2 {
        grid-column-start: 2
    }

    .grid .g-start-lg-3 {
        grid-column-start: 3
    }

    .grid .g-start-lg-4 {
        grid-column-start: 4
    }

    .grid .g-start-lg-5 {
        grid-column-start: 5
    }

    .grid .g-start-lg-6 {
        grid-column-start: 6
    }

    .grid .g-start-lg-7 {
        grid-column-start: 7
    }

    .grid .g-start-lg-8 {
        grid-column-start: 8
    }

    .grid .g-start-lg-9 {
        grid-column-start: 9
    }

    .grid .g-start-lg-10 {
        grid-column-start: 10
    }

    .grid .g-start-lg-11 {
        grid-column-start: 11
    }
}

@media (min-width:1200px) {
    .grid .g-col-xl-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-xl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xl-11 {
        grid-column-start: 11
    }
}

@media (min-width:1400px) {
    .grid .g-col-xxl-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-xxl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xxl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xxl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xxl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xxl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xxl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xxl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xxl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xxl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xxl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xxl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xxl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xxl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xxl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xxl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xxl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xxl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xxl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xxl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xxl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xxl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xxl-11 {
        grid-column-start: 11
    }
}

@media(max-width:768px) {
    .grid {
        gap: var(--bs-gap, 0.5rem)
    }
}

.site-header{position:relative;z-index:1000;}
.site-header.is-scrolled{position:fixed;top:0;left:0;right:0;}
.site-header__mask{position:fixed;inset:0;z-index:999}
.site-header__mask[hidden]{display:none !important}
.site-header__spacer{display:none;width:100%}
.site-header.is-scrolled ~ .site-header__spacer{display:block}
.site-header__top{background:#f4f7f9;border-bottom:1px solid #e8eef3}
.site-header__top-inner,
.site-header__inner{max-width:1580px;width:100%;margin:0 auto;padding-left:0;padding-right:0}
.site-header__top-inner{min-height:42px;display:flex;align-items:center;justify-content:flex-end;gap:16px}
.site-header__top-contact{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;min-width:0}
.site-header__top-item{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:22px;font-weight:400;color:#555;text-decoration:none;white-space:nowrap}
.site-header__top-item:hover{color:var(--c-accent) !important}
.site-header__top-ico{flex-shrink:0;color:var(--c-text)}
.site-header__top .site-header__quote{flex-shrink:0;min-height:32px;padding:6px 18px;border-radius:4px;font-size:14px;font-weight:500}
.site-header__top .site-header__quote:hover,.site-header__top .site-header__quote:focus-visible{background:#003b99;border-color:#003b99;color:var(--c-white)}

/*默认详情设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}
.content-wrapper tbody th{color:#2980c7}

/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
/* .table-wrapper-md table *{width: 100%;} */
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

/*#弹出框*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)}
.reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
.reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}
@media(max-width:768px){
    .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
    .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px}
}

/* 询盘弹层 / 表单（common.js） */
.cms-inquiry-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}
.cms-inquiry-modal[hidden]{display:none !important}
.cms-inquiry-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.45)}
.cms-inquiry-modal__panel{position:relative;z-index:1;width:min(540px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 24px 48px rgba(15,23,42,.18)}
.cms-inquiry-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:14px 18px 12px;border-bottom:1px solid #eef0f3}
.cms-inquiry-modal__title{margin:0;font-size:18px;font-weight:600;line-height:1.3;color:var(--c-text,#1a1a1a)}
.cms-inquiry-modal__close{flex-shrink:0;width:32px;height:32px;border:0;border-radius:8px;background:#f3f4f6;color:#6b7280;font-size:20px;line-height:1;cursor:pointer}
.cms-inquiry-modal__close:hover,.cms-inquiry-modal__close:focus-visible{background:#e5e7eb;color:#111827;outline:none}
.cms-inquiry-modal__body{flex:1 1 auto;min-height:0;overflow:hidden;padding:12px 18px 16px}
.cms-inquiry-form{display:flex;flex-direction:column}
.cms-inquiry-modal__desc{margin:0 0 20px;color:#6b7280;font-size:14px;line-height:1.6}
.cms-inquiry-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.cms-inquiry-form__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cms-inquiry-form__row{margin-bottom:0}
.cms-inquiry-form > .cms-inquiry-form__row + .cms-inquiry-form__row,.cms-inquiry-form > .cms-inquiry-form__grid--pair + .cms-inquiry-form__row--company,.cms-inquiry-form > .cms-inquiry-form__row--company + .cms-inquiry-form__grid,.cms-inquiry-form > .cms-inquiry-form__grid + .cms-inquiry-form__row{margin-top:8px}
.cms-inquiry-form__grid--pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.cms-inquiry-form__grid--pair .cms-inquiry-form__row{margin-top:0;min-width:0}
.cms-inquiry-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.cms-inquiry-form__grid .cms-inquiry-form__row{margin-bottom:0;margin-top:0;min-width:0}
.cms-inquiry-form__grid .cms-inquiry-form__label{min-height:20px;white-space:nowrap}
.cms-inquiry-form__label{display:block;margin-bottom:4px;font-size:12px;font-weight:500;color:#4b5563}
.cms-inquiry-form__hint{display:inline;margin-left:6px;font-size:11px;font-weight:400;line-height:1.35;color:#9ca3af}
.cms-inquiry-form__req{color:#ef4444}
.cms-inquiry-modal--extended .cms-inquiry-modal__panel{max-height:calc(100dvh - 24px)}
.cms-inquiry-modal--extended .cms-inquiry-modal__body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.cms-inquiry-modal--extended .cms-inquiry-modal__body::-webkit-scrollbar{width:6px}
.cms-inquiry-modal--extended .cms-inquiry-modal__body::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(107,114,128,.35)}
.cms-inquiry-modal--extended .cms-inquiry-modal__body::-webkit-scrollbar-track{background:transparent}
.cms-inquiry-form__choices{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.cms-inquiry-form__choice{display:inline-flex;align-items:center;gap:6px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;font-size:13px;line-height:1.3;color:#374151;cursor:pointer;user-select:none;transition:color .15s ease}
.cms-inquiry-form__choice:hover{color:#111827}
.cms-inquiry-form__choice:has(input:focus-visible){outline:none;border-radius:4px;box-shadow:0 0 0 2px rgba(17,24,39,.12)}
.cms-inquiry-form__choices--radio .cms-inquiry-form__choice input[type="radio"]{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin:0;flex-shrink:0;border:1.5px solid #d1d5db;border-radius:50%;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.cms-inquiry-form__choices--radio .cms-inquiry-form__choice input[type="radio"]:checked{border-color:var(--c-accent);background:radial-gradient(circle,var(--c-accent) 0 4px,#fff 4px)}
.cms-inquiry-form__choices--radio .cms-inquiry-form__choice:has(input:checked){color:var(--c-accent);font-weight:500}
.cms-inquiry-form__choices--checkbox .cms-inquiry-form__choice input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin:0;flex-shrink:0;border:1.5px solid #d1d5db;border-radius:3px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.cms-inquiry-form__choices--checkbox .cms-inquiry-form__choice input[type="checkbox"]:checked{border-color:var(--c-accent);background-color:var(--c-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5.5 4.5 9 11 1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.cms-inquiry-form__choices--checkbox .cms-inquiry-form__choice:has(input:checked){color:#111827;font-weight:500}
.cms-inquiry-form__row.has-error .cms-inquiry-form__choice input.is-invalid{border-color:#ef4444}
.cms-inquiry-form__row.has-error .cms-inquiry-form__choices--radio .cms-inquiry-form__choice,.cms-inquiry-form__row.has-error .cms-inquiry-form__choices--checkbox .cms-inquiry-form__choice{color:#b91c1c}
.cms-inquiry-form__field{position:relative;padding-bottom:14px}
.cms-inquiry-form__company{display:flex;gap:10px;align-items:flex-start}
.cms-inquiry-form__company-type{flex:0 0 130px;width:130px}
.cms-inquiry-form__company-value{flex:1 1 auto;min-width:0}
.cms-inquiry-form__company-type .cms-inquiry-form__select,.cms-inquiry-form__company-type .cms-inquiry-form__select-trigger,.cms-inquiry-form__company-value .cms-inquiry-form__input{min-height:38px}
.cms-inquiry-form__company-type .cms-inquiry-form__select,.cms-inquiry-form__company-type .cms-inquiry-form__select-trigger{padding-right:28px;font-size:13px}
.cms-inquiry-form__company-type .cms-inquiry-form__select-trigger{padding-left:8px;background-size:8px 5px,24px 100%;background-position:right 8px center,right 0 center}
.cms-inquiry-form__row--company:has(.has-error) > .cms-inquiry-form__label{color:#b91c1c}
.cms-inquiry-form__input,.cms-inquiry-form__textarea,.cms-inquiry-form__select{display:block;width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;font:inherit;font-size:14px;color:var(--c-text,#111827);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.cms-inquiry-form__select{min-height:36px;padding:7px 34px 7px 10px;line-height:1.35;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1 5 5 9 1'/%3E%3C/svg%3E"),linear-gradient(to left,#f3f4f6 0,#f3f4f6 28px,transparent 28px);background-repeat:no-repeat,no-repeat;background-position:right 10px center,right 0 center;background-size:10px 6px,28px 100%;appearance:none;cursor:pointer}
.cms-inquiry-form__select:hover{border-color:#d1d5db;background-color:#fafafa}
.cms-inquiry-form__select:required:invalid{color:#9ca3af}
.cms-inquiry-form__select option{color:#111827}
.cms-inquiry-form__select option[value=""]{color:#9ca3af}
.cms-inquiry-form__select-ui{position:relative;width:100%}
.cms-inquiry-form__select--native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cms-inquiry-form__select-trigger{display:flex;align-items:center;width:100%;min-height:36px;padding:7px 34px 7px 10px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1 5 5 9 1'/%3E%3C/svg%3E"),linear-gradient(to left,#f3f4f6 0,#f3f4f6 28px,transparent 28px);background-repeat:no-repeat,no-repeat;background-position:right 10px center,right 0 center;background-size:10px 6px,28px 100%;font:inherit;font-size:14px;line-height:1.35;color:var(--c-text,#111827);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.cms-inquiry-form__select-trigger:hover{border-color:#d1d5db;background-color:#fafafa}
.cms-inquiry-form__select-ui.is-open .cms-inquiry-form__select-trigger{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(1,71,202,.08)}
.cms-inquiry-form__select-ui:has(.cms-inquiry-form__select--native.is-invalid) .cms-inquiry-form__select-trigger{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.cms-inquiry-form__select-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cms-inquiry-form__select-value.is-placeholder{color:#9ca3af}
.cms-inquiry-form__select-menu{margin:0;padding:4px;list-style:none;overflow-y:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.14)}
.cms-inquiry-form__select-menu[hidden]{display:none !important}
.cms-inquiry-form__select-option{padding:8px 10px;border-radius:6px;font-size:14px;line-height:1.35;color:#374151;cursor:pointer;transition:background .12s ease,color .12s ease}
.cms-inquiry-form__select-option:hover{background:#f3f4f6;color:#111827}
.cms-inquiry-form__select-option.is-selected{background:rgba(1,71,202,.06);color:var(--c-accent);font-weight:500}
.cms-inquiry-form__input::placeholder,.cms-inquiry-form__textarea::placeholder{color:#9ca3af}
.cms-inquiry-form__input:focus,.cms-inquiry-form__textarea:focus,.cms-inquiry-form__select:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(1,71,202,.08)}
.cms-inquiry-form__input.is-invalid,.cms-inquiry-form__textarea.is-invalid,.cms-inquiry-form__select.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.cms-inquiry-form__row.has-error .cms-inquiry-form__label,.cms-inquiry-form__row--company:has(.has-error) > .cms-inquiry-form__label{color:#b91c1c}
.cms-inquiry-form__error{position:absolute;left:0;right:0;bottom:0;margin:0;font-size:11px;line-height:1.35;color:#dc2626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cms-inquiry-form__error[hidden]{visibility:hidden;opacity:0}
.cms-inquiry-form__textarea{resize:none;min-height:58px;max-height:58px}
.cms-inquiry-form__captcha{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px}
.cms-inquiry-form__captcha-img{display:block;width:108px;height:38px;border:1px solid #e5e7eb;border-radius:8px;background:#111827;object-fit:cover}
.cms-inquiry-form__captcha-refresh{min-height:38px;padding:0 10px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#374151;font:inherit;font-size:13px;cursor:pointer}
.cms-inquiry-form__captcha-refresh:hover,.cms-inquiry-form__captcha-refresh:focus-visible{border-color:#d1d5db;background:#f3f4f6;outline:none}
.cms-inquiry-form__input--captcha{flex:1 1 120px;min-width:0}
.cms-inquiry-form__msg{margin:0 0 8px;padding:8px 10px;font-size:13px;line-height:1.45;border-radius:8px}
.cms-inquiry-form__msg[hidden]{display:none !important}
.cms-inquiry-form__msg.is-error{color:#991b1b;background:#fef2f2}
.cms-inquiry-form__msg.is-success{color:#166534;background:#f0fdf4}
.cms-inquiry-form__submit{width:100%;min-height:42px;margin-top:2px;border:0;border-radius:10px;background:var(--c-accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}
.cms-inquiry-form__submit:hover{opacity:.92}
.cms-inquiry-form__submit:active{transform:scale(.99)}
.cms-inquiry-form.is-loading .cms-inquiry-form__submit{opacity:.65;cursor:wait}
html.is-inquiry-open,html.is-inquiry-open body{overflow:hidden}
@media(max-width:575px){
    .cms-inquiry-modal{padding:0;align-items:stretch}
    .cms-inquiry-modal__panel{width:100%;height:100dvh;max-height:100dvh;border-radius:0}
    .cms-inquiry-modal__head{padding:12px 16px 10px}
    .cms-inquiry-modal__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px))}
    .cms-inquiry-form__grid--pair,.cms-inquiry-form__grid{grid-template-columns:1fr;gap:8px}
    .cms-inquiry-form__company{flex-direction:column}
    .cms-inquiry-form__company-type{flex:none;width:100%}
    .cms-inquiry-form__textarea{min-height:72px;max-height:none;resize:vertical}
    .cms-inquiry-form__captcha{flex-wrap:wrap}
    .cms-inquiry-form__input--captcha{width:100%;flex:1 1 100%}
}
@media(max-height:680px) and (min-width:576px){
    .cms-inquiry-modal__body{overflow-y:auto}
}

/*#留言表单*/
.form-feedback .btn{color:#fff;background:#9f1919;border-radius:0px;font-size:16px;line-height:22px;padding-top:8px;padding-bottom:8px}
.form-feedback .btn:hover{background:#003b66;color:#fff}
@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all}

/*#搜索*/
.search-group{width:200px;height:32px;overflow:hidden;border:1px solid #f7f7f7;border-radius:5px}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:32px;line-height:32px;}
.search-group .form-control::-webkit-input-placeholder{color:#5c5352}
.search-group .btn{background-color:#9f1919;border-radius:0px;height:32px;width:32px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:#fff;font-size:1rem}


/* ===== .footer ===== — partials/footer.html */
.footer{background-color:#011e3b;padding-top:60px;color:var(--c-white);max-width:var(--max-wide);margin:0 auto}
.footer a:hover{color:#fff !important;text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px}


/* ===== .footer-top ===== */
.footer .footer-top{position:relative}
.footer .footer-top .content{display:flex;justify-content:space-between;gap:55px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.09)}
.footer .list-1{width:25%;min-width:0;flex:0 1 25%;display:flex;flex-direction:column;padding-bottom:15px}
.footer .footer-logo{display:block;margin-bottom:30px}
.footer .footer-logo img{display:block;width:180px;max-width:100%;height:auto;mix-blend-mode:lighten}
.footer .text{color:#fff;font-size:16px;line-height:26px;font-weight:300;margin-bottom:45px}
.footer .footer-contact{margin-bottom:30px}
.footer .footer-contact .d{display:grid;grid-template-columns:30px auto;gap:0 10px;margin-bottom:22px;min-width:0}
.footer .footer-contact .d:last-child{margin-bottom:0}
.footer .footer-contact .d-cont{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.footer .footer-contact .label{font-size:16px;line-height:26px;font-weight:600;color:#557390;margin-bottom:2px}
.footer .footer-contact .icon{flex-shrink:0;width:30px;font-size:24px;line-height:24px;color:#fff;text-align:center}
.footer .footer-contact a,
.footer .footer-contact .font-sty{font-size:16px;line-height:26px;font-weight:300;color:#fff;overflow-wrap:anywhere}
.footer .all-social{display:flex;flex-wrap:wrap;gap:15px}
.footer .all-social .hover-1,
.footer .all-social .hover-2{background-color:#011e3b !important;border:1px solid rgba(255,255,255,.7);color:#fff !important;width:38px;height:38px;flex:0 0 38px;font-size:16px !important;display:inline-flex;justify-content:center;align-items:center;border-radius:100%;margin:0 !important}
.footer .all-social .hover-1::before,
.footer .all-social .hover-2::before{font-size:16px;width:inherit}
.footer .all-social .hover-1:hover,
.footer .all-social .hover-2:hover{background-color:#fff !important;color:#011e3b !important}
.footer .list-box{width:auto;min-width:0;flex:1 1 0;display:flex;flex-direction:column;gap:20px}
.footer .list-box .box > *{margin-bottom:20px}
.footer .list-box .box > *:last-child{margin-bottom:0}
.footer .font-sty{font-size:16px;line-height:24px;font-weight:300;color:#fff;position:relative;opacity:.9}
.footer .footer-title{font-size:20px;line-height:28px;font-weight:600;color:#fff;margin-bottom:20px}
.footer .footer-title::after{content:"";width:32px;height:2px;background:var(--c-accent);display:block;margin-top:10px}
.footer .footer-nav-top{display:grid;grid-template-columns:1fr 2.5fr;gap:20px;min-width:0}
.footer .footer-nav-top > *{border:1px solid #15314d;padding:25px;border-radius:8px;min-width:0}
.footer .footer-nav-top .footer-col-box{display:flex;justify-content:space-between;gap:40px}
.footer .footer-col .box{display:flex;flex-direction:column;align-items:flex-start}
.footer .footer-col .font-sty::before,
.footer .footer-links .font-sty::before{content:">";font-family:'Poppins';font-weight:500;font-size:18px;display:inline-block;margin-right:5px;color:#fff;opacity:.85}
.footer .footer-nav-bottom{border:1px solid #15314d;border-radius:8px;padding:25px;min-width:0}
.footer .footer-row{display:flex;align-items:flex-start;gap:35px;margin-bottom:22px}
.footer .footer-row:last-child{margin-bottom:0}
.footer .footer-row .footer-title{margin-bottom:0;flex-shrink:0}
.footer .footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;flex:1;min-width:0;padding-top:4px}

@media(max-width:1720px){
    .footer{padding-top:56px}
    .footer .footer-top .content{gap:48px}
}
@media(max-width:1570px){
    .footer .footer-top .content{gap:40px;padding-bottom:36px}
    .footer .footer-nav-top .footer-col-box{gap:28px}
    .footer .footer-row{gap:28px}
}
@media(max-width:1430px){
    .footer{padding-top:52px}
    .footer .footer-top .content{gap:32px}
    .footer .footer-logo{margin-bottom:24px}
    .footer .text{margin-bottom:36px}
    .footer .footer-title{font-size:18px;line-height:26px}
    .footer .footer-nav-top > *,
    .footer .footer-nav-bottom{padding:22px}
    .footer .footer-nav-top .footer-col-box{gap:24px}
}

@media(max-width:1200px){
    .footer .footer-top .content{flex-direction:column;gap:40px}
    .footer .list-1,
    .footer .list-box{width:100%;flex:none}
    .footer .footer-contact{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px 28px;
        margin-bottom:28px;
    }
    .footer .footer-contact .d{margin-bottom:0}
    .footer .footer-contact .d:last-child{grid-column:1 / -1}
    .footer .footer-nav-top{grid-template-columns:1fr}
    .footer .footer-nav-top .footer-col-box{flex-wrap:wrap;gap:25px}
    .footer .footer-col{flex:1 1 calc(50% - 12.5px);min-width:200px}
}

@media(min-width:992px) and (max-width:1199px){
    .footer .footer-title{font-size:18px;line-height:26px}
    .footer .footer-nav-top > *,
    .footer .footer-nav-bottom{padding:22px}
    .footer .footer-row{gap:24px}
}

@media(min-width:900px) and (max-width:991px){
    .footer{padding-top:48px}
    .footer .footer-top .content{gap:32px;padding-bottom:32px}
    .footer .text{font-size:15px;line-height:24px;margin-bottom:32px}
    .footer .footer-contact{gap:16px 20px}
    .footer .footer-nav-top > *,
    .footer .footer-nav-bottom{padding:20px}
    .footer .footer-row{gap:20px}
    .footer .footer-links{gap:8px 18px}
}

@media(max-width:899px){
    .footer{padding-top:50px}
    .footer .footer-top .content{gap:30px;padding-bottom:30px}
    .footer .text{margin-bottom:35px}
    .footer .footer-nav-top > *,
    .footer .footer-nav-bottom{padding:22px}
}

@media(max-width:768px){
    .footer{padding-top:40px}
    .footer .footer-logo{margin-bottom:20px}
    .footer .footer-logo img{width:150px}
    .footer .footer-contact .label,
    .footer .footer-contact a,
    .footer .footer-contact .font-sty{font-size:15px;line-height:24px}
    .footer .footer-contact .icon{font-size:22px;line-height:22px}
    .footer .footer-contact{margin-bottom:0}
    .footer .all-social .hover-1,
    .footer .all-social .hover-2{width:36px;height:36px;flex-basis:36px}
    .footer .list-1 {margin-bottom:0}
    .footer .footer-nav-top > *,
    .footer .footer-nav-bottom{padding:20px}
    .footer .footer-nav-top .footer-col-box{gap:30px}
    .footer .footer-col{flex:1 1 100%;min-width:0}
    .footer .footer-row{flex-direction:column;gap:12px}
    .footer .footer-row .footer-title{min-width:0}
    .footer .footer-title{font-size:18px;line-height:26px;margin-bottom:15px}
    .footer .font-sty{font-size:15px;line-height:22px}
}

@media(max-width:540px){
    .footer .footer-contact{grid-template-columns:1fr;gap:16px}
    .footer .footer-contact .d:last-child{grid-column:auto}
    .footer .footer-title{font-size:16px;line-height:24px}
    .footer .footer-nav-top > *,
    .footer .footer-nav-bottom{padding:16px}
}
@media(max-width:430px){
    .footer{padding-top:32px}
    .footer .footer-logo img{width:140px}
    .footer .text{font-size:14px;line-height:22px}
}


/* ===== .footer-bottom ===== */
.footer .footer-bottom{position:relative;height:110px;background-color:#011e3b;display:flex;align-items:center}
.footer .footer-bottom .content{display:flex;justify-content:space-between;align-items:center;gap:16px}
.footer .footer-bottom .content > *{color:#fff;opacity:.9;font-size:16px;line-height:24px;font-weight:300;min-width:0}
.footer .footer-bottom .copy{margin:0;overflow-wrap:anywhere}

@media(max-width:899px){
    .footer .footer-bottom{height:auto;padding:20px 0}
}
@media(max-width:768px){
    .footer .footer-bottom{padding:18px 0}
    .footer .footer-bottom .content{flex-direction:column;gap:10px;text-align:center}
    .footer .footer-bottom .content > *{font-size:14px;line-height:22px}
}


.breadcrumb{width:100%;display:flex;justify-content:center;margin-top:10px}
.breadcrumb ul::before{content:url(../images/nav.webp);display:inline-block;margin-right:10px;transform:translateY(5px)}
.breadcrumb ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;max-width:var(--max-breadcrumb);width:100%;margin:0;padding:0;list-style:none}
.breadcrumb ul a{font-size:16px;line-height:24px;color:var(--c-white);font-weight:300;text-decoration:none}
.breadcrumb ul span{font-size:16px;line-height:24px;color:var(--c-white);font-weight:300}
.breadcrumb ul li::before{content:">";line-height:24px;font-size:16px;font-weight:400;padding:0 10px;color:var(--c-white);position:static}
.breadcrumb ul li:first-child::before{display:none}
.breadcrumb ul li{display:flex;align-items:center;padding-left:0}
.breadcrumb ul li + li{margin-top: 0;}

.in-banner{justify-content:flex-start;margin-top:0;margin-bottom:40px}
.in-banner .breadcrumb ul{justify-content:flex-start;max-width:none}
.in-banner .breadcrumb ul::before{display:none}
.in-banner .breadcrumb ul a,
.in-banner .breadcrumb ul span{color:#999;font-size:14px;line-height:22px}
.in-banner .breadcrumb ul li::before{color:#ccc;font-size:14px;padding:0 8px}

@media(max-width:1330px){
    .breadcrumb{top:15px}
}
@media(max-width:768px){
    .breadcrumb{padding-top:5px}
    .breadcrumb ul a,
    .breadcrumb ul span{font-size:14px;line-height:26px}
    .breadcrumb ul li::before{padding:0 5px}
}


.h6 , h6{font-size:21px;line-height:30px;font-weight:600;color:var(--public-color-secondary)}
.h6:after,h6:after{content:'';display:block;width:75px;height:3px;background:var(--public-color-secondary);margin-top:10px}
.title,h2.title{font-size:43px;line-height:54px;font-weight:600;color:var(--c-black);}
.title-53,h2.title-53{font-size:53px;line-height:54px;font-weight:600;color:var(--c-black);}
.title-36,h2.title-36{font-size:36px;line-height:48px;font-weight:600;color:var(--c-black);}
.title-24,h2.title-24{font-size:24px;line-height:36px;font-weight:600;color:var(--c-black);}
.title-c{text-align: center;}
.top-head-c{margin: auto;text-align: center;}

.a-lb:focus, .a-lb-1:focus{
    outline: none;
    box-shadow: none;
}

.a-lb,
.a-lb-1,
.a-lb-w{
    --color:var(--c-accent);
    --color2:#ffff;
    height:55px;
    padding:0 20px;
    border-radius:6px;
    border:1px solid var(--color);
    transition:.5s;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    z-index:1;
    font-weight:300;
    font-size:18px;
    display:inline-flex;
    align-items:center;
    gap:0.5em;
    text-decoration:none;
}

.a-lb::after,
.a-lb::before,
.a-lb-1::after,
.a-lb-1::before,
.a-lb-w::after,
.a-lb-w::before{
    content:'';
    display:block;
    height:100%;
    width:100%;
    position:absolute;
    inset:50%;
    left:25%;
    z-index:-1;
    transition:.5s ease-out;
    background-color:var(--color);
}

/* 主按钮：默认实心 */
.a-lb{
    background-color:var(--color);
    color:var(--color2);
}
.a-lb::after,
.a-lb::before{transform:skew(45deg) translate(-50%,-50%)}
.a-lb::before{top:-50%;left:-25%;transform:skew(45deg) rotate(180deg) translate(-50%,-50%)}
.a-lb:hover{background-color:var(--color2);color:var(--color) !important}
.a-lb:hover::before{transform:skew(90deg) rotate(180deg) translate(-50%,-50%)}
.a-lb:hover::after{transform:skew(90deg) translate(-50%,-50%)}
.a-lb img{filter:brightness(0) invert(1)}
.a-lb:hover img{filter:none}

/* 次按钮：与主按钮反着来，默认描边 */
.a-lb-1{
    background-color:#f0f0f0;
    color:var(--color);
}

/* 白边按钮：深色背景用，悬浮变蓝 */
.a-lb-w{
    --color:var(--c-accent);
    background-color:transparent;
    color:#fff !important;
    border-color:#fff;
}
.a-lb-w::after,
.a-lb-w::before{transform:skew(90deg) translate(-50%,-50%)}
.a-lb-w::before{top:-50%;left:-25%;transform:skew(90deg) rotate(180deg) translate(-50%,-50%)}
.a-lb-w:hover{background-color:transparent;color:#fff !important;border-color:var(--color)}
.a-lb-w:hover::before{transform:skew(45deg) rotate(180deg) translate(-50%,-50%)}
.a-lb-w:hover::after{transform:skew(45deg) translate(-50%,-50%)}
.a-lb-w img{filter:brightness(0) invert(1)}

.a-lb-1::after,
.a-lb-1::before{transform:skew(90deg) translate(-50%,-50%)}
.a-lb-1::before{top:-50%;left:-25%;transform:skew(90deg) rotate(180deg) translate(-50%,-50%)}
.a-lb-1:hover{background-color:transparent;color:var(--color2) !important}
.a-lb-1:hover::before{transform:skew(45deg) rotate(180deg) translate(-50%,-50%)}
.a-lb-1:hover::after{transform:skew(45deg) translate(-50%,-50%)}
.a-lb-1:hover img{filter:brightness(0) invert(1)}

.a-lb:active,
.a-lb-1:active,
.a-lb-w:active{filter:brightness(.7);transform:scale(.98)}



.banner{position: relative;}
.banner  .banner-text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;}

.banner-all .content{display: flex;flex-direction: column;align-items: center;}
.banner-all h1 , .banner-all .h1{font-size: 32px;line-height: 1;color: #ffffff;}
.banner-all .breadcrumb ul span{font-size:16px;line-height:24px;color:var(--c-white);font-weight:300}

/* ===== .all-project ===== — partials/cta.html；按钮 .a-lb / .a-lb-1 见上方 */
.all-project{height:275px;background:url(../images/all-project.webp) no-repeat center;background-size:100% 100%;display:flex;align-items:center;max-width:1920px;margin:0 auto}
.all-project .content{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#fff;width:100%}
.all-project .left{width:50%;min-width:0}
.all-project .title-36{color:#fff;margin-bottom:20px;font-weight:600}
.all-project .text{font-size:16px;line-height:24px;font-weight:300;max-width:75%}
.all-project .text p{margin:0}
.all-project .a-btn{display:flex;flex-wrap:wrap;gap:15px;flex-shrink:0}

@media(max-width:1570px){
    .all-project{height:260px}
}
@media(max-width:1430px){
    .all-project{height:250px}
    .all-project .title-36{font-size:34px;line-height:44px}
}
@media(max-width:1200px){
    .all-project{height:auto;min-height:240px;padding:40px 0;background-size:cover}
    .all-project .left{width:55%}
    .all-project .title-36{font-size:32px;line-height:42px}
}

@media(min-width:992px) and (max-width:1199px){
    .all-project .title-36{font-size:30px;line-height:40px;margin-bottom:16px}
    .all-project .left{width:52%}
    .all-project .text{max-width:100%}
}

@media(min-width:900px) and (max-width:991px){
    .all-project{padding:36px 0;min-height:0}
    .all-project .title-36{font-size:28px;line-height:36px;margin-bottom:14px}
    .all-project .left{width:50%}
    .all-project .text{font-size:15px;line-height:22px;max-width:100%}
    .all-project .a-btn{max-width:46%}
}

@media(max-width:899px){
  .banner-all h1 , .banner-all .h1{font-size:24px}
    .all-project{padding:35px 0}
    .all-project .content{flex-direction:column;align-items:flex-start;gap:25px}
    .all-project .left,
    .all-project .a-btn{width:100%;max-width:100%}
    .all-project .title-36{font-size:26px;line-height:34px}
    .all-project .text{max-width:100%}
}

@media(max-width:768px){
  .banner-all>img{min-height:176px;max-width: max-content;}
    .all-project{padding:30px 0;min-height:0}
    .all-project .title-36{font-size:24px;line-height:32px;margin-bottom:15px}
    .all-project .text{font-size:14px;line-height:22px}
    .all-project .a-btn{flex-direction:column;align-items:stretch;gap:12px}
    .all-project .a-btn .a-lb,
    .all-project .a-btn .a-lb-1{width:100%;justify-content:center}
}

@media(max-width:540px){
    .all-project{padding:26px 0}
    .all-project .title-36{font-size:22px;line-height:30px}
}
@media(max-width:430px){
    .all-project{padding:22px 0}
    .all-project .title-36{font-size:20px;line-height:28px}
}

/* 新闻卡片（article-list / 产品详情推荐新闻） */
.all-news{margin:100px 0}
.all-news .title-36{margin-bottom:45px}
.all-news .grid{gap:55px 70px}
.all-news .list .img,
.all-news .list .img > img{border-radius:10px}
.all-news .list .img{width:100%;margin-bottom:20px;overflow:hidden;display:block}
.all-news .list .img > img{width:100%}
.all-news .list .t1{font-size:18px;line-height:26px;margin-bottom:10px}
.all-news .list .t1::after{content:url(../images/sign-4.webp);display:block}
.all-news .list .time{font-size:18px;color:var(--public-color-secondary)}
.all-news .list .summary{color:#999;font-weight:300;font-size: 16px;line-height: 1.5;margin-top: 10px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* 产品卡片（product-list / product-content 推荐） */
.all-products{padding:80px 0 100px}
.all-production + .all-products{padding-top:0}
.all-products .title-36{margin-bottom:40px}
.all-products .grid{--bs-gap:30px 25px}
.all-products .list{flex:1;border:1px solid #ddddde;border-radius:8px;overflow:hidden;background-color:#f9fafc;display:flex;flex-direction:column;box-shadow:3px 4px 20px rgba(6,0,1,.06);transition:transform .3s ease}
.all-products .list:hover{transform:translateY(-6px)}
.all-products .list .img{min-height:175px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#fff}
.all-products .list .img > img{width:100%;height:auto}
.all-products .list .box{padding:25px 25px 20px 30px;flex:1}
.all-products .list .model{font-size:19px;line-height:30px;font-weight:500;color:var(--c-accent);text-transform:uppercase;margin-bottom:6px}
.all-products .list .t1{font-size:19px;line-height:30px;font-weight:500;margin-bottom:16px;color:var(--c-text);display:block}
.all-products .list .specs{list-style:none;padding:0;margin:0}
.all-products .list .specs ul{list-style:none;padding:0;margin:0}
.all-products .list .specs li:last-child,
.all-products .list .specs p:last-child{margin-bottom:0}
.all-products .list .specs li,
.all-products .list .specs p{font-size:16px;line-height:24px;font-weight:300;color:var(--c-text);padding-left:14px;position:relative;margin:0 0 5px}
.all-products .list .specs li::before,
.all-products .list .specs p::before{content:"";width:5px;height:5px;border-radius:50%;background-color:var(--c-accent);position:absolute;left:0;top:10px}
.all-products .list .specs span,
.all-products .list .specs strong,
.all-products .list .specs b{margin-right:6px}
.all-products .list .specs em{font-style:normal;font-weight:300}
.all-products .list .specs li:nth-child(n+4),
.all-products .list .specs > p:nth-child(n+4),
.all-products .list .specs ul li:nth-of-type(n+4){display:none}
.p-i-related.all-products .list .box,
.all-products.p-i-related .list .box{background:#f4f7fa}
.p-i-related.all-products .list .model,
.all-products.p-i-related .list .model{font-weight:600}
.p-i-related.all-products .list .specs li,
.p-i-related.all-products .list .specs p,
.all-products.p-i-related .list .specs li,
.all-products.p-i-related .list .specs p{color:#666}
@media(max-width:1200px){
    .all-products{padding:65px 0 90px}
    .all-products .grid{--bs-gap:25px 20px}
    .all-products .list .t1{font-size:20px;line-height:28px}
    .all-products .list .img{min-height:160px}
}
@media(max-width:899px){
    .all-products{padding:50px 0 70px}
    .all-products .grid{--bs-gap:20px 16px}
}
@media(max-width:768px){
    .all-products{padding:30px 0 50px}
    .all-products .grid .g-col-12{grid-column: auto / span 12;}
    .all-products .list .box{padding:20px 18px 18px 22px}
    .all-products .list .model{font-size:16px;line-height:24px}
    .all-products .list .t1{margin-bottom:10px}
    .all-products .list .specs li,
    .all-products .list .specs p{font-size:14px;line-height:22px}
    .all-products .list .img{min-height:150px;padding:15px}
}

/* 内容区容器（与 .container 一致） */
.ui-container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--page-gutter)}

/* 方案页卡片网格（solution-1 cards / faq） */
.sol-series-cards .grid,
.sol-series-faq .grid{--bs-gap:20px 25px;align-items:stretch}
.sol-series-cards .grid > [class*="g-col"],
.sol-series-faq .grid > [class*="g-col"]{display:flex;flex-direction:column}
.sol-series-cards .list,
.sol-series-faq .list{flex:1;background-color:#fff;border-radius:8px;box-shadow:4px 3px 5px 0 rgba(6,0,1,.09);border:1px solid #d7e3ef;border-top:5px solid var(--c-accent);padding:32px 30px;transition:all .3s}
.sol-series-cards .list:hover,
.sol-series-faq .list:hover{box-shadow:4px 3px 5px 0 rgba(6,0,1,.15);border-color:var(--c-accent);border-top-color:var(--c-accent);transform:translateY(-5px)}
.sol-series-cards .list .t1,
.sol-series-faq .list .t1{font-size:22px;line-height:32px;font-weight:600;color:#000;margin-bottom:14px}
.sol-series-cards .list .cont,
.sol-series-faq .list .cont{font-size:16px;line-height:26px;font-weight:300;color:var(--c-muted)}

/* 头部 Get Quote（partials/header.html） */
.site-header__quote{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 16px;border:1px solid var(--c-accent);border-radius:6px;background:var(--c-accent);color:var(--c-white);font-size:16px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}
.site-header__quote:hover,.site-header__quote:focus-visible{background:var(--c-white);color:var(--c-accent);outline:none}
@media (max-width:991px){
  .site-header__top{display:none}
    .site-header__quote{min-height:32px;padding:6px 12px;font-size:13px}
    .site-header__top-item{font-size:12px;line-height:18px}
    .site-header__top-contact{gap:6px 14px}
}
@media (max-width:767px){
    .site-header__top-contact{display:none}
}

/* 侧边浮窗（partials/tk.html） */
#float{
    position:fixed;
    right:16px;
    bottom:165px;
    z-index:55;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    transition:transform .3s ease-in-out;
}
#float .float-bar{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    padding:8px 6px;
    border-radius:999px;
    background:linear-gradient(165deg,rgba(1,30,59,.88) 0%,rgba(1,71,202,.78) 100%);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 8px 32px rgba(1,30,59,.28),0 2px 8px rgba(0,0,0,.12);
    transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;
}
#float .ico{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    position:relative;
    cursor:pointer;
    background:transparent;
    text-decoration:none;
    border:0;
    border-radius:50%;
    transition:background .25s ease,transform .25s ease;
}
#float .ico>i{
    font-size:21px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:transparent;
    border:0;
    transition:transform .25s ease;
}
#float .ico p{
    position:absolute;
    top:50%;
    right:-360px;
    transform:translateY(-50%);
    margin:0;
    padding:0 16px;
    height:38px;
    line-height:38px;
    font-size:14px;
    font-weight:500;
    color:#fff;
    white-space:nowrap;
    border-radius:6px;
    background:rgba(1,30,59,.94);
    border:1px solid rgba(255,255,255,.1);
    box-shadow:0 4px 16px rgba(0,0,0,.18);
    transition:right .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;
    opacity:0;
    pointer-events:none;
    z-index:0;
}
#float .ico p::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    bottom:8px;
    width:3px;
    border-radius:2px;
    background:var(--public-color-secondary);
}
#float .ico:hover,
#float .ico:focus-visible{
    background:rgba(255,255,255,.12);
    outline:none;
}
#float .ico:hover>i,
#float .ico:focus-visible>i{
    transform:scale(1.08);
}
#float .ico:hover p,
#float .ico:focus-visible p{
    right:54px;
    opacity:1;
}
#float a.ico:hover,
#float a.ico:focus-visible{
    color:#fff !important;
}
#float .ico-quote{
    width:48px;
    height:48px;
    margin-bottom:2px;
    background:linear-gradient(135deg,var(--c-accent) 0%,var(--public-color-secondary) 100%);
    box-shadow:0 4px 14px rgba(1,71,202,.45);
}
#float .ico-quote:hover,
#float .ico-quote:focus-visible{
    background:linear-gradient(135deg,#013ba8 0%,#0090d4 100%);
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(1,71,202,.55);
}
#float .ico-quote p::before{background:#fff}
#float .ico-wa:hover,
#float .ico-wa:focus-visible{background:rgba(37,211,102,.22)}
#float .ico-wa:hover>i,
#float .ico-wa:focus-visible>i{color:#25d366}
#float .ico-phone:hover>i,
#float .ico-phone:focus-visible>i{color:var(--public-color-secondary)}
#float .ico-mail:hover>i,
#float .ico-mail:focus-visible>i{color:#7ec8ff}
#float .ico-top,
#float .float-bar .ico#scroll-top{
    width:40px;
    height:40px;
    margin-top:4px;
    background:var(--c-accent);
    box-shadow:0 3px 12px rgba(1,71,202,.35);
    opacity:0;
    visibility:hidden;
    transform:scale(.8);
    transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .25s ease;
}
#float .ico-top.is-visible,
#float .float-bar .ico#scroll-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}
#float .ico-top:hover,
#float .float-bar .ico#scroll-top:hover,
#float .ico-top:focus-visible,
#float .float-bar .ico#scroll-top:focus-visible{
    background:#013ba8;
}
#float .ico-top>i,
#float .float-bar .ico#scroll-top>i{
    font-size:18px;
}
#float .scale-ico{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    background:rgba(1,30,59,.72);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    box-shadow:0 3px 12px rgba(1,30,59,.22);
    cursor:pointer;
    transition:background .25s ease,transform .3s ease;
}
#float .scale-ico>i{
    font-size:15px;
    line-height:1;
    color:#fff;
    background:transparent;
    border:0;
    transition:transform .35s cubic-bezier(.4,0,.2,1);
}
#float .scale-ico:hover,
#float .scale-ico:focus-visible{
    background:rgba(1,71,202,.85);
    outline:none;
}
#float.hide .float-bar{
    transform:translateX(72px);
    opacity:0;
    pointer-events:none;
}
#float.hide .scale-ico i{
    transform:rotate(180deg);
}
@media (min-width:1px) and (max-width:991px){
    #float{right:10px;bottom:120px;gap:8px}
    #float .float-bar{padding:6px 5px}
    #float .ico{width:42px;height:42px}
    #float .ico>i{font-size:19px}
    #float .ico p{height:34px;line-height:34px;padding:0 12px;font-size:13px}
    #float .ico:hover p,
    #float .ico:focus-visible p{right:48px}
    #float .ico-quote{width:44px;height:44px}
    #float .ico-top,
    #float .float-bar .ico#scroll-top{width:36px;height:36px}
    #float .scale-ico{width:30px;height:30px}
    #float.hide .float-bar{transform:translateX(64px)}
}


.site-header__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    position: relative;
    z-index: 5
}

.site-header__search {
    position: relative
}

.site-header__search-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--c-accent);
    cursor: pointer;
    transition: opacity 0.3s ease,background 0.3s ease,color 0.3s ease
}

.site-header__search-toggle:hover,.site-header__search-toggle:focus-visible {
    opacity: 1;
    background: rgba(1,71,202,.08);
    outline: none
}

.site-header__search.is-active .site-header__search-toggle {
    color: var(--c-accent);
    background: rgba(1,71,202,.1)
}

.site-header__search-icon {
    display: block;
    width: 20px;
    height: 20px
}

.site-header__search-panel {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: min(430px,calc(100vw - 24px));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity 0.25s ease,visibility 0.25s ease,transform 0.25s ease;
    z-index: 120
}

.site-header__search-panel::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px
}

.site-header__search.is-active .site-header__search-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0)
}

.site-header__search-form {
    display: flex;
    align-items: center;
    gap: 0;
    height: 48px;
    padding: 0 5px 0 18px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 999px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12)
}

.site-header__search-input {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0 12px 0 0;
    font-size: 14px;
    line-height: 1.4;
    color: #222;
    background: transparent;
    border: 0
}

.site-header__search-input:focus {
    outline: none
}

.site-header__search-input::placeholder {
    color: #999;
    font-size: 14px;
    font-weight: 300
}

.site-header__search-submit {
    flex-shrink: 0;
    height: 38px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: var(--c-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    cursor: pointer;
    transition: background 0.25s ease,transform 0.2s ease
}

.site-header__search-submit:hover {
    background: #0147cab8
}

.site-header__search-submit:active {
    transform: scale(.98)
}

@media (max-width:991px) {
    .site-header__search-panel {
        right: -8px;
        width: min(360px,calc(100vw - 20px))
    }

    .site-header__search-form {
        height: 44px;
        padding-left: 14px
    }

    .site-header__search-input {
        font-size: 13px
    }

    .site-header__search-input::placeholder {
        font-size: 13px
    }

    .site-header__search-submit {
        height: 34px;
        padding: 0 16px;
        line-height: 34px;
        font-size: 13px
    }
}

.site-header .mlang {
    position: relative
}

.site-header .mlang__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 200px;
    height: 52px;
    padding: 0 18px;
    border: 0;
    border-radius: 50px;
    background-color: #fff;
    color: var(--c-accent);
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.3s ease,height var(--header-ease),width var(--header-ease)
}

.site-header.is-scrolled .mlang__btn {
    width: 180px;
    height: 44px;
    font-size: 14px
}

.site-header .mlang__btn:hover,.site-header .mlang__btn:focus-visible {
    opacity: 0.8;
    outline: none
}

.site-header .mlang__globe {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url(../images/lang.gif) no-repeat center center;
    background-size: 100% 100%;
    filter: brightness(0) saturate(100%) hue-rotate(-20deg) invert(12%) sepia(96%) saturate(7312%) hue-rotate(0deg) brightness(104%) contrast(128%)
}

.site-header .mlang__label {
    color: var(--c-accent);
    font-weight: 700
}

.site-header .mlang__label::after {
    display: inline-block;
    margin-left: 0.5rem;
    color: var(--c-accent);
    content: "▾";
    font-size: 14px;
    line-height: 1;
    transition: transform 0.3s ease
}

.site-header .mlang.is-open .mlang__label::after {
    transform: rotate(180deg)
}

.site-header .mlang__menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin: 10px 0 0;
    min-width: 180px;
    padding: 0;
    list-style: none;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    z-index: 100
}

.site-header .mlang.is-open .mlang__menu,.site-header .mlang.is-open .mlang__menu[hidden] {
    display: block
}

.site-header .mlang__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    transition: background 0.2s ease,color 0.2s ease
}

.site-header .mlang__flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 14px;
    flex-shrink: 0
}

.site-header .mlang__flag img {
    display: block;
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 1px
}

.site-header .mlang__flag-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 14px;
    font-size: 10px;
    font-weight: 700;
    color: #666;
    background: #eee;
    border-radius: 2px
}

.site-header .mlang__link-label {
    flex: 1
}

.site-header .mlang__link:hover,.site-header .mlang__link:focus-visible {
    background: #f5f5f5;
    color: #333;
    outline: none
}

.site-header .mlang__link--active,.site-header .mlang__link--active:hover {
    background: #f5f5f5;
    color: var(--c-accent);
    font-weight: 500
}


@media(max-width:1340px){
    .mnav {gap: 15px;}
    .site-header__inner {gap: 15px;}
}
@media(max-width:1280px){
    .mnav {gap: 10px;}
    .site-header__inner {gap: 10px;}
}
@media(max-width:1200px){
    .mnav__link, .mnav__sublink {gap: 2px;}
    .mnav {gap: 5px;}
    .site-header__inner {gap: 5px;}
}
@media(max-width:1100px){
    .mnav__link{font-size: 14px;}
}
@media(max-width:991px){
    :root{--h-header: 50px;}
}