@charset "utf-8";
/* ====================公共样式========================= */

/*reset Css*/
* {margin: 0;padding: 0;}

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;padding: 0;
}

body {
	background-color: #fff;/*整体背景颜色*/
	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/
	--www: 16rem;
	--interval: var(--www);
	--nav_height: 1rem;
	--theme-color: #004EA2;
	--theme-color-rgb: 0,78,162;
	--sec-theme-color: #F58220;
	--swiper-theme-color: #004EA2;
	--sec-theme-color: #01A2E9;
}

/*==常用字号==*/
body {
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f50: 0.5rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
  --f62: 0.62rem;
  --f64: 0.64rem;
  --f66: 0.66rem;
  --f68: 0.68rem;
  --f70: 0.7rem;
  --f72: 0.72rem;
  --f80: 0.8rem;
  --f100: 1rem;
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 20px;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f28: 22px;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f50: 0.42rem;
    --f52: 0.46rem;
    --f54: 0.48rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
	--f80: 0.72rem;
    --interval: 5vw;
    --nav_height: 58px;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.24rem;
    --f16: 0.26rem;
    --f18: 0.28rem;
    --f20: 0.28rem;
    --f22: 0.30rem;
    --f24: 0.32rem;
    --f26: 0.34rem;
    --f28: 0.36rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.42rem;
    --f42: 0.42rem;
    --f44: 0.42rem;
    --f46: 0.42rem;
    --f48: 0.42rem;
    --f50: 0.42rem;
    --f52: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
	--f80: 0.64rem;
  }
}

.f14{font-size: var(--f14);}
.f16{font-size: var(--f16);}
.f18{font-size: var(--f18);}
.f20{font-size: var(--f20);}
.f22{font-size: var(--f22);}
.f24{font-size: var(--f24);}
.f26{font-size: var(--f26);}
.f28{font-size: var(--f28);}
.f30{font-size: var(--f30);}
.f32{font-size: var(--f32);}
.f34{font-size: var(--f34);}
.f36{font-size: var(--f36);}
.f38{font-size: var(--f38);}
.f40{font-size: var(--f40);}
.f42{font-size: var(--f42);}
.f44{font-size: var(--f44);}
.f46{font-size: var(--f46);}
.f48{font-size: var(--f48);}
.f50{font-size: var(--f50);}
.f52{font-size: var(--f52);}
.f54{font-size: var(--f54);}
.f56{font-size: var(--f56);}
.f58{font-size: var(--f58);}
.f60{font-size: var(--f60);}
.f62{font-size: var(--f62);}
.f64{font-size: var(--f64);}
.f66{font-size: var(--f66);}
.f68{font-size: var(--f68);}
.f70{font-size: var(--f70);}
.f72{font-size: var(--f72);}
.f80{font-size: var(--f80);}
.f100{font-size: var(--f100);}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 默认合并表格边框 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}

/* <input>标签 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input标签聚焦不出现默认边框 */

textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */
select, button, input,img {vertical-align: middle;}/*去除图片底部缝隙并基于中线对齐*/
img {
    width: auto;
    height: auto;
    width: auto\9;
	max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
}
/** 设置默认字体 **/
/* 
    宋体：\5B8B\4F53
    新宋体：\65B0\5B8B\4F53
    黑体：\9ED1\4F53
    微软雅黑：\5FAE\8F6F\96C5\9ED1
    楷体：\6977\4F53_GB2312
    思源黑体： Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1 "DR",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}

/*End reset*/

/*public Css*/

/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 水平垂直居中 */
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

/*动画--规定动画移动出去的时间*/
a{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* 指定文字禁止复制 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/* 文字限制行数 */
/* 限制一行 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/* 引入字体 */
@font-face {
    font-family: 'DR';
    src: url('../fonts/DMSans-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'RB';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DL';
    src: url('../fonts/DMSans-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'CAI978';
    src: url('../fonts/CAI978.ttf') format('truetype');
    font-display: swap;
}
.DR{font-family: "DR";}
.RB{font-family: "RB";}
.DL{font-family: "DL";}
.CAI978{font-family: "CAI978";}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.fl{float: left;}
.fr{float: right;}
.show{display:block;}
.hide{display:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.ttu{text-transform:uppercase;}/*全字母转换为大写*/
.ttc{text-transform:capitalize;}/*首字母转换为大写*/
.fwb{ font-weight: bold;}
.fwl{ font-weight: lighter;}
.ofh{overflow:hidden;}
.ofh img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.ofh:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.ofc img{object-fit: contain !important;}
.pst-rel{position:relative;}
.pst-abs{position:absolute;}
.pst-pic{position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.w100{width: 100%;}
.lh-1{line-height: 1;}
.lh-111{line-height: 1.11;}
.lh-115{line-height: 1.15;}
.lh-12{line-height: 1.2;}
.lh-13{line-height: 1.3;}
.lh-14{line-height: 1.4;}
.lh-15{line-height: 1.5;}
.lh-16{line-height: 1.6;}
.lh-17{line-height: 1.7;}
.lh-175{line-height: 1.75;}
.lh-18{line-height: 1.8;}
.color-0 { color: #000; }
.color-1 { color: #111; }
.color-2 { color: #222; }
.color-3 { color: #333; }
.color-4 { color: #444; }
.color-5 { color: #555; }
.color-6 { color: #666; }
.color-7 { color: #777; }
.color-8 { color: #888; }
.color-9 { color: #999; }
.color-a { color: #aaa; }
.color-b { color: #bbb; }
.color-c { color: #ccc; }
.color-d { color: #ddd; }
.color-e { color: #eee; }
.color-f { color: #fff; }
.color-f-6 { color: rgba(255,255,255,0.6); }

.color-blue{ color: var(--theme-color);}
.color-sec-blue{ color: #003058;}
.color-red{color: var(--theme-color);}
.color-white{ color: white;}
.color-black{ color: black;}
.color-dark{color: #001322;}

.bg-f8{background-color: #f8f9f9;}
.bg-f7{ background-color: #f7f8f9;}
.bg-f5{ background-color: #f5f5f5;}
.bg-f0{ background-color: #f0f1f5;}
.bg-f9{ background-color: #f9fcff;}
.bg-blue,.bg-theme{background-color: var(--theme-color);}
.bg-sec-blue{background-color: #003058;}
.bg-dark{background-color: #001322;}
.bg-red{background-color: var(--theme-color);}
.bg-white{ background-color: white;}
.bg-black{ background-color: black;}
.bg-666{  background-color: #666;}
.bg-888{  background-color: #888;}
.bg-555{  background-color: #555;}
.bg-aaa{  background-color: #aaa;}

.hmax{ height: 100%  ;}
.wmax{ width: 100%  ;}
.w50{ width: 50% ;}
.w55{ width: 55%;}
.w49-5{ width: 49.5%;}
.w33{ width: 33%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w48{ width: 48%;}
.w47{ width: 47%;}
.w45{ width: 45%;}

.radius3{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.radius5{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.radius6{ border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.radius8{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.radius10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.radius20{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.radius40{ border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.radius50{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.col-2{width:50%;float:left;}
.col-3{width:33.333333%;float:left;}
.col-4{width:25%;float:left;}
.col-5{width:20%;float:left;}
.col-6{widows: 16.6666%;float:left;}
.w12{width: 1200px;max-width: 92%;margin: 0 auto;}
.w14{width: 1440px;max-width: 92%;margin: 0 auto;}
.w15{width: 1500px;max-width: 92%;margin: 0 auto;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.w18{width: 1800px;max-width: 92%;margin: 0 auto;}
.pc{display: block;}
.mb{display: none;}
.mt{margin-top: 100px;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-67{padding-bottom: 67%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pd-60{padding: 0.6rem 0;}
.pt-60{padding-top: 0.6rem;}
.pb-60{padding-bottom: 0.6rem;}
.pd-80{padding: 0.8rem 0;}
.pt-80{padding-top: 0.8rem;}
.pb-80{padding-bottom: 0.8rem;}
.pd-100{padding: 1rem 0;}
.pt-100{padding-top: 1rem;}
.pb-100{padding-bottom: 1rem;}

.pd-120{padding: 1.2rem 0;}
.pt-120{padding-top: 1.2rem;}
.pb-120{padding-bottom: 1.2rem;}

.pd-140{padding: 1.4rem 0;}
.pt-140{padding-top: 1.4rem;}
.pb-140{padding-bottom: 1.4rem;}

.pd-160{padding: 1.6rem 0;}
.pt-160{padding-top: 1.6rem;}
.pb-160{padding-bottom: 1.6rem;}

.pd-180{padding: 1.8rem 0;}
.pt-180{padding-top: 1.8rem;}
.pb-180{padding-bottom: 1.8rem;}

.mt30{margin-top: 0.3rem;}
.mt40{margin-top: 0.4rem;}
.mt50{margin-top: 0.5rem;}
.mt60{margin-top: 0.6rem;}
.mt70{margin-top: 0.7rem;}
.mt80{margin-top: 0.8rem;}
.mt90{margin-top: 0.9rem;}
.mt100{margin-top: 1rem;}
.mt110{margin-top: 1.1rem;}
.mt120{margin-top: 1.2rem;}
.mt130{margin-top: 1.3rem;}
.mt140{margin-top: 1.4rem;}


.flex-1 {flex: 1;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}

/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}

/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;background-color: transparent;z-index: 99;line-height: 100px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on,.Header-wrapper.white_bg{box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #fff;}
.Header-wrapper.black{box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #001322;}
/* .Header-wrapper.on::after {opacity: 0;} */
/* #c-header.c-head-move {top: -100px;} */
.Header-container {}
.Header-container .logo {}
.Header-container .logo {}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.4rem;}
.Header-wrapper.on .Header-container .logo a img+img,.Header-wrapper.white_bg .Header-container .logo a img+img{
	display: block;
}
.Header-container .logo a img+img,.Header-wrapper.on .Header-container .logo a img,
.Header-wrapper.white_bg .Header-container .logo a img{
	display: none;
}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1000px){
	.Header-container .c-nav {display: flex;align-items: center;font-size: var(--f20);flex-wrap: wrap;font-weight: 700;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.6rem;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: var(--theme-color) !important;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.06rem;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	.Header-container .c-nav>li>ul {min-width: 240px;position: absolute;top: 100%;left: 50%;margin-top: 0;background-color: #fff;z-index: 2;-webkit-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;padding: 15px 20px;opacity: 0;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);box-shadow: 0 5px 50px rgb(0 0 0 / 10%);}
	.Header-container .c-nav>li:hover>ul {pointer-events: all;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);-webkit-transition-delay: .1s;-ms-transition-delay: .1s;transition-delay: .1s;opacity: 1;}
	.Header-container .c-nav>li>ul>li:not(:last-child) {border-bottom: 1px solid #eee;}
	.Header-container .c-nav>li>ul>li>a {display: block;position: relative;font-size: 16px;padding: 10px 0;color: #58595b;-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);transition: color .3s cubic-bezier(.645, .045, .355, 1);line-height: initial;text-align: left;}
	.Header-container .c-nav>li>ul>li>a:before {content: "";position: absolute;top: 7px;bottom: 7px;left: -20px;width: 4px;background: var(--theme-color);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s cubic-bezier(.162, .85, .45, 1);transition: transform .3s cubic-bezier(.162, .85, .45, 1);}
	.Header-container .c-nav>li>ul>li:hover>a:before {-ms-transform-origin: top;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
	.Header-container .c-nav>li>ul>li:hover>a {color: var(--theme-color);}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #fff;}
	.Header-wrapper.on .Header-container .c-nav>li .c-title-box,
	.Header-wrapper.white_bg .Header-container .c-nav>li .c-title-box{color: #000;}
}

.Header-container .tool {display: flex;align-items: center;color: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper.on .Header-container .tool,
.Header-wrapper.white_bg .Header-container .tool{color: #000;}
.Header-container .tool .search {}
.Header-container .tool .search i {position: relative;font-size: 24px;/* padding-right: 0.18rem; */margin-right: 0.2rem;cursor: pointer;vertical-align: middle;}
/* .Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
.Header-wrapper.on .Header-container .tool .search i::after,
.Header-wrapper.white_bg .Header-container .tool .search i::after{background-color: rgb(0,0,0,.3);} */
.Header-container .tool .language {position: relative;}
.Header-container .tool .language a {display: flex;align-items: center;color: white;}
.Header-container .tool .language i {font-size: 24px;}
.Header-container .tool .language p {font-size: 16px;margin-left: 0.08rem;display: flex;align-items: center;}
.Header-container .tool .language p::after {display: inline-block;margin-left: 5px;content: "\e60a";font-size: 12px;font-family: 'iconfont';-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-container .tool .language.on p::after {-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Header-container .tool .language .language_down {display: none;position: absolute;z-index: 2;left: 5px;top: 100%;width: 100%;height: auto;background: var(--theme-color);text-align: left;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;}
.Header-container .tool .language .language_down a {display: block;font-size: 14px;line-height: 1.3;padding: 10px 15px;color: rgba(255, 255, 255, .8);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;text-align: center;}
.Header-container .tool .language .language_down a:hover {background-color: #3F3B3A;}
.Header-wrapper.on .Header-container .tool .language>a,
.Header-wrapper.white_bg .Header-container .tool .language>a {color: #000;}

/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;padding: 0;border: 0;background: transparent;color: inherit;font: inherit;appearance: none;-webkit-appearance: none;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #000;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #333;}
body.c-open #c-header .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #c-header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1000px) {
	#c-header .c-switch {display: block;}
	.Header-wrapper{line-height: 60px;}
	.Header-container .tool .search{height: 60px;}
	.Header-container .c-nav{height: 0;}
	.Header-container .tool{padding-right: 0.24rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}
	.Header-container .logo a img{height: 28px;}
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#c-header .c-nav {position: absolute;top: 60px;left: 0;width: 100%;height: 0;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;text-align: left;overflow-x: hidden;}
	#c-header .c-nav>li:last-child {border-bottom: 1px solid #f1f1f1;}
	#c-header .c-nav li {width: 100%;padding: 0 4%;border-top: 1px solid #f1f1f1;}
	#c-header .c-nav li .c-title-box {display: flex;align-items: center;justify-content: space-between;}
	#c-header .c-nav li a {display: block;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}
	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}
	#c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);}
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: var(--theme-color);}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

/* 底部 */
.Footer-wrapper {position: relative;background: #000717 url('/wp-content/uploads/2026/07/wl-footer-bg.webp') no-repeat center/cover;}
.Footer-wrapper::before, .Footer-wrapper::after {
    content: '';
    width: 50%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #bb171e;
}
.Footer-wrapper::after {
    left: auto;
    right: 0;
    background: #808080;
}
.Footer-container {}
/* .Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.52rem;}
.Footer-container .toate(180degp .foot_link {} */
.media_ul {}
.media_ul li {margin-right: 8px;}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;width: 0.32rem;height: 0.32rem;background-color: #3b5999;color: white;border-radius: 3px;font-size: 0;}
.media_ul li a i {font-size: var(-f16);}
.media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;}
.Footer-container .mid {padding: 0.8rem 0;letter-spacing: 0.5px;}
.Footer-container .mid .fl{
	width: 25%;
}
.Footer-container .mid .fl .foot_logo{}
.Footer-container .mid .fl .foot_logo img{
	height: 0.42rem;
}
.Footer-container .mid .fl .foot_txt{
	
}
.Footer-container .mid .fl .foot_link{}
.Footer-container .mid .fr{
	width: 25%;
}
.Footer-container .mid .fr .tit{}
.Footer-container .mid .fr .des{}
.Footer-container .mid .fr .info{}
.Footer-container .mid .fr .info dl{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0.15rem;
}
.Footer-container .mid .fr .info dt{
}
.Footer-container .mid .fr .info dt i{
	font-size: var(--f20);
	line-height: 1.5;
}
.Footer-container .mid .fr .info dd{
	flex: 1;
	padding-left: 0.12rem;
	font-size: var(--f16);
	line-height: 1.75;
}
.Footer-container .mid>ul {
	width: 35%;
}
.Footer-container .mid>ul li {float: left;overflow: hidden;}
.Footer-container .mid>ul li p {text-transform: uppercase;font-size: var(--f22);line-height: 1.5;color: #fff;display: block;margin-bottom: 0.15rem;}
.Footer-container .mid>ul li p i{margin-left: 0.06rem;}
.Footer-container .mid>ul li .foot_nav_link a {font-size: var(--f16);color: #bbb;color: rgb(255, 255, 255);line-height: 2.15;display: block;}
.Footer-container .mid>ul li a:hover {text-decoration: underline;}
.Footer-container .mid>ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .mid>ul li dl {}
.Footer-container .mid>ul li dd {position: relative;font-size: 14px;line-height: 20px;color: rgb(255, 255, 255, .8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .mid>ul li dd:last-child{margin-bottom: 0;}
.Footer-container .mid>ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(255, 255, 255, .8);}
.Footer-container .bot {font-size: var(--f16);line-height: 1.4;color: rgb(255, 255, 255, .8);text-align: center;padding: 0.3rem 0;border-top: 1px solid rgba(255, 255, 255, 0.15);letter-spacing: 0.5px;}
.Footer-container .bot a {font-size: var(--f16);color: rgb(255, 255, 255, .8);}

/* 中间+共用部分 */

/* ind_banner */

.i_banner a{
	display: block;
	position: relative;
}
.i_banner a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0,.3);
	z-index: 1;
}
.i_banner .ban_txt{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.i_banner .ban_txt .w50{
	/* backdrop-filter: blur(10px); */
	/* border-radius: 30px; */
}
.i_banner .ban_txt .tit{}
.i_banner .ban_txt .des{width: 11.43rem;max-width: 100%;}
.i_banner .btn{
	display: inline-block;
	padding: 0.22rem 0.45rem;
	border-radius: 50px;
	background-color: var(--theme-color);
	color: #fff;
	font-size: var(--f18);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_banner .btn:hover{
	background-color: #fff;
	color: var(--theme-color);
}
.i_banner .btn i{
	display: inline-block;
	margin-left: 0.12rem;
	transform: rotate(-45deg);
}

.i_banner .swiper-pagination{
	bottom: 6% !important;
}
.c-swiper-page .swiper-pagination-bullet, .c-swiper-page .swiper-pagination-bullet{
	width: 0.6rem;
	height: 0.03rem;
	border-radius: 0;
	opacity: .2;
}
.c-swiper-page .swiper-pagination-bullet,.c-swiper-page .swiper-pagination-bullet{background-color: white;}
.c-swiper-page .swiper-pagination-bullet-active,.c-swiper-page .swiper-pagination-bullet-active{background-color: white;opacity: 1;}

/* md-sideBar */
.md-sideBar {position: fixed;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0.1rem;z-index: 200;box-shadow: 0 0.8rem 1.4rem 1px hsl(0deg 0% 80% / 35%);}
.md-sideBar .side_item {display: block;width: auto;position: relative;cursor: pointer;zoom: 1;}
.md-sideBar .side_item:hover .bd {right: 100%;opacity: 1;-webkit-transition: all 0.5s;transition: all 0.5s;width: auto;}
.md-sideBar .side_item .hd {width: 0.6rem;height: 0.6rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #ececec;position: relative;z-index: 202;background-color: #fff;}
.md-sideBar .side_item .hd i {font-size: 0.3rem;color: var(--theme-color);}
.md-sideBar .side_item .bd {color: var(--theme-color);position: absolute;right: 100%;top: 0;background-color: #fff;padding: 0 0.18rem;white-space: nowrap;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0;right: 0;width: 0;overflow: hidden;font-size: 18px;line-height: 0.6rem;z-index: 201;}
.md-sideBar .side_item .bd.wx{padding: 0.08rem;}
.md-sideBar .side_item:hover .bd.wx{width: calc(100px + 0.16rem);}
.md-sideBar .side_item .bd img{width: 100px;height: 100px;}

/* tc_search s */
.tc_search {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 10001;pointer-events: none;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tc_search.act {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;visibility: visible;display: block;pointer-events: auto;}
.tc_search form {width: 9.6rem;max-width: 80%;margin: 0 auto;padding: 0 20px;border-bottom: 2px solid #eee;height: 0.7rem;position: relative;overflow: hidden;z-index: 2;}
.tc_search input {width: 80%;height: 0.7rem;font-size: 0.34rem;color: #c1c1c1;box-shadow: none;-webkit-appearance: none;float: left;border-right: 0;background: none;}
.tc_search input::placeholder {color: #c1c1c1;}
.tc_search button {max-width: 20%;height: 0.7rem;border: 0;line-height: 0.7rem;color: #c1c1c1;cursor: pointer;text-transform: uppercase;float: right;font-size: 0.48rem;background-color: transparent;}
.tc_search .search_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .85);z-index: 0;}
/* tc_search e */

/* c_more s */
.c_more{display: block;border-radius: 3px;width: 180px;height: 55px;line-height: 55px;color: #fff;text-align: center;margin-top: 9vh;font-size: 0;transition: 0.36s;background-image: -moz-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);background-image: -ms-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);}
.c_more span{display: inline-block;vertical-align: middle;font-size: 16px;}
.c_more i.fa{font-size: 18px;margin-left: 12px;vertical-align: middle;}
.c_more:hover{box-shadow: 3px 5px 12px 0 rgba(0, 0, 0, 0.12);transform: translateY(-3px);}
/* c_more e */

/* i_tit s */
.i_tit{
	text-align: center;
}
.i_tit.tal{
	text-align: left;
}
.i_tit span{
	font-size: var(--f16);
	color: var(--theme-color);
	display: inline-flex;
	align-items: center;
	font-weight: 600;
}
.i_tit span:before{
	content: "";
	display: inline-block;
	width: 0.2rem;
	height: 0.02rem;
	background-color: var(--theme-color);
	margin-right: 0.06rem;
	vertical-align: middle;
}
.i_tit span.color-white{
	color: #fff;
}
.i_tit span.color-white:before{
	background-color: #fff;
}
.i_tit h3{
	font-size: var(--f50);
	font-family: "RB";
	line-height: 1.1;
	color: #000;
	margin-top: 0.12rem;
}
.i_tit p{
	display: inline-block;
	font-size: var(--f18);
	line-height: 1.5;
	color: #666;
	margin-top: 0.12rem;
	width: 12rem;
	max-width: 100%;
}
.i_tit.color-white h3,.i_tit.color-white p{
	color: #fff;
}
/* i_tit e */

/* i_tit2 s */
.i_tit2{text-align: center;margin-bottom: 0.5rem;}
.i_tit2 span{display: block;font-size: 0.2rem;margin-bottom: 0.12rem;color: #47484b;}
.i_tit2 h3{font-size: 0.38rem;color: var(--theme-color);font-weight: 700;}
.i_tit2 h3::after{content: "";display: block;width: 0.5rem;height: 0.02rem;background-color: #626262;margin: 0.15rem auto;}
.i_tit2 p{font-size: 18px;color: #47484b;line-height: 1.4;}
/* i_tit2 e */

/* c_ban */
.c_ban {position: relative;height: 6rem;background-repeat: no-repeat;background-position: center;background-size: cover;}
/* .c_ban:before{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;z-index: 3;background-color: rgb(0,0,0,.2);} */
.c_ban .ban_txt {position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);color: #fff;text-align: center;z-index: 3;}
.c_ban .ban_txt h3 {font-size: 0.64rem;font-weight: 700;line-height: 1.15;}
.c_ban .ban_txt p {font-size: 0.22rem;margin-top: 0.24rem;}

/* sort_nav */
.sort_nav {position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, .15);z-index: 2;}
.sort_nav.no_shadow{box-shadow: none;}
.sort_nav .tit{display: none;color: white;padding: 0 4%;font-size: 14px;height: 42px;background: var(--color);align-items: center;color: #fff;}
.sort_nav .tit h3{font-size: 16px;text-align: left;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.sort_nav .w15 {display: flex;justify-content: space-between;align-items: center;min-height: 80px;}
.sort_nav .c_form{
	width: 50%;
	transform: none;
}
.sort_nav .c_form input{
	background-color: #f8f9f9;
	padding-left: 0.3rem;
}
/* sort_nav_view */
.sort_nav_view {}
.sort_nav_view ul {display: flex;align-items: center;}
.sort_nav_view ul li {margin-left: 0.35rem;}
.sort_nav_view ul li a {position: relative;font-size: var(--f18);display: block;line-height: 80px;color: #111;}
.sort_nav_view ul li a:hover {color: var(--theme-color);}
.sort_nav_view ul li.active a {color: var(--theme-color);}
.sort_nav_view ul li.active a::after {content: "";display: block;width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;background-color: var(--theme-color);}

/* crumbs */
.crumbs {position: relative;}
.crumbs {padding-left: 25px;display: flex;align-items: center;flex-wrap: wrap;}
.crumbs a,.crumbs span{font-size: var(--f18);line-height: 1.3;color: #666;display: inline-flex;align-items: center;}
.crumbs:before{
	position: absolute;
	content: "\e6b5";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "iconfont";
	font-size: 20px;
}
.crumbs a:not(:last-child)::after {font: normal normal normal 14px/1 FontAwesome;content: "\f105";display: inline-block;margin: 0 0.08rem;}
.crumbs a:hover {color: var(--theme-color);}
.c_ban .crumbs{
	justify-content: center;
	padding-left: 0;
	margin-top: 0.1rem;
}
.c_ban .crumbs,.c_ban .crumbs a{
	color: #fff;
	line-height: 1;
}
.c_ban .crumbs [aria-current="page"] {font-size: var(--f18);line-height: 1;color: #fff;display: inline-flex;align-items: center;}
.c_ban .crumbs:before{
	position: relative;
	transform: none;
	margin-right: 0.06rem;
}
.wl-seo-h1 {position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}
/* bg */
.white_bg {background-color: white;}
.grey_bg {background-color: #fafafa;background-color: #EFF2F7;/* background-color: #f7f9fa; */}

/* com_page */
.com_page {display: flex;align-items: center;justify-content: center;padding-top: 0.55rem;}
.com_page a,.com_page span {width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;font-size: var(--f16);color: #333;/* background: #fff; */margin: 0 .05rem;transition: all .3s;min-width: 32px;min-height: 32px;}
.com_page .page-num-current,.com_page a:hover {border-color: var(--theme-color);background: var(--theme-color) !important;color: #fff;}
.com_page .page-prev,.com_page .page-next {background-color: #eff2f7;}
.com_page .page-prev::after,.com_page .page-next::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page .page-prev::after {content: "\f104";}
.com_page .page-next::after {content: "\f105";}
.com_page .is-disabled {opacity: .45;cursor: not-allowed;}
.no_page{font-size: var(--f18);font-family: "RB" ;line-height: 5em;text-align: center;}

/* n_tit */
.n_tit{color: #212121;}
.n_tit.white{color: #fff;}
.n_tit p{font-size: 16px;line-height: 1.5;text-transform: uppercase;}
.n_tit h3{position: relative;font-size: 0.42rem;line-height: 1.3;font-weight: 700;/* padding-bottom: 0.15rem; */margin-bottom: 0.35rem;font-family: 'RB';}
/* .n_tit h3::after {content: '';display: block;width: 36px;height: 3px;background: var(--theme-color);position: absolute;left: 0;bottom: 0;} */
.n_tit.tac{text-align: center;}
.n_tit.tac h3::after{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

/* morelink */
.morelink {display: inline-block;position: relative;font-size: 16px;line-height: 30px;color: #fff;padding: 10px 40px;background-color: var(--theme-color);border: 1px solid var(--theme-color);border-radius: 5px;text-transform: capitalize;transition: all 0.3s;cursor: pointer;}
.morelink:hover {color: var(--theme-color);}

/* btn-3 */
.btn-3 {position: relative;z-index: 1;overflow: hidden;}
.btn-3:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #fff;position: absolute;bottom: -5px;left: -5px;transition: all .5s;z-index: -1;}
.btn-3:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #fff transparent transparent;position: absolute;top: -5px;right: -5px;transition: all .5s;z-index: -1;}
.btn-3:hover:before {border-width: 300px 0 0 300px;}
.btn-3:hover:after {border-width: 0 300px 300px 0;}

/* swiper-page01 */
.swiper-page01.swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--theme-color);width: 30px;height: 8px;border-radius: 4px;}

/* ====================首页样式========================= */


/* =========================================
   Wanlai Custom Styles (Prefix: wl-)
   ========================================= */

/* Base Adjustments */
.w32 { width: 32%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }
.border-0 { border: none; }
.cursor-pointer { cursor: pointer; }

/* Buttons */
.wl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.35rem;
    border-radius: 50px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.wl-btn-primary {
    background-color: #0168B3;
    color: #fff;
}
.wl-btn-primary:hover {
    background-color: #004d85;
    transform: translateY(-2px);
}
.wl-btn-secondary {
    background-color: #F58220;
    color: #fff;
}
.wl-btn-secondary:hover {
    background-color: #d96f18;
    transform: translateY(-2px);
}
.wl-btn-outline {
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
}
.wl-btn-outline:hover {
    background-color: #fff;
    color: #0168B3;
}
.wl-btn-outline-dark {
    border: 1px solid #333;
    color: #333;
}
.wl-btn-outline-dark:hover {
    background-color: #333;
    color: #fff;
}
.wl-btn-outline-blue {
    border: 1px solid #0168B3;
    color: #0168B3;
    border-radius: 50px;
    padding: 0.15rem 0.4rem;
}
.wl-btn-outline-blue:hover {
    background-color: #0168B3;
    color: #fff;
}
.wl-btn-orange {
    background-color: #F58220;
    color: #fff;
}
.wl-btn-orange:hover {
    background-color: #d96f18;
}
.wl-btn-white {
    background-color: #fff;
    color: #0168B3;
}
.wl-btn-white:hover {
    background-color: #f0f0f0;
}
.wl-btn svg {
    margin-left: 8px;
    margin-right: 8px;
}

/* Header */
.wl-header {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(10px);
}
.wl-btn-quote {
    background-color: #F58220;
    color: #fff;
    padding: 8px 25px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
}
.wl-btn-quote:hover {
    background-color: #d96f18;
}

/* Hero Section */
.wl-hero-poster {
    position: relative;
    overflow: hidden;
    background: #041633;
    line-height: 1.2;
}
.wl-hero-poster-bg {
    display: block;
    width: 100%;
    height: auto;
}
.wl-hero-poster-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    padding-top: 1.35rem;
    text-align: left;
}
.wl-hero-poster h1 {
    margin: 0;
    max-width: 8.6rem;
    color: #fff;
    font-size: 0.46rem;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0;
}
.wl-hero-poster h1 span {
    color: #7fd4ff;
}
.wl-hero-poster-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    margin-top: 0.28rem;
    padding: 0.12rem 0.26rem;
    border-radius: 0.06rem;
    background: #1f6fbe;
    color: #fff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 1;
    transition: background .2s ease;
}
.wl-hero-poster-btn:hover {
    background: #185a9c;
    color: #fff;
}
@media (max-width: 768px) {
    .wl-hero-poster-inner { padding-top: 1.05rem; }
    .wl-hero-poster h1 { font-size: 0.3rem; max-width: 5.6rem; }
    .wl-hero-poster-btn { margin-top: 0.14rem; font-size: 0.2rem; padding: 0.1rem 0.16rem; }
}
.wl-hero {
    min-height: 100vh;
    background: #001322 no-repeat center/cover;
    position: relative;
    padding-top: 50px;
}
.wl-hero-wrap { position: relative; overflow: hidden; }
.wl-hero-swiper, .wl-hero-swiper .swiper-wrapper, .wl-hero-swiper .swiper-slide { width: 100%; height: 100%; }
.wl-hero-swiper .swiper-slide { overflow: hidden; }
.wl-hero-arrow { position: absolute; z-index: 4; top: 50%; width: 0.52rem; height: 0.52rem; margin-top: -0.26rem; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: #fff; background: rgba(0,19,34,.32); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s ease; }
.wl-hero-arrow:hover { background: #0168B3; border-color: #0168B3; }
.wl-hero-prev { left: 0.34rem; }
.wl-hero-next { right: 0.34rem; }
.wl-hero-pagination { z-index: 4; bottom: 0.25rem !important; }
.wl-hero-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.06rem; border-radius: 0.04rem; background: rgba(255,255,255,.5); opacity: 1; }
.wl-hero-pagination .swiper-pagination-bullet-active { background: #fff; }
.wl-hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(180deg, rgba(0,19,34,0.9) 0%, rgba(0,19,34,0) 50%);
    z-index: 1;
}
.wl-hero > .w16 {
    position: relative;
    z-index: 2;
}
.wl-tag {
    color: #0168B3;
    background: rgba(1, 104, 179, 0.1);
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: 600;
    border: 1px solid rgba(1, 104, 179, 0.3);
}
.wl-hero-tags span {
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 5px 15px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: 0.3s;
}
.wl-hero-tags span:hover {
    background: #0168B3;
    border-color: #0168B3;
}

/* Stats */
/* .wl-stats {
    margin-top: -60px;
    position: relative;
    z-index: 10;
}
.wl-stats .w16{
    box-shadow: 30px 0 125px rgba(0, 0, 0, 0.1);
}
.wl-stat-item:not(:last-child) {
    border-right: 1px solid #eee;
} */
/* =========================================
   GRL Reference Style Floating Stats
   Left Orange Card + Right White Data Bar
   ========================================= */

/* =========================================
   GRL Reference Style Floating Stats
   Left Orange Card + Right Numeric Stats
   ========================================= */

.wl-stats-grl2 {
    position: relative;
    z-index: 20;
    margin-top: -0.72rem;
    padding-bottom: 0.55rem;
}

.wl-stats-grl2-panel {
    display: grid;
    grid-template-columns: 1.18fr 2.82fr;
    min-height: 1.72rem;
    border-radius: 0.22rem;
    overflow: hidden;
    background: #fff;
    box-shadow:
        0 0.22rem 0.65rem rgba(8, 28, 50, 0.13),
        0 0.04rem 0.12rem rgba(8, 28, 50, 0.05);
}

/* 左侧橙色重点卡片 */
.wl-stats-feature {
    position: relative;
    min-height: 1.72rem;
    padding: 0.34rem 0.38rem;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(135deg, #ff8a1c 0%, #f45b18 58%, #f24a16 100%);
		background: linear-gradient(135deg, #0168B3 0%, #004F8F 58%, #002B4A 100%);
}

/* 左侧大背景数字，类似 GRL 的装饰感 */
.wl-feature-bg-num {
    position: absolute;
    right: -0.05rem;
    bottom: -0.45rem;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.15);
    letter-spacing: -0.08em;
    pointer-events: none;
}

/* 左侧纹理 */
.wl-stats-feature::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,0.25), transparent 16%),
        linear-gradient(135deg, rgba(255,255,255,0.16) 0%, transparent 34%),
        repeating-linear-gradient(
            -35deg,
            rgba(255,255,255,0.075) 0,
            rgba(255,255,255,0.075) 1px,
            transparent 1px,
            transparent 12px
        );
    opacity: 0.45;
    pointer-events: none;
}

/* 左侧线性图标：没有圆形背景 */
.wl-feature-line-icon {
    position: relative;
    z-index: 2;
    width: 0.46rem;
    height: 0.46rem;
    margin-bottom: 0.16rem;
    color: #fff;
    opacity: 0.95;
}

.wl-feature-line-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* 左侧标签 */
.wl-feature-label {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.1rem;
    font-size: 0.13rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.84);
    text-transform: uppercase;
}

.wl-feature-label::before {
    content: "";
    width: 0.28rem;
    height: 2px;
    margin-right: 0.1rem;
    background: rgba(255,255,255,0.75);
}

.wl-stats-feature h3 {
    position: relative;
    z-index: 2;
    max-width: 3.4rem;
    font-size: 0.3rem;
    line-height: 1.15;
    font-weight: 800;
    margin-bottom: 0.12rem;
    color: #fff;
    letter-spacing: -0.035em;
}

.wl-stats-feature p {
    position: relative;
    z-index: 2;
    max-width: 3.5rem;
    font-size: 0.145rem;
    line-height: 1.58;
    color: rgba(255,255,255,0.88);
}

/* 右侧统计区域 */
.wl-stats-list {
    position: relative;
    display: grid;
    align-items: center;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.wl-stats-list-3 {
    grid-template-columns: repeat(3, 1fr);
}

/* 右侧淡蓝气氛 */
.wl-stats-list::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 18%, rgba(1,104,179,0.055), transparent 24%),
        radial-gradient(circle at 88% 82%, rgba(10,134,232,0.06), transparent 28%);
    pointer-events: none;
}

/* 单项 */
.wl-stat-mini {
    position: relative;
    z-index: 2;
    min-height: 1.72rem;
    padding: 0.3rem 0.22rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: all 0.32s ease;
}

/* 分割线 */
.wl-stat-mini:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0.42rem;
    bottom: 0.42rem;
    width: 1px;
    background: linear-gradient(
        180deg,
        rgba(218, 227, 239, 0),
        rgba(218, 227, 239, 1),
        rgba(218, 227, 239, 0)
    );
}

/* 右侧线性图标：无背景 */
.wl-stat-line-icon {
    width: 0.38rem;
    height: 0.38rem;
    margin: 0 auto 0.15rem;
    color: #0168B3;
    opacity: 0.95;
    transition: all 0.32s ease;
}

.wl-stat-line-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* 数字 */
.wl-stat-mini strong {
    display: block;
    margin-bottom: 0.12rem;
    font-size: 0.48rem;
    line-height: 1;
    font-weight: 800;
    color: #333;
    letter-spacing: -0.045em;
    transition: all 0.32s ease;
	font-family: "RB";
	padding: 0.05rem 0;
/* 	font-family: "CAI978";
	font-weight: 300; */
}

.wl-stat-mini span {
    display: block;
    max-width: 1.7rem;
    margin: 0 auto;
    font-size: var(--f16);
    line-height: 1.5;
    color: #6e7b89;
}

/* hover 效果 */
/* .wl-stat-mini:hover {
    background: linear-gradient(180deg, rgba(1,104,179,0.045), rgba(255,255,255,0));
 */}

.wl-stat-mini:hover .wl-stat-line-icon {
    color: #F58220;
    transform: translateY(-0.03rem);
}

.wl-stat-mini:hover strong {
    color: #0168B3;
    transform: translateY(-0.02rem);
}

/* 顶部短线 */
.wl-stat-mini::before {
    content: "";
    position: absolute;
    left: 0.32rem;
    right: 0.32rem;
    top: 0;
    height: 0.03rem;
    background: linear-gradient(90deg, #0168B3, #0A86E8);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.32s ease;
}

/* .wl-stat-mini:hover::before {
    transform: scaleX(1);
} */

/* 底部悬浮阴影 */
.wl-stats-grl2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.32rem;
    width: 100%;
    height: 0.22rem;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at center, rgba(8, 28, 50, 0.05), transparent 70%);
    pointer-events: none;
    z-index: -1;
}

/* 平板适配 */
@media screen and (max-width: 1200px) {
    .wl-stats-grl2-panel {
        grid-template-columns: 1.15fr 2.85fr;
    }

    .wl-stats-feature {
        padding: 0.3rem 0.28rem;
    }

    .wl-stats-feature h3 {
        font-size: 0.27rem;
    }

    .wl-stats-feature p {
        font-size: 0.135rem;
    }

    .wl-stat-mini strong {
        font-size: 0.32rem;
    }

    .wl-stat-mini span {
        font-size: 0.13rem;
    }

    .wl-stat-line-icon {
        width: 0.34rem;
        height: 0.34rem;
    }
}

/* 手机端 */
@media screen and (max-width: 767px) {
    .wl-stats-grl2 {
        margin-top: -0.38rem;
        padding-bottom: 0.5rem;
    }

    .wl-stats-grl2-panel {
        grid-template-columns: 1fr;
        border-radius: 0.18rem;
    }

    .wl-stats-feature {
        min-height: auto;
        padding: 0.34rem 0.28rem;
    }

    .wl-feature-bg-num {
        right: -0.04rem;
        bottom: -0.34rem;
        font-size: 1.85rem;
    }

    .wl-feature-line-icon {
        width: 0.44rem;
        height: 0.44rem;
        margin-bottom: 0.15rem;
    }

    .wl-stats-feature h3 {
        font-size: 0.32rem;
    }

    .wl-stats-feature p {
        max-width: none;
        font-size: 0.15rem;
    }

    .wl-stats-list-3 {
        grid-template-columns: 1fr;
    }

    .wl-stat-mini {
        min-height: 1.35rem;
        padding: 0.24rem 0.18rem;
        border-top: 1px solid rgba(218, 227, 239, 0.85);
    }

    .wl-stat-mini:not(:last-child)::after {
        display: none;
    }

    .wl-stat-line-icon {
        width: 0.34rem;
        height: 0.34rem;
        margin-bottom: 0.12rem;
    }

    .wl-stat-mini strong {
        font-size: 0.32rem;
    }

    .wl-stat-mini span {
        max-width: none;
        font-size: 0.14rem;
    }
}



/* Products Section */
.w52{
	width: 52%;
}
.wl-products .w48 img{
	object-fit: contain;
}
.wl-products .wl-badge{
	top: 20px;
	left: 20px;
	padding: 5px 15px;
}
.wl-tag-orange{
	padding: 5px 15px; background: #FFF3E0; color: #F58220;
}
.wl-product-swiper {
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}
.wl-product-features { list-style: none; padding: 0; margin-left: 0; margin-right: 0; }
.wl-product-features li { line-height: 1.35; }
.wl-product-features svg { flex: 0 0 auto; }
.wl-contact-form { width: 100%; }
.wl-contact-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.18rem 0.22rem; }
.wl-contact-field { display: flex; flex-direction: column; gap: 0.08rem; font-size: var(--f14); color: #333; }
.wl-contact-field span { font-weight: 600; }
.wl-contact-field input, .wl-contact-field textarea { width: 100%; border: 1px solid #e4e8ed; border-radius: 0.05rem; padding: 0.14rem 0.16rem; background: #f8fafc; color: #1b2735; font: inherit; line-height: 1.4; transition: border-color .25s, box-shadow .25s, background .25s; }
.wl-contact-field input { min-height: 0.48rem; }
.wl-contact-field textarea { min-height: 1.35rem; resize: vertical; }
.wl-contact-field input:focus, .wl-contact-field textarea:focus { outline: none; border-color: #0168B3; background: #fff; box-shadow: 0 0 0 0.03rem rgba(1,104,179,.12); }
.wl-contact-field-full { grid-column: 1 / -1; }
.wl-contact-submit { margin-top: 0.25rem; border: 0; border-radius: 0.05rem; cursor: pointer; }
@media (max-width: 767px) { .wl-contact-form-grid { grid-template-columns: 1fr; } .wl-contact-field-full { grid-column: auto; } }
/* .wl-category-swiper .swiper-wrapper{
	justify-content: center;
}
.wl-category-swiper .swiper-slide{
	width: auto;
} */
/* .wl-cat-btn {
    display: inline-flex;
    padding: 15px 30px;
    background: #fff;
    color: #666;
    border-radius: 50px;
    text-align: center;
    border: 1px solid #eee;
    transition: 0.3s;
    white-space: nowrap;
}
.wl-cat-btn.active, .wl-cat-btn:hover {
    background: #0168B3;
    color: #fff;
    border-color: #0168B3;
}
.swiper-button-prev-cat, .swiper-button-next-cat {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; 
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: 0.3s;
    flex-shrink: 0;
}
.swiper-button-prev-cat:hover, .swiper-button-next-cat:hover {
    background: #0168B3;
}
.swiper-button-prev-cat:hover svg, .swiper-button-next-cat:hover svg {
    stroke: #fff;
} */

/* Why Choose Us */
.wl-why{
	background: url('/wp-content/uploads/2026/07/wl-why-bg.webp') no-repeat center/cover;
}
.wl-why-card {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    transition: 0.3s;
}
.wl-why-card .wl-icon-box {
    width: 60px;
    height: 60px;
    min-width: 60px;
    flex: 0 0 60px;
}
.wl-why-card:hover {
    background: rgba(255,255,255,0.1);
    transform: translateY(-10px);
}

.wl-certs .swiper-slide img{
	/* max-height: 90%; box-shadow: 0 5px 15px rgba(0,0,0,0.1); */
}

/* Manufacturing */
.wl-mfg .com-img::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background: -webkit-linear-gradient(rgb(0, 0, 0, .0) 0%, rgb(0, 0, 0, .3) 80%);
	z-index: 1;
}
.wl-mfg .wl-mfg-tag{
	bottom: 0.2rem;
	left: 0.2rem;
	background-color: rgb(255,255,255,.3);
	z-index: 2;
}


/* Partners */
.wl-partners{
	background: url('/wp-content/uploads/2026/07/wl-partners-bg.webp') no-repeat center/cover;
}
.wl-partners .wl-logo-box{}
.wl-partners .wl-logo-box img{
	height: 80px;
	max-width: 100%;
	object-fit: contain;
}

/* Tags & Badges */
.wl-tag-blue {
    background: rgba(1, 104, 179, 0.1);
    color: #0168B3;
    padding: 3px 8px;
    border-radius: 3px;
}

/* News Section */
.wl-readmore {
    transition: 0.3s;
}
.wl-news a:hover .wl-readmore {
    padding-left: 10px;
}
.wl-news a:hover h4 {
    color: #0168B3;
}

/* Footer */

.wl-social-icon {
    display: flex; 
    align-items: center; 
    justify-content: center;
    width: 36px; 
    height: 36px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 50%;
    transition: 0.3s;
}
.wl-social-icon:hover {
    background: #0168B3;
    transform: translateY(-3px);
}
.wl-footer-link {
    transition: 0.3s;
    display: inline-block;
}
.wl-footer-link:hover {
    color: #0168B3;
    transform: translateX(5px);
}
.wl-footer-logo{
	height: 42px;
}
.wl-footer-bot{
	border-top: 1px solid rgba(255,255,255,0.1);
}
.wl-footer-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}
.wl-footer-toggle i { display: none; transition: transform 0.3s ease; }
.wl-footer .wl-footer-panel a {
	display: inline-block;
	color: rgba(255, 255, 255, 0.6);
	transition: color 0.3s ease, transform 0.3s ease;
}
.wl-footer .wl-footer-panel a:hover,
.wl-footer .wl-footer-panel a:focus-visible {
	color: #fff;
	transform: translateX(5px);
}
.wl-footer .wl-footer-panel > li + li { margin-top: 0.1rem; }
.wl-footer-contact-icon {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	min-width: 24px;
}

/* Compact floating contact tools */
.wl-contact-float {
	position: fixed;
	right: max(14px, env(safe-area-inset-right));
	top: 58%;
	z-index: 90;
	display: flex;
	flex-direction: column;
	gap: 8px;
	transform: translateY(-50%);
}
.wl-contact-float-item { position: relative; }
.wl-contact-float-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(20, 50, 78, .1);
	border-radius: 12px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 8px 24px rgba(17, 48, 76, .16);
	font: inherit;
	cursor: pointer;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: color .25s ease, background-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.wl-contact-float-button i { font-size: 21px; line-height: 1; }
.wl-contact-float-button.is-whatsapp { color: #18a957; }
.wl-contact-float-button.is-wechat { color: #07a94f; }
.wl-contact-float-button.is-email { color: var(--theme-color); }
.wl-contact-float-button:hover,
.wl-contact-float-button:focus-visible {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(17, 48, 76, .22);
	outline: 0;
}
.wl-contact-float-button.is-whatsapp:hover,
.wl-contact-float-button.is-whatsapp:focus-visible { background: #18a957; }
.wl-contact-float-button.is-wechat:hover,
.wl-contact-float-button.is-wechat:focus-visible { background: #07a94f; }
.wl-contact-float-button.is-email:hover,
.wl-contact-float-button.is-email:focus-visible { background: var(--theme-color); }
.wl-contact-qr-card {
	position: absolute;
	right: calc(100% + 12px);
	top: 50%;
	width: 154px;
	padding: 10px 10px 12px;
	border: 1px solid #e4e9ee;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(17, 48, 76, .2);
	color: #273646;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(8px, -50%);
	transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.wl-contact-qr-card::after {
	position: absolute;
	right: -7px;
	top: 50%;
	width: 12px;
	height: 12px;
	border-top: 1px solid #e4e9ee;
	border-right: 1px solid #e4e9ee;
	background: #fff;
	content: "";
	transform: translateY(-50%) rotate(45deg);
}
.wl-contact-qr-image {
	display: block;
	width: 132px;
	height: 122px;
	margin: 0 auto 7px;
	object-fit: contain;
	border-radius: 7px;
}
.wl-contact-qr-card strong { display: block; font-size: 14px; line-height: 1.35; }
.wl-contact-qr-card span { display: block; margin-top: 2px; color: #7a8794; font-size: 11px; line-height: 1.35; }
.wl-contact-float-item.has-qr:hover .wl-contact-qr-card,
.wl-contact-float-item.has-qr:focus-within .wl-contact-qr-card {
	opacity: 1;
	visibility: visible;
	transform: translate(0, -50%);
}

@media (max-width: 767px) {
	.wl-contact-float { right: max(8px, env(safe-area-inset-right)); top: auto; bottom: calc(90px + env(safe-area-inset-bottom)); transform: none; }
	.wl-contact-float-button { width: 42px; height: 42px; border-radius: 11px; }
	.wl-contact-float-button i { font-size: 19px; }
	.wl-contact-qr-card { width: 140px; }
	.wl-contact-qr-image { width: 118px; height: 108px; }
}

/* =========================================
   Product Category Swiper 修正
   ========================================= */

/* .wl-category-wrap {
    position: relative;
    width: 100%;
}

.wl-category-nav {
    position: relative;
    width: 100%;
    gap: 0.2rem;
}

.wl-category-swiper {
    width: calc(100% - 1.2rem);
    padding: 0.08rem 0.04rem 0.12rem;
    overflow: hidden;
}

.wl-category-swiper .swiper-slide {
    width: auto !important;
}

.wl-cat-btn {
    min-width: 1.85rem;
    height: 0.52rem;
    padding: 0 0.28rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #536070;
    border: 1px solid #e5edf6;
    border-radius: 999px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 0.08rem 0.22rem rgba(6, 30, 64, 0.04);
    transition: all 0.35s ease;
}

.wl-cat-btn:hover {
    color: #0168B3;
    border-color: rgba(1, 104, 179, 0.35);
    transform: translateY(-0.02rem);
}

.wl-cat-btn.active {
    color: #fff;
    border-color: #0168B3;
    background: linear-gradient(135deg, #0168B3 0%, #0A86E8 100%);
    box-shadow: 0 0.12rem 0.32rem rgba(1, 104, 179, 0.28);
} */

/* 产品分类左右箭头常显 */
/* .wl-cat-arrow,
.wl-nav-btn {
    width: 0.48rem;
    height: 0.48rem;
    min-width: 0.48rem;
    border-radius: 50%;
    background: #fff;
    color: #0e1b2a;
    border: 1px solid #e5edf6;
    box-shadow: 0 0.08rem 0.22rem rgba(6, 30, 64, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    z-index: 3;
}

.wl-cat-arrow:hover,
.wl-nav-btn:hover {
    color: #fff;
    background: #0168B3;
    border-color: #0168B3;
    transform: translateY(-0.02rem);
}

.wl-cat-arrow.swiper-button-disabled,
.wl-nav-btn.swiper-button-disabled {
    opacity: 0.45;
    cursor: not-allowed;
} */

/* 分类栏两侧淡出层，让轮播边界更高级 */
/* .wl-category-swiper::before,
.wl-category-swiper::after {
    content: "";
    width: 0.35rem;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    pointer-events: none;
}

.wl-category-swiper::before {
    left: 0;
    background: linear-gradient(90deg, #f8f9f9 0%, rgba(248,249,249,0) 100%);
}

.wl-category-swiper::after {
    right: 0;
    background: linear-gradient(270deg, #f8f9f9 0%, rgba(248,249,249,0) 100%);
} */

/* =========================================
   Product Tabs - 当前选项居中高亮版
   ========================================= */

.wl-product-tabs {
    width: 100%;
    position: relative;
}

.wl-product-tabs-inner {
    position: relative;
    width: 100%;
    /* max-width: 12.8rem; */
    margin: 0 auto;
    gap: 0.18rem;
    /* padding: 0.06rem 0; */
}

/* Swiper 可视区域 */
.wl-category-swiper {
    flex: 1;
    width: calc(100% - 1.2rem);
    padding: 0.14rem 0.1rem 0.18rem;
    overflow: hidden;
}

/* 关键：slide 使用 auto 宽度，按钮不会被压缩 */
.wl-category-swiper .swiper-slide {
    width: auto !important;
    display: flex;
    justify-content: center;
}

/* 分类按钮基础样式 */
.wl-cat-btn {
    position: relative;
    height: 0.54rem;
    min-width: 1.95rem;
    padding: 0 0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e3ebf5;
    color: #4d5b6c;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 0.08rem 0.24rem rgba(7, 33, 66, 0.055);
    transition: all 0.35s ease;
	cursor: pointer;
}

/* 普通 hover */
.wl-cat-btn:hover {
    color: #0168B3;
    border-color: rgba(1, 104, 179, 0.35);
    transform: translateY(-0.02rem);
}

/* 当前高亮：居中后更明显 */
.wl-cat-btn.active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #0168B3 0%, #0788ee 100%);
}


/* 左右切换按钮 */
.wl-tab-arrow {
    width: 0.48rem;
    height: 0.48rem;
    min-width: 0.48rem;
    border-radius: 50%;
    border: 1px solid #e3ebf5;
    background: #fff;
    color: #0b1c31;
    box-shadow: 0 0.08rem 0.24rem rgba(7, 33, 66, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.32s ease;
    z-index: 5;
}

.wl-tab-arrow:hover {
    color: #fff;
    background: #0168B3;
    border-color: #0168B3;
    transform: translateY(-0.02rem);
}

.wl-tab-arrow.swiper-button-disabled {
	display: none;
    /* opacity: 0.4; */
    cursor: not-allowed;
}

/* =========================================
   处理分类较少时的居中与箭头隐藏
   ========================================= */

/* 当内容不足一屏时，Swiper 会自动添加该类名，我们将其隐藏 */
.wl-tab-arrow.swiper-button-lock {
    display: none !important;
}

/* 当箭头隐藏时，确保 Swiper 容器依然能完美居中 */
.wl-product-tabs-inner:has(.swiper-button-lock) .wl-category-swiper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* 当内容不足一屏时，隐藏两侧的渐变遮罩 */
.wl-category-swiper.swiper-backface-hidden::before,
.wl-category-swiper.swiper-backface-hidden::after {
    display: none !important;
}


/* 两侧渐变遮罩，注意不遮挡 active 中心 */
.wl-category-swiper::before,
.wl-category-swiper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0.46rem;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.wl-category-swiper::before {
    left: 0;
    background: linear-gradient(90deg, #f8f9f9 0%, rgba(248, 249, 249, 0) 100%);
}

.wl-category-swiper::after {
    right: 0;
    background: linear-gradient(270deg, #f8f9f9 0%, rgba(248, 249, 249, 0) 100%);
}

/* 如果产品区域不是 bg-f8，而是白底时用这个兜底 */
.wl-products:not(.bg-f8) .wl-category-swiper::before {
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.wl-products:not(.bg-f8) .wl-category-swiper::after {
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

/* 让 Swiper 内部布局稳定 */
.wl-category-swiper .swiper-wrapper {
    align-items: center;
	padding: 0.2rem 0;
}

/* 平板 */
@media screen and (max-width: 1024px) {
    .wl-product-tabs-inner {
        max-width: 100%;
        gap: 0.14rem;
    }

    .wl-cat-btn {
        min-width: 1.78rem;
        height: 0.52rem;
        padding: 0 0.24rem;
    }
}

/* 手机 */
@media screen and (max-width: 767px) {
    .wl-product-tabs-inner {
        gap: 0.1rem;
    }

    .wl-category-swiper {
        width: calc(100% - 0.96rem);
        padding: 0.16rem 0.08rem 0.22rem;
    }

    .wl-tab-arrow {
        width: 0.42rem;
        height: 0.42rem;
        min-width: 0.42rem;
    }

    .wl-cat-btn {
        min-width: 2.2rem;
        height: 0.68rem;
        padding: 0 0.28rem;
        font-size: var(--f16);
    }

    .wl-cat-btn.active::after {
        bottom: -0.12rem;
        width: 0.1rem;
        height: 0.1rem;
    }

    .wl-category-swiper::before,
    .wl-category-swiper::after {
        width: 0.3rem;
    }
}


/* =========================================
   Common Swiper Controls
   Applications / Certificates / Manufacturing / Partners
   ========================================= */

.wl-swiper-control {
    gap: 0.18rem;
}

.wl-swiper-arrow {
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 50%;
    background: #fff;
    color: #152238;
    border: 1px solid #e5edf6;
    box-shadow: 0 0.08rem 0.22rem rgba(6, 30, 64, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.wl-swiper-arrow:hover {
    color: #fff;
    background: #0168B3;
    border-color: #0168B3;
    transform: translateY(-0.02rem);
}

.wl-swiper-arrow.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* 分页点 */
.wl-swiper-pagination {
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
}

.wl-swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    margin: 0 !important;
    border-radius: 50%;
    background: #c9d6e6;
    opacity: 1;
    transition: all 0.3s ease;
}

.wl-swiper-pagination .swiper-pagination-bullet-active {
    width: 0.32rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #0168B3, #0A86E8);
}

/* 深色背景中的分页点 */
.wl-partners .wl-swiper-pagination .swiper-pagination-bullet {
    background: rgba(255,255,255,0.28);
}

.wl-partners .wl-swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

/* 让带控制器的板块更有层次 */
.wl-app-swiper,
.wl-cert-swiper,
.wl-mfg-swiper,
.wl-partner-swiper {
    padding-bottom: 0.04rem;
}

/* 移动端优化 */
@media screen and (max-width: 1024px) {
    .wl-category-swiper {
        width: calc(100% - 1.1rem);
    }

    .wl-cat-btn {
        min-width: 1.65rem;
        height: 0.5rem;
        padding: 0 0.22rem;
    }
}

@media screen and (max-width: 767px) {
    .wl-category-nav {
        gap: 0.12rem;
    }

    .wl-category-swiper {
        width: calc(100% - 0.96rem);
    }

    .wl-cat-btn {
        min-width: 2.2rem;
        height: 0.68rem;
        padding: 0 0.28rem;
        font-size: var(--f16);
    }

    .wl-cat-arrow,
    .wl-nav-btn,
    .wl-swiper-arrow {
        width: 0.64rem;
        height: 0.64rem;
        min-width: 0.64rem;
    }

    .wl-swiper-pagination .swiper-pagination-bullet {
        width: 0.12rem;
        height: 0.12rem;
    }

    .wl-swiper-pagination .swiper-pagination-bullet-active {
        width: 0.38rem;
    }
}

/* wl-footer */
.wl-footer{
	background: url('/wp-content/uploads/2026/07/wl-footer-bg.webp') no-repeat center/cover;
}

.wl-cta{
	position: relative;
	background: url('/wp-content/uploads/2026/07/wl-cta-bg01.webp') no-repeat center/cover;
}
.wl-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at center, rgba(10,134,232,0.50) 0%, rgba(1,104,179,0.64) 36%, rgba(0,30,45,0.88) 100%);
    z-index: 1;
}

.wl-cta .w16 {
    position: relative;
    z-index: 2;
}

/* =========================================
   About Section Designed Background
   ========================================= */

.wl-about-designed {
    position: relative;
    overflow: hidden;
   /* background:
        linear-gradient(180deg, #ffffff 0%, #f7fafd 100%); */
}

/* 保证内容在装饰层上方 */
.wl-about-inner {
    position: relative;
    z-index: 3;
}

/* 淡淡网格纹理 */
.wl-about-pattern {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.55;
    background-image:
        linear-gradient(rgba(1,104,179,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(1,104,179,0.045) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

/* 工业蓝图线稿感：电路/配电走线 */
.wl-about-blueprint {
    position: absolute;
    right: -1.2rem;
    top: 0.45rem;
    width: 5.6rem;
    height: 4.2rem;
    z-index: 1;
    pointer-events: none;
    opacity: 0.38;
    background:
        radial-gradient(circle at 20% 20%, rgba(10,134,232,0.16), transparent 28%),
        radial-gradient(circle at 72% 62%, rgba(1,104,179,0.12), transparent 24%);
}

/* .wl-about-blueprint::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(90deg, rgba(1,104,179,0.12) 1px, transparent 1px),
        linear-gradient(rgba(1,104,179,0.12) 1px, transparent 1px);
    background-size: 28px 28px;
    transform: rotate(-8deg);
    border-radius: 0.28rem;
} */

/* .wl-about-blueprint::after {
    content: "";
    position: absolute;
    right: 0.55rem;
    top: 0.38rem;
    width: 3.4rem;
    height: 2.4rem;
    border: 1px solid rgba(1,104,179,0.18);
    border-radius: 0.16rem;
    transform: rotate(-8deg);
    background:
        linear-gradient(90deg, transparent 0 18%, rgba(1,104,179,0.14) 18% 18.4%, transparent 18.4% 100%),
        linear-gradient(180deg, transparent 0 30%, rgba(1,104,179,0.12) 30% 30.5%, transparent 30.5% 100%);
} */

/* 图片区域 */
.wl-about-img-wrap {
    position: relative;
}

/* 图片后面的蓝色偏移框 */
.wl-about-img-deco {
    position: absolute;
    left: -0.22rem;
    bottom: -0.22rem;
    width: 72%;
    height: 72%;
    border-radius: 0.22rem;
    border: 2px solid rgba(1,104,179,0.16);
    background:
        linear-gradient(135deg, rgba(1,104,179,0.06), rgba(10,134,232,0.02));
    z-index: 1;
}

/* 图片卡片强化 */
.wl-about-img-card {
    position: relative;
    z-index: 2;
    box-shadow:
        0 0.22rem 0.55rem rgba(8, 28, 50, 0.14),
        0 0.04rem 0.12rem rgba(8, 28, 50, 0.06);
}

/* 图片角上的橙色装饰 */
.wl-about-img-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.9rem;
    height: 0.9rem;
    background: linear-gradient(135deg, transparent 50%, #F58220 50%);
    opacity: 0.95;
    z-index: 3;
}

/* 悬浮 founded 卡片 */
.wl-about-floating-card {
    position: absolute;
    left: 0.32rem;
    bottom: -0.32rem;
    z-index: 4;
    min-width: 1.78rem;
    padding: 0.18rem 0.22rem;
    border-radius: 0.14rem;
    background: #fff;
    box-shadow:
        0 0.18rem 0.42rem rgba(8, 28, 50, 0.16),
        0 1px 0 rgba(255,255,255,0.9) inset;
    border: 1px solid rgba(226,235,246,0.95);
}

.wl-about-floating-card strong {
    display: block;
    font-size: 0.34rem;
    line-height: 1;
    font-weight: 800;
    color: #0168B3;
    letter-spacing: -0.04em;
}

.wl-about-floating-card span {
    display: block;
    margin-top: 0.08rem;
    font-size: 0.13rem;
    line-height: 1.35;
    color: #667789;
}

/* 文字区域微装饰 */
.wl-about-content {
    position: relative;
}

/* .wl-about-content::before {
    content: "";
    position: absolute;
    right: -0.2rem;
    top: -0.25rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(1,162,233,0.12), transparent 68%);
    pointer-events: none;
 */}

/* 标题前的小设计 */
.wl-section-kicker {
    position: relative;
    display: inline-flex;
    align-items: center;
    letter-spacing: 0.08em;
}

.wl-section-kicker::before {
    content: "";
    width: 0.32rem;
    height: 2px;
    margin-right: 0.1rem;
    background: #0168B3;
}

/* About 三个要点 */
.wl-about-points {
    display: grid;
    gap: 0.14rem;
}

.wl-about-point {
    display: flex;
    align-items: center;
    font-size: var(--f15);
    line-height: 1.5;
    color: #3d4d5f;
}

.wl-about-point span {
    width: 0.08rem;
    height: 0.08rem;
    min-width: 0.08rem;
    margin-right: 0.12rem;
    border-radius: 50%;
    background: #F58220;
    box-shadow: 0 0 0.16rem rgba(245,130,32,0.45);
}

/* 图片 hover 轻微动效 */
.wl-about-img-card img {
    transition: transform 0.6s ease;
}

.wl-about-img-wrap:hover .wl-about-img-card img {
    transform: scale(1.045);
}

/* 响应式 */
@media screen and (max-width: 1024px) {
    .wl-about-designed .w16 {
        flex-direction: column;
        gap: 0.6rem;
    }

    .wl-about-img-wrap,
    .wl-about-content {
        width: 100%;
    }

    .wl-about-blueprint {
        right: -2.2rem;
        top: 1rem;
        opacity: 0.25;
    }
}

@media screen and (max-width: 767px) {
    .wl-about-designed {
        padding-top: 0.7rem;
        padding-bottom: 0.75rem;
    }

    .wl-about-pattern {
        background-size: 30px 30px;
        opacity: 0.42;
    }

    .wl-about-img-deco {
        display: none;
    }

    .wl-about-floating-card {
        left: 0.18rem;
        bottom: -0.24rem;
        padding: 0.16rem 0.18rem;
    }

    .wl-about-floating-card strong {
        font-size: 0.3rem;
    }

    .wl-about-floating-card span {
        font-size: 0.12rem;
    }

    .wl-about-img-card::after {
        width: 0.65rem;
        height: 0.65rem;
    }
}


/* =========================================
   Responsive Design (适配笔记本和手机端)
   ========================================= */

/* 笔记本端 (<= 1440px) */
@media (max-width: 1440px) {
    .wl-hero h1, .wl-hero h2 { font-size: 0.58rem; }
    .wl-contact h2 { font-size: 0.47rem; }
}

/* 平板端 (<= 1024px) */
@media (max-width: 1024px) {
    .wl-hero { padding-top: 120px; min-height: auto; padding-bottom: 80px; }
    .wl-hero > .w16 { flex-direction: column; text-align: center; }
    .wl-hero-text, .wl-hero-img { width: 100%; }
    .wl-hero-img { margin-top: 40px; }
    .wl-hero-tags, .wl-hero-btns, .wl-hero-features { justify-content: center; }
    
    .wl-stats { margin-top: 30px; }
    .wl-stats .w16 { flex-wrap: wrap; padding: 20px; }
    .wl-stat-item { width: 50%; margin-bottom: 20px; padding-left: 20px; }
    .wl-stat-item:nth-child(2) { border-right: none; }
    .wl-stat-item:nth-child(3), .wl-stat-item:nth-child(4) { margin-bottom: 0; }
    
    .wl-products .swiper-slide { flex-direction: column; }
    .wl-products .w48 { width: 100%; margin-bottom: 0.3rem; }
    
    .wl-about .w16 { flex-direction: column; }
    .wl-about .w50, .wl-about .w40,.wl-about .w48,.wl-about .w47{ width: 100%; margin-bottom: 30px; }
    
    .wl-why .flex.f-jsb, .wl-news .flex.f-jsb, .wl-contact .w16 { flex-wrap: wrap; }
    .wl-why-card, .wl-news .w32 { width: 48%; margin-bottom: 30px; }
    .wl-contact .w48 { width: 100%; margin-bottom: 40px; }
    
    .wl-footer .flex.f-jsb { flex-wrap: wrap; }
    .wl-footer .w25, .wl-footer .w20 { width: 48%; margin-bottom: 30px; }
}

/* 手机端 (<= 768px) */
@media (max-width: 768px) {
    .wl-hero h1, .wl-hero h2 {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.64rem;
        line-height: 1.15;
        overflow-wrap: normal;
        word-break: normal;
        text-wrap: balance;
    }
    .wl-stat-item { width: 100%; border-right: none !important; margin-bottom: 20px !important; }
    
    .wl-why-card, .wl-news .w32 { width: 100%; }
    
    .wl-footer .w25, .wl-footer .w20 { width: 100%; }
    
    .wl-contact .wl-form .flex.f-jsb { flex-direction: column; }
    .wl-contact .wl-form .w48 { width: 100%; margin-bottom: 20px; }
    
    .wl-cta .flex.f-jc { flex-direction: column; align-items: center; }
    .wl-cta .wl-btn { margin: 10px 0; width: 80%; }
    
    .wl-product-features .w48 { width: 100%; }
    
    /* 调整内边距 */
    .pd-100 { padding: 0.8rem 0; }
    .pd-80 { padding: 0.8rem 0; }
}






/* 为什么选择 s */
.i_who{
	background: #F4F5F9 url('/wp-content/uploads/2026/07/i_who_bg.webp') no-repeat center;
	background-position: top center;
	padding: 1.3rem 0 0.8rem;
}
.i_who .top{}
.i_who .top .i_tit{
}
.i_who .con{}
.i_who ul{}
.i_who ul li{
	position: relative;
	padding: 0.4rem 0.3rem 0.7rem;
	background-color: #fff;
	overflow: hidden;
}
.i_who ul li:hover{
	background-color: var(--theme-color);
}
.i_who ul li::before {
    content: '';
    width: 1rem;
    height: 2rem;
    background: #f5f5f5;
    position: absolute;
    right: -5%;
    bottom: -30%;
    z-index: 5;
    transform: rotate(45deg);
}
.i_who ul li .num{
	position: relative;
	display: inline-block;
}
/* .i_who ul li .num:before{
    position: absolute;
	content: "";
    top: 4px;
    left: 0;
	width: 0.73rem;
	height: 0.99rem;
	background: url('/wp-content/uploads/2026/07/i_who_num_bg.webp') no-repeat center;
	background-size: 100% auto;
	z-index: 2;
} */
.i_who ul li .ico{}
.i_who ul li .ico img{
	width: 0.8rem;
}
.i_who ul li:hover .ico img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
}
.i_who ul li .tit{
	line-height: 1.5;
	height: 3em;
}
.i_who ul li:hover .num,.i_who ul li:hover .tit{
	color: #fff;
}
.c-swiper-button{
	display: inline-flex;
	gap: 0.1rem;
}
.c-swiper-button .swiper-button-prev,.c-swiper-button .swiper-button-next{
	width: 0.6rem;
	height: 0.6rem;
	border: 2px solid rgba(255, 255, 255, .7);
	border-radius: 50%;
	display: inline-block;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin-top: 0;
}
.c-swiper-button .swiper-button-prev{}
.c-swiper-button .swiper-button-next{}
.c-swiper-button .swiper-button-prev::after,.c-swiper-button .swiper-button-next::after{
	color: rgb(255, 255, 255, .7);
	font-weight: 900;
	font-size: var(--f16);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	transition: all .4s ease;
}
.c-swiper-button.black .swiper-button-prev,.c-swiper-button.black .swiper-button-next{
	border-color: rgb(0,0,0,.5);
}
.c-swiper-button.black .swiper-button-prev::after,.c-swiper-button.black .swiper-button-next::after{
	color: rgb(0,0,0,.5);
}

/* 为什么选择 e */

/* 关于我们 s */
.i_ab{
	background-color: #F4F5F9;
}
.i_ab .fl{
	width: 46%;
}
.i_ab .fl .info{}

.i_ab .fl ul{}
.i_ab .fl ul li{
	position: relative;
	width: 49%;
	padding-left: 0.25rem;
	font-size: var(--f16);
	line-height: 2.25;
}
.i_ab .fl ul li:before{
	position: absolute;
	content: "\e606";
	font-family: "iconfont";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	left: 0;
	top: 50%;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: var(--theme-color);
	font-size: 12px;
	color: #fff;
}
.c_btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.16rem 0.25rem;
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
	font-size: var(--f18);
}
.c_btn i{
	margin-left: 0.12rem;
	font-weight: 700;
}
.c_btn:hover{
	background-color: var(--theme-color);
	color: #fff;
}
.i_ab .fr{
	width: 50%;
}
/* .i_ab .fr::after{
	position: absolute;
	width: 94%;
	height: ;
} */
.i_ab .fr .img{
	/* width: 94%; */
}
.i_ab .fr .img img{
}
.i_ab .fr .play{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.i_ab .fr .play i{}
.i_ab .fr .play i::after{
	position: absolute;
	content: "";
	width: 80%;
	height: 80%;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: var(--theme-color);
	z-index: -1;
}
.i_ab .num{}
.i_ab .num ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.4rem;
}
.i_ab .num ul li{
	position: relative;
	padding: 0.3rem 0.3rem 0;
}
.i_ab .num ul li:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 75%;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 1;
}
.i_ab .num ul li .ico{
	position: relative;
	z-index: 2;
}
.i_ab .num ul li .ico img{
	width: 0.6rem;
	filter: grayscale(1);
	opacity: .2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_ab .num ul li:hover .ico img{
	filter: none;
	opacity: 1;
}
.i_ab .num ul li .box{
	position: relative;
	margin-top: 0.36rem;
	text-align: right;
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_ab .num ul li:hover .box{
	color: var(--theme-color);
}
.i_ab .num ul li .box span{
	font-size: var(--f80);
	font-family: "CAI978";
}
.i_ab .num ul li .box i{
	font-size: var(--f30);
	font-weight: 700;
	font-family: "RB";
}
.i_ab .num ul li p{
	margin-left: 40%;
	width: 60%;
	font-size: var(--f18);
	margin-top: 0.15rem;
	text-align: right;
	color: #666;
}
/* 关于我们 e */

/* 产品分类 s */
.i_pro_nav{}
.i_pro_nav .item{}
.i_pro_nav .item:not(:first-child){
	margin-top: 20px;
}
.i_pro_nav .item:nth-child(2n){
	flex-direction: row-reverse;
}
.i_pro_nav .item .img{
	width: calc(100% / 2 - 10px);
}
.i_pro_nav .item .info{
	width: calc(100% / 2 - 10px);
	background-color: #F4F5F9;
	padding: 0 6%;
}
.i_pro_nav .item .info .ico{
	
}
.i_pro_nav .item .info .ico img{
	opacity: .1;
	height: 0.8rem;
	margin-bottom: -0.4rem;
}
.i_pro_nav .item .info .btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.16rem 0.45rem;
	border: 2px solid var(--theme-color);
	border-radius: 50px;
	background-color: var(--theme-color);
	color: #fff;
}
.i_pro_nav .item .info .btn:hover{
	background-color: transparent;
	color: var(--theme-color);
}
/* 产品分类 e */

/* 产品中心 s */
.i_pro{
	position: relative;
	/* background-color: #f5f0f0; */
	/* background-color: #efefef; */
	/* background-color: #F4F5F9; */
	background: #F4F5F9 url('/wp-content/uploads/2026/07/i_who_bg.webp') no-repeat center/cover;
}
/* .i_pro:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url('/wp-content/uploads/2026/07/i_app_bg.webp') no-repeat center/cover;
	opacity: .09;
	z-index: 1;
} */
.i_pro div{
/* 	position: relative;
	z-index: 2; */
}
.i_pro .top{}
.i_pro .top .i_tit{
	width: 60%;
}
.i_pro .con{}
.i_pro .con .c-swiper-page{
	bottom: 0 !important;
}
.i_pro ul{}
.i_pro ul li{}
.i_pro ul li a{
	display: block;
}
.i_pro ul li .ico{}
.i_pro ul li .ico img{}
.i_pro ul li .info{
	padding: 0.15rem 4%;
	height: calc(2.6em + 0.3rem);
	background-color: #fff;
}
.i_pro ul li:hover .info{
	background-color: var(--theme-color);
	color: #fff;
}
.i_pro ul li .tit{
	
}
.i_pro ul li:hover .tit{
	/* color: var(--theme-color); */
}
/* 产品中心 e */


/* 行业应用 s */
.i_app{
	position: relative;
}
.i_app:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url('/wp-content/uploads/2026/07/i_app_bg.webp') no-repeat center/cover;
	opacity: .1;
	z-index: 1;
	opacity: 0;
}
.i_app .w16{
	position: relative;
	z-index: 2;
}
.i_app ul{}
.i_app ul li{
	float: left;
	width: 33%;
	margin-bottom: .5%;
	margin-right: .5%;
}
.i_app ul li:nth-child(1),.i_app ul li:nth-child(2){
	width: 49.75%;
}
.i_app ul li:nth-child(2),.i_app ul li:nth-child(5){
	margin-right: 0;
}
.i_app ul li a{
	display: block;
	position: relative;
}
.i_app ul li .img{}
.i_app ul li .txt{
	position: absolute;
	top: 6%;
	left: 6%;
	z-index: 3;
	padding: 0.25rem 0.3rem 0.75rem;
	/* background-color: rgb(255,255,255,.9); */
	min-width: 56%;
}
.i_app ul li .txt::after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('/wp-content/uploads/2026/07/i_app_bg.webp') no-repeat center;
	background-size: 100% auto;
	opacity: .9;
	z-index: 1;
}
.i_app ul li:nth-child(1) .txt,.i_app ul li:nth-child(2) .txt{
	min-width: 45%;
}
.i_app ul li .txt .tit{
	position: relative;
	z-index: 2;
}
.i_app ul li .txt i{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0.3rem;
	bottom: -15%;
	background: var(--theme-color);
	width: 0.45rem;
	height: 0.45rem;
	font-size: var(--f16);
	color: #fff;
	font-weight: 700;
	z-index: 2;
}
/* 行业应用 e */

/* 荣誉证书 s */
.i_hor{
	background: url('/wp-content/uploads/2026/07/i_hor_bg2.webp') no-repeat center/cover;
}
.i_hor .con{}
.i_hor ul{}
.i_hor ul li{}
.i_hor ul li a{
	display: block;
	/* border: 1px solid rgb(255, 255, 255, .5); */
	/* border: 1px solid #e5e5e5; */
}
.i_hor ul li a .img{
	background: url('/wp-content/uploads/2026/07/i_hor_bg.webp') no-repeat center/cover;
}
.i_hor ul li a img._full{
	max-height: 80%;
	max-width: 80%;
	width: auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.i_hor ul li .info{
	border-top: 1px solid #fff;
	padding: 0.15rem;
	height: calc(2.6em + 0.3rem);
	background-color: rgb(23,23,23,.5);
	background-color: rgb(255, 255, 255, .3);
	backdrop-filter: blur(12px);
}
.i_hor ul li:hover .info{
	background-color: var(--theme-color);
	color: #fff;
}
.i_hor ul li .info .tit{
}
/* 荣誉证书 e */


/* 新闻中心 s */
.i_new{}
.i_new .top{}
.i_new .con{
	overflow: hidden;
}
.i_new .fl{
	width: 70%;
}
.i_new .fl ul{}
.i_new .fl ul li{}
.i_new .con a{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0.32rem 0;
	border-bottom: 1px solid #e5e5e5;
}
.i_new .con .img{
	width: 34%;
}
.i_new .con .info{
	width: 62%;
}
.i_new .con .info .date{
	margin-top: 0.08rem;
}
.i_new .con .info .date i{
	margin-right: 0.06rem;
}
.i_new .con .info .tit{
	height: 2.6em;
}
.i_new .con a:hover .info .tit{
	color: var(--theme-color);
}
.i_new .con .info .des{}
.i_new .con .info .more{}
.i_new .con .info .more i{}
.i_new .fr{
	width: 26%;
}
.i_new .fr .item{
	height: 100%;
}
.i_new .fr .item a{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
}
.i_new .fr .item a .img,.i_new .fr .item a .info{
	width: 100%;
}
.i_new .fr .item .info .tit{
	height: 3.9em;
}
/* 新闻中心 e */


/* 合作伙伴 s */
.i_par{
	background-color: #F4F5F9;
}
.i_par ul{}
.i_par ul li{
	background-color: #fff;
}
.i_par ul li .pic img{}
/* 合作伙伴 e */

/* 底部留言 s */
.i_quote{
	position: relative;
	background: url('/wp-content/uploads/2026/07/i_quote_bg.webp') no-repeat center/cover;
}
.i_quote:before {
    background: #53565a;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: 1;
}
.i_quote div{
	position: relative;
	z-index: 2;
}
.i_quote .btn{
	padding: 0.15rem 0.42rem;
	display: inline-block;
	border-radius: 50px;
}
.i_quote .btn:hover{
	background-color: white;
	color: var(--theme-color);
}
/* 底部留言 e */

/* 在线留言 s */
.i_mess{
	position: relative;
	background: #fff url('/wp-content/uploads/2026/07/i_mess_bg.webp') no-repeat center/cover;
/* 	background-size: 100% 500px;
	background-position: top center; */
}
/* .i_mess::after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0,.5);
} */
.i_mess .box{
	position: relative;
	z-index: 3;
}
.i_mess .fl{
	width: 48%;
	color: #fff;
}
.i_mess .fl ul{
	width: 90%;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.1rem;
}
.i_mess .fl ul li{}
.i_mess .fl ul li .pic{
	border-radius: 5px;
	overflow: hidden;
	background-color: rgb(71, 71, 71, .3);
	backdrop-filter: blur(8px);
}
.i_mess .fl ul li img{
	
}
.i_mess .fl .tit{
	text-transform: capitalize;
}
.i_mess .fl .tit span{
	display: block;
}
.i_mess .fr{
	width: 42%;
}
.i_mess .form{
	padding: 0.48rem 0.6rem;
	background-color: rgb(71,71,71,.3);
	backdrop-filter: blur(8px);
	border-radius: 20px;
}
.i_mess form{}
.i_mess .mui-input-row{
	width: 48%;
	margin-bottom: 0.15rem;
}
.i_mess .mui-input-row.w100{
	width: 100%;
}
.i_mess .mui-input-row input,.i_mess .mui-input-row textarea{
	width: 100%;
	border: 1px solid rgb(255,255,255,.1);
	background: transparent;
	font-size: var(--f16);
	line-height: 1.5;
	padding: 0.08rem 0.16rem;
	color: #fff;
}
.i_mess .mui-input-row input::placeholder,.i_mess .mui-input-row textarea::placeholder{
	color: rgb(255, 255, 255, .5);
}
.i_mess .mui-input-row textarea{
	min-height: calc(12em + 0.16rem);
}
.i_mess .btn{
	width: 100%;
}
.i_mess .btn button{
	width: 100%;
	padding: 0.16rem 0.32rem;
	border-radius: 5px;
	background-color: var(--theme-color);
	color: #fff;
	font-size: var(--f16);
	font-weight: 700;
	border: none;
	cursor: pointer;
}
/* 在线留言 e */

/* ====================内页样式========================= */


/* ====================关于样式========================= */

/* 公司简介 s */
.n_profile{}
.n_profile .fl{
	width: 25%;
}
.n_profile .fl ul{}
.n_profile .fl ul li{
	width: 100%;
	border-bottom: 1px solid #d3d3d3;
	padding: 0.3rem 0;
}
.n_profile .fl ul li .num{
	display: flex;
	align-items: flex-start;
	color: var(--theme-color);
}
.n_profile .fl ul li .num span{
	font-size: var(--f54);
	font-weight: 700;
}
.n_profile .fl ul li .num i{
	font-size: var(--f16);
}
.n_profile .fl ul li p{
	font-size: var(--f16);
	margin-top: 0.05rem;
	color: #777;
}
.n_profile .fr{
	width: 72%;
}
.n_profile .fr .info{}
.n_profile .fr .info p:not(:last-child){
	margin-bottom: 1em;
}
/* 公司简介 e */

/* 企业文化 s */
.n_culture{
	background: url('/wp-content/uploads/2026/07/n_culture_bg.webp') no-repeat center/cover;
}
.n_culture ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_culture ul li{
	position: relative;
	padding: 0.4rem;
	/* background-color: #f8f8f8; */
	background-color: #fFF;
	text-align: center;
}
.n_culture ul li i{
	position: absolute;
	top: -0.4rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	color: #fff;
	font-size: var(--f40);
}
.n_culture ul li .tit{}
.n_culture ul li .des{
	min-height: 3em;
}
.n_culture ul li .img{}
.n_culture ul li .img img{}
/* 企业文化 e */

/* 发展历程 s */
.n_his{
	background: url('/wp-content/uploads/2026/07/n_his_bg.webp') no-repeat center bottom #000;
}
.n_his .con{}
.n_his .con .swiper{
	padding-bottom: 0.4rem;
}
.n_his ul{}
.n_his ul li{}
.n_his ul li .view{
	background: #fff;
	border-radius: 10px;
	padding: 0.8rem 0.45rem;
	text-align: center;
}
.n_his ul li:hover .view{
	background-color: var(--theme-color);
}
.n_his ul li .view h4{
	font-size: var(--f64);
	font-family: "RB";
	color: #000;
}
.n_his ul li .view h4::after{
	position: relative;
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	background: #000;
	margin: 0.3rem auto 0.4rem;
}
.n_his ul li .view .info{
	font-size: 14px;
	line-height: 1.5;
	color: #5f5f5f;
	height: 9em;
	overflow-y: auto;
}
.n_his ul li:hover .view h4::after{
	background-color: white;
}
.n_his ul li:hover .view h4,.n_his ul li:hover .view .info{
	color: white;
}
.n_his ul li .view .info::-webkit-scrollbar {width:4px; height:4px;}
.n_his ul li .view .info::-webkit-scrollbar-thumb {border-radius:5px; background:var(--theme-color);}
.n_his ul li .view .info::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;}

.n_his .swiper-pagination-bullet{
	background-color: white;
	width: 0.32rem;
	height: 0.032rem;
	border-radius: 0;
	opacity: 1;
}
.n_his .swiper-pagination-bullet-active{
	background-color: var(--theme-color);
}
.n_his .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}
/* 发展历程 e */

/* 荣誉资质 s */
.n_honor{}
.n_honor ul{}
.n_honor ul li{
}
.n_honor ul li a{
	display: block;
	background-color: #f6f7f8;
}
.n_honor ul li .pic{}
.n_honor ul li .pic img{}
.n_honor ul li .info{}
.n_honor ul li .tit{
}
.n_honor .swiper-button-prev{
	left: -0.6rem;
}
.n_honor .swiper-button-next{
	right: -0.6rem;
}
.n_honor .swiper-button-prev,.n_honor .swiper-button-next{
	/* width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	border: 1px solid #ddd; */
}
.n_honor .swiper-button-prev::after,.n_honor .swiper-button-next::after{
	font-size: var(--f32);
}
/* 荣誉资质 e */


/* 工厂环境 s */
.n_fac{
	background: url('/wp-content/uploads/2026/07/n_fac_bg.webp') no-repeat center/cover;
}
.n_fac ul{}
.n_fac ul li{}
.n_fac ul li a{}
.n_fac ul li .info{
	min-height: calc(3em + 0.2rem);
	background-color: #fff;
	padding: 0 4%;
}
.n_fac ul li .tit{
	width: 100%;
}
/* 工厂环境 e */

/* Core Technology s */
.n_tech{}
.n_tech .info{}
.n_tech .info p+p{
	margin-top: 0.2rem;
}
.n_tech .info ul{
	margin-top: 1em;
}
.n_tech .info ul li{
	list-style: disc;
	margin-left: 1em;
}
.n_tech .img{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_tech .img li{}
.n_tech .img li img{}
/* Core Technology e */

/* =========================================
   About Us Page Styles
   ========================================= */
.border-e4 { border: 1px solid #E4EBF3; }
.border-blue { border: 2px solid var(--theme-color); }
.border-l-blue { border-left: 4px solid var(--theme-color); }
.border-t-blue { border-top: 4px solid var(--theme-color); }
.bg-white-05 { background: rgba(255, 255, 255, 0.05); }
.opacity-8 { opacity: 0.8; }
.shadow-1 { box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.transition-3 { transition: all 0.3s ease; }
.italic { font-style: italic; }
.absolute{position: absolute;}
.relative{position: relative;}
.top{top: 0;}
.left{left: 0;}
.w23{width: 23%;}
.z-2{z-index: 2;}
.mlr{margin-left: auto;margin-right: auto;}
/* --- Buttons --- */
.wl-btn {display: inline-flex;align-items: center;justify-content: center;padding: 0.16rem 0.36rem;border-radius: 5px;font-size: var(--f16);font-weight: bold;transition: all 0.3s ease;cursor: pointer;}
.wl-btn-primary { background: var(--theme-color); color: #fff; border: 2px solid var(--theme-color); }
.wl-btn-primary:hover { background: var(--sec-theme-color); border-color: var(--sec-theme-color); transform: translateY(-3px); }

.wl-btn-outline-white { background: transparent; color: #fff; border: 2px solid #fff; }
.wl-btn-outline-white:hover { background: #fff; color: var(--theme-color); transform: translateY(-3px); }

.wl-btn-white { background: #fff; color: var(--theme-color); border: 2px solid #fff; }
.wl-btn-white:hover { background: transparent; color: #fff; transform: translateY(-3px); }

.wl-btn-outline-blue { background: transparent; color: var(--theme-color); border: 2px solid var(--theme-color); }
.wl-btn-outline-blue:hover { background: var(--theme-color); color: #fff; transform: translateY(-3px); }

/* --- Section 2: Overview --- */
.wl-about-page .wl-dot { display: inline-block; width: 8px; height: 8px; background: var(--theme-color); margin-right: 10px; border-radius: 50%; }
.wl-about-page .wl-images img { transition: 0.5s ease; }
.wl-about-page .wl-images > div:hover img { transform: scale(1.05); }

/* 确保大图容器是相对定位，这样按钮才能绝对定位在它上面 */
.wl-image-large-right {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* 根据您原有的圆角调整 */
    display: block;
}

.wl-image-large-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* VR 按钮主体样式 */
.wl-vr-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 绝对居中 */
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.95); /* 半透明白色背景 */
    padding: 12px 24px 12px 16px;
    border-radius: 999px;
    text-decoration: none;
    color: #07518d; /* 万来品牌蓝 */
    font-weight: 700;
    font-size: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 10;
    transition: all 0.3s ease;
}

/* 悬停时的交互效果 */
.wl-vr-button:hover {
    background: #07518d;
    color: #ffffff;
    transform: translate(-50%, -52%); /* 悬停时微微上浮 */
    box-shadow: 0 12px 32px rgba(7, 81, 141, 0.4);
}

/* 图标容器：用于制作呼吸波纹效果 */
.wl-vr-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #07518d;
    color: #fff;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease;
}

/* 按钮悬停时，内部图标反色 */
.wl-vr-button:hover .wl-vr-icon-wrap {
    background: #ffffff;
    color: #07518d;
}

.wl-vr-icon-wrap svg {
    width: 18px;
    height: 18px;
    position: relative;
    z-index: 2;
}

/* 核心：呼吸波纹动画 (Pulse Effect) 吸引点击 */
.wl-vr-icon-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #07518d;
    border-radius: 50%;
    z-index: 1;
    animation: wl-vr-pulse 2s infinite;
}

/* 悬停时波纹颜色也跟着变 */
.wl-vr-button:hover .wl-vr-icon-wrap::after {
    background: #ffffff;
}

/* 定义呼吸波纹关键帧 */
@keyframes wl-vr-pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

/* 移动端适配：稍微缩小一点 */
@media (max-width: 768px) {
    .wl-vr-button {
        padding: 10px 20px 10px 14px;
        font-size: 14px;
    }
    .wl-vr-icon-wrap {
        width: 28px;
        height: 28px;
    }
    .wl-vr-icon-wrap svg {
        width: 16px;
        height: 16px;
    }
}


/* --- Section 3: Capability --- */
.wl-about-page .wl-cap-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); }
.wl-about-page .wl-icon-box { width: 64px; height: 64px; }
.wl-about-page .wl-svg-icon { width: 32px; height: 32px; color: var(--theme-color); }

/* --- Section 4: Environment --- */
.wl-about-page .wl-tag { 
    display: inline-block; 
    font-size: var(--f14); 
    color: #666; 
    background: #F8FAFC; 
    padding: 0.05rem 0.15rem; 
    border-radius: 3px; 
    margin-right: 0.1rem; 
    border: 1px solid #E4EBF3;
}
.wl-about-page .wl-env-item img { transition: 0.5s ease; }
.wl-about-page .wl-env-item:hover img { transform: scale(1.05); }

/* --- Section 5: Certificates --- */
.wl-about-page .wl-cert-swiper {
    width: 100%;
    min-width: 0;
}
.wl-cert-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: var(--theme-color); }
.wl-about-page .wl-color-theme { color: var(--theme-color); }

/* 左右切换按钮样式 */
.wl-about-page .wl-cert-prev,
.wl-about-page .wl-cert-next {
    width: 48px;
    height: 48px;
    color: var(--theme-color);
    background: transparent;
}
.wl-about-page .wl-cert-prev svg,
.wl-about-page .wl-cert-next svg {
    width: 24px;
    height: 24px;
}
.wl-about-page .wl-cert-prev:hover,
.wl-about-page .wl-cert-next:hover {
    background: var(--theme-color);
    color: #fff;
}
/* Swiper 7.0 默认的禁用状态类名 */
.wl-about-page .swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background: transparent !important;
    color: var(--theme-color) !important;
}

/* --- Section 6: Quality Control --- */
.wl-about-page .wl-qc-grid { position: relative; padding-top: 20px; }
.wl-about-page .wl-qc-line { 
    top: 60px; left: 8%; right: 8%; height: 2px; background: #E4EBF3; z-index: 1; 
}
.wl-about-page .wl-qc-icon { 
    width: 80px; height: 80px; transition: 0.3s; 
}
.wl-about-page .wl-qc-item:hover .wl-qc-icon { background: var(--theme-color); border-color: var(--theme-color); transform: translateY(-10px); }
.wl-about-page .wl-qc-item:hover .wl-svg-icon { color: #fff; }

/* --- Section 7: Values --- */
.wl-about-page .wl-value-card { 
    /* 毛玻璃背景效果 */
    background: rgba(255, 255, 255, 0.08); 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px); 
    border: 1px solid rgba(255, 255, 255, 0.1); /* 增加极细的微白边框增强玻璃质感 */
}
.wl-about-page .wl-value-card:hover { 
    background: rgba(255, 255, 255, 0.15); 
    transform: translateY(-5px); 
}

/* 标题左侧蓝色竖线 */
.wl-about-page .wl-value-card h3 {
    position: relative;
    padding-left: 0.15rem;
    line-height: 1.2;
}
.wl-about-page .wl-value-card h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 100%;
    background-color: var(--theme-color);
    border-radius: 2px;
}

/* --- Section 8: CTA Box --- */
.wl-cta-section .wl-cta-box {
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15); /* 使用 rem */
}

/* 背景与遮罩层级控制 */
.wl-cta-section .wl-cta-bg {
    background-image: url('/wp-content/uploads/2026/07/wl-cta-bg.webp');
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.wl-cta-section .wl-cta-overlay {
    /* 假设主题色为深蓝，这里使用渐变增强质感 */
    background: linear-gradient(135deg, rgba(0, 19, 34, 0.95) 0%, rgba(var(--theme-color-rgb), 0.85) 100%);
    z-index: 2;
}

.wl-cta-section .wl-cta-content {
    z-index: 3;
}

/* 限制描述文字最大宽度并居中（假设没有 max-w-1000 和 mx-auto 的基础类） */
.wl-cta-section .wl-cta-desc {
    width: 12rem;
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* 纯文本按钮样式 (Contact Sales Team) */
.wl-btn-text {
    display: inline-block;
    position: relative;
    padding: 0.1rem; /* 使用 rem */
}

.wl-btn-text::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0.02rem; /* 2px */
    background-color: #ffffff;
    transition: width 0.3s ease;
}

.wl-btn-text:hover {
    opacity: 0.9;
}

.wl-btn-text:hover::after {
    width: 100%;
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
    .wl-cta-section .wl-cta-btns {
        flex-direction: column;
    }

    /* 清除手机端右边距 */
    .wl-cta-section .wl-cta-btns .mr-20 {
        margin-right: 0 !important;
    }

    .wl-cta-section .wl-cta-btns .wl-btn {
        width: 100%;
        max-width: 3rem; /* 300px */
    }
}
/* --- Responsive (Mobile & Tablet) --- */
@media screen and (max-width: 1024px) {
    .w48-t { width: 48%; }
}
@media screen and (max-width: 768px) {
    .w100-m { width: 100%; }
    .mb-20-m { margin-bottom: 0.2rem; }
    .mb-40-m { margin-bottom: 0.4rem; }
    .wrap-m { flex-wrap: wrap; }
    .f-js-m { justify-content: flex-start; }
    .p20-m { padding: 0.2rem 0; }
    .wl-about-page .wl-qc-line { display: none; } /* 手机端隐藏连线 */
    .wl-about-page .wl-qc-item { width: 48%; margin-bottom: 0.4rem; }
}

/* =========================================
   VR
   ========================================= */
.vr-fullscreen {
   width: 100%;
   background-color: var(--theme-dark);
   padding: 0 0 0 0;
}
.vr-iframe-container {
    width: 100%;
    height: 90vh; /* 占据视口 80% 的高度 */
    min-height: 600px; /* 保证在小屏幕上也有足够的高度 */
    position: relative;
}
.vr-iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* =========================================
   Responsive Media Queries
   ========================================= */
@media screen and (max-width: 1024px) {
    .wl-about-page .w48, .wl-about-page .w50, .wl-about-page .w45 { width: 100%; }
    .wl-about-page .w23 { width: 48%; }
    .wl-about-page .w70, .wl-about-page .w25 { width: 100%; }
    .wl-about-page .wl-env-row.reverse-m { flex-direction: column; } /* 平板端取消反向交错 */
}

@media screen and (max-width: 767px) {
    .wl-about-page .w23, .wl-about-page .w15 { width: 50%; }
    .wl-hero-btns { flex-direction: column; gap: 15px; width: 100%; }
    .wl-hero-btns .wl-btn { width: 100%; margin: 0; }
    
    /* 移动端 QC 流程改为纵向连线 */
    .wl-qc-track::before {
        top: 0;
        bottom: 0;
        left: 0.4rem; /* 图标宽度的一半 */
        width: 2px;
        height: auto;
        right: auto;
    }
    .wl-qc-track { flex-direction: column; align-items: flex-start; }
    .wl-qc-step { flex-direction: row; text-align: left; width: 100%; margin-bottom: 30px; }
    .wl-qc-step .wl-qc-icon { margin-bottom: 0; margin-right: 20px; flex-shrink: 0; }
    .wl-qc-step h4 { margin-bottom: 0; }
}

@charset "utf-8";

/* ==========================================================================
   OEM & ODM Page Styles 
   Font: Poppins
   Primary Color: #0168B3
   ========================================================================== */

.wl-oem-main {
	
}

/* --- 按钮通用样式 --- */
.wl-oem-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.18rem 0.4rem;
    border-radius: 0.3rem;
    transition: all 0.3s ease;
    margin: 0.1rem;
}
.wl-oem-btn-primary {
    background-color: var(--theme-color, #0168B3);
    color: #fff;
    border: 0.02rem solid var(--theme-color, #0168B3);
}
.wl-oem-btn-primary:hover {
    background-color: #fff;
    color: var(--theme-color, #0168B3);
}
.wl-oem-btn-outline {
    background-color: transparent;
    color: #fff;
    border: 0.02rem solid #fff;
}
.wl-oem-btn-outline:hover {
    background-color: #fff;
    color: var(--theme-color, #0168B3);
    border-color: #fff;
}

/* --- 1. Hero Section --- */
.wl-oem-hero {
    min-height: 8.5rem;
    padding: 1rem 0;
}
.wl-oem-hero-bg {
    background-size: cover;
    background-position: center;
}
.wl-oem-hero-mask {
    background: linear-gradient(90deg, rgba(1, 26, 51, 0.9) 0%, rgba(1, 26, 51, 0.5) 100%);
}
.wl-oem-hero-container .wl-oem-hero-desc {
    max-width: 8rem;
}

/* --- 2. Overview (升级版) --- */
.wl-oem-overview {
    background-image: url('/wp-content/uploads/2026/07/oem-overview-light-technical-pattern.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.wl-oem-overview-container .wl-oem-overview-desc {
    max-width: none;
}

/* 数据卡片样式与 Hover 效果 */
.wl-oem-overview-stats .wl-oem-stat-item {
    border: 0.01rem solid #eaeaea; /* 加上极细的边框勾勒轮廓 */
}
.wl-oem-overview-stats .wl-oem-stat-item:hover {
    transform: translateY(-0.05rem);
    box-shadow: 0 0.15rem 0.3rem rgba(1, 104, 179, 0.08); /* 品牌色浅阴影 */
    border-color: var(--theme-color, #0168B3); /* Hover时边框变蓝 */
}

/* 响应式适配 */
@media screen and (max-width: 1024px) {
    .wl-oem-overview-text { width: 100%; margin-bottom: 0.4rem; }
    .wl-oem-overview-stats { width: 100%; }
}

@media screen and (max-width: 768px) {
    .wl-oem-overview-stats .wl-oem-stat-item { width: 100%; margin-bottom: 0.2rem; }
    /* 清除最后一个卡片的底边距 */
    .wl-oem-overview-stats .wl-oem-stat-item:last-child { margin-bottom: 0; }
}


/* --- 3. Product Coverage --- */
.wl-oem-coverage .wl-oem-cov-card {
    width: calc(33.333% - 0.15rem);
    border: 0.01rem solid #eaeaea;
}
.wl-oem-coverage .wl-oem-cov-card:hover {
    transform: translateY(-0.05rem);
    box-shadow: 0 0.15rem 0.3rem rgba(0,0,0,0.08);
}
.wl-oem-coverage .wl-oem-cov-card:hover ._full {
    transform: scale(1.05);
}



/* --- 4. Advantages --- */
.wl-oem-advantages .wl-oem-adv-card {
    width: calc(25% - 0.15rem);
    border: 0.01rem solid #eaeaea;
}
.wl-oem-advantages .wl-oem-adv-card:hover {
    transform: translateY(-0.05rem);
    box-shadow: 0 0.15rem 0.3rem rgba(1, 104, 179, 0.08);
}

/* 优势图标容器样式 */
.wl-oem-advantages .wl-oem-adv-icon {
    width: 0.8rem;
    height: 0.8rem;
    background-color: #f0f1f5; /* 浅灰底色，衬托纯色图标 */
    color: var(--theme-color, #0168B3); /* 图标使用品牌主色 */
}

/* Hover 时图标容器的反转效果 */
.wl-oem-advantages .wl-oem-adv-card:hover .wl-oem-adv-icon {
    background-color: var(--theme-color, #0168B3);
    color: #fff;
    transform: translateY(-0.05rem);
    box-shadow: 0 0.1rem 0.2rem rgba(1, 104, 179, 0.2);
}


/* --- 5. Flexible Scope (核心排版) --- */
.wl-oem-scope .wl-oem-scope-dark {
    width: 58%;
	background-color: #11151c;
	background-image: linear-gradient(rgba(17, 21, 28, 0.28), rgba(17, 21, 28, 0.32)), url('/wp-content/uploads/2026/07/oem-scope-dark-technical-texture.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,0.1);
}
.wl-oem-scope .wl-oem-scope-item {
    width: calc(50% - 0.1rem);
    background-color: #1c232e;
    border: 0.01rem solid rgba(255,255,255,0.05);
    transition: all 0.3s ease;
}
.wl-oem-scope .wl-oem-scope-item:hover {
    background-color: #242c38;
    border-color: rgba(255,255,255,0.1);
}
.wl-oem-scope .wl-oem-scope-num {
    color: var(--theme-color, #0168B3);
}
.wl-oem-scope .wl-oem-scope-light {
    width: calc(42% - 0.2rem);
    border: 0.01rem solid #eaeaea;
}
.wl-oem-scope .wl-oem-service-item {
    padding-left: 0.25rem;
}
.wl-oem-scope .wl-oem-scope-num{
	display: block;
}
.wl-oem-scope .wl-oem-service-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.06rem;
    width: 0.08rem;
    height: 0.08rem;
    background-color: var(--theme-color, #0168B3);
    border-radius: 50%;
}

/* --- 6. Manufacturing Support --- */
.wl-oem-mfg .wl-oem-mfg-card {
    width: calc(25% - 0.15rem);
    border: 0.01rem solid #eaeaea;
}
.wl-oem-mfg .wl-oem-mfg-card:hover {
    transform: translateY(-0.05rem);
    box-shadow: 0 0.15rem 0.3rem rgba(0,0,0,0.08);
}
.wl-oem-mfg .wl-oem-mfg-card:hover ._full {
    transform: scale(1.05);
}

/* --- 7. Process --- */
.wl-oem-process .wl-oem-step {
    width: 16%;
}
.wl-oem-process .wl-oem-step-icon {
	display: inline-flex;
    width: 0.8rem;
    height: 0.8rem;
    background-color: #f8f9f9;
    color: var(--theme-color, #0168B3);
    border: 0.01rem solid #eaeaea;
}
.wl-oem-process .wl-oem-step:hover .wl-oem-step-icon {
    background-color: var(--theme-color, #0168B3);
    color: #fff;
    transform: translateY(-0.05rem);
    box-shadow: 0 0.1rem 0.2rem rgba(1, 104, 179, 0.2);
}
/* 桌面端步骤箭头 */
@media screen and (min-width: 1025px) {
    .wl-oem-process .wl-oem-step:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 0.4rem;
        right: -15%;
        width: 30%;
        height: 0.02rem;
        background-color: #eaeaea;
        z-index: 0;
    }
}

/* --- 10. Final CTA --- */
.wl-oem-cta .wl-oem-cta-box {
    min-height: 4rem;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);
}
.wl-oem-cta .wl-oem-cta-bg {
    background-size: cover;
    background-position: center;
}
.wl-oem-cta .wl-oem-cta-mask {
	background: linear-gradient(135deg, rgba(0, 28, 51, 0.92) 0%, rgba(1, 104, 179, 0.78) 100%);
}
.wl-oem-cta .wl-oem-cta-desc {
    max-width: 8rem;
}

/* ==========================================================================
   Responsive 响应式适配
   ========================================================================== */
@media screen and (max-width: 1200px) {
    .wl-oem-coverage .wl-oem-cov-card { width: calc(50% - 0.1rem); }
    .wl-oem-advantages .wl-oem-adv-card { width: calc(50% - 0.1rem); }
    .wl-oem-mfg .wl-oem-mfg-card { width: calc(50% - 0.1rem); }
    .wl-oem-process .wl-oem-step { width: 30%; }
}

@media screen and (max-width: 768px) {
    .wl-oem-hero { text-align: center; }
    .wl-oem-hero-container { align-items: center; }
    .wl-oem-hero-btns { justify-content: center; }
    
    .wl-oem-coverage .wl-oem-cov-card,
    .wl-oem-advantages .wl-oem-adv-card,
    .wl-oem-mfg .wl-oem-mfg-card { width: 100%; }
    
    .wl-oem-scope .wl-oem-scope-dark, 
    .wl-oem-scope .wl-oem-scope-light { width: 100%; }
    .wl-oem-scope .wl-oem-scope-item { width: 100%; }
    
    .wl-oem-process .wl-oem-step { width: 100%; display: flex; flex-direction: column; align-items: center; }
    
    .wl-oem-cta .wl-oem-cta-box { padding: 0.6rem 0.2rem; border-radius: 0.1rem; }
}


/* ====================产品样式========================= */

/* 产品列表 s */
.page_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
}
.sidebar{
	width: 400px;
}
.sidebar_item{
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	padding: 0.15rem;
	margin-bottom: 0.3rem;
}
.sidebar_title{
	position: relative;
	font-size: var(--f24);
	line-height: 1.25;
	font-weight: 600;
	padding-left: 0.15rem;
	margin-bottom: 0.2rem;
}
.sidebar_title::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background: var(--theme-color);
}
.sidebar_cate{}
.sidebar_cate li{
	position: relative;
}
.sidebar_cate li > a{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--f16);
	line-height: 1.5;
	padding: 0.08rem 0.36rem 0.08rem 0;
}
.sidebar_cate .li1 > a{
	font-size: var(--f18);
}
.sidebar_cate .li2 > a{
	font-size: var(--f16);
}
.sidebar_cate .li3 > a,
.sidebar_cate .li4 > a,
.sidebar_cate .sub_menu .sub_menu > li > a{
	font-size: var(--f14);
	color: #666;
}
/* Beat the deeper gray rules so levels 3+ highlight the same as 1–2. */
.sidebar_cate li.nav-current > a,
.sidebar_cate .li3.nav-current > a,
.sidebar_cate .li4.nav-current > a,
.sidebar_cate .sub_menu .sub_menu li.nav-current > a{
	color: var(--theme-color);
}
.sidebar_cate li > a:hover,
.sidebar_cate .sub_menu .sub_menu li > a:hover{
	color: var(--theme-color);
}
/* + / − toggle: fixed to title row, independent of open state highlight */
.sidebar_cate .sidebar-cate-toggle{
	position: absolute;
	right: 0;
	top: 0.08rem;
	width: 0.28rem;
	height: calc(1.5em + 0.16rem);
	cursor: pointer;
	z-index: 2;
}
.sidebar_cate .sidebar-cate-toggle::before,
.sidebar_cate .sidebar-cate-toggle::after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: #666;
	transform: translate(-50%, -50%);
}
/* horizontal bar (always) */
.sidebar_cate .sidebar-cate-toggle::before{
	width: 12px;
	height: 2px;
}
/* vertical bar → hidden when open = minus */
.sidebar_cate .sidebar-cate-toggle::after{
	width: 2px;
	height: 12px;
	transition: opacity .15s linear, height .15s linear;
}
.sidebar_cate li.is-open > .sidebar-cate-toggle::after{
	height: 0;
	opacity: 0;
}
.sidebar_cate li.nav-current > .sidebar-cate-toggle::before,
.sidebar_cate li.nav-current > .sidebar-cate-toggle::after,
.sidebar_cate li.is-open > .sidebar-cate-toggle::before{
	background: var(--theme-color);
}
.sidebar_cate .sub_menu{
	display: none;
	padding-left: 0.12rem;
}
.sidebar_cate .sub_menu .sub_menu{
	padding-left: 0.14rem;
}
/* Open state driven only by li.is-open — keeps icon and panel in sync */
.sidebar_cate li.is-open > .sub_menu{
	display: block;
}

.sidebar_prolist{}
.sidebar_prolist li{}
.sidebar_prolist li+li{
	margin-top: 0.25rem;
}
.sidebar_prolist li a{}
.sidebar_prolist li .img{
	width: 120px;
	border: 1px solid #EEEEEE;
}
.sidebar_prolist li .text{
	width: calc(100% - 120px);
	padding-left: 0.1rem;
}

.search_input{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
}
.search_input input{
	background: #F9F9F9;
	flex: 1;
	height: 100%;
	padding: 0px 10px;
	border: 1px solid #F9F9F9;
	transition: all .2s linear;
}
.search_input button{
	width: 90px;
	height: 100%;
	background: var(--theme-color);
	color: #F8F8F8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s linear;
	border: none;
}

.sidebar_inquiry{}
.sidebar_inquiry form{width:100%;}
.sidebar_inquiry .fluentform .ff-t-container {
	display: contents !important;
	margin: 0 !important;
}
.sidebar_inquiry .fluentform fieldset {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.sidebar_inquiry .fluentform .ff-t-cell {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 0 10px !important;
	flex: 0 0 100% !important;
}
.sidebar_inquiry .fluentform .ff-t-cell:has(input[name="name"]) { order: 1; }
.sidebar_inquiry .fluentform .ff-t-cell:has(input[name="email"]) { order: 2; }
.sidebar_inquiry .fluentform .ff-t-cell:has(input[name="phone"]) { order: 3; }
.sidebar_inquiry .fluentform .ff-t-cell:has(input[name="company"]) { order: 4; }
.sidebar_inquiry .fluentform .ff-el-group:has(textarea[name="message"]) { order: 5; margin-bottom: 12px !important; }
.sidebar_inquiry .fluentform .ff_submit_btn_wrapper { order: 6; }
.sidebar_inquiry .fluentform .ff-el-group { margin: 0 !important; }
.sidebar_inquiry .fluentform .ff-el-input--label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.sidebar_inquiry input{
	height: 50px;
}
.sidebar_inquiry input::placeholder{
    color: #666
}
.sidebar_inquiry input,.sidebar_inquiry textarea{
	width: 100%;
	border: 1px solid transparent;
	border-bottom: 1px solid #E9E9E9;
	padding: 10px;
	display: inline-flex;
	align-items: center;
}
.sidebar_inquiry textarea{
	height: 200px;
	resize: none;
}
.sidebar_inquiry button{
	min-width: 200px;
	height: 50px;
	background: #000;
	cursor: pointer;
	color: #FFFFFF;
	margin: 0px;
	position: relative;
	transition: all .2s linear;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f16);
	font-weight: 500;
	border: none;
}
.sidebar_inquiry button:hover{
	background-color: var(--theme-color);
}

.page_main{
	flex: 1;
	padding-right: 60px;
	width: calc(100% - 400px);
}
.pro_list{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.2rem;
}
.pro_list li{
}
.pro_list li a{
	display: block;
}
.pro_list li .pic{
	border: 1px solid #DFDFDF;
}
.pro_list .info{}
.pro_list .info .tit{
	height: 3em;
}
.pro_list li:hover .info .tit{
	color: var(--theme-color);
}
/* 产品列表 e */

/* 产品详情 s */
.n_pro_xq_top{
}
.pro_xq_fl{
	width: 46%;
}

.pro_xq_pic{
	width: 100%;
}
.pro_xq_pic .swiper{}
.pro_xq_pic ul{}
.pro_xq_pic ul li{
	border: 1px solid #dfdfdf;
	background-color: #dfdfdf;
}
.pro_xq_pic ul li img{
	/* mix-blend-mode: multiply; */
}
.pro_xq_ico{
	width: 100%;
	padding: 0 0.4rem;
	margin-top: 0.15rem;
}
.pro_xq_ico .swiper{}
.pro_xq_ico ul{}
.pro_xq_ico ul li{
	border: 1px solid #dfdfdf;
	cursor: pointer;
}
.pro_xq_ico ul li.swiper-slide-thumb-active{
	border-color: var(--theme-color);
}

.pro_xq_fr{
	width: 49%;
}
.pro_xq_fr .title{}
.pro_xq_fr .des{
	max-height: 15em;
	overflow-y: auto;
}
.pro_xq_fr .des::-webkit-scrollbar {
	width: 3px;
	height: 16px;
	background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
.pro_xq_fr .des::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
.pro_xq_fr .des::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	background-color: #555;
}
.pro_xq_fr .table{}
.pro_xq_fr .table ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0.24rem 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: var(--f18);
	color: #666;
	line-height: 1.3;
}
.pro_xq_fr .table ul li{
	width: 49%;
	margin-top: 0.12rem;
}
.pro_xq_fr .table ul li strong{
	font-size: var(--f20);
	color: var(--theme-color);
	font-weight: 600;
	display: block;
	margin-bottom: 0.06rem;
}
.pro_xq_fr .btn{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.2rem;
	padding-top: 0.3rem;
	border-top: 1px solid #E9E9E9;
}
.pro_xq_fr .btn a{
	display: inline-block;
	padding: 0.16rem 0.48rem;
	border: 0.02rem solid var(--theme-color);
	background-color: var(--theme-color);
	font-size: var(--f18);
	color: #fff;
	border-radius: 0.06rem;
	min-width: 2rem;
	text-align: center;
}
.pro_xq_fr .btn a i{
	font-size: var(--f20);
	margin-right: 0.08rem;
}
.pro_xq_fr .btn a:first-child:hover{
	background-color: transparent;
	color: var(--theme-color);
}
.pro_xq_fr .btn a+a{
	background-color: #fff;
	color: var(--theme-color);
}
.pro_xq_fr .btn a:last-child:hover{
	background-color: var(--theme-color);
	color: #fff;
}
.pro_xq_ico .swiper-button-prev{
	left: 0;
}
.pro_xq_ico .swiper-button-next{
	right: 0;
}
.pro_xq_ico .swiper-button-prev::after,.pro_xq_ico .swiper-button-next::after{
	font-size: var(--f28);
	color: #000;
}
.pro_xq_ico .swiper-button-prev:hover::after,.pro_xq_ico .swiper-button-next:hover::after{
	color: var(--theme-color);
}
.pro_xq_ico .swiper-button-prev::after{}
.pro_xq_ico .swiper-button-next::after{}

.n_pro_xq_con{
	font-size: var(--f16);
	line-height: 1.75;
}
.n_pro_xq_con h2{
	position: relative;
	margin-top: 0.15rem;
	font-size: var(--f24);
	line-height: 1.3;
	margin-bottom: 0.20rem;
	padding-bottom: 0.1rem;
	font-family: "RB";
	scroll-margin-top: 90px;
	/* padding-left: 0.2rem; */
	/* color: var(--theme-color); */
}
.n_pro_xq_con h2::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 50px;
	height: 3px;
	background: var(--theme-color, #000);
}

.pagelink{
	border-top: 1px solid #E9E9E9;
}
.pagelink-item{
	font-size: var(--f18);
	line-height: 1.3;
	display: flex;
	flex-direction: column-reverse;
	border-bottom: 1px solid #E9E9E9;
	padding: 0.1rem;
}
.pagelink .next{}
.pagelink-item span{
	display: inline-block;
	color: var(--theme-color);
	padding-top: 10px;
}
.pagelink-item span::before {
    content: "➜";
    display: inline-block;
    font-size: var(--f18);
    margin-right: 10px;
}
.pagelink .prev span:before{
	transform: rotate(180deg);
}
.pagelink-item a:hover{
	color: var(--theme-color);
}
/* 产品详情 e */

/* 产品落地页 s */
.pro_page_01{}
.pro_page_01 .fl{
	width: 48%;
}
.pro_page_01 .fl .tit{}
.pro_page_01 .fl .des{}
.pro_page_01 .fl .des p+p{
	margin-top: 0.15rem;
}
.pro_page_01 .fr{
	width: 48%;
}
.pro_page_01 .fr .img{}

.pro_page_02{}
.pro_page_02 .item {
	margin-top: 0.8rem;
}
.pro_page_02 .item .tit{}
.pro_page_02 .item .con{
	background-color: #f5f5f8;
}
.pro_page_02 .item ul{
	display: flex;
	align-items: flex-start;
	gap: 0;
}
.pro_page_02 .item .wl-pro-guide-swiper { overflow: hidden; }
.pro_page_02 .item ul li{ height: auto; }
.pro_page_02 .item ul li a{
	display: block;
	height: 100%;
	background-color: #FFF;
}
.pro_page_02 .item ul li .info{
	text-align: center;
	padding: 0.3rem 0.2rem;
}
.pro_page_02 .item ul li .tit{
	/* height: 2.6em; */
}
.pro_page_02 .item ul li:hover .tit{
	color: var(--theme-color);
}
.pro_page_02 .item ul li .des{
	height: 3em;
}
.pro_page_02 .item ul li .btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.32rem;
	height: 0.32rem;
	border: 0.01rem solid #888;
	border-radius: 50%;
}
.pro_page_02 .item ul li .btn i{
	font-size: var(--f16);
	color: #888;
}
.pro_page_02 .item .c_btn{}
.wl-pro-guide-controls {
	gap: 0.18rem;
	margin-top: 0.3rem;
}
.wl-pro-guide-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.46rem;
	height: 0.46rem;
	border: 0.01rem solid #dce5ef;
	border-radius: 50%;
	background: #fff;
	color: var(--theme-color);
	cursor: pointer;
}
.wl-pro-guide-arrow i { font-size: 0.2rem; }
.wl-pro-guide-arrow.swiper-button-disabled { opacity: 0.35; cursor: default; }
.wl-pro-guide-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto !important;
}

.pro_page_03{}
.pro_page_03 ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.pro_page_03 ul li{
	text-align: center;
	padding: 0.5rem 0.2rem;
	box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, .05);
}
.pro_page_03 ul li .ico{
	display: inline-block;
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	/* border: 1px solid #888; */
}
.pro_page_03 ul li .ico img{}
.pro_page_03 ul li .info{}
.pro_page_03 ul li .tit{}
.pro_page_03 ul li .des{
	min-height: 6em;
}

/* c_quote s */
.c_quote{}
.c_quote .con{
	padding: 0.8rem;
}
.c_quote .fl{
	width: 40%;
}
.c_quote .fl h4,
.c_quote .fl h2{
	margin: 0;
	line-height: 1.2;
}
.c_quote .fl p{}
.c_quote .fl a{
	display: inline-block;
	padding: 0.13rem 0.36rem;
	background-color: var(--theme-color);
	border: 2px solid var(--theme-color);
	color: #fff;
	border-radius: 50px;
}
.c_quote .fl a:hover{
	background-color: #fff;
	color: var(--theme-color);
}
.c_quote .fr{
	width: 55%;
}
.c_quote .fr h4,
.c_quote .fr h2{
	margin-top: 0;
	line-height: 1.2;
}
.c_quote .fr form{
	row-gap: 0.15rem;
}
.c_quote .fr form .mui-input-row{
	width: 49%;
}
.c_quote .fr form .mui-input-row.w100{
	width: 100%;
}
.c_quote .fr form .mui-input-row input,.c_quote .fr form .mui-input-row textarea{
	width: 100%;
	height: 44px;
	background: #fff;
	border-radius: 4px;
	font-size: var(--f16);
	border: solid 1px rgba(var(--theme-color-rgb), 0.5);
	padding: 0 0.15rem;
}
.c_quote .fr form .mui-input-row textarea{
	height: 150px;
	padding: 0.15rem;
	background-color: #fff;
}
.c_quote .fr form .btn{}
.c_quote .fr form .btn button{
	border: none;
	padding: 0.15rem 0.42rem;
	background-color: var(--theme-color);
	font-size: var(--f16);
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}
.c_quote .fr form .btn button:hover{
	background-color: var(--sec-theme-color);
}
/* c_quote e */
/* 产品落地页 e */

/* 详情切换 s */

.xq_sort_nav{
	height: 75px;
}
#location .box.act {
    position: fixed;
	width: 100%;
    top: 80px;
    left: 0;
	background-color: #F4F5F9;
	background-color: #F9F9F9;
	z-index: 9;
}
.xq_sort_nav .w14{
	width: 100%;
	max-width: 100%;
	background-color: rgba(var(--theme-color-rgb), 0.10);;
	background-color: #F4F5F9;
	background-color: #F9F9F9;
	border-radius: 0.1rem;
	overflow: hidden;
	/* padding: 0 0.24rem; */
}
.xq_sort_nav .swiper{
}
.xq_sort_nav ul{}
.xq_sort_nav ul li{
	display: inline-block;
	width: auto;
}
.xq_sort_nav ul li a{
	position: relative;
	display: inline-block;
	height: 75px;
	line-height: 75px;
	padding: 0 0.24rem;
}
.xq_sort_nav ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--theme-color);
    content: "";
    transition: width .2s;
}
/* .xq_sort_nav ul li:has(~.cur)::after{
	right: 0;
	left: auto;
} */
.xq_sort_nav ul li a:hover,.xq_sort_nav ul li.cur a{
	color: var(--theme-color);
}
.xq_sort_nav ul li.cur a:after{
	width: 100%;
}
.xq_sort_nav ul li a i{
	display: inline-block;
	transform: rotate(45deg);
}
/* 详情切换 e */

/* ====================新闻样式========================= */


/* 新闻列表 s */
.n_newslist{}
.n_newslist ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	row-gap: 0.3rem;
	column-gap: 0.3rem;
}
.n_newslist ul li{}
.n_newslist ul li:nth-child(3n){
	margin-right: 0;
}
.n_newslist ul li a{
	display: block;
	box-shadow: 0 0 0.3rem rgb(0 0 0 / .08);
}
.n_newslist ul li .info{
	position: relative;
	padding: 0.4rem 0.3rem 0.3rem;
}
.n_newslist ul li .date{
	position: absolute;
	left: 0.3rem;
	bottom: 100%;
	margin-bottom: -0.25rem;
	z-index: 1;
	width: 80px;
	text-align: center;
}
.n_newslist ul li .date span{
	display: block;
	font-size: var(--f30);
	line-height: 2.2;
	color: #fff;
	background-color: var(--theme-color);
}
.n_newslist ul li .date p{
	background-color: #f3f4f7;
	font-size: var(--f12);
	line-height: 1.8;
}
.n_newslist ul li .tit{
	height: 2.6em;
}
.n_newslist ul li .des{
	height: 3em;
}
.n_newslist ul li .more::after{
	color: var(--theme-color);
	display: inline-block;
	content: "\f0a9";
	font-family: "FontAwesome";
	font-size: 16px;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	margin-left: 0.06rem;
	position: relative;
	text-shadow: none;
	text-transform: none;
	transition: all 0.3s ease 0s;
}
/* 新闻列表 e */

/* 新闻详情 s */
.n_news{
	background-color: #eff1f5;
}
.n_news .fl{
	flex: 1;
	width: calc(100% - 450px);
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
}
.n_news .fl .top{}
.n_news .fl .top h3{
	border-bottom: 1px solid rgb(221, 221, 221);
}
.n_news .fl .top .date{}
.n_news .fl .box{
	padding: 0.6rem 0.7rem 0.3rem;
}
.n_news .fl .con{
}
.n_news .fl .con table{
	max-width: 100%;
}
.n_news .fl .bot{
	border-top: 1px #eee solid;
}
.n_news .fl .bot>div{
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.1rem;
}
.n_news .fl .prev{
	text-align: left;
}
.n_news .fl .next{
	text-align: right;
}
.n_news .fl .bot>div span{
	font-weight: 600;
}
.n_news .fl .bot>div a{
	color: #555;
	display: inline-block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	width: 80%;
}
.n_news .fr{
	width: 400px;
}


/* ==================================================
   News Detail - Headings (H2, H3, H4, H5) Styles
================================================== */
/* 统一的基础设置：深色、加粗、合理的上下间距 */
.ar_article h2, 
.ar_article h3, 
.ar_article h4, 
.ar_article h5 {
    color: #222222;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 1.2em;   /* 距离上一段远一点，拉开层次 */
    margin-bottom: 0.6em; /* 距离下一段近一点，保持紧凑 */
}

/* H2：作为段落大标题，加一条极简的浅色底边框，显得非常规范 */
.ar_article h2 {
    font-size: 26px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eaeaea;
}

/* H3：中标题，纯文字靠字号区分 */
.ar_article h3 {
    font-size: 24px;
}

/* H4：小标题 */
.ar_article h4 {
    font-size: 20px;
}

/* H5：次级小标题 */
.ar_article h5 {
    font-size: 18px;
    color: #444444; /* 颜色稍微弱化一点 */
}


/* ==================================================
   News Detail - Table (表格) Styles
================================================== */
/* 表格滚动外层容器：去掉 border，只做滚动控制 */
.ar_article .scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    margin: 25px 0;
    /* 移除了 border 和 border-radius，避免与 table 边框冲突 */
}

/* 表格主体：边框加在这里 */
.ar_article table {
    width: 100%;
    min-width: 700px; 
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #eaeaea; /* 最外层边框 */
    font-size: 15px;
    color: #444444;
    background-color: #ffffff;
}

.ar_article th, 
.ar_article td {
    padding: 14px 20px;
    border: 1px solid #eaeaea; /* 内部网格线 */
    vertical-align: middle;
    line-height: 1.5;
}

.ar_article th p, 
.ar_article td p{
	margin-bottom: 0;
}

.ar_article th {
    background-color: #f4f7f9; 
    color: #222222;
    font-weight: 600;
    text-align: left;
    white-space: nowrap; 
}

.ar_article tbody tr:nth-child(even) {
    background-color: #fafbfc;
}

.ar_article tbody tr:hover {
    background-color: #f0f5fa;
    transition: background-color 0.3s ease;
}

/* ==================================================
   News Detail - Paragraphs & Lists
================================================== */
/* P标签：增加底部留白和舒适的行高 */
.ar_article p {
    font-size: 16px;
    line-height: 1.75;
    color: #444444;
    margin-bottom: 1em; /* 底部外边距，拉开段落间距 */
}

/* 最后一个 P 标签不需要底部间距，避免撑大父容器 */
.ar_article p:last-child {
    margin-bottom: 0;
}

.ar_article a{
	color: var(--theme-color);
	text-decoration: underline;
}

.ar_article strong{
	font-weight: bold;
}

.ar_article span{
	/* color: var(--sec-theme-color); */
	color: #d32f2f;
}

/* 无序列表与有序列表 */
.ar_article ul,
.ar_article ol {
    margin-bottom: 1.5em;
    padding-left: 20px; /* 给默认的圆点/数字留出空间 */
    color: #444444;
}

.ar_article ul {
    list-style-type: disc; /* 实心圆点 */
}

.ar_article ol {
    list-style-type: decimal; /* 数字序号 */
}

.ar_article li {
    margin-bottom: 6px; /* 列表项之间的微小间距 */
    line-height: 1.75;
	list-style: disc;
}

.ar_article li:last-child {
    margin-bottom: 0;
}


/* ================= 响应式适配 (Mobile) ================= */
@media (max-width: 768px) {
    /* 手机端适当缩小标题字号 */
    .ar_article h2 { font-size: 22px; }
    .ar_article h3 { font-size: 20px; }
    .ar_article h4 { font-size: 18px; }
    .ar_article h5 { font-size: 16px; }
	.ar_article p {font-size: 14px;}
    
    /* 手机端表格内边距缩小，留出更多可视空间 */
    .ar_article th, 
    .ar_article td { 
        padding: 8px 12px; 
        font-size: 14px; 
    }
}


/* ==================================================
   News Detail - Blockquote (摘要/引用) Styles
================================================== */
.ar_article blockquote {
    position: relative;
    margin: 30px 0;
    padding: 25px 30px 25px 40px;
    background-color: #f8f9fa; /* 极浅的工业灰蓝背景 */
    border-left: 4px solid #ff6600; /* 主题色左边框 */
    border-radius: 0 8px 8px 0; /* 右侧微圆角，左侧直角贴合边框 */
    font-size: 18px; /* 字体比正文稍微大一点 */
    line-height: 1.8;
    color: #444444; /* 字体颜色略深，提升辨识度 */
    font-style: italic; /* 斜体增加引用感 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* 极弱的阴影增加层次 */
    z-index: 1;
    overflow: hidden;
}

/* 添加一个纯 CSS 的巨大双引号作为背景水印，提升设计感 */
.ar_article blockquote::before {
    content: "\201C"; /* 左双引号的 Unicode */
    position: absolute;
    top: -10px;
    left: 10px;
    font-size: 100px;
    color: rgba(255, 102, 0, 0.08); /* 极透明的主题色 */
    font-family: Georgia, serif; /* 强制使用带衬线的字体以确保双引号优雅 */
    line-height: 1;
    z-index: -1;
}

/* 确保 blockquote 内部的 p 标签样式正常 */
.ar_article blockquote p {
    position: relative;
    z-index: 2;
    margin-bottom: 0; /* 如果只有一段，去掉底部多余间距 */
}

/* 如果有多个段落，除了最后一个，其他的保留间距 */
.ar_article blockquote p:not(:last-child) {
    margin-bottom: 15px;
}

/* ================= 响应式适配 (Mobile) ================= */
@media (max-width: 768px) {
    .ar_article blockquote {
        padding: 20px;
        font-size: 16px;
        margin: 20px 0;
    }
    .ar_article blockquote::before {
        font-size: 80px;
        left: 5px;
        top: -5px;
    }
}


.n_news .fr .tab-con{
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
	background-color: #fff;
}
.n_news .fr .tab-con h4,.n_news .fr .tab-con h2{
	padding: 20px 20px 0;
	font-weight: 700;
}
.n_news .fr .blog-nav{
	padding: 20px;
}
.n_news .fr .blog-nav li{
	padding: 5px 0;
	overflow: hidden;
}
.n_news .fr .blog-nav li a{
	display: block;
}
.n_news .fr .blog-nav .one>a:before{
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 0.08rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	vertical-align: middle;
	margin-bottom: 3px;
}
.n_news .fr .blog-nav li a:hover{
	text-decoration: underline;
}
.n_news .fr .blog-nav>li>ul{}
.n_news .fr .blog-nav>li>ul>li{}
#catalog .one>a{
	font-weight: 600;
}
#catalog .two a {
    margin-left: 0.12rem;
	font-weight: 500;
}

.n_news .fr .recomm{
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
}
.n_news .fr .recomm h4{}
.n_news .fr .recomm ul{}
.n_news .fr .recomm ul li{
	width: 100%;
}
.n_news .fr .recomm ul li+li{
	margin-top: 0.2rem;
}
.n_news .fr .recomm ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n_news .fr .recomm ul li .img{
	width: 120px;
}
.n_news .fr .recomm ul li .info{
	width: calc(100% - 130px);
}
.n_news .fr .recomm ul li .info .tit{}
.n_news .fr .recomm ul li .info .date{}

/* Keep the news tools visible while long articles are being read. */
@media (min-width: 1001px) {
	.n_news > .w15.clearfix {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 4rem;
		gap: 0.5rem;
		align-items: start;
	}
	.n_news > .w15.clearfix::before,
	.n_news > .w15.clearfix::after {
		display: none;
	}
	.n_news > .w15.clearfix > .fl,
	.n_news > .w15.clearfix > .fr {
		float: none;
		width: auto;
		min-width: 0;
	}
	.n_news > .w15.clearfix > .fr {
		position: sticky;
		top: var(--wl-anchor-offset, calc(var(--nav_height) + 24px));
		overflow: visible;
	}
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: var(--wl-anchor-offset, calc(var(--nav_height) + 24px));
}
#newscontent h2,
#newscontent h3,
#newscontent h4,
#newscontent h5 {
	scroll-margin-top: var(--wl-anchor-offset, calc(var(--nav_height) + 24px));
}
#catalog a {
	position: relative;
	padding-left: 0.12rem;
	border-left: 2px solid transparent;
	color: #4c5664;
	line-height: 1.45;
	transition: color .25s ease, border-color .25s ease, background-color .25s ease;
}
#catalog .two a { padding-left: 0.2rem; }
#catalog a.active {
	border-left-color: var(--theme-color);
	background: rgba(var(--theme-color-rgb), .07);
	color: var(--theme-color);
	text-decoration: none;
}
/* 新闻详情 e */

/* Search results */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.wl-search-section { background: #f4f7fa; }
.wl-search-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #dce3ea;
}
.wl-search-eyebrow {
	margin-bottom: 0.12rem;
	color: var(--theme-color);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .12em;
}
.wl-search-header h1 {
	max-width: 9rem;
	color: #152333;
	font-size: var(--f40);
	font-weight: 700;
	line-height: 1.2;
}
.wl-search-count { margin-top: 0.12rem; color: #697586; font-size: var(--f16); }
.wl-search-form {
	display: flex;
	flex: 0 0 4.8rem;
	height: 0.58rem;
	border: 1px solid #d5dde6;
	background: #fff;
	box-shadow: 0 8px 24px rgba(16, 52, 84, .06);
}
.wl-search-form input {
	min-width: 0;
	flex: 1;
	padding: 0 0.18rem;
	border: 0;
	background: transparent;
	color: #243447;
	font: inherit;
	outline: 0;
}
.wl-search-form:focus-within { border-color: var(--theme-color); box-shadow: 0 0 0 3px rgba(var(--theme-color-rgb), .12); }
.wl-search-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.1rem;
	min-width: 1.3rem;
	padding: 0 0.18rem;
	border: 0;
	background: var(--theme-color);
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .25s ease;
}
.wl-search-form button:hover { background: #004d8e; }
.wl-search-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.28rem;
}
.wl-search-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e1e6ec;
	border-radius: 0.1rem;
	background: #fff;
	box-shadow: 0 8px 28px rgba(27, 54, 82, .05);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.wl-search-card:hover {
	transform: translateY(-5px);
	border-color: rgba(var(--theme-color-rgb), .28);
	box-shadow: 0 18px 42px rgba(27, 54, 82, .12);
}
.wl-search-card-media { display: block; overflow: hidden; border-bottom: 1px solid #edf0f3; background: #eef3f7; }
.wl-search-card-media img { object-fit: cover; transition: transform .45s ease; }
.wl-search-card.type-product .wl-search-card-media { background: #fff; }
.wl-search-card.type-product .wl-search-card-media img { object-fit: contain; }
.wl-search-card:hover .wl-search-card-media img { transform: scale(1.035); }
.wl-search-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 0.25rem 0.28rem 0.28rem;
}
.wl-search-meta {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 0.16rem;
	margin-bottom: 0.14rem;
	color: #7b8794;
	font-size: 13px;
}
.wl-search-meta span {
	display: inline-flex;
	padding: 0.06rem 0.1rem;
	border-radius: 0.04rem;
	background: rgba(var(--theme-color-rgb), .09);
	color: var(--theme-color);
	font-weight: 700;
	line-height: 1;
}
.wl-search-card h2 {
	margin: 0;
	font-size: var(--f20);
	font-weight: 700;
	line-height: 1.4;
}
.wl-search-card h2 a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.wl-search-card h2 a:hover { color: var(--theme-color); }
.wl-search-card-body > p {
	display: -webkit-box;
	overflow: hidden;
	margin-top: 0.14rem;
	color: #627080;
	font-size: var(--f14);
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.wl-search-page mark {
	padding: 0 .04em;
	border-radius: 2px;
	background: #ffe28a;
	color: #182535;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.wl-search-more {
	display: inline-flex;
	align-items: center;
	gap: 0.08rem;
	margin-top: auto;
	padding-top: 0.2rem;
	color: var(--theme-color);
	font-size: var(--f14);
	font-weight: 700;
}
.wl-search-more span { transition: transform .25s ease; }
.wl-search-more:hover span { transform: translateX(4px); }
.wl-search-page .com_page { margin-top: 0.5rem; }
.wl-search-page .com_page { max-width: 100%; flex-wrap: wrap; justify-content: center; row-gap: 0.08rem; }
.com_page .page-dots { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; color: #7d8792; }
.wl-search-empty {
	padding: 0.75rem 0.4rem;
	border: 1px solid #e0e6ec;
	background: #fff;
	text-align: center;
}
.wl-search-empty-icon { display: block; color: var(--theme-color); font-size: 0.48rem; }
.wl-search-empty h2 { margin-top: 0.18rem; color: #172536; font-size: var(--f30); font-weight: 700; }
.wl-search-empty p { margin-top: 0.12rem; color: #687585; font-size: var(--f16); }
.wl-search-empty-actions { display: flex; justify-content: center; gap: 0.16rem; margin-top: 0.28rem; }

@media (max-width: 1000px) {
	.wl-search-header { align-items: stretch; flex-direction: column; }
	.wl-search-form { width: 100%; flex-basis: auto; }
	.wl-search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.wl-search-grid { grid-template-columns: 1fr; }
	.wl-search-header h1 { font-size: 0.44rem; }
	.wl-search-form { height: 0.9rem; }
	.wl-search-form button { min-width: 1.6rem; }
	.wl-search-form button span { display: none; }
	.wl-search-card-body { padding: 0.3rem; }
	.wl-search-empty-actions { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.wl-search-card,
	.wl-search-card-media img,
	.wl-search-more span { transition: none; }
}


/* ====================应用样式========================= */


/* 方案列表 s */
.sol_grid {
    display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
}
.sol_card {
    border: 1px solid #eee;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sol_card:hover {
    box-shadow: 0 15px 40px rgba(1, 84, 164, 0.1);
    transform: translateY(-10px);
    border-color: transparent;
}
.sol_card .info {
    border-top: none;
}
.sol_more {
    display: inline-flex;
    align-items: center;
    color: var(--theme-color);
    transition: all 0.3s ease;
}
.sol_more i {
    margin-left: 0.08rem;
    transition: transform 0.3s ease;
}
.sol_card:hover .sol_more {
    color: var(--sec-theme-color);
}
.sol_card:hover .sol_more i {
    transform: translateX(5px);
}
/* 方案列表 e */

/* 方案详情 s */
.detail_content p {
    margin-bottom: 0.1rem;
}
.detail_list li {
    position: relative;
    padding-left: 0.3rem;
    margin-bottom: 0.15rem;
    font-size: var(--f16);
    line-height: 1.6;
    color: #444;
}
.detail_list li i {
    position: absolute;
    left: 0;
    top: 0.05rem;
    color: var(--theme-color);
    font-size: var(--f20);
}
.rel_pro_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
}
.rel_pro_item {
    display: block;
    border: 1px solid #eee;
    transition: all 0.3s ease;
	overflow: hidden;
}
.rel_pro_item:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    border-color: var(--theme-color);
}
.rel_pro_item:hover h4 {
    color: var(--theme-color);
}
.side_form input, .side_form textarea {
    border: 1px solid transparent;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}
.side_form input:focus, .side_form textarea:focus {
    border-color: var(--theme-color);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(1, 84, 164, 0.1);
}
.side_form button:hover {
    background-color: var(--sec-theme-color);
}
/* 右侧边栏跟随 (Sticky Sidebar) */
.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem; /* 距离顶部的距离，可根据您网站实际的导航栏高度调整 */
    align-self: flex-start; /* 必须加这个，否则在 flex 容器中会默认拉伸等高导致失效 */
}

/* 相关方案列表 (Related Solutions) */
.rel_sol_list li a:hover h4 { color: var(--theme-color); }
.rel_sol_list .pic { width: 0.8rem; height: 0.6rem; flex-shrink: 0; }
.rel_sol_list .pic img { width: 100%; height: 100%; object-fit: cover; }

/* 底部产品轮播 (Product Swiper) */
.rel_pro_slider { padding: 0.1rem 0.1rem 0.5rem; margin: -0.1rem; }
.rel_pro_item { display: block; border: 1px solid #eee; transition: all 0.3s ease; background: #fff; }
.rel_pro_item:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: var(--theme-color); }
.rel_pro_item:hover h4 { color: var(--theme-color); }

/* 自定义轮播按钮样式 */
.rel_pro_slider .swiper-button-next, 
.rel_pro_slider .swiper-button-prev {
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    top: auto;
    bottom: 0;
    margin: 0;
	border: none;
}
.rel_pro_slider .swiper-button-next { right: 45%; }
.rel_pro_slider .swiper-button-prev { left: 45%; }
.rel_pro_slider .swiper-button-next::after, 
.rel_pro_slider .swiper-button-prev::after {
    font-size: 0.18rem;
    font-weight: bold;
}
.rel_pro_slider .swiper-button-next:hover, 
.rel_pro_slider .swiper-button-prev:hover {
    background-color: var(--sec-theme-color);
}
.side_form button{border: none;cursor: pointer;}
.wl-solution-sidebar-form .ff-t-container {
	display: block !important;
}
.wl-solution-sidebar-form .ff-t-cell {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
	flex-basis: 100% !important;
}
.wl-solution-sidebar-form .ff-el-group {
	width: 100%;
	margin-bottom: 0.16rem;
}
.wl-solution-sidebar-form .ff-el-input--label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.wl-solution-sidebar-form .ff-el-form-control,
.wl-solution-sidebar-form .ff-btn-submit {
	width: 100%;
}
/* 表单样式 */
.side_form input, .side_form textarea { border: 1px solid transparent; transition: all 0.3s ease; }
.side_form input:focus, .side_form textarea:focus { border-color: var(--theme-color); background-color: #fff; box-shadow: 0 0 10px rgba(1, 84, 164, 0.1); }
.side_form button:hover { background-color: var(--sec-theme-color); }
/* 方案详情 e */

/* ==================== 响应式适配 (Responsive) ========================= */
@media screen and (max-width: 1200px) {
    .sol_grid { gap: 0.2rem; }
    .detail_left { width: 65%; }
    .detail_right { width: 32%; }
}

@media screen and (max-width: 1000px) {
    .sol_grid { grid-template-columns: repeat(2, 1fr); }
    .detail_left { width: 100%; margin-bottom: 0.4rem; }
    .detail_right { width: 100%; display: flex; gap: 0.2rem; }
    .detail_right .sidebar_box { width: 50%; margin-bottom: 0; }
    .rel_pro_grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 767px) {
    .inner_ban { height: 3rem; }
    .sol_grid { grid-template-columns: 1fr; }
    .detail_right { flex-direction: column; gap: 0; }
    .detail_right .sidebar_box { width: 100%; margin-bottom: 0.3rem; }
    .rel_pro_grid { grid-template-columns: 1fr; }
    .dl_item { flex-direction: column; align-items: flex-start; padding: 0.2rem; }
    .dl_btn { margin-top: 0.2rem; width: 100%; justify-content: center; }
    .dl_tabs a { width: 100%; text-align: center; margin: 0 0 0.1rem; }
	.rel_sol_list .pic{width: 1.2rem;height: 0.9rem;}
}


/* 行业列表 s */
.n_applist{}
.n_applist ul{}
.n_applist ul li{
	float: left;
	width: 33%;
	margin-bottom: .5%;
	margin-right: .5%;
}
.n_applist ul li:nth-child(3n){
	margin-right: 0;
}
.n_applist ul li a{
	display: block;
	position: relative;
}
.n_applist ul li .img{}
.n_applist ul li .txt{
	position: absolute;
	top: 6%;
	left: 6%;
	z-index: 3;
	padding: 0.25rem 0.3rem 0.75rem;
	/* background-color: rgb(255,255,255,.9); */
	min-width: 56%;
}
.n_applist ul li .txt::after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../images/i_app_bg.png') no-repeat center;
	background-size: 100% auto;
	opacity: .9;
	z-index: 1;
}
.n_applist ul li .txt .tit{
	position: relative;
	z-index: 2;
}
.n_applist ul li .txt i{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0.3rem;
	bottom: -15%;
	background: var(--theme-color);
	width: 0.45rem;
	height: 0.45rem;
	font-size: var(--f16);
	color: #fff;
	font-weight: 700;
	z-index: 2;
}
/* 行业列表 e */

/* 行业详情 s */
.n_tit2{
	position: relative;
	font-size: var(--f40);
	line-height: 1.3;
	padding-bottom: 0.15rem;
	font-family: "RB";
}
.n_tit2::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 0.67rem;
    height: 0.04rem;
    background: var(--theme-color);
}
.n_app_xq_01{}
.n_app_xq_01 .fl{
	width: 48%;
}
.n_app_xq_01 .fr{
	width: 48%;
}

.n_app_xq_02{
	
}
.n_app_xq_02{}
.n_app_xq_02 ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_app_xq_02 ul li{
	background-color: #fff;
	border-radius: 0.2rem;
	-webkit-box-shadow: 0 0 .2rem 0 rgba(0,0,0, .1);
	box-shadow: 0 0 .2rem 0 rgba(0,0,0, .1);
	padding: 0.3rem 0.6rem;
	text-align: center;
}
.n_app_xq_02 ul li .ico{}
.n_app_xq_02 ul li .ico img{
	display: inline-block;
	height: 0.8rem;
}
.n_app_xq_02 ul li .info{
	margin-top: 0.35rem;
	min-height: 6em;
}
.n_app_xq_02 ul li .tit{
	font-size: var(--f24);
	line-height: 1.3;
	font-family: 'RB';
}
.n_app_xq_02 ul li .des{
	font-size: var(--f16);
	line-height: 1.5;
	color: #666;
	margin-top: 0.15rem;
	min-height: 7.5em;
}

.xg_case{}
.xg_case ul{}
.xg_case ul li{}
.xg_case ul li a{
	display: block;
	background-color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
}
.xg_case ul li .info{}
.xg_case ul li .info .tit{}
.xg_case ul li a:hover .tit{
	color: var(--theme-color);
}
/* 行业详情 e */


/* ====================服务样式========================= */

/* 服务支持 s */
.n_service{}
.n_service ul{}
.n_service ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: stretch;
}
.n_service ul li+li{
	margin-top: 0.3rem;
}
.n_service ul li:nth-child(2n){
	flex-direction: row;
}
.n_service ul li .img{
	width: 50%;
}
.n_service ul li .txt{
	width: 50%;
	background-color: #f5f5f5;
	padding: 0.8rem 1.2rem 0.3rem 0.8rem;
}
.n_service ul li .tit{}
.n_service ul li .des{}
/* 服务支持 e */

/* ==========================================================================
   Wanlai Technical Support Page Styles
   ========================================================================== */
/* 2. Sticky Navigation */
.wl-ts-nav {
    position: sticky;
    top: 0;
    z-index: 99;
    box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.05);
}
.wl-ts-nav .wl-ts-nav-item {
    position: relative;
    transition: color 0.3s ease;
}
.wl-ts-nav .wl-ts-nav-item:hover, 
.wl-ts-nav .wl-ts-nav-item.active {
    color: var(--theme-color);
}
.wl-ts-nav .wl-ts-nav-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.03rem;
    background: var(--theme-color);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
.wl-ts-nav .wl-ts-nav-item:hover::after, 
.wl-ts-nav .wl-ts-nav-item.active::after {
    transform: scaleX(1);
}

/* 3. Our Services */
.wl-ts-services .wl-ts-icon-wrap {
    width: 0.45rem;
    height: 0.45rem;
}
.wl-ts-services .wl-ts-icon-wrap svg {
    width: 0.22rem;
    height: 0.22rem;
}

/* 4. Advantages */
.wl-ts-advantages .wl-ts-adv-item {
    border: 1px solid #eaeaea;
}
.wl-ts-advantages .wl-ts-adv-item:hover {
    transform: translateY(-0.1rem);
    box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.06);
    border-color: transparent;
}
.wl-ts-advantages .wl-ts-adv-icon {
    width: 0.6rem;
    height: 0.6rem;
}

/* 5. Contact Form */
.wl-ts-form-sec .wl-ts-input {
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    outline: none;
    transition: border-color 0.3s ease;
}
.wl-ts-form-sec .wl-ts-input::placeholder {
    color: #999;
}
.wl-ts-form-sec .wl-ts-input:focus {
    border-bottom-color: var(--theme-color);
}
.wl-ts-form-sec .wl-ts-submit-btn {
    border: none;
    cursor: pointer;
}
.wl-ts-form-sec .wl-ts-submit-btn:hover {
    background: #003058; /* 悬停加深品牌蓝 */
    box-shadow: 0 0.05rem 0.15rem rgba(7, 81, 141, 0.3);
}

/* 6. Bottom Explore Cards */
.wl-ts-explore .wl-ts-card-mask {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    transition: background 0.4s ease;
	left: 0;
	top: 0;
}
.wl-ts-explore .wl-ts-card-content {
    z-index: 2;
}
.wl-ts-explore .wl-ts-arrow {
    right: 0.4rem;
    bottom: 0.4rem;
    width: 0.35rem;
    height: 0.35rem;
    transition: transform 0.3s ease;
}
.wl-ts-explore .wl-ts-card:hover .wl-ts-card-mask {
    /* 悬停时渐变色变为品牌蓝 */
    background: linear-gradient(0deg, rgba(0, 78, 162, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.wl-ts-explore .wl-ts-card:hover .wl-ts-arrow {
    transform: translateX(0.1rem);
}

/* ==========================================================================
   响应式适配 (Tablet & Mobile)
   ========================================================================== */
@media screen and (max-width: 1200px) {
    .wl-ts-advantages .wl-ts-adv-item {
        width: 48%;
        margin-bottom: 0.3rem;
    }
}

@media screen and (max-width: 768px) {
    .wl-ts-hero {
        height: 4.5rem;
    }
    .wl-ts-nav .w16 {
        overflow-x: auto;
        white-space: nowrap;
        justify-content: flex-start;
    }
    .wl-ts-services .w45, 
    .wl-ts-services .w50,
    .wl-ts-form-sec .w35, 
    .wl-ts-form-sec .w60,
    .wl-ts-explore .w48 {
        width: 100%;
    }
    .wl-ts-services .w50 {
        margin-top: 0.4rem;
    }
    .wl-ts-advantages .wl-ts-adv-item {
        width: 100%;
    }
    .wl-ts-form-sec .w60 {
        margin-top: 0.4rem;
    }
    .wl-ts-form-sec .wl-ts-input-box {
        width: 100%;
    }
    .wl-ts-explore .w48 {
        margin-bottom: 0.3rem;
    }
}


/* 常见问题 s */
.n_faq{}
.n_faq ul{}
.n_faq ul li{
	margin-bottom: 0.2rem;
}
.n_faq ul li:last-child{
	margin-bottom: 0;
}
.n_faq ul li .faq_t{
	width: 100%;
	padding: 0.2rem;
	display: flex;
	gap: 0.15rem;
	align-items: center;
	justify-content: space-between;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	background-color: #f8f8f8;
	cursor: pointer;
	border: 0;
	border-radius: 0;
	color: inherit;
	font: inherit;
	line-height: inherit;
	text-align: left;
	-webkit-appearance: none;
	appearance: none;
}
.n_faq ul li.on .faq_t{
	background-color: var(--theme-color);
	color: #fff;
}
.n_faq ul li .faq_t h4,
.n_faq ul li .faq_t h2{
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: var(--f20);
	line-height: 1;
}
.n_faq ul li .faq_t:focus-visible{
	outline: 2px solid var(--theme-color);
	outline-offset: 2px;
}
.n_faq ul li .faq_t i{
	transition: all 0.3s ease-in-out;
}
.n_faq ul li.on .faq_t i{
	transform: rotate(180deg);
}
.n_faq ul li .faq_b{
	display: none;
}
.n_faq ul li.on .faq_b{
    display: block;
}
.n_faq ul li .faq_b .info{
	padding: 0.25rem 0.3rem 0.05rem 0.3rem;
}
/* 常见问题 e */

/* 下载中心 s */
/* =========================================
   Download Center (Elegant Bar Style)
   ========================================= */

.wl-download-center {
    background-color: #F8FAFC; 
	/* 整体背景给一个极浅的灰蓝，让白色卡片凸显出来 */
}

/* --- 优雅横向宽卡片列表 --- */
.wl-download-center .doc-item {
    border: 1px solid #EAEFEF;
    box-shadow: 0 0.04rem 0.15rem rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.wl-download-center .doc-item:hover {
    transform: translateY(-0.04rem);
    box-shadow: 0 0.1rem 0.25rem rgba(1, 104, 179, 0.08);
    border-color: var(--theme-color);
}

/* 左侧图标容器 */
.wl-download-center .doc-icon {
    width: 0.64rem;
    height: 0.64rem;
    background: #F0F5FA;
    color: var(--theme-color);
    transition: all 0.3s ease;
}

/* .wl-download-center .doc-item:hover .doc-icon {
    background: var(--theme-color);
    color: #ffffff;
} */

.wl-download-center .doc-item:hover h3{
	color: var(--theme-color);
}

/* 右侧下载按钮 */
.wl-download-center .doc-btn {
    padding: 0.12rem 0.24rem;
    border: 1px solid #EAEFEF;
    color: var(--theme-color);
    background: #fff;
    transition: all 0.3s ease;
}

.wl-download-center .doc-btn.is-disabled {
	opacity: 0.48;
	cursor: not-allowed;
}

.wl-download-center .doc-item:hover .doc-btn {
    background: var(--theme-color);
    color: #ffffff;
    border-color: var(--theme-color);
}

.wl-download-center .doc-item:hover .doc-btn.is-disabled {
	border-color: #EAEFEF;
	background: #fff;
	color: var(--theme-color);
}

/* =========================================
   Responsive Media Queries (追加到 media.css)
   ========================================= */

@media screen and (max-width: 1024px) {
    .wl-download-center .wl-dc-featured {
        flex-direction: column;
    }
    .wl-download-center .feat-left,
    .wl-download-center .feat-right {
        width: 100%;
    }
    .wl-download-center .feat-right {
        margin-top: 0.4rem;
    }
}

@media screen and (max-width: 767px) {
    .wl-download-center .doc-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.2rem;
    }
    
    .wl-download-center .doc-info {
        width: 100%;
        margin-bottom: 0.2rem;
    }
    
    .wl-download-center .doc-text h3 {
        font-size: var(--f18);
    }
    
    .wl-download-center .doc-text p {
        font-size: var(--f14);
    }
    
    .wl-download-center .doc-btn {
        width: 100%;
    }
}


/* 下载中心 e */

/* 视频中心 s */
/* 视频中心 e */

/* ====================联系样式========================= */

/* 联系我们 s */
.n_contact{}
.n_contact .fl{
	width: 58%;
}
.n_contact .fl .con{}
.n_contact .fl form{}
.n_contact .fl .mui-input-row{
	width: 48%;
	margin-bottom: 0.15rem;
}
.n_contact .fl .mui-input-row input{
	width: 100%;
	font-size: var(--f16);
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F8F7FA;
	border-radius: 0.05rem;
	padding-left: 0.16rem;
	border: none;
}
.n_contact .fl .mui-input-row.w100{
	width: 100%;
}
.n_contact .fl .mui-input-row textarea{
	font-size: var(--f16);
	padding: 0.16rem;
	line-height: 1.5;
	width: 100%;
	height: calc(9em + 0.32rem);
	background: #F4F5F9;
	border-radius: 0.05rem;
	border: none;
}
.n_contact .fl .btn{}
.n_contact .fl .btn button{
	display: inline-block;
	background-color: var(--theme-color);
	color: #fff;
	padding: 0.2rem 0.5rem;
	font-size: var(--f20);
	text-transform: uppercase;
	border: none;
}
.n_contact .fr{
	width: 38%;
}
.n_contact .fr .des{}
.n_contact .fr .con{}
.n_contact .fr ul{}
.n_contact .fr ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n_contact .fr ul li+li{
	margin-top: 0.4rem;
}
.n_contact .fr ul li .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background-color: var(--theme-color);
}
.n_contact .fr ul li .icon:hover{
	background-color: #000;
}
.n_contact .fr ul li .icon i{
	font-size: var(--f30);
	color: #fff;
}
.n_contact .fr ul li .text{
	width: calc(100% - 100px);
	line-height: 1.67;
}
.n_contact .fr ul li .text h5{
	font-size: var(--f20);
	font-weight: 600;
}
.n_contact .fr ul li .text p{
	font-size: var(--f16);
	line-height: 1.5;
	margin-top: 0.05rem;
}
.n_contact .fluentform .ff-el-input--label,
.c_quote .fluentform .ff-el-input--label {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.n_contact .fluentform .ff-t-container,
.c_quote .fluentform .ff-t-container {display:flex;gap:0.2rem;margin:0;}
.n_contact .fluentform .ff-t-cell,
.c_quote .fluentform .ff-t-cell {min-width:0;}
.n_contact .fluentform .ff-el-group,
.c_quote .fluentform .ff-el-group {margin-bottom:0.2rem;}
.n_contact .fluentform .ff-el-form-control,
.c_quote .fluentform .ff-el-form-control {width:100%;height:0.58rem;padding:0 0.2rem;border:1px solid #e5e8ec;border-radius:0;background:#f8f9fa;color:#333;font:inherit;box-shadow:none;}
.n_contact .fluentform textarea.ff-el-form-control,
.c_quote .fluentform textarea.ff-el-form-control {height:1.5rem;padding-top:0.16rem;resize:vertical;}
.n_contact .fluentform .ff-btn-submit,
.c_quote .fluentform .ff-btn-submit {min-width:2.2rem;min-height:0.56rem;padding:0.15rem 0.32rem;border:0;border-radius:0;background:var(--theme-color);color:#fff;font-size:var(--f18);font-weight:700;opacity:1;cursor:pointer;transition:all .3s;}
.n_contact .fluentform .ff-btn-submit:hover,
.c_quote .fluentform .ff-btn-submit:hover {background:#ff7a1a;color:#fff;}

.n_contact .fluentform fieldset {
	display: grid !important;
	grid-template-columns: repeat(2, 48%);
	justify-content: space-between;
	column-gap: 0;
	row-gap: 0.15rem;
}
.n_contact .fluentform .ff-t-container { display: contents; }
.n_contact .fluentform .ff-t-cell { width: 100% !important; max-width: none !important; padding: 0 !important; }
.n_contact .fluentform .ff-t-cell:has(input[name="name"]) { order: 1; }
.n_contact .fluentform .ff-t-cell:has(input[name="phone"]) { order: 2; }
.n_contact .fluentform .ff-t-cell:has(input[name="email"]) { order: 3; }
.n_contact .fluentform .ff-t-cell:has(input[name="company"]) { order: 4; }
.n_contact .fluentform .ff-el-group { margin-bottom: 0; }
.n_contact .fluentform .ff-el-group:has(textarea[name="message"]) { order: 5; grid-column: 1 / -1; }
.n_contact .fluentform .ff_submit_btn_wrapper { order: 6; grid-column: 1 / -1; margin: 0; }
.n_contact .fluentform .ff-el-form-control { height: 0.6rem; padding-right: 0.16rem; padding-left: 0.16rem; }
.n_contact .fluentform textarea.ff-el-form-control { height: 1.8rem; padding-top: 0.16rem; line-height: 1.5; }

/* FAQ quote form: match the reference c_quote fields and pill submit button. */
.c_quote .fluentform .ff-el-form-control {
	height: 44px;
	padding: 0 0.15rem;
	border: 1px solid rgba(var(--theme-color-rgb), 0.5);
	border-radius: 4px;
	background: #fff;
	font-size: var(--f16);
}
.c_quote .fluentform textarea.ff-el-form-control {
	height: 150px;
	padding: 0.15rem;
	background: #fff;
}
.c_quote .fluentform .ff-btn-submit {
	min-height: 0;
	padding: 0.15rem 0.42rem;
	border-radius: 50px;
	font-size: var(--f16);
	font-weight: 400;
}
/* 联系我们 e */



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
	.Header-container .c-nav>li{
		margin-right: 0.4rem;
	}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.pc{display: none;}
	.mb{display: block;}
}

@media all and (max-width:768px) {
	.c_ban .ban_txt{
		width: 100%;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}

@media all and (max-width:480px) {
	.ar_article ul{
		font-size: 14px;
	}
}

@media all and (max-width:420px) {
	
}

@media all and (max-width:376px) {
	
}