/* :is(.is-layout-flow,.is-layout-constrained) :where(h1,h2,h3,h4,h5,h6){
	margin-block-end: inherit;
} */

body {
	--theme-container-width: 100%  !important;
	--theme-normal-container-max-width: 100% !important;
	--theme-content-vertical-spacing: 0 !important;
	--theme-content-spacing: 0 !important;
	--theme-list-indent: 0 !important;
	--theme-headings-color: ;
	--theme-link-hover-color: initial;
}

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

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

:is(.is-layout-flow,.is-layout-constrained) :where(h1,h2,h3,h4,h5,h6){
	margin-block-end: 0;
}
/*动画效果 所有属性获得过度*/
*{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: #0168B3;}
.color-sec-blue{ color: #003058;}
.color-red{color: var(--theme-color);}
.color-white{ color: white;}
.color-black{ color: black;}
.color-dark{color: #001322;}

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

.hmax{ height: 100%  ;}
.wmax{ width: 100%  ;}
.w50{ width: 50% ;}
.w55{ width: 55%;}
.w49-5{ width: 49.5%;}
.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: 80px;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

/* 限制一行 */
.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;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-67{padding-bottom: 67%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-130{padding-bottom: 130%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
.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;}
.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;}

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


/* 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 */
/* 基础辅助类增强 */
.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;
}




.top-navbar .menu>li{
	margin: 0 30px;
}
.about-right-container img{
	border-radius: 16px;
	overflow: hidden;
}
.latest-news-grid-card .img{
	position: relative;
}
.latest-news-grid-card .img::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	left: 0;
	bottom: 0;
	background-color: rgb(22,53,99,.5);
	    background: linear-gradient(0deg, rgba(22, 53, 99, 1) 0%, rgba(22, 53, 99, 0) 100%);
	z-index: 3;
}

.footer-top-container {
	gap: 60px;
}
.contact-home-rakshak-solar{
	max-width: 380px;
}
.quick-links{
	max-width: 500px;
}
.footer-top-right-container{
	gap: 40px;
	max-width: 900px;
}
.quick-links-left-container{
	max-width: 170px;
}
.quick-links-right-container{
	max-width: 300px;
}

.contact-home-rakshak-solar-content img,.clean-energy-section .clean-energy-right-container img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 #C3AD8B);
	-webkit-filter: drop-shadow(100vw 0px 0 #C3AD8B);
	right: 100vw;

}

.service-solutions-card .learn-more-btn img,.testimonial-container .testimonial-right-top-content img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 #C3AD8B);
	-webkit-filter: drop-shadow(100vw 0px 0 #C3AD8B);
	right: 100vw;
}
.service-solutions-card:hover .learn-more-btn img{
	transform: none;
	filter: drop-shadow(100vw 0px 0 #fff) !important;
	-webkit-filter: drop-shadow(100vw 0px 0 #fff) !important;
}
.footer-bottom-content{
	justify-content: center;
}
.contact-home-rakshak-solar h3, .quick-links h3{
	padding-top: 0;
}

.testimonial-container .testimonial-right-top-content {
	overflow: hidden;
}

.ban_txt{
	position: absolute;
	right: 10%;
	top: 30%;
	line-height: 1;
}
.ban_txt h1{
	font-size: 80px;
	line-height: 1.1;
	font-weight: 300;
	color: #fff;
	text-shadow: 0 3px 3px rgb(0,0,0,.15);
}
.ban_txt h2{
	font-size: 64px;
	line-height: 1.1;
	color: #fff;
	font-weight: 600;
	text-shadow: 0 3px 3px rgb(0,0,0,.15);
}
.ban_txt h3{
	font-size: 54px;
	font-weight: 500;
	color: #705b3e;
	margin: 10px 0 12px;
}
.ban_txt p{
	display: flex;
	align-items: center;
	font-size: 22px;
	line-height: 1.75;
	color: #705b3e;
}
.ban_txt p:before{
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #705b3e;
	margin-right: 6px;
}



/* =========================================
   首页 Banner 轮播样式 (图片撑开高度版)
   ========================================= */
.nh-ban-swiper {
    width: 100%;
    position: relative;
    font-family: 'Poppins', sans-serif;
}

.nh-ban-slide {
    position: relative;
    width: 100%;
    /* 取消了固定高度，完全由内部的 img 撑开 */
}

/* 撑开高度的图片 */
.nh-ban-img {
    display: block;
    width: 100%;
    height: auto; /* 核心：按比例自适应高度 */
    /* 移动端保护：防止图片按比例缩放后高度太小，装不下绝对定位的文字 */
    min-height: 500px; 
    object-fit: cover;
}

.ban-pc{
	display: block !important;
}
.ban-mb{
	display: none !important;
}

/* 绝对定位的内容层 */
.nh-ban-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; /* 垂直居中 */
    z-index: 2;
}

.nh-ban-container {
    width: 1440px;
    max-width: 92%;
    margin: 0 auto;
    width: 100%;
}

.nh-ban-content {
    max-width: 650px;
    width: 100%;
}

.nh-ban-content-left { margin-right: auto; }
.nh-ban-content-right { margin-left: auto; }

/* --- 第一张图样式 (精准还原) --- */
.nh-ban-box-gray {
    position: relative;
    background-color: #9b9b9b;
    padding: 25px 35px 25px 0;
    border-right: 12px solid var(--theme-color, #C3AD8B); /* 右侧粗边框 */
    margin-bottom: 25px;
    display: inline-block;
}

/* 伪元素向左无限延伸 */
.nh-ban-box-gray::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 50vw;
    height: 100%;
    background-color: #9b9b9b;
}

.nh-ban-box-gray .nh-ban-sub-title,
.nh-ban-box-gray .nh-ban-main-title {
    position: relative;
    z-index: 2;
}

.nh-ban-box-gray .nh-ban-sub-title {
    font-size: var(--f24);
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 8px;
    display: block;
}

.nh-ban-box-gray .nh-ban-main-title {
    font-size: var(--f54);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.15;
    margin-bottom: 0;
    letter-spacing: 1px;
}

.nh-ban-slide-1 .nh-ban-desc {
    font-size: var(--f18);
    color: var(--theme-color, #C3AD8B);
    line-height: 1.6;
    margin-bottom: 25px;
    font-weight: 500;
    text-decoration: underline; /* 下划线 */
    text-underline-offset: 4px;
}

.nh-ban-btn {
    display: inline-block;
    padding: 10px 25px;
    background-color: var(--theme-color, #C3AD8B);
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.nh-ban-btn:hover {
    background-color: #333333;
    color: #ffffff;
}

/* --- 第二张图样式 --- */
.nh-ban-slide-2 .nh-ban-main-title {
    font-size: var(--f54);
    color: #333333;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

.nh-ban-slide-2 .nh-ban-highlight {
    font-size: var(--f46);
    color: var(--theme-color, #C3AD8B);
    font-weight: 400;
    margin-bottom: 25px;
}

.nh-ban-list p {
    font-size: var(--f18);
    color: var(--theme-color, #C3AD8B);
    line-height: 1.8;
    font-weight: 500;
    margin: 0;
}

/* --- Swiper 控件美化 --- */
.nh-ban-swiper .swiper-button-next,
.nh-ban-swiper .swiper-button-prev {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.2);
    width: 50px; height: 50px;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.nh-ban-swiper .swiper-button-next:hover,
.nh-ban-swiper .swiper-button-prev:hover { background: var(--theme-color, #C3AD8B); }
.nh-ban-swiper .swiper-button-next:after,
.nh-ban-swiper .swiper-button-prev:after { font-size: 20px; }

.nh-ban-swiper .swiper-pagination-bullet { width: 12px; height: 12px; background: #ffffff; opacity: 0.6; }
.nh-ban-swiper .swiper-pagination-bullet-active { background: var(--theme-color, #C3AD8B); opacity: 1; width: 30px; border-radius: 6px; }


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


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

/* =========================================
   Base & Overrides (结合 custom.css 变量)
   ========================================= */
.nh-ab-wrapper{
	color: #666;
}
/* 强制版心宽度 1360px */
.nh-ab-container {
    width: 1360px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Typography */
.nh-ab-sec-title {
    font-size: var(--f42, 42px);
    color: #111;
    font-weight: 700;
    line-height: 1.2;
}
.nh-ab-sec-title.color-f{
	color: #fff;
}
.nh-ab-subtitle {
    display: inline-block;
    color: var(--theme-color, #C3AD8B);
    font-size: var(--f16, 16px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.nh-ab-sec-desc {
    font-size: var(--f18, 18px);
    color: #666;
    width: 12rem;
    line-height: 1.6;
	max-width: 100%;
}

.nh-ab-italic {
    font-size: var(--f18, 18px);
    font-style: italic;
    color: #333;
    font-weight: 500;
}

.nh-ab-wrapper p {
    font-size: var(--f16, 16px);
    line-height: 1.7;
}

/* Buttons */
.nh-ab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 36px;
    font-size: var(--f16, 16px);
    font-weight: 500;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.nh-ab-btn-primary {
    background-color: var(--theme-color, #C3AD8B);
    color: #fff;
    border: 2px solid var(--theme-color, #C3AD8B);
}

.nh-ab-btn-primary:hover {
    background-color: transparent;
    color: var(--theme-color, #C3AD8B);
}

.nh-ab-btn-outline-light {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.nh-ab-btn-outline-light:hover {
    background-color: #fff;
    color: #111;
}

/* Utilities */
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-40 { gap: 40px; }
.gap-60 { gap: 60px; }
.bg-111 { background-color: #111; }
.bg-222 { background-color: #1a1a1a; }
.border-eee-dark { border: 1px solid rgba(255,255,255,0.05); }
.z-index-1 { z-index: 1; }

/* =========================================
   Header
   ========================================= */
.text-center{
   text-align: center;
}
.nh-ab-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.nh-ab-logo {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
}

.nh-ab-nav a {
    color: #fff;
    font-size: var(--f16, 16px);
    margin: 0 20px;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.nh-ab-nav a:hover, .nh-ab-nav a.active {
    opacity: 1;
    color: var(--theme-color, #C3AD8B);
}

/* =========================================
   Hero Section
   ========================================= */
.nh-ab-hero {
    position: relative;
    min-height: 800px;
    padding-top: 80px;
}

.nh-ab-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.nh-ab-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nh-ab-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 100%);
}

.nh-ab-hero-content {
    max-width: 800px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.nh-ab-title-main {
    font-size: var(--f54, 54px);
    color: #fff;
    line-height: 1.2;
    font-weight: 700;
}

.nh-ab-desc-main {
    font-size: var(--f18, 18px);
    color: rgba(255,255,255,0.8);
}

/* =========================================
   About Section
   ========================================= */
.nh-ab-about-grid {
    gap: 80px;
}
.nh-ab-about-grid > div {
    width: 50%;
}
.nh-ab-img-box:hover img {
    transform: scale(1.05);
}

/* =========================================
   About Section - Video Play Button
   ========================================= */

/* 图片容器设为相对定位，用于按钮绝对定位 */
.nh-ab-video-wrap {
    position: relative;
    cursor: pointer;
}

/* 图片悬停时整体变暗，突出按钮 */
/* .nh-ab-video-wrap:hover img {
    transform: scale(1.05);
    filter: brightness(0.85);
} */

/* 播放按钮：绝对居中定位 */
.nh-ab-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    z-index: 10;
    text-decoration: none;
}

/* 核心播放图标圆圈 */
.nh-ab-play-icon {
    position: relative;
    z-index: 3;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: var(--theme-color, #C3AD8B);
    font-size: 28px;
    transition: all 0.35s ease;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    /* 播放图标视觉上需要稍微右移一点才显得居中 */
    padding-left: 5px;
}

/* 悬停时：图标背景变为主题色，图标变白 */
.nh-ab-play-btn:hover .nh-ab-play-icon {
    background: var(--theme-color, #C3AD8B);
    color: #fff;
    transform: scale(1.12);
    box-shadow: 0 12px 40px rgba(195, 173, 139, 0.5);
}

/* ---- 光晕扩散动画圆圈 ---- */
.nh-ab-play-ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    animation: nh-ab-ripple 2.2s ease-out infinite;
    z-index: 2;
}

/* 第二个光晕圈延迟播放，形成错落感 */
.nh-ab-play-ripple-delay {
    animation-delay: 1.1s;
}

/* 光晕扩散关键帧 */
@keyframes nh-ab-ripple {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.4);
        opacity: 0;
    }
}

/* 悬停时暂停光晕动画，视觉更干净 */
.nh-ab-play-btn:hover .nh-ab-play-ripple {
    animation-pause: paused;
    opacity: 0;
}

/* ---- 响应式适配 ---- */
@media (max-width: 768px) {
    .nh-ab-play-btn {
        width: 60px;
        height: 60px;
    }
    .nh-ab-play-icon {
        width: 60px;
        height: 60px;
        font-size: 22px;
    }
    .nh-ab-play-ripple {
        width: 60px;
        height: 60px;
    }
}

/* =========================================
   About Section - Video Play Button
   ========================================= */
.nh-ab-video-wrap {
    position: relative;
    cursor: pointer;
}
/* 
.nh-ab-video-wrap:hover img {
    transform: scale(1.05);
    filter: brightness(0.82);
} */

/* 播放按钮居中定位 */
.nh-ab-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 10;
    padding: 0;
}

/* 核心播放图标圆圈 */
.nh-ab-play-icon {
    position: relative;
    z-index: 3;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: var(--theme-color, #C3AD8B);
    font-size: 26px;
    transition: all 0.35s ease;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    padding-left: 5px;
    flex-shrink: 0;
}

.nh-ab-play-btn:hover .nh-ab-play-icon {
    background: var(--theme-color, #C3AD8B);
    color: #fff;
    transform: scale(1.12);
    box-shadow: 0 12px 40px rgba(195, 173, 139, 0.55);
}

/* 光晕扩散动画 */
.nh-ab-play-ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    animation: nh-ab-ripple 2.2s ease-out infinite;
    z-index: 2;
    pointer-events: none;
}

.nh-ab-play-ripple-delay {
    animation-delay: 1.1s;
}

@keyframes nh-ab-ripple {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}

.nh-ab-play-btn:hover .nh-ab-play-ripple {
    animation-play-state: paused;
    opacity: 0;
}

/* =========================================
   Video Modal
   ========================================= */

/* 遮罩层 - 默认隐藏 */
.nh-ab-modal-mask {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    pointer-events: none;
    transition: background 0.35s ease, visibility 0.35s ease;
}

/* 激活状态 */
.nh-ab-modal-mask.is-active {
    background: rgba(0, 0, 0, 0.88);
    visibility: visible;
    pointer-events: all;
}

/* 弹窗内容区 */
.nh-ab-modal-wrap {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.nh-ab-modal-box {
    position: relative;
    width: 100%;
    max-width: 960px;
    background: #000;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
    transform: scale(0.88) translateY(30px);
    opacity: 0;
    transition: transform 0.38s cubic-bezier(0.34, 1.56, 0.64, 1),
                opacity 0.38s ease;
}

/* 弹窗激活时的入场动画 */
.nh-ab-modal-mask.is-active .nh-ab-modal-box {
    transform: scale(1) translateY(0);
    opacity: 1;
}

/* 关闭按钮 */
.nh-ab-modal-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--theme-color, #C3AD8B);
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.nh-ab-modal-close:hover {
    background: #fff;
    color: var(--theme-color, #C3AD8B);
    transform: rotate(90deg) scale(1.1);
}

/* 视频播放器 */
.nh-ab-video-player {
    display: block;
    width: 100%;
    height: auto;
    max-height: 80vh;
    border-radius: 10px;
    background: #000;
    outline: none;
}

/* 点击遮罩背景关闭 */
.nh-ab-modal-wrap {
    cursor: pointer;
}

.nh-ab-modal-box {
    cursor: default;
}

/* ---- 响应式 ---- */
@media (max-width: 1024px) {
    .nh-ab-modal-box {
        max-width: 720px;
    }
}

@media (max-width: 768px) {
    .nh-ab-play-btn {
        width: 60px;
        height: 60px;
    }
    .nh-ab-play-icon {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }
    .nh-ab-play-ripple {
        width: 60px;
        height: 60px;
    }
    .nh-ab-modal-close {
        top: -14px;
        right: -14px;
        width: 34px;
        height: 34px;
        font-size: 16px;
    }
}



/* =========================================
   Stats Section
   ========================================= */
.nh-ab-stats-grid {
    gap: 30px;
}
.nh-ab-stat-item {
    flex: 1;
}
.nh-ab-icon {
    font-size: 36px;
    color: var(--theme-color, #C3AD8B);
    margin-bottom: 15px;
}
.nh-ab-num {
    font-size: var(--f46, 46px);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
}
.nh-ab-label {
    font-size: 14px;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.6);
}

/* =========================================
   Capabilities Section
   ========================================= */
.nh-ab-cap-grid {
    gap: 80px;
}
.nh-ab-cap-grid > div {
    width: 50%;
}
.nh-ab-list {
    list-style: none;
    gap: 15px 0;
}
.nh-ab-list li {
    width: 50%;
    font-size: var(--f16, 16px);
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.nh-ab-list i {
    color: var(--theme-color, #C3AD8B);
    margin-top: 5px;
}

/* =========================================
   Infrastructure Section (Swiper)
   ========================================= */
.nh-ab-infra-main {
    position: relative;
}
.nh-ab-infra-main img {
    /* height: 600px; */
    object-fit: cover;
}
.nh-ab-slide-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 70%);
}
.nh-ab-infra-main .swiper-slide{
	overflow: hidden;
}
.nh-ab-tag {
    display: inline-block;
    background-color: var(--theme-color, #C3AD8B);
    color: #fff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    align-self: flex-start;
}
.nh-ab-slide-overlay h3 {
    font-size: 32px;
    line-height: 1.2;
}
.nh-ab-slide-overlay p {
    max-width: 700px;
}

/* Custom Swiper Nav */
.nh-ab-swiper-nav {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 10;
    gap: 10px;
}
.nh-ab-infra-prev, .nh-ab-infra-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(4px);
}
.nh-ab-infra-prev:hover, .nh-ab-infra-next:hover {
    background: var(--theme-color, #C3AD8B);
}

/* Thumbs */
.nh-ab-infra-thumbs .swiper-slide img {
    height: 180px;
    object-fit: cover;
}
.nh-ab-infra-thumbs .swiper-slide:hover img {
    transform: scale(1.05);
}
.nh-ab-thumb-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.nh-ab-infra-thumbs .swiper-slide{
	border: 2px solid #fff;
}
.nh-ab-infra-thumbs .swiper-slide-thumb-active {
    border: 2px solid var(--theme-color, #C3AD8B);
}

/* =========================================
   Quality Assurance Section
   ========================================= */
.nh-ab-quality{
	background-color: #F6F4F0;
}
.nh-ab-cert-card {
    border: 1px solid transparent;
}
.nh-ab-cert-card:hover {
    border-color: var(--theme-color, #C3AD8B);
    transform: translateY(-8px);
}
/* Swiper Pagination Customization */
.nh-ab-cert-pagination {
    position: relative !important;
    margin-top: 30px;
}
.nh-ab-quality .nh-ab-cert-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #ccc;
    opacity: 1;
}
.nh-ab-quality .nh-ab-cert-pagination .swiper-pagination-bullet-active {
    background: var(--theme-color, #C3AD8B);
    width: 30px;
    border-radius: 6px;
}

/* =========================================
   Values Section
   ========================================= */
/* =========================================
   Values Section
   ========================================= */
.nh-ab-values-grid {
    gap: 20px;
}
.nh-ab-value-card {
    flex: 1;
    height: 420px;
}
.nh-ab-value-card:hover img {
    transform: scale(1.1);
}

/* 渐变遮罩默认状态，增加过渡效果 */
.nh-ab-value-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 60%);
    transition: background 0.4s ease;
}

/* 鼠标悬停时，稍微加深遮罩，让文字更清晰 */
.nh-ab-value-card:hover .nh-ab-value-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.3) 80%);
}

.nh-ab-value-num {
    font-size: 28px;
    color: var(--theme-color, #C3AD8B);
    font-weight: 300;
    line-height: 1;
}

.nh-ab-value-overlay h3 {
    font-size: var(--f24, 24px);
    transition: transform 0.4s ease;
}

/* ================= 新增：隐藏文字的展开动画 ================= */
.nh-ab-value-desc {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease; /* 平滑展开 */
}

.nh-ab-value-desc p {
    font-size: var(--f14);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    padding-top: 12px; /* 展开后与标题的间距 */
	text-align: center;
}

/* 鼠标悬停时：展开文字并显示 */
.nh-ab-value-card:hover .nh-ab-value-desc {
    max-height: 120px; /* 设置一个足够容纳文字的高度 */
    opacity: 1;
}

/* 鼠标悬停时：标题可以稍微往上浮动一点点，显得更灵动 (可选) */
.nh-ab-value-card:hover .nh-ab-value-overlay h3 {
    transform: translateY(-2px);
}

/* =========================================
   Global Reach Section
   ========================================= */
.nh-ab-global-bg {
   /* background-image: radial-gradient(circle at center, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 30px 30px; */
	background: linear-gradient(rgba(0,0,0, 0.36), rgba(0,0,0, 0.36)),url('../images/nh-ab-global-bg2.jpg') no-repeat center/cover;
}

.nh-ab-global-bg .nh-ab-global-top{
	gap: 0.6rem;
}
.nh-ab-global-bg .nh-ab-global-top .nh-ab-text-box{
}
.nh-ab-global-bg .nh-ab-global-top p{
	width: 8rem;
	max-width: 100%;
}
.nh-ab-g-num {
    font-size: var(--f54, 54px);
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.nh-ab-g-label {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    margin-top: 10px;
    letter-spacing: 1px;
}
.nh-ab-ex-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.5);
}
.nh-ab-ex-card h3 {
    font-size: var(--f20, 20px);
}

/* =========================================
   OEM Section
   ========================================= */
.nh-ab-oem-inner {
    background: linear-gradient(135deg, #1f1f1f 0%, rgb(17,17,17,0.7) 100%), url('../images/oem-bg.jpg') no-repeat center/cover;
}
.nh-ab-oem-inner .nh-ab-text-box {
    max-width: 600px;
}
.nh-ab-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--theme-color, #C3AD8B);
    border-radius: 50%;
    margin-top: 8px;
}
.nh-ab-icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    font-size: 32px;
    color: var(--theme-color, #C3AD8B);
}

/* =========================================
   CTA Section
   ========================================= */
.nh-ab-cta {
    min-height: 500px;
}
.nh-ab-cta-bg img {
    object-position: center;
}
.nh-ab-overlay-gradient {
    top: 0; left: 0;
    background: linear-gradient(to right, rgba(17,17,17,0.95) 0%, rgba(17,17,17,0.7) 50%, transparent 100%);
}
.nh-ab-cta-content {
    max-width: 600px;
}
.nh-ab-contact-info i {
    font-size: 28px;
    color: var(--theme-color, #C3AD8B);
}
.nh-ab-contact-info span {
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}
.nh-ab-contact-info strong {
    font-size: var(--f24, 24px);
    line-height: 1;
}

/* =========================================
   Footer
   ========================================= */
.nh-ab-socials a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    color: #fff;
}
.nh-ab-socials a:hover {
    background: var(--theme-color, #C3AD8B);
}

/* =========================================
   Responsive Design (适配笔记本和手机)
   ========================================= */
@media (max-width: 1400px) {
    .nh-ab-container { width: 100%; }
}

@media (max-width: 1024px) {
    .nh-ab-title-main { font-size: 42px; }
    .nh-ab-sec-title { font-size: 36px; }
    
    .nh-ab-about-grid, .nh-ab-cap-grid {
        flex-direction: column;
        gap: 40px;
    }
    .nh-ab-about-grid > div, .nh-ab-cap-grid > div {
        width: 100%;
    }
    
    .nh-ab-stats-grid { flex-wrap: wrap; }
    .nh-ab-stat-item { flex: 0 0 45%; margin-bottom: 20px; }
    
    .nh-ab-values-grid { flex-wrap: wrap; }
    .nh-ab-value-card { flex: 0 0 calc(50% - 10px); }
    
    .nh-ab-global-top { flex-direction: column; align-items: flex-start; gap: 30px; }
    
    .nh-ab-oem-inner { flex-direction: column; text-align: center; gap: 40px; }
    .nh-ab-list { justify-content: center; }
    .nh-ab-list li { width: auto; min-width: 45%; }
}

@media (max-width: 768px) {
    .nh-ab-header .nh-ab-nav { display: none; /* 移动端菜单需配合JS */ }
    
    .nh-ab-title-main { font-size: 32px; }
    .nh-ab-sec-title { font-size: 28px; }
    
    .nh-ab-hero-content .flex { flex-direction: column; width: 100%; }
    .nh-ab-hero-content .nh-ab-btn { width: 100%; }
    
    .nh-ab-stat-item { flex: 0 0 100%; }
    .nh-ab-list li { width: 100%; }
    
    .nh-ab-infra-main img { height: 400px; }
    .nh-ab-slide-overlay { padding: 30px; }
    .nh-ab-slide-overlay h3 { font-size: 24px; }
    
    .nh-ab-value-card { flex: 0 0 100%; }
    
    .nh-ab-global-stats { flex-direction: column; gap: 20px; }
    
    .nh-ab-cta-actions { flex-direction: column; align-items: flex-start; }
    .nh-ab-cta-bg img { object-position: left; }
    
    .nh-ab-footer-inner { flex-direction: column; gap: 20px; text-align: center; }
}



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

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: #C3AD8B;
	--theme-color-rgb: 195,173,139;
	--swiper-theme-color: #C3AD8B;
	--sec-theme-color: #F58220;
}

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

/* ==================== 左侧边栏导航 (无限极菜单) ========================= */

.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==================== 详情页 Tabs ========================= */
.sh-pro-tabs-nav a { position: relative; }
.sh-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%);
}
.sh-pro-tabs-nav a:hover, .sh-pro-tabs-nav a.active { color: var(--theme-color); }
.sh-pro-tabs-nav a.active::after { width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* ====================方案样式========================= */

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

/* 常见问题 s */
.faq-accordion {
    max-width: 14rem; /* 控制最大宽度，保证阅读体验 */
    margin: 0 auto;
}
.faq-accordion .faq-item-01 {
    margin-bottom: 0.2rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    transition: all 0.3s ease;
	padding-bottom: 0;
}
.faq-accordion .faq-item-01.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-01.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;
	margin-bottom: 0;
}
.faq-item-01:hover .faq-q, 
.faq-item-01.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-01:hover .faq-icon::before, 
.faq-item-01:hover .faq-icon::after,
.faq-item-01.active .faq-icon::before, 
.faq-item-01.active .faq-icon::after {
    background: var(--theme-color);
}
.faq-item-01.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_sec .i_tit2{
	padding: 0 4%;
}
.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 */
@media all and (max-width: 768px){
	.dl_item{
		flex-direction: column;
		gap: 0.25rem;
		align-items: flex-start;
	}
	.dl_item a{
		width: 100%;
	}
}
/* ====================联系样式========================= */

/* ==========================================================================
   Base & Reset (Using rem for layout, var(--fXX) for font-size)
   ========================================================================== */
.nh-oem-body {
    font-size: var(--f16);
    line-height: 1.5;
    color: #333333;
    background-color: #ffffff;
    overflow-x: hidden;
}

/* Variables */
:root {
    --nh-oem-primary: #C3AD8B;
    --nh-oem-primary-hover: #b09a78;
    --nh-oem-dark: #111111;
    --nh-oem-light-bg: #F5F6F7;
    --nh-oem-text-main: #222222;
    --nh-oem-text-muted: #666666;
    --nh-oem-border: #E5E5E5;
}

/* Utilities */
.nh-oem-container {
    width: 16rem; /* 1600px */
    margin: 0 auto;
    padding: 0 0.15rem;
}

.nh-oem-rect-full {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nh-oem-relative { position: relative; z-index: 10; }
.nh-oem-text-left { text-align: left !important; }
.nh-oem-text-white { color: #ffffff !important; }
.nh-oem-text-light { color: #cccccc !important; }
.nh-oem-text-dark { color: #111111 !important; }
.nh-oem-text-primary { color: var(--nh-oem-primary) !important; }

/* Buttons */
.nh-oem-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    padding: 0.15rem 0.4rem;
    font-size: var(--f18);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.nh-oem-btn svg { width: 0.2rem; height: 0.2rem; }

.nh-oem-btn-primary {
    background-color: var(--nh-oem-primary);
    color: #ffffff;
}
.nh-oem-btn-primary:hover {
    background-color: var(--nh-oem-primary-hover);
	color: #fff;
}

.nh-oem-btn-outline {
    border: 0.02rem solid #ffffff;
    color: #ffffff;
    background: transparent;
}
.nh-oem-btn-outline:hover {
    background-color: #ffffff;
    color: var(--nh-oem-dark);
}

.nh-oem-btn-dark-outline {
    border: 0.02rem solid var(--nh-oem-dark);
    color: var(--nh-oem-dark);
    background: transparent;
}
.nh-oem-btn-dark-outline:hover {
    background-color: var(--nh-oem-dark);
    color: #ffffff;
}

/* Common Section Headers */
.nh-oem-section-header {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nh-oem-subtitle {
    font-size: var(--f16);
    color: var(--nh-oem-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.02rem;
    font-weight: 600;
}

.nh-oem-title {
    font-size: var(--f42);
    font-weight: 700;
    color: var(--nh-oem-text-main);
    line-height: 1.3;
}

.nh-oem-desc {
    font-size: var(--f18);
    color: var(--nh-oem-text-muted);
    max-width: 8.5rem;
    line-height: 1.6;
}

/* ==========================================================================
   Hero Section
   ========================================================================== */
.nh-oem-hero {
    position: relative;
	padding: 1.2rem 0 1.5rem;
    display: flex;
    align-items: center;
}

.nh-oem-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.nh-oem-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
    z-index: 2;
}

.nh-oem-hero-content {
    position: relative;
    z-index: 10;
}

.nh-oem-breadcrumb {
    display: inline-block;
    border: 0.01rem solid rgba(255,255,255,0.3);
    padding: 0.08rem 0.2rem;
    color: #ffffff;
    font-size: var(--f14);
    letter-spacing: 0.02rem;
}

.nh-oem-hero-title {
    font-size: var(--f64);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.nh-oem-hero-desc {
    font-size: var(--f18);
    color: #dddddd;
    max-width: 8rem;
}

.nh-oem-hero-buttons {
    display: flex;
    gap: 0.2rem;
}

/* ==========================================================================
   Stats Section
   ========================================================================== */
.nh-oem-stats-section {
    position: relative;
	background-color: #F9F6F2;
}
.nh-oem-stats-section .w16{
	margin-top: -0.7rem;
}
.nh-oem-stats-inner {
	position: relative;
	z-index: 3;
    background-color: #ffffff;
    box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.08);
    display: flex;
    justify-content: space-between;
}

.nh-oem-stat-item {
    text-align: center;
    flex: 1;
    position: relative;
}

.nh-oem-stat-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 0.01rem;
    background-color: var(--nh-oem-border);
}

.nh-oem-stat-num {
    font-size: var(--f54);
    font-weight: 700;
    color: var(--nh-oem-text-main);
    line-height: 1;
}

.nh-oem-stat-num span {
    font-size: var(--f24);
    color: var(--nh-oem-primary);
}

.nh-oem-stat-text {
    font-size: var(--f16);
    color: var(--nh-oem-text-muted);
    font-weight: 500;
}

/* ==========================================================================
   Advantages Section (Swiper)
   ========================================================================== */
.nh-oem-adv-section {
    /* background-color: #ffffff; */
	background-color: #F9F6F2;
}

.nh-oem-adv-card {
    background-color: var(--nh-oem-light-bg);
	background-color: #fff;
    height: 100%;
    transition: all 0.3s ease;
    /* border-bottom: 0.04rem solid transparent; */
	
}

.nh-oem-adv-section .swiper-wrapper{
	padding: 0.2rem 0;
}

.nh-oem-adv-card:hover {
    background-color: #ffffff;
    box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.08);
    border-bottom-color: var(--nh-oem-primary);
    transform: translateY(-0.1rem);
}

.nh-oem-adv-num {
    font-size: var(--f48);
    font-weight: 700;
    /* color: #e0e0e0; */
	color: #212121;
    transition: color 0.3s ease;
}

.nh-oem-adv-card:hover .nh-oem-adv-num {
    color: var(--nh-oem-primary);
}

.nh-oem-adv-title {
    font-size: var(--f22);
    font-weight: 600;
    color: var(--nh-oem-text-main);
}

.nh-oem-adv-text {
    font-size: var(--f16);
    color: var(--nh-oem-text-muted);
	min-height: 6em;
}

.nh-oem-adv-swiper .swiper-pagination {
    position: relative;
}
.nh-oem-adv-swiper .swiper-pagination-bullet-active {
    background-color: var(--nh-oem-primary);
    width: 0.24rem;
    border-radius: 0.1rem;
}

/* ==========================================================================
   Scope Section (Interactive Tabs)
   ========================================================================== */
/* .nh-oem-scope-section {
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    transition: background-image 0.5s ease-in-out;
}

.nh-oem-scope-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(17, 17, 17, 0.85);
    z-index: 1;
}

.nh-oem-scope-boxes {
    display: flex;
    gap: 0.4rem;
}

.nh-oem-scope-left {
    flex: 1.2;
    background-color: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
}

.nh-oem-scope-right {
    flex: 0.8;
    background-color: #ffffff;
}

.nh-oem-scope-box-title {
    font-size: var(--f28);
    font-weight: 600;
    color: #ffffff;
    border-bottom: 0.01rem solid rgba(255,255,255,0.1);
}

.nh-oem-scope-tabs {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.nh-oem-tab {
    display: flex;
    gap: 0.2rem;
    border-radius: 0.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border-left: 0.04rem solid transparent;
}

.nh-oem-tab:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.nh-oem-tab.active {
    background-color: rgba(255, 255, 255, 0.1);
    border-left-color: var(--nh-oem-primary);
}

.nh-oem-tab-num {
    font-size: var(--f32);
    font-weight: 700;
    color: rgba(255,255,255,0.3);
    transition: color 0.3s ease;
}

.nh-oem-tab.active .nh-oem-tab-num {
    color: var(--nh-oem-primary);
}

.nh-oem-tab-content h4 {
    font-size: var(--f20);
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.05rem;
}

.nh-oem-tab-content p {
    font-size: var(--f16);
    color: #aaaaaa;
}

.nh-oem-tab.active .nh-oem-tab-content p {
    color: #dddddd;
}

.nh-oem-service-panel {
    display: none;
    animation: fadeIn 0.5s ease;
}

.nh-oem-service-panel.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.nh-oem-service-list {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.nh-oem-service-list li {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    font-size: var(--f18);
    color: var(--nh-oem-text-main);
    font-weight: 500;
}

.nh-oem-service-list svg {
    width: 0.24rem;
    height: 0.24rem;
    flex-shrink: 0;
} */

/* ==========================================================================
   Scope Section (Static Left-Right Cards)
   ========================================================================== */
.nh-oem-scope-section {
    background-color: #ffffff;
}

.nh-oem-header-left {
    align-items: flex-start;
    text-align: left;
}

.nh-oem-scope-boxes {
    display: flex;
    gap: 0.3rem;
}

/* 左侧深色卡片 */
.nh-oem-scope-left-card {
    flex: 1.3;
    background-color: #222222; /* 贴近设计图的深灰色 */
    color: #ffffff;
}

/* 右侧浅色卡片 */
.nh-oem-scope-right-card {
    flex: 0.7;
    background-color: #F5F6F7; /* 贴近设计图的浅灰色 */
}

.nh-oem-scope-card-title {
    font-size: var(--f32);
    font-weight: 600;
}

/* 左侧网格布局 */
.nh-oem-scope-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 0.4rem;
}

.nh-oem-scope-item {
    position: relative;
    z-index: 2;
	padding: 0.4rem 0.2rem;
	background-color: rgb(255,255,255,.05);
	border-radius: 0.2rem;
}

.nh-oem-scope-num {
    font-size: var(--f64);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.04); /* 极淡的透明度作为背景 */
    line-height: 0.8;
    margin-bottom: -0.15rem; /* 让下方文字稍微向上重叠，还原设计图效果 */
    user-select: none;
}

.nh-oem-scope-item h4 {
    font-size: var(--f24);
    font-weight: 600;
    /* color: #ffffff; */
	color: var(--nh-oem-primary);
    position: relative;
    z-index: 2;
}

.nh-oem-scope-item p {
    font-size: var(--f16);
    color: #aaaaaa;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

/* 右侧列表布局 */
.nh-oem-service-list {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.nh-oem-service-list li {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    font-size: var(--f16);
    color: var(--nh-oem-text-main);
}

.nh-oem-service-list svg {
    width: 0.2rem;
    height: 0.2rem;
    flex-shrink: 0;
}

/* 移动端适配补充 */
@media (max-width: 992px) {
    .nh-oem-scope-boxes {
        flex-direction: column;
    }
    .nh-oem-scope-grid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   Process Grid Section
   ========================================================================== */
.nh-oem-process-section {
    background-color: var(--nh-oem-light-bg);
}

.nh-oem-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
}

.nh-oem-process-card {
    background-color: #ffffff;
    transition: all 0.3s ease;
}

.nh-oem-process-card:hover {
    box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.05);
    transform: translateY(-0.05rem);
}

.nh-oem-process-num {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: rgba(195, 173, 139, 0.1);
    color: var(--nh-oem-primary);
    font-size: var(--f24);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.nh-oem-process-card:hover .nh-oem-process-num {
    background-color: var(--nh-oem-primary);
    color: #ffffff;
}

.nh-oem-process-title {
    font-size: var(--f22);
    font-weight: 600;
    color: var(--nh-oem-text-main);
}

.nh-oem-process-text {
    font-size: var(--f16);
    color: var(--nh-oem-text-muted);
}

/* ==========================================================================
   Manufacturing Section
   ========================================================================== */
.nh-oem-manu-section {
    display: flex;
    background-color: var(--nh-oem-dark);
}

.nh-oem-manu-wrapper {
    display: flex;
    width: 100%;
    max-width: 19.2rem;
    margin: 0 auto;
}

.nh-oem-manu-img-box {
    flex: 1;
    position: relative;
    min-height: 6rem;
}

.nh-oem-manu-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nh-oem-manu-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
}

.nh-oem-manu-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.1rem;
    font-size: var(--f16);
    color: #dddddd;
}

.nh-oem-manu-list svg {
    width: 0.2rem;
    height: 0.2rem;
    flex-shrink: 0;
    margin-top: 0.04rem;
}

/* ==========================================================================
   Partner Section
   ========================================================================== */
.nh-oem-partner-section {
    background-color: #ffffff;
}

.nh-oem-partner-inner {
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

.nh-oem-partner-left {
    flex: 0.8;
}

.nh-oem-partner-right {
    flex: 1.2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
}

.nh-oem-partner-card {
    background-color: var(--nh-oem-light-bg);
    transition: all 0.3s ease;
}

.nh-oem-partner-card:hover {
    background-color: #ffffff;
    box-shadow: 0 0.15rem 0.3rem rgba(0,0,0,0.08);
}

.nh-oem-partner-icon {
    width: 0.5rem;
    height: 0.5rem;
}

.nh-oem-partner-icon svg {
    width: 100%;
    height: 100%;
}

.nh-oem-partner-title {
    font-size: var(--f20);
    font-weight: 600;
    color: var(--nh-oem-text-main);
}

.nh-oem-partner-text {
    font-size: var(--f16);
    color: var(--nh-oem-text-muted);
}

/* ==========================================================================
   CTA Section
   ========================================================================== */
.nh-oem-cta-section {
    background-color: var(--nh-oem-dark);
    background-image: linear-gradient(rgba(17,17,17,0.75), rgba(17,17,17,0.75)), url('../images/oem-odm-project-cta-bg.jpg');
    background-size: cover;
    background-position: center;
    text-align: center;
}

.nh-oem-cta-title {
    font-size: var(--f48);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.nh-oem-cta-desc {
    font-size: var(--f18);
    color: #cccccc;
    max-width: 8rem;
    margin-left: auto;
    margin-right: auto;
}

.nh-oem-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 0.2rem;
}

.nh-oem-cta-phone {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    font-size: var(--f24);
    font-weight: 600;
    color: #ffffff;
}

.nh-oem-cta-phone svg {
    width: 0.24rem;
    height: 0.24rem;
}

/* ==========================================================================
   Responsive Design (Mobile Adaptation)
   ========================================================================== */
@media (max-width: 1200px) {
    .nh-oem-stats-inner { flex-wrap: wrap; gap: 0.3rem; }
    .nh-oem-stat-item { flex: 0 0 45%; }
    .nh-oem-stat-item:nth-child(2)::after { display: none; }
    
    /* .nh-oem-scope-boxes { flex-direction: column; } */
    .nh-oem-manu-wrapper { flex-direction: column; }
    .nh-oem-manu-img-box { min-height: 4rem; }
    
    .nh-oem-partner-inner { flex-direction: column; }
    .nh-oem-partner-left { text-align: center; }
    .nh-oem-partner-left .nh-oem-subtitle, 
    .nh-oem-partner-left .nh-oem-title, 
    .nh-oem-partner-left .nh-oem-desc { text-align: center !important; }
}

@media (max-width: 768px) {
    .nh-oem-hero { height: auto; padding: 2rem 0 1rem; }
    .nh-oem-hero-buttons { flex-direction: column; }
    .nh-oem-hero-buttons .nh-oem-btn { width: 100%; }
    
    .nh-oem-stats-section { margin-top: 0; padding: 0.5rem 0; background: var(--nh-oem-dark); }
    .nh-oem-stats-inner { flex-direction: column; padding: 0.4rem; box-shadow: none;  }
    .nh-oem-stat-item { flex: 1 1 100%; margin-bottom: 0.4rem; }
    .nh-oem-stat-item::after { display: none; }
    
    .nh-oem-process-grid { grid-template-columns: 1fr; }
    
    .nh-oem-manu-list { grid-template-columns: 1fr; }
    .nh-oem-manu-content { padding: 0.6rem 0.3rem; }
    
    .nh-oem-partner-right { grid-template-columns: 1fr; }
    
    .nh-oem-cta-buttons { flex-direction: column; }
    .nh-oem-cta-buttons .nh-oem-btn { width: 100%; }
}

/* =========================================================
   ✨ 右侧悬浮客服组件 (滚动显示 & 自定义图标版)
   ========================================================= */
:root {
    --kf-primary: #C3AD8B;
    --kf-primary-rgb: 195,173,139;
}
.nh-kf-contact-popup {
    position: absolute;
    right: 65px; /* 距离右侧图标的距离 */
    background: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    /* 初始状态：隐藏 + 向右偏移 */
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none; /* 防止鼠标移入弹窗时发生闪烁 */
	z-index: 3;
}

/* 弹窗右侧的小三角箭头 */
.nh-kf-contact-popup::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #FFF;
}

/* 鼠标悬浮图标时，弹窗平滑向左滑出 */
.nh-kf-contact-item:hover .nh-kf-contact-popup {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* ================= 弹窗内容差异化 ================= */
/* 1. 二维码类型弹窗 (WhatsApp / WeChat) */
.nh-kf-popup-qr {
    gap: 10px;
}
.nh-kf-popup-qr img {
    width: 120px;
    height: 120px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    object-fit: cover;
}
.nh-kf-popup-qr span {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

/* 2. 纯文本类型弹窗 (Phone / Email) */
.nh-kf-popup-text {
    flex-direction: row;
    font-size: 16px;
    font-weight: 600;
    color: var(--kf-primary);
}


.nh-kf-floating-contact {
    position: fixed;
    right: 20px;
    top: 50%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: auto;
    /* 👇 初始状态：隐藏，并向右偏移 50px 👇 */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%) translateX(50px);
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); /* 平滑的弹性过渡 */
}

/* 👇 激活状态：当 JS 添加这个类时，组件滑入并显示 👇 */
.nh-kf-floating-contact.nh-kf-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

/* 单个按钮容器，用于定位弹窗 */
.nh-kf-contact-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.nh-kf-contact-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    z-index: 2;
}

.nh-kf-custom-icon {
    width: 26px; /* 根据您的图片实际观感调整大小 */
    height: 26px;
    object-fit: contain; /* 保证图片不变形 */
    transition: transform 0s ease;
	position: relative;
	filter: drop-shadow(100vw 0px 0 var(--kf-primary));
	-webkit-filter: drop-shadow(100vw 0px 0 var(--kf-primary));
	right: 100vw;
	overflow: hidden;

}


/* 悬浮时，内部图片轻微放大 */
.nh-kf-contact-icon:hover .nh-kf-custom-icon {
    transform: scale(1.15);
	filter: none;
	right: 0;
}

/* 悬浮背景色 (如果您使用的是纯色透明背景的 SVG/PNG，悬浮变色效果会很好) */
.nh-kf-whatsapp:hover { background-color: var(--kf-primary); box-shadow: 0 4px 15px rgba(var(--kf-primary-rgb), 0.4); }
.nh-kf-wechat:hover { background-color: var(--kf-primary); box-shadow: 0 4px 15px rgba(var(--kf-primary-rgb), 0.4); }
.nh-kf-phone:hover { background-color: var(--kf-primary); box-shadow: 0 4px 15px rgba(var(--kf-primary-rgb), 0.4); }
.nh-kf-email:hover { background-color: var(--kf-primary); box-shadow: 0 4px 15px rgba(var(--kf-primary-rgb), 0.4); }


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

.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: 12px 15px; 
        font-size: 14px; 
    }
}


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

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

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

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

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

.ff-default .ff-el-form-control{
	font-family: inherit !important;
}
.contact-social-icons a img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 black);
	-webkit-filter: drop-shadow(100vw 0px 0 black);
	right: 100vw;

}
.contact-social-icons a{
	overflow: hidden;
}


@media screen and (max-width: 1199px) {
    /* 移动端所有带子菜单的 a 都左右分布 */
	 .dropdown-sub.submenu-active > a img {
		transform: rotate(180deg);
		filter: brightness(0) saturate(100%) invert(74%) sepia(18%) saturate(602%) hue-rotate(356deg) brightness(88%) contrast(84%);

	}
    .menu .dropdown > a,
    .menu .dropdown-sub > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    /* 箭头基础状态 */
    .menu .dropdown > a img,
    .menu .dropdown-sub > a img,
    .menu-arrow {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
        transform: rotate(0deg);
    }

    /* 一级菜单展开后二级菜单，一级箭头向上 */
    .dropdown > .submenu.open {
        display: block;
    }

    .dropdown:has(> .submenu.open) > a img {
        transform: rotate(180deg);
        filter: brightness(0) saturate(100%) invert(74%) sepia(18%) saturate(602%) hue-rotate(356deg) brightness(88%) contrast(84%);

    }

    /* 子级菜单展开后，当前子级箭头向上 */
    .dropdown-sub > .submenu-right.open {
        display: block;
    }

    .dropdown-sub:has(> .submenu-right.open) > a img {
        transform: rotate(180deg);
        filter: brightness(0) saturate(100%) invert(74%) sepia(18%) saturate(602%) hue-rotate(356deg) brightness(88%) contrast(84%);

    }

    /* 防止 hover 状态在手机端干扰点击展开 */
    .dropdown-sub:hover .submenu-arrow,
    .dropdown-sub:hover > a img {
        transform: none;
    }

    .dropdown-sub:has(> .submenu-right.open):hover > a img {
        transform: rotate(180deg);
    }
}

@media all and (max-width: 768px){
	.crumbs,.crumbs a,.common-page-links{
		font-size: 14px;
		line-height: 1.5;
		flex-wrap: wrap;
		max-width: 100%;
	}
	.scroll table{
		width: auto;
		min-width: 10rem;
	}
	.mt{
		margin-top: 70px;
	}
	.nh-ab-text-box{
		width: 100%;
	}
	.common-title{
		font-size: 16px;
		letter-spacing: 1px;
	}
	.solar-benefits-left-container .solar-benefits-para2,.solar-benefits-left-container .solar-benefits-para3{
		font-size: 16px;
		line-height: 1.5;
	}
	
	.nh-kf-floating-contact{
		display: none !important;
	}
}


/* ==================================================
   404 Error Page Styles
================================================== */
.hmax{ height: 100%;}
.wmax{ width: 100%;}
.z2{z-index: 2;}
.color-white{ color: white;}

.page-404-btn {
    display: inline-block;
    padding: 0.18rem 0.45rem;
    font-size: var(--f16);
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    text-transform: uppercase;
    cursor: pointer;
}
/* 线框按钮 (白色) */
.page-404-btn-outline-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px; /* 参考图是小圆角或直角 */
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.page-404-btn-outline-white:hover {
    background: #ffffff;
    color: #001322;
    border-color: #ffffff;
}

.page-404-btn-primary {
    background-color: var(--theme-color);
    color: #fff;
}
.page-404-btn-primary:hover {
    background-color: var(--theme-color);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(var(--theme-color-rgb), 0.3);
	color: #fff;
}

.page-404-section {
    min-height: 75vh;
    padding: 120px 0;
    overflow: hidden;
}

/* 背景图层 */
.page-404-bg {
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}

/* 深蓝色工业风遮罩 */
.page-404-mask {
    top: 0;
    left: 0;
    background: rgba(10, 25, 47, 0.85);
    z-index: 1;
}

.page-404-content{
    z-index: 2;
}

/* 404 大标题发光效果 */
.page-404-title {
    font-size: 160px;
    line-height: 1;
    color: var(--theme-color);
    text-shadow: 0 10px 30px rgba(var(--theme-color-rgb), 0.3);
    letter-spacing: 5px;
}
.page-404-subtitle{
    color: #fff;
}
.page-404-desc {
    color: #cbd5e1;
}

/* 纯文本下划线按钮 */
.page-404-btn-text {
    color: #cbd5e1;
    text-decoration: underline;
    padding: 0 20px;
    background: transparent;
    font-size: 16px;
    transition: all 0.3s ease;
}

.page-404-btn-text:hover {
    color: #ff6600;
}

/* 搜索框容器 */
.page-404-search form {
    background: #ffffff;
}

/* 搜索输入框 */
.page-404-search input[type="text"] {
    border: none;
    outline: none;
    padding: 15px 20px;
    font-size: 16px;
	line-height: 1.3;
	height: auto !important;
    color: #333333;
    background: transparent;
}

/* 搜索提交按钮 */
.page-404-search button {
    border-radius: 0;
    padding: 0 30px;
    border: none;
    cursor: pointer;
}
.page-404-search button:hover{
	transform: none;
}


/* ================= 响应式适配 (Mobile) ================= */
@media (max-width: 991px) {
    .page-404-title {
        font-size: 120px;
    }
    .page-404-desc {
        width: 80%;
    }
    .page-404-search {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .page-404-section {
        padding: 80px 0;
    }
    .page-404-title {
        font-size: 90px;
    }
    .page-404-subtitle {
        font-size: 28px;
    }
    .page-404-desc {
        width: 95%;
        font-size: 16px;
    }
    .page-404-btns {
        flex-direction: column;
    }
    .page-404-btns a {
        margin: 0 0 15px 0;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .page-404-search {
        width: 100%;
    }
}