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

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

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

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

/*==常用字号==*/
body {
  --f12: 12px
  --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 "PR",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: 'PR';
    src: url('../fonts/DMSans-Regular.ttf'),
    url('../fonts/DMSans-Regular.eot'),
    url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DMSans-Regular.woff2') format('woff2'),
    url('../fonts/DMSans-Regular.woff') format('woff'),
    url('../fonts/DMSans-Regular.otf') format('truetype'),
    url('../fonts/DMSans-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'PB';
    src: url('../fonts/Samsungsharpsans-Bold.ttf'),
    url('../fonts/Samsungsharpsans-Bold.eot'),
    url('../fonts/Samsungsharpsans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Samsungsharpsans-Bold.woff2') format('woff2'),
    url('../fonts/Samsungsharpsans-Bold.woff') format('woff'),
    url('../fonts/Samsungsharpsans-Bold.otf') format('truetype'),
    url('../fonts/Samsungsharpsans-Bold.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'PL';
    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');
}
.PR{font-family: "PR";}
.PB{font-family: "PB";}
.PL{font-family: "PL";}
.CAI978{font-family: "CAI978";}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.top-0{top: 0;}
.left-0{left: 0;}
.trfx-50{-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.trfy-50{-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.fl{float: left;}
.fr{float: right;}
.pc{}
.mb{display: none !important;}
.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;}
.ovh{overflow: hidden;}
.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,.relative{position:relative;}
.pst-abs,.absolute{position:absolute;}
.pst-pic{position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}

.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; }
.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;}
.lh-2{line-height: 2;}
.lh-22{line-height: 2.2;}

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


/* 定位 */
.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;}
.gap-10{gap: 0.1rem;}
.gap-20{gap: 0.2rem;}
.gap-30{gap: 0.3rem;}
.gap-40{gap: 0.4rem;}


/* 宽度与高度 */
.max-w-800 { width: 8rem;max-width: 100%;}
.max-w-600 { width: 6rem;max-width: 100%;}
.w100 { width: 100%; }
.h100 { height: 100%; }
.hmax{ height: 100vh;}
.wmax{ width: 100%;}
.w70{ width: 70%;}
.w65 { width: 65%;}
.w60 { width: 60%;}
.w50{ width: 50%;}
.w53{ width: 53%;}
.w55{ width: 55%;}
.w49-5{ width: 49.5%;}
.w48{ width: 48%;}
.w45{ width: 45%;}
.w40{ width: 40%;}
.w35{ width: 35%;}
.w33{ width: 33%;}
.w32{ width: 32%;}
.w30{ width: 30%;}
.w25{ width: 25%;}
.w24{ width: 24%;}
.w20{ width: 20%;}

/* 效果与交互 */
.cursor-pointer { cursor: pointer; }
.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(var(--theme-color-rgb),0.3); }

/* 边框与圆角 */
.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: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; }
.radius30{ border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; -ms-border-radius: 0.3rem; -o-border-radius: 0.3rem; }
.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%; }
.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; }
.border-b-dark-1 { border: 1px solid #333; }

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

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

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

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

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

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

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

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


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

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

/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;background-color: transparent;z-index: 99;line-height: 100px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #fff;}
.Header-wrapper.black{box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #001322;}
/* .Header-wrapper.on::after {opacity: 0;} */
/* #c-header.c-head-move {top: -100px;} */
.Header-container {}
.Header-container .logo {}
.Header-container .logo {}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.4rem;}
.Header-wrapper.on .Header-container .logo a img+img{
	display: block;
}
.Header-container .logo a img+img,.Header-wrapper.on .Header-container .logo a img{
	display: none;
}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1000px){
	.Header-container .c-nav {display: flex;align-items: center;font-size: var(--f20);flex-wrap: wrap;font-weight: 700;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.55rem;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: var(--theme-color) !important;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.06rem;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	.Header-container .c-nav>li>ul {min-width: 240px;position: absolute;top: 100%;left: 50%;margin-top: 0;background-color: #fff;z-index: 2;-webkit-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;padding: 15px 20px;opacity: 0;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);box-shadow: 0 5px 50px rgb(0 0 0 / 10%);line-height: 1.2;font-weight: 400;}
	.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{line-height: 1.2;}
	.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>.hh-nav-sub-head>a {display: block;position: relative;font-size: 16px;font-weight: 400;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: 1.2;text-align: left;}
	.Header-container .c-nav>li>ul>li>.hh-nav-sub-head{display:block;line-height:1.2;min-height:0;}
	.Header-container .c-nav>li>ul>li>.hh-nav-sub-head>.hh-nav-sub-toggle{display:none;}
	.Header-container .c-nav>li>ul>li>a:before,
	.Header-container .c-nav>li>ul>li>.hh-nav-sub-head>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>.hh-nav-sub-head>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>.hh-nav-sub-head>a {color: var(--theme-color);}
	.Header-container .c-nav>li>ul .hh-nav-sub-third{position:static;transform:none;opacity:1;pointer-events:auto;box-shadow:none;padding:0 0 0 12px;margin:0;min-width:0;background:transparent;line-height:1.2;}
	.Header-container .c-nav>li>ul .hh-nav-sub-third>li{border:0;}
	.Header-container .c-nav>li>ul .hh-nav-sub-third>li>a{padding:8px 0;font-size:14px;}
	.Header-container .c-nav>li>ul .hh-nav-sub-third>li>a:before{display:none;}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #fff;}
	.Header-wrapper.on .Header-container .c-nav>li .c-title-box{color: #000;}
	/* Full-width product mega menu */
	.hh-product-mega{position:fixed;left:0;top:1rem;z-index:5;width:100vw;background:#fff;box-shadow:0 .12rem .35rem rgba(12,24,36,.12);opacity:0;pointer-events:none;transform:translateY(.12rem);transition:opacity .25s ease,transform .25s ease;line-height:1.2;}
	.Header-container .c-nav>li:hover>.hh-product-mega,.Header-container .c-nav>li.on>.hh-product-mega{opacity:1;pointer-events:auto;transform:translateY(0);}
	.hh-product-mega-inner{min-height:5.7rem;padding:.34rem 0 .38rem;}
	.hh-product-mega-sidebar{display:flex;flex:0 0 3.25rem;width:3.25rem;flex-direction:column;padding:.1rem .26rem .12rem 0;/* border-right:.01rem solid #eceff1; */}
	.hh-product-mega-kicker,.hh-product-mega-panel-kicker{color:var(--theme-color);letter-spacing:.05em;text-transform:uppercase;}
	.hh-product-mega-kicker{margin-bottom:.14rem;padding-left:.02rem;}
	.hh-product-mega-category{display:grid;grid-template-columns:.48rem 1fr;align-items:center;gap:.16rem;min-height:.68rem;padding:.11rem .16rem;border-radius:.06rem;color:#34383d;line-height:1.25;transition:background-color .25s ease,color .25s ease;}
	.hh-product-mega-category+.hh-product-mega-category{margin-top:.12rem;}
	.hh-product-mega-category:hover,.hh-product-mega-category.active{background:rgba(230,33,42,.08);color:var(--theme-color);}
	.hh-product-mega-category-icon{display:flex;width:.48rem;height:.48rem;align-items:center;justify-content:center;/* border:.01rem solid rgba(230,33,42,.12); */border-radius:.06rem;background:#fff7f7;transition:background-color .25s ease,border-color .25s ease;}
	.hh-product-mega-category.active .hh-product-mega-category-icon,.hh-product-mega-category:hover .hh-product-mega-category-icon{background:#fff;}
	.hh-product-mega-category-icon img{display:block;width:.34rem;height:.34rem;object-fit:contain;}
	.hh-product-mega-all{display:flex;min-height:.48rem;align-items:center;justify-content:space-between;margin-top:auto;padding:.13rem .18rem;border-radius:.3rem;background:linear-gradient(90deg,#d91f2a 0%,#ef4b4f 100%);color:#fff;transition:background .25s ease,transform .25s ease;}
	.hh-product-mega-service{margin-top:.1rem;}
	.hh-product-mega-all:hover{background:#bf1820;color:#fff;transform:translateY(-.02rem);}
	.hh-product-mega-all svg,.hh-product-mega-panel-link svg{width:.2rem;height:.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease;}
	.hh-product-mega-all:hover svg,.hh-product-mega-panel-link:hover svg{transform:translateX(.04rem);}
	.hh-product-mega-content{width:calc(100% - 3.25rem);padding:.08rem .3rem .12rem .42rem;background:#f5f6f8;}
	.hh-product-mega-panel{display:none !important;height:100%;padding:.02rem .02rem 0;background:transparent;}
	.hh-product-mega-panel.active{display:block !important;}
	.hh-product-mega-panel-head{padding:.04rem .18rem .2rem;}
	.hh-product-mega-panel-head h3{color:#16181b;}
	.hh-product-mega-panel-link{display:inline-flex;align-items:center;gap:.08rem;color:#222;transition:color .25s ease;}
	.hh-product-mega-panel-link:hover{color:var(--theme-color);}
	.hh-product-mega-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;}
	.hh-product-mega-product{display:block;padding:.12rem .12rem .16rem;border-radius:.06rem;color:#222;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;}
	.hh-product-mega-product:hover{background:#fff;box-shadow:0 .08rem .2rem rgba(20,30,40,.08);transform:translateY(-.03rem);}
	.hh-product-mega-product-image{overflow:hidden;background:#fff;border-radius:.04rem;}
	.hh-product-mega-product-image img{transition:transform .45s ease;}
	.hh-product-mega-product:hover .hh-product-mega-product-image img{transform:scale(1.05);}
	.hh-product-mega-product h4{min-height:2.6em;color:#25282c;transition:color .25s ease;}
	.hh-product-mega-product:hover h4{color:var(--theme-color);}
	.hh-product-mega-content{width:calc(100% - 3.25rem + (100vw - min(1600px,92vw))/2);align-self:stretch;margin-top:-.34rem;margin-bottom:-.38rem;margin-right:calc((min(1600px,92vw) - 100vw)/2);padding-top:.42rem;padding-bottom:.5rem;}
}

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

/* 底部 */
.Footer-wrapper {position: relative;; background:
    radial-gradient(circle at 88% 78%, rgba(230, 33, 42, 0.08), transparent 32%),
    linear-gradient(135deg, #07101D 0%, #0B1422 58%, #111B2A 100%);background: #06070C;overflow: hidden;}
/* .Footer-wrapper::before, .Footer-wrapper::after {
    content: '';
    width: 50%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #bb171e;
}
.Footer-wrapper::after {
    left: auto;
    right: 0;
    background: #808080;
} */


.Footer-wrapper::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: 20px;
  width: 520px;
  height: 360px;
  background: url('../images/i_foot_img.webp') no-repeat center / contain;
  opacity: 0.5;
  pointer-events: none;
  z-index: 1;
}


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

@media all and (max-width: 768px){
	.media_ul li a{
		width: 0.6rem;
		height: 0.6rem;
	}
	.Footer-container .mid .fl .foot_logo img{
		height: 0.64rem;
	}
	.Footer-container .mid .fl,.Footer-container .mid .fr{
		width: 100%;
	}
	.media_ul li a i{
		font-size: 0.4rem;
	}
	
	.Footer-container .mid>ul{
		width: 100%;
		margin-top: 0.4rem;
	}
	.Footer-container .mid>ul li{
		width: 100%;
		max-width: 100%;
		border-bottom: 1px solid rgb(255, 255, 255, .8);
		margin-bottom: 0;
	}
	.Footer-container .mid>ul li.lxwm{
		border-bottom: none;
	}
	.Footer-container .mid>ul li p.on i{
		transform: rotate(180deg);
	}
	.Footer-container .mid>ul li p{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 18px;
		margin-bottom: 0;
		padding: 0.25rem 0;
	}
	.Footer-container .mid>ul li .foot_nav_link{
		display: none;
		padding-bottom: 0.25rem;
	}
	.Footer-container .mid .fr{
		margin-top: 0.45rem;
	}
}
/* 中间+共用部分 */

/* ind_banner */

.hh-home-poster-slide{position:relative;display:block;overflow:hidden;background:#edf7ff;}
.hh-home-poster-image{display:block;width:100%;height:auto;}
.hh-home-poster-heading{position:absolute;top:1.42rem;right:5%;left:5%;z-index:2;text-align:center;color:#111b26;pointer-events:none;}
.hh-home-poster-title{margin:0;color:var(--theme-color);letter-spacing:.01em;}
.hh-home-poster-subtitle{color:#17212b;}
.hh-home-poster-tags{position:absolute;right:5%;bottom:.48rem;left:5%;z-index:2;display:flex;align-items:center;justify-content:center;gap:.25rem;color:#111b26;text-align:center;pointer-events:none;}
.hh-home-poster-tags i{font-style:normal;color:#111b26;}
.hh-home-poster-prev,.hh-home-poster-next{position:absolute;top:50%;z-index:3;display:flex;width:.52rem;height:.52rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(16,29,42,.22);color:#fff;font-size:.22rem;transform:translateY(-50%);transition:background-color .3s ease,border-color .3s ease,transform .3s ease;}
.hh-home-poster-prev{left:.35rem;}
.hh-home-poster-next{right:.35rem;}
.hh-home-poster-prev:hover,.hh-home-poster-next:hover{border-color:var(--theme-color);background:var(--theme-color);transform:translateY(-50%) scale(1.06);}

.i_banner a{
	display: block;
	position: relative;
}
/* .i_banner a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0,.3);
	z-index: 1;
} */
.i_banner .ban_txt{
	position: absolute;
	width: 100%;
	top: 45%;
	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.16rem 0.36rem;
	border-radius: 50px;
	background-color: var(--theme-color);
	color: #fff;
	font-size: var(--f18);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_banner .btn:hover{
	background-color: #fff;
	color: var(--theme-color);
} */


.i_banner .hk-home-btn {
    background-color: var(--theme-color);
    color: #fff;
    padding: 0.15rem 0.35rem;
    border-radius: 0.4rem;
    font-size: var(--f16);
    transition: all 0.3s ease;
    display: inline-flex;
    width: max-content;
}

.i_banner .hk-home-btn:hover {
    background-color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(230, 33, 42, 0.3);
    color: var(--theme-color);
}

.i_banner .hk-home-btn-icon {
    margin-left: 0.1rem;
    transition: transform 0.3s ease;
}

.i_banner .hk-home-btn:hover .hk-home-btn-icon {
    transform: translateX(5px);
}

.i_banner .btn i{
	display: inline-block;
	margin-left: 0.12rem;
	transform: rotate(-45deg);
}

.i_banner .swiper-pagination{
	bottom: 6% !important;
}
.c-swiper-page .swiper-pagination-bullet, .c-swiper-page .swiper-pagination-bullet{
	width: 0.6rem;
	height: 0.03rem;
	border-radius: 0;
	opacity: .2;
}
.c-swiper-page .swiper-pagination-bullet,.c-swiper-page .swiper-pagination-bullet{background-color: white;}
.c-swiper-page .swiper-pagination-bullet-active,.c-swiper-page .swiper-pagination-bullet-active{background-color: white;opacity: 1;}
#pc_ban .c-swiper-page{left:50%;bottom:.24rem!important;width:auto!important;padding:.08rem .12rem;border:1px solid rgba(255,255,255,.7);border-radius:.3rem;background:rgba(255,255,255,.84);box-shadow:0 .05rem .16rem rgba(10,31,51,.14);transform:translateX(-50%);backdrop-filter:blur(.06rem);font-size: 0;}
#pc_ban .c-swiper-page .swiper-pagination-bullet{width:.32rem;height:.05rem;margin:0 .04rem;border-radius:.05rem;background:#526273;opacity:.48;transition:width .3s ease,background-color .3s ease,opacity .3s ease;}
#pc_ban .c-swiper-page .swiper-pagination-bullet-active{width:.52rem;background:var(--theme-color);opacity:1;}

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

/* tc_search s */
.tc_search {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 10001;pointer-events: none;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tc_search.act {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;visibility: visible;display: block;pointer-events: auto;}
.tc_search.act form,
.tc_search.act input,
.tc_search.act button {visibility: visible;}
.tc_search form {display:flex;align-items:center;justify-content:space-between;gap:.16rem;width: 9.6rem;max-width: 80%;margin: 0 auto;padding: 0 20px;border-bottom: 2px solid #eee;height: 0.7rem;position: relative;overflow: visible;z-index: 2;}
.tc_search input[type="text"],
.tc_search input[name="s"] {flex:1 1 auto;min-width:0;width:auto;height: 0.7rem;font-size: 0.34rem;color: #c1c1c1;box-shadow: none;-webkit-appearance: none;float: none;border:0;border-right: 0;background: none;}
.tc_search input::placeholder {color: #c1c1c1;}
.tc_search button {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width: 0.7rem;min-width: 0.7rem;max-width: none;height: 0.7rem;padding:0;border: 0;line-height: 1;color: #c1c1c1;cursor: pointer;text-transform: uppercase;float: none;font-size: 0.48rem;background-color: transparent;visibility: visible;}
.tc_search button .iconfont,
.tc_search button.iconfont {font-size: inherit;line-height: 1;color: inherit;}
.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(--f18);
	color: var(--theme-color);
	display: inline-block;
}
.i_tit span:before{
	content: "";
	display: inline-block;
	width: 0.2rem;
	height: 0.02rem;
	background-color: var(--theme-color);
	margin-right: 0.06rem;
	vertical-align: middle;
}
.i_tit span.color-white{
	color: #fff;
}
.i_tit span.color-white:before{
	background-color: #fff;
}
.i_tit h3{
	font-size: var(--f50);
	font-family: "PB";
	line-height: 1.1;
	color: #000;
	margin-top: 0.12rem;
}
.i_tit p{
	display: inline-block;
	font-size: var(--f18);
	line-height: 1.5;
	color: #666;
	margin-top: 0.12rem;
	width: 12rem;
	max-width: 100%;
}
.i_tit.color-white h3,.i_tit.color-white p{
	color: #fff;
}
/* i_tit e */

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

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

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

/* crumbs */
.crumbs {position: relative;}
.crumbs {padding-left: 25px;background: url('../images/ico_home.png') no-repeat center;background-position: 0 center;display: flex;align-items: center;}
.crumbs a {font-size: 18px;color: #666;display: inline-flex;align-items: center;}
.crumbs:before{
	position: absolute;
	content: "\e6b5";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "iconfont";
	font-size: var(--f20);
}
.crumbs a:not(:last-child)::after {font: normal normal normal 14px/1 FontAwesome;content: "\f105";display: inline-block;margin: 0 0.08rem;}
.crumbs a:hover {color: var(--theme-color);}



@media all and (max-width: 768px){
	.crumbs{
		display: none;
	}
	.sort_nav{
		position: relative;
		height: 42px;
	}
	
	/* .sort_nav .w16{
		display: none;
	} */
	.sort_nav .tit{
		display: flex;
	}
	.sort_nav ul{
		position: absolute;
		top: 42px;
		left: 0;
		background: #fff;
		display: none;
		box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);
		width: 100%;
		z-index: 9;
	}
	.sort_nav ul{
		position: absolute;
		top: 42px;
		left: 0;
		background: #fff;
		display: none;
		box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);
		max-width: 100%;
		z-index: 9;
	}
	.sort_nav ul li{
		flex: none;
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,.05);
		margin-left: 0;
	}
	.sort_nav ul li a{
		display: block;
		width: 100%;
		padding: 0 5%;
		font-size: 16px;
		line-height: 2.6;
		height: auto;
	}
	.sort_nav_view ul li a span{
		font-size: 16px;
		padding: 0;
	}
	.sort_nav .tit i{
		transition: all .5s ease;
		transform: rotate(-90deg);
	}
	.sort_nav .tit.on i{
		transform: rotate(90deg);
	}
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.ar_article strong{
	font-weight: bold;
}

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

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

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

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

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

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


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


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

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

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

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

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

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


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

/* 为什么选择 e */

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

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

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

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


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

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


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


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

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

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

/* ==================== 全局设置 ==================== */
.yt-home-title{
	font-family: "PB";
}
.f-col { flex-direction: column; }
/* 基础交互辅助类 */
.yt-hover-scale { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.ofh:hover .yt-hover-scale { transform: scale(1.05); }
.group:hover .group-hover-theme { color: var(--theme-color) !important; }
.tracking-wide { letter-spacing: 0.05em; }
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ==================== 基础辅助类补充 ==================== */
.bg-dark { background-color: #111; }
.opacity-7 { opacity: 0.7; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.w45{width: 45%;}
/* ==================== 标题折线装饰 (伪类 + 绝对定位) ==================== */
.yt-home-sec-header .yt-home-title {
    font-size: var(--f48);
    font-weight: 700;
}
.yt-home-sec-header .yt-home-subtitle {
    font-size: var(--f18);
    color: #666;
}
.yt-home-sec-header.color-white .yt-home-subtitle{
	color: #fff;
}
.yt-home-title.has-line-right,
.yt-home-title.has-line-left {
    position: relative;
    display: inline-flex; /* 让 H2 宽度收缩到文字实际宽度，方便伪类定位 */
    align-items: center;
	flex-wrap: wrap;
}

/* 右侧折线 (Products) */
.yt-home-title.has-line-right::after {
    content: '';
    position: absolute;
    left: 100%; /* 定位在文字最右侧的外侧 */
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px; /* 与文字的间距 */
    width: 80px;
    height: 24px;
    background-color: var(--theme-color); /* 完美继承您的主题色 */
    /* 使用 mask 将背景色裁剪成折线形状 */
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='80' height='24' viewBox='0 0 80 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16H16L24 8H80' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='4' cy='16' r='3' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg width='80' height='24' viewBox='0 0 80 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16H16L24 8H80' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='4' cy='16' r='3' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
}

/* 左侧折线 (Solutions) */
.yt-home-title.has-line-left::before {
    content: '';
    position: absolute;
    right: 100%; /* 定位在文字最左侧的外侧 */
    top: 50%;
    transform: translateY(-50%);
    margin-right: 15px; /* 与文字的间距 */
    width: 80px;
    height: 24px;
    background-color: var(--theme-color);
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='80' height='24' viewBox='0 0 80 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8H24L32 16H76' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='76' cy='16' r='3' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg width='80' height='24' viewBox='0 0 80 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8H24L32 16H76' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='76' cy='16' r='3' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
}
.yt-home-sec-header.color-white .yt-home-title.has-line-right::after,
.yt-home-sec-header.color-white .yt-home-title.has-line-left::before{
	background-color: #fff;
}

/* 胶囊形按钮 */
.yt-home-btn-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.08rem 0.08rem 0.08rem 0.3rem;
    border: 1px solid #ddd;
    border-radius: 0.4rem;
    font-size: var(--f16);
    transition: all 0.3s ease-out;
    background-color: #fff;
}
.yt-home-btn-pill:hover {
    border-color: var(--theme-color);
    box-shadow: 0 5px 15px rgba(var(--theme-color-rgb), 0.15);
}
.yt-home-btn-pill .yt-home-icon-arrow {
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    margin-left: 0.2rem;
    transition: all 0.3s ease-out;
}
.yt-home-btn-pill:hover .yt-home-icon-arrow {
    transform: translateX(3px);
}

/* ==================== About Us V4 (图一布局 + 图二内容 + 图三认证) ==================== */
.rect-85{padding-bottom: 85%;}
.gap-15{gap: 0.15rem;}
.w52{width: 52%;}
/* ==================== About Us V4 (顶部标题 + 左文右图) ==================== */

/* 图片悬停轻微放大效果 */
.yt-hover-scale { 
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}
.yt-home-about-v4:hover .yt-hover-scale { 
    transform: scale(1.05); 
}

/* 数据网格 (复刻图一：2x2 布局，全部使用 rem) */
.yt-about-stats-v4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 0.3rem;
}
.yt-about-stats-v4 .stat-line {
    width: 100%;
    height: 0.01rem; /* 1px 转换为 rem */
    background-color: #eaeaea;
}

/* 认证图标区域 (默认灰度，悬停亮起，增加高级感) */
.yt-about-certs-v4 {
    /* margin-top: auto; */
	/* 将认证区域推到文本列的最底部对齐 */
}
.yt-about-certs-v4 img{
	height: 0.6rem;
	mix-blend-mode: multiply;
}
/* .yt-about-certs-v4 img {
    height: 0.36rem; 
    filter: grayscale(100%) opacity(0.6); 
    transition: all 0.3s ease;
    cursor: pointer;
} */
.yt-about-certs-v4 img:hover {
    filter: grayscale(0%) opacity(1); 
}

.i_ab .ab_pic{
	width: 100%;
	border-radius: 0.2rem;
	overflow: hidden;
}
.i_ab .ab_ico{}
.i_ab .ab_ico ul{}
.i_ab .ab_ico ul li{
	cursor: pointer;
	border-radius: 0.1rem;
	/* border-radius: 0.12rem; */
	overflow: hidden;
}
.i_ab .ab_ico ul li.swiper-slide-thumb-active:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: rgb(var(--theme-color-rgb), .5);
}
.i_ab .ab_ico .swiper-button-prev,
.i_ab .ab_ico .swiper-button-next{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.07);
	opacity: 1;
}
.i_ab .ab_ico .swiper-button-prev::after,
.i_ab .ab_ico .swiper-button-next::after{
	font-size: var(--f20);
	color: var(--theme-color);
	font-weight: 700;
}
.i_ab .ab_ico .swiper-button-prev{
	left: -0.2rem;
}
.i_ab .ab_ico .swiper-button-next{
	right: -0.2rem;
}
/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    /* 移动端两列变一列 */
    .yt-home-about-v4 .w48 { width: 100%; }
    
    /* 移动端堆叠后，右侧图片容器失去等高特性，需给定一个保底高度 */
    .yt-about-img-box { 
        min-height: 4rem; 
        margin-top: 0.5rem; 
    }
}

/* ==========================================================================
   数字滚动视差板块 (Parallax Counter Section)
   ========================================================================== */
.hk-counter-section {
    /* 替换为您生成的深色工业背景图 */
    background-image: url('../images/hk-counter-bg-02.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* 核心属性：背景固定，实现视差滚动效果 */
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}

/* 深色半透明遮罩，确保白色文字清晰可见 */
.hk-counter-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 15, 25, 0); 
    z-index: 1;
}

/* 单个数据项容器 */
.hk-counter-item {
    width: 16.666%; /* 一行六个，平分 100% */
    padding: 0 0.15rem;
    position: relative;
}

/* 分割线 (除了最后一个元素外都加上右侧分割线，致敬您的截图) */
.hk-counter-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.6rem;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.15);
}

/* 图片/图标样式 */
.hk-counter-icon {
    width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.2rem;
    object-fit: contain;
    /* 如果您用纯白色的 PNG/SVG 图标，可以通过透明度增加高级感 */
    /* opacity: 0.9; */
	color: #fff;
}

/* 数字样式 */
.hk-counter-num-wrap {
    font-size: 0.48rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

/* 数字后面的 + 号或单位，使用主题红点缀 */
.hk-counter-suffix {
    font-size: 0.24rem;
    color: var(--theme-color); /* 您的主题红 */
    margin-left: 0.02rem;
}

/* 底部描述文字居中限制宽度 */
.hk-counter-desc {
    max-width: 800px;
    margin: 0 auto;
}

/* ==========================================================================
   响应式适配
   ========================================================================== */
@media screen and (max-width: 1024px) {
    /* 平板：一行三个，分两行 */
    .hk-counter-item { width: 33.333%; margin-bottom: 0.4rem; }
    /* 重新处理分割线逻辑 */
    .hk-counter-item::after { display: none; }
    .hk-counter-item:not(:nth-child(3n))::after { display: block; }
}

@media screen and (max-width: 768px) {
    /* 手机：一行两个，分三行 */
    .hk-counter-item { width: 50%; margin-bottom: 0.4rem; }
    .hk-counter-item::after { display: none; }
    .hk-counter-item:not(:nth-child(2n))::after { display: block; }
    
    /* 手机端取消背景固定，因为 iOS Safari 对 background-attachment: fixed 支持不好，容易卡顿 */
    .hk-counter-section { background-attachment: scroll; }
}




/* ==========================================================================
   全场景沉浸式排版 (Integrated Scene Style)
   ========================================================================== */
.hk-values-scene {
    /* 设定一个最小高度，确保背景图能完整展示 */
    min-height: 8.2rem;
    background-color: #eef2f6; /* 备用底色，与图片天空颜色相近 */
}

/* 将您的 CNHK 原图作为整个板块的绝对背景 */
.hk-values-scene .hk-scene-bg {
    background-image: url('../images/values-glass-bg-03.webp');
    background-size: cover;
    background-position: center bottom; /* 关键：让 CNHK 字母靠下对齐 */
    background-repeat: no-repeat;
	/* background-attachment: fixed; */
    z-index: 1;
}

/* 底部占位区：把空间留给背景图里的 CNHK 红色字母，防止文字压住它 */
.hk-values-scene .hk-scene-spacer {
    height: 4.6rem;
    pointer-events: none;
}

/* 悬浮文字块的微调 */
.hk-values-scene .hk-text-block {
    transition: transform 0.3s ease;
}
.hk-values-scene .hk-text-block:hover {
    transform: translateY(-0.05rem);
}

/* 融入场景的精美渐变按钮 (致敬参考图的 READ MORE) */
.hk-values-scene .hk-scene-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.12rem 0.3rem;
    border-radius: 0.4rem;
    background: linear-gradient(90deg, #333333, #000000); /* 高级黑渐变 */
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.hk-values-scene .hk-scene-btn:hover {
    background: var(--theme-color); /* 悬停变为您的主题红，呼应底部的红色字母 */
    box-shadow: 0 0.1rem 0.2rem rgba(230, 33, 42, 0.3);
    transform: translateY(-0.03rem);
}

.hk-values-scene .hk-scene-item .icon{}
.hk-values-scene .hk-scene-item .icon img{
	display: inline-block;
	width: auto;
	height: 0.6rem;
	margin-bottom: 0.2rem;
}

/* 响应式适配 */
@media screen and (max-width: 1200px) {
    .hk-values-scene .hk-scene-spacer { height: 3.5rem; }
}

@media screen and (max-width: 992px) {
    /* 平板端改为上下结构 */
    .hk-values-scene .hk-scene-content { flex-direction: column; }
    .hk-values-scene .hk-scene-left { width: 100%; margin-bottom: 0.4rem; }
    .hk-values-scene .hk-scene-right { width: 100%; }
}

@media screen and (max-width: 768px) {
    /* 手机端正文列改为垂直排列 */
    .hk-values-scene .hk-scene-right { flex-direction: column; }
    .hk-values-scene .hk-scene-item { width: 100%; margin-bottom: 0.4rem; }
    .hk-values-scene .hk-scene-spacer { height: 2.5rem; }
}



/* ==========================================================================
   产品布局板块样式 (Product Layout)
   ========================================================================== */

.hk-home-product-layout {
    background-color: #fff;
    overflow: hidden;
}

.hk-home-product-layout .hk-home-container {
    gap: 0.5rem;
}

/* ==================== 左侧内容区 ==================== */
.hk-home-product-layout .hk-home-left-col {
}

/* 1. 板块总标题样式 */
.hk-home-product-layout .hk-home-sec-header {
    width: 100%;
    border-bottom: 1px dashed #eee;
    padding-bottom: 0.3rem;
}

.hk-home-product-layout .hk-home-title {
    font-size: var(--f36);
    font-weight: bold;
    position: relative;
}

.hk-home-product-layout .hk-has-line-left::before {
    content: '';
    display: inline-block;
    width: 0.06rem;
    height: 0.3rem;
    background-color: var(--theme-color);
    margin-right: 0.15rem;
    border-radius: 0.03rem;
}

.hk-home-product-layout .hk-home-subtitle {
    font-size: var(--f16);
    color: #000;
    line-height: 1.6;
    text-align: justify;
}

/* 2. 当前选中产品展示区 */
.hk-home-product-layout .hk-home-active-content {
    width: 100%;
}

/* .hk-home-product-layout .hk-home-active-title {
    font-size: var(--f36);
} */

.hk-home-product-layout .hk-home-active-desc {
    font-size: var(--f18);
    /* text-align: justify; */
}

/* 按钮样式 */
.hk-home-product-layout .hk-home-btn {
    background-color: var(--theme-color);
    color: #fff;
    padding: 0.15rem 0.35rem;
    border-radius: 0.4rem;
    font-size: var(--f16);
    transition: all 0.3s ease;
    display: inline-flex;
    width: max-content;
}

.hk-home-product-layout .hk-home-btn:hover {
    background-color: #c81b22;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(230, 33, 42, 0.3);
    color: #fff;
}

.hk-home-product-layout .hk-home-btn-icon {
    margin-left: 0.1rem;
    transition: transform 0.3s ease;
}

.hk-home-product-layout .hk-home-btn:hover .hk-home-btn-icon {
    transform: translateX(5px);
}

/* ==================== 3. 底部选项卡 (4个分类) ==================== */
.hk-home-product-layout .hk-home-tabs {
    width: 100%;
}

.hk-home-product-layout .hk-home-tab {
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 奇数项添加右侧竖线和右内边距 */
.hk-home-product-layout .hk-home-tab:nth-child(odd) {
    border-right: 1px solid #eee;
    padding-right: 0.4rem;
}

/* 偶数项添加左内边距，保持对称 */
.hk-home-product-layout .hk-home-tab:nth-child(even) {
    padding-left: 0.4rem;
}

/* 悬停与激活状态 (无背景，仅改变文字和图标颜色) */
.hk-home-product-layout .hk-home-tab-inactive {
    opacity: 0.3;
}

.hk-home-product-layout .hk-home-tab-active,
.hk-home-product-layout .hk-home-tab:hover {
    opacity: 1;
}

/* 分类图标容器 */
.hk-home-product-layout .hk-home-tab-icon {
    color: #999;
    flex-shrink: 0;
    transition: color 0.3s ease;
}

.hk-home-product-layout .hk-home-tab-icon img{
	width: 0.48rem;
	position: relative;
	filter: drop-shadow(100vw 0px 0 #ccc);
	-webkit-filter: drop-shadow(100vw 0px 0 #ccc);
	right: 100vw;
	 transition: color 0.3s ease;
}

.hk-home-product-layout .hk-home-tab-active .hk-home-tab-icon,
.hk-home-product-layout .hk-home-tab:hover .hk-home-tab-icon {
    color: var(--theme-color);
}
.hk-home-product-layout .hk-home-tab-active .hk-home-tab-icon img,
.hk-home-product-layout .hk-home-tab:hover .hk-home-tab-icon img{
	filter: none;
	right: 0;
}

.hk-home-product-layout .hk-home-tab-title {
    font-size: var(--f20);
    color: #666;
    font-weight: bold;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.hk-home-product-layout .hk-home-tab-subtitle{
	font-size: var(--f16);
	line-height: 1.5;
	color: #999;
	margin-top: 0.06rem;
}

.hk-home-product-layout .hk-home-tab-active .hk-home-tab-title,
.hk-home-product-layout .hk-home-tab:hover .hk-home-tab-title {
    /* color: var(--theme-color); */
	color: #333;
}

/* ==================== 右侧图片与倒影区 ==================== */
.hk-home-product-layout .hk-home-right-col {
    position: relative;
    padding-top: 0.2rem; /* 让图片稍微下移对齐左侧内容 */
}

.hk-home-product-layout .hk-home-image-wrapper {
    position: relative;
    border-radius: 0.05rem;
    /* -webkit-box-reflect: below 0px linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.25)); */
}

.hk-home-product-layout .hk-home-main-img {
    border-radius: 0.05rem;
    object-fit: contain;
}

/* ==================== 响应式适配 ==================== */
@media screen and (max-width: 1200px) {
    .hk-home-product-layout .hk-home-container {
        flex-direction: column;
        gap: 0.8rem;
    }
    .hk-home-product-layout .hk-home-left-col,
    .hk-home-product-layout .hk-home-right-col {
        width: 100%;
        padding-right: 0;
    }
    .hk-home-product-layout .hk-home-active-content {
        margin-bottom: 0.6rem;
    }
}

@media screen and (max-width: 768px) {
    .hk-home-product-layout .hk-home-tab:nth-child(odd) {
        border-right: none;
        padding-right: 0;
    }
    .hk-home-product-layout .hk-home-tab:nth-child(even) {
        padding-left: 0;
    }
    .hk-home-product-layout .hk-home-tab {
        width: 100%;
        margin-bottom: 0.3rem;
        border-bottom: 1px solid #eee;
        padding-bottom: 0.2rem;
    }
    .hk-home-product-layout .hk-home-tab:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
    .hk-home-product-layout .hk-has-line-left::before {
        height: 0.24rem;
    }
}


/* ==================== Section 2: Certificates Swiper ==================== */
.yt-cert-card {
    padding: 0.3rem;
    border: 0.01rem solid transparent;
}

.yt-cert-card:hover {
    background: #fff;
    border-color: #eee;
    box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.06);
    transform: translateY(-0.05rem);
}
.yt-cert-img-box {
    padding: 0.15rem;
    border: 0.01rem solid #eee;
    height: 3.8rem; 
}
/* 证书底部分页器位置微调 */
.yt-cert-swiper.pb-40{
	padding-bottom: var(--sp-40) !important;
}
.yt-cert-swiper .swiper-pagination {
    bottom: 0 !important;
}
.yt-cert-swiper .swiper-pagination-bullet-active {
	width: 0.32rem;
	border-radius: 0.08rem;
    background: var(--theme-color);
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    /* 流程轮播：左文右图在移动端改为上下堆叠 (文本在上，图片在下) */
    .yt-home-process .w55, .yt-home-process .w40 { width: 100%; }
    .yt-process-text { margin-bottom: 0.4rem; }
    .yt-process-img { height: 4rem; }
    .yt-step-num { font-size: 0.8rem; margin-bottom: -0.2rem; }
    
    /* 证书头部：标题按钮分行 */
    .yt-home-certs .f-jsb { flex-direction: column; align-items: flex-start; }
    .yt-cert-btn-wrap { margin-top: 0.4rem; }
}
.yt-home-cert-next,.yt-home-cert-prev{
	width: 0.55rem;
	height: 0.55rem;
	background-color: #fff;
	border-radius: 50%;
	color: #333;
	transition: all 0.3s;
	margin-top: -0.275rem;
}



/* ==================== 之前的所有 CSS 保持不变，在最下方追加以下内容 ==================== */

/* 动态切换内容的过渡动画 */
#hk-active-title, 
#hk-active-desc, 
#hk-active-image,
#hk-active-link,#hk-active--icon-i{
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 淡出状态类名 (由JS控制添加和移除) */
.hk-fade-out {
    opacity: 0 !important;
    transform: translateY(10px) !important;
}


/* ==========================================================================
   案例展示板块 (Project References - Scroll Spy Waterfall)
   ========================================================================== */

.hk-home-case-section {
    position: relative;
    width: 100%;
    background-color: #111;
}

/* ==================== 1. 粘性背景层 ==================== */
.hk-home-case-bg-wrap {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 0;
}

.hk-home-case-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 0.8s ease-in-out, transform 4s ease-out;
}

.hk-home-case-bg.hk-active {
    opacity: 1;
    transform: scale(1);
}

.hk-home-case-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 100%);
    z-index: 1;
}

/* ==================== 2. 内容层布局 ==================== */
.hk-home-case-content {
    position: relative;
    z-index: 2;
    margin-top: -100vh; 
}

/* 左侧固定内容 (修复：严格限制高度为 100vh，配合父级的 f-as 解决失效问题) */
.hk-home-case-left {
    position: sticky;
    top: 0;
    height: 100vh;
    padding-right: 1rem;
    /* 移除 padding-top，直接用 flex 居中 */
}

.hk-home-icon-i.hk-icon-red {
    position: relative;
    width: 0.05rem;
    height: 0.25rem;
    background-color: var(--theme-color, #d70000);
    margin-right: 0.1rem;
    margin-top: -0.02rem;
    display: block;
	border-radius: 5px;
}
.hk-home-icon-i.hk-icon-red::before {
    content: '';
    position: absolute;
    top: -0.07rem;
    left: 0;
    width: 0.05rem;
    height: 0.05rem;
    background-color: var(--theme-color, #d70000);
	border-radius: 6px;
}

.hk-title-icon-energy {
    display: inline-flex;
    gap: 4px;
    margin-right: 16px;
    vertical-align: middle;
}
.hk-title-icon-energy::before,
.hk-title-icon-energy::after {
    content: '';
    display: block;
    width: 6px;
    height: 32px;
    background-color: var(--theme-color, #d70000);
    transform: skewX(-20deg); /* 倾斜20度 */
	margin-top: -8px;
}
.hk-title-icon-energy::after {
    opacity: 0.3; /* 第二个降低透明度，增加层次感 */
}


.hk-title-icon-module {
    display: inline-flex;
    align-items: flex-end;
    gap: 3px;
    margin-right: 12px;
    height: 20px;
    vertical-align: middle;
}
.hk-title-icon-module::before {
    content: '';
    width: 6px;
    height: 100%;
    background-color: var(--theme-color, #d70000);
}
.hk-title-icon-module::after {
    content: '';
    width: 4px;
    height: 60%;
    background-color: var(--theme-color, #d70000);
    opacity: 0.4;
    box-shadow: 7px 0 0 rgba(215, 0, 0, 0.2); /* 利用阴影生成第三个模块 */
}





.hk-home-subtitle-text {
    font-size: var(--f42);
	font-family: "PB";
    letter-spacing: 0.02rem;
    font-weight: bold;
}

.hk-home-case-desc {
    font-size: var(--f18);
    transition: opacity 0.3s ease;
}

.hk-home-btn-ghost {
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 0.15rem 0.4rem;
    border-radius: 0.4rem;
    font-size: var(--f16);
    transition: all 0.3s ease;
    display: inline-flex;
    width: max-content;
    backdrop-filter: blur(5px);
}

.hk-home-btn-ghost:hover {
    background-color: #fff;
    color: #333;
}

.hk-home-btn-ghost .hk-home-btn-icon {
    margin-left: 0.1rem;
    transition: transform 0.3s ease;
}
.hk-home-btn-ghost:hover .hk-home-btn-icon {
    transform: translateX(5px);
}

/* ==================== 3. 右侧瀑布流卡片区 ==================== */
.hk-home-case-right {
    padding-top: 30vh;
    padding-bottom: 30vh;
}

.hk-home-case-card {
    margin-bottom: 20vh;
}

.hk-home-case-col.hk-col-right {
    margin-top: 30vh;
}

/* 卡片基础结构 */
.hk-home-case-card {
    position: relative;
    width: 100%;
    min-height: 4.5rem;
    padding: 0.4rem 0.4rem 0.85rem;
    border-radius: 0.2rem;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.hk-home-card-top, .hk-home-card-bottom {
    position: relative;
    z-index: 2;
}

.hk-home-card-label {
    font-size: var(--f20);
    /* font-weight: bold; */
    transition: color 0.5s ease;
	font-family: "PB";
}

.hk-home-card-num {
    font-size: var(--f22);
    font-weight: bold;
    transition: color 0.5s ease;
	font-family: "PB";
}

.hk-home-card-title {
    font-size: var(--f22);
    /* font-weight: bold; */
	font-weight: 600;
    margin-bottom: 0.15rem;
    line-height: 1.3;
    transition: color 0.5s ease;
}

.hk-home-card-text {
    font-size: var(--f16);
    line-height: 1.5;
    transition: color 0.5s ease;
}

/* --- 未激活状态 --- */
.hk-home-case-card {
    background-color: #fff;
    transform: scale(0.9);
    opacity: 0.9;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

.hk-home-case-card .hk-home-card-label,
.hk-home-case-card .hk-home-card-num {
    color: var(--theme-color, #d70000);
}

.hk-home-case-card .hk-home-card-title { color: #111; }
.hk-home-case-card .hk-home-card-text { color: #666; }

.hk-home-case-card .hk-home-card-icon {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease;
}
.hk-home-case-card .hk-home-card-icon img{
	width: 0.8rem;
}
.hk-home-case-card .hk-home-card-arrow { opacity: 0; }

/* .hk-home-card-pattern {
    position: absolute;
    top: 0;
    right: -10%;
    width: 80%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='40' y='-20' width='30' height='150' rx='15' transform='rotate(45 50 50)' stroke='%23d70000' stroke-width='2' fill='none' opacity='0.15'/%3E%3Crect x='90' y='30' width='30' height='150' rx='15' transform='rotate(45 100 100)' stroke='%23d70000' stroke-width='2' fill='none' opacity='0.15'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    opacity: 1;
    transition: opacity 0.5s ease;
    z-index: 1;
} */
/* 未激活时的红色背景 (专属缺口H + 斜线条线框 + 极细低调版) */
.hk-home-card-pattern {
    position: absolute;
    top: -10%;
    right: -10%;
    width: 80%;
    height: 100%;
    /* 
      1. stroke-width='1.5'：将线条改得非常纤细（原为4）
    */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 50 40 V 160 H 75 V 115 L 80 110 H 120 V 160 H 150 V 40 H 120 V 90 H 80 V 40 Z' fill='none' stroke='%23d70000' stroke-width='1.5' transform='rotate(45 100 100)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    opacity: 0.06; /* 透明度从 0.15 降至 0.08，让它不要太抢眼，若隐若现即可 */
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}



/* --- 激活状态 --- */
.hk-home-case-card.hk-active {
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: scale(1);
    opacity: 1;
}

.hk-home-case-card.hk-active .hk-home-card-label,
.hk-home-case-card.hk-active .hk-home-card-num,
.hk-home-case-card.hk-active .hk-home-card-title,
.hk-home-case-card.hk-active .hk-home-card-text {
    color: #fff;
}

.hk-home-case-card.hk-active .hk-home-card-icon {
    opacity: 1;
    height: auto;
    color: #fff;
    margin: 0.6rem 0 0.3rem;
}

.hk-home-case-card.hk-active .hk-home-card-pattern { opacity: 0; }

.hk-home-case-card.hk-active .hk-home-card-arrow {
    position: absolute;
    bottom: 0.3rem;
    right: 0.4rem;
    width: 0.48rem;
    height: 0.48rem;
    /* background-color: #222; */
	 background-color: var(--theme-color, #d70000);
    border-radius: 50%;
    color: #fff;
    opacity: 1;
    transition: all 0.3s ease;
    z-index: 3;
    cursor: pointer;
}

.hk-home-case-card.hk-active .hk-home-card-arrow:hover {
    background-color: var(--theme-color, #d70000);
}

/* ==================== 4. 响应式适配 ==================== */
@media screen and (max-width: 1000px) {
    .hk-home-case-content {
        flex-direction: column;
        margin-top: 0;
    }
    .hk-home-case-left {
        position: relative;
        height: auto;
        width: 100%;
        padding: 1rem 0 0.5rem 0;
    }
    .hk-home-case-right {
        width: 100%;
        padding-top: 0.5rem;
        padding-bottom: 1rem;
        flex-direction: column;
    }
    .hk-home-case-col {
        width: 100%;
        gap: 0.5rem;
    }
    .hk-home-case-card {
        margin-bottom: 0.5rem;
    }
    .hk-home-case-col.hk-col-right {
        margin-top: 0;
    }
    .hk-home-case-card {
        transform: scale(1);
        min-height: auto;
    }
}


/* ==========================================================================
   案例展示板块 V2
   ========================================================================== */
.inline-flex{
	display: inline-flex;
}
.hk-case-v2-header{
	padding-right: calc((100% - var(--www)) / 2);
}
.hk-case-container{
	width: 100%;
	padding-left: calc((100% - var(--www))/2);
}
/* 补充：全局按钮样式 (如果您的基础 CSS 中没有，请保留这段) */
.hk-home-btn {
    background-color: var(--theme-color, #d70000);
    color: #fff;
    padding: 0.15rem 0.3rem;
    /* border-radius: 0.04rem; */
    font-size: var(--f16);
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid var(--theme-color, #d70000);
}
.hk-home-btn:hover {
    background-color: transparent;
    color: var(--theme-color, #d70000);
}

/* 大气版右侧导航箭头 */
.hk-case-v2-nav-wrap {
    gap: 15px; /* 两个按钮的间距 */
}

.hk-case-v2-prev,
.hk-case-v2-next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ddd; /* 默认浅灰色边框 */
    color: #666; /* 默认灰色箭头 */
    background-color: #fff;
    transition: all 0.3s ease;
}

/* 悬停时：背景变主题色，箭头变白，轻微放大 */
.hk-case-v2-prev:hover,
.hk-case-v2-next:hover {
    background-color: var(--theme-color, #d70000);
    border-color: var(--theme-color, #d70000);
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(215, 0, 0, 0.3);
}

/* 禁用状态 (滑到头时) */
.hk-case-v2-prev.swiper-button-disabled,
.hk-case-v2-next.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: #f5f5f5;
    border-color: #eee;
    color: #ccc;
    box-shadow: none;
    transform: none;
}

/* 卡片样式优化 */
.hk-case-v2-card {
    text-decoration: none;
}

.hk-case-v2-img-wrap {
    border-radius: 0.08rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* 多行文本截断 */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 悬停交互辅助类 */
.group:hover .group-hover\:scale-110 {
    transform: scale(1.1);
}
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}
.group:hover .group-hover\:color-theme {
    color: var(--theme-color, #d70000);
}

/* 响应式适配 */
@media screen and (max-width: 992px) {
    .hk-case-v2-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .hk-home-header {
        width: 100%;
    }
    .hk-case-v2-nav-wrap {
        width: 100%;
        justify-content: flex-end;
    }
}



/* ==========================================================================
   合作伙伴板块 (Partners & Clients)
   ========================================================================== */

.hk-partner-section {
    position: relative;
    width: 100%;
    padding: 1.2rem 0;
    overflow: hidden;
}

/* 背景与遮罩 */
.hk-partner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* 增加一点视差滚动的高级感 */
    z-index: 0;
}

.hk-partner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 使用蓝色到透明的渐变，契合科技感和天空背景 */
    /* background: linear-gradient(135deg, rgba(10, 30, 60, 0.85) 0%, rgba(10, 30, 60, 0.4) 100%); */
	background: linear-gradient(90deg,rgba(7, 18, 38, 0.52) 0%,rgba(7, 18, 38, 0.38) 45%,rgba(7, 18, 38, 0.15) 100%);
    z-index: 1;
}

/* 头部文本 */
.hk-partner-title {
    font-size: var(--f36, 0.36rem);
    font-weight: bold;
    line-height: 1.2;
}

.hk-partner-desc {
    font-size: var(--f16, 0.16rem);
    opacity: 0.85;
    max-width: 800px;
}

/* 圆形导航按钮 */
.hk-partner-nav {
    gap: 0.15rem;
}

.hk-partner-btn {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
}

.hk-partner-btn:hover {
    background-color: #fff;
    color: var(--theme-color, #d70000);
    border-color: #fff;
    transform: scale(1.05);
}

.hk-partner-btn.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* 轮播卡片布局 */
.hk-partner-swiper {
    padding-bottom: 0.5rem !important; /* 为底部分页器留出空间 */
}

.hk-partner-col {
    gap: 0.2rem; /* 上下两张卡片的间距 */
}

.hk-partner-card {
    width: 100%;
    height: 1.1rem; /* 卡片固定高度 */
    background-color: #fff;
    border-radius: 0.08rem;
    padding: 0.12rem;
    box-sizing: border-box;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.hk-partner-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.hk-partner-card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* 默认灰色，悬停恢复彩色 (B2B常用高级处理手法，不需要可删除) */
    /* filter: grayscale(100%); */
    /* opacity: 0.7; */
    transition: all 0.3s ease;
}

.hk-partner-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* 分页器 (小圆点) */
.hk-partner-pagination {
    bottom: 0 !important;
}

.hk-partner-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #fff;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.hk-partner-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: var(--theme-color, #d70000);
    width: 24px;
    border-radius: 4px; /* 激活状态变成胶囊形 */
}

/* 响应式 */
@media screen and (max-width: 1000px) {
    .hk-partner-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.3rem;
    }
    .hk-partner-text {
        width: 100%;
    }
    .hk-partner-card {
        height: 0.9rem;
    }
}



/* ==================== Section: News & Insights ==================== */

/* ---------- Tab 切换按钮 ---------- */
.yt-home-news-tab {
    padding: 0.16rem 0.5rem;
	min-width: 1.8rem;
    color: #666;
}
.yt-home-news-tab:hover {
    color: var(--theme-color);
}
.yt-home-news-tab.active {
    background-color: var(--theme-color);
    color: #fff;
    box-shadow: 0 0.05rem 0.15rem rgba(var(--theme-color-rgb), 0.3);
}

/* ---------- 面板切换逻辑 ---------- */
.yt-home-news-panel {
    display: none;
    animation: ytNewsFadeIn 0.5s ease forwards;
}
.yt-home-news-panel.active {
    display: block;
}
@keyframes ytNewsFadeIn {
    from { opacity: 0; transform: translateY(0.1rem); }
    to { opacity: 1; transform: translateY(0); }
}

/* ---------- 布局分配 ---------- */
.yt-news-featured { width: 48%; }
.yt-news-list { width: 48%; }

/* ---------- 左侧：头条新闻 ---------- */
.yt-nf-img-box { height: 4.5rem; }
.yt-news-date-badge {
    width: 0.8rem;
    height: 0.8rem;
    border-bottom-right-radius: 0.1rem;
    z-index: 2;
}

/* ---------- 右侧：新闻列表 ---------- */
.yt-news-item { border-bottom: 0.01rem solid #eee; width: 100%;}
.yt-news-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.yt-ni-img-box {
    width: 2.2rem;
    height: 1.6rem;
}

/* ---------- 交互动画：Read More 箭头 ---------- */
.yt-news-readmore svg { transform: translateX(0); }
.group:hover .yt-news-readmore { color: var(--theme-color); }
.group:hover .yt-news-readmore svg { transform: translateX(0.05rem); }



/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    .yt-news-layout { flex-direction: column; }
    .yt-news-featured, .yt-news-list { width: 100%; }
    .yt-news-featured { margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 0.01rem solid #eee; }
    .yt-nf-img-box { height: 5rem; }
    .yt-ni-img-box { width: 1.8rem; height: 1.3rem; }
    .yt-ni-text { padding-right: 0.15rem; }
}
@media screen and (max-width: 500px) {
    .yt-news-item { flex-direction: column-reverse; align-items: flex-start; }
    .yt-ni-img-box { width: 100%; height: 3rem; margin-bottom: 0.2rem; }
    .yt-ni-text { padding-right: 0; }
	.yt-home-news-tab { padding: 0.1rem 0.2rem; font-size: 14px; }
}



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

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

/* 公司简介 s */
/* 公司简介 e */

/* 企业文化 s */
/* 企业文化 e */

/* 荣誉资质 s */

/* 荣誉资质 e */

/* 工厂环境 s */

/* 工厂环境 e */


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

/* 产品列表 s */
/* 产品列表 e */

/* 产品详情 s */
/* 产品详情 e */

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

/* 新闻列表 s */
/* 新闻列表 e */

/* 新闻详情 s */
/* 新闻详情 e */

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


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

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

/* 常见问题 s */
/* 常见问题 e */

/* 下载中心 s */
/* 下载中心 e */

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

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

/* 联系我们 s */
/* 联系我们 e */



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

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

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

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

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

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


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

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

@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) {
	
}

/* ==================== Huanghua inner pages ==================== */
.Header-wrapper.white_bg{background:#fff;box-shadow:0 .02rem .1rem rgba(0,0,0,.06);}
.Header-wrapper.white_bg .Header-container .logo a img+img{display:block;}
.Header-wrapper.white_bg .Header-container .logo a img{display:none;}
.Header-wrapper.white_bg .Header-container .logo a img+img{display:block;}
.Header-wrapper.white_bg .Header-container .tool{color:#111;}
@media all and (min-width:1001px){.Header-wrapper.white_bg .Header-container .c-nav>li>a,.Header-wrapper.white_bg .Header-container .c-nav>li .c-title-box{color:#111;}}
.hh-sec-main{min-width:0;}
.hh-sec-kicker{color:var(--theme-color);letter-spacing:.02rem;}
.hh-sec-title{color:#111;}
.hh-sec-desc{width:5.8rem;max-width:100%;}
.hh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.12rem;padding:.16rem .34rem;border:.01rem solid var(--theme-color);border-radius:.06rem;background:var(--theme-color);color:#fff;transition:.3s ease;}
.hh-btn:hover{background:#111;border-color:#111;color:#fff;transform:translateY(-.03rem);}
.hh-crumb{padding:.22rem 0;background:#f5f6f8;font-size:var(--f16);color:#666;}
.hh-crumb a:hover{color:var(--theme-color);}
.hh-crumb i,.hh-ban-crumb i,.hh-service-ban-crumb i{display:inline-block;margin:0 .12rem;font-size:.12rem;font-weight:400;line-height:1;color:currentColor;opacity:.72;vertical-align:.02rem;}

/* Inner banner */
.hh-ban{position:relative;height:5.4rem;overflow:hidden;background:#151b25;color:#fff;}
.hh-ban-media,.hh-ban-mask{position:absolute;inset:0;}
.hh-ban-media img{width:100%;height:100%;object-fit:cover;}
.hh-ban-mask{background:linear-gradient(90deg,rgba(7,12,20,.76),rgba(7,12,20,.34) 55%,rgba(7,12,20,.58));}
.hh-ban-crumb{position:absolute;left:50%;top:.35rem;z-index:2;transform:translateX(-50%);font-size:var(--f16);font-weight:600;}
.hh-ban-crumb a{color:#fff;}
.hh-ban-crumb a,.hh-service-ban-crumb a{transition:color .3s ease,opacity .3s ease;}
.hh-ban-crumb a:hover,.hh-service-ban-crumb a:hover{color:#fff;opacity:.72;}
.hh-ban-copy{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-38%);text-align:center;}
.hh-ban-copy h1{font-size:var(--f54);font-weight:700;line-height:1.1;}
.hh-ban-desc{margin-top:.2rem;font-size:var(--f18);line-height:1.5;}

/* Product list and detail */
.hh-pro-page{background:#f7f8fa;}
.hh-pro-side{position:sticky;top:1.2rem;align-self:flex-start;}
.hh-pro-widget,.hh-pro-block{background:#fff;border-radius:.1rem;box-shadow:0 .1rem .3rem rgba(0,0,0,.05);}
.hh-pro-widget>h2{border-bottom:.01rem solid #e8e8e8;}
.hh-pro-search{display:flex;overflow:hidden;border:.01rem solid #e4e7eb;border-radius:.06rem;}
.hh-pro-search input{min-width:0;flex:1;padding:.14rem;border:0;background:#f7f8fa;}
.hh-pro-search button{width:.5rem;border:0;background:var(--theme-color);color:#fff;cursor:pointer;}
.hh-pro-menu>li{border-bottom:.01rem solid #eee;}
.hh-pro-menu>li:last-child{border-bottom:0;}
.hh-pro-menu-head{display:flex;align-items:center;justify-content:space-between;min-height:.54rem;gap:.12rem;}
.hh-pro-menu-head>a{display:block;flex:1;padding:.14rem 0;}
.hh-pro-toggle{display:flex;width:.38rem;height:.38rem;align-items:center;justify-content:center;flex:0 0 .38rem;border:0;border-radius:50%;background:transparent;color:#666;cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .3s ease;}
.hh-pro-toggle i{font-size:.2rem;transition:transform .3s ease;}
.hh-pro-toggle:hover{background:#f2f3f5;color:var(--theme-color);}
.hh-pro-menu>li.open>.hh-pro-menu-head .hh-pro-toggle{color:var(--theme-color);}
.hh-pro-menu>li.open>.hh-pro-menu-head .hh-pro-toggle i{transform:rotate(180deg);}
.hh-pro-menu li.active>.hh-pro-menu-head>a,.hh-pro-menu li.active>a,.hh-pro-menu a:hover{color:var(--theme-color);}
.hh-pro-menu .hh-pro-sub{display:none;padding:0 0 .1rem .18rem;}
.hh-pro-menu ul li{padding:.08rem 0;}
.hh-pro-menu ul a:before{content:'–';margin-right:.08rem;color:#aaa;}
.hh-pro-rec li+li{margin-top:.16rem;}
.hh-pro-rec a{gap:.14rem;align-items:center;}
.hh-pro-rec-img{width:.72rem;height:.72rem;flex:0 0 .72rem;border-radius:.06rem;overflow:hidden;background:#f7f7f7;}
.hh-pro-rec-img img{width:100%;height:100%;object-fit:contain;}
.hh-pro-rec a:hover h3{color:var(--theme-color);}
.hh-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;}
.hh-pro-card{display:block;overflow:hidden;border:.01rem solid #eceef1;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .24rem rgba(0,0,0,.05);transition:.35s ease;}
.hh-pro-card:hover{border-color:var(--theme-color);transform:translateY(-.06rem);box-shadow:0 .16rem .36rem rgba(0,0,0,.09);}
.hh-pro-media{background:#fff;}
.hh-pro-media img,.hh-pro-related img{object-fit:contain!important;}
.hh-pro-info h2,.hh-pro-info h3{min-height:2.6em;}
.hh-pro-more{color:var(--theme-color);}
.hh-pro-card:hover .hh-pro-more i{transform:translateX(.06rem);}
.hh-pro-block{margin-bottom:.35rem;}
.hh-search-page{background:#f7f8fa;}
.hh-search-toolbar{gap:.35rem;padding-bottom:.28rem;border-bottom:.01rem solid #e5e8eb;}
.hh-search-heading{min-width:0;}
.hh-search-kicker{color:var(--theme-color);letter-spacing:.08em;text-transform:uppercase;}
.hh-search-keyword{color:var(--theme-color);}
.hh-search-form{width:4.6rem;min-height:.56rem;overflow:hidden;border:.01rem solid #dfe3e7;border-radius:.06rem;background:#fff;}
.hh-search-form input{min-width:0;flex:1;padding:.13rem .16rem;border:0;background:#fff;color:#222;}
.hh-search-form button{display:flex;width:.56rem;height:.56rem;align-items:center;justify-content:center;flex:0 0 .56rem;padding:0;border:0;background:var(--theme-color);color:#fff;cursor:pointer;transition:background-color .25s ease;}
.hh-search-form button:hover{background:#bf1820;}
.hh-search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;}
.hh-search-card{height:100%;}
.hh-search-category{letter-spacing:.04em;text-transform:uppercase;}
.hh-search-empty{padding:1rem .3rem;text-align:center;background:#fff;border:.01rem solid #e7eaed;border-radius:.08rem;color:#6a7076;font-size:var(--f18);}
.hh-pro-gallery-main,.hh-pro-gallery-thumbs .swiper-slide{overflow:hidden;border:.01rem solid #e8e8e8;border-radius:.08rem;background:#fff;}
.hh-pro-gallery-thumbs .swiper-slide{cursor:pointer;transition:border-color .3s ease;}
.hh-pro-gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border-color:var(--theme-color);}
.hh-pro-gallery-main img,.hh-pro-gallery-thumbs img{object-fit:contain!important;}
.hh-pro-thumbs{position:relative;padding:0 .34rem;}
.hh-pro-thumbs button,.hh-pro-related button{position:absolute;z-index:3;border:.01rem solid #d9dee3;background:#fff;color:#59636d;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease;}
.hh-pro-thumbs button:not(.swiper-button-disabled):hover,.hh-pro-related button:not(.swiper-button-disabled):hover{border-color:var(--theme-color);background:var(--theme-color);color:#fff;}
.hh-pro-thumbs button.swiper-button-disabled,.hh-pro-related button.swiper-button-disabled{opacity:.42;cursor:default;}
.hh-pro-thumbs button{top:0;width:.26rem;height:100%;}
.hh-thumb-prev{left:0;}.hh-thumb-next{right:0;}
.hh-pro-tabs{gap:.32rem;border-bottom:.01rem solid #e7e7e7;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;}
.hh-pro-tabs::-webkit-scrollbar{display:none;}
.hh-pro-tabs button{position:relative;padding:0 0 .16rem;border:0;background:none;white-space:nowrap;cursor:pointer;}
.hh-pro-tabs button:after{position:absolute;content:'';left:50%;bottom:-.01rem;width:0;height:.03rem;background:var(--theme-color);transform:translateX(-50%);transition:.3s ease;}
.hh-pro-tabs button.active,.hh-pro-tabs button:hover{color:var(--theme-color);}
.hh-pro-tabs button.active:after{width:100%;}
/* .hh-pro-panes{padding-top:.3rem;} */
.hh-pro-pane{display:none;}
.hh-pro-pane.active{display:block;}
.hh-pro-pane h2,.hh-pro-pane h3,.hh-pro-pane h4{font-weight:700;line-height:1.25;margin:.3rem 0 .16rem;color:#111;}
.hh-pro-pane h2{font-size:var(--f30);}.hh-pro-pane h3{font-size:var(--f24);}.hh-pro-pane h4{font-size:var(--f20);}
.hh-pro-pane p{margin-bottom:1em;line-height:1.7;}
.hh-pro-detail-section{margin-bottom:.38rem;}
.hh-pro-detail-section:last-child{margin-bottom:0;}
.hh-pro-detail-text{color:#505962;text-wrap:pretty;}
.hh-pro-detail-text+.hh-pro-detail-text{margin-top:.14rem;}
.hh-pro-detail-list{display:grid;gap:.1rem;margin-top:.16rem;padding-left:.2rem;}
.hh-pro-detail-list li{margin-left:.16rem;list-style:disc;color:#505962;}
.hh-pro-detail-list strong{color:#161a20;}
.hh-pro-detail-note{margin-top:.22rem;padding:.2rem .22rem;border-radius:.07rem;background:#f4f6f8;color:#505962;}
.hh-pro-pane .hh-pro-spec-table th{width:32%;color:#20262c;vertical-align:top;}
.hh-pro-pane .hh-pro-spec-table td{color:#505962;vertical-align:top;}
.hh-pro-pane .scroll{max-width:100%;overflow-x:auto;}
.hh-pro-pane table{width:100%;min-width:7rem;border-collapse:collapse;}
.hh-pro-pane th,.hh-pro-pane td{padding:.14rem;border:.01rem solid #e5e5e5;text-align:left;}
.hh-pro-pane tr:nth-child(even){background:#f7f8f9;}
.hh-pro-block .hh-pro-related{width:calc(100% + .8rem);margin-left:-.4rem;padding:.32rem .4rem .72rem;}
.hh-pro-related button{bottom:0;width:.4rem;height:.4rem;border-radius:50%;}
.hh-rel-prev{left:calc(50% - .5rem);}.hh-rel-next{right:calc(50% - .5rem);}
.hh-pro-form input,.hh-pro-form textarea{margin-bottom:.18rem;padding:.16rem;border:.01rem solid transparent;border-radius:.06rem;background:#f4f5f7;line-height:1.5;}
.hh-pro-form input:focus,.hh-pro-form textarea:focus{border-color:var(--theme-color);background:#fff;outline:0;}

/* News */
.hh-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;}
.hh-news-card{overflow:hidden;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .28rem rgba(0,0,0,.08);}
.hh-news-card>a{display:block;}
.hh-news-card:hover{transform:translateY(-.06rem);box-shadow:0 .16rem .36rem rgba(0,0,0,.12);}
.hh-news-info{position:relative;padding-top:.46rem;}
.hh-news-date{position:absolute;left:.3rem;bottom:100%;width:.82rem;text-align:center;box-shadow:0 .04rem .14rem rgba(0,0,0,.12);}
.hh-news-date strong,.hh-news-date span{display:block;}
.hh-news-date strong{padding:.14rem 0;background:var(--theme-color);color:#fff;font-size:var(--f30);}
.hh-news-date span{padding:.08rem;background:#f3f4f7;font-size:var(--f14);}
.hh-news-card h2{height:2.6em;}
.hh-news-card:hover h2,.hh-news-more{color:var(--theme-color);}
.hh-news-detail{background:#f5f6f8;}
.hh-news-article{width:calc(100% - 4.5rem);overflow:hidden;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .26rem rgba(0,0,0,.07);}
.hh-news-head{border-bottom:.01rem solid #e8e8e8;}
.hh-news-meta{color:#777;}
.hh-news-side{position:sticky;top:1.2rem;width:4rem;align-self:flex-start;}
.hh-news-toc,.hh-news-rec{border-radius:.1rem;background:#fff;box-shadow:0 .08rem .26rem rgba(0,0,0,.07);}
.hh-news-toc>h2{margin:0;padding-bottom:.16rem;border-bottom:.01rem solid #eceff2;line-height:1.3;}
.hh-news-toc>h2 i{color:#9aa3ad;transition:transform .25s ease;}
.hh-news-toc #catalog,.hh-news-toc ul{margin:0;padding:0;list-style:none;}
.hh-news-toc li{padding:0;margin:0;}
.hh-news-toc #catalog>li+li{margin-top:.04rem;}
.hh-news-toc a{position:relative;display:block;padding:.1rem .12rem .1rem .18rem;border-radius:.04rem;color:#505962;line-height:1.45;transition:color .25s ease,background-color .25s ease;}
.hh-news-toc a:before{position:absolute;content:"";left:0;top:.12rem;bottom:.12rem;width:.03rem;border-radius:.02rem;background:var(--theme-color);transform:scaleY(0);transform-origin:center;transition:transform .25s ease;}
.hh-news-toc a:hover,.hh-news-toc a.active{color:var(--theme-color);background:rgba(230,33,42,.06);text-decoration:none;}
.hh-news-toc a:hover:before,.hh-news-toc a.active:before{transform:scaleY(1);}
.hh-news-toc li ul{margin-top:.04rem;padding-left:.1rem;border-left:.01rem solid #e8ebef;}
.hh-news-toc li li a{padding:.08rem .1rem .08rem .16rem;font-size:var(--f14);color:#6a737c;}
.hh-news-toc li li a:hover,.hh-news-toc li li a.active{color:var(--theme-color);}
.hh-news-rec li+li{margin-top:.18rem;}
.hh-news-rec a{gap:.14rem;align-items:center;}
.hh-news-rec a>span{width:1.15rem;height:.78rem;flex:0 0 1.15rem;border-radius:.06rem;overflow:hidden;}
.hh-news-rec img{width:100%;height:100%;object-fit:cover;}
.hh-news-rec a:hover h3{color:var(--theme-color);}
.hh-news-turn{border-top:.01rem solid #e8e8e8;gap:.2rem;font-size:var(--f16);}
.hh-news-turn>div{display:flex;flex-direction:column;width:46%;gap:.08rem;}
.hh-news-turn>div:last-child{text-align:right;}
.hh-news-turn span{font-weight:700;color:var(--theme-color);}
.hh-article h2,.hh-article h3,.hh-article h4,.hh-article h5{margin:1.2em 0 .55em;font-weight:700;line-height:1.35;color:#171717;}
.hh-article h2{font-size:var(--f30);padding-bottom:.12rem;border-bottom:.01rem solid #e8e8e8;}.hh-article h3{font-size:var(--f24);}.hh-article h4{font-size:var(--f20);}.hh-article h5{font-size:var(--f18);}
.hh-article p{margin-bottom:1em;line-height:1.75;}.hh-article ul,.hh-article ol{padding-left:.22rem;margin-bottom:1.2em;}.hh-article li{list-style:disc;margin-bottom:.08rem;line-height:1.7;}
.hh-article img{height:auto;max-width:100%;border-radius:.08rem;}.hh-article .scroll{max-width:100%;overflow-x:auto;}.hh-article table{width:100%;min-width:7rem;border-collapse:collapse;}.hh-article th,.hh-article td{padding:.13rem;border:.01rem solid #e5e5e5;line-height:1.5;}.hh-article th{background:#f4f6f8;}.hh-article tr:nth-child(even){background:#fafafa;}
.hh-article blockquote{margin:.3rem 0;padding:.24rem .3rem;border-radius:.08rem;background:#f3f5f7;font-size:var(--f18);line-height:1.7;}

/* Contact */
.hh-contact-form{width:58%;}.hh-contact-info{width:36%;}
.hh-contact-form form{row-gap:.18rem;}
.hh-contact-form label{display:block;width:48%;}.hh-contact-form label span{display:block;margin-bottom:.1rem;font-weight:600;}
.hh-contact-form input,.hh-contact-form textarea{width:100%;padding:.16rem;border:.01rem solid #e4e7eb;border-radius:.06rem;background:#f7f8fa;line-height:1.5;}
.hh-contact-form input{height:.58rem;}.hh-contact-form input:focus,.hh-contact-form textarea:focus{border-color:var(--theme-color);background:#fff;outline:0;}
.hh-contact-form .hh-contact-wide{width:100%;}
.hh-contact-info{padding:.4rem;border-radius:.12rem;background:#f5f6f8;}
.hh-contact-info-list{display:flex;flex-direction:column;}
.hh-contact-info li{display:flex;align-items:flex-start;gap:.22rem;padding:.26rem 0;border-bottom:.01rem solid #dde1e6;}
.hh-contact-info li:last-child{border-bottom:0;}
.hh-contact-info li>i{display:flex;width:.64rem;height:.64rem;align-items:center;justify-content:center;flex:0 0 .64rem;border-radius:50%;background:var(--theme-color);color:#fff;font-size:var(--f26);}
.hh-contact-info-item{min-width:0;padding-top:.03rem;}
.hh-contact-info-item h3{margin-bottom:.1rem;line-height:1.25;}
.hh-contact-info-item a,.hh-contact-address{display:block;line-height:1.5;overflow-wrap:anywhere;}
.hh-contact-info li a:hover{color:var(--theme-color);}

/* Download and FAQ */
.hh-download{background:#f6f7f9;}.hh-download-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;}
.hh-download-item{align-items:center;border:.01rem solid transparent;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .22rem rgba(0,0,0,.05);transition:.3s ease;}
.hh-download-item:hover{border-color:var(--theme-color);transform:translateY(-.04rem);}
.hh-download-info{gap:.2rem;align-items:center;}.hh-download-icon{display:flex;width:.72rem;height:.72rem;align-items:center;justify-content:center;flex:0 0 .72rem;border-radius:.08rem;background:#f4f5f7;color:var(--theme-color);font-size:var(--f36);}
.hh-download-btn{display:inline-flex;align-items:center;gap:.1rem;padding:.14rem .22rem;border-radius:.05rem;background:var(--theme-color);color:#fff;white-space:nowrap;}.hh-download-btn:hover{background:#111;color:#fff;}
.hh-faq-list{width:14rem;max-width:100%;margin:0 auto;}
.hh-faq-item{margin-bottom:.18rem;border:.01rem solid #e2e5e9;border-radius:.08rem;background:#fff;overflow:hidden;}
.hh-faq-item.active{border-color:var(--theme-color);box-shadow:0 .08rem .2rem rgba(var(--theme-color-rgb),.09);}
.hh-faq-head{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.25rem;padding:.24rem .28rem;border:0;background:#fff;text-align:left;cursor:pointer;}
.hh-faq-head h3{transition:.3s ease;}.hh-faq-head>span{position:relative;width:.2rem;height:.2rem;flex:0 0 .2rem;}.hh-faq-head>span:before,.hh-faq-head>span:after{position:absolute;content:'';left:0;top:.09rem;width:.2rem;height:.02rem;background:#222;transition:.3s ease;}.hh-faq-head>span:after{transform:rotate(90deg);}
.hh-faq-item.active .hh-faq-head h3,.hh-faq-item:hover .hh-faq-head h3{color:var(--theme-color);}.hh-faq-item.active .hh-faq-head>span:after{opacity:0;}
.hh-faq-body{display:none;padding:0 .28rem .28rem;}.hh-faq-item.active .hh-faq-body{display:block;}.hh-faq-body>div{padding-top:.22rem;border-top:.01rem solid #e6e7e9;}

/* Service and video */
.hh-service-copy{width:45%;align-self:center;}.hh-service-media{width:49%;overflow:hidden;border-radius:.12rem;}.hh-service-links{background:#f5f6f8;}
.hh-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.24rem;}
.hh-service-card{overflow:hidden;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .24rem rgba(0,0,0,.06);}.hh-service-card:hover{transform:translateY(-.06rem);}.hh-service-card:hover img{transform:scale(1.05);}.hh-service-card span{display:inline-block;color:var(--theme-color);}
.hh-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;}
.hh-video-card{overflow:hidden;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .26rem rgba(0,0,0,.08);}.hh-video-card:hover{transform:none;}.hh-video-img{position:relative;}.hh-video-play{position:absolute;left:50%;top:50%;display:flex;width:.72rem;height:.72rem;align-items:center;justify-content:center;border:.01rem solid rgba(255,255,255,.8);border-radius:50%;background:rgba(0,0,0,.55);color:#fff;transform:translate(-50%,-50%);}.hh-video-card:hover .hh-video-play{background:var(--theme-color);transform:translate(-50%,-50%) scale(1.08);}.hh-video-card:hover h2{color:var(--theme-color);}

/* Cases */
.hh-case-list{background:#f5f6f8;}.hh-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;}
.hh-case-card{position:relative;overflow:hidden;border-radius:.14rem;background:#101722;transition:transform .35s ease,box-shadow .35s ease;}.hh-case-card>a{display:block;color:#fff;}.hh-case-img:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,rgba(6,12,20,.02) 35%,rgba(6,12,20,.9) 100%);}.hh-case-img img{transition:transform .6s ease;}.hh-case-card:hover{transform:translateY(-.05rem);box-shadow:0 .18rem .38rem rgba(8,16,27,.18);}.hh-case-card:hover img{transform:scale(1.05);}
.hh-case-type{position:absolute;left:.24rem;top:.24rem;z-index:2;padding:.13rem .22rem;border-radius:.4rem;background:rgba(255,255,255,.18);backdrop-filter:blur(.08rem);}
.hh-case-bottom{position:absolute;left:.26rem;right:.26rem;bottom:.24rem;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:.2rem;}.hh-case-bottom h2{max-width:80%;}.hh-case-bottom span{display:flex;width:.52rem;height:.52rem;align-items:center;justify-content:center;flex:0 0 .52rem;border-radius:50%;background:var(--theme-color);transition:background-color .3s ease,color .3s ease,transform .3s ease;}.hh-case-bottom svg{width:.22rem;height:.22rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease;}.hh-case-card:hover .hh-case-bottom span{background:#fff;color:var(--theme-color);}.hh-case-card:hover .hh-case-bottom svg{transform:translateX(.03rem);}

/* Inner page motion */
.hh-news-card,.hh-video-card,.hh-service-adv-grid article,.hh-service-grid article,.hh-contact-info li{transition:transform .35s ease,box-shadow .35s ease,background-color .35s ease;}
.hh-news-img img,.hh-video-img img,.hh-pro-media img,.hh-pro-rec-img img{transition:transform .55s ease;}
.hh-news-card:hover,.hh-service-adv-grid article:hover,.hh-service-grid article:hover{transform:translateY(-.05rem);box-shadow:0 .16rem .34rem rgba(8,16,27,.1);}
.hh-video-card:hover{transform:none;box-shadow:0 .16rem .34rem rgba(8,16,27,.1);}
.hh-news-card:hover .hh-news-img img,.hh-video-card:hover .hh-video-img img,.hh-pro-card:hover .hh-pro-media img{transform:scale(1.04);}
.hh-video-play,.hh-download-btn,.hh-pro-more i,.hh-news-more i{transition:transform .3s ease,background-color .3s ease,color .3s ease;}
.hh-video-card:hover .hh-video-play{transform:translate(-50%,-50%) scale(1.08);}
.hh-case-head{gap:.4rem;}.hh-case-title{width:9.5rem;max-width:100%;}.hh-case-meta{gap:.24rem;color:#555;}.hh-case-meta i{margin-right:.07rem;color:var(--theme-color);}.hh-case-stat{min-width:3rem;padding-left:.4rem;border-left:.01rem solid #d9dde2;}.hh-case-stat strong{color:var(--theme-color);}
.hh-case-gallery{position:relative;overflow:hidden;}.hh-case-gallery-swiper{width:100%;}.hh-case-gallery .swiper-slide{height:auto;overflow:hidden;border-radius:.12rem;background:#edf0f3;}.hh-case-gallery-slide{display:block;overflow:hidden;border-radius:.12rem;background:#edf0f3;}.hh-case-gallery-slide img{object-fit:contain;}.hh-case-gallery-prev,.hh-case-gallery-next{position:absolute;top:50%;z-index:3;display:flex;width:.58rem;height:.58rem;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(15,23,34,.72);color:#fff;font-size:.28rem;transform:translateY(-50%);transition:background-color .3s ease,transform .3s ease;}.hh-case-gallery-prev{left:.22rem;}.hh-case-gallery-next{right:.22rem;}.hh-case-gallery-prev:hover,.hh-case-gallery-next:hover{background:var(--theme-color);transform:translateY(-50%) scale(1.05);}.hh-case-gallery-prev.swiper-button-disabled,.hh-case-gallery-next.swiper-button-disabled{opacity:.35;cursor:default;}.hh-case-gallery-pagination{position:absolute;right:.22rem;bottom:.2rem;left:auto!important;z-index:3;width:auto!important;padding:.1rem .16rem;border-radius:.3rem;background:rgba(15,23,34,.72);color:#fff;letter-spacing:.04em;}.hh-case-overview{background:#fff;}
.hh-case-cta{position:relative;height:6.8rem;overflow:hidden;}.hh-case-cta-img,.hh-case-cta-mask{position:absolute;inset:0;}.hh-case-cta-img img{width:100%;height:100%;object-fit:cover;}.hh-case-cta-mask{background:rgba(0,31,68,.58);}.hh-case-cta-copy{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);}.hh-case-cta-copy>div{width:8rem;max-width:100%;margin-left:auto;margin-right:auto;}

@media all and (max-width:1400px){
	.hh-pro-grid,.hh-video-grid,.hh-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.hh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media all and (max-width:1000px){
	.hh-ban{height:4.6rem;}.hh-ban-crumb{top:.26rem;}.hh-ban-copy h1{font-size:.46rem;}
	.hh-pro-side,.hh-pro-main{position:static;width:100%;}.hh-pro-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;margin-bottom:.35rem;}.hh-pro-widget{margin-bottom:0!important;}.hh-pro-widget:last-child{display:none;}
	.hh-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hh-news-article,.hh-news-side{position:static;width:100%;}.hh-news-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;margin-top:.3rem;}.hh-news-rec{margin-top:0!important;}
	.hh-contact-form,.hh-contact-info,.hh-service-copy,.hh-service-media{width:100%;}.hh-contact-info,.hh-service-media{margin-top:.4rem;}
	.hh-download-list{grid-template-columns:1fr;}.hh-case-grid{gap:.28rem;}.hh-case-title{width:7rem;}.hh-case-stat{min-width:2.5rem;}
}
@media all and (max-width:767px){
	.hh-sec-desc{width:100%;margin-top:.2rem;}.hh-ban{height:3.9rem;}.hh-ban-copy h1{font-size:.36rem;}.hh-ban-desc{font-size:var(--f16);}
	.hh-pro-side{display:block;}.hh-pro-widget{margin-bottom:.2rem!important;}.hh-pro-grid,.hh-news-grid,.hh-video-grid,.hh-case-grid,.hh-service-grid,.hh-search-grid{grid-template-columns:1fr;}
	.hh-search-toolbar{display:block;}.hh-search-form{width:100%;margin-top:.25rem;}.hh-search-heading h2{font-size:.3rem;}
	.hh-pro-block{padding:.22rem!important;}.hh-pro-gallery,.hh-pro-summary{width:100%;}.hh-pro-summary{margin-top:.3rem;}.hh-pro-tabs{gap:.22rem;}.hh-pro-form input{width:100%;}
	.hh-news-side{display:block;}.hh-news-rec{margin-top:.2rem!important;}.hh-news-head,.hh-article{padding:.24rem!important;}.hh-news-head h1{font-size:.3rem;}.hh-news-turn>div{width:100%;}.hh-news-turn>div:last-child{text-align:left;}
	.hh-contact-form label{width:100%;}.hh-contact-info{padding:.25rem;}.hh-contact-info li>i{width:.54rem;height:.54rem;flex-basis:.54rem;}
	.hh-download-item{align-items:flex-start;flex-direction:column;gap:.22rem;padding:.22rem!important;}.hh-download-btn{width:100%;justify-content:center;}.hh-faq-head{padding:.2rem;}.hh-faq-body{padding:0 .2rem .2rem;}
	.hh-case-type{left:.18rem;top:.18rem;}.hh-case-bottom{left:.2rem;right:.2rem;bottom:.18rem;}.hh-case-bottom h2{font-size:.22rem;}.hh-case-head{display:block;}.hh-case-title{width:100%;}.hh-case-title h1{font-size:.36rem;}.hh-case-stat{margin-top:.3rem;padding:.24rem 0 0;border-left:0;border-top:.01rem solid #d9dde2;}.hh-case-gallery-prev,.hh-case-gallery-next{width:.48rem;height:.48rem;}.hh-case-gallery-prev{left:.12rem;}.hh-case-gallery-next{right:.12rem;}.hh-case-gallery-pagination{right:.12rem;bottom:.12rem;}.hh-case-cta{height:5.5rem;}.hh-case-cta h2{font-size:.4rem;}
}
@media all and (max-width:480px){
	.hh-ban{height:3.5rem;}.hh-ban-crumb{font-size:.14rem;}.hh-ban-copy{width:calc(100% - .3rem);}.hh-news-card h2{height:auto;}.hh-case-meta{display:block;}.hh-case-meta span{display:block;margin-top:.1rem;}.hh-case-bottom h2{max-width:calc(100% - .62rem);}.hh-video-play{width:.62rem;height:.62rem;}
}

/* Customer service page - Seraphim reference structure */
.hh-service-ban{position:relative;height:6rem;overflow:hidden;background:#222;}
.hh-service-ban-img,.hh-service-ban-mask{position:absolute;inset:0;}
.hh-service-ban-img img{width:100%;height:100%;object-fit:cover;}
.hh-service-ban-mask{background:rgba(0,0,0,.34);}
.hh-service-ban-crumb{position:absolute;left:50%;top:.32rem;z-index:2;transform:translateX(-50%);font-size:var(--f16);color:#fff;}
.hh-service-ban-crumb a{color:#fff;}
.hh-service-ban-copy{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-35%);}
.hh-service-nav{position:relative;z-index:4;width:16rem;max-width:calc(100% - .4rem);margin:-.38rem auto 0;border-radius:.18rem;background:#fff;box-shadow:0 .08rem .28rem rgba(0,0,0,.12);}
.hh-service-nav .w16{height:.76rem;gap:.55rem;}
.hh-service-nav a{position:relative;display:flex;height:100%;align-items:center;text-transform:uppercase;color:#666;}
.hh-service-nav a:after{position:absolute;content:'';left:0;bottom:0;width:0;height:.03rem;background:var(--theme-color);transition:.3s ease;}
.hh-service-nav a.active,.hh-service-nav a:hover{color:var(--theme-color);}
.hh-service-nav a.active:after,.hh-service-nav a:hover:after{width:100%;}
.hh-service-about .hh-service-media{border-radius:.12rem;}
.hh-service-lines{display:flex;flex-direction:column;align-items:flex-start;gap:.16rem;}
.hh-service-lines a{display:flex;align-items:center;gap:.12rem;}
.hh-service-lines i{display:flex;width:.4rem;height:.4rem;align-items:center;justify-content:center;border-radius:50%;background:var(--theme-color);color:#fff;}
.hh-service-lines a:hover{color:var(--theme-color);}
.hh-service-advantages{background:#f5f6f8;}
.hh-service-adv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.18rem;}
.hh-service-adv-grid article{padding:.42rem .28rem;border-radius:.1rem;background:#fff;text-align:center;box-shadow:0 .05rem .16rem rgba(0,0,0,.03);}
.hh-service-adv-grid article>i{color:var(--theme-color);font-size:var(--f36);}
.hh-service-adv-grid article>span{display:block;width:.26rem;height:.03rem;margin:.22rem auto;background:var(--theme-color);}
.hh-service-adv-grid h3{margin-bottom:.18rem;}
.hh-service-contact-copy{width:38%;}.hh-service-form{width:54%;}
.hh-service-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem .3rem;}
.hh-service-form label span{display:block;margin-bottom:.09rem;color:#666;}
.hh-service-form input,.hh-service-form select,.hh-service-form textarea{width:100%;padding:.12rem 0;border:0;border-bottom:.01rem solid #cfd3d8;background:transparent;line-height:1.5;}
.hh-service-form input:focus,.hh-service-form select:focus,.hh-service-form textarea:focus{border-color:var(--theme-color);outline:0;}
.hh-service-form-wide{grid-column:1/-1;}
.hh-service-consent{display:flex;align-items:flex-start;gap:.1rem;margin-top:.22rem;color:#666;line-height:1.5;}
.hh-service-consent input{width:.18rem;height:.18rem;flex:0 0 .18rem;margin-top:.02rem;accent-color:var(--theme-color);}
.hh-service-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem;}
.hh-service-resource{position:relative;height:3.6rem;overflow:hidden;border-radius:.12rem;}
.hh-service-resource-img,.hh-service-resource-mask{position:absolute;inset:0;}
.hh-service-resource-img img{width:100%;height:100%;object-fit:cover;transition:.6s ease;}
.hh-service-resource-mask{background:linear-gradient(90deg,rgba(5,12,22,.78),rgba(5,12,22,.12));}
.hh-service-resource-copy{position:absolute;left:.34rem;right:.34rem;bottom:.3rem;z-index:2;}
.hh-service-resource-copy i{position:absolute;right:0;bottom:.08rem;color:#fff;font-size:var(--f30);}
.hh-service-resource:hover img{transform:scale(1.05);}
.hh-service-resource:hover .hh-service-resource-copy i{transform:translateX(.08rem);}
@media all and (max-width:1000px){
	.hh-service-ban{height:5rem;}.hh-service-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hh-service-contact-copy,.hh-service-form{width:100%;}.hh-service-form{margin-top:.4rem;}
}
@media all and (max-width:767px){
	.hh-service-ban{height:4rem;}.hh-service-ban-copy h1{font-size:.38rem;}.hh-service-ban-crumb{top:.22rem;}.hh-service-nav{max-width:calc(100% - .3rem);overflow-x:auto;}.hh-service-nav .w16{width:max-content;min-width:100%;height:.66rem;gap:.32rem;}.hh-service-adv-grid,.hh-service-resource-grid{grid-template-columns:1fr;}.hh-service-form-grid{grid-template-columns:1fr;}.hh-service-form-wide{grid-column:auto;}.hh-service-resource{height:3rem;}
}

/* Huanghua Group About page */
.hh-about-page{overflow-x:clip;background:#fff;color:#161a20;}
.hh-about-page h1,.hh-about-page h2,.hh-about-page h3{text-wrap:balance;}
.hh-about-page section[id]{scroll-margin-top:1.9rem;}
.hh-about-page a,.hh-about-page button{transition:color .3s ease,background-color .3s ease,transform .3s ease,box-shadow .3s ease;}
.hh-about-page a:focus-visible,.hh-about-page button:focus-visible{outline:.03rem solid #fff;outline-offset:.04rem;box-shadow:0 0 0 .06rem var(--theme-color);}
.hh-about-banner{height:7.1rem;}
.hh-about-banner .hh-about-banner-image img{object-position:center 58%;}
.hh-about-banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,47,.92) 0%,rgba(4,25,47,.75) 34%,rgba(4,25,47,.18) 72%,rgba(4,25,47,.08) 100%);}
.hh-about-banner-copy{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-45%);}
.hh-about-banner-title{width:8rem;max-width:65%;letter-spacing:-.025em;}
.hh-about-banner-desc{width:7.7rem;max-width:62%;}
.hh-about-banner-note{font-weight:600;opacity:.88;}
.hh-about-banner-actions{gap:.15rem;}
.hh-about-btn{display:inline-flex;min-height:.54rem;align-items:center;justify-content:center;gap:.12rem;padding:.15rem .28rem;border-radius:.05rem;line-height:1.35;}
.hh-about-btn-primary{background:var(--theme-color);color:#fff;}
.hh-about-btn-primary:hover{background:#bd141c;color:#fff;transform:translateY(-.03rem);}
.hh-about-btn-ghost{border:.01rem solid rgba(255,255,255,.7);color:#fff;}
.hh-about-btn-ghost:hover{background:#fff;color:#10253a;}
.hh-about-btn-dark{background:#10253a;color:#fff;}
.hh-about-btn-dark:hover{background:#051422;color:#fff;transform:translateY(-.03rem);}
.hh-about-nav{position:sticky;top:100px;z-index:12;background:#fff;box-shadow:0 .04rem .12rem rgba(7,25,43,.08);}
.hh-about-nav-inner{height:.72rem;gap:.52rem;overflow-x:auto;}
.hh-about-nav-link{position:relative;display:flex;height:100%;align-items:center;white-space:nowrap;color:#4e5863;text-transform:uppercase;}
.hh-about-nav-link:after{position:absolute;content:"";left:0;bottom:0;width:0;height:.03rem;background:var(--theme-color);transition:width .3s ease;}
.hh-about-nav-link:hover,.hh-about-nav-link.active{color:var(--theme-color);}
.hh-about-nav-link:hover:after,.hh-about-nav-link.active:after{width:100%;}
.hh-about-title{position:relative;padding-left:.23rem;}
.hh-about-title:before{position:absolute;content:"";left:0;top:.07rem;width:.05rem;height:.31rem;border-radius:.03rem;background:var(--theme-color);}
/* .hh-about-title-light:before{background:#fff;} */
.hh-about-title-text{letter-spacing:-.025em;}
.hh-about-section-head{gap:.45rem;}
.hh-about-section-head .hh-about-title{max-width:7.2rem;}
.hh-about-section-desc{width:7.2rem;max-width:48%;}
.hh-about-overview-media{position:relative;width:47%;padding-bottom:.28rem;}
.hh-about-overview-picture{border-radius:.14rem;box-shadow:0 .16rem .3rem rgba(8,28,47,.12);}
.hh-about-overview-picture img{transition:transform .7s ease;}
.hh-about-overview-media:hover .hh-about-overview-picture img{transform:scale(1.035);}
.hh-about-overview-play{position:absolute;left:50%;top:50%;z-index:3;display:flex;width:.82rem;height:.82rem;align-items:center;justify-content:center;border-radius:50%;background:rgba(230,33,42,.94);box-shadow:0 .08rem .18rem rgba(0,0,0,.22);color:#fff;transform:translate(-50%,-50%);}
.hh-about-overview-play:before{position:absolute;content:"";inset:-.12rem;border:.01rem solid rgba(255,255,255,.62);border-radius:50%;}
.hh-about-overview-play i{margin-left:.04rem;font-size:var(--f22);}
.hh-about-overview-play:hover{background:#fff;color:var(--theme-color);transform:translate(-50%,-50%) scale(1.06);}
.hh-about-overview-year{position:absolute;right:-.2rem;bottom:0;display:flex;width:2.1rem;height:1.4rem;align-items:flex-start;justify-content:center;flex-direction:column;padding:.22rem .28rem;border-radius:.1rem;background:var(--theme-color);color:#fff;}
.hh-about-overview-year span{margin-top:.08rem;}
.hh-about-overview-copy{width:47%;padding-top:.05rem;}
.hh-about-overview-paragraph{text-wrap:pretty;}
.hh-about-text-link{display:inline-flex;align-items:center;gap:.11rem;color:var(--theme-color);}
.hh-about-text-link:hover{color:#111;transform:translateX(.05rem);}
.hh-about-facts{position:relative;overflow:hidden;background:#07192c;}
.hh-about-facts-bg,.hh-about-facts-mask{position:absolute;inset:0;}
.hh-about-facts-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);}
.hh-about-facts-mask{background:linear-gradient(90deg,rgba(4,22,40,.98),rgba(8,35,60,.88));}
.hh-about-facts-inner{position:relative;z-index:2;}
.hh-about-facts-head{text-align:center;}
.hh-about-facts-desc{width:7rem;max-width:100%;opacity:.78;}
.hh-about-facts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;}
.hh-about-fact-item{position:relative;color:#fff;text-align:center;}
.hh-about-fact-item:not(:last-child):after{position:absolute;content:"";right:-.18rem;top:.05rem;width:.01rem;height:.82rem;background:rgba(255,255,255,.18);}
.hh-about-fact-value{display:flex;align-items:flex-end;justify-content:center;gap:.04rem;color:#fff;}
.hh-about-fact-value strong{letter-spacing:-.035em;}
.hh-about-fact-label{max-width:1.8rem;margin-right:auto;margin-left:auto;line-height:1.45;color:rgba(255,255,255,.75);}
.hh-about-history{position:relative;overflow:hidden;background:#f3f5f7;}
.hh-about-history-background,.hh-about-history-mask{position:absolute;inset:0;}
.hh-about-history-background img{width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.72);}
.hh-about-history-mask{background:linear-gradient(90deg,rgba(247,249,250,.98) 0%,rgba(247,249,250,.92) 48%,rgba(247,249,250,.72) 100%);}
.hh-about-history-inner{position:relative;z-index:2;}
.hh-about-history-head{gap:.45rem;}
.hh-about-history-intro{width:7.2rem;max-width:48%;text-wrap:pretty;}
.hh-about-history-carousel{margin-right:-.35rem;margin-left:-.35rem;}
.hh-about-history-slider{overflow:hidden;padding:.22rem .35rem .34rem;}
.hh-about-history-slider .swiper-slide{height:auto;opacity:.62;transform:scale(.92);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);}
.hh-about-history-slider .swiper-slide-active{z-index:2;opacity:1;transform:scale(1);}
.hh-about-history-card{display:flex;min-height:3.25rem;height:100%;align-items:center;justify-content:center;flex-direction:column;padding:.42rem .4rem;border-radius:.12rem;background:rgba(255,255,255,.96);box-shadow:0 .14rem .34rem rgba(12,31,49,.1);text-align:center;transition:background-color .45s ease,color .45s ease,box-shadow .45s ease;}
.hh-about-history-slider .swiper-slide-active .hh-about-history-card{background:var(--theme-color);box-shadow:0 .18rem .42rem rgba(184,20,29,.24);color:#fff;}
.hh-about-history-year{line-height:1.1;letter-spacing:-.035em;}
.hh-about-history-year-present{font-size:var(--f36);}
.hh-about-history-rule{display:block;width:.8rem;height:.03rem;margin:.22rem 0;background:var(--theme-color);transition:background-color .45s ease,width .45s ease;}
.hh-about-history-slider .swiper-slide-active .hh-about-history-rule{width:1.05rem;background:#fff;}
.hh-about-history-copy{max-width:4.3rem;color:#4f5963;text-wrap:pretty;transition:color .45s ease;}
.hh-about-history-slider .swiper-slide-active .hh-about-history-copy{color:rgba(255,255,255,.94);}
.hh-about-history-timeline{display:flex;align-items:flex-start;gap:.24rem;}
.hh-about-history-prev,.hh-about-history-next{display:flex;width:.58rem;height:.58rem;flex:0 0 .58rem;align-items:center;justify-content:center;margin-top:-.17rem;border:.01rem solid #bec6cd;border-radius:50%;background:#fff;color:#4f5963;cursor:pointer;box-shadow:0 .06rem .16rem rgba(12,31,49,.06);}
.hh-about-history-prev:hover,.hh-about-history-next:hover{border-color:var(--theme-color);background:var(--theme-color);color:#fff;transform:translateY(-.02rem);}
.hh-about-history-prev svg,.hh-about-history-next svg{width:.24rem;height:.24rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.hh-about-history-years{position:relative;display:grid;min-width:0;flex:1;grid-template-columns:repeat(7,minmax(0,1fr));}
.hh-about-history-line{position:absolute;left:7.15%;right:7.15%;top:.11rem;height:.01rem;background:#aeb6bd;}
.hh-about-history-year-button{position:relative;z-index:1;display:flex;min-width:0;align-items:center;flex-direction:column;gap:.16rem;padding:0 .05rem;border:0;background:transparent;color:#4f5963;cursor:pointer;}
.hh-about-history-year-button span{display:block;width:.22rem;height:.22rem;border:.03rem solid #fff;border-radius:50%;background:#aeb6bd;box-shadow:0 0 0 .01rem #aeb6bd;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;}
.hh-about-history-year-button strong{line-height:1.25;white-space:nowrap;transition:color .3s ease,transform .3s ease;}
.hh-about-history-year-button:hover,.hh-about-history-year-button.active{color:var(--theme-color);}
.hh-about-history-year-button:hover span,.hh-about-history-year-button.active span{background:var(--theme-color);box-shadow:0 0 0 .02rem rgba(230,33,42,.34);transform:scale(1.08);}
.hh-about-history-year-button.active strong{transform:translateY(.02rem);}
.hh-about-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem;}
.hh-about-capability-card,.hh-about-capability-card-wide{position:relative;grid-column:auto;overflow:hidden;border-radius:.14rem;background:#10263b;transition:transform .4s ease,box-shadow .4s ease;}
.hh-about-capability-card:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,rgba(4,17,29,.02) 18%,rgba(4,17,29,.9) 100%);transition:background .4s ease;}
.hh-about-capability-card:hover{transform:translateY(-.05rem);box-shadow:0 .14rem .24rem rgba(9,27,45,.16);}
.hh-about-capability-card:hover:after{background:linear-gradient(180deg,rgba(4,17,29,.02) 8%,rgba(4,17,29,.96) 100%);}
.hh-about-capability-image{overflow:hidden;}
.hh-about-capability-image img{filter:saturate(.82) contrast(1.04);transition:transform .7s ease;}
.hh-about-capability-card:hover .hh-about-capability-image img{transform:scale(1.045);}
.hh-about-capability-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:.32rem .36rem .34rem;color:#fff;}
.hh-about-capability-icon{position:absolute;right:.32rem;top:.25rem;width:.52rem;height:.52rem;color:#fff;opacity:.92;}
.hh-about-capability-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.hh-about-capability-name{max-width:calc(100% - .7rem);}
.hh-about-capability-desc{max-width:6.6rem;color:rgba(255,255,255,.78)!important;text-wrap:pretty;}
.hh-about-environment{background:#f5f7f9;}
.hh-about-environment-intro{width:8rem;max-width:100%;}
.hh-about-environment-layout{gap:.55rem;}
.hh-about-environment-copy{display:flex;width:4.1rem;height:5.6rem;flex:0 0 4.1rem;align-items:flex-start;flex-direction:column;}
.hh-about-environment-step{font-weight:600;}
.hh-about-environment-title{max-width:3.8rem;}
.hh-about-environment-desc{text-wrap:pretty;}
.hh-about-environment-bottom{width:100%;margin-top:auto;}
.hh-about-environment-index strong{color:var(--theme-color);}
.hh-about-environment-index span{margin-left:.08rem;}
.hh-about-environment-controls{gap:.1rem;}
.hh-about-environment-controls button,.hh-about-certifications-controls button,.hh-about-exhibition-controls button{display:flex;width:.56rem;height:.56rem;align-items:center;justify-content:center;border:0;border-radius:50%;background:#e3e7eb;color:#4e5863;cursor:pointer;font-size:var(--f22);}
.hh-about-environment-controls button:hover,.hh-about-certifications-controls button:hover,.hh-about-exhibition-controls button:hover{background:var(--theme-color);color:#fff;transform:translateY(-.02rem);}
.hh-about-environment-slider-wrap{width:calc(100vw - ((100vw - min(16rem,92vw))/2 + 4.65rem));max-width:none;margin-right:calc((min(16rem,92vw) - 100vw)/2);overflow:visible;}
.hh-about-environment-slider{overflow:visible;}
.hh-about-environment-slider .swiper-slide{width:8.7rem;opacity:.46;transition:opacity .45s ease,transform .45s ease;}
.hh-about-environment-slider .swiper-slide-active{opacity:1;}
.hh-about-environment-image{border-radius:.14rem;box-shadow:0 .12rem .26rem rgba(9,27,45,.1);}
.hh-about-environment-image img{filter:saturate(.85) contrast(1.03);transition:transform .7s ease;}
.hh-about-environment-slider .swiper-slide:hover img{transform:scale(1.035);}
.hh-about-oem{position:relative;/* min-height:8rem */;overflow:hidden;background:#071827;}
.hh-about-oem-image,.hh-about-oem-mask{position:absolute;inset:0;}
.hh-about-oem-image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hh-about-oem-mask{background:linear-gradient(90deg,rgba(3,17,31,.96) 0%,rgba(4,25,45,.8) 48%,rgba(4,25,45,.3) 100%);}
.hh-about-oem-inner{position:relative;z-index:2;}
.hh-about-oem-copy{width:8.5rem;max-width:60%;}
.hh-about-oem-desc{opacity:.85;}
.hh-about-oem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.18rem;}
.hh-about-oem-item{min-height:2.45rem;padding:.28rem;border-radius:.1rem;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 .01rem rgba(255,255,255,.16);transition:background-color .35s ease,transform .35s ease;}
.hh-about-oem-item:hover{background:rgba(255,255,255,.16);transform:translateY(-.04rem);}
.hh-about-oem-icon{display:flex;width:.52rem;height:.52rem;margin-bottom:.32rem;align-items:center;justify-content:center;border-radius:.1rem;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 .01rem rgba(255,255,255,.18);color:#fff;transition:background-color .35s ease,transform .35s ease;}
.hh-about-oem-icon-svg{width:.32rem;height:.32rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.hh-about-oem-item:hover .hh-about-oem-icon{background:var(--theme-color);transform:translateY(-.02rem);}
.hh-about-oem-item>div{opacity:.78;}
.hh-about-certifications{background:#f3f5f7;}
.hh-about-certifications-intro{width:8.4rem;max-width:100%;}
.hh-about-certifications-controls{gap:.1rem;}
.hh-about-certifications-slider{padding:.08rem .04rem .18rem;}
.hh-about-certificate{display:block;padding:.28rem .26rem;border-radius:.1rem;background:#fff;text-align:center;transition:transform .35s ease,box-shadow .35s ease;}
.hh-about-certificate:hover{transform:translateY(-.05rem);box-shadow:0 .1rem .2rem rgba(9,27,45,.09);}
.hh-about-certificate-image{display:flex;height:3.65rem;align-items:center;justify-content:center;overflow:hidden;}
.hh-about-certificate-image img{width:auto;max-width:100%;height:100%;object-fit:contain;transition:transform .45s ease;}
.hh-about-certificate:hover .hh-about-certificate-image img{transform:scale(1.025);}
.hh-about-certificate-title{height: 2.6em;}
.hh-about-exhibition-intro{width:8.4rem;max-width:100%;}
.hh-about-exhibition-controls{gap:.1rem;}
.hh-about-exhibition-controls .swiper-button-disabled{cursor:default;opacity:.42;}
.hh-about-exhibition-slider{overflow:hidden;}
.hh-about-exhibition-slider .swiper-slide{height:auto;}
.hh-about-exhibition-card{height:100%;overflow:hidden;border-radius:.14rem;background:#f2f5f7;}
.hh-about-exhibition-image{overflow:hidden;}
.hh-about-exhibition-image img{filter:saturate(.9);transition:transform .7s ease;}
.hh-about-exhibition-card:hover .hh-about-exhibition-image img{transform:scale(1.045);}
.hh-about-exhibition-copy{padding:.28rem .28rem .32rem;}
.hh-about-exhibition-copy>span{color:var(--theme-color);font-weight:700;}
.hh-about-culture{background:#f5f7f9;}
.hh-about-culture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.18rem;}
.hh-about-culture-card{position:relative;overflow:hidden;border-radius:.14rem;background:#0b1d30;}
.hh-about-culture-media img{filter:saturate(.88) contrast(1.02);transition:transform .75s cubic-bezier(.22,1,.36,1),filter .75s ease;}
.hh-about-culture-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,14,26,.12) 0%,rgba(3,14,26,.08) 28%,rgba(3,14,26,.9) 100%);transition:background .45s ease;}
.hh-about-culture-number{position:absolute;left:.26rem;top:.25rem;z-index:2;color:#fff;text-shadow:0 .03rem .1rem rgba(3,14,26,.38);}
.hh-about-culture-copy{position:absolute;left:.26rem;right:.26rem;bottom:.27rem;z-index:2;}
.hh-about-culture-copy svg{width:.44rem;height:.44rem;margin-bottom:.2rem;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.hh-about-culture-mark{fill:#fff;stroke:none;}
.hh-about-culture-desc{color:rgba(255,255,255,.9)!important;text-wrap:pretty;}
.hh-about-culture-card:hover .hh-about-culture-media img{transform:scale(1.035);filter:saturate(.95) contrast(1.04);}
.hh-about-culture-card:hover .hh-about-culture-mask{background:linear-gradient(180deg,rgba(3,14,26,0) 20%,rgba(3,14,26,.94) 100%);}
.hh-about-responsibility{position:relative;height:6.4rem;overflow:hidden;background:#0a1723;}
.hh-about-responsibility-image,.hh-about-responsibility-mask{position:absolute;inset:0;}
.hh-about-responsibility-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .85s cubic-bezier(.22,1,.36,1);}
.hh-about-responsibility-mask{background:linear-gradient(90deg,rgba(3,14,25,.96) 0%,rgba(3,14,25,.78) 38%,rgba(3,14,25,.18) 68%,rgba(3,14,25,.04) 100%);}
.hh-about-responsibility-inner{position:relative;height:100%;z-index:2;}
.hh-about-responsibility-copy{position:absolute;left:0;top:50%;width:6.5rem;max-width:46%;transform:translateY(-50%);}
.hh-about-responsibility-text{color:rgba(255,255,255,.9)!important;text-wrap:pretty;}
.hh-about-responsibility:hover .hh-about-responsibility-image img{transform:scale(1.025);}
.hh-about-cta{background:#fff;}
.hh-about-cta-panel{position:relative;min-height:3.75rem;gap:.5rem;overflow:hidden;padding:.58rem .64rem;border-radius:.14rem;background:#07192c;}
.hh-about-cta-image,.hh-about-cta-mask{position:absolute;inset:0;}
.hh-about-cta-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.22,1,.36,1);}
.hh-about-cta-mask{background:linear-gradient(90deg,rgba(4,22,40,.92) 0%,rgba(4,22,40,.76) 56%,rgba(4,22,40,.52) 100%);}
.hh-about-cta-copy{width:8.8rem;max-width:60%;}
.hh-about-cta-desc{max-width:7.8rem;color:rgba(255,255,255,.88)!important;text-wrap:pretty;}
.hh-about-cta-copy,.hh-about-cta-actions{position:relative;z-index:2;}
.hh-about-cta-actions{align-self:center;gap:.14rem;}
.hh-about-cta-action{display:flex;min-width:2.05rem;min-height:.62rem;align-items:center;justify-content:center;gap:.14rem;padding:.16rem .22rem;border-radius:.08rem;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .3s ease,color .3s ease;}
.hh-about-cta-action-primary{background:#fff;color:var(--theme-color);}
.hh-about-cta-action-primary:hover{background:#07192c;color:#fff;transform:translateY(-.03rem);}
.hh-about-cta-action-secondary{border:.01rem solid rgba(255,255,255,.65);color:#fff;}
.hh-about-cta-action-secondary:hover{background:#fff;color:var(--theme-color);transform:translateY(-.03rem);}
.hh-about-cta-action:focus-visible{outline:.03rem solid #fff;outline-offset:.04rem;}
.hh-about-cta-panel:hover .hh-about-cta-image img{transform:scale(1.025);}

@media all and (max-width:1400px){
	.hh-about-banner{height:6.4rem;}
	.hh-about-facts-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
	.hh-about-environment-copy{width:3.8rem;flex-basis:3.8rem;}
	.hh-about-environment-slider-wrap{width:calc(100vw - ((100vw - min(16rem,92vw))/2 + 4.35rem));max-width:none;}
	.hh-about-oem-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.hh-about-oem-item{min-height:2.1rem;}
}
@media all and (max-width:1200px){
	.hh-about-page section[id]{scroll-margin-top:2.35rem;}
	.hh-about-banner-title{max-width:74%;}
	.hh-about-banner-desc{max-width:70%;}
	.hh-about-environment-controls button,.hh-about-certifications-controls button,.hh-about-exhibition-controls button,.hh-about-history-prev,.hh-about-history-next{width:.64rem;height:.64rem;flex-basis:.64rem;}
	.hh-about-history-card{min-height:3.55rem;padding:.38rem .32rem;}
	.hh-about-culture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem;}
	.hh-about-culture-card .hh-about-culture-media{padding-bottom:82%;}
	.hh-about-cta-panel{padding:.5rem .46rem;}
}
@media all and (max-width:1100px){
	.hh-about-overview-inner{display:block;}
	.hh-about-overview-media,.hh-about-overview-copy{width:100%;}
	.hh-about-overview-picture{padding-bottom:55%;}
	.hh-about-overview-copy{margin-top:.5rem;}
	.hh-about-overview-year{right:.18rem;}
}
@media all and (max-width:1000px){
	.hh-about-page section[id]{scroll-margin-top:1.68rem;}
	.hh-about-nav{top:var(--nav_height);}
	.hh-about-banner{height:5.6rem;}
	.hh-about-banner-title,.hh-about-banner-desc{max-width:78%;}
	.hh-about-overview-media,.hh-about-overview-copy{width:100%;}
	.hh-about-overview-copy{margin-top:.5rem;}
	.hh-about-overview-year{right:.18rem;}
	.hh-about-section-desc{width:100%;max-width:100%;margin-top:.2rem;}
	.hh-about-history-head{display:block;}.hh-about-history-intro{width:100%;max-width:100%;margin-top:.2rem;}
	.hh-about-capability-card,.hh-about-capability-card-wide{grid-column:auto;}
	.hh-about-environment-layout{display:block;}
	.hh-about-environment-copy{width:100%;height:auto;min-height:3.4rem;}
	.hh-about-environment-desc{width:7rem;max-width:100%;}
	.hh-about-environment-bottom{margin-top:.35rem;}
	.hh-about-environment-slider-wrap{width:100%;max-width:100%;margin-top:.35rem;margin-right:0;}
	.hh-about-oem-copy{max-width:78%;}
	.hh-about-culture-card .hh-about-culture-media{padding-bottom:72%;}
	.hh-about-responsibility-copy{max-width:65%;}
	.hh-about-cta-copy{width:100%;max-width:100%;}
	.hh-about-cta-actions{margin-top:.1rem;}
}
@media all and (max-width:900px){
	.hh-about-facts-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem .22rem;}
	.hh-about-fact-item{grid-column:span 2;}
	.hh-about-fact-item:nth-last-child(-n+2){grid-column:span 3;}
	.hh-about-fact-item:after{display:none;}
	.hh-about-capability-image .rect-55{padding-bottom:70%;}
}
@media all and (max-width:767px){
	.hh-about-page{--f16:.32rem;--f18:.32rem;}
	.hh-about-page section[id]{scroll-margin-top:2.1rem;}
	.hh-about-banner{height:8rem;}
	.hh-about-banner .hh-about-banner-image img{object-position:68% center;}
	.hh-about-banner-mask{background:linear-gradient(90deg,rgba(4,25,47,.94),rgba(4,25,47,.66));}
	.hh-about-banner-copy{top:.48rem;transform:translateX(-50%);}
	.hh-about-banner-crumb{display:none;}
	.hh-about-banner-title,.hh-about-banner-desc{width:100%;max-width:100%;}
	.hh-about-banner-title{font-size:.56rem;line-height:1.15;}
	.hh-about-banner-desc{font-size:var(--f16);line-height:1.55;}
	.hh-about-banner-note{line-height:1.45;}
	.hh-about-banner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.14rem;}
	.hh-about-btn{width:100%;min-height:.86rem;padding:.12rem .16rem;text-align:center;}
	.hh-about-nav-inner{width:100%;height:.9rem;max-width:100%;gap:.38rem;padding:0 .3rem;box-sizing:border-box;scrollbar-width:none;}
	.hh-about-nav-inner::-webkit-scrollbar{display:none;}
	.hh-about-title-text{font-size:.5rem;line-height:1.2;}
	.hh-about-title{padding-left:.18rem;}
	.hh-about-title:before{top:.04rem;width:.04rem;height:.27rem;}
	.hh-about-section-head{display:block;}
	.hh-about-overview-picture{border-radius:.1rem;}
	.hh-about-overview-picture{padding-bottom:65%;}
	.hh-about-overview-year{width:1.9rem;height:1.24rem;padding:.18rem .22rem;}
	.hh-about-overview-year strong{font-size:.38rem;}
	.hh-about-overview-play{width:.68rem;height:.68rem;}
	.hh-about-overview-text{line-height:1.7;}
	.hh-about-facts-head{display:block;}
	.hh-about-facts-head .hh-about-title{display:inline-block;}
	.hh-about-facts-desc{width:100%;max-width:100%;margin-top:.2rem;}
	.hh-about-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem .25rem;}
	.hh-about-fact-item{grid-column:auto;}
	.hh-about-fact-item:nth-last-child(-n+2){grid-column:auto;}
	.hh-about-fact-item:last-child{grid-column:1/-1;width:50%;justify-self:center;}
	.hh-about-fact-item:after{display:none;}
	.hh-about-fact-value strong{font-size:.46rem;}
	.hh-about-history-carousel{margin-right:-.12rem;margin-left:-.12rem;}.hh-about-history-slider{padding:.18rem .12rem .3rem;}.hh-about-history-card{min-height:4.1rem;padding:.38rem .28rem;}.hh-about-history-year{font-size:.48rem;}.hh-about-history-year-present{font-size:.4rem;}.hh-about-history-copy{font-size:var(--f16);line-height:1.65;}.hh-about-history-timeline{gap:.14rem;overflow:hidden;}.hh-about-history-prev,.hh-about-history-next{width:.72rem;height:.72rem;flex-basis:.72rem;margin-top:-.24rem;}.hh-about-history-years{min-width:10.5rem;overflow:visible;}.hh-about-history-year-button strong{font-size:var(--f16);}.hh-about-history-timeline{overflow-x:auto;scrollbar-width:none;}.hh-about-history-timeline::-webkit-scrollbar{display:none;}
	.hh-about-capability-grid{display:block;}
	.hh-about-capability-card{margin-bottom:.22rem;}
	.hh-about-capability-card:last-child{margin-bottom:0;}
	.hh-about-capability-image .rect-55{padding-bottom:78%;}
	.hh-about-capability-copy{min-height:0;padding:.26rem;}
	.hh-about-capability-icon{right:.24rem;top:.22rem;width:.4rem;height:.4rem;}
	.hh-about-capability-name,.hh-about-culture-name{font-size:.4rem;}
	.hh-about-environment-copy{min-height:4rem;}
	.hh-about-environment-title{font-size:.32rem;}
	.hh-about-environment-controls button,.hh-about-certifications-controls button,.hh-about-exhibition-controls button{width:.84rem;height:.84rem;}
	.hh-about-environment-slider .swiper-slide{width:85%;}
	.hh-about-environment-image{border-radius:.1rem;}
	.hh-about-oem{min-height:auto;}
	.hh-about-oem-image img{object-position:68% center;}
	.hh-about-oem-mask{background:linear-gradient(180deg,rgba(3,17,31,.93),rgba(3,17,31,.8));}
	.hh-about-oem-copy{width:100%;max-width:100%;}
	.hh-about-oem-grid{grid-template-columns:1fr;gap:.22rem;}
	.hh-about-oem-item{min-height:auto;padding:.32rem;}
	.hh-about-oem-icon{width:.78rem;height:.78rem;}
	.hh-about-oem-icon-svg{width:.46rem;height:.46rem;}
	.hh-about-oem-icon{margin-bottom:.24rem;}
	.hh-about-oem .hh-about-btn{width:100%;}
	.hh-about-certifications-toolbar,.hh-about-exhibition-toolbar{display:grid;grid-template-columns:1fr;align-items:end;}
	.hh-about-certifications-heading,.hh-about-exhibition-heading{min-width:0;}
	.hh-about-certifications-controls,.hh-about-exhibition-controls{justify-self:end;margin-top:.24rem;}
	.hh-about-certificate{padding:.22rem;}
	.hh-about-certificate-image{height:3.35rem;}
	.hh-about-culture-grid{grid-template-columns:1fr;}
	.hh-about-exhibition-copy{padding:.25rem;}
	.hh-about-culture-card .hh-about-culture-media{padding-bottom:82%;}
	.hh-about-culture-copy{left:.26rem;right:.26rem;bottom:.25rem;}
	.hh-about-culture-copy svg{width:.42rem;height:.42rem;margin-bottom:.16rem;}
	.hh-about-responsibility{height:8.1rem;}
	.hh-about-responsibility-image img{object-position:70% center;}
	.hh-about-responsibility-mask{background:linear-gradient(90deg,rgba(3,14,25,.97),rgba(3,14,25,.9) 58%,rgba(3,14,25,.58));}
	.hh-about-responsibility-copy{width:100%;max-width:100%;}
	.hh-about-responsibility-text{line-height:1.7;}
	.hh-about-cta-panel{min-height:0;align-items:flex-start;flex-direction:column;gap:.4rem;padding:.44rem .32rem;}
	.hh-about-cta-image img{object-position:64% center;}
	.hh-about-cta-title{font-size:.5rem;line-height:1.2;}
	.hh-about-cta-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:0;gap:.16rem;}
	.hh-about-cta-action{width:100%;min-height:.86rem;}
}
@media all and (max-width:480px){
	.hh-about-banner{height:9rem;}
	.hh-about-banner-copy{top:.42rem;}
	.hh-about-banner-actions{margin-top:.22rem;}
	.hh-about-facts-grid{grid-template-columns:1fr 1fr;}
	.hh-about-fact-label{font-size:var(--f16);}
	.hh-about-environment-intro{font-size:var(--f16);}
	.hh-about-culture-card .hh-about-culture-media{padding-bottom:88%;}
	.hh-about-responsibility{height:8.4rem;}
}
@media (prefers-reduced-motion:reduce){
	.hh-about-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* ==================== OEM & ODM page ==================== */
.hh-oem-page{--hh-oem-navy:#071c30;--hh-oem-blue:#0d4775;--hh-oem-red:#e6212a;--hh-oem-ink:#102234;--hh-oem-muted:#5e6c79;--hh-oem-line:#dce3e9;overflow:hidden;color:var(--hh-oem-ink);background:#fff;}
.hh-oem-page section[id]{scroll-margin-top:1.1rem;}
.hh-oem-hero{position:relative;min-height:8.2rem;overflow:hidden;background:var(--hh-oem-navy);}
.hh-oem-hero-media,.hh-oem-hero-shade{position:absolute;inset:0;}
.hh-oem-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hh-oem-hero-shade{background:linear-gradient(90deg,rgba(3,18,34,.95) 0%,rgba(4,27,49,.8) 44%,rgba(4,27,49,.25) 78%,rgba(4,27,49,.12) 100%);}
.hh-oem-hero-inner{position:relative;z-index:2;padding-top:.28rem;padding-bottom:.82rem;}
.hh-oem-hero-crumb{display:flex;align-items:center;gap:.14rem;opacity:.76;}
.hh-oem-hero-crumb i{font-size:.16rem;}
.hh-oem-hero-copy{width:8.7rem;max-width:62%;padding-top:1.05rem;}
.hh-oem-hero-title{max-width:8.3rem;line-height:1.08;letter-spacing:-.02rem;}
.hh-oem-hero-desc{max-width:8.5rem;opacity:.92;}
.hh-oem-hero-note{color:#f5b7b9;letter-spacing:.02rem;}
.hh-oem-hero-actions{gap:.15rem;}
.hh-oem-btn{display:inline-flex;min-height:.54rem;align-items:center;justify-content:center;gap:.16rem;padding:.13rem .24rem;border:.01rem solid transparent;border-radius:.06rem;transition:background-color .3s ease,color .3s ease,transform .3s ease,border-color .3s ease;}
.hh-oem-btn i{font-size:.18rem;transition:transform .3s ease;}
.hh-oem-btn:hover{transform:translateY(-.03rem);}
.hh-oem-btn:hover i{transform:translateX(.04rem);}
.hh-oem-btn-primary{background:var(--hh-oem-red);color:#fff;}
.hh-oem-btn-primary:hover{background:#c91922;color:#fff;}
.hh-oem-btn-ghost{border-color:rgba(255,255,255,.65);color:#fff;}
.hh-oem-btn-ghost:hover{border-color:#fff;background:#fff;color:var(--hh-oem-navy);}
.hh-oem-hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:11.7rem;border-top:.01rem solid rgba(255,255,255,.26);}
.hh-oem-hero-fact{min-height:.85rem;padding:.23rem .24rem .08rem;border-right:.01rem solid rgba(255,255,255,.22);}
.hh-oem-hero-fact:last-child{border-right:0;}
.hh-oem-hero-fact strong{color:#fff;letter-spacing:.02rem;}
.hh-oem-hero-fact div{opacity:.78;line-height:1.25;}
.hh-oem-heading{position:relative;padding-left:.23rem;}
.hh-oem-heading:before{content:"";position:absolute;left:0;top:.07rem;width:.05rem;height:.31rem;border-radius:.03rem;background:var(--hh-oem-red);}
.hh-oem-heading-title{line-height:1.12;letter-spacing:-.01rem;}
.hh-oem-heading-light:before{background:#f3b8b9;}
.hh-oem-section-head{gap:.5rem;}
.hh-oem-section-intro{width:6.9rem;max-width:48%;}
.hh-oem-advantages{position:relative;background:linear-gradient(125deg,#edf5f8 0%,#f7fafc 58%,#f8eeee 100%);}
.hh-oem-advantages:after{content:"";position:absolute;right:-.55rem;top:.35rem;width:3.2rem;height:3.2rem;border:.01rem solid rgba(13,71,117,.09);border-radius:50%;pointer-events:none;}
.hh-oem-advantages>.w16{position:relative;z-index:1;}
.hh-oem-adv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.18rem;}
.hh-oem-adv-card{position:relative;display:grid;grid-template-columns:.58rem 1fr;grid-template-rows:auto 1fr;column-gap:.2rem;min-height:1.85rem;padding:.3rem .32rem;border:0;border-radius:.14rem;background:rgba(255,255,255,.92);box-shadow:0 .08rem .28rem rgba(7,28,48,.055);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;}
.hh-oem-adv-card:hover{transform:translateY(-.04rem);border-color:#f0bcc0;box-shadow:0 .12rem .35rem rgba(7,28,48,.08);}
.hh-oem-adv-top{grid-column:1;grid-row:1/span 2;display:flex;align-items:flex-start;justify-content:flex-start;}
.hh-oem-adv-number{color:#dfe6ec;line-height:1;letter-spacing:-.02rem;}
.hh-oem-adv-icon,.hh-oem-support-icon{display:flex;width:.52rem;height:.52rem;align-items:center;justify-content:center;border:.01rem solid rgba(230,33,42,.18);border-radius:.12rem;background:#fff0f1;color:var(--hh-oem-red);box-shadow:0 .06rem .16rem rgba(230,33,42,.07);transition:background-color .3s ease,color .3s ease,transform .3s ease,border-color .3s ease;}
.hh-oem-adv-icon svg,.hh-oem-support-icon svg{width:.28rem;height:.28rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.hh-oem-adv-icon i,.hh-oem-support-icon i{font-size:.22rem;line-height:1;}
.hh-oem-adv-icon{border-color:var(--hh-oem-red);background:var(--hh-oem-red);color:#fff;}
.hh-oem-adv-card:hover .hh-oem-adv-icon{border-color:var(--hh-oem-red);background:var(--hh-oem-red);color:#fff;transform:translateY(-.03rem) rotate(-4deg);}
.hh-oem-adv-card h3{grid-column:2;line-height:1.18;margin-top:.02rem!important;}
.hh-oem-adv-card>div:last-child{grid-column:2;max-width:none;margin-top:.12rem!important;}
.hh-oem-scope{background:#f4f7f9;}
.hh-oem-scope-intro{max-width:8.5rem;}
.hh-oem-scope-layout{align-items:stretch;gap:.22rem;}
.hh-oem-scope-dark{width:66%;padding:.38rem;border-radius:.14rem;background:var(--hh-oem-navy);}
.hh-oem-scope-dark-title{max-width:5.6rem;line-height:1.15;}
.hh-oem-scope-dark-desc{max-width:8.2rem;opacity:.8;}
.hh-oem-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.12rem;}
.hh-oem-scope-item{display:grid;grid-template-columns:.42rem 1fr;gap:.16rem;min-height:1.22rem;padding:.2rem .18rem;border-radius:.09rem;background:#12324d;transition:background-color .3s ease,transform .3s ease;}
.hh-oem-scope-item:hover{background:#174767;transform:translateY(-.02rem);}
.hh-oem-scope-item>span{color:#fff;line-height:1;}
.hh-oem-scope-item-icon{display:flex;width:.4rem;height:.4rem;align-items:flex-start;justify-content:flex-start;color:#fff;}
.hh-oem-scope-item-icon i{font-size:.25rem;line-height:1;color:#fff;}
.hh-oem-scope-item-icon svg{width:.24rem;height:.24rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.hh-oem-scope-item-wide{grid-column:1/-1;}
.hh-oem-scope-item h3{line-height:1.12;}
.hh-oem-scope-light{position:relative;width:34%;padding:.4rem;border:.01rem solid #e0e4e7;border-radius:.14rem;background:#fff;box-shadow:0 .16rem .42rem rgba(18,31,43,.075);overflow:hidden;}
.hh-oem-scope-light:after{content:"";position:absolute;right:-.75rem;bottom:-.85rem;width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(230,33,42,.035);pointer-events:none;}
.hh-oem-scope-light>h3{position:relative;z-index:1;padding-bottom:.2rem;line-height:1.15;}
.hh-oem-scope-light>h3:after{content:"";display:block;width:.46rem;height:.03rem;margin-top:.17rem;border-radius:.03rem;background:var(--hh-oem-red);}
.hh-oem-service-list{position:relative;z-index:1;}
.hh-oem-service-line{position:relative;padding:.17rem 0 .17rem .24rem;border-top:.01rem solid #e5e8ea;}
.hh-oem-service-line:first-child{padding-top:0;border-top:0;}
.hh-oem-service-line:before{content:"";position:absolute;left:0;top:.25rem;width:.07rem;height:.07rem;border-radius:50%;background:var(--hh-oem-red);box-shadow:0 0 0 .05rem rgba(230,33,42,.08);}
.hh-oem-service-line:first-child:before{top:.08rem;}
.hh-oem-service-line strong{line-height:1.2;}
.hh-oem-engineering{background:#f7f9fa;}
.hh-oem-engineering-copy{width:53%;}
.hh-oem-support-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.26rem .4rem;}
.hh-oem-support-row{display:grid;grid-template-columns:.5rem 1fr;gap:.16rem;align-items:start;}
.hh-oem-support-row h3{line-height:1.15;}
.hh-oem-support-icon{width:.46rem;height:.46rem;background:#fff;border:.01rem solid #d9e2e8;color:var(--hh-oem-red);}
.hh-oem-engineering-board{position:relative;width:42%;min-height:3.65rem;padding:.38rem;border-radius:.14rem;background:#fff;box-shadow:0 .16rem .45rem rgba(7,28,48,.08);overflow:hidden;}
.hh-oem-engineering-board:after{content:"";position:absolute;right:-.35rem;bottom:-.48rem;width:2.3rem;height:2.3rem;border-radius:50%;background:#edf3f7;}
.hh-oem-board-top{display:flex;justify-content:space-between;align-items:center;color:var(--hh-oem-blue);letter-spacing:.04rem;}
.hh-oem-board-status{padding:.07rem .1rem;border-radius:.03rem;background:#fce7e8;color:var(--hh-oem-red);letter-spacing:0;}
.hh-oem-board-title{max-width:4.2rem;line-height:1.16;margin-top:.46rem;}
.hh-oem-board-lines{margin-top:.3rem;padding:.15rem .16rem;border:.01rem solid #e1e8ed;background:repeating-linear-gradient(0deg,transparent 0,transparent .16rem,#e9eef2 .16rem,#e9eef2 .17rem);}
.hh-oem-board-lines span{display:block;width:44%;height:.02rem;margin:.08rem 0;background:#b4c2cc;}
.hh-oem-board-lines span:nth-child(2){width:66%;}.hh-oem-board-lines span:nth-child(3){width:54%;}.hh-oem-board-lines span:nth-child(4){width:34%;}
.hh-oem-board-flow{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.08rem;align-items:center;margin-top:.35rem;padding:.2rem;border-radius:.09rem;background:#edf3f7;}
.hh-oem-board-flow>div{display:flex;flex-direction:column;gap:.08rem;align-items:flex-start;}
.hh-oem-board-flow b{color:var(--hh-oem-red);line-height:1;}.hh-oem-board-flow span{line-height:1.2;}.hh-oem-board-flow i{color:#7b8a95;font-size:.17rem;}
.hh-oem-manufacturing{background:#fff;}
.hh-oem-manufacturing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.16rem;}
.hh-oem-manufacturing-card{overflow:hidden;border:.01rem solid var(--hh-oem-line);border-radius:.14rem;background:#fff;transition:transform .3s ease,box-shadow .3s ease;}
.hh-oem-manufacturing-card:hover{transform:translateY(-.04rem);box-shadow:0 .12rem .35rem rgba(7,28,48,.08);}
.hh-oem-manufacturing-media{position:relative;overflow:hidden;}
.hh-oem-manufacturing-media img{transition:transform .45s ease;}
.hh-oem-manufacturing-card:hover .hh-oem-manufacturing-media img{transform:scale(1.04);}
.hh-oem-manufacturing-copy{min-height:1.75rem;}
.hh-oem-manufacturing-index{display:flex;width:.46rem;height:.46rem;align-items:center;justify-content:center;border:.01rem solid rgba(230,33,42,.18);border-radius:.1rem;background:#fff0f1;color:var(--hh-oem-red);box-shadow:0 .05rem .14rem rgba(230,33,42,.06);}
.hh-oem-manufacturing-index svg{width:.25rem;height:.25rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.hh-oem-manufacturing-index i{font-size:.21rem;line-height:1;}
.hh-oem-manufacturing-copy h3{line-height:1.16;}
.hh-oem-process{position:relative;background:#f3f6f8;overflow:hidden;}
.hh-oem-process:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(13,71,117,.07),transparent 24%),radial-gradient(circle at 88% 76%,rgba(230,33,42,.055),transparent 22%),linear-gradient(135deg,transparent 0 49.8%,rgba(13,71,117,.025) 50% 50.2%,transparent 50.4%);background-size:auto,auto,1.2rem 1.2rem;pointer-events:none;}
.hh-oem-process>.w16{position:relative;z-index:1;}
.hh-oem-process-head{position:relative;}
.hh-oem-process-head .hh-oem-heading{display:block;}
.hh-oem-process-head .hh-oem-section-intro{width:6.9rem;max-width:48%;margin:0;}
.hh-oem-process-intro{max-width:8rem;}
.hh-oem-process-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.1rem;}
.hh-oem-process-track:before{content:"";position:absolute;left:.3rem;right:.3rem;top:.27rem;height:.02rem;background:#cbd8e0;}
.hh-oem-process-step{position:relative;z-index:1;min-width:0;text-align:center;}
.hh-oem-process-dot{display:flex;width:.56rem;height:.56rem;margin:0 auto;align-items:center;justify-content:center;border:.02rem solid var(--hh-oem-red);border-radius:50%;background:#fff;color:var(--hh-oem-red);}
.hh-oem-process-dot svg{width:.29rem;height:.29rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.hh-oem-process-dot i{font-size:.21rem;line-height:1;}
.hh-oem-process-step h3{max-width:2.65rem;margin-left:auto;margin-right:auto;line-height:1.15;}
.hh-oem-process-step>div:last-child{max-width:2.75rem;margin-left:auto;margin-right:auto;}
.hh-oem-why{position:relative;min-height:4.85rem;overflow:hidden;background:var(--hh-oem-navy);}
.hh-oem-why-media,.hh-oem-why-shade{position:absolute;inset:0;}
.hh-oem-why-media img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hh-oem-why-shade{background:linear-gradient(90deg,rgba(4,22,40,.97),rgba(4,22,40,.84) 50%,rgba(4,22,40,.52));}
.hh-oem-why-inner{position:relative;z-index:2;}
.hh-oem-why-inner>.hh-oem-section-intro{max-width:8.9rem;}
.hh-oem-why-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.12rem;}
.hh-oem-why-item{min-height:1.6rem;padding:.2rem .18rem;border-top:.01rem solid rgba(255,255,255,.35);transition:border-color .3s ease,transform .3s ease;}
.hh-oem-why-item:hover{border-color:#f17f83;transform:translateY(-.02rem);}
.hh-oem-why-item strong{color:#f7b5b7;line-height:1;}
.hh-oem-why-item h3{line-height:1.15;}
.hh-oem-inquiry{position:relative;background:#fff;overflow:hidden;}
.hh-oem-inquiry:before{display:none;}
.hh-oem-inquiry-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.66rem .7rem;border:0;border-radius:.16rem;background-color:#071c30;background-image:linear-gradient(90deg,rgba(4,18,32,.96) 0%,rgba(5,25,43,.88) 56%,rgba(7,34,56,.48) 100%),url('../images/about/cta-energy-landscape-v1.webp');background-position:center 58%;background-size:cover;box-shadow:0 .18rem .5rem rgba(7,28,48,.16);overflow:hidden;}
.hh-oem-inquiry-inner:after{display:none;}
.hh-oem-inquiry-copy{position:relative;z-index:1;width:69%;}
.hh-oem-inquiry-copy .hh-oem-heading:before{background:#fff;}
.hh-oem-inquiry-desc{max-width:8rem;opacity:.94;}
.hh-oem-inquiry-note{max-width:8.7rem;opacity:.76;}
.hh-oem-inquiry-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr;width:3.1rem;gap:.14rem;}
.hh-oem-inquiry-actions .hh-oem-btn{width:100%;}
.hh-oem-btn-outline{border-color:#b8c9d4;color:var(--hh-oem-blue);background:#fff;}
.hh-oem-btn-outline:hover{border-color:var(--hh-oem-blue);background:var(--hh-oem-blue);color:#fff;}

@media all and (max-width:1400px){
	.hh-oem-hero-copy{max-width:68%;padding-top:.68rem;}.hh-oem-hero-desc{margin-top:.18rem!important;}.hh-oem-hero-facts{max-width:10.8rem;margin-top:.36rem!important;}.hh-oem-scope-dark{width:64%;}.hh-oem-scope-light{width:36%;}.hh-oem-process-track{gap:.12rem;}.hh-oem-process-step>div:last-child{max-width:2rem;}
}
@media all and (max-width:1100px){
	.hh-oem-page section[id]{scroll-margin-top:.8rem;}.hh-oem-hero{min-height:7.7rem;}.hh-oem-hero-copy{width:8.5rem;max-width:76%;}.hh-oem-section-intro{width:6.5rem;max-width:44%;}.hh-oem-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hh-oem-scope-layout{display:block;}.hh-oem-scope-dark,.hh-oem-scope-light{width:100%;}.hh-oem-scope-light{margin-top:.18rem;}.hh-oem-engineering-copy,.hh-oem-engineering-board{width:100%;}.hh-oem-engineering-board{margin-top:.45rem;}.hh-oem-manufacturing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hh-oem-process-track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.45rem;}.hh-oem-process-track:before{display:none;}.hh-oem-why-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.25rem;}.hh-oem-inquiry-inner{padding:.48rem;}.hh-oem-inquiry-copy{width:64%;}.hh-oem-inquiry-actions{width:2.9rem;}
}
@media all and (max-width:767px){
	.hh-oem-page{--f16:.32rem;--f18:.36rem;--f20:.38rem;--f22:.4rem;}.hh-oem-page section[id]{scroll-margin-top:1rem;}.hh-oem-hero{min-height:10.8rem;}.hh-oem-hero-media img{object-position:63% center;}.hh-oem-hero-shade{background:linear-gradient(180deg,rgba(3,18,34,.9),rgba(4,27,49,.8) 62%,rgba(4,27,49,.9));}.hh-oem-hero-inner{padding-top:.18rem;padding-bottom:.5rem;}.hh-oem-hero-crumb{display:none;}.hh-oem-hero-copy{width:100%;max-width:100%;padding-top:.75rem;}.hh-oem-hero-title{font-size:.52rem;line-height:1.14;}.hh-oem-hero-desc{max-width:100%;font-size:var(--f16);line-height:1.6;}.hh-oem-hero-note{line-height:1.4;}.hh-oem-hero-actions{display:grid;grid-template-columns:1fr;gap:.12rem;}.hh-oem-btn{width:100%;min-height:.72rem;padding:.14rem .18rem;}.hh-oem-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;margin-top:.45rem;}.hh-oem-hero-fact{min-height:.8rem;padding:.18rem .16rem .12rem;}.hh-oem-heading-title{font-size:.5rem;line-height:1.18;}.hh-oem-heading:before{top:.04rem;width:.04rem;height:.27rem;border-radius:.03rem;}.hh-oem-section-head{display:block;}.hh-oem-section-intro{width:100%;max-width:100%;margin-top:.18rem;line-height:1.6;}.hh-oem-process-head .hh-oem-section-intro{width:100%;max-width:100%;margin-top:.18rem;}.hh-oem-adv-grid{grid-template-columns:1fr;gap:.14rem;}.hh-oem-adv-card{min-height:0;padding:.24rem;border-radius:.11rem;}.hh-oem-adv-card h3{font-size:.4rem;}.hh-oem-scope-dark,.hh-oem-scope-light{padding:.26rem;border-radius:.11rem;}.hh-oem-scope-list{grid-template-columns:1fr;}.hh-oem-scope-item-wide{grid-column:auto;}.hh-oem-scope-item{grid-template-columns:.42rem 1fr;padding:.18rem .16rem;}.hh-oem-engineering-board{min-height:3.6rem;padding:.26rem;border-radius:.11rem;}.hh-oem-support-list{grid-template-columns:1fr;gap:.23rem;}.hh-oem-support-row h3{font-size:.4rem;}.hh-oem-manufacturing-grid{grid-template-columns:1fr;gap:.14rem;}.hh-oem-manufacturing-copy{min-height:0;padding:.22rem;}.hh-oem-manufacturing-media .rect-65{padding-bottom:62%;}.hh-oem-process-track{grid-template-columns:1fr;gap:.28rem;margin-top:.42rem;}.hh-oem-process-step{display:grid;grid-template-columns:.56rem 1fr;column-gap:.16rem;align-items:start;text-align:left;}.hh-oem-process-dot{grid-row:span 2;width:.52rem;height:.52rem;margin:0;}.hh-oem-process-step h3{max-width:none;margin-top:.02rem;margin-left:0;margin-right:0;font-size:.38rem;}.hh-oem-process-step>div:last-child{grid-column:2;max-width:none;margin-top:.08rem;margin-left:0;margin-right:0;}.hh-oem-why{min-height:8.6rem;}.hh-oem-why-media img{object-position:60% center;}.hh-oem-why-shade{background:linear-gradient(180deg,rgba(4,22,40,.92),rgba(4,22,40,.85));}.hh-oem-why-grid{grid-template-columns:1fr 1fr;gap:.14rem;}.hh-oem-why-item{min-height:1.7rem;padding:.18rem .12rem;}.hh-oem-why-item h3{font-size:.38rem;}.hh-oem-inquiry-inner{display:block;padding:.3rem;border-radius:.11rem;}.hh-oem-inquiry-copy{width:100%;}.hh-oem-inquiry-actions{width:100%;margin-top:.3rem;display:grid;grid-template-columns:1fr;gap:.12rem;}.hh-oem-inquiry-desc,.hh-oem-inquiry-note{max-width:100%;line-height:1.6;}
}
@media all and (max-width:480px){
	.hh-oem-hero{min-height:11.5rem;}.hh-oem-hero-title{font-size:.5rem;}.hh-oem-hero-fact strong{font-size:.28rem;}.hh-oem-hero-fact div{font-size:var(--f16);}.hh-oem-heading-title{font-size:.44rem;}.hh-oem-scope-dark-title{font-size:.34rem;}.hh-oem-scope-item h3,.hh-oem-scope-light h3{font-size:.32rem;}.hh-oem-board-flow{grid-template-columns:1fr;gap:.1rem;}.hh-oem-board-flow i{display:none;}.hh-oem-board-flow>div{flex-direction:row;align-items:center;gap:.12rem;}.hh-oem-why-grid{grid-template-columns:1fr;}.hh-oem-why{min-height:10rem;}
}
@media (prefers-reduced-motion:reduce){.hh-oem-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}}

/* OEM & ODM revised content blocks */
.hh-oem-rd{background:#fff;}
.hh-oem-rd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.18rem;}
.hh-oem-rd-card{min-height:3.35rem;padding:.3rem .28rem .32rem;border:.01rem solid #e2e8ed;border-radius:.14rem;background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.hh-oem-rd-card:hover{transform:translateY(-.04rem);border-color:#f0bcc0;box-shadow:0 .12rem .35rem rgba(7,28,48,.08);}
.hh-oem-rd-card-top{display:flex;align-items:flex-start;justify-content:space-between;}
.hh-oem-rd-number{color:#dce5eb;line-height:1;}
.hh-oem-rd-icon{display:flex;width:.64rem;height:.64rem;align-items:center;justify-content:flex-start;border:0;border-radius:0;background:transparent;color:#e6212a;box-shadow:none;transition:color .3s ease,transform .3s ease;}
.hh-oem-rd-icon svg{width:.64rem;height:.64rem;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;}
.hh-oem-rd-icon i{font-size:.29rem;line-height:1;}
.hh-oem-rd-card:hover .hh-oem-rd-icon{color:#bd141c;transform:translateY(-.03rem);}
.hh-oem-rd-card h3{line-height:1.18;}
.hh-oem-services{background:#fff;}
.hh-oem-service-intro{max-width:8.5rem;}
.hh-oem-service-layout{gap:.18rem;}
.hh-oem-service-card{width:50%;min-height:4.45rem;padding:.38rem;border-radius:.14rem;transition:transform .3s ease,box-shadow .3s ease;}
.hh-oem-service-card:hover{transform:translateY(-.04rem);box-shadow:0 .14rem .4rem rgba(7,28,48,.1);}
.hh-oem-service-card-dark{background:#071c30;}
.hh-oem-service-card-light{background:#fff;border:.01rem solid #e1e8ed;}
.hh-oem-service-card-top{display:flex;align-items:flex-start;justify-content:space-between;}
.hh-oem-service-kicker{letter-spacing:.08rem;color:#e6212a;}
.hh-oem-service-card-dark .hh-oem-service-kicker{color:#fff;}
.hh-oem-service-card-icon{display:flex;width:auto;height:auto;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:#e6212a;box-shadow:none;}
.hh-oem-service-card-icon svg{width:.28rem;height:.28rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.hh-oem-service-card-icon i{font-size:.29rem;line-height:1;}
.hh-oem-service-card-dark .hh-oem-service-card-icon{color:#fff;}
.hh-oem-service-card h3{line-height:1.1;max-width:5.4rem;}
.hh-oem-service-includes{padding-top:.2rem;border-top:.01rem solid rgba(255,255,255,.25);}
.hh-oem-service-card-light .hh-oem-service-includes{border-top-color:#dbe4ea;}
.hh-oem-service-includes ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.12rem .25rem;}
.hh-oem-service-includes li{display:flex;gap:.1rem;align-items:flex-start;line-height:1.3;}
.hh-oem-service-includes li i{margin-top:.04rem;color:#e6212a;font-size:.14rem;}
.hh-oem-service-card-dark .hh-oem-service-includes li i{color:#f3b8b9;}
.hh-oem-inquiry-visual-frame img{object-position:center 55%;}
@media all and (max-width:1100px){
	.hh-oem-rd-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hh-oem-service-card{width:100%;}.hh-oem-service-layout{display:block;}.hh-oem-service-card+.hh-oem-service-card{margin-top:.18rem;}
}
@media all and (max-width:767px){
	.hh-oem-rd-grid{grid-template-columns:1fr;gap:.14rem;}.hh-oem-rd-card{min-height:0;padding:.24rem;border-radius:.11rem;}.hh-oem-rd-card h3{font-size:.4rem;}.hh-oem-service-card{min-height:0;padding:.26rem;border-radius:.11rem;}.hh-oem-service-card h3{font-size:.44rem;}.hh-oem-service-includes ul{grid-template-columns:1fr;}.hh-oem-service-card+.hh-oem-service-card{margin-top:.14rem;}
}

/* ==================== Product category guide ==================== */
.hh-product-guide-page{--hh-pg-navy:#191b20;--hh-pg-blue:#e6212a;--hh-pg-red:#e6212a;--hh-pg-ink:#1b1d21;--hh-pg-muted:#686b70;--hh-pg-line:#e3e3e3;overflow:hidden;color:var(--hh-pg-ink);background:#fff;}
.hh-product-guide-page section[id]{scroll-margin-top:1.2rem;}
.hh-product-guide-hero{position:relative;min-height:6.9rem;overflow:hidden;background:linear-gradient(112deg,#f7fbfd 0%,#fff 54%,#f4f9fb 100%);}
.hh-product-guide-hero:before{content:"";position:absolute;right:-1.1rem;top:-1.9rem;width:7.6rem;height:7.6rem;border-radius:50%;background:radial-gradient(circle,rgba(230,33,42,.07) 0,rgba(230,33,42,.025) 42%,transparent 70%);}
.hh-product-guide-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(230,33,42,.025) .01rem,transparent .01rem),linear-gradient(90deg,rgba(230,33,42,.025) .01rem,transparent .01rem);background-size:.52rem .52rem;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 48%,#000 100%);}
.hh-product-guide-hero-inner{position:relative;z-index:1;min-height:6.9rem;gap:.6rem;padding-top:.58rem;padding-bottom:.55rem;}
.hh-product-guide-hero-copy{width:48%;padding-top:1.02rem;}
.hh-product-guide-title{max-width:7.5rem;line-height:1.08;letter-spacing:-.025rem;}
.hh-product-guide-intro{max-width:7.5rem;}
.hh-product-guide-actions{gap:.15rem;}
.hh-product-guide-btn{display:inline-flex;min-height:.66rem;align-items:center;justify-content:center;gap:.14rem;padding:.17rem .34rem;border:.01rem solid transparent;border-radius:.07rem;line-height:1.2;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease;}
.hh-product-guide-btn:hover{transform:translateY(-.03rem);}
.hh-product-guide-btn i{transition:transform .3s ease;}.hh-product-guide-btn:hover i{transform:translateX(.04rem);}
.hh-product-guide-btn-primary{background:var(--hh-pg-red);color:#fff;}.hh-product-guide-btn-primary:hover{background:#c91922;color:#fff;}
.hh-product-guide-btn-outline{border-color:#b8c7d1;background:#fff;color:var(--hh-pg-blue);}.hh-product-guide-btn-outline:hover{border-color:var(--hh-pg-blue);background:var(--hh-pg-blue);color:#fff;}
.hh-product-guide-hero-visual{position:relative;width:46%;height:5.8rem;}
.hh-product-guide-orbit{position:absolute;left:50%;top:50%;border:.01rem solid rgba(230,33,42,.17);border-radius:50%;transform:translate(-50%,-50%);}
.hh-product-guide-orbit-outer{width:5.3rem;height:5.3rem;}.hh-product-guide-orbit-inner{width:3.25rem;height:3.25rem;border-style:dashed;}
.hh-product-guide-core{position:absolute;left:50%;top:50%;display:flex;width:1.72rem;height:1.72rem;align-items:center;justify-content:center;flex-direction:column;border:.01rem solid rgba(230,33,42,.2);border-radius:50%;background:#fff;box-shadow:0 .18rem .55rem rgba(7,28,48,.12);transform:translate(-50%,-50%);}
.hh-product-guide-core span{color:var(--hh-pg-red);letter-spacing:.05rem;}.hh-product-guide-core strong{margin-top:.08rem;color:var(--hh-pg-navy);}
.hh-product-guide-hero-category{position:absolute;display:flex;width:1.45rem;align-items:center;flex-direction:column;gap:.09rem;text-align:center;color:var(--hh-pg-ink);transition:transform .3s ease,color .3s ease;}
.hh-product-guide-hero-category span{display:flex;width:.9rem;height:.9rem;align-items:center;justify-content:center;border:.01rem solid #dfe7ec;border-radius:.12rem;background:#fff;box-shadow:0 .12rem .35rem rgba(7,28,48,.09);transition:border-color .3s ease,box-shadow .3s ease;}
.hh-product-guide-hero-category img{width:.58rem;height:.58rem;object-fit:contain;}
.hh-product-guide-hero-category:hover{z-index:2;color:var(--hh-pg-red);transform:translateY(-.04rem);}.hh-product-guide-hero-category:hover span{border-color:#efb3b6;box-shadow:0 .16rem .38rem rgba(7,28,48,.13);}
.hh-product-guide-hero-category-1{left:12%;top:8%;}.hh-product-guide-hero-category-2{right:10%;top:9%;}.hh-product-guide-hero-category-3{right:0;top:43%;}.hh-product-guide-hero-category-4{right:13%;bottom:3%;}.hh-product-guide-hero-category-5{left:13%;bottom:3%;}.hh-product-guide-hero-category-6{left:0;top:43%;}
.hh-product-guide-nav{position:relative;z-index:4;padding:.52rem 0 .26rem;background:#fff;}
.hh-product-guide-nav-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.16rem;}
.hh-product-guide-nav-link{display:grid;grid-template-columns:1fr .58rem;min-width:0;min-height:.94rem;align-items:center;gap:.2rem;padding:.17rem .2rem .17rem .25rem;border:.01rem solid #dedfe1;border-radius:.07rem;background:#fff;color:var(--hh-pg-ink);box-shadow:0 .07rem .2rem rgba(24,25,29,.035);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;}
.hh-product-guide-nav .hh-product-guide-nav-link:hover,.hh-product-guide-nav .hh-product-guide-nav-link.active{border-color:rgba(230,33,42,.5);background:#fff;color:var(--hh-pg-red);box-shadow:0 .12rem .3rem rgba(39,24,27,.08);transform:translateY(-.025rem);}
.hh-product-guide-nav-icon{display:flex;grid-column:2;grid-row:1;width:.56rem;height:.56rem;align-items:center;justify-content:center;}.hh-product-guide-nav-icon img{width:.46rem;height:.46rem;object-fit:contain;}
.hh-product-guide-nav-name{grid-column:1;grid-row:1;min-width:0;font-size:var(--f18);line-height:1.25;}
.hh-product-guide-sections>.hh-product-guide-section:nth-child(even){background:#f7f9fb;}.hh-product-guide-sections>.hh-product-guide-section:nth-child(odd){background:#fff;}
.hh-product-guide-section-head{gap:.6rem;}
.hh-product-guide-section-copy{max-width:10rem;}.hh-product-guide-section-title-row{gap:.16rem;}
.hh-product-guide-section-icon{position:relative;display:flex;width:.56rem;height:.56rem;align-items:center;justify-content:center;border:.01rem solid rgba(230,33,42,.3);border-radius:.1rem;background:#fff;box-shadow:0 .08rem .22rem rgba(7,28,48,.06);}
.hh-product-guide-section-icon:before{content:"";position:absolute;left:-.28rem;top:50%;width:.2rem;height:.01rem;background:var(--hh-pg-red);}
.hh-product-guide-section-icon img{width:.38rem;height:.38rem;object-fit:contain;}.hh-product-guide-section-title{line-height:1.14;}
.hh-product-guide-section-desc{max-width:9.6rem;}
.hh-product-guide-view{display:inline-flex;min-width:2.08rem;min-height:.62rem;align-items:center;justify-content:center;gap:.14rem;padding:.15rem .34rem;border:.01rem solid #cfd9df;border-radius:.31rem;background:#fff;color:var(--hh-pg-blue);white-space:nowrap;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;}
.hh-product-guide-view:hover{border-color:var(--hh-pg-red);background:var(--hh-pg-red);color:#fff;transform:translateY(-.025rem);}.hh-product-guide-view-icon{width:.21rem;height:.21rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease;}.hh-product-guide-view:hover .hh-product-guide-view-icon{transform:translateX(.04rem);}
.hh-product-guide-carousel{position:relative;padding:0;}
.hh-product-guide-carousel-empty{display:none;}
.hh-product-guide-carousel .hh-product-guide-swiper{width:calc(100% + .8rem);margin-left:-.4rem;overflow:hidden;padding:.32rem .4rem .55rem;}
.hh-product-guide-swiper .swiper-slide{height:auto;}
.hh-product-guide-card{display:flex;height:100%;min-height:4.55rem;overflow:hidden;flex-direction:column;border:.01rem solid var(--hh-pg-line);border-radius:.1rem;background:#fff;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.hh-product-guide-card:hover{transform:translateY(-.04rem);border-color:#efb7ba;box-shadow:0 .14rem .38rem rgba(7,28,48,.09);}
.hh-product-guide-card-top{min-height:1.05rem;padding:.22rem .22rem 0;}.hh-product-guide-card-type{line-height:1.2;}.hh-product-guide-card-title{min-height:.52rem;}
.hh-product-guide-card-media{position:relative;overflow:hidden;background:#fff;}.hh-product-guide-card-media img{object-fit:contain;transition:transform .4s ease;}.hh-product-guide-card:hover .hh-product-guide-card-media img{transform:scale(1.045);}
.hh-product-guide-card-bottom{position:relative;display:flex;min-height:.93rem;align-items:flex-start;justify-content:space-between;gap:.12rem;margin-top:auto;padding:.16rem .2rem .2rem;border-top:.01rem solid #edf1f3;}
.hh-product-guide-card-desc{max-width:82%;}.hh-product-guide-card-arrow{display:flex;width:.35rem;height:.35rem;flex:0 0 .35rem;align-items:center;justify-content:center;border-radius:50%;background:#fff0f1;color:var(--hh-pg-red);transition:background-color .3s ease,color .3s ease;}
.hh-product-guide-card-arrow svg{width:.18rem;height:.18rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}.hh-product-guide-card:hover .hh-product-guide-card-arrow{background:var(--hh-pg-red);color:#fff;}
.hh-product-guide-card-empty{justify-content:center;text-align:center;}.hh-product-guide-card-empty .hh-product-guide-card-media{width:1.55rem;margin:.25rem auto 0;}.hh-product-guide-card-empty .hh-product-guide-card-bottom{justify-content:center;}.hh-product-guide-card-empty .hh-product-guide-card-desc{max-width:100%;}
.hh-product-guide-prev,.hh-product-guide-next{position:absolute;z-index:3;top:50%;display:flex;width:.58rem;height:.58rem;align-items:center;justify-content:center;border:.01rem solid #d4dde3;border-radius:50%;background:#fff;color:var(--hh-pg-blue);box-shadow:0 .08rem .22rem rgba(7,28,48,.08);transform:translateY(-50%);transition:background-color .3s ease,color .3s ease,border-color .3s ease;}
.hh-product-guide-prev{left:-.76rem;}.hh-product-guide-next{right:-.76rem;}.hh-product-guide-prev:hover,.hh-product-guide-next:hover{border-color:var(--hh-pg-red);background:var(--hh-pg-red);color:#fff;}
.hh-product-guide-prev svg,.hh-product-guide-next svg{width:.26rem;height:.26rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.hh-product-guide-prev.swiper-button-disabled,.hh-product-guide-next.swiper-button-disabled{opacity:.35;cursor:default;}
.hh-product-guide-cta{position:relative;overflow:hidden;background:linear-gradient(110deg,#17191d 0%,#272126 68%,#57181d 100%);}
.hh-product-guide-cta:before{content:"";position:absolute;right:-1.2rem;top:-2.4rem;width:6.2rem;height:6.2rem;border:.01rem solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 .55rem rgba(255,255,255,.025),0 0 0 1.1rem rgba(255,255,255,.02);}
.hh-product-guide-cta-inner{position:relative;z-index:1;gap:.6rem;}.hh-product-guide-cta-copy{max-width:10.5rem;}.hh-product-guide-cta-title{line-height:1.13;}.hh-product-guide-cta-desc{max-width:9.5rem;opacity:.84;}
.hh-product-guide-btn-light{min-width:2.8rem;background:#fff;color:var(--hh-pg-blue);}.hh-product-guide-btn-light:hover{background:var(--hh-pg-red);color:#fff;}
@media all and (max-width:1400px){
	.hh-product-guide-hero-copy{width:51%;}.hh-product-guide-hero-visual{width:44%;}.hh-product-guide-nav-link{padding:.15rem .18rem .15rem .21rem;gap:.14rem;}.hh-product-guide-prev{left:-.5rem;}.hh-product-guide-next{right:-.5rem;}
}
@media all and (max-width:1100px){
	.hh-product-guide-page section[id]{scroll-margin-top:.95rem;}.hh-product-guide-hero{min-height:6.25rem;}.hh-product-guide-hero-inner{min-height:6.25rem;}.hh-product-guide-hero-copy{width:54%;padding-top:.55rem;}.hh-product-guide-hero-visual{width:42%;height:5rem;}.hh-product-guide-orbit-outer{width:4.55rem;height:4.55rem;}.hh-product-guide-orbit-inner{width:2.8rem;height:2.8rem;}.hh-product-guide-hero-category{width:1.18rem;}.hh-product-guide-hero-category span{width:.74rem;height:.74rem;}.hh-product-guide-hero-category img{width:.48rem;height:.48rem;}.hh-product-guide-core{width:1.45rem;height:1.45rem;}.hh-product-guide-nav-inner{grid-template-columns:repeat(3,minmax(0,1fr));}.hh-product-guide-section-head{align-items:flex-end;}.hh-product-guide-card{min-height:4.25rem;}.hh-product-guide-cta-copy{max-width:7.2rem;}
}
@media all and (max-width:767px){
	.hh-product-guide-page section[id]{scroll-margin-top:.85rem;}.hh-product-guide-hero{min-height:10.4rem;}.hh-product-guide-hero-inner{display:block;min-height:10.4rem;padding-top:.55rem;padding-bottom:.5rem;}.hh-product-guide-hero-copy,.hh-product-guide-hero-visual{width:100%;}.hh-product-guide-hero-copy{padding-top:.45rem;}.hh-product-guide-title{font-size:.52rem;line-height:1.14;}.hh-product-guide-intro{font-size:var(--f16);line-height:1.65;}.hh-product-guide-actions{display:grid;grid-template-columns:1fr;gap:.12rem;}.hh-product-guide-btn{width:100%;min-height:.72rem;}.hh-product-guide-hero-visual{height:4.7rem;margin-top:.35rem;}.hh-product-guide-orbit-outer{width:4.25rem;height:4.25rem;}.hh-product-guide-orbit-inner{width:2.6rem;height:2.6rem;}.hh-product-guide-core{width:1.32rem;height:1.32rem;}.hh-product-guide-core span{font-size:.26rem;}.hh-product-guide-core strong{font-size:.3rem;}.hh-product-guide-hero-category{width:1.05rem;gap:.05rem;}.hh-product-guide-hero-category span{width:.7rem;height:.7rem;border-radius:.09rem;}.hh-product-guide-hero-category img{width:.44rem;height:.44rem;}.hh-product-guide-hero-category strong{font-size:.22rem;line-height:1.15;}.hh-product-guide-nav{padding:.34rem 0 .12rem;}.hh-product-guide-nav-inner{grid-template-columns:1fr 1fr;gap:.12rem;}.hh-product-guide-nav-link{min-height:.82rem;grid-template-columns:1fr .46rem;padding:.12rem .13rem .12rem .16rem;}.hh-product-guide-nav-icon{width:.44rem;height:.44rem;}.hh-product-guide-nav-icon img{width:.31rem;height:.31rem;}.hh-product-guide-nav-name{font-size:var(--f16);}.hh-product-guide-section{padding-top:.75rem;padding-bottom:.75rem;}.hh-product-guide-section-head{display:block;}.hh-product-guide-section-copy{max-width:100%;}.hh-product-guide-section-title-row{gap:.14rem;}.hh-product-guide-section-icon{width:.5rem;height:.5rem;}.hh-product-guide-section-icon:before{display:none;}.hh-product-guide-section-title{font-size:.46rem;}.hh-product-guide-section-desc{font-size:var(--f16);line-height:1.65;}.hh-product-guide-view{margin-top:.24rem;}.hh-product-guide-carousel{margin-top:.35rem;padding:0;}.hh-product-guide-prev,.hh-product-guide-next{display:none;}.hh-product-guide-card{min-height:4rem;}.hh-product-guide-card-top{padding:.2rem .18rem 0;}.hh-product-guide-card-media{margin-left:.18rem;margin-right:.18rem;}.hh-product-guide-card-bottom{padding:.15rem .18rem .18rem;}.hh-product-guide-cta-inner{display:block;}.hh-product-guide-cta-title{font-size:.48rem;}.hh-product-guide-cta-desc{font-size:var(--f16);line-height:1.65;}.hh-product-guide-btn-light{margin-top:.35rem;}
}
@media (prefers-reduced-motion:reduce){.hh-product-guide-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}}

/* ==================== Laptop & Mobile Responsive Polish ==================== */
@media all and (min-width:1001px){
	#c-header .c-nav>li.hh-nav-has-mega>.hh-nav-sub{display:none!important;}
}
@media all and (max-width:1440px) and (min-width:1001px){
	.Header-container .c-nav{font-size:var(--f18);}
	.Header-container .c-nav>li{margin-right:.32rem;}
	.hh-product-mega-inner{min-height:4.9rem;padding:.28rem 0 .32rem;}
	.hh-product-mega-sidebar{width:2.85rem;flex-basis:2.85rem;padding-right:.2rem;}
	.hh-product-mega-content{width:calc(100% - 2.85rem + (100vw - min(1600px,92vw))/2);padding-left:.3rem;}
	.i_banner .ban_txt .w40{width:48%;}
	.i_banner .ban_txt .tit{font-size:.5rem;}
	.hh-home-poster-heading{top:1.18rem;}
	.hh-home-poster-title{font-size:.42rem;}
	.hh-home-poster-subtitle{font-size:.22rem;}
	.hh-home-poster-tags{bottom:.38rem;font-size:.24rem;}
	.hh-about-banner-title{width:7.2rem;max-width:62%;}
	.hh-about-banner-desc{width:7rem;max-width:60%;}
	.hh-product-guide-prev{left:-.28rem;}
	.hh-product-guide-next{right:-.28rem;}
}
@media all and (max-width:1000px){
	body.c-open{position:fixed;left:0;right:0;width:100%;overflow:hidden;}
	.Header-wrapper{height:60px;line-height:60px;background-color:#0b1523;}
	.Header-wrapper.on,.Header-wrapper.white_bg{background-color:#fff;box-shadow:0 2px 12px rgba(7,19,34,.08);}
	.Header-container{height:60px;}
	.Header-container .logo a img{height:28px;}
	.Header-container .fr{gap:14px;}
	.Header-container .tool{height:60px;padding-right:0;color:#fff;}
	.Header-wrapper.on .Header-container .tool,.Header-wrapper.white_bg .Header-container .tool{color:#161a20;}
	.Header-container .tool .search{display:flex;width:38px;height:38px;align-items:center;justify-content:center;}
	.Header-container .tool .search i{font-size:21px;line-height:1;}
	#c-header .c-switch{position:relative;display:flex;width:38px;height:38px;padding:9px 7px;flex-direction:column;justify-content:space-between;align-items:stretch;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:rgba(255,255,255,.08);}
	#c-header.on .c-switch,#c-header.white_bg .c-switch{border-color:#e3e7ec;background:#f6f8fa;}
	#c-header .c-switch i{top:auto;bottom:auto;width:100%;height:2px;margin:0;border-radius:2px;background:#fff;transform-origin:center;}
	#c-header.on .c-switch i,#c-header.white_bg .c-switch i{background:#161a20;}
	body.c-open #c-header .c-switch{border-color:rgba(230,33,42,.24);background:#fff5f5;}
	body.c-open #c-header .c-switch i{background:var(--theme-color);}
	body.c-open #c-header .c-switch i:nth-child(1){top:auto;transform:translateY(8px) 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){bottom:auto;transform:translateY(-8px) rotate(-45deg);}
	#c-header .c-nav{position:fixed;top:60px;left:0;z-index:98;width:100%;height:0;line-height:1.4;background:#fff;box-shadow:0 14px 32px rgba(7,19,34,.12);overflow-y:auto;overflow-x:hidden;transition:height .32s ease;}
	body.c-open #c-header .c-nav{height:calc(100vh - 60px);padding:6px 0 28px;}
	#c-header .c-nav>li{width:100%;padding:0 4%;border-top:1px solid #eef1f4;}
	#c-header .c-nav>li:first-child{border-top:0;}
	#c-header .c-nav>li:last-child{border-bottom:1px solid #eef1f4;}
	#c-header .c-nav li .c-title-box{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
	#c-header .c-nav li .c-title-box>a{flex:1;min-width:0;padding:14px 0;font-size:16px;font-weight:700;line-height:1.35;color:#18202a;}
	#c-header .c-nav li.active>.c-title-box>a,#c-header .c-nav li.on>.c-title-box>a{color:var(--theme-color);}
	#c-header .c-nav li .c-title-box>i{display:flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border-radius:8px;background:#f5f7f9;font-size:18px;line-height:1;color:#4a5562;transition:transform .28s ease,background-color .28s ease,color .28s ease;}
	#c-header .c-nav li.on>.c-title-box>i{background:#fff0f1;color:var(--theme-color);transform:rotate(180deg);}
	#c-header .c-nav li>.hh-product-mega{display:none!important;}
	#c-header .c-nav>li>ul{display:none;margin:0 0 12px;padding:4px 0 4px 12px;border-left:2px solid #eceff3;background:#f9fafb;border-radius:0 8px 8px 0;}
	#c-header .c-nav>li>ul>li{padding:0;border:0;}
	#c-header .c-nav>li>ul>li+li{border-top:1px solid #edf0f3;}
	#c-header .c-nav .hh-nav-sub-head{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px;padding-right:6px;}
	#c-header .c-nav .hh-nav-sub-head>a{flex:1;min-width:0;padding:11px 4px;font-size:15px;font-weight:600;line-height:1.35;color:#313a45;}
	#c-header .c-nav .hh-nav-sub-item.open>.hh-nav-sub-head>a{color:var(--theme-color);}
	#c-header .c-nav .hh-nav-sub-toggle{display:flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;border:0;border-radius:6px;background:#eef2f6;color:#525d69;cursor:pointer;transition:transform .25s ease,background-color .25s ease,color .25s ease;}
	#c-header .c-nav .hh-nav-sub-toggle i{width:auto;height:auto;font-size:15px;line-height:1;color:inherit;}
	#c-header .c-nav .hh-nav-sub-item.open>.hh-nav-sub-head>.hh-nav-sub-toggle{background:#fff0f1;color:var(--theme-color);transform:rotate(180deg);}
	#c-header .c-nav .hh-nav-sub-third{display:none;padding:2px 0 8px 12px;border-top:1px dashed #e5e9ee;}
	#c-header .c-nav .hh-nav-sub-third li{border:0!important;padding:0;}
	#c-header .c-nav .hh-nav-sub-third a{display:block;min-width:0;padding:9px 6px;font-size:14px;font-weight:400;line-height:1.4;color:#59636e;}
	#c-header .c-nav .hh-nav-sub-third a:hover{color:var(--theme-color);}

	/* Show homepage banner on tablet/mobile with dark overlay and centered text */
	.i_banner.pc{display:block;}
	.i_mb_banner.mb{display:none!important;}
	.i_banner #pc_ban .swiper-slide>a,.i_banner .hh-home-poster-slide{position:relative;display:block;height:3.8rem;overflow:hidden;}
	.i_banner #pc_ban .swiper-slide>a>img,.i_banner .hh-home-poster-image{width:100%;height:100%;object-fit:cover;object-position:center;}
	.i_banner #pc_ban .swiper-slide>a:before,.i_banner .hh-home-poster-slide:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,16,28,.56) 0%,rgba(7,16,28,.64) 100%);pointer-events:none;}
	.i_banner .ban_txt{top:50%;left:50%;z-index:2;width:90%;transform:translate(-50%,-50%);text-align:center;}
	.i_banner .ban_txt .w16,.i_banner .ban_txt .w40{width:100%;max-width:100%;margin:0;}
	.i_banner .ban_txt .tit{font-size:var(--f42);line-height:1.2;color:#fff;}
	.i_banner .ban_txt .tit .color-red{color:#ff4d55;}
	.i_banner .ban_txt .des{width:100%;max-width:560px;margin:.18rem auto 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92);}
	.i_banner .hk-home-btn{margin:.28rem auto 0;min-height:40px;padding:10px 22px;border-radius:30px;font-size:14px;}
	.i_banner .hk-home-btn-icon{width:16px;height:16px;margin-left:8px;}
	.hh-home-poster-heading{top:50%;right:5%;left:5%;z-index:2;transform:translateY(-50%);text-align:center;color:#fff;}
	.hh-home-poster-title{font-size:var(--f42);line-height:1.2;color:#fff;}
	.hh-home-poster-subtitle{max-width:520px;margin:.16rem auto 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92);}
	.hh-home-poster-tags{right:4%;bottom:.68rem;left:4%;z-index:2;flex-wrap:wrap;gap:.12rem .18rem;font-size:13px;line-height:1.4;color:rgba(255,255,255,.9);}
	.hh-home-poster-tags i{color:rgba(255,255,255,.55);}
	.hh-home-poster-prev,.hh-home-poster-next{display:none;}
	#pc_ban .c-swiper-page{bottom:.2rem!important;padding:5px 10px;}
	#pc_ban .c-swiper-page .swiper-pagination-bullet{width:16px;height:4px;margin:0 3px;}
	#pc_ban .c-swiper-page .swiper-pagination-bullet-active{width:28px;}
}

@media all and (max-width:768px){
	/* Inner banners: min-height + vertical padding so text never overflows or leaves huge gaps */
	.hh-ban{display:flex;height:auto;min-height:2.2rem;padding:.56rem 0 .44rem;flex-direction:column;justify-content:center;}
	.hh-ban-crumb{position:relative;left:auto;top:auto;transform:none;margin-bottom:.16rem;text-align:center;font-size:var(--f14);line-height:1.4;}
	.hh-ban-crumb i,.hh-service-ban-crumb i,.hh-crumb i{margin:0 .1rem;font-size:.22rem;vertical-align:0;}
	.hh-ban-copy{position:relative;left:auto;top:auto;width:92%;transform:none;margin:0 auto;text-align:center;}
	.hh-ban-copy h1{font-size:var(--f42);line-height:1.18;}
	.hh-ban-desc{margin-top:.14rem;font-size:var(--f16);line-height:1.5;}

	.hh-service-ban{display:flex;height:auto;min-height:2.4rem;padding:.58rem 0 .56rem;flex-direction:column;justify-content:center;}
	.hh-service-ban-crumb{position:relative;left:auto;top:auto;transform:none;margin-bottom:.16rem;text-align:center;font-size:var(--f14);line-height:1.4;}
	.hh-service-ban-copy{position:relative;left:auto;top:auto;width:92%;transform:none;margin:0 auto;}
	.hh-service-ban-copy h1{font-size:var(--f42);line-height:1.18;}
	.hh-service-ban-copy>div{margin-top:.14rem!important;line-height:1.5;}

	.hh-about-banner{display:block;height:auto;min-height:4.4rem;padding:.62rem 0 .58rem;}
	.hh-about-banner-copy{position:relative;left:auto;top:auto;transform:none;}
	.hh-about-banner-title{font-size:.48rem;line-height:1.16;}
	.hh-about-banner-desc{margin-top:14px!important;line-height:1.58;}
	.hh-about-banner-actions{margin-top:20px!important;gap:.18rem;}

	.hh-oem-hero{min-height:0;padding:.56rem 0 .52rem;}
	.hh-oem-hero-inner{padding-top:0;padding-bottom:0;}
	.hh-oem-hero-copy{padding-top:0;}
	.hh-oem-hero-title{font-size:.46rem;line-height:1.16;}
	.hh-oem-hero-desc{margin-top:14px!important;line-height:1.58;}
	.hh-oem-hero-note{margin-top:12px!important;}
	.hh-oem-hero-actions{margin-top:20px!important;gap:.16rem;}
	.hh-oem-hero-facts{margin-top:26px!important;gap:.16rem 0;}
	.hh-oem-hero-fact{min-height:0;padding:.2rem .16rem .12rem;}

	/* Buttons & icons scaled comfortably for 375px touch targets */
	.hh-btn,.hh-about-btn,.hh-oem-btn,.hh-product-guide-btn,.hh-download-btn,.hk-home-btn,.hk-home-product-layout .hk-home-btn,.hk-scene-btn{min-height:.76rem;padding:.18rem .36rem;border-radius:.12rem;gap:.14rem;line-height:1.3;}
	.hk-home-btn.radius30,.hk-home-product-layout .hk-home-btn.radius30,.i_banner .hk-home-btn{border-radius:.44rem;}
	.hh-btn i,.hh-about-btn i,.hh-oem-btn i,.hh-product-guide-btn i,.hh-download-btn i,.hh-pro-more i,.hh-news-more i{font-size:.28rem;}
	.hk-home-btn svg,.hh-product-guide-view-icon{width:.32rem;height:.32rem;}
	.hh-product-guide-view{min-height:.72rem;padding:.16rem .34rem;border-radius:.4rem;gap:.12rem;}
	.com_page{padding-top:.5rem;flex-wrap:wrap;gap:.08rem;}
	.com_page a,.com_page span{width:.68rem;height:.68rem;margin:0;}

	/* Homepage sections mobile layout, icons & spacing */
	.i_banner #pc_ban .swiper-slide>a,.i_banner .hh-home-poster-slide{height:auto;min-height:5.4rem;padding:.76rem 0 .88rem;display:flex;align-items:center;justify-content:center;}
	.i_banner #pc_ban .swiper-slide>a>img,.i_banner .hh-home-poster-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
	.i_banner .ban_txt,.hh-home-poster-heading{position:relative;top:auto;left:auto;right:auto;width:92%;margin:0 auto;transform:none;}
	.hh-home-poster-tags{bottom:.66rem;font-size:12px;gap:.08rem .14rem;}

	.yt-home-about-v4 .flex.f-jsb.f-ast{display:block;}
	.yt-home-about-v4 .w48{width:100%;}
	.yt-about-img-box{min-height:0;margin-top:0;margin-bottom:.42rem;}
	.i_ab .ab_pic{border-radius:.16rem;}
	.i_ab .ab_ico{margin-top:12px!important;}
	.i_ab .ab_ico ul li{border-radius:.1rem;}
	.i_ab .ab_ico .swiper-button-prev,.i_ab .ab_ico .swiper-button-next{width:.56rem;height:.56rem;}
	.i_ab .ab_ico .swiper-button-prev{left:-.12rem;}
	.i_ab .ab_ico .swiper-button-next{right:-.12rem;}
	.hk-home-icon-i.hk-icon-red{width:.08rem;height:.34rem;margin-right:.16rem;}
	.hk-home-icon-i.hk-icon-red::before{top:-.1rem;width:.08rem;height:.08rem;}
	.yt-about-certs-v4 img{height:.68rem;}

	.hk-counter-section .flex.f-jsb.f-as{flex-wrap:wrap;row-gap:.44rem;}
	.hk-counter-item{width:50%;margin-bottom:0;padding:0 .16rem;}
	.hk-counter-icon{width:.68rem;height:.68rem;margin-bottom:.16rem;}
	.hk-counter-num-wrap{font-size:.52rem;}
	.hk-counter-suffix{font-size:.28rem;}

	.hk-case-container{padding-left:4%;padding-right:4%;}
	.hk-case-v2-header{padding-right:0;gap:.24rem;}
	.hk-home-case-desc.w80{width:100%;}
	.hk-case-v2-prev,.hk-case-v2-next{width:40px;height:40px;}
	.hk-case-v2-prev svg,.hk-case-v2-next svg{width:20px;height:20px;}
	.hk-case-v2-img-wrap{border-radius:.14rem;}

	.hk-values-scene{min-height:0;padding-top:.72rem;}
	.hk-values-scene .hk-scene-left{margin-bottom:.32rem;}
	.hk-values-scene .hk-scene-item{margin-bottom:.42rem;padding:.32rem;border-radius:.16rem;background:rgba(255,255,255,.86);backdrop-filter:blur(6px);}
	.hk-values-scene .hk-scene-item:last-child{margin-bottom:0;}
	.hk-values-scene .hk-scene-item .icon img{height:.76rem;margin-bottom:.2rem;}
	.hk-values-scene .hk-scene-spacer{height:2.1rem;}

	.hk-home-product-layout .hk-home-container{gap:.42rem;}
	.hk-home-product-layout .hk-home-left-col{padding:.44rem 0 .2rem;}
	.hk-home-product-layout .hk-home-active-content{margin-bottom:.42rem;}
	.hk-home-product-layout .hk-home-active-desc{margin-bottom:.32rem!important;}
	.hk-home-product-layout .hk-home-tab{margin-bottom:.24rem;padding-bottom:.24rem;align-items:flex-start;}
	.hk-home-product-layout .hk-home-tab-icon{width:.76rem;height:.76rem;margin-right:.2rem;}
	.hk-home-product-layout .hk-home-tab-icon img{width:.68rem;}
	.hk-home-product-layout .hk-home-right-col{padding-top:0;padding-bottom:.4rem;}

	.yt-home-certs .flex.f-jsb.f-ae{gap:.24rem;}
	.yt-home-cert-prev,.yt-home-cert-next{width:.72rem;height:.72rem;margin-top:0;box-shadow:0 4px 12px rgba(0,0,0,.07);}
	.yt-cert-card{padding:.32rem;border-radius:.14rem;}
	.yt-cert-img-box{height:4.4rem;padding:.2rem;}

	.hk-partner-section{padding:.84rem 0;}
	.hk-partner-bg{background-attachment:scroll;}
	.hk-partner-header .hk-home-header{width:100%;}
	.hk-partner-nav{gap:.2rem;}
	.hk-partner-btn{width:.72rem;height:.72rem;}
	.hk-partner-col{gap:.22rem;}
	.hk-partner-card{height:1.28rem;padding:.18rem;border-radius:.12rem;}

	.yt-home-news-tabs{width:100%;justify-content:space-between;}
	.yt-home-news-tab{flex:1;min-width:0;padding:.18rem .22rem;font-size:var(--f16);}
	.yt-nf-img-box{height:4.2rem;}
	.yt-news-date-badge{width:1.08rem;height:1.08rem;border-bottom-right-radius:.16rem;}
	.yt-ni-img-box{width:2.1rem;height:1.56rem;}
	.yt-news-item{flex-direction:row;align-items:center;gap:.2rem;}
	.yt-ni-text{padding-right:0;}

	/* About page mobile icon & card refinements */
	.hh-about-nav-inner{height:.88rem;gap:.44rem;padding:0 4%;}
	.hh-about-overview-picture{border-radius:.16rem;}
	.hh-about-overview-play{width:.88rem;height:.88rem;}
	.hh-about-overview-year{right:.16rem;bottom:-.12rem;width:2.1rem;height:1.32rem;padding:.2rem .24rem;border-radius:.14rem;}
	.hh-about-capability-card{margin-bottom:.28rem;border-radius:.16rem;}
	.hh-about-capability-copy{padding:.34rem;}
	.hh-about-capability-icon{right:.28rem;top:.26rem;width:.64rem;height:.64rem;}
	.hh-about-environment-copy{min-height:0;}
	.hh-about-environment-title{max-width:100%;font-size:var(--f34);}
	.hh-about-environment-controls{gap:.16rem;}
	.hh-about-environment-controls button,.hh-about-certifications-controls button,.hh-about-exhibition-controls button{width:.76rem;height:.76rem;flex-basis:.76rem;}
	.hh-about-environment-image,.hh-about-exhibition-card,.hh-about-culture-card,.hh-about-cta-panel{border-radius:.16rem;}
	.hh-about-culture-number{left:.32rem;top:.3rem;}
	.hh-about-culture-copy{left:.32rem;right:.32rem;bottom:.32rem;}
	.hh-about-culture-copy svg{width:.64rem;height:.64rem;margin-bottom:.2rem;}
	.hh-about-responsibility{height:auto;min-height:5.4rem;padding:.76rem 0;}
	.hh-about-responsibility-copy{position:relative;top:auto;transform:none;}

	/* OEM, Service, Product, Case, News, Contact, Download, FAQ mobile polish */
	.hh-oem-rd-card,.hh-oem-adv-card,.hh-oem-service-card,.hh-oem-scope-dark,.hh-oem-scope-light,.hh-oem-manufacturing-card,.hh-oem-inquiry-inner{padding:.34rem;border-radius:.16rem;}
	.hh-oem-rd-icon{width:.76rem;height:.76rem;}
	.hh-oem-rd-icon svg{width:.76rem;height:.76rem;}
	.hh-oem-adv-card{grid-template-columns:.76rem 1fr;column-gap:.24rem;}
	.hh-oem-adv-icon,.hh-oem-support-icon{width:.72rem;height:.72rem;border-radius:.16rem;}
	.hh-oem-adv-icon i,.hh-oem-support-icon i,.hh-oem-service-card-icon i{font-size:.34rem;}
	.hh-oem-scope-item{grid-template-columns:.56rem 1fr;gap:.2rem;padding:.26rem .24rem;border-radius:.12rem;}
	.hh-oem-scope-item-icon{width:.52rem;height:.52rem;}
	.hh-oem-scope-item-icon i{font-size:.34rem;}
	.hh-oem-process-step{grid-template-columns:.72rem 1fr;column-gap:.22rem;}
	.hh-oem-process-dot{width:.68rem;height:.68rem;}
	.hh-oem-process-dot i{font-size:.28rem;}

	.hh-service-nav{max-width:92%;margin-top:-.32rem;border-radius:.16rem;}
	.hh-service-nav .w16{height:.78rem;padding:0 .28rem;gap:.38rem;}
	.hh-service-lines{gap:.22rem;}
	.hh-service-lines i{width:.58rem;height:.58rem;flex:0 0 .58rem;font-size:.26rem;}
	.hh-service-adv-grid{gap:.24rem;}
	.hh-service-adv-grid article{padding:.44rem .34rem;border-radius:.16rem;}
	.hh-service-adv-grid article>i{font-size:.52rem;}
	.hh-service-adv-grid article>span{width:.4rem;height:.04rem;margin:.24rem auto;}
	.hh-service-consent{gap:.16rem;}
	.hh-service-consent input{width:.32rem;height:.32rem;flex:0 0 .32rem;}
	.hh-service-resource{height:3.6rem;border-radius:.16rem;}
	.hh-service-resource-copy{left:.36rem;right:.36rem;bottom:.34rem;}

	.hh-product-guide-nav{padding:.4rem 0 .18rem;}
	.hh-product-guide-nav-inner{gap:.16rem;}
	.hh-product-guide-nav-link{min-height:.92rem;grid-template-columns:1fr .58rem;padding:.16rem .2rem;border-radius:.12rem;}
	.hh-product-guide-nav-icon{width:.56rem;height:.56rem;}
	.hh-product-guide-nav-icon img{width:.44rem;height:.44rem;}
	.hh-product-guide-section-icon{width:.68rem;height:.68rem;border-radius:.14rem;}
	.hh-product-guide-section-icon img{width:.48rem;height:.48rem;}
	.hh-product-guide-carousel .hh-product-guide-swiper{width:100%;margin-left:0;padding:.24rem .04rem .44rem;}
	.hh-product-guide-card{border-radius:.16rem;}
	.hh-product-guide-card-top{padding:.28rem .26rem 0;}
	.hh-product-guide-card-bottom{padding:.22rem .26rem .26rem;}
	.hh-product-guide-card-arrow{width:.56rem;height:.56rem;flex:0 0 .56rem;}
	.hh-product-guide-card-arrow svg{width:.28rem;height:.28rem;}

	.hh-pro-widget,.hh-pro-block,.hh-pro-card,.hh-news-card,.hh-news-article,.hh-news-toc,.hh-news-rec,.hh-video-card,.hh-download-item,.hh-faq-item,.hh-contact-info{border-radius:.16rem;}
	.hh-pro-widget{padding:.32rem!important;}
	.hh-pro-search input{padding:.2rem .22rem;}
	.hh-pro-search button{width:.76rem;}
	.hh-pro-menu-head{min-height:.76rem;}
	.hh-pro-menu-head>a{padding:.18rem 0;}
	.hh-pro-toggle{width:.56rem;height:.56rem;flex:0 0 .56rem;}
	.hh-pro-toggle i{font-size:.28rem;}
	.hh-pro-menu .hh-pro-sub{padding:0 0 .16rem .24rem;}
	.hh-pro-menu ul li{padding:.12rem 0;}
	.hh-pro-grid,.hh-news-grid,.hh-video-grid,.hh-case-grid,.hh-search-grid{gap:.32rem;}
	.hh-pro-info{padding:.32rem!important;}
	.hh-pro-info h2,.hh-pro-info h3{min-height:0;}
	.hh-pro-block{padding:.32rem!important;margin-bottom:.32rem;}
	.hh-pro-thumbs{padding:0 .52rem;}
	.hh-pro-thumbs button{width:.42rem;}
	.hh-pro-block .hh-pro-related{width:100%;margin-left:0;padding:.24rem 0 .88rem;}
	.hh-pro-related button{width:.64rem;height:.64rem;}
	.hh-rel-prev{left:calc(50% - .76rem);}
	.hh-rel-next{right:calc(50% - .76rem);}
	.hh-pro-form input,.hh-pro-form textarea,.hh-contact-form input,.hh-contact-form textarea{margin-bottom:.22rem;padding:.22rem .24rem;border-radius:.1rem;}
	.hh-contact-form input{height:.78rem;}
	.hh-contact-info{padding:.36rem;}
	.hh-contact-info li{gap:.24rem;padding:.3rem 0;}
	.hh-contact-info li>i{width:.72rem;height:.72rem;flex:0 0 .72rem;font-size:.32rem;}

	.hh-case-card{border-radius:.18rem;}
	.hh-case-type{left:.24rem;top:.24rem;padding:.14rem .26rem;}
	.hh-case-bottom{left:.26rem;right:.26rem;bottom:.24rem;gap:.2rem;}
	.hh-case-bottom h2{font-size:var(--f24);max-width:calc(100% - .84rem);}
	.hh-case-bottom span{width:.68rem;height:.68rem;flex:0 0 .68rem;}
	.hh-case-bottom svg{width:.3rem;height:.3rem;}
	.hh-case-gallery .swiper-slide,.hh-case-gallery-slide{border-radius:.16rem;}
	.hh-case-gallery-prev,.hh-case-gallery-next{width:.64rem;height:.64rem;font-size:.32rem;}
	.hh-case-gallery-pagination{padding:.12rem .22rem;border-radius:.36rem;}
	.hh-case-cta{height:auto;min-height:4.6rem;padding:.76rem 0;display:flex;align-items:center;}
	.hh-case-cta-copy{position:relative;left:auto;top:auto;transform:none;}

	.hh-news-info{padding:.58rem .32rem .34rem!important;}
	.hh-news-date{left:.32rem;width:1.04rem;}
	.hh-news-date strong{padding:.16rem 0;}
	.hh-news-date span{padding:.1rem .08rem;}
	.hh-news-head,.hh-article{padding:.34rem!important;}
	.hh-news-toc,.hh-news-rec{padding:.34rem!important;}
	.hh-news-rec a>span{width:1.48rem;height:1rem;flex:0 0 1.48rem;border-radius:.1rem;}
	.hh-news-turn{padding:.28rem .34rem!important;gap:.24rem;}

	.hh-download-item{padding:.32rem!important;gap:.26rem;}
	.hh-download-info{gap:.24rem;}
	.hh-download-icon{width:.88rem;height:.88rem;flex:0 0 .88rem;border-radius:.14rem;font-size:.42rem;}
	.hh-faq-head{padding:.28rem .32rem;gap:.24rem;}
	.hh-faq-head>span{width:.32rem;height:.32rem;flex:0 0 .32rem;}
	.hh-faq-head>span:before,.hh-faq-head>span:after{top:.15rem;width:.32rem;height:.03rem;}
	.hh-faq-body{padding:0 .32rem .32rem;}
	.hh-faq-body>div{padding-top:.24rem;}
	.hh-video-play{width:.84rem;height:.84rem;font-size:.28rem;}
	.hh-video-copy{padding:.32rem!important;}

	.hh-search-form{min-height:.78rem;border-radius:.1rem;}
	.hh-search-form input{padding:.18rem .22rem;}
	.hh-search-form button{width:.78rem;height:.78rem;flex:0 0 .78rem;font-size:.28rem;}

	/* Footer accordion & mobile spacing */
	.Footer-container .mid{padding:.68rem 0 .52rem;}
	.Footer-container .mid .fl .foot_logo img{height:.62rem;}
	.media_ul li a{width:.68rem;height:.68rem;border-radius:6px;}
	.media_ul li a i{font-size:.34rem;}
	.Footer-container .mid>ul{margin-top:.36rem;}
	.Footer-container .mid>ul li{border-bottom:1px solid rgba(255,255,255,.16);}
	.Footer-container .mid>ul li p{padding:.28rem 0;font-size:16px;font-weight:700;cursor:pointer;}
	.Footer-container .mid>ul li p a{pointer-events:none;}
	.Footer-container .mid>ul li p i{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.08);font-size:15px;transition:transform .28s ease,background-color .28s ease;}
	.Footer-container .mid>ul li p.on i{background:var(--theme-color);transform:rotate(180deg);}
	.Footer-container .mid>ul li .foot_nav_link{padding:0 0 .24rem .16rem;}
	.Footer-container .mid>ul li .foot_nav_link a{padding:.06rem 0;line-height:1.85;color:rgba(255,255,255,.82);}
	.Footer-container .mid .fr{margin-top:.44rem;}
	.Footer-container .mid .fr .info dl{margin-top:.2rem;}
	.Footer-container .mid .fr .info dt i{font-size:.34rem;}
	.Footer-container .mid .fr .info dd{padding-left:.18rem;}
	.Footer-container .bot{padding:.32rem 0;}
	.md-sideBar{display:none!important;}
}