@charset "utf-8";
/* 框架通栏内页样式（供 product03/project02/news03-04/help05/Leaveword06 等新模板加载）
   仅新增模板加载本文件；颜色统一使用 common.css 的 :root 变量（--brand-primary*）。 */

button{border:0}

.tpl-inner-page{min-width:1400px;background:#fff;color:#333}
.tpl-inner-container{width:1400px;margin:0 auto}
.tpl-inner-banner{position:relative;height:500px;overflow:hidden;background:#eef4f7}
.tpl-inner-banner>div:first-child,.tpl-inner-banner a{display:block;width:100%;height:100%}
.tpl-inner-banner img{display:block;width:100%;height:500px;object-fit:cover}
.tpl-inner-banner-caption{position:absolute;left:50%;top:50%;width:1400px;transform:translate(-50%,-50%);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.32);pointer-events:none}
.tpl-inner-banner-caption h2{font-size:42px;line-height:52px}.tpl-inner-banner-caption p{margin-top:12px;font-size:18px;line-height:28px;letter-spacing:1px}

/* 信息条外框（旧类名 p102-search-1）：不能再定死高度——现在里面是"面包屑 + 标题"两行，
   定死 70px 会让内层溢出、标题被下一块压住。高度交给内容撑开，底部灰线/浅灰底照旧。 */
.p102-search-1{height:auto;min-height:70px;border-bottom:1px solid #ededed;background:#f7f7f7}
/* 内页信息条：面包屑在上（小字灰）、标题在下（大字带蓝条）。
   详情页标题是整篇文章标题、很长，与面包屑同一行会被挤成两行且间距为 0（实测 796+604=1400 正好铺满）。
   这里用 column-reverse 保持 DOM 顺序不变（h1 在前、面包屑在后，利于 SEO/读屏），视觉上面包屑在上。
   间距标定：按"文字墨迹"对齐——面包屑 14px 字在 22px 行盒里下余 4px、标题 28px 字在 40px 行盒里上下各余 6px，
   所以要让标题文字上下留白相等，取 gap=20、padding-bottom=24（= gap + 面包屑下余 4px），
   即标题文字上方 = 4+20+6 = 30px，下方 = 6+24 = 30px。 */
.tpl-inner-meta .tpl-inner-container{display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start;height:auto;min-height:70px;padding:24px 0;gap:20px}
.tpl-inner-column-title{position:relative;max-width:100%;padding-left:18px;font-size:28px;line-height:40px;font-weight:700;color:#1a1a1a}
.tpl-inner-column-title:before{position:absolute;left:0;top:7px;width:5px;height:26px;background:var(--brand-primary);content:""}
.tpl-inner-breadcrumb{max-width:100%;color:#777;font-size:14px;line-height:22px}.tpl-inner-breadcrumb a{color:#555}.tpl-inner-breadcrumb a:hover{color:var(--brand-primary)}

.tpl-inner-main{padding:50px 0 70px;background:#fff}
.tpl-section-heading{position:relative;display:flex;height:66px;margin-bottom:30px;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0}
.tpl-section-heading:after{position:absolute;left:0;bottom:-1px;width:70px;height:3px;background:var(--brand-primary);content:""}
.tpl-section-heading h1,.tpl-section-heading h2{font-size:26px;line-height:40px;color:#1a1a1a}.tpl-section-heading span{font-size:13px;letter-spacing:1px;color:#999}
.tpl-block-title{display:flex;height:58px;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0}.tpl-block-title h2{position:relative;font-size:24px;font-weight:400}.tpl-block-title h2:after{position:absolute;left:0;bottom:-11px;width:50px;height:3px;background:var(--brand-primary);content:""}.tpl-block-title>a{color:#777}

.tpl-richtext{color:#4c4c4c;font-size:16px;line-height:30px;text-align:justify;word-break:break-word}
.tpl-richtext p{margin:0 0 18px}.tpl-richtext h2{margin:30px 0 15px;font-size:24px;line-height:36px;color:#222}.tpl-richtext img{display:block;max-width:100%!important;height:auto!important;margin:18px auto}.tpl-richtext table{width:100%!important;max-width:100%!important;border-collapse:collapse}.tpl-richtext th,.tpl-richtext td{padding:14px 18px;border:1px solid #dedede;line-height:26px}.tpl-richtext th{width:16%;background:#f5f5f5;color:#333;text-align:left}
.tpl-richtext h3{margin:24px 0 12px;font-size:20px;line-height:32px;color:#222}.tpl-richtext h4{margin:20px 0 10px;font-size:18px;line-height:30px;color:#222}.tpl-richtext strong{color:#333}
.tpl-richtext ul,.tpl-richtext ol{margin:0 0 18px}
.tpl-richtext ul>li{position:relative;padding-left:20px;margin-bottom:10px}
.tpl-richtext ul>li:before{position:absolute;left:3px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--brand-primary);content:""}
.tpl-richtext ol{list-style:decimal;padding-left:24px}
.tpl-richtext ol>li{margin-bottom:10px;list-style:decimal}
.tpl-richtext blockquote{margin:0 0 18px;padding:14px 20px;border-left:3px solid var(--brand-primary);background:#f7f7f7;color:#555}
.tpl-richtext a{color:var(--brand-primary)}
.tpl-detail-nav{display:flex;height:64px;align-items:center;justify-content:space-between;border-top:1px solid #dedede;border-bottom:1px solid #dedede}.tpl-detail-nav a{max-width:48%;overflow:hidden;color:#555;white-space:nowrap;text-overflow:ellipsis}.tpl-detail-nav a:hover{color:var(--brand-primary)}
.tpl-editor-heading{text-align:center;margin-bottom:28px}.tpl-editor-heading h2{font-size:30px;line-height:42px;color:#222}.tpl-editor-heading span{display:block;margin-top:4px;color:#999;font-size:14px;letter-spacing:1px}
.tpl-editor-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tpl-editor-steps article{min-height:170px;padding:26px;border:1px solid #e3e3e3;background:#fff}.tpl-editor-steps b{display:block;color:var(--brand-primary);font-size:28px}.tpl-editor-steps h3{margin:10px 0 8px;font-size:20px}.tpl-editor-steps p{margin:0;color:#777;font-size:14px;line-height:26px}
.tpl-public-advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.tpl-public-advantages article{border:1px solid #e5e5e5;background:#fff}.tpl-public-advantages img{display:block;width:100%;height:260px;object-fit:cover}.tpl-public-advantages h3{padding:18px 22px 6px;font-size:20px}.tpl-public-advantages p{padding:0 22px 22px;color:#777;font-size:14px;line-height:26px}
.tpl-editor-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.tpl-editor-gallery figure{margin:0;border:1px solid #e5e5e5}.tpl-editor-gallery img{display:block;width:100%;height:300px;object-fit:cover}.tpl-editor-gallery figcaption{height:52px;line-height:52px;text-align:center;font-size:16px}

.tpl-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.tpl-pagination a{display:flex;min-width:40px;height:40px;padding:0 14px;align-items:center;justify-content:center;border:1px solid #ddd;color:#666}.tpl-pagination a.cur,.tpl-pagination a:hover{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}
.tpl-related-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.tpl-related-card{border:1px solid #e4e4e4}.tpl-related-card img{display:block;width:100%;height:300px;object-fit:cover}.tpl-related-card b{display:block;height:52px;padding:0 18px;overflow:hidden;font-size:18px;font-weight:400;line-height:52px;white-space:nowrap;text-overflow:ellipsis}
.tpl-empty{display:flex;min-height:160px;align-items:center;justify-content:center;width:100%;color:#999;background:#fafafa;border:1px dashed #d8d8d8;font-size:16px}

/* ===== 产品 ===== */
.tpl-product-subnav{position:relative;z-index:20;padding-top:30px;background:#fff}
.tpl-product-subnav-list{display:flex;justify-content:space-between;gap:10px}
.tpl-product-subnav-item{position:relative;flex:1 1 0;min-width:0}
.tpl-product-subnav-link{display:block;height:52px;background:#f0f0f0;color:#333;font-size:20px;font-weight:700;line-height:52px;text-align:center}
.tpl-product-subnav-item.cur>.tpl-product-subnav-link,.tpl-product-subnav-link:hover{background:var(--brand-primary);color:#fff}
.tpl-product-subnav-children{position:absolute;top:52px;left:0;box-sizing:border-box;width:100%;padding:20px 20px 28px;border-left:1px solid #ebebeb;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.14);z-index:30;visibility:hidden;opacity:0;transition:opacity .22s ease,visibility .22s ease}
.tpl-product-subnav-item:hover>.tpl-product-subnav-children{visibility:visible;opacity:1}
.tpl-product-subnav-children li{height:40px;overflow:hidden;border-bottom:1px solid #eee;line-height:40px;white-space:nowrap;text-overflow:ellipsis}
.tpl-product-subnav-children a{display:block;color:#444}.tpl-product-subnav-children a:hover{color:var(--brand-primary)}
.tpl-product-list-block{padding-top:0}.tpl-product-list-title{position:relative;height:66px;margin-bottom:0;border-bottom:1px solid #e0e0e0;color:#333;font-size:26px;font-weight:400;line-height:66px}.tpl-product-list-title:after{position:absolute;left:0;bottom:-1px;width:70px;height:3px;background:var(--brand-primary);content:""}.tpl-product-list-lead{margin:18px 0 28px;color:#666;font-size:14px;line-height:26px}
.tpl-product-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:2.75%;row-gap:50px}
.tpl-product-card{background:#fff}.tpl-product-image{position:relative;display:block;aspect-ratio:271/218;overflow:hidden;border:1px solid #eee;background:#f5f5f5}.tpl-product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.tpl-product-image em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-primary-rgb),.78);color:#fff;font-size:16px;opacity:0;transition:.3s}.tpl-product-card:hover .tpl-product-image em{opacity:1}.tpl-product-card:hover img{transform:scale(1.035)}
.tpl-product-body{padding-top:15px}.tpl-product-title{display:block;height:40px;overflow:hidden;color:#222;font-size:20px;font-weight:400;line-height:40px;white-space:nowrap;text-overflow:ellipsis}.tpl-product-title:before{margin-right:8px;color:var(--brand-primary);content:"·"}.tpl-product-desc{height:48px;overflow:hidden;color:#666;font-size:14px;line-height:24px;text-align:justify}
.tpl-product-show{display:flex;justify-content:space-between;padding:0;border:1px solid #e3e3e3;background:#fff}
.tpl-product-show-gallery{width:53.4%;min-width:0}
.tpl-product-show-summary{width:40.2%}
.tpl-detail-gallery{min-width:0}.tpl-detail-main-photo{position:relative;display:flex;aspect-ratio:271/218;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f5}.tpl-detail-main-photo img{display:block;width:100%;height:100%;object-fit:contain}.tpl-detail-main-prev,.tpl-detail-main-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:5;border-radius:50%;padding:0}.tpl-detail-main-prev{left:14px}.tpl-detail-main-next{right:14px}.tpl-detail-main-prev:hover,.tpl-detail-main-next:hover{background:rgba(var(--brand-primary-rgb),.85)}
.tpl-detail-thumbs{display:flex;gap:10px;padding:12px}.tpl-detail-thumbs a{display:flex;width:88px;height:66px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ddd;background:#fff}.tpl-detail-thumbs a.cur,.tpl-detail-thumbs a:hover{border-color:var(--brand-primary)}.tpl-detail-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.tpl-product-editor{position:relative;padding:50px 46px 110px 0}.tpl-product-editor h1{height:52px;overflow:hidden;border-bottom:1px solid #e3e3e3;color:#1a1a1a;font-size:26px;font-weight:400;line-height:40px;white-space:nowrap;text-overflow:ellipsis}.tpl-product-summary{padding:28px 0 18px;color:#4c4c4c;font-size:16px;line-height:30px;text-align:justify}.tpl-product-editor li{min-height:34px;color:#666;font-size:15px;line-height:34px}.tpl-product-editor li b{color:#333}
.tpl-product-consult{position:absolute;right:46px;bottom:38px;left:0;display:flex;height:70px;padding-top:20px;align-items:center;border-top:1px solid #e3e3e3}.tpl-product-consult>a{width:138px;height:42px;background:var(--brand-primary);color:#fff;line-height:42px;text-align:center}.tpl-product-consult p{margin-left:24px}.tpl-product-consult em{color:#777}.tpl-product-consult strong{margin-left:8px;color:var(--brand-primary);font-size:22px}
.tpl-product-detail-nav{height:50px;margin-top:30px;box-shadow:0 -2px 3px #f9f9f9,0 4px 6px #e9e9e9}.tpl-product-detail-nav span{position:relative;display:inline-block;height:50px;padding:0 30px;color:var(--brand-primary);font-size:18px;line-height:50px}.tpl-product-detail-nav span:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--brand-primary);content:""}
.tpl-product-richtext{padding:40px 0;color:#4c4c4c;font-size:16px;line-height:30px;text-align:justify}.tpl-product-richtext>section{padding:20px 0 48px}.tpl-product-richtext table{width:100%;border-collapse:collapse}.tpl-product-richtext th,.tpl-product-richtext td{padding:14px 18px;border:1px solid #dedede;line-height:26px}.tpl-product-richtext th{background:#f5f5f5;text-align:left}
.tpl-product-public-richtext{padding:50px 0;background:#f7f7f7}.tpl-product-public-richtext>.tpl-editor-heading,.tpl-product-public-richtext>.tpl-public-advantages{width:1400px;margin-right:auto;margin-left:auto}
.tpl-product-carousel{position:relative;padding-top:48px}.tpl-product-carousel .tpl-block-title{padding-right:80px}.tpl-product-carousel-viewport{overflow:hidden;margin-top:30px}.tpl-product-carousel-track{display:flex;column-gap:2%;transition:transform .5s ease;will-change:transform}.tpl-product-carousel-track>.tpl-product-card{flex:0 0 23.5%;width:23.5%;margin:0}.tpl-product-carousel-actions{display:flex;gap:8px}.tpl-product-carousel-actions button{width:38px;height:38px;border:1px solid #ddd;background:#fff;color:#555;font-size:24px;line-height:34px;cursor:pointer}.tpl-product-carousel-actions button:hover{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}.tpl-product-carousel-dots{display:flex;height:30px;align-items:flex-end;justify-content:center;gap:8px}.tpl-product-carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c8c8c8;cursor:pointer}.tpl-product-carousel-dots button.cur{width:24px;border-radius:4px;background:var(--brand-primary)}.tpl-product-carousel.is-static .tpl-product-carousel-actions,.tpl-product-carousel.is-static .tpl-product-carousel-dots{display:none}
.tpl-product-related-news{padding:48px 0}.tpl-product-news-list{display:grid;grid-template-columns:repeat(3,31.5%);column-gap:2.75%;margin-top:30px}.tpl-product-news-list article{padding:22px 24px;border:1px solid #e4e4e4;background:#fff}.tpl-product-news-list a{display:block;overflow:hidden;color:#222;font-size:18px;line-height:28px;white-space:nowrap;text-overflow:ellipsis}.tpl-product-news-list p{height:48px;margin-top:12px;overflow:hidden;color:#777;font-size:14px;line-height:24px}

/* ===== 新闻 ===== */
.tpl-news-layout{display:grid;grid-template-columns:150px 1fr;gap:46px;align-items:start}.tpl-news-layout>section{grid-column:2;grid-row:1}.tpl-news-sidebar{grid-column:1;grid-row:1;margin-top:70px}.tpl-news-sidebar>h2{display:none}.tpl-news-sidebar>a{display:flex;min-height:82px;margin-bottom:10px;padding:12px;align-items:center;justify-content:center;border:1px solid #e3e3e3;font-size:16px;text-align:center}.tpl-news-sidebar>a.cur,.tpl-news-sidebar>a:hover{background:var(--brand-primary);color:#fff}.tpl-news-sidebar-contact{display:none}
.tpl-news-feature{display:grid;grid-template-columns:500px 1fr;gap:48px;margin-bottom:60px}.tpl-news-feature>a{grid-column:2;display:block;height:300px;overflow:hidden}.tpl-news-feature img{display:block;width:100%;height:100%;object-fit:cover}.tpl-news-feature>div{grid-column:1;grid-row:1;padding-top:40px}.tpl-news-feature h2{position:relative;min-height:32px;padding-left:90px;font-size:22px;line-height:32px}.tpl-news-feature h2 em{position:absolute;left:0;top:0;padding:0 16px;background:var(--brand-primary);color:#fff;font-size:14px}.tpl-news-feature p{margin:20px 0 24px;color:#666;font-size:14px;line-height:28px;text-align:justify}.tpl-news-feature>div>a{color:#333;font-size:16px}
.tpl-news-list{border:1px solid #e3e3e3;border-bottom:0}.tpl-news-row{position:relative;display:grid;min-height:220px;padding:19px;grid-template-columns:360px 1fr;gap:30px;border-bottom:1px solid #e3e3e3}.tpl-news-row-image{display:block;width:360px;overflow:hidden;background:#f5f5f5}.tpl-news-row-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.tpl-news-row:hover img{transform:scale(1.035)}.tpl-news-row>div{position:relative;padding:5px 0 35px}.tpl-news-row h2{height:40px;overflow:hidden;font-size:20px;font-weight:400;line-height:40px;white-space:nowrap;text-overflow:ellipsis}.tpl-news-row p{max-height:52px;overflow:hidden;color:#666;font-size:14px;line-height:26px;text-align:justify}.tpl-news-row>div>a{position:absolute;left:0;bottom:2px;color:var(--brand-primary)}.tpl-news-row time{position:absolute;right:0;bottom:2px;color:#aaa}
.tpl-news-detail-layout{display:grid;grid-template-columns:1036px 350px;gap:14px;align-items:start}.tpl-news-detail-main{width:1036px}.tpl-news-detail-sidebar{width:350px}.tpl-news-detail{border:1px solid #f0f0f0;background:#fff}.tpl-news-detail>header{padding:47px 46px 0}.tpl-news-detail>header h1{margin-bottom:15px;color:#1a1a1a;font-size:34px;font-weight:400;line-height:50px}.tpl-news-detail>header p{height:34px;padding-bottom:7px;border-bottom:1px solid #dedede;color:#999;font-size:14px;line-height:26px}.tpl-news-editor{padding:20px 46px 35px;font-size:16px;line-height:32px}.tpl-news-editor p{line-height:32px}.tpl-news-keywords{padding:18px 46px;border-top:1px solid #eee}.tpl-news-keywords a{margin-left:14px;color:var(--brand-primary)}.tpl-news-detail>.tpl-detail-nav{padding:0 46px}
.tpl-news-detail-sidebar section{margin-bottom:28px;border:1px solid #eee;padding:0 18px 18px}.tpl-news-detail-sidebar .tpl-block-title{margin-bottom:14px}.tpl-side-product{display:block;margin-bottom:13px}.tpl-side-product img{display:block;width:100%;border:1px solid #ccc;object-fit:cover}.tpl-side-product b{display:block;height:36px;overflow:hidden;font-weight:400;line-height:36px;white-space:nowrap;text-overflow:ellipsis}.tpl-side-tags{display:flex;flex-wrap:wrap;gap:10px}.tpl-side-tags a{padding:8px 12px;background:#f4f4f4}.tpl-side-tags a:hover{background:var(--brand-primary);color:#fff}.tpl-side-back{display:block;height:44px;background:var(--brand-primary);color:#fff;line-height:44px;text-align:center}
.tpl-news-recommend{grid-column:1/-1;padding-top:30px}.tpl-news-recommend .tpl-news-card-grid{margin-top:30px}
.tpl-news-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 30px}.tpl-inner-page.tpl-case-card-grid{display:block}.tpl-news-card{overflow:hidden;border:1px solid #e4e4e4;background:#fff;transition:box-shadow .25s,transform .25s}.tpl-news-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.12)}.tpl-news-card-image{display:block;height:350px;overflow:hidden;background:#f5f5f5}.tpl-news-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.tpl-news-card:hover img{transform:scale(1.035)}.tpl-news-card-body{padding:15px 20px 22px}.tpl-news-card-title{display:block;overflow:hidden;font-size:20px;line-height:40px;white-space:nowrap;text-overflow:ellipsis}.tpl-news-card-desc{height:48px;overflow:hidden;color:#666;font-size:14px;line-height:24px}.tpl-news-card-more{display:inline-block;margin-top:12px;color:var(--brand-primary)}

/* ===== Help ===== */
.tpl-help-tabs{height:100px;box-shadow:0 4px 6px #e9e9e9;background:#fff}
.tpl-help-tabs ul{display:flex;width:1400px;height:100px;margin:0 auto}
.tpl-help-tabs li{position:relative;flex:1;height:100px}
.tpl-help-tabs li:after{position:absolute;right:0;top:37px;width:1px;height:26px;background:#cfcfcf;content:""}
.tpl-help-tabs li:last-child:after{display:none}
.tpl-help-tabs a{display:block;height:100px;color:#1a1a1a;font-size:22px;line-height:100px;text-align:center}
.tpl-help-tabs li.cur:before,.tpl-help-tabs li:hover:before{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--brand-primary);content:""}
.tpl-help-tabs li.cur a,.tpl-help-tabs li:hover a{color:var(--brand-primary);font-weight:700}
.tpl-help-tabs li.cur a:before,.tpl-help-tabs li:hover a:before{position:absolute;left:50%;bottom:-5px;width:12px;height:12px;margin-left:-6px;border:3px solid var(--brand-primary);border-radius:50%;background:#fff;content:"";z-index:2}
.tpl-help-tabs li.cur a:after,.tpl-help-tabs li:hover a:after{position:absolute;left:50%;bottom:-2px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--brand-primary);content:"";z-index:3}
.tpl-help-body{min-height:420px;padding:40px 0;color:#4c4c4c;font-size:16px;line-height:32px;text-align:justify}
.tpl-help-title{position:relative;height:66px;margin-bottom:30px;border-bottom:1px solid #e0e0e0;color:#333;font-size:26px;line-height:66px}
.tpl-help-title:after{position:absolute;left:0;bottom:-2px;width:30px;height:3px;background:var(--brand-primary);content:""}
.tpl-client-logos{padding:0 0 50px}
.tpl-client-head{text-align:center}.tpl-client-head h2{color:#1a1a1a;font-size:30px;font-weight:400;line-height:44px}.tpl-client-head h2 b{color:var(--brand-primary);font-weight:700}.tpl-client-head p{margin-top:12px;color:#666;font-size:15px;line-height:26px}
.tpl-client-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:0}.tpl-client-list li{display:flex;height:auto;min-height:96px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ececec;background:#fff;padding:12px}.tpl-client-list img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%);opacity:.72;transition:all .3s ease}.tpl-client-list li:hover img{filter:grayscale(0);opacity:1}
.tpl-help-col-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tpl-help-col-list li{border:1px solid #e5e5e5;background:#fff}.tpl-help-col-list a{display:block;text-align:center}.tpl-help-col-thumb{display:flex;width:100%;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f5}.tpl-help-col-thumb img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.tpl-help-col-title{display:block;height:40px;padding:0 12px;overflow:hidden;color:#333;font-size:14px;line-height:40px;white-space:nowrap;text-overflow:ellipsis}
.tpl-help-hero{display:grid;grid-template-columns:680px 720px;min-height:520px;border:1px solid #e2e2e2;background:#fff}
.tpl-help-hero-content{padding:78px 64px}
.tpl-help-hero-content h1,.tpl-help-hero-content h2{font-size:34px;line-height:46px;color:#222}
.tpl-help-hero-content p{margin-top:22px;color:#666;font-size:16px;line-height:32px}
.tpl-help-hero-image{display:flex;overflow:hidden;align-items:center;justify-content:center;background:#f5f5f5}
.tpl-help-hero-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.tpl-help-hero:hover .tpl-help-hero-image img{transform:scale(1.025)}
.tpl-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:30px}
.tpl-capability-card{padding:28px;border:1px solid #e3e3e3;background:#fff}
.tpl-capability-card h3{font-size:21px;color:var(--brand-primary)}
.tpl-capability-card p{margin-top:12px;color:#777;font-size:16px;line-height:30px}
.tpl-about-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.tpl-about-sections article{padding:30px;border:1px solid #e3e3e3;background:#fff}
.tpl-about-sections h3{font-size:22px;line-height:34px;color:#222}
.tpl-about-sections p{margin-top:12px;color:#666;font-size:16px;line-height:30px}
.tpl-contact-map{display:flex;height:360px;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(rgba(0,77,112,.72),rgba(0,77,112,.72)),url(../images/stren1.jpg) center/cover no-repeat;color:#fff}
.tpl-contact-map span{font-size:30px;line-height:44px}.tpl-contact-map p{margin-top:10px;font-size:16px;line-height:30px}
.tpl-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.tpl-contact-grid article{min-height:130px;padding:26px;border:1px solid #e3e3e3;background:#fff}
.tpl-contact-grid h3{font-size:20px;line-height:32px;color:#222}.tpl-contact-grid p{margin-top:12px;color:#666;font-size:14px;line-height:26px}
.tpl-help-button{display:block;width:180px;height:46px;margin-top:30px;background:var(--brand-primary);color:#fff;font-size:16px;line-height:46px;text-align:center}
.tpl-help-button:hover{background:var(--brand-primary-dark);color:#fff}

/* ===== 方案 ===== */
.tpl-project-category{display:flex;height:90px;align-items:center;box-shadow:0 3px 4px #e9e9e9}.tpl-project-category h2{width:180px;color:#1a1a1a;font-size:28px;line-height:90px}.tpl-project-category nav{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:14px}.tpl-project-category a{height:40px;padding:0 24px;border-radius:20px;line-height:40px}.tpl-project-category a.cur,.tpl-project-category a:hover{background:var(--brand-primary);color:#fff}
.tpl-project-list{padding:50px 0 30px}.tpl-project-row{display:flex;justify-content:space-between;margin-bottom:40px}.tpl-project-image{display:block;width:271px;height:218px;overflow:hidden;border-radius:15px;background:#f5f5f5}.tpl-project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.tpl-project-row:hover img{transform:scale(1.035)}.tpl-project-body{position:relative;flex:1;padding:0 0 42px;margin-left:40px}.tpl-project-row h2{padding-bottom:14px;border-bottom:1px solid #dfdfdf;font-size:24px;line-height:66px}.tpl-project-row p{margin-top:15px;color:#666;font-size:18px;line-height:34px;text-align:justify}.tpl-project-more{position:absolute;left:0;bottom:0;color:var(--brand-primary)}.tpl-project-row time{position:absolute;right:0;bottom:0;color:#aaa}
.tpl-project-show{display:grid;grid-template-columns:53.4% 40.2%;gap:6.4%;border:1px solid #e3e3e3}.tpl-project-show>img{display:block;width:100%;height:500px;object-fit:cover}.tpl-project-show article{position:relative;padding:50px 46px 100px 0}.tpl-project-show h1{padding-bottom:12px;border-bottom:1px solid #e3e3e3;font-size:26px;font-weight:400;line-height:40px}.tpl-project-show p{padding-top:30px;color:#4c4c4c;font-size:16px;line-height:30px;text-align:justify}.tpl-project-consult{position:absolute;right:46px;bottom:38px;left:0;display:flex;height:70px;padding-top:20px;align-items:center;border-top:1px solid #e3e3e3}.tpl-project-consult a{width:138px;height:42px;background:var(--brand-primary);color:#fff;line-height:42px;text-align:center}.tpl-project-consult strong{margin-left:24px;color:var(--brand-primary);font-size:22px}
.tpl-project-detail-nav{height:50px;margin-top:30px;box-shadow:0 -2px 3px #f9f9f9,0 4px 6px #e9e9e9}.tpl-project-detail-nav span{position:relative;display:inline-block;height:50px;padding:0 30px;color:var(--brand-primary);font-size:18px;line-height:50px}.tpl-project-detail-nav span:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--brand-primary);content:""}
.tpl-project-editor{padding:40px 0}.tpl-project-editor>section{padding:20px 0 48px}.tpl-project-public-richtext{padding:50px 0}.tpl-project-public-richtext .tpl-public-advantages{margin-top:30px}.tpl-project-related-products,.tpl-project-latest-cases{padding:30px 0 50px}

/* ===== 在线留言 ===== */
.tpl-leaveword-layout{display:grid;grid-template-columns:583px 793px;gap:24px;min-height:700px;padding-top:32px;padding-bottom:60px}
.tpl-leaveword-visual{position:relative;height:700px;overflow:hidden;background:url(../images/stren2.jpg) center/cover no-repeat;color:#fff}
/* .tpl-leaveword-visual:before 蓝色遮罩已去掉（二维码需原色显示） */
.tpl-leaveword-visual-content{position:absolute;left:54px;right:54px;bottom:58px;z-index:1}
.tpl-leaveword-visual b{display:block;color:rgba(255,255,255,.22);font:70px/80px Impact,Arial;letter-spacing:5px}
.tpl-leaveword-visual h2{margin-top:12px;font-size:42px;line-height:60px}.tpl-leaveword-visual p{margin-top:14px;font-size:16px;line-height:30px}
.tpl-leaveword-visual dl{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.35)}
.tpl-leaveword-visual dt{font-size:16px}.tpl-leaveword-visual dd{margin-top:6px;font-size:24px;font-weight:700}
.tpl-leaveword-panel{padding:0 42px 34px;background:#fff}
.tpl-leaveword-title b{display:block;height:80px;overflow:hidden;color:rgba(51,51,51,.1);font:70px/80px Impact,Arial;letter-spacing:6px;text-transform:uppercase}
.tpl-leaveword-title h2{height:60px;color:#333;font-size:42px;line-height:60px}
.tpl-leaveword-title p{margin:4px 0 24px;color:#999;font-size:16px;line-height:30px}
.tpl-leaveword-form{display:block;padding-top:15px}
.tpl-leaveword-form label{display:grid;grid-template-columns:110px 1fr;min-height:56px;margin-bottom:18px;border:1px solid #d2d2d2;align-items:center}
.tpl-leaveword-form label>span{height:56px;color:#777;font-size:16px;line-height:56px;text-align:right}
.tpl-leaveword-form input,.tpl-leaveword-form textarea{width:100%;border:0;background:#fff;color:#555;font:16px "Microsoft YaHei"}
.tpl-leaveword-form input{height:54px;padding:0 18px}.tpl-leaveword-form textarea{height:166px;padding:15px 18px;line-height:28px;resize:none}
.tpl-leaveword-form label.tpl-form-textarea{height:168px;align-items:start}.tpl-leaveword-form label.tpl-form-textarea>span{height:56px}
.tpl-leaveword-form input:focus,.tpl-leaveword-form textarea:focus{outline:0}
.tpl-leaveword-form .tpl-form-code{display:grid;grid-template-columns:110px 180px 110px 1fr;height:44px;margin-top:34px;align-items:center}
.tpl-leaveword-form .tpl-form-code>span{font-size:16px;text-align:right}.tpl-leaveword-form .tpl-form-code input{height:42px;border:1px solid #eee}
.tpl-captcha-placeholder{display:block;width:110px;height:44px;background:#eef5f8;color:#3c6475;font:bold 18px/44px Arial;letter-spacing:4px;text-align:center}
.tpl-leaveword-form button{justify-self:end;width:238px;height:44px;border:0;border-radius:8px;background:var(--brand-primary);color:#fff;font-size:16px;cursor:pointer}
.tpl-leaveword-form button:hover{background:var(--brand-primary-dark)}
.tpl-required{color:#e6372a;font-style:normal;margin-right:6px}
.tpl-form-tip{min-height:28px;margin:12px 0 0 110px;color:#d33;font-size:14px;line-height:28px}.tpl-form-tip.is-success{color:var(--brand-primary)}

.tpl-photo-gallery .tpl-help-col-thumb{position:relative;aspect-ratio:4/3}.tpl-photo-gallery .tpl-help-col-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
