@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: #0154A4;
	--theme-color-rgb: 1,84,164;
	--sec-theme-color: #0154A4;
	--swiper-theme-color: #0154A4;
	--theme-dark: #001322;
	--accent-color: #0154A4;
	--accent-color-v2: #0154A4;
	--accent-bg-v2: rgba(1,84,164, 0.12); 
}

/*==常用字号==*/
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'),
    url('../fonts/DMSans-Regular.eot'),
    url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DMSans-Regular.woff2') format('woff2'),
    url('../fonts/DMSans-Regular.woff') format('woff'),
    url('../fonts/DMSans-Regular.otf') format('truetype'),
    url('../fonts/DMSans-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'PB';
    src: url('../fonts/PlusJakartaSans-Bold.ttf'),
    url('../fonts/PlusJakartaSans-Bold.eot'),
    url('../fonts/PlusJakartaSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2'),
    url('../fonts/PlusJakartaSans-Bold.woff') format('woff'),
    url('../fonts/PlusJakartaSans-Bold.otf') format('truetype'),
    url('../fonts/PlusJakartaSans-Bold.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'DL';
    src: url('../fonts/DMSans-Light.ttf'),
    url('../fonts/DMSans-Light.eot'),
    url('../fonts/DMSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DMSans-Light.woff2') format('woff2'),
    url('../fonts/DMSans-Light.woff') format('woff'),
    url('../fonts/DMSans-Light.otf') format('truetype'),
    url('../fonts/DMSans-Light.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'CAI978';
    src: url('../fonts/CAI978.ttf'),
    url('../fonts/CAI978.eot'),
    url('../fonts/CAI978.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CAI978.woff2') format('woff2'),
    url('../fonts/CAI978.woff') format('woff'),
    url('../fonts/CAI978.otf') format('truetype'),
    url('../fonts/CAI978.svg#svgFontName') format('svg');
}
.DR{font-family: "DR";}
.PB{font-family: "PB";}
.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;}
.i-display{display: inline-block;}
.mlr{margin-left: auto;margin-right: auto;}
.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; }6
.color-b { color: #bbb; }
.color-c { color: #ccc; }
.color-d { color: #ddd; }
.color-e { color: #eee; }
.color-f { color: #fff; }

.color-blue{ color: #0168B3;}
.color-sec-blue{color: #003058;}
.color-accent { color: var(--theme-color);}
.color-accent-2{color: #303f5f;}
.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{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-green{ background-color: #ABCD1E;}
.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%  ;}
.w45{width: 45%;}
.w48{width: 48%;}
.w50{ width: 50% ;}
.w55{ width: 55%;}
.w49-5{ width: 49.5%;}
.w25{ width: 25%;}
.w33{ width: 33%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w48{ width: 48% ;}
.w800{width: 8rem;max-width: 100%;}
.w1000{width: 10rem;max-width: 100%;}

.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;}
*[class*="rect-"] ._full.w92{width: 92%;height: 92%;object-position: center;left: 4%;top: 4%;}
.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-62{padding-bottom: 62%;}
.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-85{padding-bottom: 85%;}
.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;}
.pt-40{padding-top: 0.4rem;}
.pb-40{padding-bottom: 0.4rem;} */

.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;-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.white_bg {background-color: #fff;}
.Header-wrapper.on {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.56rem;}
.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: 600;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.5rem;line-height: 100px;}
	/* .Header-container .c-nav>li:last-child{margin-right: 0;} */
	.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,.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,
	.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,.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 {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,
.Header-wrapper.white_bg .Header-container .tool .language>a{color: #000;}

.bak-header-link{
	display: inline-block;
	font-size: var(--f16);
}
/* ================= 头部展开式搜索框 ================= */
.bak-header-search {
    display: flex;
    align-items: center;
    /* background-color: #f4f5f7; /* 浅灰底色，融入白底头部 */ */
    border-radius: 99px; /* 胶囊圆角 */
    height: 40px;
    padding: 0 16px;
    margin-left: 0.4rem;
    border: 1px solid #090b0c;
	border-radius: 30px;
    transition: all 0.3s ease;
}

/* 当搜索框获得焦点时的状态 */
.bak-header-search:focus-within {
    background-color: #ffffff;
    border-color: var(--theme-color, #0154A4); /* 边框变蓝 */
    box-shadow: 0 4px 15px rgba(1, 84, 164, 0.08); /* 轻微蓝色阴影 */
}

/* 输入框样式 */
.bak-search-input {
    border: none;
    background: transparent;
    outline: none;
    width: 150px; /* 默认宽度 */
    font-size: 14px;
    color: #333333;
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* 平滑变宽动画 */
}

/* 修改 placeholder 颜色 */
.bak-search-input::placeholder {
    color: #9ca3af;
}

/* 获得焦点时输入框变宽 */
.bak-search-input:focus {
    width: 220px; 
}

/* 搜索按钮样式 */
.bak-search-btn {
    background: transparent;
    border: none;
    padding: 0;
    margin-left: 8px;
    color: #6b7280; /* 默认灰色图标 */
    cursor: pointer;
    transition: color 0.3s ease;
}

/* 鼠标悬浮或输入框激活时，图标变色 */
.bak-search-btn:hover,
.bak-header-search:focus-within .bak-search-btn {
    color: var(--theme-color, #0154A4);
}


/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;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;}
}
/* ================= Mega Menu 样式 ================= */
/* ================= 1. Mega Menu 定位与防溢出 ================= */
@media all and (min-width: 1000px) {
    .Header-container .c-nav > li.has-mega { position: relative; }
    
    .Header-container .c-nav > li.has-mega > .mega-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 15px);
        width: 850px; /* 固定宽度，非全屏 */
        max-width: 90vw;
        background-color: #fff;
        z-index: 99;
        border-radius: 4px;
        opacity: 0;
        pointer-events: none;
        transition: all .4s cubic-bezier(.645, .045, .355, 1);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        overflow: hidden;
		font-weight: 400;
    }
    
    .Header-container .c-nav > li.has-mega:hover > .mega-menu {
        pointer-events: all;
        transform: translate(-50%, 0);
        opacity: 1;
    }

    /* 【关键修复】最右侧的1~2个菜单，改为向右对齐，防止超出屏幕 */
    .Header-container .c-nav > li:last-child > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2) > .mega-menu {
        left: auto;
        right: 0;
        transform: translate(0, 15px);
    }
    .Header-container .c-nav > li:last-child:hover > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2):hover > .mega-menu {
        transform: translate(0, 0);
    }
}

/* ================= 2. 左右布局划分 ================= */
.mega-menu .mega-left { width: 45%; padding: 40px; }
.mega-menu .mega-right { width: 55%; padding: 40px; }

/* ================= 3. 右侧链接特效 (下划线 + 箭头) ================= */
.mega-menu .mega-list li { margin-bottom: 20px; line-height: 1.3;}
.mega-menu .mega-list li:last-child { margin-bottom: 0; }

.mega-link {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.link-text {
    position: relative;
    padding-bottom: 5px;
    color: #666;
    font-size: 16px;
    transition: color 0.3s;
}

/* 仅文字宽度的下划线 */
.link-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--theme-color, #0055c8);
    transition: width 0.3s ease;
}

/* 默认隐藏并偏左的箭头 */
.link-arrow {
    opacity: 0;
    transform: translateX(-6px);
    color: var(--theme-color);
    margin-left: 10px;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* 悬停状态触发动画 */
.mega-list li:hover .link-text { color: #222; font-weight: 600;}
.mega-list li:hover .link-text::after { width: 100%; }
.mega-list li:hover .link-arrow { opacity: 1; transform: translateX(0); }

/* ================= 4. 左侧淡入动画 ================= */
.mega-fade-enter { animation: megaFadeIn 0.4s ease forwards; }
@keyframes megaFadeIn {
    0% { opacity: 0; transform: translateY(5px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ================= 1. 右侧链接悬停特效 (下划线 + 箭头) ================= */
.mega-link {
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
}

.mega-link .link-text {
    position: relative;
}

/* 默认隐藏下划线 (宽度为0) */
.mega-link .link-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* 下划线距离文字的距离 */
    width: 0;
    height: 2px;
    background-color: var(--theme-color); /* 使用您的主题色变量 */
    transition: width 0.3s ease;
}

/* 默认隐藏右箭头 (透明度0，且向左偏移) */
.mega-link .link-arrow {
    opacity: 0;
    transform: translateX(-10px);
    color: var(--theme-color);
    margin-left: 8px;
    transition: all 0.3s ease;
}

/* 鼠标触碰 li 时的状态变化 */
.mega-list li:hover .mega-link {
    color: #000; /* 触碰后文字颜色加深 */
}

.mega-list li:hover .link-text::after {
    width: 100%; /* 下划线从左到右展开 */
}

.mega-list li:hover .link-arrow {
    opacity: 1; /* 箭头显现 */
    transform: translateX(0); /* 箭头向右滑入归位 */
}


/* ================= 2. 修复最右侧菜单超出屏幕的问题 ================= */
/* 
   您原来的代码是 left: 50%; transform: translate(-50%, ...); 
   这会导致最右侧的菜单向右溢出。
   这里强制让导航栏最后两个 li 的下拉菜单向右对齐。
*/
@media all and (min-width: 1000px) {
    .Header-container .c-nav > li:last-child > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2) > .mega-menu {
        left: auto;
        right: 0;
        transform: translate(0, 15px);
    }
    
    .Header-container .c-nav > li:last-child:hover > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2):hover > .mega-menu {
        transform: translate(0, 0);
    }
}

/* ================= 手机端适配 (小于 1000px) ================= */
@media all and (max-width: 999px) {
    /* 1. 隐藏左侧图文展示，手机端只显示纯净的链接列表 */
    .mega-menu .mega-left {
        display: none;
    }
    
    /* 2. 右侧列表占满全宽 */
    .mega-menu .mega-right {
        width: 100%;
        padding: 15px 20px;
        background-color: #f8f9fa; /* 给子菜单加个浅色背景区分层级 */
    }
	.mega-menu .mega-right ul{
		display: block !important;
	}
    
    /* 3. 下拉菜单改为静态定位，默认隐藏，由 JS 控制 slideToggle */
    .Header-container .c-nav > li.has-mega > .mega-menu {
        position: static;
        width: 100%;
        transform: none;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        display: none; /* 核心：默认隐藏 */
    }
    
    /* 取消 PC 端的 hover 自动展开，防止手机端误触 */
    .Header-container .c-nav > li.has-mega:hover > .mega-menu {
        transform: none;
    }
    
    /* 4. 手机端没有 hover，直接让右侧箭头默认显示即可 */
    .mega-link .link-arrow {
        opacity: 1;
        transform: translateX(0);
        color: #999;
    }
    
    /* 5. 调整父级标题栏，让文字和箭头两端对齐，方便点击 */
    .c-title-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    
    /* 扩大箭头的点击热区，提升手机端点击体验 */
    .c-title-box i {
        padding: 10px 15px;
        cursor: pointer;
        font-size: 18px;
    }
}

/* 底部 */
.Footer-wrapper {
	position: relative;
	/* background:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),#001322; */
	background-color: #151A1C;
	background-color: #071A32;
	background-color: #2C3138;
	background-color: #151A1C;
}
.Footer-wrapper>div{
	position: relative;
	z-index: 2;
}
.Footer-wrapper::after{
	position: absolute;
	content: "";
	display: block;
	/* width: 6.4rem;
	height: 3.6rem; */
	width: 7.2rem;
	height: 4.8rem;
	background: url('../images/foot_bg_07.jpg') no-repeat center;
	background-size: 100% auto;
	right: 0rem;
	bottom: 0rem;
	opacity: .18;
	mix-blend-mode: luminosity;
	/* mix-blend-mode: multiply; */
	z-index: 1;
}
.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.4rem;height: 0.4rem;background-color: #3b5999;color: white;border-radius: 5px;font-size: 0;}
.media_ul li a i {font-size: var(--f20);}
.media_ul li a {background-color: var(--theme-color);background-color: rgb(255,255,255,.1);}
/* .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;}
.Footer-container .mid .fl{
	width: 25%;
}
.Footer-container .mid .fl .foot_logo{}
.Footer-container .mid .fl .foot_logo img{
	height: 0.6rem;
}
.Footer-container .mid .fl .foot_txt{
	
}
.Footer-container .mid .fl .foot_link{}
.Footer-container .mid .fr{
	width: 25%;
	color: rgb(255,255,255,.8);
}
.Footer-container .mid .fr .tit{
	position: relative;
	padding-bottom: 0.15rem;
	color: #fff;
	font-family: "PB";
}
.Footer-container .mid .fr .tit::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #FFFFFF1A;
	left: 0;
	bottom: 0;
}
.Footer-container .mid .fr .tit:before{
	position: absolute;
	content: "";
	width: 0.8rem;
	height: 2px;
	background-color: #fff;
	left: 0;
	bottom: 0;
}
.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;min-width: 200px;}
.Footer-container .mid>ul li p {text-transform: uppercase;font-size: var(--f22);line-height: 1.5;color: #fff;display: block;margin-bottom: 0.12rem;}
.Footer-container .mid>ul li p i{margin-left: 0.06rem;}
.Footer-container .mid>ul li p{
	position: relative;
	padding-bottom: 0.15rem;
	font-family: "PB";
}
.Footer-container .mid>ul li p::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #FFFFFF1A;
	left: 0;
	bottom: 0;
}
.Footer-container .mid>ul li p:before{
	position: absolute;
	content: "";
	width: 0.8rem;
	height: 2px;
	background-color: #fff;
	left: 0;
	bottom: 0;
}
.Footer-container .mid>ul li .foot_nav_link a {font-size: var(--f16);color: #bbb;color: rgb(255, 255, 255,.8);line-height: 2.15;display: block;}
.Footer-container .mid>ul li a:hover {text-decoration: underline;color: var(--theme-color);}
.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 {margin: 0;}
.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,.35); */
	/* background-color: rgb(1,84,164,.75); */
	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 .pm-home-banner-title {color: #111d2b;}
.i_banner .ban_txt .pm-home-banner-title .pm-home-banner-accent {color: var(--theme-color);}
.i_banner .ban_txt .des{width: 12rem;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;
}


.i_banner .swiper-button-prev,.i_banner .swiper-button-next{
	width: .56rem;
	height: .56rem;
	margin-top: -.28rem;
	border: .01rem solid rgba(6,41,74,.12);
	border-radius: 50%;
	background: rgba(255,255,255,.92);
	box-shadow: 0 .08rem .22rem rgba(6,41,74,.14);
	transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.i_banner .swiper-button-prev{left: 3% !important;}
.i_banner .swiper-button-next{right: 3% !important;}
.i_banner .swiper-button-prev::after,.i_banner .swiper-button-next::after{
	font-size: var(--f18);
	font-weight: 700;
	color: var(--theme-color);
}
.i_banner .swiper-button-prev:hover,.i_banner .swiper-button-next:hover{
	border-color: var(--theme-color);
	background: var(--theme-color);
	box-shadow: 0 .1rem .26rem rgba(var(--theme-color-rgb),.24);
}
.i_banner .swiper-button-prev:hover::after,.i_banner .swiper-button-next:hover::after{color: #fff;}
.i_banner .swiper-pagination-bullet, .i_mb_banner .swiper-pagination-bullet{
	width: 0.6rem;
	height: 0.03rem;
	border-radius: 0;
	opacity: .2;
}
.i_banner .swiper-pagination-bullet,.i_mb_banner .swiper-pagination-bullet{background-color: #000;}
.i_banner .swiper-pagination-bullet-active,.i_mb_banner .swiper-pagination-bullet-active{background-color: var(--theme-color);opacity: 1;}

.i_banner .bak-swiper-nav-prev-v2{
	left: 0.4rem;
}
.i_banner .bak-swiper-nav-next-v2{
	right: 0.4rem;
}
.i_banner .bak-swiper-nav-prev-v2:hover,.i_banner .bak-swiper-nav-next-v2:hover{
	background-color: var(--accent-v4) !important;
}
/* 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-block;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}
.i_tit span:before{
	font-family: "iconfont";
	content: "";
	display: inline-flex;
	align-items: center;
	justify-content: center;
/* 	width: 0.26rem;
	height: 0.26rem;
	border-radius: 50%; */
	font-size: var(--f16);
	background-color: var(--theme-color);
	/* color: #fff; */
	color: var(--theme-color);
	margin-right: 0.06rem;
	vertical-align: middle;
	font-weight: 700;
}
.i_tit span.color-white{
	color: #fff;
}
.i_tit span.color-white:before{
	background-color: #fff;
	color: var(--theme-color);
}
.i_tit h3{
	font-size: var(--f50);
	font-family: "PB";
	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: inline-block;
	color: var(--theme-color);
	font-size: var(--f16);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0.1rem;
	letter-spacing: 1px;
}
.i_tit2 h2{
	font-size: var(--f46);
	color: #111;
	font-weight: 700;
	line-height: 1.15;
}
.i_tit2 p{font-size: 18px;color: #47484b;line-height: 1.4;margin-top: 0.12rem;}
/* i_tit2 e */

/* c_ban */
.c_ban {position: relative;height: 2.4rem;overflow: hidden;}
.pm-c-ban-bg {position: absolute;inset: 0;}
.pm-c-ban-bg img {width: 100%;height: 100%;object-fit: 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.48rem;font-weight: 700;text-align: left;}
.c_ban .ban_txt p {font-size: 0.22rem;margin-top: 0.24rem;}
.c_ban .ban_txt {text-align: left;}
.c_ban .ban_txt h1 {max-width: 9.8rem;font-size: var(--f48);font-weight: 700;line-height: 1.1;text-align: left;}
.pm-c-ban-breadcrumb {max-width: 100%;margin-top: 0.22rem;display: inline-flex;align-items: center;gap: 0.1rem;padding: 0.1rem 0.16rem;border: 1px solid rgba(255,255,255,.32);border-radius: 0.3rem;background: rgba(255,255,255,.14);color: rgba(255,255,255,.84);box-shadow: 0 6px 16px rgba(4,20,45,.12);-webkit-backdrop-filter: blur(12px) saturate(125%);backdrop-filter: blur(12px) saturate(125%);}
.pm-c-ban-breadcrumb > svg {width: 0.18rem;height: 0.18rem;flex: 0 0 auto;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;color: #fff;}
.pm-c-ban-breadcrumb > div {min-width: 0;display: flex;align-items: center;color: rgba(255,255,255,.76);white-space: nowrap;}
.pm-c-ban-breadcrumb a {display: inline-flex;align-items: center;padding: 0 0.03rem;font-size: var(--f16);line-height: 1.4;color: rgba(255,255,255,.88);transition: color .2s ease;}
.pm-c-ban-breadcrumb a:hover,.pm-c-ban-breadcrumb a:focus-visible {color: #fff;}
@supports not ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {.pm-c-ban-breadcrumb {background: rgba(7,32,68,.82);}}

/* 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 .w16 {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;background: url('../images/ico_home.png') no-repeat center;background-position: 0 center;display: flex;align-items: center;}
.crumbs a {font-size: 18px;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: var(--f20);
}
.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);}

/* 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 a.page-num-current,.com_page a:hover {border-color: var(--theme-color);background: var(--theme-color) !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #eff2f7;}
.com_page a:last-child::after,.com_page a:first-child::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after {content: "\f104";}
.com_page a:last-child::after {content: "\f105";}
.no_page{font-size: var(--f18);font-family: "PB" ;line-height: 5em;text-align: center;}

/* n_tit */
.n_tit{color: #212121;}
.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: 'PB';}
/* .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;}

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


/* 为什么选择 s */
.i_who{}
.i_who ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0;
}
.i_who ul li{
	background-color: var(--theme-color);
	padding: 0.3rem 0.5rem 0.5rem;
}
.i_who ul li:nth-child(2){
	background-color: #333333;
}
.i_who ul li:nth-child(3){
	background-color: #666666;
}
.i_who ul li:nth-child(4){
	background-color: #999999;
}
.i_who ul li .ico{
	
}
.i_who ul li .ico img{
	height: 0.64rem;
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
}
.i_who ul li .tit{
	
}
.i_who ul li .info{
	min-height: 6em;
}
/* 为什么选择 e */

/* 关于我们 s */
.i_ab{
	position: relative;
	/* background: url('../images/i_ab_bg.png') no-repeat center; */
	padding-bottom: 1.8rem ;
	background-color: #F3F4F5;
}
/* .i_ab::after{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0.15rem;
	width: 7.34rem;
	height: 4.61rem;
	background: url('../images/i_ab_img.png') no-repeat center;
} */
.i_ab .fl{
	width: 40%;
}

.i_ab .ab_pic{}
.i_ab .fl .ab_pic .pic{
	border-radius: 0 0.2rem 0 0.2rem;
}
.i_ab .fl .play{
	position: absolute;
	top: 50%;
	/* left: 50%; */
	right: -0.45rem;
	margin-top: -0.45rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.9rem;
	height: 0.9rem;
	background-color: var(--theme-color);
	border-radius: 50%;
/* 	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); */
	z-index: 3;
}
.i_ab .fl .play i{
	font-size: var(--f24);
	color: #fff;
}
.i_ab .fl .play:before{
  content: '';
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    border-radius: inherit;
    border: 1px solid #FFFFFF;
    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    border-color: #FFFFFF;
}

@keyframes btnIconRipple {
  0% {
    border-width: 4px;
            transform: scale(1);
  }
  80% {
    border-width: 1px;
            transform: scale(1.35);
  }
  100% {
    opacity: 0;
  }
}

.i_ab .fl .ab_pic{}
.i_ab .fl .ab_ico{}
.i_ab .fl .ab_ico ul{}
.i_ab .fl .ab_ico ul li{
	cursor: pointer;
	border-radius: 0 0.1rem 0 0.1rem;
	/* border-radius: 0.12rem; */
	overflow: hidden;
}
.i_ab .fl .ab_ico ul li.swiper-slide-thumb-active:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: rgb(var(--theme-color-rgb), .5);
}
/* .i_ab .fl .ab_ico ul li.swiper-slide-thumb-active::after{
	position: absolute;
	font-family: "iconfont";
	content: "\e6a1";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.32rem;
	height: 0.32rem;
	left: 50%;
	top: 50%;
	margin-left: -0.16rem;
	margin-top: -0.16rem;
	border-radius: 50%;
	background-color: #fff;
	z-index: 4;
	font-size: var(--f16);
	color: var(--theme-color);
	font-weight: 700;
	-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 .fl .ab_ico ul li:hover.swiper-slide-thumb-active::after{
	transform: rotate(45deg);
} */

.i_ab .fl .ab_ico .swiper-button-prev,
.i_ab .fl .ab_ico .swiper-button-next{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.07);
	opacity: 1;
}
.i_ab .fl .ab_ico .swiper-button-prev::after,
.i_ab .fl .ab_ico .swiper-button-next::after{
	font-size: var(--f20);
	color: var(--theme-color);
	font-weight: 700;
}
.i_ab .fl .ab_ico .swiper-button-prev{
	left: -0.2rem;
}
.i_ab .fl .ab_ico .swiper-button-next{
	right: -0.2rem;
}

.i_ab .fr{
	width: 55%;
	padding-left: 0.5rem;
}
.i_ab .info{}
.i_ab .fr ul{}
.i_ab .fr ul li{
	position: relative;
	width: 49%;
	padding-left: 0.25rem;
	font-size: var(--f16);
	line-height: 2.25;
}
.i_ab .fr 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: var(--f20);
	/* color: #fff; */
	color: var(--theme-color);
	font-weight: 700;
}
.i_ab .c_btn{}
.i_ab .c_btn i{
	transform: rotate(-45deg);
}
.c_btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.15rem 0.35rem;
	/* border: 2px solid var(--theme-color); */
	background-color: var(--theme-color);
	/* color: var(--theme-color); */
	color: #fff;
	font-size: var(--f18);
	border-radius: 5px;
}
.c_btn i{
	margin-left: 0.12rem;
	font-weight: 700;
}
.c_btn:hover{
	background-color: var(--theme-color);
	color: #fff;
}
/* 关于我们 e */

/* 发展历程 s */
.i_his{
	overflow: hidden;
}
.i_his .top{}
.i_his .top .swiper{
	overflow: inherit !important;
}
.i_his .top .mySwiper2 .swiper-slide {
    transform: scale(.9);
    overflow: hidden;
    opacity: .5;
}
.i_his .top .mySwiper2 .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
}
.i_his .top ul{}
.i_his .top ul li{
	border-radius: 0.2rem;
	overflow: hidden;
}
.i_his .top ul li .box{
	box-shadow: rgba(0, 0, 0, .1) 0 20px 20px 0;
	background-color: #F3F4F5;
}
.i_his .top ul li .img{
	width: 45%;
}
.i_his .top ul li .txt{
	width: 55%;
	padding: 0.2rem 0.8rem;
}
.i_his .top ul li .tit{}
.i_his .top ul li .info{
	line-height: 1.5;
}
.i_his .top ul li .info p+p{
	margin-top: 0.1rem;
}
.i_his .top ul li .info p:before{
	content: "";
	display: inline-block;
	width: 0.07rem;
	height: 0.07rem;
	border-radius: 50%;
	margin-right: 0.08rem;
	background-color: #000;
	vertical-align: middle;
	margin-top: -0.03rem;
}
.i_his .bot{}
.i_his .mySwiper::after {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0.1rem;
    background: #000;
}
.i_his .bot ul{
	justify-content: center;
}
.i_his .bot ul li{
	position: relative;
	flex: 1;
	padding-bottom: 0.3rem;
	font-weight: 700;
	text-align: center;
	font-size: var(--f22);
	line-height: 1.2;
	cursor: pointer;
}
.i_his .bot ul li::before{
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0.20rem;
	height: 0.20rem;
	border: 2px solid #000;
	border-radius: 50%;
}
.i_his .bot ul li::after{
	position: absolute;
	content: "";
	bottom: 0.065rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0.07rem;
	height: 0.07rem;
	border-radius: 50%;
	background-color: #000;
}
.i_his .bot ul li.swiper-slide-thumb-active{
	color: var(--theme-color);
}
.i_his .bot ul li.swiper-slide-thumb-active::before{
	border-color: var(--theme-color);
}
.i_his .bot ul li.swiper-slide-thumb-active::after{
	background-color: var(--theme-color);
}
.i_his .bot ul li span{}

.i_his .swiper-button-prev,.i_his .swiper-button-next{
	color: #fff;
	width: 0.45rem;
	height: 0.45rem;
	background: var(--theme-color);
	border-radius: 50%;
	margin-top: 0;
}
.i_his .swiper-button-prev::after,.i_his .swiper-button-next::after{
	font-size: var(--f16);
	font-weight: 700;
}
.i_his .swiper-button-prev{
	left: -0.6rem;
}
.i_his .swiper-button-next{
	right: -0.6rem;
}
/* 发展历程 e */


/* 数字滚动 s */
.i_num{
	background-color: #F3F4F5;
	background-color: #fff;
	position: relative;
	/* margin-top: -80px; */
	line-height: 1;
}
.i_num ul{
	position: relative;
	padding: 0.5rem 0.2rem;
	border-radius: 2rem;
	background-color: var(--theme-color);
	z-index: 3;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	box-shadow: 30px 0 100px rgba(0, 0, 0, 0.05);
}
.i_num ul li{
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
}
.i_num ul li .ico{
	width: 80px;
}
.i_num ul li .ico img{
	width: 0.64rem;
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
}
.i_num ul li .info{}
.i_num ul li .info .box{
	display: flex;
	align-items: center;
	justify-content: center;
}
.i_num ul li .info .box span{
	font-size: var(--f60);
	font-family: "PB";
	/* font-family: 'CAI978'; */
}
.i_num ul li .info .box i{
	font-size: var(--f24);
	margin-left: 0.06rem;
	/* vertical-align: top; */
}
.i_num ul li .info p{
	font-size: var(--f18);
	margin-top: 0.1rem;
}
/* 数字滚动 e */

/* 产品中心 s */
.i_pro{
	/* background-color: #F4F6F9; */
	background-color: #F3F4F5;
}
.i_pro .tab_nav{}
.i_pro .tab_nav ul{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 50px;
	background: #fff;
	box-shadow: 0 1px 11px rgba(44, 49, 114, 15%);
}
.i_pro .tab_nav ul li{}
.i_pro .tab_nav ul li a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f18);
	padding: 0.1rem 0.32rem;
	border-radius: 50px;
	-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;
	font-weight: 500;
}
.i_pro .tab_nav ul li.active a{
	background-color: var(--theme-color);
	color: #fff;
}
.i_pro .tab_nav ul li a i{
	display: block;
	font-size: var(--f24);
	-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;
	margin-right: 0.08rem;
	font-weight: 400;
}
.i_pro .tab_nav ul li.on a i{
	color: #fff;
}
.i_pro .tab_nav ul li a span{
	
}
.i_pro .con .item{
	display: none;
	padding-bottom: 0.5rem;
}
.i_pro .con .item.show{
	display: block;
}
.i_pro .con ul{
	/* display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem; */
}
.i_pro .con ul li{
	/* box-shadow: 0 4px 30px 0 rgb(0 0 0 / .0509803922); */
}
.i_pro .con ul li a{
	display: block;
}
.i_pro .con ul li .ico{}
.i_pro .con ul li .ico img{}
.i_pro .con ul li .info{
	padding: 0.2rem 4%;
	height: calc(0.4rem + 2.6em);
	background-color: #fff;
}
.i_pro .con ul li .tit{}
.i_pro .con ul li:hover .info .tit{
	color: var(--theme-color);
}
.c-pagination {
	bottom: 0 !important;
	font-size: 0;
}
.c-pagination .swiper-pagination-bullet, .c-pagination .swiper-pagination-bullet{
	width: 0.3rem;
	height: 0.05rem;
	border-radius: 3px;
	opacity: 1;
	background-color: #666;
	/* background-color: #fff; */
}
.c-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--theme-color);
}
/* 产品中心 e */

/* 应用案例 s */
.i_case{}
.i_case .con{}
.i_case .swiper{
	padding-bottom: 0.55rem;
}
.i_case ul{
	
}
.i_case ul li{}
.i_case ul li a{
	display: block;
}
.i_case ul li .ico{}
.i_case ul li .ico img{}
.i_case ul li .info{
	position: relative;
	padding: 0.3rem;
	margin: -1rem 0.24rem 0;
	box-shadow: 0 0.2rem 0.55rem 0.1rem rgba(222, 225, 227, .25);
	background-color: #fff;
	z-index: 3;
	border-radius: 0.15rem;
}
.i_case ul li .tit{}
.i_case ul li .des{}
.i_case ul li .btn{
	position: absolute;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	top: 0;
	right: 0.24rem;
	margin-top: -0.3rem;
	background-color: var(--theme-color);
	display: flex;
	align-items: center;
	justify-content: center;
}
.i_case ul li .btn i{
	font-size: var(--f24);
	transform: rotate(-45deg);
	color: #fff;
}
/* 应用案例 e */

/* 行业应用 s */
.i_app{
	background-color: var(--theme-color);
	background: #121C22 url('../images/i_app_bg.png') no-repeat center;
}
.i_app .top .i_tit span{
	color: #fff;
}
.i_app .top .i_tit span:before{
	color: var(--theme-color);
	background-color: #fff;
}
.i_app .bot{
	padding-left: calc((100% - var(--www)) / 2);
}
.i_app ul{}
.i_app ul li{}
.i_app ul li a{
	display: block;
	background-color: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / .08);
	overflow: hidden;
}
.i_app ul li .des{
	height: 6em;
}
/* 行业应用 e */

/* 质量标准 s */
.i_qua{
	position: relative;
	background: url('../images/i_qua_bg.png') no-repeat center;
	background-position: right top;
}
.i_qua:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0.1rem;
	width: 5.74rem;
	height: 3.13rem;
	background: url('../images/i_qua_img.png') no-repeat center;
}
.i_qua .fl{
	position: relative;
	width: 48%;
	z-index: 2;
}
.i_qua .fl ul{}
.i_qua .fl ul li{}
.i_qua .fl ul li{
	position: relative;
	padding-left: 0.3rem;
	font-size: var(--f18);
	line-height: 2.25;
}
.i_qua .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;
}
.i_qua .fr{
	width: 42%;
}
/* 质量标准 e */

/* 在线留言 s */
.i_mess{
	position: relative;
	/* background-color: #F6F5FB; */
	background-image: url('../images/i_mess_bg_06.jpg');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.i_mess:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #F4F6F9;
	background-color: transparent;
	--background-overlay: '';
	background-image: linear-gradient(103deg, #F4F6F9 61%, #F2295B00 28%);
	z-index: 1;
}
.i_mess .w14{
	position: relative;
	z-index: 2;
}
.i_mess .fl{
	width: 45%;
}
.i_mess .fl .form{}
.i_mess .fl form{}
.i_mess .fl form .mui-input-row{
	margin-bottom: 2%;
	width: 49.5%;
	width: 100%;
}
.i_mess .fl form .mui-input-row.w100{
	width: 100%;
}
.i_mess .fl form .mui-input-row input{
	display: block;
	width: 100%;
	border-radius: 5px;
	background-color: #fff;
	height: 2.75em;
	line-height: 2.75em;
	padding-left: 0.2rem;
	font-size: var(--f16);
	color: #333;
	border: none;
}
.i_mess .fl form .mui-input-row textarea{
	width: 100%;
	min-height: 1.2rem;
	padding: 0.15rem 0.2rem;
	border-radius: 5px;
	font-size: var(--f16);
	line-height: 1.5;
	color: #333;
	border: none;
}
.i_mess .fl form .btn{
	width: 100%;
}
.i_mess .fl form .btn button{
	width: 100%;
	line-height: 3em;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 700;
}
.i_mess .fl form .btn button:hover{
	background-color: #fff;
	color: #000;
}
.i_mess .fr{
	width: 50%;
}
.i_mess .fr ul{}
.i_mess .fr ul li{
	box-shadow: 0 0 10px 0 rgb(0 0 0 / .1);
	background-color: #fff0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
.i_mess .fr ul li .faq_t{
	padding: 0.2rem;
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
	cursor: pointer;
}
.i_mess .fr ul li.on .faq_t{
	background-color: var(--theme-color);
	color: #fff;
}
.i_mess .fr ul li .faq_t h4{
	font-size: var(--f18);
	line-height: 1.15;
	font-weight: 700;
}
.i_mess .fr ul li .faq_t i{
	transition: all 0.3s ease-in-out;
}
.i_mess .fr ul li.on .faq_t i{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.i_mess .fr ul li .faq_b{
	display: none;
	background-color: #fff;
}
.i_mess .fr ul li.on .faq_b{
	display: block;
}
.i_mess .fr ul li .faq_b .info{
	padding: 0.1rem 0.2rem;
	color: #6a6f78;
}
.i_mess .fr ul li:not(:last-child){
	margin-bottom: 0.1rem;
}
/* 在线留言 e */

/* 客户评价 s */
.i_pinjia{
	/* background-color: #24201F; */
	background: #121C22 url('../images/i_pinjia_bg.png') no-repeat center/cover;
	background-color: rgb(0,0,0,.87);
}
.i_pinjia .con{
	padding-bottom: 0.6rem;
}
.i_pinjia ul{}
.i_pinjia ul li{
	padding-bottom: 1rem;
}
.i_pinjia ul li .box{
	position: relative;
	background-color: #fff;
/* 	-webkit-box-shadow: 9px 11px 14px 0 rgba(0, 0, 0, .1);
	box-shadow: 9px 11px 14px 0 rgba(0, 0, 0, .1); */
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
	padding: 0.3rem 0.3rem 0.5rem;
	border-radius: 0.1rem;
	text-align: center;
}
.i_pinjia ul li i{}
.i_pinjia ul li .info{
	height: 9.1em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
}
.i_pinjia ul li .stars{
	position: relative;
	display: inline-block;
}
.i_pinjia ul li .stars:before,.i_pinjia ul li .star-rating:before{
	font-family: "iconfont";
	font-size: var(--f24);
}
.i_pinjia ul li .stars:before{
	content: "\e628\e628\e628\e628\e628";
	color: #d3ced2;
}
.i_pinjia ul li .stars i{
	font-size: var(--f24);
}
.i_pinjia ul li .star-rating{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	width: 100%;
	overflow: hidden;
}
.i_pinjia ul li .star-rating:before{
	content: "\e629\e629\e629\e629\e629";
	color: var(--theme-color);
}
.i_pinjia ul li .bot{
	position: absolute;
	bottom: -98px;
	left: 0;
	width: 100%;
	text-align: center;
	justify-content: center;
	text-align: center;
}
.i_pinjia ul li .bot .img{
	
}
.i_pinjia ul li .bot .img img{
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.i_pinjia ul li .bot .tit{
	margin-bottom: 0.03rem;
}
.i_pinjia ul li .bot .des{}

.i_pinjia .swiper-pagination-bullet, .i_pinjia .swiper-pagination-bullet{
	width: 0.3rem;
	height: 0.05rem;
	border-radius: 3px;
	opacity: 1;
	background-color: #666;
	background-color: #fff;
}
.i_pinjia .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--theme-color);
}
/* 客户评价 e */


/* 荣誉证书 s */
.i_hor{
	background: url('../images/i_hor_bg2.jpg') no-repeat center/cover;
}
.i_hor .con{}
.i_hor ul{}
.i_hor ul li{}
.i_hor ul li a{
	display: block;
	background: rgb(255, 255, 255, .5);
	/* border: 8px solid rgb(255, 255, 255, .7); */
	padding: 8px;
	backdrop-filter: blur(8px);
	/* border: 1px solid rgb(255, 255, 255, .5); */
	/* border: 1px solid #e5e5e5; */
}
.i_hor ul li a .img{
	background: url('../images/i_hor_bg.jpg') no-repeat center/cover;
}
/* .i_hor ul li a img._full{
	max-height: 90%;
	max-width: 90%;
	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{
}
.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_new{}
.i_new ul{
/* 	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem; */
}
.i_new ul li{}
.i_new ul li a{
	display: block;
	/* background-color: #fff; */
	/* background-color: #F2F2F2; */
	/* box-shadow: 0 0 30px rgb(0 0 0 / .08); */
}
.i_new ul li .ico{}
.i_new ul li .ico img{}
.i_new ul li .info{
	position: relative;
	padding: 0.4rem 0.2rem;
	/* padding: 0.5rem 0.3rem 0.3rem; */
}
.i_new ul li .date{
	position: absolute;
	right: 0;
	top: -2em;
	z-index: 2;
	width: 2.6em;
	text-align: center;
}
.i_new ul li .date .day{
	line-height: 2em;
	height: 2em;
	background-color: var(--theme-color);
	color: #fff;
}
.i_new ul li .date .year{
	background-color: #000;
	color: #fff;
	padding: 5px 0;
}
.i_new ul li .tit{
	height: 3.6em;
}
.i_new ul li:hover .tit{
	text-decoration: underline;
}
.i_new ul li .des{
	height: 4.5em;
}
.i_new ul li .btn{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	color: var(--theme-color);
}
.i_new ul li .btn i{
	transform: rotate(-45deg);
}
/* 新闻列表 e */

/* 营销网络 s */
.i_network{}
.i_network ul li img{
	/* position: relative;
	filter: drop-shadow(100vw 0px 0 black);
	-webkit-filter: drop-shadow(100vw 0px 0 black);
	right: 100vw; */
}
/* 营销网络 e */

/* 在线留言 s */
.i_mess2{
	position: relative;
	background: url('../images/i_mess2_bg.jpg') no-repeat center/cover;
}
.i_mess2::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0,.3);
	z-index: 2;
}
.i_mess2 .box{
	position: relative;
	background-color: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(8px);
	z-index: 3;
}
.i_mess2 .box .fl{
	width: 50%;
	padding: 0 0.4rem 0 0.8rem;
	
}
.i_mess2 .box .fl .tit{}
.i_mess2 .box .fl .text{
	margin-top: 0.2rem;
	padding-bottom: 0.2rem;
	border-bottom-color: rgba(163, 177, 187, 0.28);
}
.i_mess2 .box .fl .text i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.46rem;
	height: 0.46rem;
	background-color: var(--theme-color);
	font-size: var(--f28);
	border-radius: 50%;
	color: #fff;
	margin-right: 0.12rem;
}
.i_mess2 .box .fl .text span{
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--theme-color) !important;
}
.i_mess2 .box .fl .info{
	padding-top: 0.2rem;
}
.i_mess2 .box .fl .info p span{
	color: var(--theme-color);
}
.i_mess2 .box .fr{
	width: 50%;
	padding: 0.6rem 0.8rem 0.6rem 0.4rem;
}
.i_mess2 .form{}
.i_mess2 .form .tit{}
.i_mess2 .form .des{}
.i_mess2 .form .mui-input-row{
	width: 48.5%;
	margin-bottom: 0.15rem;
}
.i_mess2 .form .mui-input-row.w100{
	width: 100%;
}
.i_mess2 .form .mui-input-row input{
	width: 100%;
	font-size: var(--f16);
	color: #666;
	padding: 0.12rem 0.15rem;
	line-height: 1.5;
	border: none;
}
.i_mess2 .form .mui-input-row textarea{
	width: 100%;
	font-size: var(--f16);
	line-height: 1.5;
	color: #666;
	padding: 0.12rem 0.15rem;
	min-height: calc(0.3rem + 9em);
	border: none;
}
.i_mess2 .form .mui-input-row input,.i_mess2 .form .mui-input-row textarea{
	color: #666;
}
.i_mess2 .form .btn{
	width: 100%;
}
.i_mess2 .form .btn button{
	width: 100%;
	font-size: var(--f18);
	line-height: 1.3;
	padding: 0.15rem 0.5rem;
	background-color: var(--theme-color);
	color: #fff;
	border: none;
}
/* 在线留言 e */

/* 联系我们 s */
/* .n_contact{
	padding: 0.7rem 0;
	background: url('../images/n_contact_bg.jpg') no-repeat center/cover;
}
.n_contact .box{}
.n_contact .tit{
	font-weight: 700;
}
.n_contact ul{}
.n_contact ul li{
	width: 25%;
	text-align: center;
}
.n_contact ul li .ico{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.1rem;
	height: 1.1rem;
}
.n_contact ul li .ico img{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}
.n_contact ul li p{
	font-size: var(--f20);
	color: #fff;
	line-height: 1.4;
	margin-top: 0.25rem;
}
.n_contact .btn{
	margin-top: 0.35rem;
}
.n_contact .btn a{
	display: inline-block;
	padding: 0.2rem 0.5rem;
	font-size: var(--f24);
	color: #fff;
	border-radius: 0.5rem;
	background-color: #00A0EF;
	transition: all 0.5s ease;
}
.n_contact .btn a:hover{
	background-color: #EB001B;
} */
/* 联系我们 e */
/* ====================内页样式========================= */

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

:root {
    --sh-ab-theme: #0154A4; /* 深蓝色主题，可根据您的全局变量调整 */
    --sh-ab-theme-hover: #155a8f;
    --sh-ab-text-main: #333333;
    --sh-ab-text-light: #666666;
    --sh-ab-bg-light: #f8f9fa;
    --sh-ab-border: #eaeaea;
    --sh-ab-radius: 12px;
    --sh-ab-transition: all 0.3s ease;
}

/* 针对本页面独立作用域的基础设置 */
.sh-ab-section {
    color: var(--sh-ab-text-light);
    font-size: 16px;
    line-height: 1.5;
}

.sh-ab-title-ssb {
    font-family: "PB";
    font-weight: 700;
    color: var(--sh-ab-text-main);
}

/* ==================== 布局与公共类 ==================== */
.sh-ab-container {
    width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
	max-width: 92%;
}

.sh-ab-section { padding: 80px 0; }
.sh-ab-bg-light { background-color: var(--sh-ab-bg-light); }
.sh-ab-text-center { text-align: center; }
.sh-ab-text-white, .sh-ab-text-white .sh-ab-title-ssb { color: #ffffff; }
.sh-ab-justify-center { justify-content: center; }
.mt-40 { margin-top: 40px; }

/* 网格系统 */
.sh-ab-grid { display: grid; gap: 30px; }
.sh-ab-grid-2 { grid-template-columns: repeat(2, 1fr); }
.sh-ab-grid-4 { grid-template-columns: repeat(4, 1fr); }
.sh-ab-grid-5 { grid-template-columns: repeat(5, 1fr); }
.sh-ab-align-center { align-items: center; }

/* 比例控制类 (Rect) */
[class*="sh-ab-rect-"]{height: auto;}
.sh-ab-rect-4-3 { aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--sh-ab-radius); }
.sh-ab-rect-16-9 { aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--sh-ab-radius); }
.sh-ab-rect-3-2 { aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--sh-ab-radius); }
.sh-ab-rect-4-3 img, .sh-ab-rect-16-9 img, .sh-ab-rect-3-2 img {
    width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;
}
.sh-ab-rect-4-3:hover img, .sh-ab-rect-16-9:hover img, .sh-ab-rect-3-2:hover img {
    transform: scale(1.05); /* 图片悬停微放大 */
}

/* 悬停浮动卡片 */
.sh-ab-hover-up { transition: var(--sh-ab-transition); }
.sh-ab-hover-up:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* 按钮样式 */
.sh-ab-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 15px 35px; font-size: 16px; font-weight: 600;
    border-radius: 30px; cursor: pointer;
}
.sh-ab-btn-primary { background-color: #0056b3; color: #fff; border: 2px solid #0056b3; }
.sh-ab-btn-primary:hover { background-color: #004494; border-color: #004494; }
.sh-ab-btn-outline { background-color: transparent; color: #fff; border: 2px solid #fff; }
.sh-ab-btn-outline:hover { background-color: #fff; color: var(--sh-ab-theme); }
.sh-ab-btn-light { background-color: #fff; color: var(--sh-ab-theme); border: 2px solid #fff; }
.sh-ab-btn-light:hover { background-color: #f0f0f0; }

/* 标题样式 */
.sh-ab-section-title { font-size: 42px; margin-bottom: 20px; line-height: 1.2; margin-top: 0; }
.sh-ab-section-desc { font-size: 18px; max-width: 1200px; margin: 0 auto 50px; text-align: center; }

/* ==================== 具体板块样式 ==================== */


/* 2. Company Profile */
.sh-ab-tag {
    display: inline-block; font-size: 14px; font-weight: bold; color: var(--sh-ab-theme);
    letter-spacing: 1px; margin-bottom: 15px; position: relative; padding-left: 40px;
}
.sh-ab-tag::before {
    content: ''; position: absolute; left: 0; top: 50%; width: 30px; height: 2px; background-color: var(--sh-ab-theme);margin-top: -1px;
}
.sh-ab-profile-subtitle { font-size: 20px; color: var(--sh-ab-theme); margin-bottom: 25px; font-weight: 600; margin-top: 0; }
.sh-ab-profile-desc p { margin-bottom: 15px; font-size: 16px; }

/* 3. 卡片通用样式 */
.sh-ab-strength{
	/* background: url('../images/sh-ab-strength-bg.jpg') no-repeat center/cover; */
}

.sh-ab-card {
    background: #fff; padding: 40px 30px; border-radius: var(--sh-ab-radius); border: 1px solid var(--sh-ab-border);
}
.sh-ab-driven .sh-ab-grid{
	/* 定义 3 列，每列宽度相等 (1fr 表示 1 份剩余空间) */
   grid-template-columns: repeat(3, 1fr);
}
/* 关键：让最后一个卡片跨越两列 */
.sh-ab-driven .sh-ab-grid .sh-ab-card:last-child{
  grid-column: span 2;
}
.sh-ab-icon {
    width: 80px; height: 80px; background-color: #f0f4f8; color: var(--sh-ab-theme);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 24px; margin-bottom: 20px;
}
.sh-ab-icon img{
	width: 50%;
}
.sh-ab-icon-blue { background-color: var(--sh-ab-theme); color: #fff; }
.sh-ab-card h4 { font-size: 20px; margin-bottom: 15px; margin-top: 0; }



/* 4. Factory Environment */
.sh-ab-factory-item { display: flex; align-items: center; gap: 50px; margin-bottom: 60px; }
.sh-ab-factory-item:last-child { margin-bottom: 0; }
.sh-ab-factory-item.sh-ab-row-reverse { flex-direction: row-reverse; }
.sh-ab-factory-img { flex: 1; }
.sh-ab-factory-text { flex: 1; }
.sh-ab-factory-text h3 { font-size: 28px; margin-bottom: 20px; margin-top: 0; }
.sh-ab-factory-text p+p{margin-top: 1em;}

/* 5. Quality Control */
.sh-ab-quality { background-color: var(--sh-ab-theme); background: linear-gradient(rgba(11, 59, 96, 0.96), rgba(11, 59, 96, 0.96)), url('../images/sh-ab-quality-bg.jpg') center/cover no-repeat;}
.sh-ab-quality-subdesc { max-width: 1000px; margin: 0 auto 50px; color: rgba(255,255,255,0.8); text-align: center; }
.sh-ab-qc-card {
    position: relative; overflow: hidden; background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1); color: #fff;
}
.sh-ab-qc-card h4 { color: #fff; }
.sh-ab-qc-card p { color: rgba(255,255,255,0.8); margin-bottom: 0; }
.sh-ab-qc-num {
    position: absolute; top: 10px; right: 10px; font-size: 100px; font-weight: 900;
    color: rgba(255,255,255,0.05); line-height: 1;
}

/* 6. Certificates & 8. Exhibitions (Swiper) */
.sh-ab-swiper-wrapper { position: relative; padding: 0 50px; }
.sh-ab-swiper-wrapper .swiper{padding-bottom: 0.2rem;}
.sh-ab-cert-card {
    background: #fff; padding: 20px; text-align: center;
    border-radius: var(--sh-ab-radius); border: 1px solid var(--sh-ab-border);
}
.sh-ab-cert-icon { font-size: 50px; color: var(--sh-ab-theme); margin-bottom: 10px; }
.sh-ab-cert-card p { font-weight: 600; color: var(--sh-ab-text-main); margin-bottom: 0; }

.sh-ab-exhibit-card {
    background: #fff; border-radius: var(--sh-ab-radius); border: 1px solid var(--sh-ab-border); overflow: hidden;
}
.sh-ab-exhibit-text { padding: 25px; }
.sh-ab-exhibit-text h4 { font-size: 20px; margin-bottom: 0; margin-top: 0; }
.sh-ab-exhibit-text p { margin-bottom: 0; }

/* Swiper 自定义按钮 */
.sh-ab-nav-btn {
    color: var(--sh-ab-theme) !important; background: #fff; width: 40px !important; height: 40px !important;
    border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-top: -20px !important;
}
.sh-ab-nav-btn::after { font-size: 18px !important; font-weight: bold; }
.swiper-button-prev { left: 0 !important; }
.swiper-button-next { right: 0 !important; }



/* 9. OEM & ODM */
.sh-ab-oem { background: /* linear-gradient(rgba(11, 59, 96, 0.9), rgba(11, 59, 96, 0.9)), */ url('../images/sh-ab-oem.jpg') center/cover fixed; }
.sh-ab-oem-icon { font-size: 50px; margin-bottom: 20px; }
.sh-ab-oem-icon img{max-width: 0.64rem;display: inline-block;}
.sh-ab-oem-subtitle { font-size: 24px; margin-bottom: 20px; font-weight: 400; margin-top: 0; }
.sh-ab-oem-desc { max-width: 900px; margin: 0 auto 40px; font-size: 18px; color: rgba(255,255,255,0.8); }

/* 10. After-Sales */
.sh-ab-service-subtitle { font-size: 22px; color: var(--sh-ab-theme); margin-bottom: 20px; margin-top: 0; }
.sh-ab-service-cards .sh-ab-card { padding: 30px; }

/* 11. Join Us */
.sh-ab-join { background-color: var(--sh-ab-theme); background: url('../images/sh-ab-join-bg.jpg') center/cover}
.sh-ab-join-desc { font-size: 20px; max-width: 900px; margin: 0 auto 20px; }
.sh-ab-join-subdesc { font-size: 16px; max-width: 800px; margin: 0 auto; color: rgba(255,255,255,0.8); }

/* ==================== 响应式适配 ==================== */
@media (max-width: 1400px) {
    .sh-ab-section-title { font-size: 36px; }
    .sh-ab-hero-title { font-size: 46px; }
}

@media (max-width: 1200px) {
    .sh-ab-grid-4, .sh-ab-grid-5 { grid-template-columns: repeat(3, 1fr); }
    .sh-ab-factory-item { gap: 30px; }
}

@media (max-width: 992px) {
    .sh-ab-grid-2, .sh-ab-grid-4, .sh-ab-grid-5 { grid-template-columns: repeat(2, 1fr); }
    .sh-ab-factory-item, .sh-ab-factory-item.sh-ab-row-reverse { flex-direction: column; }
    .sh-ab-factory-img, .sh-ab-factory-text { width: 100%; }
    .sh-ab-section { padding: 60px 0; }
    .sh-ab-hero { padding: 100px 0; }
}

@media (max-width: 768px) {
    .sh-ab-grid-2, .sh-ab-grid-4, .sh-ab-grid-5 { grid-template-columns: 1fr; }
    .sh-ab-hero-title { font-size: 36px; }
    .sh-ab-section-title { font-size: 28px; }
    .sh-ab-hero-btns { flex-direction: column; }
    .sh-ab-swiper-wrapper { padding: 0 30px; }
    .sh-ab-nav-btn { width: 30px !important; height: 30px !important; }
    .sh-ab-nav-btn::after { font-size: 14px !important; }
}



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

/* 产品列表 s */
/* 基础辅助类 */
.bg-theme { background-color: var(--theme-color); }
.color-theme { color: var(--theme-color); }
.box-shadow { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.border-bottom { border-bottom: 1px solid #eee; }
.border-eee { border: 1px solid #eee; }
.cursor-pointer { cursor: pointer; }
.text-justify { text-align: justify; }
.border-none { border: none; }

/* ==================== 左侧边栏导航 (Sidebar) ========================= */
/* .sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
}

.sh-pro-menu > li { border-bottom: 1px solid #f5f5f5; }
.sh-pro-menu > li:last-child { border-bottom: none; }
.sh-pro-menu .menu-head>a{ padding: 0.15rem 0; }
.sh-pro-menu .menu-head a:hover { color: var(--theme-color); }
.sh-pro-menu > li.active .menu-head a { color: var(--theme-color); }
.sh-pro-menu > li.active .menu-head .toggle-btn { transform: rotate(180deg); color: var(--theme-color); }

/* 下拉箭头按钮，增加点击区域 */
.sh-pro-menu .toggle-btn { padding: 0 10px; font-size: 20px; }

/* 子菜单 (由 JS 控制显示隐藏，不再使用 display:block 行内样式) */
.sh-pro-menu .sub-menu { display: none; padding-bottom: 0.1rem; }
.sh-pro-menu .sub-menu li a { 
    display: block; 
    padding: 0.08rem 0 0.08rem 0.15rem; 
    font-size: var(--f16); 
    color: #666; 
    transition: all 0.3s;
}
.sh-pro-menu .sub-menu li a i { margin-right: 0.08rem; font-size: 12px; opacity: 0; transition: all 0.3s; }
.sh-pro-menu .sub-menu li a:hover, 
.sh-pro-menu .sub-menu li a.active { color: var(--theme-color); padding-left: 0.08rem; }
.sh-pro-menu .sub-menu li a:hover i, 
.sh-pro-menu .sub-menu li a.active i { opacity: 1; }

.sh-pro-rec-list .pic { width: 0.8rem; height: 0.8rem; flex-shrink: 0; }
.sh-pro-rec-list .pic img { width: 100%; height: 100%; object-fit: cover; }
.sh-pro-rec-list a:hover h4 { color: var(--theme-color); } */

/* ==================== 左侧边栏导航 (无限极菜单) ========================= */
.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
}

.sh-pro-menu { list-style: none; padding: 0; margin: 0; }

/* 菜单项基础线 */
.sh-pro-menu li { border-bottom: 1px solid #f5f5f5; }
.sh-pro-menu li:last-child { border-bottom: none; }

/* 包含链接和箭头的头部 */
.sh-pro-menu .menu-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

/* 菜单文字链接 */
.sh-pro-menu .menu-head a {
    flex: 1;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    transition: color 0.3s ease;
}

/* 下拉箭头按钮 */
.sh-pro-menu .menu-head .toggle-btn {
    padding: 0 10px;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease;
}

/* 悬停与激活状态 */
.sh-pro-menu .menu-head a:hover { color: var(--theme-color); }
.sh-pro-menu li.active > .menu-head > a,.sh-pro-menu .sub-menu li.active>a{ color: var(--theme-color); }
.sh-pro-menu li.active > .menu-head > .toggle-btn { 
    transform: rotate(180deg); 
    color: var(--theme-color); 
}
/* --- 子菜单递归样式 (核心) --- */
.sh-pro-menu .sub-menu {
    display: none;
    padding-left: 18px; /* 每一级自动向右缩进 18px */
    padding-bottom: 10px;
}

/* 子菜单内的 li 不需要底边框 */
.sh-pro-menu .sub-menu li { border-bottom: none; }

/* 子菜单内的纯链接 (叶子节点) */
.sh-pro-menu .sub-menu > li > a {
    display: block;
    padding: 8px 0;
    font-size: 15px;
    color: #666;
    transition: all 0.3s ease;
    position: relative;
}

/* 给纯链接加个小横杠装饰，更有层级感 */
.sh-pro-menu .sub-menu > li > a::before {
    content: '-';
    margin-right: 8px;
    color: #ccc;
    transition: color 0.3s ease;
}

/* 子菜单链接悬停与激活 */
.sh-pro-menu .sub-menu > li > a:hover,
.sh-pro-menu .sub-menu > li > a.active {
    color: var(--theme-color);
    padding-left: 5px; /* 悬停时文字轻微右移 */
}
.sh-pro-menu .sub-menu > li > a:hover::before,
.sh-pro-menu .sub-menu > li > a.active::before {
    color: var(--theme-color);
}

/* 覆盖深层嵌套时的 menu-head 样式 (让字号变小，字体变细) */
.sh-pro-menu .sub-menu .menu-head { padding: 8px 0; }
.sh-pro-menu .sub-menu .menu-head a { font-size: 16px; font-weight: 500; color: #555; }
.sh-pro-menu .sub-menu .menu-head .toggle-btn { font-size: 18px; }

/* ==================== 右侧产品网格 (Product List Grid) ========================= */
.pm-pro-list-wrapper { background: #fff; }
.pm-pro-list-layout { gap: .6rem; }
.pm-pro-list-page .sh-pro-sidebar { width: 3rem; }
.pm-pro-list-page .pm-pro-list-main { width: auto; min-width: 0; flex: 1; }
.pm-pro-list-page .sh-pro-widget { overflow: hidden; background: #f6f8fa; }
.pm-pro-list-page .sh-pro-widget-title { padding: .24rem .28rem; line-height: 1.25; color: #fff; background: var(--theme-color); }
.pm-pro-list-page .sh-pro-menu { padding: 0 .24rem; }
.pm-pro-list-page .sh-pro-menu .menu-head { min-height: 0; padding: 0; }
.pm-pro-list-page .sh-pro-menu .menu-head > a { display: flex; align-items: center; min-height: .52rem; padding: .1rem 0; font-size: var(--f16); font-weight: 500; line-height: 1.35; }
.pm-pro-list-page .sh-pro-menu .sub-menu { padding-left: .16rem; }
.pm-pro-list-page .sh-pro-menu .sub-menu > li > a { font-size: var(--f16); line-height: 1.4; }
.pm-pro-list-page .sh-pro-search-widget,
.pm-pro-list-page .sh-pro-recommend-widget { padding: .26rem .24rem; }
.pm-pro-list-page .sh-pro-search-widget .sh-pro-widget-title,
.pm-pro-list-page .sh-pro-recommend-widget .sh-pro-widget-title { margin-bottom: .2rem; padding: 0 0 .14rem; color: #172434; background: transparent; border-bottom: .01rem solid #dfe5ea; }
.pm-pro-list-page .sh-pro-rec-list .pic img { object-fit: contain; }
.sh-pro-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.pm-pro-list-page .sh-pro-card { height: 100%; background: #fff; }
.pm-pro-list-page .pm-pro-list-card-link { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 0; border-radius: .08rem; background: #fff; box-shadow: 0 0 .22rem rgba(12,41,66,.08); transition: box-shadow .3s ease, transform .3s ease; }
.pm-pro-list-page .pm-pro-list-card-media { padding: .16rem; overflow: hidden; background: #fff; }
.pm-pro-list-page .pm-pro-list-card-media img { object-fit: contain; transform: scale(.9); transition: transform .4s ease; }
.pm-pro-list-page .pm-pro-list-card-body { min-height: 1.55rem; padding: .26rem .28rem .3rem; }
.pm-pro-list-page .pm-pro-list-card-title { line-height: 1.35; transition: color .3s ease; }
.pm-pro-list-page .pm-pro-list-card-title.is-ptct,.pm-pro-list-page .sh-pro-rec-list h4.is-ptct {display: block;overflow: visible;-webkit-line-clamp: unset;text-align: center;}
.pm-pro-list-page .pm-ptct-name,.pm-pro-list-page .pm-ptct-model {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pm-pro-list-page .pm-pro-list-card-title .pm-ptct-model {margin-top: .04rem;font-size: var(--f16);font-weight: 500;line-height: 1.35;color: #65717d;}
.pm-pro-list-page .sh-pro-rec-list .pm-ptct-model {display: block;margin-top: .02rem;font-weight: 500;color: #65717d;}
.pm-pro-list-page .pm-pro-list-card:hover .pm-ptct-name,.pm-pro-list-page .pm-pro-list-card:hover .pm-ptct-model {color: var(--theme-color);}
.pm-pro-list-page .pm-pro-list-card-desc { margin-top: .12rem; line-height: 1.55; color: #65717d; }
.pm-pro-list-page .pm-pro-list-card:hover .pm-pro-list-card-link { box-shadow: 0 .14rem .32rem rgba(12,41,66,.13); transform: translateY(-.03rem); }
.pm-pro-list-page .pm-pro-list-card:hover .pm-pro-list-card-media img { transform: scale(.96); }
.pm-pro-list-page .pm-pro-list-card:hover .pm-pro-list-card-title { color: var(--theme-color); }

/* Pomanique product guide */
.pm-pro-guide .pm-pro-guide-intro {padding: .72rem 0 .78rem;background: #fff;}
.pm-pro-guide .pm-pro-guide-intro-inner {display: grid;grid-template-columns: minmax(0,.58fr) minmax(3.8rem,.42fr);align-items: end;gap: .7rem;}
.pm-pro-guide .pm-pro-guide-label {margin-bottom: .12rem;line-height: 1.3;color: var(--theme-color);}
.pm-pro-guide .pm-pro-guide-title {max-width: 9.2rem;line-height: 1.16;color: #0c2236;}
.pm-pro-guide .pm-pro-guide-intro-desc {color: #5f6e7c;}

.pm-pro-guide .pm-pro-guide-section {padding: .8rem 0 .68rem;background: linear-gradient(180deg,#f7fafc 0%,#f7fafc 38%,#aad5f5 100%);}
.pm-pro-guide .pm-pro-guide-section:nth-of-type(odd) {background: #fff;}
.pm-pro-guide .pm-pro-guide-head {display: flex;align-items: flex-end;justify-content: space-between;gap: .5rem;margin-bottom: .42rem;}
.pm-pro-guide .pm-pro-guide-head-copy {max-width: 9rem;}
.pm-pro-guide .pm-pro-guide-category-title {line-height: 1.18;color: #0c2236;}
.pm-pro-guide .pm-pro-guide-category-desc {max-width: 8.6rem;margin-top: .16rem;color: #62717f;}
.pm-pro-guide .pm-pro-guide-view {display: inline-flex;align-items: center;gap: .1rem;padding-bottom: .07rem;border-bottom: .01rem solid #b9c7d1;line-height: 1.3;color: #17354e;transition: border-color .25s ease,color .25s ease;}
.pm-pro-guide .pm-pro-guide-view i {transition: transform .25s ease;}
.pm-pro-guide .pm-pro-guide-view:hover {border-color: var(--theme-color);color: var(--theme-color);}
.pm-pro-guide .pm-pro-guide-view:hover i {transform: translateX(.04rem);}

.pm-pro-guide .pm-pro-guide-slider-wrap {position: relative;}
.pm-pro-guide .pm-pro-guide-slider {width: calc(100% + .8rem);margin: -.28rem -.4rem -.16rem;padding: .28rem .4rem .56rem;}
.pm-pro-guide .pm-pro-guide-slider .swiper-slide {height: auto;}
.pm-pro-guide .pm-pro-guide-prev,.pm-pro-guide .pm-pro-guide-next {position: absolute;top: calc(50% - .1rem);z-index: 3;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border: 0;border-radius: 50%;background: #fff;box-shadow: 0 .08rem .24rem rgba(12,41,66,.16);font-size: var(--f22);color: #10283d;cursor: pointer;transform: translateY(-50%);transition: box-shadow .25s ease,color .25s ease,transform .25s ease;}
.pm-pro-guide .pm-pro-guide-prev {left: -.66rem;}
.pm-pro-guide .pm-pro-guide-next {right: -.66rem;}
.pm-pro-guide .pm-pro-guide-prev:hover,.pm-pro-guide .pm-pro-guide-next:hover {background: #fff;box-shadow: 0 .12rem .3rem rgba(12,41,66,.22);color: var(--theme-color);transform: translateY(-50%) scale(1.04);}
.pm-pro-guide .pm-pro-guide-prev.swiper-button-disabled,.pm-pro-guide .pm-pro-guide-next.swiper-button-disabled {background: #fff;box-shadow: 0 .06rem .18rem rgba(12,41,66,.12);color: #a9b6c1;opacity: 1;cursor: default;}
@media (max-width: 1200px) {
	.pm-pro-guide .pm-pro-guide-prev {left: .08rem;}
	.pm-pro-guide .pm-pro-guide-next {right: .08rem;}
}

.pm-pro-guide .pm-pro-guide-card {height: 100%;background: #fff;}
.pm-pro-guide .pm-pro-guide-card-link {display: flex;height: 100%;overflow: hidden;flex-direction: column;border: 0;border-radius: .06rem;background: #fff;box-shadow: 0 .08rem .22rem rgba(12,41,66,.1);transition: box-shadow .3s ease,transform .3s ease;}
.pm-pro-guide .pm-pro-guide-card-media {padding: .16rem;overflow: hidden;background: #fff;}
.pm-pro-guide .pm-pro-guide-card-media img {object-fit: contain;transform: scale(.9);transition: transform .4s ease;}
.pm-pro-guide .pm-pro-guide-card-body {min-height: 1.38rem;padding: .25rem .26rem .28rem;}
.pm-pro-guide .pm-pro-guide-card-title {color: #10263a;transition: color .3s ease;}
.pm-pro-guide .pm-pro-guide-card-desc {margin-top: .11rem;color: #687684;}
.pm-pro-guide .pm-pro-guide-card:hover .pm-pro-guide-card-link {box-shadow: 0 .14rem .34rem rgba(12,41,66,.15);transform: translateY(-.04rem);}
.pm-pro-guide .pm-pro-guide-card:hover .pm-pro-guide-card-media img {transform: scale(.96);}
.pm-pro-guide .pm-pro-guide-card:hover .pm-pro-guide-card-title {color: var(--theme-color);}

.pm-pro-guide .pm-pro-guide-cta {padding: .78rem 0;background: #0e2d47;}
.pm-pro-guide .pm-pro-guide-cta-inner {display: flex;align-items: center;justify-content: space-between;gap: .7rem;}
.pm-pro-guide .pm-pro-guide-cta-copy {max-width: 10rem;}
.pm-pro-guide .pm-pro-guide-cta-label {margin-bottom: .12rem;line-height: 1.3;color: #8dc4ed;}
.pm-pro-guide .pm-pro-guide-cta-title {line-height: 1.2;color: #fff;}
.pm-pro-guide .pm-pro-guide-cta-desc {max-width: 9rem;margin-top: .17rem;color: rgba(255,255,255,.72);}
.pm-pro-guide .pm-pro-guide-cta-link {display: inline-flex;align-items: center;justify-content: center;gap: .1rem;min-width: 2.15rem;min-height: .52rem;padding: .13rem .26rem;border: .01rem solid #fff;border-radius: .03rem;background: #fff;line-height: 1.3;color: #0e2d47;transition: background-color .25s ease,color .25s ease;}
.pm-pro-guide .pm-pro-guide-cta-link:hover {background: transparent;color: #fff;}

.sh-pro-btn {
    display: inline-block;
    padding: 0.1rem 0.3rem;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    border-radius: 50px; 
}
.sh-pro-card:hover .sh-pro-btn {
    background-color: var(--theme-color);
    color: #fff;
}
/* 产品列表 e */

/* 产品详情 s */
/* ==================== 详情页板块间距管理 ========================= */
.sh-pro-detail-container .sh-pro-block {
	margin-bottom: 0.4rem;
}
.sh-pro-detail-container .sh-pro-block:last-child {
    margin-bottom: 0;
}

/* ==================== 详情页多图轮播 (Gallery) ========================= */
.sh-pro-gallery-main .pic { background-color: #fff; }
/* .sh-pro-gallery-thumbs .swiper-slide { opacity: 0.8;  } */
.sh-pro-gallery-thumbs .swiper-slide-thumb-active, 
.sh-pro-gallery-thumbs .swiper-slide:hover { opacity: 1; border-color: var(--theme-color); }

.sh-pro-thumbs-wrap {
    padding: 0 35px;
}

/* 彻底隐藏 Swiper 原生箭头(伪元素和SVG) */
.sh-pro-thumbs-wrap .swiper-button-next::after,
.sh-pro-thumbs-wrap .swiper-button-prev::after,
.sh-pro-thumbs-wrap .swiper-button-next svg,
.sh-pro-thumbs-wrap .swiper-button-prev svg {
    display: none !important;
    content: none !important;
}

/* 强制重置按钮样式与垂直居中 */
.sh-pro-thumbs-wrap .swiper-button-next,
.sh-pro-thumbs-wrap .swiper-button-prev {
    width: 25px;
    height: 100%;
    top: 0;
    margin-top: 0 !important;
    background-color: rgba(255, 255, 255, 0.8);
    color: var(--theme-color);
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.sh-pro-thumbs-wrap .swiper-button-next { right: 0; }
.sh-pro-thumbs-wrap .swiper-button-prev { left: 0; }

/* 放大我们自己写的 i 标签，并强制 line-height 保证居中 */
.sh-pro-thumbs-wrap .swiper-button-next i,
.sh-pro-thumbs-wrap .swiper-button-prev i {
    font-size: 20px;
    line-height: 1;
}

.sh-pro-thumbs-wrap .swiper-button-next:hover,
.sh-pro-thumbs-wrap .swiper-button-prev:hover {
    background-color: var(--theme-color);
    color: #fff;
}

/* ==================== 详情页属性与操作按钮 ========================= */
.sh-pro-features { background: #f8f9f9; padding: 0.2rem; border-radius: 5px; border-left: 4px solid var(--theme-color); }
.sh-pro-features li { font-size: var(--f16); color: #333; line-height: 1.8; }
.sh-pro-features li strong { color: #000; display: inline-block; width: 1.6rem; }

.sh-pro-btn-solid {
    padding: 0.15rem 0.4rem;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 50px;
    border: 2px solid var(--theme-color);
}
.sh-pro-btn-solid:hover { background-color: var(--sec-theme-color); border-color: var(--sec-theme-color); }

.sh-pro-btn-download {
    min-height: .52rem;
    padding: .14rem .28rem;
    border: .02rem solid #d6dee6;
    border-radius: .5rem;
    background: #edf1f4;
    color: #8b98a5;
    cursor: not-allowed;
}
.sh-pro-btn-download:disabled {opacity: 1;}

.sh-pro-btn-outline {
    padding: 0.15rem 0.4rem;
    background-color: transparent;
    color: var(--theme-color);
    border-radius: 50px;
    border: 2px solid var(--theme-color);
}
.sh-pro-btn-outline:hover { background-color: var(--theme-color); color: #fff; }

/* ==================== 详情页 Tabs ========================= */
.sh-pro-detail-container .sh-pro-tabs-nav {
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    gap: .04rem;
    padding: .05rem;
    background: #f2f4f6;
    border-radius: .06rem;
}
.sh-pro-detail-container .sh-pro-tabs-nav > span,
.sh-pro-detail-container .sh-pro-tabs-nav > a {
    display: flex;
    align-items: center;
    justify-content: center;
	min-height: .42rem;
    padding: 0 .24rem;
	border-radius: .04rem;
    color: #56616d;
    transition: color .3s ease, background-color .3s ease;
}
.sh-pro-detail-container .sh-pro-tabs-nav > a:hover {
    color: var(--theme-color);
    background: #e7ebef;
}
.sh-pro-detail-container .sh-pro-tabs-nav > .active {
	color: #fff;
	background: var(--theme-color);
}

.sh-pro-tab-pane { display: none; }
.sh-pro-tab-pane.active { display: block; }
.fade-in { animation: fadeIn 0.5s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ==================== 左侧边栏搜索 (Sidebar Search) ========================= */
.sh-pro-search {
    position: relative;
    display: flex;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 当输入框获取焦点时，外层边框变色 */
.sh-pro-search:focus-within {
    border-color: var(--theme-color);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

.sh-pro-search input {
    flex: 1;
    border: none;
    padding: 12px 15px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    outline: none;
    color: #333;
    background-color: #fafafa;
}

.sh-pro-search button {
    width: 50px;
    border: none;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sh-pro-search button:hover {
    opacity: 0.9; /* 悬停时稍微变暗，兼容没有次级主题色的情况 */
}


/* ==================== 详情页文章排版 (H2, H3, H4) ========================= */
.sh-pro-detail-article h2 {
	font-size: var(--f28);
	line-height: 1.15;
	font-weight: 700;
	color: #000;
    /* border-bottom: 2px solid #eee; */
    padding-bottom: 0.1rem;
    position: relative;
}
/* .sh-pro-detail-article h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background-color: var(--theme-color);
} */
.sh-pro-detail-article h3 {
	font-size: var(--f24);
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 0.15rem;
	margin-top: 0.2rem;
    border-left: 4px solid var(--theme-color);
    padding-left: 0.15rem;
}
.sh-pro-detail-article h4 {
	font-size: var(--f20);
	line-height: 1.15;
	font-weight: 700;
    color: #444;
	margin-bottom: 0.15rem;
	margin-top: 0.2rem;
}

.sh-pro-detail-article p:not(:last-child){
	margin-bottom: 1em;
}

.sh-pro-dl-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* PC端两列显示 */
    gap: 15px; /* 两个dl之间的间距 */
    margin: 25px 0; /* 上下外边距 */
}

.sh-pro-dl-list dl {
    display: flex;
    margin: 0;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.sh-pro-dl-list dl:hover {
    border-color: var(--theme-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

.sh-pro-dl-list dt {
    width: 40%;
    background-color: #f8f9f9;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 15px;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.sh-pro-dl-list dd {
    width: 60%;
    background-color: #fff;
    color: #555;
    font-size: 16px;
    padding: 12px 15px;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

/* ==================== 内容区简单表格样式 ========================= */
.sh-pro-detail-article .scroll{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.sh-pro-detail-article table {
    border-collapse: collapse;
    border: 1px solid #eee;
}
.sh-pro-detail-article table th, 
.sh-pro-detail-article table td {
    padding: 12px 15px;
    border: 1px solid #eee;
}
/* .sh-pro-detail-article table thead th {
    background-color: #f5f5f5;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid var(--theme-color);
} */
.sh-pro-detail-article tbody tr:hover {
    background-color: #f9f9f9;
}

/* 参数表格 (Specifications Tab) */
.sh-pro-table { border-collapse: collapse; }
.sh-pro-table th, .sh-pro-table td { border: 1px solid #eee; }
/* .sh-pro-table tr:nth-child(even) td { background-color: #fafafa; } */

/* ==================== 底部相关产品轮播 (Related Slider) ========================= */
.sh-pro-rel-slider {
    padding-bottom: 60px;
}

.sh-pro-rel-slider  .swiper-wrapper{
	padding-top: 0.1rem;
}

/* 彻底隐藏 Swiper 原生箭头(伪元素和SVG) */
.sh-pro-rel-slider .swiper-button-next::after, 
.sh-pro-rel-slider .swiper-button-prev::after,
.sh-pro-rel-slider .swiper-button-next svg, 
.sh-pro-rel-slider .swiper-button-prev svg {
    display: none !important;
    content: none !important;
}

/* 强制重置按钮样式与垂直居中 */
.sh-pro-rel-slider .swiper-button-next, 
.sh-pro-rel-slider .swiper-button-prev {
    width: 40px; 
    height: 40px;
    background-color: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    top: calc(50% - 20px);
    bottom: 0;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.sh-pro-rel-slider .swiper-button-next { right: calc(0 - 20px); }
.sh-pro-rel-slider .swiper-button-prev { left: calc( 0 - 20px); }

/* 放大我们自己写的 i 标签，并强制 line-height 保证居中 */
.sh-pro-rel-slider .swiper-button-next i, 
.sh-pro-rel-slider .swiper-button-prev i {
    font-size: 24px;
    line-height: 1;
}

.sh-pro-rel-slider .swiper-button-next:hover, 
.sh-pro-rel-slider .swiper-button-prev:hover {
    background-color: var(--sec-theme-color);
}

/* ==================== 底部留言表单 (Inquiry Form) ========================= */
.sh-pro-inquiry-form input, 
.sh-pro-inquiry-form textarea { 
    border: 1px solid transparent; 
    transition: all 0.3s ease; 
    font-family: 'Poppins', sans-serif; 
    outline: none;
}
.sh-pro-inquiry-form input:focus, 
.sh-pro-inquiry-form textarea:focus { 
    border-color: var(--theme-color); 
    background-color: #fff; 
    box-shadow: 0 0 10px rgba(1, 84, 164, 0.1); 
}
/* 产品详情 e */

/* ==================== 响应式适配 (Responsive) ========================= */
@media screen and (max-width: 1400px) {
    .sh-pro-grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 1000px) {
    .sh-pro-sidebar { width: 100%; margin-bottom: 0.4rem; position: static; }
    .sh-pro-content { width: 100%; }
	.pm-pro-list-page .sh-pro-sidebar { width: 100%; }
	.pm-pro-list-page .pm-pro-list-layout { gap: 0; }
	.pm-pro-list-page .pm-pro-list-main { width: 100%; flex: 0 0 100%; }
    .sh-pro-gallery { width: 100%; margin-bottom: 0.4rem; }
    .sh-pro-summary { width: 100%; }
    .sh-pro-features li strong { width: 1.5rem; }
}

@media screen and (max-width: 767px) {
    .sh-pro-grid { grid-template-columns: 1fr; }
    .sh-pro-tabs-nav { flex-wrap: wrap; }
    .sh-pro-tabs-nav a { width: 100%; margin: 0 0 0.1rem 0; padding-bottom: 0.1rem; text-align: center; }
    .sh-pro-inquiry-form input { width: 100%; }
    .sh-pro-app-list li { width: 100%; }
    .sh-pro-actions a { width: 100%; justify-content: center; margin-right: 0; }
    .sh-pro-table th, .sh-pro-table td { display: block; width: 100%; }
    .sh-pro-table th { border-bottom: none; }
}

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


/* 新闻列表 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 h2{
	font-size: var(--f28);
	line-height: 1.15;
	color: #000;
	font-weight: 600;
	margin-bottom: 0.2rem;
}
.n_news .fl .con h3{
	font-size: var(--f24);
	line-height: 1.15;
	color: #212121;
	font-weight: 500;
	margin-bottom: 0.12rem;
}
.n_news .fl .con h4{
	font-size: var(--f20);
	line-height: 1.15;
	color: #333;
	font-weight: 500;
	margin-bottom: 0.08rem;
}
.n_news .fl .con  p{
	margin-bottom: 1em;
}
.n_news .fl .con a{
	text-decoration: underline;
	color: var(--theme-color);
}
.n_news .fl .con table{
	max-width: 100%;
}
.n_news .fl .con table td,.n_news .fl .con table th{
	border: 1px #eee solid;
	padding: 0.06rem 0.04rem !important;
	text-align: center;
} */

/* 富文本排版样式 */
/* ==================================================
   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 边框冲突 */
}

/* 表格主体：边框加在这里 */
.pm-product-table-wrap {
    width: 100%;
    margin: 0.28rem 0 0.4rem;
    padding-bottom: 0.1rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--theme-color) #d9d9d9;
}
.pm-product-table-wrap::-webkit-scrollbar {
    height: 0.05rem;
}
.pm-product-table-wrap::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 0.03rem;
}
.pm-product-table-wrap::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 0.03rem;
    transition: background-color 0.25s ease;
}
.pm-product-table-wrap::-webkit-scrollbar-thumb:hover {
    background: var(--sec-theme-color);
}
.pm-product-table-wrap::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}
.pm-product-table-wrap > .scroll {
    width: 100%;
    margin: 0;
    padding-bottom: 0.1rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--theme-color) #d9d9d9;
}
.pm-product-table-wrap > .scroll::-webkit-scrollbar {
    height: 0.05rem;
}
.pm-product-table-wrap > .scroll::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 0.03rem;
}
.pm-product-table-wrap > .scroll::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 0.03rem;
    transition: background-color 0.25s ease;
}
.pm-product-table-wrap > .scroll::-webkit-scrollbar-thumb:hover {
    background: var(--sec-theme-color);
}
.pm-product-table-wrap > .scroll::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}
.pm-product-table-wrap .pm-product-table {
    width: max-content;
    min-width: 100%;
}

.ar_article .pm-product-detail-media {
    margin: 0.28rem 0 0.4rem;
}
.ar_article .pm-product-detail-media .pm-product-detail-image,
.ar_article .pm-product-detail-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.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;
	/*white-space: nowrap;*/
	text-align: center;
}

.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 .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;
	position: sticky;
	top: 110px;
}

.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{
	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{}
/* 新闻详情 e */

/* ====================应用样式========================= */
/* 基础辅助类增强 */
.bg-theme { background-color: var(--theme-color); }
.color-theme { color: var(--theme-color); }
.box-shadow { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.border-bottom { border-bottom: 1px solid #eee; }

/* 内页通用区块设置 */
.inner-section {
    padding: 0.9rem 0;
}
.inner-sec-head {
    margin-bottom: 0.5rem;
}
.inner-sec-head .sub-tit {
    display: inline-block;
    color: var(--theme-color);
    font-size: var(--f16);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    letter-spacing: 1px;
}
.inner-sec-head .main-tit {
    font-size: var(--f46);
    color: #111;
    font-weight: 700;
    line-height: 1.2;
}

/* 方案列表 s */
.sol_grid {
    display: grid;
    grid-template-columns: repeat(3, 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.2rem;
    text-align: justify;
}
.pm-sol-detail-content {color: #344255;}
.pm-sol-detail-article {display: grid;gap: 0.34rem;}
.pm-sol-detail-intro {padding: 0.34rem 0.38rem;border-radius: 0.1rem;background: #eef4f9;}
.pm-sol-detail-intro-title {max-width: 8.8rem;font-size: var(--f30);font-weight: 700;line-height: 1.3;color: #082c50;}
.pm-sol-detail-intro-desc {max-width: 9.4rem;margin-top: 0.18rem;font-size: var(--f18);line-height: 1.75;color: #516174;}
.pm-sol-detail-section {padding-top: 0.1rem;}
.pm-sol-detail-section-title {margin-bottom: 0.22rem;font-size: var(--f26);font-weight: 700;line-height: 1.3;color: #102c49;}
.pm-sol-detail-grid {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.18rem;}
.pm-sol-detail-card {min-height: 1.9rem;padding: 0.26rem;border-radius: 0.08rem;background: #f6f8fa;box-shadow: 0 8px 24px rgba(11,43,75,.06);transition: transform .3s ease,box-shadow .3s ease;}
.pm-sol-detail-card h4 {font-size: var(--f20);font-weight: 700;line-height: 1.35;color: var(--theme-color);}
.pm-sol-detail-card > div {margin-top: 0.12rem;font-size: var(--f16);line-height: 1.7;color: #5c6977;}
.pm-sol-detail-card:hover {transform: translateY(-4px);box-shadow: 0 14px 32px rgba(11,43,75,.1);}
.pm-sol-detail-section-soft {padding: 0.32rem;border-radius: 0.1rem;background: #f5f8fb;}
.pm-sol-detail-list {display: grid;gap: 0.12rem;}
.pm-sol-detail-list li {display: grid;grid-template-columns: minmax(2rem,.72fr) minmax(0,1.28fr);gap: 0.24rem;align-items: start;padding: 0.18rem 0.2rem;border-radius: 0.06rem;background: #fff;}
.pm-sol-detail-list strong {font-size: var(--f18);line-height: 1.55;color: #12385d;}
.pm-sol-detail-list span {font-size: var(--f16);line-height: 1.65;color: #5c6977;}
.pm-sol-detail-support {padding: 0.3rem 0.34rem;border-radius: 0.1rem;background: var(--theme-color);color: #fff;}
.pm-sol-detail-support h3 {font-size: var(--f24);font-weight: 700;line-height: 1.3;color: #fff;margin-top: 0;}
.pm-sol-detail-support > div {margin-top: 0.13rem;font-size: var(--f16);line-height: 1.75;color: rgba(255,255,255,.8);}
.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;
}
.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: .1rem .62rem .12rem; margin: -.1rem -.62rem 0; }
.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: 50%;
    bottom: auto;
    margin: 0;
    transform: translateY(-50%);
}
.rel_pro_slider .swiper-button-next { right: .08rem; }
.rel_pro_slider .swiper-button-prev { left: .08rem; }
.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;}
/* 表单样式 */
.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); }
	.pm-sol-detail-grid {grid-template-columns: 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; }
	.pm-sol-detail-list li {grid-template-columns: 1fr;gap: 0.06rem;}
    .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 */
/* 服务支持 e */

/* 常见问题 s */
/* ================= 2. FAQ 手风琴 (FAQ Accordion) ================= */
.faq-accordion {
    max-width: 14rem; /* 控制最大宽度，保证阅读体验 */
    margin: 0 auto;
}
.faq-item {
    margin-bottom: 0.2rem;
    /* background: linear-gradient(180deg,#fff 0%,#f7fafc 38%,#aad5f5 100%); */
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.faq-item.active {
    border-color: var(--theme-color);
    box-shadow: 0 8px 20px rgba(1, 172, 200, 0.08);
}
.faq-head {
    padding: 0.25rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #fdfdfd;
    border-radius: 4px;
}
.faq-item.active .faq-head {
    background: #fff;
}
.faq-q {
    font-size: var(--f20);
    color: #111;
    font-weight: 600;
    transition: color 0.3s;
    padding-right: 0.3rem;
    line-height: 1.4;
}
.faq-item:hover .faq-q, 
.faq-item.active .faq-q {
    color: var(--theme-color);
}
/* 加号/减号 动画图标 */
.faq-icon {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.faq-icon::before, .faq-icon::after {
    content: '';
    position: absolute;
    background: #111;
    transition: all 0.3s ease;
}
.faq-icon::before {
    top: 8px;
    left: 0;
    width: 18px;
    height: 2px;
}
.faq-icon::after {
    top: 0;
    left: 8px;
    width: 2px;
    height: 18px;
}
.faq-item:hover .faq-icon::before, 
.faq-item:hover .faq-icon::after,
.faq-item.active .faq-icon::before, 
.faq-item.active .faq-icon::after {
    background: var(--theme-color);
}
.faq-item.active .faq-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}
.faq-body {
    display: none;
    padding: 0 0.3rem 0.3rem;
}
.faq-item.active .faq-body {
    display: block;
}
.faq-content {
    font-size: var(--f16);
    color: #666;
    line-height: 1.75;
    border-top: 1px dashed #e5e7eb;
    padding-top: 0.25rem;
}
/* 常见问题 e */

/* 下载中心 s */
.dl_tabs a {
    padding: 0.15rem 0.4rem;
    color: #666;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 0.1rem 0.2rem;
    transition: all 0.3s ease;
}
.dl_tabs a:hover, .dl_tabs a.active {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
    box-shadow: 0 5px 15px rgba(1, 84, 164, 0.2);
}
.dl_item {
    border: 1px solid transparent;
}
.dl_item:hover {
    border-color: var(--theme-color);
    transform: translateY(-3px);
}
.dl_icon {
    width: 0.8rem;
    height: 0.8rem;
}
.dl_btn {
    padding: 0.16rem 0.45rem;
}
.dl_item:hover .dl_btn {
    background-color: var(--sec-theme-color);
}

/* 下载信息图标美化 */
.dl_meta span { display: inline-flex; align-items: center; }
.dl_meta i { color: var(--theme-color); font-size: var(--f18); }
/* 下载中心 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;
}
/* 联系我们 e */

/* ====================OEM样式========================= */
:root {
    --sh-oem-theme: #0b3b60; /* 主题深蓝 */
    --sh-oem-theme-light: #0154A4; /* 亮蓝色按钮/图标 */
    --sh-oem-text-main: #333333;
    --sh-oem-text-light: #666666;
    --sh-oem-bg-light: #f8f9fa;
    --sh-oem-border: #eaeaea;
    --sh-oem-radius: 12px;
    --sh-oem-transition: all 0.3s ease;
}

.sh-oem-wwrapper{
	color: var(--sh-oem-text-light);
   font-size: 16px;
   line-height: 1.5;
   background-color: #fff;
}

/* ==================== 公共布局类 ==================== */
.sh-oem-container { position: relative; z-index: 2; }
.sh-oem-section { padding: 80px 0; }
.sh-oem-bg-light { background-color: var(--sh-oem-bg-light); }
.sh-oem-text-center { text-align: center; }
.sh-oem-text-white { color: #ffffff; }
.sh-oem-text-white .SSB { color: #ffffff; }
.sh-oem-mx-auto { margin-left: auto; margin-right: auto; }
.sh-oem-justify-center { justify-content: center; }

/* 悬停浮动效果 */
.sh-oem-hover-up { transition: var(--sh-oem-transition); }
.sh-oem-hover-up:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* 按钮样式 */
.sh-oem-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px; /* 图中按钮偏方正 */
    cursor: pointer;
    text-align: center;
    transition: var(--sh-oem-transition);
}
.sh-oem-btn-primary { background-color: var(--sh-oem-theme-light); color: #fff; border: 2px solid var(--sh-oem-theme-light); }
.sh-oem-btn-primary:hover { background-color: #0b5ec2; border-color: #0b5ec2; color: #fff;}
.sh-oem-btn-white { background-color: #fff; color: var(--sh-oem-text-main); border: 2px solid #fff; }
.sh-oem-btn-white:hover { background-color: #f0f0f0; color: var(--sh-oem-theme-light); }
.sh-oem-btn-outline { background-color: transparent; color: #fff; border: 2px solid #fff; }
.sh-oem-btn-outline:hover { background-color: #fff; color: var(--sh-oem-theme); }

/* 公共标题样式 */
.sh-oem-tag-text {
    font-size: 14px;
    font-weight: bold;
    color: var(--sh-oem-theme-light);
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.sh-oem-section-title {
    font-size: 42px;
    color: var(--sh-oem-text-main);
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.2;
}
.sh-oem-section-desc {
    font-size: 18px;
    max-width: 900px;
    margin-bottom: 50px;
}

/* ==================== 1. Hero Section ==================== */
.sh-oem-hero {
    position: relative;
    padding: 120px 0; /* 底部留出空间给悬浮卡片 */
    color: #fff;
}
.sh-oem-hero-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
}
.sh-oem-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.sh-oem-hero-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	inset: 0;
	/* background:linear-gradient(90deg,rgba(6, 37, 61, 0.92) 0%,rgba(1, 84, 164, 0.72) 45%,rgba(6, 37, 61, 0.55) 100%); */
    background: linear-gradient(90deg, rgba(11, 59, 96, 0.98) 0%, rgba(11, 59, 96, 0.8) 100%);
}
.sh-oem-hero-content { max-width: 900px; }
.sh-oem-tag {
    display: inline-block; padding: 5px 15px; background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3); font-size: 14px; margin-bottom: 20px;
}
.sh-oem-hero-title { font-size: 54px; margin-top: 0; margin-bottom: 25px; line-height: 1.1; }
.sh-oem-hero-desc { font-size: 20px; font-weight: 500; margin-bottom: 20px; }
.sh-oem-hero-subdesc { font-size: 16px; opacity: 0.9; margin-bottom: 40px; }
.sh-oem-hero-btns { display: flex; gap: 20px; }

/* Hero 悬浮卡片 */
.sh-oem-hero-cards {
	position: relative;
   /* position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); */
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;  z-index: 3;margin-top: 0.5rem;
}
.sh-oem-hero-card {
    background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2); padding: 35px 30px;
    color: #fff; border-radius: 8px; transition: var(--sh-oem-transition);
}
.sh-oem-hero-card:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px); }
.sh-oem-hero-card h3 { font-size: 24px; margin-top: 0; margin-bottom: 15px; }
.sh-oem-hero-card p { font-size: 16px; opacity: 0.9; margin-bottom: 0; line-height: 1.5;}

/* ==================== 2. Customization Advantages ==================== */
.sh-oem-adv-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 一行两个 */
    gap: 30px;
}
.sh-oem-adv-card {
    position: relative;
    background: #fff;
    padding: 50px 40px;
    border-radius: var(--sh-oem-radius);
    border: 1px solid var(--sh-oem-border);
    overflow: hidden;
    z-index: 1;
}
/* 数字水印背景 */
.sh-oem-adv-num-bg {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 100px;
    font-weight: 900;
    color: rgba(0,0,0,0.03);
    line-height: 1;
    z-index: -1;
    user-select: none;
}
.sh-oem-adv-icon {
    font-size: 40px;
    color: var(--sh-oem-theme-light);
    margin-bottom: 20px;
}
.sh-oem-adv-card h3 { font-size: 24px; color: var(--sh-oem-text-main); margin-top: 0; margin-bottom: 15px; }
.sh-oem-adv-card p { font-size: 16px; margin-bottom: 0; }

/* ==================== 3. Customization Scope ==================== */
.sh-oem-scope-grid { display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--sh-oem-radius); overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.sh-oem-scope-left { background: #1a1a1a; color: #fff; padding: 60px; }
.sh-oem-scope-right { background: #fff; padding: 60px; }
.sh-oem-scope-title { font-size: 32px; margin-top: 0; margin-bottom: 40px; }
.sh-oem-scope-left .sh-oem-scope-title { color: #fff; }
.sh-oem-scope-right .sh-oem-scope-title { color: var(--sh-oem-text-main); }

.sh-oem-scope-items { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.sh-oem-scope-item { display: flex; flex-direction: column; }
.sh-oem-scope-num { font-size: 36px; font-weight: 700; color: var(--sh-oem-theme-light); margin-bottom: 10px; line-height: 1; }
.sh-oem-scope-text h4 { font-size: 20px; color: #fff; margin-top: 0; margin-bottom: 10px; }
.sh-oem-scope-text p { font-size: 15px; color: rgba(255,255,255,0.7); margin-bottom: 0; }

.sh-oem-check-list { list-style: none; padding: 0; margin: 0; }
.sh-oem-check-list li { position: relative; padding-left: 30px; margin-bottom: 20px; font-size: 18px; color: var(--sh-oem-text-main); }
.sh-oem-check-list li i { position: absolute; left: 0; top: 4px; color: var(--sh-oem-theme-light); font-size: 18px; }

/* ==================== 4. Core Product Coverage ==================== */
.sh-oem-coverage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.sh-oem-coverage-card { padding: 50px; border-radius: var(--sh-oem-radius); }
.sh-oem-coverage-light { background: #f8f9fa; border: 1px solid var(--sh-oem-border); }
.sh-oem-coverage-blue { background: var(--sh-oem-theme-light); color: #fff; }
.sh-oem-coverage-light h3 { font-size: 28px; color: var(--sh-oem-text-main); margin-top: 0; margin-bottom: 30px; }
.sh-oem-coverage-blue h3 { font-size: 28px; color: #fff; margin-top: 0; margin-bottom: 30px; }

.sh-oem-dot-list { list-style: none; padding: 0; margin: 0; }
.sh-oem-dot-list li { position: relative; padding-left: 20px; margin-bottom: 15px; font-size: 18px; }
.sh-oem-coverage-light .sh-oem-dot-list li { color: var(--sh-oem-text-light); }
.sh-oem-coverage-blue .sh-oem-dot-list li { color: #fff; }
.sh-oem-dot-list li::before {
    content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%;
}
.sh-oem-coverage-light .sh-oem-dot-list li::before { background: var(--sh-oem-theme-light); }
.sh-oem-coverage-blue .sh-oem-dot-list li::before { background: #fff; }

/* ==================== 5. How We Support ==================== */
.sh-oem-process { position: relative; margin-top: 60px; }
.sh-oem-process-line {
    position: absolute; top: 25px; left: 10%; width: 80%; height: 2px;
    background: #dde2e6; z-index: 1;
}
.sh-oem-process-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; position: relative; z-index: 2; }
.sh-oem-process-item { text-align: center; background: #fff; padding: 30px 20px; border-radius: 8px; border: 1px solid var(--sh-oem-border); }
.sh-oem-process-circle {
    width: 50px; height: 50px; margin: 0 auto 20px; background: #fff;
    border: 2px solid var(--sh-oem-theme-light); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; font-weight: 700; color: var(--sh-oem-theme-light);
}
.sh-oem-process-item h4 { font-size: 18px; color: var(--sh-oem-text-main); margin-top: 0; margin-bottom: 15px; }
.sh-oem-process-item p { font-size: 14px; margin-bottom: 0; }

/* ==================== 6. Engineering Support ==================== */
.sh-oem-support { position: relative; padding: 100px 0; background: linear-gradient(rgba(11, 59, 96, 0.9), rgba(11, 59, 96, 0.96)), url("../images/sh-oem-support-bg.jpg") center / cover no-repeat;}
.sh-oem-support-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.sh-oem-rect-img { width: 100%; height: 100%; object-fit: cover; }
.sh-oem-support-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(11, 59, 96, 0.9); /* 深蓝色遮罩 */
}
.sh-oem-support-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 50px; }
.sh-oem-support-card {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15);
    padding: 40px 30px; border-radius: var(--sh-oem-radius); color: #fff;
}
.sh-oem-support-icon {
    width: 50px; height: 50px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 20px;
}
.sh-oem-support-card h4 { font-size: 22px; color: #fff; margin-top: 0; margin-bottom: 15px; }
.sh-oem-support-card p { font-size: 15px; color: rgba(255,255,255,0.8); margin-bottom: 0; }

/* ==================== 7. Why Choose Shenheng ==================== */
.sh-oem-why { position: relative; background: #08223a; color: #fff; padding: 100px 0; overflow: hidden;background: linear-gradient(rgba(8,34,58, 0.92), rgba(8,34,58, 0.98)), url("../images/sh-oem-why-bg.jpg") center / cover no-repeat;}
.sh-oem-why-bg {
    position: absolute; top: 0; right: 0; width: 50%; height: 100%; opacity: 0.2;
    background-image: radial-gradient(#ffffff 1px, transparent 1px); background-size: 20px 20px;
}
.sh-oem-why-wrapper { display: grid; grid-template-columns: 40% 60%; gap: 50px; align-items: center; }
.sh-oem-why-title { font-size: 48px; color: #fff; margin-top: 0; margin-bottom: 30px; line-height: 1.1; }
.sh-oem-why-left p { font-size: 18px; color: rgba(255,255,255,0.8); margin-bottom: 40px; }
.sh-oem-why-right { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.sh-oem-why-card {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    padding: 40px 30px; border-radius: var(--sh-oem-radius);
}
.sh-oem-why-card h4 { font-size: 24px; color: #fff; margin-top: 0; margin-bottom: 15px; }
.sh-oem-why-card p { font-size: 16px; color: rgba(255,255,255,0.7); margin-bottom: 0; line-height: 1.6;}

/* ==================== 8. CTA Section ==================== */
.sh-oem-cta { background: var(--sh-oem-theme); color: #fff; padding: 80px 0;background: url('../images/sh-oem-cta-bg.jpg') no-repeat center/cover;}
.sh-oem-cta-title { font-size: 42px; color: #fff; margin-top: 0; margin-bottom: 20px; }
.sh-oem-cta-desc { font-size: 18px; max-width: 1000px; margin: 0 auto 40px; color: rgba(255,255,255,0.8); }

/* ==================== 响应式适配 ==================== */
@media (max-width: 1400px) {
    .sh-oem-hero-title { font-size: 46px; }
    .sh-oem-section-title, .sh-oem-why-title, .sh-oem-cta-title { font-size: 36px; }
    .sh-oem-scope-left, .sh-oem-scope-right { padding: 40px; }
}

@media (max-width: 1200px) {
    .sh-oem-hero-cards { position: relative; bottom: 0; transform: none; left: 0; margin-top: 50px; }
    .sh-oem-hero { padding-bottom: 80px; }
    .sh-oem-advantages { padding-top: 80px; }
    .sh-oem-support-grid { grid-template-columns: repeat(2, 1fr); }
    .sh-oem-why-wrapper { grid-template-columns: 1fr; }
    .sh-oem-why-bg { width: 100%; }
}

@media (max-width: 992px) {
    .sh-oem-hero-cards { grid-template-columns: 1fr; }
    .sh-oem-adv-grid { grid-template-columns: 1fr; }
    .sh-oem-scope-grid { grid-template-columns: 1fr; }
    .sh-oem-coverage-grid { grid-template-columns: 1fr; }
    .sh-oem-process-grid { grid-template-columns: repeat(2, 1fr); }
    .sh-oem-process-line { display: none; } /* 平板以下隐藏流程线 */
}

@media (max-width: 768px) {
    .sh-oem-hero-title { font-size: 36px; }
    .sh-oem-section-title, .sh-oem-why-title, .sh-oem-cta-title { font-size: 28px; }
    .sh-oem-hero-btns { flex-direction: column; }
    .sh-oem-scope-items { grid-template-columns: 1fr; }
    .sh-oem-process-grid { grid-template-columns: 1fr; }
    .sh-oem-support-grid { grid-template-columns: 1fr; }
    .sh-oem-why-right { grid-template-columns: 1fr; }
    .sh-oem-scope-left, .sh-oem-scope-right { padding: 30px 20px; }
}


/* ==========================================================================
   Pomanique Home Page Styles (Prefix: bak-home-)
   Font: Poppins
   ========================================================================== */

/* ================= 1. 通用工具类 ================= */
.color-theme { color: var(--theme-color); }
.bg-theme { background-color: var(--theme-color); }
.border-theme { border-color: var(--theme-color); }
.hover-theme:hover { color: var(--theme-color); }
.hover-shadow:hover { box-shadow: 0 15px 40px rgba(0,0,0,0.08); transform: translateY(-5px); }
.opacity-8 { opacity: 0.8; }
.opacity-5 { opacity: 0.5; }
.opacity-0 { opacity: 0; }
.border-eee { border: 1px solid #eee; }
.border-b { border-bottom: 1px solid #eee; }
.border-l { border-left: 2px solid #eee; }
.border-white-10 { border-color: rgba(255,255,255,0.1) !important; }
.cursor-pointer { cursor: pointer; }
.z-index-2 { z-index: 2; }
.w24 { width: 24%; }
.w32 { width: 32%; }
.group:hover .group-hover-scale { transform: scale(1.05); }

.bak-btn2{
	display: inline-block;
	background-color: var(--theme-color);
	font-size: var(--f16);
	padding: 0.12rem 0.24rem;
	color: #fff;
	border-radius: 5px;
}

.bak-btn {display: inline-flex;align-items: center;justify-content: center;padding: 0.12rem 0.24rem;border-radius: 5px;font-size: var(--f16);transition: all 0.3s ease;cursor: pointer;}
.bak-btn-primary { background: var(--theme-color); color: #fff; border: 2px solid var(--theme-color); }
.bak-btn-primary:hover { background: var(--sec-theme-color); border-color: var(--sec-theme-color); transform: translateY(-3px); }

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

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

/* ================= 2. 按钮样式 ================= */
.bak-home-btn {
   /* display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.16rem 0.32rem;
    font-size: var(--f16);
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer; */
	display: inline-grid;
	align-items: center;
	text-align: center;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 100px;
	background-color: transparent;
	border: 1px solid rgba(10, 22, 45, .4);
	color: rgb(18, 30, 59);
	font-size:var(--f18);
	font-weight: 500;
	line-height: 0.6rem;
	grid-template-columns: 1fr 0.48rem;
	padding: 0 .07rem 0 0.24rem;
	gap: 0.1rem;
	min-width: 2.36rem !important;
}
.bak-home-btn::after{
	padding-bottom: 100%;
	border-radius: 50%;
	background: url("../images/arrow-r-white.png") no-repeat center / 12.5% var(--sec-theme-color);
	transition: 0.3s, transform 0.4s;
	display: block;
	content: "";
}
.bak-home-btn-primary {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-color);
}
.bak-home-btn-primary{
	background-color: var(--sec-theme-color);
	border: 1px solid var(--sec-theme-color);
}
.bak-home-btn-primary::after{
	background-color: #fff;
}
.bak-home-btn-primary:hover {
    background-color: #014385;
    border-color: #014385;
    color: #fff;
}
.bak-home-btn-outline {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.bak-home-btn-outline:hover {
    background-color: #fff;
    color: var(--theme-color);
}
.bak-home-btn-outline-dark {
    background-color: transparent;
    color: #333;
    border: 1px solid #363636;
}
.bak-home-btn-outline-dark:hover {
    border-color: var(--theme-color);
    /* color: var(--theme-color); */
	color: #fff;
	background-color: var(--theme-color);
}
.bak-home-btn-outline-dark:hover::after{
	background-color: #fff;
	background-image: url('../images/arrow-r.svg');
}

/* ================= 3. Banner ================= */
.bak-home-banner {
    min-height: 900px;
    height: 100vh;
}
.bak-home-banner-bg{
	width: 100%;
	height: 100%;
}
.bak-home-banner-mask {
    background: linear-gradient(to right, rgba(0,19,34,0.9) 0%, rgba(0,19,34,0.4) 100%);
    z-index: 1;
}

/* ================= 4. Applications ================= */
.bak-home-applications .box{
	padding-left: 8%;
}
.bak-home-applications .pr-8{
	padding-right: 8%;
}
.bak-home-app-card {
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.bak-home-app-card .img-box img {
    transition: transform 0.6s ease;
}
.bak-home-app-card:hover .img-box img {
    transform: scale(1.05);
}
.bak-home-app-info {
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
    padding-top: 120px !important;
}
.swiper-pagination.pst-rel{
	position: relative;
}

/* ================= 5. Product Center ================= */
/* .bak-home-prod-card {
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border: 1px solid transparent;
    transition: all 0.3s ease;
}
.bak-home-prod-card:hover {
    box-shadow: 0 15px 40px rgba(1,84,164,0.1);
    border-color: rgba(1,84,164,0.2);
    transform: translateY(-5px);
}
.bak-home-prod-card .img-box img {
    transition: transform 0.5s ease;
}
.bak-home-prod-card:hover .img-box img {
    transform: scale(1.05);
} */

/* Swiper 按钮自定义 */
.bak-home-swiper-btn.swiper-button-next,.bak-home-swiper-btn.swiper-button-prev{
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    color: var(--theme-color);
}
.bak-home-swiper-btn:after {
    font-size: 20px !important;
    font-weight: bold;
}
.bak-home-swiper-btn:hover {
    background: var(--theme-color);
    color: #fff;
}

/* ================= 6. Solutions ================= */
.bak-home-solutions {
    transition: background-image 0.5s ease-in-out;
}
.bak-home-solutions {
    background:
        linear-gradient(90deg, rgba(0,19,34,.96), rgba(0,48,88,.88)),
        radial-gradient(circle at 20% 30%, rgba(1,84,164,.2), transparent 36%),
        url('../images/solutions-bg.jpg') center/cover no-repeat;
}

.bak-home-solutions::after,.bak-home-overlay::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 86px 86px;
    opacity: .35;
    z-index: 2;
}
.bak-home-overlay{
	background:
	    linear-gradient(90deg, rgba(0,19,34,.96), rgba(0,48,88,.88)),
	    radial-gradient(circle at 20% 30%, rgba(1,84,164,.2), transparent 36%);
		width: 100%;
		height: 100%;
		z-index: 1;
		top: 0;
		left: 0;
}
.bak-home-solutions .w16{
	z-index: 3;
}
.bak-home-sol-card {
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
}
.bak-home-sol-icon {
    width: 64px;
    height: 64px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    transition: all 0.3s ease;
}
.bak-home-sol-card:hover, .bak-home-sol-card.active {
    background: #fff;
    color: #333;
    transform: translateY(-10px);
}
.bak-home-sol-card:hover .bak-home-sol-icon, .bak-home-sol-card.active .bak-home-sol-icon {
    background: var(--theme-color);
    color: #fff;
}
.bak-home-sol-card:hover p, .bak-home-sol-card.active p {
    color: #666;
}
.bak-home-sol-card:hover a, .bak-home-sol-card.active a {
    opacity: 1;
}

/* ================= 7. About & Quality ================= */
.bak-home-exp-badge {
    bottom: -30px;
    left: -30px;
    box-shadow: 0 10px 30px rgba(1,84,164,0.3);
}
.bak-home-quality-badge {
    top: 30px;
    left: 30px;
}

/* ================= 8. Technology (Accordion) ================= */
.bak-home-acc-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin 0.4s;
    margin-top: 0;
}
.bak-home-acc-item.active .bak-home-acc-content {
    max-height: 200px;
    margin-top: 20px;
}
.bak-home-acc-item:hover .f24 {
    color: var(--theme-color);
}
.bak-home-acc-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bak-home-acc-item.active .bak-home-acc-icon {
    background: var(--theme-color);
    border-color: var(--theme-color);
    transform: rotate(180deg);
}

/* ================= 9. Swiper Pagination 覆盖 ================= */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 5px;
    background: var(--theme-color);
}


.bak-home-news-info{
	padding-bottom: 0.15rem;
	margin-bottom: 0.16rem;
	border-bottom: 1px solid #E9EEF4;
}

.bak-home-technology {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(0,19,34,.96), rgba(0,42,78,.9)),
        url('../images/technology-bg.jpg') center/cover no-repeat;
}

.bak-home-technology::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 80% 30%, rgba(1,84,164,.18), transparent 32%),
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.04) 48%, transparent 49%);
    opacity: .7;
    pointer-events: none;
}

.bak-home-manufacturing{
	background:
	        linear-gradient(135deg, rgba(1,84,164,.04), transparent 45%),
	        repeating-linear-gradient(
	            90deg,
	            rgba(1,84,164,.035) 0,
	            rgba(1,84,164,.035) 1px,
	            transparent 1px,
	            transparent 96px
	        ),
	        #f4f7fb;
}
.bak-home-advantages {
    background:
        radial-gradient(circle at 12% 18%, rgba(1,84,164,.07), transparent 28%),
        radial-gradient(circle at 88% 72%, rgba(1,84,164,.05), transparent 30%),
        #f6f8fb;
}

/* .bak-home-products {
    background:
        linear-gradient(135deg, rgba(1,84,164,.04), transparent 38%),
        linear-gradient(rgba(1,84,164,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(1,84,164,.035) 1px, transparent 1px),
        #f4f7fb;
    background-size: auto, 88px 88px, 88px 88px, auto;
} */


/* ================= 布局基础 ================= */
.z3{
	z-index: 3;
}
.Container-wrapper .pm-home-title-signature {display: inline-flex;align-items: center;gap: .12rem;margin-bottom: .14rem;line-height: 1.3;}
.Container-wrapper .pm-home-title-mark {display: block;width: .3rem;height: .3rem;flex: 0 0 .3rem;object-fit: contain;}
.Container-wrapper .pm-home-title-kicker {letter-spacing: .045em;line-height: 1.3;color: var(--theme-color);text-transform: uppercase;}
.pm-home-page .pm-home-title-kicker,
.pm-home-page .bak-title-v2 {text-transform: none;}
.pm-home-page .pm-home-title-kicker{text-transform: uppercase;}
.Container-wrapper .pm-home-title-signature-center {align-self: center;}
.Container-wrapper .pm-home-title-signature-dark .pm-home-title-mark {filter: brightness(0) invert(1);}
.Container-wrapper .pm-home-title-signature-dark .pm-home-title-kicker {color: rgba(255,255,255,.82);}


.bak-section-products-v2 {
	position: relative;
    padding: 1rem 0;
    background: linear-gradient(180deg,#fff 0%,#f7fafc 38%,#aad5f5 100%);
    overflow: hidden;
}

.bak-section-products-v2::after{
	display: none;
}

.bak-section-products-v2 .pm-home-product-head {display: flex;align-items: flex-end;justify-content: space-between;gap: .7rem;margin-bottom: .5rem;}
.bak-section-products-v2 .pm-home-product-copy {max-width: 10.6rem;}
.bak-section-products-v2 .pm-home-product-label {margin-bottom: .13rem;line-height: 1.3;color: var(--theme-color);}
.bak-section-products-v2 .pm-home-product-title {max-width: 9.8rem;line-height: 1.14;color: #0b2339;}
.bak-section-products-v2 .pm-home-product-desc {max-width: 9rem;margin-top: .18rem;color: #5c6d7c;}
.bak-section-products-v2 .pm-home-product-view {display: inline-flex;align-items: center;gap: .1rem;padding-bottom: .07rem;border-bottom: .01rem solid #aebdca;line-height: 1.3;color: #173952;transition: border-color .25s ease,color .25s ease;}
.bak-section-products-v2 .pm-home-product-view i {transition: transform .25s ease;}
.bak-section-products-v2 .pm-home-product-view:hover {border-color: var(--theme-color);color: var(--theme-color);}
.bak-section-products-v2 .pm-home-product-view:hover i {transform: translateX(.04rem);}
.bak-section-products-v2 .bak-product-swiper-v2 {padding: .08rem .04rem .24rem;}
.bak-section-products-v2 .bak-product-swiper-v2 .swiper-slide {height: auto;}

.bak-section-news-v2 {
    padding: 100px 0;
    background-color: #ffffff;
    overflow: hidden;
}

.bak-section-header-v2 {
    text-align: center;
    margin-bottom: 50px;
}
.bak-section-header-v2.mb-0{
	margin-bottom: 0;
}

.bak-eyebrow-v2 {
    /* color: var(--accent-color-v2); */
	/* color: var(--theme-color); */
	color: #303f5f;
    font-size: var(--f18);
	line-height: 1.3;
    margin-top: 15px;
}

.bak-title-v2 {
    font-size: var(--f42);
    font-weight: 700;
    /* color: #333; */
    line-height: 1.3;
	/* text-transform: uppercase; */
}
/* .bak-title-v2::after{
	content: "";
	display: block;
	width: 0.6rem;
	height: 0.03rem;
	background-color: var(--accent-v4);
	margin-top: 0.08rem;
}
.bak-title-v2.tac::after{
	margin: 0.08rem auto 0;
} */
.bak-subtitle-v2 {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
}

/* ================= 核心：右侧溢出轮播容器 ================= */
.bak-slider-container-v2 {
    width: 100%;
    /* 动态计算左侧 padding，使其与 .w16 (1600px) 的左边缘对齐 */
    /* 如果屏幕小于 1640px，则保持最小 20px 的边距 */
    padding-left: max(calc((100vw - 1440px) / 2), 20px);
}

/* ================= 导航箭头 ================= */
.bak-swiper-nav-prev-v2,
.bak-swiper-nav-next-v2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0.56rem;
    height: 0.56rem;
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}
.bak-swiper-nav-prev-v2.swiper-white,.bak-swiper-nav-next-v2.swiper-white{
	background-color: #fff;
	color: #000;
}
.bak-swiper-nav-prev-v2.-left-80{
	left: -0.8rem;
}
.bak-swiper-nav-next-v2.-right-80{
	right: -0.8rem;
}

.bak-swiper-nav-prev-v2:hover,
.bak-swiper-nav-next-v2:hover {
    background-color: var(--accent-v4);
}
.bak-swiper-nav-prev-v2.swiper-white:hover{
	color: #fff;
}
.bak-swiper-nav-next-v2.swiper-white:hover{
	color: #fff;
}

/* 箭头位置调整：基于容器定位 */
.bak-swiper-nav-prev-v2 {
    left: max(calc((100vw - 1440px) / 2 - 0.84rem), 10px);
}
.bak-swiper-nav-next-v2 {
    right: max(calc((100vw - 1440px) / 2 - 0.84rem), 10px);
}
.bak-section-products-v2 .bak-swiper-nav-prev-v2{
	left: -1rem;
}
.bak-section-products-v2 .bak-swiper-nav-next-v2{
	right: -1rem;
}

/* ================= 产品卡片 (Product Card) ================= */
.bak-product-card-v2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: #ffffff;
    border-radius: .12rem;
    padding: .18rem .18rem .28rem;
    text-decoration: none;
    /* box-shadow: 0 .08rem .26rem rgba(10,41,67,.07); */
    transition: all 0.3s ease;
	/* font-weight: 700; */
    height: 100%;
}

.bak-product-card-v2:hover {
    transform: translateY(-.05rem);
    box-shadow: 0 .18rem .44rem rgba(10,41,67,.12);
}

.bak-product-img-v2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .22rem;
    overflow: hidden;
    border-radius: .08rem;
    background: #f7f9fb;
}

.bak-product-img-v2 img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}

.bak-product-card-v2:hover .bak-product-img-v2 img {
    transform: scale(1.05);
}

.bak-product-title-v2 {
    font-size: var(--f20);
    width: 100%;
    min-height: .52rem;
    color: #10283d;
    line-height: 1.3;
    text-align: center;
    transition: color .3s ease;
}
.bak-product-card-v2:hover .bak-product-title-v2 {color: var(--theme-color);}

/* Homepage product families: category tabs keep the title system above while
   each panel owns its product carousel. */
.bak-section-products-v2 .pm-home-product-tabs {display:flex;align-items:center;justify-content:center;gap:.06rem;width:max-content;max-width:100%;margin:.42rem auto .48rem;padding:.07rem;border-radius:.36rem;background:#fff;box-shadow:0 .08rem .24rem rgba(10,41,67,.08);}
.bak-section-products-v2 .pm-home-product-tab {display:inline-flex;align-items:center;justify-content:center;gap:.1rem;min-height:.52rem;padding:.08rem .24rem;border:0;border-radius:.28rem;background:transparent;font:inherit;font-size:var(--f18);line-height:1.2;color:#405366;white-space:nowrap;cursor:pointer;transition:color .25s ease,background-color .25s ease;}
.bak-section-products-v2 .pm-home-product-tab svg {width:.28rem;height:.28rem;fill:none;stroke:currentColor;stroke-width:4.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 .28rem;}
.bak-section-products-v2 .pm-home-product-tab:hover,.bak-section-products-v2 .pm-home-product-tab:focus-visible {color:var(--theme-color);outline:none;}
.bak-section-products-v2 .pm-home-product-tab.is-active {background:var(--theme-color);color:#fff;}
.bak-section-products-v2 .pm-home-product-tab span{font-weight: 700;}
.bak-section-products-v2 .pm-home-product-panels {position:relative;}
.bak-section-products-v2 .pm-home-product-panel {position:relative;}
.bak-section-products-v2 .pm-home-product-panel[hidden] {display:none;}
.bak-section-products-v2 .pm-home-product-slider {padding:.08rem .04rem .24rem;}
.bak-section-products-v2 .pm-home-product-prev,.bak-section-products-v2 .pm-home-product-next {position:absolute;top:43%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:.48rem;height:.48rem;padding:0;border:0;border-radius:50%;background:#fff;color:#15334b;box-shadow:0 .06rem .2rem rgba(10,41,67,.13);cursor:pointer;transform:translateY(-50%);transition:color .25s ease,opacity .25s ease;}
.bak-section-products-v2 .pm-home-product-prev {left:-.28rem;}
.bak-section-products-v2 .pm-home-product-next {right:-.28rem;}
.bak-section-products-v2 .pm-home-product-prev svg,.bak-section-products-v2 .pm-home-product-next svg {width:.22rem;height:.22rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bak-section-products-v2 .pm-home-product-prev:hover,.bak-section-products-v2 .pm-home-product-next:hover {color:var(--theme-color);}
.bak-section-products-v2 .pm-home-product-prev.swiper-button-disabled,.bak-section-products-v2 .pm-home-product-next.swiper-button-disabled {opacity:.25;cursor:default;box-shadow:none;}

/* ================= 新闻卡片 (News Card) ================= */
.bak-news-card-v2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 左对齐 f-js */
    align-items: flex-start;
    text-decoration: none;
    height: 100%;
}

.bak-news-img-v2 {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}

.bak-news-img-v2 img {
    transition: transform 0.6s ease;
}

.bak-news-card-v2:hover .bak-news-img-v2 img {
    transform: scale(1.05);
}

.bak-news-meta-v2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 15px;
}

/* 新闻标签：浅黄色背景 + 内边距 */
.bak-news-tag-v2 {
    background-color: var(--accent-bg-v2);
    color: var(--accent-color-v2);
    font-size: 13px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 4px;
    margin-right: 15px;
}

.bak-news-date-v2 {
    font-size: 14px;
    color: #999;
}

.bak-news-title-v2 {
    font-size: var(--f24);
    /* font-weight: 700; */
    color: #333;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.bak-news-card-v2:hover .bak-news-title-v2 {
    color: var(--accent-color-v2);
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
    .bak-title-v2 { font-size: 32px; }
    .bak-swiper-nav-prev-v2, .bak-swiper-nav-next-v2 { display: none; /* 移动端隐藏箭头，靠手势滑动 */ }
}



:root {
    --accent-v3: #FFBD00; /* SolaX 黄色 */
    --text-main-v3: #111827; /* 深灰黑标题 */
    --text-sub-v3: #6B7280; /* 浅灰正文 */
    --bg-gray-v3: #F7F8FA; /* 极浅灰背景 */
}

/* ================= 通用排版 ================= */
.bak-section-v3 { padding: 100px 0; overflow: hidden; }
.bak-bg-white-v3 { background-color: #ffffff; }
.bak-bg-gray-v3 { background-color: var(--bg-gray-v3); }

.bak-eyebrow-v3 { color: var(--accent-v3); font-size: 14px; font-weight: 700; margin-bottom: 12px; text-transform: uppercase; }
.bak-title-v3 { font-size: 40px; font-weight: 700; color: var(--text-main-v3); line-height: 1.2; margin-bottom: 20px; }
.bak-desc-v3 { font-size: 16px; color: var(--text-sub-v3); line-height: 1.6; }

.bak-btn-v3 {
    display: inline-flex; align-items: center; justify-content: center;
    background-color: var(--accent-v3); color: #000; /* 黄底黑字高对比 */
    padding: 12px 30px; border-radius: 99px; font-size: 16px; font-weight: 600;
    text-decoration: none; transition: all 0.3s ease;
}
.bak-btn-v3:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(255, 189, 0, 0.3); }

/* ================= 1. About Us 板块 ================= */
.bak-about-wrap-v3 { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.bak-about-text-v3 { width: 45%; }
.bak-about-img-wrap-v3 { width: 50%; position: relative; }
.bak-about-img-v3 { width: 100%; border-radius: 24px; object-fit: cover; box-shadow: 0 20px 40px rgba(0,0,0,0.05); }
.bak-about-stat-v3 {
    position: absolute; left: -40px; bottom: 40px;
    background: #fff; padding: 30px; border-radius: 16px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08); display: flex; flex-direction: column;
}
.bak-about-stat-num-v3 { font-size: 48px; font-weight: 800; color: var(--accent-v3); line-height: 1; }
.bak-about-stat-text-v3 { font-size: 14px; color: var(--text-main-v3); font-weight: 600; margin-top: 5px; }

.bak-about-features-v3 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }
.bak-about-feat-item-v3 h4 { font-size: 16px; color: var(--text-main-v3); font-weight: 700; margin-bottom: 8px; }
.bak-about-feat-item-v3 p { font-size: 14px; color: var(--text-sub-v3); }

/* ================= 2. Why Choose Us 板块 ================= */
.bak-why-grid-v3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }
.bak-why-card-v3 {
    background: #fff; padding: 40px 30px; border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02); transition: all 0.3s ease;
}
.bak-why-card-v3:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.06); }
.bak-why-icon-v3 {
    width: 60px; height: 60px; border-radius: 12px;
    background: rgba(255, 189, 0, 0.15); color: var(--accent-v3);
    display: flex; align-items: center; justify-content: center; margin-bottom: 25px;
}
.bak-why-card-v3 h3 { font-size: 20px; font-weight: 700; color: var(--text-main-v3); margin-bottom: 12px; }
.bak-why-card-v3 p { font-size: 15px; color: var(--text-sub-v3); line-height: 1.6; }

/* ================= 3. Certificates 板块 ================= */
.bak-certs-wrap-v3 { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.bak-certs-text-v3 { width: 35%; }
.bak-certs-slider-wrap-v3 { width: 60%; position: relative; }
.bak-cert-card-v3 {
    background: #fff; padding: 20px; border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04); text-align: center;
}
.bak-cert-card-v3 img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 15px; }
.bak-cert-card-v3 h4 { font-size: 16px; font-weight: 700; color: var(--text-main-v3); }

/* ================= Project Cases Section ================= */

.bak-home-cases {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(1,84,164,.055), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}
.bak-home-cases .bak-section-header-v2{
	margin-bottom: 0;
}
/* 
.bak-home-cases::before {
    content: "";
    position: absolute;
    right: -1.8rem;
    bottom: -2.2rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: rgba(1,84,164,.045);
    pointer-events: none;
} */

.bak-home-cases .w16 {
    position: relative;
    z-index: 2;
}

.bak-home-cases-head {
    position: relative;
}

.bak-home-cases-actions {
    flex-shrink: 0;
}

.bak-home-cases-nav > div {
    width: .46rem;
    height: .46rem;
    border-radius: 50%;
    background: #fff;
    color: var(--theme-color);
    border: 1px solid rgba(1,84,164,.16);
    box-shadow: 0 8px 24px rgba(0,19,34,.06);
    transition: all .3s ease;
}

.bak-home-cases-nav > div:hover {
    background: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}

.bak-home-cases-swiper {
    padding: .08rem .08rem .58rem;
}

.bak-home-cases-swiper .swiper-slide {
    height: auto;
}

.bak-home-case-card {
    position: relative;
    height: 100%;
    background: #0b1c2d;
    box-shadow: 0 14px 38px rgba(0,19,34,.1);
    transition: all .4s ease;
}

.bak-home-case-card:hover {
    transform: translateY(-.08rem);
    box-shadow: 0 24px 58px rgba(1,84,164,.18);
}

.bak-home-case-img {
    position: relative;
    overflow: hidden;
    background: #dfe6ee;
}

.bak-home-case-img img {
    transition: transform .65s ease;
}

.bak-home-case-card:hover .bak-home-case-img img {
    transform: scale(1.08);
}

.bak-home-case-overlay {
    position: absolute;
    inset: 0;
    padding: .32rem;
    background:
        linear-gradient(180deg, rgba(0,19,34,.16) 0%, rgba(0,19,34,.16) 35%, rgba(0,19,34,.82) 100%),
        linear-gradient(90deg, rgba(1,84,164,.32), transparent 58%);
    z-index: 2;
}

.bak-home-case-tags {
    gap: .08rem;
}

.bak-home-case-tags span {
    display: inline-flex;
    align-items: center;
    height: .3rem;
    padding: 0 .13rem;
    border-radius: .3rem;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.24);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: .13rem;
    font-weight: 600;
    line-height: 1;
}

.bak-home-case-content {
    max-width: 92%;
}

.color-white-8 {
    color: rgba(255,255,255,.82);
}

.bak-home-case-link {
    display: inline-flex;
    align-items: center;
    gap: .08rem;
    color: #fff;
    font-size: .15rem;
    font-weight: 700;
    transition: all .3s ease;
}

.bak-home-case-link:hover {
    color: #fff;
    gap: .14rem;
}

.bak-home-cases-pagination .swiper-pagination-bullet {
    background: rgba(1,84,164,.28);
}

.bak-home-cases-pagination .swiper-pagination-bullet-active {
    background: var(--theme-color);
}

/* 响应式 */
@media screen and (max-width: 1200px) {
    .bak-home-cases-title {
        width: 100%;
        margin-bottom: .3rem;
    }

    .bak-home-cases-actions {
        width: 100%;
        justify-content: space-between;
    }
}

@media screen and (max-width: 768px) {
    .bak-home-cases-head {
        margin-bottom: .32rem;
    }

    .bak-home-cases-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .bak-home-cases-actions .bak-home-btn {
        margin-right: 0;
        margin-bottom: .22rem;
    }

    .bak-home-case-overlay {
        padding: .24rem;
    }

    .bak-home-case-content {
        max-width: 100%;
    }

    .bak-home-case-tags span {
        height: .28rem;
        font-size: .12rem;
    }
}


/* ================= Project Cases V2 ================= */
.bak-home-cases-v2 {
    overflow: hidden;
	background:
	    radial-gradient(circle at 8% 12%, rgba(1,84,164,.055), transparent 28%),
	    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
	background-color: #f7f9fc;
	    background: url('../images/case-bg.jpg') no-repeat fixed center center;

}

.bak-home-cases-v2-slider-wrap {
    width: 100%;
    position: relative;
}

.bak-home-cases-v2-swiper {
    width: 100%;
    overflow: visible; /* 允许左右露出 */
}

/* 核心：固定大宽度，配合 auto 实现左右露出 */
.bak-home-cases-v2-swiper .swiper-slide {
	height: auto;
    opacity: 1; /* 截图里左右 slide 并没有变透明 */
}

/* 单个案例容器 */
.bak-home-case-v2-item {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
	padding: 0.4rem 0.32rem;
}

/* 核心：灰色背景块 (高度比图片小，靠右对齐) */
.bak-home-case-v2-bg {
    position: absolute;
    right: 0;
	bottom: 0;
	width: 100%;
    height: 68.5%; /* 高度小于 4.8rem，实现图片上下突破的效果 */
	height: 100%;
    /* background: #f8f9fa; */
	background-color: #fff;
    z-index: 1;
}

/* 左侧图片 */
.bak-home-case-v2-img {
    position: relative;
    width: 5.6rem;
	width: 45%;
    z-index: 2; /* 层级高于灰底 */
    flex-shrink: 0;
    overflow: hidden;
}

.bak-home-case-v2-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.bak-home-case-v2-item:hover .bak-home-case-v2-img img {
    transform: scale(1.05);
}

/* 右侧文字内容 */
.bak-home-case-v2-info {
    position: relative;
    z-index: 2; /* 层级高于灰底 */
	width: 55%;
	padding: 0 0.2rem;
    /* padding: 0 0.4rem 0 0.8rem; */
}

.bak-home-case-v2-num {
    font-size: 0.76rem; /* 超大数字 */
    color: #222;
    font-weight: 500;
    line-height: 1.3;
}

.bak-home-case-v2-name {
    font-size: var(--f24);
    font-weight: bold;
    color: #222;
    margin-bottom: 0.2rem;
	width: 100%;
    line-height: 1.3;
}

.bak-home-case-v2-line {
    width: 0.62rem;
    height: 0.03rem;
    background: var(--accent-v4); /* 您的主题色 */
    margin-bottom: 0.2rem;
}

.bak-home-case-v2-desc {
    font-size: var(--f16);
    color: #555;
    line-height: 1.6;
    margin-bottom: 0.25rem;
}

.bak-home-case-v2-more {
    font-size: 0.15rem;
    color: #333;
    font-weight: 500;
    transition: color 0.3s;
}

.bak-home-case-v2-more:hover {
    color: var(--theme-color);
}

/* ================= 放大的底部控制器 ================= */
.bak-home-cases-v2-bottom {
    font-size: 0.18rem;
    color: #999;
}
.bak-home-cases-v2-bottom .box{
	display: inline-flex;
}

.bak-home-cases-v2-prev, 
.bak-home-cases-v2-next {
    font-size: 0.24rem; /* 放大箭头 */
    padding: 0 0.15rem;
    color: #666;
    transition: color 0.3s;
}

.bak-home-cases-v2-prev:hover, 
.bak-home-cases-v2-next:hover {
    color: var(--theme-color);
}

.bak-home-cases-v2-pagination {
    display: flex;
    gap: 0.15rem; /* 增加数字之间的间距 */
}

.bak-home-cases-v2-pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: none;
    opacity: 1;
    font-size: 0.18rem; /* 放大分页数字 */
    color: #ccc;
    margin: 0 !important;
    transition: color 0.3s;
}

.bak-home-cases-v2-pagination .swiper-pagination-bullet-active {
    color: #222;
    font-weight: bold;
}

.bak-home-cases-v2-dash {
    width: 0.4rem;
    height: 1px;
    background: #ccc;
    margin: 0 0.2rem;
}

/* 响应式适配 */
@media screen and (max-width: 1400px) {
    .bak-home-cases-v2-swiper .swiper-slide { width: 11.5rem; }
    .bak-home-case-v2-img { width: 5.5rem; }
}

@media screen and (max-width: 1024px) {
    .bak-home-cases-v2-swiper .swiper-slide { width: 90vw; }
    .bak-home-case-v2-item { height: auto; flex-direction: column; }
    .bak-home-case-v2-bg { width: 100%; height: 100%; top: 0; transform: none; }
    .bak-home-case-v2-img { width: 100%; height: 4rem; }
    .bak-home-case-v2-info { padding: 0.4rem; }
}


/* ==========================================================================
   Project Cases V4 (基于 1920px 设计，1600px 版心)
   ========================================================================== */
.absolute{position: absolute;}
.relative{position: relative;}




/* ================= 4. Solutions 板块 (图二展开式效果) ================= */
.bak-sol-header-v3 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; }
.bak-sol-header-v3 .bak-title-v3 { width: 50%; margin-bottom: 0; }
.bak-sol-header-v3 .bak-desc-v3 { width: 40%; }

.bak-sol-slider-container-v3 { position: relative; width: 100%; height: 500px; border-radius: 24px; overflow: hidden; }
.bak-sol-swiper-v3 { width: 100%; height: 100%; padding: 20px 0; }

/* 展开式卡片核心逻辑 */
.bak-sol-slide-v3 {
    width: 240px; /* 默认未展开宽度 */
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
}
.bak-sol-slide-v3.swiper-slide-active {
    width: 800px; /* 展开后宽度 */
    cursor: default;
}

.bak-sol-img-v3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease; }
.bak-sol-overlay-v3 {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
    opacity: 0; transition: opacity 0.6s ease;
}
.bak-sol-slide-v3.swiper-slide-active .bak-sol-overlay-v3 { opacity: 1; }

.bak-sol-content-v3 {
    position: absolute; bottom: 40px; left: 40px; right: 40px;
    display: flex; flex-direction: column; align-items: flex-start;
}
.bak-sol-num-v3 {
    background: rgba(255,255,255,0.2); backdrop-filter: blur(4px); color: #fff;
    padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 15px;
}
.bak-sol-name-v3 { font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 10px; transition: font-size 0.6s ease; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
.bak-sol-slide-v3.swiper-slide-active .bak-sol-name-v3 { font-size: 40px; }

.bak-sol-hidden-text-v3 {
    max-height: 0; opacity: 0; overflow: hidden; color: rgba(255,255,255,0.9);
    font-size: 16px; line-height: 1.5; transition: all 0.6s ease; max-width: 400px;
}
.bak-sol-slide-v3.swiper-slide-active .bak-sol-hidden-text-v3 { max-height: 200px; opacity: 1; margin-bottom: 25px; margin-top: 10px; }

/* 底部控制条 (图二的进度条效果) */
.bak-sol-controls-v3 { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; }
.bak-sol-arrows-v3 { display: flex; gap: 15px; }
.bak-sol-arrow-v3 {
    width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ccc;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    color: var(--text-main-v3); transition: all 0.3s;
}
.bak-sol-arrow-v3:hover { border-color: var(--accent-v3); background: var(--accent-v3); color: #fff; }

.bak-sol-progress-wrap-v3 { flex: 1; margin: 0 30px; height: 4px; background: #e5e7eb; border-radius: 2px; position: relative; overflow: hidden; }
.bak-sol-progress-bar-v3 { position: absolute; left: 0; top: 0; height: 100%; background: var(--accent-v3); width: 0%; transition: width 0.3s ease; }
.bak-sol-fraction-v3 { font-size: 16px; font-weight: 700; color: var(--text-main-v3); }

/* 响应式 */
@media screen and (max-width: 1024px) {
    .bak-about-wrap-v3, .bak-certs-wrap-v3 { flex-direction: column; }
    .bak-about-text-v3, .bak-about-img-wrap-v3, .bak-certs-text-v3, .bak-certs-slider-wrap-v3 { width: 100%; }
    .bak-why-grid-v3 { grid-template-columns: repeat(2, 1fr); }
    .bak-sol-header-v3 { flex-direction: column; align-items: flex-start; gap: 15px; }
    .bak-sol-header-v3 .bak-title-v3, .bak-sol-header-v3 .bak-desc-v3 { width: 100%; }
    .bak-sol-slide-v3.swiper-slide-active { width: 100%; }
}
@media screen and (max-width: 768px) {
    .bak-why-grid-v3 { grid-template-columns: 1fr; }
}


:root {
    --accent-v4: #0154A4;
    --text-main-v4: #111827;
    --text-sub-v4: #6B7280;
}

/* ================= 通用组件 ================= */
.bak-eyebrow-v4 { color: var(--accent-v4); font-size: 16px; margin-bottom: 10px; }
.bak-title-v4 { font-size: 42px; font-weight: 800; color: var(--text-main-v4); text-transform: uppercase; margin-bottom: 20px; }
.bak-divider-v4 { width: 60px; height: 3px; background-color: var(--accent-v4); margin-bottom: 25px; }
.bak-desc-v4 { font-size: 16px; color: var(--text-sub-v4); line-height: 1.8; }
.bak-desc-v4 p+p{margin-top: 1em;}
.gap-15{gap: 0.15rem;}
.bak-btn-v4 {
    display: inline-flex; align-items: center; justify-content: center;
    background-color: transparent; color: #fff;
    padding: 10px 32px; font-size: 16px; 
	border: 1px solid #fff;
    text-decoration: none; transition: all 0.3s ease;border-radius: 30px;
}
.bak-btn-v4:hover { background-color: var(--accent-color);border-color: var(--accent-color); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(var(--theme-color-rgb), 0.3); }

/* ================= About & Why (V4) ================= */
.bak-about-why-v4{
	position: relative;
	background: url('../images/dotted-map.png') no-repeat center;
	background-position: 100px 0px;
	background-repeat: no-repeat;
}
.bak-about-why-v4:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 0.6rem);
	background-image: url('../images/lightpost.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
.bak-aw-container-v4 { gap: 60px; }
.bak-aw-text-v4 { width: 45%; padding-top: 20px; }
.bak-aw-img-v4 { width: 55%; }

/* 行业专属装饰线容器 */
.sh-title-icon {
    /* 使用主题强调色 (SolaX Yellow: #FFBD00) */
    color: var(--accent-v3, #FFBD00); 
	margin-top: -0.1rem;
}
/* .sh-title-icon::after{
	content: "";
	display: block;
	width: 0.46rem;
	height: 0.20rem;
	background: url('../images/ico_tit.png') no-repeat center;
	background-size: 100% auto;
} */
/* 统一控制 SVG 尺寸，使用 rem 保证响应式缩放 */
.sh-title-icon svg {
	height: 0.36rem;
    /* height: auto; */
    display: block;
    /* 增加一个非常轻微的阴影，让线条在白底上更有质感（发光感） */
    filter: drop-shadow(0 2px 4px rgba(255, 189, 0, 0.3));
    transition: transform 0.4s ease-out;
}
/* 增加一个 Hover 小彩蛋：鼠标移入标题区域时，线条有微小的动态效果 */
.sh-section-head:hover .sh-title-icon svg {
    transform: scaleX(1.1); /* 稍微拉长一点，像电流脉冲 */
}


.bak-play-btn-v4 {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 70px; height: 70px; background: rgba(0,0,0,0.5); color: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    border: 2px solid #fff; cursor: pointer; transition: all 0.3s;
	display: none;
}
.bak-play-btn-v4 { background: var(--accent-v4); border-color: var(--accent-v4); transform: translate(-50%, -50%) scale(1.1); }

/* 底部悬浮条 */
.bak-aw-floating-wrap-v4 { margin-top: 0.5rem;z-index: 2; } /* 向上偏移，产生悬浮感 */
.bak-aw-floating-v4 { padding: 60px 50px; box-shadow: 0 20px 50px rgba(0,0,0,0.08); }
.bak-aw-feat-v4 { width: 25%; gap: 15px; border-right: 1px solid #eee; padding-right: 20px; }
.bak-aw-feat-v4:last-child { border-right: none; padding-right: 0; }
.bak-aw-icon-v4 { color: var(--theme-color); }
.bak-aw-icon-v4 svg{
	width: 0.6rem;
}
.bak-aw-feat-v4 h4 { font-size: var(--f40);  color: var(--text-main-v4); margin-bottom: 0.12rem; font-family: 'PB';}
.bak-aw-feat-v4 p { font-size: var(--f18); color: var(--text-sub-v4); }

/* Homepage company introduction: isolated from inner About page styles. */
.pm-home-about-section {padding: 1rem 0;overflow: hidden;}
.pm-home-about-section .bak-aw-container-v4 {display: grid;grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);align-items: center;gap: .72rem;}
.pm-home-about-section .bak-aw-text-v4,.pm-home-about-section .bak-aw-img-v4 {width: auto;min-width: 0;}
.pm-home-about-section .bak-aw-text-v4 {max-width: 6.6rem;padding-top: 0;}
.pm-home-about-section .bak-desc-v4 {max-width: 6.4rem;}
.pm-home-about-section .bak-aw-img-v4 {position: relative;}
.pm-home-about-section .bak-aw-img-v4 .rect-67 {position: relative;overflow: hidden;border-radius: .14rem;box-shadow: 0 .18rem .52rem rgba(7,52,94,.12);}
.pm-home-about-section .bak-aw-img-v4 .rect-67::after {content: "";position: absolute;top: -42%;left: -32%;width: 24%;height: 184%;background: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.04) 22%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.04) 78%,rgba(255,255,255,0) 100%);pointer-events: none;transform: translate3d(-180%,0,0) rotate(18deg);transition: transform .56s cubic-bezier(.22,.61,.36,1);will-change: transform;}
.pm-home-about-section .bak-aw-img-v4 .rect-67:hover::after {transform: translate3d(560%,0,0) rotate(18deg);}
.pm-home-about-section .bak-aw-floating-wrap-v4 {width: 16rem;max-width: calc(100% - .4rem);margin: .36rem auto 0;}
.pm-home-about-section .bak-aw-floating-v4 {width: 100%;justify-content: space-between;padding: .34rem .4rem;border-radius: .14rem;box-shadow: 0 .12rem .38rem rgba(7,52,94,.09);}
.pm-home-about-section .bak-aw-feat-v4 {width: auto;min-width: 0;flex: 1;gap: .14rem;padding: 0 .22rem;border-right: .01rem solid #e5e9ed;}
.pm-home-about-section .bak-aw-feat-v4:last-child{border: none;}
.pm-home-about-section .bak-aw-feat-v4:first-child {padding-left: 0;}
.pm-home-about-section .bak-aw-feat-v4 h4 {margin: 0;color: #081d31;}
.pm-home-about-section .bak-aw-feat-v4 p,.pm-home-about-section .bak-aw-feat-v4 .f18 {margin-top: .06rem;color: #617083;line-height: 1.25;}
.pm-home-about-section .bak-aw-icon-v4 svg {width: .54rem;}
.pm-home-about-section .bak-play-btn-v4 {width: .68rem;height: .68rem;border: 0;}

/* ================= Solutions Accordion (V4) ================= */
.bak-sol-slider-container-v4 { width: 100%;  border-radius: 20px;/* overflow: hidden; */}
.bak-sol-swiper-v4 { width: 100%; height: 100%; }

.bak-sol-slide-v4 {
    width: 240px; /* 默认窄宽度 */
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
}
.bak-sol-slide-v4.swiper-slide-active { width: 800px; /* 展开宽度 */ cursor: default; }

.bak-sol-img-wrap-v4 img { object-fit: cover; transition: transform 0.6s ease; }
.bak-sol-slide-v4:hover .bak-sol-img-wrap-v4 img { transform: scale(1.05); }
.bak-sol-slide-v4 

.bak-sol-overlay-v4 {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to right, rgba(1,84,164,0.53) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0) 100%);
    opacity: 0; transition: opacity 0.6s ease;
}
.bak-sol-slide-v4.swiper-slide-active .bak-sol-overlay-v4 { opacity: 1; }

.bak-sol-content-v4 { position: absolute; bottom: 40px; left: 40px; right: 40px; display: flex; flex-direction: column; align-items: flex-start; }
.bak-sol-num-v4 { background: rgba(255,255,255,0.2); backdrop-filter: blur(4px); color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 15px; }
.bak-sol-name-v4 { font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 10px; transition: font-size 0.6s ease; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
/* .bak-sol-slide-v4.swiper-slide-active .bak-sol-name-v4 { font-size: 40px; } */

.bak-sol-hidden-text-v4 { max-height: 0; opacity: 0; overflow: hidden; color: rgba(255,255,255,0.9); font-size: 16px; line-height: 1.5; transition: all 0.6s ease; max-width: 400px; }
.bak-sol-slide-v4.swiper-slide-active .bak-sol-hidden-text-v4 { max-height: 200px; opacity: 1; margin-bottom: 25px; margin-top: 10px; }

/* 底部进度条 */
.bak-sol-arrow-v4 { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #ccc; cursor: pointer; color: var(--text-main-v4); transition: all 0.3s; }
.bak-sol-arrow-v4:hover { border-color: var(--accent-v4); background: var(--accent-v4); color: #fff; }
.bak-sol-progress-wrap-v4 { height: 4px; background: #e5e7eb; border-radius: 2px; position: relative; overflow: hidden; }
.bak-sol-progress-bar-v4 { position: absolute; left: 0; top: 0; height: 100%; background: var(--theme-color); width: 0%; transition: width 0.3s ease; }

.bak-sol-section-v4 .bak-swiper-nav-prev-v2{
	left: -0.8rem;
}
.bak-sol-section-v4 .bak-swiper-nav-next-v2{
	right: -0.8rem;
}

/* 响应式 */
@media screen and (max-width: 1024px) {
    .bak-aw-container-v4 { flex-direction: column; }
    .bak-aw-text-v4, .bak-aw-img-v4 { width: 100%; }
    .bak-aw-floating-v4 { flex-wrap: wrap; gap: 20px; padding: 30px; }
    .bak-aw-feat-v4 { width: 45%; border-right: none; }
    .bak-sol-slide-v4.swiper-slide-active { width: 100%; }
}

:root {
    --accent-v6: #FFBD00;
    --text-main-v6: #111827;
    --text-sub-v6: #6B7280;
}

/* 基础布局 */
.bak-cert-section-v6 {
    overflow: hidden; /* 隐藏右侧屏幕外的部分 */
}

.bak-cert-wrap-v6 {
    gap: 80px; /* 左右间距加大，更大气 */
    align-items: center;
}

.bak-cert-left-v6 {
    width: 38%;
    flex-shrink: 0;
}

.bak-cert-right-v6 {
    width: calc(62% - 80px);
    min-width: 0;
}

/* 左侧文本样式 */
.bak-eyebrow-v6 { color: var(--accent-v6); font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; }
.bak-title-v6 { font-size: 42px; font-weight: 800; color: var(--text-main-v6); margin-bottom: 20px; line-height: 1.2; }
.bak-desc-v6 { font-size: 16px; color: var(--text-sub-v6); line-height: 1.7; }

/* 列表打勾图标 */
.bak-cert-check-v6 {
    width: 24px;
    height: 24px;
    background-color: rgba(255, 189, 0, 0.15);
    color: var(--accent-v6);
    border-radius: 50%;
}

/* 左侧导航箭头 */
.bak-cert-arrow-v6 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #d1d5db;
    color: var(--text-main-v6);
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}
.bak-cert-arrow-v6:hover {
    border-color: var(--accent-v6);
    background: var(--accent-v6);
    color: #fff;
    box-shadow: 0 8px 20px rgba(255, 189, 0, 0.3);
}

/* ================= 右侧轮播与卡片 ================= */
.bak-cert-swiper-v6 {
    /* 关键：允许轮播图溢出容器，形成向右无界延伸的视觉效果 */
    /* overflow: visible !important; */
}

.bak-cert-card-v6 {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    transition: all 0.4s ease;
    text-align: center;
    border: 1px solid #f3f4f6;
}

.bak-cert-card-v6:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    border-color: #fff;
}

/* 图片比例容器 */
.bak-cert-img-wrap-v6 {
    position: relative;
    width: 100%;
    padding-top: 135%; /* 接近 A4 比例 */
    background: #f8f9fa;
    border-radius: 12px;
    margin-bottom: 25px;
    overflow: hidden;
}

.bak-cert-img-wrap-v6 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 15px;
    transition: transform 0.5s ease;
}

.bak-cert-card-v6:hover .bak-cert-img-wrap-v6 img {
    transform: scale(1.05);
}

.bak-cert-name-v6 { font-size: 20px; font-weight: 800; color: var(--text-main-v6); margin-bottom: 5px; }
.bak-cert-sub-v6 { font-size: 14px; color: var(--text-sub-v6); }

/* 响应式 */
@media screen and (max-width: 1024px) {
    .bak-cert-wrap-v6 { flex-direction: column; gap: 40px; }
    .bak-cert-left-v6, .bak-cert-right-v6 { width: 100%; }
    .bak-cert-swiper-v6 { overflow: hidden !important; /* 移动端恢复隐藏 */ padding-bottom: 20px; }
}



/* ================= 10. 响应式适配 ================= */
@media screen and (min-width: 1025px) {
    .pc-hide { display: none !important; }
}

@media screen and (max-width: 1200px) {
    .bak-home-banner { min-height: 600px; height: auto; padding: 150px 0 100px; }
    .bak-home-solutions .flex.f-jsb, .bak-home-about .flex.f-jsb, .bak-home-quality .flex.f-jsb { flex-wrap: wrap; }
    .bak-home-sol-card, .bak-home-about .w48, .bak-home-quality .w48 { width: 48%; margin-bottom: 30px; }
    .bak-home-about .pr-40, .bak-home-quality .pl-40 { padding: 0; }
    .bak-home-technology .flex.f-jsb { flex-direction: column; align-items: flex-start; }
    .bak-home-technology .w40, .bak-home-technology .w55 { width: 100%; }
    .bak-home-manufacturing .w24 { width: 48%; }
    .bak-home-footer .w25, .bak-home-footer .w15, .bak-home-footer .w20 { width: 33.33%; }
}

@media screen and (max-width: 768px) {
    .bak-home-banner { padding: 100px 0 60px; }
    .bak-home-banner .f60 { font-size: 36px; }
    
    .bak-home-sol-card, .bak-home-about .w48, .bak-home-quality .w48, .bak-home-advantages .w32, .bak-home-contact .w32, .bak-home-manufacturing .w24 { 
        width: 100%; 
    }
    
    .bak-home-products .flex.f-jsb, .bak-home-news .flex.f-jsb, .bak-home-manufacturing .flex.f-jsb { 
        flex-direction: column; 
        align-items: flex-start; 
    }
    .bak-home-products .bak-home-btn, .bak-home-news .bak-home-btn, .bak-home-manufacturing .bak-home-btn { 
        margin-top: 20px; 
    }
    
    .bak-home-exp-badge { bottom: 10px; left: 10px; padding: 15px; }
    
    .bak-home-footer .w25, .bak-home-footer .w15, .bak-home-footer .w20 { width: 100%; }
    .bak-home-footer .flex.f-jsb.f-ac { flex-direction: column; align-items: flex-start; }
    .bak-home-footer .flex.f-ac { margin-top: 20px; flex-wrap: wrap; }
}


/* ================= Certificates Section ================= */

.bak-home-certificates {
    position: relative;
    overflow: hidden;
  /*  background:
        linear-gradient(135deg, rgba(1,84,164,.045), transparent 42%),
        radial-gradient(circle at 88% 12%, rgba(1,84,164,.07), transparent 28%),
        linear-gradient(rgba(1,84,164,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(1,84,164,.035) 1px, transparent 1px),
        #f4f7fb;
    background-size:auto,auto,88px 88px,88px 88px,auto; */
	margin-top: 0;
	background: linear-gradient(180deg,#fff 0%,#eef5fc 38%,#0154a4 100%);
}

/* .bak-home-certificates::before {
    content: "";
    position: absolute;
    width: 5.2rem;
    height: 5.2rem;
    right: -1.5rem;
    top: -1.6rem;
    border-radius: 50%;
    background: rgba(1,84,164,.055);
    pointer-events: none;
} */

.bak-home-certificates .w16 {
    position: relative;
    z-index: 2;
}

.bak-home-cert-left {
    position: relative;
}

.bak-home-cert-icon {
    width: .46rem;
    height: .46rem;
    min-width: .46rem;
    background: rgba(1,84,164,.08);
}

.bak-home-cert-point:hover .bak-home-cert-icon {
    background: var(--theme-color);
    color: #fff;
}

.bak-home-cert-right {
    position: relative;
}

.bak-home-cert-nav > div {
    width: .46rem;
    height: .46rem;
    border-radius: 50%;
    background: #fff;
    color: var(--theme-color);
    border: 1px solid rgba(1,84,164,.16);
    box-shadow: 0 0.08rem 0.2rem rgba(0,19,34,.06);
    transition: all .3s ease;
}

.bak-home-cert-nav > div:hover {
    background: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}

.bak-home-cert-swiper {
    padding: .08rem .08rem .55rem;
}

.bak-home-cert-swiper .swiper-slide {
    height: auto;
	padding: 0.24rem 0;
}

.bak-home-cert-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(0,19,34,.08);
    box-shadow: 0 0.1rem 0.2rem rgba(0,19,34,.055);
    transition: all .35s ease;
}

.bak-home-cert-card:hover {
    transform: translateY(-.08rem);
    box-shadow: 0 0.12rem 0.24rem rgba(1,84,164,.12);
    border-color: rgba(1,84,164,.22);
}

.bak-home-cert-img {
    padding: .18rem .18rem;
    /* background:linear-gradient(0deg, #fff, #f3f6fa); */
	background-color: #fff;
}

.bak-home-cert-img .rect-140 {
    background: #fff;
    border-radius: .08rem;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0,19,34,.06);
}

/* 证书图一般需要完整显示，不能裁切，所以这里用 contain */
.bak-home-cert-img img._full {
    object-fit: contain;
    background: #fff;
}

/* .bak-home-cert-info {
    min-height: 1.78rem;
} */

.bak-home-cert-pagination .swiper-pagination-bullet {
    background: rgba(1,84,164,.28);
}

.bak-home-cert-pagination .swiper-pagination-bullet-active {
    background: var(--theme-color);
}

/* 响应式 */
@media screen and (max-width: 1200px) {
    .bak-home-cert-left,
    .bak-home-cert-right {
        width: 100%;
    }

    .bak-home-cert-left {
        padding-right: 0;
        margin-bottom: .5rem;
    }
}

@media screen and (max-width: 768px) {
    .bak-home-certificates {
        background-size:
            auto,
            auto,
            60px 60px,
            60px 60px,
            auto;
    }

    .bak-home-cert-right > .flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .bak-home-cert-nav {
        margin-top: .22rem;
    }

    .bak-home-cert-swiper {
        padding-bottom: .5rem;
    }

    .bak-home-cert-info {
        min-height: auto;
    }
}


/* ================= Partners Section ================= */

.bak-home-partners {
    position: relative;
    overflow: hidden;
	background: #f5f7fa url('../images/bak-home-partner-bg.png') no-repeat center;

}

/* .bak-home-partners::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 88px 88px;
    opacity: .42;
    z-index: 1;
} */

/* .bak-home-partners::after {
    content: "";
    position: absolute;
    width: 6rem;
    height: 6rem;
    right: -2rem;
    top: -2rem;
    border-radius: 50%;
    background: rgba(1,84,164,.16);
    filter: blur(20px);
    pointer-events: none;
    z-index: 1;
} */

.bak-home-partners .w16 {
    position: relative;
    z-index: 2;
}

.bak-home-partners-head {
	width: 12rem;
	max-width: 100%;
}

/* 外层区域 */
.bak-home-partner-marquee-wrap {
    position: relative;
    overflow: hidden;
    padding: .16rem 0;
	    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
	    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

/* 两侧渐隐，避免边缘太硬 */
/* .bak-home-partner-marquee-wrap::before,
.bak-home-partner-marquee-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    width: 1.6rem;
    height: 100%;
    z-index: 3;
    pointer-events: none;
}

.bak-home-partner-marquee-wrap::before {
    left: 0;
    background: linear-gradient(90deg, #001322, rgba(0,19,34,0));
}

.bak-home-partner-marquee-wrap::after {
    right: 0;
    background: linear-gradient(-90deg, #001322, rgba(0,19,34,0));
 */}

.bak-home-partner-marquee {
    width: 100%;
    overflow: hidden;
}

.bak-home-partner-marquee + .bak-home-partner-marquee {
    margin-top: .28rem;
}

.bak-home-partner-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: .28rem;
}

/* 第一行向左 */
.bak-home-partner-marquee-left .bak-home-partner-track {
    animation: bakPartnerMoveLeft 36s linear infinite;
}

/* 第二行向右 */
.bak-home-partner-marquee-right .bak-home-partner-track {
    animation: bakPartnerMoveRight 42s linear infinite;
}

/* hover 暂停 */
.bak-home-partner-marquee-wrap:hover .bak-home-partner-track {
    animation-play-state: paused;
}

.bak-home-partner-logo {
/*    width: 2.65rem;
    height: .92rem;
    min-width: 2.65rem; */
	width: 2rem;
	height: 2rem;
    /* border-radius: .1rem; */
	border-radius: 50%;
    background: rgba(255,255,255,.07);
	background-color: #fff;
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0 .2rem; */
    color: rgba(255,255,255,.86);
    transition: all .35s ease;
	overflow: hidden;
}
/* 
.bak-home-partner-logo:nth-child(2n){
	background-color: var(--accent-v4);
}
.bak-home-partner-logo:nth-child(2n) img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
 */}

.bak-home-partner-logo span {
    font-size: var(--f18);
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
}

.bak-home-partner-logo:hover {
/*    background: rgba(255,255,255,.96);
    color: var(--theme-color);
    border-color: rgba(255,255,255,.96); */
    transform: translateY(-.04rem);
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.08);
}

/* 动画 */
@keyframes bakPartnerMoveLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - .14rem));
    }
}

@keyframes bakPartnerMoveRight {
    0% {
        transform: translateX(calc(-50% - .14rem));
    }
    100% {
        transform: translateX(0);
    }
}

/* 响应式 */
@media screen and (max-width: 1200px) {
    .bak-home-partner-logo {
        width: 2.35rem;
        min-width: 2.35rem;
        height: .86rem;
    }

    .bak-home-partner-logo span {
        font-size: var(--f16);
    }
}

@media screen and (max-width: 768px) {
    .bak-home-partners-head br {
        display: none;
    }

    .bak-home-partner-marquee-wrap::before,
    .bak-home-partner-marquee-wrap::after {
        width: .8rem;
    }

    .bak-home-partner-logo {
        width: 2.2rem;
        min-width: 2.2rem;
        height: .78rem;
        padding: 0 .18rem;
    }

    .bak-home-partner-logo span {
        font-size: var(--f14);
        white-space: normal;
    }

    .bak-home-partner-actions {
        flex-direction: column;
    }

    .bak-home-partner-actions .bak-home-btn {
        width: 100%;
        margin-right: 0;
        margin-bottom: .16rem;
    }

    .bak-home-partner-marquee-left .bak-home-partner-track {
        animation-duration: 28s;
    }

    .bak-home-partner-marquee-right .bak-home-partner-track {
        animation-duration: 32s;
    }
}

.pm-footer-color-band {
    width: 100%;
    height: 8px;
	background-color: var(--theme-color);
}

.pm-footer .media_ul li a,
.pm-footer .media_ul li:nth-child(n) a {
	background-color: var(--theme-color);
}
.pm-footer .media_ul li a:hover,
.pm-footer .media_ul li a:focus-visible {
	background-color: var(--sec-theme-color);
}
.pm-footer .pm-footer-quote {
	background-color: var(--theme-color);
	transition: background-color .25s ease, transform .25s ease;
}
.pm-footer .pm-footer-quote:hover,
.pm-footer .pm-footer-quote:focus-visible {
	background-color: var(--sec-theme-color);
	transform: translateY(-.03rem);
}



/* -------------------------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) {
	
}

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

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

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

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

/* Pomanique inner pages */
.pm-contact-description {max-width: 6.2rem;}
.pm-solution-card .pm-solution-card-link {display: block;height: 100%;}
.pm-solution-card .pic {overflow: hidden;background: #eef2f5;}
.pm-solution-card .pic img {transition: transform .5s ease;}
.pm-solution-card:hover .pic img {transform: scale(1.04);}
.pm-solution-card .sol_more {display: inline-flex;align-items: center;gap: .08rem;}

.pm-case-list-section {background: #f5f7f9;}
.pm-case-list-grid {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .28rem;}
.pm-case-list-item {position: relative;background: #eaf0f4;box-shadow: 0 10px 30px rgba(7,31,58,.08);}
.pm-case-list-link {position: relative;display: block;color: #fff;}
.pm-case-list-media {overflow: hidden;}
.pm-case-list-media img {transition: transform .55s cubic-bezier(.22,.61,.36,1);}
.pm-case-list-overlay {position: absolute;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: space-between;gap: .2rem;padding: .22rem .24rem;background: linear-gradient(180deg,rgba(4,25,48,0),rgba(4,25,48,.88));}
.pm-case-list-overlay h3 {max-width: calc(100% - .48rem);line-height: 1.3;}
.pm-case-list-overlay svg {width: .36rem;height: .36rem;flex: 0 0 auto;fill: none;stroke: currentColor;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;transition: transform .3s ease;}
.pm-case-list-item:hover .pm-case-list-media img {transform: scale(1.045);}
.pm-case-list-item:hover .pm-case-list-overlay svg {transform: scale(1.08);}

.sh-pro-menu.pm-nav-ready .menu-head {display: flex;align-items: center;justify-content: space-between;min-height: 0;padding: 0;gap: .1rem;}
.sh-pro-menu.pm-nav-ready .menu-head > a {display: flex;align-items: center;min-width: 0;min-height: .52rem;padding: .1rem 0;flex: 1;}
.sh-pro-menu.pm-nav-ready .toggle-btn {width: .4rem;height: .4rem;display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;padding: 0;border: 0;background: transparent;color: #536273;cursor: pointer;transition: color .25s ease,transform .25s ease;}
.sh-pro-menu.pm-nav-ready .toggle-btn i {font-size: var(--f20);transition: transform .25s ease;}
.sh-pro-menu.pm-nav-ready .has-sub.is-open > .menu-head .toggle-btn i,.sh-pro-menu.pm-nav-ready .has-sub:has(.active) > .menu-head .toggle-btn i {transform: rotate(180deg);}
.sh-pro-menu.pm-nav-ready .sub-menu {display: none;}
.sh-pro-menu.pm-nav-ready .has-sub.is-open > .sub-menu,.sh-pro-menu.pm-nav-ready .has-sub:has(.active) > .sub-menu {display: block;}
.sh-pro-menu.pm-nav-ready .toggle-btn:hover,.sh-pro-menu.pm-nav-ready .toggle-btn:focus-visible {color: var(--theme-color);}
.sh-pro-menu.pm-nav-ready .toggle-btn:focus-visible {outline: 2px solid rgba(var(--theme-color-rgb),.28);outline-offset: 2px;}

/* Product sidebar */
.sh-pro-sidebar .sh-pro-search {border-color: #dfe6ec;border-radius: .08rem;}
.sh-pro-sidebar .sh-pro-search input {min-width: 0;padding: .14rem .16rem;background: #fff;font-size: var(--f16);}
.sh-pro-sidebar .sh-pro-search button {width: .52rem;flex: 0 0 auto;font-size: var(--f18);}
.sh-pro-sidebar .sh-pro-rec-list .pic {width: .96rem;height: .72rem;flex: 0 0 auto;}
.sh-pro-sidebar .sh-pro-rec-list .pic img {width: 100%;height: 100%;object-fit: cover;}
.sh-pro-sidebar .sh-pro-rec-list li:last-child {margin-bottom: 0;}
.sh-pro-sidebar .sh-pro-rec-list a:hover h4 {color: var(--theme-color);}

/* Inner-page heading font */
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,
.pm-sol-detail-copy h3,.pm-sol-detail-support h3 {font-family: "PB";}

@media all and (max-width:1000px) {
	.pm-case-list-grid {grid-template-columns: repeat(2,minmax(0,1fr));}
}

@media all and (max-width:640px) {
	.pm-case-list-grid {grid-template-columns: 1fr;}
}

/* Pomanique About and OEM pages */
.pm-ab-page,.pm-oem-page {
	--pm-page-blue: #075aa6;
	--pm-page-blue-deep: #07345e;
	--pm-page-navy: #081d31;
	--pm-page-ink: #172334;
	--pm-page-muted: #617083;
	--pm-page-soft: #f2f5f7;
	--pm-page-line: #dce3e8;
	--pm-page-radius: .14rem;
	background: #fff;
	color: var(--pm-page-ink);
}
.pm-ab-section,.pm-oem-section {position: relative;padding: 1rem 0;}
.pm-ab-section-title,.pm-oem-section-title,.pm-oem-hero-title,.pm-ab-oem-title,.pm-oem-cta-title {margin: 0;color: var(--pm-page-navy);line-height: 1.08;letter-spacing: -.02em;}
.pm-ab-section-desc,.pm-oem-section-desc {max-width: 8.4rem;margin-top: .2rem;color: var(--pm-page-muted);}
.pm-ab-heading,.pm-oem-heading {max-width: 10rem;}
.pm-ab-heading-row,.pm-oem-heading-row {display: flex;align-items: flex-end;justify-content: space-between;gap: .4rem;margin-bottom: .48rem;}
.pm-ab-heading-row .pm-ab-heading,.pm-oem-heading-row .pm-oem-heading {margin-bottom: 0;}
.pm-ab-heading-controls,.pm-oem-heading-controls,.pm-ab-slider-controls {display: flex;align-items: center;gap: .1rem;}
.pm-ab-heading-controls button,.pm-oem-heading-controls button,.pm-ab-slider-controls button {
	width: .48rem;height: .48rem;display: inline-flex;align-items: center;justify-content: center;padding: 0;
	border: .01rem solid var(--pm-page-line);border-radius: 50%;background: #fff;color: var(--pm-page-navy);cursor: pointer;
	transition: color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease;
}
.pm-ab-heading-controls button:hover,.pm-oem-heading-controls button:hover,.pm-ab-slider-controls button:hover {border-color: var(--pm-page-blue);background: var(--pm-page-blue);color: #fff;transform: translateY(-.02rem);}
.pm-ab-heading-controls button:focus-visible,.pm-oem-heading-controls button:focus-visible,.pm-ab-slider-controls button:focus-visible,.pm-ab-primary-button:focus-visible,.pm-oem-primary-button:focus-visible,.pm-oem-ghost-button:focus-visible,.pm-ab-text-link:focus-visible {outline: .02rem solid rgba(7,90,166,.35);outline-offset: .04rem;}
.pm-ab-item-title,.pm-oem-advantage-item h3 {margin: 0;color: var(--pm-page-navy);line-height: 1.2;}
.pm-ab-item-desc,.pm-oem-advantage-item>div:last-child {margin-top: .13rem;color: var(--pm-page-muted);}
.pm-ab-primary-button,.pm-oem-primary-button,.pm-oem-ghost-button {
	min-height: .52rem;display: inline-flex;align-items: center;justify-content: center;gap: .1rem;padding: .14rem .24rem;
	border: .01rem solid transparent;border-radius: .1rem;white-space: nowrap;transition: transform .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease;
}
.pm-ab-primary-button,.pm-oem-primary-button {background: var(--pm-page-blue);color: #fff;}
.pm-ab-primary-button:hover,.pm-oem-primary-button:hover {background: var(--pm-page-blue-deep);color: #fff;transform: translateY(-.03rem);}
.pm-oem-ghost-button {border-color: rgba(255,255,255,.5);background: rgba(8,29,49,.28);color: #fff;}
.pm-oem-ghost-button:hover {border-color: #fff;background: #fff;color: var(--pm-page-navy);transform: translateY(-.03rem);}
.pm-reveal {animation: pmPageReveal .62s cubic-bezier(.22,.61,.36,1) both;}
@keyframes pmPageReveal {from {opacity: 0;transform: translateY(.18rem);}to {opacity: 1;transform: translateY(0);}}
@media (prefers-reduced-motion: reduce) {
	.pm-reveal {animation: none;}
	.pm-ab-page *,.pm-oem-page * {scroll-behavior: auto!important;transition-duration: .01s!important;animation-duration: .01s!important;}
}

/* About: company profile */
.pm-ab-profile-section {padding-top: 1.12rem;}
.pm-ab-profile-layout {display: grid;grid-template-columns: minmax(0,1.03fr) minmax(0,.97fr);align-items: center;gap: .92rem;}
.pm-ab-profile-copy {padding-left: .24rem;}
.pm-ab-profile-subtitle {max-width: 7.2rem;margin-top: .24rem;color: var(--pm-page-blue);}
.pm-ab-richtext {max-width: 7.4rem;margin-top: .28rem;color: var(--pm-page-muted);}
.pm-ab-richtext>div+div {margin-top: .16rem;}
.pm-ab-text-link {display: inline-flex;align-items: center;gap: .1rem;margin-top: .3rem;color: var(--pm-page-blue);}
.pm-ab-text-link i {transition: transform .25s ease;}
.pm-ab-text-link:hover {color: var(--pm-page-navy);}
.pm-ab-text-link:hover i {transform: translateX(.04rem);}
.pm-ab-profile-visual {position: relative;padding: 0 .22rem .28rem 0;}
.pm-ab-profile-media {overflow: hidden;border-radius: var(--pm-page-radius);background: var(--pm-page-soft);box-shadow: 0 .24rem .7rem rgba(7,52,94,.12);}
.pm-ab-profile-media img {transition: transform .7s cubic-bezier(.22,.61,.36,1);}
.pm-ab-profile-visual:hover .pm-ab-profile-media img {transform: scale(1.025);}
.pm-ab-profile-note {position: absolute;right: 0;bottom: 0;width: 4.45rem;padding: .24rem;border: .01rem solid rgba(7,90,166,.13);border-radius: .12rem;background: rgba(255,255,255,.96);box-shadow: 0 .18rem .54rem rgba(7,52,94,.13);}
.pm-ab-profile-note span {display: block;color: var(--pm-page-blue);}
.pm-ab-profile-note div {margin-top: .09rem;color: var(--pm-page-muted);}

/* About: culture */
.pm-ab-section-label,.pm-oem-section-label {margin-bottom: .16rem;color: var(--pm-page-blue);line-height: 1.3;}
.pm-ab-culture-section {background: var(--pm-page-soft);}
.pm-ab-culture-section .pm-ab-heading {max-width: 10.2rem;margin-bottom: .42rem;}
.pm-ab-culture-grid {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: .18rem;}
.pm-ab-culture-item {position: relative;min-width: 0;overflow: hidden;border-radius: .12rem;background: var(--pm-page-navy);transition: transform .35s cubic-bezier(.22,.61,.36,1);}
.pm-ab-culture-media {overflow: hidden;}
.pm-ab-culture-media::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(5,25,43,.02) 20%,rgba(5,25,43,.2) 48%,rgba(5,25,43,.94) 100%);pointer-events: none;transition: background .35s ease;}
.pm-ab-culture-media img {transition: transform .7s cubic-bezier(.22,.61,.36,1);}
.pm-ab-culture-copy {position: absolute;z-index: 1;right: .28rem;bottom: .3rem;left: .28rem;color: #fff;}
.pm-ab-culture-copy .pm-ab-item-title {color: #fff;}
.pm-ab-culture-copy .pm-ab-item-desc {margin-top: .12rem;color: rgba(255,255,255,.82);}
.pm-ab-culture-item:hover {transform: translateY(-.04rem);}
.pm-ab-culture-item:hover .pm-ab-culture-media img {transform: scale(1.045);}
.pm-ab-culture-item:hover .pm-ab-culture-media::after {background: linear-gradient(180deg,rgba(5,25,43,.02) 16%,rgba(5,25,43,.24) 44%,rgba(5,25,43,.97) 100%);}

/* About: environment gallery */
.pm-ab-environment-section {overflow: hidden;    background: var(--pm-page-soft);}
.pm-ab-environment-section .pm-ab-heading {max-width: 9.2rem;margin-bottom: .42rem;}
.pm-ab-slider-shell {position: relative;}
.pm-ab-environment-swiper {overflow: visible;}
.pm-ab-environment-slide {display: grid;grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr);align-items: stretch;border-radius: var(--pm-page-radius);overflow: hidden;background: #0356A5;}
.pm-ab-environment-media {min-width: 0;overflow: hidden;}
.pm-ab-environment-media img {transition: transform .65s cubic-bezier(.22,.61,.36,1);}
.pm-ab-environment-slide:hover .pm-ab-environment-media img {transform: scale(1.025);}
.pm-ab-environment-copy {display: flex;flex-direction: column;justify-content: center;padding: .56rem .62rem;color: #fff;}
.pm-ab-environment-copy .pm-ab-item-title {color: #fff;}
.pm-ab-environment-copy .pm-ab-item-desc {max-width: 5.6rem;margin-top: .16rem;color: rgba(255,255,255,.74);}
.pm-ab-environment-controls {position: absolute;z-index: 2;top: 50%;right: .18rem;left: .18rem;display: flex;align-items: center;justify-content: space-between;pointer-events: none;transform: translateY(-50%);}
.pm-ab-environment-controls button {width: .56rem;height: .56rem;border-color: rgba(255,255,255,.42);background: rgba(255,255,255);color: #000;box-shadow: 0 .05rem .14rem rgba(8,29,49,.18);pointer-events: auto;}
.pm-ab-environment-controls button:hover {border-color: var(--pm-page-blue);background: var(--pm-page-blue);color: #fff;transform: none;}

/* About: quality */
.pm-ab-quality-section {overflow: hidden;background: linear-gradient(180deg,#3f8fc6 0%,var(--theme-color) 100%);}
.pm-ab-quality-layout {display: grid;grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr);align-items: center;gap: .78rem;}
.pm-ab-quality-copy {min-width: 0;padding-right: .18rem;}
.pm-ab-quality-label {margin-bottom: .16rem;color: #8ec9ff;}
.pm-ab-quality-section .pm-ab-section-title {max-width: 7rem;color: #fff;}
.pm-ab-quality-section .pm-ab-section-desc {max-width: 6.8rem;color: rgba(255,255,255,.72);}
.pm-ab-quality-list {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));margin-top: .38rem;border-top: .01rem solid rgba(255,255,255,.18);}
.pm-ab-quality-item {display: grid;grid-template-columns: .46rem minmax(0,1fr);gap: .14rem;min-height: 1.75rem;padding: .22rem .18rem .22rem 0;border-bottom: .01rem solid rgba(255,255,255,.18);}
.pm-ab-quality-item:nth-child(even) {padding-left: .22rem;border-left: .01rem solid rgba(255,255,255,.18);}
.pm-ab-quality-icon {width: .42rem;height: .42rem;display: inline-flex;align-items: center;justify-content: center;border-radius: .09rem;background: rgba(142,201,255,.13);color: #8ec9ff;font-size: .18rem;}
.pm-ab-quality-text h3 {margin: 0;color: #fff;}
.pm-ab-quality-text div {margin-top: .07rem;color: rgba(255,255,255,.66);}
.pm-ab-quality-visual {position: relative;min-width: 0;}
.pm-ab-quality-media {overflow: hidden;border-radius: var(--pm-page-radius);}
.pm-ab-quality-media img {transition: transform .7s cubic-bezier(.22,.61,.36,1);}
.pm-ab-quality-visual:hover .pm-ab-quality-media img {transform: scale(1.025);}

/* About: certificates */
.pm-ab-certificates-section {overflow: hidden;background: var(--pm-page-soft);}
.pm-ab-certificates-section .pm-ab-cert-swiper {margin: -.12rem;padding: .12rem .12rem .34rem;overflow: hidden;}
.pm-ab-cert-link {display: block;color: var(--pm-page-ink);}
.pm-ab-cert-media {padding: .18rem;border: 0;border-radius: var(--pm-page-radius);background: #fff;box-shadow: 0 .1rem .3rem rgba(7,52,94,.05);transition: transform .3s ease,box-shadow .3s ease;}
.pm-ab-cert-media img {object-fit: contain!important;}
.pm-ab-cert-title {margin: .16rem 0 0;text-align: center;color: var(--pm-page-navy);}
.pm-ab-cert-link:hover .pm-ab-cert-media {box-shadow: 0 .18rem .5rem rgba(7,52,94,.11);transform: translateY(-.04rem);}

/* About: exhibitions */
.pm-ab-exhibition-section {overflow: hidden;}
.pm-ab-exhibition-swiper {overflow: visible;}
.pm-ab-exhibition-card {height: 100%;border-radius: var(--pm-page-radius);overflow: hidden;background: var(--pm-page-soft);}
.pm-ab-exhibition-media {display: block;overflow: hidden;background: #dce5eb;}
.pm-ab-exhibition-media img {transition: transform .6s cubic-bezier(.22,.61,.36,1);}
.pm-ab-exhibition-card:hover .pm-ab-exhibition-media img {transform: scale(1.035);}
.pm-ab-exhibition-copy {padding: .19rem .22rem .21rem;}
.pm-ab-exhibition-copy h3 {margin: 0;color: var(--pm-page-navy);line-height: 1.2;}
.pm-ab-exhibition-title {display: -webkit-box;min-height: 2.4em;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/* About: OEM bridge */
.pm-ab-oem-bridge {min-height: 4.6rem;display: flex;align-items: center;overflow: hidden;background: var(--pm-page-navy);}
.pm-ab-oem-bg {position: absolute;inset: 0;width: 100%;height: 100%;}
.pm-ab-oem-bg img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pm-ab-oem-bg::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgba(8,29,49,.96) 0,rgba(8,29,49,.84) 48%,rgba(8,29,49,.2) 100%);}
.pm-ab-oem-layout {position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;gap: .5rem;}
.pm-ab-oem-copy {max-width: 9.4rem;}
.pm-ab-oem-label {color: #8ec9ff;}
.pm-ab-oem-title {color: #fff;}
.pm-ab-oem-desc {max-width: 7.6rem;margin-top: .2rem;color: rgba(255,255,255,.72);}

/* OEM: hero */
.pm-oem-hero {position: relative;min-height: 7.5rem;display: flex;align-items: stretch;overflow: hidden;background: var(--pm-page-navy);}
.pm-oem-hero-bg {position: absolute;inset: 0;}
.pm-oem-hero-bg::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgba(4,22,39,.97) 0,rgba(36,98,187,.82) 48%,rgba(4,22,39,.18) 100%);}
.pm-oem-hero-layout {position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: space-between;padding: .44rem 0 .82rem;}
.pm-oem-breadcrumb {display: flex;align-items: center;gap: .1rem;color: rgba(255,255,255,.6);}
.pm-oem-breadcrumb a {color: rgba(255,255,255,.8);}
.pm-oem-breadcrumb a:hover {color: #fff;}
.pm-oem-hero-copy {max-width: 10.4rem;margin-top: auto;margin-bottom: auto;}
.pm-oem-hero-label {color: #8ec9ff;}
.pm-oem-hero-title {max-width: 10.2rem;color: #fff;}
.pm-oem-hero-desc {max-width: 7.7rem;margin-top: .24rem;color: rgba(255,255,255,.78);}
.pm-oem-button-row {display: flex;align-items: center;gap: .14rem;margin-top: .3rem;}

/* OEM: advantages */
.pm-oem-advantages-section .w16 {display: grid;grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr);align-items: start;gap: .84rem;}
.pm-oem-advantages-section .pm-oem-heading {max-width: 5.3rem;margin-bottom: 0;padding-top: .08rem;}
.pm-oem-advantages-section .pm-oem-section-desc {max-width: 5.2rem;}
.pm-oem-advantage-grid {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));border-top: .01rem solid var(--pm-page-line);}
.pm-oem-advantage-item {min-height: 2.45rem;padding: .32rem;border-bottom: .01rem solid var(--pm-page-line);background: transparent;transition: background-color .3s ease;}
.pm-oem-advantage-item:nth-child(even) {border-left: .01rem solid var(--pm-page-line);}
.pm-oem-advantage-item:hover {background: var(--pm-page-soft);}
.pm-oem-advantage-icon {width: .52rem;height: .52rem;display: inline-flex;align-items: center;justify-content: center;margin-bottom: .2rem;border-radius: .1rem;background: #e2edf6;color: var(--pm-page-blue);font-size: .21rem;transition: color .3s ease,background-color .3s ease;}
.pm-oem-advantage-item:hover .pm-oem-advantage-icon {background: var(--pm-page-blue);color: #fff;}

/* OEM: customization scope */
.pm-oem-scope-section {background: var(--pm-page-soft);}
.pm-oem-scope-section .pm-oem-heading {margin-bottom: .48rem;}
.pm-oem-scope-layout {display: grid;grid-template-columns: minmax(0,1.25fr) minmax(4.2rem,.75fr);border-radius: var(--pm-page-radius);overflow: hidden;box-shadow: 0 .22rem .64rem rgba(7,52,94,.1);}
.pm-oem-scope-dark {padding: .46rem;background: #0356A5;color: #fff;}
.pm-oem-scope-light {padding: .46rem 0.32rem;background: #fff;}
.pm-oem-scope-heading {margin: 0;line-height: 1.2;}
.pm-oem-scope-dark .pm-oem-scope-heading {color: #fff;}
.pm-oem-scope-light .pm-oem-scope-heading {color: var(--pm-page-navy);}
.pm-oem-scope-grid {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: .16rem;margin-top: .32rem;}
.pm-oem-scope-item {min-height: 2.2rem;padding: .24rem;border-radius: .1rem;background: rgba(255,255,255,.055);transition: background-color .3s ease,transform .3s ease;}
.pm-oem-scope-item:hover {background: rgba(255,255,255,.1);transform: translateY(-.03rem);}
.pm-oem-scope-icon {width: .48rem;height: .48rem;display: inline-flex;align-items: center;justify-content: center;border-radius: .1rem;background: rgba(70,160,241,.14);color: #82c4ff;font-size: .2rem;}
.pm-oem-scope-item h4 {margin: .18rem 0 0;color: #fff;}
.pm-oem-scope-item>div:last-child {margin-top: .08rem;color: rgba(255,255,255,.64);}
.pm-oem-service-list {margin-top: .28rem;}
.pm-oem-service-item {display: grid;grid-template-columns: .34rem minmax(0,1fr);gap: .12rem;padding: .12rem 0;border-bottom: .01rem solid var(--pm-page-line);}
.pm-oem-service-item:last-child {border-bottom: 0;}
.pm-oem-service-icon {color: var(--pm-page-blue);}
.pm-oem-service-item h4 {margin: 0;color: var(--pm-page-navy);}
.pm-oem-service-item div div {margin-top: .05rem;color: var(--pm-page-muted);}

/* OEM: cooperation process */
.pm-oem-process-section {overflow: hidden;background: var(--pm-page-soft);padding-top: 0;}
.pm-oem-process-section .pm-oem-heading {margin-bottom: .5rem;}
.pm-oem-process-rail {position: relative;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));grid-template-areas: "step1 step2 step3" "step6 step5 step4";gap: .22rem .48rem;}
.pm-oem-process-item {position: relative;z-index: 1;display: grid;grid-template-columns: .68rem minmax(0,1fr);align-content: start;column-gap: .2rem;min-height: 1.95rem;padding: .28rem .3rem;border-radius: .12rem;background: #fff;box-shadow: 0 .05rem .16rem rgba(7,52,94,.06);}
.pm-oem-process-item:nth-child(1) {grid-area: step1;}
.pm-oem-process-item:nth-child(2) {grid-area: step2;}
.pm-oem-process-item:nth-child(3) {grid-area: step3;}
.pm-oem-process-item:nth-child(4) {grid-area: step4;}
.pm-oem-process-item:nth-child(5) {grid-area: step5;}
.pm-oem-process-item:nth-child(6) {grid-area: step6;}
.pm-oem-process-item:nth-child(1)::after,.pm-oem-process-item:nth-child(2)::after {content: "\f178";position: absolute;top: .72rem;right: -.35rem;font-family: FontAwesome;color: rgba(7,90,166,.55);font-size: .22rem;}
.pm-oem-process-item:nth-child(3) {z-index: 3;}
.pm-oem-process-item:nth-child(3)::after {content: "\f175";position: absolute;right: 50%;bottom: -.24rem;font-family: FontAwesome;color: rgba(7,90,166,.65);font-size: .22rem;transform: translate(50%,50%);}
.pm-oem-process-item:nth-child(4)::after,.pm-oem-process-item:nth-child(5)::after {content: "\f177";position: absolute;top: .72rem;left: -.35rem;font-family: FontAwesome;color: rgba(7,90,166,.55);font-size: .22rem;}
.pm-oem-process-icon {grid-row: 1/3;width: .68rem;height: .68rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: #e2edf6;color: var(--pm-page-blue);font-size: .22rem;transition: color .3s ease,background-color .3s ease;}
.pm-oem-process-item:hover .pm-oem-process-icon {background: var(--pm-page-blue);color: #fff;}
.pm-oem-process-item h3 {margin: .03rem 0 0;color: var(--pm-page-navy);line-height: 1.2;}
.pm-oem-process-item>div:last-child {margin-top: .1rem;color: var(--pm-page-muted);}

/* OEM: quality and documentation support */
.pm-oem-support-layout {display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);align-items: center;gap: .78rem;}
.pm-oem-support-media {overflow: hidden;border-radius: var(--pm-page-radius);box-shadow: 0 .2rem .58rem rgba(7,52,94,.12);}
.pm-oem-support-copy {padding-left: .12rem;}
.pm-oem-support-list {margin-top: .34rem;}
.pm-oem-support-item {display: grid;grid-template-columns: .52rem minmax(0,1fr);gap: .16rem;padding: .18rem 0;border-bottom: .01rem solid var(--pm-page-line);}
.pm-oem-support-item:last-child {border-bottom: 0;}
.pm-oem-support-icon {width: .48rem;height: .48rem;display: inline-flex;align-items: center;justify-content: center;border-radius: .1rem;background: rgba(7,90,166,.1);color: var(--pm-page-blue);font-size: .2rem;}
.pm-oem-support-item h3 {margin: 0;color: var(--pm-page-navy);}
.pm-oem-support-item div div {margin-top: .06rem;color: var(--pm-page-muted);}

/* OEM: final CTA */
.pm-oem-cta-section {display: flex;align-items: center;overflow: hidden;background: linear-gradient(180deg,#176fbe 0%,var(--theme-color) 100%);background: #0e2d47;}
.pm-oem-cta-bg {position: absolute;inset: 0;opacity: .16;}
.pm-oem-cta-bg::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(23,111,190,.9),rgba(1,84,164,.96));background: #0e2d47;}
.pm-oem-cta-layout {position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;gap: .54rem;}
.pm-oem-cta-copy {max-width: 9.6rem;}
.pm-oem-cta-label {color: #8ec9ff;}
.pm-oem-cta-title {color: #fff;}
.pm-oem-cta-desc {max-width: 8rem;margin-top: .2rem;color: rgba(255,255,255,.72);}
.pm-oem-cta-desc>div+div {margin-top: .1rem;}

/* Pomanique product detail */
.pm-pro-detail {overflow: visible;background: #fff;}
.pm-pro-detail .pm-pro-detail-top {padding: .62rem 0 .78rem;background: #f5f7f9;}
.pm-pro-detail .pm-pro-detail-hero {display: grid;grid-template-columns: minmax(0,.72fr) minmax(0,1.1fr);align-items: start;gap: .72rem;}

.pm-pro-detail .pm-pro-detail-gallery {display: grid;grid-template-columns: 1rem minmax(0,1fr);grid-template-rows: minmax(0,1fr);gap: .16rem;align-items: stretch;min-width: 0;}
.pm-pro-detail .pm-pro-detail-main {grid-column: 2;grid-row: 1;width: 100%;overflow: hidden;background: #fff;}
.pm-pro-detail .pm-pro-detail-main .swiper-slide {height: auto;background: #fff;}
.pm-pro-detail .pm-pro-detail-zoom {display: block;width: 100%;height: 100%;}
.pm-pro-detail .pm-pro-detail-main img,.pm-pro-detail .pm-pro-detail-thumbs img {object-fit: contain;transform: scale(.9);transition: transform .4s ease;}
.pm-pro-detail .pm-pro-detail-main:hover img {transform: scale(.94);}
.pm-pro-detail .pm-pro-detail-thumbs {grid-column: 1;grid-row: 1;width: 100%;height: 100%;min-height: 0;padding: .02rem;}
.pm-pro-detail .pm-pro-detail-thumbs .swiper-slide {width: 100%;height: auto!important;aspect-ratio: 1/1;box-sizing: border-box;overflow: hidden;border: .01rem solid #d5dee6;border-radius: .04rem;background: #fff;cursor: pointer;opacity: .72;transition: border-color .25s ease,opacity .25s ease;}
.pm-pro-detail .pm-pro-detail-thumbs .rect-100 {height: 100%;padding-bottom: 0;}
.pm-pro-detail .pm-pro-detail-thumbs .swiper-slide-thumb-active {border-color: var(--theme-color);opacity: 1;}

.pm-pro-detail .pm-pro-detail-summary {min-width: 0;padding-top: .18rem;}
.pm-pro-detail .pm-pro-detail-series {font-weight: 700;line-height: 1.3;color: var(--theme-color);}
.pm-pro-detail .pm-pro-detail-title {max-width: 7rem;margin-top: .15rem;font-size: var(--f44);font-weight: 700;line-height: 1.18;color: #091d31;}
.pm-pro-detail .pm-pro-detail-lead {max-width: 7.3rem;margin-top: .24rem;line-height: 1.65;color: #5d6b78;}
.pm-pro-detail .pm-pro-detail-lead-intro {max-width: 7.1rem;}
.pm-pro-detail .pm-pro-detail-points {display: grid;gap: .12rem;margin-top: .25rem;}
.pm-pro-detail .pm-pro-detail-point {position: relative;padding-left: .24rem;line-height: 1.55;color: #415263;}
.pm-pro-detail .pm-pro-detail-point::before {content: "";position: absolute;left: 0;top: .1rem;width: .08rem;height: .08rem;border-radius: 50%;background: var(--theme-color);}
.pm-pro-detail .pm-pro-detail-actions {display: flex;align-items: center;gap: .14rem;margin-top: .34rem;}
.pm-pro-detail .pm-pro-detail-inquiry,.pm-pro-detail .pm-pro-detail-download {display: inline-flex;align-items: center;justify-content: center;gap: .1rem;min-width: 1.72rem;min-height: .52rem;padding: .13rem .26rem;border: .01rem solid var(--theme-color);border-radius: .03rem;line-height: 1.3;transition: background-color .3s ease,border-color .3s ease,color .3s ease;}
.pm-pro-detail .pm-pro-detail-inquiry {background: var(--theme-color);color: #fff;}
.pm-pro-detail .pm-pro-detail-inquiry:hover {border-color: var(--theme-dark);background: var(--theme-dark);}
.pm-pro-detail .pm-pro-detail-download {background: transparent;color: var(--theme-color);}
.pm-pro-detail .pm-pro-detail-download:hover {background: var(--theme-color);color: #fff;}

.pm-pro-detail .pm-pro-detail-body {padding: .78rem 0 .42rem;background: #fff;scroll-margin-top: 1.72rem;}
.pm-pro-detail .pm-pro-detail-tabs {position: sticky;top: 1rem;z-index: 5;border-bottom: .01rem solid #e1e7ec;background: rgba(255,255,255,.97);}
.pm-pro-detail .pm-pro-detail-tab-list {display: flex;align-items: center;justify-content: center;min-height: .72rem;overflow-x: auto;white-space: nowrap;scrollbar-width: none;}
.pm-pro-detail .pm-pro-detail-tab-list::-webkit-scrollbar {display: none;}
.pm-pro-detail .pm-pro-detail-tab {position: relative;display: flex;align-items: center;height: .72rem;padding: 0 .34rem;color: #506172;transition: color .25s ease;}
.pm-pro-detail .pm-pro-detail-tab::after {content: "";position: absolute;right: .34rem;bottom: 0;left: .34rem;height: .03rem;background: var(--theme-color);transform: scaleX(0);transform-origin: center;transition: transform .25s ease;}
.pm-pro-detail .pm-pro-detail-tab:hover,.pm-pro-detail .pm-pro-detail-tab.active {color: var(--theme-color);}
.pm-pro-detail .pm-pro-detail-tab.active::after {transform: scaleX(1);}
/* .pm-pro-detail .pm-pro-detail-panel {padding: .5rem;} */
.pm-pro-detail .pm-pro-detail-article {color: #465767;}
.pm-pro-detail .pm-pro-detail-article h2 {margin: .36rem 0 .16rem;padding-bottom: 0;border-bottom: 0;font-size: var(--f28);font-family: "PB";font-weight: 700;line-height: 1.3;color: #091d31;}
.pm-pro-detail .pm-pro-detail-article h2:first-child {margin-top: 0;}
.pm-pro-detail .pm-pro-detail-article h3 {margin: .3rem 0 .15rem;padding: 0;border: 0;font-size: var(--f24);font-family: "PB";font-weight: 700;line-height: 1.3;color: #142b40;}
.pm-pro-detail .pm-pro-detail-article h4 {margin: .25rem 0 .14rem;font-size: var(--f20);font-family: "PB";font-weight: 700;line-height: 1.3;color: #20384d;}
.pm-pro-detail .pm-pro-detail-article p+p {margin-top: .16rem;}
.pm-pro-detail .pm-pro-detail-table-shell {position: relative;margin: .24rem 0;}
.pm-pro-detail .pm-pro-detail-article .scroll {margin: 0;padding-bottom: .28rem;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;}
.pm-pro-detail .pm-pro-detail-article .scroll::-webkit-scrollbar {display: none;width: 0;height: 0;}
.pm-pro-detail .pm-pro-detail-table-track {position: absolute;right: 0;bottom: 0;left: 0;height: .16rem;border-radius: .08rem;background: #d5dde4;opacity: 0;pointer-events: none;}
.pm-pro-detail .pm-pro-detail-table-track.is-visible {opacity: 1;pointer-events: auto;cursor: pointer;}
.pm-pro-detail .pm-pro-detail-table-track span {display: block;height: 100%;border-radius: .08rem;background: var(--theme-color);transform-origin: left center;cursor: grab;}
.pm-pro-detail .pm-pro-detail-table-track.is-dragging span {cursor: grabbing;}
.pm-pro-detail .pm-pro-detail-article table {width: 100% !important;height: auto !important;border-collapse: collapse;line-height: 1.45;font-family: inherit !important;font-size: inherit !important;}
.pm-pro-detail .pm-pro-detail-article .scroll > table {min-width: 100%;}
.pm-pro-detail .pm-pro-detail-article table col {width: auto !important;}
.pm-pro-detail .pm-pro-detail-article table tr {height: auto !important;}
.pm-pro-detail .pm-pro-detail-article table th,.pm-pro-detail .pm-pro-detail-article table td {width: auto !important;height: auto !important;padding: .16rem .2rem !important;border: .01rem solid #dce4ea !important;background: #fff !important;font-family: inherit !important;font-size: inherit !important;font-weight: 400;line-height: 1.45;text-align: center !important;vertical-align: middle !important;color: #465767 !important;}
/*.pm-pro-detail .pm-pro-detail-article table > thead > tr > th,.pm-pro-detail .pm-pro-detail-article table > thead > tr > td,.pm-pro-detail .pm-pro-detail-article table:not(:has(thead)) > tbody > tr:first-child > th,.pm-pro-detail .pm-pro-detail-article table:not(:has(thead)) > tbody > tr:first-child > td,.pm-pro-detail .pm-pro-detail-article table:not(:has(thead)) > tr:first-child > th,.pm-pro-detail .pm-pro-detail-article table:not(:has(thead)) > tr:first-child > td {background: var(--theme-color) !important;color: #fff !important;font-weight: 700;}*/
.pm-pro-detail .pm-pro-detail-article table p,.pm-pro-detail .pm-pro-detail-article table span {margin: 0 !important;font-family: inherit !important;font-size: inherit !important;line-height: inherit !important;color: inherit !important;}

.pm-pro-detail .pm-pro-detail-downloads {padding: .62rem 0 .7rem;background: #f7fafc;scroll-margin-top: 1.72rem;}
.pm-pro-detail .pm-pro-detail-downloads-inner {display: grid;grid-template-columns: minmax(0,1fr);align-items: center;gap: .4rem;padding: .34rem .42rem;border: .01rem solid #e1e8ee;border-radius: .08rem;background: #fff;}
.pm-pro-detail .pm-pro-detail-downloads-inner:has(.pm-pro-detail-downloads-file) {grid-template-columns: minmax(0,1fr) minmax(6.2rem,.82fr);gap: .62rem;}
.pm-pro-detail .pm-pro-detail-downloads-copy {min-width: 0;}
.pm-pro-detail .pm-pro-detail-downloads-copy .pm-pro-detail-section-desc {max-width: 7.8rem;}
.pm-pro-detail .pm-pro-detail-downloads-more {display: inline-flex;align-items: center;gap: .08rem;margin-top: .24rem;line-height: 1.3;color: var(--theme-color);transition: gap .3s ease,color .3s ease;}
.pm-pro-detail .pm-pro-detail-downloads-more:hover {gap: .15rem;color: var(--theme-dark);}
.pm-pro-detail .pm-pro-detail-downloads-files {display: grid;gap: .14rem;min-width: 0;}
.pm-pro-detail .pm-pro-detail-downloads-file {display: grid;grid-template-columns: .5rem minmax(0,1fr) .44rem;align-items: center;gap: .16rem;padding: .18rem .22rem;border-radius: .06rem;background: #edf3f7;transition: background-color .3s ease,box-shadow .3s ease,transform .3s ease;}
.pm-pro-detail .pm-pro-detail-downloads-file:hover {background: #fff;box-shadow: 0 .05rem .18rem rgba(9,29,49,.1);transform: translateY(-.02rem);}
.pm-pro-detail .pm-pro-detail-downloads-file-icon {display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: .05rem;background: rgba(7,90,166,.1);font-size: var(--f22);color: var(--theme-color);transition: background-color .3s ease,color .3s ease;}
.pm-pro-detail .pm-pro-detail-downloads-file:hover .pm-pro-detail-downloads-file-icon {background: var(--theme-color);color: #fff;}
.pm-pro-detail .pm-pro-detail-downloads-file-text {display: grid;gap: .05rem;min-width: 0;}
.pm-pro-detail .pm-pro-detail-downloads-file-name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #10263a;}
.pm-pro-detail .pm-pro-detail-downloads-file-meta {color: #68798a;}
.pm-pro-detail .pm-pro-detail-downloads-file-go {display: flex;align-items: center;justify-content: center;width: .44rem;height: .44rem;border-radius: 50%;background: #fff;font-size: var(--f18);color: var(--theme-color);transition: background-color .3s ease,color .3s ease;}
.pm-pro-detail .pm-pro-detail-downloads-file:hover .pm-pro-detail-downloads-file-go {background: var(--theme-color);color: #fff;}

@media all and (max-width: 1000px) {
	.pm-pro-detail .pm-pro-detail-downloads-inner,.pm-pro-detail .pm-pro-detail-downloads-inner:has(.pm-pro-detail-downloads-file) {grid-template-columns: minmax(0,1fr);gap: .4rem;padding: .3rem;}
	.pm-pro-detail .pm-pro-detail-downloads-copy .pm-pro-detail-section-desc {max-width: none;}
	.pm-pro-detail .pm-pro-detail-downloads-file {grid-template-columns: .56rem minmax(0,1fr) .48rem;gap: .18rem;padding: .2rem;}
	.pm-pro-detail .pm-pro-detail-downloads-file-icon {width: .56rem;height: .56rem;}
	.pm-pro-detail .pm-pro-detail-downloads-file-go {width: .48rem;height: .48rem;}
	.pm-pro-detail .pm-pro-detail-downloads-file-name {white-space: normal;}
}

.pm-pro-detail .pm-pro-detail-section-head {max-width: 9rem;margin-bottom: .4rem;}
.pm-pro-detail .pm-pro-detail-section-label {margin-bottom: .12rem;line-height: 1.3;color: var(--theme-color);}
.pm-pro-detail .pm-pro-detail-section-title {line-height: 1.15;color: #091d31;}
.pm-pro-detail .pm-pro-detail-section-desc {max-width: 8.2rem;margin-top: .18rem;color: #617083;}

.pm-pro-detail .pm-pro-detail-environment {padding: .46rem 0 .18rem;background: #fff;scroll-margin-top: 1.72rem;}
.pm-pro-detail .pm-pro-detail-environment-grid {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: .22rem;}
.pm-pro-detail .pm-pro-detail-environment-card {overflow: hidden;border: 0;background: #f2f5f7;}
.pm-pro-detail .pm-pro-detail-environment-media {overflow: hidden;background: #e8edf1;}
.pm-pro-detail .pm-pro-detail-environment-media img {object-fit: cover;transition: transform .5s ease;}
.pm-pro-detail .pm-pro-detail-environment-copy {padding: .22rem .24rem .25rem;}
.pm-pro-detail .pm-pro-detail-environment-copy h3 {line-height: 1.3;color: #10263a;}
.pm-pro-detail .pm-pro-detail-environment-copy div {margin-top: .09rem;color: #677584;}
.pm-pro-detail .pm-pro-detail-environment-card:hover .pm-pro-detail-environment-media img {transform: scale(1.035);}

.pm-pro-detail .pm-pro-detail-certification {padding: 0 0 .6rem;background: #fff;scroll-margin-top: 1.72rem;}
.pm-pro-detail .pm-pro-detail-certification-inner {display: grid;grid-template-columns: minmax(4.2rem,.56fr) minmax(0,1fr);align-items: center;gap: .48rem;margin-top: .22rem;padding: .3rem 0 .12rem;border-top: .01rem solid #e1e8ee;border-radius: 0;background: transparent;}
.pm-pro-detail .pm-pro-detail-certification-head {min-width: 0;padding: .08rem .18rem .08rem 0;}
.pm-pro-detail .pm-pro-detail-certification-head .pm-pro-detail-section-title {font-size: var(--f32);}
.pm-pro-detail .pm-pro-detail-certification-head .pm-pro-detail-section-desc {max-width: 5.8rem;margin-top: .12rem;font-size: var(--f16);}
.pm-pro-detail .pm-pro-detail-certification-logos {display: grid;grid-template-columns: repeat(auto-fit,minmax(.84rem,1fr));align-items: center;gap: .12rem;min-height: .82rem;padding-left: .3rem;border-left: .01rem solid #cbd5df;}
.pm-pro-detail .pm-pro-detail-certification-logo {display: flex;align-items: center;justify-content: center;min-width: 0;min-height: .68rem;}
.pm-pro-detail .pm-pro-detail-certification-logo img {display: block;width: .72rem;height: .72rem;object-fit: contain;}

.pm-pro-detail .pm-pro-detail-faq {padding: .92rem 0 1rem;background: #f1f5f7;scroll-margin-top: 1.72rem;}
.pm-pro-detail .pm-pro-detail-faq-layout {display: grid;grid-template-columns: minmax(3.2rem,.36fr) minmax(0,.64fr);align-items: start;gap: .72rem;}
.pm-pro-detail .pm-pro-detail-faq .pm-pro-detail-section-head {position: sticky;top: 1.94rem;margin-bottom: 0;}
.pm-pro-detail .pm-pro-detail-faq-list {max-width: none;margin: 0;}
.pm-pro-detail .pm-pro-detail-faq-list .faq-item {margin-bottom: .14rem;border-color: #dfe5ea;border-radius: .04rem;box-shadow: none;border: none;}
.pm-pro-detail .pm-pro-detail-faq-list .faq-item.active {border-color: rgba(var(--theme-color-rgb),.52);box-shadow: none;}
.pm-pro-detail .pm-pro-detail-faq-list .faq-head {width: 100%;padding: .22rem .24rem;border: 0;background: #fff;font-family: inherit;text-align: left;}
.pm-pro-detail .pm-pro-detail-faq-list .faq-item.active .faq-head {background: #fff;}
.pm-pro-detail .pm-pro-detail-faq-list .faq-q {font-size: var(--f18);}
.pm-pro-detail .pm-pro-detail-faq-list .faq-body {padding: 0 .24rem .24rem;}
.pm-pro-detail .pm-pro-detail-faq-list .faq-content {color: #607080;}

.pm-pro-detail .pm-pro-detail-related {padding: .88rem 0 .96rem;background: #fff;scroll-margin-top: 1.72rem;}
.pm-pro-detail .pm-pro-detail-related-head {display: flex;align-items: flex-end;justify-content: space-between;gap: .4rem;}
.pm-pro-detail .pm-pro-detail-related-label {font-weight: 700;line-height: 1.3;color: var(--theme-color);}
.pm-pro-detail .pm-pro-detail-related-title {margin-top: .12rem;font-size: var(--f38);font-weight: 700;line-height: 1.2;color: #091d31;}
.pm-pro-detail .pm-pro-detail-related-nav {display: flex;align-items: center;gap: .1rem;}
.pm-pro-detail .pm-pro-detail-related-nav button {display: flex;align-items: center;justify-content: center;width: .48rem;height: .48rem;border: .01rem solid #d8e0e7;border-radius: 50%;background: #fff;font-size: var(--f22);color: #091d31;cursor: pointer;transition: border-color .25s ease,background-color .25s ease,color .25s ease;}
.pm-pro-detail .pm-pro-detail-related-nav button:hover {border-color: var(--theme-color);background: var(--theme-color);color: #fff;}
.pm-pro-detail .pm-pro-detail-related-slider {margin-top: .4rem;padding: .02rem;}
.pm-pro-detail .pm-pro-detail-related-card {height: 100%;border: 0;background: #f2f5f7;transition: background-color .3s ease,transform .3s ease;}
.pm-pro-detail .pm-pro-detail-related-card:hover {background: #eaf0f4;transform: translateY(-.04rem);}
.pm-pro-detail .pm-pro-detail-related-link {display: flex;height: 100%;flex-direction: column;}
.pm-pro-detail .pm-pro-detail-related-media {overflow: hidden;}
.pm-pro-detail .pm-pro-detail-related-media img {object-fit: contain;transform: scale(.88);transition: transform .45s ease;mix-blend-mode: multiply;}
.pm-pro-detail .pm-pro-detail-related-card:hover img {transform: scale(.93);}
.pm-pro-detail .pm-pro-detail-related-info {display: flex;align-items: center;justify-content: space-between;gap: .18rem;padding: .22rem .24rem .25rem;}
.pm-pro-detail .pm-pro-detail-related-name {min-height: .52rem;color: #091d31;transition: color .3s ease;}
.pm-pro-detail .pm-pro-detail-related-arrow {display: flex;align-items: center;justify-content: center;flex: 0 0 .28rem;width: .28rem;height: .28rem;font-size: var(--f20);color: #52677a;transition: color .3s ease,transform .3s ease;}
.pm-pro-detail .pm-pro-detail-related-card:hover .pm-pro-detail-related-name {color: var(--theme-color);}
.pm-pro-detail .pm-pro-detail-related-card:hover .pm-pro-detail-related-arrow {color: var(--theme-color);transform: translateX(.04rem);}

.pm-pro-detail .pm-pro-detail-contact {padding: .9rem 0 1rem;background: #eaf0f4;scroll-margin-top: 1.72rem;}
.pm-pro-detail .pm-pro-detail-contact-inner {display: grid;grid-template-columns: minmax(4.2rem,.41fr) minmax(0,.59fr);align-items: stretch;overflow: hidden;border-radius: .08rem;background: #fff;}
.pm-pro-detail .pm-pro-detail-contact-head {display: flex;min-height: 100%;padding: .52rem .5rem;flex-direction: column;align-items: flex-start;background: var(--theme-color);color: #fff;}
.pm-pro-detail .pm-pro-detail-contact-label {font-weight: 700;line-height: 1.3;color: #9bc9ea;}
.pm-pro-detail .pm-pro-detail-contact-title {max-width: 5.2rem;margin-top: .12rem;font-size: var(--f38);font-weight: 700;line-height: 1.2;color: #fff;}
.pm-pro-detail .pm-pro-detail-contact-desc {max-width: 5.4rem;margin-top: .2rem;color: rgba(255,255,255,.74);}
.pm-pro-detail .pm-pro-detail-contact-points {display: grid;gap: .2rem;margin-top: .34rem;}
.pm-pro-detail .pm-pro-detail-contact-point {display: grid;grid-template-columns: .42rem minmax(0,1fr);align-items: start;gap: .16rem;}
.pm-pro-detail .pm-pro-detail-contact-point > i {display: flex;align-items: center;justify-content: center;width: .42rem;height: .42rem;border-radius: 50%;background: rgba(255,255,255,.1);font-size: var(--f18);color: #fff;}
.pm-pro-detail .pm-pro-detail-contact-point h3 {line-height: 1.3;color: #fff;}
.pm-pro-detail .pm-pro-detail-contact-point h3 + div {margin-top: .05rem;color: rgba(255,255,255,.64);}
.pm-pro-detail .pm-pro-detail-contact-reference {width: 100%;margin-top: auto;padding: .18rem .2rem;border-radius: .04rem;background: rgba(255,255,255,.08);}
.pm-pro-detail .pm-pro-detail-contact-reference div {color: rgba(255,255,255,.58);}
.pm-pro-detail .pm-pro-detail-contact-reference strong {display: block;margin-top: .06rem;line-height: 1.4;color: #fff;}
.pm-pro-detail .pm-pro-detail-form {padding: .52rem .55rem .56rem;}
.pm-pro-detail .pm-pro-detail-form-head {margin-bottom: .28rem;}
.pm-pro-detail .pm-pro-detail-form-head h3 {line-height: 1.3;color: #10263a;}
.pm-pro-detail .pm-pro-detail-form-head div {max-width: 6.8rem;margin-top: .08rem;color: #687684;}
.pm-pro-detail .pm-pro-detail-form-grid {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: .18rem;}
.pm-pro-detail .pm-pro-detail-form input,.pm-pro-detail .pm-pro-detail-form textarea {width: 100%;padding: .16rem .18rem;border: .01rem solid #dce3e9;border-radius: .03rem;background: #f8fafb;font-family: inherit;line-height: 1.45;color: #243a4d;transition: border-color .3s ease,background-color .3s ease;}
.pm-pro-detail .pm-pro-detail-form textarea {grid-column: 1/-1;min-height: 1.5rem;}
.pm-pro-detail .pm-pro-detail-form input:focus,.pm-pro-detail .pm-pro-detail-form textarea:focus {border-color: var(--theme-color);background: #fff;box-shadow: none;}
.pm-pro-detail .pm-pro-detail-submit {min-height: .52rem;margin-top: .22rem;padding: .13rem .3rem;border: .01rem solid var(--theme-color);border-radius: .03rem;background: var(--theme-color);font-family: inherit;color: #fff;cursor: pointer;transition: background-color .3s ease,border-color .3s ease;}
.pm-pro-detail .pm-pro-detail-submit:hover {border-color: var(--theme-dark);background: var(--theme-dark);}

/* Pomanique customer-witnessed factory acceptance testing */
.pm-fat-page .pm-fat-label {line-height: 1.3;letter-spacing: .035em;text-transform: uppercase;color: var(--theme-color);}
.pm-fat-page .pm-fat-intro {padding: .82rem 0 .9rem;background: #fff;}
.pm-fat-page .pm-fat-intro-layout {display: grid;grid-template-columns: minmax(4.8rem,.43fr) minmax(0,.57fr);align-items: center;gap: .78rem;}
.pm-fat-page .pm-fat-intro-title {max-width: 6.4rem;margin-top: .14rem;line-height: 1.14;color: #0a2237;}
.pm-fat-page .pm-fat-intro-desc {max-width: 6.2rem;margin-top: .22rem;color: #5e6e7d;}
.pm-fat-page .pm-fat-intro-copy .bak-btn {margin-top: .3rem;}
.pm-fat-page .pm-fat-intro-media {overflow: hidden;border-radius: .08rem;background: #e8edf1;}
.pm-fat-page .pm-fat-intro-media img {object-fit: cover;transition: transform .6s ease;}
.pm-fat-page .pm-fat-intro-media:hover img {transform: scale(1.025);}

.pm-fat-page .pm-fat-assurance {padding: .44rem 0;background: linear-gradient(180deg,#67b0e3 0%,var(--theme-color) 100%);}
.pm-fat-page .pm-fat-assurance-grid {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: .28rem;}
.pm-fat-page .pm-fat-assurance-item {display: grid;grid-template-columns: .42rem minmax(0,1fr);align-items: start;gap: .15rem;}
.pm-fat-page .pm-fat-assurance-item > .pm-fat-generated-icon {display: block;width: .42rem;height: .42rem;object-fit: contain;filter: brightness(0) invert(1);}
.pm-fat-page .pm-fat-assurance-item > i {display: flex;align-items: center;justify-content: center;width: .42rem;height: .42rem;border-radius: 50%;background: rgba(255,255,255,.1);font-size: var(--f18);color: #fff;}
.pm-fat-page .pm-fat-assurance-item h3 {line-height: 1.3;color: #fff;}
.pm-fat-page .pm-fat-assurance-item h3 + div {margin-top: .06rem;color: rgba(255,255,255,.63);}

.pm-fat-page .pm-fat-scope {padding: .96rem 0 1rem;background: #f3f6f8;}
.pm-fat-page .pm-fat-scope-layout {display: grid;grid-template-columns: minmax(3.8rem,.39fr) minmax(0,.61fr);align-items: center;gap: .82rem;}
.pm-fat-page .pm-fat-scope-media {overflow: hidden;border-radius: .08rem;background: #dfe7ed;}
.pm-fat-page .pm-fat-scope-media img {object-fit: cover;}
.pm-fat-page .pm-fat-scope-title {max-width: 7.4rem;margin-top: .13rem;line-height: 1.16;color: #0a2237;}
.pm-fat-page .pm-fat-scope-desc {max-width: 7.2rem;margin-top: .18rem;color: #61717f;}
.pm-fat-page .pm-fat-scope-grid {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: .18rem;margin-top: .34rem;}
.pm-fat-page .pm-fat-scope-item {min-height: 1.95rem;padding: .26rem;background: #fff;}
.pm-fat-page .pm-fat-scope-item > i {font-size: var(--f28);color: var(--theme-color);}
.pm-fat-page .pm-fat-scope-item h3 {margin-top: .14rem;line-height: 1.3;color: #10283d;}
.pm-fat-page .pm-fat-scope-item h3 + div {margin-top: .08rem;color: #657582;}

.pm-fat-page .pm-fat-process {padding: .94rem 0 1rem;background: var(--theme-color);color: #fff;}
.pm-fat-page .pm-fat-process .pm-fat-label {color: #fff;}
.pm-fat-page .pm-fat-process-head {max-width: 9rem;}
.pm-fat-page .pm-fat-process-title {margin-top: .13rem;line-height: 1.16;color: #fff;}
.pm-fat-page .pm-fat-process-desc {max-width: 8rem;margin-top: .17rem;color: rgba(255,255,255,.66);}
.pm-fat-page .pm-fat-process-grid {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: .28rem;margin-top: .48rem;}
.pm-fat-page .pm-fat-process-step {position: relative;padding-right: .18rem;}
.pm-fat-page .pm-fat-process-step:not(:last-child)::after {content: "\f105";position: absolute;top: .08rem;right: -.08rem;font-family: FontAwesome;font-size: var(--f28);color: rgba(255,255,255,.25);}
.pm-fat-page .pm-fat-process-icon {display: flex;align-items: center;justify-content: center;width: .48rem;height: .48rem;border-radius: 50%;background: rgba(255,255,255,.1);font-size: var(--f20);color: #fff;}
.pm-fat-page .pm-fat-process-step h3 {margin-top: .2rem;line-height: 1.3;color: #fff;}
.pm-fat-page .pm-fat-process-step h3 + div {max-width: 3rem;margin-top: .09rem;color: rgba(255,255,255,.62);}

.pm-fat-page .pm-fat-visit {padding: .94rem 0 1rem;background: #fff;}
.pm-fat-page .pm-fat-visit-head {display: grid;grid-template-columns: minmax(0,.58fr) minmax(3.8rem,.42fr);align-items: end;gap: .7rem;margin-bottom: .42rem;}
.pm-fat-page .pm-fat-visit-title {max-width: 7.8rem;margin-top: .13rem;line-height: 1.16;color: #0a2237;}
.pm-fat-page .pm-fat-visit-desc {color: #61717f;}
.pm-fat-page .pm-fat-visit-grid {display: grid;grid-template-columns: minmax(0,1.3fr) minmax(3.2rem,.7fr);gap: .22rem;}
.pm-fat-page .pm-fat-visit-main {grid-row: span 2;}
.pm-fat-page .pm-fat-visit-grid figure {overflow: hidden;border-radius: .1rem;background: #f2f5f7;}
.pm-fat-page .pm-fat-visit-grid figure > div {overflow: hidden;}
.pm-fat-page .pm-fat-visit-grid img {object-fit: cover;transition: transform .5s ease;}
.pm-fat-page .pm-fat-visit-grid figure:hover img {transform: scale(1.025);}
.pm-fat-page .pm-fat-visit-grid figcaption {display: flex;align-items: center;justify-content: center;min-height: .56rem;padding: .16rem .2rem .2rem;font-size: var(--f20);line-height: 1.35;text-align: center;color: #334a5e;}

.pm-fat-page .pm-fat-cta {padding: .76rem 0;background: #eaf1f6;}
.pm-fat-page .pm-fat-cta-inner {display: flex;align-items: center;justify-content: space-between;gap: .7rem;}
.pm-fat-page .pm-fat-cta-copy {max-width: 9.6rem;}
.pm-fat-page .pm-fat-cta-title {margin-top: .12rem;line-height: 1.2;color: #0a2237;}
.pm-fat-page .pm-fat-cta-desc {max-width: 8.2rem;margin-top: .14rem;color: #60717f;}

/* Customer Participation: keep the visual rhythm compact while retaining one lead image. */
.pm-fat-page .pm-fat-visit-grid {grid-template-columns: repeat(3,minmax(0,1fr));grid-template-rows: none;align-items: start;}
.pm-fat-page .pm-fat-visit-main {grid-row: auto;min-height: 0;}
.pm-fat-page .pm-fat-visit-main > div,.pm-fat-page .pm-fat-visit-side > div {height: 0;padding-bottom: 67%;aspect-ratio: auto;}
.pm-fat-page .pm-fat-visit-side {min-height: 0;}
.pm-fat-page .pm-fat-visit-grid figcaption {min-height: .56rem;}

/* Homepage floating navigation: the pill expands to the full-width header when active or scrolled. */
@media all and (min-width: 1001px) {
	.Header-wrapper.pm-header-home {top: .28rem;background: transparent;box-shadow: none;}
	.Header-wrapper.pm-header-home .Header-container {width: 17.6rem;max-width: calc(100% - .8rem);min-height: 1rem;padding: 0 .36rem;background: rgba(255,255,255,.78);border-radius: .5rem;box-shadow: 0 .04rem .08rem rgba(7,19,27,.1);-webkit-backdrop-filter: blur(.18rem) saturate(1.12);backdrop-filter: blur(.18rem) saturate(1.12);transition: width .35s ease,max-width .35s ease,padding .35s ease,border-radius .35s ease,background .35s ease,box-shadow .35s ease;}
	.Header-wrapper.pm-header-home.on {top: 0;background: #fff;box-shadow: 0 .03rem .14rem rgba(7,19,27,.08);}
	.Header-wrapper.pm-header-home.on .Header-container {width: 100%;max-width: none;padding: 0 .6rem;border-radius: 0;background: #fff;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none;}
	.Header-wrapper.pm-header-home.has-open-mega:not(.on) {top: 0;background: #fff;box-shadow: 0 .03rem .14rem rgba(7,19,27,.08);}
	.Header-wrapper.pm-header-home.has-open-mega:not(.on) .Header-container {width: 100%;max-width: none;padding: 0 .6rem;border-radius: 0;background: #fff;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none;}
	.Header-wrapper.pm-header-home.has-open-mega:not(.on) .n-mega-menu {top: 1rem;max-height: calc(100dvh - 1rem);}
	.Header-wrapper.pm-header-home .Header-container .c-nav > li .c-title-box {color: #111827;}
	.Header-wrapper.pm-header-home .Header-container .tool {color: #111827;}
	.Header-wrapper.pm-header-home .Header-container .logo a img {display: none;}
	.Header-wrapper.pm-header-home .Header-container .logo a img + img {display: block;}
	.Header-wrapper.pm-header-home .Header-container .tool .search {width: .5rem;height: .5rem;display: flex;align-items: center;justify-content: center;border: .01rem solid #263746;border-radius: 50%;}
	.Header-wrapper.pm-header-home .Header-container .tool .search i {font-size: var(--f22);}
}