/* ===== layout.css (原 10073 字节) ===== */
/* ============================================================
   锐客网 布局原生化样式层  layout.css  v1.0  （2026-10-18）
   ------------------------------------------------------------
   用途：替代已移除的 Bootstrap 5.3-alpha1（bootstrap.min.css 220KB
        + bootstrap.bundle.min.js 80KB），消除海外体积与版本混乱。
   原则：本站模板实际用到的类，语义与 BS5 完全一致，加载位置与
        原 bootstrap.min.css 相同（位于 global.css 之前），
        因此站点既有覆盖行为不变。
   包含：① reboot 重置子集（盒模型/标题/链接/表单等）
         ② 容器 container 系列（含站点定制的 1600px 断点由 index.css 覆盖）
         ③ 网格 row + col-{xs,sm,md,lg,xl}-{1..12}（gutter 1.5rem）
         ④ 弹性布局工具类 ⑤ 按钮组件
   说明：col-xs-* 为 BS3 遗留写法（BS5 已失效），此处按 BS3 语义
        实现——修复 lists_images 等页手机端列失效问题。
   ============================================================ */

/* ========== ① reboot 重置子集（复刻 BS5.3）========== */
*,::after,::before{box-sizing:border-box}
body{margin:0;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1,.h1{font-size:calc(1.375rem + 1.5vw)}
h2,.h2{font-size:calc(1.325rem + .9vw)}
h3,.h3{font-size:calc(1.3rem + .6vw)}
h4,.h4{font-size:calc(1.275rem + .3vw)}
h5,.h5{font-size:1.25rem}
h6,.h6{font-size:1rem}
@media (min-width:1200px){
  h1,.h1{font-size:2.5rem}
  h2,.h2{font-size:2rem}
  h3,.h3{font-size:1.75rem}
  h4,.h4{font-size:1.5rem}
}
p{margin-top:0;margin-bottom:1rem}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{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,.small{font-size:.875em}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
code,kbd,pre,samp{font-family:monospace;font-size:1em}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;word-wrap:break-word}
a>code{color:inherit}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
th{text-align:inherit}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
iframe{border:0}
summary{display:list-item;cursor:pointer}
[hidden]{display:none!important}
.img-fluid{max-width:100%;height:auto}

/* ========== ② 容器 ========== */
/* .container 使用新版宽度公式（2026-10-18 用户指定） */
.container{width:100%;padding:0 20px;}
@media (min-width:768px){.container{margin:0 auto;max-width:min(93.75vw,1344px);}}
@media (min-width:992px){.container{padding:0 10px;}}
@media (min-width:1260px){.container{margin:0 auto;max-width:min(78.125vw,1400px);}}

/* 其余容器类保持 Bootstrap 原义（全宽流式 / 各断点固定宽度）
   注意：header.htm 等模板用的是 container-fluid container-sm，
   必须保留这些类，否则头部容器丢失 width/padding/margin 会跑位 */
.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{
  --rk-gutter-x:1.5rem;--rk-gutter-y:0;
  width:100%;
  padding-right:calc(var(--rk-gutter-x) * .5);
  padding-left:calc(var(--rk-gutter-x) * .5);
  margin-right:auto;margin-left:auto;
}
@media (min-width:576px){.container-sm{max-width:540px}}
@media (min-width:768px){.container-md,.container-sm{max-width:720px}}
@media (min-width:992px){.container-lg,.container-md,.container-sm{max-width:960px}}
@media (min-width:1200px){.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}
@media (min-width:1400px){.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}

/* ========== ③ 网格 ========== */
.row{
  --rk-gutter-x:1.5rem;--rk-gutter-y:0;
  display:flex;flex-wrap:wrap;
  margin-top:calc(-1 * var(--rk-gutter-y));
  margin-right:calc(-.5 * var(--rk-gutter-x));
  margin-left:calc(-.5 * var(--rk-gutter-x));
}
.row>*{
  flex-shrink:0;width:100%;max-width:100%;
  padding-right:calc(var(--rk-gutter-x) * .5);
  padding-left:calc(var(--rk-gutter-x) * .5);
  margin-top:var(--rk-gutter-y);
}
.col{flex:1 0 0%}
/* col-xs-*（BS3 遗留，全宽生效） */
.col-xs-1{flex:0 0 auto;width:8.33333333%}
.col-xs-2{flex:0 0 auto;width:16.66666667%}
.col-xs-3{flex:0 0 auto;width:25.00000000%}
.col-xs-4{flex:0 0 auto;width:33.33333333%}
.col-xs-5{flex:0 0 auto;width:41.66666667%}
.col-xs-6{flex:0 0 auto;width:50.00000000%}
.col-xs-7{flex:0 0 auto;width:58.33333333%}
.col-xs-8{flex:0 0 auto;width:66.66666667%}
.col-xs-9{flex:0 0 auto;width:75.00000000%}
.col-xs-10{flex:0 0 auto;width:83.33333333%}
.col-xs-11{flex:0 0 auto;width:91.66666667%}
.col-xs-12{flex:0 0 auto;width:100.00000000%}
@media (min-width:576px){
.col-sm-1{flex:0 0 auto;width:8.33333333%}
.col-sm-2{flex:0 0 auto;width:16.66666667%}
.col-sm-3{flex:0 0 auto;width:25.00000000%}
.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}
.col-sm-6{flex:0 0 auto;width:50.00000000%}
.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}
.col-sm-9{flex:0 0 auto;width:75.00000000%}
.col-sm-10{flex:0 0 auto;width:83.33333333%}
.col-sm-11{flex:0 0 auto;width:91.66666667%}
.col-sm-12{flex:0 0 auto;width:100.00000000%}
}
@media (min-width:768px){
.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25.00000000%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50.00000000%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-9{flex:0 0 auto;width:75.00000000%}
.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}
.col-md-12{flex:0 0 auto;width:100.00000000%}
}
@media (min-width:992px){
.col-lg-1{flex:0 0 auto;width:8.33333333%}
.col-lg-2{flex:0 0 auto;width:16.66666667%}
.col-lg-3{flex:0 0 auto;width:25.00000000%}
.col-lg-4{flex:0 0 auto;width:33.33333333%}
.col-lg-5{flex:0 0 auto;width:41.66666667%}
.col-lg-6{flex:0 0 auto;width:50.00000000%}
.col-lg-7{flex:0 0 auto;width:58.33333333%}
.col-lg-8{flex:0 0 auto;width:66.66666667%}
.col-lg-9{flex:0 0 auto;width:75.00000000%}
.col-lg-10{flex:0 0 auto;width:83.33333333%}
.col-lg-11{flex:0 0 auto;width:91.66666667%}
.col-lg-12{flex:0 0 auto;width:100.00000000%}
}
@media (min-width:1200px){
.col-xl-1{flex:0 0 auto;width:8.33333333%}
.col-xl-2{flex:0 0 auto;width:16.66666667%}
.col-xl-3{flex:0 0 auto;width:25.00000000%}
.col-xl-4{flex:0 0 auto;width:33.33333333%}
.col-xl-5{flex:0 0 auto;width:41.66666667%}
.col-xl-6{flex:0 0 auto;width:50.00000000%}
.col-xl-7{flex:0 0 auto;width:58.33333333%}
.col-xl-8{flex:0 0 auto;width:66.66666667%}
.col-xl-9{flex:0 0 auto;width:75.00000000%}
.col-xl-10{flex:0 0 auto;width:83.33333333%}
.col-xl-11{flex:0 0 auto;width:91.66666667%}
.col-xl-12{flex:0 0 auto;width:100.00000000%}
}

/* ========== ④ 弹性布局工具类 ========== */
.d-flex{display:flex!important}
.d-none{display:none!important}
.d-block{display:block!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-grid{display:grid!important}
.flex-row{flex-direction:row!important}
.flex-column{flex-direction:column!important}
.flex-row-reverse{flex-direction:row-reverse!important}
.flex-column-reverse{flex-direction:column-reverse!important}
.flex-wrap{flex-wrap:wrap!important}
.flex-nowrap{flex-wrap:nowrap!important}
.flex-wrap-reverse{flex-wrap:wrap-reverse!important}
.flex-fill{flex:1 1 auto!important}
.flex-grow-0{flex-grow:0!important}
.flex-grow-1{flex-grow:1!important}
.flex-shrink-0{flex-shrink:0!important}
.flex-shrink-1{flex-shrink:1!important}
.justify-content-start{justify-content:flex-start!important}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-around{justify-content:space-around!important}
.align-items-start{align-items:flex-start!important}
.align-items-end{align-items:flex-end!important}
.align-items-center{align-items:center!important}
.align-items-baseline{align-items:baseline!important}
.align-items-stretch{align-items:stretch!important}
.align-self-auto{align-self:auto!important}
.align-self-start{align-self:flex-start!important}
.align-self-end{align-self:flex-end!important}
.align-self-center{align-self:center!important}
.align-self-baseline{align-self:baseline!important}
.align-self-stretch{align-self:stretch!important}
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.w-100{width:100%!important}
.h-100{height:100%!important}
.center-block{display:block;margin-right:auto;margin-left:auto}
.clearfix::after{display:block;clear:both;content:""}

/* ========== ⑤ 按钮组件（复刻 BS5.3 计算值）========== */
.btn{
  display:inline-block;
  padding:.375rem .75rem;
  font-size:1rem;font-weight:400;line-height:1.5;
  color:#212529;text-align:center;text-decoration:none;vertical-align:middle;
  cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;
  border:1px solid transparent;border-radius:.375rem;background-color:transparent;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn:hover{color:inherit;background-color:transparent;border-color:transparent}
.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}


/* ===== global.css (原 97562 字节) ===== */
.youhua {display: none!important}
.gy {width: 1200px;margin: 0 auto; overflow: hidden}
.gy2 {width: 1600px; margin: 0 auto;  overflow: hidden}
a {text-decoration: none;color: #686868}
a:focus, a:hover {text-decoration: none; color: #f39800}
p {margin: 0;}
input, button {outline: none; border: 0;}

.fl {float: left;}
.fr {float: right;}

.foot {
width: 100%;
height: 57px;
padding-top: 9px;
background-color: #333;
clear: both
}

.foot_text {
width: 800px;
float: left;
line-height: 48px;
color: #666}

.foot_text p {font-size: 14px;  color: #666}
.foot_text p a {   color: #666}
.foot_button {
float: right
}

.foot_button li {
width: 48px;
height: 38px;
padding-top: 10px;
text-align: center;
float: left;
margin: 0 5px;
position: relative
}

.foot_button li.foot_txt {
width: 130px;
margin-right: 0;
line-height: 28px
}

.foot_button li.foot_txt a {
color: #adadad
}

.foot_button li.foot_txt a:hover {
color: #f39800
}

.foot_button li:hover {
}

.foot_button li .wem1 {
width: 203px;
display: none;
color: #363636;
text-align: center;
padding-top: 215px;
position: absolute;
left: -78px;
top: -205px;
background-image: url(../image/ewm.png);
background-repeat: no-repeat
}

.foot_button li .wem2 {
width: 203px;
display: none;
color: #363636;
text-align: center;
padding-top: 215px;
position: absolute;
left: -75px;
top: -205px;
background-image: url(../image/ewm.png);
background-repeat: no-repeat
}

.foot_div {overflow: hidden;clear: both}

.foot_div .foot_div_c { height: 362px; overflow: hidden;background-color: #333;}
.neiye .foot_div .foot_div_c { background: #fff}
.foot_div .foot_div_c h3 {   height: 60px;   line-height: 60px;   color: #ccc;  font-weight: 400;  border-bottom: 1px solid #666;font-size: 18px}

.foot_div .foot_div_c h3 a {color: #000; font-size: 18px}
.foot_div .foot_div_c h3 em {float: right;font-style: normal;line-height: 60px}

.foot_div .foot_div_c h3 em a {
color: #ccc;
font-size: 14px
}

.foot_div .foot_div_c ul {
color: #9b9b9b;
height: 300px;
margin: 0;
padding: 39px 0 0
}

.foot_div .foot_div_c ul li {
float: left
}

.foot_div .foot_div_c ul li.footyw {
width: 31%;
overflow: hidden
}

.foot_div .foot_div_c ul li.footyw p {width: 100%; margin-top: 20px;  color: #666; font-size: 14px; line-height: 30px;height: 200px;}
.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar {  width: 4px}
.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2); background: rgba(0,0,0,.2)}
.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);  border-radius: 0; background: rgba(0,0,0,.1)}
.foot_div .foot_div_c ul li.footyw p span { float: left;width: 50%;overflow: hidden}
.foot_div .foot_div_c ul li.footyw p a { color: #666;  display: block;  font-size: 14px;  height: 30px;  line-height: 30px; overflow: hidden; padding-right: 22px}
.foot_div .foot_div_c ul li.footyw p a:hover {color: #f39800}

.foot_div .foot_div_c ul li.footys {  width: 31%;overflow: hidden;padding-left: 4%}
.foot_div .foot_div_c ul li.footys p {  width: 100%;   margin-top: 20px;height: 200px;}
.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar {width: 4px}
.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);  background: rgba(0,0,0,.2)}
.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
border-radius: 0;
background: rgba(0,0,0,.1)
}

.foot_div .foot_div_c ul li.footys p span {
float: left;
width: 50%;
overflow: hidden
}

.foot_div .foot_div_c ul li.footys p a {
color: #666;
display: block;
font-size: 14px;
height: 30px;
line-height: 30px;
overflow: hidden;
padding-right: 10px
}

.foot_div .foot_div_c ul li.footys p a:hover {
color: #f39800
}

.foot_div .foot_div_c ul li.footys p span label {
color: #666;
display: block;
font-size: 14px;
height: 30px;
line-height: 30px;
overflow: hidden;
padding-right: 10px
}

.foot_div .foot_div_c ul li.footabout {
width: 31%;
overflow: hidden;
float: right
}

.foot_div .foot_div_c ul li.footabout p {   margin-top: 20px;color: #666;font-size: 14px;line-height: 30px;height: 200px;}
.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar {
width: 4px
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
background: rgba(0,0,0,.2)
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
border-radius: 0;
background: rgba(0,0,0,.1)
}

.foot_div .foot_div_c ul li.footabout p a {
color: #666;
font-size: 14px
}

.foot_div .foot_div_c ul li.footabout p a:hover {
color: #f39800
}

.foot_div .foot_links {
padding: 0;
width: 1440px;
margin: 0 auto;
margin-top: 40px;
padding-bottom: 38px;
line-height: 30px;
font-size: 14px
}

.foot_div .foot_links h3 {
color: #000;
font-size: 18px;
height: 32px;
line-height: 32px;
font-weight: 400;
margin-bottom: 20px
}

.foot_div .foot_links h3 a {
float: right;
width: 150px;
height: 32px;
line-height: 32px;
color: #fff;
background-color: #f39800;
font-size: 14px;
text-align: center;
border-radius: 20px
}

.foot_div .foot_links h3 a:hover {
color: #fff;
opacity: .8;
filter: Alpha(opacity=80)
}

.foot_div .foot_links a {
margin-right: 5px;
color: #666;
display: inline-block;
font-size: 14px
}

.foot_div .foot_links a:hover {
color: #f39800
}

.foot_div .foot_div_c .i_jsq_scroll {
padding-right: 5px;
width: 100%;
overflow: hidden;
height: 248px;
float: left
}

.foot_div .foot-top {
position: absolute;
top: -20px;
left: 0;
width: 100%;
text-align: center;
z-index: 2
}

.foot_div .foot-top-box {
margin: 0 auto;
width: 1440;
height: 39px;
line-height: 39px;
border-radius: 20px;
box-shadow: 0 1px 3px 0 #272727;
background-color: #131313
}

.foot_div .foot-top ul li {
margin: 5px 30px;
padding-left: 5px;
display: inline-block;
color: #9d9d9d;
position: relative;
overflow: hidden;
line-height: 20px
}

.foot_div .foot-top ul li em {
display: inline-block;
cursor: default;
-webkit-transition: transform .5s;
-moz-transition: transform .5s;
-ms-transition: transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
font-style: normal
}

.foot_div .foot-top ul li i {
display: inline-block;
width: 18px;
height: 18px;
background-image: url(../image/sprint.png);
background-repeat: no-repeat;
position: relative;
right: 5px
}

.foot_div .foot-top ul li.tel i {
background-position: 0 0;
top: 5px
}

.foot_div .foot-top ul li.fax i {
background-position: 0 -27px;
top: 6px
}

.foot_div .foot-top ul li.mob i {
background-position: 0 -51px;
top: 7px
}

.foot_div .foot-top ul li.site i {
background-position: 0 -77px;
top: 7px
}

.foot_div .foot-top ul li.add i {
background-position: 0 -101px;
top: 7px
}

.ft {
position: relative;
margin-top: 170px
}

.waves {
height: 470px;
width: 100%;
position: absolute;
top: -280px;
overflow: hidden
}

.background-waves {
position: absolute;
height: 427px;
width: 2700px;
background: url(../image/waves.png) center 0 no-repeat;
left: -180px;
top: 30px
}

.wave1 {
background-position: 0 -854px;
animation: wave 5s ease-in-out alternate infinite
}

.wave2 {
background-position: 0 -427px;
animation-delay: .6s;
animation: wave 5s ease-in-out alternate infinite
}

@keyframes wave {
0% {
-ms-transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
transform: translate(0px,0px)
}

50% {
-ms-transform: translate(-120px,30px);
-webkit-transform: translate(-140px,30px);
transform: translate(-80px,30px)
}

100% {
-ms-transform: translate(140px,-60px);
-webkit-transform: translate(160px,-60px);
transform: translate(160px,-60px)
}
}

#online_qq_layer {
display: none
}

.online_qq_layer {
display: block!important
}

#online_qq_layer table,td {
font: 12px/180% Arial,Helvetica,sans-serif,Verdana;
color: #666
}

#online_qq_layer table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show
}

#online_qq_layer th,#online_qq_layer td {
border-collapse: collapse
}

#online_qq_layer a:link {
text-decoration: none;
color: #666
}

#online_qq_layer a:visited {
text-decoration: none;
color: #666
}

#online_qq_layer a:hover {
text-decoration: none;
color: #db2d0c
}

#online_qq_layer img {
border: 0
}

#online_qq_layer .overh {
overflow: auto;
zoom:1;overflow-x: hidden;
overflow-y: hidden
}

#online_qq_layer input[type=submit]::-moz-focus-inner {
border: none;
padding: 0
}

#online_qq_layer a {
blr: expression(this.onFocus=this.blur())
}

#online_qq_layer a {
outline: none;
font-size: 12px
}

#online_qq_layer .h2 {
font-family: microsoft yahei;
font-weight: 400
}

.online_icon {
width: 36px;
height: 156px;
overflow: hidden
}

.online_icon a {
display: block;
width: 36px;
height: 156px;
background: url(../image/online_bg.png) no-repeat;
_background: url(../image/online_bg_ie6.png) no-repeat
}

.online_windows {
width: 144px
}

.online_w_top {
background: url(../image/online_bg.png) no-repeat -36px 0;
height: 10px;
_background: url(../image/online_bg_ie6.png) no-repeat -36px 0;
_margin-bottom: -7px
}

.online_w_c {
background: url(../image/online_bg.png) repeat-y 0 -185px;
padding: 0 5px;
_background: url(../image/online_bg_ie6.png) repeat-y 0 -185px
}

.online_w_bottom {
background: url(../image/online_bg.png) repeat-y -36px -35px;
height: 29px;
_background: url(../image/online_bg_ie6.png) repeat-y -36px -35px
}

.online_content {
background: url(../image/online_bg.png) no-repeat -147px -185px;
padding-top: 11px;
_background: url(../image/online_bg_ie6.png) no-repeat -147px -185px
}

.online_content a.qq_icon {
background: url(../image/online_bg.png) no-repeat -37px -130px;
width: 121px;
height: 25px;
display: block;
margin: 0 auto;
text-indent: 30px;
line-height: 23px;
cursor: pointer;
_background: url(../image/online_bg_ie6.png) no-repeat -37px -130px
}

.online_content a.qq_icon:hover {
background-position: -159px -130px;
color: #fff
}

.online_bar .h2 {
background: url(../image/online_bg.png) repeat-x 0 -156px;
height: 29px;
line-height: 27px;
font-size: 12px;
color: #666;
text-align: left;
_background: url(../image/online_bg_ie6.png) repeat-x 0 -156px
}

.online_bar .h2 a {
display: block;
padding-left: 14px;
margin-left: 6px;
cursor: pointer
}

.expand .h2 a {
background: url(../image/online_bg.png) no-repeat -36px -69px;
_background: url(../image/online_bg_ie6.png) no-repeat -36px -69px
}

.collapse .h2 a {
background: url(../image/online_bg.png) no-repeat -36px -96px;
_background: url(../image/online_bg_ie6.png) no-repeat -36px -96px
}

.expand .h2 a:hover,.collapse h2 a:hover {
text-decoration: none;
color: #c81d04
}

.online_content {
text-align: center;
border-bottom: 1px solid #d0d0d0;
margin-bottom: 1px
}

.online_content ul li {
height: 24px;
line-height: 24px;
margin-bottom: 4px;
font-size: 12px
}

.online_content ul li a:hover {
color: #c81d04
}

#online_qq_layer {
position: fixed;
right: 0;
top: 152px;
_position: absolute;
z-index: 9999;
color: #333
}

#online_qq_layer {
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop + 150))
}

#online_qq_tab {
float: left;
margin-top: 50px
}

#onlineService {
float: left;
margin-left: -3px;
display: none
}

#onlineType1,#onlineType2,#onlineType3,#onlineType4,#onlineType5,#onlineType6 {
display: none
}

#onlineType1 {
display: block
}

.nav_mright {
cursor: pointer
}

@media screen and (max-width: 1440px) {
.top02 .top02_center {width:1200px}

}

.hotphone {float: right;margin-top: 38px}
.hotphone img {display: inline-block;width: 22px;  height: 22px; vertical-align: middle;  margin-bottom: 3px}
.phone01 {display: inline-block; font-size: 16px;  color: #797979; margin: 0}
.phone02 {display: inline-block;font-size: 18px}

@media only screen and (min-width: 1562px) and (max-width:1756px) {
.nav {
float:left
}

.nav li.m {
padding: 0 25px;
}
}

@media only screen and (min-width: 1348px) and (max-width:1562px) {
.nav {float:left}
.nav li.m {  padding: 0 12px  }
}

@media only screen and (min-width: 1348px) and (max-width:1562px) {
.nav {
float:left
}

.nav li.m {
padding: 0 20px
}
}

@media screen and (max-width: 1348px) {
.hotphone {
display:none
}
}

.ftyl { width: 100%;padding: 15px 0;float: left;   background-color: #333;}

.ftyl .ftyl_center { max-width: 1600px;  min-width: 1200px;  margin: 0 }
.ftyl p {float: left;font-size: 14px;color: #ccc}
.ftyl a {
float: left;
font-size: 14px;
color: #666;
margin-left: 10px
}

.youhua {
width: 100%;
padding: 15px 0;
float: left;
background: #e7e7e7
}

.youhua .warp {
width: 1440px;
margin: auto
}

.youhua .zhanshi {
float: left
}

.youhua .zhanshi .p1 {
float: left;
color: #333;
font-size: 14px;
margin-right: 15px
}

.youhua .zhanshi .p1:after {
content: '';
width: 12px;
height: 7px;
background: url(../image/bgs4.png) no-repeat;
float: right;
margin-top: 7px;
margin-left: 10px
}

.youhua .zhanshi .p2 {
float: left;
color: #333;
font-size: 14px;
display: none;
margin-right: 15px
}

.youhua .zhanshi .p2:after {
content: '';
width: 12px;
height: 7px;
background: url(../image/bgs4_on.png) no-repeat;
float: right;
margin-top: 7px;
margin-left: 10px
}

.youhua .zBox {
width: 100%;
text-align: left;
float: left;
margin-top: 15px;
display: none
}

.youhua .zBox a {
display: inline-block;
line-height: 26px;
color: #666;
font-size: 14px
}

.youhua .zBox a:after {
content: '|';
font-size: 16px;
color: #ddd;
margin: 0 2px
}

.warp {
width: 1200px;
margin: 0 auto
}


.foot_text {
width: 100%;
text-align: center;
overflow: hidden
}

.foot_text p {
width: 1440px;
text-align: left;
margin: 0 auto
}

.m-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 7px 0;
background-color: #f39800;
overflow: hidden;
z-index: 999;
display: none
}

.m-footer li {
width: 33.3%;
float: left;
text-align: center
}
.m-footer li span{
font-size: 23px;
}
.m-footer li img {
height: 22px
}

.m-footer li a {
color: #fff;
font-size: 12.5px
}

 /*****新加右浮动*****/
.floatright{ width:60px; height:auto; z-index:9998; float:left; position:fixed; right:5px; bottom:200px;}  
.floatrightt a{ width:100%; height:auto; float:left; font-size:16px; line-height:18px; color:#fff; border-radius:60px; padding:50px 0 20px 0; text-align:center; background:url(../kf/y_online_icon1.png) center 20px no-repeat #f39800; margin-bottom:10px;}
.floatright ul{ width:100%; height:auto; float:left; border-radius:60px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); background:#fff; }
.floatright ul li{ width:100%; height:65px; padding:0 15px; box-sizing:border-box; float:left; position:relative;}
.floatright ul li a{ width:100%; height:65px; float:left; font-size:14px; color:#6e6868; line-height:22px; text-align:center;border-bottom:1px #e2e2e2 solid; box-sizing:border-box;} 
.floatright ul li a.a1{ background:url(../kf/y_online_icon2.png) center 20px no-repeat; background-size:24px auto; padding-top:38px; } 
.floatright ul li a.a2{ background:url(../kf/y_online_icon3.png) center 15px no-repeat; background-size:21px auto; padding-top:36px; } 
.floatright ul li a.a3{ background:url(../kf/y_online_icon4.png) center 15px no-repeat; background-size:22px auto; padding-top:36px; } 
.floatright ul li a.a4{ background:url(../kf/y_online_icon5.png) center 15px no-repeat; background-size:15px auto; padding-top:30px; } 
.floatright ul li img{ width:120px; height:auto; float:left; position:absolute; right:60px; top:0; display:none;}
.floatright ul li:hover img{ display:block;}
.floatright ul li.last a{ border-bottom:none;}
.floatright ul li a:hover{ color:#f39800;} 
.floatright ul li p{ width:auto; height:65px; line-height:65px; background:#fff; position:absolute; right:60px; top:0; padding:0 25px; display:none;}
.floatright ul li:hover p{ display:block;}

@media only screen and (max-width: 1630px) {

}

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1550px) {
.gy {
width:90%;
margin-left: 5%
}
}

@media only screen and (max-width: 1440px) {
.gy {
width:90%;
margin-left: 5%
}

.ftyl .ftyl_center {
width: 100%!important;
min-width: 100%!important
}

.foot {
padding-left: 5%;
box-sizing: border-box
}

.gy2 {
width: 90%!important
}

.foot_text p {
width: 100%
}

.ftyl {
width: 100%!important;
padding: 15px 5%!important;
box-sizing: border-box
}
}

.m-nav-lists {display: none;z-index: 99999999999;}
.nav_mright {display: none}
@media only screen and (max-width: 1230px) and (min-width:1000px) {
.nav li.m {
font-size:16px;
width: auto!important;
padding: 0 8px
}

.nav a.mmm {
width: auto;
font-size: 14px
}

.promotion-service li .description {
font-size: 12px
}
}

@media only screen and (max-width: 1000px) and (min-width:768px) {
.foot_text p {
width:100%
}

.nav_mright {
display: block
}

.nav_mright {
width: 30px;
height: 30px;
background-size: 100%;
float: right;
margin-top: 20px;
position: relative;
background: #f39800;
margin-right: .521739rem;
border-radius: 2px
}

.nav_mright .img1,.nav_mright .img2 {
left: 10%;
width: 80%;
text-align: center;
position: absolute;
z-index: 1;
background: #f39800;
top: 50%;
transform: translateY(-50%);
}

.nav_mright .img2 {
display: none
}

.m-nav-lists {
display: block
}

.nav {
display: none
}

.m-nav-lists {
top: 86px;
width: 100%;
position: fixed;
z-index: 999;
height: calc(100vh - 86px);
background-color: #fff;
overflow: auto;
transform: translateX(100%);
transition: all .4s
}

.m-nav-lists.active {
transform: translateX(0)
}

.promotion-service li .description {
font-size: 12px
}

#side{display: none;}
}

@media only screen and (max-width: 768px) {
.right-pendant {
display:none
}

footer {
padding-bottom: 64px
}

.foot_text p {
width: 100%
}

.foot_div .foot_div_c ul li {
float: none
}

.foot_div .foot_div_c ul li.footyw {
width: 100%
}

.foot_div .foot_div_c ul li.footys {
width: 100%;
padding-left: 0
}

.foot_div .foot_div_c ul li.footabout {
width: 100%;
float: none
}

.foot_div .foot_div_c {
height: auto
}

.foot_div .foot_div_c ul {
height: auto;
padding-bottom: 40px
}

.foot_text {
width: 100%;
line-height: 21px
}

.foot_text p {
width: 100%
}

.foot_div .foot_div_c h3 {
font-size: 16px
}

.m-nav-lists {
display: block
}

.nav_mright {
display: block
}

.consulting-service:hover .consulting-service-hidden {
display: none
}

.online-consulting:hover .online-consulting-hidden {
display: none
}

.m-footer {
display: block
}
}


.banner_info{height: 570px;color: #fff; position: relative;background: url(../image/about.jpg) center no-repeat;}
.banner_info .pose {text-align: right; position: absolute; bottom: 0;   height: 50px;line-height: 50px;background: rgba(0,0,0,0.3);width: 100%;color: #999999;font-size: 16px;}
.banner_info .pose a{ color: #999999;}
.banner_info .pose a:hover { color: #fff;}

.banner_info .up-cont { position: absolute;  left: 15%;  top: 50%;  margin-top: -165px;  color: #fff;  z-index: 2;}
.banner_info .up-cont h4 {font-size: 48px;line-height: 80px;}
.banner_info  .up-cont .line {display: block; width: 40px;  height: 4px; background-color: #fff; margin-top: 17px;  opacity: 1; filter: alpha(opacity=100); transform: translateY(0);transition: 0.3s ease 0.2s;}
.banner_info  .up-cont .font {  display: block;  line-height: 68px;  font-size: 28px;  margin-top: 28px;}
.banner_info  .up-cont .down-ico { display: block;width: 43px;height: 43px;margin-top: 95px;position: relative;}
.banner_info  .up-cont .down-ico i { display: block; color: #fff; font-size: 20px;animation: downico 2s ease-out infinite;position: relative;}
@keyframes downico {
  0% {
top: 0;
opacity: 1;
  }
  35% {
top: 50%;
opacity: 0;
  }
  65% {
top: -50%;
opacity: 0;
  }
  100% {
top: 0;
opacity: 1;
  }
}


.news_content{padding-top: 50px; padding-bottom: 50px;background: #f4f5fa;}
.news_content .container{display: flex;}
.news_right_c {flex: 1; margin-right: 30px;}

.case_top{background: #f39800;color: #fff; overflow: hidden;}
.case_top .fl{width:65%;border-right: 1px solid #ddd;box-sizing: border-box;}
.case_top .fl .wrap{padding: 30px 40px;}
.case_top h3{color: #fff;text-align: left;line-height: 1;padding-bottom: 25px;margin-bottom: 20px;border-bottom: 1px dashed #fff;font-size: 25px;}
.case_top .txt{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow : hidden;word-break:break-all;}
.case_top .fr{position: relative;width: 35%;}
.case_top .fr .cont{padding: 20px 40px;}
.case_top .fr h5{font-size: 16px;padding-bottom: 5px;}
.case_top .fr h5 span{font-weight: bold;font-size: 17px;}
.case_top .fr .icon-star_full{color: #e60012;font-size: 18px;}
.case_top .fr a{display: inline-block;padding: 2px 25px;border-radius: 30px;margin-right: 10px;margin-top: 25px;}
.case_top .fr .more-1{background: #fff;}
.case_top .fr a.link{background: #f8c325;}
.article_cont{padding: 30px;background: #fff;overflow: hidden;}
.article_cont .article{font-size: 16px !important;line-height: 35px !important;color: #5b5b5b !important;}
.article_cont .article img{max-width: 100%;width: 1280px;}

.news_right_c ul.news li.li{ height:82px; padding:20px 0; border-bottom: dashed 1px #e0e0e0;}
.news_right_c ul.news li.li p.n_l{ height:81px; width:81px; background:#dcdcdc; display:block; float:left; text-align:center; margin: 0 auto;}
.news_right_c ul.news li.li p.n_l span.d{ font-size:30px;color:#777;display:block;margin:10px 0 5px 0;}
.news_right_c ul.news li.li p.n_l span.y{height:31px;font-size:15px;color:#777;display:block;}
.news_right_c ul.news li.li p.n_r{width:660px;float:right;  margin:0 10px 0 0;}
.news_right_c ul.news li.li p.n_r span.t{ font-size:16px; line-height:31px; display:block;}
.news_right_c ul.news li.li p.n_r span.c{ font-size:12px; color:#777;line-height:25px; display:block;}

.news_right_c ul.news li.li:hover{background:#f2f2f2;transition:all ease 0.4s;}
.news-lists{overflow: hidden;  padding-bottom: 30px;}
.news-lists .list{padding-bottom: 20px;}
.news-lists .list li{float: left;width: 100%;margin-bottom: 30px;}
.news-lists .list li a{display: block;float: left;width: 100%;padding: 40px 30px;background: #fff;}
.news-lists .list li .img{width: 300px;height: 185px;display: table-cell;text-align: center;vertical-align: middle;float: left;overflow: hidden;margin-right: 30px;}
.news-lists .list li .img img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;}
.news-lists .list li .img:hover img {transform: scale(1.05);}
.news-lists .list li img{display: block;width: 100%;height: 100%;}
.news-lists .list li dt{font-size: 18px;line-height: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-lists .list li dt em{font-style: normal;color: red;}
.news-lists .list li .time{padding: 10px 0;color: #A1A6AB; }
.news-lists .list li .time i{padding-right: 5px;}


.news-lists .list li .des{color: #A1A6AB; display: -webkit-box;margin: 0 auto;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-lists .list li:hover a{border-color: #f39800}

.sidebar {width: 20%;position: relative;}
.sidebar .grayblock ul{overflow: hidden;}
.sidebar .grayblock {box-sizing: border-box; margin-bottom: 1.8rem;padding: .5rem 1.2rem 1rem;background-color: #fff;}
.sidebar .grayblock h2 {font-size: 20px; position: relative;font-weight: 600;  color: #888;   line-height: 40px;border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.sidebar .grayblock h2 .fa-solid{font-size: 20px; padding-right: 5px;}
.sidebar .grayblock h2 a{color: #888;}
.sidebar .grayblock h2:after {content: "";height: 5px;width: 3rem;background-color: #f39800;display: block;margin-bottom: -3px;}
.sidebar .iauth li {line-height:48px; margin-top:15px;}
.sidebar .iauth li a {color:#333;background-color:#f4f5fa;overflow:hidden;border-radius:5px;display:block;font-size:14px;position:relative;z-index:0;padding:0 15px; line-height: 48px;}
.sidebar .iauth li a i {color: #999;font-size: 15px;float: right;}
.sidebar .iauth li a em {padding-right:8px; color: #999; font-style: normal;}
.sidebar .iauth li:hover a {background-color:#f39800;color: #fff}
.sidebar .iauth li:hover a i, .sidebar .iauth li:hover a em{color: #fff}

.sidebar .pre_news{ background-color: #fff;}
.sidebar .pre_news li a {padding: 15px;color: #888;border-bottom: solid 1px #eee;overflow: hidden;position: relative;display: block;font-size: 14px;line-height: 23px;}
.sidebar .pre_news .text {margin-top: 0;color: #888;display: block;}
.sidebar .pre_news .muted {margin-right: 15px;font-size: 12px;color: #bbb;}

.sidebar .tags_hot {overflow: hidden;}
#tagsPreview>a {float: left;display: inline-block;padding: 0;margin-right: 4%;background: #f4f5fa;margin-top: 10px;border-radius: 15px;width: 46%;}
#tagsPreview>a:hover {background: #f39800;}
.sidebar .tags_hot a:hover { color: #fff;background: #f39800;}
.sidebar .tags_hot a {font-size: 13px;color: #888;display: block;text-align: center;white-space: nowrap;text-overflow: ellipsis;position: relative;overflow: hidden;line-height: 2.5;z-index: 0;padding: 0 1.5em;border-radius: 1rem;-webkit-transition: all .3s linear;transition: all .3s linear;}

.new_show{padding: 30px; background: #fff;}
.new_show_l_top {margin-top: 30px; padding-bottom: 23px;  overflow: hidden; border-bottom: 1px solid #e1e1e1;}
.new_show_l_top h1 {font-size: 24px; font-weight: 600; line-height: 38px; overflow: hidden;  color: #000;}
.new_show_l_top p {height: 40px;  line-height: 40px;  overflow: hidden;  font-size: 16px;}
.new_show_l_top p span {margin-left: 15px;}

.new_show_l_text {padding-top: 35px;}
.new_show_l_text p{margin:0 0 20px;font-size:15.5px;line-height:2;text-align:justify;color:#5B6675}
.new_show_l_text h2{position:relative;margin:50px 0 22px;padding:7px 0 7px 19px;font-size:21px;font-weight:600;letter-spacing:.03em;line-height:1.5;color:#16324F;background:linear-gradient(90deg,rgba(255,184,0,.11) 0%,rgba(255,184,0,0) 70%)}
.new_show_l_text h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:calc(100% - 16px);border-radius:3px;background:linear-gradient(180deg,#FFCB4D 0%,#FFB800 100%)}
.new_show_l_text strong{color:#16324F;font-weight:600}
@media screen and (max-width:640px){
.new_show_l_text p{font-size:14.5px;line-height:1.95;margin:0 0 16px}
.new_show_l_text h2{margin:38px 0 16px;padding-left:16px;font-size:18.5px}
}


.new_show_l_text img {max-width: 100%; margin-bottom: 20px;}
.new_show_l_text .news_show_tag {overflow: hidden;margin-top: 20px;font-size: 16px; line-height: 32px;margin-bottom: 20px;}
.new_show_l_text .news_show_tag span {margin-bottom: 10px;float: left;}
.new_show_l_text .news_show_tag a {float: left;padding-left: 20px;   padding-right: 20px;line-height: 32px;height: 32px;overflow: hidden;color: #999;margin-bottom: 10px;margin-right: 1px;background: #fff;border: 1px solid #fff;transition: all 0.3s;}
.new_show_l_text .news_show_tag a:hover{opacity:0.8;filter:Alpha(opacity=80); border:1px solid #f45900; color:#f45900;}

.skip{overflow:hidden;margin-top:10px;margin-bottom:20px;background:#f6f6f6;padding:5px}
.skip>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:46%;line-height:30px;height:30px;text-indent:10px}

.relate_bord {margin-top: 50px;padding: 30px;background: #fff;}
.relate_tit { font-size: 22px;font-weight: 700;margin-bottom: 5px;padding-left: 5px;border-left: 5px solid #14264e;}
.relate_tit a, .relate_tit span {font-size: 14px;color: #666;font-weight: 400;}
.relate_news {overflow: hidden;  padding-top: 20px;}
.relate_news li {float: left; width: 47%;  margin-right: 3%; border-bottom: 1px dashed #dedede; line-height: 28px;}
.relate_news li a { display: block;}
.relate_news li .date { color: #999;display: inline-block;float: right;font-size: 13px;}
.relate_news li h5 { color: #888;font-size: 14px;display: block;font-weight: 400;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.relate_news li em {font-style: normal; padding-right: .5em;}

/*案例*/
.case{padding-top: 50px;padding-bottom: 20px;}
.case_one {margin-bottom: 40px; overflow: hidden;}
.case_one .h2 {float: left;  line-height: 52px;font-size: 36px;font-weight: normal;letter-spacing: 1px;}
.case_one .case_one_r{ float:right;display: flex;}
.case_one .case_one_r a{height: 45px;line-height: 45px;border-radius: 500px;border: 1px solid #333;display: inline-block;padding: 0 24px;}
.case_one .case_one_r a{margin-left: 20px;}
.case_one .case_one_r a:hover,.case_one .case_one_r .cur{background: #f39800;border-color: #f39800;color: #fff;}

/*案例详情*/
.case_show_one{background:url(../image/case_bg1.jpg) right center no-repeat;background-size:50% 100%;overflow:hidden;margin-top: 50px;margin-bottom:30px;}
.case_show_one_l{ background:#fff; width:50%; float:left; overflow:hidden;  min-height:464px;}
.case_show_one_l .case_txt{ width:86%; margin:0 auto; overflow:hidden;}
.case_show_one_l .case_txt .h2{ margin-top:50px; height:90px; line-height:90px; background:url(../image/case_bg2.jpg) left bottom no-repeat; color:#010000; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one_l .case_txt .divs{ line-height:28px; color:#666666; font-size:16px;}
.case_show_one_r{ width:50%; float:right; overflow:hidden;}
.case_show_one_r .case_txt{ width:70%; margin:0 auto; overflow:hidden; color:#fff;}
.case_show_one_r .h2{ margin-top:50px; height:90px; line-height:90px; background:url(../image/case_bg3.jpg) left bottom no-repeat; color:#fff; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one_r ul li{ font-size:18px; display:block; height:48px;line-height:48px;}
.case_show_one .weblink{margin-top: 15px;background: url(../image/weblink.png) no-repeat 11px;width: 150px;}
.case_show_one .weblink:hover{background: #f39800 url(../image/weblink_h.png) no-repeat 11px;width: 150px;}
.case_show_one .weblink a{border: 1px solid #010000;padding: 10px 20px 10px 38px;display: inline-block;font-size: 14px;border-radius: 1px;width: 100%;}
.case_show_one .weblink a:hover{ color: #fff; border: 1px solid #fff;}

.case_con {line-height: 26px; font-size: 14px;margin-bottom:50px;  padding-top: 50px; overflow: hidden;background: #fff;}
.case_con img {display: inline-block; height: auto;  max-width: 90%;  box-shadow: 0 0 8px 0 rgba(18,29,39,0.16); padding: 10px;}

.case-t{display: block;  overflow: hidden;padding-top: 50px;text-align: center;}
.case-t .t-con { position: relative;display: inline-block;overflow: hidden;width: 30%;vertical-align: top;cursor: pointer;}
.case-t .t-con strong { display: block;margin: 0 auto;width: 50%;color: #fff;font-weight: 400;font-size: 1em;background-color: #1d1d1d;line-height: 1.6em;height: 50px;line-height: 50px;}
.case-t .t-con a {  position: absolute;top: 0;left: 0;z-index: 2;display: block;width: 100%;height: 100%;}
.case-t .t-con:Hover strong{background-color: #f39800}
.case-t h6 {position: relative;overflow: hidden;margin: 2% auto;width: 20%;border-radius: 1.6em;background: #ccc;text-align: center;line-height: 2em;}
.case-t h6 a {position: relative; top: 0;left: 0;z-index: 1;display: block;width: 100%;height: 100%;color: #fff;font-weight: 400;font-size: 1.6em;line-height: 2em;}
.case-t h6 a:Hover{background-color: #f39800}
.case-t h6 i{padding-right: 6px; font-size: 20px;}

/*分页*/
.pagination {display: block;text-align: center;}
.pagination a {line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;display:inline-block!important;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#f39800;color:#fff;border:1px solid #f39800;}
.pagination span{border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}

/*网站建设*/
.weblist li{position: relative; padding:80px 0; overflow: hidden;}
.weblist li .extra{position: absolute; left: 0;  top: 0; width: 100%; height: 100%;  z-index: -1;}
.weblist li .extra img{ width: 100%;}
.weblist li .sub_title{position: relative; font-size: 26px;  margin-top: 30px;margin-bottom: 70px;}
.weblist li .description{font-size: 20px; line-height: 35px}
.weblist li .sub_title:before{position: absolute;  content: '';bottom: -30px;background-color: #f39800;height: 4px;width: 45px;}
.weblist .left,.list .right{float: left;  width: 45%;}
.weblist .right{float: right; }

.btns-box {margin-top: 30px;}
.btns-box a {position: relative;font-size: 16px; padding: 10px;margin: 0 10px;border-radius: 7px;display: inline-block;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.btns-box .fa-solid{margin-left: 10px;} 

.weblist li:nth-child(2n+1) .btns-box a{color: #333; border: 2px solid #333;}
.weblist li:nth-child(2n+1) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#fff}
.weblist li:nth-child(2n+1) .title{font-size: 62px; padding-top: 100px;}

.weblist li:nth-child(2n) .btns-box a{color: #333; border: 2px solid #333;}
.weblist li:nth-child(2n) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#fff}
.weblist li:nth-child(2n) .title{font-size: 62px; padding-top: 100px; color: #fff;}
.weblist li:nth-child(2n) .right{color: #fff; width: 45%}
.weblist li:nth-child(2n) .btns-box a{color: #fff; border: 2px solid #fff;}
@keyframes anim_right{
0%{
transform: translateX(100%);
}
90%{
transform: translateX(-5px);
}100%{
transform: translateX(0);
}
}
@keyframes anim_left{
0%{
transform: translateX(-100%);
}
90%{
transform: translateX(5px);
}100%{
transform: translateX(0);
}
}


/*解决方案*/
.solution{padding: 50px 0;}
.solutionlist{ overflow: hidden; padding-bottom: 50px;}
.solutionlist li{width:33.33%;position:relative;overflow:hidden;cursor:pointer;float:left;z-index:0;/*transition:all 0.3s;*/}
.solutionlist li .imgs{ overflow:hidden; position:relative;}
.solutionlist li .imgs img{display: block;height: 256px;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.solutionlist li .imgs p{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.3);opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;}
.solutionlist li .imgs i{position: absolute; top: 50%;  left: 50%; -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);  transition: all .36s ease;  border-radius: 100%;   width:50px;  height: 50px; background:url(../image/solutions_bg1.png) no-repeat;  box-sizing: border-box; margin-top: -50px; opacity:0;filter:Alpha(opacity=0);}
.solutionlist li:Hover .imgs p{opacity:1.0;filter:Alpha(opacity=100);}
.solutionlist li:Hover .imgs i{ margin-top:0px;opacity:1.0;filter:Alpha(opacity=100);}
.solutionlist li .txts{border:1px solid #e3e3e3; border-top:0; overflow:hidden;transition:all 0.3s;}
.solutionlist li .txts .cons{ margin:0 auto; padding:20px; height:234px; overflow:hidden; background:url(../image/case_bg4.png) 11px 180px no-repeat;}
.solutionlist li:last-child .txts{ border-right:1px solid #e3e3e3;}
.solutionlist li .txts .h2{ color:#666666; font-size:18px; font-weight:normal; margin-bottom:14px;transition:all 0.3s;}
.solutionlist li .txts .p{ font-size:24px; color:#000000; line-height:35px; overflow:hidden;transition:all 0.3s;}
.solutionlist li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);/*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); */}
.solutionlist li:hover .txts{ background:#f67524;border-bottom:1px solid #f67524;}
.solutionlist li:hover .txts .cons{background:url(../image/case_bg4_on.png) 11px 180px no-repeat;transition:all 0.3s;transform: translate(2%,0%);-webkit-transform: translate(2%,0%);-moz-transform: translate(2%,0%);-ms-transform: translate(2%,0%);-o-transform: translate(2%,0%);}
.solutionlist li:hover .txts .p{color:#fff;}
.solutionlist li:hover .txts .h2{color:#fff;}
.solutionlist li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.solutionlist li.hiden{ display:none;}

/*建站报价*/
.flex-z {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.flex2 {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.taocan{padding-top: 70px;}
.title_a1 {text-align: center;}
.title_a1 dl dd {color: #283A5E;text-transform: uppercase;display: inline-block;position: relative;letter-spacing: 1px;overflow: hidden;}
.title_a1 dl dd::before {content: "";position: absolute;left: 0;top: 13px;width: 100%;height: 12px;background: #f39800;opacity: 0.3;}
.title_a1 dl dd::after {content: "";position: absolute;left: 0;top: 13px;width: 12px;height: 12px;background: #fff;opacity: 0.6;-webkit-animation: animationMove 3s infinite linear;-moz-animation: animationMove 3s infinite linear;-o-animation: animationMove 3s infinite linear;animation: animationMove 3s infinite linear;}
.title_a1 dl dt {color: #283A5E;font:600 3.125rem / 1.6em "Alibaba-PuHuiTi-Regular";}
.title_a1 dl dt span {color: #f39800;}
@-webkit-keyframes animationMove {0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}31% {-webkit-transform: translateX(-3.125rem);transform: translateX(-3.125rem);}71% {-webkit-transform: translateX(10.625rem);transform: translateX(10.625rem);}100% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}}@-moz-keyframes animationMove {0% {-moz-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}31% {-moz-transform: translateX(-3.125rem);transform: translateX(-3.125rem);}71% {-moz-transform: translateX(10.625rem);transform: translateX(10.625rem);}100% {-moz-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}}@-o-keyframes animationMove {0% {-o-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}31% {-o-transform: translateX(-3.125rem);transform: translateX(-3.125rem);}71% {-o-transform: translateX(10.625rem);transform: translateX(10.625rem);}100% {-o-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}}@keyframes animationMove {0% {-webkit-transform: translate(0px, 0px) rotate(0deg);-moz-transform: translate(0px, 0px) rotate(0deg);-o-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}31% {-webkit-transform: translateX(-3.125rem);-moz-transform: translateX(-3.125rem);-o-transform: translateX(-3.125rem);transform: translateX(-3.125rem);}71% {-webkit-transform: translateX(10.625rem);-moz-transform: translateX(10.625rem);-o-transform: translateX(10.625rem);transform: translateX(10.625rem);}100% {-webkit-transform: translate(0px, 0px) rotate(0deg);-moz-transform: translate(0px, 0px) rotate(0deg);-o-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}}
.wzbj-a1_v1{margin-top: 2rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.wzbj-a1_v1 {margin-top: 2rem;}
.wzbj-a1_v1 li {width: 23%;border-radius: 1rem;overflow: hidden;padding: 2rem 0;border: 1px solid #F0EFEF;box-shadow: 0.375rem 0.5rem 0.5rem rgba(223, 221, 221, 0.25);position: relative;}
.wzbj-a1_v1 li>u {display: block;position: absolute;left: 0%;top: 0%;width: 15%;font-size: 0;}
.wzbj-a1_v1 li>u img {width: 100%;}
.wzbj-a1_v1 li .wzbj-a1_b1 {text-align: center;color: #000;}
.wzbj-a1_v1 li .wzbj-a1_b1 .tit {font: 700 1.8rem/1.35em "Alibaba-PuHuiTi-Regular";}
.wzbj-a1_v1 li .wzbj-a1_b1 .p {font: 400 1rem/1.5em "Alibaba-PuHuiTi-Regular";color: #999;}
.wzbj-a1_v1 li .wzbj-a1_cont {text-align: center;padding: 2rem 0 1rem;}
.wzbj-a1_v1 li .wzbj-a1_cont .data {color: #000;font: 700 2.5rem/1.5em "Alibaba-PuHuiTi-Regular";position: relative;}
.wzbj-a1_v1 li .wzbj-a1_cont .data i {width: 1.5rem;display: inline-block;vertical-align: top;margin: -0.25rem -0.7rem 0 0;display: none;}
.wzbj-a1_v1 li .wzbj-a1_cont .data i img {width: 100%;}
.wzbj-a1_v1 li .wzbj-a1_cont .data span {font-size: 0.75rem;font-weight: 400;margin-left: 0.2em;}
.wzbj-a1_v1 li .wzbj-a1_cont .tip {display: inline-block;background: rgb(255, 225, 223);border-radius: 4px;white-space: nowrap;color: rgb(234, 67, 53);padding: 0px 6px;font-size: 0.75rem;position: absolute;left: 40%;top: -1.5rem;line-height: 2.5em;font-weight: 400;}
.wzbj-a1_v1 li .wzbj-a1_cont .tip::after {content: "";width: 10px;height: 10px;background: rgb(255, 225, 223);position: absolute;left: 20%;z-index: -1;-webkit-transform: translateX(-50%) rotate(45deg);-moz-transform: translateX(-50%) rotate(45deg);-ms-transform: translateX(-50%) rotate(45deg);-o-transform: translateX(-50%) rotate(45deg);transform: translateX(-50%) rotate(45deg);bottom: -3px;}
.wzbj-a1_v1 li .wzbj-a1_cont .txt {color: #333;margin: 1rem 0;}
.wzbj-a1_v1 li .wzbj-a1_cont .txt p:nth-child(2) {font-weight: 400;color: #999;font-size: 0.85rem;}
.wzbj-a1_v1 li .wzbj-a1_cont .erhsa {padding: 0 10%;}
.wzbj-a1_v1 li .wzbj-a1_cont .erhsa dl {-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.wzbj-a1_v1 li .wzbj-a1_cont .erhsa dl dt {border: 1px solid #f39800;border-radius: 50%;width: 3rem;height: 3rem;margin: 0 auto;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.wzbj-a1_v1 li .wzbj-a1_cont .erhsa dl dd{margin-top: 5px;font-size: 12px;}
.wzbj-a1_v1 li .wzbj-a1_cont .erhsa dl dt i{color: #f39800; font-size: 16px;}
.wzbj-a1_v1 li .wzbj-a1_cont .erhsa dl dd b {color: #333;}
.wzbj-a1_v1 li .wzbj-a1_c1 .wega {display: inline-block;}
.wzbj-a1_v1 li .wehds {border: 1px solid #f39800;margin: 1.5rem 0 0;border-radius: 1.35rem;overflow: hidden;}
.wzbj-a1_v1 li .wehds .aa {padding: 0 1.5em;display: block;}
.wzbj-a1_v1 li .wehds .bb {display: block;background: #f39800;padding: 0 1.5em;color: #fff;font-weight: 500;}
 .guige{margin-top: 4rem;}
 .wzbj-a2_v1 {margin-top: 3.25rem;}
 .wzbj-a2_v1 li {width: 23%;border: 1px solid #f0f0f0;overflow: hidden;border-radius: 0.4rem;}
 .wzbj-a2_v1 li .datatit {text-align: center;background: -webkit-linear-gradient(right, rgba(33, 37, 41, 0.6588235294) 0%, #212529 100%);background: -moz-linear-gradient(right, rgba(33, 37, 41, 0.6588235294) 0%, #212529 100%);background: -o-linear-gradient(right, rgba(33, 37, 41, 0.6588235294) 0%, #212529 100%);background: linear-gradient(270deg, rgba(33, 37, 41, 0.6588235294) 0%, #212529 100%);color: #333;padding: 1.8rem 0;}
 .wzbj-a2_v1 li .datatit .tit {font: 700 1.5rem / 1.35em "Alibaba-PuHuiTi-Regular";background-image: -webkit-linear-gradient(349.35deg, #fae0df 35.51%, #d5a790 100.74%);background-image: -moz-linear-gradient(349.35deg, #fae0df 35.51%, #d5a790 100.74%);background-image: -o-linear-gradient(349.35deg, #fae0df 35.51%, #d5a790 100.74%);background-image: linear-gradient(100.65deg, #fae0df 35.51%, #d5a790 100.74%);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0, 0, 0, 0);}
 .wzbj-a2_v1 li .datatit .ftit a {display: block;color: #fff;font: 400 1rem/1.5em "Alibaba-PuHuiTi-Regular";margin-top: 0.125rem;}
 .wzbj-a2_v1 li .cont-p {padding: 1.5rem;}
 .wzbj-a2_v1 li .cont-p dl dt {font-size: 1rem;font-weight: 700;line-height: 1.5em;color: #60666b;padding-bottom: 10px;border-bottom: 1px dashed #ccc;}
 .wzbj-a2_v1 li .cont-p dl dd {margin: 0.85rem 5%;}
 .wzbj-a2_v1 li .cont-p dl dd p {padding-left: 1.5em;position: relative; line-height: 1.9rem;}
 .wzbj-a2_v1 li .cont-p dl dd p::before {content: "●";display: block;position: absolute;left: 0;top: 0;color: #f39800; font-size: .85rem;}
.hx {color: rgba(180, 180, 180, 0.4784313725);text-decoration: line-through;}
.hx::before {color: rgba(180, 180, 180, 0.4784313725);}
 .wzbj-a2_v1 li .cont-p dl dd p b {color: #f39800;}
 
 .wzbj-cont3 {padding: 4rem 0;margin-top: 4rem;text-align: center;color: #60666b;}
 .wzbj-cont3 p {font: 400 1.25rem/1.5em "Alibaba-PuHuiTi-Regular";}
 .wzbj-cont3 p b {font-size: 2.5rem;color: #f39800;}
 .wzbj-cont3 h2 {font-weight: 600;font-size: 1.5rem;margin-top: 1rem;}
 .wzbj-cont3 h2 a {color: #f39800;border-bottom: 1px solid #f39800;padding-bottom: 0.15rem;}
 .wzbj-cont3 h2 a:hover {opacity: 0.75;}
 
 @media (max-width: 768px){
.taocan {padding-top: 30px;}
.wzbj-a1_v1 li,.wzbj-a2_v1 li{width: 100%;margin-bottom: 15px;}
.wzbj-cont3 {padding: 2rem 0;margin-top: 0rem;}
.wzbj-cont3 p b {font-size: 1.2rem;}
.wzbj-cont3 h2 {font-size: 1.2rem;}
 }
 
/*网站维护*/
.box-1 {background: url("/static/image/tc_bg_1.jpg") no-repeat center;vertical-align: middle;clear: both;}

.web_01 {margin: 0px auto;height: 600px;max-width: 1200px;background-size: cover;}
.web_01 {padding-bottom: 50px;}
.web_01 .tit h1 {left: 0px;top: 50px;height: 70px;color: rgb(234, 104, 38);line-height: 70px;font-size: 48px;position: relative;font-weight: normal;}
.web_01 .tit i {background: red;transition: 0.5s;width: 0px;height: 1px;vertical-align: middle;display: inline-table;opacity: 0;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;}
.web_01 .tit:hover i {width: 50px;margin-right: 10px;opacity: 1;}
.web_01 .tit_ani.tit h1 {top: 0px;opacity: 1;}
.web_01 .info p {height: 72px;color: rgb(239, 239, 239);line-height: 26px;font-size: 16px;margin-top: 55px;position: relative;top: 0px;}
.web_01 .info_ani.info p {top: 0px;opacity: 1;}
.web_01 .tip p {height: 64px;color: rgb(234, 104, 38);line-height: 64px;font-size: 28px;position: relative;top: 0px;}
.web_01 .tip_ani.tip p {top: 0px;opacity: 1;}
.web_01 .service {overflow: hidden;	}
.web_01 .service li {margin: 10px 10px 0px 0px;width: 224px;float: left;display: block;position: relative;}
.web_01 .service li h2 {font-size: 16px;position: relative;font-weight: normal;top: 0px;}
.web_01 .service li h2 a {transition: 0.5s;height: 32px;color: rgb(255, 255, 255);line-height: 32px;display: inline-table;position: relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.web_01 .service li h2 a .overlay-botttom {left: 0px;width: 0px;height: 1px;bottom: 0px;position: absolute;background-color: rgb(234, 104, 38);}
.web_01 .service li h2 a:hover {color: rgb(234, 104, 38);}
.web_01 .service li h2 a:hover .overlay-botttom {animation: borderslideBottom 0.35s linear forwards;}
.web_01 .service_ani.service h2 {top: 0px;opacity: 1;}
.more {width: 100%;height: 46px;position: relative;}
.more a {background: rgb(234, 104, 38);border-radius: 25px;border: 1px solid rgb(234, 104, 38);border-image: none;left: 0;width: 180px;text-align: center;color: rgb(255, 255, 255);line-height: 46px;margin-top: 40px;display: block;position: absolute;top: 0px;}


.weihu01{background: #F6F6F6;padding: 80px 0;}
.tel{background: rgba(255, 255, 255, 0.2);border: 1px solid #fbddab;font-size: 14px;font-weight: 600;padding: 12px 18px;border-radius: 6px;text-transform: capitalize;display: inline-block;}

.harsh{padding: 4.6875rem 0 5.375rem;}
.harsh .tit {font-size: 36px; margin:30px 0;  font-weight: bold;  text-align: center;  color: #1f1f1f;  position: relative; padding-bottom: 16px;}
.harsh .tit::after {position: absolute; left: 0;   right: 0;  bottom: 0;  margin: auto;  width: 60px;  height: 2px;  background: #f39800; content: '';}

.harsh ul {margin-top: 40px;}
.harsh ul li {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.harsh ul li .img {overflow: hidden;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;}
.harsh ul li .img-fluid{width: 100%;}
.harsh ul li .text { background: #fff; position: relative;overflow: hidden;  -webkit-box-flex: 1;  -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;}
.harsh ul li .text2 { position: relative;  z-index: 2; padding-left: 50px; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.harsh ul li .text2 .title {padding-top: 50px;font-size: 24px;color: #1b1b1b;position: relative;padding-bottom: 20px;}
.harsh ul li .text2 .title::after {position: absolute;   left: 0;content: '';bottom: 0;width: 30px;height: 2px;background: #1b1b1b;}
.harsh ul li .text2 .desc {padding-top: 20px; padding-right: 20px; font-size: 14px; color: #888888; line-height: 28px;}
.harsh ul li .text2 .desc p span {display: inline-block; margin-right: 10px;  width: 15px;  height: 15px;  border-radius: 10px;text-align: center;font-size: 12px;line-height: 15px;border: 1px solid #000;}
.harsh ul li:nth-of-type(2n+0) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.weihulc{margin-bottom: 50px;}
.weihulc .tit {font-size: 36px; margin:30px 0;  font-weight: bold;  text-align: center;  color: #1f1f1f;  position: relative; padding-bottom: 16px;}
.weihulc .tit::after {position: absolute; left: 0;   right: 0;  bottom: 0;  margin: auto;  width: 60px;  height: 2px;  background: #f39800; content: '';}

.full-related-news {width: 100%; padding: 52px 0 57px;background-color: #f2f2f2;}
.full-related-news .tit {font-size: 36px; margin:30px 0;  font-weight: bold;  text-align: center;  color: #1f1f1f;  position: relative; padding-bottom: 16px;}
.full-related-news .tit::after {position: absolute; left: 0;   right: 0;  bottom: 0;  margin: auto;  width: 60px;  height: 2px;  background: #f39800; content: '';}
.full-related-news .related-news{overflow:hidden}
.full-related-news .related-news ul{margin-top: 30px;}
.full-related-news .related-news li{float:left;width:25%}
.full-related-news .related-news a{display:block;overflow:hidden;margin:0 13px 23px;border:1px solid #d2d2d2;padding:20px 30px 19px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.full-related-news .related-news a:hover{border-color:#f39800}
.full-related-news .related-news a:hover .title{color:#f39800}
.full-related-news .related-news a:hover .date{color:#e96a6a}
.full-related-news .related-news .title{margin-bottom:4px;font-size:16px;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34364b}
.full-related-news .related-news .date{font-size:18px;line-height:30px;color:#a5a5ab}

/*SEO优化*/
.indextitle .indextitle_t{font-size:36px; color:#999; text-transform:uppercase;}
.indextitle .indextitle_b{font-size:24px; color:#333333; font-weight:bold; margin:15px 0 30px;}
.indextitle .indextitle_line{width:100%; height:1px; background:#dcdcdc; position:relative;}
.indextitle .indextitle_line::after{ width:70px; height:2px; background:#333; content:" "; bottom:0px; left:0px; position:absolute;}

.seo_web{margin: 50px 0;}
.extension01_in {position: relative; }
.extension01_left{width:37.66%; background:#f39800; padding:30px 40px 70px;}
.extension01_left .t{font-size:32px; color:#fff; line-height:60px;}
.extension01_left .line{width:15px; height:2px; margin:25px 0 35px; background:#fff;}
.extension01_left .b{font-size:16px; color:#fff; line-height:30px; margin-bottom:60px;}
.extension01_left a{display:inline-block; border-radius:200px; padding:18px 50px; background:#fff;font-size:16px; text-align:center;}
.extension01_left a  span{padding-left: 10px; }
.extension01_left a img{ display:inline-block; margin-left:40px; width:24px; transform:translateY(0px);}
.extension01_right{width:62.34%; height:100%; position:absolute; overflow:hidden; right:0px; top:0px;}
.extension01_right img{  position:absolute; height:100%; min-width:100%; left:50%; transform:translateX(-50%); top:0px; z-index:1;}

.seo_web01{padding:70px 0; background:#f8f8f8;}
.seo_web01_in{padding-top: 90px; overflow:hidden;}
.seo_web01_list{width:calc(50% - 18px); margin-top:56px;   float:left; padding:7% 0; position:relative; overflow:hidden;}
.seo_web01_list > img{ position:absolute; height:100%; top:0px; left:50%; transform:translateX(-50%);  min-width:100.5%;}
.seo_web01_list .text{ position:absolute; height:100%; top:0px; left:0; width:100%; padding:0 55px;background:rgba(38,55,94,0.5); color:#fff; display: flex;  flex-direction: column; justify-content: center;}
.seo_web01_list .text .t{font-size:22px;}
.seo_web01_list .text .b{font-size:16px; line-height:24px; margin:20px 0 25px; width:75%;}
.seo_web01_list .text a{width:112px; height:36px; line-height:36px; border:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;
display:inline-block; font-size:16px;background:rgba(255,255,255,0.3);}
.seo_web01_list:nth-child(2n){float:right;}
.seo_web01_list:nth-child(-n+2){ margin-top:0px;}
.seo_web01_list.on{box-shadow: 0px 13px 27px 0px rgba(243,152,0, 0.25);}
.seo_web01_list.on .text{background:rgba(243,152,0, 0.8);}
.seo_web01_list.on .text a{background:none;}
.seo_web02{margin: 70px 0;}
.seo_web02_in{border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; overflow: hidden; margin-top: 80px}
.seo_web02_list{width:25%; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#fff; padding:35px; float:left;}
.seo_web02_list .img img{height:40px;}
.seo_web02_list .img img:first-child{display:inline-block;}
.seo_web02_list .img img:last-child{display:none;}
.seo_web02_list .text{margin-top:25px;}
.seo_web02_list .text .t{font-size:22px; color:#333;}
.seo_web02_list .text .line{width:16px; height:2px; background:#333; margin:20px 0 15px;}
.seo_web02_list .text .b{font-size:16px; color:#666; line-height:24px;}
.seo_web02_list.on{background:#f39800;}
.seo_web02_list.on .text .t,.seo_web02_list.on .text .b{color:#fff;}
.seo_web02_list.on .text .line{background:#fff;}
.seo_web02_list.on .img img:first-child{display:none;}
.seo_web02_list.on .img img:last-child{display:inline-block;}

.seoyh01_05 { overflow: hidden; height: 780px; margin-bottom: 50px; background-attachment: fixed;background-color: rgba(28,28,28,0.75);
background-image: url(../image/seoyh33.jpg);background-size: cover;background-position: center;background-repeat: no-repeat; }
.seoyh01_05 .tg-title { padding-top: 50px;font-size: 36px; font-weight: 700; text-align: center; color:#fff}
.seoyh01_05 .tg-title:after {content: '';  display: block;height: 4px;background: #f39800; margin: 30px auto 45px;width: 50px;}
.seoyh01_05 .seoyh01_05Bg { overflow: hidden; background-color: #fff; padding: 50px; border-radius: 20px;}
.seoyh01_05 .seoyh01_05Bg .tab {position: relative; width: 100%; float: left; margin-bottom: 20px; z-index: 1;}
.seoyh01_05 .seoyh01_05Bg .tab+div {position: relative;  z-index: 1;}
.seoyh01_05 .seoyh01_05Bg .tab li {width: 19.9%;height: 35px; line-height: 35px;text-align: center;font-size: 18px;color: #fff;background: #f39800;float: left;border-left: 1px solid #fff;}

.seoyh01_05 .seoyh01_05Bg .box {width: 100%;height: 480px;overflow: hidden;float: left;border-bottom: 1px solid #ddd;}
.seoyh01_05 .seoyh01_05Bg .box dl { margin: 0;width: 100%;float: left;border-top: 1px solid #ddd;}
.seoyh01_05 .seoyh01_05Bg .box dl:hover { background:#eee;}

.allseo05 {width: 100%;  float: left;text-align: center;padding-bottom: 120px;}
.allseo05 .allseoTit { text-align: left;}
.allseo05 img {margin-top: 120px;}
.seoyh01_05 .seoyh01_05Bg .box dl dd {width: 20%; height: 48px;line-height: 48px;font-size: 17px;float: left;text-align: center;}

.seo_web06{margin:120px 0;}
.seo_web06_in{margin-top:90px; position:relative;display: flex;  flex-direction: row; justify-content: space-between;}
.seo_web06_in::before{width:83.33%; position:absolute; height:1px; border-bottom:1px dashed #d1d9f2; content:" "; top:30%; left:8.335%; z-index:1;}
.seo_web06_list{text-align:center; position:relative; z-index:2;}
.seo_web06_list .img{width:90px; height:90px; border-radius:90px; border:1px solid #f39800; color: #f39800; background:#fff; margin:0 auto;display: flex;  flex-direction: column; justify-content: center;}
.seo_web06_list .t{font-size:20px; color:#333; margin-top:35px;}
.seo_web06_list.on .img{color: #fff;background:#f39800; box-shadow: 0px 14px 20.37px 0.63px rgba(23, 64, 188, 0.3);}
.seo_web06_list  .img span{font-size: 45px;}

/*付款方式*/
.paymentPage{padding: 78px 0 60px 0;background: #f5f5f5; overflow:hidden;}
.paymentPage .tit { font-size: 36px;margin-bottom: 50px;font-weight: bold;text-align: center;color: #1f1f1f;position: relative;padding-bottom: 16px;}
.paymentPage .tit::after { position: absolute;left: 0; right: 0;bottom: 0;margin: auto;width: 60px;height: 2px;background: #f39800;  content: '';}
.paymentPage li{margin-bottom: 20px;}
.paymentPage li .box{background: #fff; padding:30px;}
.paymentPage li .pic{height: 80px; overflow: hidden;}
.paymentPage li .pic img{max-height: 100%;}
.paymentPage li .text{line-height: 24px;font-size: 18px;color: #333333;margin-top: 20px;}
.paymentPage li .text p{font-size: 18px;color: #333333; margin-bottom: 14px;}

/*联系我们*/
.contact1{ overflow: hidden;}
.contact1 h2 {margin: 100px 0 50px 30px; font-size: 35px;  color: #404040;}
.contact1 li{float: left;display: table;margin:20px 30px;width: calc(33.33% - 60px);height: 220px;background-color: #f2f2f2;}
.contact1s{display: table-cell;vertical-align: middle;padding: 0 10%;}
.contact1s i{font-size: 35px;color: #000;}
.contact1s p{font-size: 16px;color: #333;line-height: 25px;}
.contact1s span{display: block;margin: 25px 0 15px;font-size: 20px;font-weight: bold;font-family: arial;color: #404040;}
.contact1 li:hover{background-color: #f39800;color: #fff;}
.contact1 li:hover .contact1s i,.contact1 li:hover .contact1s p,.contact1 li:hover .contact1s span{color: #fff;}

.liuyan{overflow: hidden;  padding: 98px 0 80px 0;}
.liuyan .title{   line-height: 40px;font-size: 36px;color: #000000;}
.liuyan .right,.liuyan .left{float: left;width: 48%;margin-top: 28px;}
.liuyan .right{ float: right;}
.liuyan .inpu{border: solid 1px #e6e6e6; box-sizing: border-box;  background: #fff; padding: 10px 0px; margin-bottom: 20px;}
.liuyan .inpu textarea,.liuyan .inpu input{width: 100%; height: 48px; line-height: 48px; box-sizing: border-box;font-size: 18px;color: #333;border: none;outline:none;padding: 0 20px;box-sizing: border-box; background: none;}
.liuyan .inpu input::-webkit-input-placeholder{color:#666;}
.liuyan .inpu input:-moz-placeholder{color:#666;}
.liuyan .inpu input::-moz-placeholder{color:#666;}
.liuyan .inpu input:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea::-webkit-input-placeholder{color:#666;}
.liuyan .inpu textarea:-moz-placeholder{color:#666;}
.liuyan .inpu textarea::-moz-placeholder{color:#666;}
.liuyan .inpu textarea:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea{height: 228px;resize: none;line-height: 24px;padding: 10px 20px;}
.liuyan .btn{margin: 0;padding: 0;height: 70px;text-align: center;}
.liuyan .btn a,
.liuyan .btn button,
.liuyan .btn input{width: 160px;height: 70px;line-height: 70px;text-align: center;display: block;border: none;border-radius: 0;background: #f67524;-webkit-appearance:none;font-size: 18px;color: #fff;cursor: pointer;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.liuyan .btn a,.liuyan .btn button,.liuyan .btn input:hover{background: #ff6200;}

/*标签主页*/
.biaoqian{padding: 30px 0;}
.biaoqian .line{margin-top: 20px; margin-bottom: 20px;}
.biaoqian .line h2{font-size: 16px; font-weight: bold;}
.biaoqian .line a{line-height: 28px; padding: 5px;}



/*模板建站*/
.so-banner {height: 350px;min-width: 100%;background: url(../image/moban_bg.jpg) center center no-repeat #ff6f06;}
.so-banner h2{text-align: center; color: #fff; font-size: 40px; font-weight: 600; padding-top: 100px;}
.so-banner h3{text-align: center; color: #fff; font-size: 16px; padding-top: 20px;}

.so-contentWrap {width: 590px;margin: 0 auto; padding-top: 30px;  margin-bottom: 10px;}
.ey-blog-searchFrame {width: 560px;height: 40px; background: #fff;  border-radius: 23px;padding: 0 0 0 30px;}
.ey-blog-searchFrame .e-searchAreaWrap {width: 440px; height: 100%;float: left;}
.ey-blog-searchFrame .e-searchInput {
width: 100%;
height: 100%;
border: 0;
padding: 0;
outline: 0;
color: #333;
font-size: 14px;
line-height: 45px;
vertical-align: middle;
border: 0;
}
.help-hot-list {
padding: 10px 0;
width: 500px;
position: absolute;
left: 15px;
top: 40px;
margin: 0;
line-height: 32px;
font-size: 14px;
border-radius: 2px;
box-shadow: 0 1px 5px rgba(0,0,0,.2);
background-color: #fff;
display: none;
z-index: 999999;
}
.ey-blog-searchFrame .e-searchIconWrap {
float: right;
cursor: pointer;
position: relative;
right: 0;
display: inline-block;
width: 60px;
height: 100%;
border-radius: 20px;
transition: background .2s;
}

.ey-icon-search {height: 16px; width: 16px;background: url(../image/home_ico.png) no-repeat;display: inline-block;position: absolute;top: 50%;right: 50%;margin-top: -8px;margin-right: -8px;}
.ey-blog-searchFrame .e-searchIconWrap:hover {background: #f8e5d7;}
.help-ser-d {color: #fefefe;text-align: center;margin: 0 auto;}
.help-ser-d a {color: #fefefe;padding: 0 10px 0 0;font-size: 14px;}


.rk-header{height:66px;background:#f6f8fb; margin-bottom: 60px;}
.rk-header .f-wrap{margin:0 auto;height:66px;font-size:16px;position:relative;color:#333;text-decoration:none}
.rk-header .f-tmpWrap{position:relative;font-size:0; text-align: center;}
.rk-header .f-tabItem{height:50px;line-height:36px;padding:0 25px;margin-top:15px;margin-right:25px;font-size:16px;color:#333;display:inline-block;*display:inline;zoom:1;float:none;text-align:center;cursor:pointer;position:relative}
.rk-header .f-tabItem:hover{color:#f39800}
.rk-header .active::after{position:absolute;bottom:0;left:50%;margin-left:-44px;content:'';width:88px;height:3px;background:#f39800;border-radius:2px}
.rk-header .active{color:#f39800}


.shaixuan a {margin-right: 8px;  width: 16%;padding: 0 3px;   overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;line-height: 33px;color: #535353;text-align: center;margin-bottom: 10px;float: left; border-radius: 5px; font-size: 14px; cursor: pointer;}
.shaixuan b {color: #f39800;}
.column-item{max-width: 20%; margin-bottom: 20px;}
.inside_right_con{margin-top: 50px;}
.inside_right_con ul li { float: left; width: calc(25% - 27px); margin-right:27px; box-shadow: 0 0 15px 1px rgba(0,0,0,.3); overflow: hidden; margin-top: 25px; margin-bottom: 15px; }
.inside_right_con ul li h2 { height:350px; overflow: hidden;position:relative; font-size:14px }
.inside_right_con ul li h2 span img{ width:100%; position:relative; z-index:1;}
.inside_right_con ul li h2 span{ display:block; height:350px; width:100%; overflow:hidden; background:url(../image/load.gif) center no-repeat;}
.inside_right_con ul li h2 span b{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99; color:#fff;background:rgba(0, 0, 0, 0.75); filter:alpha(opacity=0); opacity:0; transition:all 0.6s;}
.inside_right_con ul li h2 span:hover b{filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#80000000,endColorStr=#80000000); /* IE5.5 - IE8 */opacity:1;}
:root .inside_right_con ul li h2 span:hover b{filter:none;}
.inside_right_con ul li h2 span b strong{ display:block; position:relative; font-weight:normal;line-height:30px; width:278px; margin:0 auto; overflow:hidden; margin-top:80px; font-size:16px; border:#fff solid 1px; padding:10px; background:url(../image/dmz_02.png) 260px 5px no-repeat; position:relative;filter: alpha(opacity=100); -khtml-opacity:1; opacity:1;}
.inside_right_con ul li h2 span b i{ font-family:Arial, Helvetica, sans-serif;}
.inside_right_con ul li h2 span b .ylwz{ color:#fff; display:block; height:36px; line-height:36px; border:#fff solid 1px; border-radius:3px; width:100px; text-align:center; left:40px; bottom:100px; position:absolute;background:url(../image/ylwz.png) 8px center no-repeat; padding-left:30px; }
.inside_right_con ul li h2 span b a.ylwz:hover{ background:url(../image/ylwz_hover.png) #fff 8px center no-repeat;  color:#666; text-decoration:none;}
.inside_right_con ul li h2 span b .jgxq{ color:#fff; display:block; height:36px; line-height:36px; border:#fff solid 1px; border-radius:3px; width:100px; text-align:center; right:40px; bottom:100px; position:absolute; background:url(../image/jgxq.png) 8px center no-repeat; padding-left:27px;}
.inside_right_con ul li h2 span b a.jgxq:hover{  color:#666; text-decoration:none;background:url(../image/jgxq_hover.png) #fff 8px center no-repeat;}

.inside_right_con ul li h3 { font-size: 14px; color:#fb0808;  padding:25px 10px; position:relative; overflow:hidden; }
.inside_right_con ul li h3 span {color:#333;  float:left;  margin-right:10px; font-weight: normal;  }
.inside_right_con ul li h3 b {display: block;  float: right;}

/* 模板内页 */
.buy { height:70px;background:#333; background:rgba(0,0,0,0.8); border-top:#e72f3c solid 4px; width: 100%; position:fixed; bottom:0; left:0; overflow:hidden; }
.buy_con { text-align: center; height: 50px; overflow: hidden; color: #fff; line-height: 50px; font-size: 14px; width: 1000px; margin-top: 7px; }
.buy_con span { padding: 0 10px; float: left; }
.buy_con span b { font-family: Arial, Helvetica, sans-serif; padding: 0 5px; }
.buy_con span a { color: #f60; }
.buy_con .gmwz { border-radius: 3px; float: right; background:url(../image/gou.gif) 0 center #f60 no-repeat; padding-left:27px; }
.buy_con .gmwz a { color: #fff; }
.buy_con .alzs { background: #999; border-radius: 3px; margin-right: 5px; float: right; }
.buy_con .alzs a { color: #fff; }

.buy_con strong { float: left; }
.buy_con strong a { display: block; padding-left: 33px; font-weight: normal; color: #fff; background: url(../image/shoucang.png) 10px 10px no-repeat; }
.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
.white_content { display: none; position: absolute; top: 200px; left: 10%; width: 80%; height: 80%; border: none; z-index: 1002; overflow: auto; text-align: center; }
.white_content dl { float: left; width: 280px; margin-left: 20px; margin-top: 15px; padding-right: 32px; background: url(../image/fengge_2016.gif) right center no-repeat; }
.white_content dl dd { height: 28px; line-height: 28px; }
.white_content dl dt { height: 28px; line-height: 28px; }
.white_content ul { float: right; width: 280px; margin-right: 20px; margin-top: 15px; }
.form_close { text-align: right; }
.form_close input { height: 20px; margin: 3px; width: 20px; background: url(/image/dialog_closebtn.jpg); border: none; cursor: pointer; outline: none; }
#login .inputbox { height: 28px; line-height: 28px; width: 276px; padding: 0; margin: 0; border: #ddd solid 1px; padding-left: 3px; color: #999; outline: none; font-family: 'Microsoft YaHei'; }
#login .login { outline: none; height: 36px; line-height: 36px; width: 100%; border: none; background: #c00; color: #fff; text-align: center; border-radius: 3px; cursor: pointer; font-family: 'Microsoft YaHei'; font-size: 18px; font-weight: bold; }
.shou { position: fixed; right: 0; cursor: pointer; bottom: 70px; height: 60px; width: 60px; background: url(../image/shou.gif) top no-repeat; }
.simg { margin-bottom: 74px; }
.simg p { padding: 0; }


@media (max-width:768px){
.banner_info {height: 200px;}
.banner_info .up-cont h4 { font-size: 20px; line-height: 22px;}
.banner_info .up-cont .line {margin-top: 0px;}
.banner_info .up-cont .font {display: block; line-height: 22px; font-size: 12px;  margin-top: 10px;}
.banner_info .up-cont { position: absolute;   left: 5%;top: 15%;margin-top: 0px;color: #fff;   z-index: 2;}
.banner_info .up-cont .down-ico { display: block;margin-top: 11px;position: relative;overflow: hidden;}
.banner_info .up-cont .down-ico i {font-size: 14px;}
.banner_info .pose { font-size: 12px; height: 35px;  line-height: 35px;}

.weblist li {position: relative; padding:45px 0; overflow: hidden;}
.weblist .left, .list .right {float: none;width: 100%;}

.weblist li:nth-child(2n+1) .title {font-size: 22px; padding-top: 20px;}
.weblist li:nth-child(2n) .title { font-size: 22px;padding-top: 20px;color: #fff;}
.weblist li:nth-child(2n) .right { color: #fff;  width: 100%;}
.weblist li .sub_title {position: relative; font-size: 14px;  margin-top: 10px;margin-bottom: 15px;}
.weblist li .sub_title:before {position: absolute;  content: '';  bottom: -7px;  height: 2px;width: 45px;}
.weblist li .description {font-size: 12px;line-height: 24px;}
.weblist .right { float: none;}
.weblist .right  img,.weblist .left  img{ width: 100%}
.btns-box { display: none;}

.seo_web {margin: 10px 0;}
.extension01_left { width: 100%;   background: #f39800;padding: 20px;}
.extension01_right {display: none;}
.extension01_left .t { font-size: 22px;color: #fff;  line-height: 25px;}
.extension01_left .line { width: 60px;height: 2px;margin: 14px 0 25px;background: #fff;}

.extension01_left .b {font-size: 14px;color: #fff;line-height: 24px;   margin-bottom: 20px;}
.extension01_left a { display: inline-block;border-radius: 100px;  padding: 4px 21px;background: #fff;font-size: 14px; text-align: center;}

.seo_web01 {padding: 25px 0;background: #f8f8f8;}
.indextitle .indextitle_b { font-size: 22px; color: #333333;   font-weight: bold;margin: 15px 0 10px;}
.indextitle .indextitle_t {display: none;}
.seo_web01_in { padding-top: 30px;overflow: hidden;}
.seo_web01_list { width: 100%;  float: none;padding:0; margin-bottom: 20px; margin-top: 0px;  position: relative;overflow: hidden;}
.seo_web01_list > img { position: relative;   height: 100%;top: 0px;left: 50%;transform: translateX(-50%);   min-width: 100.5%;}

.seo_web01_list .text {padding: 20px;}
.seo_web01_list .text .t {font-size: 18px;}
.seo_web01_list .text .b { font-size: 12px;  line-height: 24px;  margin: 15px 0 15px; width: 100%;}
.seo_web01_list .text a {width: 100px;height: 35px;   line-height: 35px; font-size: 14px;}

.seo_web02 {margin: 20px 0;}
.seo_web02_in { margin-top: 30px;}
.seo_web02_list { width: 50%; background: #fff;  padding: 15px;   float: left;}
.seo_web02_list .img{text-align: center;}

.seo_web02_list .text .t { text-align: center; font-size: 16px;  margin-bottom: 10px;}
.seo_web02_list .text .line { text-align: center; width: 16px;  height: 2px;background: #333;   margin: auto;}
.seo_web02_list .text .b {  font-size: 12px;color: #666;line-height: 22px; margin-top: 15px;}
.seoyh01_05 {display: none;}
.seo_web06 { margin:20px 0;}
.seo_web06_in {margin-top: 40px; display: block;}
.seo_web06_list{text-align:center; position:relative; z-index:2; width: 50%; float: left; margin-bottom: 20px;}
.seo_web06_in::before {display: none;}
.seo_web06_list .img {width: 60px;height: 60px; border-radius: 90px;border: 1px solid #f39800;}
.seo_web06_list .img span {font-size: 25px;}
.seo_web06_list .t {font-size: 14px; color: #333;  margin-top: 15px;}

.toptitle h2 {font-size: 22px; margin:0}
.feature-block .inner-box h6 {position: relative; font-size: 18px;  padding: 10px 0;}
.feature-block .inner-box .text {position: relative;font-size: 14px;}
.feature-block {position: relative;margin-bottom: 12px;}
.harsh {padding: 30px 0;background: #fff; margin-bottom: 0px;}
.harsh .tit {  font-size: 22px;  margin:0; padding-bottom: 16px;}
.harsh ul {  margin-top:20px;}
.harsh ul li { display:inline ;}
.harsh ul li img{ width: 100%; height: auto;}
.harsh ul li .text2 {padding-left: 0px; height: 100%; margin-bottom: 20px;}
.harsh ul li .text2 .title {  padding-top: 15px;   font-size: 16px;padding-bottom: 8px;}
.harsh ul li .text2 .desc { padding-top: 20px;padding-right: 0px;font-size: 14px;color: #888888;line-height: 24px;}

/*案例*/
.case{padding-top: 50px;padding-bottom: 20px;}
.case_one {margin-bottom: 40px; overflow: hidden;}
.case_one .h2 {float: left;  line-height: 52px;font-size: 25px;font-weight: normal;letter-spacing: 1px;}
.case_one .case_one_r{flex-wrap: wrap;justify-content: space-around;;}
.case_one .case_one_r a{width:calc(50% - 40px); height: 45px;line-height: 45px;border-radius: 0px;border: 1px solid #333;display: inline-block;padding: 0 5%;}
.case_one .case_one_r a{margin:10px 20px;}
.case_one .case_one_r a:hover,.case_one .case_one_r .cur{background: #f39800;border-color: #f39800;color: #fff;}

.related p {display: none;}
.related ul li h2 {font-size: 14px;}
.related {padding-top: 45px;}
.related ul li {margin-bottom: 10px;}

.case_show_one { background-size: 100% 100%;  overflow: hidden;  margin-top: 10px;  margin-bottom: 10px;}
.case_show_one_l {width: 100%;float: none;  overflow: hidden;  min-height: 255px;}
.case_show_one_r {width: 100%;float: none;  overflow: hidden; }
.case_show_one_r .case_txt {  width: 100%; text-align: center;}

.case_show_one_l .case_txt .h2 {margin-top: 14px;  height: 38px;  line-height: 25px;  font-size: 20px;  font-weight: normal;  margin-bottom: 10px;}
.case_show_one_l .case_txt .divs { line-height: 22px;  color: #666666;  font-size: 12px;}

.case_show_one_l .case_txt {width: 100%; padding: 10px; }
.case_show_one .weblink { margin: 15px auto;}
.case_show_one .weblink a {border: 1px solid #010000; padding: 3px 25px 3px 38px;  display: inline-block;   font-size: 12px;   border-radius: 1px; }

.case_show_one_r .h2 {background: url(../image/case_bg3.jpg) center bottom no-repeat; margin-top: 20px; height: 45px; line-height: 30px;  font-size: 22px; margin-bottom: 17px;}
.case_show_one_r ul{margin-bottom: 20px;}
.case_show_one_r ul li {   font-size: 14px;display: block;height: 30px;line-height: 30px;}

.case_con {margin-bottom: 20px; padding-top: 20px;}
.case-t {padding-top: 20px;}
.case-t .t-con {float:left;  width: 50%; margin-bottom: 30px;}
.case-t .t-con strong {width: 60%; height: 30px; line-height: 30px;}
.case-t h6 {width: 63%; margin-bottom: 30px;}
.case-t h6 a {font-size: 16px;line-height: 2em;}

.solution { padding:20px 0;}
.solutionlist {padding-bottom: 0px;}
.solutionlist li {width: 100%; float: none; margin-bottom: 15px;}
.solutionlist li .imgs img {height: auto;width: 100%;}
.solutionlist li .txts .h2 {font-size: 14px;}
.solutionlist li .txts .p {font-size: 15px;line-height: 24px;}
.solutionlist li .txts .cons {margin: 0 auto;  padding: 20px;  height: 150px;  overflow: hidden;background: url(../image/case_bg4.png) 20px 125px no-repeat;}

.news_content {overflow: hidden;  padding-top: 10px;padding-bottom: 10px;}
.news_right_c,.sidebar {width: 100%;float: none;}
.news-lists .list li { float: left;width: 100%;margin-bottom: 10px;}
.news-lists .list li .img {width: 100%; margin-right: 0px; float: none; display: inline;}
.news-lists .list li a {width: 100%; padding: 0px; border: 2px solid #F8F8F8;}
.news-lists .list li dl{padding: 10px;}
.news-lists .list li dt {font-size: 14px; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.news-lists .list li .time {padding: 6px 0;  color: #A1A6AB;}
.news-lists .list li .des {height: auto;}

.sidebar .iauth li {float: left; width: 50%; line-height: 28px;  background: none; margin-top: 10px;}
.sidebar .iauth li a { color: #333; background-color: #fff;margin: 0 5px;  padding: 0 5px;}
.sidebar .iauth li a i {padding: 0px 3px 0 2px;}
.sidebar .grayblock .fa-solid { font-size: 16px;padding-right: 5px;}
.sidebar .grayblock h2 {font-size: 16px; line-height: 38px;  margin-bottom: 5px;}

.new_show_l_top h1 { font-size: 18px;  font-weight: 600;  line-height: 25px;  overflow: hidden;color: #000;}
.new_show_l_top p {height: 28px;  line-height: 40px;overflow: hidden;font-size: 12px;}
.new_show_l_top p span { margin-left: 8px;}
.new_show_l_top {margin-top: 10px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #e1e1e1;}
.new_show_l_text { padding-top: 25px;  line-height: 28px;font-size: 14px;}

.new_show_l_text .news_show_tag { overflow: hidden; margin: 0px; font-size: 14px; line-height: 32px;}
.new_show_l_text .news_show_tag a {float: left; padding-left: 5px; padding-right: 5px;}
.relate_bord {margin-top: 5px;}
.relate_news li {float: left;  width: 100%; margin: 0;}
.relate_news {overflow: hidden;padding: 0;}

.weihulc .tit {font-size: 22px;margin: 20px 0;font-weight: bold;text-align: center;color: #1f1f1f;position: relative;padding-bottom: 10px;}
.skip>div {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;line-height: 30px;height: 30px;text-indent: 10px;}
.sidebar .iauth li a em {padding-right: 5px;font-style: normal;}

/*分页*/
.pagination {display: block;text-align: center; overflow: hidden;}
.pagination a {line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0;}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:5px 2px; font-size:14px;border:none;border-radius:4px;display:inline-block!important;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#f39800;color:#fff;border:1px solid #f39800;}
.pagination span{border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}

.full-related-news {width: 100%; padding: 10px 0 17px;background-color: #f2f2f2;}
.full-related-news .tit {font-size: 22px; margin:30px 0;  font-weight: bold;  text-align: center;  color: #1f1f1f;  position: relative; padding-bottom: 16px;}
.full-related-news .tit::after {position: absolute; left: 0;   right: 0;  bottom: 0;  margin: auto;  width: 60px;  height: 2px;  background: #f39800; content: '';}
.full-related-news .related-news{overflow:hidden}
.full-related-news .related-news ul{margin-top: 30px;}
.full-related-news .related-news li{float:left;width:100%}
.full-related-news .related-news a{display:block;overflow:hidden;margin: 0 5px 10px;border: 1px solid #d2d2d2;padding: 10px 10px 10px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.full-related-news .related-news a:hover{border-color:#f39800}
.full-related-news .related-news a:hover .title{color:#f39800}
.full-related-news .related-news a:hover .date{color:#f39800}
.full-related-news .related-news .title{margin-bottom:4px;font-size:16px;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34364b}
.full-related-news .related-news .date{font-size:14px;line-height:30px;color:#a5a5ab}

.caselist .item {width: 100%;margin:10px 0;float: left;position: relative;padding: 30% 0;display: block;}
.caselist .item .text .t {margin-bottom: 0px;}
.caselist .item .text .b {font-size: 16px; color: #e1e1e1;}

/*付款方式*/
.paymentPage{padding: 20px 0 15px 0;background: #f5f5f5; overflow:hidden;}
.paymentPage .tit { font-size: 22px;margin-bottom: 20px;font-weight: bold;text-align: center;color: #1f1f1f;position: relative;padding-bottom: 16px;}
.paymentPage .tit::after { position: absolute;left: 0; right: 0;bottom: 0;margin: auto;width: 60px;height: 2px;background: #f39800;  content: '';}
.paymentPage .col-sm-12{padding:0;}
.paymentPage li{margin-bottom: 20px;}
.paymentPage li .box{background: #fff; padding:10px;}
.paymentPage li .pic{height: 60px; overflow: hidden;}
.paymentPage li .pic img{max-height: 100%;}
.paymentPage li .text{line-height: 16px;font-size: 18px;color: #333333;margin-top: 10px;}
.paymentPage li .text p{font-size: 14px;color: #333333; margin-bottom: 10px;}

/*联系我们*/
.contact1{ overflow: hidden;}
.contact1 h2 {margin: 30px 0 0px 0px; font-size: 18px;  color: #404040; line-height: 28px;}
.contact1 li{float: none;display: table;margin:20px 0px;width: 100%; height: 180px;background-color: #f2f2f2;}
.contact1s{display: table-cell;vertical-align: middle;padding: 0 8%;}
.contact1s i{font-size: 35px;color: #000;}
.contact1s p{font-size: 14px;color: #333;line-height: 22px;}
.contact1s span{display: block;margin: 5px 0 0px;font-size: 16px;font-weight: bold;font-family: arial;color: #404040;}
.contact1 li:hover{background-color: #f39800;color: #fff;}
.contact1 li:hover .contact1s i,.contact1 li:hover .contact1s p,.contact1 li:hover .contact1s span{color: #fff;}

.liuyan{overflow: hidden;  padding: 10px 0 20px 0;}
.liuyan .title{   line-height: 30px;font-size: 22px;color: #000000;}
.liuyan .right,.liuyan .left{float: none;width: 100%;margin-top: 10px;}
.liuyan .right{ float: none;}
.liuyan .inpu{border: solid 1px #e6e6e6; box-sizing: border-box;  background: #fff; padding:0px; margin-bottom: 10px;}
.liuyan .inpu textarea,.liuyan .inpu input{width: 100%; height: 40px; line-height: 40px; box-sizing: border-box;font-size: 14px;color: #333;border: none;outline:none;padding: 0 20px;box-sizing: border-box; background: none;}
.liuyan .inpu input::-webkit-input-placeholder{color:#666;}
.liuyan .inpu input:-moz-placeholder{color:#666;}
.liuyan .inpu input::-moz-placeholder{color:#666;}
.liuyan .inpu input:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea::-webkit-input-placeholder{color:#666;}
.liuyan .inpu textarea:-moz-placeholder{color:#666;}
.liuyan .inpu textarea::-moz-placeholder{color:#666;}
.liuyan .inpu textarea:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea{height: 100px;resize: none;line-height: 24px;padding: 10px 20px;}
.liuyan .btn{margin: 0;padding: 0;height: 70px;text-align: center;}
.liuyan .btn a,
.liuyan .btn button,
.liuyan .btn input{width: 160px;height: 50px;line-height: 40px;font-size: 14px;}
.caselist .item .blackdiv {background: rgba(3,3,3,0.3);}

.weihu01 {padding: 2rem 0;}

.title_a1 dl dt {font: 600 1.8rem / 1.6em "Alibaba-PuHuiTi-Regular";}
}

/* ============================================================
   发展历程页（/abouts/history/）· 2026-10-18 重设计
   设计体系移植自 dev/qiye_v7：Hero 大图压字 / 衬线大数字 /
   mono 时间轴 / 圆形勾 / 深蓝横带；无左侧锚点。
   全部类名 hp- 前缀，与全站样式隔离；配色自包含（不依赖变量）。
   配套模板：template/rk/pc/lists_single_history.htm
   ============================================================ */
.hp-page{
  --hp-primary:#f08700;
  --hp-primary-dark:#d97300;
  --hp-primary-light:#fff3e3;
  --hp-ink:#141b26;
  --hp-ink-2:#3d4a5c;
  --hp-ink-3:#6b7785;
  --hp-hair:#e8edf3;
  --hp-warm:#fdf8f1;
  --hp-navy:#131a26;
  --hp-mono:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Consolas,"Courier New",monospace;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--hp-ink);
  line-height:1.7;
}
.hp-wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* ===== 关键帧（hp- 前缀防撞名） ===== */
@keyframes hpfadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes hpkb{from{transform:scale(1.04)}to{transform:scale(1.14)}}
@keyframes hpshine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}
@keyframes hpblink{50%{opacity:0}}

/* ===== HUD 取景器角标 ===== */
.hp-hud > i{position:absolute;width:22px;height:22px;z-index:3;pointer-events:none}
.hp-hud > i.c1{top:-8px;left:-8px;border-top:2px solid var(--hp-primary);border-left:2px solid var(--hp-primary)}
.hp-hud > i.c2{top:-8px;right:-8px;border-top:2px solid var(--hp-primary);border-right:2px solid var(--hp-primary)}
.hp-hud > i.c3{bottom:-8px;left:-8px;border-bottom:2px solid var(--hp-primary);border-left:2px solid var(--hp-primary)}
.hp-hud > i.c4{bottom:-8px;right:-8px;border-bottom:2px solid var(--hp-primary);border-right:2px solid var(--hp-primary)}

/* ===== Hero：大图 + 深蓝渐变 + 网格叠层 + HUD ===== */
.hp-hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;background:#1a2230}
.hp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(1.08) contrast(1.04);animation:hpkb 26s ease-in-out infinite alternate;z-index:0}
.hp-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 64px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 64px),
    linear-gradient(to top, rgba(255,255,255,.38), rgba(255,255,255,0) 30%),
    linear-gradient(103deg, rgba(20,28,42,.86) 0%, rgba(20,28,42,.56) 42%, rgba(20,28,42,.26) 74%, rgba(20,28,42,.14) 100%)}
.hp-hero-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:64px 24px}
.hp-hero-mono{position:absolute;z-index:2;font-family:var(--hp-mono);font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,.55);text-transform:uppercase}
.hp-hero-mono-tr{top:26px;right:28px}
.hp-hero-mono-br{bottom:24px;right:28px}
.hp-crumb{font-size:13px;color:rgba(255,255,255,.72);margin-bottom:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;animation:hpfadeUp .7s .12s both}
.hp-crumb a{color:rgba(255,255,255,.72);text-decoration:none;transition:.2s}
.hp-crumb a:hover{color:#fff}
.hp-crumb i{font-size:10px;opacity:.55}
.hp-crumb .cur{color:#fff;font-weight:600}
.hp-hero h1{font-size:48px;line-height:1.24;font-weight:800;color:#fff;letter-spacing:-.5px;margin:0 0 18px;max-width:760px;text-shadow:0 2px 16px rgba(10,16,28,.35);animation:hpfadeUp .7s .22s both}
.hp-hero h1 em{font-style:normal;color:#ffb657}
.hp-hero-desc{font-size:16.5px;line-height:1.9;color:rgba(255,255,255,.88);max-width:640px;margin:0 0 22px;text-shadow:0 1px 10px rgba(10,16,28,.3);animation:hpfadeUp .7s .34s both}
.hp-hero-facts{font-size:14px;font-weight:600;color:rgba(255,255,255,.9);letter-spacing:.3px;margin-bottom:36px;animation:hpfadeUp .7s .44s both}
.hp-hero-facts b{color:#fff;font-weight:800}
.hp-hero-facts .sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 12px;vertical-align:3px}
.hp-t-cur{display:inline-block;width:9px;height:15px;background:#ffb657;margin-left:10px;vertical-align:-2px;animation:hpblink 1.1s step-end infinite}
.hp-hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;animation:hpfadeUp .7s .56s both}

/* ===== 按钮 ===== */
.hp-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 28px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:.25s;border:none;cursor:pointer;font-family:inherit}
.hp-btn::after{content:"";position:absolute;top:0;bottom:0;width:36%;background:linear-gradient(105deg,rgba(255,255,255,0),rgba(255,255,255,.42),rgba(255,255,255,0));transform:translateX(-120%) skewX(-20deg);pointer-events:none}
.hp-btn:hover::after{animation:hpshine .8s ease}
.hp-btn-invert{background:#fff;color:var(--hp-primary-dark);box-shadow:0 10px 26px rgba(10,16,28,.3)}
.hp-btn-invert:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(10,16,28,.36);background:#fff8ef}
.hp-btn-ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);color:#fff;font-family:var(--hp-mono);letter-spacing:.04em}
.hp-btn-ghost:hover{background:rgba(255,255,255,.24);border-color:#fff}

/* ===== 通用板块 ===== */
.hp-sec{padding:84px 0}
.hp-sec-warm{background:var(--hp-warm)}
.hp-sec-head{margin-bottom:46px;max-width:820px}
.hp-sec-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--hp-mono);font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--hp-primary);text-transform:uppercase;margin-bottom:12px}
.hp-sec-tag::before{content:"";width:18px;height:2px;background:var(--hp-primary);border-radius:2px;transition:width .3s}
.hp-sec-head:hover .hp-sec-tag::before{width:30px}
.hp-sec-head h2{font-size:30px;font-weight:800;letter-spacing:-.4px;line-height:1.32;margin:0 0 12px;color:var(--hp-ink)}
.hp-sec-head p{font-size:15.5px;color:var(--hp-ink-3);line-height:1.85;margin:0}

/* ===== 深蓝横带（CTA） ===== */
.hp-band{position:relative;padding:92px 0;color:#fff;overflow:hidden;isolation:isolate;background:#131a26}
.hp-band::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/static/image/ban01.jpg) center/cover no-repeat;filter:saturate(1.08) contrast(1.05) brightness(.92)}
.hp-band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(122deg, rgba(19,26,38,.90) 0%, rgba(19,26,38,.76) 52%, rgba(19,26,38,.60) 100%)}
@media (min-width:1280px) and (hover:hover){.hp-band::before{background-attachment:fixed}}
.hp-band .hp-sec-tag{color:#ffb657}
.hp-band .hp-sec-tag::before{background:#ffb657}

/* ===== S1 十年数字（白底）：衬线大数字 ×4 ===== */
.hp-st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:42px}
.hp-st-item{padding:4px 30px 4px 0}
.hp-st-item + .hp-st-item{border-left:1px solid var(--hp-hair);padding-left:30px}
.hp-st-no{font-family:Georgia,"Times New Roman",serif;font-size:52px;font-weight:700;line-height:1;color:var(--hp-primary);margin-bottom:16px;letter-spacing:-.5px}
.hp-st-no small{font-size:24px;font-weight:700;margin-left:2px;letter-spacing:0}
.hp-st-item h3{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--hp-ink)}
.hp-st-item p{font-size:13.8px;line-height:1.85;color:var(--hp-ink-3);margin:0}

/* ===== S2 发展时间轴（暖底）：mono 年份槽 + 脊柱线 + 橙点 ===== */
.hp-tl{margin-top:46px}
.hp-tl-item{display:grid;grid-template-columns:140px 30px 1fr;column-gap:24px;padding:36px 0;border-bottom:1px solid #efe4d2}
.hp-tl-item:first-child{padding-top:6px}
.hp-tl-item:last-child{padding-bottom:6px;border-bottom:0}
.hp-tl-year{padding-top:2px}
.hp-tl-stage{display:block;font-family:var(--hp-mono);font-size:11px;font-weight:700;letter-spacing:.18em;color:#b98a3e;margin-bottom:9px}
.hp-tl-year b{display:block;font-family:var(--hp-mono);font-size:24px;font-weight:700;letter-spacing:.01em;color:var(--hp-primary-dark);line-height:1}
.hp-tl-mid{position:relative}
.hp-tl-mid::before{content:"";position:absolute;left:50%;top:0;bottom:-72px;width:2px;margin-left:-1px;background:linear-gradient(180deg,#f0dcbb,#f7e8cf)}
.hp-tl-item:last-child .hp-tl-mid::before{display:none}
.hp-tl-dot{position:absolute;left:50%;top:26px;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--hp-primary);box-shadow:0 0 0 5px #fdf8f1;transition:.25s;z-index:1}
.hp-tl-item:hover .hp-tl-dot{box-shadow:0 0 0 8px rgba(240,135,0,.16)}
.hp-tl-item.now .hp-tl-dot{background:var(--hp-primary)}
.hp-tl-body h3{font-size:19px;font-weight:800;margin:0 0 12px;color:var(--hp-ink);transition:.25s}
.hp-tl-item:hover .hp-tl-body h3{color:var(--hp-primary-dark)}
.hp-tl-body p{font-size:14.8px;line-height:2;color:var(--hp-ink-3);margin:0 0 10px}
.hp-tl-body p:last-of-type{margin-bottom:0}
.hp-tl-body p a{color:var(--hp-primary-dark);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(240,135,0,.4);transition:.2s}
.hp-tl-body p a:hover{border-bottom-color:var(--hp-primary-dark)}
.hp-now-badge{display:inline-flex;align-items:center;gap:5px;margin-left:10px;font-family:var(--hp-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:#fff;background:var(--hp-primary);border-radius:999px;padding:3px 11px;vertical-align:3px;box-shadow:0 6px 14px rgba(240,135,0,.3)}
.hp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hp-chip{padding:7px 13px;border-radius:9px;background:#fff;border:1px solid #f0dcbb;font-family:var(--hp-mono);font-size:12.5px;font-weight:600;color:#8a5a10;transition:.2s}
.hp-chip:hover{background:var(--hp-primary);border-color:var(--hp-primary);color:#fff;transform:translateY(-2px)}

/* ===== S3 今天的锐客网（白底）：四列圆形勾 ===== */
.hp-dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:46px}
.hp-dl-item{border-top:2px solid var(--hp-hair);padding-top:22px;transition:.25s}
.hp-dl-item:hover{border-top-color:var(--hp-primary);transform:translateY(-3px)}
.hp-dl-chk{width:42px;height:42px;border-radius:50%;background:var(--hp-primary-light);border:1px solid #f6dcbb;color:var(--hp-primary);display:grid;place-items:center;font-size:16px;font-weight:800;margin-bottom:16px;transition:.25s}
.hp-dl-item:hover .hp-dl-chk{background:var(--hp-primary);border-color:var(--hp-primary);color:#fff;box-shadow:0 8px 18px rgba(240,135,0,.3)}
.hp-dl-item h4{font-size:16.5px;font-weight:700;margin:0 0 8px}
.hp-dl-item h4 a{color:inherit;text-decoration:none;transition:.2s}
.hp-dl-item:hover h4 a{color:var(--hp-primary-dark)}
.hp-dl-item p{font-size:13.8px;line-height:1.85;color:var(--hp-ink-3);margin:0}

/* ===== CTA 深蓝横带 ===== */
.hp-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.hp-cta h3{font-size:29px;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:-.3px}
.hp-cta p{font-size:15.5px;line-height:1.85;color:rgba(255,255,255,.78);margin:0;max-width:580px}
.hp-cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ===== 进场动画 ===== */
.hp-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.hp-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .hp-reveal{opacity:1;transform:none;transition:none}
  .hp-hero-img{animation:none}
  .hp-crumb,.hp-hero h1,.hp-hero-desc,.hp-hero-facts,.hp-hero-cta{animation:none}
  .hp-btn::after{display:none}
  .hp-t-cur{animation:none}
}

/* ===== 响应式 ===== */
@media (max-width:1080px){
  .hp-dl-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .hp-hero{min-height:560px}
  .hp-hero h1{font-size:34px}
  .hp-hero-inner{padding:52px 20px}
  .hp-hero-mono{display:none}
  .hp-sec{padding:62px 0}
  .hp-band{padding:68px 0}
  .hp-sec-head h2{font-size:25px}
  .hp-st-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .hp-st-item{padding:0}
  .hp-st-item + .hp-st-item{border-left:0;padding-left:0}
  .hp-st-item:nth-child(even){border-left:1px solid var(--hp-hair);padding-left:30px}
}
@media (max-width:768px){
  .hp-tl-item{grid-template-columns:1fr;padding:26px 0 26px 34px;position:relative}
  .hp-tl-year{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
  .hp-tl-stage{margin-bottom:0}
  .hp-tl-mid{position:absolute;left:0;top:0;bottom:0;width:34px}
  .hp-tl-mid::before{left:16px;top:0;bottom:-26px}
  .hp-tl-dot{left:16px;top:8px}
  .hp-tl-body h3{font-size:17.5px}
  .hp-tl-body p{font-size:14.2px;line-height:1.9}
}
@media (max-width:640px){
  .hp-hero{min-height:520px}
  .hp-hero h1{font-size:27px}
  .hp-hero-desc{font-size:14.5px}
  .hp-hero-facts{font-size:12.5px;line-height:2}
  .hp-hero-facts .sep{margin:0 8px}
  .hp-sec-head h2{font-size:22px}
  .hp-st-grid{grid-template-columns:1fr;row-gap:28px}
  .hp-st-item:nth-child(even){border-left:0;padding-left:0}
  .hp-st-no{font-size:44px}
  .hp-dl-grid{grid-template-columns:1fr}
  .hp-cta h3{font-size:22px}
}


/* ===== index.css (原 46265 字节) ===== */
@import url('//at.alicdn.com/t/c/font_2681846_ss8htjdvxbc.css');
html, body{ width: 100%; height: 100%;  font-size: 14px; line-height: 24px;font-family: "黑体","PingFang SC", "Arial", "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", "sans-serif";}

body::-webkit-scrollbar {width: 10px;height: 10px;}
body::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
body::-webkit-scrollbar-thumb {background-color:#ffb800;background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);}

.h1, .h2, .h3, h1, h2, h3, ul,dl{margin:0px;}
.youhua {display: none !important}
.mian{margin: 96px auto 0;}
ol, ul {padding-left: 0;}
li {list-style: none}
i,em{ font-style:normal; }s
.clear{clear: both;}

/*鼠标跟随效果CSS*/
.cursor-outer {margin-left: -12px;margin-top: -12px;width: 30px;height: 30px;border: 1px solid #ffb800;background-color: #ffb800;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 10000000;opacity: 0.34;-webkit-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.cursor-outer.cursor-hover {opacity: 0.14;}
.cursor-outer.cursor-big {opacity: 0;}
.mouseCursor {position: fixed;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;border-radius: 50%;-webkit-transform: translateZ(0);transform: translateZ(0);visibility: hidden;text-align: center;}
.mouseCursor.cursor-big {width: 20px;height: 20px;margin-left: -12px;margin-top: -12px;}
.cursor-inner {margin-left: -3px;margin-top: -3px;width: 10px;height: 10px;z-index: 10000001;background-color: #ffb800;opacity: 1;-webkit-transition: all 0.24s ease-out 0s;transition: all 0.24s ease-out 0s;}
.cursor-inner span {color: #f39800;line-height: 60px;opacity: 0;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;}
.cursor-inner.cursor-big span {opacity: 1;}
.cursor-inner.cursor-hover {margin-left: -10px;margin-top: -10px;width: 30px;height: 30px;background-color: transparent;border: 1px solid #ffb800;opacity: 0;}


/*首页新头部*/
.main-header{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 9999;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.2);transition: background .3s, box-shadow .3s;}
.header {padding: 20px 0; background:#fff; transition: background .3s;}
/* 头部内层：不用 container 系列，独立按 95% 宽 + 最大 1600px 居中 */
.header > .container-fluid{width: 95%;max-width: 1600px;margin-left: auto;margin-right: auto;padding-left: 0;padding-right: 0;}
.header .logo img{max-height: 56px;}
.header .logo img.logo-light{display: none;}
.popup-mobile-menu .mainmenu li a:hover,.popup-mobile-menu .mainmenu li a.open {color:#ffb800;}
.popup-mobile-menu .mainmenu li a .s {transition: all 0.3s;}
.phone{display: flex;}
.phone h2{font-family: "DINPro-Bold";}
@media (min-width: 1200px) {
.hamberger-button {display: none;}
.popup-mobile-menu-header {display: none;}
.popup-mobile-menu .mainmenu {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.popup-mobile-menu .mainmenu li {position: relative;}
.popup-mobile-menu .mainmenu a {display: flex;align-items: center;justify-content: space-between;padding: 10px 0 10px 30px;font-size: 16px;font-weight: 600;color: #333333;white-space: nowrap;transition: 0.3s;}
.main-header.without_banner .popup-mobile-menu .mainmenu a {color: rgb(102, 102, 102);}
.popup-mobile-menu .mainmenu a .dropdown-indicator {font-size: 12px;line-height: 0;margin-inline-start: 3px;}
.popup-mobile-menu .mainmenu .has-droupdown .submenu {display: block;position: absolute;left: 0;top: calc(100% + 25px);margin: 0;padding: 15px;z-index: 99;opacity: 0;visibility: hidden;background:#fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 10px;}
.popup-mobile-menu .mainmenu .has-droupdown:hover .submenu {opacity: 1;top: 70px;visibility: visible;}
.popup-mobile-menu .mainmenu .has-droupdown .submenu li {min-width: 130px;line-height: 26px;padding: 2px 0px;}
.popup-mobile-menu .mainmenu .has-droupdown .submenu a {padding: 6px 15px;font-size: 14px;text-transform: none;font-weight: 400;transition: all 0.3s;}
.popup-mobile-menu .mainmenu .has-droupdown .submenu a:hover {background: #f2f2f2;border-radius: 5px;transition: 0.3s;}
}
@media (max-width: 1200px) {
.header {padding: 6px 0; background:#fff}
.header .logo img{max-height: 38px;}
.mian {margin: 50px auto 0;}
/* 透明浮头页面的 .mian 必须归零（否则移动端 banner 被推下 50px，本例修复 web01/历程页） */
body:has(.index_banner, .banner_info, .so-banner) .mian,
body.header-over-banner .mian{margin-top: 0;}
.phone{display: none;}
.hamberger-button {height: 40px;line-height: 40px;width: 40px;text-align: center; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.05);border:1px solid rgba(19,26,38,.07);border-radius: 9px;outline: none;padding: 0;display: block;}
.hamberger-button .fa-solid{font-size: 20px; color: #f0780c;}
.popup-mobile-menu {z-index: 9999;position: fixed;content: "";width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.8);visibility: hidden;opacity: 0;transition: opacity 0.5s ease-out;}
.popup-mobile-menu.active {visibility: visible;opacity: 1;}
.popup-mobile-menu .inner {width: 320px;z-index: 999;position: absolute;background:#fff;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);height: 100%;height: 100vh;display: flex;flex-direction: column;opacity: 0;left: -150px;transition: all 0.5s ease-out;}
.popup-mobile-menu.active .inner {opacity: 1;left: 0;overflow-y: auto;}
.popup-mobile-menu .inner .popup-mobile-menu-header {display: flex;border-bottom: 1px solid #eeeeee;align-items: center;justify-content: space-between;padding: 15px 20px;}
.popup-mobile-menu .inner .popup-mobile-menu-header .logo img {max-height: 26px;}
.popup-mobile-menu .inner .popup-mobile-menu-header .close-menu .close-button {background: #fff;border: 0 none;width: 36px;height: 36px;font-size: 19px;display: flex;align-items: center;justify-content: center;border-radius: 100%;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);}
.popup-mobile-menu .inner .mainmenu .has-droupdown .submenu {display: none;}
.popup-mobile-menu .mainmenu {list-style: none;margin: 0;padding: 15px 20px;}
.popup-mobile-menu .mainmenu li {margin: 0;}.popup-mobile-menu .mainmenu li + li {border-top: 1px solid #f0f0f0;}
.popup-mobile-menu .mainmenu .has-droupdown > a {position: relative;}
.popup-mobile-menu .mainmenu li a {padding: 9px 0;display: flex;justify-content: space-between;font-size: 15px;font-weight: 500;color: #6f6b80;}
.popup-mobile-menu .mainmenu li a:hover,.popup-mobile-menu .mainmenu li a.open {color:#ffb800;}
.popup-mobile-menu .mainmenu li a .s {transition: all 0.3s;}
.popup-mobile-menu .mainmenu li a.open .dropdown-indicator {transform: rotate(180deg);}
.popup-mobile-menu .mainmenu .has-droupdown .submenu {padding: 0;max-width: 100%;list-style: none;padding-inline-start: 14px;display: none;}
}

/* ===== 透明浮动头部（2026-10-18 重构：消除加载白底闪烁 FOUC）=====
   默认态 = 透明+白字浮于 banner 上，由纯 CSS（body:has(banner)）在首屏即生效，
   不再依赖 JS 运行时加 .over-banner 类（旧方案先白底后变透明 = 闪烁）。
   滚动超过 60px 时 JS 给 .main-header 加 .scrolled -> 白底+黑字。
   保留 .over-banner / header-over-banner 选择器作为旧浏览器(:has 不支持)降级回退。 */
/* 顶部内边距：banner 页头图顶到页顶 */
body:has(.index_banner, .banner_info, .so-banner) .mian,
body.header-over-banner .mian{margin-top: 0;}
/* 透明态（默认） */
body:has(.index_banner, .banner_info, .so-banner) .main-header,
.main-header.over-banner{background: transparent;box-shadow: none;}
body:has(.index_banner, .banner_info, .so-banner) .main-header .header,
.main-header.over-banner .header{background: transparent;}
body:has(.index_banner, .banner_info, .so-banner) .main-header .header .logo img.logo-dark,
.main-header.over-banner .header .logo img.logo-dark{display: none;}
body:has(.index_banner, .banner_info, .so-banner) .main-header .header .logo img.logo-light,
.main-header.over-banner .header .logo img.logo-light{display: block;}
/* 只刷顶层导航文字为白；子菜单下拉是白底，其链接必须保持深色（只选 > li > a，勿用后代选择器误伤子菜单） */
@media (min-width: 1200px){
body:has(.index_banner, .banner_info, .so-banner) .main-header .popup-mobile-menu .mainmenu > li > a,
.main-header.over-banner .popup-mobile-menu .mainmenu > li > a{color: #ffffff;}
body:has(.index_banner, .banner_info, .so-banner) .main-header .phone p,
body:has(.index_banner, .banner_info, .so-banner) .main-header .phone h2,
.main-header.over-banner .phone p, .main-header.over-banner .phone h2{color: #ffffff;}
}
/* 滚动后恢复白底黑字（覆盖透明态） */
body:has(.index_banner, .banner_info, .so-banner) .main-header.scrolled,
.main-header.over-banner.scrolled{background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
body:has(.index_banner, .banner_info, .so-banner) .main-header.scrolled .header,
.main-header.over-banner.scrolled .header{background: #fff;}
body:has(.index_banner, .banner_info, .so-banner) .main-header.scrolled .header .logo img.logo-dark,
.main-header.over-banner.scrolled .header .logo img.logo-dark{display: block;}
body:has(.index_banner, .banner_info, .so-banner) .main-header.scrolled .header .logo img.logo-light,
.main-header.over-banner.scrolled .header .logo img.logo-light{display: none;}
@media (min-width: 1200px){
body:has(.index_banner, .banner_info, .so-banner) .main-header.scrolled .popup-mobile-menu .mainmenu > li > a,
.main-header.over-banner.scrolled .popup-mobile-menu .mainmenu > li > a{color: #333333;}
body:has(.index_banner, .banner_info, .so-banner) .main-header.scrolled .phone p,
body:has(.index_banner, .banner_info, .so-banner) .main-header.scrolled .phone h2,
.main-header.over-banner.scrolled .phone p, .main-header.over-banner.scrolled .phone h2{color: #333333;}
}
/* 鼠标经过顶部区域（含下拉打开时）立即白底黑字，不等滚动、不等下拉 */
body:has(.index_banner, .banner_info, .so-banner) .main-header:hover,
.main-header.over-banner:hover,
body:has(.index_banner, .banner_info, .so-banner) .main-header.rn-drop-active,
.main-header.over-banner.rn-drop-active{background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,.2);}
body:has(.index_banner, .banner_info, .so-banner) .main-header:hover .header,
.main-header.over-banner:hover .header,
body:has(.index_banner, .banner_info, .so-banner) .main-header.rn-drop-active .header,
.main-header.over-banner.rn-drop-active .header{background:#fff;}
body:has(.index_banner, .banner_info, .so-banner) .main-header:hover .header .logo img.logo-dark,
.main-header.over-banner:hover .header .logo img.logo-dark,
body:has(.index_banner, .banner_info, .so-banner) .main-header.rn-drop-active .header .logo img.logo-dark,
.main-header.over-banner.rn-drop-active .header .logo img.logo-dark{display:block;}
body:has(.index_banner, .banner_info, .so-banner) .main-header:hover .header .logo img.logo-light,
.main-header.over-banner:hover .header .logo img.logo-light,
body:has(.index_banner, .banner_info, .so-banner) .main-header.rn-drop-active .header .logo img.logo-light,
.main-header.over-banner.rn-drop-active .header .logo img.logo-light{display:none;}
@media (min-width: 1200px){
body:has(.index_banner, .banner_info, .so-banner) .main-header:hover .popup-mobile-menu .mainmenu > li > a,
.main-header.over-banner:hover .popup-mobile-menu .mainmenu > li > a,
body:has(.index_banner, .banner_info, .so-banner) .main-header.rn-drop-active .popup-mobile-menu .mainmenu > li > a,
.main-header.over-banner.rn-drop-active .popup-mobile-menu .mainmenu > li > a{color:#333333;}
body:has(.index_banner, .banner_info, .so-banner) .main-header:hover .phone p,
body:has(.index_banner, .banner_info, .so-banner) .main-header:hover .phone h2,
.main-header.over-banner:hover .phone p,
.main-header.over-banner:hover .phone h2,
body:has(.index_banner, .banner_info, .so-banner) .main-header.rn-drop-active .phone p,
body:has(.index_banner, .banner_info, .so-banner) .main-header.rn-drop-active .phone h2,
.main-header.over-banner.rn-drop-active .phone p,
.main-header.over-banner.rn-drop-active .phone h2{color:#333333;}
}
/* 移动端：banner 标题下移，避开透明头部 */
@media (max-width: 1200px){
body:has(.index_banner, .banner_info, .so-banner) .banner_info .up-cont,
body.header-over-banner .banner_info .up-cont{top: 72px;}
}

/*首页轮播图*/
.cover_box{width: 100%;}
.index_banner{width: 100%;height: 100%;background-color:#111}
.index_banner .swiper-container{width: 100%;height: 100%;}
.index_banner .swiper-slide{position: relative; height: 800px;}
.index_banner .swiper-slide .text{color: #fff; position: absolute;  top: 40%;    left: 20%;    transform: translateY(-40%);   z-index: 200;}
.index_banner .swiper-slide h3{ font-size: 70px; font-weight: bold; text-transform:uppercase;  font-family: 'Montserrat-Medium';transform: translateY(100px);transition: .5s;     }
.index_banner .swiper-slide h2{    font-size: 58px; font-weight: bold; transform: translateY(100px);  line-height: 1;    margin: 125px 0px 35px 0px;  opacity:0;    transition:all .3s;    transition-delay: .2s;  }
.index_banner .swiper-slide a{color: #fff;}
.index_banner .swiper-slide p{ color: #fff;  font-size: 30px;transform: translateY(100px);    line-height: 1;    margin: 0px;   opacity:0;    transition:all .5s;    transition-delay: .4s;}
.index_banner .swiper-slide-active h2{transform:translateY(0);  opacity:1;}
.index_banner .swiper-slide-active p{transform:translateY(0);   opacity:1;}


#page{width: 180px;position: absolute;left: 50%;transform: translateX(-50%);  text-align: left;   bottom: 40px;  box-sizing: border-box;  text-align: center; z-index: 200;}
#page span{display: inline-block;width: 22px;height: 10px;background: url(../image/icon_07.png)center no-repeat;opacity: .8;  margin: 0px 1px;    cursor: pointer;    border-radius: 5px;    transition: .3s;}
#page span.swiper-pagination-bullet-active{background: url(../image/icon_09.png)center no-repeat;} 
#button{width: 260px;  height: 30px;  position: absolute; bottom: 35px;  left: 50%;transform: translateX(-50%);z-index: 100;}
#button .swiper-button-prev:after{  content: "";    width: 11px;    height: 19px;    background: url(../image/icon_03.png);    opacity: .8;}
#button .swiper-button-prev{outline: none;}
#button .swiper-button-next:after{ content: "";    width: 11px;    height: 19px;    background: url(../image/icon_05.png);   opacity: .8;}
#button .swiper-button-next{ outline: none;}
/*首页服务*/
.svc-section{position:relative;padding:104px 0 112px;overflow:hidden;background:#f8f9fb}
.svc-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 12% -8%,rgba(243,152,0,.06),transparent 62%),radial-gradient(680px 340px at 92% -6%,rgba(255,184,0,.055),transparent 64%),radial-gradient(700px 380px at 50% 115%,rgba(243,152,0,.04),transparent 66%)}
.svc-section::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(16,24,40,.05) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(720px 420px at 50% 0%,#000 22%,transparent 100%);mask-image:radial-gradient(720px 420px at 50% 0%,#000 22%,transparent 100%)}
.svc-container{position:relative;z-index:1;padding:0 24px}
.svc-head{text-align:center;max-width:800px;margin:0 auto}
.svc-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.22em;color:#f39800}
.svc-eyebrow::before,.svc-eyebrow::after{content:"";width:26px;height:1px;background:#f3c684}
.svc-head h2{margin:20px 0 0;font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1.26;letter-spacing:-.02em;color:#0d1117}
.svc-head h2 em{font-style:normal;color:#f39800}
.svc-head h2::after{content:"";display:block;width:44px;height:3px;border-radius:99px;margin:24px auto 0;background:#f39800}
.svc-head p{margin:22px auto 0;font-size:16px;line-height:1.85;color:#5c6774}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:60px}
.svc-card{position:relative;display:flex;flex-direction:column;padding:40px 32px 36px;border-radius:20px;background:#ffffff;border:1px solid #e9edf2;box-shadow:0 1px 2px rgba(16,24,40,.04),0 24px 48px -34px rgba(16,24,40,.28);overflow:hidden;transition:transform .4s cubic-bezier(.22,.8,.28,1),box-shadow .4s,border-color .4s}
.svc-card:hover{transform:translateY(-4px);border-color:#f5c98a;box-shadow:0 1px 2px rgba(16,24,40,.05),0 32px 56px -28px rgba(243,152,0,.3)}
.svc-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(243,152,0,.055),transparent 68%)}
.svc-card:hover::before{opacity:1}
.svc-card::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,.8,.28,1);background:#f39800}
.svc-card:hover::after{transform:scaleX(1)}
.svc-card>*{position:relative;z-index:1}
.svc-card__num{position:absolute;top:8px;right:20px;z-index:0;font-size:84px;font-weight:900;line-height:1;letter-spacing:-.06em;color:rgba(16,24,40,.045);user-select:none;transition:color .4s}
.svc-card:hover .svc-card__num{color:rgba(16,24,40,.085)}
.svc-card__head{display:flex;align-items:center;gap:16px;margin-bottom:10px}
.svc-card__icon{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#f39800;background:#fff7ea;border:1px solid #ffe3b3;transition:background .4s,border-color .4s,transform .4s cubic-bezier(.34,1.56,.64,1)}
.svc-card:hover .svc-card__icon{background:#f39800;border-color:#f39800;color:#ffffff;transform:scale(1.06) rotate(-5deg)}
.svc-card__icon svg{width:25px;height:25px}
.svc-card h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;color:#0d1117;white-space:nowrap}
.svc-card h3 span{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.05em;vertical-align:3px;color:#f39800;background:#fdf1dd;border:1px solid #f7dfc0}
.svc-card__desc{margin:13px 0 0;font-size:14px;line-height:1.8;color:#5c6774;min-height:76px}
.svc-list{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}
.svc-list li{position:relative;padding:2px 0 2px 24px;font-size:14px;line-height:1.5;color:#3f4a59;white-space:nowrap;transition:color .25s}
.svc-list li:hover{color:#0d1117}
.svc-list li svg{position:absolute;left:0;top:5px;width:14px;height:14px;color:#f39800;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.svc-list li:hover svg{transform:scale(1.15)}
.svc-actions{margin-top:auto;padding-top:30px}
.svc-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:10px;font-size:14.5px;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s,color .3s,background .3s}
.svc-btn svg{width:15px;height:15px;transition:transform .3s}
.svc-btn:hover svg{transform:translateX(3px)}
.svc-btn--solid{position:relative;overflow:hidden;color:#231804;background:#f39800;box-shadow:0 14px 28px -14px rgba(243,152,0,.65)}
.svc-btn--solid::after{content:"";position:absolute;top:0;left:-75%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .55s ease;pointer-events:none}
.svc-btn--solid:hover::after{left:135%}
.svc-btn--solid:hover{transform:translateY(-2px);background:#e08a00;box-shadow:0 20px 34px -14px rgba(243,152,0,.75)}
.svc-btn--ghost{color:#0d1117;background:#ffffff;border:1px solid #e3e8ee}
.svc-btn--ghost:hover{transform:translateY(-2px);color:#e08a00;border-color:#f5c98a;background:#fffdf8}
.svc-extra{margin-top:24px;border-radius:20px;background:#ffffff;border:1px solid #e9edf2;box-shadow:0 1px 2px rgba(16,24,40,.04),0 20px 40px -34px rgba(16,24,40,.22);overflow:hidden}
.svc-extra__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:24px 14px 6px}
.svc-extra__label{font-size:11.5px;font-weight:700;letter-spacing:.18em;color:#98a2b3;padding-left:12px}
.svc-extra__sub{font-size:13px;color:#8a94a3;padding-right:12px}
.svc-extra__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 12px 14px}
.svc-more__item{display:flex;align-items:flex-start;gap:14px;padding:18px 16px;border-radius:14px;text-decoration:none;transition:background .3s,transform .3s}
.svc-more__item:hover{background:#fdf5e9;transform:translateY(-2px)}
.svc-more__icon{width:40px;height:40px;flex:none;border-radius:10px;display:grid;place-items:center;color:#f39800;background:#fff7ea;border:1px solid #ffe3b3;transition:background .3s,border-color .3s,color .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.svc-more__item:hover .svc-more__icon{background:#f39800;border-color:#f39800;color:#ffffff;transform:scale(1.08)}
.svc-more__icon svg{width:20px;height:20px}
.svc-more__txt b{display:block;font-size:15px;font-weight:700;color:#0d1117;margin-bottom:4px;transition:color .3s}
.svc-more__item:hover b{color:#e08a00}
.svc-more__desc{display:block;font-size:13px;line-height:1.55;color:#8a94a3}
@keyframes svc-in{from{opacity:0;transform:translateY(28px)}}
.svc-anim{animation:svc-in .75s cubic-bezier(.22,.8,.28,1) backwards;animation-play-state:paused}
.svc-anim.is-in{animation-play-state:running}
.svc-grid .svc-card:nth-of-type(2){animation-delay:.1s}
.svc-grid .svc-card:nth-of-type(3){animation-delay:.2s}
.svc-extra.svc-anim{animation-delay:.32s}
@media (prefers-reduced-motion:reduce){.svc-anim{animation:none}}
@media (max-width:1020px){
.svc-section{padding:76px 0 84px}
.svc-grid{grid-template-columns:1fr;gap:18px;margin-top:44px}
.svc-card{padding:36px 28px 32px}
.svc-card__desc{min-height:0}
.svc-extra__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
.svc-list{grid-template-columns:1fr;gap:11px}
.svc-list li{white-space:normal}
.svc-card__num{display:none}
.svc-extra__head{flex-direction:column;gap:4px}
.svc-extra__grid{grid-template-columns:1fr}
}
/*数字滚动*/
.counters {width: 100%;height: 780px;   position: relative;    overflow: hidden; }
.counters ul {display: flex;flex-flow: row wrap; }
.counters li {margin-top: 120px;float: left; width: 33.33%;  text-align: center;}
.box-shadow { position: absolute;    width: 100%;    height: 100%; top: 0; left: 0;    background: #000; opacity: 0.5; filter: alpha(opacity=80); z-index: 1}
.counter_con {position: absolute;    top: 0;   width: 100%;    height: 50%;    left: 0;    z-index: 2;    top: 16%;}
.con-tit2 {    width: 80%;    margin: 0 auto;    text-align: center;}
.tit_txt1 { font-size: 45px;    color: #ffffff;    font-weight: bold;    line-height: 1.2;}
.tit_txt2 { font-size: 17px;    color: #ffffff;    line-height: 32px;    margin-top: 40px;    margin-bottom: 35px;    width: 78%;    margin-left: auto;    margin-right: auto;}
 @media only screen and (min-width: 768px) {
	 
}
/*滚动动画*/
.menu_tit1, .menu_tit2, .product_txt1, .product_txt2, .business_list ul li:nth-child(1),  @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}
}
 @-webkit-keyframes hvr-ripple-in {100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}}
 @-moz-keyframes hvr-ripple-in {100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}}
 @-o-keyframes hvr-ripple-in {100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}}
 @keyframes hvr-ripple-in {100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}}
.q_counter_holder {text-align: center;display: block;}
.unit { color: #858585;  font-size: 20px;}
.q_counter_holder span.counter {letter-spacing: 6px; color: #fff; font-family: "DINPro-Bold"; font-size: 70px; font-weight: 600;}

.q_counter_holder p.counter_text {font-size: 17px;    margin-top: 15px; color: rgba(255,255,255,0.7);}
.full_section_inner {    position: absolute;    bottom: 160px;    width: 80%;    left: 10%;   z-index: 2}
video#bgvid {position: absolute;    display: block;    right: 0;    bottom: 0;    min-width: 100%;    min-height: 100%;    width: auto;    height: auto;    z-index: -100;   background: url(../image/propaganda.jpg) no-repeat;  -moz-background-size: cover;    -o-background-size: cover; background-size: cover;}

/*counters部分自适应调整*/
@media only screen and (max-width: 1770px) {
.tit_txt1 {font-size: 40px;}
.q_counter_holder span.counter {font-size: 54px;}
.tit_txt2 { width: 85%;    margin-top: 35px;    font-size: 16px;}
.q_counter_holder p.counter_text, .unit { font-size: 16px;}
.full_section_inner {    width: 74%;    left: 13%;}
.counters {max-height: 650px; min-height: 530px;}
.product_txt {margin-top: 70px; margin-bottom: 55px;}
.product_txt1 { font-size: 36px;    margin-bottom: 30px;}
.product_txt2 {  font-size: 14px;}
}
@media only screen and (max-width: 1440px) {
.tit_txt1 {font-size: 36px;}
.tit_txt2 {font-size: 14px;    line-height: 26px;    margin-top: 30px;}
.q_counter_holder span.counter {   font-size: 50px;}
.q_counter_holder p.counter_text, .unit {color: rgba(255,255,255,0.7);}
.full_section_inner {    bottom: 80px;}
.counters {  max-height: 530px;    min-height: 440px;    margin-top: 90px;}
.product_txt {    margin-top: 60px;    margin-bottom: 45px;}
.product_txt1 {    font-size: 30px;    margin-bottom: 30px;}
.product_txt2 {    font-size: 14px;}
}
@media only screen and (max-width: 1200px) {
.tit_txt1 { font-size: 32px;}
.tit_txt2 { font-size: 14px;    line-height: 22px;    margin-top: 25px;    width: 100%;}
.q_counter_holder span.counter {    font-size: 40px;}
.full_section_inner {    width: 80%;    left: 10%;    bottom: 50px;}
.q_counter_holder p.counter_text {    margin-top: 10px;}
.counters {    max-height: 440px;    min-height: 365px;    margin-top: 80px;}
.product_txt {    margin-top: 55px;    margin-bottom: 40px;}
.product_txt1 {    font-size: 26px;    margin-bottom: 30px;}
.product_txt2 {    font-size: 12px;}
}
@media only screen and (max-width: 992px) {
.con-tit2 { width: 90%;}
.tit_txt2 { font-size: 12px;}
.tit_txt1 {    font-size: 28px;}
.q_counter_holder span.counter {    font-size: 36px;}
.full_section_inner {    width: 90%;    left: 5%;    bottom: 40px;}
.q_counter_holder p.counter_text, .unit {    font-size: 12px;}
.counters {  max-height: 365px;   min-height: 250px;  margin-top: 60px;}
.product_txt1 {   font-size: 20px;    margin-bottom: 20px;}
.product_txt2 {    font-size: 10px;    -webkit-text-size-adjust: none;    line-height: 1.8}
}
@media only screen and (max-width: 768px) {
.counter_con {top: 8%;}
.counters {height: 500px; max-height: none; margin-top: 0px; background: url(../image/propaganda.jpg) no-repeat; background-size: auto 100%;background-position: center;}
.counters li { width: 50%; margin-top: 40px;}
.q_counter_holder span.counter {  font-size: 28px;}
.q_counter_holder p.counter_text, .unit { font-size: 12px;}
.q_counter_holder p.counter_text { margin-top: 5px; padding:0 15px;}
.counter_list ul li {margin-bottom: 20px;}
.full_section_inner {bottom: 6%;}
.product_txt1 {font-size: 18px;}
.product_txt {margin-top: 40px; margin-bottom: 40px;}
.tit_txt1 {font-size: 22px;}
}
/*counters结束*/
.index-case {padding-top:50px; padding-bottom: 80px; margin: 0 auto;  overflow: hidden;  width: 100%;    background: #fff;}
.index-case .title {font-size: 36px; font-weight: 700;  text-align: center;}
.index-case .title:after {    content: '';    display: block;    height: 4px;    background: #f39800;    margin: 30px auto 45px;    width: 50px;}
.index-case-menu {padding-bottom:4rem; text-align: center;}
.index-case-menu li {display: inline-block;padding:0 10px; }
.index-case-menu li a {line-height:40px; padding:5px 20px; border:1px solid #666; font-size:14px; color:#666;border-radius:14px;transition:all ease .3s;}
.index-case-menu li:hover a {   color:#fff;   background:#f39800; border-color:#f39800;}
.index-case-menu li.on a {  color:#fff;  background:#f39800; border-color:#f39800;}

.index-case-list{overflow: hidden;}
.index-case-list .lbox {display: none;}
.index-case-list .active {display: block;}
.index-case-list li{margin-bottom: 25px;}
.index-case-list  li .pfnew {overflow: hidden;width: 100%;position: relative;border-radius: 5px;}
.index-case-list  li .pfnew img{transition: all 0.5s ease;height: 100%;width: 100%;display: block;margin: auto;z-index: 1;}
.index-case-list  li .pfnew:hover img{transform: scale(1.1);}
.index-case-list  li .txt{background: #f6f6f6;color: #000;border-radius: 5px;margin-top: 10px;padding: 2rem;overflow: hidden;}
.index-case-list  li .txt h2{font-size: 1.5rem; line-height: 1.6; display: block;width: calc( 100% - 80px );overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-case-list  li .txt .p .fl{width: calc( 100% - 80px );overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}

/*我们带来的价值*/
.tx-value {overflow: hidden; background: url(../image/txbg.webp) center center no-repeat; padding: 95px 0;}
.tx-value>.tx-center { position: relative;    z-index: 20;}
.tx-value-main {width: 47%;  background: #fff;    padding:70px}
.tx-value-main-title {    padding: 25px 60px;    position: relative;    z-index: 99;    margin-bottom: 100px}
.tx-value-main-title i { position: absolute;    width: 40%;    height: 100%;    left: 0;    top: 0;    border: 1px solid #000;    z-index: -1}
.tx-value-main-title h3 {font-size: 36px; font-weight: 700; color: #000;    padding: 20px 0;    background: #fff}
.tx-value-main-title b{ font-size: 30px;    color: #d6d6d6;    margin-left: 20px}
.tx-value-main-title em { display: block;    font-size: 18px;    line-height: 30px;    color: #868686;    background: #fff;    padding-bottom: 5px}
.tx-value-main-ul li {float: left;width: 33.33%; text-align: center;    cursor: pointer}
.tx-value-main-ul li i {   display: inline-block;    width: 26px;    height: 2px;    background: #5c5c5c;    margin: 18px 0}
.tx-value-main-ul li p{font-size: 40px; font-weight: 400; color: #f39800;}
.tx-value-main-ul li h3 {    font-size: 18px;    color: #555}
.tx-value-main-ul li em { display: block;    margin-top: 12px;    font-size: 14px;    color: #4f4f4f}
.tx-value-main-ul li:hover i {    background: #000}
.tx-value-main-ul li:hover h3 {    color: #000}
.tx-value-ul {width: 48%;margin-bottom: 0px; border-right: 1px solid #495a6f;  border-bottom: 1px solid #495a6f;}
.tx-value-ul li {float: left; position: relative;  width: 50%;  height: 225px;  border-top: 1px solid #495a6f;  border-left: 1px solid #495a6f;}
.tx-value-ul li:hover{ background:#f39800;}
.tx-value-ul li .box{ padding: 70px 30px 0 80px;}
.tx-value-ul li i {    position: absolute;    left: 30px;    font-size: 35px;    color: #fff}
.tx-value-ul li h3 {font-size: 18px;color: #fff;  margin-bottom: 8px; margin-top: 0px;}
.tx-value-ul li em {display: block;    font-size: 14px;  color: #fff;   line-height: 26px}
/*首页新闻*/
.index-news {overflow: hidden;  width: 100%; background: #f5f5f5; padding: 80px 0;}
.index-news .title {font-size: 36px; font-weight: 700; margin-bottom: 21px; margin-top: 20px; text-align: center;}
.index-news .sub-title {font-size: 16px; color: #888;  margin-bottom: 50px;text-align: center;}
.index-news-menu {text-align: center;overflow: hidden;}
.index-news-menu li {display: inline-block;overflow: hidden; padding:0 5px; }
.index-news-menu li a {line-height:40px; padding:5px 20px; border:1px solid #666; font-size:14px; color:#666;border-radius:14px;transition:all ease .3s;}
.index-news-menu li:hover a {   color:#fff;    background:#f39800; border-color:#f39800;}
.index-news-menu li.on a {  color:#fff;  background:#f39800; border-color:#f39800;}

.index-news .index-box {max-width:1400px;overflow:hidden;padding:0 5px; margin: 0 auto;}
.index-news-list {margin-top:40px;display:inline-block;  left:0;    position:relative;   transition:all ease 1s;}
.index-news-list .lbox {display: none;float:left; padding-right:10px;}
.index-news-list .active {display: block;}
.index-news-list .lbox .box1 {width:30%;    margin-right:1%;    float:left;    transition:all ease .3s;}
.index-news-list .lbox .box1 a {    display:inline-block;    width:100%;}
.index-news-list .lbox .box1 .img { width:100%; height:280px;}
.index-news-list .lbox .box1 .tbox {width:100%;height:270px; box-sizing:border-box;  padding:0 30px; background-color: #fff;}
.index-news-list .lbox .box1 .tbox .time {color:#999;font-family: 'sheepsansbold';font-weight:bold;font-size:48px;line-height:50px;padding:22px 0 16px; background:url(../image/icon20.png) right 54px no-repeat;transition:all ease .3s;}
.index-news-list .lbox .box1 .tbox .time span {  font-size:16px;    line-height:20px;    font-weight:initial;    display:block;}
.index-news-list .lbox .box1 .tbox .titles {   font-size:16px;    line-height:36px;    margin-top:30px;    overflow: hidden; white-space: nowrap;   text-overflow: ellipsis;}
.index-news-list .lbox .box1 .tbox .txts {  font-size:14px;  line-height:24px;    color:#666;    margin-top:14px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-news-list .lbox .box2 { width:30%; margin-right:1%;    float:left;}
.index-news-list .lbox .box2 .tbox { width:100%;  height:270px;  background-color: #fff; padding:0 30px; margin-bottom:10px;    transition:all ease .3s;}
.index-news-list .lbox .box2 .tbox a {    display:inline-block;    width:100%;}
.index-news-list .lbox .box2 .tbox .time {font-size:48px;font-weight:bold;   line-height:50px; color:#999; padding:22px 0 15px;  background:url(../image/icon20.png) right 54px no-repeat; border-bottom:1px solid #dbdbdb; transition:all ease .3s;}

.index-news-list .lbox .box2 .tbox :hover .time {color:#222; background-image: url(../image/i03i.png)!important;animation:move6 .5s linear forwards;}
.index-news-list .lbox .box2 .tbox .time span {font-size:16px; line-height:20px;  display:block;}

.index-news-list .lbox .box2 .tbox .titles {  font-size:16px; line-height:36px;    margin-top:30px;    overflow: hidden;    white-space: nowrap; text-overflow: ellipsis;}
.index-news-list .lbox .box2 .tbox .txts { font-size:14px;  line-height:24px;    color:#666;    margin-top:10px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-news-list .lbox .box3 {width:38%;   float:left;}
.index-news-list .lbox .box3 .tbox {width:100%;   height:130px;   margin-bottom:10px;    box-sizing:border-box;    padding:30px;    background:#fff url(../image/icon20.png) 95% 60px no-repeat;    transition:all ease .3s;}
.index-news-list .lbox .box3 .tbox a {    display:inline-block;}
.index-news-list .lbox .box3 .tbox .time {   font-size:48px;    font-weight:bold;    line-height:50px;    color:#999;    float:left;    margin-right:30px;    transition:all ease .3s;}
.index-news-list .lbox .box3 .tbox .time span {   font-size:16px;    display:block;    line-height:20px;}
.index-news-list .lbox .box3 .tbox .titles { width:350px;    float:left;    font-size:16px;    line-height:26px;    padding-top:10px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-news-list .lbox .box3  .tbox:hover {color:#222; background-image: url(../image/i03i.png)!important;animation:move6 .5s linear forwards;}

/*首页常见问题*/
.dynamicbox .title {font-size: 36px; font-weight: 700; margin-bottom: 21px; margin-top: 20px; text-align: center;}
.dynamicbox .sub-title {font-size: 16px; color: #888;  margin-bottom: 20px;text-align: center;}
.dynamicbox{width: 100%;overflow: hidden;padding: 80px 0px; }

.dynamicbox .item{float: left; width: 33%;  padding: 10px; transition: 0.5s;}
.dynamicbox .item .box{box-shadow: 0 0 15px 1px rgba(0,0,0,.1); background: #fff;padding: 30px;margin-top: 30px;transition: 0.5s;}
.dynamicbox .item h3{font-size: 18px;margin-bottom: 10px;font-weight:bold; color:#000000; margin-top:0px; }
.dynamicbox .item p{height: 48px; font-size: 14px;color: #888;line-height: 24px;}

.dynamicbox .item .box:hover{transform: translate(0px,-5px);box-shadow: 0px 5px 20px rgba(0,0,0,0.2)}
.dynamicbox  .item .box:hover h3{color: #f39800;}

.slideBox{ width:85%;position:relative;margin: 0 auto;}
.slideBox .bd{position:relative;overflow: hidden;}
.slideBox .bd ul{padding-bottom: 25px!important;}
.slideBox .bd li{width: 100%;height: 100%;}

.dynamic_more{text-align: center;}
.dynamic_more a{ line-height: 30px;}
.dynamic_more:nth-child(2) a{padding:0 10px ;}
.dynamic_more .fa-solid{font-size: 30px; }


/*首页客户评价*/
.ytx-customer-evaluation { padding: 100px 0 30px 0;   margin: 0 auto; overflow: hidden;  width: 100%; background: #f5f5f5;}
.ytx-customer-evaluation .title { text-align: center; font-size: 36px; font-weight: 700; margin-bottom: 21px}
.ytx-customer-evaluation .sub-title { text-align: center;   font-size: 16px;    color: #888;    margin-bottom: 80px}
.ytx-customer-evaluation .sub-title a {    color: #888;}

.ytx-customer-evaluation .list-item {width: 25%; padding: 20px; display: inline-block}
.ytx-customer-evaluation .list-item .bg {display: inline-block;  width: 100%; height: 271px; background: url(../image/ytx-customer-evaluation-bg1.png);  padding: 40px 24px 0;   box-sizing: border-box}
.ytx-customer-evaluation .list-item .bg-title {    font-size: 18px;    font-weight: 700;    color: #343434;    text-align: left;    margin-bottom: 26px}
.ytx-customer-evaluation .list-item .star {float: right}
.ytx-customer-evaluation .list-item .star label {color: #f39800;}
.ytx-customer-evaluation .list-item .description {font-size: 14px; color: #666;    line-height: 24px;    text-align: left;    white-space: normal}
.ytx-customer-evaluation .list-item .description a {color: #666}

.ytx-customer-evaluation .list-item .img { text-align: left; padding-bottom: 27px}
.ytx-customer-evaluation .list-item .img img {display: inline-block; box-shadow: 0 0 27px rgba(52, 52, 52, .27); border-radius: 50%;    margin-left: 13px;    width: 50px;    height: 50px; }
.ytx-customer-evaluation .swiper-pagination-bullet{ width: 10px; height: 10px; }
.ytx-customer-evaluation .swiper-pagination-bullet-active{background: #f39800;}
.ytx-customer-evaluation .swiper-wrapper{margin-bottom: 40px;}

@media (max-width:1200px){
.fl,.fr {float: none;}
.header_left {padding: 10px; float: left;}
.header_left img{height: 35px;}

.index_banner .swiper-slide{position: relative; height: 220px;}
.index_banner .swiper-slide .text{ width:95%; top: 40%;left: 5%; }
.index_banner .swiper-slide h3{    color: #fff;    font-size: 22px;  line-height: 28px; margin:0px; transform: translateY(0px);}
.index_banner .swiper-slide h3 span{    color: #fff;    font-size: 24px;   text-transform:uppercase;  }
.index_banner .swiper-slide h2{  color: #fff;  font-size: 18px;    margin: 10px 0;    transform:translateY(100px);    opacity:0;    transition:all .3s;    transition-delay: .2s;  }
.index_banner .swiper-slide h2 span{  color: #fff;    font-size: 16px; line-height: 20px;}
.index_banner .swiper-slide p{ color: #fff;  font-size: 12px;  line-height: 20px;  margin: 0px;    transform:translateY(100px);    opacity:0;    transition:all .5s;    transition-delay: .4s;}
.index_banner .swiper-slide-active h2{transform:translateY(0);  opacity:1;}
.index_banner .swiper-slide-active p{transform:translateY(0);   opacity:1;}
#page{width: 180px;position: absolute;left: 50%;transform: translateX(-50%);  text-align: left;   bottom: 15px;  box-sizing: border-box;  text-align: center; z-index: 200;}
#page span{display: inline-block;width: 22px;height: 10px;background: url(../image/icon_07.png)center no-repeat;opacity: .8;  margin: 0px 1px;    cursor: pointer;    border-radius: 5px;    transition: .3s;}
#page span.swiper-pagination-bullet-active{background: url(../image/icon_09.png)center no-repeat;} 
#button{display: none;}

.promotion-service .title { font-size: 20px; font-weight: 700; margin-bottom: 10px;margin-top: 5px;}
.promotion-service .sub-title {font-size: 12px; line-height:18px; margin-bottom: 10px; padding: 0 30px;}
.promotion-service .item {width: 48%;  padding:0; margin:1%;}
.promotion-service .item .fa-solid { font-size: 45px;}
.promotion-service .item h5 {font-size: 16px; padding-bottom: 0px;}
.promotion-service .item dd {padding-left: 5%;  font-size: 12px;}


.index-case {padding-top: 5%;  padding-bottom: 8%;}
.index-case .title {font-size: 20px;}
.index-case .title:after {content: '';    display: block;    height: 3px;    background: #f39800;    margin: 13px auto 16px;    width: 50px;}
.index-case-menu {overflow-x: auto;}
.index-case-menu::-webkit-scrollbar {width: 0px;height: 0px;background-color: transparent;}
.index-case-menu ul {display: flex;align-items: center;flex-wrap: nowrap;white-space: nowrap;justify-content: inherit;}
.index-case-menu li a {line-height: 40px; padding: 5px 15px;    border: 1px solid #666;    font-size: 12px;    color: #666;  border-radius: 14px; transition: all ease .3s;}
.tx-value {padding: 25px 0;}
.tx-value-main { width: 100%;   background: none;    padding:0px;}
.tx-value-main-title { padding: 10px;    position: relative;    z-index: 99;    margin-bottom: 50px;}

.tx-value-main-title h3 { font-size: 25px;    font-weight: 700;    color: #000;    padding: 20px;    background: #fff;}
.tx-value-main-title em {  display: block;  font-size: 14px;    line-height: 30px;    color: #868686;    background: #fff;    padding: 20px;}

.tx-value-main-ul li i {   display: inline-block;    width: 26px;    height: 2px;    background: #fff;    margin: 18px 0}
.tx-value-main-ul li h3 {    font-size: 18px;    color: #fff}
.tx-value-main-ul li em { display: block;    margin-top: 12px;    font-size: 14px;    color: #fff}



/*首页常见问题*/

.dynamicbox .title { font-size: 20px; font-weight: 700; margin-bottom: 10px;margin-top: 5px;}
.dynamicbox .sub-title {font-size: 12px; line-height:18px; margin-bottom: 10px; padding: 0 30px;}
.dynamicbox{width: 100%;overflow: hidden; padding: 20px 0px; }
.dynamicbox .item{float: left; width: 100%;  padding: 10px; transition: 0.5s;}
.slideBox {width: 100%;    position: relative;    margin: 0 auto;}
.dynamicbox .item .box{box-shadow: 0 0 15px 1px rgba(0,0,0,.1); background: #fff;padding: 10px;margin-top: 0px;transition: 0.5s;}
.dynamicbox .item h3{font-size: 14px;margin-bottom: 10px;font-weight:bold; color:#000000; margin-top:0px; }
.dynamicbox .item p{height: auto; font-size: 12px;color: #888;line-height: 24px;}
.dynamic_more .fa-solid{font-size: 18px; }

/*首页客户评价*/
.ytx-customer-evaluation { padding: 15px 0 5px 0; }
.ytx-customer-evaluation .title { font-size: 20px; font-weight: 700; margin-bottom: 10px;margin-top: 5px;}
.ytx-customer-evaluation .sub-title {font-size: 12px; line-height:18px; margin-bottom: 10px; padding: 0 30px;}
.ytx-customer-evaluation .sub-title a {    color: #888;}

.ytx-customer-evaluation .list-item {width: 100%; padding: 20px 0; display: inline-block}
.ytx-customer-evaluation .list-item .bg {display: inline-block;  width: 100%; height: 271px; background: url(../image/ytx-customer-evaluation-bg1.png);  padding: 25px 10px 0;   box-sizing: border-box}
.ytx-customer-evaluation .list-item .bg-title {    font-size: 16px;    font-weight: 700;    color: #343434;    text-align: left;    margin-bottom: 15px}
.ytx-customer-evaluation .list-item .star {float: right}
.ytx-customer-evaluation .list-item .star label {color: #f39800;}
.ytx-customer-evaluation .list-item .description {font-size: 14px; color: #666;    line-height: 24px;    text-align: left;    white-space: normal}
.ytx-customer-evaluation .list-item .description a {color: #666}

.ytx-customer-evaluation .list-item .img { text-align: left; padding-bottom: 27px}
.ytx-customer-evaluation .list-item .img img {display: inline-block; box-shadow: 0 0 27px rgba(52, 52, 52, .27); border-radius: 50%;    margin-left: 13px;    width: 50px;    height: 50px; }
.ytx-customer-evaluation .swiper-pagination-bullet{ width: 10px; height: 10px; }
.ytx-customer-evaluation .swiper-pagination-bullet-active{background: #f39800;}
.ytx-customer-evaluation .swiper-wrapper{margin-bottom: 40px;}

/*首页新闻*/
.index-news {overflow: hidden;  width: 100%; background: #f5f5f5; padding: 10px 0;}
.index-news .title { font-size: 20px; font-weight: 700; margin-bottom: 10px;margin-top: 5px;}
.index-news .sub-title {font-size: 12px; line-height:18px; margin-bottom: 10px; padding: 0 30px;}
.index-news-list {margin-top: 10px;}
.index-news-list .lbox {float:none; padding:0;}
.index-news-list .lbox .box1 {width:100%; padding: 0;   margin:0;    float:none;    transition:all ease .3s;}
.index-news-list .lbox .box1 .img { width:100%; height:280px;}
.index-news-list .lbox .box1 .tbox {width:100%;height:auto; box-sizing:border-box;  padding:0 15px; background-color: #fff;}
.index-news-list .lbox .box1 .tbox .time {display: none;}
.index-news-list .lbox .box1 .tbox .time span {  font-size:14px;    line-height:20px;    font-weight:initial;    display:block;}
.index-news-list .lbox .box1 .tbox .titles {   font-size:16px; color: #000;   line-height:36px;    margin-top:0px;    overflow: hidden; white-space: nowrap;   text-overflow: ellipsis;}
.index-news-list .lbox .box1 .tbox .txts {  font-size:12px;  line-height:20px;  margin:0; }

.index-news-list .lbox .box2 {display: none;}

.index-news-list .lbox .box3 {width:100%;   float:none;}
.index-news-list .lbox .box3 .tbox {width:100%;   height:auto;   margin-bottom:10px;    box-sizing:border-box;    padding:10px; }
.index-news-list .lbox .box3 .tbox a {    display:inline-block;}
.index-news-list .lbox .box3 .tbox .time {   font-size:40px;    font-weight:normal;    line-height:50px;    color:#999;    float:left;    margin-right:25px; }
.index-news-list .lbox .box3 .tbox .time span {   font-size:12px;    display:block;    line-height:20px;}
.index-news-list .lbox .box3 .tbox .titles { width:60%;    float:left;    font-size:16px;    line-height:26px;    padding-top:10px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-news-list .lbox .box3  .tbox:hover {color:#222; background-image: url(../image/i03i.png)!important;animation:move6 .5s linear forwards;}

.index-news-menu li a {line-height: 35px;  padding: 4px 14px;
    border: 1px solid #666;
    font-size: 14px;
    color: #666;
    border-radius: 10px;
    transition: all ease .3s;
}
}

/* ===== animate-wow.css (原 2428 字节) ===== */
/* ============================================================
   WOW 滚动动画最小集（2026-10-18 提取自 animate.css 70KB）
   含本站实际使用的 5 个动画：fadeInUp/bounceInUp/bounceInRight/fadeInLeft/fadeInRight
   配合 wow.min.js 与模板中的 class="wow xxx" 使用

   2026-10-18 修复：原版只有 @keyframes 而没有对应的动画类（.fadeInUp 等），
   导致 WOW 给元素加上 fadeInUp 类后无任何样式生效 → 全站动画「没动」。
   现补齐 .animated 配合的 5 个动画类，并加 no-js 兜底避免内容被永久隐藏。
   ============================================================ */

.animated{animation-duration:1s;animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}

@media (prefers-reduced-motion:reduce),print{
  .animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}
}

/* ---------- 动画类（原缺失，导致动画不播放） ---------- */
.fadeInUp{animation-name:fadeInUp}
.bounceInUp{animation-name:bounceInUp}
.bounceInRight{animation-name:bounceInRight}
.fadeInLeft{animation-name:fadeInLeft}
.fadeInRight{animation-name:fadeInRight}

/* ---------- 兜底：WOW 未加载 / JS 禁用时，内容不能被永久隐藏 ---------- */
.no-js .wow{visibility:visible!important;animation:none!important;opacity:1!important}

@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes bounceInUp { 0%, 60% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } }

@keyframes bounceInRight { 0%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }


/* ===== single_pages.css (原 281484 字节) ===== */
/* ============================================================
   single_pages.css —— 内页专用样式合集（2026-10-18 合并入 rk.css）
   由原独立文件 single_history.css（公用内页 banner 体系）
   + single_web01.css（企业官网建设内容页 .web01）合并而成。
   原文件已删除，模板不再单独 <link>，随 rk.css 全站加载。
   注意：hp-hero 部分为全站公用内页 banner；web01 部分带 .web01 作用域。
   ============================================================ */

/* ########## PART 1: 公用内页 banner（原 single_history.css） ########## */

/* 1) hero 内容跟随公共容器宽度，去掉页面自定义的 max-width / 横向内边距
      整段内容在 banner 内垂直+水平居中：
      - hero 改为 stretch，让 inner 撑满整段高度
      - inner / container 设为纵向 flex，内容整体垂直居中
      - container 加 align-items:center + text-align:center 实现水平居中
        （纯文字元素会随内容收缩并居中，CTA 按钮行也保持居中） */
.hp-hero{display:flex;align-items:stretch}
.hp-hero-inner{max-width:none;padding-left:0;padding-right:0;display:flex;flex-direction:column;width:100%}
.hp-hero-inner .container{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;flex:1;justify-content:center}

/* 2) banner 高度拉大（桌面 720 / 平板 620 / 手机 560），略大于默认的 640/560/520 */
.hp-hero{min-height:720px}
@media (max-width:980px){ .hp-hero{min-height:620px} }
@media (max-width:640px){ .hp-hero{min-height:560px} }

/* 3) 背景图去掉放大动画：原 .hp-hero-img 有 hpkb 26s scale(1.04→1.14)，
      会放大图片。去掉动画，静止铺满，避免任何撑开网页的风险 */
.hp-hero-img{animation:none;transform:none}

/* 4) 透明浮头（body.header-over-banner）：顶部避让 96px 固定头部。
      上下 padding 取对称值，保证内容在 banner 内真正垂直居中 */
body.header-over-banner .hp-hero-inner{padding-top:128px;padding-bottom:128px}
body.header-over-banner .hp-hero-mono-tr{top:104px}
body.header-over-banner .hp-hud > i.c1,
body.header-over-banner .hp-hud > i.c2{top:88px}

/* 5) 移动端浮头（头部 61px）避让，上下对称保证居中 */
@media (max-width:980px){
  body.header-over-banner .hp-hero-inner{padding-top:96px;padding-bottom:96px}
  body.header-over-banner .hp-hero-mono-tr{top:70px}
}

/* 6) 横向溢出双保险：一旦有意外放大/溢出，.hp-hero{overflow:hidden} 先裁剪，
      此处再兜一层，确保不出现网页底部横向滚动条 */
.hp-page{overflow-x:clip}


/* ########## PART 2: 企业官网建设内容页（原 single_web01.css，scoped .web01） ########## */

.web01{
  --ink:#141b26;
  --ink-2:#3d4a5c;
  --ink-3:#6b7785;
  --hair:#e8edf3;
  --ok:#0e9f6e;
  --no:#d97706;
  --warm:#fdf8f1;
  --gray:#f5f7fa;
  --navy:#131a26;
  /* 品牌主色（2026-10-18 补全：此三个变量此前缺失，导致 51 处引用全部回退无色，
     表现为标签/HUD 角标/编号/按钮 hover 无橙色、banner 标题 em 高亮不可见） */
  --primary:#ffb657;
  --primary-dark:#f0780c;
  --primary-light:#ffe0b0;
  --mono:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Consolas,"Courier New",monospace;
}.web01 *{box-sizing:border-box}html{scroll-behavior:smooth}.web01{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;margin:0}.web01 ::selection{background:var(--primary);color:#fff}

/* ===== 关键帧 ===== */
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.14)}}
@keyframes pop{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes chipIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes tileIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes shine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}
@keyframes blink{50%{opacity:0}}
@keyframes drawLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ===== 左侧锚点轨道（桌面） ===== */.web01 .rail{position:fixed;left:26px;top:50%;transform:translateY(-50%);z-index:60;display:none;flex-direction:column;gap:4px}.web01 .rail a{display:flex;align-items:center;gap:10px;padding:5px 0;text-decoration:none;color:var(--ink-3);font-size:12.5px;letter-spacing:.5px;transition:.2s}.web01 .rail a i{width:7px;height:7px;border-radius:50%;background:#c8d2de;flex-shrink:0;transition:.25s}.web01 .rail a span{opacity:0;transform:translateX(-4px);transition:.25s;white-space:nowrap;font-family:var(--mono)}.web01 .rail a:hover span, .web01 .rail a.active span{opacity:1;transform:none}.web01 .rail a:hover{color:var(--primary-dark)}.web01 .rail a.active{color:var(--primary-dark);font-weight:700}.web01 .rail a.active i{background:var(--primary);box-shadow:0 0 0 4px rgba(240,135,0,.15)}
@media (min-width:1280px){.web01 .rail{display:flex}}


/* ===== HUD 取景器角标 ===== */.web01 .hud{position:relative}.web01 .hud > i{position:absolute;width:22px;height:22px;z-index:3;pointer-events:none}.web01 .hud > i.c1{top:-8px;left:-8px;border-top:2px solid var(--primary);border-left:2px solid var(--primary)}.web01 .hud > i.c2{top:-8px;right:-8px;border-top:2px solid var(--primary);border-right:2px solid var(--primary)}.web01 .hud > i.c3{bottom:-8px;left:-8px;border-bottom:2px solid var(--primary);border-left:2px solid var(--primary)}.web01 .hud > i.c4{bottom:-8px;right:-8px;border-bottom:2px solid var(--primary);border-right:2px solid var(--primary)}.web01 .hud-lite > i{border-color:rgba(255,255,255,.7)}

/* ===== 按钮 ===== */.web01 .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 28px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:.25s;border:none;cursor:pointer;font-family:inherit}.web01 .btn::after{content:"";position:absolute;top:0;bottom:0;width:36%;background:linear-gradient(105deg,rgba(255,255,255,0),rgba(255,255,255,.42),rgba(255,255,255,0));transform:translateX(-120%) skewX(-20deg);pointer-events:none}.web01 .btn:hover::after{animation:shine .8s ease}.web01 .btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 26px rgba(240,135,0,.35)}.web01 .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 14px 32px rgba(240,135,0,.42)}.web01 .btn-invert{background:#fff;color:var(--primary-dark);box-shadow:0 10px 26px rgba(10,16,28,.3)}.web01 .btn-invert:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(10,16,28,.36);background:#fff8ef}.web01 .btn-ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(6px);font-family:var(--mono);letter-spacing:.04em}.web01 .btn-ghost:hover{background:rgba(255,255,255,.24);border-color:#fff}.web01 .btn-outline{background:#fff;border:1px solid var(--hair);color:var(--ink)}.web01 .btn-outline:hover{border-color:var(--primary);color:var(--primary-dark)}

/* ===== 通用板块 ===== */.web01 section{scroll-margin-top:72px}.web01 .sec{padding:84px 0}.web01 .sec-warm{background:var(--warm)}.web01 .sec-gray{background:var(--gray)}.web01 .sec-head{margin-bottom:46px;max-width:820px}.web01 .sec-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--primary);text-transform:uppercase;margin-bottom:12px}.web01 .sec-tag::before{content:"";width:18px;height:2px;background:var(--primary);border-radius:2px;transition:width .3s}.web01 .sec-head:hover .sec-tag::before{width:30px}.web01 .sec-head h2{font-size:30px;font-weight:800;letter-spacing:-.4px;line-height:1.32;margin:0 0 12px}.web01 .sec-head p{font-size:15.5px;color:var(--ink-3);line-height:1.85;margin:0}

/* ===== 深蓝横带（仅 S4 / CTA 两处，不相邻） ===== */.web01 .band{position:relative;padding:92px 0;color:#fff;overflow:hidden;isolation:isolate}.web01 .band::before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(1.08) contrast(1.05) brightness(.92)}.web01 .band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(122deg, rgba(19,26,38,.90) 0%, rgba(19,26,38,.76) 52%, rgba(19,26,38,.60) 100%)}.web01 .band .sec-tag{color:#ffb657}.web01 .band .sec-tag::before{background:#ffb657}.web01 .band .sec-head h2{color:#fff}.web01 .band .sec-head p{color:rgba(255,255,255,.78)}
@media (min-width:1280px) and (hover:hover){.web01 .band::before{background-attachment:fixed}}
/* 图：/static/image/fangan.jpg */.web01 .band-process::before{background-image:url('../assets/img/mat/band_process.jpg')}
/* 图：/static/image/ban01.jpg */.web01 .band-cta::before{background-image:url('../assets/img/mat/band_cta.jpg')}

/* ===== S1 服务概述（白底）：衬线大数字 ===== */.web01 .ov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:42px}.web01 .ov-item{padding:6px 34px 6px 0}.web01 .ov-item + .ov-item{border-left:1px solid var(--hair);padding-left:34px}.web01 .ov-no{font-family:Georgia,"Times New Roman",serif;font-size:48px;font-weight:700;line-height:1;color:var(--primary);margin-bottom:14px}.web01 .ov-item h3{font-size:18px;font-weight:700;margin:0 0 10px;color:var(--ink)}.web01 .ov-item p{font-size:14.5px;line-height:1.9;color:var(--ink-3);margin:0}

/* ===== S2 服务内容（暖底）：左图 + 右短横列表 ===== */.web01 .split{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}.web01 .split-visual{position:relative}.web01 .split-visual .sv-frame{position:absolute;inset:0;border:2px solid var(--primary);border-radius:20px;transform:translate(14px,14px);z-index:0}.web01 .split-visual img{position:relative;z-index:1;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;box-shadow:0 18px 44px rgba(20,40,80,.14);display:block;filter:saturate(1.06)}.web01 .sv-badge{position:absolute;z-index:4;left:-14px;bottom:26px;background:var(--primary);color:#fff;font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:9px 16px;border-radius:10px;box-shadow:0 8px 20px rgba(240,135,0,.35)}/* 单列服务列表：覆盖 index.css 里无父级限定的全局 .svc-list（display:grid 两列 + nowrap 会挤成一团） */
.web01 .svc-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0}
.web01 .svc-list > .svc-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:16px;white-space:normal;padding-left:0;position:static;font-size:inherit;line-height:inherit;color:inherit}
.web01 .svc-list > .svc-row:hover{color:inherit}.web01 .svc-row{display:grid;grid-template-columns:26px 1fr;gap:16px;align-items:start;padding:19px 0;border-bottom:1px solid #efe4d2;transition:.25s}.web01 .svc-row:first-child{padding-top:0}.web01 .svc-row:last-child{border-bottom:0}.web01 .svc-row .sr-dash{width:20px;height:2px;background:var(--primary);border-radius:2px;margin-top:12px;transition:.25s}.web01 .svc-row h4{font-size:16.5px;font-weight:700;margin:0 0 7px;color:var(--ink);transition:.25s}.web01 .svc-row p{font-size:14px;line-height:1.8;color:var(--ink-3);margin:0}.web01 .svc-row:hover .sr-dash{width:28px}.web01 .svc-row:hover h4{color:var(--primary-dark)}

/* ===== S3 适合谁（白底）：纯文字双栏 ===== */.web01 .fit-wrap{display:grid;grid-template-columns:1fr 1fr;gap:0}.web01 .fit-col{padding:0 44px}.web01 .fit-col:first-child{padding-left:0}.web01 .fit-col + .fit-col{border-left:1px solid var(--hair)}.web01 .fit-col h3{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;margin:0 0 20px}.web01 .fit-col h3 .fh-ico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#fff;flex-shrink:0;transition:.25s}.web01 .fit-col:hover .fh-ico{transform:scale(1.1)}.web01 .fit-ok h3{color:var(--ok)}.web01 .fit-ok .fh-ico{background:var(--ok);box-shadow:0 6px 16px rgba(14,159,110,.3)}.web01 .fit-no h3{color:var(--no)}.web01 .fit-no .fh-ico{background:var(--no);box-shadow:0 6px 16px rgba(217,119,6,.3)}.web01 .fit-col ul{margin:0;padding:0;list-style:none}.web01 .fit-col li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;font-size:15px;line-height:1.75;color:var(--ink-2);border-bottom:1px dashed #edf1f6;transition:.25s}.web01 .fit-col li:last-child{border-bottom:0}.web01 .fit-col li:hover{padding-left:4px}.web01 .fit-col li i{margin-top:6px;flex-shrink:0;font-size:13px}.web01 .fit-ok li i{color:var(--ok)}.web01 .fit-no li i{color:var(--no)}

/* ===== S4 建站流程（深蓝横带）：实心橙圆数字 + 连线 draw ===== */.web01 .flow{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:46px}.web01 .flow::before{content:"";position:absolute;left:6%;right:6%;top:19px;height:1px;background:rgba(255,179,87,.5);transform:scaleX(0);transform-origin:left;transition:transform 1s .3s ease}.web01 .flow.in::before{transform:scaleX(1)}.web01 .flow-step{position:relative;text-align:center;padding:0 4px}.web01 .fs-no{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;font-size:15px;font-weight:800;display:grid;place-items:center;margin:0 auto 14px;position:relative;z-index:1;transition:.25s;box-shadow:0 6px 16px rgba(240,135,0,.4)}.web01 .flow-step:hover .fs-no{background:#fff;color:var(--primary-dark);box-shadow:0 0 0 7px rgba(255,255,255,.18)}.web01 .flow-step h5{font-size:14.5px;font-weight:700;color:#fff;margin:0 0 6px}.web01 .flow-step span{font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.68);display:block}.web01 .flow.in .flow-step{animation:pop .5s both}.web01 .flow.in .flow-step:nth-child(1){animation-delay:.02s}.web01 .flow.in .flow-step:nth-child(2){animation-delay:.09s}.web01 .flow.in .flow-step:nth-child(3){animation-delay:.16s}.web01 .flow.in .flow-step:nth-child(4){animation-delay:.23s}.web01 .flow.in .flow-step:nth-child(5){animation-delay:.30s}.web01 .flow.in .flow-step:nth-child(6){animation-delay:.37s}.web01 .flow.in .flow-step:nth-child(7){animation-delay:.44s}.web01 .flow-note{margin-top:40px;display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.85;color:rgba(255,255,255,.75);max-width:860px}.web01 .flow-note i{color:#ffb657;margin-top:5px}

/* ===== S5 技术栈（白底 + 蓝图点阵）：左 chips 2x2 + 右代码终端 ===== */.web01 #s5{background-image:radial-gradient(circle,#e2e8f1 1px,transparent 1px);background-size:26px 26px}.web01 .tech-layout{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:start;margin-top:46px}.web01 .tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.web01 .tech-group:nth-child(1){--gd:0s}.web01 .tech-group:nth-child(2){--gd:.1s}.web01 .tech-group:nth-child(3){--gd:.2s}.web01 .tech-group:nth-child(4){--gd:.3s}.web01 .tech-group h4{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:700;color:var(--ink);margin:0 0 16px}.web01 .tech-group h4 i{color:var(--primary);font-size:14px}.web01 .chips{display:flex;flex-wrap:wrap;gap:8px}.web01 .chip{padding:7px 13px;border-radius:9px;background:#fffaf2;border:1px solid #f0dcbb;font-family:var(--mono);font-size:12.5px;font-weight:600;color:#8a5a10;transition:.2s}.web01 .chip:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.web01 .tech-grid.in .chip{animation:chipIn .45s both;animation-delay:var(--gd,0s)}

/* 代码终端 */.web01 .term{border-radius:14px;overflow:hidden;background:#101826;border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 60px rgba(16,24,38,.32);position:relative}.web01 .term::before{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(120deg,rgba(240,135,0,.1),transparent 40%);pointer-events:none}.web01 .term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.web01 .term-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.web01 .term-dot.r{background:#ff5f57}.web01 .term-dot.y{background:#febc2e}.web01 .term-dot.g{background:#28c840}.web01 .term-title{font-family:var(--mono);font-size:11.5px;color:rgba(255,255,255,.45);letter-spacing:.1em;margin-left:8px}.web01 .term-body{font-family:var(--mono);font-size:13px;line-height:2.05;padding:20px 22px 22px;color:#c9d6e8;position:relative;z-index:1;overflow-x:auto}.web01 .term-body .t-com{color:#5b6b84}.web01 .term-body .t-key{color:#ffb657}.web01 .term-body .t-val{color:#7dd3fc}.web01 .term-body .t-ok{color:#86efac}.web01 .term-body .t-cur{display:inline-block;width:8px;height:14px;background:#ffb657;margin-left:6px;vertical-align:-2px;animation:blink 1.1s step-end infinite}

/* ===== S6 价格（暖底）：左竖图 + 右价目行（等宽价格数字） ===== */.web01 .price-split{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}.web01 .price-visual{position:relative}.web01 .price-visual .pv-frame{position:absolute;inset:0;border:2px solid var(--primary);border-radius:20px;transform:translate(-14px,14px);z-index:0}.web01 .price-visual img{position:relative;z-index:1;width:100%;height:520px;object-fit:cover;border-radius:20px;box-shadow:0 18px 44px rgba(20,40,80,.14);display:block}.web01 .price-rows{margin:0;padding:0;list-style:none}.web01 .price-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 4px;border-bottom:1px solid #efe4d2;transition:.25s}.web01 .price-row:last-child{border-bottom:0}.web01 .pr-name{font-size:17px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.web01 .pr-badge{background:var(--primary);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.08em}.web01 .pr-desc{font-size:13.5px;color:var(--ink-3);margin:0;line-height:1.7}.web01 .pr-money{font-family:var(--mono);font-size:31px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ink);white-space:nowrap}.web01 .pr-money small{font-size:13px;color:var(--ink-3);font-weight:600;margin-left:6px;letter-spacing:0;font-family:inherit}.web01 .price-row.is-featured{background:#fff;border:1.5px solid var(--primary);border-radius:16px;padding:22px 24px;margin:6px 0;box-shadow:0 12px 30px rgba(240,135,0,.14)}.web01 .price-row.is-featured .pr-money{color:var(--primary-dark)}.web01 .price-note{margin-top:28px;font-size:14px;color:var(--ink-3);line-height:1.85}.web01 .price-note a{color:var(--primary-dark);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(240,135,0,.4);transition:.2s}.web01 .price-note a:hover{border-bottom-color:var(--primary-dark);padding-bottom:1px}

/* ===== S7 交付物（白底）：四列圆形勾 ===== */.web01 .dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.web01 .dl-item{border-top:2px solid var(--hair);padding-top:22px;transition:.25s}.web01 .dl-item:hover{border-top-color:var(--primary);transform:translateY(-3px)}.web01 .dl-chk{width:42px;height:42px;border-radius:50%;background:var(--primary-light);border:1px solid #f6dcbb;color:var(--primary);display:grid;place-items:center;font-size:16px;font-weight:800;margin-bottom:16px;transition:.25s}.web01 .dl-item:hover .dl-chk{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(240,135,0,.3)}.web01 .dl-item h4{font-size:16px;font-weight:700;margin:0 0 8px}.web01 .dl-item p{font-size:13.8px;line-height:1.8;color:var(--ink-3);margin:0}

/* ===== S8 案例（浅灰底）：图片压字 + HUD 角标 + 等宽标签 ===== */.web01 .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.web01 .case-tile{position:relative;height:330px;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(20,40,80,.14);display:block;text-decoration:none;transition:.3s}.web01 .case-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:saturate(1.08)}.web01 .case-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,38,0) 24%,rgba(20,26,38,.58) 56%,rgba(20,26,38,.93) 100%);transition:opacity .3s}.web01 .case-tile:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(20,40,80,.24)}.web01 .case-tile:hover img{transform:scale(1.08)}.web01 .case-tile .hud-c{position:absolute;width:20px;height:20px;z-index:3;pointer-events:none;opacity:.9}.web01 .case-tile .hud-c.c1{top:12px;left:12px;border-top:2px solid rgba(255,255,255,.85);border-left:2px solid rgba(255,255,255,.85)}.web01 .case-tile .hud-c.c2{top:12px;right:12px;border-top:2px solid rgba(255,255,255,.85);border-right:2px solid rgba(255,255,255,.85)}.web01 .case-tile .hud-c.c3{bottom:12px;left:12px;border-bottom:2px solid rgba(255,255,255,.85);border-left:2px solid rgba(255,255,255,.85)}.web01 .case-tile .hud-c.c4{bottom:12px;right:12px;border-bottom:2px solid rgba(255,255,255,.85);border-right:2px solid rgba(255,255,255,.85)}.web01 .case-body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px;transition:.3s}.web01 .case-tag{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;color:#fff;background:var(--primary);border-radius:6px;padding:4px 10px;letter-spacing:.12em;margin-bottom:12px;box-shadow:0 6px 14px rgba(240,135,0,.35)}.web01 .case-body h4{font-size:18px;font-weight:800;color:#fff;margin:0 0 8px}.web01 .case-body p{font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.8);margin:0}.web01 .case-grid.in .case-tile{animation:tileIn .6s both}.web01 .case-grid.in .case-tile:nth-child(1){animation-delay:.05s}.web01 .case-grid.in .case-tile:nth-child(2){animation-delay:.18s}.web01 .case-grid.in .case-tile:nth-child(3){animation-delay:.31s}

/* ===== S9 FAQ（白底）：Q&A 等宽编号手风琴 ===== */.web01 .faq-list{border-top:1px solid var(--hair)}.web01 .faq-item{border-bottom:1px solid var(--hair)}.web01 .faq-q{padding:21px 4px;font-weight:700;font-size:16px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;transition:.2s;user-select:none}.web01 .faq-q:hover{color:var(--primary-dark)}.web01 .faq-q .q-no{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--primary);margin-right:12px;letter-spacing:.06em}.web01 .faq-q .fq-ico{width:30px;height:30px;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);display:grid;place-items:center;font-size:12px;flex-shrink:0;transition:.25s}.web01 .faq-item.open .faq-q{color:var(--primary-dark)}.web01 .faq-item.open .fq-ico{background:var(--primary);color:#fff;transform:rotate(45deg)}.web01 .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.web01 .faq-a-inner{padding:0 4px 22px;font-size:14.8px;color:#4a5568;line-height:1.95;max-width:860px}.web01 .faq-item.open .faq-a{max-height:320px}

/* ===== CTA 深蓝横带 ===== */.web01 .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.web01 .cta h3{font-size:29px;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:-.3px}.web01 .cta p{font-size:15.5px;line-height:1.85;color:rgba(255,255,255,.78);margin:0;max-width:560px}.web01 .cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ===== 进场动画 ===== */.web01 .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.web01 .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.web01 .reveal{opacity:1;transform:none;transition:none}.web01 .flow.in .flow-step, .web01 .tech-grid.in .chip, .web01 .case-grid.in .case-tile{animation:none}.web01 .flow::before{transform:scaleX(1)}.web01 .btn::after{display:none}.web01 .t-cur{animation:none}
}

/* ===== 响应式 ===== */
@media (max-width:1080px){.web01 .flow{grid-template-columns:repeat(4,1fr);row-gap:34px}.web01 .flow::before{display:none}.web01 .tech-layout{grid-template-columns:1fr;gap:34px}.web01 .dl-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){.web01 .sec{padding:62px 0}.web01 .band{padding:68px 0}.web01 .sec-head h2{font-size:25px}.web01 .split, .web01 .price-split{grid-template-columns:1fr;gap:38px}.web01 .split-visual{max-width:520px}.web01 .split-visual img{aspect-ratio:4/3}.web01 .price-visual img{height:400px}.web01 .ov-grid{grid-template-columns:1fr;gap:26px}.web01 .ov-item{padding:0}.web01 .ov-item + .ov-item{border-left:0;border-top:1px solid var(--hair);padding:26px 0 0}.web01 .fit-wrap{grid-template-columns:1fr;gap:34px}.web01 .fit-col{padding:0}.web01 .fit-col + .fit-col{border-left:0;border-top:1px solid var(--hair);padding-top:34px}.web01 .case-grid{grid-template-columns:1fr;max-width:560px}.web01 .case-tile{height:290px}
}
@media (max-width:640px){.web01 .sec-head h2{font-size:22px}.web01 .flow{grid-template-columns:repeat(2,1fr)}.web01 .tech-grid{grid-template-columns:1fr}.web01 .dl-grid{grid-template-columns:1fr}.web01 .price-row{flex-direction:column;align-items:flex-start;gap:10px}.web01 .cta h3{font-size:22px}.web01 .term-body{font-size:11.5px}
}

/* ===== 线上模板适配（2026-10-18）===== */
/* .mian 容器已带 margin-top 避让固定头部；此处只处理移动端锚点条 */

/* ============================================================
   公用内页 banner 适配（2026-10-18）
   banner 结构/尺寸/透明头/居中全部由 single_history.css 的 .hp-hero 体系提供，
   此处只补本页品牌色与断行，不再自定义 hero 布局。
   ============================================================ */
/* 副标题宽度约束 */
.web01 .hp-hero-desc{max-width:620px}
/* 横向溢出兜底（本页外层为 .mian，非 .hp-page） */
.mian{overflow-x:clip}

/* ########## PART 2 补充修正（2026-10-18 18:38 用户反馈） ########## */
/* 1) 左侧锚点：文字常显（原 span 默认 opacity:0 只露圆点，观感"文字颜色和圆点一样"），颜色加深 */
.web01 .rail a{color:var(--ink-2)}
.web01 .rail a span{opacity:1;transform:none}
/* 2) FAQ 展开图标：+ 旋转 45° 的"×"改为减号"−"（ASCII 减号 \2d，本站 FA 精简版无 fa-minus 图标），不再旋转 */
.web01 .faq-item.open .fq-ico{transform:none}
.web01 .faq-item.open .fq-ico i::before{content:"\2d"}

/* 3) 适合谁配色（18:45 用户要求）：适合=主色橙，暂不适合=灰色，去绿去琥珀 */
.web01 .fit-ok h3{color:var(--primary-dark)}
.web01 .fit-ok .fh-ico{background:var(--primary);box-shadow:0 6px 16px rgba(240,120,12,.26)}
.web01 .fit-ok li i{color:var(--primary-dark)}
.web01 .fit-no h3{color:var(--ink-3)}
.web01 .fit-no .fh-ico{background:var(--ink-3);box-shadow:none}
.web01 .fit-no li i{color:var(--ink-3)}

/* ########## PART 3: 品牌官网页新增板块（web02，2026-10-18） ########## */
/* S2 核心价值：3 列圆形勾网格（编号/样式与 ov-grid 区分，避免相邻雷同） */
.web01 .val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:42px}
.web01 .val-item{background:#fff;border:1px solid var(--hair);border-radius:14px;padding:26px 24px;transition:.25s}
.web01 .val-item:hover{border-color:var(--primary);box-shadow:0 14px 34px rgba(20,40,80,.09);transform:translateY(-3px)}
.web01 .val-chk{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:13px;margin-bottom:14px}
.web01 .val-item h4{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 8px}
.web01 .val-item p{font-size:13.8px;line-height:1.8;color:var(--ink-3);margin:0}

/* S6 核心优势：2 列左橙竖线列表（与 val-grid/ov-grid 样式区分） */
.web01 .adv-list{display:grid;grid-template-columns:1fr 1fr;gap:30px 44px;margin-top:42px}
.web01 .adv-item{border-left:3px solid var(--primary);padding:2px 0 2px 20px}
.web01 .adv-item h4{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 7px}
.web01 .adv-item p{font-size:14px;line-height:1.8;color:var(--ink-3);margin:0}

/* S7 客户评价：2 列引言排版（大引号 + 分隔线，不做卡片堆砌） */
.web01 .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:42px}
.web01 .quote-item{position:relative;padding:26px 0 0;border-top:2px solid var(--primary)}
.web01 .quote-text{font-size:16.5px;line-height:2;color:var(--ink-2);margin:0 0 14px}
.web01 .quote-text::before{content:"\201C";display:block;font-family:Georgia,serif;font-size:52px;line-height:1;color:var(--primary);margin-bottom:6px}
.web01 .quote-from{font-size:14px;color:var(--ink-3);margin:0;font-weight:700}

/* S8 案例查看更多按钮行 */
.web01 .case-more{margin-top:38px;text-align:center}

/* 响应式 */
@media (max-width:980px){
  .web01 .val-grid{grid-template-columns:1fr;gap:18px}
  .web01 .adv-list{grid-template-columns:1fr;gap:22px}
  .web01 .quote-grid{grid-template-columns:1fr;gap:30px}
}

/* ########## web02 修正（19:30 用户反馈） ########## */
/* 1) 痛点 5 项：flex 布局，第二行(04/05)整体水平居中；04 为新行首去左线 */
.web01 .ov-grid-5{display:flex;flex-wrap:wrap}
.web01 .ov-grid-5 .ov-item{width:33.333%;box-sizing:border-box}
.web01 .ov-grid-5 .ov-item:nth-child(3n+1){border-left:0;padding-left:0}
.web01 .ov-grid-5 .ov-item:nth-child(4){margin-left:16.6667%}
@media (max-width:980px){
  .web01 .ov-grid-5{flex-direction:column}
  .web01 .ov-grid-5 .ov-item{width:100%;margin-left:0}
}
/* 2) 客户评价轮播（swiper 结构，quote-item 样式复用） */
.web01 .quote-swiper{padding-bottom:8px}
.web01 .quote-swiper .quote-item{box-sizing:border-box}
.web01 .quote-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:34px}
.web01 .qn-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--hair);background:#fff;color:var(--ink-3);cursor:pointer;transition:.2s;font-size:13px}
.web01 .qn-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.web01 .quote-nav .swiper-pagination{position:static;display:flex;gap:8px}
.web01 .quote-nav .swiper-pagination-bullet{width:8px;height:8px;background:#d8dfe8;opacity:1;margin:0!important}
.web01 .quote-nav .swiper-pagination-bullet-active{background:var(--primary);width:22px;border-radius:4px}

/* 3) 证言立体卡片（19:35 用户要求：立体感 + 头像） */
.web01 .quote-item{background:#fff;border-radius:18px;border-top:0;padding:30px 30px 26px;box-shadow:0 24px 55px rgba(20,40,80,.12),0 6px 16px rgba(20,40,80,.06);overflow:hidden;transition:transform .3s,box-shadow .3s}
.web01 .quote-item::after{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),rgba(255,182,87,0));border-radius:18px 18px 0 0}
.web01 .quote-item::before{content:"\201C";position:absolute;top:6px;right:20px;font-family:Georgia,serif;font-size:96px;line-height:1;color:rgba(240,120,12,.13);margin:0}
.web01 .quote-item:hover{transform:translateY(-6px);box-shadow:0 34px 70px rgba(20,40,80,.18),0 10px 22px rgba(20,40,80,.08)}
.web01 .quote-item .quote-text{position:relative;z-index:1;font-size:15.5px;line-height:1.95;min-height:118px}
.web01 .quote-head{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--hair);position:relative;z-index:1}
.web01 .quote-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px var(--primary),0 8px 18px rgba(20,40,80,.22);flex-shrink:0}
.web01 .quote-item .quote-from{margin:0;font-size:15px;color:var(--ink)}
.web01 .quote-role{margin:2px 0 0;font-size:12.5px;color:var(--ink-3);letter-spacing:.4px}

/* 4) 证言 3 列布局适配（21 张卡、按 3 张一组翻页） */
.web01 .quote-item{padding:24px 22px 22px;border-radius:14px}
.web01 .quote-item .quote-text{font-size:14.2px;line-height:1.85;min-height:132px}
.web01 .quote-item::before{font-size:72px;top:2px;right:14px}
.web01 .quote-avatar{width:44px;height:44px}
.web01 .quote-item .quote-from{font-size:14px}
.web01 .quote-role{font-size:12px}
@media (max-width:980px){
  .web01 .quote-item .quote-text{min-height:0}
}

/* ########## web03 营销型网站页（2026-10-18 19:50） ########## */
/* 核心价值 8 项：flex 布局，最后一行(07/08)整体居中 */
.web01 .val-grid-8{display:flex;flex-wrap:wrap;gap:26px;margin-top:42px}
.web01 .val-grid-8 .val-item{width:calc((100% - 52px)/3);box-sizing:border-box;margin-bottom:0}
.web01 .val-grid-8 .val-item:nth-child(7){margin-left:calc((100% + 26px)/6)}
@media (max-width:980px){
  .web01 .val-grid-8{flex-direction:column;gap:18px}
  .web01 .val-grid-8 .val-item{width:100%;margin-left:0}
}

/* 5) 痛点 grid 通用修正（20:00）：每行行首去左线，两行之间加间隙 */
.web01 .ov-grid .ov-item:nth-child(3n+1){border-left:0;padding-left:0}
.web01 .ov-grid{row-gap:34px}

/* 6) 痛点 6 项：去竖线，改白/浅灰交替色块（20:20 用户要求） */
.web01 .ov-grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:42px}
.web01 .ov-grid-6 .ov-item{border-left:0;border-top:0;padding:34px 32px;background:#fff;position:relative}
.web01 .ov-grid-6 .ov-item:nth-child(even){background:#f5f7fa}
/* 相邻色块之间留 1px 白缝，形成整齐拼块感 */
.web01 .ov-grid-6{gap:2px;background:#fff}
.web01 .ov-grid-6 .ov-no{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:700;line-height:1;color:var(--primary);margin-bottom:12px}
@media (max-width:980px){
  .web01 .ov-grid-6{grid-template-columns:1fr;gap:2px}
  .web01 .ov-grid-6 .ov-item{padding:26px 22px}
}
/* 7) 色块内边距统一（20:24）：覆盖 nth-child(3n+1) 的 padding-left:0 */
.web01 .ov-grid-6 .ov-item,
.web01 .ov-grid-6 .ov-item:nth-child(3n+1){padding:34px 32px;border-left:0}
@media (max-width:980px){
  .web01 .ov-grid-6 .ov-item,
  .web01 .ov-grid-6 .ov-item:nth-child(3n+1){padding:26px 22px}
}

/* ########## web05 外贸独立站页：双方案对比（2026-10-18 20:30） ########## */
.web01 .plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}
.web01 .plan-grid.plan-3col{grid-template-columns:repeat(3,1fr)}
.web01 .plan-col{background:#fff;border-radius:18px;padding:32px 30px;box-shadow:0 20px 46px rgba(20,40,80,.10),0 4px 12px rgba(20,40,80,.05);position:relative;overflow:hidden;transition:.3s}
.web01 .plan-col:hover{transform:translateY(-4px);box-shadow:0 30px 60px rgba(20,40,80,.16)}
.web01 .plan-col::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),rgba(255,182,87,0))}
.web01 .plan-head{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed var(--hair)}
.web01 .plan-tag{display:inline-block;font-family:var(--mono);font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--primary-dark);background:var(--primary-light);padding:4px 10px;border-radius:6px;margin-bottom:12px}
.web01 .plan-head h3{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 10px}
.web01 .plan-fit{font-size:13.5px;line-height:1.85;color:var(--ink-3);margin:0}
.web01 .plan-list{margin:0;padding:0;list-style:none}
.web01 .plan-list li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px dashed #edf1f6}
.web01 .plan-list li:last-child{border-bottom:0;padding-bottom:0}
.web01 .plan-list li > i{width:34px;height:34px;border-radius:10px;background:var(--primary-light);color:var(--primary-dark);display:grid;place-items:center;font-size:14px;flex-shrink:0;margin-top:2px;transition:.25s}
.web01 .plan-list li:hover > i{background:var(--primary);color:#fff}
.web01 .plan-list h4{font-size:15.5px;font-weight:800;color:var(--ink);margin:0 0 5px}
.web01 .plan-list p{font-size:13.5px;line-height:1.8;color:var(--ink-3);margin:0}
/* 共性能力条 */
.web01 .plan-common{margin-top:26px;background:#fff;border-radius:14px;padding:22px 26px;box-shadow:0 10px 26px rgba(20,40,80,.06);display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.web01 .pc-title{font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--primary-dark);flex-shrink:0}
.web01 .pc-items{display:flex;flex-wrap:wrap;gap:10px 26px;flex:1}
.web01 .pc-items span{font-size:13.5px;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px}
.web01 .pc-items i{color:var(--primary-dark);font-size:13px}
@media (max-width:980px){
  .web01 .plan-grid,.web01 .plan-grid.plan-3col{grid-template-columns:1fr;gap:20px}
  .web01 .plan-col{padding:26px 22px}
  .web01 .plan-common{flex-direction:column;align-items:flex-start;gap:14px}
}

/* ===== S8 套餐（主推放大发光） ===== */
.web01 .wplan-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}
.web01 .wplan-grid .plan-col{padding:26px 22px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.web01 .wplan-grid .plan-col.is-hot{transform:translateY(-10px) scale(1.03);border:1.5px solid var(--primary);box-shadow:0 26px 56px rgba(240,135,0,.22)}
.web01 .wplan-grid .plan-col.is-hot:hover{transform:translateY(-14px) scale(1.04)}
.web01 .wplan-grid .plan-head{padding-bottom:16px;margin-bottom:14px}
.web01 .wplan-grid .plan-head h3{font-size:19px;margin:0 0 9px}
.web01 .wplan-grid .plan-fit{font-size:12.8px;line-height:1.8}
.web01 .wplan-grid .plan-list{flex:1}
.web01 .wplan-grid .plan-list li{padding:9px 0;align-items:center;gap:10px;border-bottom:1px dashed #f2f5f9}
.web01 .wplan-grid .plan-list li > i{width:20px;height:20px;border-radius:6px;font-size:10px;margin-top:0}
.web01 .wplan-grid .plan-list span{font-size:13.2px;line-height:1.6;color:var(--ink-2)}
.web01 .wplan-grid .plan-col.is-hot::before{height:5px}

/* ########## web06 小程序页：适用业务场景板块（2026-10-18 20:40） ########## */
.web01 .scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.web01 .scene-card{background:#f7f9fc;border:1px solid var(--hair);border-radius:16px;padding:28px 26px;transition:.3s;position:relative}
.web01 .scene-card:hover{background:#fff;border-color:rgba(240,120,12,.45);box-shadow:0 20px 44px rgba(20,40,80,.11);transform:translateY(-4px)}
.web01 .scene-ico{width:46px;height:46px;border-radius:12px;background:var(--primary-light);color:var(--primary-dark);display:grid;place-items:center;font-size:19px;margin-bottom:16px;transition:.3s}
.web01 .scene-card:hover .scene-ico{background:var(--primary);color:#fff}
.web01 .scene-card h3{font-size:17.5px;font-weight:800;color:var(--ink);margin:0 0 10px}
.web01 .scene-fit{font-size:13px;color:var(--ink-3);margin:0 0 14px;line-height:1.7}
.web01 .scene-func{font-size:13.5px;color:var(--ink-2);line-height:1.8;margin:0 0 10px}
.web01 .scene-func b{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--primary-dark);background:var(--primary-light);padding:2px 8px;border-radius:5px;margin-right:8px}
.web01 .scene-val{font-size:13px;color:var(--ink-3);line-height:1.75;margin:0;padding-top:12px;border-top:1px dashed var(--hair)}
.web01 .scene-note{margin-top:28px;text-align:center;font-size:14px;color:var(--ink-3);line-height:1.8}
.web01 .scene-note::before{content:"";display:inline-block;width:26px;height:1px;background:var(--primary);vertical-align:middle;margin-right:10px}
@media (max-width:980px){
  .web01 .scene-grid{grid-template-columns:1fr;gap:16px}
  .web01 .scene-card{padding:22px 20px}
}

/* ########## web07 网站改版升级页：改版前后对比（2026-10-18 21:00） ########## */
.web01 .before-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}
.web01 .before-col{border-radius:16px;padding:0;overflow:hidden;position:relative;transition:.3s}
.web01 .before-col:hover{transform:translateY(-3px)}
/* 改版前：浅灰+虚化感，改版后：白底+橙色顶边 */
.web01 .bc-old{background:#eef1f5;box-shadow:inset 0 0 0 1px #dde3ec}
.web01 .bc-new{background:#fff;box-shadow:0 22px 48px rgba(20,40,80,.13),0 4px 12px rgba(20,40,80,.06)}
.web01 .bc-new::after{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),rgba(255,182,87,0))}
.web01 .bc-head{padding:26px 28px 18px;border-bottom:1px dashed #dbe2eb}
.web01 .bc-new .bc-head{border-bottom-color:var(--hair)}
.web01 .bc-tag{display:inline-block;font-family:var(--mono);font-size:11.5px;font-weight:800;letter-spacing:.14em;padding:4px 10px;border-radius:6px;margin-bottom:12px}
.web01 .bc-old .bc-tag{background:#dfe5ee;color:#7c8798}
.web01 .bc-new .bc-tag{background:var(--primary-light);color:var(--primary-dark)}
.web01 .bc-head h3{font-size:19px;font-weight:800;margin:0}
.web01 .bc-old .bc-head h3{color:#7c8798}
.web01 .bc-new .bc-head h3{color:var(--ink)}
.web01 .bc-list{margin:0;padding:10px 28px 26px;list-style:none}
.web01 .bc-list li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px dashed rgba(160,175,195,.28)}
.web01 .bc-list li:last-child{border-bottom:0;padding-bottom:0}
.web01 .bc-list li > i{font-size:15px;flex-shrink:0;margin-top:3px}
.web01 .bc-old .bc-list li > i{color:#b3bccb}
.web01 .bc-new .bc-list li > i{color:var(--primary-dark)}
.web01 .bc-list b{display:block;font-size:14.5px;font-weight:800;margin-bottom:4px}
.web01 .bc-old .bc-list b{color:#6b7785;text-decoration:line-through;text-decoration-color:rgba(107,119,133,.45)}
.web01 .bc-new .bc-list b{color:var(--ink)}
.web01 .bc-list p{font-size:13.4px;line-height:1.75;color:var(--ink-3);margin:0}
.web01 .bc-old .bc-list p{color:#8d98a8}
/* 底部提示条 */
.web01 .before-note{margin-top:26px;background:#fff;border-left:4px solid var(--primary);border-radius:12px;padding:20px 24px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 10px 26px rgba(20,40,80,.07)}
.web01 .before-note > i{color:var(--primary-dark);font-size:19px;margin-top:2px;flex-shrink:0}
.web01 .before-note span{font-size:14px;line-height:1.85;color:var(--ink-2)}
.web01 .before-note b{color:var(--ink)}
@media (max-width:980px){
  .web01 .before-grid{grid-template-columns:1fr;gap:18px}
  .web01 .bc-head{padding:22px 20px 16px}
  .web01 .bc-list{padding:8px 20px 22px}
}

/* ########## 深色内容板块 sec-dark（2026-10-18 21:05 web06 场景区） ##########
   用途：在白底板块之间插入焦炭深色带，浅色卡片浮在深底上，形成前后层次。
   与 .band（卫星图深蓝）区分：这里是无图的纯色 + 细网格 + 顶部微光。 */
.web01 .sec-dark{
  position:relative;
  background:#1b2230;
  color:#fff;
  isolation:isolate;
  overflow:hidden;
}
/* 细网格纹理（18px 一格，透明度很低，只在深底隐约可见） */
.web01 .sec-dark::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:18px 18px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 72%);
          mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 72%);
}
/* 顶部橙色微光 */
.web01 .sec-dark::after{
  content:"";position:absolute;left:50%;top:-160px;width:760px;height:320px;z-index:-1;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(240,120,12,.30),transparent 70%);
  pointer-events:none;
}
/* 深底下的标题与描述 */
.web01 .sec-dark .sec-head h2{color:#fff}
.web01 .sec-dark .sec-head p{color:rgba(255,255,255,.66)}
.web01 .sec-dark .sec-tag{color:var(--primary)}
/* 卡片在深底上再提一档亮度与投影，浮起感更强 */
.web01 .sec-dark .scene-card{
  background:#fff;
  border-color:rgba(255,255,255,.10);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.web01 .sec-dark .scene-card:hover{
  box-shadow:0 28px 56px rgba(0,0,0,.36);
  border-color:var(--primary);
}
.web01 .sec-dark .scene-note{color:rgba(255,255,255,.60)}

/* ########## 网站建设主栏目页（lists_single_web.htm · 2026-10-18 21:10） ########## */

/* --- S3 六大建站服务卡片（主栏目核心：可点击跳转子栏目） --- */
.web01 .svc6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}
.web01 .svc6-card{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--hair);border-radius:18px;
  padding:28px 26px 24px;position:relative;overflow:hidden;
  transition:transform .32s cubic-bezier(.2,.7,.3,1),box-shadow .32s,border-color .32s;
  text-decoration:none;color:inherit;
}
/* 顶部橙色细线，与其余卡片的"实心图标"区分 */
.web01 .svc6-card::before{
  content:"";position:absolute;left:26px;right:26px;top:0;height:3px;
  background:linear-gradient(90deg,var(--primary),rgba(255,182,87,0));
  opacity:0;transition:opacity .32s;
}
.web01 .svc6-card:hover{
  transform:translateY(-6px);
  border-color:rgba(240,120,12,.4);
  box-shadow:0 28px 58px rgba(20,40,80,.14),0 8px 18px rgba(20,40,80,.06);
}
.web01 .svc6-card:hover::before{opacity:1}
.web01 .svc6-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.web01 .svc6-no{
  font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:700;line-height:1;
  color:rgba(240,120,12,.22);letter-spacing:-.02em;transition:color .32s;
}
.web01 .svc6-card:hover .svc6-no{color:rgba(240,120,12,.45)}
.web01 .svc6-ico{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:var(--primary-light);color:var(--primary-dark);font-size:18px;
  transition:background .32s,color .32s,transform .32s;
}
.web01 .svc6-card:hover .svc6-ico{background:var(--primary-dark);color:#fff;transform:rotate(-6deg) scale(1.05)}
.web01 .svc6-card h3{font-size:19px;font-weight:800;color:var(--ink);margin:0 0 10px;letter-spacing:.01em}
.web01 .svc6-card p{font-size:13.8px;line-height:1.85;color:var(--ink-3);margin:0 0 20px;flex:1}
.web01 .svc6-more{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  font-size:13.5px;font-weight:700;color:var(--primary-dark);
  padding-top:16px;border-top:1px dashed var(--hair);width:100%;
}
.web01 .svc6-more i{font-size:12px;transition:transform .3s}
.web01 .svc6-card:hover .svc6-more i{transform:translateX(4px)}

/* --- S5 / S8 行业与保障网格（图标 + 标题 + 说明，与 ov-grid 的编号样式区分） --- */
.web01 .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.web01 .ind-item{
  background:#f7f9fc;border:1px solid var(--hair);border-radius:16px;
  padding:26px 24px;transition:.3s;
}
.web01 .ind-item:hover{background:#fff;border-color:rgba(240,120,12,.42);box-shadow:0 18px 40px rgba(20,40,80,.10);transform:translateY(-4px)}
.web01 .ind-ico{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:#fff;border:1px solid var(--hair);color:var(--primary-dark);font-size:18px;
  margin-bottom:16px;transition:.3s;
}
.web01 .ind-item:hover .ind-ico{background:var(--primary);border-color:var(--primary);color:#fff}
.web01 .ind-item h3{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 8px}
.web01 .ind-item p{font-size:13.5px;line-height:1.8;color:var(--ink-3);margin:0}

/* 交付保障：4 列更紧凑，改用顶部细线区分（避免与行业卡雷同） */
.web01 .dlv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:42px}
.web01 .dlv-item{border-top:2px solid var(--hair);padding-top:22px;transition:.25s}
.web01 .dlv-item:hover{border-top-color:var(--primary);transform:translateY(-3px)}
.web01 .dlv-ico{
  width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:var(--primary-light);color:var(--primary-dark);font-size:15px;margin-bottom:14px;transition:.25s;
}
.web01 .dlv-item:hover .dlv-ico{background:var(--primary-dark);color:#fff}
.web01 .dlv-item h3{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 8px}
.web01 .dlv-item p{font-size:13.5px;line-height:1.8;color:var(--ink-3);margin:0}

/* --- 响应式 --- */
@media (max-width:1100px){
  .web01 .svc6-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .web01 .ind-grid{grid-template-columns:repeat(2,1fr)}
  .web01 .dlv-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .web01 .svc6-grid{grid-template-columns:1fr;gap:16px}
  .web01 .svc6-card{padding:24px 22px 20px}
  .web01 .ind-grid{grid-template-columns:1fr;gap:16px}
  .web01 .dlv-grid{grid-template-columns:1fr;gap:20px}
}

/* ########## 主栏目专属 Hero（.hp-hero-main）——只在 lists_single_web.htm 使用
   内页仍用公用的 .hp-hero 版式，两者不互相影响 ########## */
/* 1) 拉到满屏高度，比内页的 720 更高，打开即有"首页级"气场 */
.web01 .hp-hero.hp-hero-main{min-height:calc(100vh - 0px);min-height:clamp(720px,88vh,980px)}
.web01 .hp-hero-main .hp-hero-inner{padding-top:150px;padding-bottom:120px}

/* 2) kicker 小引题（内页没有的元素） */
.web01 .hero-kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.2em;
  color:rgba(255,255,255,.62);text-transform:uppercase;
  padding:7px 14px;border:1px solid rgba(255,255,255,.18);border-radius:100px;
  background:rgba(255,255,255,.05);backdrop-filter:blur(6px);
  margin:0 0 26px;
}
.web01 .hk-dot{
  width:6px;height:6px;border-radius:50%;background:var(--primary);
  box-shadow:0 0 0 4px rgba(255,182,87,.18);
  animation:hkPulse 2.4s ease-out infinite;
}
@keyframes hkPulse{
  0%{box-shadow:0 0 0 0 rgba(255,182,87,.5)}
  70%{box-shadow:0 0 0 9px rgba(255,182,87,0)}
  100%{box-shadow:0 0 0 0 rgba(255,182,87,0)}
}

/* 3) 双行超大标题：第一行常规，第二行大一号并用橙白渐变 */
.web01 .hp-hero-main h1{max-width:940px;margin:0 0 22px;font-size:0;line-height:1}
.web01 .hp-hero-main h1 .h1-l1{
  display:block;font-size:clamp(30px,3.2vw,46px);font-weight:700;line-height:1.3;
  color:rgba(255,255,255,.94);letter-spacing:-.02em;margin-bottom:10px;
}
.web01 .hp-hero-main h1 .h1-l2{
  display:block;font-size:clamp(40px,5.4vw,74px);font-weight:900;line-height:1.1;
  letter-spacing:-.03em;
  background:linear-gradient(96deg,#fff 0%,#fff 42%,#FFC767 78%,#F0780C 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 6px 26px rgba(240,120,12,.22));
}
.web01 .hp-hero-main h1 em{
  font-style:normal;
  background:linear-gradient(100deg,#FFD98A,#F0780C);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.web01 .hp-hero-main .hp-hero-desc{max-width:660px;font-size:15.5px;line-height:1.95;color:rgba(255,255,255,.78);margin-bottom:26px}

/* 4) 服务标签行（把"六大服务"在首屏就亮出来） */
.web01 .hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.web01 .hero-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;color:rgba(255,255,255,.86);
  padding:9px 16px;border-radius:100px;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);
  backdrop-filter:blur(8px);
  transition:.28s;
}
.web01 .hero-tag i{font-size:12px;color:var(--primary)}
.web01 .hero-tag:hover{
  border-color:rgba(255,182,87,.55);background:rgba(240,120,12,.16);
  color:#fff;transform:translateY(-2px);
}

/* 5) 右下角 SCROLL 提示 */
.web01 .hero-scroll{
  position:absolute;right:58px;bottom:40px;z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;
  color:rgba(255,255,255,.55);text-decoration:none;transition:color .25s;
}
.web01 .hero-scroll i{font-size:11px;animation:hsBob 1.9s ease-in-out infinite}
.web01 .hero-scroll:hover{color:var(--primary)}
@keyframes hsBob{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}

/* 6) 服务跑马灯 */
.web01 .mq-band{
  position:relative;overflow:hidden;
  background:#12171f;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);
  padding:16px 0;
}
.web01 .mq-track{display:flex;width:max-content;animation:mqMove 38s linear infinite}
.web01 .mq-band:hover .mq-track{animation-play-state:paused}
.web01 .mq-item{
  display:inline-flex;align-items:center;gap:22px;padding-right:22px;
  font-size:14px;font-weight:700;letter-spacing:.06em;
  color:rgba(255,255,255,.42);white-space:nowrap;
}
.web01 .mq-item i{width:5px;height:5px;border-radius:50%;background:var(--primary);opacity:.7}
@keyframes mqMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 7) 响应式 */
@media (max-width:1280px){
  .web01 .hero-scroll{right:28px;bottom:28px}
}
@media (max-width:980px){
  /* 移动端：不能用 auto（会塌陷并被 overflow:hidden 裁掉内容），
     改成按内容撑开 + 最小高度兜底 */
  .web01 .hp-hero.hp-hero-main{min-height:auto;height:auto;align-items:flex-start;overflow:visible}
  .web01 .hp-hero-main .hp-hero-inner{padding-top:108px;padding-bottom:78px}
  .web01 .hp-hero-main h1 .h1-l1{font-size:22px;margin-bottom:8px}
  .web01 .hp-hero-main h1 .h1-l2{font-size:34px;line-height:1.18}
  .web01 .hp-hero-main .hp-hero-desc{font-size:14px;line-height:1.85}
  .web01 .hero-tags{gap:8px;margin-bottom:26px}
  .web01 .hero-tag{font-size:12px;padding:7px 12px}
  .web01 .hero-scroll{display:none}
  .web01 .mq-band{padding:12px 0}
  .web01 .mq-item{font-size:12.5px;gap:16px;padding-right:16px}
}

/* 手机细档（≤640）：首屏文字/胶囊/按钮/内距进一步收敛，避免"整体偏大" */
@media (max-width:640px){
  .web01 .hp-hero.hp-hero-main{min-height:auto;height:auto;align-items:flex-start;overflow:visible}
  .web01 .hp-hero-main .hp-hero-inner{padding-top:76px;padding-bottom:54px}
  .web01 .hp-hero-main h1{max-width:100%;margin-bottom:16px}
  .web01 .hp-hero-main h1 .h1-l1{font-size:18px;line-height:1.4;margin-bottom:6px}
  .web01 .hp-hero-main h1 .h1-l2{font-size:25px;line-height:1.24}
  .web01 .hp-hero-main .hp-hero-desc{font-size:13px;line-height:1.8;margin-bottom:20px}
  .web01 .hero-kicker{font-size:11px;letter-spacing:.16em;padding:5px 11px;margin-bottom:18px}
  .web01 .hero-tags{gap:7px;margin-bottom:22px}
  .web01 .hero-tag{font-size:11px;padding:6px 10px;gap:6px}
  .web01 .hero-tag i{font-size:10px}
  .web01 .hp-hero-cta{gap:10px}
  .web01 .hp-hero-cta .btn{font-size:13.5px;padding:11px 18px;gap:7px}
}

/* ########## 主栏目内容模块专属版式（lists_single_web.htm · 2026-10-18 21:12）
   目标：与子栏目页那套 ov-grid / split / adv-list / flow / faq 彻底区分。
   全部用新类名，只在主栏目模板使用。 ########## */

/* ========== S1 痛点：浅色「诊断台」（左诊断单 + 右结论卡 · 2026-10-18 21:40 重做）
   背景必须浅色：上方 hero + 服务跑马灯已是深色，若 S1 再用暗底会三连黑。
   与下方模块区分靠结构，不靠颜色：无编号（叉号圆圈）、左标题右说明的分栏头、右侧粘性结论卡。 ========== */
.web01 .sec.pt-desk{background:#f4f6f9;padding:92px 0 96px;position:relative;overflow:hidden}
.web01 .sec.pt-desk::before{
  content:"";position:absolute;right:-160px;top:-140px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,182,87,.16),rgba(255,182,87,0) 68%);
  pointer-events:none;
}
.web01 .pt-head{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;
  padding-bottom:38px;border-bottom:1px solid #dfe4ec;margin-bottom:8px;position:relative;
}
.web01 .pt-head .sec-tag{margin-bottom:14px}
.web01 .pt-head h2{
  font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.24;letter-spacing:-.5px;
  color:var(--ink);margin:0;
}
.web01 .pt-head-r{
  font-size:15px;line-height:1.95;color:var(--ink-3);margin:0 0 4px;
}
.web01 .pt-head-r em{
  font-style:normal;color:var(--primary-dark);font-weight:700;
  border-bottom:1px solid rgba(240,120,12,.35);padding-bottom:1px;
}

.web01 .pt-wrap{display:grid;grid-template-columns:1fr 336px;gap:56px;align-items:start;margin-top:6px;position:relative}

/* 左：诊断单 */
.web01 .pt-list{list-style:none;margin:0;padding:0}
.web01 .pt-row{
  display:grid;grid-template-columns:26px 1fr auto;align-items:start;gap:20px;
  padding:24px 20px 24px 18px;border-bottom:1px solid #e2e7ee;border-radius:12px;
  transition:background .35s,box-shadow .35s,transform .35s;
}
.web01 .pt-row:hover{
  background:#fff;border-bottom-color:transparent;
  box-shadow:0 14px 34px rgba(20,40,80,.09);transform:translateX(6px);
}
.web01 .pt-row:last-child{border-bottom:0}
.web01 .pt-tick{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:1px solid #d8dfe9;color:#b6c0ce;
  font-size:11px;margin-top:2px;transition:.35s;
}
.web01 .pt-row:hover .pt-tick{
  background:#fff4e5;border-color:rgba(240,120,12,.45);color:var(--primary-dark);
}
.web01 .pt-body h3{
  font-size:18px;font-weight:800;color:var(--ink);margin:0 0 7px;letter-spacing:.01em;
}
.web01 .pt-body p{font-size:13.8px;line-height:1.85;color:var(--ink-3);margin:0;max-width:560px}
.web01 .pt-tag{
  font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;
  color:var(--ink-3);background:#fff;border:1px dashed #d8dfe9;
  border-radius:4px;padding:5px 10px;white-space:nowrap;margin-top:2px;transition:.35s;
}
.web01 .pt-row:hover .pt-tag{color:var(--primary-dark);border-color:rgba(240,120,12,.5);border-style:solid}

/* 右：结论卡（白底 + 上边橙色渐线 + 大数字，吸顶） */
.web01 .pt-side{
  position:sticky;top:96px;
  background:#fff;border:1px solid #e4e9f0;border-radius:18px;
  padding:30px 28px 26px;overflow:hidden;
  box-shadow:0 18px 44px rgba(20,40,80,.09);
}
.web01 .pt-side::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--primary-dark),var(--primary) 55%,rgba(255,182,87,0));
}
.web01 .pt-side-top{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px}
.web01 .pt-side-no{
  font-family:Georgia,serif;font-size:64px;font-weight:700;line-height:.86;
  color:var(--primary-dark);
}
.web01 .pt-side-unit{
  font-size:12.5px;line-height:1.6;font-weight:700;color:var(--ink-2);
  padding-bottom:4px;
}
.web01 .pt-side-unit i{font-style:normal;font-weight:400;color:var(--ink-3);font-size:11.5px}
.web01 .pt-side-quote{
  font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 20px;
  padding-top:18px;border-top:1px solid var(--hair);
}
.web01 .pt-side-quote em{font-style:normal;color:var(--primary-dark);font-weight:700}
.web01 .pt-side-ck{list-style:none;margin:0 0 22px;padding:0}
.web01 .pt-side-ck li{
  display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2);
  padding:8px 0;border-bottom:1px solid #f0f3f8;
}
.web01 .pt-side-ck li:last-child{border-bottom:0}
.web01 .pt-side-ck i{font-size:12px;color:var(--primary-dark)}
.web01 .pt-side-btn{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--primary-dark);color:#fff;font-size:14px;font-weight:800;
  border-radius:10px;padding:13px 18px;text-decoration:none;transition:.3s;
}
.web01 .pt-side-btn:hover{background:var(--ink)}
.web01 .pt-side-btn i{font-size:12px;transition:transform .3s}
.web01 .pt-side-btn:hover i{transform:translateX(4px)}

/* ========== S2 理念：大引言 + 六格纸卡（A-F 字母，无编号无边框卡） ========== */
.web01 .ed-quote{position:relative;padding:8px 0 0 64px;margin-bottom:52px;max-width:920px}
.web01 .ed-quote-mark{
  position:absolute;left:0;top:-18px;font-family:Georgia,serif;font-size:110px;line-height:1;
  color:var(--primary);opacity:.18;
}
.web01 .ed-quote-text{
  font-size:clamp(22px,2.4vw,30px);line-height:1.62;font-weight:700;color:var(--ink);
  margin:0 0 18px;letter-spacing:-.01em;
}
.web01 .ed-quote-text em{
  font-style:normal;position:relative;color:var(--primary-dark);
  background:linear-gradient(transparent 62%,rgba(255,201,120,.42) 62%);
}
.web01 .ed-quote-from{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;color:var(--ink-3);
}
.web01 .pin-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--hair);border:1px solid var(--hair);border-radius:16px;overflow:hidden;
}
.web01 .pin-item{background:#fff;padding:30px 28px;transition:background .3s}
.web01 .pin-item:hover{background:var(--warm)}
.web01 .pin-idx{
  display:block;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.16em;
  color:var(--primary);margin-bottom:14px;
}
.web01 .pin-item h3{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 9px}
.web01 .pin-item p{font-size:13.6px;line-height:1.82;color:var(--ink-3);margin:0}

/* ========== S3 六大服务：深底横向大条（数字 / 标题+英文小注 / 图标 / 箭头） ========== */
.web01 .svc6-rows{margin-top:38px;border-top:1px solid rgba(255,255,255,.12)}
.web01 .svc6-row{
  display:grid;grid-template-columns:88px 1fr 56px 44px;align-items:center;gap:24px;
  padding:26px 10px;border-bottom:1px solid rgba(255,255,255,.12);
  text-decoration:none;color:inherit;position:relative;
  transition:background .3s,padding-left .3s;
}
.web01 .svc6-row::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--primary);transform:scaleY(0);transform-origin:top;transition:transform .3s;
}
.web01 .svc6-row:hover{background:rgba(255,255,255,.05);padding-left:22px}
.web01 .svc6-row:hover::before{transform:scaleY(1)}
.web01 .sr-num{
  font-family:Georgia,serif;font-size:34px;font-weight:700;line-height:1;
  color:rgba(255,255,255,.26);transition:color .3s;
}
.web01 .svc6-row:hover .sr-num{color:var(--primary)}
.web01 .sr-main h3{
  font-size:20px;font-weight:800;color:#fff;margin:0 0 7px;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
}
.web01 .sr-en{
  font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;
  color:rgba(255,255,255,.34);text-transform:uppercase;
}
.web01 .sr-main p{font-size:13.8px;line-height:1.8;color:rgba(255,255,255,.62);margin:0;max-width:760px}
.web01 .sr-ico{
  width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.72);font-size:17px;transition:.3s;
}
.web01 .svc6-row:hover .sr-ico{background:var(--primary);border-color:var(--primary);color:#fff}
.web01 .sr-go{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.55);font-size:12px;transition:.3s;
}
.web01 .svc6-row:hover .sr-go{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateX(4px)}

/* ========== S4 优势：三列编号横条（无边框无竖线，靠编号+细分隔线） ========== */
.web01 .hire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 44px;margin-top:38px}
.web01 .hire-item{padding:24px 0;border-top:1px solid var(--hair);position:relative}
.web01 .hire-item::after{
  content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:var(--primary);transition:width .4s;
}
.web01 .hire-item:hover::after{width:56px}
.web01 .hire-no{
  font-family:var(--mono);font-size:11.5px;font-weight:800;letter-spacing:.18em;
  color:var(--primary-dark);display:block;margin-bottom:10px;
}
.web01 .hire-item h3{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 8px}
.web01 .hire-item p{font-size:13.6px;line-height:1.8;color:var(--ink-3);margin:0}

/* ========== S6 场景：双列错落大卡（奇偶错位 + 末位转化卡） ========== */
.web01 .fit2-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}
.web01 .fit2-card{
  background:#fff;border-radius:16px;padding:26px 28px;position:relative;
  border:1px solid rgba(240,120,12,.10);
  box-shadow:0 10px 26px rgba(20,40,80,.05);
  transition:.3s;
}
.web01 .fit2-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(20,40,80,.12);border-color:rgba(240,120,12,.4)}
.web01 .fit2-n{
  font-family:var(--mono);font-size:11.5px;font-weight:800;letter-spacing:.16em;
  color:var(--primary);display:block;margin-bottom:9px;
}
.web01 .fit2-card h3{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 8px}
.web01 .fit2-card p{font-size:13.6px;line-height:1.82;color:var(--ink-3);margin:0}
/* 末位：转化卡（深色反白） */
.web01 .fit2-cta{
  background:linear-gradient(135deg,#1b2230,#2a3448);border-radius:16px;padding:26px 28px;
  display:flex;flex-direction:column;justify-content:center;gap:14px;
  box-shadow:0 18px 40px rgba(20,40,80,.18);
}
.web01 .fit2-cta p{font-size:15px;font-weight:700;color:rgba(255,255,255,.86);margin:0}
.web01 .fit2-cta .btn{align-self:flex-start}

/* ========== S7 流程：纵向时间轴（左轴线 + 圆点 + 步骤产出物右标） ========== */
.web01 .tl-wrap{position:relative;margin-top:40px;padding-left:38px}
.web01 .tl-wrap::before{
  content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(to bottom,var(--primary),rgba(240,120,12,.15));
}
.web01 .tl-item{
  position:relative;display:grid;grid-template-columns:96px 1fr auto;align-items:start;gap:24px;
  padding:0 0 30px;
}
.web01 .tl-item:last-child{padding-bottom:0}
.web01 .tl-dot{
  position:absolute;left:-38px;top:5px;width:20px;height:20px;border-radius:50%;
  background:#fff;border:2px solid var(--primary);box-shadow:0 0 0 4px rgba(240,120,12,.10);
  transition:.3s;
}
.web01 .tl-item:hover .tl-dot{background:var(--primary);box-shadow:0 0 0 7px rgba(240,120,12,.16)}
.web01 .tl-no{
  font-family:var(--mono);font-size:11.5px;font-weight:800;letter-spacing:.14em;
  color:var(--ink-3);padding-top:6px;
}
.web01 .tl-item:hover .tl-no{color:var(--primary-dark)}
.web01 .tl-item h3{font-size:17.5px;font-weight:800;color:var(--ink);margin:0 0 7px}
.web01 .tl-item p{font-size:13.8px;line-height:1.82;color:var(--ink-3);margin:0;max-width:620px}
.web01 .tl-out{
  display:inline-block;width:max-content;max-width:100%;
  font-family:inherit;font-size:12px;font-weight:700;letter-spacing:0;
  color:var(--primary-dark);background:var(--primary-light);
  padding:7px 16px;border-radius:6px;white-space:nowrap;margin-top:8px;line-height:1.45;
}

/* ========== S8 交付保障：深底四段（大图标 + 大标题，无卡框） ========== */
.web01 .dlv2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:44px}
.web01 .dlv2-item{position:relative;padding-top:22px;border-top:2px solid rgba(255,255,255,.14);transition:.3s}
.web01 .dlv2-item:hover{border-top-color:var(--primary)}
.web01 .dlv2-ico{
  width:54px;height:54px;border-radius:14px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  color:var(--primary);font-size:21px;margin-bottom:16px;transition:.3s;
}
.web01 .dlv2-item:hover .dlv2-ico{background:var(--primary);border-color:var(--primary);color:#fff}
.web01 .dlv2-item h3{font-size:17px;font-weight:800;color:#fff;margin:0 0 9px}
.web01 .dlv2-item p{font-size:13.6px;line-height:1.82;color:rgba(255,255,255,.62);margin:0}

/* ========== S9 FAQ：双列问答卡（不用手风琴，全部展开） ========== */
.web01 .faq2-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}
.web01 .faq2-item{
  background:#fff;border:1px solid var(--hair);border-radius:14px;padding:24px 26px;
  transition:.3s;
}
.web01 .faq2-item:hover{border-color:rgba(240,120,12,.35);box-shadow:0 16px 36px rgba(20,40,80,.08)}
.web01 .faq2-item h3{
  font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.6;margin:0 0 12px;
  display:flex;align-items:flex-start;gap:10px;
}
.web01 .faq2-q{
  flex-shrink:0;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;
  background:var(--primary-dark);color:#fff;font-family:var(--mono);font-size:11.5px;font-weight:800;
  margin-top:2px;
}
.web01 .faq2-item p{
  font-size:13.6px;line-height:1.85;color:var(--ink-3);margin:0;
  display:flex;align-items:flex-start;gap:10px;
}
.web01 .faq2-a{
  flex-shrink:0;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;
  background:var(--primary-light);color:var(--primary-dark);font-family:var(--mono);font-size:11.5px;font-weight:800;
  margin-top:2px;
}

/* ========== 响应式 ========== */
@media (max-width:1100px){
  .web01 .pin-grid{grid-template-columns:repeat(2,1fr)}
  .web01 .hire-grid{grid-template-columns:repeat(2,1fr)}
  .web01 .dlv2-grid{grid-template-columns:repeat(2,1fr)}
  .web01 .pt-wrap{grid-template-columns:1fr 300px;gap:36px}
  .web01 .pt-head{grid-template-columns:1fr;gap:20px;align-items:start}
  .web01 .svc6-row{grid-template-columns:64px 1fr 44px;gap:18px}
  .web01 .sr-go{display:none}
}
@media (max-width:980px){
  .web01 .pin-grid{grid-template-columns:1fr}
  .web01 .hire-grid{grid-template-columns:1fr}
  .web01 .fit2-grid{grid-template-columns:1fr}
  .web01 .faq2-grid{grid-template-columns:1fr}
  .web01 .dlv2-grid{grid-template-columns:1fr;gap:24px}
  .web01 .ed-quote{padding-left:0;margin-bottom:36px}
  .web01 .ed-quote-mark{position:static;display:block;font-size:64px;margin-bottom:-8px;top:auto;left:auto}
  .web01 .sec.pt-desk{padding:62px 0 66px}
  .web01 .pt-head{padding-bottom:26px}
  .web01 .pt-head h2{font-size:26px}
  .web01 .pt-head-r{font-size:14px;line-height:1.85}
  .web01 .pt-wrap{grid-template-columns:1fr;gap:26px;margin-top:2px}
  .web01 .pt-side{position:static;padding:24px 22px 22px}
  .web01 .pt-side-no{font-size:52px}
  .web01 .pt-row{grid-template-columns:22px 1fr;gap:14px;padding:20px 12px 20px 10px}
  .web01 .pt-side-top{margin-bottom:14px}
  .web01 .pt-side-quote{font-size:13.6px;margin-bottom:16px}
  .web01 .pt-tick{width:22px;height:22px;font-size:10px}
  .web01 .pt-tag{display:none}
  .web01 .pt-body h3{font-size:16px}
  .web01 .pt-body p{font-size:13px;line-height:1.8}
  .web01 .svc6-row{grid-template-columns:44px 1fr;gap:12px;padding:18px 2px}
  .web01 .sr-ico{display:none}
  .web01 .sr-num{font-size:26px}
  .web01 .sr-main h3{font-size:17px}
  .web01 .sr-en{display:none}
  .web01 .tl-wrap{padding-left:28px}
  .web01 .tl-item{grid-template-columns:1fr;gap:6px}
  .web01 .tl-dot{left:-28px;width:16px;height:16px}
  .web01 .tl-out{justify-self:start;margin-top:6px}
}

/* ========== 主栏目 FAQ：加载更多（2026-10-18 21:20） ========== */
/* 默认隐藏的问答 */
.web01 .faq2-item.faq2-more{display:none}
/* 逐条展开的入场动画 */
.web01 .faq2-item.faq2-show{
  display:block;
  animation:faqIn .45s cubic-bezier(.2,.7,.3,1) both;
}
@keyframes faqIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
/* 底部按钮区 */
.web01 .faq2-actions{margin-top:38px;text-align:center}
.web01 .faq2-more-btn{
  display:inline-flex;align-items:center;gap:12px;
  font-family:inherit;font-size:14.5px;font-weight:700;letter-spacing:.02em;
  color:var(--ink);background:#fff;cursor:pointer;
  border:1px solid var(--hair);border-radius:100px;
  padding:14px 32px;
  transition:.3s;
  box-shadow:0 8px 22px rgba(20,40,80,.06);
}
.web01 .faq2-more-btn i{font-size:12px;color:var(--primary-dark);transition:transform .3s}
.web01 .faq2-more-btn:hover{
  border-color:var(--primary);color:var(--primary-dark);
  box-shadow:0 14px 32px rgba(240,120,12,.16);
  transform:translateY(-2px);
}
.web01 .faq2-more-btn:hover i{transform:translateY(2px)}
.web01 .faq2-more-btn.is-done{
  cursor:default;color:var(--ink-3);border-color:var(--hair);
  box-shadow:none;background:var(--gray);
}
.web01 .faq2-more-btn.is-done i{display:none}
.web01 .faq2-tip{margin:18px 0 0;font-size:13.5px;color:var(--ink-3)}
.web01 .faq2-tip a{color:var(--primary-dark);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(240,120,12,.35)}
.web01 .faq2-tip a:hover{border-bottom-color:var(--primary-dark)}

@media (max-width:980px){
  .web01 .faq2-actions{margin-top:28px}
  .web01 .faq2-more-btn{padding:12px 24px;font-size:13.5px}
}

/* ########## 联系我们页专属模块（lists_single_lianxi.htm · 2026-10-19）########## */

/* banner：叠加暗色渐变，保证白字在任何配图上都清晰 */
.web01 .ct-hero{position:relative}
.web01 .ct-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,22,34,.52),rgba(15,22,34,.7))}
.web01 .ct-hero .hp-hero-img{z-index:0}
.web01 .ct-hero .hp-hero-inner{position:relative;z-index:2}

/* S1 联系方式：六格图标卡 */
.web01 .ct-info{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.web01 .ct-card{
  background:#fff;border:1px solid var(--hair);border-radius:16px;padding:30px 28px;
  transition:.3s;position:relative;overflow:hidden;
}
.web01 .ct-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transform-origin:top;transition:transform .35s}
.web01 .ct-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,40,80,.1);border-color:rgba(240,120,12,.3)}
.web01 .ct-card:hover::before{transform:scaleY(1)}
.web01 .ct-ico{
  width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
  background:var(--primary-light);color:var(--primary-dark);font-size:20px;margin-bottom:18px;
  transition:.3s;
}
.web01 .ct-card:hover .ct-ico{background:var(--primary);color:#fff}
.web01 .ct-card h3{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 9px}
.web01 .ct-card p{font-size:14px;line-height:1.85;color:var(--ink-3);margin:0}

/* S2 需求表：左表单 + 右直通车卡 */
.web01 .ct-form-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:34px;margin-top:42px;align-items:start}
.web01 .ct-form-box{background:#fff;border:1px solid var(--hair);border-radius:18px;padding:30px 30px 32px;box-shadow:0 14px 36px rgba(20,40,80,.06)}
.web01 .ct-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.web01 .ct-field input,
.web01 .ct-field textarea{
  width:100%;border:1px solid #e1e7ef;border-radius:11px;background:#fbfcfe;
  padding:14px 16px;font-size:14.5px;color:var(--ink);font-family:inherit;transition:.25s;resize:vertical;
}
.web01 .ct-field{margin-bottom:16px}
.web01 .ct-field textarea{min-height:128px;line-height:1.8}
.web01 .ct-field input::placeholder,
.web01 .ct-field textarea::placeholder{color:#aab3bf}
.web01 .ct-field input:focus,
.web01 .ct-field textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(255,182,87,.16)}
.web01 .ct-submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.web01 .ct-form-note{font-size:12.5px;color:var(--ink-3);line-height:1.6}
.web01 .ct-direct{background:linear-gradient(160deg,#1b2230,#2a3448);border-radius:18px;padding:28px 26px;color:#fff;box-shadow:0 18px 44px rgba(20,40,80,.18);position:sticky;top:96px}
.web01 .ct-direct-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,182,87,.16);border:1px solid rgba(255,182,87,.32);
  color:var(--primary);font-size:14px;font-weight:800;border-radius:999px;
  padding:8px 16px 8px 8px;margin-bottom:18px;
}
.web01 .ct-direct-badge span{
  display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:var(--primary);color:#1b2230;font-size:16px;font-weight:800;
}
.web01 .ct-direct h3{font-size:19px;font-weight:800;margin:0 0 18px;color:#fff}
.web01 .ct-direct-list{list-style:none;margin:0;padding:0}
.web01 .ct-direct-list li{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.web01 .ct-direct-list li:last-child{border-bottom:0}
.web01 .ct-direct-list i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,182,87,.16);color:var(--primary);font-size:15px;flex-shrink:0}
.web01 .ct-direct-list span{display:block;font-size:12.5px;color:rgba(255,255,255,.6);margin-bottom:2px}
.web01 .ct-direct-list b{font-size:14px;font-weight:700;color:#fff;font-family:inherit;letter-spacing:0;line-height:1.45}

/* S3 到访与交通：左地图卡 + 右指引 */
.web01 .ct-visit{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;margin-top:42px;align-items:stretch}
.web01 .ct-map{
  position:relative;border-radius:18px;overflow:hidden;min-height:340px;
  background:#eef2f8;border:1px solid var(--hair);
  display:flex;flex-direction:column;justify-content:space-between;
}
.web01 .ct-map-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#c4cedd 1px,transparent 1px);background-size:22px 22px;opacity:.7}
.web01 .ct-map::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,182,87,.1),rgba(255,182,87,0) 60%)}
.web01 .ct-map-pin{position:relative;z-index:2;margin:auto;text-align:center}
.web01 .ct-map-pin i{font-size:42px;color:var(--primary-dark);filter:drop-shadow(0 6px 10px rgba(20,40,80,.25))}
.web01 .ct-map-pin span{display:block;margin-top:8px;font-size:14px;font-weight:700;color:var(--ink);background:rgba(255,255,255,.92);padding:6px 14px;border-radius:999px;box-shadow:0 6px 16px rgba(20,40,80,.12);width:max-content;margin-left:auto;margin-right:auto}
.web01 .ct-map-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;background:rgba(255,255,255,.92);border-top:1px solid var(--hair);font-size:12.5px;color:var(--ink-2)}
.web01 .ct-map-foot a{color:var(--primary-dark);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.web01 .ct-map-foot a:hover{text-decoration:underline}
.web01 .ct-traffic{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}
.web01 .ct-traffic-item{background:#fff;border:1px solid var(--hair);border-radius:14px;padding:20px 20px}
.web01 .ct-tf-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--warm);color:var(--primary-dark);font-size:16px;margin-bottom:12px}
.web01 .ct-traffic-item h4{font-size:15.5px;font-weight:800;color:var(--ink);margin:0 0 7px}
.web01 .ct-traffic-item p{font-size:13px;line-height:1.78;color:var(--ink-3);margin:0}

/* S4 选择理由：三列图标卡（深底） */
.web01 .ct-reason{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-top:42px}
.web01 .ct-reason-item{background:rgba(255,255,255,.04);padding:30px 28px;transition:background .3s}
.web01 .ct-reason-item:hover{background:rgba(255,255,255,.09)}
.web01 .ct-ri-ico{
  width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
  background:rgba(255,182,87,.16);border:1px solid rgba(255,182,87,.3);color:var(--primary);
  font-size:21px;margin-bottom:18px;transition:.3s;
}
.web01 .ct-reason-item:hover .ct-ri-ico{background:var(--primary);border-color:var(--primary);color:#1b2230}
.web01 .ct-reason-item h3{font-size:17px;font-weight:800;color:#fff;margin:0 0 9px}
.web01 .ct-reason-item p{font-size:13.6px;line-height:1.82;color:rgba(255,255,255,.66);margin:0}

/* S7 CTA 修正：深底横带内边距 */
.web01 .ct-cta{padding:84px 0}

/* ===== 联系页响应式 ===== */
@media (max-width:1100px){
  .web01 .ct-info{grid-template-columns:repeat(2,1fr)}
  .web01 .ct-reason{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .web01 .ct-form-layout{grid-template-columns:1fr;gap:26px}
  .web01 .ct-direct{position:static}
  .web01 .ct-visit{grid-template-columns:1fr;gap:24px}
  .web01 .ct-map{min-height:280px}
  .web01 .ct-traffic{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .web01 .ct-info{grid-template-columns:1fr}
  .web01 .ct-reason{grid-template-columns:1fr}
  .web01 .ct-form-row{grid-template-columns:1fr;gap:0}
  .web01 .ct-traffic{grid-template-columns:1fr}
  .web01 .ct-submit{flex-direction:column;align-items:flex-start;gap:10px}
  .web01 .ct-submit .btn{width:100%}
}

/* ==========================================================================
   关于我们页（lists_single.htm · ab- 前缀） 2026-10-19
   10 模块：Hero / 简介+数据 / 发展历程摘要 / 服务能力三栏 / 核心团队 /
           服务理念 / 技术栈与合作背书 / 项目成果 / 企业信息 / 为什么选我们 / CTA
   背景节奏：白 → 暖 → 白 → 浅灰 → 白 → 深色(仅1处) → 白 → 浅灰 → 深色CTA
   ========================================================================== */

/* ---------- S1 品牌简介：编辑部式「大标题跨栏 + 左文右图 + 竖排数据」 ----------
   2026-10-19 重做：旧版 .sec-head 限宽 820px 嵌在 1125px 容器里，右侧空 285px，
   且 align-items:center 让 350px 文字与 557px 图强行居中，产生大片空白 → 视觉错位。
   新版：① 标题区改为跨栏（不限宽，文字左对齐贴容器边）② 主体左文右图顶对齐 ③
        数据改为正文下方独立横条，与容器等宽，不再被左栏挤压。 */
.web01 .ab-intro{display:grid;grid-template-columns:1.28fr .72fr;gap:0 64px;align-items:start}
/* 主体两栏：文字与图片顶对齐，消除 center 造成的错位感 */
.web01 .ab-intro-txt{min-width:0}
.web01 .ab-intro-txt p{font-size:15.5px;line-height:1.95;color:var(--ink-2);margin:0 0 18px}
.web01 .ab-intro-txt p:last-child{margin-bottom:0}
.web01 .ab-intro-txt strong{color:var(--ink);font-weight:700}
/* 图片列：16/11 横构图，比 4/5 竖图矮，与左侧文字高度更接近 */
.web01 .ab-shot{position:relative;margin:0}
.web01 .ab-shot img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:18px;box-shadow:0 20px 50px rgba(20,40,80,.16)}
.web01 .ab-shot .hud-c{position:absolute;width:22px;height:22px;z-index:3;pointer-events:none}
.web01 .ab-shot .hud-c.c1{top:14px;left:14px;border-top:2px solid var(--primary);border-left:2px solid var(--primary)}
.web01 .ab-shot .hud-c.c2{top:14px;right:14px;border-top:2px solid var(--primary);border-right:2px solid var(--primary)}
.web01 .ab-shot .hud-c.c3{bottom:14px;left:14px;border-bottom:2px solid var(--primary);border-left:2px solid var(--primary)}
.web01 .ab-shot .hud-c.c4{bottom:14px;right:14px;border-bottom:2px solid var(--primary);border-right:2px solid var(--primary)}
.web01 .ab-shot figcaption{position:absolute;left:16px;bottom:16px;z-index:2;background:rgba(255,255,255,.94);color:var(--ink);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:8px;box-shadow:0 6px 18px rgba(20,40,80,.14)}
/* 数据条：独立横条，与容器等宽、与上方两栏解耦（修版核心） */
.web01 .ab-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border-top:2px solid var(--ink);border-bottom:1px solid var(--hair);padding:26px 0}
.web01 .ab-fact{padding:0 30px}
.web01 .ab-fact:first-child{padding-left:0}
.web01 .ab-fact:last-child{padding-right:0}
.web01 .ab-fact + .ab-fact{border-left:1px solid var(--hair)}
.web01 .ab-fact .af-no{font-family:var(--mono);font-size:34px;font-weight:700;color:var(--primary-dark);line-height:1;letter-spacing:-.02em}
.web01 .ab-fact .af-no small{font-size:15px;font-weight:700;margin-left:2px}
.web01 .ab-fact .af-lb{font-size:13.5px;color:var(--ink-3);margin-top:10px;line-height:1.5}

/* ---------- S2 发展历程摘要：横向 6 段进度条（非时间轴，避免与发展历程页雷同） ---------- */
.web01 .ab-hist{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:44px;position:relative}
.web01 .ab-hist::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:linear-gradient(90deg,var(--primary),#f3d3a4)}
.web01 .ab-hstep{position:relative;padding:26px 18px 0 0}
.web01 .ab-hstep .hs-dot{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--primary);position:relative;z-index:2;transition:.25s}
.web01 .ab-hstep:hover .hs-dot{background:var(--primary);box-shadow:0 0 0 5px rgba(240,135,0,.16)}
.web01 .ab-hstep .hs-yr{display:block;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--primary-dark);margin:12px 0 6px;letter-spacing:.02em}
.web01 .ab-hstep h4{font-size:15px;font-weight:700;margin:0 0 7px;color:var(--ink);line-height:1.5}
.web01 .ab-hstep p{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
/* 2026-10-19 重做：只放最近几年（4 个节点），「查看详情」独立成右侧大卡片入口 */
.web01 .ab-hist{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;position:relative}
.web01 .ab-hist::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:linear-gradient(90deg,var(--primary),#f3d3a4)}
.web01 .ab-hstep{position:relative;padding:26px 26px 0 0}
.web01 .ab-hist-detail{display:flex;flex-direction:column;justify-content:center;gap:18px;background:#fff;border:1px solid var(--hair);border-left:3px solid var(--primary);border-radius:16px;padding:30px 30px;box-shadow:0 14px 36px rgba(20,40,80,.08);transition:.28s;margin-top:44px}
.web01 .ab-hist-detail:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(20,40,80,.13);border-left-color:var(--primary-dark)}
.web01 .ab-hist-detail .ahd-no{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--primary)}
.web01 .ab-hist-detail h4{font-size:21px;font-weight:800;margin:0;color:var(--ink);letter-spacing:-.2px}
.web01 .ab-hist-detail p{font-size:14.5px;line-height:1.85;color:var(--ink-3);margin:0}
.web01 .ab-hist-detail .ahd-cta{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--primary-dark);text-decoration:none;padding-top:4px}
.web01 .ab-hist-detail .ahd-cta i{font-size:12px;transition:.25s}
.web01 .ab-hist-detail:hover .ahd-cta i{transform:translateX(4px)}

/* ---------- S3 服务能力三栏：每栏 = 标题 + 说明 + 编号条目 + 底部 CTA ----------
   2026-10-19 重构：原「建站=一行链接 / 运维+推广=两行带描述」两套样式导致三栏
   高度与视觉语言不统一（运维 10 条两行式过长、底边参差）。
   现统一为「编号 + 标题 + 同行短描述」一行式；卡片 flex 纵向、CTA 吸底，
   三栏底边强制对齐。运维条目由两行压到一行，高度降约四成。 */
.web01 .ab-svc3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}
.web01 .ab-svc-col{border-top:2px solid var(--hair);padding-top:24px;transition:.28s;display:flex;flex-direction:column}
.web01 .ab-svc-col:hover{border-top-color:var(--primary)}
.web01 .ab-svc-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.web01 .ab-svc-hd .abh-ico{width:40px;height:40px;border-radius:11px;background:var(--primary-light);border:1px solid #f6dcbb;color:var(--primary-dark);display:grid;place-items:center;font-size:16px;flex-shrink:0;transition:.25s}
.web01 .ab-svc-col:hover .abh-ico{background:var(--primary);border-color:var(--primary);color:#fff}
.web01 .ab-svc-hd h3{font-size:18px;font-weight:800;margin:0;letter-spacing:-.2px}
.web01 .ab-svc-col > p{font-size:14px;line-height:1.85;color:var(--ink-3);margin:0 0 18px}
.web01 .ab-svc-list{list-style:none;margin:0 0 4px;padding:0;border-top:1px dashed #e6ecf3}
.web01 .ab-svc-list li{border-bottom:1px dashed #e6ecf3}
.web01 .ab-svc-list li:last-child{border-bottom:0}
.web01 .ab-svc-list .asi-row{display:flex;align-items:center;gap:10px;padding:9px 2px;text-decoration:none;transition:.22s}
.web01 .ab-svc-list .asi-no{flex-shrink:0;width:23px;height:23px;border-radius:6px;background:#f2f6fb;color:var(--primary-dark);font-family:var(--mono);font-size:11px;font-weight:700;display:grid;place-items:center;transition:.22s}
.web01 .ab-svc-list .asi-tx{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}
.web01 .ab-svc-list .asi-tx b{font-size:14px;font-weight:600;color:var(--ink);line-height:1.5;white-space:nowrap}
.web01 .ab-svc-list .asi-tx > span{font-size:12px;color:var(--ink-3);line-height:1.5}
/* 建站栏条目可点击：右侧箭头 + hover 反馈 */
.web01 .ab-svc-list a.asi-row > i{font-size:10px;color:#c3ccd8;flex-shrink:0;transition:.22s}
.web01 .ab-svc-list a.asi-row:hover .asi-no{background:var(--primary);color:#fff}
.web01 .ab-svc-list a.asi-row:hover b{color:var(--primary-dark)}
.web01 .ab-svc-list a.asi-row:hover > i{color:var(--primary);transform:translateX(3px)}
/* 底部 CTA：margin-top:auto 吸底，三栏对齐 */
.web01 .ab-svc-cta{margin-top:auto;padding-top:14px;border-top:1px solid var(--hair);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--primary-dark);text-decoration:none;transition:.22s}
.web01 .ab-svc-cta i{font-size:11px;transition:.22s}
.web01 .ab-svc-cta:hover{color:var(--primary)}
.web01 .ab-svc-cta:hover i{transform:translateX(3px)}

/* ---------- S4 核心团队：负责人卡 + 职能分工（不做假人像） ---------- */
.web01 .ab-team{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start;margin-top:44px}
.web01 .ab-lead-card{background:#fff;border:1px solid var(--hair);border-radius:18px;padding:30px 28px;box-shadow:0 14px 36px rgba(20,40,80,.09)}
/* 负责人头部：头像 + 姓名职位 左右布局（2026-10-19）。头像 132px，橙色描边环 + 右下角在线标识 */
.web01 .ab-lead-card .alc-head{display:flex;align-items:center;gap:22px;margin-bottom:22px}
.web01 .ab-lead-card .alc-av{position:relative;width:132px;height:132px;border-radius:28px;margin:0;padding:3px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 14px 32px rgba(240,135,0,.32);overflow:hidden;flex-shrink:0}
.web01 .ab-lead-card .alc-av img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:25px;background:#fff}
.web01 .ab-lead-card .alc-id{min-width:0}
.web01 .ab-lead-card h3{font-size:24px;font-weight:800;margin:0 0 8px;letter-spacing:-.3px;line-height:1.25}
.web01 .ab-lead-card .alc-role{font-family:var(--mono);font-size:12.5px;color:var(--primary-dark);font-weight:700;letter-spacing:.06em;margin:0;line-height:1.6}
.web01 .ab-lead-card p{font-size:14.5px;line-height:1.9;color:var(--ink-3);margin:0 0 18px}
.web01 .ab-lead-card .alc-meta{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair);padding-top:16px}
.web01 .ab-lead-card .alc-meta li{display:flex;gap:10px;font-size:13.8px;color:var(--ink-2);padding:5px 0;align-items:flex-start}
.web01 .ab-lead-card .alc-meta li i{color:var(--primary);margin-top:5px;font-size:11px}
/* 职能分工列表 */
.web01 .ab-roles{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.web01 .ab-role{padding:18px 0;border-bottom:1px solid var(--hair);transition:.22s}
.web01 .ab-role:hover{padding-left:6px}
.web01 .ab-role .ar-t{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.web01 .ab-role .ar-t i{width:26px;height:26px;border-radius:7px;background:#f2f6fb;color:var(--primary-dark);display:grid;place-items:center;font-size:11px;flex-shrink:0}
.web01 .ab-role h4{font-size:15.5px;font-weight:700;margin:0;color:var(--ink)}
.web01 .ab-role p{font-size:13.5px;line-height:1.8;color:var(--ink-3);margin:0}

/* ---------- S5 服务理念：2x2 大字编号方格（区别于卡片堆叠） ---------- */
.web01 .ab-idea{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:44px;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.web01 .ab-idea-item{padding:32px 34px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);transition:.25s;position:relative}
.web01 .ab-idea-item:hover{background:#fbfcfe}
.web01 .ab-idea-item .ai-no{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--primary);letter-spacing:.14em;margin-bottom:12px}
.web01 .ab-idea-item h4{font-size:18.5px;font-weight:800;margin:0 0 10px;color:var(--ink)}
.web01 .ab-idea-item p{font-size:14.5px;line-height:1.85;color:var(--ink-3);margin:0}

/* ---------- S6 技术栈与合作背书：深色带（全页仅此 1 处深色内容区） ---------- */
.web01 .sec-dark .ab-tech{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start;margin-top:44px}
.web01 .sec-dark .ab-tech h4{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px}
.web01 .sec-dark .ab-tech-desc{font-size:14px;line-height:1.85;color:rgba(255,255,255,.62);margin:0 0 20px}
/* 深底上的标签：描边风（与浅底的实心 chip 区分） */
.web01 .sec-dark .ab-tchips{display:flex;flex-wrap:wrap;gap:9px}
.web01 .sec-dark .ab-tchips span{padding:7px 13px;border-radius:9px;border:1px solid rgba(255,179,87,.42);background:rgba(255,179,87,.08);color:#ffc98a;font-family:var(--mono);font-size:12.5px;font-weight:600;transition:.2s}
.web01 .sec-dark .ab-tchips span:hover{background:rgba(255,179,87,.2);border-color:var(--primary);color:#fff}
/* 合作背书：左图片 + 右清单 */
.web01 .sec-dark .ab-trust{display:flex;flex-direction:column;gap:18px}
.web01 .sec-dark .ab-cert{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px 22px}
.web01 .sec-dark .ab-cert h4{font-size:15.5px;margin:0 0 14px;display:flex;align-items:center;gap:9px}
.web01 .sec-dark .ab-cert h4 i{color:var(--primary);font-size:13px}
.web01 .sec-dark .ab-cert ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
.web01 .sec-dark .ab-cert li{font-size:13.5px;color:rgba(255,255,255,.72);display:flex;align-items:flex-start;gap:8px;line-height:1.6}
.web01 .sec-dark .ab-cert li i{color:var(--primary);font-size:10px;margin-top:6px}
.web01 .sec-dark .ab-certs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:4px}
.web01 .sec-dark .ab-certs img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#fff;transition:.25s;display:block}
.web01 .sec-dark .ab-certs img:hover{border-color:var(--primary);transform:translateY(-3px)}

/* ---------- S7 项目成果：3 卡图片压字（复用已批准的 case-tile 版式） ---------- */
.web01 .ab-work-note{margin-top:20px;font-size:14px;color:var(--ink-3);line-height:1.8}

/* ---------- S8 企业信息：工商登记字段表 + 知识产权/备案 + 联系条 + 证书 ---------- */
/* 区块小标题（上粗下细双线，区别于 S4/S5 的标题写法） */
.web01 .ab-block-t{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:var(--ink);margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.web01 .ab-block-t i{color:var(--primary);font-size:14px;flex-shrink:0}
.web01 .ab-block-t .abt-n{font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--primary-dark);background:var(--primary-light);border-radius:5px;padding:3px 9px;letter-spacing:.04em;margin-left:auto}

/* S8-a 工商登记：双列字段网格（16 项 + 1 整行地址） */
.web01 .ab-reg{margin-top:44px}
.web01 .ab-reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid var(--hair)}
.web01 .ab-reg-grid .ab-info-row{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:13px 2px;border-bottom:1px solid var(--hair);align-items:baseline}
.web01 .ab-reg-grid .ab-info-row dt{font-size:13.5px;color:var(--ink-3);font-weight:600;margin:0}
.web01 .ab-reg-grid .ab-info-row dd{margin:0;font-size:15px;color:var(--ink);font-weight:600;line-height:1.7;word-break:break-word}
/* 编号类（信用代码/注册号/备案号）用等宽字体，与中文信息区分
   标签列需 148px 才放得下「统一社会信用代码」7 字不折行 */
.web01 .ab-reg-grid .ab-info-row.ab-cred{grid-template-columns:148px 1fr;background:linear-gradient(90deg,rgba(255,179,87,.08),rgba(255,179,87,0));border-radius:7px;padding:12px 10px;margin:2px -10px;border-bottom-color:transparent}
.web01 .ab-reg-grid .ab-info-row.ab-cred dt{color:var(--primary-dark);display:flex;align-items:center;gap:7px}
.web01 .ab-reg-grid .ab-info-row.ab-cred dt i{font-size:10px;flex-shrink:0}
.web01 .ab-reg-grid .ab-info-row.ab-cred dd{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--primary-dark);word-break:break-all}
/* 整行字段（注册地址） */
.web01 .ab-reg-grid .ab-info-row.ab-wide{grid-column:1 / -1}
.web01 .ab-reg-grid .ab-info-row .ab-sub{display:block;font-size:12.5px;color:var(--ink-3);font-weight:400;margin-top:4px;font-family:inherit;letter-spacing:0}
.web01 .ab-reg-grid .ab-info-row dd a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(240,135,0,.45);transition:.2s}
.web01 .ab-reg-grid .ab-info-row dd a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}
/* 存续状态徽章 */
.web01 .ab-st{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:700;color:#0e7f56;background:#e8f6f0;border:1px solid #b8e3d0;border-radius:20px;padding:3px 13px;letter-spacing:0}
.web01 .ab-st i{font-size:10px}

/* S8-b 知识产权与网站备案：三栏清单（不用卡片堆叠，用分栏 + 虚线分隔） */
.web01 .ab-ip{display:grid;grid-template-columns:1.12fr .88fr 1fr;gap:34px;margin-top:46px;padding-top:38px;border-top:1px solid var(--hair)}
.web01 .ab-ip-hd{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.web01 .ab-ip-hd .aico{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #f0dcbd;color:var(--primary-dark);display:grid;place-items:center;font-size:14px;flex-shrink:0;transition:.25s}
.web01 .ab-ip-col:hover .aico{background:var(--primary);border-color:var(--primary);color:#fff}
.web01 .ab-ip-hd h4{font-size:16px;font-weight:800;margin:0;letter-spacing:-.2px}
.web01 .ab-ip-hd .aic-n{margin-left:auto;font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--ink-3);border:1px solid var(--hair);border-radius:20px;padding:2px 10px;white-space:nowrap}
.web01 .ab-ip-list{list-style:none;margin:0;padding:0}
.web01 .ab-ip-list li{padding:14px 0;border-top:1px dashed #dbe3ec;transition:.2s}
.web01 .ab-ip-list li:first-child{border-top:0;padding-top:0}
.web01 .ab-ip-list .ipt{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.55}
.web01 .ab-ip-list .ipm{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--ink-2);letter-spacing:.02em;margin-top:6px;word-break:break-all}
.web01 .ab-ip-list .ipm em{font-style:normal;color:var(--primary-dark)}
.web01 .ab-ip-list .ipd{font-size:12.5px;color:var(--ink-3);margin-top:5px;line-height:1.7}
.web01 .ab-ip-list .ipd b{color:var(--ink-2);font-weight:700}
.web01 .ab-ip-list .ipt .ip-tag{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;color:#0e7f56;background:#e8f6f0;border-radius:4px;padding:1px 6px;margin-left:7px;vertical-align:1px;letter-spacing:0}

/* S8-c 联系与办公：横排 4 格紧凑条（不再是字段表） */
.web01 .ab-contact{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;padding-top:38px;border-top:1px solid var(--hair)}
.web01 .ab-cbox{padding:0 26px;border-left:1px solid var(--hair)}
.web01 .ab-cbox:first-child{padding-left:0;border-left:0}
.web01 .ab-cbox:last-child{padding-right:0}
.web01 .ab-cbox .cbt{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3);font-weight:600;margin-bottom:9px}
.web01 .ab-cbox .cbt i{width:24px;height:24px;border-radius:7px;background:#f2f6fb;color:var(--primary-dark);display:grid;place-items:center;font-size:10px;flex-shrink:0}
.web01 .ab-cbox .cbv{font-size:17px;font-weight:800;color:var(--ink);line-height:1.5;letter-spacing:-.2px}
.web01 .ab-cbox .cbv a{color:var(--ink);text-decoration:none;transition:.2s;word-break:break-all}
.web01 .ab-cbox .cbv a:hover{color:var(--primary-dark)}
.web01 .ab-cbox .cbs{font-size:12.5px;color:var(--ink-3);margin-top:7px;line-height:1.65}

/* 证书缩略：底部一行 4 张小图 */
.web01 .ab-hon-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;padding-top:34px;border-top:1px dashed #dbe3ec}
.web01 .ab-badge{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border:1px solid var(--hair);border-radius:12px;box-shadow:0 8px 22px rgba(20,40,80,.05);transition:.25s}
.web01 .ab-badge:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 16px 34px rgba(20,40,80,.12)}
.web01 .ab-badge-ico{flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(240,135,0,.14),rgba(240,135,0,.04));color:var(--primary);font-size:16px}
.web01 .ab-badge-tx{min-width:0}
.web01 .ab-badge-tx b{display:block;font-size:14px;color:var(--ink);font-weight:700;line-height:1.3}
.web01 .ab-badge-tx span{display:block;font-size:12px;color:var(--ink-3);margin-top:3px;line-height:1.4}
.web01 .ab-hon-cap{grid-column:1 / -1;font-size:12.5px;color:var(--ink-3);line-height:1.7;margin:0}
@media (max-width:1080px){.web01 .ab-hon-badges{grid-template-columns:1fr 1fr}}

/* ---------- S9 为什么选择我们：左问右答两栏（编辑式，非卡片） ---------- */
.web01 .ab-why{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:44px;border-top:1px solid var(--hair)}
.web01 .ab-why-col{padding:30px 40px 0 0}
.web01 .ab-why-col + .ab-why-col{padding:30px 0 0 40px;border-left:1px solid var(--hair)}
.web01 .ab-why-col h3{font-size:19px;font-weight:800;margin:0 0 22px;display:flex;align-items:center;gap:11px}
.web01 .ab-why-col h3 i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#fff;background:var(--primary-dark);flex-shrink:0}
.web01 .ab-why-ok h3{color:var(--ok)}
.web01 .ab-why-ok h3 i{background:var(--ok);box-shadow:0 6px 16px rgba(14,159,110,.28)}
.web01 .ab-why-col ul{list-style:none;margin:0;padding:0}
.web01 .ab-why-col li{display:flex;align-items:flex-start;gap:11px;padding:12px 0;font-size:14.8px;line-height:1.8;color:var(--ink-2);border-bottom:1px dashed #edf1f6}
.web01 .ab-why-col li:last-child{border-bottom:0}
.web01 .ab-why-col li i{margin-top:6px;font-size:11px;flex-shrink:0;color:var(--ok)}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .web01 .ab-hist{grid-template-columns:repeat(3,1fr);row-gap:30px}
  .web01 .ab-hist::before{display:none}
  .web01 .ab-svc3{grid-template-columns:1fr;gap:34px}
  .web01 .sec-dark .ab-tech{grid-template-columns:1fr;gap:34px}
  .web01 .ab-reg-grid{grid-template-columns:1fr}
  .web01 .ab-ip{grid-template-columns:1fr 1fr;gap:30px}
  .web01 .ab-contact{grid-template-columns:1fr 1fr;gap:26px 0}
  .web01 .ab-cbox:nth-child(odd){padding-left:0;border-left:0}
  .web01 .ab-cbox:nth-child(even){padding-right:0}
}
@media (max-width:980px){
  .web01 .ab-intro{grid-template-columns:1fr;gap:38px}
  .web01 .ab-shot{max-width:520px}
  .web01 .ab-shot img{aspect-ratio:16/10}
  .web01 .ab-team{grid-template-columns:1fr;gap:34px}
  .web01 .ab-why{grid-template-columns:1fr;gap:0}
  .web01 .ab-why-col{padding:30px 0 0}
  .web01 .ab-why-col + .ab-why-col{padding:30px 0 0;border-left:0;border-top:1px solid var(--hair)}
}
@media (max-width:640px){
  .web01 .ab-facts{grid-template-columns:1fr;gap:0;padding:20px 0}
  .web01 .ab-fact{padding:16px 0}
  .web01 .ab-fact:first-child{padding-left:0}
  .web01 .ab-fact:last-child{padding-right:0}
  .web01 .ab-fact + .ab-fact{border-left:0;border-top:1px solid var(--hair)}
  .web01 .ab-hist{grid-template-columns:1fr}
  .web01 .ab-hstep{padding:22px 0 0}
  .web01 .ab-hist-detail{margin-top:30px;padding:24px 22px}
  .web01 .ab-hist-detail h4{font-size:18px}
  .web01 .ab-idea{grid-template-columns:1fr}
  .web01 .ab-idea-item{padding:26px 22px}
  .web01 .ab-roles{grid-template-columns:1fr}
  .web01 .ab-lead-card{padding:24px 20px}
  .web01 .ab-lead-card .alc-head{gap:16px;margin-bottom:18px}
  .web01 .ab-lead-card .alc-av{width:92px;height:92px;border-radius:22px}
  .web01 .ab-lead-card .alc-av img{border-radius:19px}
  .web01 .ab-lead-card h3{font-size:20px;margin-bottom:6px}
  .web01 .ab-reg-grid .ab-info-row{grid-template-columns:96px 1fr;gap:12px}
  .web01 .ab-reg-grid .ab-info-row.ab-cred{grid-template-columns:1fr;gap:6px;padding:12px 10px}
  .web01 .sec-dark .ab-cert ul{grid-template-columns:1fr}
  .web01 .sec-dark .ab-certs{grid-template-columns:repeat(3,1fr)}
  .web01 .ab-ip{grid-template-columns:1fr;gap:30px}
  .web01 .ab-contact{grid-template-columns:1fr;gap:0}
  .web01 .ab-cbox{padding:20px 0;border-left:0;border-top:1px solid var(--hair)}
  .web01 .ab-cbox:first-child{border-top:0;padding-top:0}
  .web01 .ab-hon-badges{grid-template-columns:1fr}
}

/* ########## 网站维护页（lists_single_weihu.htm · 2026-10-19 · v2 控制台风格）########## */
/* 复用 .web01 体系：sec / sec-warm / sec-gray / sec-dark / term / tl / plan / faq2 / wnav */

/* 锚点避让 */
.web01.wp-weihu section{scroll-margin-top:184px}
@media (max-width:1279px){.web01.wp-weihu section{scroll-margin-top:104px}}
/* hero 精简：大字单行、小字限两行、去掉上方 kicker */
.web01.wp-weihu .hp-hero h1{max-width:1080px;white-space:nowrap;font-size:46px}
.web01.wp-weihu .hp-hero-desc{max-width:760px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1279px){
  .web01.wp-weihu .hp-hero h1{white-space:normal;font-size:38px;max-width:820px}
}
@media (max-width:767px){
  .web01.wp-weihu .hp-hero h1{font-size:24px;max-width:100%;letter-spacing:-.4px}
  .web01.wp-weihu .hp-hero-desc{max-width:100%;font-size:14px;line-height:1.85}
}
@media (max-width:430px){
  .web01.wp-weihu .hp-hero h1{font-size:21px;letter-spacing:-.5px}
}
.web01.wp-weihu .hp-hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}
.web01.wp-weihu .hp-fact{font-family:var(--mono);font-size:13px;color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 14px}
.web01.wp-weihu .hp-fact b{color:var(--primary-light);font-weight:800;margin-right:6px;font-size:15px}

/* ===== 页面内锚点导航（全站唯一一组：桌面 pill 条 / 移动横滑） ===== */
.web01 .wnav{position:sticky;top:96px;z-index:54;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair);box-shadow:0 8px 22px rgba(20,40,80,.05)}
.web01 .wnav .container{display:flex;gap:4px;overflow-x:auto;padding:9px 20px;scrollbar-width:none}
.web01 .wnav .container::-webkit-scrollbar{display:none}
.web01 .wnav a{flex-shrink:0;padding:8px 15px;border-radius:8px;font-size:13.5px;font-weight:700;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:.2s}
.web01 .wnav a:hover{color:var(--primary-dark);background:var(--warm)}
.web01 .wnav a.active{color:#fff;background:var(--primary);box-shadow:0 6px 16px rgba(240,135,0,.30)}
@media (max-width:1279px){
  .web01 .wnav{top:61px}
  .web01 .wnav .container{padding:8px 16px;gap:8px}
  .web01 .wnav a{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;background:#f4f6f9;border:1px solid var(--hair);font-family:var(--mono)}
  .web01 .wnav a:hover{background:var(--warm);border-color:var(--primary-light)}
  .web01 .wnav a.active{border-color:var(--primary)}
}

/* ===== S1 左文 + 右实时监控台（焦点） ===== */
.web01 .wlead{display:grid;grid-template-columns:1fr 450px;gap:54px;align-items:start}
.web01 .wlead-txt h2{font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.3;letter-spacing:-.4px;margin:0 0 20px;color:var(--ink)}
.web01 .wlead-body p{font-size:14.6px;line-height:1.95;color:var(--ink-3);margin:0 0 16px}
.web01 .wlead-body p:last-child{margin-bottom:0}
.web01 .wlead-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:800;color:var(--primary-dark);text-decoration:none;font-size:14.5px}
.web01 .wlead-link i{transition:transform .25s}
.web01 .wlead-link:hover i{transform:translateX(4px)}
.web01 .wlead-side{position:sticky;top:178px}
.web01 .wlead-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.8;color:var(--ink-3);margin:16px 0 0}
.web01 .wlead-note i{color:var(--primary-dark);margin-top:4px;flex-shrink:0}

/* 监控台 live 态 */
.web01.wp-weihu .term--live{border:1px solid rgba(20,40,80,.10);box-shadow:0 26px 60px rgba(20,40,80,.16)}
.web01.wp-weihu .term-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#22c55e}
.web01.wp-weihu .term-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.web01.wp-weihu .term-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border-top:1px solid rgba(20,40,80,.08)}
.web01.wp-weihu .term-strip .tm-st{background:#fff;padding:14px 10px;text-align:center}
.web01.wp-weihu .term-strip .tm-st b{display:block;font-family:var(--mono);font-size:20px;font-weight:800;color:var(--primary-dark);line-height:1}
.web01.wp-weihu .term-strip .tm-st span{display:block;font-size:11px;color:var(--ink-3);margin-top:6px}
.web01.wp-weihu .term-body > div{display:flex;align-items:baseline;gap:0;white-space:nowrap}
.web01.wp-weihu .term-body .t-key{display:inline-block;min-width:96px}
.web01.wp-weihu .term-body .t-val{flex:1;overflow:hidden;text-overflow:ellipsis}
.web01.wp-weihu .term-body .t-ok{margin-left:auto;padding-left:10px}

/* ===== S2 服务项目（网格，主次清晰，不切换） ===== */
.web01 .wsvc{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.web01 .wsvc-c{position:relative;overflow:hidden;margin:0;background:#fff;border:1px solid var(--hair);border-radius:14px;padding:24px 26px 22px;transition:transform .3s,box-shadow .3s,border-color .3s}
.web01 .wsvc-c::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),rgba(255,182,87,.2));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.web01 .wsvc-c:hover{transform:translateY(-3px);border-color:rgba(240,120,12,.4);box-shadow:0 18px 40px rgba(20,40,80,.10)}
.web01 .wsvc-c:hover::before{transform:scaleX(1)}
.web01 .wsvc-no{font-family:var(--mono);font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--primary);display:block;margin-bottom:10px}
.web01 .wsvc-top{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.web01 .wsvc-ico{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:var(--warm);border:1px solid #f1e0c8;color:var(--primary-dark);display:grid;place-items:center;font-size:16px}
.web01 .wsvc-c h3{font-size:17.5px;font-weight:800;line-height:1.4;color:var(--ink);margin:0}
.web01 .wsvc-c p{font-size:13.8px;line-height:1.9;color:var(--ink-3);margin:0}
.web01 .wsvc-scope{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:12.5px;font-weight:700;color:var(--primary-dark);background:var(--warm);border-radius:8px;padding:8px 13px}
.web01 .wsvc-scope i{font-size:11px}
.web01 .wsvc-c .wsvc-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--primary-dark);text-decoration:none;transition:.22s}
.web01 .wsvc-c .wsvc-link i{font-size:11px;transition:transform .22s}
.web01 .wsvc-c:hover .wsvc-link i{transform:translateX(4px)}

/* ===== S3 三大保障柱 + 七优势（深色技术墙） ===== */
.web01 .sec-tech{position:relative;background:radial-gradient(1100px 400px at 80% -10%,rgba(240,120,12,.12),transparent 60%),linear-gradient(180deg,#0d1b2e,#11233b)}
.web01 .sec-tech::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 0,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 0,#000,transparent 75%)}
.web01 .sec-tech .container{position:relative}
.web01 .wadv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:26px;border-top:1px solid rgba(255,255,255,.12);padding-top:26px}
.web01 .wadv-c{border-left:2px solid rgba(255,255,255,.14);padding-left:16px;transition:.3s}
.web01 .wadv-c:hover{border-left-color:var(--primary)}
.web01 .wadv-no{display:block;font-family:var(--mono);font-size:11.5px;font-weight:800;letter-spacing:.18em;color:var(--primary);margin-bottom:10px}
.web01 .wadv-c h3{font-size:15px;font-weight:800;line-height:1.55;color:#fff;margin:0 0 8px}
.web01 .wadv-c p{font-size:13px;line-height:1.82;color:rgba(255,255,255,.6);margin:0}
.web01 .wpil-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.web01 .wpil{position:relative;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px 26px 24px;transition:.3s}
.web01 .wpil::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(240,120,12,.28),transparent 70%);opacity:0;transition:.3s}
.web01 .wpil:hover{border-color:var(--primary);transform:translateY(-3px)}
.web01 .wpil:hover::after{opacity:1}
.web01 .wpil-code{font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--primary)}
.web01 .wpil-no{position:absolute;right:20px;top:18px;font-family:Georgia,serif;font-size:30px;font-weight:700;color:rgba(255,255,255,.10)}
.web01 .wpil h3{font-size:18px;font-weight:800;color:#fff;margin:12px 0 9px}
.web01 .wpil p{font-size:13.4px;line-height:1.85;color:rgba(255,255,255,.64);margin:0}

/* ===== S4 流程管道 ===== */
.web01 .tl-pipeline{position:relative}
.web01 .tl-pipeline::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,var(--primary),rgba(255,182,87,.2))}
.web01 .tl-pipeline .tl-item{position:relative;padding-left:46px}
.web01 .tl-pipeline .tl-dot{position:absolute;left:6px;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--primary);box-shadow:0 0 0 4px rgba(240,120,12,.12)}

/* ===== 通用筛选 tab 条 + 加载更多 ===== */
.web01 .wtabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.web01 .wtab{cursor:pointer;font-family:inherit;background:#fff;border:1px solid var(--hair);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700;color:var(--ink-2);transition:.2s;display:inline-flex;align-items:center;gap:7px}
.web01 .wtab em{font-style:normal;font-family:var(--mono);font-size:11.5px;font-weight:800;color:var(--primary-dark);background:var(--warm);border-radius:999px;padding:1px 8px}
.web01 .wtab:hover{border-color:rgba(240,120,12,.45);color:var(--ink)}
.web01 .wtab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(240,135,0,.22)}
.web01 .wtab.active em{background:rgba(255,255,255,.22);color:#fff}
.web01 .wtabs--sm{margin-top:18px}
.web01 .wtabs--sm .wtab{padding:7px 14px;font-size:12.5px}
.web01 .is-hidden{display:none!important}
.web01 .wmore-wrap{text-align:center;margin-top:26px}
.web01 .wmore{cursor:pointer;background:#fff;border:1.5px solid var(--primary);color:var(--primary-dark);border-radius:999px;padding:12px 30px;font-size:14px;font-weight:800;transition:.22s;display:inline-flex;align-items:center;gap:8px}
.web01 .wmore:hover{background:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(240,135,0,.2)}
.web01 .wmore i{font-size:12px;transition:transform .25s}
.web01 .wmore:hover i{transform:translateY(2px)}

/* ===== S5 客户评价（Swiper 5.4.5 · PC 4 卡/屏 · 左右箭头） ===== */
/* 结构：.wtm-swiper（flex 外壳，含两侧箭头）> .swiper-container.wtm-slider > .swiper-wrapper > .swiper-slide */
.web01 .wtm-swiper{display:flex;align-items:center;gap:14px;position:relative}
.web01 .wtm-slider{flex:1;min-width:0;width:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.web01 .wtm-slider > .swiper-wrapper{align-items:stretch}
.web01 .wtm-slide{height:auto;box-sizing:border-box;margin:0;background:#fff;border:1px solid var(--hair);border-radius:16px;padding:22px 22px 18px;display:flex;flex-direction:column;position:relative}
.web01 .wtm-slide::before{content:"\201C";position:absolute;right:20px;top:8px;font-family:Georgia,serif;font-size:54px;line-height:1;color:rgba(240,120,12,.12);pointer-events:none}
.web01 .wtm-stars{display:flex;gap:4px;color:#f5a623;font-size:11px;margin-bottom:13px}
.web01 .wtm-av{width:36px;height:36px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:15px;font-weight:800}
.web01 .wtm-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.web01 .wtm-who b{font-size:13.8px;font-weight:800;color:var(--ink)}
.web01 .wtm-who em{font-style:normal;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web01 .wtm-slide blockquote{margin:0 0 18px;font-size:14px;line-height:1.92;color:var(--ink-2);flex:1}
.web01 .wtm-slide figcaption{display:flex;align-items:center;gap:11px;padding-top:15px;border-top:1px dashed var(--hair);width:100%}
.web01 .wtm-arrow{position:relative;z-index:2;width:46px;height:46px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--primary);background:#fff;color:var(--primary-dark);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:.2s}
.web01 .wtm-arrow:hover{background:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(240,135,0,.22)}
.web01 .wtm-arrow:active{transform:scale(.94)}

/* ===== S6 实战案例（类型筛选 Tab + 成果指标卡，2026-10-20 精致化） ===== */
/* 卡片保留白底圆角形态，通过顶部类型色条 / 类型徽章配色 / hover 柔和上浮提升质感 */
.web01 .wcs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.web01 .wcs-c{position:relative;background:#fff;border:1px solid #e9edf3;border-radius:16px;padding:26px 28px 20px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.web01 .wcs-c::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--primary);opacity:.85}
.web01 .wcs-c[data-ctype="安全加固"]::before{background:#e5533d}
.web01 .wcs-c[data-ctype="安全加固"] .wcs-tag{color:#c0392b;background:#fdeeea;border-color:#f5cfc6}
.web01 .wcs-c[data-ctype="迁移接管"]::before{background:#2f6fbd}
.web01 .wcs-c[data-ctype="迁移接管"] .wcs-tag{color:#1f5fae;background:#eaf3fd;border-color:#c9def6}
.web01 .wcs-c[data-ctype="故障抢修"]::before{background:#e8862a}
.web01 .wcs-c[data-ctype="故障抢修"] .wcs-tag{color:#c96a12;background:#fdf3e6;border-color:#f6ddba}
.web01 .wcs-c[data-ctype="性能提速"]::before{background:#0e9f8f}
.web01 .wcs-c[data-ctype="性能提速"] .wcs-tag{color:#0a8578;background:#e6f7f4;border-color:#c2e8e1}
.web01 .wcs-c[data-ctype="证书合规"]::before{background:#7a5af8}
.web01 .wcs-c[data-ctype="证书合规"] .wcs-tag{color:#5f43d0;background:#f1edfd;border-color:#dbd2f8}
.web01 .wcs-c[data-ctype="二次开发"]::before{background:#3d5a99}
.web01 .wcs-c[data-ctype="二次开发"] .wcs-tag{color:#34528a;background:#edf1f9;border-color:#ccd8ec}
.web01 .wcs-c[data-ctype="托管运维"]::before{background:#16a34a}
.web01 .wcs-c[data-ctype="托管运维"] .wcs-tag{color:#15803d;background:#eafaf0;border-color:#c7eccf}
.web01 .wcs-c:hover{transform:translateY(-4px);border-color:rgba(240,120,12,.45);box-shadow:0 18px 40px rgba(20,40,80,.10)}
.web01 .wcs-hd{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eef2f6}
.web01 .wcs-no{font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--primary-dark)}
.web01 .wcs-tag{font-family:var(--mono);font-size:11px;font-weight:800;border-radius:6px;padding:3px 10px;border:1px solid var(--hair)}
.web01 .wcs-hd h3{font-size:16.5px;font-weight:800;line-height:1.55;color:var(--ink);margin:0;flex:1;min-width:140px;transition:color .25s}
.web01 .wcs-c:hover .wcs-hd h3{color:var(--primary-dark)}
.web01 .wcs-metric{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-family:var(--mono);font-size:12.5px;font-weight:800;color:#15803d;background:#f0faf4;border:1px solid #cfe9d8;border-radius:999px;padding:5px 14px 5px 6px}
.web01 .wcs-metric i{font-size:11px;width:20px;height:20px;border-radius:999px;background:#16a34a;color:#fff;display:inline-grid;place-items:center}
.web01 .wcs-rows{margin:0}
.web01 .wcs-rows > div{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:7px 0;border-bottom:1px dashed #f0f3f7}
.web01 .wcs-rows > div:last-child{border-bottom:0;padding-bottom:0}
.web01 .wcs-rows dt{font-size:12px;font-weight:800;color:var(--primary-dark);background:var(--warm);border-radius:5px;text-align:center;padding:3px 0;margin:2px 0 0}
.web01 .wcs-rows dd{margin:0;font-size:13.4px;line-height:1.85;color:var(--ink-3)}


/* ===== S7 FAQ（分类切换，无搜索） ===== */
.web01 .wfaq-body{margin-top:30px}
.web01 .wfg-wrap{margin-top:30px}
.web01 .wfg{display:none;background:#fff;border:1px solid var(--hair);border-radius:18px;padding:8px 28px}
.web01 .wfg.active{display:block}
.web01 .wfg .faq2-grid{gap:0 34px}
.web01 .wfg .faq2-item{border:0;border-bottom:1px solid #f1f4f8;border-radius:0;background:none;padding:17px 0 15px;box-shadow:none}
.web01 .wfg .faq2-item.is-hidden{display:none}
.web01 .wfg .faq2-item:hover{box-shadow:none;border-bottom-color:#f1f4f8}
.web01 .wfg .faq2-item h3{font-size:14.6px;line-height:1.65;margin:0 0 8px}
.web01 .wfg .faq2-item p{font-size:13.4px;line-height:1.88}
.web01 .wfg .faq2-actions{margin:14px 0 16px;text-align:left}
.web01 .wfg .faq2-more-btn{padding:11px 24px;font-size:13.5px}
.web01 .wfg .faq2-more-btn.is-done{display:none}

.web01 .wp-hot{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--primary-dark);border-radius:4px;padding:2px 7px;margin-left:8px;vertical-align:3px}
.web01 .wplan-note{display:flex;gap:10px;align-items:flex-start;margin:26px 0 0;font-size:13.4px;line-height:1.85;color:var(--ink-3)}
.web01 .wplan-note i{color:var(--primary-dark);margin-top:4px;flex-shrink:0}
.web01 .wplan-note a{color:var(--primary-dark);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(240,120,12,.35)}

/* ===== S9 CTA ===== */
.web01 .wcta .cta-inner h3{font-size:29px;font-weight:800;line-height:1.35;letter-spacing:-.3px;color:#fff;margin:0 0 12px}
.web01 .wcta .cta-inner p{font-size:15px;line-height:1.9;color:rgba(255,255,255,.72);margin:0;max-width:620px}
.web01 .wcta .cta-inner .sec-tag{color:var(--primary)}

/* ===== 响应式 ===== */
@media (max-width:1200px){
  .web01 .wlead{grid-template-columns:1fr;gap:34px}
  .web01 .wlead-side{position:static;max-width:620px}
  .web01 .wadv-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .web01 .wpil-wrap{grid-template-columns:1fr}
}
@media (max-width:980px){
  .web01 .wfg{padding:6px 18px 4px}
  .web01 .wfg .faq2-grid{grid-template-columns:1fr;gap:0}
  .web01 .wcs{grid-template-columns:1fr;gap:16px}
  .web01 .wcs-c{padding:22px 24px 18px}
  .web01 .wcs-hd h3{font-size:15.5px}
  .web01 .wcs-rows > div{grid-template-columns:40px 1fr;gap:10px}
  .web01 .wtm-arrow{width:40px;height:40px;font-size:16px}
  .web01 .wlead-txt h2{font-size:24px}
  .web01 .wcta .cta-inner h3{font-size:23px}
  .web01 .wcta .cta-inner p{font-size:14px}
}
@media (max-width:640px){
  .web01 .wlead-body p{font-size:14px;line-height:1.9}
  .web01 .wadv-grid{grid-template-columns:1fr}
  .web01 .term-strip{grid-template-columns:repeat(2,1fr)}
}

/* ########## PART 3: 差异化页面新组件（2026-10-20 新增，按页启用） ########## */

/* ===== 1. 品牌基因规范板（web02 品牌官网专用） ===== */
.web01 .brand-sys{margin-top:44px;border:1px solid var(--hair);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 16px 44px rgba(20,40,80,.07)}
.web01 .bs-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid var(--hair);background:linear-gradient(180deg,#fbfcfe,#f5f7fa)}
.web01 .bs-mono{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--primary-dark)}
.web01 .bs-dim{color:var(--ink-3);font-weight:400}
.web01 .bs-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:1px;background:#edf1f6}
.web01 .bs-cell{background:#fff;padding:24px 26px 28px}
.web01 .bs-label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink-2);letter-spacing:.02em;margin-bottom:18px}
.web01 .bs-label i{color:var(--primary-dark);font-size:12px}
.web01 .bs-label em{font-family:var(--mono);font-style:normal;font-size:10px;font-weight:400;color:var(--ink-3);letter-spacing:.14em;margin-left:auto}
.web01 .bs-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.web01 .bs-sw span{display:block;height:54px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(14,20,30,.07)}
.web01 .bs-sw em{display:block;font-style:normal;font-family:var(--mono);font-size:9.5px;color:var(--ink-3);margin-top:7px;text-align:center;letter-spacing:.02em}
.web01 .bs-trow{display:flex;align-items:baseline;gap:13px;padding:9px 0;border-bottom:1px dashed #eef1f5}
.web01 .bs-trow:last-child{border-bottom:0;padding-bottom:0}
.web01 .bs-tspec{font-family:var(--mono);font-size:10px;color:var(--primary-dark);background:#fff5e8;border:1px solid #ffe1b8;border-radius:6px;padding:3px 8px;flex-shrink:0;letter-spacing:.04em}
.web01 .bs-t1{font-size:25px;font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.5px}
.web01 .bs-t2{font-size:18px;font-weight:700;color:var(--ink)}
.web01 .bs-t3{font-size:13.5px;color:var(--ink-3);line-height:1.7}
.web01 .bs-ruler{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-bottom:13px}
.web01 .bs-ruler i{height:46px;background:repeating-linear-gradient(90deg,#e9eef5 0 6px,transparent 6px 12px);border-radius:3px;border-bottom:2px solid var(--primary-dark)}
.web01 .bs-note{font-size:13px;color:var(--ink-3);line-height:1.75;margin:0}
.web01 .bs-motion{display:flex;gap:18px;align-items:center}
.web01 .bs-curve{flex-shrink:0;width:104px;height:66px;border:1px solid var(--hair);border-radius:10px;background:#fbfcfe}
.web01 .bs-mlist{margin:0;padding:0;list-style:none}
.web01 .bs-mlist li{font-size:13px;color:var(--ink-3);line-height:1.55;padding:4px 0;display:flex;gap:8px;align-items:baseline}
.web01 .bs-mlist li::before{content:"\25B8";color:var(--primary-dark);font-size:10px}
@media (max-width:767px){
  .web01 .bs-grid{grid-template-columns:1fr}
  .web01 .bs-swatches{gap:6px}
  .web01 .bs-sw span{height:42px}
  .web01 .bs-cell{padding:20px 18px 22px}
}

/* ===== 2. 转化漏斗（web03 营销型专用） ===== */
.web01 .funnel{display:flex;flex-direction:column;gap:0;margin-top:6px}
.web01 .fn-row{display:grid;grid-template-columns:96px 1fr 62px;gap:16px;align-items:center;padding:5px 0}
.web01 .fn-name{font-size:14px;font-weight:700;color:var(--ink);text-align:right}
.web01 .fn-name small{display:block;font-family:var(--mono);font-size:9.5px;font-weight:400;color:var(--ink-3);letter-spacing:.08em;margin-top:2px}
.web01 .fn-bar{height:40px;border-radius:9px;background:#f0f3f8;position:relative;overflow:hidden}
.web01 .fn-fill{position:absolute;top:0;bottom:0;left:0;border-radius:9px;background:linear-gradient(90deg,var(--primary-dark),#ffb657);display:flex;align-items:center;padding-left:14px;overflow:hidden}
.web01 .fn-fill span{font-family:var(--mono);font-size:10.5px;font-weight:700;color:#fff;letter-spacing:.04em;white-space:nowrap}
.web01 .funnel.in .fn-fill{animation:fnGrow .9s cubic-bezier(.22,.8,.3,1) both;animation-delay:var(--fd,0s)}
@keyframes fnGrow{from{width:0}}
.web01 .fn-pct{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--primary-dark);text-align:right}
.web01 .fn-gap{display:flex;align-items:center;gap:8px;padding:2px 0 2px 112px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.03em}
.web01 .fn-gap::before{content:"\2193";color:var(--primary-dark);font-size:11px}
.web01 .sec-foot-note{margin-top:36px;font-size:14.5px;line-height:1.85;color:var(--ink-3);max-width:780px;border-left:3px solid var(--primary);padding-left:18px}
@media (max-width:767px){.web01 .fn-row{grid-template-columns:72px 1fr 46px;gap:9px}.web01 .fn-bar{height:32px}.web01 .fn-name{font-size:12px}.web01 .fn-fill span{font-size:9px}.web01 .fn-gap{padding-left:81px;font-size:9.5px}}

/* ===== 3. 终端行渐入 + 命令打字（web04 AI 建站专用，需 JS 加 tanim/in） ===== */
.web01 .term.tanim .t-line{opacity:0}
.web01 .term.tanim.in .t-line{animation:tlineIn .45s ease forwards;animation-delay:var(--d,0s)}
@keyframes tlineIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.web01 .term.tanim.in .t-cmd{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--primary);vertical-align:bottom;animation:ttype 1.15s steps(32,end) forwards, tcaret .78s step-end infinite}
@keyframes ttype{from{max-width:0}to{max-width:100%}}
@keyframes tcaret{50%{border-color:transparent}}
.web01 .term-caption{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em}
.web01 .term-caption b{color:var(--primary-dark);font-weight:700}

/* ===== 4. 全球访问区域延迟（web05 外贸专用） ===== */
.web01 .reg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.web01 .reg-c{border:1px solid var(--hair);border-radius:14px;padding:16px 18px;background:#fff;transition:.25s}
.web01 .reg-c:hover{border-color:#ffd9a8;box-shadow:0 10px 26px rgba(240,135,0,.1);transform:translateY(-3px)}
.web01 .reg-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:11px}
.web01 .reg-top b{font-size:14.5px;color:var(--ink)}
.web01 .reg-code{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ink-3);background:#f2f5f9;border-radius:5px;padding:3px 7px;flex-shrink:0}
.web01 .reg-bar{height:6px;border-radius:99px;background:#eef1f5;overflow:hidden}
.web01 .reg-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary-dark),#ffb657)}
.web01 .reg-grid.in .reg-bar i{animation:regGrow 1s cubic-bezier(.22,.8,.3,1) both;animation-delay:var(--rd,0s)}
@keyframes regGrow{from{width:0}}
.web01 .reg-ms{display:flex;justify-content:space-between;margin-top:9px;font-family:var(--mono);font-size:11px;color:var(--ink-3)}
.web01 .reg-ms b{color:var(--ok);font-weight:700}
@media (max-width:980px){.web01 .reg-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.web01 .reg-grid{grid-template-columns:repeat(2,1fr);gap:10px}.web01 .reg-c{padding:13px 13px}.web01 .reg-top b{font-size:13px}}

/* ===== 5. 手机模型组（web06 小程序专用） ===== */
.web01 .phone-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:46px}
.web01 .phone-body{border-radius:30px;background:#101826;padding:9px;box-shadow:0 22px 50px rgba(16,24,38,.24);position:relative}
.web01 .phone-body::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:52px;height:5px;border-radius:99px;background:#2a3648;z-index:3}
.web01 .phone-screen{border-radius:23px;overflow:hidden;aspect-ratio:9/17.6;background:#fff;position:relative}
.web01 .ps-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 12px 7px;background:#fff}
.web01 .ps-nav b{font-size:9px;color:var(--ink);font-weight:700}
.web01 .ps-nav i{width:12px;height:2px;border-radius:2px;background:#dfe5ec}
.web01 .ps-hero{height:33%;background:linear-gradient(135deg,#132133,#2c4a6b);position:relative;overflow:hidden}
.web01 .ps-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px)}
.web01 .ps-hero b{position:absolute;left:10px;bottom:9px;color:#fff;font-size:8.5px;font-weight:700;letter-spacing:.05em}
.web01 .ps-hero.warm{background:linear-gradient(135deg,#4a3312,#a86a1d)}
.web01 .ps-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px}
.web01 .ps-cards i{aspect-ratio:1/1.15;border-radius:5px;background:#f0f3f8}
.web01 .ps-cards i:nth-child(1){background:linear-gradient(160deg,#ffe9cf,#ffd9a8)}
.web01 .ps-cards.two{grid-template-columns:repeat(2,1fr)}
.web01 .ps-list{padding:2px 8px 6px;display:flex;flex-direction:column;gap:5px}
.web01 .ps-list em{height:8px;border-radius:3px;background:#eef1f5}
.web01 .ps-list em:nth-child(2){width:78%}
.web01 .ps-list em:nth-child(3){width:56%}
.web01 .ps-row{display:flex;align-items:center;gap:6px;padding:4px 8px}
.web01 .ps-row u{width:22px;height:22px;border-radius:5px;background:#f0f3f8;text-decoration:none;flex-shrink:0}
.web01 .ps-row div{flex:1}
.web01 .ps-row em{display:block;height:6px;border-radius:3px;background:#eef1f5;margin-bottom:3px}
.web01 .ps-row em:nth-child(2){width:64%}
.web01 .ps-row s{display:block;height:5px;width:34px;border-radius:3px;background:#ffd9a8;text-decoration:none}
.web01 .ps-btn{margin:5px 8px 10px;height:20px;border-radius:99px;background:var(--primary-dark);color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.05em}
.web01 .phone-cap{margin-top:15px;text-align:center}
.web01 .phone-cap b{display:block;font-size:15px;font-weight:700;color:var(--ink)}
.web01 .phone-cap span{display:block;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.12em;margin-top:3px}
@media (max-width:767px){.web01 .phone-row{grid-template-columns:1fr;gap:36px;max-width:290px;margin-left:auto;margin-right:auto}}

/* ===== 6. 改版前后对比滑块（web07 改版专用，需 JS） ===== */
.web01 .ba{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9.4;box-shadow:0 18px 44px rgba(20,40,80,.16);user-select:none;touch-action:none;--pos:50%}
.web01 .ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.web01 .ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.web01 .ba-before img{filter:grayscale(.82) contrast(.9) brightness(.95)}
.web01 .ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(20,26,38,.16);z-index:3;cursor:ew-resize}
.web01 .ba-handle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(20,26,38,.3)}
.web01 .ba-handle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:var(--primary-dark);font-size:13px;font-style:normal;font-family:var(--mono);font-weight:700;letter-spacing:-1px}
.web01 .ba-tag{position:absolute;top:14px;z-index:2;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff;background:rgba(19,26,38,.72);border-radius:7px;padding:6px 12px;backdrop-filter:blur(4px)}
.web01 .ba-tag.l{left:14px}
.web01 .ba-tag.r{right:14px;background:var(--primary-dark)}
.web01 .ba-note{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:13px;color:var(--ink-3);line-height:1.7}
.web01 .ba-note b{color:var(--ink);font-weight:700}
@media (max-width:767px){.web01 .ba-note{flex-direction:column;gap:4px}}

/* ===== 7. 更新节奏看板（weihu01 内容维护专用，2026-10-20 重做） =====
   版式：周节奏横向时间轴（7 列）+ 月节奏错峰柱状（4 列）+ 内容类型图例。
   白底面板整体承托（1 个盒子，非卡片堆砌）；条目=小色签，无独立描边盒。 */
.web01 .rhythm{margin-top:44px;background:#fff;border:1px solid var(--hair);border-radius:18px;padding:28px 32px 24px;box-shadow:0 12px 34px rgba(20,40,80,.05)}
.web01 .rh-block + .rh-block{margin-top:24px;padding-top:24px;border-top:1px dashed var(--hair)}
.web01 .rh-cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px}
.web01 .rh-cap b{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--ink)}
.web01 .rh-cap b::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--primary);flex-shrink:0}
.web01 .rh-cap span{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.1em;white-space:nowrap}

/* —— 周节奏：横向时间轴 —— */
.web01 .rh-week{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.web01 .rh-week::before{content:"";position:absolute;left:7%;right:7%;top:21px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primary-light),var(--primary) 60%,#f0d3ac);transform:scaleX(0);transform-origin:left;transition:transform .9s .25s ease}
.web01 .rhythm.in .rh-week::before{transform:scaleX(1)}
.web01 .rh-day{position:relative;text-align:center;padding:0 2px}
.web01 .rh-dot{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--primary-light);color:var(--primary-dark);font-family:var(--mono);font-size:15px;font-weight:800;display:grid;place-items:center;margin:0 auto 10px;position:relative;z-index:1;transition:border-color .25s,box-shadow .25s}
.web01 .rh-day:hover .rh-dot{border-color:var(--primary);box-shadow:0 0 0 6px rgba(240,135,0,.12)}
.web01 .rh-day.is-rest .rh-dot{border-style:dashed;border-color:#d7dee7;color:#9aa5b1}
.web01 .rh-day.is-rest:hover .rh-dot{border-color:#b9c4d1;box-shadow:none}
.web01 .rh-day b{display:block;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:9px}
.web01 .rh-day.is-rest b{color:#9aa5b1;font-weight:700}
.web01 .rh-items{display:flex;flex-direction:column;gap:5px;align-items:stretch}
.web01 .rh-item{display:flex;align-items:center;gap:6px;font-size:11.8px;line-height:1.5;font-weight:600;padding:5px 8px;border-radius:7px;text-align:left;background:var(--tb,#eef1f5);color:var(--tc,#6b7785)}
.web01 .rh-item i{width:6px;height:6px;border-radius:2px;background:currentColor;flex-shrink:0}
/* 内容类型配色（图例与色签共用） */
.web01 .t-news{--tb:#e9effc;--tc:#2f6bde}
.web01 .t-prod{--tb:#fdf0e2;--tc:#d06a08}
.web01 .t-pic{--tb:#e7f6f0;--tc:#0e8a5f}
.web01 .t-sum{--tb:#efeafb;--tc:#6f52c8}
.web01 .t-rest{--tb:#eef1f5;--tc:#8d98a8}
.web01 .rh-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-top:14px;border-top:1px solid var(--hair)}
.web01 .rh-legend span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--tc)}
.web01 .rh-legend span i{width:9px;height:9px;border-radius:3px;background:var(--tc)}

/* —— 月节奏：按周错峰柱状 —— */
.web01 .rh-month{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}
.web01 .rh-wk{text-align:center}
.web01 .rh-cnt{display:block;font-family:var(--mono);font-size:14px;font-weight:800;color:var(--primary-dark);margin-bottom:6px}
.web01 .rh-track{height:104px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px}
.web01 .rh-bar{width:min(100%,64px);height:var(--h,60%);border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));transform:scaleY(0);transform-origin:bottom;transition:transform .6s cubic-bezier(.22,.9,.3,1);transition-delay:var(--d,0s)}
.web01 .rhythm.in .rh-bar{transform:scaleY(1)}
.web01 .rh-wk > span{display:block;font-size:12.5px;font-weight:800;color:var(--ink)}
.web01 .rh-wk em{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:3px;line-height:1.5}

/* 进场动画：圆点弹出 / 色签落入 */
.web01 .rhythm.in .rh-dot{animation:pop .5s both;animation-delay:var(--d,0s)}
.web01 .rhythm.in .rh-item{animation:chipIn .45s both;animation-delay:calc(var(--d,0s) + .18s)}

@media (max-width:980px){
  .web01 .rhythm{padding:24px 22px 20px}
  .web01 .rh-week{grid-template-columns:repeat(4,1fr);row-gap:26px}
  .web01 .rh-week::before{display:none}
  .web01 .rh-track{height:86px}
}
@media (max-width:560px){
  .web01 .rhythm{padding:20px 16px 16px}
  .web01 .rh-week{grid-template-columns:repeat(2,1fr);row-gap:22px}
  .web01 .rh-dot{width:38px;height:38px;font-size:13px;margin-bottom:8px}
  .web01 .rh-item{font-size:11.5px}
  .web01 .rh-month{gap:8px}
  .web01 .rh-track{height:74px}
  .web01 .rh-cnt{font-size:12.5px}
  .web01 .rh-wk > span{font-size:11.5px}
  .web01 .rh-wk em{font-size:10.5px}
  .web01 .rh-cap span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .web01 .rhythm.in .rh-dot,.web01 .rhythm.in .rh-item{animation:none!important}
  .web01 .rhythm .rh-bar{transform:scaleY(1)!important;transition:none!important}
  .web01 .rhythm .rh-week::before{transform:scaleX(1)!important;transition:none!important}
}

/* ===== 7b. weihu01 页面级微差异（wrapper 加 .wh01，仅日常内容维护页生效） =====
   S2 六项服务图标按内容类型配色，破除全页单一暖橙；hover 顶部色条同步 */
.web01.wh01 .wsvc-c{--pc:var(--primary)}
.web01.wh01 .wsvc-c::before{background:var(--pc)}
.web01.wh01 .wsvc-c:nth-child(1){--pc:#2f6bde}
.web01.wh01 .wsvc-c:nth-child(2){--pc:#d06a08}
.web01.wh01 .wsvc-c:nth-child(3){--pc:#0e8a5f}
.web01.wh01 .wsvc-c:nth-child(4){--pc:#6f52c8}
.web01.wh01 .wsvc-c:nth-child(5){--pc:#0e7f96}
.web01.wh01 .wsvc-c:nth-child(6){--pc:#c2452f}
.web01.wh01 .wsvc-c:nth-child(1) .wsvc-ico{background:#e9effc;border-color:#d2e0f7;color:#2f6bde}
.web01.wh01 .wsvc-c:nth-child(2) .wsvc-ico{background:#fdf0e2;border-color:#f6ddc2;color:#d06a08}
.web01.wh01 .wsvc-c:nth-child(3) .wsvc-ico{background:#e7f6f0;border-color:#c9ecdd;color:#0e8a5f}
.web01.wh01 .wsvc-c:nth-child(4) .wsvc-ico{background:#efeafb;border-color:#ddd3f5;color:#6f52c8}
.web01.wh01 .wsvc-c:nth-child(5) .wsvc-ico{background:#e6f4f8;border-color:#c6e6ee;color:#0e7f96}
.web01.wh01 .wsvc-c:nth-child(6) .wsvc-ico{background:#fdecec;border-color:#f6cfcf;color:#c2452f}

/* ===== 7c. S1 断更症状自查面板（weihu01 专用，2026-10-20 重做） =====
   非对称分屏：左=可点击勾选的症状行（细线分隔，无卡片）；右=深色断更指数仪表
   （大数字计数 + 进度条 + 六点指示 + 状态 pill + 建议文案），四级严重度配色 */
.web01 .diag{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start;margin-top:44px}
.web01 .diag-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.8px;color:var(--ink-3);padding-bottom:14px}
.web01 .diag-hint > span{display:inline-flex;align-items:center;gap:7px}
.web01 .diag-hint i{color:var(--primary-dark);font-size:12px}
.web01 .diag-live{font-style:normal;margin-left:10px;padding:2px 9px;border-radius:999px;background:var(--gray);font-family:var(--mono);font-size:11px;color:var(--ink-2)}
.web01 .diag-live b{color:var(--primary-dark);font-weight:800}
.web01 .diag-reset{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;font-size:11.5px;color:var(--ink-3);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,color .25s}
.web01 .diag-list.has-sel .diag-reset{opacity:1;pointer-events:auto}
.web01 .diag-reset:hover{color:var(--primary-dark)}
.web01 .diag-reset i{font-size:10px}
.web01 .diag-row{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;background:none;border:0;border-bottom:1px dashed rgba(160,175,195,.32);padding:16px 4px 16px 14px;cursor:pointer;position:relative;transition:background .28s}
.web01 .diag-row:last-child{border-bottom:0}
.web01 .diag-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:var(--primary-dark);opacity:0;transition:opacity .28s}
.web01 .diag-row:hover{background:#fafbfd}
.web01 .diag-row:hover::before{opacity:.35}
.web01 .diag-row.is-on{background:linear-gradient(90deg,#fff7ea,rgba(255,247,234,0))}
.web01 .diag-row.is-on::before{opacity:1}
.web01 .diag-row:focus-visible{outline:2px solid var(--primary-dark);outline-offset:-2px;border-radius:6px}
.web01 .diag-chk{flex-shrink:0;width:22px;height:22px;margin-top:2px;border-radius:50%;border:1.5px solid #c3cedb;background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .25s,background .25s,transform .25s}
.web01 .diag-chk i{font-size:10.5px;color:#fff;opacity:0;transform:scale(.4);transition:opacity .22s,transform .22s}
.web01 .diag-row:hover .diag-chk{border-color:var(--primary-dark)}
.web01 .diag-row.is-on .diag-chk{background:var(--primary-dark);border-color:var(--primary-dark);transform:scale(1.06)}
.web01 .diag-row.is-on .diag-chk i{opacity:1;transform:scale(1)}
.web01 .diag-txt{flex:1;min-width:0}
.web01 .diag-txt b{display:block;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:4px;transition:color .25s}
.web01 .diag-row.is-on .diag-txt b{color:var(--primary-dark)}
.web01 .diag-txt span{display:block;font-size:13.2px;line-height:1.75;color:var(--ink-3)}
.web01 .diag-no{flex-shrink:0;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:#b6c1cf;margin-top:3px;transition:color .25s}
.web01 .diag-row.is-on .diag-no{color:var(--primary-dark)}
/* 右侧仪表：暖白面板（深色文字保证可读）+ 四级严重度变量
   --lv 图形色（进度条/圆点/图标） / --lv-ink 文字色（大数字/状态章） / --lv-soft 徽章底 */
.web01 .diag-gauge{--lv:#8b99ad;--lv-soft:#eef1f5;--lv-ink:#5b6a7c;position:sticky;top:96px;border-radius:18px;padding:26px 26px 24px;color:var(--ink);background:radial-gradient(130px 80px at 92% -10%,var(--lv-soft),rgba(255,255,255,0) 72%),linear-gradient(165deg,#fffdf8 0%,var(--warm) 100%);border:1px solid var(--hair);box-shadow:0 14px 36px rgba(20,40,80,.07)}
.web01 .diag-gauge.lv1{--lv:#e8a20c;--lv-soft:#fcf3dd;--lv-ink:#8f6403}
.web01 .diag-gauge.lv2{--lv:#ef7c0e;--lv-soft:#fdeedb;--lv-ink:#a85404}
.web01 .diag-gauge.lv3{--lv:#e0533d;--lv-soft:#fdeae6;--lv-ink:#b03422}
.web01 .dg-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.web01 .dg-lab{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;letter-spacing:.02em}
.web01 .dg-lab i{color:var(--lv);font-size:14px;transition:color .35s}
.web01 .dg-en{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:#9aa7b5}
.web01 .dg-mid{display:flex;align-items:flex-end;gap:18px}
.web01 .dg-num{font-family:var(--mono);line-height:1;display:flex;align-items:baseline;gap:2px}
.web01 .dg-num b{font-size:46px;font-weight:800;color:var(--lv-ink);transition:color .35s;font-variant-numeric:tabular-nums}
.web01 .dg-num i{font-style:normal;font-size:14px;color:var(--ink-3);margin-left:2px}
.web01 .dg-barwrap{flex:1;min-width:0;padding-bottom:5px}
.web01 .dg-bar{height:8px;border-radius:999px;background:#e9edf2;overflow:hidden}
.web01 .dg-bar span{display:block;height:100%;width:0;border-radius:999px;background:var(--lv);transition:width .5s cubic-bezier(.22,.9,.32,1),background .35s}
.web01 .dg-dots{display:flex;justify-content:space-between;margin-top:9px}
.web01 .dg-dots i{width:5px;height:5px;border-radius:50%;background:#dde3ea;transition:background .3s}
.web01 .dg-dots i.on{background:var(--lv)}
.web01 .dg-state{display:inline-block;margin-top:20px;padding:3px 12px;border-radius:999px;background:var(--lv-soft);color:var(--lv-ink);font-size:12.5px;font-weight:800;letter-spacing:.04em;transition:color .35s,background .35s}
.web01 .dg-tip{margin:12px 0 0;font-size:13px;line-height:1.85;color:var(--ink-2);min-height:70px}
.web01 .dg-go{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:11px;border-radius:11px;border:1px solid var(--hair);background:#fff;color:var(--ink);font-size:13.5px;font-weight:700;text-decoration:none;transition:background .3s,border-color .3s,color .3s}
.web01 .dg-go i{font-size:11px;transition:transform .3s}
.web01 .dg-go:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.web01 .dg-go:hover i{transform:translateX(3px)}
@media (max-width:980px){
  .web01 .diag{grid-template-columns:1fr;gap:24px}
  .web01 .diag-gauge{position:static;order:-1;padding:20px 20px 18px}
  .web01 .dg-tip{min-height:0}
  .web01 .dg-num b{font-size:38px}
}
@media (max-width:640px){
  .web01 .diag-row{padding:14px 2px 14px 12px;gap:12px}
  .web01 .diag-no{display:none}
  .web01 .diag-txt b{font-size:14.2px}
  .web01 .diag-txt span{font-size:12.6px}
  .web01 .dg-mid{gap:14px}
}
@media (prefers-reduced-motion:reduce){
  .web01 .diag-row,.web01 .diag-chk,.web01 .diag-chk i,.web01 .dg-bar span,.web01 .dg-state,.web01 .dg-go,.web01 .dg-go i{transition:none}
}

/* ===== 8. 应急监控面板（weihu02 应急修复专用） ===== */
.web01 .mon{border:1px solid var(--hair);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 14px 38px rgba(20,40,80,.07)}
.web01 .mon-head{display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(180deg,#fbfcfe,#f5f7fa);border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-2)}
.web01 .mon-pulse{width:9px;height:9px;border-radius:50%;background:var(--ok);position:relative;flex-shrink:0}
.web01 .mon-pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ok);animation:monPulse 1.6s ease-out infinite}
@keyframes monPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:0}}
.web01 .mon-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid #f0f3f7;transition:.2s}
.web01 .mon-row:last-child{border-bottom:0}
.web01 .mon-row:hover{background:#fafbfd}
.web01 .mon-row b{font-size:14.5px;color:var(--ink);display:block}
.web01 .mon-row small{font-size:12px;color:var(--ink-3);display:block;margin-top:2px;line-height:1.6}
.web01 .mon-st{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;border-radius:7px;padding:5px 10px;white-space:nowrap}
.web01 .mon-st.p0{background:#fdecec;color:#c0392b;border:1px solid #f5c6c0}
.web01 .mon-st.p1{background:#fff5e8;color:var(--no);border:1px solid #ffe1b8}
.web01 .mon-st.p2{background:#eef9f4;color:var(--ok);border:1px solid #c8ecd9}
@media (max-width:640px){.web01 .mon-row{grid-template-columns:1fr;gap:7px;padding:13px 16px}.web01 .mon-st{justify-self:start}}

/* ===== 2026-10-20 修补组件：ba2 前后对照卡 / wx-ways / wx-loop ===== */
/* ba2：改版前后左右对照卡（web07 S2，纯 CSS 不依赖配图） */
.web01 .ba2{display:grid;grid-template-columns:1fr 1fr;margin-top:42px;border-radius:18px;overflow:hidden;box-shadow:0 22px 50px rgba(20,40,80,.12);position:relative}
.web01 .ba2-vs{position:absolute;top:36px;left:50%;transform:translateX(-50%);width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:13px;letter-spacing:.04em;box-shadow:0 10px 22px rgba(20,40,80,.32);z-index:3}
.web01 .ba2-col{padding:34px 36px 30px}
.web01 .ba2-col.before{background:#f4f6f9}
.web01 .ba2-col.after{background:#fff}
.web01 .ba2-hd{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:19px;font-weight:800;color:var(--ink)}
.web01 .ba2-hd .tag{font-size:11.5px;font-weight:800;letter-spacing:.12em;padding:5px 12px;border-radius:999px}
.web01 .ba2-col.before .tag{background:#fdecea;color:#c0392b}
.web01 .ba2-col.after .tag{background:#e7f7ef;color:#0e9f6e}
.web01 .ba2 ul{list-style:none;margin:0;padding:0}
.web01 .ba2 li{display:flex;gap:12px;padding:13px 0;border-bottom:1px dashed #e6ebf1;font-size:14px;line-height:1.7;color:var(--ink-2)}
.web01 .ba2 li:last-child{border-bottom:0}
.web01 .ba2 li i{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:2px}
.web01 .ba2-col.before li i{background:#fdecea;color:#c0392b}
.web01 .ba2-col.after li i{background:#e7f7ef;color:#0e9f6e}
@media (max-width:860px){.web01 .ba2{grid-template-columns:1fr}.web01 .ba2-col.before{border-bottom:1px solid var(--hair)}.web01 .ba2-vs{display:none}}

/* wx-ways：小程序获客方式网格（web06 S2，4 卡） */
.web01 .wx-ways{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px}
.web01 .wx-way{background:#fff;border:1px solid var(--hair);border-radius:16px;padding:26px 28px;display:flex;gap:18px;align-items:flex-start;transition:.3s}
.web01 .wx-way:hover{border-color:rgba(240,120,12,.42);box-shadow:0 18px 42px rgba(20,40,80,.1);transform:translateY(-3px)}
.web01 .wx-way .wi{width:50px;height:50px;border-radius:14px;background:var(--primary-light);color:var(--primary-dark);display:grid;place-items:center;font-size:21px;flex-shrink:0}
.web01 .wx-way h4{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 7px}
.web01 .wx-way p{font-size:13.5px;line-height:1.75;color:var(--ink-3);margin:0}
@media (max-width:860px){.web01 .wx-ways{grid-template-columns:1fr}}

/* wx-loop：小程序获客路径卡片墙（web06 S3，6 步 3×2） */
.web01 .wx-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.web01 .wx-step{background:#fff;border:1px solid var(--hair);border-radius:14px;padding:24px 20px;text-align:center;position:relative;transition:.3s}
.web01 .wx-step:hover{border-color:rgba(240,120,12,.4);box-shadow:0 16px 38px rgba(20,40,80,.1);transform:translateY(-3px)}
.web01 .wx-step .wn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;margin:0 auto 14px}
.web01 .wx-step h5{font-size:14.5px;font-weight:800;color:var(--ink);margin:0 0 7px}
.web01 .wx-step p{font-size:12.8px;line-height:1.65;color:var(--ink-3);margin:0}
.web01 .wx-loop-note{margin-top:22px;text-align:center;font-size:13.5px;color:var(--ink-2);line-height:1.8}
.web01 .wx-loop-note b{color:var(--primary-dark)}
@media (max-width:860px){.web01 .wx-loop{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.web01 .wx-loop{grid-template-columns:1fr}}

/* ===== 2026-10-20 服务承诺页 v2：无卡片版式 =====
   全宽通栏 Section + 交替底色 + 细线/留白区分，条目不套独立盒子 */

/* A. 大号侧边编号列表 Numbered List（S1 沟通对接） */
.web01 .nl-list{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.web01 .nl-row{display:grid;grid-template-columns:104px 1fr;gap:0 26px;align-items:start;padding:26px 0 24px;border-bottom:1px solid var(--hair)}
.web01 .nl-no{font-family:var(--mono);font-size:46px;font-weight:800;line-height:1;color:var(--primary);letter-spacing:-.03em}
.web01 .nl-row h4{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 7px;line-height:1.5}
.web01 .nl-row p{margin:0;font-size:13.8px;line-height:1.85;color:var(--ink-3);max-width:860px}
@media (max-width:640px){.web01 .nl-row{grid-template-columns:60px 1fr;gap:0 14px;padding:22px 0}.web01 .nl-no{font-size:32px}}

/* B. 图标列表 Icon List（S2 项目交付，无外框仅线条+文字） */
.web01 .il-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:32px 0 0;border-top:1px solid var(--hair)}
.web01 .il-item{padding:28px 34px 26px 0}
.web01 .il-item .ii{width:46px;height:46px;border-radius:13px;background:var(--warm);border:1px solid var(--primary-light);color:var(--primary-dark);display:grid;place-items:center;font-size:19px;margin-bottom:15px}
.web01 .il-item h4{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 7px;line-height:1.5}
.web01 .il-item p{margin:0;font-size:13.6px;line-height:1.85;color:var(--ink-3)}
@media (max-width:860px){.web01 .il-grid{grid-template-columns:1fr;border-top:0}.web01 .il-item{padding:22px 0;border-top:1px solid var(--hair)}}

/* C. 标签切换 Tab Panel（S3 售后分级，整块区域非多个独立卡片） */
.web01 .tab-wrap{margin-top:30px}
.web01 .tabs{display:flex;gap:4px;border-bottom:2px solid var(--hair);flex-wrap:wrap}
.web01 .tab-btn{position:relative;padding:13px 22px;font-family:inherit;font-size:14.5px;font-weight:800;color:var(--ink-3);background:none;border:0;cursor:pointer;transition:.2s}
.web01 .tab-btn i{margin-right:8px;font-size:13px}
.web01 .tab-btn:hover{color:var(--ink)}
.web01 .tab-btn.on{color:var(--primary-dark)}
.web01 .tab-btn.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--primary-dark)}
.web01 .tab-panel{display:none;padding:28px 0 0}
.web01 .tab-panel.on{display:block;animation:tabIn .35s ease both}
@keyframes tabIn{from{opacity:0;transform:translateY(8px)}}
.web01 .tab-panel h4{font-size:17.5px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.5}
.web01 .tab-panel p{margin:0;font-size:14px;line-height:1.9;color:var(--ink-3);max-width:880px}
.web01 .tab-meta{display:flex;gap:34px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px dashed var(--hair)}
.web01 .tab-meta span{font-size:13px;color:var(--ink-3)}
.web01 .tab-meta b{display:block;font-family:var(--mono);font-size:15px;color:var(--primary-dark);margin-top:4px}

/* D. 深底通栏承诺列（S4 郑重承诺，细线分隔无卡片盒） */
.web01 .pc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border-top:1px solid rgba(255,255,255,.12)}
.web01 .pc-item{position:relative;padding:26px 34px 24px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.web01 .pc-no{position:absolute;right:26px;top:20px;font-family:var(--mono);font-size:40px;font-weight:800;line-height:1;color:rgba(255,255,255,.10)}
.web01 .pc-item h4{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.5}
.web01 .pc-item h4 i{color:var(--ok);font-size:15px}
.web01 .pc-item p{margin:0;font-size:13.6px;line-height:1.85;color:rgba(255,255,255,.62)}
@media (max-width:1100px){.web01 .pc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.web01 .pc-grid{grid-template-columns:1fr}.web01 .pc-item{padding-right:0}.web01 .pc-no{right:0}}

/* E. 非对称分屏（S5 服务边界，左说明 / 右条目虚线分隔） */
.web01 .asym{display:grid;grid-template-columns:38% 1fr;gap:0 52px;margin-top:34px;padding-top:32px;border-top:1px solid var(--hair)}
.web01 .asym-l h4{font-size:19px;font-weight:800;color:var(--ink);margin:0 0 12px;line-height:1.5}
.web01 .asym-l p{margin:0;font-size:13.8px;line-height:1.9;color:var(--ink-3)}
.web01 .asym-r{list-style:none;margin:0;padding:0}
.web01 .asym-r li{position:relative;padding:0 0 20px 30px;margin-bottom:20px;border-bottom:1px dashed var(--hair);font-size:14px;line-height:1.9;color:var(--ink-2)}
.web01 .asym-r li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.web01 .asym-r li::before{content:"\f05a";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:5px;color:#1f6fb2;font-size:13px}
.web01 .asym-r li b{color:var(--ink);font-weight:800}
@media (max-width:860px){.web01 .asym{grid-template-columns:1fr;gap:24px}}

/* F. 手风琴 Accordion（S6 常见问答，长条折叠无卡片） */
.web01 .acc{margin:30px 0 0;border-top:1px solid var(--hair)}
.web01 .acc-item{border-bottom:1px solid var(--hair)}
.web01 .acc-hd{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:20px 44px 20px 0;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.6;transition:.2s}
.web01 .acc-hd:hover{color:var(--primary-dark)}
.web01 .acc-hd .aq{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:var(--primary-dark);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:11.5px;font-weight:800;margin-top:2px}
.web01 .acc-hd::after{content:"\f067";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:8px;top:23px;font-size:13px;color:var(--ink-3);transition:.25s}
.web01 .acc-item.on .acc-hd::after{content:"\f068";color:var(--primary-dark)}
.web01 .acc-bd{display:none;padding:0 44px 22px 34px}
.web01 .acc-item.on .acc-bd{display:flex;gap:10px;animation:accIn .3s ease both}
@keyframes accIn{from{opacity:0;transform:translateY(-4px)}}
.web01 .acc-bd .aa{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:var(--primary-light);color:var(--primary-dark);display:grid;place-items:center;font-family:var(--mono);font-size:11.5px;font-weight:800}
.web01 .acc-bd p{margin:0;font-size:13.8px;line-height:1.9;color:var(--ink-3)}

/* ########## PART 6: 营销推广页 lists_single_tuiguang.htm（2026-10-20） ########## */
/* 版式序列：S1 大号编号列表 / S2 非对称分屏 / S3 时间轴 / S4 数字计数(深底)
   S5 引用证言 / S6 手风琴 / S7 通栏CTA —— 七模块形态互不重复 */

/* D. S4 效果指标：深底通栏数字计数（白字 + 主色大数字，细线分栏，无独立盒子） */
.web01 .cnt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;border-top:1px solid rgba(255,255,255,.14)}
.web01 .cnt-item{padding:32px 28px 6px;border-right:1px solid rgba(255,255,255,.14)}
.web01 .cnt-item:last-child{border-right:0}
.web01 .cnt-no{display:block;font-family:var(--mono);font-size:44px;font-weight:800;line-height:1;color:var(--primary);letter-spacing:-.5px;margin-bottom:16px}
.web01 .cnt-lab{display:block;font-size:15px;font-weight:800;color:#fff;margin-bottom:9px}
.web01 .cnt-item p{margin:0;font-size:13px;line-height:1.75;color:rgba(255,255,255,.62)}
@media (max-width:991px){
  .web01 .cnt-grid{grid-template-columns:repeat(2,1fr)}
  .web01 .cnt-item{padding:26px 22px 6px}
  .web01 .cnt-item:nth-child(2n){border-right:0}
  .web01 .cnt-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
}
@media (max-width:560px){
  .web01 .cnt-grid{grid-template-columns:1fr}
  .web01 .cnt-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:24px 0 8px}
  .web01 .cnt-item:last-child{border-bottom:0}
  .web01 .cnt-no{font-size:38px}
}

/* ########## PART 7: 营销推广页 v2 重排（2026-10-20） ########## */
/* 版式序列：S1 图标列表2列 / S2 平台矩阵4列 / S3 漏斗 / S4 数字计数(深底)
   S5 时间轴 / S6 轮播证言 / S7 Tab+白盒问答 / S8 背景图CTA —— 八模块形态互不重复 */

/* F. S1 八项服务：图标列表 2 列（彩色 chip + 细线分行，无独立盒子） */
.web01.tg-tuiguang .sil-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 52px;margin-top:26px}
.web01.tg-tuiguang .sil-item{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--hair)}
.web01.tg-tuiguang .sil-item:nth-child(-n+2){padding-top:2px}
.web01.tg-tuiguang .sil-item:nth-last-child(-n+2){border-bottom:0;padding-bottom:2px}
.web01.tg-tuiguang .sil-chip{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:18px;flex-shrink:0;background:var(--cb,#eef4fb);color:var(--cc,#1f6fb2);transition:transform .25s,box-shadow .25s}
.web01.tg-tuiguang .sil-item:hover .sil-chip{transform:translateY(-3px);box-shadow:0 10px 22px rgba(20,40,80,.12)}
.web01.tg-tuiguang .sil-no{display:block;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--primary-dark);letter-spacing:.1em;margin-bottom:3px}
.web01.tg-tuiguang .sil-body h4{margin:0 0 6px;font-size:15.5px;font-weight:800;line-height:1.5;color:var(--ink);transition:color .25s}
.web01.tg-tuiguang .sil-item:hover .sil-body h4{color:var(--primary-dark)}
.web01.tg-tuiguang .sil-body p{margin:0;font-size:13.2px;line-height:1.8;color:var(--ink-3)}
/* 9-11 /promotion/ 父栏目 S1 服务项链接化（整行可点，悬停显箭头） */
.web01.tg-tuiguang a.sil-item{text-decoration:none;color:inherit;cursor:pointer;position:relative;transition:.25s}
.web01.tg-tuiguang a.sil-item .sil-go{position:absolute;right:2px;top:22px;font-size:14px;color:#cbd4e0;opacity:0;transform:translateX(-5px);transition:.25s}
.web01.tg-tuiguang a.sil-item:hover .sil-go{opacity:1;color:var(--primary);transform:translateX(0)}
.web01.tg-tuiguang a.sil-item:hover{background:linear-gradient(90deg,rgba(31,111,178,.04),transparent 70%)}
@media (max-width:860px){
  .web01.tg-tuiguang .sil-grid{grid-template-columns:1fr;gap:0}
  .web01.tg-tuiguang .sil-item:nth-child(-n+2){padding-top:20px}
  .web01.tg-tuiguang .sil-item:nth-last-child(-n+2){border-bottom:1px solid var(--hair);padding-bottom:20px}
  .web01.tg-tuiguang .sil-item:last-child{border-bottom:0;padding-bottom:2px}
}

/* G. S2 投放平台矩阵：4 列竖线分隔（大品牌图标 + 能力清单，hover 白底 + 顶部色条） */
.web01.tg-tuiguang .pfm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border-top:1px solid var(--hair)}
.web01.tg-tuiguang .pfm-col{position:relative;padding:26px 22px 22px;border-left:1px solid var(--hair);transition:background .3s}
.web01.tg-tuiguang .pfm-col:first-child{border-left:0}
.web01.tg-tuiguang .pfm-col::before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:var(--pc,#ffb657);opacity:0;transition:opacity .3s}
.web01.tg-tuiguang .pfm-col:hover{background:#fff}
.web01.tg-tuiguang .pfm-col:hover::before{opacity:1}
.web01.tg-tuiguang .pfm-ic{display:block;font-size:32px;line-height:1;color:var(--pc,#1f6fb2);margin-bottom:14px}
.web01.tg-tuiguang .pfm-col h4{margin:0 0 3px;font-size:16px;font-weight:800;color:var(--ink)}
.web01.tg-tuiguang .pfm-en{display:block;font-family:var(--mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.12em;margin-bottom:15px}
.web01.tg-tuiguang .pfm-col ul{margin:0 0 15px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.web01.tg-tuiguang .pfm-col li{position:relative;padding-left:17px;font-size:12.8px;line-height:1.7;color:var(--ink-2)}
.web01.tg-tuiguang .pfm-col li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:2px;font-size:9.5px;color:var(--pc,#1f6fb2)}
.web01.tg-tuiguang .pfm-fit{margin:0;font-size:12px;line-height:1.7;color:var(--ink-3);border-top:1px dashed var(--hair);padding-top:12px}
.web01.tg-tuiguang .pfm-fit b{color:var(--ink-2);font-weight:700}
@media (max-width:1100px){
  .web01.tg-tuiguang .pfm-grid{grid-template-columns:repeat(2,1fr)}
  .web01.tg-tuiguang .pfm-col:nth-child(3){border-left:0}
  .web01.tg-tuiguang .pfm-col:nth-child(-n+2){border-bottom:1px solid var(--hair)}
}
@media (max-width:640px){
  .web01.tg-tuiguang .pfm-grid{grid-template-columns:1fr}
  .web01.tg-tuiguang .pfm-col{border-left:0;border-bottom:1px solid var(--hair)}
  .web01.tg-tuiguang .pfm-col:last-child{border-bottom:0}
}

/* H. S8 通栏 CTA：背景图 + 深色遮罩（.wcta 已有深底白字，此处叠加素材图；tuiguang / weihu01 共用） */
.web01 .wcta--img{background-image:url(/static/image/web_bg06.jpg);background-size:cover;background-position:center;position:relative;isolation:isolate}
.web01 .wcta--img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(13,22,38,.94) 0%,rgba(13,22,38,.78) 55%,rgba(13,22,38,.62) 100%)}

/* ===== 9. 营销推广 8 个子栏目组件（tg01-tg08，2026-10-20 新建） ===== */

/* 9-0 S1 非对称分屏·数据名片（8 页通用）：左数据面板 + 右短横列表，无照片依赖 */
.web01 .spx{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center;margin-top:10px}
.web01 .spx-visual{position:relative}
.web01 .spx-frame{position:absolute;inset:0;border:2px solid var(--primary);border-radius:20px;transform:translate(12px,12px);z-index:0}
.web01 .spx-panel{position:relative;z-index:1;background:#fff;border:1px solid var(--hair);border-radius:20px;padding:26px 30px 20px;box-shadow:0 18px 44px rgba(20,40,80,.08)}
.web01 .spx-stat{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px dashed #e6ebf2}
.web01 .spx-stat:last-of-type{border-bottom:0}
.web01 .spx-num{font-family:Georgia,"Times New Roman",serif;font-size:33px;font-weight:700;line-height:1;color:var(--primary-dark);min-width:106px;flex-shrink:0}
.web01 .spx-num i{font-style:normal;font-size:14px;font-family:var(--mono);color:var(--ink-3);margin-left:3px;letter-spacing:0}
.web01 .spx-lab b{display:block;font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:3px}
.web01 .spx-lab span{font-size:12.8px;color:var(--ink-3);line-height:1.6}
.web01 .spx-foot{margin-top:12px;padding-top:13px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3)}
.web01 .spx.in .spx-stat{animation:chipIn .45s both}
.web01 .spx.in .spx-stat:nth-child(1){animation-delay:.05s}
.web01 .spx.in .spx-stat:nth-child(2){animation-delay:.16s}
.web01 .spx.in .spx-stat:nth-child(3){animation-delay:.27s}
@media (max-width:980px){.web01 .spx{grid-template-columns:1fr;gap:38px}.web01 .spx-visual{max-width:520px}}
@media (max-width:640px){.web01 .spx-panel{padding:22px 20px 16px}.web01 .spx-num{font-size:28px;min-width:90px}.web01 .spx-frame{transform:translate(8px,8px)}}

/* 9-1 tg01 SEO 三层优化体系金字塔（梯形堆叠，层宽递减） */
.web01.tg01 .pyr{display:flex;flex-direction:column;gap:14px;margin-top:46px}
.web01.tg01 .pyr-layer{position:relative;display:grid;grid-template-columns:92px 1fr;gap:22px;align-items:center;padding:24px 28px;border:1px solid var(--hair);border-left:3px solid var(--ly,#1f6fb2);border-radius:14px;background:#fff;transition:transform .3s,box-shadow .3s}
.web01.tg01 .pyr-layer:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(20,40,80,.1)}
.web01.tg01 .pyr-l1{width:100%}
.web01.tg01 .pyr-l2{width:87%;align-self:center}
.web01.tg01 .pyr-l3{width:74%;align-self:center}
.web01.tg01 .pyr-no{font-family:Georgia,"Times New Roman",serif;font-size:40px;font-weight:700;line-height:1;color:var(--ly,#1f6fb2)}
.web01.tg01 .pyr-layer h4{margin:0 0 7px;font-size:17.5px;font-weight:800;color:var(--ink)}
.web01.tg01 .pyr-layer h4 em{font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--ink-3);margin-left:10px}
.web01.tg01 .pyr-layer p{margin:0;font-size:14px;line-height:1.85;color:var(--ink-3)}
.web01.tg01 .pyr-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.web01.tg01 .pyr-tags span{font-family:var(--mono);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--ls,#eef4fb);color:var(--ly,#1f6fb2)}
.web01.tg01 .pyr.in .pyr-layer{animation:chipIn .5s both}
.web01.tg01 .pyr.in .pyr-layer:nth-child(1){animation-delay:.05s}
.web01.tg01 .pyr.in .pyr-layer:nth-child(2){animation-delay:.18s}
.web01.tg01 .pyr.in .pyr-layer:nth-child(3){animation-delay:.31s}
@media (max-width:980px){.web01.tg01 .pyr-layer{grid-template-columns:64px 1fr;gap:16px;padding:20px 20px}.web01.tg01 .pyr-no{font-size:32px}.web01.tg01 .pyr-l2,.web01.tg01 .pyr-l3{width:100%}}
@media (max-width:640px){.web01.tg01 .pyr-layer{grid-template-columns:1fr;gap:8px}.web01.tg01 .pyr-no{font-size:26px}}

/* 9-2 tg02 GEO：AI 回答引用演示（左提问队列 + 右模拟回答卡） */
.web01.tg02 .aiq{display:grid;grid-template-columns:5fr 7fr;gap:44px;align-items:start;margin-top:46px}
.web01.tg02 .aiq-qh{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:6px}
.web01.tg02 .aiq-qh i{color:var(--primary);font-size:13px}
.web01.tg02 .aiq-q{padding:16px 0;border-bottom:1px dashed #e6ebf2}
.web01.tg02 .aiq-q:last-child{border-bottom:0}
.web01.tg02 .aiq-q b{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--primary-dark);background:var(--primary-light);border-radius:5px;padding:3px 8px;margin-bottom:8px}
.web01.tg02 .aiq-q p{margin:0;font-size:15px;line-height:1.75;color:var(--ink-2);font-weight:600}
.web01.tg02 .aiq-ans{position:relative;background:#fffdf8;border:1px solid #f0e2c8;border-radius:18px;padding:26px 28px 22px;box-shadow:0 18px 44px rgba(20,40,80,.07)}
.web01.tg02 .aiq-ah{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:800;color:var(--ink);padding-bottom:16px;border-bottom:1px solid #f0e2c8}
.web01.tg02 .aiq-ah i{color:#7c3aed;font-size:15px}
.web01.tg02 .aiq-ah span{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--ink-3);font-weight:400}
.web01.tg02 .aiq-tx{margin:16px 0 0;font-size:14.8px;line-height:2.05;color:var(--ink-2)}
.web01.tg02 .aiq-tx em{font-style:normal;font-weight:800;color:var(--primary-dark);border-bottom:2px solid rgba(240,120,12,.35)}
.web01.tg02 .aiq-cite{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 3px;margin:0 2px;border-radius:4px;background:var(--primary);color:#fff;font-family:var(--mono);font-size:9.5px;font-weight:700;vertical-align:2px}
.web01.tg02 .aiq-src{margin-top:18px;padding-top:14px;border-top:1px dashed #f0e2c8;display:flex;flex-direction:column;gap:8px}
.web01.tg02 .aiq-s{display:flex;align-items:center;gap:10px;font-size:12.8px;color:var(--ink-3);line-height:1.5}
.web01.tg02 .aiq-s b{font-family:var(--mono);font-size:10.5px;font-weight:800;color:var(--ink-3);flex-shrink:0}
.web01.tg02 .aiq-s.on{color:var(--primary-dark);font-weight:700}
.web01.tg02 .aiq-s.on b{color:#fff;background:var(--primary);border-radius:4px;padding:2px 5px}
.web01.tg02 .aiq-note{margin-top:20px;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.8;color:var(--ink-3)}
.web01.tg02 .aiq-note i{color:var(--primary);margin-top:5px;flex-shrink:0}
@media (max-width:980px){.web01.tg02 .aiq{grid-template-columns:1fr;gap:30px}}

/* 9-3 tg03 Google Ads 账户结构树（层级缩进 + 连接线） */
.web01.tg03 .atree{margin-top:46px}
.web01.tg03 .at-root{display:flex;align-items:center;gap:14px;background:linear-gradient(122deg,#1c2636,#141c29);border-radius:14px;padding:18px 24px;color:#fff;box-shadow:0 16px 38px rgba(16,26,44,.22)}
.web01.tg03 .at-root > i{font-size:20px;color:#ffb657}
.web01.tg03 .at-root b{font-size:16px;font-weight:800}
.web01.tg03 .at-root span{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:rgba(255,255,255,.55)}
.web01.tg03 .at-camp{position:relative;margin:14px 0 0 26px;padding-left:26px;border-left:1px dashed #d8dfe9}
.web01.tg03 .at-camp::before{content:"";position:absolute;left:-1px;top:24px;width:19px;height:1px;background:#d8dfe9}
.web01.tg03 .at-camp::after{content:"";position:absolute;left:-5px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--cc,#ea4335);box-shadow:0 0 0 3px #fff}
.web01.tg03 .at-camp-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--hair);border-top:3px solid var(--cc,#ea4335);border-radius:12px;padding:15px 20px}
.web01.tg03 .at-camp-h b{font-size:15px;font-weight:800;color:var(--ink)}
.web01.tg03 .at-camp-h span{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--cc,#ea4335);background:var(--cs,#fdecea);border-radius:5px;padding:3px 9px;margin-left:auto}
.web01.tg03 .at-grp{position:relative;margin:10px 0 0 22px;padding:11px 16px 11px 18px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.web01.tg03 .at-grp::before{content:"";position:absolute;left:-16px;top:50%;width:12px;height:1px;background:#d8dfe9}
.web01.tg03 .at-grp b{font-size:13.8px;font-weight:700;color:var(--ink-2)}
.web01.tg03 .at-grp span{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);margin-left:auto}
.web01.tg03 .at-note{margin-top:22px;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.85;color:var(--ink-3)}
.web01.tg03 .at-note i{color:var(--primary);margin-top:5px;flex-shrink:0}
@media (max-width:640px){.web01.tg03 .at-camp{margin-left:14px;padding-left:16px}.web01.tg03 .at-grp{margin-left:12px}.web01.tg03 .at-camp-h span{margin-left:0}}

/* 9-4 tg04 创意矩阵（3 钩子 × 2 形态，矩阵细线分割） */
.web01.tg04 .crm{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:46px;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:#fff}
.web01.tg04 .crm-cell{position:relative;padding:24px 24px 22px;border-left:1px solid var(--hair);border-bottom:1px solid var(--hair);transition:background .3s}
.web01.tg04 .crm-cell:nth-child(3n+1){border-left:0}
.web01.tg04 .crm-cell:nth-last-child(-n+3){border-bottom:0}
.web01.tg04 .crm-cell::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cc,#0866ff);opacity:.85}
.web01.tg04 .crm-cell:hover{background:#fffdf8}
.web01.tg04 .crm-hook{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--cc,#0866ff);background:var(--cs,#e8f0fe);border-radius:5px;padding:4px 9px;margin-bottom:14px}
.web01.tg04 .crm-copy{margin:0 0 12px;font-size:15.5px;font-weight:800;line-height:1.6;color:var(--ink)}
.web01.tg04 .crm-fit{display:block;font-size:12.8px;line-height:1.7;color:var(--ink-3)}
.web01.tg04 .crm.in .crm-cell{animation:chipIn .5s both}
.web01.tg04 .crm.in .crm-cell:nth-child(2){animation-delay:.07s}
.web01.tg04 .crm.in .crm-cell:nth-child(3){animation-delay:.14s}
.web01.tg04 .crm.in .crm-cell:nth-child(4){animation-delay:.21s}
.web01.tg04 .crm.in .crm-cell:nth-child(5){animation-delay:.28s}
.web01.tg04 .crm.in .crm-cell:nth-child(6){animation-delay:.35s}
@media (max-width:980px){.web01.tg04 .crm{grid-template-columns:repeat(2,1fr)}.web01.tg04 .crm-cell:nth-child(3n+1){border-left:1px solid var(--hair)}.web01.tg04 .crm-cell:nth-child(2n+1){border-left:0}.web01.tg04 .crm-cell:nth-last-child(-n+3){border-bottom:1px solid var(--hair)}.web01.tg04 .crm-cell:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:640px){.web01.tg04 .crm{grid-template-columns:1fr}.web01.tg04 .crm-cell{border-left:0!important}.web01.tg04 .crm-cell:nth-last-child(-n+3){border-bottom:1px solid var(--hair)}.web01.tg04 .crm-cell:last-child{border-bottom:0}}

/* 9-5 tg05 LinkedIn B2B 询盘阶梯（四级台阶递进） */
.web01.tg05 .lil{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.web01.tg05 .lil-step{position:relative;background:#fff;border:1px solid var(--hair);border-top:3px solid var(--lc,#9aa9bd);border-radius:14px;padding:22px 22px 20px;transition:transform .3s,box-shadow .3s}
.web01.tg05 .lil-step:nth-child(1){margin-top:0}
.web01.tg05 .lil-step:nth-child(2){margin-top:26px}
.web01.tg05 .lil-step:nth-child(3){margin-top:52px}
.web01.tg05 .lil-step:nth-child(4){margin-top:78px}
.web01.tg05 .lil-step:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,40,80,.1)}
.web01.tg05 .lil-step b{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:700;line-height:1;color:var(--lc,#9aa9bd);display:block;margin-bottom:10px}
.web01.tg05 .lil-step h4{margin:0 0 3px;font-size:17px;font-weight:800;color:var(--ink)}
.web01.tg05 .lil-en{display:block;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;color:var(--ink-3);margin-bottom:12px}
.web01.tg05 .lil-step p{margin:0 0 12px;font-size:13.5px;line-height:1.8;color:var(--ink-3)}
.web01.tg05 .lil-m{display:block;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--lc,#9aa9bd);border-top:1px dashed #e6ebf2;padding-top:10px}
.web01.tg05 .lil.in .lil-step{animation:chipIn .5s both}
.web01.tg05 .lil.in .lil-step:nth-child(2){animation-delay:.1s}
.web01.tg05 .lil.in .lil-step:nth-child(3){animation-delay:.2s}
.web01.tg05 .lil.in .lil-step:nth-child(4){animation-delay:.3s}
@media (max-width:980px){.web01.tg05 .lil{grid-template-columns:repeat(2,1fr);gap:16px}.web01.tg05 .lil-step:nth-child(3),.web01.tg05 .lil-step:nth-child(4){margin-top:0}}
@media (max-width:640px){.web01.tg05 .lil{grid-template-columns:1fr}.web01.tg05 .lil-step:nth-child(2){margin-top:0}}

/* 9-6 tg06 短视频内容生产闭环（横向六节点 + 回流线） */
.web01.tg06 .svl{position:relative;margin-top:52px}
.web01.tg06 .svl-track{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.web01.tg06 .svl-track::before{content:"";position:absolute;left:5%;right:5%;top:26px;height:2px;background:linear-gradient(90deg,#2f6bde,#d06a08,#0e8a5f,#6f52c8,#e4573a,#2f6bde);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 1s .25s ease;opacity:.55}
.web01.tg06 .svl.in .svl-track::before{transform:scaleX(1)}
.web01.tg06 .svl-node{position:relative;text-align:center;padding:0 4px}
.web01.tg06 .svl-ic{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--nc,#2f6bde);color:var(--nc,#2f6bde);display:grid;place-items:center;font-size:19px;margin:0 auto 14px;transition:.3s}
.web01.tg06 .svl-node:hover .svl-ic{background:var(--nc,#2f6bde);color:#fff;box-shadow:0 10px 24px rgba(20,40,80,.16)}
.web01.tg06 .svl-no{position:absolute;top:-6px;right:calc(50% - 40px);font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--nc,#2f6bde);border-radius:5px;padding:2px 6px}
.web01.tg06 .svl-node h4{margin:0 0 7px;font-size:15.5px;font-weight:800;color:var(--ink)}
.web01.tg06 .svl-node p{margin:0;font-size:12.8px;line-height:1.75;color:var(--ink-3)}
.web01.tg06 .svl-back{position:relative;margin-top:26px;display:flex;align-items:center;gap:12px;background:#fffdf8;border:1px dashed #f0dcbb;border-radius:12px;padding:14px 20px;font-size:13.5px;line-height:1.7;color:var(--ink-2)}
.web01.tg06 .svl-back i{color:var(--primary);font-size:14px;flex-shrink:0}
.web01.tg06 .svl.in .svl-node{animation:pop .5s both}
.web01.tg06 .svl.in .svl-node:nth-child(2){animation-delay:.1s}
.web01.tg06 .svl.in .svl-node:nth-child(3){animation-delay:.2s}
.web01.tg06 .svl.in .svl-node:nth-child(4){animation-delay:.3s}
.web01.tg06 .svl.in .svl-node:nth-child(5){animation-delay:.4s}
.web01.tg06 .svl.in .svl-node:nth-child(6){animation-delay:.5s}
@media (max-width:980px){.web01.tg06 .svl-track{grid-template-columns:repeat(3,1fr);row-gap:34px}.web01.tg06 .svl-track::before{display:none}}
@media (max-width:640px){.web01.tg06 .svl-track{grid-template-columns:repeat(2,1fr)}}

/* 9-7 tg07 内容矩阵（3 阶段 × 4 形态，行头色带） */
.web01.tg07 .cmm{margin-top:46px;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:#fff}
.web01.tg07 .cmm-head,.web01.tg07 .cmm-row{display:grid;grid-template-columns:210px repeat(4,1fr)}
.web01.tg07 .cmm-head{background:#f7f9fc;border-bottom:1px solid var(--hair)}
.web01.tg07 .cmm-head b{padding:15px 18px;font-family:var(--mono);font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--ink-2);border-left:1px solid var(--hair)}
.web01.tg07 .cmm-head b:first-of-type{border-left:0}
.web01.tg07 .cmm-row{border-bottom:1px solid var(--hair)}
.web01.tg07 .cmm-row:last-child{border-bottom:0}
.web01.tg07 .cmm-stage{position:relative;padding:22px 20px;border-left:3px solid var(--rc,#2f6bde);background:#fff}
.web01.tg07 .cmm-stage b{display:block;font-size:15.5px;font-weight:800;color:var(--rc,#2f6bde);margin-bottom:5px}
.web01.tg07 .cmm-stage small{display:block;font-size:12px;line-height:1.65;color:var(--ink-3)}
.web01.tg07 .cmm-cell{padding:20px 18px;border-left:1px solid var(--hair);transition:background .3s}
.web01.tg07 .cmm-cell:hover{background:#fffdf8}
.web01.tg07 .cmm-cell h5{margin:0 0 7px;font-size:14px;font-weight:800;color:var(--ink)}
.web01.tg07 .cmm-cell p{margin:0;font-size:12.8px;line-height:1.75;color:var(--ink-3)}
.web01.tg07 .cmm.in .cmm-row{animation:chipIn .5s both}
.web01.tg07 .cmm.in .cmm-row:nth-child(3){animation-delay:.12s}
.web01.tg07 .cmm.in .cmm-row:nth-child(4){animation-delay:.24s}
@media (max-width:980px){.web01.tg07 .cmm-head{display:none}.web01.tg07 .cmm-row{grid-template-columns:1fr}.web01.tg07 .cmm-cell{border-left:0;border-top:1px dashed #edf1f6}.web01.tg07 .cmm-cell::before{content:attr(data-c);display:block;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--primary-dark);margin-bottom:6px}}
@media (max-width:640px){.web01.tg07 .cmm-stage{padding:18px 16px}}

/* 9-8 pfm 平台矩阵列数覆盖：tg02 六平台 3 列 / tg04 双平台 2 列大卡 */
@media (min-width:981px){
  .web01.tg02 .pfm-grid{grid-template-columns:repeat(3,1fr)}
  .web01.tg02 .pfm-col:nth-child(3n+1){border-left:0}
  .web01.tg02 .pfm-col:nth-child(-n+3){border-bottom:1px solid var(--hair)}
  .web01.tg02 .pfm-ic{font-size:26px;margin-bottom:10px}
  .web01.tg02 .pfm-col h4{font-size:15px}
  .web01.tg04 .pfm-grid{grid-template-columns:repeat(2,1fr)}
  .web01.tg04 .pfm-col{padding:30px 28px 26px}
  .web01.tg04 .pfm-col:nth-child(2n+1){border-left:0}
  .web01.tg04 .pfm-ic{font-size:38px}
}

/* 9-9 flow 步骤流列数覆盖（默认 7 列；按各页实际步数对齐） */
@media (min-width:1081px){
  .web01.tg01 .flow{grid-template-columns:repeat(4,1fr)}
  .web01.tg02 .flow,.web01.tg05 .flow,.web01.tg08 .flow{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:1080px){
  .web01.tg01 .flow{grid-template-columns:repeat(2,1fr)}
}

/* 9-10 深色横带修正（2026-10-20 深夜）
   旧母版遗留规则 `.web01 #s5{background-image:radial-gradient(...);background-size:26px 26px}`
   本为 lists_single_web01 的技术栈蓝图点阵而写，但 ID 选择器权重 (1,1,0) 高于
   `.web01 .sec-dark`(0,2,0) 与 `.web01 .sec-tech`(0,2,0)，会命中本线子页面深色的
   section#s5（tg01/tg02/tg05/tg08 的节奏/流程横带）：深底 background-image 被换成
   浅灰点阵，sec-tech 简写声明的底色被打透成透明 → 白底 + 白字全隐形。
   修复：只在这 4 个深色 s5 的作用域内重声 sec-tech 的深底（权重 (1,3,0) 压过遗留
   规则）；白底 s5 的页面（tg03/04/06/07）与父栏目 /promotion/、web01 等不受影响。 */
.web01.tg-tuiguang.tg01 #s5,.web01.tg-tuiguang.tg02 #s5,
.web01.tg-tuiguang.tg05 #s5,.web01.tg-tuiguang.tg08 #s5{
  background:radial-gradient(1100px 400px at 80% -10%,rgba(240,120,12,.12),transparent 60%),linear-gradient(180deg,#0d1b2e,#11233b)
}

/* ########## 主栏目页版式重构 v2（2026-10-25，lists_single_web.htm 专用） ##########
   目标：消除 S2/S4/S5/S7 四段「编号+标题+描述」网格的雷同感。
   新形态：S2 非对称分屏+字母细线列表 / S4 左右图文交替+大号编号
         S5 手风琴 / S7 浅灰分屏+图标细线列表（深色带由 3 处降回 2 处）
   旧类（ed-quote、pin-、hire-、fit2-、dlv2- 系列）保留不动，模板已不再引用。 */

/* ---- S2 建站理念：非对称分屏 ---- */
.web01 .ph-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px 72px;align-items:stretch}
.web01 .ph-left{position:sticky;top:120px;display:flex;flex-direction:column;justify-content:center}
.web01 .ph-left h2{font-size:34px;font-weight:800;color:var(--ink);margin:14px 0 26px;letter-spacing:-.3px;line-height:1.3}
.web01 .ph-quote{position:relative;font-size:17px;line-height:2.05;color:var(--ink-2);margin:0 0 18px;padding-left:22px;border-left:3px solid var(--primary)}
.web01 .ph-quote em{font-style:normal;color:var(--primary-dark);font-weight:700}
.web01 .ph-from{font-size:13px;color:var(--ink-3);font-weight:700;letter-spacing:.04em}
.web01 .ph-foot{margin-top:34px}
.web01 .ph-foot p{font-size:13.5px;line-height:1.8;color:var(--ink-3);margin:0 0 14px;max-width:330px}
.web01 .ph-more{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:var(--primary-dark);text-decoration:none;border-bottom:1px solid rgba(240,120,12,.35);padding-bottom:7px}
.web01 .ph-more i{font-size:12px;transition:transform .25s}
.web01 .ph-more:hover{border-bottom-color:var(--primary)}
.web01 .ph-more:hover i{transform:translateX(4px)}
.web01 .ph-list{list-style:none;margin:0;padding:0}
.web01 .ph-list li{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:24px 0;border-top:1px solid var(--hair)}
.web01 .ph-list li:last-child{padding-bottom:0}
.web01 .ph-idx{font-family:var(--mono);font-size:26px;font-weight:800;line-height:1.15;letter-spacing:.02em;color:rgba(240,120,12,.35)}
@supports (-webkit-text-stroke:1px #000){.web01 .ph-idx{color:transparent;-webkit-text-stroke:1.2px var(--primary)}}
.web01 .ph-list h3{font-size:16.5px;font-weight:800;color:var(--ink);margin:2px 0 8px}
.web01 .ph-list p{font-size:13.8px;line-height:1.85;color:var(--ink-3);margin:0}

/* ---- S4 核心优势：左右图文交替 ---- */
.web01 .adv2{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px 64px;margin-top:44px;align-items:start}
.web01 .adv2-fig{position:sticky;top:120px;margin:0}
.web01 .adv2-fig img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:4/3;object-fit:cover}
.web01 .adv2-fig figcaption{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;color:var(--ink-3)}
.web01 .adv2-fig figcaption i{color:var(--primary)}
.web01 .adv2-list{list-style:none;margin:0;padding:0}
.web01 .adv2-list li{display:grid;grid-template-columns:74px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--hair);align-items:start}
.web01 .adv2-no{font-family:var(--mono);font-size:40px;font-weight:800;line-height:.95;color:var(--primary);letter-spacing:-.02em}
.web01 .adv2-list h3{font-size:17px;font-weight:800;color:var(--ink);margin:3px 0 8px}
.web01 .adv2-list p{font-size:13.8px;line-height:1.85;color:var(--ink-3);margin:0}
.web01 .adv2-cks{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 24px;margin:40px 0 0;padding:26px 0 0;border-top:1px dashed var(--hair)}
.web01 .adv2-cks li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--ink-2)}
.web01 .adv2-cks i{color:var(--primary-dark);font-size:13px}

/* ---- S5 适用场景：手风琴 ---- */
.web01 .acc{margin:38px 0 0;border-top:1px solid var(--hair)}
.web01 .acc-item{border-bottom:1px solid var(--hair)}
.web01 .acc-head{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:16px;width:100%;background:none;border:0;padding:22px 4px;cursor:pointer;text-align:left;font-family:inherit}
.web01 .acc-no{font-family:var(--mono);font-size:15px;font-weight:800;color:var(--ink-3)}
.web01 .acc-item.open .acc-no{color:var(--primary)}
.web01 .acc-t{font-size:17.5px;font-weight:800;color:var(--ink);transition:color .2s}
.web01 .acc-head:hover .acc-t{color:var(--primary-dark)}
.web01 .acc-ico{width:34px;height:34px;border:1px solid var(--hair);border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--ink-3);background:#fff;transition:.25s}
.web01 .acc-item.open .acc-ico{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(45deg)}
.web01 .acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.web01 .acc-in{padding:0 4px 24px 72px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.web01 .acc-in p{font-size:14.2px;line-height:1.9;color:var(--ink-2);margin:0;max-width:720px}
.web01 .acc-fit{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--primary-dark);text-decoration:none}
.web01 .acc-fit i{font-size:11px;transition:transform .25s}
.web01 .acc-fit:hover i{transform:translateX(4px)}
.web01 .acc-cta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:34px}
.web01 .acc-cta p{margin:0;font-size:15px;font-weight:700;color:var(--ink-2)}

/* ---- S7 交付保障：浅灰分屏 ---- */
.web01 .dlv3{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px 72px;align-items:center}
.web01 .dlv3-left h2{font-size:30px;font-weight:800;color:var(--ink);margin:14px 0 18px;letter-spacing:-.3px;line-height:1.35}
.web01 .dlv3-left p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0 0 26px;max-width:420px}
.web01 .dlv3-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;background:var(--navy);color:#fff!important;font-size:14px;font-weight:800;text-decoration:none;transition:background .25s}
.web01 .dlv3-btn:hover{background:var(--primary)}
.web01 .dlv3-right{display:grid;grid-template-columns:1fr 1fr;gap:0}
.web01 .dlv3-item{padding:26px 24px 6px 0;border-top:1px solid var(--hair)}
.web01 .dlv3-item:nth-child(even){padding-left:28px;border-left:1px solid var(--hair)}
.web01 .dlv3-ico{width:44px;height:44px;border:1px solid var(--hair);border-radius:50%;display:grid;place-items:center;font-size:16px;color:var(--primary-dark);background:#fff;margin-bottom:16px;transition:.25s}
.web01 .dlv3-item:hover .dlv3-ico{background:var(--primary);border-color:var(--primary);color:#fff}
.web01 .dlv3-item h3{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 8px}
.web01 .dlv3-item p{font-size:13.5px;line-height:1.8;color:var(--ink-3);margin:0}

/* ---- v2 响应式 ---- */
@media (max-width:1080px){
  .web01 .ph-split{grid-template-columns:1fr;gap:34px}
  .web01 .ph-left{position:static}
  .web01 .adv2{grid-template-columns:1fr;gap:34px}
  .web01 .adv2-fig{position:static;max-width:640px}
  .web01 .dlv3{grid-template-columns:1fr;gap:36px}
}

/* ---- S5 适用场景：三栏分组 v4（2026-10-25 19:10）----
   上一版的问题是"没有层次感"：.sec-head h2 只有 30px，组名 22px，级差仅 8px；
   三栏同权同密度、线条不分级 → 整块读起来是平的。
   v4 建立三级层次 + 双级线条：
     总纲层  09 描边大数字（深墨）+ 区块标题 30px
     组级层  01/02/03 描边大数字（橙）+ 组名 24px + 说明 13.4px
     条目层  01/02/03 灰 mono 序号 + 条目标题 17px + 描述 + 橙链接
   线条分级：组头下 1px 深线(rgba .20) 分区，条目间 1px 淡线(rgba .08) 分隔。 */

.web01 .gp3-main{display:grid;grid-template-columns:1fr auto;align-items:end;gap:48px;margin-bottom:52px}
.web01 .gp3-main-l{min-width:0}
.web01 .gp3-main h2{font-size:30px;font-weight:800;letter-spacing:-.4px;line-height:1.32;color:var(--ink);margin:0 0 14px}
.web01 .gp3-main p{font-size:15.5px;color:var(--ink-3);line-height:1.85;margin:0;max-width:780px}
.web01 .gp3-total{text-align:right;padding-bottom:2px;flex:none}
.web01 .gp3-total-n{display:block;font-family:var(--mono);font-size:64px;font-weight:800;line-height:.9;color:transparent;-webkit-text-stroke:1.7px var(--ink)}
@supports not (-webkit-text-stroke:1px #000){.web01 .gp3-total-n{color:rgba(20,27,38,.26);-webkit-text-stroke:0}}
.web01 .gp3-total-t{display:block;margin-top:12px;font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--ink-3)}

.web01 .gp3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 46px;margin-top:0}
.web01 .gp3-col{display:flex;flex-direction:column;min-width:0}
.web01 .gp3-col+.gp3-col{border-left:1px solid rgba(20,27,38,.10);padding-left:46px}

.web01 .gp3-head{padding-bottom:26px;border-bottom:1px solid rgba(20,27,38,.20);min-height:158px}
.web01 .gp3-head::before{content:"";display:block;width:30px;height:2px;background:linear-gradient(90deg,var(--primary-dark),rgba(240,120,12,0));margin-bottom:18px}
.web01 .gp3-hd{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.web01 .gp3-no{font-family:var(--mono);font-size:46px;font-weight:800;line-height:.9;color:transparent;-webkit-text-stroke:1.2px var(--primary-dark);flex:none}
@supports not (-webkit-text-stroke:1px #000){.web01 .gp3-no{color:rgba(240,120,12,.45);-webkit-text-stroke:0}}
.web01 .gp3-head h3{font-size:24px;font-weight:800;color:var(--ink);margin:0;letter-spacing:-.3px;line-height:1.3}
.web01 .gp3-head p{font-size:13.4px;line-height:1.85;color:var(--ink-3);margin:0}

.web01 .gp3-list{list-style:none;margin:0;padding:0}
.web01 .gp3-list li{position:relative;padding:24px 0;border-top:1px solid rgba(20,27,38,.08)}
.web01 .gp3-list li:first-child{border-top:0}
.web01 .gp3-list li::before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--primary-dark);transition:width .3s ease}
.web01 .gp3-list li:hover::before{width:62px}
.web01 .gp3-name{display:flex;align-items:baseline;gap:10px;font-size:17px;font-weight:800;color:var(--ink);margin-bottom:9px;line-height:1.4}
.web01 .gp3-n{font-family:var(--mono);font-size:12px;font-weight:800;color:#a9b3be;letter-spacing:.06em;transition:color .25s}
.web01 .gp3-list li:hover .gp3-n{color:var(--primary-dark)}
.web01 .gp3-list p{font-size:13.2px;line-height:1.85;color:var(--ink-3);margin:0 0 13px}
.web01 .gp3-fit{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--primary-dark);text-decoration:none}
.web01 .gp3-fit i{font-size:11px;transition:transform .25s}
.web01 .gp3-fit:hover i{transform:translateX(4px)}

.web01 .gp3-more{margin-top:auto;padding-top:26px;display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:800;color:var(--ink-2);text-decoration:none}
.web01 .gp3-more i{font-size:11px;color:var(--primary-dark);transition:transform .25s}
.web01 .gp3-more:hover{color:var(--primary-dark)}
.web01 .gp3-more:hover i{transform:translateX(4px)}

.web01 .gp3-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-top:56px;padding-top:32px;border-top:1px solid rgba(20,27,38,.20)}
.web01 .gp3-cta-l{min-width:0}
.web01 .gp3-cta-tag{display:block;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--primary-dark);text-transform:uppercase;margin-bottom:10px}
.web01 .gp3-cta p{margin:0;font-size:15px;line-height:1.8;color:var(--ink-2);max-width:640px}
.web01 .gp3-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;background:var(--navy);color:#fff!important;font-size:14px;font-weight:800;text-decoration:none;transition:background .25s;white-space:nowrap}
.web01 .gp3-cta-btn:hover{background:var(--primary-dark)}
.web01 .gp3-cta-btn i{font-size:12px}

@media (max-width:1080px){
  .web01 .gp3-main{grid-template-columns:1fr;gap:24px;align-items:start}
  .web01 .gp3-total{text-align:left}
  .web01 .gp3-total-n{font-size:52px}
  .web01 .gp3{grid-template-columns:1fr}
  .web01 .gp3-col+.gp3-col{border-left:0;border-top:1px solid rgba(20,27,38,.10);padding-left:0;padding-top:36px;margin-top:36px}
  .web01 .gp3-head{min-height:0}
  .web01 .gp3-more{margin-top:0;padding-top:24px}
  .web01 .gp3-list p{max-width:660px}
}
@media (max-width:760px){
  .web01 .gp3-main h2{font-size:25px}
  .web01 .gp3-main p{font-size:14.5px}
  .web01 .gp3-no{font-size:38px}
  .web01 .gp3-head h3{font-size:20px}
  .web01 .gp3-head p{font-size:13.2px}
  .web01 .gp3-name{font-size:16px}
  .web01 .gp3-cta{flex-direction:column;align-items:flex-start;gap:20px;margin-top:42px;padding-top:28px}
}

/* ===== 客户案例列表页 lists_images.htm（scoped .web01） ===== */
/* 使用公共 .container 宽度（响应式 max 1400px），不再单独锁定 1200px */
.web01 .rk-case-list{padding:60px 0 0}

/* Hero 数据标签（与 .wp-weihu 同款胶囊） */
.web01.wp-case .hp-fact{font-family:var(--mono);font-size:13px;color:#fff;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 14px;margin:0 8px 8px 0}
.web01.wp-case .hp-fact b{color:var(--primary-light);font-weight:800;margin-right:6px;font-size:15px}

/* 头部 + 分类筛选（独立控制条，更醒目） */
.web01 .rk-case-bar{display:block;margin-bottom:34px}
.web01 .rk-case-eyebrow{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.18em;
  color:var(--primary-dark);font-weight:700;margin-bottom:12px}
.web01 .rk-case-head h2{margin:0;font-size:28px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}
.web01 .rk-case-head .sub{margin:11px 0 0;font-size:14px;color:var(--ink-3)}

/* 筛选控制条：独立面板 + 明确标签，强化存在感 */
.web01 .rk-case-filter{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px;
  padding:18px 22px;border:1px solid var(--hair);border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(20,40,80,.04)}
.web01 .rk-case-filter-label{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;
  font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.05em;color:var(--ink-3);white-space:nowrap}
.web01 .rk-case-filter-label i{color:var(--primary-dark);font-size:13px}
.web01 .rk-case-cats{display:flex;flex-wrap:wrap;gap:10px;flex:1}
.web01 .rk-case-cat{display:inline-flex;align-items:center;height:42px;padding:0 22px;border:1px solid var(--hair);
  border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink-2);text-decoration:none;transition:.22s;background:#fff}
.web01 .rk-case-cat:hover{border-color:var(--primary);color:var(--primary-dark);background:rgba(240,135,12,.07)}
.web01 .rk-case-cat.cur{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;font-weight:800}
.web01 .rk-case-cat.cur:hover{color:#fff;background:var(--primary-dark)}

/* 案例网格：图文压字卡片 */
.web01 .rk-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:4px 0 6px}
.web01 .rk-case-card{position:relative;display:block;text-decoration:none;color:inherit;aspect-ratio:4/3;
  border-radius:12px;overflow:hidden;background:var(--gray);border:1px solid var(--hair);
  box-shadow:0 6px 18px rgba(20,40,80,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.web01 .rk-case-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(20,40,80,.18);border-color:rgba(240,135,12,.5)}
.web01 .rk-case-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.web01 .rk-case-card:hover .rk-case-img{transform:scale(1.07)}
.web01 .rk-case-shade{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(19,26,38,0) 40%,rgba(19,26,38,.30) 66%,rgba(19,26,38,.82) 100%);transition:.3s}
.web01 .rk-case-card:hover .rk-case-shade{background:linear-gradient(180deg,rgba(19,26,38,0) 34%,rgba(19,26,38,.40) 64%,rgba(19,26,38,.86) 100%)}
.web01 .rk-case-tag{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--mono);font-size:11px;font-weight:700;
  color:#fff;background:var(--primary);border-radius:6px;padding:4px 10px;letter-spacing:.03em;
  box-shadow:0 4px 12px rgba(240,135,12,.35);max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.web01 .rk-case-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 18px 16px}
.web01 .rk-case-title{margin:0;font-size:18px;font-weight:800;line-height:1.45;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45);transition:color .3s ease}
.web01 .rk-case-card:hover .rk-case-title{color:#ffd9a8}
.web01 .rk-case-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.web01 .rk-case-go{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--primary);
  opacity:0;transform:translateX(-6px);transition:.28s}
.web01 .rk-case-card:hover .rk-case-go{opacity:1;transform:none}
.web01 .rk-case-view{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:rgba(255,255,255,.82)}
.web01 .rk-case-view i{font-size:12px}

/* 分页 */
.web01 .rk-case-pager{padding:46px 0 80px;text-align:center}
.web01 .rk-case-pager ul{display:inline-flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;justify-content:center}
.web01 .rk-case-pager li{display:inline-block}
.web01 .rk-case-pager a,.web01 .rk-case-pager li > span{display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 12px;border:1px solid var(--hair);border-radius:8px;font-size:14px;color:var(--ink-2);text-decoration:none;transition:.2s}
.web01 .rk-case-pager a:hover{border-color:var(--primary);color:var(--primary-dark)}
.web01 .rk-case-pager li.active a,.web01 .rk-case-pager li.active > span{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}

@media (max-width:1080px){
  .web01 .rk-case-grid{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (max-width:760px){
  .web01 .rk-case-grid{grid-template-columns:1fr;gap:18px}
  .web01 .rk-case-list{padding:40px 0 0}
  .web01 .rk-case-head h2{font-size:23px}
  .web01 .rk-case-eyebrow{font-size:11px;margin-bottom:10px}
  .web01 .rk-case-filter{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}
  .web01 .rk-case-filter-label{font-size:12px}
  .web01 .rk-case-cat{height:40px;padding:0 18px;font-size:14px}
  .web01 .rk-case-pager a,.web01 .rk-case-pager li > span{min-width:36px;height:36px;font-size:13px;padding:0 9px}
}


/* ===== 案例详情页 view_images.htm（scoped .web01.wp-case-detail） ===== */
.web01.wp-case-detail .rk-case-detail{padding:56px 0 24px}
.web01.wp-case-detail .rk-case-detail .container{max-width:1200px}
.web01.wp-case-detail .rk-case-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}

/* 文章主体 */
.web01.wp-case-detail .rk-case-article{min-width:0}
.web01.wp-case-detail .rk-case-am{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--hair)}
.web01.wp-case-detail .rk-case-am span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-3)}
.web01.wp-case-detail .rk-case-am i{color:var(--primary);font-size:12.5px}
.web01.wp-case-detail .rk-case-body{font-size:16px;line-height:1.95;color:var(--ink-2)}
.web01.wp-case-detail .rk-case-body p{margin:0 0 18px}
.web01.wp-case-detail .rk-case-body img{max-width:100%;height:auto;border-radius:10px;margin:8px 0 20px}
.web01.wp-case-detail .rk-case-body h2,.web01.wp-case-detail .rk-case-body h3,.web01.wp-case-detail .rk-case-body h4{margin:30px 0 14px;color:var(--ink);font-weight:800;line-height:1.4}
.web01.wp-case-detail .rk-case-body h2{font-size:23px}
.web01.wp-case-detail .rk-case-body h3{font-size:20px}
.web01.wp-case-detail .rk-case-body ul,.web01.wp-case-detail .rk-case-body ol{margin:0 0 18px;padding-left:22px}
.web01.wp-case-detail .rk-case-body li{margin:6px 0}
.web01.wp-case-detail .rk-case-body a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px}
/* 案例长截图：仿 macOS Safari 窗口（2026-11-05） */
.web01.wp-case-detail .rk-case-longimg{position:relative;max-width:900px;margin:10px auto 30px;padding-top:38px;background:#fff;border:1px solid rgba(20,40,80,.10);border-radius:11px;box-shadow:0 18px 36px -16px rgba(16,32,64,.26),0 2px 8px rgba(16,32,64,.06);overflow:hidden;isolation:isolate}
.web01.wp-case-detail .rk-case-longimg .rk-bl-bar{position:absolute;top:0;left:0;right:0;height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;background:linear-gradient(180deg,#fbfbfd 0%,#edeef2 100%);border-bottom:1px solid rgba(20,40,80,.10)}
.rk-bl-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}
.rk-bl-dot:nth-child(1){background:#ff5f57}
.rk-bl-dot:nth-child(2){background:#febc2e}
.rk-bl-dot:nth-child(3){background:#28c840}
.rk-bl-url{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;height:23px;padding:0 12px;max-width:54%;background:#fff;border:1px solid rgba(20,40,80,.12);border-radius:6px;color:#4a5361;font:400 11.5px/1 -apple-system,"SF Pro Text","Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.1px;white-space:nowrap;overflow:hidden}
.rk-bl-url svg{flex:0 0 auto;opacity:.5;width:10px;height:10px}
.rk-bl-url b{font-weight:400;overflow:hidden;text-overflow:ellipsis}
.web01.wp-case-detail .rk-case-longimg .rk-bl-view{display:block;max-height:1280px;overflow:hidden}
.web01.wp-case-detail .rk-case-longimg img{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0;box-shadow:none}
@media (max-width:768px){.web01.wp-case-detail .rk-case-longimg{padding-top:34px;border-radius:10px;margin:8px auto 22px}.web01.wp-case-detail .rk-case-longimg .rk-bl-bar{height:34px;padding:0 12px;gap:5px}.rk-bl-dot{width:9px;height:9px}.rk-bl-url{height:21px;font-size:10.5px;padding:0 10px;max-width:58%}.web01.wp-case-detail .rk-case-longimg .rk-bl-view{max-height:640px}}

/* 上一篇 / 下一篇 */
.web01.wp-case-detail .rk-case-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0 8px}
.web01.wp-case-detail .rk-case-pn .pn{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border:1px solid var(--hair);border-radius:10px;text-decoration:none;color:inherit;background:#fff;transition:.2s}
.web01.wp-case-detail .rk-case-pn .pn:hover{border-color:var(--primary);box-shadow:0 8px 20px rgba(20,40,80,.1)}
.web01.wp-case-detail .rk-case-pn .pn-next{text-align:right;align-items:flex-end}
.web01.wp-case-detail .rk-case-pn .pn span{font-size:12.5px;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px}
.web01.wp-case-detail .rk-case-pn .pn b{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4}
.web01.wp-case-detail .rk-case-pn .pn.is-empty{opacity:.5}

/* 侧栏 */
.web01.wp-case-detail .rk-case-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.web01.wp-case-detail .rk-case-ic{background:#fff;border:1px solid var(--hair);border-radius:14px;padding:22px;box-shadow:0 8px 22px rgba(20,40,80,.06)}
.web01.wp-case-detail .rk-case-ic-h{margin:0 0 16px;font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
.web01.wp-case-detail .rk-case-ic-h::before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}
.web01.wp-case-detail .rk-case-info{list-style:none;margin:0 0 18px;padding:0}
.web01.wp-case-detail .rk-case-info li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--hair);font-size:14px}
.web01.wp-case-detail .rk-case-info li span{color:var(--ink-3)}
.web01.wp-case-detail .rk-case-info li b{color:var(--ink);font-weight:700;text-align:right}
.web01.wp-case-detail .rk-case-info .rk-stars{color:#ffb657;letter-spacing:2px}
.web01.wp-case-detail .rk-case-viewbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:10px;background:var(--primary-dark);color:#fff;font-size:15px;font-weight:700;text-decoration:none;transition:.22s}
.web01.wp-case-detail .rk-case-viewbtn:hover{background:#d9690a;transform:translateY(-2px)}
.web01.wp-case-detail .rk-case-sn{background:#fff;border:1px solid var(--hair);border-radius:14px;padding:22px;box-shadow:0 8px 22px rgba(20,40,80,.06)}
.web01.wp-case-detail .rk-case-sn-h{margin:0 0 14px;font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
.web01.wp-case-detail .rk-case-sn-h::before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}
.web01.wp-case-detail .rk-case-sn-list{list-style:none;margin:0;padding:0}
.web01.wp-case-detail .rk-case-sn-list li a{display:block;padding:11px 12px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-size:14.5px;transition:.18s}
.web01.wp-case-detail .rk-case-sn-list li a:hover{background:#f4f6f9;color:var(--primary-dark)}
.web01.wp-case-detail .rk-case-sn-list li.cur a{background:var(--primary-dark);color:#fff}

/* 相关案例 */
.web01.wp-case-detail .rk-case-related{padding:36px 0 72px}
.web01.wp-case-detail .rk-case-related .container{max-width:1200px}
.web01.wp-case-detail .rk-case-related-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}
.web01.wp-case-detail .rk-case-related-head h2{margin:0;font-size:24px;font-weight:800;color:var(--ink)}
.web01.wp-case-detail .rk-case-related-head span{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--ink-3)}
.web01.wp-case-detail .rk-case-related .rk-case-grid{gap:22px;padding:0}

@media (max-width:1080px){
  .web01.wp-case-detail .rk-case-detail-grid{grid-template-columns:1fr;gap:30px}
  .web01.wp-case-detail .rk-case-aside{position:static;flex-direction:row;flex-wrap:wrap}
  .web01.wp-case-detail .rk-case-ic,.web01.wp-case-detail .rk-case-sn{flex:1 1 280px}
}
@media (max-width:760px){
  .web01.wp-case-detail .rk-case-detail{padding:36px 0 16px}
  .web01.wp-case-detail .rk-case-pn{grid-template-columns:1fr}
  .web01.wp-case-detail .rk-case-body{font-size:15px;line-height:1.85}
  .web01.wp-case-detail .rk-case-aside{flex-direction:column}
}

/* ==================== 新闻列表页 wp-news v2（左侧栏目导航 + 右侧编号目录，区别于案例网格） ==================== */
.web01 .rk-nl{padding:64px 0 0}
.web01 .rk-nl-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start}
.web01 .rk-nl-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px}
.web01 .rk-nl-side-h{margin:0;font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:9px}
.web01 .rk-nl-side-h::before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}
.web01 .rk-nl-side-h em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3);font-weight:400}
.web01 .rk-nl-cats{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.web01 .rk-nl-cats li a{display:flex;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--hair);font-size:14.5px;color:var(--ink-2);text-decoration:none;transition:.18s}
.web01 .rk-nl-cats li a i{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);min-width:20px;transition:.18s}
.web01 .rk-nl-cats li a:hover{color:var(--primary-dark);padding-left:12px}
.web01 .rk-nl-cats li.cur a{color:var(--primary-dark);font-weight:700}
.web01 .rk-nl-cats li.cur a i{color:var(--primary)}
.web01 .rk-nl-side-cta{border-top:2px solid var(--ink);padding-top:20px}
.web01 .rk-nl-side-tag{display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--primary-dark);margin-bottom:10px}
.web01 .rk-nl-side-cta h4{margin:0 0 8px;font-size:17px;font-weight:800;color:var(--ink);line-height:1.45}
.web01 .rk-nl-side-cta p{margin:0 0 14px;font-size:13px;line-height:1.8;color:var(--ink-3)}
.web01 .rk-nl-side-cta a{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--primary-dark);text-decoration:none;transition:.18s}
.web01 .rk-nl-side-cta a:hover{gap:12px}
.web01 .rk-nl-head{margin-bottom:10px}
.web01 .rk-nl-eyebrow{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--primary-dark);font-weight:700;margin-bottom:12px}
.web01 .rk-nl-head h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}
.web01 .rk-nl-head .sub{margin:10px 0 0;font-size:14px;color:var(--ink-3)}
.web01 .rk-nl-items{margin-top:14px}
.web01 .rk-nl-item{display:grid;grid-template-columns:64px minmax(0,1fr) 44px;gap:22px;align-items:start;padding:25px 6px;border-bottom:1px solid var(--hair);text-decoration:none;color:inherit;transition:.2s}
.web01 .rk-nl-items > .rk-nl-item:first-child{border-top:1px solid var(--hair)}
.web01 .rk-nl-no{font-family:var(--mono);font-size:26px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.2px rgba(20,27,38,.30);padding-top:5px;transition:.2s}
.web01 .rk-nl-item:hover .rk-nl-no{-webkit-text-stroke-color:var(--primary);color:rgba(240,120,12,.10)}
.web01 .rk-nl-meta{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.web01 .rk-nl-date{font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--primary-dark)}
.web01 .rk-nl-view{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3)}
.web01 .rk-nl-title{margin:0 0 7px;font-size:19px;font-weight:800;line-height:1.5;color:var(--ink);transition:color .2s}
.web01 .rk-nl-item:hover .rk-nl-title{color:var(--primary-dark)}
.web01 .rk-nl-des{margin:0;font-size:13.6px;line-height:1.8;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.web01 .rk-nl-arrow{width:40px;height:40px;border:1px solid var(--hair);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink-3);transition:.22s;justify-self:end;margin-top:8px}
.web01 .rk-nl-item:hover .rk-nl-arrow{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateX(3px)}

/* ==================== 新闻详情 wp-news-detail v2（居中杂志阅读版式） ==================== */
.web01.wp-news-detail .rk-nd{padding:56px 0 10px}
.web01.wp-news-detail .rk-nd-wrap{max-width:800px;margin:0 auto}
.web01.wp-news-detail .rk-nd-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;padding-bottom:22px;margin-bottom:32px;border-bottom:1px solid var(--hair)}
.web01.wp-news-detail .rk-nd-meta span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-3)}
.web01.wp-news-detail .rk-nd-meta i{color:var(--primary);font-size:12.5px}
.web01.wp-news-detail .rk-nd-body{font-size:16.5px;line-height:2;color:var(--ink-2)}
.web01.wp-news-detail .rk-nd-body p{margin:0 0 20px}
.web01.wp-news-detail .rk-nd-body img{max-width:100%;height:auto;border-radius:10px;margin:10px 0 22px}
.web01.wp-news-detail .rk-nd-body h2,.web01.wp-news-detail .rk-nd-body h3,.web01.wp-news-detail .rk-nd-body h4{margin:32px 0 15px;color:var(--ink);font-weight:800;line-height:1.4}
.web01.wp-news-detail .rk-nd-body h2{font-size:23px}
.web01.wp-news-detail .rk-nd-body h3{font-size:20px}
.web01.wp-news-detail .rk-nd-body ul,.web01.wp-news-detail .rk-nd-body ol{margin:0 0 20px;padding-left:22px}
.web01.wp-news-detail .rk-nd-body li{margin:7px 0}
.web01.wp-news-detail .rk-nd-body a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px}
.web01.wp-news-detail .rk-nd-body blockquote{margin:26px 0;padding:14px 22px;border-left:3px solid var(--primary);background:#f7f8fa;border-radius:0 10px 10px 0;color:var(--ink-2)}
.web01.wp-news-detail .rk-nd-tags{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:36px;padding-top:26px;border-top:1px solid var(--hair)}
.web01.wp-news-detail .rk-nd-tags .rk-nd-tags-label{font-size:13px;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px}
.web01.wp-news-detail .rk-nd-tags a{display:inline-flex;padding:6px 14px;border:1px solid var(--hair);border-radius:999px;font-size:12.5px;color:var(--ink-2);text-decoration:none;transition:.18s}
.web01.wp-news-detail .rk-nd-tags a:hover{border-color:var(--primary);color:var(--primary-dark)}
.web01.wp-news-detail .rk-nd-end{margin:30px 0 6px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--ink-3)}
.web01.wp-news-detail .rk-nd-pn{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border-top:1px solid var(--hair)}
.web01.wp-news-detail .rk-nd-pn .pn{display:flex;flex-direction:column;gap:6px;padding:22px 20px;text-decoration:none;color:inherit;transition:.2s}
.web01.wp-news-detail .rk-nd-pn .pn.pre{border-right:1px solid var(--hair);padding-left:6px}
.web01.wp-news-detail .rk-nd-pn .pn.next{text-align:right;align-items:flex-end;padding-right:6px}
.web01.wp-news-detail .rk-nd-pn .pn span{font-size:12px;font-family:var(--mono);letter-spacing:.14em;color:var(--ink-3);display:inline-flex;align-items:center;gap:7px}
.web01.wp-news-detail .rk-nd-pn .pn b{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.5;transition:color .2s}
.web01.wp-news-detail .rk-nd-pn a.pn:hover b{color:var(--primary-dark)}
.web01.wp-news-detail .rk-nd-pn .pn.is-empty{opacity:.45}
.web01.wp-news-detail .rk-nd-rel{padding:60px 0 76px}
.web01.wp-news-detail .rk-nd-rel-wrap{max-width:800px;margin:0 auto}
.web01.wp-news-detail .rk-nd-rel-h{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:9px}
.web01.wp-news-detail .rk-nd-rel-h::before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}
.web01.wp-news-detail .rk-nd-rel-h em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3);font-weight:400}
.web01.wp-news-detail .rk-nd-rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.web01.wp-news-detail .rk-nd-rel-item{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--hair);text-decoration:none;color:inherit;transition:.18s}
.web01.wp-news-detail .rk-nd-rel-item:nth-child(1),.web01.wp-news-detail .rk-nd-rel-item:nth-child(2){border-top:1px solid var(--hair)}
.web01.wp-news-detail .rk-nd-rel-no{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--ink-3);min-width:22px;transition:.18s}
.web01.wp-news-detail .rk-nd-rel-date{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.web01.wp-news-detail .rk-nd-rel-tit{flex:1;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .18s}
.web01.wp-news-detail .rk-nd-rel-item i{font-size:11px;color:var(--ink-3);transition:.18s}
.web01.wp-news-detail .rk-nd-rel-item:hover .rk-nd-rel-tit{color:var(--primary-dark)}
.web01.wp-news-detail .rk-nd-rel-item:hover .rk-nd-rel-no{color:var(--primary)}
.web01.wp-news-detail .rk-nd-rel-item:hover i{color:var(--primary);transform:translateX(3px)}

@media (max-width:1080px){
  .web01 .rk-nl-grid{grid-template-columns:1fr;gap:36px}
  .web01 .rk-nl-side{position:static}
  .web01 .rk-nl-cats{display:grid;grid-template-columns:1fr 1fr;border-top:none}
  .web01 .rk-nl-side-cta{max-width:520px}
}
@media (max-width:760px){
  .web01 .rk-nl{padding:44px 0 0}
  .web01 .rk-nl-head h2{font-size:24px}
  .web01 .rk-nl-cats{grid-template-columns:1fr}
  .web01 .rk-nl-item{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px 2px}
  .web01 .rk-nl-no{font-size:20px;-webkit-text-stroke-width:1px}
  .web01 .rk-nl-title{font-size:16.5px}
  .web01 .rk-nl-arrow{display:none}
  .web01.wp-news-detail .rk-nd{padding:38px 0 6px}
  .web01.wp-news-detail .rk-nd-body{font-size:15.5px;line-height:1.9}
  .web01.wp-news-detail .rk-nd-pn{grid-template-columns:1fr}
  .web01.wp-news-detail .rk-nd-pn .pn.pre{border-right:none;border-bottom:1px solid var(--hair)}
  .web01.wp-news-detail .rk-nd-rel-grid{grid-template-columns:1fr}
  .web01.wp-news-detail .rk-nd-rel-item:nth-child(2){border-top:none}
}
/* ########## PART NEWS-V4: 新闻列表 /news/ 与 文章详情（2026-10-26 图文版） ##########
   原则：封面图主导 + 细线分隔 + 留白节奏；全版块零数字编号；
   不用卡片堆砌（无阴影/无圆角/无彩色底块），与 .web01 内页共用品牌色。 */

/* ---- 深色 banner 上的面包屑：左对齐、浅色、细分隔线 ---- */
.web01.wp-news .banner_info .pose,
.web01.wp-news-detail .banner_info .pose{
  z-index:3;text-align:left;color:rgba(255,255,255,.76);font-size:12.5px;height:44px;line-height:44px;
  background:rgba(9,14,24,.82);
  border-top:1px solid rgba(255,255,255,.07)
}
.web01.wp-news .banner_info .pose a,.web01.wp-news-detail .banner_info .pose a{color:rgba(255,255,255,.76)}
.web01.wp-news .banner_info .pose a:hover,.web01.wp-news-detail .banner_info .pose a:hover{color:#ffb657}
.web01.wp-news .banner_info .pose i,.web01.wp-news-detail .banner_info .pose i{color:rgba(255,255,255,.52);margin-right:7px}

/* ============ 列表页 S1：左粘滞栏目导航 + 右图文目录 ============ */
.web01.wp-news .rk-nw{padding:66px 0 0}
.web01.wp-news .rk-nw-grid{display:grid;grid-template-columns:266px minmax(0,1fr);gap:54px;align-items:start}
.web01.wp-news .rk-nw-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:26px}
.web01.wp-news .rk-nw-side-in{background:#f7f8fa;border-top:2px solid var(--ink);padding:20px 20px 14px}
.web01.wp-news .rk-nw-side-h{margin:0 0 6px;font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:9px}
.web01.wp-news .rk-nw-side-h::before{content:"";width:3px;height:15px;background:var(--primary-dark);flex:none}
.web01.wp-news .rk-nw-side-h em{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3);font-weight:400}
.web01.wp-news .rk-nw-cats{list-style:none;margin:0;padding:0}
.web01.wp-news .rk-nw-cats li a{display:flex;align-items:center;gap:10px;padding:10px 8px 10px 10px;border-bottom:1px solid #e9edf3;font-size:14px;line-height:1.6;color:var(--ink-2);text-decoration:none;transition:.16s}
.web01.wp-news .rk-nw-cats li a:hover{color:var(--primary-dark);background:#fff;padding-left:15px}
.web01.wp-news .rk-nw-cats li.cur a{color:var(--primary-dark);font-weight:700;background:#fff;padding-left:15px;box-shadow:inset 3px 0 0 var(--primary-dark)}

/* 右栏标题 */
.web01.wp-news .rk-nw-head{padding-bottom:20px;border-bottom:2px solid var(--ink)}
.web01.wp-news .rk-nw-eyebrow{display:block;font-family:var(--mono);font-size:10.8px;letter-spacing:.2em;color:var(--primary-dark);font-weight:700;margin-bottom:11px}
.web01.wp-news .rk-nw-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:22px}
.web01.wp-news .rk-nw-head h2{margin:0;font-size:33px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}
.web01.wp-news .rk-nw-head-note{margin:0;font-size:12.2px;color:var(--ink-3);letter-spacing:.02em}

/* 图文目录：封面 16:9 + 文字，细线分行，悬停浮显 */
.web01.wp-news .rk-nw-item{position:relative;display:grid;grid-template-columns:236px minmax(0,1fr);gap:32px;align-items:start;padding:30px 0;border-bottom:1px solid var(--hair);text-decoration:none;color:inherit;transition:padding-left .2s}
.web01.wp-news .rk-nw-item::before{content:"";position:absolute;left:-16px;top:30px;bottom:30px;width:2px;background:var(--primary-dark);opacity:0;transition:opacity .2s}
.web01.wp-news .rk-nw-item:hover::before{opacity:1}
.web01.wp-news .rk-nw-go{position:absolute;right:0;top:50%;transform:translate(-4px,-50%);font-size:11px;color:#c3ccd7;opacity:0;transition:.22s}
.web01.wp-news .rk-nw-item:hover .rk-nw-go{opacity:1;transform:translate(0,-50%);color:var(--primary-dark)}
.web01.wp-news .rk-nw-item:first-child .rk-nw-go{display:none}
.web01.wp-news .rk-nw-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf1f6}
.web01.wp-news .rk-nw-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.web01.wp-news .rk-nw-item:hover .rk-nw-thumb img{transform:scale(1.05)}
.web01.wp-news .rk-nw-body{min-width:0;padding-top:2px}
.web01.wp-news .rk-nw-meta{display:flex;align-items:center;gap:14px;margin-bottom:9px}
.web01.wp-news .rk-nw-date{font-family:var(--mono);font-size:11.8px;font-weight:700;letter-spacing:.05em;color:var(--ink-2)}
.web01.wp-news .rk-nw-cat{position:relative;font-size:11.5px;color:#7d8a99;padding-left:14px}
.web01.wp-news .rk-nw-cat::before{content:"";position:absolute;left:0;top:50%;width:1px;height:10px;background:#dfe6ee;transform:translateY(-50%)}
.web01.wp-news .rk-nw-view{display:inline-flex;align-items:center;gap:6px;font-size:11.8px;color:#a7b2bf}
.web01.wp-news .rk-nw-title{display:block;margin:0 0 8px;font-size:19.2px;font-weight:800;line-height:1.52;color:var(--ink);transition:color .18s}
.web01.wp-news .rk-nw-item:hover .rk-nw-title{color:var(--primary-dark)}
.web01.wp-news .rk-nw-des{display:-webkit-box;font-size:13.4px;line-height:1.8;color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 首条：焦点位（通栏宽幅封面 + 大标题 + 两行摘要） */
.web01.wp-news .rk-nw-item:first-child{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:26px;padding-bottom:36px;border-bottom:1px solid rgba(20,27,38,.42)}
.web01.wp-news .rk-nw-item:first-child .rk-nw-thumb{aspect-ratio:2/1;max-height:420px}
.web01.wp-news .rk-nw-item:first-child .rk-nw-meta::before{content:"FEATURED · 焦点";font-family:var(--mono);font-size:10.2px;font-weight:700;letter-spacing:.14em;color:var(--primary-dark);margin-right:2px}
.web01.wp-news .rk-nw-item:first-child .rk-nw-title{font-size:28px;line-height:1.42;letter-spacing:-.3px;margin-bottom:10px}
.web01.wp-news .rk-nw-item:first-child .rk-nw-des{-webkit-line-clamp:2;font-size:14px;line-height:1.88;max-width:720px}

/* 三层节奏：1 焦点大图 → 2 条次级大图 → 其余紧凑清单（仅宽屏） */
@media (min-width:821px){
  .web01.wp-news .rk-nw-item:nth-child(2),
  .web01.wp-news .rk-nw-item:nth-child(3){grid-template-columns:300px minmax(0,1fr);gap:34px;padding:32px 0}
  .web01.wp-news .rk-nw-item:nth-child(2) .rk-nw-title,
  .web01.wp-news .rk-nw-item:nth-child(3) .rk-nw-title{font-size:21px;line-height:1.5}
  .web01.wp-news .rk-nw-item:nth-child(n+4){grid-template-columns:184px minmax(0,1fr);gap:26px;padding:24px 0}
  .web01.wp-news .rk-nw-item:nth-child(n+4) .rk-nw-title{font-size:17.4px;margin-bottom:6px}
  .web01.wp-news .rk-nw-item:nth-child(n+4) .rk-nw-meta{margin-bottom:7px}
  .web01.wp-news .rk-nw-item:nth-child(n+4) .rk-nw-des{font-size:13.2px;-webkit-line-clamp:1}
}

/* 分页间距微调 */
.web01.wp-news .rk-nw-main .rk-case-pager{padding:38px 0 84px;text-align:left}
.web01.wp-news .rk-nw-main .rk-case-pager ul{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}
.web01.wp-news .rk-nw-main .rk-case-pager a,
.web01.wp-news .rk-nw-main .rk-case-pager li>span{min-width:34px;height:34px;font-size:12.6px;padding:0 8px}

/* ============ 解决方案列表（wp-fangan v2）：三档卡片网格 ============
   浅灰底 + 白卡细边框；1 张通栏大卡（左右分屏）+ 2 张半宽卡（带摘要）+ 12 张紧凑卡（3 列） */
.web01.wp-fangan .rk-fg{background:#f7f8fa;padding:64px 0 88px}
.web01.wp-fangan .rk-fg .rk-nw-head{padding-bottom:26px;border-bottom:none}
.web01.wp-fangan .rk-fg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px}
.web01.wp-fangan .rk-fg-item{position:relative;display:flex;flex-direction:column;grid-column:span 2;background:#fff;border:1px solid var(--hair);border-radius:10px;overflow:hidden;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s}
.web01.wp-fangan .rk-fg-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,27,38,.10);border-color:#d6dfe9}
.web01.wp-fangan .rk-fg-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf1f6}
.web01.wp-fangan .rk-fg-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.web01.wp-fangan .rk-fg-item:hover .rk-fg-thumb img{transform:scale(1.05)}
.web01.wp-fangan .rk-fg-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px;min-width:0}
.web01.wp-fangan .rk-fg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 13px;margin-bottom:9px;font-size:11.5px;color:#a7b2bf}
.web01.wp-fangan .rk-fg-date,.web01.wp-fangan .rk-fg-cat,.web01.wp-fangan .rk-fg-view{white-space:nowrap}
.web01.wp-fangan .rk-fg-date{font-family:var(--mono);font-weight:700;letter-spacing:.05em;color:var(--ink-2)}
.web01.wp-fangan .rk-fg-cat{position:relative;padding-left:13px}
.web01.wp-fangan .rk-fg-cat::before{content:"";position:absolute;left:0;top:50%;width:1px;height:10px;background:#dfe6ee;transform:translateY(-50%)}
.web01.wp-fangan .rk-fg-view{display:inline-flex;align-items:center;gap:6px}
.web01.wp-fangan .rk-fg-title{display:-webkit-box;font-size:15.5px;font-weight:800;line-height:1.55;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s}
.web01.wp-fangan .rk-fg-item:hover .rk-fg-title{color:var(--primary-dark)}
.web01.wp-fangan .rk-fg-des{display:none}
.web01.wp-fangan .rk-fg-go{position:absolute;right:14px;top:14px;width:30px;height:30px;border:1px solid rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-2);opacity:0;transform:translateY(-4px);transition:.22s;background:rgba(255,255,255,.94);z-index:2}
.web01.wp-fangan .rk-fg-item:hover .rk-fg-go{opacity:1;transform:none;color:var(--primary-dark);border-color:#fff}
.web01.wp-fangan .rk-fg-item::after{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--primary-dark);transition:width .35s ease;z-index:2}
.web01.wp-fangan .rk-fg-item:hover::after{width:100%}
/* 首条：通栏大卡（左封面右文字） */
.web01.wp-fangan .rk-fg-item:nth-child(1){grid-column:span 6;display:grid;grid-template-columns:600px minmax(0,1fr);align-items:stretch}
.web01.wp-fangan .rk-fg-item:nth-child(1):hover{transform:none;box-shadow:0 22px 48px rgba(20,27,38,.12)}
.web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-thumb{aspect-ratio:auto;height:100%;min-height:340px}
.web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-body{justify-content:center;padding:34px 40px}
.web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-meta::before{content:"FEATURED · 精选方案";font-family:var(--mono);font-size:10.2px;font-weight:700;letter-spacing:.14em;color:var(--primary-dark);margin-right:2px}
.web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-title{font-size:25px;line-height:1.45;-webkit-line-clamp:3}
.web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-des{display:-webkit-box;margin-top:12px;font-size:13.8px;line-height:1.85;color:var(--ink-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* 次级两条：半宽大卡（带两行摘要） */
.web01.wp-fangan .rk-fg-item:nth-child(2),
.web01.wp-fangan .rk-fg-item:nth-child(3){grid-column:span 3}
.web01.wp-fangan .rk-fg-item:nth-child(2) .rk-fg-body,
.web01.wp-fangan .rk-fg-item:nth-child(3) .rk-fg-body{padding:22px 24px 24px}
.web01.wp-fangan .rk-fg-item:nth-child(2) .rk-fg-title,
.web01.wp-fangan .rk-fg-item:nth-child(3) .rk-fg-title{font-size:18.5px}
.web01.wp-fangan .rk-fg-item:nth-child(2) .rk-fg-des,
.web01.wp-fangan .rk-fg-item:nth-child(3) .rk-fg-des{display:-webkit-box;margin-top:10px;font-size:13.2px;line-height:1.8;color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 分页 */
.web01.wp-fangan .rk-fg .rk-case-pager{padding:40px 0 0;text-align:left}
.web01.wp-fangan .rk-fg .rk-case-pager ul{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.web01.wp-fangan .rk-fg .rk-case-pager a,
.web01.wp-fangan .rk-fg .rk-case-pager li>span{min-width:34px;height:34px;font-size:12.6px;padding:0 8px}
/* 响应式 */
@media (max-width:1080px){
  .web01.wp-fangan .rk-fg{padding:52px 0 68px}
  .web01.wp-fangan .rk-fg-grid{grid-template-columns:repeat(2,1fr);gap:22px}
  .web01.wp-fangan .rk-fg-item{grid-column:span 1}
  .web01.wp-fangan .rk-fg-item:nth-child(2),
  .web01.wp-fangan .rk-fg-item:nth-child(3),
  .web01.wp-fangan .rk-fg-item:nth-child(n+4){grid-column:span 1}
  .web01.wp-fangan .rk-fg-item:nth-child(1){grid-column:span 2;grid-template-columns:minmax(0,1fr)}
  .web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-thumb{aspect-ratio:16/9;height:auto;min-height:0}
  .web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-body{padding:24px 26px 26px}
  .web01.wp-fangan .rk-fg-des{display:-webkit-box;margin-top:10px;font-size:13.2px;line-height:1.8;color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-width:640px){
  .web01.wp-fangan .rk-fg{padding:40px 0 56px}
  .web01.wp-fangan .rk-fg-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .web01.wp-fangan .rk-fg-item:nth-child(1),
  .web01.wp-fangan .rk-fg-item:nth-child(2),
  .web01.wp-fangan .rk-fg-item:nth-child(3),
  .web01.wp-fangan .rk-fg-item:nth-child(n+4){grid-column:span 1}
  .web01.wp-fangan .rk-fg-body{padding:16px 16px 18px}
  .web01.wp-fangan .rk-fg-title{font-size:15px}
  .web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-title{font-size:21px}
  .web01.wp-fangan .rk-fg-item:nth-child(1) .rk-fg-meta::before{content:"精选方案"}
}

/* ============ 详情页：紧凑文章头 ============ */
.web01.wp-news-detail .rk-nd2-hero{min-height:520px;background:#131a26 url(/static/image/px_article_view.webp) center/cover no-repeat}
.web01.wp-news-detail .rk-nd2-hero::after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 64px),linear-gradient(100deg,rgba(11,16,26,.95) 0%,rgba(11,16,26,.88) 38%,rgba(11,16,26,.62) 66%,rgba(11,16,26,.26) 100%)}
.web01.wp-news-detail .rk-nd2-hero .hp-hero-inner{padding-top:120px;padding-bottom:88px}
.web01.wp-news-detail .rk-nd2-hero h1{font-size:35px;line-height:1.4;letter-spacing:-.5px;max-width:880px;margin:0 0 24px}
.web01.wp-news-detail .rk-nd2-hero .rk-nd2-cat{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffb657;text-decoration:none;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:22px;transition:.18s}
.web01.wp-news-detail .rk-nd2-hero .rk-nd2-cat:hover{color:#fff;border-color:#ffb657}
.web01.wp-news-detail .rk-nd2-hero .rk-nd2-cat i{font-size:10.5px;opacity:.8}
.web01.wp-news-detail .rk-nd2-hero .rk-nd2-meta{display:flex;flex-wrap:wrap;gap:9px 26px;font-size:12.4px;color:rgba(255,255,255,.64)}
.web01.wp-news-detail .rk-nd2-hero .rk-nd2-meta span{display:inline-flex;align-items:center;gap:7px}
.web01.wp-news-detail .rk-nd2-hero .rk-nd2-meta i{color:rgba(255,255,255,.4);font-size:11px}

/* ============ 详情页 S1：左粘滞目录 + 右阅读栏 ============ */
.web01.wp-news-detail .rk-nd2{padding:64px 0 82px}
.web01.wp-news-detail .rk-nd2-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:60px;align-items:start}
.web01.wp-news-detail .rk-nd2-grid.is-flat{grid-template-columns:minmax(0,1fr)}
.web01.wp-news-detail .rk-nd2-grid.is-flat .rk-nd2-toc{display:none}
.web01.wp-news-detail .rk-nd2-toc{position:sticky;top:96px}
.web01.wp-news-detail .rk-nd2-toc-in{border-top:2px solid var(--ink);padding-top:15px}
.web01.wp-news-detail .rk-nd2-toc h4{margin:0 0 11px;font-size:13px;font-weight:800;color:var(--ink);display:flex;align-items:baseline;gap:8px}
.web01.wp-news-detail .rk-nd2-toc h4 em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-3);font-weight:400}
.web01.wp-news-detail .rk-nd2-toc-list{list-style:none;margin:0;padding:0;max-height:calc(100vh - 300px);overflow:auto}
.web01.wp-news-detail .rk-nd2-toc-list li{list-style:none}
.web01.wp-news-detail .rk-nd2-toc-list a{position:relative;display:block;padding:8px 0 8px 15px;border-bottom:1px solid #f1f4f8;font-size:12.8px;line-height:1.55;color:var(--ink-3);text-decoration:none;transition:.16s}
.web01.wp-news-detail .rk-nd2-toc-list a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:var(--primary-dark);transition:height .2s}
.web01.wp-news-detail .rk-nd2-toc-list a span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.web01.wp-news-detail .rk-nd2-toc-list a:hover{color:var(--ink)}
.web01.wp-news-detail .rk-nd2-toc-list a.on{color:var(--primary-dark);font-weight:700}
.web01.wp-news-detail .rk-nd2-toc-list a.on::before{height:15px}
/* 目录多级：h3 / h4 及更深层级缩进降级（h2 为一级） */
.web01.wp-news-detail .rk-nd2-toc-list li.lv3 a{padding-left:27px;font-size:12.3px;color:#8d99a8}
.web01.wp-news-detail .rk-nd2-toc-list li.lv3 a::before{left:12px}
.web01.wp-news-detail .rk-nd2-toc-list li.lv4 a,.web01.wp-news-detail .rk-nd2-toc-list li.lv5 a,.web01.wp-news-detail .rk-nd2-toc-list li.lv6 a{padding-left:39px;font-size:11.9px;color:#9aa5b3}
.web01.wp-news-detail .rk-nd2-toc-list li.lv4 a::before,.web01.wp-news-detail .rk-nd2-toc-list li.lv5 a::before,.web01.wp-news-detail .rk-nd2-toc-list li.lv6 a::before{left:24px}
.web01.wp-news-detail .rk-nd2-toc-list li.lv3 a.on,.web01.wp-news-detail .rk-nd2-toc-list li.lv4 a.on{color:var(--primary-dark)}
.web01.wp-news-detail .rk-nd2-toc-foot{margin-top:18px;padding-top:15px;border-top:1px solid var(--hair)}
.web01.wp-news-detail .rk-nd2-toc-foot span{display:block;font-size:11.8px;color:var(--ink-3);margin-bottom:6px}
.web01.wp-news-detail .rk-nd2-toc-foot a{display:inline-flex;align-items:center;gap:8px;font-size:12.8px;font-weight:700;color:var(--ink);text-decoration:none;transition:.18s}
.web01.wp-news-detail .rk-nd2-toc-foot a i{font-size:10.5px}
.web01.wp-news-detail .rk-nd2-toc-foot a:hover{color:var(--primary-dark);gap:12px}

/* 正文 */
.web01.wp-news-detail .rk-nd2-main{min-width:0}
.web01.wp-news-detail .rk-nd2-lead{margin:0 0 36px;padding:0 0 0 22px;border-left:3px solid var(--primary-dark);font-size:16px;line-height:2;color:var(--ink-2);font-weight:500}
.web01.wp-news-detail .rk-nd2-lead:empty{display:none}
.web01.wp-news-detail .rk-nd2-body{font-size:16.4px;line-height:2.05;color:var(--ink-2);word-break:break-word}
.web01.wp-news-detail .rk-nd2-body p{margin:0 0 22px}
.web01.wp-news-detail .rk-nd2-body h2{position:relative;margin:46px 0 18px;padding-top:22px;border-top:1px solid var(--hair);font-size:22px;font-weight:800;line-height:1.46;letter-spacing:-.2px;color:var(--ink);scroll-margin-top:110px}
.web01.wp-news-detail .rk-nd2-body h2::before{content:"";position:absolute;left:0;top:-1px;width:44px;height:2px;background:var(--primary-dark)}
.web01.wp-news-detail .rk-nd2-body h3{margin:32px 0 14px;font-size:18.5px;font-weight:800;line-height:1.5;color:var(--ink);scroll-margin-top:110px}
.web01.wp-news-detail .rk-nd2-body h4{margin:26px 0 12px;font-size:16.5px;font-weight:800;color:var(--ink);scroll-margin-top:110px}
.web01.wp-news-detail .rk-nd2-body img{display:block;max-width:100%;height:auto;float:none;margin:12px auto 26px;border:1px solid var(--hair);border-radius:4px}
.web01.wp-news-detail .rk-nd2-body ul,.web01.wp-news-detail .rk-nd2-body ol{margin:0 0 22px;padding-left:20px}
.web01.wp-news-detail .rk-nd2-body li{margin:8px 0}
.web01.wp-news-detail .rk-nd2-body a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.web01.wp-news-detail .rk-nd2-body blockquote{margin:30px 0;padding:2px 0 2px 22px;border-left:3px solid var(--primary);color:var(--ink-2);font-size:15.4px}
.web01.wp-news-detail .rk-nd2-body strong{color:var(--ink);font-weight:700}
.web01.wp-news-detail .rk-nd2-body table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:14px}
.web01.wp-news-detail .rk-nd2-body th,.web01.wp-news-detail .rk-nd2-body td{border:1px solid var(--hair);padding:10px 12px;text-align:left;vertical-align:top}
.web01.wp-news-detail .rk-nd2-body th{background:#f7f8fa;font-weight:700;color:var(--ink)}
.web01.wp-news-detail .rk-nd2-body hr{border:none;border-top:1px solid var(--hair);margin:34px 0}

/* 标签 */
.web01.wp-news-detail .rk-nd2-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(20,27,38,.42)}
.web01.wp-news-detail .rk-nd2-tags-label{font-family:var(--mono);font-size:10.4px;letter-spacing:.14em;color:var(--ink-3);margin-right:6px;display:inline-flex;align-items:center;gap:6px}
.web01.wp-news-detail .rk-nd2-tags a{padding:5px 11px;border:1px solid var(--hair);font-size:12.4px;color:var(--ink-2);text-decoration:none;transition:.16s}
.web01.wp-news-detail .rk-nd2-tags a:hover{border-color:var(--primary-dark);color:var(--primary-dark)}

/* 作者条 */
.web01.wp-news-detail .rk-nd2-author{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:28px;padding:24px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.web01.wp-news-detail .rk-nd2-author-txt span{display:block;font-family:var(--mono);font-size:9.8px;letter-spacing:.18em;color:var(--ink-3);margin-bottom:6px}
.web01.wp-news-detail .rk-nd2-author-txt b{display:block;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:6px}
.web01.wp-news-detail .rk-nd2-author-txt p{margin:0;font-size:12.8px;line-height:1.8;color:var(--ink-3);max-width:430px}
.web01.wp-news-detail .rk-nd2-author-btn{flex:none;display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;font-size:12.8px;font-weight:700;padding:11px 20px;text-decoration:none;transition:.2s}
.web01.wp-news-detail .rk-nd2-author-btn i{font-size:10.5px}
.web01.wp-news-detail .rk-nd2-author-btn:hover{background:var(--primary-dark);color:#fff}

/* 上下篇 */
.web01.wp-news-detail .rk-nd2-pn{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-top:1px solid var(--hair)}
.web01.wp-news-detail .rk-nd2-pn .pn{display:flex;flex-direction:column;gap:7px;padding:20px 0;text-decoration:none;color:inherit;transition:.2s}
.web01.wp-news-detail .rk-nd2-pn .pn.pre{padding-right:26px;border-right:1px solid var(--hair)}
.web01.wp-news-detail .rk-nd2-pn .pn.next{align-items:flex-end;text-align:right;padding-left:26px}
.web01.wp-news-detail .rk-nd2-pn .pn span{font-family:var(--mono);font-size:10.4px;letter-spacing:.14em;color:var(--ink-3);display:inline-flex;align-items:center;gap:7px}
.web01.wp-news-detail .rk-nd2-pn .pn b{font-size:13.8px;font-weight:700;line-height:1.55;color:var(--ink);transition:color .18s}
.web01.wp-news-detail .rk-nd2-pn a.pn:hover b{color:var(--primary-dark)}
.web01.wp-news-detail .rk-nd2-pn .pn.is-empty{opacity:.42}

/* ============ 详情页 S2：继续阅读（浅灰带 + 四栏封面图文） ============ */
.web01.wp-news-detail .rk-nd2-rel{background:#f7f8fa;border-top:1px solid var(--hair);padding:66px 0 74px}
.web01.wp-news-detail .rk-nd2-rel-head{margin-bottom:28px}
.web01.wp-news-detail .rk-nd2-rel-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:22px}
.web01.wp-news-detail .rk-nd2-rel-head h2{margin:0;font-size:25px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}
.web01.wp-news-detail .rk-nd2-rel-all{display:inline-flex;align-items:center;gap:8px;font-size:12.4px;color:var(--ink-3);text-decoration:none;transition:.18s}
.web01.wp-news-detail .rk-nd2-rel-all:hover{color:var(--primary-dark)}
.web01.wp-news-detail .rk-nd2-rel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 30px}
.web01.wp-news-detail .rk-nd2-rel-item{display:block;text-decoration:none;color:inherit}
.web01.wp-news-detail .rk-nd2-rel-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf1f6;margin-bottom:13px}
.web01.wp-news-detail .rk-nd2-rel-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.web01.wp-news-detail .rk-nd2-rel-item:hover .rk-nd2-rel-thumb img{transform:scale(1.05)}
.web01.wp-news-detail .rk-nd2-rel-meta{display:block;font-family:var(--mono);font-size:10.4px;letter-spacing:.05em;color:#9aa6b4;margin-bottom:6px}
.web01.wp-news-detail .rk-nd2-rel-item b{display:block;font-size:14.6px;font-weight:700;line-height:1.6;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s}
.web01.wp-news-detail .rk-nd2-rel-item:hover b{color:var(--primary-dark)}

/* ============ 响应式 ============ */
@media (max-width:1080px){
  .web01.wp-news .rk-nw-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .web01.wp-news .rk-nw-main .rk-case-pager ul{flex-wrap:wrap}
  .web01.wp-news .rk-nw-side{position:static;gap:22px}
  .web01.wp-news .rk-nw-cats{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;border-top:1px solid var(--hair)}
  .web01.wp-news .rk-nw-cats li a{border-bottom:1px solid var(--hair)}
  .web01.wp-news .rk-nw-side-in{padding:16px 16px 6px}
  .web01.wp-news-detail .rk-nd2-grid{grid-template-columns:minmax(0,1fr);gap:0;max-width:790px}
  .web01.wp-news-detail .rk-nd2-toc{display:none}
  .web01.wp-news-detail .rk-nd2-hero h1{font-size:30px}
  .web01.wp-news-detail .rk-nd2-rel-grid{grid-template-columns:1fr 1fr;gap:30px 26px}
}
@media (max-width:820px){
  .web01.wp-news .rk-nw{padding:46px 0 0}
  .web01.wp-news .rk-nw-head-row{flex-direction:column;align-items:flex-start;gap:8px}
  .web01.wp-news .rk-nw-head h2{font-size:25px}
  .web01.wp-news .rk-nw-item{grid-template-columns:150px minmax(0,1fr);gap:18px;padding:20px 0}
  .web01.wp-news .rk-nw-item:first-child .rk-nw-thumb{aspect-ratio:16/9;max-height:none}
  .web01.wp-news .rk-nw-item:first-child .rk-nw-title{font-size:20px}
  .web01.wp-news .rk-nw-title{font-size:16.6px}
  .web01.wp-news .rk-nw-des{-webkit-line-clamp:2}
  .web01.wp-news-detail .rk-nd2-hero{min-height:420px}
  .web01.wp-news-detail .rk-nd2-hero .hp-hero-inner{padding-top:96px;padding-bottom:66px}
  .web01.wp-news-detail .rk-nd2-hero h1{font-size:26px;line-height:1.42;margin-bottom:18px}
  .web01.wp-news-detail .rk-nd2{padding:44px 0 60px}
  .web01.wp-news-detail .rk-nd2-body{font-size:15.6px;line-height:1.94}
  .web01.wp-news-detail .rk-nd2-body h2{font-size:19.5px;margin-top:36px}
  .web01.wp-news-detail .rk-nd2-author{flex-direction:column;align-items:flex-start;gap:16px}
  .web01.wp-news-detail .rk-nd2-author-btn{width:100%;justify-content:center}
  .web01.wp-news-detail .rk-nd2-pn{grid-template-columns:1fr}
  .web01.wp-news-detail .rk-nd2-pn .pn.pre{padding-right:0;border-right:none;border-bottom:1px solid var(--hair)}
  .web01.wp-news-detail .rk-nd2-pn .pn.next{padding-left:0;align-items:flex-start;text-align:left}
  .web01.wp-news-detail .rk-nd2-rel-grid{gap:26px 20px}
}
@media (max-width:560px){
  .web01.wp-news .rk-nw-cats{grid-template-columns:1fr 1fr;column-gap:18px}
  .web01.wp-news .rk-nw-cats li a{padding:8px 0;font-size:13px}
  .web01.wp-news .rk-nw-item{grid-template-columns:126px minmax(0,1fr);gap:15px;padding:18px 0}
  .web01.wp-news .rk-nw-item:first-child .rk-nw-title{font-size:18px}
  .web01.wp-news .rk-nw-title{font-size:15.4px}
  .web01.wp-news .rk-nw-view{display:none}
  .web01.wp-news .rk-nw-cats{grid-template-columns:1fr 1fr;column-gap:16px}
  .web01.wp-news .rk-nw-cats li a{padding:8px 6px 8px 8px;font-size:13px}
  .web01.wp-news .rk-nw-side-in{padding:14px 14px 4px}
  .web01.wp-news .rk-nw-main .rk-case-pager ul{gap:5px}
  .web01.wp-news .rk-nw-main .rk-case-pager a,
  .web01.wp-news .rk-nw-main .rk-case-pager li>span{min-width:30px;height:30px;font-size:12px;padding:0 6px}
  .web01.wp-news .rk-nw-head-note{font-size:11.6px}
  .web01.wp-news-detail .rk-nd2-rel-grid{grid-template-columns:1fr;gap:28px}
  .web01.wp-news-detail .rk-nd2-rel-item b{font-size:15px;-webkit-line-clamp:2}
}
/* ============ 宽屏（≥1480）：正文吃满公共容器后，字号同升一档，避免长行阅读吃力 ============ */
@media (min-width:1480px){
  .web01.wp-news-detail .rk-nd2-grid{grid-template-columns:250px minmax(0,1fr);gap:64px}
  .web01.wp-news-detail .rk-nd2-body{font-size:17.2px;line-height:2.08}
  .web01.wp-news-detail .rk-nd2-body h2{font-size:23.5px;margin-top:50px}
  .web01.wp-news-detail .rk-nd2-body h3{font-size:19.5px}
  .web01.wp-news-detail .rk-nd2-lead{font-size:16.6px;line-height:2}
  .web01.wp-news-detail .rk-nd2-toc-list a{font-size:13px}
}
/* ########## /PART NEWS-V4 ########## */
/* ########## PART WEBSITE-V4：差异化章节头（每块形态不同，去除统一编号） ########## */
.web01 .s-hd{margin:0 0 44px}
.web01 .s-kick{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--primary);margin-bottom:14px;padding-left:22px;position:relative}
.web01 .s-kick::before{content:"";position:absolute;left:0;top:50%;width:14px;height:2px;background:var(--primary);transform:translateY(-50%)}
.web01 .s-hd h2{font-size:34px;font-weight:800;letter-spacing:-.5px;line-height:1.24;margin:0;color:var(--ink)}
.web01 .s-hd p{font-size:15px;line-height:1.85;color:var(--ink-3);margin:15px 0 0;max-width:760px}
.web01 .s-hd p em{color:var(--ink);font-style:normal;font-weight:600}
.web01 .s-hd-l{min-width:0}

/* S1 诊断台：左文 + 右浅琥珀警示卡（呼应"痛点"语义，区别于其他右侧元素） */
.web01 .s-hd-diag{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.web01 .s-hd-diag .s-count{display:inline-flex;align-items:baseline;gap:8px;border:1px solid rgba(240,120,12,.38);background:#fff7ec;color:var(--primary-dark);font-size:13px;font-weight:700;padding:10px 16px;border-radius:12px;white-space:nowrap}
.web01 .s-hd-diag .s-count b{font-family:var(--mono);font-size:20px;font-weight:800;line-height:1}

/* S2 理念：居中陈述 */
.web01 .s-hd-center{text-align:center;max-width:880px;margin-left:auto;margin-right:auto}
.web01 .s-hd-center .s-kick{padding-left:0}
.web01 .s-hd-center .s-kick::before{display:none}
.web01 .s-hd-center .s-kick::after{content:"";display:inline-block;width:14px;height:2px;background:var(--primary);margin-left:8px;vertical-align:middle}
.web01 .s-hd-center p{margin-left:auto;margin-right:auto}

/* S3 服务（深色）：左文 + 右巨号水印 */
.web01 .sec-dark .s-hd{position:relative}
.web01 .sec-dark .s-kick{color:#ffb657}
.web01 .sec-dark .s-kick::before{background:#ffb657}
.web01 .sec-dark .s-hd h2{color:#fff}
.web01 .sec-dark .s-hd p{color:rgba(255,255,255,.74)}
.web01 .s-hd-dark{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.web01 .s-hd-dark .s-wm{font-family:var(--mono);font-weight:800;font-size:120px;line-height:.8;color:rgba(255,255,255,.07);letter-spacing:-.04em;user-select:none}

/* S4 优势：左侧竖条 */
.web01 .s-hd-bar{border-left:3px solid var(--primary);padding-left:22px}

/* S5 场景：左文 + 右三分组图例 */
.web01 .s-hd-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.web01 .s-hd-stat .s-legend{display:flex;gap:10px}
.web01 .s-hd-stat .s-legend span{display:inline-flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ink-2);padding:10px 14px;border:1px solid var(--hair);border-radius:10px;background:#fff}
.web01 .s-hd-stat .s-legend b{font-family:var(--mono);font-size:15px;color:var(--primary-dark)}

/* S6 流程：左文 + 右镂空步数 */
.web01 .s-hd-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.web01 .s-hd-step .s-step{font-family:var(--mono);font-weight:800;font-size:64px;line-height:.9;color:transparent;-webkit-text-stroke:1.6px var(--ink);letter-spacing:-.03em}
.web01 .s-hd-step .s-step i{display:block;font-style:normal;font-size:12px;letter-spacing:.2em;color:var(--ink-3);-webkit-text-stroke:0;margin-top:6px}

/* S7 保障：顶部细线带 */
.web01 .s-hd-band{border-top:1px solid var(--hair);padding-top:30px}

/* S8 FAQ：极简 + 标签 */
.web01 .s-hd-faq{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.web01 .s-hd-faq p{display:none}
.web01 .s-hd-faq .s-tag{display:inline-block;font-size:12.5px;font-weight:700;color:var(--primary-dark);background:var(--primary-light);padding:8px 16px;border-radius:999px;white-space:nowrap}

/* 响应式 */
@media (max-width:820px){
  .web01 .s-hd{margin-bottom:30px}
  .web01 .s-hd h2{font-size:24px;line-height:1.32}
  .web01 .s-hd p{font-size:13.8px;margin-top:11px}
  .web01 .s-hd-diag,.web01 .s-hd-stat,.web01 .s-hd-step,.web01 .s-hd-dark,.web01 .s-hd-faq{grid-template-columns:1fr;gap:18px;align-items:start}
  .web01 .s-hd-dark .s-wm{font-size:74px}
  .web01 .s-hd-step .s-step{font-size:48px}
  .web01 .s-hd-center{text-align:left;max-width:none}
  .web01 .s-hd-center .s-kick{padding-left:22px}
  .web01 .s-hd-center .s-kick::before{display:block}
  .web01 .s-hd-center .s-kick::after{display:none}
}
/* ########## /PART WEBSITE-V4 ########## */

/* ########## PART WEBSITE-V5：八模块差异化正文形态（去除卡片化，每屏形态不同） ########## */
/* —— S1 建站痛点：非对称分屏（左 sticky 引言 + 右大号描边编号清单；浅灰底衔接深 hero 与白 S2） —— */
.web01 .sec.s1-diag{background:#f6f7f9}
.web01 .s1-split{display:grid;grid-template-columns:350px minmax(0,1fr);gap:76px;align-items:start}
.web01 .s1-intro{position:sticky;top:112px}
.web01 .s1-intro h2{margin:0;font-size:34px;font-weight:800;letter-spacing:-.5px;line-height:1.3;color:var(--ink)}
.web01 .s1-intro p{margin:16px 0 0;font-size:14.5px;line-height:1.9;color:var(--ink-3)}
.web01 .s1-intro p em{color:var(--ink);font-style:normal;font-weight:600}
.web01 .s1-cta{display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:var(--primary);color:#fff;padding:14px 28px;border-radius:999px;font-weight:700;font-size:15px;transition:.25s}
.web01 .s1-cta:hover{background:#ff8a2b;transform:translateY(-2px)}
.web01 .s1-list{list-style:none;margin:0;padding:0}
.web01 .s1-list li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px 26px;align-items:start;padding:17px 0}
.web01 .s1-no{grid-row:span 2;font-family:var(--mono);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.4px var(--primary);transition:color .25s}
.web01 .s1-list li:hover .s1-no{color:var(--primary)}
.web01 .s1-t h3{margin:0;font-size:18px;font-weight:800;color:var(--ink);transition:color .2s}
.web01 .s1-list li:hover .s1-t h3{color:var(--primary)}
.web01 .s1-t p{margin:6px 0 0;font-size:14px;line-height:1.8;color:var(--ink-3)}

/* S7 交付保障：浅色 4 列细线网格 */
.web01 .s7-grid{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.web01 .s7-item{position:relative;padding:8px 30px 8px 0;border-left:1px solid var(--hair);padding-left:30px;transition:.25s}
.web01 .s7-item:first-child{border-left:0;padding-left:0}
.web01 .s7-ico{width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,#fff3e8,#ffe2cc);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;transition:.25s}
.web01 .s7-item:hover .s7-ico{background:linear-gradient(135deg,#ffd9b8,#ffb657);color:#fff}
.web01 .s7-item h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--ink)}
.web01 .s7-item p{margin:0;font-size:13.8px;line-height:1.75;color:var(--ink-3)}
.web01 .s7-cta{display:inline-flex;align-items:center;gap:10px;margin-top:40px;background:var(--primary);color:#fff;padding:14px 28px;border-radius:999px;font-weight:700;font-size:15px;transition:.25s}
.web01 .s7-cta:hover{background:#ff8a2b}

/* 浅色标题（深色 banner 上） */
.web01 .s-hd-light .s-kick{color:#ffb657}
.web01 .s-hd-light .s-kick::before{background:#ffb657}
.web01 .s-hd-light h2{color:#fff}
.web01 .s-hd-light p{color:rgba(255,255,255,.78)}
.web01 .s-hd-light em{color:#fff}
.web01 .s-count-light{display:inline-flex;align-items:baseline;gap:8px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;font-weight:700;padding:10px 16px;border-radius:12px;white-space:nowrap}
.web01 .s-count-light b{font-family:var(--mono);font-size:20px;font-weight:800;line-height:1;color:#ffb657}

/* —— S2 左右图文交替 —— */
/* —— S2 建站理念：错位双列（无框线性图标 + 留白分区；避开细线行/细线网格 DNA） —— */
/* S2 头部：分栏大标题（左超大标题 + 右底对齐说明，编辑式开场） */
.web01 .s2-hd{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:end}
.web01 .s2-hd h2{margin:16px 0 0;font-size:42px;line-height:1.28;font-weight:800;letter-spacing:.01em;color:var(--ink)}
.web01 .s2-hd-r p{margin:0 0 8px;font-size:15.5px;line-height:1.95;color:var(--ink-2);border-left:2px solid var(--primary);padding-left:24px}
.web01 .s2-hd-r em{font-style:normal;color:var(--ink);font-weight:600}
/* S2 六原则：三列顶线序号格（无图标无卡片，hover 橙线划入） */
.web01 .s2-alter{margin-top:72px;display:grid;grid-template-columns:repeat(3,1fr);gap:56px 44px}
.web01 .s2-item{position:relative;border-top:1px solid rgba(20,27,38,.16);padding-top:24px}
.web01 .s2-item::before{content:"";position:absolute;top:-1px;left:0;height:2px;width:0;background:var(--primary);transition:width .5s cubic-bezier(.2,.7,.3,1)}
.web01 .s2-item:hover::before{width:100%}
.web01 .s2-ico{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;font-size:20px;color:var(--primary);margin-bottom:2px}
.web01 .s2-item:hover .s2-ico{color:var(--primary-dark)}
.web01 .s2-item h3{margin:13px 0 10px;font-size:19px;font-weight:800;color:var(--ink);transition:color .3s}
.web01 .s2-item:hover h3{color:var(--primary-dark)}
.web01 .s2-item p{margin:0;font-size:14.2px;line-height:1.85;color:var(--ink-3)}
.web01 .s2-foot{margin-top:64px;padding-top:30px;border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.web01 .s2-foot p{margin:0;font-size:15px;color:var(--ink-2)}

/* —— S3 Swiper 轮播 —— */
.web01 .s3-sw{position:relative;margin-top:42px;padding-bottom:6px}
.web01 .s3-sw .swiper-wrapper{align-items:stretch}
.web01 .s3-card{display:flex;flex-direction:column;height:auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:30px 26px;color:#fff;transition:.3s}
.web01 .s3-card:hover{border-color:rgba(255,182,87,.55);background:rgba(255,255,255,.09);transform:translateY(-6px)}
.web01 .s3-ico{width:54px;height:54px;border-radius:14px;background:rgba(255,182,87,.15);color:#ffb657;display:flex;align-items:center;justify-content:center;font-size:23px;margin:0 0 18px}
.web01 .s3-card h3{margin:0 0 4px;font-size:20px;font-weight:700;color:#fff}
.web01 .s3-en{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:12px}
.web01 .s3-card p{margin:0 0 22px;font-size:13.6px;line-height:1.8;color:rgba(255,255,255,.7);flex:1}
.web01 .s3-go{display:inline-flex;align-items:center;gap:8px;color:#ffb657;font-size:13.5px;font-weight:700}
.web01 .s3-nav{display:flex;gap:12px;justify-content:flex-end;margin-top:26px}
.web01 .s3-prev,
.web01 .s3-next{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;cursor:pointer;font-size:15px;transition:.25s}
.web01 .s3-prev:hover,
.web01 .s3-next:hover{background:#ffb657;border-color:#ffb657;color:#131a26}

/* —— S4 左大图 + 右浮层 —— */
.web01 .s4-float{display:grid;grid-template-columns:1.05fr .95fr;margin-top:44px;min-height:540px;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(20,40,80,.10)}
.web01 .s4-pic{position:relative;margin:0}
.web01 .s4-pic img{width:100%;height:100%;object-fit:cover;display:block;min-height:340px}
.web01 .s4-pic figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 24px;background:linear-gradient(transparent,rgba(15,22,34,.82));color:#fff;font-size:13.5px}
.web01 .s4-pic figcaption i{color:#ffb657;margin-right:6px}
.web01 .s4-panel{background:#fff;padding:46px 46px;display:flex;flex-direction:column;justify-content:center}
.web01 .s4-list{list-style:none;margin:0 0 24px;padding:0}
.web01 .s4-list li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--hair)}
.web01 .s4-list li:last-child{border-bottom:0}
.web01 .s4-ck{flex:0 0 34px;width:34px;height:34px;border:1.5px solid rgba(240,120,12,.4);border-radius:50%;background:#fff8f1;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:2px}
.web01 .s4-list h3{margin:0 0 5px;font-size:17px;font-weight:700;color:var(--ink)}
.web01 .s4-list p{margin:0;font-size:13.6px;line-height:1.7;color:var(--ink-3)}
.web01 .s4-cks{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:22px 0 0;border-top:1px solid var(--hair)}
.web01 .s4-cks li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}
.web01 .s4-cks i{color:var(--primary)}

/* —— S5 Tab 切换 —— */
.web01 .s5-tabs{margin-top:42px}
.web01 .s5-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.web01 .s5-tab{appearance:none;border:1px solid var(--hair);background:#fff;color:var(--ink-2);font-size:15px;font-weight:700;padding:12px 26px;border-radius:999px;cursor:pointer;transition:.25s;display:flex;align-items:center;gap:8px}
.web01 .s5-tab b{font-family:var(--mono);font-size:13px;color:var(--primary)}
.web01 .s5-tab:hover{border-color:rgba(240,120,12,.4)}
.web01 .s5-tab.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.web01 .s5-tab.is-on b{color:#ffb657}
.web01 .s5-pane{display:none}
.web01 .s5-pane.is-on{display:block;animation:w5fade .4s ease}
@keyframes w5fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.web01 .s5-head{margin-bottom:24px}
.web01 .s5-head h3{margin:0 0 8px;font-size:22px;font-weight:800;color:var(--ink)}
.web01 .s5-head p{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink-3)}
.web01 .s5-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.web01 .s5-list li{position:relative;padding:6px 0 6px 22px}
.web01 .s5-list li + li{border-left:1px solid var(--hair);padding-left:24px}
.web01 .s5-name{display:block;font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px}
.web01 .s5-list p{margin:0 0 16px;font-size:13.6px;line-height:1.75;color:var(--ink-3)}
.web01 .s5-fit{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:13.5px;font-weight:700;transition:.2s}
.web01 .s5-fit:hover{color:#ff8a2b;gap:11px}

/* —— S6 横向阶梯流程 —— */
.web01 .s6-steps{display:grid;grid-template-columns:repeat(7,1fr);margin-top:54px;position:relative}
.web01 .s6-step{position:relative;padding:54px 12px 0;text-align:center}
.web01 .s6-step::before{content:"";position:absolute;top:22px;left:50%;right:-50%;height:2px;background:var(--hair);z-index:0}
.web01 .s6-step:last-child::before{display:none}
.web01 .s6-no{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--primary);color:var(--primary);font-family:var(--mono);font-weight:800;font-size:16px;margin-bottom:18px;transition:.25s}
.web01 .s6-step:hover .s6-no{background:var(--primary);color:#fff;transform:scale(1.08)}
.web01 .s6-body h3{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--ink)}
.web01 .s6-body p{margin:0;font-size:12.4px;line-height:1.6;color:var(--ink-3)}
.web01 .s6-out{display:inline-block;margin-top:10px;font-size:11.5px;color:var(--primary);background:#fff3e8;padding:3px 10px;border-radius:999px}

/* —— S8 FAQ：恢复原始双列问答卡（样式见 862-970，加载更多见模板脚本） —— */

/* —— 响应式 —— */
@media (max-width:980px){
  .web01 .s1-split{grid-template-columns:1fr;gap:40px}
  .web01 .s1-intro{position:static}
  .web01 .s1-list li{grid-template-columns:64px minmax(0,1fr)}
  .web01 .s1-no{font-size:32px;-webkit-text-stroke-width:1.2px}
  .web01 .s7-grid{grid-template-columns:1fr;gap:0}
  .web01 .s7-item{border-left:0;border-top:1px solid var(--hair);padding:18px 0}
  .web01 .s7-item:first-child{border-top:0;padding-top:0}
  .web01 .s4-float{grid-template-columns:1fr;min-height:0}
  .web01 .s4-pic img{min-height:280px}
  .web01 .s2-hd{grid-template-columns:1fr;gap:24px;align-items:start}
  .web01 .s2-hd h2{font-size:34px}
  .web01 .s2-alter{grid-template-columns:1fr 1fr;gap:44px 36px}
  .web01 .s5-list{grid-template-columns:1fr;gap:14px}
  .web01 .s5-list li + li{border-left:0;border-top:1px solid var(--hair);padding-left:0;padding-top:14px}
  .web01 .s6-steps{grid-template-columns:1fr;gap:0}
  .web01 .s6-step{padding:16px 0 16px 62px;text-align:left;max-width:600px}
  .web01 .s6-step::before{top:0;bottom:0;left:22px;right:auto;width:2px;height:auto}
  .web01 .s6-no{position:absolute;left:0;top:14px;margin:0}
  .web01 .s6-body h3{font-size:16px}
}
@media (max-width:560px){
  .web01 .s2-alter{grid-template-columns:1fr;gap:40px}
  .web01 .s2-hd{grid-template-columns:1fr;gap:22px;align-items:start}
  .web01 .s2-hd h2{font-size:32px}
  .web01 .s2-hd-r p{padding-left:18px}
  .web01 .s4-panel{padding:32px 26px}
}
/* ########## /PART WEBSITE-V5 ########## */

/* ########## PART EXT-LINK MODAL（外链跳转确认 2026-11-05） ########## */
.ext-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}
.ext-modal[hidden]{display:none}
.ext-modal-mask{position:absolute;inset:0;background:rgba(11,17,26,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:extFade .18s ease forwards}
.ext-modal-box{box-sizing:border-box;position:relative;width:432px;max-width:calc(100vw - 32px);min-width:0;background:#fff;border-radius:12px;padding:26px 28px 24px;box-shadow:0 30px 70px -24px rgba(8,16,28,.55);animation:extPop .22s cubic-bezier(.2,.7,.3,1) forwards}
.ext-modal-mono{display:block;font:600 10.5px/1 "SFMono-Regular",Consolas,"Courier New",monospace;letter-spacing:1.5px;color:#f0780c}
.ext-modal-title{margin:11px 0 9px;font-size:20px;line-height:1.35;font-weight:800;color:#131a26;letter-spacing:.2px}
.ext-modal-desc{margin:0 0 14px;font-size:13.5px;line-height:1.75;color:#6b7785}
.ext-modal-desc b{color:#131a26;font-weight:700;word-break:break-all}
.ext-modal-url{box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;margin:0 0 22px;padding:10px 12px;background:#f6f7f9;border:1px solid #e8ebef;border-radius:8px;font:400 12.5px/1.5 "SFMono-Regular",Consolas,"Courier New",monospace;color:#4a5361;word-break:break-all}
.ext-modal-url svg.ext-ic{flex:0 0 auto;margin-top:2px;color:#f0780c;display:block}
.ext-modal-act{display:flex;gap:10px}
.ext-btn{box-sizing:border-box;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;border-radius:9px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.ext-btn-ghost{background:#fff;border-color:#dfe3e8;color:#4a5361}
.ext-btn-ghost:hover{background:#f6f7f9;border-color:#c9d0d8;color:#131a26}
.ext-modal a.ext-btn-main,.ext-btn-main{background:#131a26;color:#fff}
.ext-modal a.ext-btn-main:hover,.ext-btn-main:hover{background:#f0780c;color:#fff}
.ext-btn-main svg.ext-ic{display:block}
.web01.wp-case-detail .rk-case-extnote{display:block;margin-top:9px;text-align:center;font-size:11.5px;color:#98a1ad;letter-spacing:.2px}
@keyframes extFade{from{background:rgba(11,17,26,0)}to{background:rgba(11,17,26,.62)}}
@keyframes extPop{from{transform:translateY(10px) scale(.985)}to{transform:none}}
@media (max-width:768px){.ext-modal{padding:16px}.ext-modal-box{padding:22px 20px 20px;max-width:calc(100vw - 28px)}.ext-modal-title{font-size:18px}.ext-modal-act{flex-direction:column-reverse}.ext-btn{flex:none;height:42px}}
/* ########## /PART EXT-LINK MODAL ########## */

/* ===== 客户评价页 v3 · .web01 作用域（2026-11-06） ===== */
.web01 .vc-page{padding:82px 0 76px;background:#fff}
.web01 .vc-grid{display:grid;grid-template-columns:326px 1fr;gap:64px;align-items:start}
/* --- 左栏：sticky 观点区 --- */
.web01 .vc-side{position:sticky;top:104px}
.web01 .vc-h2{font-size:39px;font-weight:800;letter-spacing:-1.2px;line-height:1.34;margin:18px 0 20px}
.web01 .vc-h2 em{font-style:normal;color:#f0780c}
.web01 .vc-lead{font-size:14.8px;line-height:1.98;color:var(--ink-3);margin:0 0 30px;max-width:312px}
.web01 .vc-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:20px 0}
.web01 .vc-facts>div{padding-left:15px;border-left:1px solid var(--hair)}
.web01 .vc-facts>div:first-child{padding-left:0;border-left:0}
.web01 .vc-facts b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:700;line-height:1;color:var(--primary-dark);letter-spacing:-1px}
.web01 .vc-facts span{display:block;margin-top:9px;font-size:11.5px;color:var(--ink-3);line-height:1.5}
.web01 .vc-index{margin-top:32px;display:flex;flex-direction:column}
.web01 .vc-index-hd{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#5d6875;margin-bottom:12px}
.web01 .vc-jump{appearance:none;background:none;border:0;border-bottom:1px solid var(--hair);padding:12px 2px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:inherit;font-size:14.5px;color:var(--ink-2);text-align:left;cursor:pointer;transition:.2s}
.web01 .vc-jump:first-of-type{border-top:1px solid var(--hair)}
.web01 .vc-jump i{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--ink-3)}
.web01 .vc-jump:hover{color:var(--primary-dark);padding-left:8px}
.web01 .vc-jump:hover i{color:var(--primary-dark)}
.web01 .vc-fine{margin:26px 0 0;font-size:12.5px;color:#5d6875;line-height:1.7}
/* --- 右栏：卡片流 --- */
.web01 .vc-stream-hd{display:flex;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3)}
.web01 .vc-stream-hd span:first-child{color:var(--ink);font-weight:700}
.web01 .vc-num{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--primary-dark)}
/* 通栏主打卡 */
.web01 .vc-feature{position:relative;background:#f6f7f9;border-radius:8px;padding:24px 30px 26px;margin-top:20px;transition:.25s}
.web01 .vc-feature.is-focus{background:#fff4e8;box-shadow:inset 3px 0 0 #f0780c}
.web01 .vc-feature-top{display:flex;align-items:baseline;gap:14px;font-size:12px;color:var(--ink-3)}
.web01 .vc-mark{display:block;font-family:Georgia,"Times New Roman",serif;font-size:92px;line-height:.7;height:34px;color:rgba(240,120,12,.5);user-select:none;margin:14px 0 0 -3px}
.web01 .vc-feature blockquote{margin:12px 0 0;font-size:23px;line-height:1.7;letter-spacing:-.25px;font-weight:600;color:var(--ink)}
.web01 .vc-by{margin-top:20px;padding-top:16px;border-top:1px solid #dde3eb;display:flex;justify-content:space-between;align-items:baseline}
.web01 .vc-who{display:inline-flex;align-items:baseline;gap:11px}
.web01 .vc-who b{font-size:14px;font-weight:800;color:var(--ink)}
.web01 .vc-who i{font-style:normal;font-size:12.5px;color:var(--ink-3)}
/* 两列错落：列高由内容自然撑开，右列整体下移 */
.web01 .vc-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;align-items:start}
.web01 .vc-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.web01 .vc-col-b{margin-top:18px}
.web01 .vc-card{background:#fff;border:1px solid #e6eaf0;border-radius:8px;padding:20px 22px 18px;transition:border-color .2s,background .2s;min-width:0}
.web01 .vc-card[hidden]{display:none}
.web01 .vc-card:hover{border-color:#f0780c}
.web01 .vc-card--warm{background:#fffaf4;border-left:2px solid #f0780c}
.web01 .vc-card.is-focus{border-color:#f0780c;background:#fffaf4}
.web01 .vc-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:13px}
.web01 .vc-svc{font-size:12px;color:#6b7785;text-align:right;line-height:1.5}
.web01 .vc-card blockquote{margin:0;font-size:15px;line-height:1.88;color:#26303d;font-weight:500}
.web01 .vc-card-by{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid #edf0f4}
.web01 .vc-card-by b{font-size:13.5px;font-weight:800;color:var(--ink)}
.web01 .vc-card-by i{font-style:normal;font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.web01 .vc-more{appearance:none;width:100%;background:none;border:0;border-bottom:1px solid var(--hair);padding:24px 0;margin-top:20px;display:flex;align-items:center;justify-content:space-between;font-family:inherit;font-size:14.5px;font-weight:700;color:var(--ink);cursor:pointer;transition:.2s}
.web01 .vc-more i{font-style:normal;font-size:19px;color:var(--primary-dark);transition:transform .2s}
.web01 .vc-more:hover{color:var(--primary-dark)}
.web01 .vc-more:hover i{transform:translateY(4px)}
.web01 .vc-more.is-done{color:var(--ink-3);cursor:default;font-weight:400}
.web01 .vc-more.is-done i{display:none}
/* --- 分类筛选 v4（2026-11-06）：点分类只显示该类，全部视图保留分批阅读 --- */
.web01 .vc-jump.is-active{color:var(--primary-dark);font-weight:700;box-shadow:inset 2px 0 0 #f0780c;padding-left:10px}
.web01 .vc-jump.is-active i{color:var(--primary-dark)}
.web01 .vc-cat{font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;color:var(--primary-dark);white-space:nowrap}
.web01 .vc-page:not(.is-filtered) .vc-cat{display:none}
.web01 .vc-more[hidden],.web01 .vc-feature[hidden]{display:none}
.web01 .vc-card--wide{margin-top:18px}
.web01 .vc-card--wide blockquote{font-size:16px;max-width:76ch}
@media(max-width:640px){.web01 .vc-cat{display:none}}
/* --- 引语对话感 v5（2026-11-06）：去卡片编号，大开引号起句 + 句尾收口 --- */
.web01 .vc-q{display:block;flex:none;font-family:Georgia,"Times New Roman",serif;font-size:52px;line-height:.72;height:25px;color:rgba(240,120,12,.42);user-select:none;margin:-3px 0 0 -3px}
.web01 .vc-feature .vc-q{font-size:88px;height:40px;line-height:.7;color:rgba(240,120,12,.5);margin:-6px 0 0 -4px}
.web01 .vc-card-top,.web01 .vc-feature-top{align-items:flex-start}
.web01 .vc-card-top{justify-content:flex-start;gap:9px}
.web01 .vc-svc,.web01 .vc-feature-top>span:last-child{margin-left:auto;margin-top:5px}
.web01 .vc-feature-top>span:last-child{margin-top:13px}
.web01 .vc-card blockquote::after,.web01 .vc-feature blockquote::after{content:"”";font-family:Georgia,"Times New Roman",serif;color:rgba(240,120,12,.7);font-size:1.05em;line-height:0;margin-left:1px;position:relative;top:.06em}
/* --- 去框柔化 v6（2026-11-06）：清重复细线，卡片改柔面，主打卡做唯一深色锚点 --- */
.web01 .vc-facts{border-top:0;border-bottom:0}
.web01 .vc-facts>div{border-left:0;padding-left:0}
.web01 .vc-jump{border-bottom:0;padding:11px 2px}
.web01 .vc-jump:first-of-type{border-top:0}
.web01 .vc-stream-hd{border-bottom:1px solid #e6ebf1}
.web01 .vc-by{border-top:0;padding-top:0;margin-top:22px}
.web01 .vc-card-by{border-top:0;padding-top:0;margin-top:18px}
.web01 .vc-more{border-bottom:0}
.web01 .vc-card{border:0;border-radius:2px;background:#f6f7f9;padding:22px 24px 20px}
.web01 .vc-card:hover{background:#f0f2f5}
.web01 .vc-card--warm{background:#fdf6ee;border-left:0}
.web01 .vc-card.is-focus{background:#fff1e2}
.web01 .vc-card-by b{color:#20293a}
.web01 .vc-feature{background:#131a26;border-radius:2px;padding:32px 36px 30px}
.web01 .vc-feature .vc-q{font-size:96px;height:44px;color:rgba(255,182,87,.85)}
.web01 .vc-feature blockquote{color:#fff;font-size:26px;line-height:1.62}
.web01 .vc-feature blockquote::after{color:rgba(255,182,87,.85)}
.web01 .vc-feature-top,.web01 .vc-feature-top>span:last-child{color:#9aa6b6}
.web01 .vc-who b{color:#fff}
.web01 .vc-who i{color:#9aa6b6}
.web01 .vc-q{color:rgba(240,120,12,.5)}
.web01 .vc-cols{gap:26px;margin-top:26px}
.web01 .vc-col{gap:26px}
.web01 .vc-col-b{margin-top:26px}
.web01 .vc-card--wide{margin-top:26px}
/* --- 筛选态层次 v7（2026-11-06）：主打卡被隐藏时补深色锚点，打散同色暖卡 --- */
.web01 .vc-page.is-filtered .vc-stream-hd{background:#131a26;border-bottom:0;border-radius:2px;padding:20px 26px;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:8px 16px}
.web01 .vc-page.is-filtered .vc-stream-hd span:first-child{color:#fff;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.02em}
.web01 .vc-page.is-filtered .vc-stream-hd span:first-child::before{content:"";display:inline-block;width:3px;height:15px;background:#ffb657;margin-right:12px;vertical-align:-2px}
.web01 .vc-page.is-filtered .vc-stream-hd span:last-child{color:#ffb657;font-size:12px;letter-spacing:.06em}
.web01 .vc-page.is-filtered .vc-cols .vc-card--warm:nth-child(even){background:#f6f7f9}
.web01 .vc-page.is-filtered .vc-cols .vc-card:first-child{background:#fdf6ee}
.web01 .vc-page.is-filtered .vc-card--wide{background:#fdf6ee}
@media(max-width:640px){.web01 .vc-page.is-filtered .vc-stream-hd{padding:16px 18px}.web01 .vc-page.is-filtered .vc-stream-hd span:first-child{font-size:14px}.web01 .vc-page.is-filtered .vc-stream-hd span:last-child{font-size:11px}}
/* --- S2 深藏青收尾 --- */
.web01 .vc-end{position:relative;background:#131a26;color:#fff;padding:92px 0 0;overflow:hidden;isolation:isolate}
.web01 .vc-end::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(100deg,#000 0%,rgba(0,0,0,.22) 76%,transparent 100%);mask-image:linear-gradient(100deg,#000 0%,rgba(0,0,0,.22) 76%,transparent 100%)}
.web01 .vc-end::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffb657,#f0780c 32%,transparent 76%)}
.web01 .vc-end-in{display:grid;grid-template-columns:1fr 290px;gap:60px;align-items:end;padding-bottom:56px}
.web01 .vc-end-tag{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;color:#ffb657;margin-bottom:22px}
.web01 .vc-end h2{font-size:39px;font-weight:800;letter-spacing:-1px;line-height:1.42;margin:0 0 18px}
.web01 .vc-end-l p{font-size:14.5px;color:rgba(255,255,255,.64);line-height:1.9;margin:0;max-width:560px}
.web01 .vc-end-r{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:4px}
.web01 .vc-btn{background:#f0780c;color:#fff;border-radius:999px;padding:14px 30px;font-size:15px;font-weight:800;gap:14px;box-shadow:none}
.web01 .vc-btn:hover{background:#d96a06;color:#fff;transform:translateY(-2px)}
.web01 .vc-btn::after{display:none}
.web01 .vc-tel{font-family:var(--mono);font-size:23px;font-weight:700;color:#ffb657;text-decoration:none;margin-top:16px;letter-spacing:.02em}
.web01 .vc-tel-note{font-size:12px;color:rgba(255,255,255,.48)}
.web01 .vc-end-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);padding:22px 0 26px;font-size:12px;color:rgba(255,255,255,.4)}
.web01 .vc-end-foot i{font-style:normal;margin:0 6px;color:rgba(255,255,255,.22)}
/* --- 响应式 --- */
@media(max-width:1180px){
  .web01 .vc-grid{grid-template-columns:286px 1fr;gap:40px}
  .web01 .vc-h2{font-size:34px}
  .web01 .vc-feature blockquote{font-size:21px}
  .web01 .vc-card{padding:18px 18px 16px}
  .web01 .vc-card blockquote{font-size:14.5px}
  .web01 .vc-end h2{font-size:32px}
}
@media(max-width:860px){
  .web01 .vc-grid{grid-template-columns:1fr;gap:40px}
  .web01 .vc-side{position:static}
  .web01 .vc-lead{max-width:640px}
  .web01 .vc-facts,.web01 .vc-index{max-width:520px}
  .web01 .vc-end-in{grid-template-columns:1fr;gap:34px;padding-bottom:56px}
  .web01 .vc-end h2{font-size:32px}
}
@media(max-width:640px){
  .web01 .vc-page{padding:56px 0 52px}
  .web01 .vc-h2{font-size:31px;letter-spacing:-.6px}
  .web01 .vc-lead{font-size:14px}
  .web01 .vc-facts b{font-size:25px}
  .web01 .vc-cols{grid-template-columns:1fr;gap:0}
  .web01 .vc-col{gap:0}
  .web01 .vc-col-b{margin-top:0}
  .web01 .vc-card{margin-top:14px}
  .web01 .vc-feature{padding:22px 20px 22px}
  .web01 .vc-feature blockquote{font-size:20px}
  .web01 .vc-mark{font-size:78px;height:28px}
  .web01 .vc-card blockquote{font-size:14.8px}
  .web01 .vc-card-top{flex-direction:column;gap:5px;align-items:flex-start}
  .web01 .vc-svc{text-align:left}
  .web01 .vc-end{padding-top:62px}
  .web01 .vc-end h2{font-size:26px;line-height:1.5}
  .web01 .vc-end-foot{flex-direction:column;gap:8px}
  .web01 .vc-stream-hd{font-size:10px}
}

/* ===== 常见问答页 · .rkfaq-* 作用域（2026-11-06） ===== */
/* 常见问答本地预览 · 沿用站内 .acc-* 手风琴语汇：细线 / 大号侧边编号 / 圆加号 / 橙只点缀 */
/* 常见问答页 · 沿用站内 .acc-* 手风琴语汇：细线 / 大号侧边编号 / 圆加号 / 橙只点缀 */
/* 本页无大图 banner，抵消 .mian 的 96px 顶部留白；仅作用于本模板唯一类 */
.rkfaq-mian{margin-top:0!important}
:root{--rkfaq-ink:#1a2230;--rkfaq-ink2:#4a5565;--rkfaq-ink3:#8a94a3;--rkfaq-hair:#e8ecf1;--rkfaq-orange:#f0780c;--rkfaq-navy:#131a26;--rkfaq-mono:ui-monospace,Menlo,Consolas,monospace}
.rkfaq-hero{padding:126px 0 62px;border-bottom:1px solid var(--rkfaq-hair);background:#fff}
.rkfaq-hero .sec-tag,.rkfaq-end .sec-tag{font-family:var(--rkfaq-mono);font-size:12px;letter-spacing:.14em;color:var(--rkfaq-orange)}
.rkfaq-hero h1{font-size:46px;line-height:1.2;letter-spacing:-1px;color:var(--rkfaq-ink);margin:16px 0 14px;font-weight:800}
.rkfaq-lead{font-size:16px;line-height:1.9;color:var(--rkfaq-ink2);max-width:660px;margin:0}
.rkfaq-stats{display:flex;gap:0;margin:34px 0 30px;flex-wrap:wrap}
.rkfaq-stats span{font-size:13px;color:var(--rkfaq-ink3);padding:0 30px;border-left:1px solid var(--rkfaq-hair)}
.rkfaq-stats span:first-child{padding-left:0;border-left:0}
.rkfaq-stats b{font-family:var(--rkfaq-mono);font-size:22px;color:var(--rkfaq-ink);font-weight:800;margin-right:7px}
.rkfaq-search{display:flex;align-items:center;gap:12px;max-width:620px;border-bottom:1px solid #cfd6df;padding:0 0 12px;color:var(--rkfaq-ink3)}
.rkfaq-search:focus-within{border-bottom-color:var(--rkfaq-orange)}
.rkfaq-search input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:15px;color:var(--rkfaq-ink);min-width:0}
.rkfaq-search input::placeholder{color:#a6afbb}
.rkfaq-search #rkfaqHit{font-family:var(--rkfaq-mono);font-size:12px;color:var(--rkfaq-orange);white-space:nowrap}
.rkfaq-page{padding:64px 0 90px;background:#fff;overflow:visible;max-height:none}
.rkfaq-grid{display:grid;grid-template-columns:232px 1fr;gap:64px;align-items:start}
.rkfaq-side{position:sticky;top:96px}
.rkfaq-side-hd{display:block;font-size:12px;letter-spacing:.1em;color:var(--rkfaq-ink3);padding-bottom:14px;border-bottom:1px solid var(--rkfaq-ink);margin-bottom:6px}
.rkfaq-cats{display:flex;flex-direction:column}
.rkfaq-cat{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:0;border-bottom:1px solid var(--rkfaq-hair);padding:12px 2px;cursor:pointer;font:inherit;font-size:14px;color:var(--rkfaq-ink2);text-align:left;transition:color .2s}
.rkfaq-cat:hover{color:var(--rkfaq-orange)}
.rkfaq-cat i{font-family:var(--rkfaq-mono);font-style:normal;font-size:12px;color:var(--rkfaq-ink3)}
.rkfaq-cat.is-active{color:var(--rkfaq-ink);font-weight:700}
.rkfaq-cat.is-active i{color:var(--rkfaq-orange)}
.rkfaq-cat.is-active::before{content:"";position:absolute;left:-12px;width:2px;height:22px;background:var(--rkfaq-orange)}
.rkfaq-cat{position:relative}
.rkfaq-side-foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--rkfaq-hair);display:flex;flex-direction:column;gap:6px}
.rkfaq-side-foot span{font-size:13px;color:var(--rkfaq-ink3)}
.rkfaq-side-foot a{font-family:var(--rkfaq-mono);font-size:17px;font-weight:700;color:var(--rkfaq-ink);text-decoration:none}
.rkfaq-side-foot a:hover{color:var(--rkfaq-orange)}
.rkfaq-side-foot small{font-size:12px;color:var(--rkfaq-ink3)}
.rkfaq-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--rkfaq-ink)}
.rkfaq-tools-l{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;min-width:0}
.rkfaq-tools span{font-size:13px;color:var(--rkfaq-ink3)}
.rkfaq-tools .rkfaq-mode{font-size:12px;color:#a6afbb}
.rkfaq-tools button{background:none;border:0;cursor:pointer;font:inherit;font-size:13px;color:var(--rkfaq-orange);padding:4px 0;white-space:nowrap}
.rkfaq-tools button:hover{text-decoration:underline}
.rkfaq-group{padding-top:52px}
.rkfaq-group[hidden],.rkfaq-item[hidden]{display:none}
.rkfaq-group-hd{display:flex;align-items:baseline;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--rkfaq-hair);margin-bottom:0}
.rkfaq-gno{font-family:var(--rkfaq-mono);font-size:15px;font-weight:800;color:var(--rkfaq-orange);flex:none;width:34px}
.rkfaq-gtitle{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;flex:1}
.rkfaq-gtitle h2{font-size:23px;font-weight:800;color:var(--rkfaq-ink);margin:0;letter-spacing:-.3px}
.rkfaq-gtitle span{font-size:13px;color:var(--rkfaq-ink3)}
.rkfaq-glink{font-size:12.5px;color:var(--rkfaq-ink3);text-decoration:none;white-space:nowrap}
.rkfaq-glink:hover{color:var(--rkfaq-orange)}
.rkfaq-acc{border-top:0}
.rkfaq-item{border-bottom:1px solid var(--rkfaq-hair)}
/* h3 只作语义外壳，清掉站点全局 h3 的大字号与 margin，视觉仍由 .rkfaq-q 决定 */
.rkfaq-h{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.rkfaq-head{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:16px;width:100%;background:none;border:0;padding:20px 4px;cursor:pointer;text-align:left;font-family:inherit}
/* 问题图标：细线圆圈 + 衬线问号，与右侧圆加号呼应；橙只在 hover / 展开时出现 */
.rkfaq-no{width:24px;height:24px;justify-self:start;display:flex;align-items:center;justify-content:center;border:1px solid var(--rkfaq-hair);border-radius:50%;font-family:Georgia,"Times New Roman",serif;font-size:14px;font-weight:400;line-height:1;color:var(--rkfaq-ink3);transition:color .2s,border-color .2s}
.rkfaq-no::before{content:"?";transform:translateY(.5px)}
.rkfaq-q{font-size:16.5px;font-weight:700;color:var(--rkfaq-ink);line-height:1.6;transition:color .2s}
.rkfaq-head:hover .rkfaq-q{color:var(--rkfaq-orange)}
.rkfaq-head:hover .rkfaq-no{color:var(--rkfaq-orange);border-color:var(--rkfaq-orange)}
.rkfaq-ico{width:30px;height:30px;border:1px solid var(--rkfaq-hair);border-radius:50%;position:relative;justify-self:end;transition:.25s}
.rkfaq-ico::before,.rkfaq-ico::after{content:"";position:absolute;background:var(--rkfaq-ink3);transition:.25s}
.rkfaq-ico::before{left:9px;right:9px;top:14px;height:1px}
.rkfaq-ico::after{top:9px;bottom:9px;left:14px;width:1px}
.rkfaq-item.open .rkfaq-ico{background:var(--rkfaq-orange);border-color:var(--rkfaq-orange)}
.rkfaq-item.open .rkfaq-ico::before,.rkfaq-item.open .rkfaq-ico::after{background:#fff}
.rkfaq-item.open .rkfaq-ico::after{transform:rotate(90deg);opacity:0}
.rkfaq-item.open .rkfaq-no{color:var(--rkfaq-orange);border-color:var(--rkfaq-orange)}
.rkfaq-body{max-height:0;overflow:hidden;transition:max-height .32s ease}
.rkfaq-in{padding:0 60px 24px 76px}
.rkfaq-in p{margin:0;font-size:14.8px;line-height:2;color:var(--rkfaq-ink2);max-width:740px}
.rkfaq-k{color:var(--rkfaq-ink);font-weight:600}
.rkfaq-empty{padding:70px 0;text-align:center;font-size:15px;color:var(--rkfaq-ink3)}
.rkfaq-empty a{color:var(--rkfaq-orange)}
.rkfaq-end{background:var(--rkfaq-navy);color:#fff;padding:64px 0}
.rkfaq-end .sec-tag{color:#ffb657}
.rkfaq-end-in{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.rkfaq-end h2{font-size:30px;font-weight:800;margin:14px 0 10px;letter-spacing:-.5px}
.rkfaq-end p{font-size:14.5px;color:#aeb8c6;margin:0}
.rkfaq-end-act{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.rkfaq-btn{display:inline-block;background:var(--rkfaq-orange);color:#fff!important;text-decoration:none;font-family:var(--rkfaq-mono);font-size:19px;font-weight:800;padding:14px 30px;border-radius:999px}
.rkfaq-end-act span{font-size:12.5px;color:#8d99a9}
@media(max-width:900px){
  .rkfaq-grid{grid-template-columns:1fr;gap:30px}
  .rkfaq-side{position:static}
  .rkfaq-cats{flex-direction:row;flex-wrap:wrap;gap:8px}
  .rkfaq-cat{width:auto;border:1px solid var(--rkfaq-hair);border-radius:999px;padding:8px 14px;font-size:13px;gap:8px}
  .rkfaq-cat.is-active{background:var(--rkfaq-navy);color:#fff;border-color:var(--rkfaq-navy)}
  .rkfaq-cat.is-active i{color:#ffb657}
  .rkfaq-cat.is-active::before{display:none}
  .rkfaq-side-foot{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
  .rkfaq-hero{padding:52px 0 44px}
  .rkfaq-hero h1{font-size:34px}
  .rkfaq-group{padding-top:38px}
}
@media(max-width:640px){
  .rkfaq-stats span{padding:0 16px}
  .rkfaq-stats b{font-size:18px}
  .rkfaq-gtitle h2{font-size:20px}
  .rkfaq-glink{display:none}
  .rkfaq-head{grid-template-columns:34px 1fr 28px;gap:10px;padding:17px 2px}
  .rkfaq-q{font-size:15px}
  .rkfaq-no{width:20px;height:20px;font-size:12px}
  .rkfaq-ico{width:26px;height:26px}
  .rkfaq-ico::before{left:7px;right:7px;top:12px}
  .rkfaq-ico::after{top:7px;bottom:7px;left:12px}
  .rkfaq-in{padding:0 8px 20px 46px}
  .rkfaq-in p{font-size:14px;line-height:1.95}
  .rkfaq-tools .rkfaq-mode{display:none}
  .rkfaq-end h2{font-size:24px}
  .rkfaq-end-act{align-items:flex-start}
}


/* ===== Font Awesome 兜底：防止核心CSS残留 .icon{font-family:iconfont!important} 覆盖 ===== */
.fa-solid, .fa-regular, .fa-brands, .fas, .far, .fab {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}
.fa-regular { font-weight: 400 !important; }
.fa-brands { font-weight: 400 !important; font-family: "Font Awesome 6 Brands" !important; }