@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: #E60012;
	--theme-color-rgb: 230,0,18;
	--swiper-theme-color: #E60012;
	--sec-theme-color: #E60012;
}

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

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

/*clearfix娓呴櫎娴姩*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 榛樿鍚堝苟琛ㄦ牸杈规 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}

/* <input>鏍囩 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input鏍囩鑱氱劍涓嶅嚭鐜伴粯璁よ竟妗?*/

textarea { resize:none; } /* 绂佺敤浜嗘枃鏈殑鎷栨媺锛屽挨鍏跺湪璋锋瓕涓?*/
select, button, input,img {vertical-align: middle;}/*鍘婚櫎鍥剧墖搴曢儴缂濋殭骞跺熀浜庝腑绾垮榻?/
img {
    width: auto;
    height: auto;
    width: auto\9;
	max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
}
/** 璁剧疆榛樿瀛椾綋 **/
/* 
    瀹嬩綋锛歕5B8B\4F53
    鏂板畫浣擄細\65B0\5B8B\4F53
    榛戜綋锛歕9ED1\4F53
    寰蒋闆呴粦锛歕5FAE\8F6F\96C5\9ED1
    妤蜂綋锛歕6977\4F53_GB2312
    鎬濇簮榛戜綋锛?Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1 "DR",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}

/*End reset*/

/*public Css*/

/* 閲嶇粯鍏冪礌杈规鐩?*/
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{-ms-touch-action:none;/* 闃绘windows Phone 鐨勯粯璁よЕ鎽镐簨浠?*/}

/*鍏煎iphone鍘婚櫎榛樿input琛ㄥ崟榛樿璁剧疆*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*clearfix娓呴櫎娴姩*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 姘村钩鍨傜洿灞呬腑 */
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

/*鍔ㄧ敾--瑙勫畾鍔ㄧ敾绉诲姩鍑哄幓鐨勬椂闂?/
a{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* 鎸囧畾鏂囧瓧绂佹澶嶅埗 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/* 鏂囧瓧闄愬埗琛屾暟 */
/* 闄愬埗涓€琛?*/
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 銆愬父鐢ㄣ€戦檺鍒跺琛?淇敼琛屾暟-webkit-line-clamp: 2;銆愬吋瀹瑰繀椤婚檺楂樸€?*/
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/* 寮曞叆瀛椾綋 */
@font-face {
    font-family: 'DR';
    src: url('../fonts/DMSans-Regular.ttf'),
    url('../fonts/DMSans-Regular.eot'),
    url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DMSans-Regular.woff2') format('woff2'),
    url('../fonts/DMSans-Regular.woff') format('woff'),
    url('../fonts/DMSans-Regular.otf') format('truetype'),
    url('../fonts/DMSans-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'RB';
    src: url('../fonts/Raleway-Bold.ttf'),
    url('../fonts/Raleway-Bold.eot'),
    url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Raleway-Bold.woff2') format('woff2'),
    url('../fonts/Raleway-Bold.woff') format('woff'),
    url('../fonts/Raleway-Bold.otf') format('truetype'),
    url('../fonts/Raleway-Bold.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'DL';
    src: url('../fonts/DMSans-Light.ttf'),
    url('../fonts/DMSans-Light.eot'),
    url('../fonts/DMSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DMSans-Light.woff2') format('woff2'),
    url('../fonts/DMSans-Light.woff') format('woff'),
    url('../fonts/DMSans-Light.otf') format('truetype'),
    url('../fonts/DMSans-Light.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'CAI978';
    src: url('../fonts/CAI978.ttf'),
    url('../fonts/CAI978.eot'),
    url('../fonts/CAI978.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CAI978.woff2') format('woff2'),
    url('../fonts/CAI978.woff') format('woff'),
    url('../fonts/CAI978.otf') format('truetype'),
    url('../fonts/CAI978.svg#svgFontName') format('svg');
}
.DR{font-family: "DR";}
.RB{font-family: "RB";}
.DL{font-family: "DL";}
.CAI978{font-family: "CAI978";}
/*鍔ㄧ敾鏁堟灉 鎵€鏈夊睘鎬ц幏寰楄繃搴?/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

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

.color-blue{ color: #00307C;}
.color-sec-blue{ color: var(--sec-theme-color);}
.color-title{color: var(--sec-title-color);}
.color-white{ color: white;}
.color-black{ color: black;}
.color-dark{color: #001322;}

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

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

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

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

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

.pd-60{padding: 0.6rem 0;}
.pt-60{padding-top: 0.6rem;}
.pb-60{padding-bottom: 0.6rem;}

.pd-80{padding: 0.8rem 0;}
.pt-80{padding-top: 0.8rem;}
.pb-80{padding-bottom: 0.8rem;}

.pd-100{padding: 1rem 0;}
.pt-100{padding-top: 1rem;}
.pb-100{padding-bottom: 1rem;}

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

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

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

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

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


.flex-1 {flex: 1;}
/* flex甯冨眬 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*榛樿 涓昏酱涓烘按骞虫柟鍚戯紝璧风偣鍦ㄥ乏绔?/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*涓昏酱涓烘按骞虫柟鍚戯紝璧风偣鍦ㄥ彸绔?/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*涓昏酱涓哄瀭鐩存柟鍚戯紝璧风偣鍦ㄤ笂娌?/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*涓昏酱涓哄瀭鐩存柟鍚戯紝璧风偣鍦ㄤ笅娌?/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}

/* 浜ゅ弶杞寸殑璧风偣瀵归綈 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 浜ゅ弶杞寸殑涓偣瀵归綈 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 浜ゅ弶杞寸殑缁堢偣瀵归綈 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 椤圭洰鐨勭涓€琛屾枃瀛楃殑鍩虹嚎瀵归綈 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 浜ゅ弶杞存媺浼稿榻?*/
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 宸﹀榻?*/
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 灞呬腑 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 鍙冲榻?*/
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 涓ょ瀵归綈锛岄」鐩箣闂寸殑闂撮殧閮界浉绛?*/
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 姣忎釜椤圭洰涓や晶鐨勯棿闅旂浉绛夈€傛墍浠ワ紝椤圭洰涔嬮棿鐨勯棿闅旀瘮椤圭洰涓庤竟妗嗙殑闂撮殧澶т竴鍊?*/
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 鎹㈣锛岀涓€琛屽湪涓婃柟 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 鎹㈣锛屽湪绗竴琛岀殑涓嬫柟 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
/* flex甯冨眬 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*榛樿 涓昏酱涓烘按骞虫柟鍚戯紝璧风偣鍦ㄥ乏绔?/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*涓昏酱涓烘按骞虫柟鍚戯紝璧风偣鍦ㄥ彸绔?/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*涓昏酱涓哄瀭鐩存柟鍚戯紝璧风偣鍦ㄤ笂娌?/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*涓昏酱涓哄瀭鐩存柟鍚戯紝璧风偣鍦ㄤ笅娌?/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 浜ゅ弶杞寸殑璧风偣瀵归綈 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 浜ゅ弶杞寸殑涓偣瀵归綈 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 浜ゅ弶杞寸殑缁堢偣瀵归綈 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 椤圭洰鐨勭涓€琛屾枃瀛楃殑鍩虹嚎瀵归綈 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 浜ゅ弶杞存媺浼稿榻?*/
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 宸﹀榻?*/
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 灞呬腑 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 鍙冲榻?*/
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 涓ょ瀵归綈锛岄」鐩箣闂寸殑闂撮殧閮界浉绛?*/
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 姣忎釜椤圭洰涓や晶鐨勯棿闅旂浉绛夈€傛墍浠ワ紝椤圭洰涔嬮棿鐨勯棿闅旀瘮椤圭洰涓庤竟妗嗙殑闂撮殧澶т竴鍊?*/
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 鎹㈣锛岀涓€琛屽湪涓婃柟 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 鎹㈣锛屽湪绗竴琛岀殑涓嬫柟 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}

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

.Header-container .tool {display: flex;align-items: center;color: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper.on .Header-container .tool,.Header-wrapper.white_bg .Header-container .tool{color: #000;}
.sc-inner-site .Header-container .tool{gap:.12rem;margin-left:.12rem;}
.sc-inner-site .Header-container .tool .search{display:flex;width:.5rem;height:.5rem;align-items:center;justify-content:center;border:.01rem solid #dfe3e7;border-radius:50%;color:#172033;transition:border-color .3s ease,color .3s ease,transform .3s ease;}
.sc-inner-site .Header-container .tool .search:hover{border-color:var(--theme-color);color:var(--theme-color);transform:translateY(-.02rem);}
.sc-inner-site .sc-header-message{display:inline-flex;min-width:1.65rem;height:.56rem;align-items:center;justify-content:center;gap:.09rem;padding:0 .24rem;border-radius:.3rem;background:var(--theme-color);color:#fff;font-weight:700;transition:background-color .3s ease,transform .3s ease;}
.sc-inner-site .sc-header-message svg{width:.23rem;height:.23rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.sc-inner-site .sc-header-message:hover{background:#b9000e;color:#fff;transform:translateY(-.02rem);}
.Header-container .tool .search {}
.Header-container .tool .search i {position: relative;font-size: 24px;/* padding-right: 0.18rem;margin-right: 0.2rem; */cursor: pointer;vertical-align: middle;}
/* .Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
.Header-wrapper.on .Header-container .tool .search i::after {background-color: rgb(0,0,0,.3);} */
.Header-container .tool .language {position: relative;}
.Header-container .tool .language a {display: flex;align-items: center;color: white;}
.Header-container .tool .language i {font-size: 24px;}
.Header-container .tool .language p {font-size: 16px;margin-left: 0.08rem;display: flex;align-items: center;}
.Header-container .tool .language p::after {display: inline-block;margin-left: 5px;content: "\e60a";font-size: 12px;font-family: 'iconfont';-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-container .tool .language.on p::after {-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Header-container .tool .language .language_down {display: none;position: absolute;z-index: 2;left: 5px;top: 100%;width: 100%;height: auto;background: var(--theme-color);text-align: left;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;}
.Header-container .tool .language .language_down a {display: block;font-size: 14px;line-height: 1.3;padding: 10px 15px;color: rgba(255, 255, 255, .8);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;text-align: center;}
.Header-container .tool .language .language_down a:hover {background-color: #3F3B3A;}
.Header-wrapper.on .Header-container .tool .language>a,.Header-wrapper.white_bg .Header-container  .tool .language>a{color: #000;}

/* Mobile navigation switch. */
#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: 36px;}
	.mt{margin-top: 60px;}
	/* Mobile navigation panel. */
	#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 .c-title-box .sc-nav-toggle[aria-expanded="true"] i{transform:rotate(180deg);}
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: var(--theme-color);}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
	
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

/* Shengchao header product mega menu. */
@media all and (min-width:1001px){
	.Header-container .c-nav>li.sc-head-product{position:static;}
	.Header-container .c-nav>li.sc-head-product>.sc-head-mega{position:absolute;top:100%;left:0;width:100%;padding:.25rem 0 .3rem;background:#1b2028;color:#fff;line-height:1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.12rem);box-shadow:0 .2rem .45rem rgba(0,0,0,.16);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;}
	.Header-container .c-nav>li.sc-head-product:hover>.sc-head-mega,
	.Header-container .c-nav>li.sc-head-product:focus-within>.sc-head-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
	.sc-head-mega .sc-head-mega-inner{display:grid;grid-template-columns:2.65rem 3.15rem minmax(0,1fr);min-height:4.4rem;align-items:stretch;}
	.sc-head-mega .sc-head-mega-primary{padding:.1rem .3rem .1rem 0;border-right:.01rem solid rgba(255,255,255,.16);}
	.sc-head-mega .sc-head-mega-label{margin:0 0 .2rem .18rem;color:rgba(255,255,255,.5);letter-spacing:.015rem;}
	.sc-head-mega .sc-head-mega-primary-link{display:flex;min-height:.65rem;align-items:center;justify-content:space-between;padding:.12rem .18rem;border-radius:.04rem;color:#fff;line-height:1.35;transition:background-color .25s ease,color .25s ease,padding .25s ease;}
	.sc-head-mega .sc-head-mega-primary-link i{font-size:.18rem;opacity:.55;transition:transform .25s ease,opacity .25s ease;}
	.sc-head-mega .sc-head-mega-primary-link.active{padding-left:.24rem;background:var(--theme-color);color:#fff;}
	.sc-head-mega .sc-head-mega-primary-link.active i{opacity:1;transform:translateX(.03rem);}
	.sc-head-mega .sc-head-mega-secondary{padding:.08rem .3rem;border-right:.01rem solid rgba(255,255,255,.16);}
	.sc-head-mega .sc-head-mega-secondary-panel{display:none;}
	.sc-head-mega .sc-head-mega-secondary-panel.active{display:block;}
	.sc-head-mega .sc-head-mega-secondary-link{display:flex;min-height:.47rem;align-items:center;justify-content:space-between;color:rgba(255,255,255,.78);line-height:1.35;transition:color .25s ease,transform .25s ease;}
	.sc-head-mega .sc-head-mega-secondary-link i{font-size:.16rem;opacity:0;transform:translateX(-.05rem);transition:opacity .25s ease,transform .25s ease;}
	.sc-head-mega .sc-head-mega-secondary-link:hover,
	.sc-head-mega .sc-head-mega-secondary-link.active{color:#fff;transform:translateX(.06rem);}
	.sc-head-mega .sc-head-mega-secondary-link.active i{color:var(--theme-color);opacity:1;transform:translateX(0);}
	.sc-head-mega .sc-head-mega-products{min-width:0;padding:.05rem 0 0 .34rem;}
	.sc-head-mega .sc-head-mega-products-panel{display:none;}
	.sc-head-mega .sc-head-mega-products-panel.active{display:flex;min-height:0;flex-direction:column;animation:scMegaFade .25s ease both;}
	.sc-head-mega .sc-head-mega-products-head{display:flex;min-height:.42rem;align-items:flex-start;justify-content:space-between;gap:.2rem;margin-bottom:.18rem;}
	.sc-head-mega .sc-head-mega-products-head h2{color:#fff;line-height:1.25;}
	.sc-head-mega .sc-head-mega-products-head>a{display:flex;align-items:center;gap:.09rem;color:rgba(255,255,255,.65);line-height:1.35;transition:color .25s ease;}
	.sc-head-mega .sc-head-mega-products-head>a:hover{color:#fff;}
	.sc-head-mega .sc-head-link-arrow{display:inline-flex;width:.2rem;height:.2rem;align-items:center;justify-content:center;font-size:.15rem;line-height:1;transition:transform .25s ease;}
	.sc-head-mega .sc-head-mega-products-head>a:hover .sc-head-link-arrow{transform:translateX(.04rem);}
	.sc-head-mega .sc-head-mega-product-scroll-shell{position:relative;min-height:0;}
	.sc-head-mega .sc-head-mega-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;max-height:3.85rem;overflow-x:hidden;overflow-y:auto;padding-right:.18rem;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior-block:contain;}
	.sc-head-mega .sc-head-mega-product-grid::-webkit-scrollbar{display:none;width:0;height:0;}
	.sc-head-mega .sc-head-mega-product-scroll-track{position:absolute;right:.02rem;top:0;bottom:0;width:.04rem;border-radius:.04rem;background:rgba(255,255,255,.16);opacity:0;pointer-events:none;transition:opacity .25s ease;}
	.sc-head-mega .sc-head-mega-product-scroll-track.is-visible{opacity:1;}
	.sc-head-mega .sc-head-mega-product-scroll-track span{display:block;width:100%;min-height:.8rem;border-radius:.04rem;background:var(--theme-color);transform-origin:top center;will-change:transform;}
	.sc-head-mega .sc-head-mega-card{display:block;min-width:0;color:#fff;line-height:1;}
	.sc-head-mega .sc-head-mega-card-media{overflow:hidden;border-radius:.05rem;background:#f4f4f4;}
	.sc-head-mega .sc-head-mega-card-media img{transition:transform .35s ease;}
	.sc-head-mega .sc-head-mega-card h3{min-height:.42rem;margin-top:.13rem;color:rgba(255,255,255,.86);transition:color .25s ease;}
	.sc-head-mega .sc-head-mega-card:hover h3{color:#fff;}
	.sc-head-mega .sc-head-mega-card:hover img{transform:scale(1.045);}
	.Header-container .c-nav>li.sc-head-product>.sc-head-mobile-products{display:none;}
}
@keyframes scMegaFade{from{opacity:0;transform:translateY(.05rem)}to{opacity:1;transform:translateY(0)}}
@media all and (max-width:1000px){
	.Header-container .c-nav>li.sc-head-product>.sc-head-mega{display:none;}
	#c-header .c-nav>li.sc-head-product>.sc-head-mobile-products{display:none;margin:0 -4%;padding:0 4%;background:#f7f7f8;}
	#c-header .c-nav>li.sc-head-product>.sc-head-mobile-products>li{padding:0;border-color:#e7e7e8;}
}
/* ================= Mega Menu 鏍峰紡 ================= */
/* ================= 1. Mega Menu 瀹氫綅涓庨槻婧㈠嚭 ================= */
@media all and (min-width: 1000px) {
    .Header-container .c-nav > li.has-mega { position: relative; }
    
    .Header-container .c-nav > li.has-mega > .mega-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 15px);
        width: 850px; /* 鍥哄畾瀹藉害锛岄潪鍏ㄥ睆 */
        max-width: 90vw;
        background-color: #fff;
        z-index: 99;
        border-radius: 4px;
        opacity: 0;
        pointer-events: none;
        transition: all .4s cubic-bezier(.645, .045, .355, 1);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        overflow: hidden;
		font-weight: 400;
    }
    
    .Header-container .c-nav > li.has-mega:hover > .mega-menu {
        pointer-events: all;
        transform: translate(-50%, 0);
        opacity: 1;
    }

    /* 銆愬叧閿慨澶嶃€戞渶鍙充晶鐨?~2涓彍鍗曪紝鏀逛负鍚戝彸瀵归綈锛岄槻姝㈣秴鍑哄睆骞?*/
    .Header-container .c-nav > li:last-child > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2) > .mega-menu {
        left: auto;
        right: 0;
        transform: translate(0, 15px);
    }
    .Header-container .c-nav > li:last-child:hover > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2):hover > .mega-menu {
        transform: translate(0, 0);
    }
}

/* ================= 2. 宸﹀彸甯冨眬鍒掑垎 ================= */
.mega-menu .mega-left { width: 45%; padding: 40px; }
.mega-menu .mega-right { width: 55%; padding: 40px; }

/* ================= 3. 鍙充晶閾炬帴鐗规晥 (涓嬪垝绾?+ 绠ご) ================= */
.mega-menu .mega-list li { margin-bottom: 20px; line-height: 1.3;}
.mega-menu .mega-list li:last-child { margin-bottom: 0; }

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

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

/* 浠呮枃瀛楀搴︾殑涓嬪垝绾?*/
.link-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--theme-color, #E60012);
    transition: width 0.3s ease;
}

/* 榛樿闅愯棌骞跺亸宸︾殑绠ご */
.link-arrow {
    opacity: 0;
    transform: translateX(-6px);
    color: var(--theme-color);
    margin-left: 10px;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* 鎮仠鐘舵€佽Е鍙戝姩鐢?*/
.mega-list li:hover .link-text { color: #222; font-weight: 600;}
.mega-list li:hover .link-text::after { width: 100%; }
.mega-list li:hover .link-arrow { opacity: 1; transform: translateX(0); }

/* ================= 4. 宸︿晶娣″叆鍔ㄧ敾 ================= */
.mega-fade-enter { animation: megaFadeIn 0.4s ease forwards; }
@keyframes megaFadeIn {
    0% { opacity: 0; transform: translateY(5px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ================= 1. 鍙充晶閾炬帴鎮仠鐗规晥 (涓嬪垝绾?+ 绠ご) ================= */
.mega-link {
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
}

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

/* 榛樿闅愯棌涓嬪垝绾?(瀹藉害涓?) */
.mega-link .link-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* 涓嬪垝绾胯窛绂绘枃瀛楃殑璺濈 */
    width: 0;
    height: 2px;
    background-color: var(--theme-color); /* 浣跨敤鎮ㄧ殑涓婚鑹插彉閲?*/
    transition: width 0.3s ease;
}

/* 榛樿闅愯棌鍙崇澶?(閫忔槑搴?锛屼笖鍚戝乏鍋忕Щ) */
.mega-link .link-arrow {
    opacity: 0;
    transform: translateX(-10px);
    color: var(--theme-color);
    margin-left: 8px;
    transition: all 0.3s ease;
}

/* 榧犳爣瑙︾ li 鏃剁殑鐘舵€佸彉鍖?*/
.mega-list li:hover .mega-link {
    color: #000; /* 瑙︾鍚庢枃瀛楅鑹插姞娣?*/
}

.mega-list li:hover .link-text::after {
    width: 100%; /* 涓嬪垝绾夸粠宸﹀埌鍙冲睍寮€ */
}

.mega-list li:hover .link-arrow {
    opacity: 1; /* 绠ご鏄剧幇 */
    transform: translateX(0); /* 绠ご鍚戝彸婊戝叆褰掍綅 */
}


/* ================= 2. 淇鏈€鍙充晶鑿滃崟瓒呭嚭灞忓箷鐨勯棶棰?================= */
/* 
   鎮ㄥ師鏉ョ殑浠ｇ爜鏄?left: 50%; transform: translate(-50%, ...); 
   杩欎細瀵艰嚧鏈€鍙充晶鐨勮彍鍗曞悜鍙虫孩鍑恒€?   杩欓噷寮哄埗璁╁鑸爮鏈€鍚庝袱涓?li 鐨勪笅鎷夎彍鍗曞悜鍙冲榻愩€?*/
@media all and (min-width: 1000px) {
    .Header-container .c-nav > li:last-child > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2) > .mega-menu {
        left: auto;
        right: 0;
        transform: translate(0, 15px);
    }
    
    .Header-container .c-nav > li:last-child:hover > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2):hover > .mega-menu {
        transform: translate(0, 0);
    }
}

/* ================= 鎵嬫満绔€傞厤 (灏忎簬 1000px) ================= */
@media all and (max-width: 999px) {
    /* 1. 闅愯棌宸︿晶鍥炬枃灞曠ず锛屾墜鏈虹鍙樉绀虹函鍑€鐨勯摼鎺ュ垪琛?*/
    .mega-menu .mega-left {
        display: none;
    }
    
    /* 2. 鍙充晶鍒楄〃鍗犳弧鍏ㄥ */
    .mega-menu .mega-right {
        width: 100%;
        padding: 15px 20px;
        background-color: #f8f9fa; /* 缁欏瓙鑿滃崟鍔犱釜娴呰壊鑳屾櫙鍖哄垎灞傜骇 */
    }
	.mega-menu .mega-right ul{
		display: block !important;
	}
    
    /* 3. 涓嬫媺鑿滃崟鏀逛负闈欐€佸畾浣嶏紝榛樿闅愯棌锛岀敱 JS 鎺у埗 slideToggle */
    .Header-container .c-nav > li.has-mega > .mega-menu {
        position: static;
        width: 100%;
        transform: none;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        display: none; /* 鏍稿績锛氶粯璁ら殣钘?*/
    }
    
    /* 鍙栨秷 PC 绔殑 hover 鑷姩灞曞紑锛岄槻姝㈡墜鏈虹璇Е */
    .Header-container .c-nav > li.has-mega:hover > .mega-menu {
        transform: none;
    }
    
    /* 4. 鎵嬫満绔病鏈?hover锛岀洿鎺ヨ鍙充晶绠ご榛樿鏄剧ず鍗冲彲 */
    .mega-link .link-arrow {
        opacity: 1;
        transform: translateX(0);
        color: #999;
    }
    
    /* 5. 璋冩暣鐖剁骇鏍囬鏍忥紝璁╂枃瀛楀拰绠ご涓ょ瀵归綈锛屾柟渚跨偣鍑?*/
    .c-title-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    
    /* 鎵╁ぇ绠ご鐨勭偣鍑荤儹鍖猴紝鎻愬崌鎵嬫満绔偣鍑讳綋楠?*/
    .c-title-box i {
        padding: 10px 15px;
        cursor: pointer;
        font-size: 18px;
    }
}

/* 搴曢儴 */
.Footer-wrapper {
	position: relative;
	background: #f5f5f8;
	background: #F3F5F7 url('../images/generated/footer-background.webp') no-repeat center/cover;
	background-size: 45% auto;
	background-position: 100% 100%;
}
.Footer-wrapper::before, .Footer-wrapper::after {
    content: '';
    width: 50%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--theme-color);
	/* display: none; */
}
.Footer-wrapper::after {
    left: auto;
    right: 0;
    background: #808080;
}
.Footer-container {}
/* .Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.52rem;}
.Footer-container .toate(180degp .foot_link {} */
.media_ul {}
.media_ul li {margin-right: 8px;}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;width: 0.4rem;height: 0.4rem;background-color: #3b5999;color: white;border-radius: 3px;font-size: 0;}
.media_ul li a i {font-size: var(--f20);}
.media_ul li a {background-color: rgb(0,0,0,.5);}
/* .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 0.4rem;}
.Footer-container .mid .fl{
	width: 25%;
}
.Footer-container .mid .fl .foot_logo{}
.Footer-container .mid .fl .foot_logo img{
	height: 0.48rem;
}
.Footer-container .mid .fl .foot_txt{
	
}
.Footer-container .mid .fl .foot_link{}
.Footer-container .mid .fr{
	width: 25%;
}
.Footer-container .mid .fr .tit{
	position: relative;
	padding-bottom: 0.15rem;
}
.Footer-container .mid .fr .tit::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #FFFFFF1A;
	left: 0;
	bottom: 0;
}
.Footer-container .mid .fr .tit:before{
	position: absolute;
	content: "";
	width: 0.8rem;
	height: 2px;
	background-color: var(--theme-color);
	left: 0;
	bottom: 0;
}
.Footer-container .mid .fr .tit
.Footer-container .mid .fr .des{}
.Footer-container .mid .fr .info{}
.Footer-container .mid .fr .info dl{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0.15rem;
}
.Footer-container .mid .fr .info dt{
}
.Footer-container .mid .fr .info dt i{
	font-size: var(--f20);
	line-height: 1.5;
}
.Footer-container .mid .fr .info dd{
	flex: 1;
	padding-left: 0.12rem;
	font-size: var(--f16);
	line-height: 1.5;
}
.Footer-container .mid>ul {
	width: 35%;
}
.Footer-container .mid>ul li {float: left;overflow: hidden;min-width: 200px;}
.Footer-container .mid>ul li p {text-transform: uppercase;font-size: var(--f24);line-height: 1.5;color: #000;display: block;margin-bottom: 0.12rem;font-family: "RB";}
.Footer-container .mid>ul li p i{margin-left: 0.06rem;}
.Footer-container .mid>ul li p{
	position: relative;
	padding-bottom: 0.15rem;
}
.Footer-container .mid>ul li p::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #FFFFFF1A;
	left: 0;
	bottom: 0;
}
.Footer-container .mid>ul li p:before{
	position: absolute;
	content: "";
	width: 0.8rem;
	height: 2px;
	background-color: var(--theme-color);
	left: 0;
	bottom: 0;
}
.Footer-container .mid>ul li .foot_nav_link a {font-size: var(--f16);color: #333;line-height: 2;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(0,0,0,.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(0,0,0,.8);}
.Footer-container .bot {font-size: var(--f16);line-height: 1.4;color: rgb(0,0,0,.8);text-align: center;padding: 0.3rem 0;border-top: 1px solid rgba(0,0,0,0.05);}
.Footer-container .bot a {font-size: var(--f16);color: rgb(0,0,0,.8);}

/* 涓棿+鍏辩敤閮ㄥ垎 */

/* ind_banner */

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

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

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

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

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

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

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

/* i_tit2 s */
.i_tit2{text-align: center;margin-bottom: 0.5rem;}
.i_tit2 span{
	display: inline-block;
	color: var(--theme-color);
	font-size: var(--f16);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0.1rem;
	letter-spacing: 1px;
}
.i_tit2 h2{
	font-size: var(--f46);
	color: #111;
	font-weight: 700;
	line-height: 1.15;
}
.i_tit2 p{font-size: 18px;color: #47484b;line-height: 1.4;margin-top: 0.12rem;}
/* i_tit2 e */

/* c_ban */
.c_ban {position: relative;height: 5.2rem;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;text-align: left;}
.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: none;display: flex;align-items: center;}
.crumbs a {font-size: 18px;color: #666;display: inline-flex;align-items: center;}
.crumbs:before{
	position: absolute;
	content: "\e6b5";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "iconfont";
	font-size: var(--f20);
}
.crumbs a:not(:last-child)::after {font: normal normal normal 14px/1 FontAwesome;content: "\f105";display: inline-block;margin: 0 0.08rem;}
.crumbs a:hover {color: var(--theme-color);}

/* bg */
.white_bg {background-color: white;}
.grey_bg {background-color: #fafafa;background-color: #EFF2F7;/* background-color: #f7f9fa; */}

/* com_page — match old site; current page is <span class="page-num-current"> */
.com_page {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;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;margin: 0 .05rem;transition: all .3s;min-width: 32px;min-height: 32px;box-sizing: border-box;text-decoration: none;line-height: 1;background: #fff;}
.com_page .page-num-current,
.com_page a:hover {border-color: var(--theme-color)!important;background: var(--theme-color)!important;color: #fff!important;}
.com_page .page-prev,
.com_page .page-next {background-color: #eff2f7;font-size: 0;color: transparent;}
.com_page .page-prev::after,
.com_page .page-next::after {font: normal normal normal 14px/1 FontAwesome;font-size: var(--f16);color: #333;line-height: 1;}
.com_page .page-prev::after {content: "\f104";}
.com_page .page-next::after {content: "\f105";}
.com_page a.page-prev:hover::after,
.com_page a.page-next:hover::after {color: #fff;}
.com_page .page-prev.is-disabled,
.com_page .page-next.is-disabled {opacity: .35;pointer-events: none;cursor: default;}
.com_page .page-ellipsis {border: 0;background: transparent;min-width: .28rem;width: auto;color: #999;}
.no_page{font-size: var(--f18);font-family: "SSB" ;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;}

/* ====================棣栭〉鏍峰紡========================= */
/* ==========================================================================
   1. 琛ュ厖鐨勫熀纭€鍘熷瓙绫?(Utility Classes - 浠呬繚鐣欐偍鍩虹搴撲腑娌℃湁鐨?
   ========================================================================== */
/* 瀹藉害涓庨珮搴?*/
.w100 { width: 100%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w48 { width: 48%; }
.w32 { width: 32%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w20 { width: 20%; }
.h100 { height: 100%; }
.hmax { height: 100vh; }
.max-w-1000 { max-width: 10rem; }
.max-w-800 { max-width: 8rem; }
.max-w-600 { max-width: 6rem; }

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

/* 瀛椾綋鎺掔増琛ュ厖 */
.fwb { font-weight: 600; }
.tac { text-align: center; }
.ttu { text-transform: uppercase; }
.lh-1 { line-height: 1; }
.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-15 { line-height: 1.5; }
.lh-16 { line-height: 1.6; }
.lh-20 { line-height: 2.0; }
.tracking-wider { letter-spacing: 0.05em; }

/* 棰滆壊涓庤儗鏅ˉ鍏?*/
.color-3 { color: #333; }
.color-6 { color: #666; }
.color-9 { color: #999; }
.color-d { color: #ddd; }
.color-white { color: #fff; }
.color-theme { color: var(--theme-color); }
.bg-white { background-color: #fff; }
.bg-f8 { background-color: #f8f9f9; }
.bg-eee { background-color: #eee; }
.bg-dark { background-color: #001322; }
.bg-theme { background-color: var(--theme-color); }
.bg-sec-blue { background-color: #0A2558; }
.bg-dark-opacity { background-color: rgba(0, 19, 34, 0.85); }
.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); }

/* 杈规涓庡渾瑙?*/
.radius5 { border-radius: 5px; }
.radius10 { border-radius: 10px; }
.radius20 { border-radius: 20px; }
.radius50 { border-radius: 50%; }
.border-none { border: none; }
.border-3-theme { border: 3px solid var(--theme-color); }
.border-white-1 { border: 1px solid rgba(255, 255, 255, 0.1); }
.border-b-white-1 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.border-b-eee { border-bottom: 1px solid #eee; }

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

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


/* 瀹介珮灏忓伐鍏?*/
.w-40 { width: 0.4rem; }
.h-40 { height: 0.4rem; }
.w-36 { width: 0.36rem; }
.h-36 { height: 0.36rem; }
.w-10 { width: 0.1rem; }
.h-10 { height: 0.1rem; }
.h-2px { height: 2px; }
.w-0 { width: 0; }

/* ==========================================================================
   2. 椤甸潰涓撳睘缁勪欢鏍峰紡 (Components)
   ========================================================================== */

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

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

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

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

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

/* ==========================================================================
   Custom Engineering - 宸︿晶鍥剧墖瑙嗚鍖?   ========================================================================== */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 瑁呴グ绾挎潯锛屽寮哄伐绋嬪浘绾告劅 */
.yj-custom-imgbox::before {
    content: "";
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
    border-top: 2px solid rgba(255,255,255,0.65);
    border-left: 2px solid rgba(255,255,255,0.65);
    z-index: 2;
    pointer-events: none;
}

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

/* 骞虫澘閫傞厤 */
@media screen and (max-width: 1200px) {
    .yj-custom-visual {
        width: 100%;
    }

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

/* 鎵嬫満閫傞厤 */
@media screen and (max-width: 768px) {
    .yj-custom-imgbox {
        height: 4rem;
        border-radius: 14px;
    }

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

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

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

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

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


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

/* About Us */
.yj-home-about-content{
	/* legacy about background intentionally omitted; the active About template uses sc-about sections. */
	background-size: 10rem auto;
}

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

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

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

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

/* ==========================================================================
   3. 鍝嶅簲寮忛€傞厤 (Responsive)
   ========================================================================== */
@media screen and (max-width: 1600px) {
    .yj-home-hero-title { font-size: 0.54rem; }
    .yj-home-filter-sec { margin-top: -0.6rem; }
    .yj-home-input-group { width: 21%; }
    .yj-home-filter-submit { width: 14%; }
}

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

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

/* ====================鍐呴〉鏍峰紡========================= */

/* ====================鍏充簬鏍峰紡========================= */

:root {
    --yj-ab-theme: #0154A4; /* 娣辫摑鑹蹭富棰橈紝鍙牴鎹偍鐨勫叏灞€鍙橀噺璋冩暣 */
    --yj-ab-theme-hover: #155a8f;
    --yj-ab-text-main: #333333;
    --yj-ab-text-light: #666666;
    --yj-ab-bg-light: #f8f9fa;
    --yj-ab-border: #eaeaea;
    --yj-ab-radius: 12px;
    --yj-ab-transition: all 0.3s ease;
}

/* 閽堝鏈〉闈㈢嫭绔嬩綔鐢ㄥ煙鐨勫熀纭€璁剧疆 */
.yj-ab-section {
    color: var(--yj-ab-text-light);
    font-size: 16px;
    line-height: 1.5;
}

.yj-ab-title-ssb {
    font-family: 'SSB', 'DR', sans-serif;
    font-weight: 700;
    color: var(--yj-ab-text-main);
}

/* ==================== 甯冨眬涓庡叕鍏辩被 ==================== */
.yj-ab-container {
    width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
	max-width: 92%;
}

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

/* 缃戞牸绯荤粺 */
.yj-ab-grid { display: grid; gap: 30px; }
.yj-ab-grid-2 { grid-template-columns: repeat(2, 1fr); }
.yj-ab-grid-4 { grid-template-columns: repeat(4, 1fr); }
.yj-ab-grid-5 { grid-template-columns: repeat(5, 1fr); }
.yj-ab-align-center { align-items: center; }

/* 姣斾緥鎺у埗绫?(Rect) */
[class*="yj-ab-rect-"]{height: auto;}
.yj-ab-rect-4-3 { aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--yj-ab-radius); }
.yj-ab-rect-16-9 { aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--yj-ab-radius); }
.yj-ab-rect-3-2 { aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--yj-ab-radius); }
.yj-ab-rect-4-3 img, .yj-ab-rect-16-9 img, .yj-ab-rect-3-2 img {
    width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;
}
.yj-ab-rect-4-3:hover img, .yj-ab-rect-16-9:hover img, .yj-ab-rect-3-2:hover img {
    transform: scale(1.05); /* 鍥剧墖鎮仠寰斁澶?*/
}

/* 鎮仠娴姩鍗＄墖 */
.yj-ab-hover-up { transition: var(--yj-ab-transition); }
.yj-ab-hover-up:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

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

/* 鏍囬鏍峰紡 */
.yj-ab-section-title { font-size: 42px; margin-bottom: 20px; line-height: 1.2; margin-top: 0; }
.yj-ab-section-desc { font-size: 18px; max-width: 1200px; margin: 0 auto 50px; text-align: center; }

/* ==================== 鍏蜂綋鏉垮潡鏍峰紡 ==================== */


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

/* 3. 鍗＄墖閫氱敤鏍峰紡 */
.yj-ab-strength{
	/* legacy strength background intentionally omitted; the active About template supplies its own media. */
}

.yj-ab-card {
    background: #fff; padding: 40px 30px; border-radius: var(--yj-ab-radius); border: 1px solid var(--yj-ab-border);
}
.yj-ab-driven .yj-ab-grid{
	/* 瀹氫箟 3 鍒楋紝姣忓垪瀹藉害鐩哥瓑 (1fr 琛ㄧず 1 浠藉墿浣欑┖闂? */
   grid-template-columns: repeat(3, 1fr);
}
/* 鍏抽敭锛氳鏈€鍚庝竴涓崱鐗囪法瓒婁袱鍒?*/
.yj-ab-driven .yj-ab-grid .yj-ab-card:last-child{
  grid-column: span 2;
}
.yj-ab-icon {
    width: 80px; height: 80px; background-color: #f0f4f8; color: var(--yj-ab-theme);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 24px; margin-bottom: 20px;
}
.yj-ab-icon img{
	width: 50%;
}
.yj-ab-icon-blue { background-color: var(--yj-ab-theme); color: #fff; }
.yj-ab-card h4 { font-size: 20px; margin-bottom: 15px; margin-top: 0; }



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

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

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

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

/* Swiper 鑷畾涔夋寜閽?*/
.yj-ab-nav-btn {
    color: var(--yj-ab-theme) !important; background: #fff; width: 40px !important; height: 40px !important;
    border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-top: -20px !important;
}
.yj-ab-nav-btn::after { font-size: 18px !important; font-weight: bold; }
.yj-ab-nav-btn.swiper-button-prev { left: 0 !important; }
.yj-ab-nav-btn.swiper-button-next { right: 0 !important; }



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

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

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

/* ==================== 鍝嶅簲寮忛€傞厤 ==================== */
@media (max-width: 1400px) {
    .yj-ab-section-title { font-size: 36px; }
    .yj-ab-hero-title { font-size: 46px; }
}

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

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

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

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

/* --- 閫氱敤杈呭姪绫?(浠呬綔鐢ㄤ簬鏈〉) --- */
.gap-10 { gap: 0.1rem; }
.gap-15 { gap: 0.15rem; }
.gap-20 { gap: 0.2rem; }
.object-contain { object-fit: contain; }

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

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

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

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

/* --- 4. Development History (杞挱鍥炬爣鐗?淇鎴柇涓庡壀鍒? --- */
.px-20 { padding-left: 0.2rem; padding-right: 0.2rem; }

.yj-about-history-swiper { 
    position: relative; 
    /* 銆愬叧閿慨澶嶃€戦《閮ㄥ鍔?padding锛岄槻姝㈠渾鐐逛笂鍗婇儴鍒嗚 overflow:hidden 鍓垏 */
    padding-top: 0.2rem !important; 
}

/* 璐┛鍏ㄥ眬鐨勬椂闂寸嚎锛屼笉鍙?slide 闂磋窛褰卞搷 */
.yj-about-hist-global-line {
    position: absolute;
    top: 0.2rem; /* 涓?swiper 鐨?padding-top 楂樺害涓€鑷达紝纭繚涓庡渾鐐瑰眳涓榻?*/
    left: 0;
    width: 100%;
    height: 2px;
    background: #eee;
    z-index: 1;
    margin-top: -1px; /* 鍍忕礌绾у榻愬渾鐐逛腑蹇?*/
}

.yj-about-hist-dot {
    width: 0.24rem;
    height: 0.24rem;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    border: 4px solid #ddd;
    z-index: 2;
}

/* Hover 浜や簰鏁堟灉 */
.yj-about-hist-card:hover .yj-about-hist-dot {
    border-color: var(--theme-color);
    background: var(--theme-color);
    box-shadow: 0 0 10px rgba(0, 91, 172, 0.4);
}
.yj-about-hist-card:hover .yj-about-hist-icon {
    transform: translateY(-0.08rem) scale(1.05);
}

/* 璋冩暣宸﹀彸绠ご浣嶇疆 */
.yj-about-history-swiper .swiper-button-prev,
.yj-about-history-swiper .swiper-button-next {
    top: 50%;
    color: var(--theme-color);
    background: #fff;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.yj-about-history-swiper .swiper-button-prev { left: 0; }
.yj-about-history-swiper .swiper-button-next { right: 0; }
.yj-about-history-swiper .swiper-button-prev:after,
.yj-about-history-swiper .swiper-button-next:after {
    font-size: 0.2rem;
    font-weight: bold;
}



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

/* --- 6. Quality Control & Certifications --- */
.yj-about-cert-swiper.pb-40{
	padding-bottom: var(--sp-40);
}
.yj-about-flow-num { width: 0.3rem; height: 0.3rem; font-weight: bold; font-size: var(--f14); }
.yj-about-cert-swiper { padding-bottom: 0.5rem; }
/* .yj-about-cert-swiper .swiper-slide { transition: all 0.3s ease; opacity: 0.5; transform: scale(0.85); }
.yj-about-cert-swiper .swiper-slide-active { opacity: 1; transform: scale(1); } */
.yj-about-cert-swiper .swiper-button-prev,
.yj-about-cert-swiper .swiper-button-next { color: var(--theme-color); }

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

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

/* --- 10. Global Cooperation --- */
.yj-about-glb-tag {
    font-size: var(--f16);
    color: var(--theme-color);
    background: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 30px;
    border: 1px solid var(--theme-color);
    font-weight: 600;
    transition: all 0.3s ease;
}
.yj-about-glb-tag:hover {
    background: var(--theme-color);
    color: #fff;
}
/* --- 閫氱敤鎸夐挳鏍峰紡 (About 椤甸潰) --- */
.inline-flex { display: inline-flex; }
.ml-10 { margin-left: 0.1rem; }

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

/* 涓绘寜閽?(瀹炲績涓婚鑹? */
.yj-about-btn.primary {
    background: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-color);
    box-shadow: 0 4px 15px rgba(0, 91, 172, 0.3);
}
.yj-about-btn.primary:hover {
    background: #fff;
    color: var(--theme-color);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2);
}
.yj-about-btn.primary svg {
    transition: transform 0.3s ease;
}
.yj-about-btn.primary:hover svg {
    transform: translateX(5px);
}

/* 骞界伒鎸夐挳 (閫忔槑搴曠櫧杈癸紝鐢ㄤ簬娣辫壊鑳屾櫙) */
.yj-about-btn.outline {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.yj-about-btn.outline:hover {
    background: #fff;
    color: var(--theme-color);
    border-color: #fff;
}

/* 鎵嬫満绔寜閽€傞厤 */
@media screen and (max-width: 768px) {
    .yj-about-btn-wrap.flex { flex-direction: column; width: 100%; }
    .yj-about-btn { width: 100%; justify-content: center; margin-bottom: 0.15rem; }
}


/* ==========================================================================
   鍝嶅簲寮忛€傞厤 (Responsive)
   ========================================================================== */

/* 骞虫澘绔€傞厤 (<1200px) */
@media screen and (max-width: 1200px) {
    .yj-about-ov-wrap,
    .yj-about-qc-wrap,
    .yj-about-oem-wrap,
    .yj-about-glb-wrap { flex-direction: column; }
    
    .yj-about-ov-left, .yj-about-ov-right,
    .yj-about-qc-box, .yj-about-qc-flow,
    .yj-about-oem-txt, .yj-about-oem-list,
    .yj-about-glb-txt, .yj-about-glb-img { width: 100%; margin-bottom: 0.4rem; }
    
    .yj-about-fact-card, .yj-about-cul-card { width: 48%; margin-bottom: 0.4rem; }
    .yj-about-pro-card { width: 48%; }
    
    .yj-about-time-item { flex-direction: column !important; }
    .yj-about-time-content, .yj-about-time-img { width: 100%; padding: 0 !important; text-align: left !important; }
    .yj-about-time-img { margin-top: 0.3rem; }
    .yj-about-timeline-line { left: 0; transform: none; }
    .yj-about-time-dot { left: 0; top: 0; transform: translate(-4px, 0); }
    .yj-about-time-content { padding-left: 0.4rem !important; }
    
    .yj-about-env-mod { flex-direction: column !important; }
    .yj-about-env-img, .yj-about-env-txt { width: 100%; padding: 0 !important; }
    .yj-about-env-txt { margin-top: 0.3rem; }
}

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


/* ====================浜у搧鏍峰紡========================= */

/* 浜у搧鍒楄〃 s */
/* 鍩虹杈呭姪绫?*/
.bg-theme { background-color: var(--theme-color); }
.color-theme { color: var(--theme-color); }
.box-shadow { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.border-bottom { border-bottom: 1px solid #eee; }
.border-eee { border: 1px solid #eee; }
.cursor-pointer { cursor: pointer; }
.text-justify { text-align: justify; }
.border-none { border: none; }

/* ==================== 宸︿晶杈规爮瀵艰埅 (Sidebar) ========================= */
/* .sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
}

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

/* 涓嬫媺绠ご鎸夐挳锛屽鍔犵偣鍑诲尯鍩?*/
.yj-pro-menu .toggle-btn { padding: 0 10px; font-size: 20px; }

/* 瀛愯彍鍗?(鐢?JS 鎺у埗鏄剧ず闅愯棌锛屼笉鍐嶄娇鐢?display:block 琛屽唴鏍峰紡) */
.yj-pro-menu .sub-menu { display: none; padding-bottom: 0.1rem; }
.yj-pro-menu .sub-menu li a { 
    display: block; 
    padding: 0.08rem 0 0.08rem 0.15rem; 
    font-size: var(--f16); 
    color: #666; 
    transition: all 0.3s;
}
.yj-pro-menu .sub-menu li a i { margin-right: 0.08rem; font-size: 12px; opacity: 0; transition: all 0.3s; }
.yj-pro-menu .sub-menu li a:hover, 
.yj-pro-menu .sub-menu li a.active { color: var(--theme-color); padding-left: 0.2rem; }
.yj-pro-menu .sub-menu li a:hover i, 
.yj-pro-menu .sub-menu li a.active i { opacity: 1; }

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

/* ==================== 宸︿晶杈规爮瀵艰埅 (鏃犻檺鏋佽彍鍗? ========================= */
.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
}

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

/* 鑿滃崟椤瑰熀纭€绾?*/
.yj-pro-menu li { border-bottom: 1px solid #f5f5f5; }
.yj-pro-menu li:last-child { border-bottom: none; }

/* 鍖呭惈閾炬帴鍜岀澶寸殑澶撮儴 */
.yj-pro-menu .menu-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

/* 鑿滃崟鏂囧瓧閾炬帴 */
.yj-pro-menu .menu-head a {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    transition: color 0.3s ease;
}

/* 涓嬫媺绠ご鎸夐挳 */
.yj-pro-menu .menu-head .toggle-btn {
    padding: 0 10px;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease;
}

/* 鎮仠涓庢縺娲荤姸鎬?*/
.yj-pro-menu .menu-head a:hover { color: var(--theme-color); }
.yj-pro-menu li.active > .menu-head > a,.yj-pro-menu .sub-menu li.active>a{ color: var(--theme-color); }
.yj-pro-menu li.active > .menu-head > .toggle-btn { 
    transform: rotate(180deg); 
    color: var(--theme-color); 
}
/* --- 瀛愯彍鍗曢€掑綊鏍峰紡 (鏍稿績) --- */
.yj-pro-menu .sub-menu {
    display: none;
    padding-left: 18px; /* 姣忎竴绾ц嚜鍔ㄥ悜鍙崇缉杩?18px */
    padding-bottom: 10px;
}

/* 瀛愯彍鍗曞唴鐨?li 涓嶉渶瑕佸簳杈规 */
.yj-pro-menu .sub-menu li { border-bottom: none; }

/* 瀛愯彍鍗曞唴鐨勭函閾炬帴 (鍙跺瓙鑺傜偣) */
.yj-pro-menu .sub-menu > li > a {
    display: block;
    padding: 8px 0;
    font-size: 15px;
    color: #666;
    transition: all 0.3s ease;
    position: relative;
}

/* 缁欑函閾炬帴鍔犱釜灏忔í鏉犺楗帮紝鏇存湁灞傜骇鎰?*/
.yj-pro-menu .sub-menu > li > a::before {
    content: '-';
    margin-right: 8px;
    color: #ccc;
    transition: color 0.3s ease;
}

/* 瀛愯彍鍗曢摼鎺ユ偓鍋滀笌婵€娲?*/
.yj-pro-menu .sub-menu > li > a:hover,
.yj-pro-menu .sub-menu > li > a.active {
    color: var(--theme-color);
    padding-left: 5px; /* 鎮仠鏃舵枃瀛楄交寰彸绉?*/
}
.yj-pro-menu .sub-menu > li > a:hover::before,
.yj-pro-menu .sub-menu > li > a.active::before {
    color: var(--theme-color);
}

/* 瑕嗙洊娣卞眰宓屽鏃剁殑 menu-head 鏍峰紡 (璁╁瓧鍙峰彉灏忥紝瀛椾綋鍙樼粏) */
.yj-pro-menu .sub-menu .menu-head { padding: 8px 0; }
.yj-pro-menu .sub-menu .menu-head a { font-size: 16px; font-weight: 500; color: #555; }
.yj-pro-menu .sub-menu .menu-head .toggle-btn { font-size: 18px; }

/* ==================== 鍙充晶浜у搧缃戞牸 (Product List Grid) ========================= */
.yj-pro-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.yj-pro-card { border: 1px solid transparent; display: block;}
.yj-pro-card:hover { border-color: var(--theme-color); transform: translateY(-8px); }
.yj-pro-card:hover h3 { color: var(--theme-color); }

.yj-pro-btn {
    display: inline-block;
    padding: 0.1rem 0.3rem;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    border-radius: 50px; 
}
.yj-pro-card:hover .yj-pro-btn {
    background-color: var(--theme-color);
    color: #fff;
}
/* 浜у搧鍒楄〃 e */

/* 浜у搧璇︽儏 s */
/* ==================== 璇︽儏椤垫澘鍧楅棿璺濈鐞?========================= */
.yj-pro-detail-container .yj-pro-block {
    margin-bottom: 0.4rem;
}
.yj-pro-detail-container .yj-pro-block:last-child {
    margin-bottom: 0;
}

/* ==================== 璇︽儏椤靛鍥捐疆鎾?(Gallery) ========================= */
.yj-pro-gallery-main .pic { background-color: #fff; }
/* .yj-pro-gallery-thumbs .swiper-slide { opacity: 0.8;  } */
.yj-pro-gallery-thumbs .swiper-slide-thumb-active, 
.yj-pro-gallery-thumbs .swiper-slide:hover { opacity: 1; border-color: var(--theme-color); }

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

/* 褰诲簳闅愯棌 Swiper 鍘熺敓绠ご(浼厓绱犲拰SVG) */
.yj-pro-thumbs-wrap .swiper-button-next::after,
.yj-pro-thumbs-wrap .swiper-button-prev::after,
.yj-pro-thumbs-wrap .swiper-button-next svg,
.yj-pro-thumbs-wrap .swiper-button-prev svg {
    display: none !important;
    content: none !important;
}

/* 寮哄埗閲嶇疆鎸夐挳鏍峰紡涓庡瀭鐩村眳涓?*/
.yj-pro-thumbs-wrap .swiper-button-next,
.yj-pro-thumbs-wrap .swiper-button-prev {
    width: 25px;
    height: 100%;
    top: 0;
    margin-top: 0 !important;
    background-color: rgba(255, 255, 255, 0.8);
    color: var(--theme-color);
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.yj-pro-thumbs-wrap .swiper-button-next { right: 0; }
.yj-pro-thumbs-wrap .swiper-button-prev { left: 0; }

/* 鏀惧ぇ鎴戜滑鑷繁鍐欑殑 i 鏍囩锛屽苟寮哄埗 line-height 淇濊瘉灞呬腑 */
.yj-pro-thumbs-wrap .swiper-button-next i,
.yj-pro-thumbs-wrap .swiper-button-prev i {
    font-size: 20px;
    line-height: 1;
}

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

/* ==================== 璇︽儏椤靛睘鎬т笌鎿嶄綔鎸夐挳 ========================= */
.yj-pro-features { background: #f8f9f9; padding: 0.2rem; border-radius: 5px; border-left: 4px solid var(--theme-color); }
.yj-pro-features li { font-size: var(--f16); color: #333; line-height: 1.8; }
.yj-pro-features li strong { color: #000; display: inline-block; width: 1.6rem; }

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

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

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

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

/* ==================== 宸︿晶杈规爮鎼滅储 (Sidebar Search) ========================= */
.yj-pro-search {
    position: relative;
    display: flex;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 褰撹緭鍏ユ鑾峰彇鐒︾偣鏃讹紝澶栧眰杈规鍙樿壊 */
.yj-pro-search:focus-within {
    border-color: var(--theme-color);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

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

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

.yj-pro-search button:hover {
    opacity: 0.9; /* 鎮仠鏃剁◢寰彉鏆楋紝鍏煎娌℃湁娆＄骇涓婚鑹茬殑鎯呭喌 */
}


/* ==================== 璇︽儏椤垫枃绔犳帓鐗?(H2, H3, H4) ========================= */
.yj-pro-detail-article h2 {
	font-size: var(--f28);
	line-height: 1.15;
	font-weight: 700;
	color: #000;
    /* border-bottom: 2px solid #eee; */
    padding-bottom: 0.1rem;
    position: relative;
	border: none !important;
	padding-bottom: 0 !important;
}
/* .yj-pro-detail-article h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background-color: var(--theme-color);
} */
.yj-pro-detail-article h3 {
	font-size: var(--f24);
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 0.15rem;
	margin-top: 0.2rem;
    border-left: 4px solid var(--theme-color);
    padding-left: 0.15rem;
}
.yj-pro-detail-article h4 {
	font-size: var(--f20);
	line-height: 1.15;
	font-weight: 700;
    color: #444;
	margin-bottom: 0.15rem;
	margin-top: 0.2rem;
}

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

.yj-pro-dl-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* PC绔袱鍒楁樉绀?*/
    gap: 15px; /* 涓や釜dl涔嬮棿鐨勯棿璺?*/
    margin: 25px 0; /* 涓婁笅澶栬竟璺?*/
}

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

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

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

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

/* ==================== 鍐呭鍖虹畝鍗曡〃鏍兼牱寮?========================= */
.yj-pro-detail-article .scroll{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.yj-pro-detail-article table {
    border-collapse: collapse;
    border: 1px solid #eee;
}
.yj-pro-detail-article table th, 
.yj-pro-detail-article table td {
    padding: 12px 15px;
    border: 1px solid #eee;
}
/* .yj-pro-detail-article table thead th {
    background-color: #f5f5f5;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid var(--theme-color);
} */
.yj-pro-detail-article tbody tr:hover {
    background-color: #f9f9f9;
}

/* 鍙傛暟琛ㄦ牸 (Specifications Tab) */
.yj-pro-table { border-collapse: collapse; }
.yj-pro-table th, .yj-pro-table td { border: 1px solid #eee; }
/* .yj-pro-table tr:nth-child(even) td { background-color: #fafafa; } */

/* ==================== 搴曢儴鐩稿叧浜у搧杞挱 (Related Slider) ========================= */
.yj-pro-rel-slider {
    padding-bottom: 60px;
}

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

/* 褰诲簳闅愯棌 Swiper 鍘熺敓绠ご(浼厓绱犲拰SVG) */
.yj-pro-rel-slider .swiper-button-next::after, 
.yj-pro-rel-slider .swiper-button-prev::after,
.yj-pro-rel-slider .swiper-button-next svg, 
.yj-pro-rel-slider .swiper-button-prev svg {
    display: none !important;
    content: none !important;
}

/* 寮哄埗閲嶇疆鎸夐挳鏍峰紡涓庡瀭鐩村眳涓?*/
.yj-pro-rel-slider .swiper-button-next, 
.yj-pro-rel-slider .swiper-button-prev {
    width: 40px; 
    height: 40px;
    background-color: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    top: calc(50% - 20px);
    bottom: 0;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.yj-pro-rel-slider .swiper-button-next { right: calc(0 - 20px); }
.yj-pro-rel-slider .swiper-button-prev { left: calc( 0 - 20px); }

/* 鏀惧ぇ鎴戜滑鑷繁鍐欑殑 i 鏍囩锛屽苟寮哄埗 line-height 淇濊瘉灞呬腑 */
.yj-pro-rel-slider .swiper-button-next i, 
.yj-pro-rel-slider .swiper-button-prev i {
    font-size: 24px;
    line-height: 1;
}

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

/* ==================== 搴曢儴鐣欒█琛ㄥ崟 (Inquiry Form) ========================= */
.yj-pro-inquiry-form input, 
.yj-pro-inquiry-form textarea { 
    border: 1px solid transparent; 
    transition: all 0.3s ease; 
    font-family: 'Poppins', sans-serif; 
    outline: none;
}
.yj-pro-inquiry-form input:focus, 
.yj-pro-inquiry-form textarea:focus { 
    border-color: var(--theme-color); 
    background-color: #fff; 
    box-shadow: 0 0 10px rgba(1, 84, 164, 0.1); 
}
/* 浜у搧璇︽儏 e */

/* ==================== 鍝嶅簲寮忛€傞厤 (Responsive) ========================= */
@media screen and (max-width: 1400px) {
    .yj-pro-grid { grid-template-columns: repeat(2, 1fr); }
}

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

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

/* ====================鏂伴椈鏍峰紡========================= */


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

/* 鏂伴椈璇︽儏 s */
.n_news{
	/* background-color: #eff1f5; */
}
.n_news .fl{
	flex: 1;
	width: calc(100% - 450px);
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
}
.n_news .fl .top{}
.n_news .fl .top h3{
	border-bottom: 1px solid rgb(221, 221, 221);
}
.n_news .fl .top .date{}
.n_news .fl .box{
	padding: 0.6rem 0.7rem 0.3rem;
}
.n_news .fl .con{
}
/* .n_news .fl .con h2{
	font-size: var(--f28);
	line-height: 1.15;
	color: #000;
	font-weight: 600;
	margin-bottom: 0.2rem;
}
.n_news .fl .con h3{
	font-size: var(--f24);
	line-height: 1.15;
	color: #212121;
	font-weight: 500;
	margin-bottom: 0.12rem;
}
.n_news .fl .con h4{
	font-size: var(--f20);
	line-height: 1.15;
	color: #333;
	font-weight: 500;
	margin-bottom: 0.08rem;
}
.n_news .fl .con  p{
	margin-bottom: 1em;
}
.n_news .fl .con a{
	text-decoration: underline;
	color: var(--theme-color);
}
.n_news .fl .con table{
	max-width: 100%;
}
.n_news .fl .con table td,.n_news .fl .con table th{
	border: 1px #eee solid;
	padding: 0.06rem 0.04rem !important;
	text-align: center;
} */

/* ==================================================
   News Detail - Headings (H2, H3, H4, H5) Styles
================================================== */
/* 缁熶竴鐨勫熀纭€璁剧疆锛氭繁鑹层€佸姞绮椼€佸悎鐞嗙殑涓婁笅闂磋窛 */
.ar_article h2, 
.ar_article h3, 
.ar_article h4, 
.ar_article h5 {
    color: #222222;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 1.2em;   /* 璺濈涓婁竴娈佃繙涓€鐐癸紝鎷夊紑灞傛 */
    margin-bottom: 0.6em; /* 璺濈涓嬩竴娈佃繎涓€鐐癸紝淇濇寔绱у噾 */
}

/* H2锛氫綔涓烘钀藉ぇ鏍囬锛屽姞涓€鏉℃瀬绠€鐨勬祬鑹插簳杈规锛屾樉寰楅潪甯歌鑼?*/
.ar_article h2 {
    font-size: 26px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eaeaea;
}

/* H3锛氫腑鏍囬锛岀函鏂囧瓧闈犲瓧鍙峰尯鍒?*/
.ar_article h3 {
    font-size: 24px;
}

/* H4锛氬皬鏍囬 */
.ar_article h4 {
    font-size: 20px;
}

/* H5锛氭绾у皬鏍囬 */
.ar_article h5 {
    font-size: 18px;
    color: #444444; /* 棰滆壊绋嶅井寮卞寲涓€鐐?*/
}


/* ==================================================
   News Detail - Table (琛ㄦ牸) Styles
================================================== */
/* 琛ㄦ牸婊氬姩澶栧眰瀹瑰櫒锛氬幓鎺?border锛屽彧鍋氭粴鍔ㄦ帶鍒?*/
.ar_article .scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    margin: 25px 0;
    /* 绉婚櫎浜?border 鍜?border-radius锛岄伩鍏嶄笌 table 杈规鍐茬獊 */
}

/* 琛ㄦ牸涓讳綋锛氳竟妗嗗姞鍦ㄨ繖閲?*/
.ar_article table {
    width: 100%;
    min-width: 700px; 
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #eaeaea; /* 鏈€澶栧眰杈规 */
    font-size: 15px;
    color: #444444;
    background-color: #ffffff;
}

.ar_article th, 
.ar_article td {
    padding: 14px 20px;
    border: 1px solid #eaeaea; /* 鍐呴儴缃戞牸绾?*/
    vertical-align: middle;
    line-height: 1.5;
}

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

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

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

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

/* ==================================================
   News Detail - Paragraphs & Lists
================================================== */
/* P鏍囩锛氬鍔犲簳閮ㄧ暀鐧藉拰鑸掗€傜殑琛岄珮 */
.ar_article p {
    font-size: 16px;
    line-height: 1.75;
    color: #444444;
    margin-bottom: 1em; /* 搴曢儴澶栬竟璺濓紝鎷夊紑娈佃惤闂磋窛 */
}

/* 鏈€鍚庝竴涓?P 鏍囩涓嶉渶瑕佸簳閮ㄩ棿璺濓紝閬垮厤鎾戝ぇ鐖跺鍣?*/
.ar_article p:last-child {
    margin-bottom: 0;
}

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

.ar_article strong{
	font-weight: bold;
}

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

/* 鏃犲簭鍒楄〃涓庢湁搴忓垪琛?*/
.ar_article ul,
.ar_article ol {
    margin-bottom: 1.5em;
    padding-left: 20px; /* 缁欓粯璁ょ殑鍦嗙偣/鏁板瓧鐣欏嚭绌洪棿 */
    color: #444444;
}

.ar_article ul {
    list-style-type: disc; /* 瀹炲績鍦嗙偣 */
}

.ar_article ol {
    list-style-type: decimal; /* 鏁板瓧搴忓彿 */
}

.ar_article li {
    margin-bottom: 6px; /* 鍒楄〃椤逛箣闂寸殑寰皬闂磋窛 */
    line-height: 1.75;
	list-style: disc;
}

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


/* ================= 鍝嶅簲寮忛€傞厤 (Mobile) ================= */
@media (max-width: 768px) {
    /* 鎵嬫満绔€傚綋缂╁皬鏍囬瀛楀彿 */
    .ar_article h2 { font-size: 22px; }
    .ar_article h3 { font-size: 20px; }
    .ar_article h4 { font-size: 18px; }
    .ar_article h5 { font-size: 16px; }
	.ar_article p {font-size: 14px;}
    
    /* 鎵嬫満绔〃鏍煎唴杈硅窛缂╁皬锛岀暀鍑烘洿澶氬彲瑙嗙┖闂?*/
    .ar_article th, 
    .ar_article td { 
        padding: 8px 12px; 
        font-size: 14px; 
    }
}


/* ==================================================
   News Detail - Blockquote (鎽樿/寮曠敤) Styles
================================================== */
.ar_article blockquote {
    position: relative;
    margin: 30px 0;
    padding: 25px 30px 25px 40px;
    background-color: #f8f9fa; /* 鏋佹祬鐨勫伐涓氱伆钃濊儗鏅?*/
    border-left: 4px solid var(--theme-color); /* 涓婚鑹插乏杈规 */
    border-radius: 0 8px 8px 0; /* 鍙充晶寰渾瑙掞紝宸︿晶鐩磋璐村悎杈规 */
    font-size: 18px; /* 瀛椾綋姣旀鏂囩◢寰ぇ涓€鐐?*/
    line-height: 1.8;
    color: #444444; /* 瀛椾綋棰滆壊鐣ユ繁锛屾彁鍗囪鲸璇嗗害 */
    font-style: italic; /* 鏂滀綋澧炲姞寮曠敤鎰?*/
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* 鏋佸急鐨勯槾褰卞鍔犲眰娆?*/
    z-index: 1;
    overflow: hidden;
}

/* 娣诲姞涓€涓函 CSS 鐨勫法澶у弻寮曞彿浣滀负鑳屾櫙姘村嵃锛屾彁鍗囪璁℃劅 */
.ar_article blockquote::before {
    content: "\201C"; /* 宸﹀弻寮曞彿鐨?Unicode */
    position: absolute;
    top: -10px;
    left: 10px;
    font-size: 100px;
    color: rgba(var(--theme-color-rgb), 0.08); /* 鏋侀€忔槑鐨勪富棰樿壊 */
    font-family: Georgia, serif; /* 寮哄埗浣跨敤甯﹁‖绾跨殑瀛椾綋浠ョ‘淇濆弻寮曞彿浼橀泤 */
    line-height: 1;
    z-index: -1;
}

/* 纭繚 blockquote 鍐呴儴鐨?p 鏍囩鏍峰紡姝ｅ父 */
.ar_article blockquote p {
    position: relative;
    z-index: 2;
    margin-bottom: 0; /* 濡傛灉鍙湁涓€娈碉紝鍘绘帀搴曢儴澶氫綑闂磋窛 */
}

/* 濡傛灉鏈夊涓钀斤紝闄や簡鏈€鍚庝竴涓紝鍏朵粬鐨勪繚鐣欓棿璺?*/
.ar_article blockquote p:not(:last-child) {
    margin-bottom: 15px;
}

/* ================= 鍝嶅簲寮忛€傞厤 (Mobile) ================= */
@media (max-width: 768px) {
    .ar_article blockquote {
        padding: 20px;
        font-size: 16px;
        margin: 20px 0;
    }
    .ar_article blockquote::before {
        font-size: 80px;
        left: 5px;
        top: -5px;
    }
}

.n_news .fl .bot{
	border-top: 1px #eee solid;
}
.n_news .fl .bot>div{
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.1rem;
}
.n_news .fl .prev{
	text-align: left;
}
.n_news .fl .next{
	text-align: right;
}
.n_news .fl .bot>div span{
	font-weight: 600;
}
.n_news .fl .bot>div a{
	color: #555;
	display: inline-block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	width: 80%;
}
.n_news .fr{
	width: 400px;
	position: sticky;
	top: 110px;
}

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

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

/* ====================搴旂敤鏍峰紡========================= */
/* 鍩虹杈呭姪绫诲寮?*/
.bg-theme { background-color: var(--theme-color); }
.color-theme { color: var(--theme-color); }
.box-shadow { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.border-bottom { border-bottom: 1px solid #eee; }

/* 鍐呴〉閫氱敤鍖哄潡璁剧疆 */
.inner-section {
    padding: 0.9rem 0;
}
.inner-sec-head {
    margin-bottom: 0.5rem;
}
.inner-sec-head .sub-tit {
    display: inline-block;
    color: var(--theme-color);
    font-size: var(--f16);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    letter-spacing: 1px;
}
.inner-sec-head .main-tit {
    font-size: var(--f46);
    color: #111;
    font-weight: 700;
    line-height: 1.2;
}

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

/* 鏂规璇︽儏 s */
.detail_content p {
    margin-bottom: 0.2rem;
    text-align: justify;
}
.detail_list li {
    position: relative;
    padding-left: 0.3rem;
    margin-bottom: 0.15rem;
    font-size: var(--f16);
    line-height: 1.6;
    color: #444;
}
.detail_list li i {
    position: absolute;
    left: 0;
    top: 0.05rem;
    color: var(--theme-color);
    font-size: var(--f20);
}
.rel_pro_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
}
.rel_pro_item {
    display: block;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}
.rel_pro_item:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    border-color: var(--theme-color);
}
.rel_pro_item:hover h4 {
    color: var(--theme-color);
}
.side_form input, .side_form textarea {
    border: 1px solid transparent;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}
.side_form input:focus, .side_form textarea:focus {
    border-color: var(--theme-color);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(1, 84, 164, 0.1);
}
.side_form button:hover {
    background-color: var(--sec-theme-color);
}
/* 鍙充晶杈规爮璺熼殢 (Sticky Sidebar) */
.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem; /* 璺濈椤堕儴鐨勮窛绂伙紝鍙牴鎹偍缃戠珯瀹為檯鐨勫鑸爮楂樺害璋冩暣 */
    align-self: flex-start; /* 蹇呴』鍔犺繖涓紝鍚﹀垯鍦?flex 瀹瑰櫒涓細榛樿鎷変几绛夐珮瀵艰嚧澶辨晥 */
}

/* 鐩稿叧鏂规鍒楄〃 (Related Solutions) */
.rel_sol_list li a:hover h4 { color: var(--theme-color); }
.rel_sol_list .pic { width: 0.8rem; height: 0.6rem; flex-shrink: 0; }
.rel_sol_list .pic img { width: 100%; height: 100%; object-fit: cover; }

/* 搴曢儴浜у搧杞挱 (Product Swiper) */
.rel_pro_slider { padding: 0.1rem 0.1rem 0.5rem; margin: -0.1rem; }
.rel_pro_item { display: block; border: 1px solid #eee; transition: all 0.3s ease; background: #fff; }
.rel_pro_item:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: var(--theme-color); }
.rel_pro_item:hover h4 { color: var(--theme-color); }

/* 鑷畾涔夎疆鎾寜閽牱寮?*/
.rel_pro_slider .swiper-button-next, 
.rel_pro_slider .swiper-button-prev {
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    top: auto;
    bottom: 0;
    margin: 0;
}
.rel_pro_slider .swiper-button-next { right: 45%; }
.rel_pro_slider .swiper-button-prev { left: 45%; }
.rel_pro_slider .swiper-button-next::after, 
.rel_pro_slider .swiper-button-prev::after {
    font-size: 0.18rem;
    font-weight: bold;
}
.rel_pro_slider .swiper-button-next:hover, 
.rel_pro_slider .swiper-button-prev:hover {
    background-color: var(--sec-theme-color);
}
.side_form button{border: none;cursor: pointer;}
/* 琛ㄥ崟鏍峰紡 */
.side_form input, .side_form textarea { border: 1px solid transparent; transition: all 0.3s ease; }
.side_form input:focus, .side_form textarea:focus { border-color: var(--theme-color); background-color: #fff; box-shadow: 0 0 10px rgba(1, 84, 164, 0.1); }
.side_form button:hover { background-color: var(--sec-theme-color); }
/* 鏂规璇︽儏 e */

/* ==================== 鍝嶅簲寮忛€傞厤 (Responsive) ========================= */
@media screen and (max-width: 1200px) {
    .sol_grid { gap: 0.2rem; }
    .detail_left { width: 65%; }
    .detail_right { width: 32%; }
}

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

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

/* ====================鏈嶅姟鏍峰紡========================= */

/* 鏈嶅姟鏀寔 s */
/* 鏈嶅姟鏀寔 e */

/* 甯歌闂 s */
/* ================= 2. FAQ 鎵嬮鐞?(FAQ Accordion) ================= */
.faq-accordion {
    max-width: 14rem; /* 鎺у埗鏈€澶у搴︼紝淇濊瘉闃呰浣撻獙 */
    margin: 0 auto;
}
.faq-item {
    margin-bottom: 0.2rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.faq-item.active {
    border-color: var(--theme-color);
    box-shadow: 0 8px 20px rgba(1, 172, 200, 0.08);
}
.faq-head {
    padding: 0.25rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #fdfdfd;
    border-radius: 4px;
}
.faq-item.active .faq-head {
    background: #fff;
}
.faq-q {
    font-size: var(--f20);
    color: #111;
    font-weight: 600;
    transition: color 0.3s;
    padding-right: 0.3rem;
    line-height: 1.4;
}
.faq-item:hover .faq-q, 
.faq-item.active .faq-q {
    color: var(--theme-color);
}
/* 鍔犲彿/鍑忓彿 鍔ㄧ敾鍥炬爣 */
.faq-icon {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.faq-icon::before, .faq-icon::after {
    content: '';
    position: absolute;
    background: #111;
    transition: all 0.3s ease;
}
.faq-icon::before {
    top: 8px;
    left: 0;
    width: 18px;
    height: 2px;
}
.faq-icon::after {
    top: 0;
    left: 8px;
    width: 2px;
    height: 18px;
}
.faq-item:hover .faq-icon::before, 
.faq-item:hover .faq-icon::after,
.faq-item.active .faq-icon::before, 
.faq-item.active .faq-icon::after {
    background: var(--theme-color);
}
.faq-item.active .faq-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}
.faq-body {
    display: none;
    padding: 0 0.3rem 0.3rem;
}
.faq-content {
    font-size: var(--f16);
    color: #666;
    line-height: 1.75;
    border-top: 1px dashed #e5e7eb;
    padding-top: 0.25rem;
}
/* 甯歌闂 e */

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

/* 涓嬭浇淇℃伅鍥炬爣缇庡寲 */
.dl_meta span { display: inline-flex; align-items: center; }
.dl_meta i { color: var(--theme-color); font-size: var(--f18); }
/* 涓嬭浇涓績 e */

/* 瑙嗛涓績 s */
/* 瑙嗛涓績 e */

/* ====================鑱旂郴鏍峰紡========================= */

/* 鑱旂郴鎴戜滑 s */
.n_contact{}
.n_contact .fl{
	width: 58%;
}
.n_contact .fl .con{}
.n_contact .fl form{}
.n_contact .fl .mui-input-row{
	width: 48%;
	margin-bottom: 0.15rem;
}
.n_contact .fl .mui-input-row input{
	width: 100%;
	font-size: var(--f16);
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F8F7FA;
	border-radius: 0.05rem;
	padding-left: 0.16rem;
	border: none;
}
.n_contact .fl .mui-input-row.w100{
	width: 100%;
}
.n_contact .fl .mui-input-row textarea{
	font-size: var(--f16);
	padding: 0.16rem;
	line-height: 1.5;
	width: 100%;
	height: calc(9em + 0.32rem);
	background: #F4F5F9;
	border-radius: 0.05rem;
	border: none;
}
.n_contact .fl .btn{}
.n_contact .fl .btn button{
	display: inline-block;
	background-color: var(--theme-color);
	color: #fff;
	padding: 0.2rem 0.5rem;
	font-size: var(--f20);
	text-transform: uppercase;
	border: none;
}
.n_contact .fr{
	width: 38%;
}
.n_contact .fr .des{}
.n_contact .fr .con{}
.n_contact .fr ul{}
.n_contact .fr ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n_contact .fr ul li+li{
	margin-top: 0.4rem;
}
.n_contact .fr ul li .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background-color: var(--theme-color);
}
.n_contact .fr ul li .icon:hover{
	background-color: #000;
}
.n_contact .fr ul li .icon i{
	font-size: var(--f30);
	color: #fff;
}
.n_contact .fr ul li .text{
	width: calc(100% - 100px);
	line-height: 1.67;
}
.n_contact .fr ul li .text h5{
	font-size: var(--f20);
	font-weight: 600;
}
.n_contact .fr ul li .text p{
	font-size: var(--f16);
	line-height: 1.5;
	margin-top: 0.05rem;
}
/* 鑱旂郴鎴戜滑 e */

/* ====================OEM鏍峰紡========================= */
:root {
    --sh-oem-theme: #0b3b60; /* 涓婚娣辫摑 */
    --sh-oem-theme-light: #0154A4; /* 浜摑鑹叉寜閽?鍥炬爣 */
    --sh-oem-text-main: #333333;
    --sh-oem-text-light: #666666;
    --sh-oem-bg-light: #f8f9fa;
    --sh-oem-border: #eaeaea;
    --sh-oem-radius: 12px;
    --sh-oem-transition: all 0.3s ease;
}

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

/* ==================== 鍏叡甯冨眬绫?==================== */
.sh-oem-container { position: relative; z-index: 2; }
.sh-oem-section { padding: 80px 0; }
.sh-oem-bg-light { background-color: var(--sh-oem-bg-light); }
.sh-oem-text-center { text-align: center; }
.sh-oem-text-white { color: #ffffff; }
.sh-oem-text-white .SSB { color: #ffffff; }
.sh-oem-mx-auto { margin-left: auto; margin-right: auto; }
.sh-oem-justify-center { justify-content: center; }

/* 鎮仠娴姩鏁堟灉 */
.sh-oem-hover-up { transition: var(--sh-oem-transition); }
.sh-oem-hover-up:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* 鎸夐挳鏍峰紡 */
.sh-oem-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px; /* 鍥句腑鎸夐挳鍋忔柟姝?*/
    cursor: pointer;
    text-align: center;
    transition: var(--sh-oem-transition);
}
.sh-oem-btn-primary { background-color: var(--sh-oem-theme-light); color: #fff; border: 2px solid var(--sh-oem-theme-light); }
.sh-oem-btn-primary:hover { background-color: #0b5ec2; border-color: #0b5ec2; color: #fff;}
.sh-oem-btn-white { background-color: #fff; color: var(--sh-oem-text-main); border: 2px solid #fff; }
.sh-oem-btn-white:hover { background-color: #f0f0f0; color: var(--sh-oem-theme-light); }
.sh-oem-btn-outline { background-color: transparent; color: #fff; border: 2px solid #fff; }
.sh-oem-btn-outline:hover { background-color: #fff; color: var(--sh-oem-theme); }

/* 鍏叡鏍囬鏍峰紡 */
.sh-oem-tag-text {
    font-size: 14px;
    font-weight: bold;
    color: var(--sh-oem-theme-light);
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.sh-oem-section-title {
    font-size: 42px;
    color: var(--sh-oem-text-main);
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.2;
}
.sh-oem-section-desc {
    font-size: 18px;
    max-width: 900px;
    margin-bottom: 50px;
}

/* ==================== 1. Hero Section ==================== */
.sh-oem-hero {
    position: relative;
    padding: 120px 0; /* 搴曢儴鐣欏嚭绌洪棿缁欐偓娴崱鐗?*/
    color: #fff;
}
.sh-oem-hero-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
}
.sh-oem-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.sh-oem-hero-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	inset: 0;
	/* background:linear-gradient(90deg,rgba(6, 37, 61, 0.92) 0%,rgba(1, 84, 164, 0.72) 45%,rgba(6, 37, 61, 0.55) 100%); */
    background: linear-gradient(90deg, rgba(11, 59, 96, 0.98) 0%, rgba(11, 59, 96, 0.8) 100%);
}
.sh-oem-hero-content { max-width: 900px; }
.sh-oem-tag {
    display: inline-block; padding: 5px 15px; background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3); font-size: 14px; margin-bottom: 20px;
}
.sh-oem-hero-title { font-size: 54px; margin-top: 0; margin-bottom: 25px; line-height: 1.1; }
.sh-oem-hero-desc { font-size: 20px; font-weight: 500; margin-bottom: 20px; }
.sh-oem-hero-subdesc { font-size: 16px; opacity: 0.9; margin-bottom: 40px; }
.sh-oem-hero-btns { display: flex; gap: 20px; }

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

/* ==========================================================================
   Core Products - 鍙屾牳鏃楄埌甯冨眬
   ========================================================================== */

.yj-pro-dual-card {
    height: 5.8rem; /* 瓒冲楂橈紝鏄惧緱澶ф皵 */
}

/* 榛樿閬僵锛氬簳閮ㄦ繁鑹诧紝椤堕儴閫忔槑锛屼繚璇佹枃瀛楁竻鏅?*/
.yj-pro-dual-mask {
    background: linear-gradient(to top, rgba(0, 19, 34, 0.35) 0%, rgba(0, 19, 34, 0.2) 20%, rgba(0, 19, 34, 0) 100%);
}

/* Hover閬僵锛氳瀺鍏ュ搧鐗屼富棰樿壊锛屽鍔犱簰鍔ㄨ川鎰?*/
.yj-pro-dual-card:hover .yj-pro-dual-mask {
    background: linear-gradient(to top, rgba(0, 19, 34, 0.95) 0%, rgba(0, 91, 172, 0.7) 60%, rgba(0, 91, 172, 0.2) 100%);
}

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

/* 鍥炬爣瀹瑰櫒 */
.yj-pro-dual-icon {
    width: 0.64rem;
    height: 0.64rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2);
}

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

/* 鍒楄〃椤圭殑鑷畾涔夊渾鐐?*/
.yj-pro-dual-list li {
    position: relative;
    padding-left: 0.2rem;
    opacity: 0.9;
}

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

.yj-pro-dual-card:hover .yj-pro-dual-list li::before {
    background-color: #fff; /* Hover鏃跺渾鐐瑰彉鐧斤紝鍥犱负鑳屾櫙鍙樿摑浜?*/
}

/* 鍝嶅簲寮忛€傞厤 */
@media screen and (max-width: 1200px) {
    .yj-pro-dual-head { flex-direction: column; align-items: flex-start; }
    .yj-pro-dual-head .w60, .yj-pro-dual-head .w40 { width: 100%; }
    .yj-pro-dual-head .w40 { justify-content: flex-start; margin-top: 0.2rem; }
    .yj-pro-dual-head p { text-align: left; }
    
    .yj-pro-dual-card { height: 5rem; }
}

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

@media screen and (max-width: 768px) {
    .yj-pro-dual-card { min-height: 4.5rem; }
    .yj-pro-dual-card .p50 { padding: 0.3rem; }
    .yj-pro-dual-list li { width: 100%; } /* 鎵嬫満绔垪琛ㄥ崟鍒楁樉绀?*/
    .yj-pro-dual-card h3 { font-size: 0.28rem; }
}


/* ==================== 2. Customization Advantages ==================== */
.sh-oem-adv-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 涓€琛屼袱涓?*/
    gap: 30px;
}
.sh-oem-adv-card {
    position: relative;
    background: #fff;
    padding: 50px 40px;
    border-radius: var(--sh-oem-radius);
    border: 1px solid var(--sh-oem-border);
    overflow: hidden;
    z-index: 1;
}
/* 鏁板瓧姘村嵃鑳屾櫙 */
.sh-oem-adv-num-bg {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 100px;
    font-weight: 900;
    color: rgba(0,0,0,0.03);
    line-height: 1;
    z-index: -1;
    user-select: none;
}
.sh-oem-adv-icon {
    font-size: 40px;
    color: var(--sh-oem-theme-light);
    margin-bottom: 20px;
}
.sh-oem-adv-card h3 { font-size: 24px; color: var(--sh-oem-text-main); margin-top: 0; margin-bottom: 15px; }
.sh-oem-adv-card p { font-size: 16px; margin-bottom: 0; }

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

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

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

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

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

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

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

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

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

/* ==================== 鍝嶅簲寮忛€傞厤 ==================== */
@media (max-width: 1400px) {
    .sh-oem-hero-title { font-size: 46px; }
    .sh-oem-section-title, .sh-oem-why-title, .sh-oem-cta-title { font-size: 36px; }
    .sh-oem-scope-left, .sh-oem-scope-right { padding: 40px; }
}

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

@media (max-width: 992px) {
    .sh-oem-hero-cards { grid-template-columns: 1fr; }
    .sh-oem-adv-grid { grid-template-columns: 1fr; }
    .sh-oem-scope-grid { grid-template-columns: 1fr; }
    .sh-oem-coverage-grid { grid-template-columns: 1fr; }
    .sh-oem-process-grid { grid-template-columns: repeat(2, 1fr); }
    .sh-oem-process-line { display: none; } /* 骞虫澘浠ヤ笅闅愯棌娴佺▼绾?*/
}

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




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

/* ==================== Shengchao Textile 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;}}
.sc-sec-main{min-width:0;}
.sc-sec-kicker{color:var(--theme-color);letter-spacing:.02rem;}
.sc-sec-title{color:#111;}
.sc-sec-desc{width:5.8rem;max-width:100%;}
.sc-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;}
.sc-btn:hover{background:#111;border-color:#111;color:#fff;transform:translateY(-.03rem);}
.sc-crumb{padding:.22rem 0;background:#f5f6f8;font-size:var(--f16);color:#666;line-height: 1.3;}
.sc-crumb a:hover{color:var(--theme-color);}
.sc-crumb i,.sc-ban-crumb i,.sc-service-ban-crumb i{display:inline-block;margin:0 .12rem;font-size:var(--f14);font-weight:400;line-height:1;color:currentColor;opacity:.72;vertical-align:.02rem;}

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

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

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

/* Contact */
.sc-contact-form{width:58%;}.sc-contact-info{width:36%;}
.sc-contact-form form{row-gap:.18rem;}
/* Old markup used <label> as field wrappers; Fluent Forms uses text-only labels — do not force 48% on them */
.sc-contact-form-fields > label,.sc-contact-form > form > label{display:block;width:48%;}.sc-contact-form label span{display:block;margin-bottom:.1rem;font-weight:600;}
.sc-contact-form input,.sc-contact-form textarea{width:100%;padding:.16rem;border:.01rem solid #e4e7eb;border-radius:.06rem;background:#f7f8fa;line-height:1.5;}
.sc-contact-form input{height:.58rem;}.sc-contact-form input:focus,.sc-contact-form textarea:focus{border-color:var(--theme-color);background:#fff;outline:0;}
.sc-contact-form .sc-contact-wide{width:100%;}
.sc-contact-info{padding:.4rem;border-radius:.12rem;background:#f5f6f8;}
.sc-contact-info-list{display:flex;flex-direction:column;}
.sc-contact-info li{display:flex;align-items:flex-start;gap:.22rem;padding:.26rem 0;border-bottom:.01rem solid #dde1e6;}
.sc-contact-info li:last-child{border-bottom:0;}
.sc-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);}
.sc-contact-info-item{min-width:0;padding-top:.03rem;}
.sc-contact-info-item h3{margin-bottom:.1rem;line-height:1.25;}
.sc-contact-info-item a,.sc-contact-address{display:block;line-height:1.5;overflow-wrap:anywhere;}
.sc-contact-info li a:hover{color:var(--theme-color);}

/* Download and FAQ */
.sc-download{background:#f6f7f9;}.sc-download-intro,.sc-faq-intro{width:8.6rem;max-width:100%;margin-left:auto;margin-right:auto;}.sc-download-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.24rem;}
.sc-download-item{display:flex;min-height:2.75rem;flex-direction:column;border-radius:.12rem;background:#fff;box-shadow:0 .08rem .22rem rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;}
.sc-download-item:hover{transform:translateY(-.04rem);box-shadow:0 .16rem .34rem rgba(12,20,31,.1);}.sc-download-card-top{align-items:flex-start;}.sc-download-icon{display:flex;width:.54rem;height:.64rem;align-items:center;justify-content:flex-start;flex:0 0 .54rem;color:var(--theme-color);font-size:var(--f42);}.sc-download-type{padding:.07rem .12rem;border-radius:.4rem;background:#f2f3f5;color:#555;}.sc-download-content{flex:1;}.sc-download-content h3{min-height:.58rem;}.sc-download-card-bottom{gap:.18rem;padding-top:.2rem;border-top:.01rem solid #e7e9ec;}.sc-download-meta{line-height:1.4;}
.sc-download-btn{display:inline-flex;align-items:center;gap:.1rem;padding:.12rem .18rem;border-radius:.05rem;background:var(--theme-color);color:#fff;white-space:nowrap;}.sc-download-btn:hover{background:#111;color:#fff;}
.sc-faq{background:#f7f8fa;}.sc-faq-layout{gap:.6rem;}.sc-faq-aside{position:sticky;top:1.3rem;width:4.5rem;padding:.36rem;border-radius:.12rem;background:#fff;box-shadow:0 .12rem .32rem rgba(12,20,31,.06);}.sc-faq-aside-label{color:var(--theme-color);}.sc-faq-topics li{display:flex;align-items:flex-start;gap:.13rem;margin-top:.16rem;line-height:1.5;}.sc-faq-topics i{display:flex;width:.22rem;height:.22rem;align-items:center;justify-content:center;flex:0 0 .22rem;margin-top:.01rem;border-radius:50%;background:var(--theme-color);color:#fff;font-size:.12rem;}.sc-faq-contact{display:inline-flex;}.sc-faq-list{width:10.5rem;max-width:100%;}
.sc-faq-item{margin-bottom:.18rem;border:.01rem solid #e2e5e9;border-radius:.08rem;background:#fff;overflow:hidden;}
.sc-faq-item.active{border-color:var(--theme-color);box-shadow:0 .08rem .2rem rgba(var(--theme-color-rgb),.09);}
.sc-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;}
.sc-faq-head h3{transition:.3s ease;}.sc-faq-head>span{position:relative;width:.2rem;height:.2rem;flex:0 0 .2rem;}.sc-faq-head>span:before,.sc-faq-head>span:after{position:absolute;content:'';left:0;top:.09rem;width:.2rem;height:.02rem;background:#222;transition:.3s ease;}.sc-faq-head>span:after{transform:rotate(90deg);}
.sc-faq-item.active .sc-faq-head h3,.sc-faq-item:hover .sc-faq-head h3{color:var(--theme-color);}.sc-faq-item.active .sc-faq-head>span:after{opacity:0;}
.sc-faq-body{display:none;padding:0 .28rem .28rem;}.sc-faq-item.active .sc-faq-body{display:block;}.sc-faq-body>div{padding-top:.22rem;border-top:.01rem solid #e6e7e9;}

/* Service and video */
.sc-service-copy{width:45%;align-self:center;}.sc-service-media{width:49%;overflow:hidden;border-radius:.12rem;}.sc-service-links{background:#f5f6f8;}
.sc-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.24rem;}
.sc-service-card{overflow:hidden;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .24rem rgba(0,0,0,.06);}.sc-service-card:hover{transform:translateY(-.06rem);}.sc-service-card:hover img{transform:scale(1.05);}.sc-service-card span{display:inline-block;color:var(--theme-color);}
.sc-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;}
.sc-video-card{overflow:hidden;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .26rem rgba(0,0,0,.08);}.sc-video-card:hover{transform:none;}.sc-video-img{position:relative;}.sc-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%);}.sc-video-card:hover .sc-video-play{background:var(--theme-color);transform:translate(-50%,-50%) scale(1.08);}.sc-video-card:hover h2{color:var(--theme-color);}

/* Cases */
.sc-case-list{background:#f5f6f8;}.sc-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;}
.sc-case-card{position:relative;overflow:hidden;border-radius:.14rem;background:#101722;transition:transform .35s ease,box-shadow .35s ease;}.sc-case-card>a{display:block;color:#fff;}.sc-case-img:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,rgba(6,12,20,.02) 35%,rgba(6,12,20,.9) 100%);}.sc-case-img img{transition:transform .6s ease;}.sc-case-card:hover{transform:translateY(-.05rem);box-shadow:0 .18rem .38rem rgba(8,16,27,.18);}.sc-case-card:hover img{transform:scale(1.05);}
.sc-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);}
.sc-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;}.sc-case-bottom h2{max-width:80%;}.sc-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;}.sc-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;}.sc-case-card:hover .sc-case-bottom span{background:#fff;color:var(--theme-color);}.sc-case-card:hover .sc-case-bottom svg{transform:translateX(.03rem);}

/* Inner page motion */
.sc-news-card,.sc-video-card,.sc-service-adv-grid article,.sc-service-grid article,.sc-contact-info li{transition:transform .35s ease,box-shadow .35s ease,background-color .35s ease;}
.sc-news-img img,.sc-video-img img,.sc-pro-media img,.sc-pro-rec-img img{transition:transform .55s ease;}
.sc-news-card:hover,.sc-service-adv-grid article:hover,.sc-service-grid article:hover{transform:translateY(-.05rem);box-shadow:0 .16rem .34rem rgba(8,16,27,.1);}
.sc-video-card:hover{transform:none;box-shadow:0 .16rem .34rem rgba(8,16,27,.1);}
.sc-news-card:hover .sc-news-img img,.sc-video-card:hover .sc-video-img img,.sc-pro-card:hover .sc-pro-media img{transform:scale(1.04);}
.sc-video-play,.sc-download-btn,.sc-news-more i{transition:transform .3s ease,background-color .3s ease,color .3s ease;}
.sc-video-card:hover .sc-video-play{transform:translate(-50%,-50%) scale(1.08);}
.sc-case-head{gap:.4rem;}.sc-case-title{width:9.5rem;max-width:100%;}.sc-case-meta{gap:.24rem;color:#555;}.sc-case-meta i{margin-right:.07rem;color:var(--theme-color);}.sc-case-stat{min-width:3rem;padding-left:.4rem;border-left:.01rem solid #d9dde2;}.sc-case-stat strong{color:var(--theme-color);}
.sc-case-cover{display:block;overflow:hidden;border-radius:.12rem;box-shadow:0 .16rem .4rem rgba(0,0,0,.12);}.sc-case-overview{background:#fff;}
.sc-case-cta{position:relative;height:6.8rem;overflow:hidden;}.sc-case-cta-img,.sc-case-cta-mask{position:absolute;inset:0;}.sc-case-cta-img img{width:100%;height:100%;object-fit:cover;}.sc-case-cta-mask{background:rgba(0,31,68,.58);}.sc-case-cta-copy{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);}.sc-case-cta-copy>div{width:8rem;max-width:100%;margin-left:auto;margin-right:auto;}

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

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

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

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

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

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

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

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

/* Shengchao solution pages */
.sc-sol-list,.sc-sol-detail{color:#111;background:#fff;}
.sc-sol-list .sc-eyebrow,.sc-sol-detail .sc-eyebrow{color:var(--theme-color);letter-spacing:.02rem;text-transform:uppercase;}
.sc-sol-intro .sc-sec-copy{width:8.8rem;max-width:58%;}
.sc-sol-intro .sc-sec-desc{width:5.8rem;max-width:38%;}
.sc-sol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;}
.sc-sol-card{display:flex;min-height:3.6rem;overflow:hidden;border:.01rem solid #eceef1;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .24rem rgba(0,0,0,.05);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.sc-sol-card:hover{border-color:var(--theme-color);transform:translateY(-.05rem);box-shadow:0 .15rem .34rem rgba(0,0,0,.09);}
.sc-sol-card .sc-sol-media{width:45%;flex:0 0 45%;overflow:hidden;background:#f5f6f7;}
.sc-sol-card .sc-sol-media img{transition:transform .55s ease;}
.sc-sol-card:hover .sc-sol-media img{transform:scale(1.04);}
.sc-sol-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;}
.sc-sol-editorial-card{overflow:hidden;border-radius:.14rem;background:#111923;box-shadow:0 .08rem .24rem rgba(0,0,0,.08);transition:transform .35s ease,box-shadow .35s ease;}
.sc-sol-editorial-card:hover{transform:translateY(-.06rem);box-shadow:0 .18rem .4rem rgba(0,0,0,.16);}
.sc-sol-editorial-link,.sc-sol-editorial-media{position:relative;display:block;color:#fff;}
.sc-sol-editorial-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,16,26,.04) 24%,rgba(9,16,26,.92) 100%);}
.sc-sol-editorial-media img{transition:transform .6s ease;}.sc-sol-editorial-card:hover img{transform:scale(1.04);}
.sc-sol-editorial-copy{position:absolute;left:.3rem;right:.3rem;bottom:.3rem;z-index:2;}.sc-sol-editorial-copy h2{max-width:78%;}.sc-sol-editorial-copy>div{max-width:78%;}.sc-sol-editorial-arrow{display:flex;width:.52rem;height:.52rem;align-items:center;justify-content:center;margin-top:.2rem;border-radius:50%;background:var(--theme-color);color:#fff;transition:background-color .3s ease,transform .3s ease;}.sc-sol-editorial-card:hover .sc-sol-editorial-arrow{background:#fff;color:var(--theme-color);transform:translateX(.04rem);}
.sc-sol-card .sc-sol-info{display:flex;min-width:0;align-items:flex-start;flex-direction:column;padding:.32rem;}
.sc-sol-card .sc-sol-no,.sc-sol-card .sc-text-link{color:var(--theme-color);}
.sc-sol-card .sc-text-link{margin-top:auto;padding-top:.22rem;}
.sc-sol-detail .sc-eyebrow{margin-bottom:.13rem;}.sc-sol-detail .sc-eyebrow+h1,.sc-sol-detail .sc-eyebrow+h2{margin-top:0;}.sc-sol-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f7f8f9 100%);}.sc-sol-hero:after{content:"";position:absolute;right:-1.2rem;bottom:-2rem;width:5.4rem;height:5.4rem;border:.01rem solid rgba(230,0,18,.07);border-radius:50%;}.sc-sol-hero-inner{position:relative;z-index:1;}
.sc-sol-hero-copy{width:43%;padding-top:.35rem;}
.sc-sol-hero-media{width:51%;overflow:hidden;border-radius:.1rem;background:#f4f5f6;}
.sc-sol-hero-media img{object-fit:cover;}
.sc-sol-story{background:#f5f6f8;}
.sc-sol-story-index{position:sticky;top:1.3rem;width:34%;align-self:flex-start;}
.sc-sol-story-content{width:58%;padding:.12rem 0;background:transparent;box-shadow:none;}
.sc-sol-process{position:relative;overflow:hidden;background:#eef2f5;}
.sc-sol-process:after{content:"";position:absolute;right:-1.7rem;top:-1.8rem;width:4.2rem;height:4.2rem;border:.01rem solid rgba(230,0,18,.08);border-radius:50%;pointer-events:none;}
.sc-sol-story-note{width:3.8rem;max-width:100%;}.sc-sol-story-content h2{margin-bottom:.18rem;}.sc-sol-story-content h3{margin-top:.28rem;margin-bottom:.12rem;}.sc-sol-story-content ul{margin-top:.12rem;}
.sc-sol-focus{position:relative;overflow:hidden;background:#0d1721;color:#fff;}
.sc-sol-focus:after{content:"";position:absolute;left:-1.9rem;bottom:-2.4rem;width:5.4rem;height:5.4rem;border:.01rem solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none;}
.sc-sol-focus .sc-eyebrow{color:#ff6873;}
.sc-sol-focus-layout{position:relative;z-index:1;display:grid;grid-template-columns:4.45rem minmax(0,1fr);gap:.75rem;align-items:start;}
.sc-sol-focus-copy{position:sticky;top:1.35rem;}
.sc-sol-focus-copy h2{max-width:4.2rem;line-height:1.22;}
.sc-sol-focus-intro{max-width:4rem;color:rgba(255,255,255,.7);}
.sc-sol-focus-rule{max-width:4rem;padding-top:.22rem;border-top:.01rem solid rgba(255,255,255,.24);}
.sc-sol-focus-rule span{display:block;margin-bottom:.1rem;color:#ff8c94;}
.sc-sol-focus-rule strong{display:block;line-height:1.35;}
.sc-sol-spec-list{border-top:.01rem solid rgba(255,255,255,.22);}
.sc-sol-spec-row{display:grid;grid-template-columns:.42rem 1.85rem minmax(0,1fr) 1.75rem;gap:.2rem;align-items:center;min-height:1.28rem;padding:.22rem 0;border-bottom:.01rem solid rgba(255,255,255,.18);transition:background-color .3s ease,padding .3s ease;}
.sc-sol-spec-icon{color:#ff6873;font-size:.26rem;line-height:1;text-align:left;}
.sc-sol-spec-name h3{line-height:1.2;}.sc-sol-spec-name span{display:block;margin-top:.08rem;color:rgba(255,255,255,.5);}
.sc-sol-spec-detail{color:rgba(255,255,255,.72);}
.sc-sol-spec-result{padding-left:.2rem;border-left:.01rem solid rgba(255,255,255,.2);}
.sc-sol-spec-result span{display:block;margin-bottom:.08rem;color:rgba(255,255,255,.48);}.sc-sol-spec-result strong{display:block;line-height:1.35;color:#fff;}
.sc-sol-spec-row:hover{padding-left:.12rem;padding-right:.12rem;background:rgba(255,255,255,.045);}
.sc-sol-process>.w16{position:relative;z-index:1;display:grid;grid-template-columns:4.3rem minmax(0,1fr);gap:.7rem;align-items:start;}
.sc-sol-process-head{position:sticky;top:1.35rem;}
.sc-sol-process-intro{max-width:3.9rem;}
.sc-sol-steps{position:relative;display:flex;flex-direction:column;}
.sc-sol-steps:before{content:"";position:absolute;left:.31rem;top:.36rem;bottom:.36rem;width:.02rem;background:#cbd4da;}
.sc-sol-step{position:relative;display:grid;grid-template-columns:.64rem minmax(0,1fr) 2.55rem;gap:.24rem;align-items:center;padding:.24rem 0;border-bottom:.01rem solid #d3dade;}
.sc-sol-step:first-child{padding-top:0;}.sc-sol-step:last-child{padding-bottom:0;border-bottom:0;}
.sc-sol-step-marker{position:relative;z-index:1;display:flex;width:.64rem;height:.64rem;align-items:center;justify-content:center;border:.02rem solid #c7d0d7;border-radius:50%;background:#eef2f5;color:#4d5e69;font-size:.21rem;transition:border-color .3s ease,background-color .3s ease,color .3s ease;}
.sc-sol-step-copy{padding-right:.12rem;}.sc-sol-step-phase{margin-bottom:.08rem;color:var(--theme-color);}.sc-sol-step-copy h3{margin-bottom:.11rem;line-height:1.2;}
.sc-sol-step-output{display:flex;min-height:.82rem;justify-content:center;flex-direction:column;padding:.16rem .2rem;border-radius:.08rem;background:#fff;box-shadow:0 .05rem .16rem rgba(8,20,31,.055);}
.sc-sol-step-output span{margin-bottom:.07rem;color:#77838c;}.sc-sol-step-output strong{line-height:1.3;color:#17202a;}
.sc-sol-step:hover .sc-sol-step-marker{border-color:var(--theme-color);background:var(--theme-color);color:#fff;}
.sc-related-products{overflow:hidden;background:#f5f6f8;}
.sc-slider-controls{gap:.12rem;}
.sc-slider-btn{display:flex;width:.52rem;height:.52rem;align-items:center;justify-content:center;border:.01rem solid #d8dce1;border-radius:50%;background:#fff;color:#333;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;}
.sc-slider-btn:hover{border-color:var(--theme-color);background:var(--theme-color);color:#fff;}
.sc-related-products-swiper{overflow:hidden;padding:.08rem 0 .24rem;}
.sc-related-products-swiper .swiper-slide{height:auto;}.sc-related-products-swiper .sc-pro-card{height:100%;}.sc-related-products-swiper .sc-pro-card-info{padding:.25rem;}.sc-related-products-swiper .sc-pro-card-info h3{display:-webkit-box;min-height:.52rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sc-case-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem;}
.sc-case-mini{display:block;overflow:hidden;border-radius:.1rem;background:#fff;box-shadow:0 .08rem .24rem rgba(0,0,0,.06);transition:transform .35s ease,box-shadow .35s ease;}
.sc-case-mini:hover{transform:translateY(-.05rem);box-shadow:0 .15rem .34rem rgba(0,0,0,.1);}
.sc-case-mini>div:first-child{overflow:hidden;}
.sc-case-mini>div:last-child{padding:.26rem;}
.sc-case-mini span{display:block;margin-top:.16rem;color:var(--theme-color);}
@media all and (max-width:1200px){
	.sc-sol-grid,.sc-sol-editorial-grid{grid-template-columns:1fr;}
	.sc-sol-focus-layout{grid-template-columns:3.65rem minmax(0,1fr);gap:.45rem;}.sc-sol-spec-row{grid-template-columns:.38rem 1.65rem minmax(0,1fr);}.sc-sol-spec-result{grid-column:2/-1;margin-top:.02rem;padding:.12rem 0 0;border-left:0;border-top:.01rem solid rgba(255,255,255,.12);}.sc-sol-spec-result span,.sc-sol-spec-result strong{display:inline;}.sc-sol-spec-result strong{margin-left:.12rem;}
	.sc-sol-process>.w16{grid-template-columns:3.5rem minmax(0,1fr);gap:.45rem;}.sc-sol-step{grid-template-columns:.64rem minmax(0,1fr) 2.2rem;}
}
@media all and (max-width:767px){
	.sc-sol-intro .w16,.sc-sol-hero .w16,.sc-sol-story .w16{display:block;}
	.sc-sol-intro .sc-sec-copy,.sc-sol-intro .sc-sec-desc,.sc-sol-hero-copy,.sc-sol-hero-media,.sc-sol-story-index,.sc-sol-story-content{width:100%;max-width:none;}
	.sc-sol-intro .sc-sec-desc,.sc-sol-hero-media,.sc-sol-story-content{margin-top:.3rem;}
	.sc-sol-card{display:block;}
	.sc-sol-card .sc-sol-media{width:100%;}
	.sc-sol-focus-layout{display:block;}.sc-sol-focus-copy{position:static;}.sc-sol-focus-copy h2,.sc-sol-focus-intro,.sc-sol-focus-rule{max-width:none;}.sc-sol-spec-list{margin-top:.38rem;}.sc-sol-spec-row{grid-template-columns:.4rem minmax(0,1fr);gap:.16rem;padding:.24rem 0;align-items:start;}.sc-sol-spec-detail,.sc-sol-spec-result{grid-column:2;}.sc-sol-spec-result{margin-top:.04rem;}
	.sc-sol-process>.w16{display:block;}.sc-sol-process-head{position:static;}.sc-sol-process-intro{max-width:none;}.sc-sol-steps{margin-top:.38rem;}.sc-sol-step{grid-template-columns:.56rem minmax(0,1fr);gap:.18rem;padding:.25rem 0;align-items:start;}.sc-sol-steps:before{left:.27rem;}.sc-sol-step-marker{width:.56rem;height:.56rem;}.sc-sol-step-output{grid-column:2;min-height:0;margin-top:.04rem;padding:.15rem .17rem;}.sc-case-mini-grid{grid-template-columns:1fr;}
}

/* Shengchao solution detail - Fabric Development Dossier */
.sc-sol-detail{--sc-sol-red:#e60012;--sc-sol-ink:#111820;--sc-sol-navy:#0b1c2b;--sc-sol-line:#dbe2e7;--sc-sol-soft:#f2f5f7;color:var(--sc-sol-ink);}
.sc-sol-detail section[id]{scroll-margin-top:1rem;}
.sc-sol-lead{position:relative;min-height:7.8rem;overflow:hidden;background:var(--sc-sol-navy);}
.sc-sol-lead-media,.sc-sol-lead-shade{position:absolute;inset:0;}.sc-sol-lead-media img{width:100%;height:100%;object-fit:cover;object-position:center;}
.sc-sol-lead-shade{background:linear-gradient(90deg,rgba(5,17,29,.96) 0%,rgba(7,25,41,.84) 45%,rgba(7,25,41,.28) 78%,rgba(7,25,41,.12) 100%);}
.sc-sol-lead-inner{position:relative;z-index:1;min-height:7.8rem;padding-top:.3rem;padding-bottom:.7rem;}
.sc-sol-lead-crumb{opacity:.72;}.sc-sol-lead-crumb a{color:#fff;}.sc-sol-lead-crumb i{margin:0 .12rem;}
.sc-sol-lead-copy{width:8.5rem;max-width:62%;padding-top:1.05rem;}.sc-sol-lead-label{letter-spacing:.025rem;text-transform:uppercase;}.sc-sol-lead-title{max-width:8.4rem;margin-top:.17rem;line-height:1.08;letter-spacing:-.02rem;}.sc-sol-lead-desc{max-width:8rem;opacity:.9;}
.sc-sol-lead-actions{gap:.14rem;}.sc-sol-btn{display:inline-flex;min-height:.56rem;align-items:center;justify-content:center;gap:.13rem;padding:.14rem .25rem;border:.01rem solid transparent;border-radius:.06rem;transition:transform .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease;}.sc-sol-btn:hover{transform:translateY(-.03rem);}.sc-sol-btn i{transition:transform .3s ease;}.sc-sol-btn:hover i{transform:translateX(.04rem);}.sc-sol-btn-red{background:var(--sc-sol-red);color:#fff;}.sc-sol-btn-red:hover{background:#c90010;color:#fff;}.sc-sol-btn-light{border-color:rgba(255,255,255,.62);color:#fff;}.sc-sol-btn-light:hover{border-color:#fff;background:#fff;color:var(--sc-sol-navy);}
.sc-sol-lead-facts{position:absolute;left:0;bottom:.12rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:10.7rem;max-width:72%;border-top:.01rem solid rgba(255,255,255,.28);}.sc-sol-lead-facts>div{min-height:.98rem;padding:.2rem .24rem .12rem;border-right:.01rem solid rgba(255,255,255,.2);}.sc-sol-lead-facts>div:first-child{padding-left:0;}.sc-sol-lead-facts>div:last-child{border-right:0;}.sc-sol-lead-facts span,.sc-sol-lead-facts strong{display:block;}.sc-sol-lead-facts span{margin-bottom:.09rem;opacity:.58;}.sc-sol-lead-facts strong{line-height:1.25;}
.sc-sol-kicker{margin-bottom:.14rem;color:var(--sc-sol-red);letter-spacing:.025rem;text-transform:uppercase;}
.sc-sol-requirements{background:#fff;}.sc-sol-requirements-layout{display:grid;grid-template-columns:4.45rem minmax(0,1fr);gap:1rem;align-items:start;}.sc-sol-requirements-head{position:sticky;top:1.35rem;}.sc-sol-requirements-head h2{line-height:1.14;}.sc-sol-requirements-note{display:grid;grid-template-columns:.48rem 1fr;gap:.16rem;align-items:center;padding:.2rem 0;border-top:.01rem solid var(--sc-sol-line);border-bottom:.01rem solid var(--sc-sol-line);}.sc-sol-requirements-note i{color:var(--sc-sol-red);font-size:.26rem;}.sc-sol-requirements-note span,.sc-sol-requirements-note strong{display:block;}.sc-sol-requirements-note strong{margin-top:.08rem;line-height:1.35;}
.sc-sol-requirements-content{padding:0;background:transparent;}.sc-sol-requirements-content h2{margin-top:0;padding-bottom:.17rem;border-bottom:.01rem solid var(--sc-sol-line);font-size:var(--f32);}.sc-sol-requirements-content h3{margin-top:.36rem;color:var(--sc-sol-ink);}.sc-sol-requirements-content ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .35rem;padding:0;}.sc-sol-requirements-content li{position:relative;padding:.13rem 0 .13rem .25rem;border-bottom:.01rem solid #e5eaed;list-style:none;}.sc-sol-requirements-content li:before{content:"";position:absolute;left:0;top:.23rem;width:.07rem;height:.07rem;border-radius:50%;background:var(--sc-sol-red);}
.sc-sol-definition{position:relative;overflow:hidden;background:#0b1c2b;}.sc-sol-definition:after{content:"";position:absolute;right:-1.8rem;bottom:-2.2rem;width:5.5rem;height:5.5rem;border:.01rem solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 .48rem rgba(255,255,255,.018),0 0 0 .96rem rgba(255,255,255,.014);}.sc-sol-definition-layout{position:relative;z-index:1;display:grid;grid-template-columns:4.45rem minmax(0,1fr);gap:.8rem;}.sc-sol-definition-copy .sc-sol-kicker{color:#ff6874;}.sc-sol-definition-copy h2{line-height:1.15;}.sc-sol-definition-copy>div:nth-child(3){max-width:4.1rem;opacity:.7;}.sc-sol-definition-rule{padding-top:.22rem;border-top:.01rem solid rgba(255,255,255,.24);}.sc-sol-definition-rule span,.sc-sol-definition-rule strong{display:block;}.sc-sol-definition-rule span{margin-bottom:.1rem;color:#ff8e97;}
.sc-sol-definition-list{border-top:.01rem solid rgba(255,255,255,.22);}.sc-sol-definition-item{display:grid;grid-template-columns:.48rem minmax(0,1fr);gap:.2rem;align-items:center;min-height:1.28rem;padding:.22rem 0;border-bottom:.01rem solid rgba(255,255,255,.18);transition:padding .3s ease,background-color .3s ease;}.sc-sol-definition-icon{color:#ff6874;font-size:.27rem;}.sc-sol-definition-item>div:nth-child(2)>div{opacity:.68;}.sc-sol-definition-item:hover{padding-left:.14rem;padding-right:.14rem;background:rgba(255,255,255,.04);}
.sc-sol-delivery{background:#eef2f5;}.sc-sol-section-head{gap:.5rem;}.sc-sol-section-head>div:first-child{max-width:8.5rem;}.sc-sol-section-head h2{line-height:1.14;}.sc-sol-section-intro{width:5.6rem;max-width:38%;}.sc-sol-delivery-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.16rem;}.sc-sol-delivery-track:before{content:"";position:absolute;left:.34rem;right:.34rem;top:.34rem;height:.02rem;background:#c7d1d8;}.sc-sol-delivery-step{position:relative;z-index:1;padding-right:.1rem;}.sc-sol-delivery-marker{display:flex;width:.68rem;height:.68rem;align-items:center;justify-content:center;border:.02rem solid #bec9d0;border-radius:50%;background:#eef2f5;color:#65737d;transition:background-color .3s ease,border-color .3s ease,color .3s ease;}.sc-sol-delivery-marker span{display:none;}.sc-sol-delivery-marker i{font-size:.22rem;}.sc-sol-delivery-copy{padding-top:.24rem;}.sc-sol-delivery-copy>div:first-child{margin-bottom:.09rem;color:var(--sc-sol-red);}.sc-sol-delivery-copy h3{margin-bottom:.14rem;line-height:1.2;}.sc-sol-delivery-step:hover .sc-sol-delivery-marker{border-color:var(--sc-sol-red);background:var(--sc-sol-red);color:#fff;}
.sc-related-products{overflow:hidden;background:#fff;}.sc-related-products-swiper{overflow:hidden;padding:.08rem 0 .28rem;}.sc-related-products-swiper .swiper-slide{height:auto;}.sc-related-products-swiper .sc-pro-card{height:100%;}.sc-related-products-swiper .sc-pro-card-info{padding:.23rem;}.sc-related-products-swiper .sc-pro-card-info h3{display:-webkit-box;min-height:.52rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.sc-slider-controls{gap:.11rem;}.sc-slider-btn{display:flex;width:.52rem;height:.52rem;align-items:center;justify-content:center;border:.01rem solid #d1dbe1;border-radius:50%;background:#fff;color:#33424c;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;}.sc-slider-btn:hover{border-color:var(--sc-sol-red);background:var(--sc-sol-red);color:#fff;}
.sc-sol-cta{background:#fff;}.sc-sol-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.62rem .68rem;border-radius:.12rem;background:linear-gradient(105deg,#0a1c2c 0%,#122f46 70%,#62202a 100%);}.sc-sol-cta-inner>div{max-width:9.6rem;}.sc-sol-cta-inner .sc-sol-kicker{color:#ff8e97;}.sc-sol-cta-inner>div>div:last-child{max-width:8.5rem;opacity:.78;}.sc-sol-cta-inner>.sc-sol-btn{flex:0 0 auto;}
@media all and (max-width:1200px){.sc-sol-lead-copy{max-width:70%;}.sc-sol-requirements-layout,.sc-sol-definition-layout{grid-template-columns:3.7rem minmax(0,1fr);gap:.55rem;}.sc-sol-delivery-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem .2rem;}.sc-sol-delivery-track:before{display:none;}.sc-sol-definition-item{grid-template-columns:.46rem minmax(0,1fr);}}
@media all and (max-width:767px){.sc-sol-lead{min-height:10.5rem;}.sc-sol-lead-media img{object-position:62% center;}.sc-sol-lead-shade{background:linear-gradient(180deg,rgba(5,17,29,.91),rgba(7,25,41,.82) 64%,rgba(7,25,41,.94));}.sc-sol-lead-inner{min-height:10.5rem;padding-top:.18rem;padding-bottom:.35rem;}.sc-sol-lead-crumb{display:none;}.sc-sol-lead-copy{width:100%;max-width:100%;padding-top:.8rem;}.sc-sol-lead-title{font-size:.52rem;line-height:1.13;}.sc-sol-lead-desc{font-size:var(--f16);}.sc-sol-lead-actions{display:grid;grid-template-columns:1fr;}.sc-sol-btn{width:100%;min-height:.72rem;}.sc-sol-lead-facts{position:absolute;bottom:.22rem;grid-template-columns:1fr;width:100%;max-width:calc(100% - .3rem);}.sc-sol-lead-facts>div{min-height:0;padding:.12rem 0;border-right:0;border-bottom:.01rem solid rgba(255,255,255,.16);}.sc-sol-lead-facts>div:last-child{border-bottom:0;}.sc-sol-requirements-layout,.sc-sol-definition-layout{display:block;}.sc-sol-requirements-head{position:static;}.sc-sol-requirements-head h2,.sc-sol-definition-copy h2,.sc-sol-section-head h2,.sc-sol-cta h2{font-size:.48rem;}.sc-sol-requirements-content{margin-top:.4rem;}.sc-sol-requirements-content ul{grid-template-columns:1fr;}.sc-sol-definition-list{margin-top:.4rem;}.sc-sol-definition-item{grid-template-columns:.45rem minmax(0,1fr);gap:.15rem;padding:.25rem 0;align-items:start;}.sc-sol-section-head{display:block;}.sc-sol-section-intro{width:100%;max-width:none;margin-top:.2rem;}.sc-sol-delivery-track{grid-template-columns:1fr;gap:.28rem;}.sc-sol-delivery-step{display:grid;grid-template-columns:.62rem minmax(0,1fr);gap:.16rem;padding:0;}.sc-sol-delivery-marker{width:.62rem;height:.62rem;}.sc-sol-delivery-copy{padding-top:.02rem;}.sc-related-products .sc-slider-controls{margin-top:.22rem;justify-content: flex-start;}.sc-sol-cta-inner{display:block;padding:.32rem;border-radius:.09rem;}.sc-sol-cta-inner>.sc-sol-btn{margin-top:.3rem;}}
@media (prefers-reduced-motion:reduce){.sc-sol-detail *{transition-duration:.01ms!important;scroll-behavior:auto!important;}}

/* Shengchao responsive navigation and inner-page refinement. */
@media all and (max-width:1000px){
	body.sc-search-open #c-header .c-nav{height:0!important;padding-bottom:0!important;}
	#c-header .c-switch{position:relative;display:flex;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-right:-8px;padding:0 8px;border:0;border-radius:50%;background:transparent;line-height:1;}
	#c-header .c-switch i{position:static;width:25px;height:2px;margin:0;border-radius:2px;background:#20262d;transform-origin:center;}
	body.c-open #c-header .c-switch i:nth-child(1){position:absolute;top:21px;transform:rotate(45deg);}
	body.c-open #c-header .c-switch i:nth-child(2){opacity:0;}
	body.c-open #c-header .c-switch i:nth-child(3){position:absolute;bottom:21px;transform:rotate(-45deg);}
	#c-header .c-switch:focus-visible{outline:2px solid var(--theme-color);outline-offset:2px;}
	#c-header .c-nav{padding-bottom:0;overscroll-behavior:contain;}
	.c-open #c-header .c-nav{padding-bottom:24px;}
	#c-header .c-nav>li{padding:0 20px;}
	#c-header .c-nav li .c-title-box{min-height:54px;line-height:1.35;}
	#c-header .c-nav li .c-title-box>a{display:flex;min-height:54px;align-items:center;font-size: 18px;}
	#c-header .c-nav li .c-title-box>.sc-nav-toggle{display:flex;flex:0 0 44px;width:44px;height:44px;align-items:center;justify-content:center;margin-right:-12px;padding:0;border:0;border-radius:50%;background:transparent;color:#27303a;cursor:pointer;}
	#c-header .c-nav li .c-title-box>.sc-nav-toggle i{width:auto;height:auto;font-size:24px;line-height:1;transition:transform .25s cubic-bezier(.22,1,.36,1);}
	#c-header .c-nav li .c-title-box>.sc-nav-toggle:focus-visible{outline:2px solid var(--theme-color);outline-offset:2px;}
	#c-header .c-nav>li.sc-head-product>.sc-head-mobile-products{margin:0 -20px;padding:0 20px;background:#f6f7f8;}
	#c-header .sc-head-mobile-products .sc-mobile-product-item{padding:0;border-top:1px solid #e4e7ea;line-height:1.35;}
	#c-header .sc-head-mobile-products .sc-mobile-product-head{display:flex;min-height:52px;align-items:center;justify-content:space-between;}
	#c-header .sc-head-mobile-products .sc-mobile-product-link{display:flex;min-height:52px;align-items:center;font-family:'RB';font-size:16px;}
	#c-header .sc-head-mobile-products .sc-mobile-product-toggle{display:flex;flex:0 0 44px;width:44px;height:44px;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#27303a;}
	#c-header .sc-head-mobile-products .sc-mobile-product-toggle i{width:auto;height:auto;font-size:18px;line-height:1;transition:transform .25s ease;}
	#c-header .sc-head-mobile-products .sc-mobile-product-item.is-open .sc-mobile-product-toggle i{transform:rotate(180deg);}
	#c-header .sc-head-mobile-products .sc-mobile-product-sub{display:none;margin:0;padding:0 0 12px 16px;border:0;}
	#c-header .sc-head-mobile-products .sc-mobile-product-sub li{padding:0;border:0;}
	#c-header .sc-head-mobile-products .sc-mobile-product-sub a{display:flex;min-height:44px;align-items:center;padding:7px 0;color:#5d6670;font-size:15px;line-height:1.4;}
	#c-header .sc-head-mobile-products a:focus-visible,#c-header .sc-head-mobile-products button:focus-visible{outline:2px solid var(--theme-color);outline-offset:2px;}
}
@media all and (max-width:767px){
	#c-header .sc-header-message{display:none;}
	.sc-inner-site .Header-container .tool{gap:.16rem;margin-left:0;padding-right:.16rem;}
	.sc-inner-site .Header-container .tool .search{width:.8rem;height:.8rem;flex:0 0 .8rem;}
	.sc-inner-site .Header-container .tool .search i{width:auto;height:auto;font-size:.36rem;line-height:1;}
	.sc-inner-site .sc-header-message{min-width:0;height:.8rem;gap:.12rem;padding:0 .28rem;border-radius:.4rem;}
	.sc-inner-site .sc-header-message svg{width:.34rem;height:.34rem;flex:0 0 .34rem;}
	.tc_search .cell_mid{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:76px 20px 20px;box-sizing:border-box;}
	.tc_search .cell_h{display:block;width:100%;height:auto;}
	.tc_search form{display:flex;width:100%;max-width:none;height:58px;align-items:center;padding:0 8px 0 18px;border:0;border-radius:12px;background:#fff;box-sizing:border-box;box-shadow:0 8px 24px rgba(0,0,0,.16);overflow:visible;}
	.tc_search input{float:none;width:calc(100% - 50px);height:56px;padding:0;border:0;background:transparent;color:#172033;font-size:16px;line-height:1.4;}
	.tc_search input::placeholder{color:#626c78;opacity:1;}
	.tc_search form button{display:flex;float:none;flex:0 0 46px;width:46px;max-width:none;height:46px;align-items:center;justify-content:center;padding:0;border-radius:8px;background:var(--theme-color);color:#fff;font-size:22px;line-height:1;}
	.tc_search .search_bg{background:rgba(6,16,29,.94);}
	.tc_search .sc-search-close{position:absolute;right:16px;top:16px;z-index:3;display:flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer;}
	.tc_search form:focus-within{box-shadow:0 0 0 2px var(--theme-color),0 8px 24px rgba(0,0,0,.16);}
	.tc_search input:focus{outline:0;}
	.tc_search button:focus-visible{outline:2px solid #fff;outline-offset:3px;}
	.sc-inner-site .sc-ban{display:block;height:auto;}
	.sc-inner-site .sc-ban-copy{position:relative;left:auto;top:auto;width:calc(100% - 40px);padding:80px 0 60px;margin:0 auto;transform:none;}
	.sc-inner-site .sc-ban-copy h1{font-size:36px;line-height:1.14;}
	.sc-inner-site .sc-ban-desc{margin-top:16px;font-size:16px;line-height:1.55;}
	.sc-inner-site .sc-ban-crumb{left:20px;top:12px;width:calc(100% - 40px);font-size:14px;line-height:1.4;text-align:left;transform:none;}
	.sc-inner-site .sc-btn,.sc-inner-site .sc-sol-btn,.sc-inner-site .sc-slider-btn{min-height:44px;}
	.sc-inner-site .sc-slider-btn{min-width:44px;width:44px;height:44px;}
	.sc-service-ban{display:block;height:auto;min-height:300px;}
	.sc-service-ban-img img{height:100%;min-height:300px;object-fit:cover;}
	.sc-service-ban-copy{position:relative;left:auto;top:auto;width:calc(100% - 40px);padding:82px 0 40px;margin:0 auto;transform:none;}
	.sc-service-ban-copy h1{font-size:36px;line-height:1.14;}
	.sc-service-ban-copy>div{font-size:16px;line-height:1.55;}
	.sc-service-ban-crumb{left:20px;top:48px;width:calc(100% - 40px);font-size:14px;line-height:1.4;text-align:left;transform:none;}
	.sc-about-banner{height:auto;min-height:360px;}
	.sc-about-banner-copy{position:relative;left:auto;top:auto;width:calc(100% - 40px);padding:82px 0 40px;margin:0 auto;transform:none;}
	.sc-about-banner-title,.sc-about-banner-desc{width:100%;max-width:100%;}
	.sc-about-banner-title{font-size:36px;line-height:1.14;}
	.sc-about-banner-desc{font-size:16px;line-height:1.55;}
	.sc-about-banner-note{font-size:14px;line-height:1.5;}
	.sc-about-banner-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px;}
	.sc-about-banner-actions a{min-height:46px;}
	.sc-about-banner-crumb{display:block;left:20px;top:48px;width:calc(100% - 40px);text-align:left;transform:none;}
	/* Keep content icons legible after the mobile rem scale without matching desktop sizes. */
	.sc-product-guide-page .sc-product-guide-view,.sc-product-guide-page .sc-product-guide-btn{min-height:.88rem;}
	.sc-product-guide-view-icon{width:.32rem;height:.32rem;}
	.sc-product-guide-card-arrow{width:.68rem;height:.68rem;flex-basis:.68rem;}
	.sc-product-guide-card-arrow svg{width:.3rem;height:.3rem;}
	.sc-news-more i{font-size:.32rem;}
	.sc-faq-topics i{width:.4rem;height:.4rem;flex-basis:.4rem;font-size:.24rem;}
	.sc-download-btn i{font-size:.3rem;}
	.sc-about-btn .sc-about-btn-arrow{width:.3rem;height:.3rem;flex-basis:.3rem;font-size:.24rem;}
	.sc-pro-search input{min-height:.88rem;}
	.sc-pro-search button{width:.88rem;min-width:.88rem;min-height:.88rem;}
	.sc-pro-toggle{width:.88rem;height:.88rem;flex-basis:.88rem;}
	.sc-pro-toggle i{font-size:.32rem;}
	.sc-pro-thumbs{padding-right:1rem;padding-left:1rem;}
	.sc-pro-thumbs button{width:.88rem;}
	.sc-pro-tabs button{min-height:44px;padding:.1rem 0 .16rem;}
	.sc-pro-related-controls{gap:.12rem;margin-top:.2rem;}
	.sc-pro-related-controls button{width:.7rem;height:.7rem;flex-basis:.7rem;}
	.sc-about-overview-play{width:.88rem;height:.88rem;}
	.sc-about-btn,.sc-about-cta-action{min-height:.88rem;}
	.sc-about-environment-controls button,.sc-about-certifications-controls button,.sc-about-exhibition-controls button{min-width:.88rem;width:.88rem;height:.88rem;flex:0 0 .88rem;}
	.sc-faq-head{min-height:48px;}
	.sc-oem-page .sc-oem-btn{min-height:.88rem;}
	.sc-oem-page .sc-oem-rd-icon,.sc-oem-page .sc-oem-rd-icon svg{width:.68rem;height:.68rem;}
	.sc-oem-page .sc-oem-adv-card{grid-template-columns:.76rem minmax(0,1fr);}
	.sc-oem-page .sc-oem-adv-icon{width:.72rem;height:.72rem;}
	.sc-oem-page .sc-oem-adv-icon i{font-size:.32rem;}
	.sc-oem-page .sc-oem-service-card-icon svg{width:.36rem;height:.36rem;}
	.sc-oem-page .sc-oem-service-card-icon i{font-size:.38rem;}
	.sc-oem-page .sc-oem-service-includes li i{font-size:.28rem;}
	.sc-oem-page .sc-oem-scope-item{grid-template-columns:.66rem minmax(0,1fr);}
	.sc-oem-page .sc-oem-scope-item-icon{width:.62rem;height:.62rem;}
	.sc-oem-page .sc-oem-scope-item-icon i{font-size:.48rem;}
	.sc-oem-page .sc-oem-scope-item-icon svg{width:.32rem;height:.32rem;}
	.sc-oem-page .sc-oem-support-row{grid-template-columns:.72rem minmax(0,1fr);}
	.sc-oem-page .sc-oem-support-icon{width:.7rem;height:.7rem;}
	.sc-oem-page .sc-oem-support-icon svg{width:.36rem;height:.36rem;}
	.sc-oem-page .sc-oem-process-step{grid-template-columns:.76rem minmax(0,1fr);}
	.sc-oem-page .sc-oem-process-dot{width:.72rem;height:.72rem;}
	.sc-oem-page .sc-oem-process-dot i{font-size:.3rem;}
	.sc-oem-page .sc-oem-btn i{font-size:.3rem;}
	.sc-download .sc-download-btn{min-height:.88rem;justify-content:center;}
	.sc-sol-definition-copy>div:nth-child(3){max-width: 100%;}
	.sc-pro-block .sc-pro-related{width: 100%;padding: 0;margin-left: 0;}
	.sc-download-icon{font-size: var(--f60);}
}