@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
/* ====================公共样式========================= */

/*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: #062B4A;
	--theme-color-rgb: 6,43,74;
	--swiper-theme-color: #1e478f;
	--sec-theme-color: #1e478f;
	--pt-navy: #062B4A;
	--pt-blue: #1e478f;
	--pt-lime: #B8E04A;
	--pt-teal: var(--pt-blue);
	--pt-ice: #EAF3F8;
	--pt-mist: #F4F7F8;
}

/*==常用字号==*/
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 "PT Pretendard","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: 'RB';
    src: url('../fonts/Raleway-Bold.ttf'),
    url('../fonts/Raleway-Bold.eot'),
    url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Raleway-Bold.woff2') format('woff2'),
    url('../fonts/Raleway-Bold.woff') format('woff'),
    url('../fonts/Raleway-Bold.otf') format('truetype'),
    url('../fonts/Raleway-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');
}
.PJ{font-family: "PT Jaka";}
h1, h2, h3, h4, h5, h6 { font-family: "PT Jaka"; }

.PP{font-family: "PT Pretendard";}
.DR{font-family: "DR";}
.RB{font-family: "RB";}
.DL{font-family: "DL";}
.CAI978{font-family: "CAI978";}
.ACB{font-family: "AcuminProCondBold", "RB", sans-serif; font-weight: 400;}
/* .ACR{font-family: "AcuminProCondRegular", "DR", sans-serif; font-weight: 400;} */
/* .RL{font-family: "RobotoLight", "DL", sans-serif; font-weight: 400;} */
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

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

.color-blue{ color: #00307C;}
.color-sec-blue{ color: var(--sec-theme-color);}
.color-title{color: var(--sec-title-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: #00307C;}
.bg-sec-blue{background-color: #0A2558;}
.bg-dark{background-color: #001322;}
.bg-red{background-color: var(--theme-color);}
.bg-white{ background-color: white;}
.bg-black{ background-color: black;}
.bg-666{  background-color: #666;}
.bg-888{  background-color: #888;}
.bg-555{  background-color: #555;}
.bg-aaa{  background-color: #aaa;}

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

.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-65{padding-bottom: 65%;}
.rect-6667{padding-bottom: 66.67%;}
.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.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.64rem;}
.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;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.6rem;line-height: 100px;}
	.Header-container .c-nav>li .c-title-box{position: relative;display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: var(--theme-color) !important;}
	.Header-wrapper:not(.on):not(.white_bg) .Header-container .c-nav>li.active .c-title-box,
	.Header-wrapper:not(.on):not(.white_bg) .Header-container .c-nav>li:hover .c-title-box{color: #fff !important;}
	.Header-container .c-nav>li .c-title-box::after {content: "";position: absolute;left: 0;right: 0;bottom: 24px;height: 2px;border-radius: 2px;background: currentColor;transform: scaleX(0);transform-origin: center;transition: transform 0.28s ease;}
	.Header-container .c-nav>li.active .c-title-box::after,
	.Header-container .c-nav>li:hover .c-title-box::after {transform: scaleX(1);}
	.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>ul .c-sub-nav {display: none !important;}
	.Header-container .c-nav>li>ul .c-sub-toggle {display: none !important;}
	.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,
	.Header-container .c-nav>li>ul>li>.c-title-box>a {display: block;width: 100%;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>.c-title-box {display: block;color: #58595b;}
	.Header-container .c-nav>li>ul>li>.c-title-box::after {content: none;}
	.Header-container .c-nav>li>ul>li>a:before,
	.Header-container .c-nav>li>ul>li>.c-title-box>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,
	.Header-container .c-nav>li>ul>li:hover>.c-title-box>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,
	.Header-container .c-nav>li>ul>li:hover>.c-title-box>a {color: var(--theme-color);}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #fff;}
	.Header-wrapper.on .Header-container .c-nav>li .c-title-box,.Header-wrapper.white_bg .Header-container .c-nav>li .c-title-box{color: #000;}
}

.Header-container .tool {display: flex;align-items: center;color: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper.on .Header-container .tool,.Header-wrapper.white_bg .Header-container .tool{color: #000;}
.Header-container .tool .search {display:flex;align-items:center;justify-content:center;}
.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{color: #000;}

/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header.on .c-switch i,
#c-header.white_bg .c-switch i,
body.c-open #c-header .c-switch i {background: #333;}
#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;}
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: 32px;}
	.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;
	overflow: hidden;
	color: rgba(255, 255, 255, 0.78);
	background:
		radial-gradient(ellipse 58% 90% at 100% 108%, rgba(58, 112, 214, 0.9) 0%, rgba(30, 71, 143, 0.42) 36%, rgba(8, 14, 28, 0) 68%),
		linear-gradient(180deg, #121a30 0%, #0c1424 58%, #0b1220 100%);
}
.Footer-wrapper:before {
	content: none;
}
.Footer-container {
	position: relative;
	z-index: 1;
}
.Footer-container .mid {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.6rem;
	padding: 0.72rem 0 0.28rem;
}
.Footer-container .mid .fl { width: 4.4rem; flex: none; }
.foot-touch {
	padding: 0.32rem 0.28rem 0.28rem;
	background: rgba(255, 255, 255, 0.06);
}
.foot-touch .tit {
	margin: 0;
	color: #fff;
	line-height: 1.3;
	font-weight: 700;
}
.foot-touch p { margin: 0.14rem 0 0; color: rgba(255, 255, 255, 0.72); }
.foot-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.46rem;
	height: 0.42rem;
	margin-top: 0.22rem;
	padding: 0 0.28rem;
	border-radius: 999px;
	background: #1e478f;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
}
.foot-btn:hover { background: #fff; color: #062B4A; }
.Footer-container .mid .fl .info,
.Footer-container .fr .info { margin-top: 0; }
.Footer-container .info dl {
	display: flex;
	align-items: flex-start;
	gap: 0.14rem;
	margin-top: 0.22rem;
}
.Footer-container .info dl:first-child { margin-top: 0; }
.Footer-container .info dt {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 0.36rem;
	width: 0.36rem;
	height: 0.36rem;
	margin-top: 0.02rem;
	border-radius: 50%;
	background: #1e478f;
}
.Footer-container .info dt i {
	font-size: var(--f16);
	line-height: 1;
	color: #fff;
}
.Footer-container .info dd {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding-left: 0;
	font-size: var(--f16);
	line-height: 1.5;
	color: #fff;
}
.Footer-container .info .foot-info-label {
	margin-bottom: 0.04rem;
	font-size: var(--f14);
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}
.Footer-container .info .foot-info-val {
	color: rgba(255, 255, 255, 0.92);
	line-height: 1.5;
}
.Footer-container .info .foot-info-val.is-bold {
	font-weight: 700;
	color: #fff;
}
.Footer-container .info dd a { color: rgba(255, 255, 255, 0.92); }
.Footer-container .info dd a:hover { color: #B8E04A; }
.Footer-container .fr {
	width: 3.2rem;
	flex: none;
	margin-left: auto;
}
.Footer-container .foot-cols {
	display: flex;
	flex: none;
	width: 6.4rem;
	justify-content: flex-start;
	gap: 0.72rem;
	margin: 0.08rem 0 0;
	padding: 0;
	list-style: none;
}
.Footer-container .foot-cols li { flex: 1; min-width: 0; }
.Footer-container .fr > p,
.Footer-container .foot-cols li p {
	margin: 0 0 0.18rem;
	color: #fff;
	font-weight: 700;
	font-size: var(--f24);
	line-height: 1.3;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.Footer-container .foot-cols li p a { color: #fff; }
/* Desktop: hide accordion chevrons (mobile-only affordance). */
.Footer-container .foot-cols li > p i.foot-acc-ico {
	display: none;
}
.Footer-container .foot-cols li .foot_nav_link a {
	display: block;
	color: rgba(255, 255, 255, 0.78);
	font-size: var(--f16);
	line-height: 1.75;
}
.Footer-container .foot-cols li a:hover { color: #fff; text-decoration: none; }
.foot-follow {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.24rem;
	padding: 0.28rem 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.foot-follow .foot_link { display: flex; align-items: center; gap: 0.18rem; color: #fff; }
.media_ul { margin: 0; padding: 0; list-style: none; }
.media_ul li { margin-right: 0.14rem; }
.media_ul li:last-child { margin-right: 0; }
.media_ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 0;
}
.media_ul li a i { font-size: var(--f22); }
.media_ul li a:hover { color: #B8E04A; }
.foot_logo img { height: 0.46rem; filter: brightness(0) invert(1); }
.Footer-container .bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.2rem;
	padding: 0.2rem 0 0.24rem;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.62);
	font-size: var(--f14);
	line-height: 1.5;
}
.Footer-container .bot a { color: rgba(255, 255, 255, 0.62); font-size: var(--f14); }
.Footer-container .bot a:hover { color: #fff; }
.Footer-container .bot-links { display: flex; gap: 0.28rem; }

/* 中间+共用部分 */

/* ind_banner */

.i_banner a{
	display: block;
	position: relative;
}
/* .i_banner a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(var(--theme-color-rgb),.75);
	z-index: 1;
} */
.i_banner a img{
	height: calc(100vh - 100px);
	object-fit: cover;
}
.i_banner .ban_txt{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.i_banner .ban_txt .w50{
	/* backdrop-filter: blur(10px); */
	/* border-radius: 30px; */
}
.i_banner .ban_txt .tit{}
.i_banner .ban_txt .des{width: 11.43rem;max-width: 100%;}
.i_banner .btn{
	display: inline-block;
	padding: 0.18rem 0.4rem;
	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: var(--sec-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-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: white;}
.i_banner .swiper-pagination-bullet-active,.i_mb_banner .swiper-pagination-bullet-active{background-color: white;opacity: 1;}

.i_banner .swiper-button-prev{
	left: 2%;
}
.i_banner .swiper-button-next{
	right: 2%;
}
.i_banner .swiper-button-prev,.i_banner .swiper-button-next{
	width: 0.56rem;
	height: 0.56rem;
	background-color: rgb(255,255,255,.25);
	border-radius: 50%;
}
.i_banner .swiper-button-prev::after,.i_banner .swiper-button-next::after{
	color: rgb(255, 255, 255,.9);
	font-size: 0.24rem;
}

/* 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);
	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: 520px;
	background-color: #062b4a;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.c_ban.pt-sol-ban.is-residential { background-image: url(../images/sol/pt-ban-res.webp); }
.c_ban.pt-sol-ban.is-ci { background-image: url(../images/sol/pt-ban-ci.webp); }
.c_ban.pt-sol-ban.is-utility { background-image: url(../images/sol/pt-ban-ut.webp); }
.c_ban:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(6, 18, 36, 0.55) 0%, rgba(6, 18, 36, 0.2) 38%, rgba(6, 18, 36, 0.05) 70%);
}
.c_ban_box {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
}
.c_ban_crumb {
	position: absolute;
	top: 28px;
	left: 0;
}
.c_ban_crumb .crumbs {
	padding-left: 0;
	background: none;
}
.c_ban_crumb .crumbs:before { content: none; }
.c_ban_crumb .crumbs a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.88);
}
.c_ban_crumb .crumbs a:not(:last-child)::after {
	color: rgba(255, 255, 255, 0.7);
}
.c_ban_crumb .crumbs a:hover { color: #fff; }
.c_ban_copy p {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.8);
}
.c_ban_copy h1,
.c_ban_copy .c_ban_title {
	margin: 0;
	max-width: 9rem;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

/* sort_nav */
.sort_nav { display: none; }
.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:not(:has(.sort_nav_view li)) { display: none; }
.sort_nav:has(+ .Container-wrapper .n_newslist) {
	box-shadow: none;
	background: #fff;
}
.sort_nav:has(+ .Container-wrapper .n_newslist) .w16 {
	min-height: 0;
	justify-content: flex-start;
	border-bottom: 1px solid #e5e5e5;
}
.sort_nav:has(+ .Container-wrapper .n_newslist) .sort_nav_view ul li { margin-left: 0; margin-right: 0.42rem; }
.sort_nav:has(+ .Container-wrapper .n_newslist) .sort_nav_view ul li a {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	padding: 28px 0 16px;
	color: #1a1a1a;
}
.sort_nav:has(+ .Container-wrapper .n_newslist) .sort_nav_view ul li.active a,
.sort_nav:has(+ .Container-wrapper .n_newslist) .sort_nav_view ul li a:hover { color: #1e478f; }
.sort_nav:has(+ .Container-wrapper .n_newslist) .sort_nav_view ul li.active a::after {
	height: 3px;
	bottom: -1px;
	background: #1e478f;
}

/* crumbs */
.crumbs {position: relative;}
.crumbs {padding-left: 25px;background-position: 0 center;display: flex;align-items: center;}
.crumbs a {font-size: var(--f18);color: #666;display: inline-flex;align-items: center;line-height: 1.3;}
.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,
.com_page a.page-prev,.com_page a.page-next {background-color: #eff2f7;}
.com_page a:last-child::after,.com_page a:first-child::after,
.com_page a.page-prev::after,.com_page a.page-next::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after,
.com_page a.page-prev::after {content: "\f104";}
.com_page a:last-child::after,
.com_page a.page-next::after {content: "\f105";}
.com_page a.page-prev.is-disabled,
.com_page a.page-next.is-disabled {opacity: .45;pointer-events: none;cursor: default;}
.no_page{font-size: var(--f18);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 h1,
.n_tit h2,
.n_tit h3{position: relative;font-size: 0.42rem;line-height: 1.3;font-weight: 700;/* padding-bottom: 0.15rem; */margin-bottom: 0.35rem;}
/* .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;}

/* ====================首页样式========================= */
/* ==========================================================================
   1. 补充的基础原子类 (Utility Classes - 仅保留您基础库中没有的)
   ========================================================================== */
/* 宽度与高度 */
.w100 { width: 100%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w48 { width: 48%; }
.w32 { width: 32%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w20 { width: 20%; }
.h100 { height: 100%; }
.hmax { height: 100vh; }
.max-w-1000 { max-width: 10rem; }
.max-w-800 { max-width: 8rem; }
.max-w-600 { max-width: 6rem; }

/* 定位 */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.top-0 { top: 0; }
.left-0 { left: 0; }
.top-20 { top: 0.2rem; }
.bottom-0 { bottom: 0; }
.right-0 { right: 0; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-999 { z-index: 999; }
.i-display{display: inline-block;}
.mlr{margin-left: auto;margin-right: auto;}

/* 字体排版补充 */
.fwb { font-weight: 600; }
.tac { text-align: center; }
.ttu { text-transform: uppercase; }
.lh-1 { line-height: 1; }
.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-15 { line-height: 1.5; }
.lh-16 { line-height: 1.6; }
.lh-20 { line-height: 2.0; }
.tracking-wider { letter-spacing: 0.05em; }

/* 颜色与背景补充 */
.color-3 { color: #333; }
.color-6 { color: #666; }
.color-9 { color: #999; }
.color-d { color: #ddd; }
.color-white { color: #fff; }
.color-theme { color: var(--theme-color); }
.bg-white { background-color: #fff; }
.bg-f8 { background-color: #f8f9f9; }
.bg-eee { background-color: #eee; }
.bg-dark { background-color: #001322; }
.bg-theme { background-color: var(--theme-color); }
.bg-sec-blue { background-color: #0A2558; }
.bg-dark-opacity { background-color: rgba(0, 19, 34, 0.85); }
.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); }

/* 边框与圆角 */
.radius5 { border-radius: 5px; }
.radius10 { border-radius: 10px; }
.radius20 { border-radius: 20px; }
.radius50 { border-radius: 50%; }
.border-none { border: none; }
.border-3-theme { border: 3px solid var(--theme-color); }
.border-white-1 { border: 1px solid rgba(255, 255, 255, 0.1); }
.border-b-white-1 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.border-b-eee { border-bottom: 1px solid #eee; }

/* 效果与交互 */
.trs3 { transition: all 0.3s ease; }
.trs5 { transition: all 0.5s ease; }
.cursor-pointer { cursor: pointer; }
.ofh { overflow: hidden; }
.object-cover { object-fit: cover; }
.opacity-20 { opacity: 0.2; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-80 { opacity: 0.8; }
.inline-block { display: inline-block; }
.shadow-sm { box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.shadow-lg { box-shadow: 0 15px 40px rgba(0,0,0,0.08); }
.shadow-hover:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.1); transform: translateY(-5px); }
.shadow-theme { box-shadow: 0 5px 15px rgba(0, 91, 172, 0.3); }

/* Hover 状态 */
.hover-bg-white-20:hover { background-color: rgba(255, 255, 255, 0.2); }
.hover-bg-theme:hover { background-color: var(--theme-color); }
.hover-color-theme:hover { color: var(--theme-color); }
.hover-color-white:hover { color: #fff; }
.hover-color-sec:hover { color: var(--sec-theme-color); }
.group:hover .group-hover-scale { transform: scale(1.1); }
.group:hover .group-hover-bg-theme { background-color: var(--theme-color); }
.group:hover .group-hover-bg-white { background-color: #fff; }
.group:hover .group-hover-color-theme { color: var(--theme-color); }


/* 宽高小工具 */
.w-40 { width: 0.4rem; }
.h-40 { height: 0.4rem; }
.w-36 { width: 0.36rem; }
.h-36 { height: 0.36rem; }
.w-10 { width: 0.1rem; }
.h-10 { height: 0.1rem; }
.h-2px { height: 2px; }
.w-0 { width: 0; }

/* ==========================================================================
   2. 页面专属组件样式 (Components)
   ========================================================================== */

/* Buttons */
[class^="yj-home-btn-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.35rem;
    font-size: var(--f16);
    font-weight: 600;
    transition: all 0.3s ease;
    text-transform: uppercase;
}
.yj-home-btn-primary { background-color: var(--theme-color); color: #fff; }
.yj-home-btn-primary:hover { background-color: var(--sec-theme-color); }
.yj-home-btn-outline { border: 1px solid #fff; color: #fff; }
.yj-home-btn-outline.border-3 { border: 2px solid #333; color: #333; }
.yj-home-btn-outline:hover { background-color: var(--theme-color); border-color: var(--theme-color); color: #fff; }
.yj-home-btn-dark { background-color: #001322; color: #fff; }
.yj-home-btn-dark:hover { background-color: var(--theme-color); }
.yj-home-btn-text:hover { color: var(--theme-color); }

/* Header */
.yj-home-header { height: 1rem; }
.yj-home-logo img { height: 0.4rem; }
.yj-home-nav li { margin: 0 0.2rem; }
.yj-home-nav a {
    font-size: var(--f16);
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    transition: color 0.3s;
}
.yj-home-nav a:hover, .yj-home-nav a.active { color: var(--theme-color); }
.yj-home-nav a svg { margin-left: 0.05rem; }

/* Hero Banner */
.yj-home-hero { height: 100vh; min-height: 7rem; padding-top: 1rem; }
.yj-home-hero-overlay { background: linear-gradient(90deg, rgba(0,19,34,0.9) 0%, rgba(0,19,34,0.4) 100%); }
.yj-home-tag {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    padding: 0.05rem 0.15rem;
    font-size: var(--f14);
    border-radius: 30px;
    margin-right: 0.15rem;
}
.yj-home-hero-title { font-size: 0.64rem; }

/* Filter Box */
.yj-home-filter-sec { margin-top: -0.8rem; }
.yj-home-input-group { width: 22%; }
.yj-home-select-wrap select {
    appearance: none; outline: none;
    background: #f8f9f9 url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M7 10l5 5 5-5z"/></svg>') no-repeat right 0.15rem center;
}
.yj-home-filter-submit { width: 12%; }
.yj-home-filter-submit:hover { background-color: var(--theme-color); }

/* Products Slider */
.yj-home-pro-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); transform: translateY(-5px); }
.yj-home-link-arrow svg { transition: transform 0.3s; }
.yj-home-pro-card:hover .yj-home-link-arrow svg { transform: translateX(5px); }
.yj-home-nav-btn {
    top: 35%;
    width: 0.5rem; height: 0.5rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    cursor: pointer;
    color: #333;
}
.yj-home-nav-btn:hover { background: var(--theme-color); color: #fff; }
.yj-home-swiper-prev { left: -0.25rem; }
.yj-home-swiper-next { right: -0.25rem; }

/* ==========================================================================
   Custom Engineering - 左侧图片视觉区
   ========================================================================== */

.yj-custom-visual {
    position: relative;
}

.yj-custom-imgbox {
    background: linear-gradient(135deg, #eaf2f8 0%, #f8fbfd 45%, #dbe8f2 100%);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 25, 55, 0.12);
}

.yj-custom-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.6s ease;
}

.yj-custom-imgbox:hover .yj-custom-main-img {
    transform: scale(1.06);
}

.yj-custom-img-mask {
    background: linear-gradient(
        180deg,
        rgba(0, 19, 34, 0.08) 0%,
        rgba(0, 19, 34, 0.25) 52%,
        rgba(0, 19, 34, 0.72) 100%
    );
    pointer-events: none;
}

.yj-custom-float-card {
    left: 0.35rem;
    bottom: 0.35rem;
    width: 2.6rem;
    min-height: 1.15rem;
    padding: 0.22rem 0.25rem;
    background: var(--theme-color);
 /*   backdrop-filter: blur(10px);
    border-left: 4px solid var(--theme-color); */
    box-shadow: 0 0.18rem 0.45rem rgba(0, 0, 0, 0.18);
    display: flex;
    align-items: flex-start;
	flex-direction: column;
    gap: 0.1rem;
	border-radius: 0.1rem;
    transition: all 0.4s ease;
}

.yj-custom-imgbox:hover .yj-custom-float-card {
    transform: translateY(-0.08rem);
    box-shadow: 0 0.25rem 0.55rem rgba(0, 0, 0, 0.24);
}

.yj-custom-float-num {
    font-size: 0.5rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
}

.yj-custom-float-text strong {
    display: block;
    font-size: var(--f18);
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}

.yj-custom-float-text p {
    margin-top: 0.06rem;
    font-size: var(--f13, 0.13rem);
    line-height: 1.45;
    color: #fff;
}

.yj-custom-drawing-card {
    right: 0.28rem;
    top: 0.28rem;
    width: 2.55rem;
    padding: 0.22rem 0.24rem 0.22rem 0.85rem;
    background: rgba(0, 91, 172, 0.92);
    color: #fff;
    box-shadow: 0 0.18rem 0.45rem rgba(0, 45, 90, 0.22);
    overflow: hidden;
    transition: all 0.4s ease;
}

.yj-custom-drawing-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0));
    pointer-events: none;
}

.yj-custom-drawing-num {
    position: absolute;
    left: 0.12rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.78rem;
    line-height: 1;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.22);
    letter-spacing: -0.05em;
    transition: all 0.4s ease;
}

.yj-custom-drawing-card strong {
    position: relative;
    z-index: 2;
    display: block;
    font-size: var(--f17, 0.17rem);
    line-height: 1.25;
    font-weight: 700;
    color: #fff;
}

.yj-custom-drawing-card p {
    position: relative;
    z-index: 2;
    margin-top: 0.08rem;
    font-size: var(--f13, 0.13rem);
    line-height: 1.5;
    color: rgba(255,255,255,0.82);
}

.yj-custom-imgbox:hover .yj-custom-drawing-card {
    background: rgba(0, 163, 232, 0.94);
    transform: translateY(-0.06rem);
}

.yj-custom-imgbox:hover .yj-custom-drawing-num {
    color: rgba(255,255,255,0.34);
    transform: translateY(-50%) scale(1.08);
}

/* 装饰线条，增强工程图纸感 */
.yj-custom-imgbox::before {
    content: "";
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
    border-top: 2px solid rgba(255,255,255,0.65);
    border-left: 2px solid rgba(255,255,255,0.65);
    z-index: 2;
    pointer-events: none;
}

.yj-custom-imgbox::after {
    content: "";
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
    border-right: 2px solid rgba(255,255,255,0.55);
    border-bottom: 2px solid rgba(255,255,255,0.55);
    z-index: 2;
    pointer-events: none;
}

/* 平板适配 */
@media screen and (max-width: 1200px) {
    .yj-custom-visual {
        width: 100%;
    }

    .yj-custom-imgbox {
        height: 4.8rem;
    }
}

/* 手机适配 */
@media screen and (max-width: 768px) {
    .yj-custom-imgbox {
        height: 4rem;
        border-radius: 14px;
    }

    .yj-custom-float-card {
        left: 0.18rem;
        bottom: 0.18rem;
        width: calc(100% - 0.36rem);
        min-height: auto;
        padding: 0.18rem 0.2rem;
    }

    .yj-custom-float-num {
        font-size: 0.42rem;
    }

    .yj-custom-drawing-card {
        right: 0.18rem;
        top: 0.18rem;
        width: 2.35rem;
        padding: 0.18rem 0.18rem 0.18rem 0.72rem;
    }

    .yj-custom-drawing-num {
        font-size: 0.62rem;
        left: 0.1rem;
    }

    .yj-custom-imgbox::before,
    .yj-custom-imgbox::after {
        width: 0.8rem;
        height: 0.8rem;
    }
}


/* Manufacturing Strength */
.yj-home-mf-overlay { background: rgba(0, 19, 34, 0.35); background-image:
    linear-gradient(rgba(18, 22, 26, 0.72), rgba(18, 22, 26, 0.72));
  background-size: cover;
  background-position: center; }
.yj-home-mf-card{background-color: rgba(255,255,255, 0.2);backdrop-filter: blur(10px);}
.yj-home-mf-card:hover { background: var(--theme-color); transform: translateY(-10px); }
.yj-home-mf-card:hover .opacity-50 { opacity: 1; color: #fff; }

/* About Us */
.yj-home-about-content{
	/* background kept as the solid colour below; the old photo file is not on this site */
	background-size: 10rem auto;
}

.yj-home-about-card{
	backdrop-filter: blur(10px) 
}

/* Applications */
.yj-home-app-overlay { background: linear-gradient(to top, rgba(0,19,34,0.9) 0%, rgba(0,19,34,0) 40%);  }
.group:hover .yj-home-app-overlay { opacity: 1; }
.group:hover .yj-home-app-line { width: 0.5rem; }

/* News */
.yj-home-news{
	background-color: #F6F8FA;
}

/* CTA Section */
.yj-home-cta-img { min-height: 4rem; }
.yj-home-cta-content { min-height: 4rem; }

/* ==========================================================================
   3. 响应式适配 (Responsive)
   ========================================================================== */
@media screen and (max-width: 1600px) {
    .yj-home-hero-title { font-size: 0.54rem; }
    .yj-home-filter-sec { margin-top: -0.6rem; }
    .yj-home-input-group { width: 21%; }
    .yj-home-filter-submit { width: 14%; }
}

@media screen and (max-width: 1200px) {
    .yj-home-hero-title { font-size: 0.48rem; }
    .yj-home-filter-grid { flex-wrap: wrap; }
    .yj-home-input-group { width: 48%; margin-bottom: 0.2rem; }
    .yj-home-filter-submit { width: 100%; margin-top: 0.1rem; }
    
    .yj-home-custom-wrap { flex-direction: column; }
    .yj-home-custom-wrap > .w48 { width: 100%; margin-bottom: 0.4rem; }
    
    .yj-home-stat-item { width: 50%; margin-bottom: 0.3rem; }
    .yj-home-mf-card { width: 48%; }
    .yj-home-app-item { width: 48%; }
    
    .yj-home-about-content { flex-direction: column; }
    .yj-home-about-left, .yj-home-about-cards { width: 100%; }
    .yj-home-about-left { margin-bottom: 0.4rem; }
    
    .yj-home-news-card { width: 48%; }
    
    .yj-home-cta { flex-direction: column; }
    .yj-home-cta-img, .yj-home-cta-content { width: 100%; }
}

@media screen and (max-width: 768px) {
    .yj-home-header { height: 0.6rem; }
    .yj-home-nav, .yj-home-h-tools { display: none; }
    .yj-home-hero { padding-top: 0.6rem; min-height: 6rem; }
    .yj-home-hero-title { font-size: 0.36rem; }
    .yj-home-hero-btns { flex-direction: column; align-items: flex-start; }
    .yj-home-hero-btns a { margin-bottom: 0.15rem; }
    
    .yj-home-input-group { width: 100%; }
    .yj-home-mf-card, .yj-home-app-item, .yj-home-about-card, .yj-home-news-card { width: 100%; }
    
    .yj-home-timeline-line { display: none; }
    .yj-home-timeline-wrap { flex-direction: column; align-items: flex-start; }
    .yj-home-time-item { width: 100%; flex-direction: row; margin-bottom: 0.3rem; }
    .yj-home-time-item .tac { text-align: left; margin-left: 0.2rem; }
    .yj-home-time-dot { margin-bottom: 0; }
    
    .yj-home-cta-content { padding: 0.4rem 0.2rem; }
    .yj-home-cta-btns { flex-direction: column; width: 100%; }
    .yj-home-cta-btns a { width: 100%; margin-right: 0; }
    
    .yj-home-footer-top { flex-direction: column; }
    .yj-home-footer-brand, .yj-home-footer-links { width: 100%; }
    .yj-home-footer-brand { margin-bottom: 0.4rem; }
    .yj-home-footer-bot { flex-direction: column; text-align: center; }
    .yj-home-footer-bot ul { margin-top: 0.2rem; justify-content: center; }
}

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

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

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

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

.yj-ab-title-ssb {
    font-weight: 700;
    color: var(--yj-ab-text-main);
}

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

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

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

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

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

/* 按钮样式 */
.yj-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;
}
.yj-ab-btn-primary { background-color: #0056b3; color: #fff; border: 2px solid #0056b3; }
.yj-ab-btn-primary:hover { background-color: #004494; border-color: #004494; }
.yj-ab-btn-outline { background-color: transparent; color: #fff; border: 2px solid #fff; }
.yj-ab-btn-outline:hover { background-color: #fff; color: var(--yj-ab-theme); }
.yj-ab-btn-light { background-color: #fff; color: var(--yj-ab-theme); border: 2px solid #fff; }
.yj-ab-btn-light:hover { background-color: #f0f0f0; }

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

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


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

/* 3. 卡片通用样式 */
.yj-ab-strength{
	/* old strength photo is not on this site */
}

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



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

/* 5. Quality Control */
.yj-ab-quality { background-color: var(--yj-ab-theme); background: linear-gradient(rgba(11, 59, 96, 0.96), rgba(11, 59, 96, 0.96));}
.yj-ab-quality-subdesc { max-width: 1000px; margin: 0 auto 50px; color: rgba(255,255,255,0.8); text-align: center; }
.yj-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;
}
.yj-ab-qc-card h4 { color: #fff; }
.yj-ab-qc-card p { color: rgba(255,255,255,0.8); margin-bottom: 0; }
.yj-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) */
.yj-ab-swiper-wrapper { position: relative; padding: 0 50px; }
.yj-ab-swiper-wrapper .swiper{padding-bottom: 0.2rem;}
.yj-ab-cert-card {
    background: #fff; padding: 20px; text-align: center;
    border-radius: var(--yj-ab-radius); border: 1px solid var(--yj-ab-border);
}
.yj-ab-cert-icon { font-size: 50px; color: var(--yj-ab-theme); margin-bottom: 10px; }
.yj-ab-cert-card p { font-weight: 600; color: var(--yj-ab-text-main); margin-bottom: 0; }

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

/* Swiper 自定义按钮 */
.yj-ab-nav-btn {
    color: var(--yj-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;
}
.yj-ab-nav-btn::after { font-size: 18px !important; font-weight: bold; }
.yj-ab-nav-btn.swiper-button-prev { left: 0 !important; }
.yj-ab-nav-btn.swiper-button-next { right: 0 !important; }



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

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

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

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

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

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

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

/* ==========================================================================
   About Us Page Styles (Wenzhou Eugene Technology Co., Ltd)
   ========================================================================== */

/* --- 通用辅助类 (仅作用于本页) --- */
.gap-10 { gap: 0.1rem; }
.gap-15 { gap: 0.15rem; }
.gap-20 { gap: 0.2rem; }
.object-contain { object-fit: contain; }

/* 纯色 SVG Icon 辅助 */
.yj-about-check-icon {
    display: inline-block;
    width: 0.2rem; height: 0.2rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23005BAC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg>') no-repeat center center;
    background-size: contain;
}
.yj-about-check-icon.white {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg>');
}
.yj-about-arrow-icon {
    display: inline-block;
    width: 0.16rem; height: 0.16rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23005BAC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>') no-repeat center center;
    background-size: contain;
}

/* --- 1. Hero Section --- */
.yj-about-hero { min-height: 7.5rem; }
.yj-about-hero-mask { background: linear-gradient(90deg, rgba(0, 19, 34, 0.85) 0%, rgba(0, 19, 34, 0.4) 100%); }
.yj-about-tag {
    font-size: var(--f14);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    padding: 0.05rem 0.15rem;
    margin: 0 0.15rem 0.15rem 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
}

/* --- 2. Company Overview --- */
.yj-about-ov-text { text-align: left; }

/* --- 3. Key Manufacturing Facts --- */
.yj-about-fact-card:hover { transform: translateY(-0.1rem); box-shadow: 0 15px 35px rgba(0,0,0,0.08); }
.yj-about-fact-card:hover .yj-about-fact-icon { transform: scale(1.1); }

/* --- 4. Development History (轮播图标版 修复截断与剪切) --- */
.px-20 { padding-left: 0.2rem; padding-right: 0.2rem; }

.yj-about-history-swiper { position: relative; }
.yj-about-history-swiper .swiper-slide { height: auto; }
.yj-about-hist-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.48rem 0.44rem 0.52rem;
    background: #fff;
    border-radius: 0.16rem;
}
.yj-about-hist-card h3 {
    margin: 0;
    color: #1e478f;
    font-size: var(--f64);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
}
.yj-about-hist-card h3:after {
    content: "";
    display: block;
    width: 0.48rem;
    height: 0.04rem;
    margin: 0.28rem 0 0.32rem;
    background: #1e478f;
    border-radius: 0.04rem;
}
.yj-about-hist-title {
    color: #062B4A;
    font-size: var(--f28);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
}
.yj-about-hist-copy {
    margin-top: 0.16rem;
    color: #4a5560;
    font-size: var(--f18);
    line-height: 1.6;
}

.yj-about-hist-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    margin-top: 0.36rem;
}
.yj-about-hist-nav .swiper-button-prev,
.yj-about-hist-nav .swiper-button-next {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    width: 0.4rem;
    height: 0.4rem;
    color: #1e478f;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0.04rem 0.14rem rgba(6, 43, 74, 0.08);
}
.yj-about-hist-nav .swiper-button-prev:after,
.yj-about-hist-nav .swiper-button-next:after {
    font-size: 0.14rem;
    font-weight: 600;
}
.yj-about-hist-nav .swiper-button-disabled {
    opacity: 0.35;
}
.yj-about-history .yj-about-hist-nav .swiper-pagination {
    position: static;
    left: auto;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.08rem;
    transform: none;
}
.yj-about-hist-nav .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    margin: 0;
    background: #c5ced6;
    opacity: 1;
}
.yj-about-hist-nav .swiper-pagination-bullet-active {
    width: 0.22rem;
    border-radius: 0.08rem;
    background: #1e478f;
}

.yj-about-hubs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.24rem;
}
.yj-about-hub {
    background: #fff;
    border-radius: 0.12rem;
    overflow: hidden;
}
.yj-about-hub h3 {
    margin: 0.22rem 0.24rem 0.1rem;
}
.yj-about-hub-copy {
    margin: 0 0.24rem 0.26rem;
}

.pt-about-page .pt-about-head-left {
    max-width: none;
    margin: 0 0 0.28rem;
    text-align: left;
}
.pt-about-page .pt-about-head-left h2,
.pt-about-page .pt-about-head-left p {
    margin-left: 0;
    margin-right: 0;
    max-width: 7.2rem;
    text-align: left;
}
.pt-sec-head.on-dark .pt-sec-kicker { color: #B8E04A; }
.pt-sec-head.on-dark h2 { color: #fff; }
.yj-about-oem .pt-sec-kicker { color: #B8E04A; }
.pt-sec-head.on-dark p { color: rgba(255, 255, 255, 0.86); }
.yj-about-oem .pt-sec-kicker { margin-bottom: 0.14rem; }

.pt-about-facts {
    position: relative;
    overflow: hidden;
    background: #07182c;
}
.pt-about-facts:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(46% 70% at 100% 0%, rgba(30, 71, 143, 0.55), transparent 70%),
        linear-gradient(165deg, #0d3158 0%, #062b4a 46%, #041526 100%);
}
.pt-about-facts .w16 { position: relative; z-index: 1; }
.pt-about-fact-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.28rem;
}
.pt-about-fact {
    display: flex;
    align-items: flex-start;
    gap: 0.18rem;
    padding-top: 0.12rem;
}
.pt-about-fact img {
    width: 0.88rem;
    height: 0.88rem;
    flex: none;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.pt-about-fact h3 {
    margin: 0 0 0.06rem;
    color: #fff;
    font-size: var(--f48);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
}
.pt-about-fact .f18 { color: #fff; }
.pt-about-fact .f16 { margin-top: 0.08rem; color: rgba(255, 255, 255, 0.76); }

.pt-about-checks {
    position: relative;
    background: #F4F7FB;
}
.pt-about-checks:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(48% 58% at 100% 0%, rgba(30, 71, 143, 0.08), transparent 68%),
        radial-gradient(50% 60% at 0% 100%, rgba(6, 43, 74, 0.06), transparent 70%),
        repeating-linear-gradient(90deg, rgba(6, 43, 74, 0.028) 0 1px, transparent 1px 0.36rem),
        repeating-linear-gradient(0deg, rgba(6, 43, 74, 0.024) 0 1px, transparent 1px 0.36rem);
}
.pt-about-checks .w16 { position: relative; z-index: 1; }
.pt-about-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 0.32rem 0.28rem 0.34rem;
    background: #fff;
    border-radius: 0.14rem;
    box-shadow: 0 0.1rem 0.28rem rgba(14, 34, 48, 0.06);
}
.pt-check-swiper .swiper-slide { height: auto; }
.pt-about-check img {
    width: 0.6rem;
    height: 0.6rem;
    margin-bottom: 0.2rem;
    object-fit: contain;
}
.pt-about-check h3 { margin: 0 0 0.08rem; }
.pt-about-check ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.08rem;
    margin: 0.16rem 0 0;
    padding: 0;
}
.pt-about-check li {
    position: relative;
    margin: 0;
    padding-left: 0.16rem;
    list-style: none;
}
.pt-about-check li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.08rem;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background: #1e478f;
}
.pt-check-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    margin-top: 0.28rem;
}
.pt-check-nav .swiper-button-prev,
.pt-check-nav .swiper-button-next {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    width: 0.4rem;
    height: 0.4rem;
    color: #1e478f;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0.04rem 0.14rem rgba(6, 43, 74, 0.08);
}
.pt-check-nav .swiper-button-prev:after,
.pt-check-nav .swiper-button-next:after { font-size: 0.14rem; font-weight: 600; }
.pt-check-nav .swiper-button-disabled { opacity: 0.35; }
.pt-about-checks .pt-check-nav .swiper-pagination {
    position: static;
    left: auto;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.08rem;
    transform: none;
}
.pt-check-nav .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    margin: 0;
    background: #b7c3c8;
    opacity: 1;
}
.pt-check-nav .swiper-pagination-bullet-active {
    width: 0.22rem;
    border-radius: 0.08rem;
    background: #1e478f;
}
@media screen and (max-width: 800px) {
    .pt-about-check ul { display: grid; }
    .pt-about-check li { margin-top: 0; }
}

.pt-hub-shape {
    position: relative;
    overflow: hidden;
    padding: 1.2rem 0 1.4rem;
    background:
        radial-gradient(ellipse 58% 42% at 0% 0%, rgba(58, 112, 214, 0.9) 0%, rgba(30, 71, 143, 0.42) 36%, rgba(8, 14, 28, 0) 68%),
        radial-gradient(ellipse 58% 42% at 100% 100%, rgba(58, 112, 214, 0.9) 0%, rgba(30, 71, 143, 0.42) 36%, rgba(8, 14, 28, 0) 68%),
        linear-gradient(180deg, #121a30 0%, #0c1424 58%, #0b1220 100%);
}
.pt-hub-shape:before {
    content: none;
}
.pt-hub-shape .w16 { position: relative; z-index: 1; }
.pt-hub-shape .pt-sec-head {
    max-width: none;
    margin: 0 0 0.4rem;
    text-align: left;
}
.pt-hub-shape .pt-sec-head h2,
.pt-hub-shape .pt-sec-head p {
    margin-left: 0;
    margin-right: 0;
}
.pt-hub-shape-block + .pt-hub-shape-block { margin-top: 1rem; }
.pt-hub-shape-img {
    position: relative;
    height: 5rem;
    overflow: hidden;
}
.pt-hub-shape-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pt-hub-shape-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0.4) 100%);
}
.pt-hub-shape-panel {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.4rem;
    padding-top: 0.28rem;
}
.pt-hub-shape-title { width: 6.4rem; flex: none; }
.pt-hub-shape-title h3 {
    margin: 0;
    color: #fff;
    font-size: var(--f32);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
}
.pt-hub-shape-title h3 span { display: block; }
.pt-hub-shape-loc {
    margin-top: 0.16rem;
    color: #ddd;
}
.pt-hub-shape-loc:before {
    content: "";
    display: inline-block;
    width: 0.14rem;
    height: 0.14rem;
    margin-right: 0.08rem;
    vertical-align: -0.02rem;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/></svg>") center / contain no-repeat;
}
.pt-hub-shape-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.28rem 0.4rem;
    width: 7.6rem;
    flex: none;
}
.pt-hub-shape-points strong {
    display: block;
    margin-bottom: 0.06rem;
    color: #fff;
    font-weight: 600;
}
.pt-hub-shape-points span { color: rgba(255, 255, 255, 0.8); line-height: 1.5; }
@media screen and (max-width: 800px) {
    .pt-hub-shape { padding: 0.7rem 0 0.8rem; }
    .pt-hub-shape-img { height: 2.4rem; }
    .pt-hub-shape-panel,
    .pt-hub-shape-points { display: block; width: 100%; }
    .pt-hub-shape-title { width: 100%; }
    .pt-hub-shape-points div { margin-top: 0.18rem; }
}
.yj-about-history { background: #F4F7FB; }
.pt-culture { background: #fff; }
.pt-about-global { background: #E7F0FA; }

.pt-about-ware-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.2rem;
}
.pt-about-ware-grid article {
    padding: 0.28rem 0.24rem 0.32rem;
    background: #F4F7FB;
    border-radius: 0.12rem;
}
.pt-about-ware-grid img {
    width: 0.64rem;
    height: 0.64rem;
    margin-bottom: 0.18rem;
    object-fit: contain;
}
.pt-about-ware-grid h3 { margin: 0 0 0.1rem; }

.pt-culture-stage {
    position: relative;
    min-height: 5.2rem;
    overflow: hidden;
    border-radius: 0.16rem;
    background: #062B4A;
}
.pt-culture-visuals,
.pt-culture-image,
.pt-culture-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.pt-culture-image {
    object-fit: cover;
    opacity: 0;
    transform: scale(1.025);
    transition: opacity 0.55s ease, transform 0.9s ease;
}
.pt-culture-image.is-active { opacity: 1; transform: scale(1); }
.pt-culture-shade {
    background: linear-gradient(180deg, rgba(6, 43, 74, 0.08), rgba(6, 43, 74, 0.72));
}
.pt-culture-columns {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 5.2rem;
}
.pt-culture-column {
    position: relative;
    display: flex;
    min-width: 0;
    flex: 1 1 25%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0.38rem;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    cursor: pointer;
    transition: flex-grow 0.45s ease, background 0.35s ease;
}
.pt-culture-column:last-child { border-right: 0; }
.pt-culture-column:after {
    position: absolute;
    right: 0.28rem;
    bottom: 0.32rem;
    width: 0.36rem;
    height: 0.36rem;
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: 50%;
    content: "\2192";
    font-size: var(--f18);
    line-height: 0.34rem;
    text-align: center;
}
.pt-culture-column.is-active {
    flex-grow: 1.55;
    background: linear-gradient(180deg, rgba(6, 43, 74, 0.02), rgba(6, 43, 74, 0.52));
}
.pt-culture-column.is-active:after {
    color: #062B4A;
    background: #fff;
}
.pt-culture-icon {
    display: flex;
    width: 0.46rem;
    height: 0.46rem;
    margin-bottom: 0.18rem;
    align-items: center;
}
.pt-culture-icon img { max-width: 100%; max-height: 100%; }
.pt-culture-column h3 { font-weight: 700; }
.pt-culture-copy {
    max-width: 3.6rem;
    max-height: 0;
    margin-top: 0.12rem;
    padding-right: 0.44rem;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.35s ease;
}
.pt-culture-column.is-active .pt-culture-copy {
    max-height: 1.4rem;
    opacity: 0.92;
}
@media (prefers-reduced-motion: reduce) {
    .pt-culture-image,
    .pt-culture-column,
    .pt-culture-copy { transition: none; }
}
@media screen and (max-width: 800px) {
    .pt-about-fact-row,
    .pt-about-check-list,
    .pt-about-ware-grid { grid-template-columns: 1fr; }
    .pt-culture-stage,
    .pt-culture-columns { min-height: 0; }
    .pt-culture-columns { flex-direction: column; }
    .pt-culture-column {
        min-height: 1.5rem;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }
    .pt-culture-column.is-active { flex-grow: 1.6; }
}



/* --- 5. Manufacturing Environment --- */
.yj-about-env-swiper .swiper-pagination-bullet { background: #fff; opacity: 0.5; }
.yj-about-env-swiper .swiper-pagination-bullet-active { opacity: 1; background: var(--theme-color); }
.yj-about-env-tag {font-size: var(--f14);color: var(--theme-color);background: rgba(0, 91, 172, 0.1);padding: 0.08rem 0.16rem;border-radius: 4px;}

/* --- 6. Quality Control & Certifications --- */
.yj-about-certs { background: #fff; }
.yj-about-certs .yj-about-cert-swiper {
    padding: 0.22rem 0.22rem 0.34rem;
    margin: -0.22rem -0.22rem -0.34rem;
}
.yj-about-cert-swiper .rect-140 {
    border: 1px solid #e9eef5;
    box-shadow: 0 0.1rem 0.26rem rgba(6, 43, 74, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.yj-about-cert-swiper .rect-140:hover {
    transform: translateY(-0.04rem);
    box-shadow: 0 0.14rem 0.32rem rgba(6, 43, 74, 0.13);
}
.yj-about-cert-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    margin-top: 0.32rem;
}
.yj-about-cert-nav .swiper-button-prev,
.yj-about-cert-nav .swiper-button-next {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    width: 0.44rem;
    height: 0.44rem;
    color: #1e478f;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0.06rem 0.18rem rgba(6, 43, 74, 0.12);
}
.yj-about-cert-nav .swiper-button-prev:after,
.yj-about-cert-nav .swiper-button-next:after { font-size: 0.14rem; font-weight: 600; }
.yj-about-cert-nav .swiper-button-disabled { opacity: 0.35; }
.yj-about-certs .yj-about-cert-nav .swiper-pagination {
    position: static;
    left: auto;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.08rem;
    transform: none;
}
.yj-about-cert-nav .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    margin: 0;
    background: #c5ced6;
    opacity: 1;
}
.yj-about-cert-nav .swiper-pagination-bullet-active {
    width: 0.22rem;
    border-radius: 0.08rem;
    background: #1e478f;
}

/* --- 7. OEM & ODM --- */
.yj-about-oem-tag {font-size: var(--f14);color: #fff;background: rgba(255, 255, 255, 0.15);padding: 0.08rem 0.15rem;border-radius: 4px;border: 1px solid rgba(255, 255, 255, 0.2);}
/* --- 8. Product Capability --- */
.yj-about-pro-card:hover { transform: translateY(-0.05rem); box-shadow: 0 15px 30px rgba(0,0,0,0.08); }

/* --- 9. Culture & Values --- */
.yj-about-cul-mask { background: linear-gradient(to top, rgba(0, 19, 34, 0.9) 0%, rgba(0, 19, 34, 0.2) 60%, rgba(0, 19, 34, 0) 100%); }
.yj-about-cul-card:hover .yj-about-cul-mask { background: linear-gradient(to top, rgba(0, 91, 172, 0.9) 0%, rgba(0, 19, 34, 0.4) 100%); }
.yj-about-cul-desc { height: 0; opacity: 0; overflow: hidden; }
.yj-about-cul-card:hover .yj-about-cul-desc { height: auto; opacity: 1; margin-top: 0.1rem; }

/* --- 10. Global Cooperation --- */
.yj-about-glb-tag {
    font-size: var(--f16);
    color: var(--theme-color);
    background: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 30px;
    border: 1px solid var(--theme-color);
    font-weight: 600;
    transition: all 0.3s ease;
}
.yj-about-glb-tag:hover {
    background: var(--theme-color);
    color: #fff;
}
/* --- 通用按钮样式 (About 页面) --- */
.inline-flex { display: inline-flex; }
.ml-10 { margin-left: 0.1rem; }

.yj-about-btn {
    height: 0.5rem;
    padding: 0 0.3rem;
    font-size: var(--f16);
    font-weight: 600;
    border-radius: 30px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 主按钮 (实心主题色) */
.yj-about-oem h2 { margin: 0 0 0.22rem; }
.yj-about-btn.primary {
    background: #1e478f;
    color: #fff;
    border: 1px solid #1e478f;
    font-weight: 500;
    letter-spacing: 0;
    box-shadow: 0 0.06rem 0.2rem rgba(6, 43, 74, 0.28);
}
.yj-about-btn.primary:hover {
    background: #fff;
    color: #062b4a;
    border-color: #fff;
    box-shadow: 0 0.06rem 0.2rem rgba(255, 255, 255, 0.2);
}
.yj-about-btn.primary svg {
    transition: transform 0.3s ease;
}
.yj-about-btn.primary:hover svg {
    transform: translateX(5px);
}

/* 幽灵按钮 (透明底白边，用于深色背景) */
.yj-about-btn.outline {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.yj-about-btn.outline:hover {
    background: #fff;
    color: var(--theme-color);
    border-color: #fff;
}

/* 手机端按钮适配 */
@media screen and (max-width: 768px) {
    .yj-about-btn-wrap.flex { flex-direction: column; width: 100%; }
    .yj-about-btn { width: 100%; justify-content: center; margin-bottom: 0.15rem; }
}


/* ==========================================================================
   响应式适配 (Responsive)
   ========================================================================== */

/* 平板端适配 (<1200px) */
@media screen and (max-width: 1200px) {
    .yj-about-ov-wrap,
    .yj-about-qc-wrap,
    .yj-about-oem-wrap,
    .yj-about-glb-wrap { flex-direction: column; }
    
    .yj-about-ov-left, .yj-about-ov-right,
    .yj-about-qc-box, .yj-about-qc-flow,
    .yj-about-oem-txt, .yj-about-oem-list,
    .yj-about-glb-txt, .yj-about-glb-img { width: 100%; margin-bottom: 0.4rem; }
    
    .yj-about-fact-card, .yj-about-cul-card { width: 48%; margin-bottom: 0.4rem; }
    .yj-about-pro-card { width: 48%; }
    
    .yj-about-time-item { flex-direction: column !important; }
    .yj-about-time-content, .yj-about-time-img { width: 100%; padding: 0 !important; text-align: left !important; }
    .yj-about-time-img { margin-top: 0.3rem; }
    .yj-about-timeline-line { left: 0; transform: none; }
    .yj-about-time-dot { left: 0; top: 0; transform: translate(-4px, 0); }
    .yj-about-time-content { padding-left: 0.4rem !important; }
    
    .yj-about-env-mod { flex-direction: column !important; }
    .yj-about-env-img, .yj-about-env-txt { width: 100%; padding: 0 !important; }
    .yj-about-env-txt { margin-top: 0.3rem; }
    .yj-about-hubs { grid-template-columns: 1fr; }
}

/* 手机端适配 (<768px) */
@media screen and (max-width: 768px) {
    .yj-about-hero { min-height: 5rem; padding-top: 1rem; }
    .yj-about-hero-title { font-size: 0.42rem; }
    
    .yj-about-fact-card, .yj-about-cul-card, .yj-about-pro-card { width: 100%; }
    
    .yj-about-oem-box { padding: 0.4rem 0.2rem; }
    .yj-about-oem-txt { padding: 0; }
    .yj-about-oem-list { padding: 0.2rem; }
    
    /* .yj-about-cert-swiper .swiper-slide { opacity: 1; transform: scale(1); } */
    
    .yj-about-trust { padding: 0.8rem 0; }
    .yj-about-trust-tags { flex-direction: column; align-items: flex-start; }
}


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

/* 产品列表 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;
}

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

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

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

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

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

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

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

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

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

/* 下拉箭头按钮 */
.yj-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;
}

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

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

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

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

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

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

/* ==================== 右侧产品网格 (Product List Grid) ========================= */
.yj-pro-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.yj-pro-card { min-width:0; border: 1px solid transparent; display: block;}
.yj-pro-card:hover { border-color: var(--theme-color); transform: translateY(-8px); }
.yj-pro-card:hover h3 { color: var(--theme-color); }

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

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

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

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

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

/* 强制重置按钮样式与垂直居中 */
.yj-pro-thumbs-wrap .swiper-button-next,
.yj-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;
}
.yj-pro-thumbs-wrap .swiper-button-next { right: 0; }
.yj-pro-thumbs-wrap .swiper-button-prev { left: 0; }

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

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

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

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

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

/* ==================== 详情页 Tabs ========================= */
.yj-pro-tabs-nav a { position: relative; }
.yj-pro-tabs-nav a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 3px;
    background-color: var(--theme-color);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
.yj-pro-tabs-nav a:hover, .yj-pro-tabs-nav a.active { color: var(--theme-color); }
.yj-pro-tabs-nav a.active::after { width: 100%; }

.yj-pro-tab-pane { display: none; }
.yj-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) ========================= */
.yj-pro-search {
    position: relative;
    display: flex;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

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

.yj-pro-search input {
    flex: 1;
    border: none;
    padding: 12px 15px;
    font-size: 14px;
    outline: none;
    color: #333;
    background-color: #fafafa;
}

.yj-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;
}

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


/* ==================== 详情页文章排版 (H2, H3, H4) ========================= */
.yj-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;
	border: none !important;
	padding-bottom: 0 !important;
}
/* .yj-pro-detail-article h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background-color: var(--theme-color);
} */
.yj-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;
}
.yj-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;
}

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

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

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

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

.yj-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;
}

.yj-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;
}

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

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

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

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

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

/* 强制重置按钮样式与垂直居中 */
.yj-pro-rel-slider .swiper-button-next, 
.yj-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;
}
.yj-pro-rel-slider .swiper-button-next { right: calc(0 - 20px); }
.yj-pro-rel-slider .swiper-button-prev { left: calc( 0 - 20px); }

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

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

/* ==================== 底部留言表单 (Inquiry Form) ========================= */
.yj-pro-inquiry-form input, 
.yj-pro-inquiry-form textarea { 
    border: 1px solid transparent; 
    transition: all 0.3s ease; 
    outline: none;
}
.yj-pro-inquiry-form input:focus, 
.yj-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) {
    .yj-pro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 1000px) {
    .yj-pro-sidebar { width: 100%; margin-bottom: 0.4rem; position: static; }
    .yj-pro-content { width: 100%; }
    .yj-pro-gallery { width: 100%; margin-bottom: 0.4rem; }
    .yj-pro-summary { width: 100%; }
    .yj-pro-features li strong { width: 1.5rem; }
}

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

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


.sort_nav:has(+ .Container-wrapper .dl_sec) { display: none; }
.dl_sec {
	padding: 0.36rem 0 0.8rem;
	background: #fff;
}
.pt-dl-top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.24rem;
	border-bottom: 1px solid #e5e5e5;
}
.pt-dl-tabs {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 0.36rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pt-dl-tabs a {
	position: relative;
	display: block;
	padding: 0.22rem 0 0.16rem;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	color: #1a1a1a;
	text-decoration: none;
}
.pt-dl-tabs li.active a,
.pt-dl-tabs a:hover { color: #1e478f; }
.pt-dl-tabs li.active a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	background: #1e478f;
}
.pt-dl-search {
	display: flex;
	align-items: center;
	width: 2.4rem;
	height: 0.4rem;
	margin-bottom: 0.12rem;
	border: 1px solid #d5d8de;
	background: #fff;
}
.pt-dl-search input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0 0.12rem;
	border: 0;
	background: transparent;
	font-size: 14px;
	color: #1a1a1a;
	outline: none;
}
.pt-dl-search button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.4rem;
	height: 100%;
	border: 0;
	background: transparent;
	color: #1a1a1a;
	cursor: pointer;
}
.pt-dl-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.2rem;
	list-style: none;
	margin: 0.32rem 0 0;
	padding: 0;
}
.pt-dl-card {
	display: flex;
	align-items: stretch;
	gap: 0.28rem;
	min-height: 3.4rem;
	padding: 0.28rem;
	background: #f3f4f6;
	color: #1a1a1a;
	text-decoration: none;
}
.pt-dl-pic {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 2.2rem;
	height: 2.9rem;
	padding: 0.16rem;
	background: #fff;
}
.pt-dl-pic img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.pt-dl-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	flex: 1;
	min-width: 0;
	padding: 0.12rem 0.08rem 0.08rem 0;
}
.pt-dl-name {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.35;
	color: #1a1a1a;
}
.pt-dl-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.08rem;
	height: 45px;
	padding: 0 0.22rem;
	background: #1e478f;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.pt-dl-card:hover .pt-dl-btn { background: #062b4a; }
@media screen and (max-width: 900px) {
	.pt-dl-top { flex-direction: column; align-items: stretch; }
	.pt-dl-tabs { overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
	.pt-dl-tabs::-webkit-scrollbar { display: none; }
	.pt-dl-tabs li { flex: none; }
	.pt-dl-search { width: 100%; margin: 0.16rem 0; }
	.pt-dl-tabs a { font-size: 18px; }
	.pt-dl-list { grid-template-columns: 1fr; }
	.pt-dl-card { flex-direction: column; }
	.pt-dl-pic { width: 100%; flex-basis: auto; }
}
.n_newslist {
	padding: 48px 0 72px;
	background: #fff;
}
.pt-news-feature { overflow: hidden; }
.pt-news-feature-card {
	display: flex;
	align-items: stretch;
	min-height: 3.6rem;
	background: #fff;
	color: #1a1a1a;
	text-decoration: none;
}
.pt-news-feature-pic {
	flex: 0 0 46%;
	overflow: hidden;
	background: #e8ebef;
}
.pt-news-feature-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	min-width: 0;
	padding: 0.4rem 0.48rem;
}
.pt-news-feature-time {
	font-size: 16px;
	color: #6b7280;
}
.pt-news-feature-copy h2 {
	margin: 0.14rem 0 0;
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.3;
	color: #1e478f;
}
.pt-news-feature-copy p {
	margin: 0.16rem 0 0;
	font-size: var(--f16);
	line-height: 1.6;
	color: #4b5563;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pt-news-more {
	display: inline-flex;
	align-items: center;
	gap: 0.08rem;
	margin-top: 0.22rem;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #1e478f;
}
.pt-news-more:after {
	content: "";
	width: 0.14rem;
	height: 0.14rem;
	background: currentColor;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-news-feature-card:hover h2,
.pt-news-rows a:hover h2 { color: #062b4a; }
.pt-news-feature-dots {
	display: flex;
	justify-content: center;
	gap: 0.08rem;
	margin-top: 0.18rem;
}
.pt-news-feature-dots .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 !important;
	background: #c5cad1;
	opacity: 1;
}
.pt-news-feature-dots .swiper-pagination-bullet-active {
	width: 22px;
	border-radius: 8px;
	background: #1e478f;
}
.pt-news-rows {
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
	border-top: 1px solid #e6e6e6;
}
.pt-news-rows li + li { margin-top: 0; }
.pt-news-rows a {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	padding: 36px 0 32px;
	border-bottom: 1px solid #e6e6e6;
	color: #1a1a1a;
	text-decoration: none;
}
.pt-news-date {
	flex: 0 0 132px;
	padding-top: 2px;
}
.pt-news-date span {
	display: block;
	font-size: 36px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
	color: #1e478f;
}
.pt-news-date p {
	margin: 8px 0 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: #1a1a1a;
}
.pt-news-copy {
	flex: 1;
	min-width: 0;
	padding-top: 4px;
}
.pt-news-copy h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	color: #1e478f;
}
.pt-news-copy p {
	margin: 16px 0 0;
	max-width: none;
	width: 100%;
	font-size: 16px;
	line-height: 1.75;
	color: #777;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pt-news-rows .pt-news-more {
	margin-top: 28px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.06em;
}
.pt-news-pic {
	flex: none;
	width: 3.2rem;
	background: #e8ebef;
}
.pt-news-pic img {
	object-fit: cover;
	transition: transform 0.45s ease;
}
.pt-news-rows a:hover h2 { color: #062b4a; }
.pt-news-rows a:hover .pt-news-pic img { transform: scale(1.04); }
@media screen and (max-width: 900px) {
	.c_ban { height: 360px; }
	.c_ban_copy h1 { font-size: 32px; }
	.pt-news-feature-card,
	.pt-news-rows a { flex-direction: column; align-items: stretch; gap: 16px; }
	.pt-news-rows a { padding: 24px 0; }
	.pt-news-feature-pic,
	.pt-news-pic { flex: none; width: 100%; max-width: none; }
	.pt-news-feature-copy { padding: 0.24rem; }
	.pt-news-date { flex-basis: auto; }
	.pt-news-date span { font-size: 24px; }
	.pt-news-copy h2 { font-size: 20px; }
	.sort_nav:has(+ .Container-wrapper .n_newslist) .sort_nav_view ul li a { font-size: 18px; }
}
/* 新闻列表 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 边框冲突 */
}

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

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

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

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

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

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

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

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

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

.ar_article strong{
	font-weight: bold;
}

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

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

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

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

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

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


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


/* ==================================================
   News Detail - Blockquote (摘要/引用) Styles
================================================== */
.ar_article blockquote {
    position: relative;
    margin: 30px 0;
    padding: 25px 30px 25px 40px;
    background-color: #f8f9fa; /* 极浅的工业灰蓝背景 */
    border-left: 4px solid var(--theme-color); /* 主题色左边框 */
    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(var(--theme-color-rgb), 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;
}
.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;
}
.side_form input:focus, .side_form textarea:focus {
    border-color: var(--theme-color);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(1, 84, 164, 0.1);
}
.side_form button:hover {
    background-color: var(--sec-theme-color);
}
/* 右侧边栏跟随 (Sticky Sidebar) */
.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem; /* 距离顶部的距离，可根据您网站实际的导航栏高度调整 */
    align-self: flex-start; /* 必须加这个，否则在 flex 容器中会默认拉伸等高导致失效 */
}

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

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

/* 自定义轮播按钮样式 */
.rel_pro_slider .swiper-button-next, 
.rel_pro_slider .swiper-button-prev {
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    top: auto;
    bottom: 0;
    margin: 0;
}
.rel_pro_slider .swiper-button-next { right: 45%; }
.rel_pro_slider .swiper-button-prev { left: 45%; }
.rel_pro_slider .swiper-button-next::after, 
.rel_pro_slider .swiper-button-prev::after {
    font-size: 0.18rem;
    font-weight: bold;
}
.rel_pro_slider .swiper-button-next:hover, 
.rel_pro_slider .swiper-button-prev:hover {
    background-color: var(--sec-theme-color);
}
.side_form button{border: none;cursor: pointer;}
/* 表单样式 */
.side_form input, .side_form textarea { border: 1px solid transparent; transition: all 0.3s ease; }
.side_form input:focus, .side_form textarea:focus { border-color: var(--theme-color); background-color: #fff; box-shadow: 0 0 10px rgba(1, 84, 164, 0.1); }
.side_form button:hover { background-color: var(--sec-theme-color); }
/* 方案详情 e */

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

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

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

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

/* 服务支持 s */
/* 服务支持 e */

/* 常见问题 s */
/* ================= 2. FAQ 手风琴 (FAQ Accordion) ================= */
.faq-accordion {
    max-width: 14rem; /* 控制最大宽度，保证阅读体验 */
    margin: 0 auto;
}
.faq-item {
    margin-bottom: 0.2rem;
    background: #fff;
    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-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: 0.8rem;
	height: 0.8rem;
	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% - 1rem);
	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;
}
@media screen and (max-width:1000px) {
	.n_contact .fl,
	.n_contact .fr { float:none; width:100%; }
	.n_contact .fr { margin-top:.5rem; }
}
@media screen and (max-width:767px) {
	.n_contact .fl .mui-input-row { width:100%; }
	.n_contact .fl .mui-input-row input,
	.n_contact .fl .mui-input-row textarea { box-sizing:border-box; }
	.n_contact .fr ul li { align-items:flex-start; }
	.n_contact .fr ul li + li { margin-top:.3rem; }
	.n_contact .fr ul li .text { min-width:0; overflow-wrap:anywhere; }
}
/* 联系我们 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;}

/* ==========================================================================
   Core Products - 双核旗舰布局
   ========================================================================== */

.yj-pro-dual-card {
    height: 5.8rem; /* 足够高，显得大气 */
}

/* 默认遮罩：底部深色，顶部透明，保证文字清晰 */
.yj-pro-dual-mask {
    background: linear-gradient(to top, rgba(0, 19, 34, 0.35) 0%, rgba(0, 19, 34, 0.2) 20%, rgba(0, 19, 34, 0) 100%);
}

/* Hover遮罩：融入品牌主题色，增加互动质感 */
.yj-pro-dual-card:hover .yj-pro-dual-mask {
    background: linear-gradient(to top, rgba(0, 19, 34, 0.95) 0%, rgba(0, 91, 172, 0.7) 60%, rgba(0, 91, 172, 0.2) 100%);
}

.yj-pro-dual-list{
	display: none;
}

/* 图标容器 */
.yj-pro-dual-icon {
    width: 0.64rem;
    height: 0.64rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2);
}

.yj-pro-dual-icon img{
	max-width: 55%;
}

/* 列表项的自定义圆点 */
.yj-pro-dual-list li {
    position: relative;
    padding-left: 0.2rem;
    opacity: 0.9;
}

.yj-pro-dual-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.06rem;
    width: 0.08rem;
    height: 0.08rem;
    background-color: var(--theme-color);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.yj-pro-dual-card:hover .yj-pro-dual-list li::before {
    background-color: #fff; /* Hover时圆点变白，因为背景变蓝了 */
}

/* 响应式适配 */
@media screen and (max-width: 1200px) {
    .yj-pro-dual-head { flex-direction: column; align-items: flex-start; }
    .yj-pro-dual-head .w60, .yj-pro-dual-head .w40 { width: 100%; }
    .yj-pro-dual-head .w40 { justify-content: flex-start; margin-top: 0.2rem; }
    .yj-pro-dual-head p { text-align: left; }
    
    .yj-pro-dual-card { height: 5rem; }
}

@media screen and (max-width: 992px) {
    .yj-pro-dual-wrap { flex-direction: column; }
    .yj-pro-dual-card { width: 100%; margin-bottom: 0.4rem; height: auto; min-height: 5rem; }
}

@media screen and (max-width: 768px) {
    .yj-pro-dual-card { min-height: 4.5rem; }
    .yj-pro-dual-card .p50 { padding: 0.3rem; }
    .yj-pro-dual-list li { width: 100%; } /* 手机端列表单列显示 */
    .yj-pro-dual-card h3 { font-size: 0.28rem; }
}


/* ==================== 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));}
.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));}
.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;}
.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; }
}




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

/* ==================== Eugene OEM & ODM page ==================== */
.yj-oem-page { --yj-oem-navy:#071d34; --yj-oem-blue:#005bac; --yj-oem-ice:#f3f7fa; --yj-oem-line:#dce5eb; --yj-oem-text:#263746; --yj-oem-muted:#5f7080; color:var(--yj-oem-text); font-size:var(--f16); line-height:1em; overflow:hidden; }
.yj-oem-page * { line-height:1em; }
.yj-oem-page .lh-1 { line-height:1em; }
.yj-oem-page .lh-111 { line-height:1.11em; }
.yj-oem-page .lh-13 { line-height:1.3em; }
.yj-oem-page .lh-15 { line-height:1.5em; }
.yj-oem-page .lh-16 { line-height:1.6em; }
.yj-oem-hero { min-height:7.8rem; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }
.yj-oem-hero-media, .yj-oem-cta-media { position:absolute; inset:0; }
.yj-oem-hero-media { padding-bottom:0; height:100%; }
.yj-oem-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,29,52,.94) 0%,rgba(7,29,52,.78) 42%,rgba(7,29,52,.22) 100%); }
.yj-oem-hero-inner, .yj-oem-cta-inner { position:relative; z-index:1; }
.yj-oem-hero-copy { width:8.5rem; max-width:100%; padding:1.35rem 0 .42rem; }
.yj-oem-hero-label, .yj-oem-kicker { color:var(--yj-oem-blue); letter-spacing:.12em; }
.yj-oem-hero-label { color:#d8ecff; margin-bottom:.24rem; }
.yj-oem-hero-title { color:#fff; margin-bottom:.26rem; letter-spacing:-.04em; }
.yj-oem-hero-lead { max-width:7.7rem; color:#fff; margin-bottom:.2rem; }
.yj-oem-hero-text { max-width:7.45rem; color:rgba(255,255,255,.78); }
.yj-oem-action-row { gap:.14rem; margin-top:.35rem; }
.yj-oem-button { min-height:.52rem; padding:.15rem .26rem; border:.01rem solid transparent; display:inline-flex; align-items:center; gap:.16rem; border-radius:.06rem; transition:background-color .3s ease,color .3s ease,transform .3s ease,border-color .3s ease; }
.yj-oem-button:hover { transform:translateY(-.04rem); }
.yj-oem-button-primary { color:#fff; background:var(--yj-oem-blue); border-color:var(--yj-oem-blue); }
.yj-oem-button-primary:hover { color:var(--yj-oem-navy); background:#fff; border-color:#fff; }
.yj-oem-button-ghost { color:#fff; border-color:rgba(255,255,255,.7); background:rgba(255,255,255,.06); }
.yj-oem-button-ghost:hover { color:#fff; border-color:var(--yj-oem-blue); background:var(--yj-oem-blue); }
.yj-oem-button-arrow { font-size:1.25em; line-height:1; }
.yj-oem-hero-points { gap:0; padding-bottom:.55rem; }
.yj-oem-hero-point { width:20%; min-height:.64rem; padding:.16rem .2rem; display:flex; align-items:center; color:rgba(255,255,255,.9); border-left:.01rem solid rgba(255,255,255,.25); }
.yj-oem-hero-point:first-child { padding-left:0; border-left:0; }
.yj-oem-section { padding:1.15rem 0; }
.yj-oem-heading-block { max-width:9.6rem; margin-bottom:.56rem; }
.yj-oem-kicker { margin-bottom:.16rem; }
.yj-oem-section-title { color:var(--yj-oem-navy); letter-spacing:-.04em; margin-bottom:.2rem; }
.yj-oem-section-intro, .yj-oem-heading-side { color:var(--yj-oem-muted); }
.yj-oem-capability-section { background:var(--yj-oem-ice); }
.yj-oem-capability-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:.18rem; }
.yj-oem-capability-card { min-height:3.22rem; padding:.3rem .24rem; background:#fff; position:relative; border-radius:.08rem; transition:transform .3s ease,box-shadow .3s ease; }
.yj-oem-capability-card:hover { transform:translateY(-.06rem); box-shadow:0 .18rem .32rem rgba(7,29,52,.11); }
.yj-oem-capability-mark { color:#bfd8ea; margin-bottom:.34rem; }
.yj-oem-capability-icon { width:.46rem; height:.46rem; margin-bottom:.22rem; color:var(--yj-oem-blue); }
.yj-oem-capability-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.yj-oem-card-title { color:var(--yj-oem-navy); margin-bottom:.15rem; }
.yj-oem-card-text { color:var(--yj-oem-muted); }
.yj-oem-range-section { background:#fff; }
.yj-oem-heading-row { max-width:none; }
.yj-oem-heading-row .yj-oem-heading-main { width:52%; }
.yj-oem-heading-side { width:37%; padding-top:.18rem; }
.yj-oem-range-layout { display:grid; grid-template-columns:1.18fr .82fr; min-height:5rem; border-radius:.12rem; overflow:hidden; }
.yj-oem-range-panel { padding:.55rem; }
.yj-oem-range-dark { background:var(--yj-oem-navy); color:#fff; }
.yj-oem-range-light { background:var(--yj-oem-ice); display:flex; flex-direction:column; justify-content:space-between; }
.yj-oem-range-title { color:#fff; margin-bottom:.16rem; }
.yj-oem-range-summary { max-width:7.2rem; color:rgba(255,255,255,.72); margin-bottom:.38rem; }
.yj-oem-range-list { display:grid; grid-template-columns:repeat(2,1fr); gap:.12rem; }
.yj-oem-range-item { min-height:.76rem; display:flex; align-items:center; gap:.16rem; padding:.14rem .18rem; background:rgba(255,255,255,.08); border-radius:.06rem; transition:background-color .3s ease; }
.yj-oem-range-item:hover { background:rgba(0,91,172,.85); }
.yj-oem-range-no { color:#83c7f4; }
.yj-oem-range-name { color:#fff; }
.yj-oem-range-image { border-radius:.08rem; overflow:hidden; }
.yj-oem-range-feature { padding-top:.28rem; }
.yj-oem-range-feature-label { color:var(--yj-oem-blue); margin-bottom:.1rem; }
.yj-oem-range-feature-text { color:var(--yj-oem-navy); }
.yj-oem-engineering-section { background:var(--yj-oem-ice); }
.yj-oem-engineering-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:.65rem; align-items:start; }
.yj-oem-engineering-copy .yj-oem-section-intro { margin-bottom:.26rem; }
.yj-oem-engineering-text { color:var(--yj-oem-muted); }
.yj-oem-engineering-content { display:grid; grid-template-columns:.87fr 1.13fr; gap:.18rem; }
.yj-oem-engineering-list { display:grid; grid-template-columns:1fr; gap:.1rem; }
.yj-oem-engineering-item { min-height:.55rem; padding:.17rem .2rem; display:flex; align-items:center; color:var(--yj-oem-navy); background:#fff; border-radius:.05rem; transition:background-color .3s ease,color .3s ease,transform .3s ease; }
.yj-oem-engineering-item::before { content:""; width:.08rem; height:.08rem; margin-right:.14rem; flex:none; border-radius:50%; background:var(--yj-oem-blue); }
.yj-oem-engineering-item:hover { color:#fff; background:var(--yj-oem-blue); transform:translateX(.05rem); }
.yj-oem-engineering-item:hover::before { background:#fff; }
.yj-oem-engineering-image { border-radius:.08rem; overflow:hidden; }
.yj-oem-quality-section { background:#fff; }
.yj-oem-quality-heading { text-align:center; margin-left:auto; margin-right:auto; }
.yj-oem-quality-heading .yj-oem-section-intro { max-width:7.8rem; margin:auto; }
.yj-oem-quality-grid { display:grid; grid-template-columns:.87fr 1.13fr; align-items:stretch; background:var(--yj-oem-navy); border-radius:.12rem; overflow:hidden; }
.yj-oem-quality-image { min-height:4.65rem; }
.yj-oem-quality-body { padding:.48rem .52rem; color:#fff; }
.yj-oem-quality-list { display:grid; grid-template-columns:repeat(2,1fr); gap:.12rem .2rem; }
.yj-oem-quality-item { padding-bottom:.12rem; color:rgba(255,255,255,.84); border-bottom:.01rem solid rgba(255,255,255,.16); }
.yj-oem-quality-item::before { content:"✓"; color:#7ec8f5; margin-right:.1rem; }
.yj-oem-quality-flow { margin-top:.38rem; padding:.24rem; background:rgba(255,255,255,.08); }
.yj-oem-quality-flow-label { color:#7ec8f5; margin-bottom:.1rem; letter-spacing:.1em; }
.yj-oem-quality-flow-text { color:#fff; }
.yj-oem-quality-flow-text span { color:#7ec8f5; padding:0 .04rem; }
.yj-oem-certification-row { gap:.12rem; margin-top:.22rem; }
.yj-oem-certification { padding:.14rem .19rem; color:var(--yj-oem-blue); background:#eaf5fc; border-radius:.05rem; }
.yj-oem-process-section { background:var(--yj-oem-ice); }
.yj-oem-process-heading { margin-left:auto; margin-right:auto; text-align:center; }
.yj-oem-process-heading .yj-oem-section-intro { max-width:7.8rem; margin:auto; }
.yj-oem-process-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:.14rem; position:relative; }
.yj-oem-process-card { min-height:2.84rem; padding:.27rem .21rem; position:relative; background:#fff; border-radius:.08rem; }
.yj-oem-process-card:not(:last-child)::after { content:""; width:.2rem; height:.01rem; position:absolute; top:.45rem; right:-.17rem; z-index:1; background:#9cc9e4; }
.yj-oem-process-number { width:.42rem; height:.42rem; margin-bottom:.28rem; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--yj-oem-blue); border-radius:50%; }
.yj-oem-process-icon { width:.42rem; height:.42rem; margin-bottom:.28rem; color:var(--yj-oem-blue); }
.yj-oem-process-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.yj-oem-process-title { color:var(--yj-oem-navy); min-height:.55rem; margin-bottom:.12rem; }
.yj-oem-process-text { color:var(--yj-oem-muted); }
.yj-oem-industry-section { background:#fff; }
.yj-oem-industry-heading { text-align:center; margin-left:auto; margin-right:auto; }
.yj-oem-industry-heading .yj-oem-section-intro { max-width:8.4rem; margin:auto; }
.yj-oem-industry-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.yj-oem-industry-card { min-height:1.78rem; padding:.3rem .35rem; border-bottom:.01rem solid var(--yj-oem-line); border-left:.01rem solid var(--yj-oem-line); transition:background-color .3s ease; }
.yj-oem-industry-card:nth-child(3n+1) { border-left:0; }
.yj-oem-industry-card:nth-child(-n+3) { border-top:.01rem solid var(--yj-oem-line); }
.yj-oem-industry-card:hover { background:var(--yj-oem-ice); }
.yj-oem-industry-title { color:var(--yj-oem-navy); margin-bottom:.14rem; }
.yj-oem-industry-text { color:var(--yj-oem-muted); }
.yj-oem-cta-section { min-height:5.2rem; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }
.yj-oem-cta-media { height:100%; padding-bottom:0; }
.yj-oem-cta-shade { position:absolute; inset:0; background:rgba(7,29,52,.9); }
.yj-oem-cta-inner { padding:1rem 0; display:grid; grid-template-columns:.7fr 1.3fr; gap:.65rem; align-items:center; }
.yj-oem-kicker-light { color:#8ecff5; }
.yj-oem-cta-title { color:#fff; margin-bottom:.2rem; letter-spacing:-.04em; }
.yj-oem-cta-text { color:rgba(255,255,255,.78); }
.yj-oem-cta-requirements { padding:.32rem; background:rgba(255,255,255,.08); }
.yj-oem-cta-requirement-title { color:#fff; margin-bottom:.2rem; }
.yj-oem-cta-requirement-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.13rem .22rem; }
.yj-oem-cta-requirement { color:rgba(255,255,255,.82); }
.yj-oem-cta-requirement::before { content:"✓"; color:#8ecff5; margin-right:.1rem; }
.yj-oem-cta-inner .yj-oem-action-row { grid-column:2; margin-top:-.35rem; }
.yj-oem-page a:focus-visible { outline:.02rem solid #fff; outline-offset:.04rem; }
@media all and (max-width:1200px) { .yj-oem-capability-grid { grid-template-columns:repeat(3,1fr); } .yj-oem-capability-card { min-height:2.6rem; } .yj-oem-engineering-layout { grid-template-columns:1fr; } .yj-oem-engineering-copy { max-width:8.6rem; } .yj-oem-process-grid { grid-template-columns:repeat(3,1fr); } .yj-oem-process-card:not(:last-child)::after { display:none; } }
@media all and (max-width:1000px) { .yj-oem-hero { min-height:6rem; } .yj-oem-hero-copy { width:8.1rem; padding-top:1rem; } .yj-oem-hero-points { padding-bottom:.3rem; } .yj-oem-heading-row { display:block; } .yj-oem-heading-row .yj-oem-heading-main, .yj-oem-heading-side { width:100%; } .yj-oem-heading-side { padding-top:0; } .yj-oem-range-layout, .yj-oem-quality-grid, .yj-oem-cta-inner { grid-template-columns:1fr; } .yj-oem-range-light { min-height:4rem; } .yj-oem-quality-image { min-height:3.5rem; } .yj-oem-cta-inner .yj-oem-action-row { grid-column:auto; margin-top:0; } }
@media all and (max-width:767px) { .yj-oem-section { padding:.75rem 0; } .yj-oem-hero { min-height:auto; } .yj-oem-hero-media, .yj-oem-cta-media { height:100%; padding-bottom:0; } .yj-oem-hero-shade { background:rgba(7,29,52,.82); } .yj-oem-hero-copy { width:100%; padding:.85rem 0 .22rem; } .yj-oem-hero-title { letter-spacing:-.03em; } .yj-oem-hero-points { gap:0; padding-bottom:.3rem; } .yj-oem-hero-point { width:50%; min-height:.62rem; padding:.13rem .13rem; border-left:.01rem solid rgba(255,255,255,.2); border-top:.01rem solid rgba(255,255,255,.2); } .yj-oem-hero-point:first-child { padding-left:.13rem; border-left:.01rem solid rgba(255,255,255,.2); } .yj-oem-action-row { width:100%; } .yj-oem-button { flex:1; justify-content:center; padding:.15rem .14rem; } .yj-oem-capability-grid, .yj-oem-industry-grid { grid-template-columns:1fr; } .yj-oem-capability-card { min-height:0; } .yj-oem-range-panel, .yj-oem-quality-body { padding:.3rem; } .yj-oem-range-list, .yj-oem-quality-list, .yj-oem-cta-requirement-grid { grid-template-columns:1fr; } .yj-oem-range-item { min-height:.64rem; } .yj-oem-engineering-content { grid-template-columns:1fr; } .yj-oem-engineering-image { min-height:3rem; } .yj-oem-quality-flow-text span { padding:0; } .yj-oem-process-grid { grid-template-columns:1fr; } .yj-oem-process-card { min-height:0; } .yj-oem-process-title { min-height:0; } .yj-oem-industry-card, .yj-oem-industry-card:nth-child(3n+1) { border-left:0; border-top:.01rem solid var(--yj-oem-line); } .yj-oem-industry-card:last-child { border-bottom:.01rem solid var(--yj-oem-line); } .yj-oem-cta-section { min-height:0; } .yj-oem-cta-inner { padding:.75rem 0; gap:.32rem; } }
@media (prefers-reduced-motion:reduce) { .yj-oem-page *, .yj-oem-page *::before, .yj-oem-page *::after { transition:none !important; } }

/* OEM engineering and quality refinement */
.yj-oem-engineering-section { background:#fff; }
.yj-oem-engineering-shell { display:grid; grid-template-columns:.9fr 1.1fr; overflow:hidden; color:#fff; background:var(--yj-oem-navy); border-radius:.12rem; }
.yj-oem-engineering-intro { padding:.6rem; display:flex; flex-direction:column; justify-content:space-between; }
.yj-oem-engineering-title { color:#fff; max-width:6.4rem; margin-bottom:.2rem; letter-spacing:-.04em; }
.yj-oem-engineering-lead { max-width:6.7rem; color:rgba(255,255,255,.75); margin-bottom:.38rem; }
.yj-oem-engineering-photo { overflow:hidden; border-radius:.06rem; }
.yj-oem-engineering-review { padding:.6rem; background:#123252; }
.yj-oem-engineering-review-label { color:#83c7f4; margin-bottom:.3rem; letter-spacing:.1em; }
.yj-oem-engineering-review-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.12rem; }
.yj-oem-engineering-review-item { min-height:1.58rem; padding:.24rem; display:grid; grid-template-columns:.42rem 1fr; gap:.15rem; background:rgba(255,255,255,.07); border-radius:.06rem; transition:background-color .3s ease,transform .3s ease; }
.yj-oem-engineering-review-item:hover { background:rgba(0,91,172,.72); transform:translateY(-.04rem); }
.yj-oem-review-icon, .yj-oem-quality-icon { width:.36rem; height:.36rem; color:#83c7f4; }
.yj-oem-review-icon svg, .yj-oem-quality-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.yj-oem-review-title { color:#fff; margin-bottom:.09rem; }
.yj-oem-review-text { color:rgba(255,255,255,.67); }
.yj-oem-engineering-note { margin-top:.18rem; padding-top:.18rem; color:rgba(255,255,255,.75); border-top:.01rem solid rgba(255,255,255,.16); }
.yj-oem-capability-mark { display:none; }
.yj-oem-capability-card .yj-oem-capability-icon { margin-top:.04rem; }
.yj-oem-quality-section { padding-top:1.35rem; background:var(--yj-oem-ice); }
.yj-oem-quality-layout { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; align-items:center; }
.yj-oem-quality-copy .yj-oem-section-title { max-width:7.5rem; }
.yj-oem-quality-copy .yj-oem-section-intro { max-width:7.2rem; margin-bottom:.35rem; }
.yj-oem-quality-stages { display:grid; gap:.14rem; }
.yj-oem-quality-stage { display:grid; grid-template-columns:.43rem 1fr; gap:.16rem; padding:.19rem 0; border-top:.01rem solid var(--yj-oem-line); }
.yj-oem-quality-stage:last-child { border-bottom:.01rem solid var(--yj-oem-line); }
.yj-oem-quality-icon { color:var(--yj-oem-blue); }
.yj-oem-quality-stage-title { color:var(--yj-oem-navy); margin-bottom:.07rem; }
.yj-oem-quality-stage-text { color:var(--yj-oem-muted); }
.yj-oem-quality-visual { position:relative; }
.yj-oem-quality-image { min-height:4.55rem; overflow:hidden; border-radius:.1rem; }
.yj-oem-quality-route { width:calc(100% - .7rem); margin:-.52rem auto 0; padding:.25rem .3rem; position:relative; color:#fff; background:var(--yj-oem-navy); border-radius:.06rem; }
.yj-oem-quality-route-label { margin-bottom:.12rem; color:#83c7f4; letter-spacing:.1em; }
.yj-oem-quality-route-items { display:flex; align-items:center; justify-content:space-between; gap:.1rem; }
.yj-oem-quality-route-items > span { color:#83c7f4; }
.yj-oem-quality-route-item { color:#fff; }
.yj-oem-process-section { padding-top:1.3rem; background:#fff; }
.yj-oem-process-card { background:var(--yj-oem-ice); box-shadow:0 .08rem .2rem rgba(7,29,52,.05); }
@media all and (max-width:1200px) { .yj-oem-engineering-shell { grid-template-columns:1fr; } .yj-oem-engineering-intro, .yj-oem-engineering-review { padding:.45rem; } .yj-oem-engineering-photo { max-width:7.2rem; } .yj-oem-quality-layout { grid-template-columns:1fr; } .yj-oem-quality-copy { max-width:8.5rem; } }
@media all and (max-width:767px) { .yj-oem-engineering-intro, .yj-oem-engineering-review { padding:.3rem; } .yj-oem-engineering-review-grid { grid-template-columns:1fr; } .yj-oem-engineering-review-item { min-height:1.3rem; } .yj-oem-quality-section { padding-top:.75rem; } .yj-oem-quality-route { width:calc(100% - .4rem); padding:.2rem; } .yj-oem-quality-route-items { flex-wrap:wrap; justify-content:flex-start; gap:.08rem; } }

/* OEM laptop and mobile refinement: rem values follow comm.js root-font scaling. */
@media all and (max-width:1520px) {
    .yj-oem-hero-copy { width:8rem; }
    .yj-oem-capability-card { padding:.26rem .2rem; }
    .yj-oem-range-panel { padding:.46rem; }
}
@media all and (max-width:1200px) {
    .yj-oem-section { padding:1rem 0; }
    .yj-oem-hero { min-height:6.7rem; }
    .yj-oem-hero-copy { width:7.6rem; padding-top:1.05rem; }
    .yj-oem-hero-points { padding-bottom:.38rem; }
    .yj-oem-capability-grid { gap:.14rem; }
    .yj-oem-range-layout { min-height:0; }
    .yj-oem-quality-layout { gap:.45rem; }
    .yj-oem-process-card { padding:.24rem .18rem; }
}
@media all and (max-width:1000px) {
    .yj-oem-hero { min-height:6.1rem; }
    .yj-oem-hero-copy { width:7.3rem; }
    .yj-oem-hero-point { min-height:.56rem; padding:.12rem .16rem; }
    .yj-oem-range-panel { padding:.38rem; }
    .yj-oem-engineering-photo { max-width:none; }
    .yj-oem-quality-image { min-height:3.7rem; }
    .yj-oem-process-grid { gap:.16rem; }
}
@media all and (max-width:767px) {
    .yj-oem-hero { min-height:0; }
    .yj-oem-hero-copy { width:100%; padding:.68rem 0 .2rem; }
    .yj-oem-hero-label, .yj-oem-kicker { letter-spacing:.08em; }
    .yj-oem-hero-title, .yj-oem-section-title, .yj-oem-engineering-title, .yj-oem-cta-title { font-size:var(--f60); }
    .yj-oem-hero-title { margin-bottom:.2rem; }
    .yj-oem-hero-lead { margin-bottom:.16rem; }
    .yj-oem-action-row { flex-direction:column; gap:.12rem; margin-top:.25rem; }
    .yj-oem-action-row .yj-oem-button { width:100%; flex:none; }
    .yj-oem-hero-points { padding-bottom:.24rem; }
    .yj-oem-hero-point { width:50%; min-height:.56rem; padding:.12rem; }
    .yj-oem-hero-point:last-child { width:100%; }
    .yj-oem-section { padding:.7rem 0; }
    .yj-oem-heading-block { margin-bottom:.34rem; }
    .yj-oem-capability-card { padding:.26rem .22rem; }
    .yj-oem-capability-icon { width:.42rem; height:.42rem; margin-bottom:.16rem; }
    .yj-oem-range-panel { padding:.28rem; }
    .yj-oem-range-summary { margin-bottom:.24rem; }
    .yj-oem-range-feature { padding-top:.2rem; }
    .yj-oem-engineering-shell { border-radius:.08rem; }
    .yj-oem-engineering-intro, .yj-oem-engineering-review { padding:.3rem; }
    .yj-oem-engineering-photo { margin-top:.1rem; }
    .yj-oem-engineering-review-grid { gap:.1rem; }
    .yj-oem-engineering-review-item { min-height:0; padding:.18rem; grid-template-columns:.36rem 1fr; gap:.12rem; }
    .yj-oem-quality-section { padding-top:.7rem; }
    .yj-oem-quality-layout { gap:.32rem; }
    .yj-oem-quality-image { min-height:3.2rem; }
    .yj-oem-quality-route { margin-top:-.38rem; }
    .yj-oem-quality-route-items > span { display:none; }
    .yj-oem-quality-route-item { width:50%; }
    .yj-oem-process-section { padding-top:.7rem; }
    .yj-oem-process-card { padding:.22rem; }
    .yj-oem-process-icon { margin-bottom:.16rem; }
    .yj-oem-cta-inner { padding:.7rem 0; }
    .yj-oem-cta-requirements { padding:.24rem; }
}
@media all and (max-width:375px) {
    .yj-oem-page .w16 { max-width:92%; }
    .yj-oem-hero-title, .yj-oem-section-title, .yj-oem-engineering-title, .yj-oem-cta-title { letter-spacing:-.025em; }
    .yj-oem-range-item { gap:.1rem; padding:.12rem; }
    .yj-oem-process-title { min-height:0; }
}
.yj-oem-page { --yj-oem-navy:#062B4A; --yj-oem-blue:#1e478f; }
.yj-oem-page .pt-sec-head { max-width:none; margin:0 0 .48rem; text-align:left; }
.yj-oem-page .pt-sec-head h2,
.yj-oem-page .pt-sec-head p { margin-left:0; margin-right:0; max-width:9.2rem; }
.yj-oem-page .yj-oem-process-heading { text-align:center; }
.yj-oem-page .yj-oem-process-heading h2,
.yj-oem-page .yj-oem-process-heading p { margin-left:auto; margin-right:auto; }
.yj-oem-page .yj-oem-heading-main { margin-bottom:0; }
.yj-oem-hero-label,
.yj-oem-kicker-light { color:#B8E04A; margin-bottom:.16rem; }
.yj-oem-button { font-weight:500; letter-spacing:0; }
.yj-oem-capability-icon,
.yj-oem-process-icon { width:.56rem; height:.56rem; }
.yj-oem-capability-icon img,
.yj-oem-process-icon img,
.yj-oem-quality-icon img { width:100%; height:100%; object-fit:contain; }
.yj-oem-quality-icon { width:.44rem; height:.44rem; }
.yj-oem-review-icon { width:.44rem; height:.44rem; }
.yj-oem-review-icon img { width:100%; height:100%; object-fit:contain; filter:brightness(0) invert(1); }
.yj-oem-range-ico { width:.44rem; height:.44rem; flex:none; object-fit:contain; filter:brightness(0) invert(1); }
.yj-oem-hero-shade { background:linear-gradient(90deg, rgba(6,43,74,.84) 0%, rgba(6,43,74,.62) 44%, rgba(6,43,74,.08) 100%); }
.yj-oem-cta-shade { background:linear-gradient(90deg, rgba(6,43,74,.84) 0%, rgba(6,43,74,.66) 55%, rgba(6,43,74,.44) 100%); }

/* ==================== Inner-page responsive refinement ==================== */
@media all and (max-width:1200px) {
    .n_news .fl { width:calc(100% - 3.8rem); }
    .n_news .fr { width:3.4rem; }
    .yj-pro-detail-container .yj-pro-block { margin-bottom:.3rem; }
}

@media all and (max-width:1000px) {
    .n_news .fl,
    .n_news .fr { float:none; width:100%; position:static; }
    .n_news .fr { margin-top:.3rem; }
    .n_news .fr .recomm { margin-top:.3rem; }
    .n_news .fr .recomm ul { display:grid; grid-template-columns:repeat(2,1fr); gap:.18rem; }
    .n_news .fr .recomm ul li + li { margin-top:0; }
}

@media all and (max-width:767px) {
    .ar_article p,
    .ar_article th,
    .ar_article td,
    .ar_article table { font-size:var(--f16); }
    .ar_article h2 { font-size:var(--f28); }
    .ar_article h3 { font-size:var(--f24); }
    .ar_article h4 { font-size:var(--f20); }
    .ar_article h5 { font-size:var(--f16); }

    .n_news .fl .box { padding:.36rem .26rem .24rem; }
    .n_news .fl .top h1 { font-size:var(--f48); line-height:1.25em; }
    .n_news .fl .bot { gap:.18rem; padding:.24rem; }
    .n_news .fl .bot > div { width:100%; min-width:0; }
    .n_news .fl .bot > div a { width:auto; }
    .n_news .fr .tab-con h4 { padding:.24rem .24rem 0; font-size:var(--f22); }
    .n_news .fr .blog-nav { padding:.2rem .24rem .24rem; }
    .n_news .fr .recomm ul { grid-template-columns:1fr; gap:0; }
    .n_news .fr .recomm ul li + li { margin-top:.18rem; }
    .n_news .fr .recomm ul li .img { width:1.8rem; }
    .n_news .fr .recomm ul li .info { width:calc(100% - 2rem); }

    .n_newslist { padding: 0.28rem 0 0.4rem; }

    .yj-pro-detail-container .yj-pro-block { padding:.28rem .24rem; }
    .yj-pro-summary h1,
    .sol_detail_sec .detail_left > h1 { font-size:var(--f48); line-height:1.2em; }
    .yj-pro-thumbs-wrap { padding:0 .28rem; }
    .yj-pro-thumbs-wrap .swiper-button-next,
    .yj-pro-thumbs-wrap .swiper-button-prev { width:.34rem; height:.34rem; }
    .yj-pro-rel-slider { padding:.04rem .1rem .62rem; }
    .yj-pro-rel-slider .swiper-button-next { right:calc(0 - .02rem); }
    .yj-pro-rel-slider .swiper-button-prev { left:calc(0 - .02rem); }
    .yj-pro-inquiry-form textarea { min-height:2rem; }

    .sol_detail_sec .detail_left { padding:.3rem .24rem; }
    .sol_detail_sec .detail_right .sidebar_box { padding:.28rem .24rem; }
    .rel_pro_slider { padding-bottom:.62rem; }
    .rel_pro_slider .swiper-button-next { right:42%; }
    .rel_pro_slider .swiper-button-prev { left:42%; }

    /* The fixed mobile header overlays the hero; reserve its visual height. */
    .yj-oem-hero-copy { padding-top:1.5rem; }

    .yj-oem-capability-icon { width:.64rem; height:.64rem; }
    .yj-oem-process-icon { width:.62rem; height:.62rem; }
    .yj-oem-review-icon,
    .yj-oem-quality-icon { width:.52rem; height:.52rem; }
    .yj-oem-engineering-review-item,
    .yj-oem-quality-stage { grid-template-columns:.52rem 1fr; }
}

@media all and (max-width:375px) {
    .n_news .fl .box { padding-left:.22rem; padding-right:.22rem; }
    .n_news .fr .recomm { padding:.24rem .2rem; }
    .yj-pro-detail-container .yj-pro-block,
    .sol_detail_sec .detail_left,
    .sol_detail_sec .detail_right .sidebar_box { padding-left:.2rem; padding-right:.2rem; }
}

/* The header is a component layout; never alter the global flex utility classes. */
@media all and (max-width:1000px) {
    #c-header .Header-container {
        height:60px;
        min-height:60px;
        line-height:normal;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:space-between;
        align-items:center;
        gap:0;
    }
    #c-header .Header-container .fr {
        flex:0 0 auto;
        flex-direction:row;
        flex-wrap:nowrap;
        align-items:center;
        gap:0;
    }
    #c-header .c-switch {
        display:flex;
        width:24px;
        height:20px;
        padding:0;
        border:0;
        outline:0;
        background:transparent;
        flex:0 0 24px;
        flex-direction:column;
        justify-content:space-between;
        cursor:pointer;
    }
    #c-header .c-switch i {
        top:auto;
        bottom:auto;
        width:100%;
        height:2px;
        margin:0;
        border:0;
        background:#fff;
    }
    #c-header.on .c-switch i,
    #c-header.white_bg .c-switch i,
    body.c-open #c-header .c-switch i {
        background:#333;
    }
    body.c-open #c-header .c-switch i:nth-child(1) { top:8px; }
    body.c-open #c-header .c-switch i:nth-child(3) { bottom:8px; }
    #c-header .tc_search { overflow-x:hidden; }
    #c-header .tc_search form { width:calc(100% - .64rem); max-width:80%; }

    .Footer-container .mid {
        flex-direction: column;
        gap: 0.36rem;
    }
    .Footer-container .mid .fl { width: 100%; }
    .Footer-container .foot-cols {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .Footer-container .foot-cols li {
        width: 100%;
        min-width: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }
    .Footer-container .foot-cols li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.12); }
    .Footer-container .foot-cols li p {
        min-height: 0.58rem;
        margin: 0;
        padding: 0.16rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .Footer-container .foot-cols li p i {
        margin-left: 0.16rem;
        transition: transform 0.3s ease;
    }
    .Footer-container .foot-cols li p.on i { transform: rotate(180deg); }
    .Footer-container .foot-cols li .foot_nav_link {
        display: none;
        padding: 0 0 0.18rem;
    }
    .foot-follow { align-items: flex-start; flex-direction: column; }
    .Footer-container .bot { align-items: flex-start; flex-direction: column; }
    .Footer-container .fr { width: 100%; margin-left: 0; }
    .Footer-container .mid .fl .info dd,
    .Footer-container .fr .info dd {
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

/* ==========================================================================
   Pronto Home — BTicino 1:1 replica
   ========================================================================== */
@font-face {
	font-family: "AcuminProCondBold";
	src: url("../fonts/acuminprocond-bold.woff") format("woff"),
		url("../fonts/acuminprocond-bold.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "AcuminProCondRegular";
	src: url("../fonts/acuminprocond-regular.woff2") format("woff2"),
		url("../fonts/acuminprocond-regular.woff") format("woff"),
		url("../fonts/acuminprocond-regular.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "AcuminProCondExtraLight";
	src: url("../fonts/acuminprocond-light.otf") format("opentype");
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "RobotoRegular";
	src: url("../fonts/roboto-regular.woff") format("woff"),
		url("../fonts/roboto-regular.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "RobotoMedium";
	src: url("../fonts/roboto-medium.woff") format("woff"),
		url("../fonts/roboto-medium.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "RobotoLight";
	src: url("../fonts/roboto-light.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}

.pt-home,
.pt-home-hero {
	--pt-n10: #F4F7F8;
	--pt-n20: #EAF3F8;
	--pt-n30: #d5e3ea;
	--pt-n60: #4b5d6a;
	--pt-n70: #1c3c56;
	--pt-n80: #062B4A;
	--pt-orange: #1e478f;
	--pt-orange-dark: #0e8a70;
	--pt-peach: #EAF3F8;
	--pt-overlap: 1.95rem;
	--pt-layout-pad: 0.92rem;
}

/* buttons — 62x auto, padding 0 32, 16px RobotoMedium */
:root {
	--pt-chev-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5.5 15.2 12 9 18.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--pt-chev-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 5.5 8.8 12 15 18.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pt-home .icon-arrowleft:before,
.pt-home .icon-arrowright:before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: currentColor;
	vertical-align: -0.12em;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-home .icon-arrowleft:before {
	-webkit-mask: var(--pt-chev-l) center / contain no-repeat;
	mask: var(--pt-chev-l) center / contain no-repeat;
}
.pt-home-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 1rem;
	height: auto;
	padding: 0.16rem 0.28rem 0.16rem 0.36rem;
	gap: 0.1rem;
	box-sizing: border-box;
	font-size: var(--f16);
	line-height: 1.35;
	font-weight: 500;
	letter-spacing: 0;
	white-space: nowrap;
	text-decoration: none;
	transition: all 0.3s ease;
	border-radius: 999px;
	border: 0;
}
.pt-home-btn:after {
	content: "";
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	background: currentColor;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-home-btn.pt-home-btn-primary {
	background: var(--pt-orange);
	color: #fff;
}
.pt-home-btn.pt-home-btn-primary:hover {
	background: var(--pt-orange-dark);
	color: #fff;
}
.pt-home-btn.pt-home-btn-light {
	background: #fff;
	color: var(--pt-n80);
}
.pt-home-btn.pt-home-btn-light:hover {
	background: var(--pt-n20);
	color: var(--pt-n80);
}
.pt-home-btn.pt-home-btn-white {
	background: #fff;
	color: var(--pt-n80);
}
.pt-home-btn.pt-home-btn-white:hover {
	background: var(--pt-n20);
	color: var(--pt-n80);
}
.pt-home-btn.pt-home-btn-ghost {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}
.pt-home-btn.pt-home-btn-ghost:hover {
	background: #fff;
	color: #000;
}

/* square nav */
.pt-home-nav-btn,
.pt-home-sq-btn {
	width: 0.46rem;
	height: 0.46rem;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	flex-shrink: 0;
}
.pt-home-nav-btn svg,
.pt-home-sq-btn svg {
	display: block;
	width: 0.2rem;
	height: 0.2rem;
	fill: none;
}
.pt-home-nav-btn:hover {
	background: #fff;
	color: var(--pt-n80);
}
.pt-home-sq-btn {
	border-color: var(--pt-n80);
	color: var(--pt-n80);
	background: #fff;
}
.pt-home-sq-btn:hover {
	background: var(--pt-n80);
	color: #fff;
	border-color: var(--pt-n80);
}
.pt-home-hero .swiper-button-prev,
.pt-home-hero .swiper-button-next,
.pt-home-proslide .swiper-button-prev,
.pt-home-proslide .swiper-button-next,
.pt-home-metrics .swiper-button-prev,
.pt-home-metrics .swiper-button-next {
	position: static;
	left: auto;
	right: auto;
	top: auto;
	margin: 0;
	transform: none;
	width: 0.46rem;
	height: 0.46rem;
}
.pt-home-hero .swiper-button-prev,
.pt-home-hero .swiper-button-next {
	color: #fff;
}
.pt-home-hero .swiper-button-prev svg,
.pt-home-hero .swiper-button-next svg,
.pt-home-hero .swiper-button-prev svg path,
.pt-home-hero .swiper-button-next svg path {
	fill: none;
	stroke: currentColor;
}
.pt-home-hero .swiper-button-prev:hover,
.pt-home-hero .swiper-button-next:hover {
	color: var(--pt-n80);
}
.pt-home-hero .swiper-button-prev:hover svg,
.pt-home-hero .swiper-button-next:hover svg,
.pt-home-hero .swiper-button-prev:hover svg path,
.pt-home-hero .swiper-button-next:hover svg path {
	fill: none;
	stroke: currentColor;
}
.pt-home-proslide .swiper-button-prev,
.pt-home-proslide .swiper-button-next,
.pt-home-metrics .swiper-button-prev,
.pt-home-metrics .swiper-button-next {
	color: var(--pt-n80);
}
.pt-home-proslide .swiper-button-prev svg,
.pt-home-proslide .swiper-button-next svg,
.pt-home-metrics .swiper-button-prev svg,
.pt-home-metrics .swiper-button-next svg,
.pt-home-proslide .swiper-button-prev svg path,
.pt-home-proslide .swiper-button-next svg path,
.pt-home-metrics .swiper-button-prev svg path,
.pt-home-metrics .swiper-button-next svg path {
	fill: none;
	stroke: currentColor;
}
.pt-home-proslide .swiper-button-prev:hover,
.pt-home-proslide .swiper-button-next:hover,
.pt-home-metrics .swiper-button-prev:hover,
.pt-home-metrics .swiper-button-next:hover {
	color: #fff;
}
.pt-home-proslide .swiper-button-prev:hover svg,
.pt-home-proslide .swiper-button-next:hover svg,
.pt-home-metrics .swiper-button-prev:hover svg,
.pt-home-metrics .swiper-button-next:hover svg,
.pt-home-proslide .swiper-button-prev:hover svg path,
.pt-home-proslide .swiper-button-next:hover svg path,
.pt-home-metrics .swiper-button-prev:hover svg path,
.pt-home-metrics .swiper-button-next:hover svg path {
	fill: none;
	stroke: currentColor;
}
.pt-home-hero .swiper-button-prev:after,
.pt-home-hero .swiper-button-next:after,
.pt-home-proslide .swiper-button-prev:after,
.pt-home-proslide .swiper-button-next:after,
.pt-home-metrics .swiper-button-prev:after,
.pt-home-metrics .swiper-button-next:after {
	display: none;
}

/* underline arrow links */
.pt-home-link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 0.08rem;
	padding-bottom: 0.065rem;
	border-bottom: 1px solid currentColor;
	text-decoration: none;
	transition: gap 0.3s ease;
}
.pt-home-link-arrow:hover {
	gap: 0.16rem;
}
.pt-home-link-arrow .pt-home-link-txt {
	font-size: var(--f16);
	line-height: 1.35;
}
.pt-home-link-arrow .pt-home-link-ico {
	display: block;
	width: 0.16rem;
	height: 0.16rem;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask: url("../images/home/icon-freccia-link.svg") no-repeat center / contain;
	mask: url("../images/home/icon-freccia-link.svg") no-repeat center / contain;
}
.pt-home-link-white {
	color: #fff;
	border-bottom-color: #fff;
}
.pt-home-link-dark {
	color: var(--pt-n80);
	border-bottom-color: var(--pt-n80);
}
.pt-home-link-orange {
	color: var(--pt-orange);
	border-bottom-color: var(--pt-orange);
}

/* ---------------- Hero ---------------- */
.pt-home-hero {
	width: 100%;
	background: #000;
}
.pt-home-hero .pt-home-hero-swiper {
	width: 100%;
	overflow: hidden;
}
.pt-home-hero .pt-home-hero-slide {
	height: calc(6.98rem + var(--nav_height));
	overflow: hidden;
}
.pt-home-hero .pt-home-hero-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.pt-home-hero .pt-home-hero-media:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(6,43,74,0.42) 0%, rgba(6,43,74,0.1) 18%, rgba(6,43,74,0) 36%),
		linear-gradient(90deg, rgba(6,43,74,0.82) 0%, rgba(6,43,74,0.52) 36%, rgba(6,43,74,0.12) 62%, rgba(6,43,74,0.02) 100%);
	z-index: 1;
}
.pt-home-hero .pt-home-hero-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}
.pt-home-hero .pt-home-hero-media-mb { display: none; }
.pt-home-hero .pt-home-hero-text {
	position: relative;
	z-index: 2;
	width: 6.6rem;
	height: 100%;
	padding: 1.8rem 0.64rem 0;
	gap: 0.28rem;
	box-sizing: border-box;
}
.pt-home-hero .pt-home-hero-kicker {
	font-size: var(--f14);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #d7ece6;
	margin-bottom: 0.1rem;
}
.pt-home-hero .pt-home-hero-title {
	font-size: var(--f50);
	line-height: 1.05;
	color: #fff;
	margin: 0 0 0.1rem;
	text-wrap: balance;
}
.pt-home-hero .pt-home-hero-desc {
	font-size: var(--f18);
	line-height: 1.4;
	color: #fff;
	font-weight: 400;
	max-width: 5.4rem;
}
.pt-home-hero .pt-home-hero-note {
	font-size: var(--f16);
	line-height: 1.45;
	color: rgba(255,255,255,0.86);
	max-width: 5.2rem;
}
.pt-home-hero .pt-home-hero-ctas {
	gap: 0.12rem;
	flex-wrap: wrap;
}
.pt-home-hero .pt-home-hero-controls {
	position: absolute;
	left: 0;
	bottom: 1.3rem;
	z-index: 3;
	width: 5.67rem;
	padding: 0 0.64rem;
	box-sizing: border-box;
}
.pt-home-hero .pt-home-hero-pagination {
	position: static;
	width: auto;
	display: flex;
	align-items: center;
	gap: 0.04rem;
}
.pt-home-hero .pt-home-hero-pagination .swiper-pagination-bullet {
	width: 0.29rem;
	height: 0.02rem;
	border-radius: 0;
	background: #fff;
	opacity: 0.4;
	margin: 0;
	transition: width 0.3s ease, opacity 0.3s ease;
}
.pt-home-hero .pt-home-hero-pagination .swiper-pagination-bullet-active {
	width: 1.39rem;
	opacity: 1;
	background: #fff;
}
.pt-home-hero .pt-home-hero-arrows {
	gap: 0.08rem;
}

/* ---------------- Mid banners: 1600 shell + 92 pad = 1416 x 260 ---------------- */
.pt-home-midban {
	background: #fff;
	padding: 0.48rem 0;
}
.pt-home-midban .pt-home-midban-inner {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	box-sizing: border-box;
}
.pt-home-midban .pt-home-midban-frame {
	height: 2.6rem;
	overflow: hidden;
}
.pt-home-midban .pt-home-midban-bg,
.pt-home-midban .pt-home-midban-img {
	position: absolute;
	inset: 0;
}
.pt-home-midban .pt-home-midban-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 58%;
	max-width: none;
	display: block;
}
.pt-home-midban .pt-home-midban-img-mb { display: none; }
.pt-home-midban-sample,
.pt-home-masonry,
.pt-co,
.pt-home-about-head,
.pt-home-metrics,
.pt-home-ops,
.pt-home-partner,
.pt-home-newslet,
.pt-home-support-head,
.pt-home-support { display: none; }
.pt-home-midban-sample .pt-home-midban-inner {
	width: 16rem;
	max-width: 92%;
}
.pt-home-midban-sample .pt-home-midban-frame {
	width: 100%;
}
.pt-home-midban-sample .pt-home-midban-img img {
	object-position: center 22%;
}
.pt-home-midban .pt-home-midban-panel {
	position: absolute;
	right: 0;
	bottom: 0.2rem;
	z-index: 2;
	box-sizing: border-box;
	width: min(90%, 10.8rem);
	padding: 0.32rem 0.4rem;
	gap: 0.32rem;
	background: linear-gradient(90deg, rgba(6,43,74,0.82) 0%, rgba(6,43,74,0.42) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	overflow: visible;
}
.pt-home-midban .pt-home-midban-desc {
	font-size: var(--f16);
	line-height: 1.35;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.pt-home-midban .pt-home-midban-left {
	flex: 1 0 0;
	gap: 0.08rem;
	min-width: 0;
}
.pt-home-midban .pt-home-midban-title {
	font-size: var(--f34);
	line-height: 1.1;
	color: #fff;
}
.pt-home-midban .pt-home-midban-right {
	flex-shrink: 0;
	align-items: center;
	gap: 0.1rem;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.pt-home-midban .pt-home-midban-note {
	font-size: var(--f14);
	line-height: 1.4;
	color: rgba(255,255,255,0.82);
}
.pt-home-newslet .pt-home-midban-frame {
	height: 3.1rem;
}
.pt-home-newslet .pt-home-midban-title {
	font-size: var(--f28);
}
.pt-home-newslet .pt-home-midban-img img {
	object-position: center 36%;
}

/* ---------------- Selected products: 1416 wide, 45vh image, 60 reserve ---------------- */
.pt-home-darkband {
	background: #fff;
}
.pt-home-selected {
	background: transparent;
	overflow: visible;
}
.pt-home-selected .pt-home-selected-shell {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	padding: 0 0 0.6rem;
	box-sizing: border-box;
}
.pt-home-selected .pt-home-selected-frame {
	min-height: 45vh;
	overflow: hidden;
}
.pt-home-selected .pt-home-selected-bg {
	position: absolute;
	inset: 0;
}
.pt-home-selected .pt-home-selected-bg:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #353536 50%, rgba(53,53,54,0.1) 100%);
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 1;
}
.pt-home-selected .pt-home-selected-img {
	position: absolute;
	inset: 0;
}
.pt-home-selected .pt-home-selected-img img {
	width: 100%;
	height: 100%;
	min-height: 45vh;
	object-fit: cover;
	object-position: center;
	max-width: none;
	display: block;
}
.pt-home-selected .pt-home-selected-img-mb { display: none; }
.pt-home-selected .pt-home-selected-content {
	position: relative;
	z-index: 2;
	max-width: 6.22rem;
	height: 100%;
	min-height: 45vh;
	padding: 0.4rem 0.64rem;
	gap: 0.08rem;
	box-sizing: border-box;
}
.pt-home-selected .pt-home-selected-kicker {
	font-size: var(--f14);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #d7ece6;
}
.pt-home-selected .pt-home-selected-title {
	font-size: var(--f50);
	line-height: 1.1;
	color: #fff;
	margin: 0 0 0.08rem;
	text-wrap: balance;
}
.pt-home-selected .pt-home-selected-desc {
	font-size: var(--f28);
	line-height: 1.1;
	color: #fff;
	font-weight: 300;
	max-width: 4.6rem;
}
.pt-home-selected .pt-home-selected-cta {
	margin-top: 0.12rem;
}

/* ---------------- Product overlap slider ---------------- */
.pt-home-proslide {
	z-index: 5;
	width: 16rem;
	max-width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(var(--pt-overlap) * -1);
	padding: 0 0.63rem 0.48rem;
	overflow: hidden;
}
.pt-home-proslide .pt-home-pro-swiper,
.pt-home-proslide .pt-home-pro-swiper .swiper-wrapper,
.pt-home-proslide .pt-home-pro-swiper .swiper-slide {
	overflow: visible;
}
.pt-home-proslide .pt-home-pro-swiper {
	position: relative;
}
.pt-home-metrics .swiper-slide {
	height: auto;
	display: flex;
}
.pt-home-metrics .pt-home-metric-card {
	width: 100%;
}
.pt-home-proslide .pt-home-pro-item {
	gap: clamp(0.32rem, 8vw, 1.13rem);
	justify-content: center;
}
.pt-home-proslide .pt-home-pro-media {
	width: 5.76rem;
	max-width: 46%;
	flex-shrink: 0;
}
.pt-home-proslide .pt-home-pro-media .rect-100 img {
	object-fit: contain;
	background: transparent;
}
.pt-home-proslide .pt-home-pro-info {
	width: 4rem;
	padding-top: calc(var(--pt-overlap) - 1.5rem);
	gap: 0.2rem;
	flex-shrink: 0;
}
.pt-home-proslide .pt-home-pro-name {
	font-size: var(--f40);
	line-height: 1.15;
	color: var(--pt-n80);
}
.pt-home-proslide .pt-home-pro-desc {
	font-size: var(--f18);
	line-height: 1.5;
	color: var(--pt-n80);
}
.pt-home-proslide .pt-home-pro-info .pt-home-btn {
	margin-top: 0.12rem;
}
.pt-home-proslide .pt-home-pro-arrows {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5.76rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
	z-index: 6;
}
.pt-home-proslide .pt-home-pro-arrows .pt-home-sq-btn {
	pointer-events: auto;
}
.pt-home-proslide .pt-home-pro-pagination {
	position: static;
	width: 100%;
	margin-top: 0.28rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.08rem;
}
.pt-home-proslide .pt-home-pro-pagination .swiper-pagination-bullet,
.pt-home-metrics .pt-home-metric-pagination .swiper-pagination-bullet {
	width: 0.29rem;
	height: 0.02rem;
	border-radius: 0;
	background: var(--pt-n30);
	opacity: 1;
	margin: 0;
}
.pt-home-proslide .pt-home-pro-pagination .swiper-pagination-bullet-active,
.pt-home-metrics .pt-home-metric-pagination .swiper-pagination-bullet-active {
	background: var(--pt-n70);
}

/* ---------------- Masonry ---------------- */
.pt-home-masonry {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	padding: 0.48rem 0;
}
.pt-home-masonry .pt-home-masonry-grid {
	display: grid;
	grid-template-columns: calc(50% - 0.06rem) calc(25% - 0.09rem) calc(25% - 0.09rem);
	grid-template-rows: repeat(2, 1fr);
	gap: 0.12rem;
	height: 7.05rem;
}
.pt-home-masonry .pt-home-masonry-item {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.pt-home-masonry .pt-home-masonry-item-1 { grid-column: 1; grid-row: 1; }
.pt-home-masonry .pt-home-masonry-item-2 { grid-column: 1; grid-row: 2; }
.pt-home-masonry .pt-home-masonry-item-3 { grid-column: 2; grid-row: 1 / -1; }
.pt-home-masonry .pt-home-masonry-item-4 { grid-column: 3; grid-row: 1 / -1; }
.pt-home-masonry .pt-home-masonry-pic {
	position: absolute;
	inset: 0;
}
.pt-home-masonry .pt-home-masonry-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	max-width: none;
}
.pt-home-masonry .pt-home-masonry-item:hover .pt-home-masonry-img {
	transform: scale(1.1);
}
.pt-home-masonry .pt-home-masonry-item-1 .pt-home-masonry-mask {
	background: linear-gradient(90deg, #062B4ACC 40%, #062B4A00 100%);
}
.pt-home-masonry .pt-home-masonry-item-2 .pt-home-masonry-mask {
	background: linear-gradient(90deg, #0e8a7000 0%, #062B4ACC 42%);
}
.pt-home-masonry .pt-home-masonry-item-3 .pt-home-masonry-mask {
	background: linear-gradient(to bottom, #0e4a5acc 40%, #0e4a5a00 100%);
}
.pt-home-masonry .pt-home-masonry-item-4 .pt-home-masonry-mask {
	background: linear-gradient(to top, #062B4ACC 40%, #062B4A00 100%);
}
.pt-home-masonry .pt-home-masonry-mask {
	position: absolute;
	inset: 0;
	pointer-events: none;
	transition: background 0.3s ease;
}
.pt-home-masonry .pt-home-masonry-item-1:hover .pt-home-masonry-mask {
	background: #062B4ACC;
}
.pt-home-masonry .pt-home-masonry-item-2:hover .pt-home-masonry-mask {
	background: #062B4ACC;
}
.pt-home-masonry .pt-home-masonry-item-3:hover .pt-home-masonry-mask {
	background: #0e4a5acc;
}
.pt-home-masonry .pt-home-masonry-item-4:hover .pt-home-masonry-mask {
	background: #062B4ACC;
}
.pt-home-masonry .pt-home-masonry-copy {
	position: relative;
	z-index: 2;
	width: calc(50% - 0.96rem);
	padding: 0.48rem;
	box-sizing: border-box;
}
.pt-home-masonry .pt-home-masonry-item-2 .pt-home-masonry-copy {
	margin-left: auto;
}
.pt-home-masonry .pt-home-masonry-item-3 .pt-home-masonry-copy {
	width: calc(100% - 0.96rem);
	height: calc(50% - 1.16rem);
	padding: 0.58rem 0.48rem;
	align-self: flex-start;
}
.pt-home-masonry .pt-home-masonry-item-4 .pt-home-masonry-copy {
	width: calc(100% - 0.96rem);
	height: calc(50% - 1.16rem);
	padding: 0.58rem 0.48rem;
	justify-content: flex-end;
	align-self: flex-end;
}
.pt-home-masonry .pt-home-masonry-title {
	font-size: var(--f32);
	line-height: 1.15;
	color: #fff;
	font-weight: 300;
	padding-bottom: 0.12rem;
}
.pt-home-masonry .pt-home-masonry-desc {
	font-size: var(--f16);
	line-height: 1.4;
	color: rgba(255,255,255,0.9);
	padding-bottom: 0.2rem;
	max-width: 4.8rem;
}

/* ---------------- News ---------------- */
.pt-home-news {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	padding: 0.84rem 0;
}
.pt-home-news .pt-home-news-wrap {
	display: grid;
	grid-template-columns: 3rem 1fr;
	gap: 0.48rem;
	align-items: start;
}
.pt-home-news .pt-home-news-intro {
	gap: 0.12rem;
	min-width: 2.65rem;
}
.pt-home-news .pt-home-news-title {
	font-size: var(--f50);
	line-height: 1;
	color: var(--pt-n80);
}
.pt-home-news .pt-home-news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.32rem;
}
.pt-home-news .pt-home-news-card {
	gap: 0.14rem;
	min-width: 0;
	width: 100%;
}
.pt-home-news .pt-home-news-pic {
	display: block;
	width: 100%;
	margin-bottom: 0.04rem;
}
.pt-home-news .pt-home-news-pic .rect-5625 {
	background: #f0f0f0;
}
.pt-home-news .pt-home-news-pic img {
	object-fit: cover;
	transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
.pt-home-news .pt-home-news-card:hover .pt-home-news-pic img {
	transform: scale(1.045);
}
.pt-home-news .pt-home-news-tags {
	gap: 0.08rem;
	flex-wrap: wrap;
	min-height: 0.28rem;
}
.pt-home-news .pt-home-news-tag {
	font-size: var(--f14);
	line-height: 1.35;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--pt-n80);
	padding: 0.06rem;
	background: #f0f0f0;
	white-space: nowrap;
	transition: background 0.3s ease;
}
.pt-home-news .pt-home-news-tag:hover {
	background: #e5e5e5;
}
.pt-home-news .pt-home-news-name {
	font-size: var(--f28);
	line-height: 1.1;
	color: var(--pt-n80);
	font-weight: 300;
	min-height: 2.2em;
	text-wrap: balance;
}
.pt-home-news .pt-home-news-name a {
	color: inherit;
}
@media (prefers-reduced-motion: reduce) {
	.pt-home-news .pt-home-news-pic img {
		transition: none;
	}
	.pt-home-news .pt-home-news-card:hover .pt-home-news-pic img {
		transform: none;
	}
}

/* ---------------- Section heads / ideas ---------------- */
.pt-home-ideas-head,
.pt-home-about-head,
.pt-home-support-head {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	padding: 0.48rem 0 0.16rem;
	text-align: center;
}
.pt-home-ops-head,
.pt-home-partner-head {
	text-align: center;
}
.pt-home-ideas-head .pt-home-sec-title,
.pt-home-about-head .pt-home-sec-title,
.pt-home-ops-head .pt-home-sec-title,
.pt-home-partner-head .pt-home-sec-title,
.pt-home-support-head .pt-home-sec-title {
	text-wrap: balance;
}
.pt-home-ideas-head .pt-home-sec-desc,
.pt-home-about-head .pt-home-sec-desc,
.pt-home-ops-head .pt-home-sec-desc,
.pt-home-partner-head .pt-home-sec-desc {
	margin-left: auto;
	margin-right: auto;
}
.pt-home .pt-home-sec-kicker {
	font-size: var(--f14);
	line-height: 1.35;
	text-transform: uppercase;
	color: var(--pt-n60);
	margin-bottom: 0.16rem;
}
.pt-home .pt-home-sec-title {
	font-size: var(--f40);
	line-height: 1.15;
	color: var(--pt-n80);
}
.pt-home .pt-home-sec-desc {
	font-size: var(--f18);
	line-height: 1.45;
	color: var(--pt-n60);
	max-width: 7.6rem;
	margin-top: 0.12rem;
}
.pt-home-news .pt-home-news-lead {
	margin-bottom: 0.2rem;
	max-width: 3.6rem;
}
.pt-home-ideas-head .pt-home-sec-cta {
	margin-top: 0.32rem;
	display: flex;
	justify-content: center;
}
.pt-home-ideas {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	padding: 0.16rem 0 0.48rem;
}
.pt-home-ideas .pt-home-ideas-row {
	gap: 0.4rem;
	margin-bottom: 0.4rem;
}
.pt-home-ideas .pt-home-idea-card {
	width: calc((100% - 0.8rem) / 3);
	gap: 0;
}
.pt-home-ideas .pt-home-idea-pic {
	width: 100%;
	margin-bottom: 0.24rem;
	overflow: hidden;
}
.pt-home-ideas .pt-home-idea-name {
	font-size: var(--f28);
	line-height: 1.15;
	color: var(--pt-n80);
	font-weight: 500;
}
.pt-home-ideas .pt-home-idea-desc {
	font-size: var(--f18);
	line-height: 1.5;
	color: var(--pt-n80);
	margin-top: 0.12rem;
	margin-bottom: 0.28rem;
}

/* ---------------- Metrics ---------------- */
.pt-home-metrics {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	padding: 0.16rem 0 0.48rem;
}
.pt-home-metrics .pt-home-metric-card {
	background: var(--pt-peach);
	border-radius: 0.2rem;
	height: 100%;
	min-height: 3.2rem;
	padding: 0.24rem 0.32rem;
	text-decoration: none;
	color: var(--pt-orange-dark);
	transition: background 0.3s ease, color 0.3s ease;
	box-sizing: border-box;
}
.pt-home-metrics .pt-home-metric-card:hover {
	background: var(--pt-orange-dark);
	color: #fff;
}
.pt-home-metrics .pt-home-metric-body {
	gap: 0.1rem;
	flex: 1;
	text-align: center;
}
.pt-home-metrics .pt-home-metric-num {
	font-size: var(--f50);
	line-height: 1;
	color: inherit;
	text-align: center;
}
.pt-home-metrics .pt-home-metric-label {
	font-size: var(--f16);
	line-height: 1.25;
	color: inherit;
	text-align: center;
}
.pt-home-metrics .pt-home-metric-desc {
	font-size: var(--f22);
	line-height: 1.15;
	color: inherit;
	text-align: center;
	font-weight: 300;
}
.pt-home-metrics .pt-home-metric-link {
	margin-top: auto;
	padding-top: 0.1rem;
	display: flex;
	justify-content: center;
}
.pt-home-metrics .pt-home-metric-card:hover .pt-home-link-orange {
	color: #fff;
	border-bottom-color: #fff;
}
.pt-home-metrics .pt-home-metric-foot {
	margin-top: 0.32rem;
}
.pt-home-metrics .pt-home-metric-pagination {
	position: static;
	width: auto;
	display: flex;
	gap: 0.08rem;
}
.pt-home-metrics .pt-home-metric-arrows {
	gap: 0.08rem;
}

/* ---------------- Framework / Operations / Partnership ---------------- */
.pt-home-kicker-light {
	color: #d7ece6 !important;
}
.pt-home-title-light {
	color: #fff !important;
}
.pt-home-desc-light {
	color: rgba(255,255,255,0.86) !important;
	max-width: 6.4rem;
}
.pt-home-framework,
.pt-home-ops,
.pt-home-partner {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	padding: 0.8rem 0;
}
.pt-home-framework-stage,
.pt-home-ops-stage {
	position: relative;
	overflow: hidden;
	background: #062B4A;
}
.pt-home-framework-stage {
	height: 6rem;
	overflow: hidden;
}
.pt-home-framework-media {
	overflow: hidden;
}
.pt-home-ops-stage {
	height: 7.2rem;
}
.pt-home-framework-media,
.pt-home-ops-shots,
.pt-home-ops-shots img {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.pt-home-framework-media img,
.pt-home-ops-shots img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	display: block;
}
.pt-home-framework-media img {
	object-position: center 40%;
}
.pt-home-framework-media:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(6,43,74,0.58) 0%, rgba(6,43,74,0.16) 34%, rgba(6,43,74,0.5) 66%, rgba(6,43,74,0.92) 100%);
	z-index: 1;
	pointer-events: none;
}
.pt-home-ops-stage:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(6,43,74,0.78) 0%, rgba(6,43,74,0.28) 42%, rgba(6,43,74,0.08) 100%);
	z-index: 1;
	pointer-events: none;
}
.pt-home-framework-intro {
	position: relative;
	z-index: 2;
	width: 8rem;
	padding: 0.28rem 0.4rem 1.92rem;
	box-sizing: border-box;
	gap: 0.1rem;
}
.pt-home-framework-intro .pt-home-btn {
	margin-top: 0.12rem;
}
.pt-home-framework-rail {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	background: transparent;
	padding: 0.18rem 0.4rem 0.28rem;
	gap: 0.28rem;
}
.pt-home-framework-step {
	padding: 0;
	margin: 0;
	cursor: pointer;
	border: 0;
	border-top: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	min-width: 0;
}
.pt-home-framework-step.is-active {
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
	border-top: 0;
	box-shadow: none;
}
.pt-home-framework-ico {
	width: 0.48rem;
	height: 0.48rem;
	margin: 0 0 0.08rem 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.pt-home-framework-ico img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	background: none;
}
.pt-home-framework-copy h3 {
	font-size: var(--f16);
	color: #fff;
	margin-bottom: 0.06rem;
	text-wrap: balance;
}
.pt-home-framework-step.is-active .pt-home-framework-copy h3 {
	color: #1e478f;
}
.pt-home-framework-copy p {
	font-size: var(--f14);
	line-height: 1.45;
	color: rgba(255,255,255,0.78);
}
.pt-home-ops-head,
.pt-home-partner-head {
	margin-bottom: 0.36rem;
}
.pt-home-ops-shots img {
	opacity: 0;
	transition: opacity 0.45s ease;
	z-index: 0;
}
.pt-home-ops-shots img.is-active {
	opacity: 1;
	z-index: 1;
}
.pt-home-ops-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	padding: 0.48rem 0.48rem 0.4rem;
	box-sizing: border-box;
}
.pt-home-ops-nav {
	gap: 0.06rem;
}
.pt-home-ops-tab {
	border: 0;
	background: transparent;
	color: rgba(255,255,255,0.5);
	min-height: auto;
	padding: 0;
	font-size: 0.52rem;
	line-height: 1.08;
	letter-spacing: -0.01em;
	text-align: left;
	cursor: pointer;
	transition: color 0.3s ease;
}
.pt-home-ops-tab.is-active {
	background: transparent;
	color: #fff;
}
.pt-home-ops-panel {
	width: 5.6rem;
	min-width: 0;
	color: #fff;
	padding: 0.32rem 0.36rem 0.36rem;
	background: rgba(6,43,74,0.58);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}
.pt-home-ops-card {
	display: none;
}
.pt-home-ops-card.is-active {
	display: block;
}
.pt-home-ops-kicker {
	font-size: var(--f18);
	color: #fff;
	margin-bottom: 0.1rem;
}
.pt-home-ops-card p {
	font-size: var(--f16);
	line-height: 1.5;
	color: rgba(255,255,255,0.88);
	margin-bottom: 0.22rem;
}
.pt-home-ops-route {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin-top: 0.2rem;
	padding: 0;
	box-sizing: border-box;
}
.pt-home-ops-route:before {
	content: "";
	position: absolute;
	left: 0.06rem;
	right: 0.06rem;
	top: 0.06rem;
	height: 1px;
	background: linear-gradient(90deg, #1e478f 0%, #1e478f 66%, #062B4A 100%);
	z-index: 0;
}
.pt-home-ops-node {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.08rem;
	padding: 0;
	margin: 0;
	width: auto;
	font-size: var(--f14);
	line-height: 1.2;
	color: var(--pt-n80);
	white-space: nowrap;
}
.pt-home-ops-node:before {
	content: "";
	display: block;
	position: relative;
	top: auto;
	left: auto;
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 50%;
	background: #1e478f;
	box-shadow: 0 0 0 3px #fff;
	flex-shrink: 0;
}
.pt-home-ops-node:nth-child(1) {
	align-items: flex-start;
}
.pt-home-ops-node:nth-child(2) {
	align-items: center;
}
.pt-home-ops-node:nth-child(3),
.pt-home-ops-node.is-cn {
	align-items: flex-end;
	margin-left: 0;
	text-align: right;
}
.pt-home-ops-node.is-cn:before {
	background: #062B4A;
}
.pt-home-partner-row {
	gap: 0.2rem;
}
.pt-home-partner-card {
	width: calc((100% - 0.4rem) / 3);
	min-width: 0;
}
.pt-home-partner-pic {
	position: relative;
	width: 100%;
	height: 5.4rem;
	overflow: hidden;
	background: #062B4A;
}
.pt-home-partner-pic img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	transition: transform 0.6s ease;
}
.pt-home-partner-card:last-child .pt-home-partner-pic img {
	object-position: center 42%;
}
.pt-home-partner-card:hover .pt-home-partner-pic img {
	transform: scale(1.05);
}
.pt-home-partner-shade {
	position: absolute;
	inset: 0;
	z-index: 2;
	padding: 0.32rem;
	box-sizing: border-box;
	background: linear-gradient(180deg, rgba(6,43,74,0.08) 0%, rgba(6,43,74,0.22) 42%, rgba(6,43,74,0.86) 100%);
	gap: 0.08rem;
}
.pt-home-partner-card h3 {
	font-size: var(--f28);
	color: #fff;
	margin: 0;
	text-wrap: balance;
}
.pt-home-partner-card p {
	font-size: var(--f16);
	line-height: 1.45;
	color: rgba(255,255,255,0.88);
	margin: 0 0 0.08rem;
	max-width: 4.4rem;
}
@media (prefers-reduced-motion: reduce) {
	.pt-home-ops-shots img,
	.pt-home-partner-pic img {
		transition: none;
	}
}
@media screen and (max-width: 1000px) {
	.pt-home-framework-stage {
		height: 5.8rem;
		overflow: hidden;
	}
	.pt-home-ops-stage {
		height: auto;
		min-height: 5.6rem;
	}
	.pt-home-framework-intro,
	.pt-home-ops-panel {
		width: 92%;
	}
	.pt-home-framework-rail {
		position: absolute;
		display: flex;
		overflow-x: auto;
		background: transparent;
	}
	.pt-home-framework-intro {
		padding-bottom: 2rem;
	}
	.pt-home-ops-overlay {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
		gap: 0.24rem;
	}
	.pt-home-partner-row {
		display: flex;
		overflow-x: auto;
		gap: 0.16rem;
	}
	.pt-home-framework-step,
	.pt-home-partner-card {
		min-width: 2.8rem;
		width: 3rem;
		flex-shrink: 0;
	}
	.pt-home-partner-pic {
		height: 4.2rem;
	}
	.pt-home-ops-tab {
		font-size: var(--f28);
	}
}

/* ---------------- Support ---------------- */
.pt-home-support {
	width: 16rem;
	max-width: 92%;
	margin: 0 auto;
	padding: 0.16rem 0 0.64rem;
}
.pt-home-support .pt-home-support-row {
	gap: 0.4rem;
}
.pt-home-support .pt-home-support-item {
	width: calc((100% - 0.8rem) / 3);
	text-align: center;
}
.pt-home-support .pt-home-support-icon {
	width: 0.72rem;
	height: 0.72rem;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.pt-home-support .pt-home-support-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: none;
}
.pt-home-support .pt-home-support-body {
	max-width: 3.54rem;
	text-align: center;
}
.pt-home-support .pt-home-support-name {
	font-size: var(--f22);
	line-height: 1.1;
	color: var(--pt-n80);
	padding-top: 0.32rem;
}
.pt-home-support .pt-home-support-desc {
	font-size: var(--f16);
	line-height: 1.5;
	color: var(--pt-n60);
	padding-top: 0.08rem;
}
.pt-home-support .pt-home-text-link {
	display: inline-block;
	margin-top: 0.16rem;
	padding-bottom: 0.03rem;
	font-size: var(--f16);
	color: var(--pt-n80);
	border-bottom: 1px solid var(--pt-orange);
	transition: color 0.3s ease;
}
.pt-home-support .pt-home-text-link:hover {
	color: var(--pt-orange-dark);
}

/* ---------------- Responsive ---------------- */
@media screen and (max-width: 1400px) {
	.pt-home-masonry .pt-home-masonry-title {
		font-size: var(--f32);
	}
	.pt-home-proslide .pt-home-pro-media {
		width: 4.8rem;
	}
}
@media screen and (max-width: 1200px) {
	.pt-home-hero .pt-home-hero-slide {
		height: calc(5.6rem + var(--nav_height));
	}
	.pt-home-hero .pt-home-hero-text {
		width: 70%;
		padding-top: 1.2rem;
	}
	.pt-home-news .pt-home-news-wrap {
		grid-template-columns: 1fr;
	}
	.pt-home-masonry .pt-home-masonry-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		height: auto;
	}
	.pt-home-masonry .pt-home-masonry-item {
		min-height: 3rem;
	}
	.pt-home-masonry .pt-home-masonry-item-1,
	.pt-home-masonry .pt-home-masonry-item-2,
	.pt-home-masonry .pt-home-masonry-item-3,
	.pt-home-masonry .pt-home-masonry-item-4 {
		grid-column: auto;
		grid-row: auto;
	}
	.pt-home-masonry .pt-home-masonry-copy,
	.pt-home-masonry .pt-home-masonry-item-3 .pt-home-masonry-copy,
	.pt-home-masonry .pt-home-masonry-item-4 .pt-home-masonry-copy {
		width: calc(100% - 0.48rem);
		height: auto;
		padding: 0.32rem 0.24rem;
	}
}
@media screen and (max-width: 1000px) {
	.pt-home-hero .pt-home-hero-media-pc { display: none; }
	.pt-home-hero .pt-home-hero-media-mb { display: block; }
	.pt-home-midban .pt-home-midban-img-pc { display: none; }
	.pt-home-midban .pt-home-midban-img-mb { display: block; }
	.pt-home-selected .pt-home-selected-img-pc { display: none; }
	.pt-home-selected .pt-home-selected-img-mb { display: block; }
	.pt-home-proslide .pt-home-pro-item {
		flex-direction: column;
		align-items: stretch;
	}
	.pt-home-proslide .pt-home-pro-media,
	.pt-home-proslide .pt-home-pro-info {
		width: 100%;
		max-width: 100%;
		padding-top: 0;
	}
	.pt-home-ideas .pt-home-ideas-row {
		flex-wrap: wrap;
	}
	.pt-home-ideas .pt-home-idea-card {
		width: 100%;
	}
	.pt-home-support .pt-home-support-row {
		flex-wrap: wrap;
	}
	.pt-home-support .pt-home-support-item {
		width: 100%;
	}
	.pt-home-news .pt-home-news-grid {
		grid-template-columns: 1fr;
	}
	.pt-home-midban .pt-home-midban-inner {
		padding: 0 0.16rem;
	}
	.pt-home-midban .pt-home-midban-frame {
		height: 5.04rem;
	}
	.pt-home-midban .pt-home-midban-panel {
		flex-direction: column;
		align-items: flex-start;
		right: 0;
		bottom: 0.4rem;
		width: calc(100% - 0.24rem);
		padding: 0.32rem;
		box-sizing: border-box;
	}
	.pt-home-selected .pt-home-selected-shell {
		padding: 0 0.16rem 0.32rem;
	}
	.pt-home-hero .pt-home-hero-controls {
		width: 3.15rem;
		bottom: 0.34rem;
		padding: 0 0.2rem;
	}
	.pt-home-hero .pt-home-hero-pagination .swiper-pagination-bullet-active {
		width: 1.1rem;
	}
	.pt-home-hero .pt-home-hero-text {
		width: calc(100% - 0.4rem);
		padding: 0.32rem 0.2rem;
		justify-content: flex-end;
		height: 100%;
	}
	.pt-home-hero .pt-home-hero-slide {
		height: calc(5.25rem + 60px);
	}
	.pt-home-proslide {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
		margin-top: -0.8rem;
	}
	.pt-home-masonry .pt-home-masonry-grid {
		grid-template-columns: 1fr;
	}
	.pt-home-selected .pt-home-selected-content {
		padding: 0.32rem 0.2rem 1.2rem;
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.pt-home-btn {
		height: 0.72rem;
		padding: 0 0.28rem;
	}
	.pt-home-nav-btn,
	.pt-home-sq-btn {
		width: 0.56rem;
		height: 0.56rem;
	}
	.pt-home-midban {
		padding: 0;
	}
}

/* ---------------- Solera-style hero + shortcuts ---------------- */
.pt-sol-hero {
	margin-bottom: 0;
	background: #05070a;
}
.pt-sol-hero .pt-home-hero-slide {
	/* height: calc(8rem + var(--nav_height)); */
	height: 100vh;
}
.pt-sol-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.pt-sol-media:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0) 24%),
		linear-gradient(90deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 34%, rgba(0,0,0,0.08) 62%, rgba(0,0,0,0) 100%);
}
.pt-sol-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 72% center;
	max-width: none;
}
.pt-sol-media .pt-sol-media-mb { display: none; }
.pt-sol-copy {
	position: absolute;
	left: max(6vw, calc((100% - 16rem) / 2));
	bottom: 1.15rem;
	z-index: 2;
	max-width: 9.6rem;
	color: #fff;
}
.pt-sol-mark {
	position: relative;
	display: inline-block;
	margin: 0 0 0.22rem;
	letter-spacing: 0.01em;
}
.pt-sol-mark:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.08rem;
	width: 0.78rem;
	height: 0.02rem;
	background: #fff;
}
.pt-sol-title {
	margin: 0 0 0.14rem;
	color: #fff;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.02;
	text-wrap: balance;
}
.pt-sol-sub {
	margin: 0 0 0.28rem;
	max-width: 7.2rem;
	color: rgba(255,255,255,0.92);
	line-height: 1.5;
}
.pt-sol-btn {
	display: inline-flex;
	align-items: center;
	height: 0.46rem;
	padding: 0 0.22rem;
	border: 1px solid rgba(255,255,255,0.92);
	border-radius: 999px;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background: transparent;
}
.pt-sol-btn:hover {
	background: #fff;
	color: #111;
}
.pt-sol-controls {
	position: absolute;
	right: 14vw;
	bottom: 1.22rem;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 0.14rem;
	color: #fff;
	filter: drop-shadow(0 0.02rem 0.06rem rgba(0,0,0,0.45));
}
.pt-sol-fraction {
	min-width: 0.42rem;
	letter-spacing: 0.02em;
}
.pt-sol-hero .pt-sol-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.46rem;
	height: 0.46rem;
	padding: 0;
	border: 1px solid rgba(255,255,255,0.88);
	border-radius: 50%;
	background: transparent;
	color: #fff;
	cursor: pointer;
}
.pt-sol-hero .pt-sol-arrow:hover {
	background: #fff;
	color: #111;
}
.pt-sol-hero .pt-sol-arrow:hover svg path { stroke: #111; }
.pt-sol-shortcuts {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.24rem;
	width: min(14rem, 92%);
	transform: translate(-50%, 50%);
	padding: 0.24rem 0.28rem;
	background: #fff;
	border-radius: 0.16rem;
	box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.25);
}
.pt-sol-shortcuts a {
	display: flex;
	align-items: center;
	gap: 0.16rem;
	color: #2e3238;
	font-weight: 500;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
}
.pt-sol-shortcuts a:hover {
	color: #1e478f;
	text-decoration: underline;
	text-underline-offset: 0.04rem;
	opacity: 1;
}
.pt-sol-shortcuts a:hover .pt-sol-ico {
	background: rgba(30, 71, 143, 0.12);
}
.pt-sol-ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.56rem;
	height: 0.56rem;
	padding: 0.12rem;
	background: #f1f2f3;
	border-radius: 0.16rem;
	flex: none;
}
.pt-sol-shortcuts img {
	width: 0.32rem;
	height: 0.32rem;
	object-fit: contain;
}
@media screen and (max-width: 900px) {
	.pt-sol-copy { left: 6vw; right: 6vw; max-width: none; bottom: 1.35rem; }
	.pt-sol-title { font-size: var(--f40); }
	.pt-sol-controls { right: 6vw; bottom: 1.42rem; }
	.pt-sol-shortcuts { width: 94%; gap: 0.12rem; padding: 0.16rem 0.18rem; }
	.pt-sol-shortcuts a { font-size: var(--f16); gap: 0.1rem; }
	.pt-sol-ico { width: 0.48rem; height: 0.48rem; padding: 0.12rem; }
}
@media screen and (max-width: 700px) {
	.pt-sol-hero .pt-home-hero-slide { height: calc(5.6rem + var(--nav_height)); }
	.pt-sol-controls { display: none; }
	.pt-sol-shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 0.16rem 0.12rem; }
	.pt-sol-shortcuts a { white-space: normal; }
	.pt-sol-media.has-mobile .pt-sol-media-pc { display: none; }
	.pt-sol-media .pt-sol-media-mb { display: block; }
}
.pt-sol-shortcuts { display: none; }

/* ---------------- Solera-style sourcing cards ---------------- */
.pt-sol-ways {
	padding: 0.8rem 0;
	background: #F3F4F7;
}
.pt-sol-ways-head,
.pt-sec-head {
	max-width: 10.6rem;
	margin: 0 auto 0.48rem;
	text-align: center;
}
.pt-sol-ways-kicker,
.pt-sec-kicker {
	margin-bottom: 0.16rem;
	color: #1e478f;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.pt-sol-ways-head h2,
.pt-sec-head h2 {
	margin: 0 auto 0.12rem;
	max-width: 9.4rem;
	color: #2e3238;
	letter-spacing: -0.03em;
	font-weight: 700;
}
.pt-sol-ways-head p,
.pt-sec-head p {
	margin: 0 auto;
	max-width: 8.6rem;
	color: #2e3238;
	line-height: 1.65;
}
.pt-sec-head .pt-home-link-arrow {
	margin-top: 0.24rem;
}
.pt-sol-ways-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.24rem;
}
.pt-sol-way {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 5.6rem;
	padding: 0.22rem;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}
.pt-sol-way::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(rgba(0,0,0,0) 48%, rgba(0,0,0,0.75) 100%);
	pointer-events: none;
}
.pt-sol-way:hover::before,
.pt-sol-way:focus-within::before {
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.88) 100%);
}
.pt-sol-way img {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pt-sol-way-texts {
	position: relative;
	z-index: 1;
	width: 100%;
}
.pt-sol-way h3 {
	margin: 0;
	color: #fff;
	font-weight: 700;
}
.pt-sol-way-extra {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
}
.pt-sol-way:hover .pt-sol-way-extra,
.pt-sol-way:focus-within .pt-sol-way-extra {
	max-height: 4.2rem;
}
.pt-sol-way-label {
	margin-top: 0.14rem;
	color: rgba(255,255,255,0.82);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.pt-sol-way-extra p {
	margin: 0.1rem 0 0;
	color: #fff;
	line-height: 1.45;
}
.pt-sol-way-more {
	display: inline-block;
	margin-top: 0.14rem;
	padding-right: 0.18rem;
	border-bottom: 1px solid #7dffe0;
	color: #7dffe0;
	font-weight: 500;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237dffe0' d='M4.2 1.4 8.8 6 4.2 10.6l-.9-.9L7 6 3.3 2.3z'/%3E%3C/svg%3E") right center / 0.12rem no-repeat;
}
@media screen and (max-width: 900px) {
	.pt-sol-ways-head h2,
	.pt-sec-head h2 { font-size: var(--f36); }
	.pt-sol-way { min-height: 4.4rem; }
	.pt-sol-way h3 { font-size: var(--f20); }
}
@media screen and (max-width: 700px) {
	.pt-sol-ways { padding: 1.2rem 0 0.4rem; }
	.pt-sol-ways-grid { grid-template-columns: 1fr; gap: 0.16rem; }
	.pt-sol-way { min-height: 4.8rem; }
	.pt-sol-way-extra { max-height: none; }
}

/* ---------------- Product series: category switch + card carousel ---------------- */
.pt-series {
	padding: 0.72rem 0 0.64rem;
	background: #fff;
}
.pt-series-tabs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.08rem;
	margin: 0 auto 0.48rem;
	padding: 0.08rem;
	width: max-content;
	max-width: 92%;
	background: #f4f6f8;
	border-radius: 999px;
}
.pt-series-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f16);
	gap: 0.1rem;
	min-width: 1.8rem;
	border: 0;
	background: transparent;
	color: #062b4a;
	padding: 0.08rem 0.22rem;
	border-radius: 999px;
	cursor: pointer;
	line-height: 1.2;
	font-weight: 500;
}
.pt-series-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	background: none;
}
.pt-series-tab img {
	width: 0.36rem;
	height: 0.36rem;
	object-fit: contain;
	flex: none;
}
.pt-series-tab.on {
	background: #1e478f;
	color: #fff;
}
.pt-series-tab.on img {
	filter: brightness(0) invert(1);
}
.pt-series-stage {
	position: relative;
}
.pt-series-panel {
	display: none;
	position: relative;
}
.pt-series-panel.on {
	display: block;
}
.pt-series-swiper {
	width: min(1600px, 92%);
	margin: 0 auto;
	overflow: hidden;
}
.pt-series-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.56rem;
	height: 0.56rem;
	padding: 0;
	border: 1px solid #e4e8ec;
	border-radius: 50%;
	background: #fff;
	color: #062b4a;
	box-shadow: 0 0.06rem 0.18rem rgba(6, 43, 74, 0.08);
	cursor: pointer;
	transform: translateY(-50%);
}
.pt-series-arrow svg {
	width: 0.28rem;
	height: 0.28rem;
}
.pt-series-arrow:hover {
	border-color: #1e478f;
	color: #1e478f;
}
.pt-series-prev { left: max(0.08rem, calc((100% - min(1600px, 92%)) / 2 - 0.68rem)); }
.pt-series-next { right: max(0.08rem, calc((100% - min(1600px, 92%)) / 2 - 0.68rem)); }
.pt-series-arrow.swiper-button-disabled {
	opacity: 0.35;
	cursor: default;
}
.pt-series-arrow.swiper-button-lock {
	display: none;
}
.pt-series-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0.2rem 0.18rem 0.18rem;
	border: 1px solid #e4e8ec;
	border-radius: 0.12rem;
	background: #fff;
	color: #062b4a;
	text-decoration: none;
	box-sizing: border-box;
}
.pt-series-pic {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.7rem;
	margin-bottom: 0.2rem;
}
.pt-series-pic img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.pt-series-card h3 {
	margin: 0 0 0.08rem;
	color: #062b4a;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pt-series-card p {
	margin: 0 0 0.16rem;
	color: #5c6670;
	line-height: 1.6;
}
.pt-series-more {
	margin-top: auto;
	color: #1e478f;
	font-weight: 500;
	letter-spacing: 0;
}
.pt-series-more:after {
	content: "";
	display: inline-block;
	width: 0.14rem;
	height: 0.14rem;
	margin-left: 0.04rem;
	vertical-align: -0.02rem;
	background: currentColor;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-series .swiper-slide {
	height: auto;
}
@media screen and (max-width: 700px) {
	.pt-series { padding: 0.48rem 0 0.4rem; }
	.pt-series-tab { min-width: 1.48rem; padding: 0.06rem 0.16rem; }
	.pt-series-tab img { width: 0.24rem; height: 0.24rem; }
	.pt-series-tabs { width: 100%; border-radius: 0.16rem; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
	.pt-series-tab { white-space: nowrap; }
	.pt-series-arrow { width: 0.4rem; height: 0.4rem; }
	.pt-series-arrow svg { width: 0.2rem; height: 0.2rem; }
	.pt-series-pic { height: 2.1rem; }
}
.pt-map {
	padding: 1rem 0 0.72rem;
	background: #fff;
}
.pt-map .pt-home-sec-kicker {
	margin-bottom: 12px;
	font-size: var(--f16);
	letter-spacing: 0.08em;
	color: #777;
}
.pt-map .pt-home-sec-title {
	margin: 0;
	font-size: var(--f32);
	line-height: 1.4;
	color: #1e478f;
}
.pt-map-stage {
	position: relative;
	margin-top: -0.48rem;
}
.pt-map-canvas {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.pt-map-canvas > img {
	display: block;
	width: 100%;
	height: auto;
}
.pt-map-arcs {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.pt-map-arcs path {
	fill: none;
	stroke: #1e478f;
	stroke-width: 1.25;
	stroke-linecap: round;
	opacity: 0.4;
	vector-effect: non-scaling-stroke;
}
.pt-map-canada { top: 30.7%; left: 27.5%; }
.pt-map-usa { top: 40.3%; left: 27.9%; }
.pt-map-venezuela { top: 58.4%; left: 34.7%; }
.pt-map-brazil { top: 69.1%; left: 37.7%; }
.pt-map-benin { top: 57%; left: 49.3%; }
.pt-map-nigeria { top: 57%; left: 50.5%; }
.pt-map-bulgaria { top: 38.2%; left: 54.3%; }
.pt-map-vietnam { top: 57.2%; left: 71.3%; }
.pt-map-philippines { top: 58.9%; left: 73.9%; }
.pt-map-japan { top: 46.4%; left: 76.3%; }
.pt-map-poland { top: 32.9%; left: 53.1%; }
.pt-map-hungary { top: 35.8%; left: 53%; }
.pt-map-china { top: 43.2%; left: 71.2%; }
.pt-map-dots,
.pt-map-hubs,
.pt-map-legend {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pt-map-dots,
.pt-map-hubs {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.pt-map-hubs { z-index: 2; }
.pt-map-dots li,
.pt-map-hubs li {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	transform: translate(-0.07rem, -50%);
	white-space: nowrap;
	pointer-events: auto;
	cursor: pointer;
}
.pt-map-dots li:hover,
.pt-map-dots li:focus-within,
.pt-map-dots li.is-hover {
	z-index: 12;
}
.pt-map-dots li.is-left,
.pt-map-hubs li.is-left {
	flex-direction: row-reverse;
	transform: translate(calc(-100% + 0.07rem), -50%);
}
.pt-map-dots li.is-up,
.pt-map-hubs li.is-up {
	flex-direction: column-reverse;
	transform: translate(-50%, calc(-100% + 0.07rem));
}
.pt-map-dots li.is-down,
.pt-map-hubs li.is-down {
	flex-direction: column;
	transform: translate(-50%, -0.07rem);
}
.pt-map-name {
	margin-left: 0.08rem;
	padding: 0.02rem 0.1rem;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 0.04rem 0.14rem rgba(6, 43, 74, 0.12);
	color: #1a2433;
	line-height: 1.4;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.pt-map-dots li:hover .pt-map-name,
.pt-map-dots li.is-hover .pt-map-name {
	background: #1e478f;
	color: #fff;
	box-shadow: 0 0.06rem 0.18rem rgba(30, 71, 143, 0.28);
}
.pt-map-dots li.is-hub:hover .pt-map-name {
	background: #062b4a;
}
.pt-map-tip {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 0.1rem);
	padding: 0.07rem 0.14rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 0.05rem;
	background: #062b4a;
	box-shadow: 0 0.1rem 0.26rem rgba(6, 27, 49, 0.24);
	color: #fff;
	font-weight: 500;
	line-height: 1.38;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, 0.05rem);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.pt-map-tip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	border: 0.05rem solid transparent;
	border-top-color: #062b4a;
	transform: translateX(-50%);
}
.pt-map-dots li.is-down .pt-map-tip {
	top: calc(100% + 0.1rem);
	bottom: auto;
	transform: translate(-50%, -0.05rem);
}
.pt-map-dots li.is-down .pt-map-tip::after {
	top: auto;
	bottom: 100%;
	border-top-color: transparent;
	border-bottom-color: #062b4a;
}
.pt-map-dots li:hover .pt-map-tip,
.pt-map-dots li:focus-within .pt-map-tip,
.pt-map-dots li.is-hover .pt-map-tip {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}
.pt-map-dots li.is-left .pt-map-name,
.pt-map-hubs li.is-left .pt-map-name {
	margin-left: 0;
	margin-right: 0.08rem;
}
.pt-map-dots li.is-up .pt-map-name,
.pt-map-hubs li.is-up .pt-map-name {
	margin: 0 0 0.06rem;
}
.pt-map-dots li.is-down .pt-map-name,
.pt-map-hubs li.is-down .pt-map-name {
	margin: 0.06rem 0 0;
}
.pt-map-dots li.is-hub .pt-map-name {
	background: #1e478f;
	color: #fff;
	box-shadow: 0 0.06rem 0.16rem rgba(30, 71, 143, 0.28);
}
.pt-map-dot {
	position: relative;
	z-index: 1;
	width: 0.1rem;
	height: 0.1rem;
	border: 0.02rem solid #fff;
	border-radius: 50%;
	background: #1e478f;
	box-shadow: 0 0.02rem 0.08rem rgba(30, 71, 143, 0.35);
	flex: none;
	box-sizing: content-box;
}
.pt-map-dots li.is-hub .pt-map-dot {
	width: 0.12rem;
	height: 0.12rem;
}
.pt-map-dot:before,
.pt-map-dot:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	height: 120%;
	border-radius: 50%;
	background: #1e478f;
	opacity: 0;
	transform: translate(-50%, -50%) scale(1);
	z-index: -1;
}
.pt-map-dot:after { animation: pt-map-pulse 3s linear infinite; }
.pt-map-dot:before { animation: pt-map-pulse 3s linear 1s infinite; }
.pt-map-dots li:nth-child(3n+2) .pt-map-dot:after { animation-delay: 0.6s; }
.pt-map-dots li:nth-child(3n+3) .pt-map-dot:after { animation-delay: 1.2s; }
@keyframes pt-map-pulse {
	0% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
	10% { opacity: 0.2; transform: translate(-50%, -50%) scale(1); }
	90% { opacity: 0.2; transform: translate(-50%, -50%) scale(4); }
	100% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
}
.pt-map-bldg {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	color: #243447;
	flex: none;
}
.pt-map-bldg svg { display: block; width: 100%; height: 100%; }
.pt-map-legend {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.48rem;
	margin-top: 0.32rem;
	text-align: left;
}
.pt-map-legend li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	color: #1a1a1a;
	white-space: nowrap;
}
.pt-map-legend .pt-map-dot {
	width: 0.14rem;
	height: 0.14rem;
	margin: 0 0.14rem 0 0;
	border: 0.04rem solid #1e478f;
	background: #fff;
	box-shadow: none;
}
.pt-map-legend .is-hub .pt-map-dot {
	width: 0.16rem;
	height: 0.16rem;
	border-color: #fff;
	background: #1e478f;
	box-shadow: 0 0 0 0.04rem #1e478f;
}
.pt-map-legend li span:last-child {
	padding: 0.12rem 0.36rem;
	border: 1px solid #d7dee6;
	border-radius: 999px;
	background: #fff;
	color: #1a2433;
	font-size: 0.18rem;
	line-height: 1.3;
}
.pt-map-legend .is-hub span:last-child {
	border-color: #1e478f;
	background: #1e478f;
	color: #fff;
}
.pt-map-legend .pt-map-dot:before,
.pt-map-legend .pt-map-dot:after {
	content: none;
	animation: none;
}
@media screen and (max-width: 700px) {
	.pt-map { padding: 0.48rem 0 0.4rem; }
	.pt-map .pt-home-sec-title { font-size: var(--f28); }
	.pt-map-stage { overflow-x: auto; }
	.pt-map-canvas { width: 920px; max-width: none; }
	.pt-map-name { font-size: var(--f14); }
	.pt-map-bldg { width: 0.36rem; height: 0.36rem; }
	.pt-map-legend {
		gap: 0.24rem;
		margin-top: 0.2rem;
	}
	.pt-map-legend li span:last-child {
		padding: 0.08rem 0.22rem;
		font-size: var(--f16);
	}
}
.pt-solu {
	padding: 0.9rem 0 0.8rem;
	background: #fff;
}
.pt-solu .pt-home-sec-title {
	margin: 0 0 0.56rem;
	font-size: var(--f48);
	line-height: 1.15;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #1a1a1a;
}
.pt-solu .pt-solu-main.w16 {
	display: flex;
	align-items: center;
	gap: 0.28rem;
	width: auto;
	max-width: none;
	margin-right: 0;
	margin-left: max(4%, calc((100% - 1600px) / 2));
}
.pt-solu-nav {
	position: relative;
	width: 2.45rem;
	flex: none;
	display: flex;
	flex-direction: column;
	gap: 0.22rem;
}
.pt-solu-nav::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.39rem;
	z-index: 0;
	width: 0;
	height: calc(100% + 1.5rem);
	border-left: 1px dashed #e5e5e5;
	transform: translateY(-50%);
	pointer-events: none;
}
.pt-solu-tab {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.1rem;
	width: 100%;
	padding: 0.06rem 0;
	border: 0;
	background: transparent;
	color: #8b919a;
	text-align: left;
	cursor: pointer;
}
.pt-solu-tab > span:first-child {
	flex: 1;
	min-width: 0;
	line-height: 1.25;
}
.pt-solu-tab.on { color: #1e478f; }
.pt-solu-ico {
	position: relative;
	z-index: 1;
	width: 0.78rem;
	height: 0.78rem;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #f3f6f8;
}
.pt-solu-tab.on .pt-solu-ico {
	box-shadow: 0 0 0.3rem 0.1rem rgba(30, 71, 143, 0.2);
}
.pt-solu-ico img {
	position: relative;
	z-index: 1;
	width: 0.46rem;
	height: 0.46rem;
	object-fit: contain;
}
.pt-solu-ring {
	display: none;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	transform: rotate(-90deg);
}
.pt-solu-ring circle {
	fill: none;
	stroke-width: 8;
}
.pt-solu-ring-track { stroke: rgba(30, 71, 143, 0.22); }
.pt-solu-ring-bar {
	stroke: #1e478f;
	stroke-linecap: round;
	stroke-dasharray: 219.91;
	stroke-dashoffset: 219.91;
}
.pt-solu-tab.on .pt-solu-ring { display: block; }
.pt-solu-tab.on .pt-solu-ring-bar {
	animation: pt-solu-ring 5s linear forwards;
}
@keyframes pt-solu-ring {
	to { stroke-dashoffset: 0; }
}
.pt-solu-copy {
	flex: 0 1 3.7rem;
	min-width: 3.1rem;
	position: relative;
	min-height: 2.4rem;
}
.pt-solu-pane { display: none; }
.pt-solu-pane.on { display: block; }
.pt-solu-pane h3 {
	margin: 0 0 0.18rem;
	color: #1a1a1a;
	font-weight: 700;
}
.pt-solu-pane p {
	margin: 0 0 0.32rem;
	color: #4a515a;
	line-height: 1.7;
}
.pt-solu-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.1rem;
	min-width: 1.4rem;
	height: auto;
	padding: 0.16rem 0.28rem 0.16rem 0.36rem;
	border-radius: 999px;
	background: #1e478f;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: 0;
	text-transform: none;
}
.pt-solu-more:after {
	content: "";
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	background: currentColor;
	letter-spacing: 0;
	text-transform: none;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-solu-more:hover { background: #0e8d73; color: #fff; }
.pt-solu-visual {
	position: relative;
	flex: 1 1 auto;
	min-width: 6.2rem;
	aspect-ratio: 16 / 9;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
}
.pt-solu-visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	visibility: hidden;
}
.pt-solu-visual img.on {
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width: 700px) {
	.pt-solu { padding: 0.48rem 0 0.4rem; }
	.pt-solu .pt-home-sec-title { font-size: var(--f32); }
	.pt-solu .pt-solu-main.w16 {
		flex-direction: column;
		align-items: stretch;
		width: 92%;
		max-width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	.pt-solu-nav { width: 100%; }
	.pt-solu-nav::before { right: 0.39rem; height: calc(100% + 0.6rem); }
	.pt-solu-copy { flex: none; min-width: 0; width: 100%; }
	.pt-solu-visual { width: 100%; min-width: 0; flex: none; }
}

.pt-home-cta {
	position: relative;
	overflow: hidden;
	padding: 0.92rem 0;
	color: #fff;
	text-align: center;
	background-color: #07111c;
	background-image: radial-gradient(ellipse 78% 150% at -6% 118%, rgba(78, 140, 230, 0.82) 0%, rgba(30, 71, 143, 0.42) 34%, transparent 68%);
}
.pt-home-cta-inner {
	position: relative;
	width: min(1600px, 92%);
	margin: 0 auto;
}
.pt-home-cta h2 {
	margin: 0 auto;
	max-width: 11rem;
	color: #fff;
	font-weight: 700;
	letter-spacing: -0.02em;
}
.pt-home-cta p {
	margin: 0.16rem auto 0;
	max-width: 8.2rem;
	color: rgba(255, 255, 255, 0.82);
	line-height: 1.6;
}
.pt-home-cta-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.12rem;
	margin-top: 0.32rem;
}
.pt-home-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.08rem;
	min-width: 1.72rem;
	height: 0.48rem;
	padding: 0 0.24rem;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 0.04rem;
	background: transparent;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0;
	text-decoration: none;
	line-height: 1;
}
.pt-home-cta-btn.is-arrow:after {
	content: "";
	width: 0.16rem;
	height: 0.16rem;
	background: currentColor;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-home-cta-btn:hover {
	background: #fff;
	border-color: #fff;
	color: #062b4a;
}
@media screen and (max-width: 700px) {
	.pt-home-cta { padding: 0.56rem 0; }
	.pt-home-cta h2 { font-size: var(--f28); }
	.pt-home-cta-btn { width: 100%; max-width: 3.2rem; }
}

/* Company */
.pt-co {
	background: #f3f7fb url("../images/home/pt-co-bg.webp?v=20261008d") center center / cover no-repeat;
	padding: 1.12rem 0;
	color: #333;
}
.pt-co-head {
	text-align: center;
}
.pt-co-head h2 {
	max-width: 9.4rem;
	margin: 0 auto;
	color: #333;
	text-align: center;
}
.pt-co-head p {
	max-width: 10.2rem;
	margin: 0.16rem auto 0;
	color: #333;
	text-align: center;
	line-height: 1.5;
}
.pt-co-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.24rem;
	margin: 0.48rem 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.pt-co-stats li { min-width: 0; }
.pt-co-stats img {
	display: block;
	width: 1rem;
	height: 1rem;
	margin: 0 auto 0.12rem;
	object-fit: contain;
}
.pt-co-stats strong,
.pt-co-stats span { display: block; }
.pt-co-stats strong { color: #333; line-height: 1.15; }
.pt-co-stats span {
	margin-top: 0.1rem;
	color: #999;
}
.pt-co-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.36rem;
	height: 0.46rem;
	margin: 0.48rem auto 0;
	border-radius: 0.3rem;
	background: #1e478f;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.pt-co-btn:hover { background: #16366e; }

@font-face {
	font-family: "PT Jaka";
	src: url("../fonts/PlusJakartaSans-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PT Jaka";
	src: url("../fonts/PlusJakartaSans-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PT Pretendard";
	src: url("../fonts/Pretendard-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PT Pretendard";
	src: url("../fonts/Pretendard-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PT Pretendard";
	src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
.pt-home-cando { overflow: visible; background: #fff; }
.pt-home-cando .pt-home-cando-lead { font-weight: 500; }
.pt-home-cando .pt-home-cando-title { font-weight: 700; margin-top: 1.76rem; }
.pt-home-cando .pt-home-cando-num,
.pt-home-cando .pt-home-cando-card-title { font-weight: 600; }
.pt-home-cando .pt-home-cando-more { font-weight: 500; }
.pt-home-cando .pt-home-cando-name { font-weight: 400; }
.pt-home-cando .pt-home-cando-note,
.pt-home-cando .pt-home-cando-card-text { font-weight: 400; }
.pt-home-cando .pt-home-cando-band {
	position: relative;
	overflow: visible;
	padding-top: 1.2rem;
	padding-bottom: 4.98rem;
	background:
		radial-gradient(ellipse 58% 90% at 100% -8%, rgba(58, 112, 214, 0.9) 0%, rgba(30, 71, 143, 0.42) 36%, rgba(8, 14, 28, 0) 68%),
		linear-gradient(180deg, #121a30 0%, #0c1424 58%, #0b1220 100%);
}
.pt-home-cando .pt-home-cando-lead { max-width: 11rem; margin: 0; }
.pt-home-cando .pt-home-cando-list {
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	gap: 0.75rem;
	list-style: none;
}
.pt-home-cando .pt-home-cando-item {
	flex: 0 0 auto;
	padding: 0.15rem 0 0.15rem 0.4rem;
	border-left: 1px solid rgba(221, 221, 221, 0.2);
}
.pt-home-cando .pt-home-cando-line { gap: 0.08rem; height: 0.8rem; }
.pt-home-cando .pt-home-cando-note { color: rgba(255, 255, 255, 0.6); }
.pt-home-cando .pt-home-cando-stage {
	position: relative;
	z-index: 1;
	overflow: visible;
	margin-top: -4.58rem;
}
.pt-home-cando .pt-home-cando-more {
	position: absolute;
	top: 0.84rem;
	right: max(4%, calc((100% - min(1600px, 92%)) / 2));
	z-index: 3;
	color: #fff;
	letter-spacing: 0;
	text-decoration: none;
}
.pt-home-cando .pt-home-cando-more:after {
	content: "";
	display: inline-block;
	width: 0.14rem;
	height: 0.14rem;
	margin-left: 0.06rem;
	vertical-align: -0.02rem;
	background: currentColor;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-home-cando .pt-home-cando-more:hover { color: #B8E04A; }
.pt-home-cando .pt-home-cando-swiper {
	width: 68%;
	margin: 0;
	overflow: hidden;
}
.pt-home-cando .pt-home-cando-card {
	position: absolute;
	top: 1.4rem;
	bottom: 0;
	right: max(4%, calc((100% - min(1600px, 92%)) / 2));
	z-index: 2;
	width: 6.1rem;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 0.12rem 0.36rem rgba(6, 43, 74, 0.12);
	box-sizing: border-box;
}
.pt-home-cando .pt-home-cando-card:hover { box-shadow: 0 0.18rem 0.46rem rgba(6, 43, 74, 0.2); }
.pt-home-cando .pt-home-cando-pane { display: none; width: 100%; }
.pt-home-cando .pt-home-cando-pane.on { display: block; }
.pt-home-cando .pt-home-cando-ctrl { width: 100%; margin-top: auto; }
.pt-home-cando .pt-home-cando-bars { width: 2.2rem; gap: 0.1rem; }
.pt-home-cando .pt-home-cando-bar {
	flex: 1;
	height: 0.16rem;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.pt-home-cando .pt-home-cando-bar span {
	display: block;
	height: 0.02rem;
	background: #e4e4e4;
	border-radius: 0.02rem;
}
.pt-home-cando .pt-home-cando-bar.on span,
.pt-home-cando .pt-home-cando-bar:hover span { background: #1e478f; }
.pt-home-cando .pt-home-cando-nav { gap: 0.1rem; }
.pt-home-cando .pt-home-cando-nav button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.48rem;
	height: 0.48rem;
	padding: 0;
	border: 1px solid #e6ebf0;
	background: #fff;
	color: #222;
	cursor: pointer;
	box-shadow: 0 0.04rem 0.12rem rgba(6, 43, 74, 0.06);
}
.pt-home-cando .pt-home-cando-nav .iconfont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.48rem;
	height: 0.48rem;
	font-size: 0.16rem;
	line-height: 1;
}
.pt-home-cando .pt-home-cando-nav button:hover {
	border-color: #1e478f;
	background: #1e478f;
	color: #fff;
	box-shadow: 0 0.08rem 0.18rem rgba(30, 71, 143, 0.28);
}
@media screen and (max-width: 1000px) {
	.pt-home-cando .pt-home-cando-band { padding-top: 0.6rem; padding-bottom: 0.4rem; }
	.pt-home-cando .pt-home-cando-title { margin-top: 0.48rem; }
	.pt-home-cando .pt-home-cando-stage { margin-top: 0; }
	.pt-home-cando .pt-home-cando-lead { max-width: none; }
	.pt-home-cando .pt-home-cando-list { display: block; width: 100%; margin-left: 0; }
	.pt-home-cando .pt-home-cando-item { border-left: 0; padding: 0.22rem 0 0; }
	.pt-home-cando .pt-home-cando-line { height: auto; }
	.pt-home-cando .pt-home-cando-swiper { width: 100%; }
	.pt-home-cando .pt-home-cando-card {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		width: 92%;
		margin: -0.48rem auto 0;
	}
	.pt-home-cando .pt-home-cando-more { top: 0.16rem; right: 4%; }
}
.pt-home-range { background: #fff; padding: 0.48rem 0 0.16rem; }
.pt-home-range .pt-home-range-stage { position: relative; }
.pt-home-range .pt-home-range-swiper { width: 100%; margin: 0; overflow: hidden; }
.pt-home-range .pt-home-range-swiper > .swiper-wrapper > .swiper-slide { height: auto; padding: 0.32rem 0; box-sizing: border-box; }
.pt-home-range .pt-home-range-card {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: auto 1fr auto;
	column-gap: 0.16rem;
	align-items: center;
	height: 5.8rem;
	padding: 0.4rem 0.32rem 0.28rem;
	box-sizing: border-box;
	background: linear-gradient(180deg, #062B4A 0%, #1e478f 100%);
}
.pt-home-range .pt-home-range-swiper > .swiper-wrapper > .swiper-slide:nth-child(even) .pt-home-range-card {
	background: linear-gradient(180deg, #0C5C3C 0%, #1E8A58 100%);
}
.pt-home-range .pt-home-range-main { display: block; grid-column: 1 / -1; min-width: 0; color: #fff; text-decoration: none; }
.pt-home-range .pt-home-range-kicker {
	margin: 0 0 0.08rem;
	font-size: 0.14rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	color: #fff;
}
.pt-home-range .pt-home-range-name {
	margin: 0;
	font-size: 0.36rem;
	font-weight: 700;
	line-height: 1.05;
	text-transform: uppercase;
	color: #fff;
	overflow-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 2.1em;
}
.pt-home-range .pt-home-range-main:hover .pt-home-range-name { color: #B8E04A; }
.pt-home-range .pt-home-range-desc {
	max-width: 4.2rem;
	margin-top: 0.14rem;
	font-size: 0.16rem;
	font-weight: 400;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.82);
}
.pt-home-range .pt-home-range-inner {
	grid-column: 1 / -1;
	align-self: end;
	width: 100%;
	margin-top: 0;
	overflow: hidden;
}
.pt-home-range .pt-home-range-inner .swiper-slide {
	height: auto;
	transition: opacity 0.35s ease, transform 0.35s ease;
}
.pt-home-range .pt-home-range-item {
	display: flex;
	align-items: center;
	gap: 0.2rem;
	min-width: 0;
	min-height: 1.92rem;
	padding: 0.16rem 0.18rem;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 0.08rem;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(4px);
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.pt-home-range .pt-home-range-inner .swiper-slide-active .pt-home-range-item {
	border-color: rgba(255, 255, 255, 0.42);
	background: rgba(255, 255, 255, 0.14);
	box-shadow: 0 0.1rem 0.28rem rgba(3, 18, 34, 0.2);
}
.pt-home-range .pt-home-range-inner .swiper-slide:not(.swiper-slide-active) {
	opacity: 0.52;
	transform: scale(0.96);
}
.pt-home-range .pt-home-range-item:hover {
	border-color: rgba(255, 255, 255, 0.72);
	background: rgba(255, 255, 255, 0.2);
}
.pt-home-range .pt-home-range-pic {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 1.12rem;
	width: 1.12rem;
	height: 1.12rem;
	padding: 0.08rem;
	border-radius: 0.06rem;
	background: rgba(255, 255, 255, 0.94);
}
.pt-home-range .pt-home-range-pic img { max-width: 100%; max-height: 100%; object-fit: contain; }
.pt-home-range .pt-home-range-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1;
}
.pt-home-range .pt-home-range-tag {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	margin-bottom: 0.06rem;
	padding: 0.02rem 0.08rem;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	font-size: var(--f14);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.92);
}
.pt-home-range .pt-home-range-label {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.44em;
	padding-bottom: 0.08rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.28);
	font-size: var(--f20);
	font-weight: 700;
	line-height: 1.22;
	color: #fff;
}
.pt-home-range .pt-home-range-sub {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 2.8em;
	margin-top: 0.08rem;
	color: rgba(255, 255, 255, 0.84);
	line-height: 1.4;
}
.pt-home-range .pt-home-range-item:hover .pt-home-range-label { color: #fff; }
.pt-home-range .pt-home-range-dots,
.pt-home-range .pt-home-range-dots.swiper-pagination-horizontal {
	position: static;
	left: auto;
	bottom: auto;
	grid-column: 2;
	grid-row: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	margin-top: 0.18rem;
	text-align: center;
}
.pt-home-range .pt-home-range-dots .swiper-pagination-bullet {
	width: 0.08rem;
	height: 0.08rem;
	margin: 0 0.05rem;
	border-radius: 999px;
	background: #fff;
	opacity: 0.38;
	transition: width 0.28s ease, background-color 0.28s ease, opacity 0.28s ease;
}
.pt-home-range .pt-home-range-dots .swiper-pagination-bullet-active {
	width: 0.26rem;
	background: #fff;
	opacity: 1;
}
.pt-home-range .pt-home-range-arrows { display: contents; }
.pt-home-range .pt-home-range-prev { grid-column: 1; grid-row: 3; justify-self: end; margin-top: 0.18rem; }
.pt-home-range .pt-home-range-next { grid-column: 3; grid-row: 3; justify-self: start; margin-top: 0.18rem; }
.pt-home-range .pt-home-range-arrows button {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.36rem;
	height: 0.36rem;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	cursor: pointer;
	transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}
.pt-home-range .pt-home-range-arrows button::before,
.pt-home-range .pt-home-range-arrows button::after {
	content: "";
	position: absolute;
	inset: -1px;
	border: 1px solid rgba(255, 255, 255, 0.56);
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	animation: pt-range-ripple 2.6s ease-out infinite;
}
.pt-home-range .pt-home-range-arrows button::after {
	animation-delay: 1.3s;
}
.pt-home-range .pt-home-range-arrows .iconfont { font-size: var(--f16); line-height: 1; }
.pt-home-range .pt-home-range-arrows button:hover {
	border-color: #fff;
	background: #fff;
	color: #062B4A;
	transform: scale(1.06);
}
.pt-home-range .swiper-button-disabled { opacity: 0.35; cursor: default; }
.pt-home-range .swiper-button-disabled::before,
.pt-home-range .swiper-button-disabled::after { animation: none; opacity: 0; }
.pt-home-range .pt-home-range-foot { display: flex; flex-direction: column; align-items: center; padding: 0.12rem 0 0.28rem; }
.pt-home-range .pt-home-range-outnav { display: flex; align-items: center; justify-content: center; gap: 0.28rem; }
.pt-home-range .pt-home-range-outprev,
.pt-home-range .pt-home-range-outnext {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.44rem;
	height: 0.44rem;
	padding: 0;
	border: 1px solid rgba(30, 71, 143, 0.36);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0.06rem 0.18rem rgba(6, 43, 74, 0.1);
	color: #1e478f;
	cursor: pointer;
	transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}
.pt-home-range .pt-home-range-outprev::before,
.pt-home-range .pt-home-range-outnext::before,
.pt-home-range .pt-home-range-outprev::after,
.pt-home-range .pt-home-range-outnext::after {
	content: "";
	position: absolute;
	inset: -1px;
	border: 1px solid rgba(30, 71, 143, 0.48);
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	animation: pt-range-ripple 2.6s ease-out infinite;
}
.pt-home-range .pt-home-range-outprev::after,
.pt-home-range .pt-home-range-outnext::after {
	animation-delay: 1.3s;
}
.pt-home-range .pt-home-range-outprev .iconfont,
.pt-home-range .pt-home-range-outnext .iconfont { font-size: var(--f18); line-height: 1; }
.pt-home-range .pt-home-range-outprev:hover,
.pt-home-range .pt-home-range-outnext:hover {
	border-color: #062B4A;
	background: #062B4A;
	color: #fff;
}
@keyframes pt-range-ripple {
	0% { transform: scale(1); opacity: 0.72; }
	75% { transform: scale(1.58); opacity: 0; }
	100% { transform: scale(1.58); opacity: 0; }
}
.pt-home-range .pt-home-range-all {
	display: inline-flex;
	align-items: center;
	gap: 0.1rem;
	margin-top: 0.2rem;
	padding: 0.16rem 0.32rem 0.16rem 0.4rem;
	border-radius: 999px;
	background: #1e478f;
	color: #fff;
	font-size: 0.16rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
}
.pt-home-range .pt-home-range-all:after {
	content: "";
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	background: currentColor;
	letter-spacing: 0;
	text-transform: none;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-home-range .pt-home-range-all:hover { background: #062b4a; color: #fff; }
@media screen and (max-width: 1000px) {
	.pt-home-range .pt-home-range-card { height: auto; min-height: 5.8rem; }
}
.pt-home-news {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0.72rem 0 0.64rem;
	overflow: hidden;
	background: #fff;
	color: #2e3238;
}
.pt-home-news .pt-news-top { gap: 0.32rem; margin-bottom: 0.32rem; }
.pt-home-news .pt-news-head {
	max-width: 8.8rem;
	margin: 0;
	text-align: left;
}
.pt-home-news .pt-news-head h2 {
	margin: 0;
	max-width: none;
	color: #062B4A;
	text-align: left;
}
.pt-home-news .pt-news-lead {
	max-width: 8.2rem;
	color: #5c6570;
	text-align: left;
	line-height: 1.3;
}
.pt-home-news .pt-news-arrows { gap: 0.16rem; flex: none; }
.pt-home-news .pt-news-prev,
.pt-home-news .pt-news-next {
	width: 0.54rem;
	height: 0.54rem;
	border: 0;
	border-radius: 0.03rem;
	background: #1e478f;
	color: #fff;
	cursor: pointer;
}
.pt-home-news .pt-news-prev svg,
.pt-home-news .pt-news-next svg { width: 0.28rem; height: 0.28rem; }
.pt-home-news .pt-news-prev:hover,
.pt-home-news .pt-news-next:hover { background: #16366e; }
.pt-home-news .pt-news-prev.is-disabled,
.pt-home-news .pt-news-next.is-disabled { opacity: 0.35; cursor: default; }
.pt-home-news .pt-news-swiper { overflow: hidden; }
.pt-home-news .pt-news-card {
	min-width: 0;
	color: #2e3238;
	text-decoration: none;
}
.pt-home-news .pt-news-pic { width: 100%; background: #eef1f3; }
.pt-home-news .pt-news-pic img { transition: transform 0.45s ease; }
.pt-home-news .pt-news-card:hover .pt-news-pic img { transform: scale(1.04); }
.pt-home-news .pt-news-date { flex: none; height: auto; padding-top: 0; color: #777; line-height: 1.4; }
.pt-home-news .pt-news-name { color: #062B4A; font-weight: 400;width: 100%;}
.pt-home-news .pt-news-card:hover .pt-news-name { color: #1e478f; }
.pt-home-news .pt-news-sum {
	color: #5c6570;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pt-home-news .pt-news-more {
	color: #1e478f;
	font-weight: 500;
	letter-spacing: 0;
}
.pt-home-news .pt-news-more::after {
	content: "";
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	margin-left: 0.06rem;
	vertical-align: -0.03rem;
	background: currentColor;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-banner {
	display: none;
	position: relative;
	min-height: 3.6rem;
	align-items: center;
	overflow: hidden;
	color: #fff;
}
.pt-banner-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 42%;
}
.pt-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(8, 16, 26, 0.78) 0%, rgba(8, 16, 26, 0.5) 34%, rgba(8, 16, 26, 0.12) 62%, rgba(8, 16, 26, 0) 100%);
}
.pt-banner-inner {
	position: relative;
	z-index: 1;
	padding: 0.64rem 0;
}
.pt-banner-inner h2 {
	margin: 0.1rem 0 0.14rem;
	max-width: 7.6rem;
	color: #fff;
	font-weight: 700;
}
.pt-banner-inner p {
	margin: 0 0 0.28rem;
	max-width: 6.2rem;
	color: rgba(255,255,255,0.9);
}
.pt-banner-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.1rem;
	height: auto;
	padding: 0.16rem 0.24rem 0.16rem 0.32rem;
	border: 1px solid #B8E04A;
	border-radius: 999px;
	background: #B8E04A;
	color: #0E2A5C;
	text-decoration: none;
}
.pt-banner-btn:after {
	content: "";
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	background: currentColor;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-banner-btn:hover { background: #cbe86a; color: #0E2A5C; }
@media screen and (max-width: 1100px) {
	.pt-co-stats { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 700px) {
	.pt-co { padding: 0.56rem 0; }
	.pt-co-stats { grid-template-columns: 1fr 1fr; gap: 0.2rem; }
	.pt-news-top { align-items: flex-start; }
	.pt-banner { min-height: 4.2rem; }
}

/* solution detail */
.pt-ind { position: relative; color: #1a1a1a; background: #fff; }
.pt-ind-side {
	position: fixed;
	z-index: 4;
	left: 28px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.pt-ind-side a {
	position: relative;
	display: block;
	padding: 6px 0 6px 18px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	color: rgba(26, 26, 26, 0.5);
	text-decoration: none;
	transition: color 0.36s ease;
}
.pt-ind-side a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #1e478f;
	opacity: 0;
	transition: opacity 0.36s ease;
}
.pt-ind-side a:hover,
.pt-ind-side a.on { color: #1e478f; }
.pt-ind-side a.on:before { opacity: 1; }
.pt-ind section { scroll-margin-top: 120px; }
.pt-ind-box { width: min(1600px, 92%); margin: 0 auto; }
.pt-ind-offer { padding: 100px 0 80px; }
.pt-ind-offer .pt-ind-box,
.pt-ind-play,
.pt-ind-book .pt-ind-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 80px;
}
.pt-ind-le { flex: 0 0 42%; }
.pt-ind-ri { flex: 1; min-width: 0; padding-top: 8px; }
.pt-ind-label {
	margin: 0 0 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(26, 26, 26, 0.5);
}
.pt-ind h2 {
	margin: 0;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.4;
	color: #1e478f;
}
.pt-ind-lead {
	margin: 0 0 32px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	color: rgba(26, 26, 26, 0.7);
}
.pt-ind-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 48px;
	padding: 0 22px;
	border: 1px solid #1e478f;
	border-radius: 0;
	background: transparent;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: #1e478f;
	text-decoration: none;
	transition: background 0.36s ease, color 0.36s ease, border-color 0.36s ease;
}
.pt-ind-btn:after {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
	transition: transform 0.36s ease;
}
.pt-ind-btn:hover { background: #1e478f; color: #fff; }
.pt-ind-btn:hover:after { transform: translateX(6px); }
.pt-ind-btn.is-fill { background: #1e478f; color: #fff; }
.pt-ind-btn.is-fill:hover { background: #062b4a; border-color: #062b4a; }
.pt-ind-ch { padding: 0 0 100px; }
.pt-ind-headrow {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 36px;
}
.pt-ind-head { margin-bottom: 0; max-width: 720px; }
.pt-ind-arrows { display: flex; gap: 10px; flex-shrink: 0; }
.pt-ind-prev,
.pt-ind-next,
.pt-ind-pro-prev,
.pt-ind-pro-next {
	width: 54px;
	height: 54px;
	border: 0;
	border-radius: 3px;
	background: #1e478f;
	cursor: pointer;
	position: relative;
	transition: background 0.36s ease;
}
.pt-ind-prev:hover,
.pt-ind-next:hover,
.pt-ind-pro-prev:hover,
.pt-ind-pro-next:hover { background: #062b4a; }
.pt-ind-prev:before,
.pt-ind-next:before,
.pt-ind-pro-prev:before,
.pt-ind-pro-next:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 18px;
	background: #fff;
	transform: translate(-50%, -50%);
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-ind-prev:before,
.pt-ind-pro-prev:before {
	-webkit-mask-image: var(--pt-chev-l);
	mask-image: var(--pt-chev-l);
}
.pt-ind-chal-track {
	display: flex;
	gap: 16px;
	height: 364px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
}
.pt-ind-chal-track::-webkit-scrollbar { display: none; }
.pt-ind-chal-track article {
	flex: 0 0 286px;
	width: 286px;
	height: 364px;
	padding: 31px 28px 36px 24px;
	background: #e7eef6;
	cursor: pointer;
	overflow: hidden;
	transition: width 0.45s ease, flex-basis 0.45s ease;
}
.pt-ind-chal-track article.on {
	flex-basis: 640px;
	width: 640px;
}
.pt-ind-chal-track img {
	display: block;
	width: 56px;
	height: 56px;
	margin-bottom: 48px;
	object-fit: contain;
}
.pt-ind-chal-track h3 {
	margin: 0 0 16px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	color: #1a1a1a;
}
.pt-ind-chal-track p {
	margin: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
	color: rgba(26, 26, 26, 0.7);
	transition: opacity 0.36s ease, max-height 0.36s ease;
}
.pt-ind-chal-track article.on p {
	max-height: 140px;
	opacity: 1;
}
.pt-ind-steps h3 {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	color: #1a1a1a;
}
.pt-ind-steps p,
.pt-ind-note {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
	color: rgba(26, 26, 26, 0.7);
}
.pt-ind-gray { background: #f0f0f0; padding: 100px 0; }
.pt-ind-steps { list-style: none; margin: 0; padding: 0; }
.pt-ind-steps li { padding: 0 0 22px 0; }
.pt-ind-steps li:last-child { padding-bottom: 0; }
.pt-ind-photo { margin-top: 48px; }
.pt-ind-photo img {
	display: block;
	width: 100%;
	height: 420px;
	object-fit: cover;
	object-position: center;
}
.pt-ind-arch { margin-top: 72px; scroll-margin-top: 120px; }
.pt-ind-topo { display: block; width: 100%; height: auto; background: #fff; }
.pt-ind-note { margin-top: 16px; max-width: 820px; }
.pt-ind-pro-prev.swiper-button-disabled,
.pt-ind-pro-next.swiper-button-disabled,
.pt-ind-prev:disabled,
.pt-ind-next:disabled {
	opacity: 0.35;
	cursor: default;
}
.pt-ind-pro-swiper { overflow: hidden; }
.pt-ind-pro-card {
	display: block;
	color: #1a1a1a;
	text-decoration: none;
}
.pt-ind-pro-card .pic {
	position: relative;
	display: block;
	height: 280px;
	background: #f0f0f0;
	overflow: hidden;
}
.pt-ind-pro-card .cover {
	position: absolute;
	inset: 28px;
	width: calc(100% - 56px);
	height: calc(100% - 56px);
	object-fit: contain;
	transition: opacity 0.36s ease;
}
.pt-ind-pro-card .hover {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e7eef6;
	opacity: 0;
	transition: opacity 0.36s ease;
}
.pt-ind-pro-card .hover img {
	width: 72px;
	height: 72px;
	object-fit: contain;
}
.pt-ind-pro-card:hover .cover { opacity: 0; }
.pt-ind-pro-card:hover .hover { opacity: 1; }
.pt-ind-pro-card strong,
.pt-ind-pro-card em {
	display: block;
	font-style: normal;
}
.pt-ind-pro-card strong {
	margin-top: 17px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	transition: color 0.36s ease;
}
.pt-ind-pro-card em {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: rgba(26, 26, 26, 0.6);
}
.pt-ind-pro-card:hover strong { color: #1e478f; }
.pt-ind-book { background: #f0f0f0; padding: 100px 0; }
.pt-ind-book .pt-ind-lead { margin-bottom: 0; }
.pt-ind-ask { flex: 1; background: #fff; padding: 36px 40px; }
.pt-ind-ask ul { margin: 0 0 28px; padding: 0; list-style: none; }
.pt-ind-ask li {
	position: relative;
	padding: 0 0 12px 16px;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(26, 26, 26, 0.8);
}
.pt-ind-ask li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #1e478f;
}
@media screen and (max-width: 1500px) {
	.pt-ind-side { display: none; }
}
@media screen and (max-width: 900px) {
	.pt-ind-offer,
	.pt-ind-gray,
	.pt-ind-pro,
	.pt-ind-book { padding: 48px 0; }
	.pt-ind-ch { padding-bottom: 48px; }
	.pt-ind-offer .pt-ind-box,
	.pt-ind-play,
	.pt-ind-book .pt-ind-box { display: block; }
	.pt-ind-le { margin-bottom: 24px; }
	.pt-ind-ri { padding-top: 0; }
	.pt-ind h2 { font-size: 26px; }
	.pt-ind-headrow { align-items: flex-start; }
	.pt-ind-chal-track { height: auto; }
	.pt-ind-chal-track article,
	.pt-ind-chal-track article.on {
		flex-basis: 86%;
		width: 86%;
		height: auto;
		min-height: 280px;
	}
	.pt-ind-chal-track article p,
	.pt-ind-chal-track article.on p { max-height: 160px; opacity: 1; }
	.pt-ind-photo img { height: 220px; }
	.pt-ind-arch { margin-top: 40px; }
}
@media screen and (max-width: 640px) {
	.pt-ind-prev,
	.pt-ind-next,
	.pt-ind-pro-prev,
	.pt-ind-pro-next { width: 44px; height: 44px; }
}

.pt-res { color: #1a1a1a; background: #fff; }
.pt-res ~ .pt-ind { display: none !important; }
.pt-res .pt-res-title { color: #1e478f; font-weight: 700; }
.pt-res .pt-res-text { color: rgba(26, 26, 26, 0.72); }
.pt-res section { scroll-margin-top: 1rem; }

.pt-res .pt-res-side {
	position: fixed;
	z-index: 4;
	left: 0.28rem;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.04rem;
	opacity: 0;
	pointer-events: none;
}
.pt-res .pt-res-side.is-ready { opacity: 1; pointer-events: auto; transition: opacity 0.36s ease; }
.pt-res .pt-res-side-link {
	position: relative;
	display: block;
	padding: 0.06rem 0 0.06rem 0.18rem;
	font-weight: 500;
	color: rgba(26, 26, 26, 0.5);
	text-decoration: none;
}
.pt-res .pt-res-side-link:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.12rem;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	background: #1e478f;
	opacity: 0;
}
.pt-res .pt-res-side-link:hover,
.pt-res .pt-res-side-link.on { color: #1e478f; }
.pt-res .pt-res-side-link.on:before { opacity: 1; }

.pt-res .pt-res-overview-box,
.pt-res .pt-res-share-box { gap: 0.8rem; }
.pt-res .pt-res-overview-copy,
.pt-res .pt-res-overview-pic { width: calc(50% - 0.4rem); }
.pt-res .pt-res-overview-pic { border-radius: 0.08rem; overflow: hidden; }
.pt-res .pt-res-overview-pic img { object-position: center; }

.pt-res .pt-res-support { background: #f4f6f8; overflow: visible; }
.pt-res .pt-res-support-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.26rem;
}
.pt-res .pt-res-card {
	background: #fff;
	border-radius: 0.08rem;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pt-res .pt-res-card:hover {
	transform: translateY(-0.06rem);
	box-shadow: 0 0.16rem 0.36rem rgba(6, 43, 74, 0.1);
}
.pt-res .pt-res-card-icon { display: block; width: 0.56rem; height: 0.56rem; object-fit: contain; }
.pt-res .pt-res-card-name { color: #1a1a1a; font-weight: 700; }
.pt-res .pt-res-card-text { color: rgba(26, 26, 26, 0.72); }

.pt-res .pt-res-layout-open { display: block; width: 100%; padding: 0; border: 0; background: #fff; cursor: zoom-in; border-radius: 0.08rem; overflow: hidden; }
.pt-res .pt-res-dialog { width: min(11rem, 94vw); max-width: 94vw; max-height: 92vh; margin: auto; border: 0; padding: 0.36rem 0.16rem 0.16rem; background: #fff; overflow: auto; border-radius: 0.08rem; }
.pt-res .pt-res-dialog::backdrop { background: rgba(12, 20, 32, 0.72); }
.pt-res .pt-res-dialog img { display: block; width: 100%; height: auto; }
.pt-res .pt-res-dialog-close { position: absolute; top: 0.08rem; right: 0.12rem; border: 0; background: transparent; color: #062b4a; cursor: pointer; }

.pt-res .pt-res-products { overflow: visible; background: #f4f6f8; }
.pt-res .pt-res-products-head { gap: 0.24rem; }
.pt-res .pt-res-arrows { gap: 0.1rem; }
.pt-res .pt-res-prev,
.pt-res .pt-res-next {
	position: relative;
	width: 0.44rem;
	height: 0.44rem;
	border: 0;
	border-radius: 0.03rem;
	background: #1e478f;
	cursor: pointer;
}
.pt-res .pt-res-prev:hover,
.pt-res .pt-res-next:hover { background: #062b4a; }
.pt-res .pt-res-prev:before,
.pt-res .pt-res-next:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.18rem;
	height: 0.18rem;
	background: #fff;
	transform: translate(-50%, -50%);
	-webkit-mask: var(--pt-chev-r) center / contain no-repeat;
	mask: var(--pt-chev-r) center / contain no-repeat;
}
.pt-res .pt-res-prev:before { -webkit-mask-image: var(--pt-chev-l); mask-image: var(--pt-chev-l); }
.pt-res .pt-res-prev.swiper-button-disabled,
.pt-res .pt-res-next.swiper-button-disabled { opacity: 0.35; cursor: default; }
.pt-res .pt-res-swiper { overflow: hidden; margin-left: -0.17rem; margin-right: -0.17rem; }
.pt-res .pt-res-swiper .swiper-slide { width: 3.69rem; padding: 0 0.17rem; box-sizing: border-box; }
.pt-res .pt-res-pro { display: block; color: inherit; text-decoration: none; }
.pt-res .pt-res-pro-pic { position: relative; display: block; padding: 0.49rem 0 0.6rem; background: #fff; overflow: hidden; border-radius: 0.04rem; }
.pt-res .pt-res-pro-cover { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.pt-res .pt-res-pro-name { color: #1a1a1a; font-weight: 700; transition: color 0.36s ease; }
.pt-res .pt-res-pro-text { color: #777; }
.pt-res .pt-res-pro:hover .pt-res-pro-name { color: #1e478f; }

.pt-res .pt-res-share-copy { width: 34%; flex: none; }
.pt-res .pt-res-share-list { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 0.18rem 0.24rem; }
.pt-res .pt-res-share-item {
	gap: 0.16rem;
	padding: 0.22rem 0.24rem;
	background: #f4f7f8;
	border-radius: 0.08rem;
	transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.pt-res .pt-res-share-item:hover {
	background: #eaf3f8;
	transform: translateY(-0.04rem);
	box-shadow: 0 0.12rem 0.28rem rgba(6, 43, 74, 0.1);
}
.pt-res .pt-res-share-icon { width: 0.44rem; height: 0.44rem; flex: none; object-fit: contain; }
.pt-res .pt-res-share-name { color: #1a1a1a; }

.pt-res .pt-res-book { background: #f0f0f0; }
.pt-res .pt-res-book-box { gap: 0.8rem; }
.pt-res .pt-res-book-copy { width: 26.5%; flex: none; }
.pt-res .pt-res-form { width: 66%; }
.pt-res .pt-res-fields { margin: 0 -0.17rem; }
.pt-res .pt-res-field { position: relative; width: 50%; padding: 0 0.17rem; margin-bottom: 0.35rem; box-sizing: border-box; }
.pt-res .pt-res-field.is-area,
.pt-res .pt-res-field.is-submit { width: 100%; }
.pt-res .pt-res-label { position: relative; display: block; }
.pt-res .pt-res-label-name { position: absolute; left: 0; top: 0.08rem; color: #1a1a1a; pointer-events: none; transition: top 0.36s ease, font-size 0.36s ease, opacity 0.36s ease; white-space: nowrap; }
.pt-res .pt-res-label-name i { font-style: normal; color: #1e478f; }
.pt-res .pt-res-field.on .pt-res-label-name,
.pt-res .pt-res-field:focus-within .pt-res-label-name { top: 0.44rem; font-size: var(--f16); opacity: 0.3; }
.pt-res .pt-res-field input {
	width: 100%;
	height: 0.4rem;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #777;
	background: transparent;
	font-weight: 700;
	color: #1a1a1a;
}
.pt-res .pt-res-area-name { color: #1a1a1a; }
.pt-res .pt-res-field textarea {
	width: 100%;
	height: 1.6rem;
	padding: 0.16rem 0.18rem;
	border: 1px solid #777;
	border-radius: 0.06rem;
	background: transparent;
	resize: vertical;
	font-weight: 500;
	color: #1a1a1a;
}
.pt-res .pt-res-field textarea::placeholder { font-weight: 500; color: #777; }
.pt-res .pt-res-field.is-submit { margin-bottom: 0; }
.pt-res .pt-res-submit { padding: 0.14rem 0.32rem; border: 0; border-radius: 0.03rem; background: #1e478f; color: #fff; font-weight: 500; cursor: pointer; }
.pt-res .pt-res-submit:hover { background: #062b4a; }
.pt-res .pt-res-tip { position: absolute; right: 0.17rem; bottom: -0.22rem; color: #c0392b; }

@media screen and (max-width: 1200px) {
	.pt-res .pt-res-side { display: none; }
}
@media screen and (max-width: 800px) {
	.pt-res .pt-res-overview-box,
	.pt-res .pt-res-share-box,
	.pt-res .pt-res-book-box { display: block; }
	.pt-res .pt-res-overview-copy,
	.pt-res .pt-res-overview-pic,
	.pt-res .pt-res-share-copy,
	.pt-res .pt-res-book-copy,
	.pt-res .pt-res-form { width: 100%; }
	.pt-res .pt-res-overview-pic,
	.pt-res .pt-res-share-list,
	.pt-res .pt-res-form { margin-top: 0.24rem; }
	.pt-res .pt-res-support-list,
	.pt-res .pt-res-share-list { grid-template-columns: 1fr; }
	.pt-res .pt-res-swiper { margin-left: 0; margin-right: 0; }
	.pt-res .pt-res-swiper .swiper-slide { width: 86%; padding: 0 0.12rem 0 0; }
	.pt-res .pt-res-field { width: 100%; padding: 0; }
	.pt-res .pt-res-fields { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.pt-res .pt-res-card,
	.pt-res .pt-res-share-item,
	.pt-res .pt-res-label-name { transition: none; }
}

.pt-smp { color: #1a1a1a; background: #fff; }
.pt-smp .pt-smp-title { color: #1e478f; font-weight: 700; }
.pt-smp .pt-smp-text { color: rgba(26, 26, 26, 0.72); }
.pt-smp .pt-smp-overview-box { gap: 0.8rem; align-items: stretch; }
.pt-smp .pt-smp-overview-copy,
.pt-smp .pt-smp-overview-pic { width: calc(50% - 0.4rem); }
.pt-smp .pt-smp-overview-copy { display: flex; flex-direction: column; align-items: flex-start; }
.pt-smp .pt-smp-overview-pic { border-radius: 0.08rem; overflow: hidden; }
.pt-smp .pt-smp-reach { gap: 0.28rem 0.4rem; margin-top: auto; padding-top: 0.4rem; }
.pt-smp .pt-smp-reach-item { gap: 0.14rem; color: inherit; text-decoration: none; }
.pt-smp .pt-smp-reach-icon { width: 0.48rem; height: 0.48rem; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #eaf3f8; }
.pt-smp .pt-smp-reach-icon .iconfont { font-size: 0.2rem; color: #1e478f; }
.pt-smp .pt-smp-reach-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 0.02rem; }
.pt-smp .pt-smp-reach-name { color: rgba(26, 26, 26, 0.5); font-weight: 500; letter-spacing: 0; }
.pt-smp .pt-smp-reach-value { color: #062b4a; font-weight: 600; }
.pt-smp .pt-smp-reach-item:hover .pt-smp-reach-value { color: #1e478f; }
.pt-smp .pt-smp-steps { background: #f4f6f8; }
.pt-smp .pt-smp-step-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.26rem; }
.pt-smp .pt-smp-step { background: #fff; border-radius: 0.08rem; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.pt-smp .pt-smp-step:hover { transform: translateY(-0.06rem); box-shadow: 0 0.16rem 0.36rem rgba(6, 43, 74, 0.1); }
.pt-smp .pt-smp-step-icon { display: block; width: 0.56rem; height: 0.56rem; object-fit: contain; }
.pt-smp .pt-smp-step-name { color: #1a1a1a; font-weight: 700; }
.pt-smp .pt-smp-step-text { color: rgba(26, 26, 26, 0.72); }
.pt-smp .pt-smp-book { background: #f0f0f0; }
.pt-smp .pt-smp-book-box { gap: 0.8rem; }
.pt-smp .pt-smp-book-copy { width: 26.5%; flex: none; }
.pt-smp .pt-smp-form { width: 66%; }
.pt-smp .pt-smp-fields { margin-left: -0.17rem; margin-right: -0.17rem; }
.pt-smp .pt-smp-field { position: relative; width: 50%; padding: 0 0.17rem; margin-bottom: 0.35rem; box-sizing: border-box; }
.pt-smp .pt-smp-field.is-wide,
.pt-smp .pt-smp-field.is-area,
.pt-smp .pt-smp-field.is-submit { width: 100%; }
.pt-smp .pt-smp-field.is-submit { margin-bottom: 0; }
.pt-smp .pt-smp-label { position: relative; display: block; }
.pt-smp .pt-smp-label-name { position: absolute; left: 0; top: 0.08rem; color: #1a1a1a; pointer-events: none; transition: top 0.36s ease, font-size 0.36s ease, opacity 0.36s ease; white-space: nowrap; }
.pt-smp .pt-smp-label-name i { font-style: normal; color: #1e478f; }
.pt-smp .pt-smp-field.on .pt-smp-label-name,
.pt-smp .pt-smp-field:focus-within .pt-smp-label-name { top: 0.44rem; font-size: var(--f16); opacity: 0.3; }
.pt-smp .pt-smp-field input[type="text"],
.pt-smp .pt-smp-field input[type="email"],
.pt-smp .pt-smp-field select {
	width: 100%;
	height: 0.4rem;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #777;
	background: transparent;
	font-weight: 700;
	color: #1a1a1a;
}
.pt-smp .pt-smp-field select { cursor: pointer; }
.pt-smp .pt-smp-name { color: #1a1a1a; }
.pt-smp .pt-smp-field textarea {
	width: 100%;
	height: 1.6rem;
	padding: 0.16rem 0.18rem;
	border: 1px solid #777;
	border-radius: 0.06rem;
	background: transparent;
	resize: vertical;
	font-weight: 500;
	color: #1a1a1a;
}
.pt-smp .pt-smp-field textarea::placeholder { font-weight: 500; color: #555; }
.pt-smp .pt-smp-submit { padding: 0.14rem 0.32rem; border: 0; border-radius: 0.03rem; background: #1e478f; color: #fff; font-weight: 500; letter-spacing: 0; cursor: pointer; }
.pt-smp .pt-smp-submit:hover { background: #062b4a; }
.pt-smp .pt-smp-tip { position: absolute; right: 0.17rem; bottom: -0.22rem; color: #c0392b; }
.pt-smp .pt-smp-qa { border-bottom: 1px solid rgba(26, 26, 26, 0.12); }
.pt-smp .pt-smp-q { display: flex; align-items: center; justify-content: space-between; gap: 0.24rem; padding: 0.22rem 0; color: #1a1a1a; font-weight: 500; cursor: pointer; list-style: none; }
.pt-smp .pt-smp-q::-webkit-details-marker { display: none; }
.pt-smp .pt-smp-q:after { content: ""; width: 0.14rem; height: 0.14rem; flex: none; background: #1e478f; -webkit-mask: var(--pt-chev-r) center / contain no-repeat; mask: var(--pt-chev-r) center / contain no-repeat; transform: rotate(90deg); }
.pt-smp .pt-smp-qa[open] .pt-smp-q { color: #1e478f; }
.pt-smp .pt-smp-qa[open] .pt-smp-q:after { transform: rotate(-90deg); }
.pt-smp .pt-smp-a { max-width: 46rem; padding-bottom: 0.22rem; color: rgba(26, 26, 26, 0.72); }
@media screen and (max-width: 800px) {
	.pt-smp .pt-smp-overview-box,
	.pt-smp .pt-smp-book-box { display: block; }
	.pt-smp .pt-smp-overview-copy,
	.pt-smp .pt-smp-overview-pic,
	.pt-smp .pt-smp-book-copy,
	.pt-smp .pt-smp-form { width: 100%; }
	.pt-smp .pt-smp-overview-pic,
	.pt-smp .pt-smp-form { margin-top: 0.24rem; }
	.pt-smp .pt-smp-reach { flex-direction: column; align-items: flex-start; }
	.pt-smp .pt-smp-step-list { grid-template-columns: 1fr; }
	.pt-smp .pt-smp-field { width: 100%; padding: 0; }
	.pt-smp .pt-smp-fields { margin-left: 0; margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.pt-smp .pt-smp-step,
	.pt-smp .pt-smp-label-name { transition: none; }
}

.pt-plist { background: #f4f6f8; color: #1a1a1a; }
.pt-plist .pt-plist-side { width: 3.2rem; flex: none; background: #fff; border-radius: 0.08rem; padding: 0.28rem 0.24rem; }
.pt-plist .pt-plist-main { width: calc(100% - 4rem); }
.pt-plist .pt-plist-search { gap: 0.08rem; }
.pt-plist .pt-plist-search input { flex: 1; min-width: 0; height: 0.44rem; padding: 0 0.14rem; border: 0; border-radius: 0.04rem; background: #f4f6f8; color: #1a1a1a; }
.pt-plist .pt-plist-search button { width: 0.44rem; height: 0.44rem; flex: none; border: 0; border-radius: 0.04rem; background: #1e478f; color: #fff; cursor: pointer; }
.pt-plist .pt-plist-search button:hover { background: #062b4a; }
.pt-plist .pt-plist-search .iconfont { font-size: 0.18rem; color: #fff; }
.pt-plist .pt-plist-cats { padding-top: 0.28rem; }
.pt-plist .pt-plist-cats-name { color: #062b4a; font-weight: 700; }
.pt-plist .pt-plist-menu,
.pt-plist .pt-plist-menu ul { list-style: none; margin: 0; padding: 0; }
.pt-plist .pt-plist-menu { padding-top: 0.16rem; }
.pt-plist .pt-plist-menu a { display: block; padding: 0.08rem 0; color: #1a1a1a; text-decoration: none; }
.pt-plist .pt-plist-menu ul a { padding-left: 0.16rem; color: rgba(26, 26, 26, 0.72); }
.pt-plist .pt-plist-menu li.on > a,
.pt-plist .pt-plist-menu a:hover { color: #1e478f; }
.pt-plist .pt-plist-item { background: #fff; border-radius: 0.08rem; padding: 0.28rem 0.32rem 0.32rem; }
.pt-plist .pt-plist-item + .pt-plist-item { margin-top: 0.18rem; }
.pt-plist .pt-plist-name { font-weight: 700; }
.pt-plist .pt-plist-name a { color: #062b4a; text-decoration: none; }
.pt-plist .pt-plist-name a:hover { color: #1e478f; }
.pt-plist .pt-plist-row { gap: 0.36rem; align-items: center; padding-top: 0.2rem; }
.pt-plist .pt-plist-pic { width: 1.7rem; flex: none; }
.pt-plist .pt-plist-spec { flex: 1; min-width: 0; color: rgba(26, 26, 26, 0.78); }
.pt-plist .pt-plist-spec p,
.pt-plist .pt-plist-spec li:nth-child(n+5) { display: none; }
.pt-plist .pt-plist-spec ul { list-style: none; margin: 0; padding: 0; }
.pt-plist .pt-plist-spec li { padding: 0.04rem 0; }
.pt-plist .pt-plist-act { width: 2.3rem; flex: none; display: flex; flex-direction: column; align-items: flex-start; gap: 0.14rem; }
.pt-plist .pt-plist-note { color: rgba(26, 26, 26, 0.55); }
.pt-plist .pt-plist-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 1.8rem; padding: 0.12rem 0.2rem; border-radius: 0.03rem; background: #1e478f; color: #fff; font-weight: 500; letter-spacing: 0; text-decoration: none; }
.pt-plist .pt-plist-btn:hover { background: #062b4a; }
.pt-plist .pt-plist-more { color: #1e478f; font-weight: 500; letter-spacing: 0; text-decoration: none; }
.pt-plist .pt-plist-more:hover { color: #062b4a; }
.pt-plist .com_page { margin-top: 0.36rem; }
@media screen and (max-width: 800px) {
	.pt-plist .pt-plist-wrap > .w16 { display: block; }
	.pt-plist .pt-plist-side,
	.pt-plist .pt-plist-main { width: 100%; }
	.pt-plist .pt-plist-main { margin-top: 0.24rem; }
	.pt-plist .pt-plist-row { display: block; }
	.pt-plist .pt-plist-pic { width: 2rem; }
	.pt-plist .pt-plist-spec,
	.pt-plist .pt-plist-act { width: 100%; margin-top: 0.16rem; }
}

.pt-pro { color: #1a1a1a; background: #fff; }
.pt-pro .pt-pro-title { color: #1e478f; font-weight: 700; }
.pt-pro .pt-pro-hero { background: #f4f6f8; }
.pt-pro .pt-pro-hero-box { gap: 0.8rem; }
.pt-pro .pt-pro-gallery { width: 46%; flex: none; }
.pt-pro .pt-pro-summary { flex: 1; min-width: 0; }
.pt-pro .pt-pro-main { background: #fff; border-radius: 0.08rem; overflow: hidden; }
.pt-pro .pt-pro-thumbs { margin-top: 0.12rem; }
.pt-pro .pt-pro-thumbs:has(.swiper-slide:only-child) { display: none; }
.pt-pro .pt-pro-thumbs .swiper-slide { width: 0.72rem; margin-right: 0.1rem; background: #fff; border-radius: 0.04rem; overflow: hidden; cursor: pointer; opacity: 0.55; }
.pt-pro .pt-pro-thumbs .swiper-slide-thumb-active { opacity: 1; }
.pt-pro .pt-pro-cat { color: #1e478f; font-weight: 500; }
.pt-pro .pt-pro-lead { margin-top: 0.16rem; color: rgba(26, 26, 26, 0.72); }
.pt-pro .pt-pro-copy { margin-top: 0.2rem; color: #1a1a1a; }
.pt-pro .pt-pro-copy p { margin: 0; }
.pt-pro .pt-pro-copy p + p,
.pt-pro .pt-pro-copy ul { margin-top: 0.14rem; }
.pt-pro .pt-pro-copy ul { list-style: none; margin-bottom: 0; padding: 0; }
.pt-pro .pt-pro-copy li { position: relative; padding-left: 0.18rem; }
.pt-pro .pt-pro-copy li + li { margin-top: 0.08rem; }
.pt-pro .pt-pro-copy li:before { content: ""; position: absolute; left: 0; top: 0.1rem; width: 0.06rem; height: 0.06rem; border-radius: 50%; background: #1e478f; }
.pt-pro .pt-pro-btn,
.pt-pro .pt-pro-submit { display: inline-flex; align-items: center; justify-content: center; margin-top: 0.28rem; padding: 0.14rem 0.32rem; border: 0; border-radius: 0.03rem; background: #1e478f; color: #fff; font-weight: 500; letter-spacing: 0; text-decoration: none; cursor: pointer; }
.pt-pro .pt-pro-btn:hover,
.pt-pro .pt-pro-submit:hover { background: #062b4a; }
.pt-pro .pt-pro-rel { background: #fff; }
.pt-pro .pt-pro-rel-head { gap: 0.24rem; }
.pt-pro .pt-pro-arrows { gap: 0.1rem; }
.pt-pro .pt-pro-prev,
.pt-pro .pt-pro-next { position: relative; width: 0.44rem; height: 0.44rem; border: 0; border-radius: 0.03rem; background: #1e478f; cursor: pointer; }
.pt-pro .pt-pro-prev:hover,
.pt-pro .pt-pro-next:hover { background: #062b4a; }
.pt-pro .pt-pro-prev:before,
.pt-pro .pt-pro-next:before { content: ""; position: absolute; left: 50%; top: 50%; width: 0.18rem; height: 0.18rem; background: #fff; transform: translate(-50%, -50%); -webkit-mask: var(--pt-chev-r) center / contain no-repeat; mask: var(--pt-chev-r) center / contain no-repeat; }
.pt-pro .pt-pro-prev:before { -webkit-mask-image: var(--pt-chev-l); mask-image: var(--pt-chev-l); }
.pt-pro .pt-pro-prev.swiper-button-disabled,
.pt-pro .pt-pro-next.swiper-button-disabled { opacity: 0.35; cursor: default; }
.pt-pro .pt-pro-swiper { overflow: hidden; margin-top: 0.3rem; }
.pt-pro .pt-pro-swiper .swiper-slide { width: 3.2rem; margin-right: 0.24rem; }
.pt-pro .pt-pro-card { display: block; color: inherit; text-decoration: none; }
.pt-pro .pt-pro-card-pic { display: block; background: #f4f6f8; border-radius: 0.08rem; overflow: hidden; }
.pt-pro .pt-pro-card-name { margin-top: 0.15rem; color: #1a1a1a; font-weight: 700; }
.pt-pro .pt-pro-card:hover .pt-pro-card-name { color: #1e478f; }
.pt-pro .pt-pro-book { background: #f0f0f0; }
.pt-pro .pt-pro-book-box { gap: 0.8rem; }
.pt-pro .pt-pro-book-copy { width: 26.5%; flex: none; }
.pt-pro .pt-pro-form { width: 66%; }
.pt-pro .pt-pro-fields { margin-left: -0.17rem; margin-right: -0.17rem; }
.pt-pro .pt-pro-field { position: relative; width: 50%; padding: 0 0.17rem; margin-bottom: 0.35rem; box-sizing: border-box; }
.pt-pro .pt-pro-field.is-area,
.pt-pro .pt-pro-field.is-submit { width: 100%; }
.pt-pro .pt-pro-field.is-submit { margin-bottom: 0; }
.pt-pro .pt-pro-label { position: relative; display: block; }
.pt-pro .pt-pro-label-name { position: absolute; left: 0; top: 0.08rem; color: #1a1a1a; pointer-events: none; transition: top 0.36s ease, font-size 0.36s ease, opacity 0.36s ease; white-space: nowrap; }
.pt-pro .pt-pro-label-name i { font-style: normal; color: #1e478f; }
.pt-pro .pt-pro-field.on .pt-pro-label-name,
.pt-pro .pt-pro-field:focus-within .pt-pro-label-name { top: 0.44rem; font-size: var(--f16); opacity: 0.3; }
.pt-pro .pt-pro-field input[type="text"],
.pt-pro .pt-pro-field input[type="email"] { width: 100%; height: 0.4rem; padding: 0; border: 0; border-bottom: 1px solid #777; background: transparent; font-weight: 700; color: #1a1a1a; }
.pt-pro .pt-pro-area-name { color: #1a1a1a; }
.pt-pro .pt-pro-field textarea { width: 100%; height: 1.6rem; margin-top: 0.12rem; padding: 0.16rem 0.18rem; border: 1px solid #777; border-radius: 0.06rem; background: transparent; resize: vertical; font-weight: 500; color: #1a1a1a; }
.pt-pro .pt-pro-field textarea::placeholder { font-weight: 500; color: #555; }
.pt-pro .pt-pro-submit { margin-top: 0; }
.pt-pro .pt-pro-tip { position: absolute; right: 0.17rem; bottom: -0.22rem; color: #c0392b; }
@media screen and (max-width: 800px) {
	.pt-pro .pt-pro-hero-box,
	.pt-pro .pt-pro-book-box { display: block; }
	.pt-pro .pt-pro-gallery,
	.pt-pro .pt-pro-summary,
	.pt-pro .pt-pro-book-copy,
	.pt-pro .pt-pro-form { width: 100%; }
	.pt-pro .pt-pro-summary,
	.pt-pro .pt-pro-form { margin-top: 0.28rem; }
	.pt-pro .pt-pro-field { width: 100%; padding: 0; }
	.pt-pro .pt-pro-fields { margin-left: 0; margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.pt-pro .pt-pro-label-name { transition: none; }
}

.pronto-shop { background: #f3f5f7; padding: 0.6rem 0; color: #394250; }
.pronto-shop-side { width: 3.13rem; flex: none; padding: 0 0.15rem; box-sizing: border-box; }
.pronto-shop-side-inner { background: #fff; border-radius: 0.05rem; padding: 0.35rem 0.25rem; }
.pronto-shop-main { width: calc(100% - 3.13rem); min-width: 0; }
.pronto-shop-search { display: flex; }
.pronto-shop-search input { flex: 1; min-width: 0; height: 0.39rem; padding: 0 0.12rem; border: 0.01rem solid #ddd; background: #fff; color: #333; font-size: var(--f16); }
.pronto-shop-search button { width: 0.4rem; height: 0.39rem; flex: none; border: 0.01rem solid rgba(0,0,0,.05); background: #b8e04a; color: #0e2a5c; cursor: pointer; }
.pronto-shop-search .iconfont { font-size: var(--f16); color: #0e2a5c; }
.pronto-shop-cats { padding-top: 0.28rem; }
.pronto-shop-cats-name { margin: 0; padding: 0 0 0.2rem; color: #394250; font-size: var(--f16); font-weight: 600; line-height: 1.05; }
.pronto-shop-menu, .pronto-shop-menu ul { list-style: none; margin: 0; padding: 0; }
.pronto-shop-menu ul { display: none; padding-left: 0.14rem; }
.pronto-shop-menu li.open > ul { display: block; }
.pronto-shop-menu-row { display: flex; align-items: center; }
.pronto-shop-menu a { display: block; flex: 1; min-width: 0; padding: 0.1rem 0; color: #333; font-size: var(--f16); line-height: 1.6; text-decoration: none; }
.pronto-shop-menu ul a { color: #667085; }
.pronto-shop-menu li.on > .pronto-shop-menu-row a, .pronto-shop-menu a:hover { color: #1e478f; }
.pronto-shop-menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 0.28rem; height: 0.28rem; flex: none; padding: 0; border: 0; background: transparent; cursor: pointer; }
.pronto-shop-menu-toggle::before { content: ""; width: 0.07rem; height: 0.07rem; border-right: 0.015rem solid #667085; border-bottom: 0.015rem solid #667085; transform: rotate(-45deg); }
.pronto-shop-menu li.open > .pronto-shop-menu-row .pronto-shop-menu-toggle::before { transform: rotate(45deg); }
.pronto-b2b-card { margin: 0 0 0.18rem; background: #fff; border: 0.01rem solid #e5e7eb; border-radius: 0.04rem; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.pronto-b2b-card:hover { border-color: #d0d5dd; box-shadow: 0 0.06rem 0.18rem rgba(16,24,40,.05); }
.pronto-b2b-card__header { padding: 0.17rem 0.22rem 0.15rem; border-bottom: 0.01rem solid #e5e7eb; }
.pronto-b2b-card__title { margin: 0; font-size: var(--f20); font-weight: 600; line-height: 1.38; }
.pronto-b2b-card__title a { color: #101828; text-decoration: none; }
.pronto-b2b-card__title a:hover { color: #1e478f; }
.pronto-b2b-card__body { display: grid; grid-template-columns: minmax(2.1rem, 25%) minmax(3.6rem, 1fr) minmax(2rem, 2.2rem); min-height: 2.2rem; }
.pronto-b2b-card__image-column { display: flex; align-items: center; justify-content: center; min-width: 0; padding: 0.22rem; border-right: 0.01rem solid #eaecf0; }
.pronto-b2b-card__image-link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 1.7rem; }
.pronto-b2b-card__image-column img { display: block; width: auto !important; max-width: 1.9rem !important; height: auto !important; max-height: 1.9rem; margin: 0 auto; object-fit: contain; }
.pronto-b2b-card__info-column { display: flex; flex-direction: column; min-width: 0; padding: 0.21rem 0.24rem 0; }
.pronto-b2b-specs { display: grid; gap: 0; margin: 0; }
.pronto-b2b-specs-src { display: none; }
.pronto-b2b-specs__row { display: grid; grid-template-columns: minmax(1.45rem, 44%) 1fr; gap: 0.18rem; padding: 0.05rem 0; }
.pronto-b2b-specs dt, .pronto-b2b-specs dd { margin: 0; font-size: var(--f14); line-height: 1.45; }
.pronto-b2b-specs dt { color: #667085; font-weight: 400; }
.pronto-b2b-specs dd { color: #1d2939; font-weight: 600; overflow-wrap: anywhere; }
.pronto-b2b-services { display: flex; flex-wrap: wrap; gap: 0.12rem 0.22rem; margin-top: auto; padding: 0.14rem 0 0.16rem; border-top: 0.01rem solid #eaecf0; }
.pronto-b2b-services__item { display: inline-flex; align-items: center; gap: 0.07rem; color: #475467; font-size: var(--f14); line-height: 1.3; white-space: nowrap; }
.pronto-b2b-services__icon { display: inline-flex; flex: none; color: #1e478f; }
.pronto-b2b-services__icon svg { width: 0.18rem; height: 0.18rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pronto-b2b-card__cta-column { display: flex; flex-direction: column; justify-content: center; gap: 0.11rem; min-width: 0; padding: 0.24rem 0.2rem; background: #fcfcfd; border-left: 0.01rem solid #eaecf0; }
.pronto-b2b-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 0.42rem; padding: 0.1rem 0.14rem; border: 0.01rem solid transparent; border-radius: 0.03rem; font-size: var(--f14); font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; }
.pronto-b2b-btn--primary { background: #1e478f; border-color: #1e478f; color: #fff; }
.pronto-b2b-btn--primary:hover { background: #062b4a; border-color: #062b4a; color: #fff; }
.pronto-b2b-btn--secondary { background: #fff; border-color: #d0d5dd; color: #344054; }
.pronto-b2b-btn--secondary:hover { border-color: #1e478f; color: #1e478f; }
.pronto-shop .com_page { margin-top: 0.08rem; }
@media screen and (max-width: 800px) {
	.pronto-shop-row { display: block; }
	.pronto-shop-side, .pronto-shop-main { width: 100%; padding: 0; }
	.pronto-shop-main { margin-top: 0.18rem; }
	.pronto-b2b-card__body { display: block; }
	.pronto-b2b-card__image-column, .pronto-b2b-card__cta-column { border: 0; }
	.pronto-b2b-specs__row { grid-template-columns: 1fr; gap: 0.02rem; }
}

.pm-pro-detail {overflow: visible;background: #fff;}

.pm-pro-detail .pm-pro-detail-top {
	position: relative;
	padding: .28rem 0 .78rem;
	background-color: #f7f8fa;
	background-image: url(../images/product/pt-pro-top-bg.webp?v=20261024);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.pm-pro-detail .pm-pro-detail-crumb {
	display: inline-block;
	max-width: 100%;
	margin: 0 0 .32rem;
	padding: .08rem .16rem .08rem .12rem;
	border-radius: .04rem;
	background: rgba(255, 255, 255, .55);
	backdrop-filter: blur(.08rem);
}
.pm-pro-detail .pm-pro-detail-crumb .crumbs {
	flex-wrap: wrap;
	row-gap: .06rem;
	min-height: .32rem;
}
.pm-pro-detail .pm-pro-detail-crumb .crumbs:before {
	color: #5d6e80;
}
.pm-pro-detail .pm-pro-detail-crumb .crumbs a,
.pm-pro-detail .pm-pro-detail-crumb .crumbs span {
	font-size: var(--f16);
	line-height: 1.4;
	color: #415263;
}
.pm-pro-detail .pm-pro-detail-crumb .crumbs a:not(:last-child)::after {
	color: #9aa8b6;
}
.pm-pro-detail .pm-pro-detail-crumb .crumbs a:hover { color: var(--theme-color); }
.pm-pro-detail .pm-pro-detail-crumb .crumbs span {
	display: inline-block;
	max-width: 6.4rem;
	overflow: hidden;
	font-weight: 600;
	color: #062b4a;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.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: 1.08rem minmax(0,1fr);grid-template-rows: minmax(0,1fr);gap: .16rem;align-items: stretch;min-width: 0;}

.pm-pro-detail .pm-pro-detail-thumbs-col {grid-column: 1;grid-row: 1;display: flex;flex-direction: column;gap: .08rem;min-width: 0;min-height: 0;}

.pm-pro-detail .pm-pro-detail-thumbs-prev,
.pm-pro-detail .pm-pro-detail-thumbs-next {display: flex;align-items: center;justify-content: center;width: 100%;height: .28rem;flex: none;padding: 0;border: .01rem solid #d5dee6;border-radius: .04rem;background: #fff;cursor: pointer;}

.pm-pro-detail .pm-pro-detail-thumbs-prev::before,
.pm-pro-detail .pm-pro-detail-thumbs-next::before {content: "";width: .07rem;height: .07rem;border-right: .015rem solid #667085;border-bottom: .015rem solid #667085;}

.pm-pro-detail .pm-pro-detail-thumbs-prev::before {transform: rotate(-135deg);margin-top: .04rem;}

.pm-pro-detail .pm-pro-detail-thumbs-next::before {transform: rotate(45deg);margin-bottom: .04rem;}

.pm-pro-detail .pm-pro-detail-thumbs-prev.swiper-button-lock,
.pm-pro-detail .pm-pro-detail-thumbs-next.swiper-button-lock {display: none;}

.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 {width: 100%;flex: 1;min-height: 0;overflow: hidden;}

.pm-pro-detail .pm-pro-detail-thumbs .swiper-slide {width: 100%;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: var(--pm-detail-tabs-top, 1rem);z-index: 30;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: flex-start;min-height: .72rem;overflow-x: auto;white-space: nowrap;scrollbar-width: none;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}

.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;flex: none;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 ul,
.pm-pro-detail .pm-pro-detail-article ol {
	list-style: none;
	padding-left: 0;
}
.pm-pro-detail .pm-pro-detail-article li {
	position: relative;
	list-style: none;
}
.pm-pro-detail .pm-pro-detail-article ul > li {
	padding-left: .24rem;
}
.pm-pro-detail .pm-pro-detail-article ul > li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .12rem;
	width: .08rem;
	height: .08rem;
	border-radius: 50%;
	background: #1e478f;
}

.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;scroll-margin-top: calc(var(--pm-detail-tabs-top, 1rem) + 1rem);}

.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;scroll-margin-top: calc(var(--pm-detail-tabs-top, 1rem) + 1rem);}

.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,
.pm-pro-detail .pm-pro-detail-spec,
.pm-pro-detail .pm-pro-detail-contact {
	scroll-margin-top: calc(var(--pm-detail-tabs-top, 1rem) + .8rem);
}
.pm-pro-detail .pm-pro-detail-spec {
	padding: .48rem 0 .72rem;
	background: #fff;
}
.pm-pro-detail .pm-pro-detail-spec + .pm-pro-detail-spec,
.pm-pro-detail .pm-pro-detail-spec + .pm-pro-detail-downloads {
	padding-top: 0;
}
.pm-pro-detail .pm-pro-detail-wiring-title {
	margin: .48rem 0 .2rem;
}
.pm-pro-detail .pm-pro-detail-wiring {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(4.2rem, 1fr));
	gap: .2rem;
	margin: 0 0 .36rem;
	padding: .2rem;
	border: .01rem solid #e6edf3;
	border-radius: .08rem;
	background: #f8fafc;
}
.pm-pro-detail .pm-pro-detail-wiring img,
.pm-pro-detail .pm-pro-detail-wiring-img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: .12rem;
	border-radius: .04rem;
	background: #fff;
	object-fit: contain;
}
.pm-pro-detail .pm-pro-detail-downloads {
	padding: .48rem 0 .72rem;
	background: #f6f9fc;
}
.pm-pro-detail .pm-pro-detail-dl {
	overflow: hidden;
	border: .01rem solid #e4ebf2;
	border-radius: .08rem;
	background: #fff;
}
.pm-pro-detail .pm-pro-detail-dl-head,
.pm-pro-detail .pm-pro-detail-dl-row {
	display: grid;
	grid-template-columns: minmax(0,1.7fr) .5fr .7fr 1.2rem;
	align-items: center;
	gap: .16rem;
	padding: .18rem .28rem;
}
.pm-pro-detail .pm-pro-detail-dl-head {
	background: #f4f7fb;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #5d6e80;
}
.pm-pro-detail .pm-pro-detail-dl-head span:last-child,
.pm-pro-detail .pm-pro-detail-dl-row .pm-pro-detail-dl-btn {
	justify-self: end;
}
.pm-pro-detail .pm-pro-detail-dl-row {
	border-top: .01rem solid #eef2f6;
}
.pm-pro-detail .pm-pro-detail-dl-row:hover { background: #f8fbfe; }
.pm-pro-detail .pm-pro-detail-dl-name {
	min-width: 0;
	overflow: hidden;
	font-weight: 600;
	color: var(--theme-color);
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pm-pro-detail .pm-pro-detail-dl-name:hover { color: var(--theme-dark); }
.pm-pro-detail .pm-pro-detail-dl-size,
.pm-pro-detail .pm-pro-detail-dl-date { color: #68798a; }
.pm-pro-detail .pm-pro-detail-dl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.12rem;
	min-height: .4rem;
	padding: .08rem .18rem;
	border-radius: .03rem;
	background: var(--theme-color);
	color: #fff;
	line-height: 1.2;
	transition: background-color .25s ease;
}
.pm-pro-detail .pm-pro-detail-dl-btn:hover { background: var(--theme-dark); color: #fff; }

@media all and (max-width: 800px) {
	.pm-pro-detail .pm-pro-detail-dl-head { display: none; }
	.pm-pro-detail .pm-pro-detail-dl-row {
		grid-template-columns: minmax(0,1fr) auto;
		grid-template-areas:
			"name btn"
			"meta btn";
		gap: .06rem .16rem;
		padding: .2rem .18rem;
	}
	.pm-pro-detail .pm-pro-detail-dl-name { grid-area: name; white-space: normal; }
	.pm-pro-detail .pm-pro-detail-dl-size,
	.pm-pro-detail .pm-pro-detail-dl-date { grid-area: meta; font-size: var(--f14); }
	.pm-pro-detail .pm-pro-detail-dl-date { margin-left: .12rem; }
	.pm-pro-detail .pm-pro-detail-dl-date:before { content: "· "; }
	.pm-pro-detail .pm-pro-detail-dl-btn { grid-area: btn; align-self: center; }
}


.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: 1rem 0 1.05rem;background: #f4f7fb;scroll-margin-top: 1.72rem;}

.pm-pro-detail .pm-pro-detail-faq-layout {display: grid;grid-template-columns: minmax(3.6rem,.38fr) minmax(0,.62fr);align-items: start;gap: .76rem;}

.pm-pro-detail .pm-pro-detail-faq .pm-pro-detail-section-head {position: sticky;top: 1.94rem;max-width: none;margin: 0;text-align: left;}
.pm-pro-detail .pm-pro-detail-faq .pm-pro-detail-section-head h2,
.pm-pro-detail .pm-pro-detail-faq .pm-pro-detail-section-head p {margin-left: 0;margin-right: 0;max-width: 5.4rem;text-align: left;}

.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: .16rem;border: 1px solid #e4ebf2;border-radius: .08rem;background: #fff;box-shadow: 0 .06rem .2rem rgba(6,43,74,.04);transition: border-color .25s ease,box-shadow .25s ease;}

.pm-pro-detail .pm-pro-detail-faq-list .faq-item:hover,
.pm-pro-detail .pm-pro-detail-faq-list .faq-item.active {border-color: rgba(30,71,143,.28);box-shadow: 0 .1rem .28rem rgba(6,43,74,.08);}

.pm-pro-detail .pm-pro-detail-faq-list .faq-head {width: 100%;padding: .26rem .3rem;border: 0;background: transparent;font-family: inherit;text-align: left;}

.pm-pro-detail .pm-pro-detail-faq-list .faq-item.active .faq-head {background: transparent;}

.pm-pro-detail .pm-pro-detail-faq-list .faq-q {font-size: var(--f24);}

.pm-pro-detail .pm-pro-detail-faq-list .faq-body {padding: 0 .3rem .28rem;}

.pm-pro-detail .pm-pro-detail-faq-list .faq-content {padding-top: .18rem;border-top: 1px solid #eef2f7;color: #526273;line-height: 1.7;}
.pm-pro-detail .pm-pro-detail-faq-list .faq-content p + p {margin-top: .12rem;}


.pm-pro-detail .pm-pro-detail-related {padding: .96rem 0 1.04rem;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-head .pt-sec-head {max-width: none;margin: 0;text-align: left;}
.pm-pro-detail .pm-pro-detail-related-head .pt-sec-head h2 {margin: 0;text-align: left;}

.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-slider .swiper-slide { width: 3.7rem; height: auto; }

.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);}



.pm-pro-detail { --theme-dark: #041e34; }
.pm-pro-detail .pm-pro-detail-article h2,
.pm-pro-detail .pm-pro-detail-section-title,
.pm-pro-detail .pm-pro-detail-related-title,
.pm-pro-detail .pm-pro-detail-contact-title { font-family: "PT Jaka", "Plus Jakarta Sans", sans-serif; }
.pm-pro-detail .pm-pro-detail-lead { display: none; }
.pm-pro-detail .pm-pro-detail-points > .pronto-dms-info {
	max-width: none;
}
.pm-pro-detail .pm-pro-detail-article > h2 {
	margin: .64rem 0 .22rem;
	padding-bottom: .16rem;
	border-bottom: 1px solid #e6edf3;
	font-size: var(--f32);
	line-height: 1.25;
	color: #062b4a;
}
.pm-pro-detail .pm-pro-detail-article > h2:first-of-type { margin-top: 0; }
.pm-pro-detail .pm-pro-detail-article table > tbody > tr:first-child > td {
	background: #f4f7fb !important;
	color: #062b4a !important;
	font-weight: 600 !important;
}
.pm-pro-detail .pm-pro-detail-article table td:first-child {
	text-align: left !important;
	padding-left: .28rem !important;
	font-weight: 500;
	color: #1c3144 !important;
}
.pm-pro-detail .pm-pro-split {
	display: grid;
	grid-template-columns: minmax(0,.42fr) minmax(0,.58fr);
	align-items: center;
	gap: .76rem;
	margin: .62rem 0;
	padding: 0;
	border: 0;
	background: transparent;
}
.pm-pro-detail .pm-pro-split.reverse { grid-template-columns: minmax(0,.58fr) minmax(0,.42fr); }
.pm-pro-detail .pm-pro-split.reverse .pm-pro-split-pic { order: 2; }
.pm-pro-detail .pm-pro-split-pic { min-width: 0; padding: 0; border: 0; background: transparent; overflow: hidden; }
.pm-pro-detail .pm-pro-split-pic .rect-100 { background: transparent; }
.pm-pro-detail .pm-pro-split-pic img { object-fit: contain; transform: scale(.94); transition: transform .35s ease; }
.pm-pro-detail .pm-pro-split:hover .pm-pro-split-pic img { transform: scale(.98); }
.pm-pro-detail .pm-pro-split-copy { min-width: 0; border: 0; padding: 0; }
.pm-pro-detail .pm-pro-split h2,
.pm-pro-detail .pm-pro-split h3 { margin: 0 0 .16rem; padding: 0; border: 0; font-family: "PT Jaka", "Plus Jakarta Sans", sans-serif; font-size: var(--f32); font-weight: 700; line-height: 1.25; color: #062b4a; }
.pm-pro-detail .pm-pro-split p { margin: 0; font-size: var(--f18); line-height: 1.7; color: #4a5b6c; }
.pm-pro-detail .pm-pro-split ul { list-style: none; margin: .24rem 0 0; padding: 0; display: grid; gap: .12rem; }
.pm-pro-detail .pm-pro-split li { position: relative; padding-left: .24rem; list-style: none; font-size: var(--f16); line-height: 1.55; color: #24384a; }
.pm-pro-detail .pm-pro-split li:before { content: ""; position: absolute; left: 0; top: .1rem; width: .08rem; height: .08rem; border-radius: 50%; background: #1e478f; }
@media screen and (max-width: 800px) {
	.pm-pro-detail .pm-pro-split,
	.pm-pro-detail .pm-pro-split.reverse { grid-template-columns: 1fr; gap: .28rem; margin: .42rem 0; }
	.pm-pro-detail .pm-pro-split.reverse .pm-pro-split-pic { order: 0; }
}
.pm-pro-detail .pm-pro-detail-points ul { list-style: none; margin: .22rem 0 0; padding: 0; display: grid; gap: .12rem; }
.pm-pro-detail .pm-pro-detail-points li { position: relative; padding-left: .24rem; list-style: none; line-height: 1.55; color: #415263; }
.pm-pro-detail .pm-pro-detail-points li:before { content: ""; position: absolute; left: 0; top: .1rem; width: .08rem; height: .08rem; border-radius: 50%; background: #1e478f; }

/* Product short/detail HTML block from CSV (pronto-dms-info) */
.pm-pro-detail .pronto-dms-info { max-width: 9.2rem; color: #465767; }
.pm-pro-detail .pronto-dms-info-subtitle { margin: 0 0 .14rem; font-size: var(--f20); font-family: "PT Jaka", "Plus Jakarta Sans", sans-serif; font-weight: 700; line-height: 1.35; color: #062b4a; }
.pm-pro-detail .pronto-dms-info-desc { margin: 0; font-size: var(--f16); line-height: 1.7; color: #526171; }
.pm-pro-detail .pronto-dms-info-model { display: flex; align-items: flex-start; gap: .12rem; margin: .28rem 0 .22rem; padding: .16rem .18rem; border: .01rem solid #e1e8ee; border-radius: .06rem; background: #f7fafc; }
.pm-pro-detail .pronto-dms-info-model-check { flex: none; width: .22rem; height: .22rem; margin-top: .02rem; border-radius: 50%; background: #1e478f; color: #fff; font-size: .12rem; line-height: .22rem; text-align: center; }
.pm-pro-detail .pronto-dms-info-model-name { flex: 1; min-width: 0; font-size: var(--f16); font-weight: 600; line-height: 1.45; color: #091d31; }
.pm-pro-detail .pronto-dms-info-model-code { display: inline-block; margin-left: .08rem; font-weight: 500; color: #1e478f; }
.pm-pro-detail .pronto-dms-info-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .14rem; margin: .2rem 0 .3rem; }
.pm-pro-detail .pronto-dms-info-benefit { display: flex; flex-direction: column; align-items: center; gap: .08rem; padding: .16rem .1rem; border: .01rem solid #e6edf3; border-radius: .06rem; background: #fff; text-align: center; }
.pm-pro-detail .pronto-dms-info-benefit svg { width: .36rem; height: .36rem; flex: none; }
.pm-pro-detail .pronto-dms-info-benefit span { font-size: var(--f14); line-height: 1.35; color: #314859; }
.pm-pro-detail .pronto-dms-info-label { margin: .28rem 0 .12rem; font-size: var(--f22); font-family: "PT Jaka", "Plus Jakarta Sans", sans-serif; font-weight: 700; line-height: 1.3; color: #062b4a; }
.pm-pro-detail .pronto-dms-info-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .1rem; }
.pm-pro-detail .pronto-dms-info-list li { position: relative; padding-left: .24rem; font-size: var(--f16); line-height: 1.55; color: #415263; list-style: none; }
.pm-pro-detail .pronto-dms-info-list li::before { content: ""; position: absolute; left: 0; top: .12rem; width: .08rem; height: .08rem; border-radius: 50%; background: #1e478f; }
.pm-pro-detail .pronto-dms-info-list strong { color: #091d31; }
.pm-pro-detail .pm-pro-detail-summary .pronto-dms-info { max-width: none; }
.pm-pro-detail .pm-pro-detail-summary .pronto-dms-info-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pm-pro-detail .pm-pro-spec-acc {
	margin: .18rem 0 .04rem;
	border: .01rem solid #e1e8ee;
	border-radius: .06rem;
	background: rgba(255,255,255,.78);
	overflow: hidden;
}
.pm-pro-detail .pm-pro-spec-acc-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .16rem;
	width: 100%;
	padding: .14rem .18rem;
	border: 0;
	background: transparent;
	cursor: pointer;
	text-align: left;
	font-family: inherit;
}
.pm-pro-detail .pm-pro-spec-acc-title {
	font-size: var(--f18);
	font-family: "PT Jaka", "Plus Jakarta Sans", sans-serif;
	font-weight: 700;
	line-height: 1.3;
	color: #062b4a;
}
.pm-pro-detail .pm-pro-spec-acc-icon {
	position: relative;
	flex: none;
	width: .22rem;
	height: .22rem;
	border-radius: 50%;
	background: #edf3f8;
	transition: background-color .25s ease;
}
.pm-pro-detail .pm-pro-spec-acc-icon:before,
.pm-pro-detail .pm-pro-spec-acc-icon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #1e478f;
	transform: translate(-50%, -50%);
}
.pm-pro-detail .pm-pro-spec-acc-icon:before {
	width: .1rem;
	height: .02rem;
}
.pm-pro-detail .pm-pro-spec-acc-icon:after {
	width: .02rem;
	height: .1rem;
	transition: opacity .2s ease, transform .2s ease;
}
.pm-pro-detail .pm-pro-spec-acc.is-open .pm-pro-spec-acc-icon { background: #1e478f; }
.pm-pro-detail .pm-pro-spec-acc.is-open .pm-pro-spec-acc-icon:before,
.pm-pro-detail .pm-pro-spec-acc.is-open .pm-pro-spec-acc-icon:after { background: #fff; }
.pm-pro-detail .pm-pro-spec-acc.is-open .pm-pro-spec-acc-icon:after {
	opacity: 0;
	transform: translate(-50%, -50%) rotate(90deg);
}
.pm-pro-detail .pm-pro-spec-acc-body { display: none; padding: 0 .18rem .16rem; }
.pm-pro-detail .pm-pro-spec-acc.is-open .pm-pro-spec-acc-body { display: block; }
.pm-pro-detail .pm-pro-spec-acc-body .pronto-dms-info-list { margin: 0; }

/* Long description from CSV Meta: description */
.pm-pro-detail .korlen-mcb-product-subhead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .12rem .16rem;
	margin: 0 0 .22rem;
	color: #415263;
	font-size: var(--f16);
}
.pm-pro-detail .korlen-mcb-product-badge {
	display: inline-flex;
	align-items: center;
	padding: .04rem .12rem;
	border-radius: .03rem;
	background: #1e478f;
	color: #fff;
	font-size: var(--f14);
	font-weight: 600;
	letter-spacing: .02em;
}
.pm-pro-detail .korlen-mcb-product-lead {
	max-width: 11rem;
	margin: 0 0 .36rem;
	font-size: var(--f18);
	line-height: 1.7;
	color: #526171;
}
.pm-pro-detail .korlen-mcb-product-media-row {
	display: grid;
	grid-template-columns: minmax(0,.42fr) minmax(0,.58fr);
	align-items: center;
	gap: .76rem;
	margin: .62rem 0;
}
.pm-pro-detail .korlen-mcb-product-media-row.reverse {
	grid-template-columns: minmax(0,.58fr) minmax(0,.42fr);
}
.pm-pro-detail .korlen-mcb-product-media-row.reverse .korlen-mcb-product-media-image { order: 2; }
.pm-pro-detail .korlen-mcb-product-media-image img {
	width: 100%;
	height: auto;
	object-fit: contain;
}
.pm-pro-detail .korlen-mcb-product-media-text h3 {
	margin: 0 0 .16rem;
	font-family: "PT Jaka", "Plus Jakarta Sans", sans-serif;
	font-size: var(--f32);
	font-weight: 700;
	line-height: 1.25;
	color: #062b4a;
}
.pm-pro-detail .korlen-mcb-product-media-text p {
	margin: 0;
	font-size: var(--f18);
	line-height: 1.7;
	color: #4a5b6c;
}
.pm-pro-detail .korlen-mcb-product-media-text ul {
	list-style: none;
	margin: .24rem 0 0;
	padding: 0;
	display: grid;
	gap: .12rem;
}
.pm-pro-detail .korlen-mcb-product-media-text li {
	position: relative;
	padding-left: .24rem;
	list-style: none;
	font-size: var(--f16);
	line-height: 1.55;
	color: #24384a;
}
.pm-pro-detail .korlen-mcb-product-media-text li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .1rem;
	width: .08rem;
	height: .08rem;
	border-radius: 50%;
	background: #1e478f;
}
.pm-pro-detail .korlen-mcb-product-divider {
	height: 1px;
	margin: .48rem 0;
	background: #e6edf3;
	border: 0;
}
.pm-pro-detail .korlen-mcb-product-btn,
.pm-pro-detail a.korlen-mcb-product-btn {
	display: inline-flex;
	align-items: center;
	margin-top: .2rem;
	padding: .12rem .22rem;
	border-radius: .03rem;
	background: var(--theme-color);
	color: #fff;
	text-decoration: none;
}
.pm-pro-detail .korlen-mcb-faq-question {
	margin: .28rem 0 .08rem;
	font-size: var(--f20);
	font-weight: 700;
	color: #091d31;
}
.pm-pro-detail .korlen-mcb-faq-answer {
	margin: 0;
	color: #526171;
	line-height: 1.65;
}
.pm-pro-detail .pm-pro-detail-faq {
	padding: .48rem 0 .72rem;
	background: #f6f9fc;
}
.pm-pro-detail .pm-pro-article-faq {
	max-width: none;
	margin: 0;
	padding: 0;
	border-top: 0;
}
.pm-pro-detail .pm-pro-article-faq-title {
	margin: 0 0 .2rem;
	font-family: "PT Jaka", "Plus Jakarta Sans", sans-serif;
	font-size: var(--f32);
	font-weight: 700;
	line-height: 1.25;
	color: #062b4a;
}
.pm-pro-detail .pm-pro-article-faq-list .faq-item {
	margin-bottom: .12rem;
	border: 1px solid #e4ebf2;
	border-radius: .08rem;
	background: #fff;
}
.pm-pro-detail .pm-pro-article-faq-list .faq-item.active {
	border-color: rgba(30, 71, 143, .28);
}
.pm-pro-detail .pm-pro-article-faq-list .faq-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: .18rem .22rem;
	border: 0;
	background: transparent;
	font-family: inherit;
	text-align: left;
}
.pm-pro-detail .pm-pro-article-faq-list .faq-q {
	flex: 1;
	min-width: 0;
	font-size: var(--f18);
	text-align: left;
}
.pm-pro-detail .pm-pro-article-faq-list .faq-body {
	padding: 0 .22rem .18rem;
}
.pm-pro-detail .pm-pro-article-faq-list .faq-content {
	padding-top: .12rem;
	border-top: 1px solid #eef2f7;
	color: #526273;
	line-height: 1.7;
}
.pm-pro-detail .style-table { overflow-x: auto; }
@media screen and (max-width: 800px) {
	.pm-pro-detail .korlen-mcb-product-media-row,
	.pm-pro-detail .korlen-mcb-product-media-row.reverse {
		grid-template-columns: 1fr;
		gap: .28rem;
		margin: .42rem 0;
	}
	.pm-pro-detail .korlen-mcb-product-media-row.reverse .korlen-mcb-product-media-image { order: 0; }
	.pm-pro-detail .pm-pro-detail-summary .pronto-dms-info-benefits { grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width: 800px) {
	.pm-pro-detail .pronto-dms-info { max-width: 100%; }
	.pm-pro-detail .pronto-dms-info-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 560px) {
	.pm-pro-detail .pronto-dms-info-benefits { grid-template-columns: 1fr 1fr; }
}
.pm-pro-detail .faq-head { display: flex; align-items: center; justify-content: space-between; gap: .2rem; cursor: pointer; }
.pm-pro-detail .faq-q { flex: 1; min-width: 0; font-family: "PT Jaka", "Plus Jakarta Sans", sans-serif; font-size: var(--f24); font-weight: 600; line-height: 1.38; color: #091d31; }
.pm-pro-detail .faq-item:hover .faq-q,
.pm-pro-detail .faq-item.active .faq-q { color: #1e478f; }
.pm-pro-detail .faq-body { display: none; }
.pm-pro-detail .faq-item.active .faq-body { display: block; }
.pm-pro-detail .faq-icon { position: relative; width: .36rem; height: .36rem; flex: none; margin: 0; border: 0; border-radius: 50%; background: #f2f6fa; transform: none; transition: background-color .25s ease; }
.pm-pro-detail .faq-item.active .faq-icon { margin: 0; background: #1e478f; transform: none; }
.pm-pro-detail .faq-icon::before,
.pm-pro-detail .faq-icon::after { content: ""; position: absolute; top: 50%; left: 50%; background: #062b4a; transform: translate(-50%, -50%); transition: background-color .25s ease, transform .25s ease, opacity .25s ease; }
.pm-pro-detail .faq-icon::before { width: .14rem; height: 2px; }
.pm-pro-detail .faq-icon::after { width: 2px; height: .14rem; }
.pm-pro-detail .faq-item:hover .faq-icon { background: #e6eef7; }
.pm-pro-detail .faq-item.active .faq-icon::before { background: #fff; }
.pm-pro-detail .faq-item.active .faq-icon::after { background: #fff; opacity: 0; transform: translate(-50%, -50%) rotate(90deg); }
.pm-pro-detail .pm-pro-detail-faq,
.pm-pro-detail .pm-pro-detail-related,
.pm-pro-detail .pm-pro-detail-contact { scroll-margin-top: 1.9rem; }

.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: #1e478f; }
.pm-pro-guide .pm-pro-guide-title { max-width: 9.2rem; line-height: 1.16; color: #062b4a; }
.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,#f7f9fb 0%,#f4f7fa 36%,#d5e4f1 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: #062b4a; }
.pm-pro-guide .pm-pro-guide-category-desc { max-width: 8.6rem; margin-top: .16rem; color: #62717f; }
.pm-pro-guide .pm-pro-guide-all { display: inline-flex; align-items: center; justify-content: center; flex: none; min-height: .48rem; padding: .12rem .24rem; border: .02rem solid #1e478f; border-radius: .05rem; background: #1e478f; font-size: var(--f16); font-weight: 600; line-height: 1.3; color: #fff; text-decoration: none; transition: background-color .25s ease,border-color .25s ease; }
.pm-pro-guide .pm-pro-guide-all:hover { background: #062b4a; border-color: #062b4a; color: #fff; }
.pm-pro-guide .pm-pro-guide-slider-wrap { position: relative; }
.pm-pro-guide .pm-pro-guide-slider-wrap:not(:has(.swiper-slide)) { display: none; }
.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(6,43,74,.16); font-size: var(--f22); color: #062b4a; 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(6,43,74,.22); color: #1e478f; 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(6,43,74,.12); color: #a9b6c1; opacity: 1; cursor: default; }
.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(6,43,74,.1); text-decoration: none; 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: #062b4a; 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(6,43,74,.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: #1e478f; }
.pm-pro-guide .pm-pro-guide-cta { padding: .78rem 0; background: #062b4a; }
.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: #d5e4f1; }
.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; flex: none; min-width: 2.15rem; min-height: .52rem; padding: .13rem .26rem; border: .01rem solid #fff; border-radius: .03rem; background: #fff; line-height: 1.3; color: #062b4a; text-decoration: none; transition: background-color .25s ease,color .25s ease; }
.pm-pro-guide .pm-pro-guide-cta-link:hover { background: transparent; color: #fff; }
@media screen and (max-width: 1200px) {
	.pm-pro-guide .pm-pro-guide-prev { left: .08rem; }
	.pm-pro-guide .pm-pro-guide-next { right: .08rem; }
}
@media screen and (max-width: 800px) {
	.pm-pro-guide .pm-pro-guide-intro-inner,
	.pm-pro-guide .pm-pro-guide-cta-inner { display: block; }
	.pm-pro-guide .pm-pro-guide-intro-desc,
	.pm-pro-guide .pm-pro-guide-cta-link { margin-top: .24rem; }
	.pm-pro-guide .pm-pro-guide-head { display: block; }
	.pm-pro-guide .pm-pro-guide-all { margin-top: .2rem; }
}

.pm-pro-guide .pt-sec-head { max-width: none; margin: 0 0 .4rem; text-align: left; }
.pm-pro-guide .pt-sec-head h2,
.pm-pro-guide .pt-sec-head p { margin-left: 0; margin-right: 0; max-width: 10.6rem; }
.pg-hero { padding: .75rem 0 1.4rem; background: #fff; }
.pm-pro-guide .pg-hero-head { margin-bottom: .9rem; }
.pg-cat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem .24rem; }
.pg-cat { display: block; color: #222; text-decoration: none; }
.pg-cat-img {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	margin-bottom: .2rem;
	background: #f5f7fa;
	overflow: hidden;
}
.pg-cat-img img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.pg-cat:hover .pg-cat-img img { transform: scale(1.03); }
.pg-cat-name { margin: 0; color: #222; font-weight: 600; line-height: 1.4; letter-spacing: -0.01em; }
.pg-cat:hover .pg-cat-name { text-decoration: underline; }
.pg-sols { padding: 0 0 1.4rem; background: #fff; }
.pg-sol-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem .22rem; }
.pg-sol { display: flex; flex-direction: column; color: #222; text-decoration: none; }
.pg-sol-img { margin-bottom: .24rem; background: #f0f0f0; }
.pg-sol-img img { object-fit: cover; transition: transform .3s ease; }
.pg-sol:hover .pg-sol-img img { transform: scale(1.03); }
.pg-sol-go {
	position: absolute;
	right: .24rem;
	bottom: .24rem;
	width: .56rem;
	height: .56rem;
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 50%;
	background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23ffffff' stroke-width='2' d='M5 12h14M13 6l6 6-6 6'/></svg>") center / .2rem no-repeat;
	transition: background-color .2s ease, border-color .2s ease;
}
.pg-sol:hover .pg-sol-go { background-color: rgba(30, 71, 143, .85); border-color: transparent; }
.pg-sol h3 { margin: 0 0 .04rem; color: #222; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; }
.pg-sol-tag { margin-bottom: .12rem; color: #0f1f45; font-weight: 500; line-height: 1.5; }
.pg-sol-desc { color: #666; }
.pg-help { padding: 1.4rem 0; background: #f5f7fa; }
.pg-help-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .24rem; }
.pg-help-card {
	display: flex;
	flex-direction: column;
	min-height: 5.05rem;
	background: #fff;
	color: #222;
	text-decoration: none;
	overflow: hidden;
}
.pg-help-body { position: relative; flex: 1 1 0%; padding: .36rem .36rem 0; }
.pg-help-body h3 { margin: 0 0 .14rem; color: #222; font-weight: 600; line-height: 1.4; letter-spacing: -0.01em; }
.pg-help-desc { max-width: 3.1rem; min-height: 1.12rem; margin-bottom: .24rem; color: #666; }
.pg-help-cta {
	position: absolute;
	bottom: .4rem;
	display: inline-flex;
	align-items: center;
	gap: .06rem;
	min-height: .3rem;
	color: #222;
	font-weight: 500;
}
.pg-help-cta-ico {
	display: inline-flex;
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23222222' stroke-width='2' d='M5 12h14M13 6l6 6-6 6'/></svg>") center / .14rem no-repeat;
	transition: background-color .2s ease;
}
.pg-help-card:hover .pg-help-cta-ico {
	background: #1e478f url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23ffffff' stroke-width='2' d='M5 12h14M13 6l6 6-6 6'/></svg>") center / .14rem no-repeat;
}
.pg-help-visual { flex-shrink: 0; height: 2.15rem; overflow: hidden; }
.pg-help-visual img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.pg-help-card:hover .pg-help-visual img { transform: scale(1.03); }
.pg-banner {
	text-align: center;
	color: #fff;
	background:
		radial-gradient(48% 120% at 0% 100%, rgba(58, 112, 214, .95) 0%, rgba(30, 71, 143, .46) 40%, rgba(8, 14, 28, 0) 70%),
		linear-gradient(96deg, #0b1932 0%, #0d2142 52%, #091326 100%);
}
.pg-banner-body { display: block; padding: .82rem 0; color: inherit; text-decoration: none; }
.pg-banner h2 { margin: 0 0 .08rem; color: #fff; font-weight: 700; line-height: 1.24; letter-spacing: -0.02em; }
.pg-banner-desc { max-width: 8.6rem; margin: 0 auto .24rem; color: rgba(255, 255, 255, .86); }
.pg-banner-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	min-height: .52rem;
	padding: 0 .24rem;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: .04rem;
	color: #fff;
	font-weight: 500;
	transition: background-color .2s ease, color .2s ease;
}
.pg-banner-body:hover .pg-banner-btn { background: #fff; color: #0f1f45; }
.pg-news { padding: 1.4rem 0; background: #fff; }
.pg-news-head { display: flex; align-items: flex-end; justify-content: space-between; gap: .24rem; margin-bottom: .4rem; }
.pg-news-head .pt-sec-head { margin-bottom: 0; }
.pg-news-nav { display: flex; gap: .1rem; flex: none; }
.pg-news-prev,
.pg-news-next { display: flex; align-items: center; justify-content: center; width: .48rem; height: .48rem; border: 1px solid #ddd; border-radius: 50%; background: #fff; color: #222; cursor: pointer; }
.pg-news-prev:hover,
.pg-news-next:hover { border-color: #1e478f; color: #1e478f; }
.pg-news-prev.swiper-button-disabled,
.pg-news-next.swiper-button-disabled { opacity: .35; cursor: default; }
.pg-news-swiper .swiper-slide { height: auto; }
.pg-news-card { display: flex; flex-direction: column; height: 100%; color: #222; text-decoration: none; }
.pg-news-img { margin-bottom: .2rem; background: #f0f0f0; }
.pg-news-img img { object-fit: cover; transition: transform .3s ease; }
.pg-news-card:hover .pg-news-img img { transform: scale(1.03); }
.pg-news-tag { display: inline-block; margin-bottom: .08rem; color: #1e478f; font-weight: 600; line-height: 1.5; }
.pg-news-card h3 { margin: 0; color: #222; font-weight: 500; }
.pg-news-card:hover h3 { text-decoration: underline; text-underline-offset: .04rem; }
.pg-news-card time { display: block; margin-top: .14rem; color: #666; }
@media screen and (max-width: 1100px) {
	.pg-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 800px) {
	.pg-hero,
	.pg-sols,
	.pg-help,
	.pg-news { padding: .7rem 0; }
	.pm-pro-guide .pg-hero-head { margin-bottom: .44rem; }
	.pg-cat-grid,
	.pg-sol-grid,
	.pg-help-grid { grid-template-columns: 1fr; }
	.pg-banner-body { min-height: 3.7rem; display: flex; align-items: center; justify-content: center; padding: .4rem 0; }
	.pg-help-card { min-height: 0; }
	.pg-help-cta { position: static; margin: .1rem 0 .28rem; }
	.pg-news-head { align-items: flex-start; flex-direction: column; }
}

@media screen and (max-width: 800px) {
	.pm-pro-detail .pm-pro-detail-gallery { grid-template-columns: minmax(0,1fr); }
	.pm-pro-detail .pm-pro-detail-main { grid-column: 1; grid-row: 1; }
	.pm-pro-detail .pm-pro-detail-thumbs-col { grid-column: 1; grid-row: 2; flex-direction: row; align-items: center; }
	.pm-pro-detail .pm-pro-detail-thumbs-prev,
	.pm-pro-detail .pm-pro-detail-thumbs-next { width: .36rem; height: .72rem; }
	.pm-pro-detail .pm-pro-detail-thumbs-prev::before { transform: rotate(135deg); margin: 0 0 0 .04rem; }
	.pm-pro-detail .pm-pro-detail-thumbs-next::before { transform: rotate(-45deg); margin: 0 .04rem 0 0; }
}

.pt-quote-modal {
	position: fixed;
	inset: 0;
	z-index: 1200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .24rem;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .22s ease, visibility .22s ease;
}
.pt-quote-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.pt-quote-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(6, 22, 38, .58);
	backdrop-filter: blur(2px);
}
.pt-quote-dialog {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 6.4rem;
	max-height: calc(100vh - .48rem);
	overflow-y: auto;
	padding: .38rem .4rem .36rem;
	border-radius: .06rem;
	background: #fff;
	box-shadow: 0 .24rem .64rem rgba(6, 27, 49, .26);
	transform: translateY(.08rem);
	transition: transform .22s ease;
}
.pt-quote-modal.is-open .pt-quote-dialog {
	transform: translateY(0);
}
.pt-quote-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .2rem;
	margin-bottom: .24rem;
}
.pt-quote-head-copy {
	min-width: 0;
}
.pt-quote-title {
	margin: 0;
	color: #0f172a;
	font-weight: 700;
	letter-spacing: -0.015em;
}
.pt-quote-product {
	margin: .07rem 0 0;
	color: #667085;
	overflow-wrap: anywhere;
}
.pt-quote-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: .34rem;
	height: .34rem;
	margin: -.04rem -.06rem 0 0;
	padding: 0;
	border: 0;
	border-radius: .04rem;
	background: transparent;
	color: #475467;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}
.pt-quote-close:hover {
	background: #f2f4f7;
	color: #0f172a;
}
.pt-quote-close svg {
	width: .18rem;
	height: .18rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
}
.pt-quote-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .14rem .16rem;
}
.pt-quote-field {
	min-width: 0;
}
.pt-quote-field--full {
	grid-column: 1 / -1;
}
.pt-quote-field input,
.pt-quote-field textarea {
	display: block;
	width: 100%;
	padding: .12rem .15rem;
	border: 1px solid #d5dbe3;
	border-radius: .05rem;
	background: #fff;
	color: #101828;
	font-family: inherit;
	line-height: 1.45;
	outline: none;
	transition: border-color .18s ease, box-shadow .18s ease;
}
.pt-quote-field input {
	height: .46rem;
}
.pt-quote-field textarea {
	min-height: 1.38rem;
	resize: vertical;
}
.pt-quote-field input::placeholder,
.pt-quote-field textarea::placeholder {
	color: #98a2b3;
}
.pt-quote-field input:focus,
.pt-quote-field textarea:focus {
	border-color: #1e478f;
	box-shadow: 0 0 0 3px rgba(30, 71, 143, .12);
}
.pt-quote-field.is-invalid input {
	border-color: #d92d20;
}
.pt-quote-tip {
	margin-top: .05rem;
	color: #d92d20;
	line-height: 1.35;
}
.pt-quote-check {
	display: flex;
	align-items: flex-start;
	gap: .1rem;
	margin-top: .18rem;
	color: #1d2939;
	font-weight: 600;
	cursor: pointer;
}
.pt-quote-check input {
	flex: none;
	appearance: checkbox;
	-webkit-appearance: checkbox;
	width: .16rem;
	height: .16rem;
	margin-top: .03rem;
	border: 1px solid #98a2b3;
	border-radius: .03rem;
	accent-color: #1e478f;
	cursor: pointer;
}
.pt-quote-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: .48rem;
	margin-top: .2rem;
	padding: .12rem .22rem;
	border: 1px solid #1e478f;
	border-radius: .04rem;
	background: #1e478f;
	color: #fff;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: 0;
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease;
}
.pt-quote-submit:hover {
	background: #062b4a;
	border-color: #062b4a;
}
.pt-quote-note {
	margin: .16rem 0 0;
	color: #475467;
}
body.pt-quote-lock {
	overflow: hidden;
}
@media screen and (max-width: 800px) {
	.pt-quote-dialog {
		padding: .28rem .24rem .26rem;
	}
	.pt-quote-grid {
		grid-template-columns: 1fr;
	}
}

.pt-float-bar {
	position: fixed;
	right: 0.22rem;
	top: 50%;
	z-index: 1050;
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
	transform: translateY(-50%);
}
.pt-float-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	text-decoration: none;
	cursor: pointer;
}
.pt-float-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.54rem;
	height: 0.54rem;
	border: 1px solid rgba(30, 71, 143, 0.14);
	border-radius: 0.14rem;
	background: #fff;
	box-shadow: 0 0.1rem 0.28rem rgba(6, 27, 49, 0.16), 0 0.02rem 0.06rem rgba(6, 27, 49, 0.08);
	color: #1e478f;
	transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.pt-float-btn svg {
	width: 0.25rem;
	height: 0.25rem;
	display: block;
}
.pt-float-btn i {
	font-size: var(--f22);
	line-height: 1;
	display: block;
}
.pt-float-item:hover .pt-float-btn,
.pt-float-item.is-copied .pt-float-btn {
	border-color: #1e478f;
	background: #1e478f;
	box-shadow: 0 0.12rem 0.32rem rgba(30, 71, 143, 0.34);
	color: #fff;
	transform: translateX(-0.03rem);
}
.pt-float-pop {
	position: absolute;
	right: calc(100% + 0.14rem);
	top: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 2.04rem;
	padding: 0.11rem 0.18rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 0.1rem;
	background: #062B4A;
	box-shadow: 0 0.14rem 0.34rem rgba(6, 22, 38, 0.28);
	color: #fff;
	text-align: left;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(0.08rem, -50%);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, background-color 0.2s ease;
}
.pt-float-pop::after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	border: 0.05rem solid transparent;
	border-left-color: #062B4A;
	transform: translateY(-50%);
	transition: border-left-color 0.2s ease;
}
.pt-float-item:hover .pt-float-pop,
.pt-float-item:focus-visible .pt-float-pop,
.pt-float-item.is-copied .pt-float-pop {
	opacity: 1;
	visibility: visible;
	transform: translate(0, -50%);
}
.pt-float-pop-kicker {
	font-size: var(--f14);
	font-weight: 500;
	line-height: 1.25;
	color: rgba(255, 255, 255, 0.68);
}
.pt-float-pop-val {
	margin-top: 0.02rem;
	font-size: var(--f15);
	font-weight: 600;
	line-height: 1.35;
	color: #fff;
}
.pt-float-pop-copied {
	display: none;
	align-items: center;
	gap: 0.06rem;
	margin-top: 0.04rem;
	padding-top: 0.04rem;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	width: 100%;
	font-size: var(--f14);
	font-weight: 600;
	line-height: 1.3;
	color: #B8E04A;
}
.pt-float-pop-copied svg {
	width: 0.14rem;
	height: 0.14rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.pt-float-item.is-copied .pt-float-pop {
	background: #1e478f;
}
.pt-float-item.is-copied .pt-float-pop::after {
	border-left-color: #1e478f;
}
.pt-float-item.is-copied .pt-float-pop-kicker {
	display: none;
}
.pt-float-item.is-copied .pt-float-pop-copied {
	display: inline-flex;
}
@media screen and (max-width: 800px) {
	.pt-float-bar {
		right: 0.14rem;
		top: auto;
		bottom: 0.24rem;
		transform: none;
	}
	.pt-float-btn {
		width: 44px;
		height: 44px;
		border-radius: 12px;
	}
	.pt-float-btn svg {
		width: 20px;
		height: 20px;
	}
	.pt-float-btn i {
		font-size: 20px;
	}
}

/* ==========================================================================
   About Subnav (sticky section spy + mobile horizontal auto-scroll)
   ========================================================================== */
.pt-about-subnav {
	position: sticky;
	top: 1rem;
	z-index: 40;
	background: rgba(255, 255, 255, 0.97);
	border-bottom: 1px solid #e3e9f0;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.pt-about-subnav-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.08rem;
	min-height: 0.64rem;
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: none;
}
.pt-about-subnav-list::-webkit-scrollbar { display: none; }
.pt-about-subnav-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 0.64rem;
	padding: 0 0.24rem;
	color: #506172;
	font-weight: 500;
	text-decoration: none;
	flex: none;
	transition: color 0.22s ease;
}
.pt-about-subnav-link::after {
	content: "";
	position: absolute;
	left: 0.24rem;
	right: 0.24rem;
	bottom: 0;
	height: 2px;
	border-radius: 2px;
	background: #1e478f;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.24s ease;
}
.pt-about-subnav-link:hover,
.pt-about-subnav-link.active {
	color: #1e478f;
	font-weight: 600;
}
.pt-about-subnav-link.active::after {
	transform: scaleX(1);
}

/* ==========================================================================
   Laptop & Mobile Responsive Refinement (<=1000px & <=768px down to 375px)
   ========================================================================== */
@media screen and (max-width: 1000px) {
	/* 1. Sticky Subnav & Detail Tabs top offset for 60px mobile header */
	.pt-about-subnav {
		top: 60px;
	}
	.pt-about-subnav-list {
		justify-content: flex-start;
		min-height: 48px;
		padding: 0 4%;
		width: 100%;
		max-width: 100%;
	}
	.pt-about-subnav-link {
		height: 48px;
		padding: 0 14px;
	}
	.pt-about-subnav-link::after {
		left: 14px;
		right: 14px;
	}
	.pm-pro-detail .pm-pro-detail-tabs {
		top: 60px;
	}
	.pm-pro-detail .pm-pro-detail-tab-list {
		justify-content: flex-start;
		min-height: 48px;
	}
	.pm-pro-detail .pm-pro-detail-tab {
		height: 48px;
		padding: 0 14px;
	}
	.pm-pro-detail .pm-pro-detail-tab::after {
		left: 14px;
		right: 14px;
	}

	/* 2. Mobile Header Hamburger & Multi-level Accordion Drawer */
	#c-header .Header-container .tool {
		padding-right: 10px;
	}
	#c-header .Header-container .tool .search {
		width: 40px;
		height: 40px;
	}
	#c-header .c-switch {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.12);
		transition: background-color 0.25s ease;
	}
	#c-header.on .c-switch,
	#c-header.white_bg .c-switch,
	body.c-open #c-header .c-switch {
		background: #f2f5f8;
	}
	#c-header .c-switch i {
		position: absolute;
		left: 10px;
		right: 10px;
		width: 20px;
		height: 2px;
		margin: 0;
		border-radius: 2px;
		background: #fff;
		transition: transform 0.28s ease, top 0.28s ease, bottom 0.28s ease, opacity 0.2s ease, background-color 0.25s ease;
	}
	#c-header .c-switch i:nth-child(1) { top: 12px; bottom: auto; margin: 0; }
	#c-header .c-switch i:nth-child(2) { top: 19px; bottom: auto; margin: 0; opacity: 1; }
	#c-header .c-switch i:nth-child(3) { top: 26px; bottom: auto; margin: 0; }
	#c-header.on .c-switch i,
	#c-header.white_bg .c-switch i,
	body.c-open #c-header .c-switch i {
		background: #062B4A;
	}
	body.c-open #c-header .c-switch i:nth-child(1) {
		top: 19px;
		bottom: auto;
		transform: rotate(45deg);
	}
	body.c-open #c-header .c-switch i:nth-child(2) {
		opacity: 0;
	}
	body.c-open #c-header .c-switch i:nth-child(3) {
		top: 19px;
		bottom: auto;
		transform: rotate(-45deg);
	}

	#c-header .c-nav {
		top: 60px;
		background: #fff;
		box-shadow: 0 14px 32px rgba(6, 27, 49, 0.14);
	}
	.c-open #c-header .c-nav {
		height: calc(100vh - 60px);
		padding: 8px 0 36px;
	}
	#c-header .c-nav > li {
		padding: 0;
		border-top: 1px solid #eef2f6;
	}
	#c-header .c-nav > li:first-child {
		border-top: 0;
	}
	#c-header .c-nav li .c-title-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 50px;
		padding: 0 4%;
		line-height: 1.35;
	}
	#c-header .c-nav li .c-title-box > a {
		flex: 1;
		min-width: 0;
		padding: 13px 12px 13px 0;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.35;
		color: #0f172a;
	}
	#c-header .c-nav > li.active > .c-title-box > a,
	#c-header .c-nav li.on > .c-title-box > a {
		color: #1e478f;
	}
	#c-header .c-nav li .c-title-box i.c-sub-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 38px;
		width: 38px;
		height: 38px;
		padding: 0;
		margin-right: -6px;
		border-radius: 8px;
		background: #f4f7fa;
		font-size: 16px;
		line-height: 1;
		color: #344054;
		cursor: pointer;
		transition: transform 0.26s ease, background-color 0.22s ease, color 0.22s ease;
	}
	#c-header .c-nav li.on > .c-title-box > i.c-sub-toggle {
		background: #e6eff8;
		color: #1e478f;
		transform: rotate(180deg);
	}
	#c-header .c-nav li ul {
		display: none;
		margin: 0;
		padding: 4px 0 8px;
		background: #f8fafc;
		border-top: 1px solid #eef2f6;
	}
	#c-header .c-nav li ul li {
		padding: 0;
		border-top: 0;
	}
	#c-header .c-nav > li > ul > li > .c-title-box {
		min-height: 44px;
		padding-left: 7%;
		padding-right: 4%;
	}
	#c-header .c-nav > li > ul > li > .c-title-box > a {
		padding: 10px 10px 10px 0;
		font-size: 15px;
		font-weight: 500;
		color: #334155;
	}
	#c-header .c-nav > li > ul > li > ul {
		background: #f1f5f9;
	}
	#c-header .c-nav > li > ul > li > ul > li > .c-title-box {
		min-height: 40px;
		padding-left: 10.5%;
		padding-right: 4%;
	}
	#c-header .c-nav > li > ul > li > ul > li > .c-title-box > a {
		padding: 8px 10px 8px 0;
		font-size: 14px;
		font-weight: 500;
		color: #475569;
	}
	#c-header .c-nav > li > ul > li > ul > li > ul {
		background: #e9eff6;
	}
	#c-header .c-nav > li > ul > li > ul > li > ul > li > .c-title-box {
		min-height: 38px;
		padding-left: 14%;
		padding-right: 4%;
	}
	#c-header .c-nav > li > ul > li > ul > li > ul > li > .c-title-box > a {
		padding: 7px 10px 7px 0;
		font-size: 13px;
		font-weight: 400;
		color: #475569;
	}

	/* 3. Footer Accordion (one row per item, clean chevron rotation) */
	.Footer-container .mid {
		padding: 0.56rem 0 0.24rem;
		gap: 0.36rem;
	}
	.Footer-container .foot-cols {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 0;
		margin: 0;
	}
	.Footer-container .foot-cols li {
		width: 100%;
		flex: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	}
	.Footer-container .foot-cols li:first-child {
		border-top: 1px solid rgba(255, 255, 255, 0.14);
	}
	.Footer-container .foot-cols li > p {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 52px;
		margin: 0;
		padding: 14px 0;
		font-size: 17px;
		cursor: pointer;
	}
	.Footer-container .foot-cols li > p > a {
		pointer-events: none;
		color: #fff;
	}
	.Footer-container .foot-cols li > p i.foot-acc-ico {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		margin-left: 12px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.08);
		font-size: 15px;
		color: #fff;
		transition: transform 0.26s ease, background-color 0.22s ease;
	}
	.Footer-container .foot-cols li > p.on i.foot-acc-ico {
		background: #1e478f;
		transform: rotate(180deg);
	}
	.Footer-container .foot-cols li .foot_nav_link {
		display: none;
		padding: 2px 0 14px;
	}
	.Footer-container .foot-cols li .foot_nav_link a {
		display: block;
		width: 100%;
		padding: 9px 10px;
		border-radius: 6px;
		font-size: 15px;
		line-height: 1.45;
		color: rgba(255, 255, 255, 0.82);
	}
	.Footer-container .foot-cols li .foot_nav_link a:hover {
		background: rgba(255, 255, 255, 0.06);
		color: #fff;
	}
	.Footer-container .info dt {
		flex: 0 0 38px;
		width: 38px;
		height: 38px;
	}
	.Footer-container .info dt i {
		font-size: 16px;
	}

	/* 4. Inner-page Banner (min-height instead of fixed height, comfortable vertical padding) */
	.c_ban {
		height: auto !important;
		min-height: 210px;
		padding: 32px 0 30px;
		display: flex;
		align-items: center;
	}
	.c_ban:before {
		background: linear-gradient(90deg, rgba(6, 18, 36, 0.78) 0%, rgba(6, 18, 36, 0.54) 60%, rgba(6, 18, 36, 0.32) 100%);
	}
	.c_ban_box {
		height: auto;
		min-height: 146px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 14px;
	}
	.c_ban_crumb {
		position: static;
	}
	.c_ban_crumb .crumbs {
		flex-wrap: wrap;
		row-gap: 4px;
	}
	.c_ban_copy p {
		margin: 0 0 6px;
		font-size: 13px;
	}
	.c_ban_copy h1,
	.c_ban_copy .c_ban_title {
		max-width: 100%;
		font-size: 30px;
		line-height: 1.22;
	}
}

@media screen and (max-width: 768px) {
	/* 5. Homepage Hero Poster (centered horizontally & vertically, dark overlay, 14px lh 1.5 desc) */
	.pt-sol-hero .pt-home-hero-slide {
		height: auto;
		min-height: 400px;
		padding: 88px 0 56px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}
	.pt-sol-media:before {
		background: linear-gradient(180deg, rgba(4, 15, 28, 0.64) 0%, rgba(4, 15, 28, 0.56) 50%, rgba(4, 15, 28, 0.72) 100%);
	}
	.pt-sol-media img {
		object-position: center center;
	}
	.pt-sol-copy {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		z-index: 3;
		width: 90%;
		max-width: 520px;
		margin: 0 auto;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.pt-sol-mark {
		margin: 0 0 14px;
		font-size: 20px;
	}
	.pt-sol-mark:after {
		left: 50%;
		transform: translateX(-50%);
		width: 40px;
		bottom: -6px;
	}
	.pt-sol-title {
		margin: 0 0 12px;
		font-size: 30px;
		line-height: 1.16;
	}
	.pt-sol-sub {
		margin: 0 0 22px;
		max-width: 320px;
		font-size: 14px !important;
		line-height: 1.5 !important;
		color: rgba(255, 255, 255, 0.92);
	}
	.pt-sol-btn {
		min-height: 42px;
		height: auto;
		padding: 10px 24px;
		font-size: 14px;
	}

	/* 6. Inner-page Banner on Phone (compact, never overflows) */
	.c_ban {
		min-height: 176px;
		padding: 24px 0 24px;
	}
	.c_ban_box {
		min-height: 120px;
		gap: 10px;
	}
	.c_ban_crumb .crumbs a {
		font-size: 12px;
	}
	.c_ban_copy p {
		font-size: 12px;
		margin-bottom: 4px;
	}
	.c_ban_copy h1,
	.c_ban_copy .c_ban_title {
		font-size: 26px;
		line-height: 1.22;
	}

	/* 7. Site-wide Buttons, Arrows & Section Icons on Mobile (prevent tiny rem shrinkage) */
	.pt-home .pt-sec-head,
	.pt-home .pt-sol-ways-head,
	.pt-home .pt-series-head,
	.pt-home .pt-home-ideas-head,
	.pt-home .pt-home-about-head,
	.pt-home .pt-home-ops-head,
	.pt-home .pt-home-partner-head,
	.pt-home .pt-home-support-head,
	.pt-home-news .pt-news-head {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	.pt-home .pt-series-head {
		padding-left: 4%;
		padding-right: 4%;
	}
	.pt-home .pt-sec-head h2,
	.pt-home .pt-sec-head p,
	.pt-home .pt-sol-ways-head h2,
	.pt-home .pt-sol-ways-head p,
	.pt-home .pt-home-sec-title,
	.pt-home .pt-home-sec-desc,
	.pt-home-news .pt-news-head h2,
	.pt-home-news .pt-news-lead {
		max-width: 100%;
	}
	.pt-home-cando .pt-home-cando-band {
		padding-top: 44px;
		padding-bottom: 32px;
	}
	.pt-home-cando .pt-home-cando-card {
		width: 92%;
		margin: 16px auto 0;
		padding: 24px 20px;
	}
	.pt-home-cando .pt-home-cando-ctrl {
		margin-top: 20px;
	}
	.pt-home-cando .pt-home-cando-nav button {
		width: 40px;
		height: 40px;
	}
	.pt-home-cando .pt-home-cando-nav .iconfont {
		width: 40px;
		height: 40px;
		font-size: 15px;
	}
	.pt-home-cando .pt-home-cando-more {
		top: 14px;
		right: 4%;
		padding: 6px 12px;
		border-radius: 999px;
		background: rgba(6, 43, 74, 0.65);
	}
	.pt-home-cando .pt-home-cando-more:after {
		width: 12px;
		height: 12px;
	}

	/* Home Range Cards & Ripple Buttons */
	.pt-home-range {
		padding: 32px 0 20px;
	}
	.pt-home-range .pt-home-range-card {
		height: auto;
		min-height: 390px;
		padding: 26px 20px 22px;
	}
	.pt-home-range .pt-home-range-name {
		font-size: 24px;
		height: auto;
		min-height: 2.1em;
	}
	.pt-home-range .pt-home-range-desc {
		font-size: 14px;
		margin-top: 10px;
	}
	.pt-home-range .pt-home-range-inner {
		margin-top: 18px;
	}
	.pt-home-range .pt-home-range-item {
		min-height: 128px;
		padding: 14px;
		gap: 14px;
	}
	.pt-home-range .pt-home-range-pic {
		flex: 0 0 76px;
		width: 76px;
		height: 76px;
		padding: 6px;
	}
	.pt-home-range .pt-home-range-tag {
		display: none;
	}
	.pt-home-range .pt-home-range-arrows button {
		width: 36px;
		height: 36px;
	}
	.pt-home-range .pt-home-range-dots .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		margin: 0 4px;
	}
	.pt-home-range .pt-home-range-dots .swiper-pagination-bullet-active {
		width: 22px;
	}
	.pt-home-range .pt-home-range-outprev,
	.pt-home-range .pt-home-range-outnext {
		width: 42px;
		height: 42px;
	}
	.pt-home-range .pt-home-range-all {
		min-height: 44px;
		margin-top: 16px;
		padding: 10px 24px;
		font-size: 15px;
	}
	.pt-home-range .pt-home-range-all:after {
		width: 14px;
		height: 14px;
	}

	/* Home Series Tabs & Product Carousel */
	.pt-series {
		padding: 40px 0 36px;
	}
	.pt-series-tabs {
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		width: 92%;
		max-width: 92%;
		padding: 6px;
		margin-bottom: 24px;
		border-radius: 30px;
		scrollbar-width: none;
	}
	.pt-series-tabs::-webkit-scrollbar { display: none; }
	.pt-series-tab {
		flex: none;
		min-width: auto;
		min-height: 40px;
		padding: 8px 16px;
		gap: 8px;
		white-space: nowrap;
	}
	.pt-series-tab img {
		width: 24px;
		height: 24px;
	}
	.pt-series-arrow {
		width: 38px;
		height: 38px;
	}
	.pt-series-arrow svg {
		width: 18px;
		height: 18px;
	}
	.pt-series-card {
		padding: 18px 16px;
	}
	.pt-series-more:after {
		width: 14px;
		height: 14px;
	}

	/* Home Solutions & Ways & Operations & Support Icons */
	.pt-sol-ways {
		padding: 44px 0 36px;
	}
	.pt-sol-way {
		min-height: 280px;
		padding: 22px 20px;
	}
	.pt-home-masonry {
		padding: 28px 0;
	}
	.pt-home-masonry .pt-home-masonry-item {
		min-height: 240px;
	}
	.pt-home-masonry .pt-home-masonry-copy,
	.pt-home-masonry .pt-home-masonry-item-3 .pt-home-masonry-copy,
	.pt-home-masonry .pt-home-masonry-item-4 .pt-home-masonry-copy {
		width: 100%;
		padding: 24px 20px;
	}
	.pt-home-metrics .pt-home-metric-card {
		min-height: 200px;
		padding: 24px 20px;
		border-radius: 14px;
	}
	.pt-home-framework,
	.pt-home-ops,
	.pt-home-partner {
		padding: 36px 0;
	}
	.pt-home-framework-stage {
		height: auto;
		min-height: 440px;
		padding-bottom: 16px;
	}
	.pt-home-framework-intro {
		width: 100%;
		padding: 24px 20px 18px;
	}
	.pt-home-framework-rail {
		position: relative;
		padding: 12px 20px 16px;
		gap: 16px;
	}
	.pt-home-framework-step {
		min-width: 210px;
		width: 210px;
		padding: 14px;
		border-radius: 10px;
		background: rgba(6, 27, 49, 0.55);
	}
	.pt-home-framework-ico {
		width: 38px;
		height: 38px;
		margin-bottom: 8px;
	}
	.pt-home-ops-stage {
		min-height: 420px;
	}
	.pt-home-ops-overlay {
		position: relative;
		padding: 24px 16px;
	}
	.pt-home-ops-panel {
		width: 100%;
		padding: 20px 18px;
		border-radius: 10px;
	}
	.pt-home-partner-card {
		min-width: 250px;
		width: 260px;
	}
	.pt-home-partner-pic {
		height: 320px;
		border-radius: 10px;
	}
	.pt-home-partner-shade {
		padding: 20px 18px;
	}
	.pt-home-support {
		padding: 24px 0 40px;
	}
	.pt-home-support .pt-home-support-row {
		gap: 28px;
	}
	.pt-home-support .pt-home-support-icon {
		width: 52px;
		height: 52px;
	}
	.pt-home-support .pt-home-support-name {
		padding-top: 14px;
	}
	.pt-home-news {
		padding: 36px 0;
	}
	.pt-home-news .pt-news-prev,
	.pt-home-news .pt-news-next {
		width: 40px;
		height: 40px;
	}
	.pt-home-news .pt-news-prev svg,
	.pt-home-news .pt-news-next svg {
		width: 20px;
		height: 20px;
	}
	.pt-news-more {
		gap: 6px;
	}
	.pt-news-more:after,
	.pt-home-news .pt-news-more::after {
		width: 14px;
		height: 14px;
	}
	.pt-home-cta {
		padding: 44px 0;
	}
	.pt-home-cta-btn,
	.pt-solu-more,
	.foot-btn {
		min-height: 42px;
		height: auto;
		padding: 10px 22px;
	}
	.pt-home-cta-btn.is-arrow:after,
	.pt-solu-more:after {
		width: 14px;
		height: 14px;
	}

	/* World Map on Mobile */
	.pt-map-legend {
		flex-wrap: wrap;
		gap: 12px;
	}
	.pt-map-legend .pt-map-dot {
		width: 10px;
		height: 10px;
		margin-right: 8px;
	}
	.pt-map-legend .is-hub .pt-map-dot {
		width: 12px;
		height: 12px;
	}
	.pt-map-legend li span:last-child {
		padding: 8px 18px;
		font-size: 14px;
	}

	/* 8. About Page Icons, Cards, Check Swiper & OEM Box */
	.pt-about-facts {
		padding: 44px 0;
	}
	.pt-about-fact-row {
		gap: 16px;
	}
	.pt-about-fact {
		padding: 20px 18px;
		gap: 16px;
		border-radius: 12px;
	}
	.pt-about-fact img {
		width: 48px;
		height: 48px;
		flex: 0 0 48px;
	}
	.pt-about-check {
		flex-direction: column;
		align-items: flex-start;
		padding: 24px 20px;
		gap: 16px;
		border-radius: 12px;
	}
	.pt-about-check img {
		width: 52px;
		height: 52px;
	}
	.pt-about-check li {
		padding-left: 18px;
		margin-top: 8px;
	}
	.pt-about-check li:before {
		width: 6px;
		height: 6px;
		top: 8px;
	}
	.pt-check-nav .swiper-button-prev,
	.pt-check-nav .swiper-button-next,
	.yj-about-hist-nav .swiper-button-prev,
	.yj-about-hist-nav .swiper-button-next {
		width: 38px;
		height: 38px;
	}
	.pt-hub-shape-block + .pt-hub-shape-block {
		margin-top: 32px;
	}
	.pt-hub-shape-panel {
		padding: 22px 18px;
	}
	.pt-about-ware-grid {
		gap: 16px;
	}
	.pt-about-ware-grid article {
		padding: 22px 18px;
		border-radius: 12px;
	}
	.pt-about-ware-grid img {
		width: 48px;
		height: 48px;
		margin-bottom: 12px;
	}
	.yj-about-hist-card {
		padding: 22px 18px;
		border-radius: 12px;
	}
	.pt-culture-column {
		padding: 22px 18px;
	}
	.pt-culture-icon {
		width: 44px;
		height: 44px;
		margin-bottom: 10px;
	}
	.yj-about-oem-wrap {
		padding: 10px !important;
	}
	.yj-about-oem-list {
		padding: 22px 18px !important;
		margin-top: 12px;
		margin-bottom: 0 !important;
	}
	.yj-about-oem-tag {
		padding: 6px 12px;
	}
	.yj-about-btn {
		min-height: 44px;
		padding: 10px 22px;
	}

	/* 9. Product Guide, Product List & Product Detail */
	.pg-cat-grid {
		gap: 20px 14px;
	}
	.pg-sol-go {
		width: 40px;
		height: 40px;
		right: 14px;
		bottom: 14px;
		background-size: 16px;
	}
	.pg-help-body {
		padding: 24px 20px 0;
	}
	.pg-help-cta-ico {
		width: 26px;
		height: 26px;
		background-size: 13px;
	}
	.pg-news-prev,
	.pg-news-next {
		width: 40px;
		height: 40px;
	}

	.pronto-shop {
		padding: 28px 0 40px;
	}
	.pronto-shop-side-inner {
		padding: 20px 16px;
		border-radius: 8px;
	}
	.pronto-shop-search input {
		height: 42px;
		padding: 0 12px;
	}
	.pronto-shop-search button {
		width: 44px;
		height: 42px;
	}
	.pronto-shop-search .iconfont {
		font-size: 18px;
	}
	.pronto-shop-cats {
		padding-top: 18px;
	}
	.pronto-shop-cats-name {
		padding-bottom: 10px;
	}
	.pronto-shop-menu a {
		padding: 9px 0;
	}
	.pronto-shop-menu-toggle {
		width: 34px;
		height: 34px;
	}
	.pronto-shop-menu-toggle::before {
		width: 7px;
		height: 7px;
	}
	.pronto-b2b-card {
		margin-bottom: 16px;
		border-radius: 8px;
	}
	.pronto-b2b-card__header {
		padding: 14px 16px;
	}
	.pronto-b2b-card__image-column {
		padding: 18px 16px 8px;
	}
	.pronto-b2b-card__image-column img {
		max-width: 150px !important;
		max-height: 150px;
	}
	.pronto-b2b-card__info-column {
		padding: 12px 16px 0;
	}
	.pronto-b2b-specs__row {
		grid-template-columns: 42% 1fr;
		gap: 10px;
		padding: 5px 0;
	}
	.pronto-b2b-services {
		gap: 8px 14px;
		padding: 12px 0;
	}
	.pronto-b2b-services__icon svg {
		width: 16px;
		height: 16px;
	}
	.pronto-b2b-card__cta-column {
		padding: 14px 16px 16px;
		gap: 10px;
		border-top: 1px solid #eaecf0;
	}
	.pronto-b2b-btn {
		min-height: 42px;
		padding: 10px 16px;
		border-radius: 6px;
	}

	/* Product Detail */
	.pm-pro-detail .pm-pro-detail-top {
		padding: 16px 0 36px;
		background-position: center bottom;
	}
	.pm-pro-detail .pm-pro-detail-crumb {
		margin-bottom: 16px;
	}
	.pm-pro-detail .pm-pro-detail-crumb .crumbs span {
		max-width: 100%;
	}
	.pm-pro-detail .pm-pro-detail-hero {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.pm-pro-detail .pm-pro-detail-actions {
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 22px;
	}
	.pm-pro-detail .pm-pro-detail-inquiry,
	.pm-pro-detail .pm-pro-detail-download {
		flex: 1 1 calc(50% - 6px);
		min-height: 44px;
		padding: 10px 18px;
		border-radius: 6px;
	}
	.pm-pro-detail .pm-pro-detail-body {
		padding: 36px 0 24px;
	}
	.pm-pro-detail .pm-pro-detail-article {
		overflow-x: auto;
	}
	.pm-pro-detail .pm-pro-article-faq {
		max-width: 100%;
		margin-top: 28px;
		padding-top: 20px;
	}
	.pm-pro-detail .pm-pro-article-faq-title {
		font-size: 22px;
	}
	.pm-pro-detail .pm-pro-article-faq-list .faq-head {
		padding: 14px 16px;
	}
	.pm-pro-detail .pm-pro-detail-wiring {
		grid-template-columns: 1fr;
		padding: 10px;
	}
	.pm-pro-detail .pm-pro-detail-faq {
		padding: 44px 0;
	}
	.pm-pro-detail .pm-pro-detail-faq-layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.pm-pro-detail .pm-pro-detail-faq .pm-pro-detail-section-head {
		position: static;
	}
	.pm-pro-detail .pm-pro-detail-faq-list .faq-head {
		padding: 16px 18px;
	}
	.pm-pro-detail .pm-pro-detail-faq-list .faq-body {
		padding: 0 18px 18px;
	}
	.pm-pro-detail .faq-icon {
		width: 30px;
		height: 30px;
	}
	.pm-pro-detail .faq-icon::before {
		width: 12px;
	}
	.pm-pro-detail .faq-icon::after {
		height: 12px;
	}
	.pm-pro-detail .pm-pro-detail-related {
		padding: 44px 0;
	}
	.pm-pro-detail .pm-pro-detail-related-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.pm-pro-detail .pm-pro-detail-related-nav button {
		width: 40px;
		height: 40px;
	}
	.pm-pro-detail .pm-pro-detail-related-slider .swiper-slide {
		width: 240px;
	}
	.pm-pro-detail .pm-pro-detail-contact {
		padding: 40px 0 48px;
	}
	.pm-pro-detail .pm-pro-detail-contact-inner {
		grid-template-columns: 1fr;
	}
	.pm-pro-detail .pm-pro-detail-contact-head {
		padding: 28px 22px;
	}
	.pm-pro-detail .pm-pro-detail-contact-point {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 12px;
	}
	.pm-pro-detail .pm-pro-detail-contact-point > i {
		width: 36px;
		height: 36px;
	}
	.pm-pro-detail .pm-pro-detail-form {
		padding: 28px 22px 32px;
	}
	.pm-pro-detail .pm-pro-detail-form-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.pm-pro-detail .pm-pro-detail-form input,
	.pm-pro-detail .pm-pro-detail-form textarea {
		padding: 12px 14px;
	}
	.pm-pro-detail .pm-pro-detail-submit {
		width: 100%;
		min-height: 46px;
	}

	/* 10. Solutions, Sample, OEM, Download, FAQ & Contact Pages */
	.sol_grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.pt-res .pt-res-card-icon,
	.pt-smp .pt-smp-step-icon {
		width: 48px;
		height: 48px;
	}
	.pt-res .pt-res-share-icon {
		width: 38px;
		height: 38px;
	}
	.pt-res .pt-res-prev,
	.pt-res .pt-res-next {
		width: 38px;
		height: 38px;
	}
	.pt-res .pt-res-prev:before,
	.pt-res .pt-res-next:before {
		width: 15px;
		height: 15px;
	}
	.pt-res .pt-res-submit,
	.pt-smp .pt-smp-submit {
		width: 100%;
		min-height: 46px;
		padding: 12px 24px;
	}
	.pt-smp .pt-smp-reach-icon {
		width: 42px;
		height: 42px;
	}
	.pt-smp .pt-smp-reach-icon .iconfont {
		font-size: 18px;
	}
	.pt-smp .pt-smp-field input[type="text"],
	.pt-smp .pt-smp-field input[type="email"],
	.pt-smp .pt-smp-field select,
	.pt-res .pt-res-field input,
	.pt-pro .pt-pro-field input[type="text"],
	.pt-pro .pt-pro-field input[type="email"] {
		height: 44px;
	}
	.pt-smp .pt-smp-field.on .pt-smp-label-name,
	.pt-smp .pt-smp-field:focus-within .pt-smp-label-name,
	.pt-res .pt-res-field.on .pt-res-label-name,
	.pt-res .pt-res-field:focus-within .pt-res-label-name,
	.pt-pro .pt-pro-field.on .pt-pro-label-name,
	.pt-pro .pt-pro-field:focus-within .pt-pro-label-name {
		top: 26px;
	}
	.pt-smp .pt-smp-field textarea,
	.pt-res .pt-res-field textarea,
	.pt-pro .pt-pro-field textarea {
		height: auto;
		min-height: 132px;
		margin-top: 8px;
		padding: 12px 14px;
		border-radius: 6px;
		line-height: 1.5;
	}
	.pt-smp .pt-smp-q {
		padding: 16px 0;
		gap: 14px;
	}
	.pt-smp .pt-smp-q:after {
		width: 14px;
		height: 14px;
	}
	.pt-smp .pt-smp-a {
		padding-bottom: 16px;
	}

	/* Quote Modal on Mobile */
	.pt-quote-dialog {
		padding: 22px 18px 20px;
		border-radius: 10px;
	}
	.pt-quote-head {
		margin-bottom: 16px;
		gap: 12px;
	}
	.pt-quote-close {
		width: 36px;
		height: 36px;
		margin: -4px -6px 0 0;
		border-radius: 6px;
	}
	.pt-quote-close svg {
		width: 18px;
		height: 18px;
	}
	.pt-quote-grid {
		gap: 12px;
	}
	.pt-quote-field input {
		height: 44px;
		padding: 10px 14px;
		border-radius: 6px;
		font-size: 14px;
	}
	.pt-quote-field textarea {
		min-height: 116px;
		padding: 12px 14px;
		border-radius: 6px;
		font-size: 14px;
	}
	.pt-quote-check {
		gap: 10px;
		margin-top: 14px;
	}
	.pt-quote-check input {
		width: 18px;
		height: 18px;
		margin-top: 2px;
	}
	.pt-quote-submit {
		min-height: 44px;
		margin-top: 16px;
		padding: 10px 20px;
		border-radius: 6px;
		font-size: 15px;
	}
	.pt-quote-note {
		margin-top: 12px;
	}

	/* OEM Icons, Certificate Carousel Arrows, Search Overlay & Pagination */
	.yj-oem-capability-icon,
	.yj-oem-process-icon {
		width: 44px;
		height: 44px;
		margin-bottom: 14px;
	}
	.yj-oem-review-icon,
	.yj-oem-quality-icon {
		width: 38px;
		height: 38px;
	}
	.yj-oem-engineering-review-item,
	.yj-oem-quality-stage {
		grid-template-columns: 38px 1fr;
		gap: 12px;
	}
	.yj-oem-range-ico {
		width: 34px;
		height: 34px;
	}
	.yj-oem-range-item {
		gap: 12px;
		padding: 12px 14px;
	}
	.yj-about-cert-nav .swiper-button-prev,
	.yj-about-cert-nav .swiper-button-next {
		width: 38px;
		height: 38px;
	}
	.tc_search form {
		height: 46px;
		padding: 0 14px;
	}
	.tc_search input {
		height: 46px;
		font-size: 16px;
	}
	.tc_search button {
		height: 46px;
		line-height: 46px;
		font-size: 22px;
	}
	.com_page a,
	.com_page span {
		width: 38px;
		height: 38px;
		min-width: 38px;
		min-height: 38px;
		margin: 0 4px;
	}
	.dl_sec {
		padding: 24px 0 44px;
	}
	.pt-dl-top {
		gap: 14px;
		padding-bottom: 14px;
		border-bottom: 0;
	}
	.pt-dl-tabs {
		width: 100%;
		gap: 24px;
		border-bottom: 1px solid #e5e8ee;
	}
	.pt-dl-tabs a {
		padding: 10px 0 12px;
		font-size: 16px;
		font-weight: 600;
	}
	.pt-dl-search {
		width: 100%;
		height: 44px;
		margin: 0;
		border: 1px solid #d0d7e2;
		border-radius: 6px;
		background: #fff;
		overflow: hidden;
	}
	.pt-dl-search:focus-within {
		border-color: #1e478f;
		box-shadow: 0 0 0 3px rgba(30, 71, 143, 0.1);
	}
	.pt-dl-search input {
		height: 100%;
		padding: 0 14px;
		font-size: 15px;
	}
	.pt-dl-search button {
		width: 46px;
		height: 100%;
		font-size: 16px;
		color: #1e478f;
	}
	.pt-dl-list {
		gap: 16px;
		margin-top: 20px;
	}
	.pt-dl-card {
		gap: 16px;
		min-height: 0;
		padding: 18px;
		border-radius: 8px;
	}
	.pt-dl-pic {
		width: 100%;
		height: 170px;
		padding: 14px;
		border-radius: 6px;
	}
	.pt-dl-copy {
		gap: 14px;
		padding: 0;
	}
	.pt-dl-name {
		font-size: 18px;
		line-height: 1.38;
	}
	.pt-dl-btn {
		gap: 8px;
		min-height: 42px;
		height: auto;
		padding: 10px 20px;
		border-radius: 6px;
		font-size: 14px;
	}
	.n_contact .fl .mui-input-row input {
		height: 46px;
		line-height: 46px;
		padding-left: 14px;
	}
	.n_contact .fl .btn button {
		width: 100%;
		min-height: 46px;
		padding: 12px 24px;
	}
	.n_contact .fr ul li .icon {
		width: 48px;
		height: 48px;
		flex: 0 0 48px;
		border-radius: 10px;
	}
	.n_contact .fr ul li .icon i {
		font-size: 20px;
	}
	.n_contact .fr ul li .text {
		width: calc(100% - 62px);
	}
	.yj-oem-button {
		min-height: 44px;
	}
	.crumbs:before{
		font-size: var(--f24);
	}
	.pt-about-check h3{
		margin-bottom: 0.15rem;
	}
}

/* ========== Products mega menu (AceReare-style) ========== */
@media all and (min-width: 1000px) {
	.Header-container .c-nav > li.pt-has-mega {
		position: static;
	}
	.Header-container .c-nav > li.pt-has-mega > .pt-mega-mobile {
		display: none !important;
	}
	.Header-container .c-nav > li.pt-has-mega > .pt-mega {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%, 12px);
		width: 100vw;
		max-width: 100vw;
		background: #fff;
		box-shadow: 0 12px 36px rgba(6, 43, 74, 0.1);
		opacity: 0;
		pointer-events: none;
		z-index: 120;
		line-height: normal;
		font-weight: 400;
		transition: opacity .28s ease, transform .28s ease;
	}
	.Header-container .c-nav > li.pt-has-mega:hover > .pt-mega,
	.Header-container .c-nav > li.pt-has-mega:focus-within > .pt-mega {
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, 0);
	}
	.pt-mega-inner {
		display: flex;
		align-items: stretch;
		max-width: 1600px;
		margin: 0 auto;
		padding: 0 40px;
		box-sizing: border-box;
	}
	.pt-mega-left {
		width: 26%;
		padding: 32px 22px 32px 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 22px;
		min-width: 0;
	}
	.pt-mega-intro {
		flex: none;
	}
	.pt-mega-kicker {
		margin: 0 0 10px;
		font-size: 22px;
		font-weight: 700;
		line-height: 1.25;
		color: #091d31;
	}
	.pt-mega-lead {
		margin: 0;
		font-size: 14px;
		line-height: 1.65;
		color: #5d6b78;
	}
	.pt-mega-l2 {
		list-style: none;
		margin: 0;
		padding: 4px 0 0;
		flex: 1 1 auto;
	}
	.pt-mega-l2-item {
		margin: 0 0 4px;
		line-height: 1.3;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-l2-item > a {
		display: flex !important;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 11px 12px;
		border-radius: 10px;
		border: 0;
		color: #314859;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.35;
		transition: background-color .25s ease, color .25s ease;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-l2-item > a::before {
		display: none !important;
		content: none !important;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-l2-item > a > i {
		margin-left: auto;
		font-size: 13px;
		color: #98a2b3;
		transition: transform .25s ease, color .25s ease;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-l2-item.on > a,
	.Header-container .c-nav > li.pt-has-mega .pt-mega-l2-item:hover > a {
		background: rgba(30, 71, 143, 0.08);
		color: var(--sec-theme-color, #1e478f);
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-l2-item.on > a > i,
	.Header-container .c-nav > li.pt-has-mega .pt-mega-l2-item:hover > a > i {
		color: var(--sec-theme-color, #1e478f);
		transform: translateX(3px);
	}
	.pt-mega-support {
		flex: none;
		padding-top: 4px;
		border-top: 1px solid #e6ebf0;
	}
	.pt-mega-support-title {
		font-size: 14px;
		font-weight: 700;
		color: #091d31;
		margin: 14px 0 10px;
	}
	.pt-mega-support-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.pt-mega-support-list li {
		margin: 0 0 8px;
		line-height: 1.3;
	}
	.pt-mega-support-list a {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 14px;
		color: #526171;
		transition: color .25s ease, transform .25s ease;
	}
	.pt-mega-support-list a i {
		font-size: 12px;
		transition: transform .25s ease;
	}
	.pt-mega-support-list a:hover {
		color: var(--sec-theme-color, #1e478f);
	}
	.pt-mega-support-list a:hover i {
		transform: translateX(4px);
	}
	.pt-mega-mid {
		width: 26%;
		padding: 28px 18px;
		border-left: 1px solid #e6ebf0;
		border-right: 1px solid #e6ebf0;
		display: flex;
		flex-direction: column;
		min-width: 0;
	}
	.pt-mega-l3-panel {
		display: none;
		flex: 1;
		flex-direction: column;
		justify-content: space-between;
		gap: 16px;
		min-height: 0;
	}
	.pt-mega-l3-panel.on {
		display: flex;
	}
	.pt-mega-l3-empty {
		padding: 12px;
		color: #5d6b78;
		font-size: 14px;
		line-height: 1.55;
	}
	.pt-mega-l3-empty p {
		margin: 0;
	}
	.pt-mega-cats {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.pt-mega-cat {
		margin: 0 0 4px;
		line-height: 1.3;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-cat > a,
	.Header-container .c-nav > li.pt-has-mega .pt-mega-cat .c-title-box {
		display: flex !important;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 10px 12px;
		border-radius: 8px;
		border: 0;
		color: #526171;
		font-size: 15px;
		line-height: 1.35;
		transition: background-color .25s ease, color .25s ease;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-cat .c-title-box > a {
		display: flex !important;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 0;
		min-width: 0;
		color: inherit;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-cat > a::before,
	.Header-container .c-nav > li.pt-has-mega .pt-mega-cat .c-title-box > a::before {
		display: none !important;
		content: none !important;
	}
	.pt-mega-cat-ico {
		width: 36px;
		height: 36px;
		flex: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pt-mega-cat-ico img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-cat.on > a,
	.Header-container .c-nav > li.pt-has-mega .pt-mega-cat:hover > a {
		background: rgba(30, 71, 143, 0.08);
		color: var(--sec-theme-color, #1e478f);
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega a {
		text-align: left;
	}
	.Header-container .c-nav > li.pt-has-mega .pt-mega-support-list li,
	.Header-container .c-nav > li.pt-has-mega .pt-mega-l2 > li,
	.Header-container .c-nav > li.pt-has-mega .pt-mega-cats > li {
		border: 0 !important;
		margin-bottom: 4px;
		line-height: 1.3 !important;
	}
	.pt-mega-all {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 8px 12px;
		font-size: 15px;
		font-weight: 600;
		color: var(--sec-theme-color, #1e478f);
	}
	.pt-mega-all:hover i {
		transform: translateX(3px);
	}
	.pt-mega-all i {
		transition: transform .25s ease;
	}
	.pt-mega-right {
		width: 48%;
		padding: 32px 0 32px 24px;
		min-width: 0;
	}
	.pt-mega-panel {
		display: none;
	}
	.pt-mega-panel.on {
		display: block;
	}
	.pt-mega-panel-head {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 8px;
	}
	.pt-mega-panel-title {
		font-size: 24px;
		font-weight: 700;
		line-height: 1.25;
		color: #091d31;
	}
	.pt-mega-panel-go {
		width: 34px;
		height: 34px;
		border: 1px solid #d7dee6;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #667085;
		transition: border-color .25s ease, color .25s ease;
	}
	.pt-mega-panel-head:hover .pt-mega-panel-title,
	.pt-mega-panel-head:hover .pt-mega-panel-go {
		color: var(--sec-theme-color, #1e478f);
	}
	.pt-mega-panel-head:hover .pt-mega-panel-go {
		border-color: var(--sec-theme-color, #1e478f);
	}
	.pt-mega-panel-note {
		margin: 0 0 18px;
		font-size: 14px;
		line-height: 1.5;
		color: var(--sec-theme-color, #1e478f);
	}
	.pt-mega-products {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 14px;
	}
	.pt-mega-product {
		display: block;
		min-width: 0;
	}
	.pt-mega-product-pic {
		display: block;
		aspect-ratio: 1;
		border: 1px solid #eef1f4;
		background: #fff;
		overflow: hidden;
	}
	.pt-mega-product-pic img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		transform: scale(.92);
		transition: transform .3s ease;
	}
	.pt-mega-product:hover .pt-mega-product-pic img {
		transform: scale(.98);
	}
	.pt-mega-product-name {
		display: block;
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.35;
		color: #314859;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		min-height: 2.7em;
	}
	.pt-mega-product:hover .pt-mega-product-name {
		color: var(--sec-theme-color, #1e478f);
	}
	.pt-mega-panel-more {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		margin-top: 16px;
		font-size: 15px;
		font-weight: 600;
		color: var(--sec-theme-color, #1e478f);
		line-height: 1.3;
	}
	.pt-mega-panel-more i {
		transition: transform .25s ease;
	}
	.pt-mega-panel-more:hover i {
		transform: translateX(3px);
	}
}

@media all and (max-width: 999px) {
	.Header-container .c-nav > li.pt-has-mega > .pt-mega {
		display: none !important;
	}
	.Header-container .c-nav > li.pt-has-mega > .pt-mega-mobile {
		display: none;
		list-style: none;
		margin: 0;
		padding: 0 0 0 12px;
		background: #f7f9fb;
	}
	.Header-container .c-nav > li.pt-has-mega.on > .pt-mega-mobile {
		display: block;
	}
	.pt-mega-mobile li a {
		display: block;
		padding: 10px 0;
		font-size: 15px;
		color: #465767;
		border-bottom: 1px solid #e8edf2;
	}
}

/* ========== Pronto Fluent Forms — match legacy form look ========== */
.pronto-ff-contact .frm-fluent-form,
.pronto-ff-sample .frm-fluent-form,
.pronto-ff-product .frm-fluent-form,
.pronto-ff-solution .frm-fluent-form,
.pronto-ff-newsletter .frm-fluent-form {
	margin: 0;
}
.pronto-ff-contact .ff-el-group,
.pronto-ff-sample .ff-el-group,
.pronto-ff-product .ff-el-group,
.pronto-ff-solution .ff-el-group,
.pronto-ff-newsletter .ff-el-group {
	margin-bottom: 0.15rem;
}
.pronto-ff-contact .ff-t-container,
.pronto-ff-sample .ff-t-container,
.pronto-ff-product .ff-t-container,
.pronto-ff-solution .ff-t-container {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0;
	margin: 0 !important;
}
.pronto-ff-contact .ff-t-cell,
.pronto-ff-sample .ff-t-cell,
.pronto-ff-product .ff-t-cell,
.pronto-ff-solution .ff-t-cell {
	float: none !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	width: 48% !important;
	max-width: 48% !important;
	flex: 0 0 48% !important;
	flex-basis: 48% !important;
}
.pronto-ff-contact .ff-el-form-control,
.pronto-ff-sample .ff-el-form-control,
.pronto-ff-product .ff-el-form-control,
.pronto-ff-solution .ff-el-form-control,
.pronto-ff-newsletter .ff-el-form-control {
	box-shadow: none !important;
	outline: none;
}
.pronto-ff-contact .ff-el-is-error .error,
.pronto-ff-sample .ff-el-is-error .error,
.pronto-ff-product .ff-el-is-error .error,
.pronto-ff-solution .ff-el-is-error .error {
	font-size: var(--f14, 14px);
	color: #c0392b;
}

/* Contact Us — placeholder fields, no top labels */
.pronto-ff-contact .ff-el-input--label { display: none !important; }
.pronto-ff-contact input.ff-el-form-control {
	width: 100%;
	font-size: var(--f16);
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F8F7FA;
	border-radius: 0.05rem;
	padding: 0 0.16rem;
	border: none;
	color: #1a1a1a;
}
.pronto-ff-contact textarea.ff-el-form-control {
	font-size: var(--f16);
	padding: 0.16rem;
	line-height: 1.5;
	width: 100%;
	min-height: calc(9em + 0.32rem);
	height: calc(9em + 0.32rem);
	background: #F4F5F9;
	border-radius: 0.05rem;
	border: none;
	resize: vertical;
	color: #1a1a1a;
}
.pronto-ff-contact .ff-el-group:has(textarea) { width: 100%; margin-top: 0; }
.pronto-ff-contact .ff-btn-submit,
.pronto-ff-contact button.ff-btn-submit {
	display: inline-block !important;
	width: auto !important;
	min-width: 0 !important;
	margin-top: 0.3rem;
	background-color: var(--theme-color) !important;
	border-color: var(--theme-color) !important;
	color: #fff !important;
	padding: 0.2rem 0.5rem !important;
	font-size: var(--f20) !important;
	text-transform: uppercase;
	border-radius: 0 !important;
	border: none !important;
	cursor: pointer;
}
.pronto-ff-contact .ff-btn-submit:hover {
	background-color: var(--theme-dark, #062b4a) !important;
}

/* Sample request — underline + top labels */
.pronto-ff-sample .ff-t-cell { width: 50% !important; padding: 0 0.17rem !important; box-sizing: border-box; }
.pronto-ff-sample .ff-t-container { margin-left: -0.17rem !important; margin-right: -0.17rem !important; }
.pronto-ff-sample .ff-el-group { margin-bottom: 0.35rem; }
.pronto-ff-sample .ff-el-input--label {
	position: relative;
	margin: 0 0 0.04rem;
	padding: 0;
}
.pronto-ff-sample .ff-el-input--label label {
	font-size: var(--f18);
	font-weight: 500;
	color: #1a1a1a;
	margin: 0;
}
.pronto-ff-sample .ff-el-input--label .ff-el-required,
.pronto-ff-sample .ff-el-input--label .asterisk-right {
	color: #1e478f;
}
.pronto-ff-sample input.ff-el-form-control,
.pronto-ff-sample select.ff-el-form-control {
	width: 100%;
	height: 0.4rem;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #777;
	border-radius: 0;
	background: transparent;
	font-size: var(--f18);
	font-weight: 700;
	color: #1a1a1a;
}
.pronto-ff-sample select.ff-el-form-control { cursor: pointer; }
.pronto-ff-sample textarea.ff-el-form-control {
	width: 100%;
	height: 1.6rem;
	min-height: 1.6rem;
	padding: 0.16rem 0.18rem;
	border: 1px solid #777;
	border-radius: 0.06rem;
	background: transparent;
	resize: vertical;
	font-size: var(--f18);
	font-weight: 500;
	color: #1a1a1a;
}
.pronto-ff-sample .ff-btn-submit,
.pronto-ff-sample button.ff-btn-submit {
	width: auto !important;
	min-width: 0 !important;
	padding: 0.14rem 0.32rem !important;
	border: 0 !important;
	border-radius: 0.03rem !important;
	background: #1e478f !important;
	color: #fff !important;
	font-size: var(--f18) !important;
	font-weight: 500;
	cursor: pointer;
}
.pronto-ff-sample .ff-btn-submit:hover { background: #062b4a !important; }

/* Solution enquiry — same underline language */
.pronto-ff-solution .ff-t-cell { width: 50% !important; padding: 0 0.17rem !important; box-sizing: border-box; }
.pronto-ff-solution .ff-t-container { margin-left: -0.17rem !important; margin-right: -0.17rem !important; }
.pronto-ff-solution .ff-el-group { margin-bottom: 0.35rem; }
.pronto-ff-solution .ff-el-input--label { margin: 0 0 0.04rem; padding: 0; }
.pronto-ff-solution .ff-el-input--label label {
	font-size: var(--f18);
	font-weight: 500;
	color: #1a1a1a;
	margin: 0;
}
.pronto-ff-solution .ff-el-input--label .ff-el-required { color: #1e478f; }
.pronto-ff-solution input.ff-el-form-control {
	width: 100%;
	height: 0.4rem;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #777;
	border-radius: 0;
	background: transparent;
	font-size: var(--f18);
	font-weight: 700;
	color: #1a1a1a;
}
.pronto-ff-solution textarea.ff-el-form-control {
	width: 100%;
	height: 1.6rem;
	min-height: 1.6rem;
	padding: 0.16rem 0.18rem;
	border: 1px solid #777;
	border-radius: 0.06rem;
	background: transparent;
	resize: vertical;
	font-size: var(--f18);
	font-weight: 500;
	color: #1a1a1a;
}
.pronto-ff-solution .ff-btn-submit,
.pronto-ff-solution button.ff-btn-submit {
	width: auto !important;
	min-width: 0 !important;
	padding: 0.14rem 0.32rem !important;
	border: 0 !important;
	border-radius: 0.03rem !important;
	background: #1e478f !important;
	color: #fff !important;
	font-size: var(--f18) !important;
	font-weight: 500;
	cursor: pointer;
}
.pronto-ff-solution .ff-btn-submit:hover { background: #062b4a !important; }

/* Product detail enquiry — match original .pm-pro-detail-form-grid gap:.18rem */
.pronto-ff-product .ff-el-input--label,
.pronto-ff-product .ff-hpsf-container,
.pronto-ff-product .ff_screen_reader_title,
.pronto-ff-product .ff-el-group:has(input[type="hidden"]),
.pronto-ff-product .fluent-form-token-field,
.pronto-ff-product .ff-form-inline-style {
	display: none !important;
}
.pronto-ff-product .frm-fluent-form,
.pronto-ff-product .frm-fluent-form > fieldset {
	display: flex;
	flex-direction: column;
	gap: 0.18rem;
	margin: 0;
	padding: 0;
	border: 0;
	min-inline-size: 0;
}
.pronto-ff-product .ff-el-group,
.pronto-ff-product .ff-el-input--content {
	margin: 0 !important;
	padding: 0 !important;
}
.pronto-ff-product .ff-t-container {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.18rem;
	margin: 0 !important;
	padding: 0 !important;
}
.pronto-ff-product .ff-t-cell {
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	flex-basis: auto !important;
	float: none !important;
	padding: 0 !important;
}
.pronto-ff-product input.ff-el-form-control,
.pronto-ff-product textarea.ff-el-form-control {
	width: 100%;
	margin: 0 !important;
	padding: 0.16rem 0.18rem;
	border: 0.01rem solid #dce3e9;
	border-radius: 0.03rem;
	background: #f8fafb;
	font-family: inherit;
	font-size: var(--f16);
	line-height: 1.45;
	color: #243a4d;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}
.pronto-ff-product textarea.ff-el-form-control {
	min-height: 1.5rem;
	resize: vertical;
}
.pronto-ff-product input.ff-el-form-control:focus,
.pronto-ff-product textarea.ff-el-form-control:focus {
	border-color: var(--theme-color);
	background: #fff;
	box-shadow: none;
}
.pronto-ff-product .ff_submit_btn_wrapper,
.pronto-ff-product .ff-el-group.ff_submit_btn_wrapper {
	margin: 0 !important;
	padding: 0 !important;
}
.pronto-ff-product .ff-btn-submit,
.pronto-ff-product button.ff-btn-submit {
	min-height: 0.52rem;
	width: auto !important;
	min-width: 0 !important;
	margin-top: 0.04rem;
	padding: 0.13rem 0.3rem !important;
	border: 0.01rem solid var(--theme-color) !important;
	border-radius: 0.03rem !important;
	background: var(--theme-color) !important;
	font-family: inherit;
	font-size: var(--f18) !important;
	color: #fff !important;
	cursor: pointer;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}
.pronto-ff-product .ff-btn-submit:hover {
	border-color: var(--theme-dark, #062b4a) !important;
	background: var(--theme-dark, #062b4a) !important;
}

/* Footer newsletter */
.contact-form-02 .pronto-ff-newsletter .ff-el-input--label { display: none !important; }
.contact-form-02 .pronto-ff-newsletter .ff-el-group { margin-bottom: 0.12rem; }
.contact-form-02 .pronto-ff-newsletter input.ff-el-form-control {
	width: 100%;
	height: 0.48rem;
	padding: 0 0.16rem;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 0.03rem;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font-size: 15px;
}
.contact-form-02 .pronto-ff-newsletter input.ff-el-form-control::placeholder {
	color: rgba(255, 255, 255, 0.55);
}
.contact-form-02 .pronto-ff-newsletter .ff-btn-submit,
.contact-form-02 .pronto-ff-newsletter button.ff-btn-submit {
	width: 100% !important;
	margin-top: 0.1rem;
	padding: 0.12rem 0.2rem !important;
	border: 0 !important;
	border-radius: 0.03rem !important;
	background: #1e478f !important;
	color: #fff !important;
	font-size: 15px !important;
	cursor: pointer;
}
.contact-form-02 .pronto-ff-newsletter .ff-btn-submit:hover {
	background: #062b4a !important;
}

@media screen and (max-width: 800px) {
	.pronto-ff-contact .ff-t-cell,
	.pronto-ff-sample .ff-t-cell,
	.pronto-ff-solution .ff-t-cell {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		flex-basis: 100% !important;
		padding: 0 !important;
	}
	.pronto-ff-product .ff-t-container {
		grid-template-columns: 1fr;
	}
	.pronto-ff-sample .ff-t-container,
	.pronto-ff-solution .ff-t-container {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.pronto-ff-contact input.ff-el-form-control,
	.pronto-ff-contact textarea.ff-el-form-control {
		box-sizing: border-box;
	}
}

/* ========== Status pages: Thank you / 404 ========== */
.pt-status {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: calc(100vh - 1.2rem);
	display: flex;
	align-items: center;
	padding: 1.2rem 0 1.4rem;
	color: #fff;
	background: #041e34;
}
.pt-status-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse 70% 55% at 12% 18%, rgba(30, 71, 143, 0.45) 0%, transparent 58%),
		radial-gradient(ellipse 55% 50% at 88% 82%, rgba(184, 224, 74, 0.12) 0%, transparent 55%),
		linear-gradient(155deg, #062b4a 0%, #041e34 48%, #0a3558 100%);
}
.pt-status-bg:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: 0.72rem 0.72rem;
	mask-image: radial-gradient(ellipse 75% 70% at 50% 40%, #000 20%, transparent 75%);
	-webkit-mask-image: radial-gradient(ellipse 75% 70% at 50% 40%, #000 20%, transparent 75%);
	opacity: 0.7;
}
.pt-status-bg:after {
	content: "";
	position: absolute;
	width: 6.4rem;
	height: 6.4rem;
	left: 50%;
	top: 42%;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 50%;
	box-shadow: 0 0 0 0.6rem rgba(255, 255, 255, 0.03);
	pointer-events: none;
}
.pt-status-watermark {
	position: absolute;
	left: 50%;
	top: 42%;
	transform: translate(-50%, -50%);
	z-index: 0;
	font-size: clamp(5rem, 22vw, 11rem);
	font-weight: 700;
	line-height: 0.85;
	letter-spacing: -0.03em;
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.08);
	pointer-events: none;
	user-select: none;
}
.pt-status-inner {
	position: relative;
	z-index: 1;
	max-width: 6.4rem;
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pt-status-mark {
	width: 0.64rem;
	height: 0.64rem;
	margin: 0 auto 0.28rem;
	color: #b8e04a;
}
.pt-status-check {
	display: block;
	width: 100%;
	height: 100%;
}
.pt-status-check-ring {
	opacity: 0.9;
	transform-origin: 32px 32px;
	animation: pt-status-ring 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.pt-status-check-tick {
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: pt-status-tick 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.35s both;
}
@keyframes pt-status-ring {
	from { transform: scale(0.72); opacity: 0; }
	to { transform: scale(1); opacity: 0.9; }
}
@keyframes pt-status-tick {
	to { stroke-dashoffset: 0; }
}
.pt-status-title {
	margin: 0;
	max-width: 8rem;
	font-size: clamp(0.46rem, 5.6vw, 0.68rem);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: #fff;
	text-wrap: balance;
}
.pt-status-lead {
	margin: 0.18rem auto 0;
	max-width: 4.6rem;
	color: rgba(255, 255, 255, 0.68);
	text-wrap: pretty;
}
.pt-status-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.14rem 0.18rem;
	margin-top: 0.4rem;
}
.pt-status .pt-home-btn-primary {
	background: #b8e04a;
	border-color: #b8e04a;
	color: #062b4a;
}
.pt-status .pt-home-btn-primary:hover {
	background: #c8ea6a;
	border-color: #c8ea6a;
	color: #041e34;
}
.pt-status .pt-home-btn-ghost {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #fff;
}
.pt-status .pt-home-btn-ghost:hover {
	border-color: #fff;
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}
.pt-status-search {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 4.2rem;
	margin: 0.32rem auto 0;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 0.04rem;
	background: rgba(255, 255, 255, 0.06);
	overflow: hidden;
	transition: border-color 0.3s ease, background-color 0.3s ease;
	text-align: left;
}
.pt-status-search:focus-within {
	border-color: rgba(184, 224, 74, 0.65);
	background: rgba(255, 255, 255, 0.09);
}
.pt-status-search input {
	flex: 1;
	min-width: 0;
	height: 0.56rem;
	padding: 0 0.2rem 0 0.22rem;
	border: 0;
	background: transparent;
	color: #fff;
	font-size: var(--f16);
	font-family: inherit;
	outline: none;
}
.pt-status-search input::placeholder {
	color: rgba(255, 255, 255, 0.45);
}
.pt-status-search button {
	flex: none;
	width: 0.56rem;
	border: 0;
	background: transparent;
	color: #b8e04a;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.pt-status-search button:hover {
	background: rgba(184, 224, 74, 0.12);
	color: #fff;
}
.pt-status-search .iconfont {
	font-size: 0.2rem;
}
.pt-status--thanks .pt-status-inner,
.pt-status--404 .pt-status-inner {
	animation: pt-status-rise 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes pt-status-rise {
	from { opacity: 0; transform: translateY(0.22rem); }
	to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.pt-status-check-ring,
	.pt-status-check-tick,
	.pt-status--thanks .pt-status-inner,
	.pt-status--404 .pt-status-inner {
		animation: none !important;
	}
	.pt-status-check-tick { stroke-dashoffset: 0; }
}
@media screen and (max-width: 900px) {
	.pt-status {
		min-height: auto;
		padding: 1rem 0 1.2rem;
	}
	.pt-status-watermark {
		top: 38%;
		font-size: clamp(4rem, 34vw, 7rem);
	}
}
@media screen and (max-width: 600px) {
	.pt-status-actions {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}
	.pt-status .pt-home-btn {
		width: 100%;
		justify-content: center;
	}
	.pt-status-search {
		max-width: none;
	}
}