@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;
}



:is(.is-layout-flow,.is-layout-constrained) :where(h1,h2,h3,h4,h5,h6){
	margin-block-end: 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: #009544;

	--theme-color-rgb: 0,149,68;

	--swiper-theme-color: #009544;

	--sec-theme-color: #4CAF50;

	--color-dark: #001322;

	--theme-container-width: 100% !important;

	--theme-normal-container-max-width: 100% !important;

	--theme-content-vertical-spacing: 0 !important;

	--theme-content-spacing: 0 !important;

	--theme-headings-color: ;

	--theme-link-hover-color: initial;

	--theme-font-stack-default: "DR",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;

		--theme-font-family: "DR",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;

}



/*==常用字号==*/

body {
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f50: 0.5rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
  --f62: 0.62rem;
  --f64: 0.64rem;
  --f66: 0.66rem;
  --f68: 0.68rem;
  --f70: 0.7rem;
  --f72: 0.72rem;
  --f80: 0.8rem;

  --f100: 1rem;
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 20px;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f28: 22px;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f50: 0.42rem;
    --f52: 0.46rem;
    --f54: 0.48rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
	--f80: 0.72rem;
    --interval: 5vw;
    --nav_height: 58px;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.24rem;
    --f16: 0.26rem;
    --f18: 0.28rem;
    --f20: 0.28rem;
    --f22: 0.30rem;
    --f24: 0.32rem;
    --f26: 0.34rem;
    --f28: 0.36rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.42rem;
    --f42: 0.42rem;
    --f44: 0.42rem;
    --f46: 0.42rem;
    --f48: 0.42rem;
    --f50: 0.42rem;
    --f52: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
	--f80: 0.64rem;
  }
}



.f14{font-size: var(--f14);}

.f16{font-size: var(--f16);}

.f18{font-size: var(--f18);}

.f20{font-size: var(--f20);}

.f22{font-size: var(--f22);}

.f24{font-size: var(--f24);}

.f26{font-size: var(--f26);}

.f28{font-size: var(--f28);}

.f30{font-size: var(--f30);}

.f32{font-size: var(--f32);}

.f34{font-size: var(--f34);}

.f36{font-size: var(--f36);}

.f38{font-size: var(--f38);}

.f40{font-size: var(--f40);}

.f42{font-size: var(--f42);}

.f44{font-size: var(--f44);}

.f46{font-size: var(--f46);}

.f48{font-size: var(--f48);}

.f50{font-size: var(--f50);}

.f52{font-size: var(--f52);}

.f54{font-size: var(--f54);}

.f56{font-size: var(--f56);}

.f58{font-size: var(--f58);}

.f60{font-size: var(--f60);}

.f62{font-size: var(--f62);}

.f64{font-size: var(--f64);}

.f66{font-size: var(--f66);}

.f68{font-size: var(--f68);}

.f70{font-size: var(--f70);}

.f72{font-size: var(--f72);}

.f80{font-size: var(--f80);}

.f100{font-size: var(--f100);}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 默认合并表格边框 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}

/* <input>标签 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input标签聚焦不出现默认边框 */

textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */
select, button, input,img {vertical-align: middle;}/*去除图片底部缝隙并基于中线对齐*/
img {
    width: auto;
    height: auto;
    width: auto\9;
	max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
}
/** 设置默认字体 **/
/* 
    宋体：\5B8B\4F53
    新宋体：\65B0\5B8B\4F53
    黑体：\9ED1\4F53
    微软雅黑：\5FAE\8F6F\96C5\9ED1
    楷体：\6977\4F53_GB2312
    思源黑体： Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1 "DR",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}

/*End reset*/

/*public Css*/

/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 水平垂直居中 */
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

/*动画--规定动画移动出去的时间*/
a{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* 指定文字禁止复制 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/* 文字限制行数 */
/* 限制一行 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}


/* 引入字体 */
@font-face {
    font-family: 'DR';
    src: url('../fonts/DMSans-Regular.ttf'),
    url('../fonts/DMSans-Regular.eot'),
    url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DMSans-Regular.woff2') format('woff2'),
    url('../fonts/DMSans-Regular.woff') format('woff'),
    url('../fonts/DMSans-Regular.otf') format('truetype'),
    url('../fonts/DMSans-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: '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: #595959; }
.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: #455196;}

.color-sec-blue{ color: #003058;}
.color-green{color: var(--theme-color);}
.color-white{ color: white;}
.color-black{ color: black;}

.color-dark{color: #001322;}

.color-theme {color: var(--theme-color);}

.color-sec-theme {color: var(--sec-theme-color);}



.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-f9{background-color: #F9FBF9;}
.bg-blue{background-color: #0168B3;}

.bg-sec-blue{background-color: #003058;}

.bg-dark{background-color: #001322;}
.bg-green{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;}



/* 宽度与高度 */
.w100 { width: 100%; }
.w65 { width: 65%; }
.w60 { width: 60%; }

.w55{ width: 55%;}

.w40 { width: 40%; }
.w50 { width: 50%; }

.w49-5{ width: 49.5%; }

.w70{ width: 70%; }

.w60{ width: 60%; }
.w48 { width: 48%; }

.w33{ width: 33%;}
.w32 { width: 32%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w20 { width: 20%; }
.h100 { height: 100%; }

.wmax{ width: 100%  ;}
.hmax { height: 100vh; }
.max-w-600 { max-width: 6rem; }

.max-w-800 { max-width: 8rem; }
.max-w-1000 { max-width: 10rem; }

.max-w-1200 { max-width: 12rem; }





.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 !important;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}

.rect-67{padding-bottom: 67%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

.rect-110{padding-bottom: 110%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}

.pd-60{padding: 0.6rem 0;}

.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;line-height: 100px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #fff;}

.Header-wrapper.black{box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #001322;}
/* .Header-wrapper.on::after {opacity: 0;} */
/* #c-header.c-head-move {top: -100px;} */
.Header-container {}
.Header-container .logo {}
.Header-container .logo {}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.48rem;}

.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 {margin-right: 0.6rem;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: var(--theme-color) !important;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.06rem;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	.Header-container .c-nav>li>ul {min-width: 240px;position: absolute;top: 100%;left: 50%;margin-top: 0;background-color: #fff;z-index: 2;-webkit-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;padding: 15px 20px;opacity: 0;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);box-shadow: 0 5px 50px rgb(0 0 0 / 10%);}
	.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;}

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

/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #333;}
body.c-open #c-header .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #c-header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1000px) {
	#c-header .c-switch {display: block;}
	.Header-wrapper{line-height: 60px;}
	.Header-container .tool .search{height: 60px;}
	.Header-container .c-nav{height: 0;}
	.Header-container .tool{padding-right: 0.24rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}

	.Header-container .logo a img{height: 28px;}

	.mt{margin-top: 60px !important;}
	/*顶部移动端导航*/
	#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: flex;align-items: center;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}

	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}

	#c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);}

	#c-header .c-nav li a:hover,

	#c-header .c-nav li.on > a {color: var(--theme-color);}

	#c-header .c-nav li ul {display: none;}

	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

/* 底部 */
.Footer-wrapper {

	position: relative;;background-color: #03141B;

	/* background-color: #F5F5F7; */

}

/* .Footer-wrapper::before, .Footer-wrapper::after {
    content: '';
    width: 50%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #bb171e;
}

.Footer-wrapper::after {
    left: auto;
    right: 0;
    background: #808080;
} */
.Footer-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 {
	gap: 0.12rem;

}
.media_ul li {}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;width: 0.42rem;height: 0.42rem;background-color: var(--theme-color);color: white;border-radius: 3px;font-size: 0;}
.media_ul li a i {font-size: var(--f24);color: #fff;}
.Footer-container .mid {padding: 0.8rem 0 0.5rem;letter-spacing: 0.5px;}

.Footer-container .mid .fl{

	width: 25%;

}

.Footer-container .mid .fl .foot_logo{}

.Footer-container .mid .fl .foot_logo img{

	height: 0.45rem;

}

.Footer-container .mid .fl .foot_txt{

	

}

.Footer-container .mid .fl .foot_link{}

.Footer-container .mid .fr{

	width: 25%;

}

.Footer-container .mid .fr .tit{}

.Footer-container .mid .fr .des{}

.Footer-container .mid .fr .info{}

.Footer-container .mid .fr .info dl{

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	margin-top: 0.15rem;

}

.Footer-container .mid .fr .info dt{

}

.Footer-container .mid .fr .info dt i{

	font-size: var(--f20);

	line-height: 1.5;

}

.Footer-container .mid .fr .info dd{

	flex: 1;

	padding-left: 0.12rem;

	font-size: var(--f16);

	line-height: 1.75;

}



.Footer-container .mid .fr{

	width: 3.2rem;

}

.Footer-container .mid .fr form{

	width: 100%;

}
.Footer-container .mid .fr .mui-input-row{
	width: 100%;
}
.Footer-container .mid .fr .mui-input-row:not(:first-child){
	margin-top: 0.12rem;
}
.ff-default textarea{
	font-size: var(--f16) !important;
}
.Footer-container .mid .fr .mui-input-row input,.Footer-container .ff-default .ff-el-form-control{
	width: 100%;
	height: 32px;
	line-height: 30px;
	padding-left: 8px;
	border: 1px solid rgb(255,255,255,.6);
	color: #fff;
	color: rgb(255, 255, 255, .6);
	background-color: transparent;
	border-radius: 0;
}

.Footer-container .mid .fr .mui-input-row textarea,.Footer-container .ff-default #ff_2_message{
	font-size: var(--f16);
	color: #fff;
	line-height: 1.5;
	width: 100%;
	padding: 8px;
	background-color: transparent;
	border: 1px solid rgb(255,255,255,.6);
	border-radius: 0;
}
.Footer-container .ff-default .ff-el-form-control:focus,.Footer-container .ff-default #ff_2_message:focus{
	background-color: transparent;
}
.Footer-container .mid .fr .mui-input-row input::placeholder,
.Footer-container .ff-default .ff-el-form-control::placeholder
.Footer-container .mid .fr .mui-input-row textarea::placeholder,
.Footer-container .ff-default #ff_2_message::placeholder{
	color: rgb(255, 255, 255, .6);
}
.Footer-container .mid .fr .btn{}
.Footer-container .mid .fr .btn button, .Footer-container form.fluent_form_2 .ff-btn-submit:not(.ff_btn_no_style){
	width: 120px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background-color: #434343;
	border: none;
	border-radius: 16px;
	opacity: 1;
}
.Footer-container .mid .fr .btn button:hover,.Footer-container form.fluent_form_2 .ff-btn-submit:not(.ff_btn_no_style):hover{
	background-color: var(--theme-color);
}


.Footer-container .mid>ul {width: 35%;}
.Footer-container .mid>ul li {float: left;overflow: hidden;}
.Footer-container .mid>ul li p {text-transform: uppercase;font-size: var(--f22);line-height: 1.5;color: #fff;display: block;margin-bottom: 0.15rem;}

.Footer-container .mid>ul li p i{margin-left: 0.06rem;}
.Footer-container .mid>ul li .foot_nav_link a {font-size: var(--f16);color: rgb(255, 255, 255);line-height: 2.15;display: block;}
.Footer-container .mid>ul li a:hover {text-decoration: underline;}
.Footer-container .mid>ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .mid>ul li dl {}
.Footer-container .mid>ul li dd {position: relative;font-size: 14px;line-height: 20px;color: rgb(255, 255, 255, .8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .mid>ul li dd:last-child{margin-bottom: 0;}
.Footer-container .mid>ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(255, 255, 255, .8);}
.Footer-container .bot {font-size: var(--f16);line-height: 1.4;color: #fff;text-align: center;padding: 0.3rem 0;border-top: 1px solid rgba(255, 255, 255, 0.15);letter-spacing: 0.5px;}
.Footer-container .bot a {font-size: var(--f16);color: rgb(255, 255, 255);}


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

	.Footer-container .mid .fl .foot_logo img{

		height: 0.64rem;

	}

	.Footer-container .mid .fl,.Footer-container .mid .fr{

		width: 100%;

	}

	.media_ul li a i{

		font-size: 0.4rem;

	}

	

	.Footer-container .mid>ul{

		width: 100%;

		margin-top: 0.4rem;

	}

	.Footer-container .mid>ul li{

		width: 100%;

		max-width: 100%;

		border-bottom: 1px solid rgb(255, 255, 255, .8);

		margin-bottom: 0;

	}

	.Footer-container .mid>ul li p.on i{

		transform: rotate(180deg);

	}

	.Footer-container .mid>ul li p{

		display: flex;

		align-items: center;

		justify-content: space-between;

		font-size: 18px;

		margin-bottom: 0;

		padding: 0.25rem 0;

	}

	.Footer-container .mid>ul li .foot_nav_link{

		display: none;

		padding-bottom: 0.25rem;

	}

	.Footer-container .mid .fr{

		margin-top: 0.45rem;

	}

	

}


/* 中间+共用部分 */

/* ind_banner */


.i_banner a{

	display: block;

	position: relative;

}

.i_banner a picture img{

	width: 100%;

	height: 100vh;

	min-height: 7.2rem;

}

/* .i_banner a:before{

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background-color: rgb(0,0,0,.3);

	z-index: 1;

} */

.i_banner .ban_txt{

	position: absolute;

	width: 100%;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	z-index: 2;

}



.i_banner .ban_txt .tit{}

.i_banner .ban_txt .des{width: 11.43rem;max-width: 100%;}

.i_banner .btn{

	display: inline-block;

	padding: 0.22rem 0.45rem;

	border-radius: 50px;

	background-color: var(--theme-color);

	color: #fff;

	font-size: var(--f18);

	-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}

.i_banner .btn:hover{

	background-color: #fff;

	color: var(--theme-color);

}

.i_banner .btn i{

	display: inline-block;

	margin-left: 0.12rem;

	transform: rotate(-45deg);

}



.i_banner .swiper-pagination{

	bottom: 6% !important;

}

.c-swiper-page.swiper-pagination-bullets.swiper-pagination-horizontal{

	bottom: 0;

	font-size: 0;

}

.c-swiper-page .swiper-pagination-bullet, .c-swiper-page .swiper-pagination-bullet{

	width: 0.6rem;

	height: 0.03rem;

	border-radius: 0;

	opacity: .2;

}
.c-swiper-page .swiper-pagination-bullet,.c-swiper-page .swiper-pagination-bullet{background-color: black;}

.c-swiper-page.bg_white .swiper-pagination-bullet,.c-swiper-page .swiper-pagination-bullet{background-color: #fff;}
.c-swiper-page .swiper-pagination-bullet-active,.c-swiper-page .swiper-pagination-bullet-active{background-color: var(--theme-color);opacity: 1;}


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

	.i_banner .ban_txt .w50{

		width: 100%;

	}

	.i_banner img{

		aspect-ratio : 3 /4;

		height: auto;

	}

}

/* ==========================================
   Banner 左右对齐控制
   ========================================== */
.ban_txt .w16 {
    display: flex;
    height: 100%; 
    align-items: center; 
}

/* 靠左对齐 */
.ban_txt.banner-align-left .w16 {
    justify-content: flex-start;
}

/* 靠右对齐 */
.ban_txt.banner-align-right .w16 {
    justify-content: flex-end;
}

/* 移动端适配 (Mobile-First 策略补充) */
@media screen and (max-width: 768px) {
    /* 移动端通常不需要分左右，直接居中或占满即可 */
    .ban_txt .w16 {
        justify-content: center !important;
    }
    .ban_txt .w50 {
        width: 100%; /* 覆盖 w50，让移动端内容占满 */
        text-align: center;
    }
    /* 让移动端的按钮也居中 */
    .ban_txt .cta-btn {
        display: flex;
        justify-content: center;
    }
}

/* ==========================================
   Banner 左右切换按钮样式
   ========================================== */
.i_banner .banner-nav-btn {
    color: #ffffff; /* 箭头颜色 */
    background: rgba(0, 19, 34, 0.3); /* 半透明深色背景，融合背景图 */
    width: 60px;
    height: 60px;
    border-radius: 50%; /* 圆形按钮 */
    transition: all 0.3s ease;
}

/* 悬停时变为主题绿 */
.i_banner  .banner-nav-btn:hover {
    background: #009544; 
}

/* 调整默认箭头图标的大小 */
.i_banner .banner-nav-btn::after {
    font-size: 24px;
    font-weight: bold;
}

/* 调整按钮在两侧的间距 */
.i_banner .swiper-button-prev.banner-nav-btn {
    left: 40px;
}
.i_banner .swiper-button-next.banner-nav-btn {
    right: 40px;
}

/* 移动端适配：通常移动端靠手势滑动，隐藏箭头以节省空间 */
@media screen and (max-width: 768px) {
    .banner-nav-btn {
        display: none !important;
    }
}



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

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

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

/* i_tit s */
.i_tit{

	text-align: center;

}

.i_tit.tal{

	text-align: left;

}

.i_tit span{

	font-size: var(--f18);

	color: var(--sec-theme-color);

	display: inline-block;

	font-weight: 600;

}

.i_tit span:before{

	content: "";

	display: inline-block;

	width: 0.2rem;

	height: 0.02rem;

	background-color: var(--sec-theme-color);

	margin-right: 0.06rem;

	vertical-align: middle;

}

.i_tit span.color-white{

	color: #fff;

}

.i_tit span.color-white:before{

	background-color: #fff;

}
.i_tit h3{

	font-size: var(--f50);

	font-family: "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: 5rem;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,.08);} */

.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,.c_ban .ban_txt h1{font-size: 0.48rem;font-weight: 700;}
.c_ban .ban_txt p {font-size: 0.22rem;margin-top: 0.24rem;}

/* sort_nav */
.sort_nav {position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, .15);z-index: 2;}

.sort_nav.no_shadow{box-shadow: none;}
.sort_nav .tit{display: none;color: white;padding: 0 4%;font-size: 14px;height: 42px;background: var(--theme-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-position: 0 center;display: flex;align-items: center;}
.crumbs a,.crumbs span{font-size: var(--f18);color: #666;display: inline-flex;align-items: center;}

.crumbs:before{

	position: absolute;

	content: "\e6b5";

	left: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	font-family: "iconfont";

	font-size: var(--f20);

}
.crumbs a:not(:last-child)::after {font: normal normal normal 14px/1 FontAwesome;content: "\f105";display: inline-block;margin: 0 0.08rem;}
.crumbs a:hover {color: var(--theme-color);}


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

	.crumbs{
		/* display: none; */
		padding-left: 20px;
		flex-wrap: wrap;
		line-height: 1.5;
	}
	.sort_nav .w16{
		min-height: auto;
		padding: 0.3rem 0;
	}
	.sort_nav_view{
		display: none;
	}

}


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


/* com_page */
.com_page {display: flex;align-items: center;justify-content: center;padding-top: 0.55rem;}
.com_page a,.com_page span {width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;font-size: var(--f16);color: #333;/* background: #fff; */margin: 0 .05rem;transition: all .3s;min-width: 32px;min-height: 32px;}
.com_page .page-num-current,.com_page a:hover {border-color: var(--theme-color);background: var(--theme-color) !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #eff2f7;}
.com_page a:last-child::after,.com_page a:first-child::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after {content: "\f104";}
.com_page a:last-child::after {content: "\f105";}
.no_page{font-size: var(--f18);font-family: "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,.n_tit h2{position: relative;font-size: 0.42rem;line-height: 1.3;font-weight: 700;/* padding-bottom: 0.15rem; */margin-bottom: 0.35rem;font-family: "SSB";}
/* .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;}




/* ================= Header 基础 ================= */
.jb-header {
    position: relative;
    z-index: 999;
    background-color: #9ab4cf; /* 你的主导航背景色 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.jb-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.8rem; /* 导航栏高度 */
}
.jb-logo img { max-height: 0.4rem; }

/* ================= 一级导航 ================= */
.jb-nav-list { display: flex; align-items: center; height: 100%; }
.jb-nav-item { height: 100%; display: flex; align-items: center; }
.jb-nav-link {
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
    height: 100%;
    color: #fff;
    font-size: var(--f16);
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s;
}
.jb-nav-arr { width: 16px; height: 16px; margin-left: 6px; transition: transform 0.3s; }
.jb-nav-item:hover .jb-nav-link { color: #004a8f; }
.jb-nav-item:hover .jb-nav-arr { transform: rotate(180deg); }

/* ================= Mega Menu (PC端) ================= */
.jb-mega {
    position: absolute;
    top: 99%;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 3px solid var(--theme-color);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;

	line-height: 1.5;
}

/* 🌟 核心修复：隐形桥梁，防止鼠标移出导航栏时下拉菜单消失 */
.jb-mega::before {
    content: "";
    position: absolute;
    top: -20px; /* 向上延伸 20px 填补缝隙 */
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

.Header-container .c-nav>li:hover .jb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* 🌟 两栏 Grid 布局：左侧(文字+链接) 占 1.3份，右侧(图片) 占 1份 */
.jb-mega-inner {
    display: grid;
    grid-template-columns: 1.3fr 1fr; 
    gap: 1rem;
    padding: 0.5rem 0;
}

/* 左侧：标题与描述 */
.jb-mega-left { display: flex; flex-direction: column; justify-content: center; }
.jb-mega-info { margin-bottom: 0.4rem; }
.jb-mega-info h3 { font-size: var(--f32); font-weight: 700; color: #111; margin-bottom: 0.15rem; }
.jb-mega-info p { font-size: var(--f18); color: #666; line-height: 1.6; max-width: 100%;font-weight: 400;}

/* 左侧：链接列表 (排成两列，显得更规整) */
.jb-mega-links { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 0.1rem 0.5rem; 
}
.jb-mega-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.15rem 0;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size: var(--f18);
    transition: all 0.3s;
}
.jb-mega-link svg { width: 18px; height: 18px; color: #999; transition: all 0.3s; }

/* Hover & Active 状态 */
.jb-mega-link:hover, .jb-mega-link.active {
    color: var(--theme-color);
    border-bottom-color: var(--theme-color);
    padding-left: 0.1rem; /* 悬浮时文字微移 */
}
.jb-mega-link:hover svg, .jb-mega-link.active svg {
    color: var(--theme-color);
    transform: translateX(5px); /* 箭头向右微动 */
}

/* 右侧图片预览 */
.jb-mega-preview {
    width: 100%;
    height: 3.6rem; /* 控制图片高度 */
    border-radius: 6px;
    overflow: hidden;
    background: #f8f9fa;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}
.jb-mega-img {
    width: 100%;
    height: 100%;
    object-fit: cover;

	object-position: center;
    transition: opacity 0.4s ease, transform 0.6s ease;
}
/* 用于 JS 切换时的淡入淡出类 */
.jb-mega-img.fade-out { opacity: 0; transform: scale(1.03); }

/* ================= 移动端适配 (< 1024px) ================= */
.jb-menu-toggle { display: none; background: none; border: none; width: 30px; height: 24px; flex-direction: column; justify-content: space-between; cursor: pointer; }
.jb-menu-toggle span { display: block; width: 100%; height: 2px; background: #fff; transition: 0.3s; }

@media (max-width: 1024px) {
    .jb-menu-toggle { display: flex; }
    .jb-nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        display: none; 
    }
    .jb-nav.is-active { display: block; }
    .jb-nav-list { flex-direction: column; align-items: flex-start; height: auto; }
    .jb-nav-item { width: 100%; height: auto; border-bottom: 1px solid #eee; }
    .jb-nav-link { width: 100%; padding: 0.2rem; color: #333; justify-content: space-between; }
    .jb-nav-item:hover .jb-nav-link { color: var(--theme-color); }
    
    /* 移动端下拉变手风琴 */
    .jb-mega {
        position: static;
        box-shadow: none;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none; 
        background: #fff;
    }
    .jb-has-mega.is-open .jb-mega { display: block; }
    .jb-mega-inner { grid-template-columns: 1fr;padding: 0; gap: 0.2rem; max-width: 100%;}

	.jb-mega-info{display: none;}
    .jb-mega-info p { max-width: 100%; }

    .jb-mega-links { grid-template-columns: 1fr; /* 手机端链接变一列 */ }
    .jb-mega-preview { display: none; /* 移动端隐藏图片 */ }
    .jb-mega-link { padding: 0.15rem 0.1rem; border-bottom: none;}
}



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

/* ==================== 全局设置 ==================== */

.yt-home-title{

	font-family: "RB";

}

/* ==================== 标题折线装饰 (伪类 + 绝对定位) ==================== */

.yt-home-sec-header .yt-home-title {
    font-size: var(--f48);
    font-weight: 700;
}
.yt-home-sec-header .yt-home-subtitle {
    font-size: var(--f18);

    color: #666;

	line-height: 1.3;
}

.yt-home-sec-header.color-white .yt-home-subtitle{

	color: #fff;

}
.yt-home-title.has-line-right,
.yt-home-title.has-line-left {
    position: relative;
    display: inline-flex; /* 让 H2 宽度收缩到文字实际宽度，方便伪类定位 */
    align-items: center;

	flex-wrap: wrap;
}

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





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

.yt-home-sec-header.color-white .yt-home-title.has-line-left::before{

	background-color: #fff;

}




/* 手机端适配：屏幕较小时隐藏外侧装饰线，防止撑破屏幕 */
@media screen and (max-width: 1000px) {
    .yt-home-title.has-line-right::after,
    .yt-home-title.has-line-left::before {
        display: none;
    }
}
/* ==================== 标题装饰：竖向扎带 (Zip Tie) ==================== */
.yt-home-title.has-tie-left {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.yt-home-title.has-tie-left::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 15px; /* 与文字的间距 */
    width: 16px;  /* 扎带宽度 */
    height: 48px; /* 扎带高度 */
    background-color: var(--theme-color); /* 完美继承主题绿 */
    
    /* 使用内联 SVG 绘制极简扎带形状 (头部 + 锁孔 + 带身 + 尖尾) */
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='48' viewBox='0 0 16 48' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='14' height='12' rx='2' stroke='black' stroke-width='2' fill='none'/%3E%3Crect x='4' y='4' width='8' height='4' fill='black'/%3E%3Crect x='5' y='13' width='6' height='28' fill='black'/%3E%3Cpolygon points='5,41 11,41 8,47' fill='black'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg width='16' height='48' viewBox='0 0 16 48' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='14' height='12' rx='2' stroke='black' stroke-width='2' fill='none'/%3E%3Crect x='4' y='4' width='8' height='4' fill='black'/%3E%3Crect x='5' y='13' width='6' height='28' fill='black'/%3E%3Cpolygon points='5,41 11,41 8,47' fill='black'/%3E%3C/svg%3E") no-repeat center;
    
    /* 确保 SVG 缩放适应容器 */
    -webkit-mask-size: contain;
    mask-size: contain;
}

.yt-home-title.has-tie-left.color-white::before{

	background-color: #fff;

}

/* 手机端适配：屏幕较小时隐藏装饰，防止撑破屏幕 */
@media screen and (max-width: 1000px) {
    .yt-home-title.has-tie-left::before {
        display: none;
    }
}
/* ==================== 标题装饰：竖向扎带 (右侧) ==================== */
.yt-home-title.has-tie-right {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.yt-home-title.has-tie-right::after {
    content: '';
    position: absolute;
    left: 100%; /* 定位在文字最右侧的外侧 */
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px; /* 与文字的间距 */
    width: 16px;  /* 扎带宽度 */
    height: 48px; /* 扎带高度 */
    background-color: var(--theme-color); /* 继承主题绿 */
    
    /* 极简扎带 SVG 遮罩 */
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='48' viewBox='0 0 16 48' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='14' height='12' rx='2' stroke='black' stroke-width='2' fill='none'/%3E%3Crect x='4' y='4' width='8' height='4' fill='black'/%3E%3Crect x='5' y='13' width='6' height='28' fill='black'/%3E%3Cpolygon points='5,41 11,41 8,47' fill='black'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg width='16' height='48' viewBox='0 0 16 48' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='14' height='12' rx='2' stroke='black' stroke-width='2' fill='none'/%3E%3Crect x='4' y='4' width='8' height='4' fill='black'/%3E%3Crect x='5' y='13' width='6' height='28' fill='black'/%3E%3Cpolygon points='5,41 11,41 8,47' fill='black'/%3E%3C/svg%3E") no-repeat center;
    
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* 手机端适配：屏幕较小时隐藏装饰 */
@media screen and (max-width: 1000px) {
    .yt-home-title.has-tie-right::after {
        display: none;
    }
}

	
/* ==================== CSS 样式部分 ==================== */

/* -------------------- Explore Our Products -------------------- */
.yt-home-products{
	overflow: hidden;
}
.yt-home-products .yt-home-pro-top {
    border-bottom: 1px solid transparent;
}

/* 左侧产品 Tab (轮播版) */
.yt-home-products .yt-home-pro-tabs-wrap {
    width: 60%;
    overflow: hidden;
}
.yt-home-products .yt-home-pro-tabs-swiper {
    border-radius: 0.4rem;
    padding: 0.10rem;
}
.yt-home-products .yt-home-pro-tabs-swiper .swiper-wrapper {
    align-items: center;
}
.yt-home-products .yt-home-pro-tabs-swiper .yt-home-tab-item {
    width: auto;
    padding: 0.15rem 0.3rem;
    font-size: var(--f20);
    color: #666;
    cursor: pointer;
    border-radius: 0.35rem;
    transition: all 0.3s ease-out;
    font-weight: 500;
    flex-shrink: 0;

	font-family: "RB";
}
.yt-home-products .yt-home-pro-tabs-swiper .yt-home-tab-item:hover {
    color: var(--theme-color);
}
.yt-home-products .yt-home-pro-tabs-swiper .yt-home-tab-item.active {
    background-color: var(--theme-color);
    color: #fff;
    box-shadow: 0 4px 15px rgba(var(--theme-color-rgb), 0.3);
}

/* 产品内容面板 */
.yt-home-products .yt-home-pro-panel {
    display: none;
    animation: ytFadeIn 0.5s ease forwards;
}
.yt-home-products .yt-home-pro-panel.active {
    display: block;
}
.yt-home-products .yt-home-pro-slider-wrap {
    padding: 0; /* 为外侧箭头留出空间 */
}

/* 产品卡片 */
.yt-home-products .yt-home-pro-card {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 0.1rem;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
}
.yt-home-products .yt-home-pro-card:hover {
    border-color: var(--theme-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.yt-home-products .yt-home-pro-card .yt-home-img-wrap { background-color: #fff; }
.yt-home-products .yt-home-pro-card .yt-home-info { background-color: #fff; }
.yt-home-products .yt-home-pro-card .yt-home-info .yt-home-series {
    font-size: var(--f18);
    color: #595959;
}
.yt-home-products .yt-home-pro-card .yt-home-info .yt-home-name {
    font-size: var(--f24);
    font-weight: 600;
    color: #111;
    height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Swiper 自定义外侧大箭头 */
.yt-home-products .yt-home-swiper-next,
.yt-home-products .yt-home-swiper-prev {
    width: 0.55rem;
    height: 0.55rem;
    background-color: #f5f5f5;
    border-radius: 50%;
    color: #333;
    transition: all 0.3s;
    margin-top: -0.275rem;
}
.yt-home-products .yt-home-swiper-prev { left: -0.8rem; }
.yt-home-products .yt-home-swiper-next { right: -0.8rem; }
.yt-home-products .yt-home-swiper-next:after,
.yt-home-products .yt-home-swiper-prev:after {
    font-size: 0.2rem;
    font-weight: bold;
}
.yt-home-products .yt-home-swiper-next:hover,
.yt-home-products .yt-home-swiper-prev:hover {
    background-color: var(--theme-color);
    color: #fff;
}



/* ==================== Manufacturing Advantage ==================== */
.yt-home-manufacturing {}

/* 左右两栏比例 */
.yt-home-manufacturing .yt-home-mfg-left {
    width: 48%;
}
.yt-home-manufacturing .yt-home-mfg-right {
    width: 46%;
}

/* 标题区域 */
.yt-home-manufacturing .yt-home-eyebrow {
    font-size: var(--f14);
    letter-spacing: 1px; /* 提取自行内样式 */
}
.yt-home-manufacturing .yt-home-sec-header .yt-home-title {
    font-size: var(--f48);
    font-weight: 700;
}
.yt-home-manufacturing .yt-home-subtitle {
    font-size: var(--f18);
    color: #666;
}

/* 2x2 特性网格 */
.yt-home-manufacturing .yt-home-mfg-features {
    gap: 0.2rem;
}
.yt-home-manufacturing .yt-home-mfg-item {
    width: calc(50% - 0.1rem);
    background-color: #f4f9f6;
    border-radius: 0.15rem;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.yt-home-manufacturing .yt-home-mfg-item:hover {
    background-color: #fff;
    border-color: var(--theme-color);
    box-shadow: 0 10px 25px rgba(var(--theme-color-rgb), 0.1);
    transform: translateY(-3px);
}

/* 特性描述文字颜色 */
.yt-home-manufacturing .yt-home-mfg-desc {
    color: #666; /* 提取自行内样式 */
}

/* 图标样式 */
.yt-home-manufacturing .yt-home-mfg-icon {
    width: 0.45rem;
    height: 0.45rem;
    flex-shrink: 0;
/*    background-color: #e6f2e9;
    color: var(--theme-color);
    border-radius: 0.1rem; */
}

.yt-home-manufacturing .yt-home-mfg-icon img{

	width: 100%;

}

.yt-home-manufacturing .yt-home-mfg-icon svg{

	display: none;

}



/* 线框按钮 */
.yt-home-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.12rem 0.35rem;
    border: 1.5px solid var(--theme-color);
    color: var(--theme-color);
    font-size: var(--f16);
    font-weight: 600;
    border-radius: 0.08rem;
    transition: all 0.3s ease;
    background-color: transparent;
}
.yt-home-btn-outline:hover {
    background-color: var(--theme-color);
    color: #fff;
    box-shadow: 0 5px 15px rgba(var(--theme-color-rgb), 0.3);
}

/* 右侧大图 */
.yt-home-manufacturing .yt-home-mfg-img {
    width: 100%;
    aspect-ratio: 4 / 3.5;
    border-radius: 0.24rem;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}
.yt-home-manufacturing .yt-home-mfg-img img {

	width: 100%;

	height: 100%;
    transition: transform 0.5s ease;
}
.yt-home-manufacturing .yt-home-mfg-img:hover img {
    transform: scale(1.05);
}

/* 响应式适配 */
@media screen and (max-width: 1200px) {
    .yt-home-manufacturing .yt-home-mfg-left { width: 50%; }
    .yt-home-manufacturing .yt-home-mfg-right { width: 45%; }
}

@media screen and (max-width: 1000px) {
    .yt-home-manufacturing > .w16 {
        flex-direction: column;
    }
    .yt-home-manufacturing .yt-home-mfg-left,
    .yt-home-manufacturing .yt-home-mfg-right {
        width: 100%;
    }
    .yt-home-manufacturing .yt-home-mfg-right {
        margin-top: 0.5rem;
    }
    .yt-home-manufacturing .yt-home-sec-header .yt-home-title-line {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .yt-home-manufacturing .yt-home-mfg-item {
        width: 100%;
    }
}



/* ==========================================================================
   2. Why Choose Us 板块 (大气精简版)
   ========================================================================== */
/* 科技感网格背景 */
.yt-home-why-choose {
    background-color: #fafdfb;
    position: relative;
    overflow: hidden;
}
.yt-home-why-choose::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: 
        linear-gradient(to right, rgba(var(--theme-color-rgb), 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(var(--theme-color-rgb), 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 0;
}
.yt-home-why-choose > .w16 {
    position: relative;
    z-index: 1;
}

/* 左右分栏比例调整 */
.yt-home-why-visual { 
    width: 46%; 
    position: relative; 
    aspect-ratio: 1 / 1; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}
.yt-home-why-content { 
    width: 50%; 
}

/* ---------- 左侧：巨型品牌能量环 ---------- */
/* 核心品牌球体 (220px) */
.yt-why-core {
    position: relative;
    width: 220px; 
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* 内部发光渐变层 (180px) */
.yt-why-core .yt-core-inner {
    position: relative;
    width: 180px;
    height: 180px;
    background: linear-gradient(135deg, var(--theme-color), #076b39);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 15px 35px rgba(var(--theme-color-rgb), 0.4), 
        inset 0 10px 20px rgba(255, 255, 255, 0.2), 
        inset 0 -10px 20px rgba(0, 0, 0, 0.2);
    animation: corePulse 3s infinite ease-in-out;
    z-index: 2;
}

/* 白色 Logo */
.yt-why-core .yt-core-logo { 
    width: 65%; 
    height: auto; 
    object-fit: contain; 
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2)); 
}

/* 旋转的精密齿轮环 */
.yt-why-core .yt-core-ring {
    position: absolute; 
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 50%; 
    border: 2px dashed rgba(var(--theme-color-rgb), 0.6);
    box-shadow: 0 0 0 8px rgba(var(--theme-color-rgb), 0.05);
    animation: ringSpin 15s linear infinite; 
    z-index: 1;
}

/* 扩散波纹 (最大 720px) */
.yt-why-ripple {
    position: absolute; 
    top: 50%; left: 50%; 
    transform: translate(-50%, -50%);
    border-radius: 50%; 
    background-color: transparent;
    box-shadow: 0 0 20px rgba(var(--theme-color-rgb), 0.08), inset 0 0 20px rgba(var(--theme-color-rgb), 0.05);
    border: 1px solid rgba(var(--theme-color-rgb), 0.1); 
    z-index: 1;
}
.yt-ripple-1 { width: 360px; height: 360px; }
.yt-ripple-2 { width: 540px; height: 540px; border-style: dashed; opacity: 0.6; }
.yt-ripple-3 { width: 720px; height: 720px; opacity: 0.3; }

/* 悬浮标签 */
.yt-why-label {
    position: absolute;
    background-color: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 0.3rem;
    font-size: var(--f14);
    font-weight: 600;
    color: var(--color-dark);
    display: flex;
    align-items: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    border: 1px solid rgba(var(--theme-color-rgb), 0.1);
    z-index: 20;
    white-space: nowrap;
    animation: floatUpDown 4s infinite ease-in-out;
}
.yt-why-label .yt-dot {
    width: 6px; height: 6px;
    background-color: var(--theme-color);
    border-radius: 50%;
    margin-right: 8px;
}
/* 标签位置外扩 */
.yt-label-tl { top: 12%; left: -5%; animation-delay: 0s; }
.yt-label-tr { top: 22%; right: -8%; animation-delay: 1s; }
.yt-label-bl { bottom: 22%; left: -8%; animation-delay: 2s; }
.yt-label-br { bottom: 12%; right: -5%; animation-delay: 3s; }


/* ---------- 右侧：1行3列 网格卡片 ---------- */
.yt-home-why-content .yt-home-subtitle { color: #555; }

/* 1行3列布局 */
.yt-why-grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
}

.yt-why-card {
    background-color: #fff;
    padding: 0.25rem 0.2rem;
    border-radius: 0.12rem;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.yt-why-card-icon {
    width: 0.4rem; height: 0.4rem;
    background-color: rgba(var(--theme-color-rgb), 0.08);
    color: var(--theme-color);
    border-radius: 0.08rem;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 0.15rem;
    transition: all 0.3s ease;
}
.yt-why-card-info p { color: #666; }

/* 卡片悬停高级动效 */
.yt-why-card:hover {
    transform: translateY(-5px);
    border-color: rgba(var(--theme-color-rgb), 0.3);
    box-shadow: 0 15px 30px rgba(var(--theme-color-rgb), 0.08);
}
.yt-why-card:hover .yt-why-card-icon {
    background-color: var(--theme-color);
    color: #fff;
    transform: scale(1.1);
}


/* ==========================================================================
   3. 关键帧动画定义
   ========================================================================== */
/* 齿轮环缓慢旋转 */
@keyframes ringSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 核心球呼吸发光 */
@keyframes corePulse {
    0% { box-shadow: 0 15px 35px rgba(var(--theme-color-rgb), 0.4), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -10px 20px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(var(--theme-color-rgb), 0.4); }
    70% { box-shadow: 0 15px 35px rgba(var(--theme-color-rgb), 0.4), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -10px 20px rgba(0, 0, 0, 0.2), 0 0 0 25px rgba(var(--theme-color-rgb), 0); }
    100% { box-shadow: 0 15px 35px rgba(var(--theme-color-rgb), 0.4), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -10px 20px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(var(--theme-color-rgb), 0); }
}

/* 标签上下悬浮 */
@keyframes floatUpDown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}


/* ==========================================================================
   4. 响应式适配
   ========================================================================== */
@media screen and (max-width: 1200px) {
    .yt-home-why-visual { width: 50%; }
    .yt-home-why-content { width: 46%; }
    .yt-ripple-3 { display: none; } /* 屏幕变小隐藏最外层圆 */
}
@media screen and (max-width: 1000px) {
    .yt-home-why-choose > .w16 { flex-direction: column; }
    .yt-home-why-visual { width: 80%; margin: 0 auto 0.8rem; }
    .yt-home-why-content { width: 100%; }
    .yt-why-grid-row { grid-template-columns: repeat(2, 1fr); } /* 平板端变为2列 */
}
@media screen and (max-width: 768px) {
    .yt-why-grid-row { grid-template-columns: 1fr; } /* 手机端变为单列 */
    .yt-home-why-visual { width: 100%; aspect-ratio: 4/3; }
    .yt-why-label { font-size: 12px; padding: 0.05rem 0.1rem; }
    .yt-why-core { width: 160px; height: 160px; }
    .yt-why-core .yt-core-inner { width: 130px; height: 130px; }
    .yt-ripple-1 { width: 260px; height: 260px; }
    .yt-ripple-2 { width: 380px; height: 380px; }
}





/* ==================== Why Choose Us (星状拓扑 动线超出版心延伸版) ==================== */
/* 外层容器保持 overflow: hidden，防止整个网页出现横向滚动条，但允许内部版心突破 */
.yt-home-why-choose-v2 {
    background-color: #f4f7f6; 
    overflow: hidden; 
}

/* ---------- 拓扑网络容器 ---------- */
.yt-why-network-wrap-v2 {
    position: relative;
    width: 100%;
    height: 700px; 

	margin-top: -0.45rem;
}

/* SVG 连接线 */
.yt-why-svg-lines-v2 {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
    pointer-events: none;
}
.yt-svg-path-v2 {
    fill: none;
    stroke: rgba(var(--theme-color-rgb), 0.25);
    stroke-width: 1.5px;
    stroke-dasharray: 6 6;
    animation: lineFlowV2 30s linear infinite;
}
@keyframes lineFlowV2 {
    to { stroke-dashoffset: -1000; }
}

/* ---------- 左侧核心能量球 (无边框 + 最大460px + Logo 136px) ---------- */
.yt-why-core-node-v2 {
    position: absolute;
    left: 12%; 
    top: 50%;
}

/* 核心球去掉边框，改为纯色透明度叠加，最大尺寸 460px */
.core-layer {
    position: absolute; top: 50%; left: 50%; border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: breatheAnim 4s ease-in-out infinite; 
}
.layer-1 { width: 240px; height: 240px; background: rgba(var(--theme-color-rgb), 0.15); border: none; }
.layer-2 { width: 350px; height: 350px; background: rgba(var(--theme-color-rgb), 0.08); border: none; }
.layer-3 { width: 460px; height: 460px; background: rgba(var(--theme-color-rgb), 0.04); border: none; }

@keyframes breatheAnim {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-50%, -50%) scale(0.9); } 
}

/* Logo 圆形精准设定为 136px */
.core-center-logo-v2 {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 136px; height: 136px; 
    background: #fff; border-radius: 50%; z-index: 10;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.core-center-logo-v2 img {
    width: 60%;
    filter: invert(40%) sepia(80%) saturate(400%) hue-rotate(90deg); 
}

/* ---------- 6个悬浮节点 (精准设定为 110px) ---------- */
.yt-why-node-item-v2 {
    position: absolute;
    z-index: 10;
}
.yt-why-node-item-v2 .node-icon-v2 {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%); 
    width: 110px; height: 110px; 
    background-color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--theme-color);
    /* box-shadow: 0 8px 25px rgba(0,0,0,0.08); */

	box-shadow: rgba(193, 202, 209, .45) 0 .08rem .08rem;
    transition: all 0.3s ease;
    cursor: default;

	overflow: hidden;
}

.yt-why-node-item-v2 .node-icon-v2 img{

	max-width: 55%;

}

.yt-why-node-item-v2 .node-icon-v2:hover img{

	position: relative;

	filter: drop-shadow(100vw 0px 0 #fff);

	-webkit-filter: drop-shadow(100vw 0px 0 #fff);

	right: 100vw;

}
.yt-why-node-item-v2:hover .node-icon-v2 {
    background-color: var(--theme-color);
    color: #fff;
    box-shadow: 0 10px 30px rgba(var(--theme-color-rgb), 0.25);
    transform: translate(-50%, -55%); 
}

.yt-why-node-item-v2 .node-text-v2 {
    position: absolute;
    top: 50%; left: 75px; 
    transform: translateY(-50%);
    white-space: normal; 
    width: max-content;
    max-width: 220px; 
    line-height: 1.3;
    transition: all 0.3s ease;
}
.yt-why-node-item-v2:hover .node-text-v2 {
    transform: translateY(-50%) translateX(5px);
}

/* 节点精确定位 */
.pos-1-v2 { left: 80%; top: 18%; } 
.pos-2-v2 { left: 50%; top: 32%; } 
.pos-3-v2 { left: 75%; top: 45%; } 
.pos-4-v2 { left: 45%; top: 62%; } 
.pos-5-v2 { left: 82%; top: 75%; } 
.pos-6-v2 { left: 62%; top: 88%; } 


/* ---------- 底部 CTA 转化横幅 ---------- */

.yt-why-cta{

	margin-top: -1.2rem;

}
.yt-why-cta-banner-v2 {
    background: #02361e; 
    border-radius: 0.16rem;
    padding: 0.8rem 0.5rem; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(2, 54, 30, 0.2);

	background: url('/wp-content/uploads/2026/07/yt-why-cta-bg-02.webp') no-repeat center/cover;
}
.cta-bg-graphic-v2 {
    position: absolute;
    right: 0; top: 0; bottom: 0; width: 45%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05));
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
}
.cta-left-content-v2 { position: relative; z-index: 2; max-width: 60%; }
.cta-right-visual-v2 { position: relative; z-index: 2; display: flex; align-items: center; justify-content: flex-end; }
.cta-btn-v2 {
    background: var(--theme-color); color: #ffffff;
    padding: 0.15rem 0.3rem; border-radius: 0.5rem; display: inline-flex; align-items: center;
    text-decoration: none; transition: all 0.3s ease;
}
.cta-btn-v2:hover { background: var(--sec-theme-color); transform: translateY(-2px); color: #fff;}
.cta-arrow-v2 {
    background: #ffffff; color: var(--theme-color); width: 0.24rem; height: 0.24rem;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    margin-left: 0.15rem; transition: transform 0.3s ease;
}
.cta-btn-v2:hover .cta-arrow-v2 { transform: translateX(3px); }

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    .yt-why-network-wrap-v2 { height: auto; display: flex; flex-direction: column; align-items: center; margin-top: 0.2rem; }
    .yt-why-svg-lines-v2 { display: none; } 
    
    .yt-why-core-node-v2 { position: relative; left: 0; top: 0; margin-bottom: 2rem; height: 240px; }
    
    .yt-why-node-item-v2 { position: relative; left: 0 !important; top: 0 !important; width: 100%; margin-bottom: 0.2rem; background: #fff; padding: 0.2rem; border-radius: 0.1rem; box-shadow: 0 4px 15px rgba(0,0,0,0.03); display: flex; align-items: center; }
    .yt-why-node-item-v2 .node-icon-v2 { position: relative; top: 0; left: 0; transform: none; width: 60px; height: 60px; }
    .yt-why-node-item-v2 .node-text-v2 { position: relative; left: 0; top: 0; transform: none; margin-left: 15px; white-space: normal; max-width: none; }
    .yt-why-node-item-v2:hover .node-icon-v2 { transform: none; }
    .yt-why-node-item-v2:hover .node-text-v2 { transform: none; }
    
    .yt-why-cta-banner-v2 { flex-direction: column; text-align: left; padding: 0.4rem 0.3rem; }
    .cta-left-content-v2 { max-width: 100%; margin-bottom: 0.3rem; }
    .cta-right-visual-v2 { justify-content: flex-start; width: 100%; }
}


/* -------------------- Solutions for All You Need -------------------- */
.yt-home-solutions {
    background-color: #fff;
}
.yt-home-solutions .yt-home-sol-left { width: 52%; }
.yt-home-solutions .yt-home-sol-right { width: 42%; }


/* 解决方案 Tab 布局 (一行4个) */
.yt-home-solutions .yt-home-sol-tabs { gap: 0.15rem; }
.yt-home-solutions .yt-home-sol-tabs .yt-home-tab-item {
    width: calc(25% - 0.1125rem); 
    aspect-ratio: 1 / 1;
    background-color: #f4f5f7;
    border-radius: 0.15rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.yt-home-solutions .yt-home-sol-tabs .yt-home-tab-item .ico img{

	width: 0.8rem;

}
.yt-home-solutions .yt-home-sol-tabs .yt-home-tab-item:hover {
    transform: translateY(-3px);
}
.yt-home-solutions .yt-home-sol-tabs .yt-home-tab-item.active {
    background-color: #fff;
    border-color: var(--theme-color);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.yt-home-solutions .yt-home-sol-tabs .yt-home-tab-item .yt-home-icon {
    width: 0.45rem;
    height: 0.45rem;
    fill: #333;
    transition: all 0.3s ease;
}
.yt-home-solutions .yt-home-sol-tabs .yt-home-tab-item span {
    font-size: var(--f18);
    font-weight: 500;
    color: #333;
    text-align: center;
}

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


/* 右侧图片展示区 */
.yt-home-solutions .yt-home-sol-display {
    border-radius: 0.24rem;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.yt-home-solutions .yt-home-sol-display .yt-home-panel {
    width: 100%;
    height: 100%;
    animation: ytFadeIn 0.5s ease forwards;
}

.yt-home-solutions .yt-home-sol-display .yt-home-panel{

	display: none;

}

.yt-home-solutions .yt-home-sol-display .yt-home-panel.active{

	display: block;

}
.yt-home-solutions .yt-home-sol-display .yt-home-panel .yt-home-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(5, 15, 35, 0.95) 0%, rgba(5, 15, 35, 0.6) 40%, transparent 100%);
    color: #fff;
}
.yt-home-solutions .yt-home-sol-display .yt-home-panel .yt-home-desc h3 {
    font-size: var(--f36);
    font-weight: 700;
}
.yt-home-solutions .yt-home-sol-display .yt-home-panel .yt-home-desc p {
    font-size: var(--f16);
    line-height: 1.6;
    color: rgba(255,255,255,0.85);
}

/* -------------------- 响应式适配 -------------------- */
@media screen and (max-width: 1200px) {
    .yt-home-products .yt-home-pro-tabs-wrap { width: 55%; }
    .yt-home-solutions .yt-home-sol-left { width: 48%; }
    .yt-home-solutions .yt-home-sol-right { width: 48%; }
}

@media screen and (max-width: 1000px) {
    /* 产品响应式 */
    .yt-home-products .yt-home-pro-top { flex-direction: column; align-items: center; }
    .yt-home-products .yt-home-sec-header { text-align: center; margin-bottom: 0.3rem; order: -1; }
    .yt-home-products .yt-home-sec-header .yt-home-title { justify-content: center; }
    .yt-home-products .yt-home-pro-tabs-wrap { width: 100%; margin/* -top: 0.3rem; }
    .yt-home-products .yt-home-pro-slider-wrap { padding: 0 0.5rem */; }
    .yt-home-products .yt-home-swiper-next,
    .yt-home-products .yt-home-swiper-prev { width: 0.4rem; height: 0.4rem; margin-top: -0.2rem; }
    .yt-home-products .yt-home-swiper-next:after,
    .yt-home-products .yt-home-swiper-prev:after { font-size: 0.16rem; }

    /* 解决方案响应式 */
    .yt-home-solutions > .w16 { flex-direction: column; }
    .yt-home-solutions .yt-home-sol-left,
    .yt-home-solutions .yt-home-sol-right { width: 100%; }
    .yt-home-solutions .yt-home-sol-left-content { padding-left: 0; }
    .yt-home-solutions .yt-home-sec-header .yt-home-title-line { display: none; }
    .yt-home-solutions .yt-home-sol-tabs { margin-bottom: 0.4rem; }
    .yt-home-solutions .yt-home-sol-tabs .yt-home-tab-item { width: calc(25% - 0.1125rem); }
}

@media screen and (max-width: 768px) {
    .yt-home-solutions .yt-home-sol-tabs .yt-home-tab-item { width: calc(33.333% - 0.1rem); }
}

/* 动画 */
@keyframes ytFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}




/* ==================== About Us (图片撑开 + 绝对定位版) ==================== */

/* 底部深色覆盖区：绝对定位，使用极深的绿色系 */
.yt-about-overlay-box {
    background: rgba(var(--theme-color-rgb), 0.88); /* 极深的绿色，带透明度 */
    backdrop-filter: blur(8px); 
    padding: 0.8rem 0;
    z-index: 2;
}

/* 文本缩进对齐 (避开 60px SVG + 15px margin) */
.yt-indent-75 {
    padding-left: 75px;
}

/* ---------- 胶囊按钮 (白色线框反白版) ---------- */
.yt-pill-btn-white {
    display: inline-flex;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 27px; /* 胶囊圆角 */
    padding: 4px; /* 内边距给绿色圆留出空间 */
    transition: all 0.3s ease;
    background: transparent;
    text-decoration: none;
}
.yt-pill-btn-white:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.05); /* 悬停时微微泛白 */
}
.yt-pill-btn-white .btn-icon {
    width: 44px;
    height: 44px;
    transition: transform 0.3s ease;
}
.yt-pill-btn-white:hover .btn-icon {
    transform: translateX(3px); /* 悬停时箭头向右微动 */
}



.yt-about-desc p+p{

	margin-top: 1em;

}

/* ---------- 右侧数据网格 ---------- */
.yt-about-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 0.3rem; 
}
.yt-stat-item .stat-icon {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    /* 移动端恢复文档流，防止绝对定位重叠 */
    .yt-about-overlay-box { 
        position: relative; 
        padding: 0.6rem 0; 
    }
    
    .yt-about-left, 
    .yt-about-right { width: 100%; }
    .yt-about-left { margin-bottom: 0.6rem; }
}

@media screen and (max-width: 768px) {
    /* 手机端取消缩进，恢复左对齐 */
    .yt-indent-75 { padding-left: 0; margin-top: 15px; }
    
    .yt-about-stats-grid { grid-template-columns: 1fr; gap: 0.4rem; }
    .yt-stat-item .stat-icon { width: 60px; height: 60px; }
    .yt-stat-item .stat-icon svg { width: 28px; height: 28px; }
}





/* ==================== About Us V4 (图一布局 + 图二内容 + 图三认证) ==================== */
.w100{width: 100%;}

.gap-15{gap: 0.15rem;}
/* ==================== About Us V4 (顶部标题 + 左文右图) ==================== */

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

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

/* 认证图标区域 (默认灰度，悬停亮起，增加高级感) */
.yt-about-certs-v4 {
    /* margin-top: auto; */

	/* 将认证区域推到文本列的最底部对齐 */
}
.yt-about-certs-v4{
	max-width: 100%;
}
.yt-about-certs-v4 img{
	max-width: 100%;
	object-fit: contain;
}
@media all and (min-width: 768px){
	.yt-about-certs-v4 img{
		height: 50px;
	}
}

.w52{

	width: 52%;

}
/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    /* 移动端两列变一列 */
    .yt-home-about-v4 .w48 { width: 100%; margin-top: 0;}
    .yt-home-about-v4 .w48:last-child{

		margin-top: 0.45rem;

	}
    /* 移动端堆叠后，右侧图片容器失去等高特性，需给定一个保底高度 */
    .yt-about-img-box { 
        min-height: 4rem; 
        margin-top: 0.5rem; 
    }
}


/* ==================== 基础交互与组件补充 ==================== */
.yt-hover-scale { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.ofh:hover .yt-hover-scale { transform: scale(1.05); }
.group:hover .group-hover-theme { color: var(--theme-color) !important; }




.i_ab .ab_pic{

	width: 100%;

	border-radius: 0.2rem;

	overflow: hidden;

}

.rect-85{

	padding-bottom: 85%;

}

.i_ab .ab_pic .pic{

}


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



.i_ab .ab_pic{}

.i_ab .ab_ico{}

.i_ab .ab_ico ul{}

.i_ab .ab_ico ul li{

	cursor: pointer;

	border-radius: 0.1rem;

	/* border-radius: 0.12rem; */

	overflow: hidden;

}

.i_ab .ab_ico ul li.swiper-slide-thumb-active:before{

	position: absolute;

	content: "";

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 3;

	background-color: rgb(var(--theme-color-rgb), .5);

}

.i_ab .ab_ico .swiper-button-prev,

.i_ab .ab_ico .swiper-button-next{

	width: 0.4rem;

	height: 0.4rem;

	border-radius: 50%;

	background-color: #fff;

	box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.07);

	opacity: 1;

}

.i_ab .ab_ico .swiper-button-prev::after,

.i_ab .ab_ico .swiper-button-next::after{

	font-size: var(--f20);

	color: var(--theme-color);

	font-weight: 700;

}

.i_ab .ab_ico .swiper-button-prev{

	left: -0.2rem;

}

.i_ab .ab_ico .swiper-button-next{

	right: -0.2rem;

}


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


/* ==================== Section 1: Process Swiper (一屏多显) ==================== */

/* 右上角数据背书 */
.yt-process-capacity {
    border-left: 0.02rem solid var(--theme-color);
    padding-left: 0.3rem;
}

/* 流程卡片 */
.yt-pc-img-box {
    height: 3.6rem; /* 统一图片高度 */
}
.yt-pc-icon {
    width: 0.8rem;
    height: 0.8rem;
    border-top-right-radius: 0.1rem;

	overflow: hidden;
}

.yt-pc-icon img{

	width: 70%;

	transition: all 0s !important;

}
.yt-process-card:hover .yt-pc-icon {
    background: var(--theme-color);
}
.yt-home-process .swiper-slide:hover .yt-pc-icon img{
   position: relative;

	filter: drop-shadow(100vw 0px 0 #fff);

	-webkit-filter: drop-shadow(100vw 0px 0 #fff);

	right: 100vw;
}

/* 底部导航控制区 (复刻参考图) */
.yt-process-custom-fraction .fraction-line {
    width: 0.4rem;
    height: 0.02rem;
    background: #ccc;
    margin: 0 0.15rem;
}
.yt-process-custom-fraction .fraction-total {
    color: #999;
}

/* 胶囊形左右按钮 */
.yt-nav-pill-wrap {
    border: 0.01rem solid #ddd;
    border-radius: 0.5rem;
    height: 0.5rem;
    overflow: hidden;
}
.yt-nav-btn {
    width: 0.7rem;
    height: 100%;
    color: #666;
}
.yt-nav-btn:hover {
    background: var(--theme-color);
    color: #fff;
}
.yt-nav-line {
    width: 0.01rem;
    height: 0.2rem;
    background: #ddd;
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    .yt-home-process .w60 { width: 100%; margin-bottom: 0.4rem; }
    .yt-process-capacity { border-left: none; padding-left: 0; border-top: 0.02rem solid #ddd; padding-top: 0.3rem; width: 100%; }
    .yt-pc-img-box { height: 4.5rem; }
}





/* ==================== 基础辅助类补充 ==================== */
.color-white { color: #ffffff; }

.opacity-9 { opacity: 0.9;}
.opacity-8 { opacity: 0.8; }
.opacity-7 { opacity: 0.7; }
.inline-flex { display: inline-flex; }

/* ==================== Section: Custom Services (OEM/ODM) ==================== */



.yt-home-oem{

	/* background: url('../images/i_oem_bg_01.jpg') no-repeat center/cover; */

	position: relative;

	  overflow: hidden;

	  background:

	    linear-gradient(

	      90deg,

	      rgba(1, 36, 24, 0.96) 0%,

	      rgba(2, 55, 36, 0.92) 42%,

	      rgba(1, 36, 24, 0.82) 100%

	    ),

	    url('/wp-content/uploads/2026/07/i_oem_bg_01.webp') center/cover no-repeat;

}


.yt-home-oem .yt-home-title:before{

	top: 30%;

}
/* 1. 深绿色背景 (提取自参考图的工业深绿) */
.bg-dark-green {
    background-color: #0b2c1f; 
}

/* 2. 幽灵按钮 (白框透明底) */
.btn-white-outline {
    border: 0.02rem solid rgba(255, 255, 255, 0.6);
    color: #ffffff;
    padding: 0.15rem 0.35rem;
    border-radius: 0.4rem;
    font-weight: bold;
    font-size: 0.15rem;
}
.btn-white-outline:hover {
    background: #ffffff;
    color: #0b2c1f; /* 悬停时文字变为背景色，对比强烈 */
    border-color: #ffffff;
    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.2);
}

/* 3. 右侧卡片网格布局 (2列3行) */
.yt-oem-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.25rem;
}

/* 4. 服务卡片样式 */
.yt-oem-card {
    background: rgba(255, 255, 255, 0.08); /* 极弱的白色背景，营造毛玻璃质感 */
    border: 0.01rem solid rgba(255, 255, 255, 0.06);
    border-radius: 0.1rem;
    padding: 0.35rem 0.3rem;
    transition: all 0.4s ease;

}
.yt-oem-card:hover {
    background: rgba(255, 255, 255, 0.08); /* 悬停时提亮 */
    border-color: rgba(255, 255, 255, 0.15);
    transform: translateY(-0.05rem);
}

/* 5. SVG 图标容器 (亮绿色背景) */
.yt-oem-icon {
    width: 0.5rem;
    height: 0.5rem;
    background: #10b981; /* 提取自原图的高饱和度亮绿色 */
    color: #ffffff;
}
/* 悬停时图标微动效 */
.yt-oem-card:hover .yt-oem-icon {
    transform: scale(1.1);
    box-shadow: 0 0.05rem 0.15rem rgba(16, 185, 129, 0.4);
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    /* 平板端：左右结构改为上下堆叠 */
    .yt-home-oem .f-jsb { flex-direction: column; }
    .yt-oem-left { width: 100%; padding-right: 0; margin-bottom: 0.5rem; }
    .yt-oem-right { width: 100%; }
}

@media screen and (max-width: 600px) {
    /* 手机端：网格改为单列 */
    .yt-oem-grid { grid-template-columns: 1fr; gap: 0.2rem; }
    .yt-oem-card { padding: 0.3rem; }
}




/* ==================== Section 2: Certificates Swiper ==================== */
.yt-cert-card {
    padding: 0.3rem;
    border: 0.01rem solid transparent;
}
.yt-cert-card:hover {
    background: #fff;
    border-color: #eee;
    box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.06);
    transform: translateY(-0.05rem);
}
.yt-cert-img-box {
    padding: 0.15rem;
    border: 0.01rem solid #eee;
    height: 4.5rem; 
}
/* 证书底部分页器位置微调 */

.yt-cert-swiper.pb-60{

	padding-bottom: var(--sp-60) !important;

}
.yt-cert-swiper .swiper-pagination {
    bottom: 0 !important;

}
.yt-cert-swiper .swiper-pagination-bullet-active {

	width: 0.32rem;

	border-radius: 0.08rem;
    background: var(--theme-color);
}


.yt-home-cert-nav{}

.yt-home-cert-nav .yt-home-cert-prev,.yt-home-cert-nav .yt-home-cert-next{

	    width: 0.55rem;

	    height: 0.55rem;

	    background-color: #f5f5f5;

	    border-radius: 50%;

	    color: #333;

	    transition: all 0.3s;

	    margin-top: -0.275rem;

}

.yt-home-cert-nav .yt-home-cert-prev{}

.yt-home-cert-nav .yt-home-cert-next{}


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



/* ---------- 底部紧凑型走马灯 ---------- */
.yt-home-compact-partners {
    border-top: 1px solid #e5e5e5;
}
.yt-home-marquee-container {
    width: 100%;
}

/* 两侧渐变遮罩 (颜色与基础库 bg-f8 保持一致) */
.yt-home-marquee-container::before, 
.yt-home-marquee-container::after { 
    content: ''; 
    position: absolute; 
    top: 0; 
    width: 1.5rem; 
    height: 100%; 
    z-index: 2; 
    pointer-events: none; 
}
.yt-home-marquee-container::before { 
    left: 0; 
    background: linear-gradient(to right, #fff, transparent); 
}
.yt-home-marquee-container::after { 
    right: 0; 
    background: linear-gradient(to left, #fff, transparent); 
}

.yt-home-marquee-track { 
    width: max-content; 
}
.yt-home-marquee-track:hover { 
    animation-play-state: paused; 
}

/* 使用 margin 替代 gap，兼容性更好 */
.yt-home-marquee-group .yt-home-logo-mini {
    margin-right: 0.5rem;
}

.track-left { 
    animation: marquee-left 30s linear infinite; 
}
@keyframes marquee-left { 
    0% { transform: translateX(0); } 
    100% { transform: translateX(-50%); } 
}

/* 极简小 Logo 样式 */
.yt-home-logo-mini {

	width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* opacity: 0.5; */
    /* filter: grayscale(100%); */
    transition: all 0.3s ease;
    cursor: pointer;
}
.yt-home-logo-mini:hover {
    opacity: 1;
    filter: grayscale(0%);
}
.yt-home-logo-mini img {
    max-height: 100%;
    object-fit: contain;
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    .yt-home-trust-top { flex-direction: column; align-items: flex-start; }
    .yt-home-cert-nav { margin-top: 0.2rem; }
    .yt-home-logo-mini { /* height: 3.5rem; */ width: auto;height: 2rem;}
    .yt-home-marquee-group .yt-home-logo-mini { margin-right: 0.4rem; }
}










/* ==================== Section: Customer Feedback ==================== */
.yt-testi-box{

	width: calc(100% - (50% - 8rem));

	margin-left: calc(50% - 8rem);

}

.yt-testi-swiper{

}
/* 头部右侧圆形导航按钮 */
.yt-testi-prev,
.yt-testi-next {
    width: 0.46rem;
    height: 0.46rem;
    border: 0.01rem solid #ddd;
    color: #666;
    background: #fff;
    z-index: 2; /* 确保按钮层级在上方 */
}
.yt-testi-prev:hover,
.yt-testi-next:hover {
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: #fff;
    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.1);
}

/* 评价卡片主体 */
.yt-testi-card {
    padding: 0.4rem;
    border: 0.01rem solid transparent;
    height: 100%; 
    display: flex;
    flex-direction: column;
    /* 增加一个轻微的默认阴影，让超出版心的卡片更有层次感 */
    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.02);
}
.yt-testi-card:hover {
    border-color: #eee;
    box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.06);
    transform: translateY(-0.05rem);
}

/* 卡片内的双引号图标 (带浅色圆形背景) */
.yt-testi-quote-icon {
    width: 0.5rem;
    height: 0.5rem;
    background: rgba(0, 150, 50, 0.08); /* 浅绿色背景，可根据您的主题色微调 */
}

/* 卡片右上角装饰圆环 */
.yt-testi-circle {
    width: 0.2rem;
    height: 0.2rem;
    border: 0.03rem solid var(--theme-color);
    top: 0.4rem;
    right: 0.4rem;
}

/* 评价内容 (让文本区域自动撑开，把头像顶到底部对齐) */
.yt-testi-card p {
    flex-grow: 1; 
}

/* 客户头像 */
.yt-testi-avatar {
    width: 0.8rem;
    height: 0.8rem;
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    .yt-home-testimonials .f-jsb { flex-direction: column; align-items: flex-start; }
    .yt-testi-nav { margin-top: 0.3rem; }
    .yt-testi-card { padding: 0.3rem; }
    .yt-testi-circle { top: 0.3rem; right: 0.3rem; }
}



/* ==================== 基础公共类补充 ==================== */
/* 如果您的基础样式库中没有 f-col，请加上这行 */
.f-col { flex-direction: column; }

/* 基础交互辅助类 */
.yt-hover-scale { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.ofh:hover .yt-hover-scale { transform: scale(1.05); }
.group:hover .group-hover-theme { color: var(--theme-color) !important; }
.tracking-wide { letter-spacing: 0.05em; }
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



/* ==================== 基础辅助类补充 ==================== */
.bg-dark { background-color: #111; }
.opacity-7 { opacity: 0.7; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.w45{width: 45%;}
/* ==================== Section: Contact & Inquiry ==================== */

/* 1. 外层 Section 调整 */
.yt-home-contact {
    padding-top: 1rem;
    padding-bottom: 2rem; /* 底部留出更多 padding，为表单下沉提供空间 */
}

/* 2. 背景层高度缩减 (核心破形逻辑) */
.yt-contact-bg {
    /* 背景图片只占整个区域的上方部分，底部空出 1.5rem 的纯色区域 */
    height: calc(100% - 1.5rem); 
}

.yt-contact-bg .bg-mask{

	/* opacity: .3; */

	background:  linear-gradient(90deg, rgba(0,40,28,.52) 0%, rgba(0,40,28,.15) 42%, rgba(255,255,255,.05) 100%);

}

/* 3. 右侧表单卡片 (大圆角 + 阴影) */
.yt-contact-right {
    padding: 0.6rem;
    border-radius: 0.4rem; /* 显著的大圆角，复刻参考图 */
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.12); /* 柔和且宽广的现代阴影 */
}

/* 4. 重叠偏移类 (核心破形逻辑) */
.yt-overlap-card {
    /* 将卡片整体向下偏移 1rem，使其刚好跨越图片的底部边界 */
    transform: translateY(0.6rem); 

	/* background-image:

	  radial-gradient(circle at 90% 10%, rgba(0,149,68,.10), transparent 28%),

	  linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%),

	  repeating-linear-gradient(

	    135deg,

	    rgba(0,149,68,.035) 0px,

	    rgba(0,149,68,.035) 1px,

	    transparent 1px,

	    transparent 12px

	  ); */

	background:
	  radial-gradient(circle at 90% 10%, rgba(0,149,68,.10), transparent 28%),
	  linear-gradient(180deg, rgb(255,255,255,.5) 0%, rgb(248,251,249,.75) 100%),url('../images/yt-overlap-card-bg.jpg') center/cover no-repeat;;


	box-shadow: 0 24px 70px rgba(0, 34, 20, .18);


}

/* 右上角装饰圆环 */
.yt-contact-circle {
    width: 0.25rem;
    height: 0.25rem;
    border: 0.04rem solid var(--theme-color);
    top: 0.5rem;
    right: 0.5rem;
}

/* 表单网格布局 */
.yt-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
}

/* 输入框与文本域 */
.yt-input,
.yt-textarea {
    width: 100%;
    border: 0.01rem solid #e5e5e5;
    border-radius: 0.05rem;
    padding: 0.15rem 0.2rem;
    font-size: var(--f14);
    color: #333;
    background: #fff;
    font-family: inherit;
}
.yt-textarea {
    resize: vertical;
    min-height: 1.6rem;
}
.yt-input::placeholder,
.yt-textarea::placeholder {
    color: #aaa;
}
.yt-input:focus,
.yt-textarea:focus {
    border-color: var(--theme-color);
    outline: none;
    box-shadow: 0 0 0 0.03rem rgba(var(--theme-color-rgb, 0, 150, 50), 0.1);
}

/* 提交按钮 (胶囊形空心设计) */
.yt-submit-btn {
    border: 0.02rem solid var(--theme-color);
    border-radius: 0.4rem; /* 胶囊圆角 */
    padding: 0.12rem 0.4rem;
    min-width: 1.5rem;
}
.yt-submit-btn:hover {
    background: var(--theme-color);

	border-color: var(--theme-color);
    color: #fff;
    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.1);
}

/* 提交提示文案 */
.yt-submit-tips {
    max-width: 2.5rem;
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    /* 平板端：左右结构改为上下堆叠 */
    .yt-home-contact .f-jsb { flex-direction: column; align-items: flex-start; }
    .yt-contact-left { width: 100%; padding-right: 0; margin-bottom: 0.5rem; }
    .yt-contact-right { width: 100%; }
    
    /* 移动端稍微减小下沉幅度 */
    .yt-overlap-card { transform: translateY(0.5rem); }
}

@media screen and (max-width: 600px) {
    /* 手机端：表单卡片内边距减小 */
    .yt-contact-right { padding: 0.3rem; border-radius: 0.2rem; }
    .yt-contact-circle { top: 0.3rem; right: 0.3rem; }
    
    /* 手机端：输入框网格改为单列 */
    .yt-form-grid { grid-template-columns: 1fr; gap: 0.15rem; }
    
    /* 手机端：按钮与提示文案换行 */
    .yt-submit-btn { width: 100%; margin-bottom: 0.15rem; }
    .yt-submit-tips { margin-left: 0; max-width: 100%; text-align: center; }
}


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



/* ---------- Tab 切换按钮 ---------- */
.yt-home-news-tab {
    padding: 0.16rem 0.5rem;
    color: #666;

	min-width: 1.85rem;
}
.yt-home-news-tab:hover {
    color: var(--theme-color);
}
.yt-home-news-tab.active {
    background-color: var(--theme-color);
    color: #fff;
    box-shadow: 0 0.05rem 0.15rem rgba(var(--theme-color-rgb), 0.3);
}

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

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

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

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

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





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

	.yt-home-news-tab { padding: 0.24rem 0.7rem; font-size: 14px; }
}




/* ==================== Section: Sustainability ==================== */

/* ---------- 整体布局 ---------- */
.yt-home-sus-story {
    width: 42%;
}
.yt-home-sus-grid {
    width: 55%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
}

/* ---------- 左侧：品牌宣言卡片 ---------- */
.yt-home-sus-bg img {

	width: 100%;

	height: 100%;

	object-fit: cover;
    /* opacity: 0.4; /* 降低背景图透明度，使其成为暗纹 */ */
    mix-blend-mode: multiply; /* 与主题色混合，质感更好 */
}
.yt-home-sus-mask {
    /* 渐变遮罩：从主题色渐变到半透明，确保文字可读性 */
    background: linear-gradient(135deg,rgba(var(--theme-color-rgb), 1) 0%, rgba(var(--theme-color-rgb), 0.5) 100%);
   /* background:

        radial-gradient(circle at 82% 16%, rgba(255,255,255,.22), transparent 32%),

        radial-gradient(circle at 18% 88%, rgba(0,85,42,.2), transparent 36%),

        linear-gradient(135deg, #009544 0%, #00833e 52%, #00a852 100%); */

	/* background: linear-gradient(135deg, #008C42 0%, #007A38 55%, #00A34D 100%); */

	z-index: 1;
}

/* .yt-home-sus-mask::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 24%, transparent 42%),
    radial-gradient(circle at 10% 90%, rgba(0,88,40,0.22) 0%, transparent 38%),
    linear-gradient(135deg, rgba(0,149,68,0.88) 0%, rgba(0,137,62,0.82) 48%, rgba(0,111,52,0.88) 100%);
  pointer-events: none;
} */

/* .yt-home-sus-mask::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.06) 34%,
      transparent 62%
    );

	
  pointer-events: none;
} */


/* 按钮样式 */
.yt-home-sus-btn {
    display: inline-flex; /* 使按钮宽度适应文字 */
    padding: 0.15rem 0.35rem;
    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.1);
}
.yt-home-sus-btn:hover {
    background-color: var(--color-dark);
    color: #fff;
    transform: translateY(-0.03rem);
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.15);
}
.yt-home-sus-btn:hover svg {
    transform: translateX(0.05rem);
}

/* ---------- 右侧：四大支柱卡片 ---------- */
.yt-home-sus-card {
    border: 1px solid #eee;
    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.02);
}
.yt-home-sus-icon {
    width: 0.6rem;
    height: 0.6rem;

	background-color: #fff !important;
}

.yt-home-sus-icon img{

	max-width: 80%;

}

/* 卡片悬停动效 (高级感来源) */
.yt-home-sus-card:hover {
    border-color: rgba(var(--theme-color-rgb), 0.3);
    box-shadow: 0 0.15rem 0.4rem rgba(var(--theme-color-rgb), 0.08);
    transform: translateY(-0.05rem);
}
.yt-home-sus-card:hover .yt-home-sus-icon {
    background-color: var(--theme-color);
    color: #fff;
    transform: scale(1.1);
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1200px) {
    .yt-home-sus-story { width: 45%; padding: 0.4rem; }
    .yt-home-sus-grid { width: 52%; }
}

@media screen and (max-width: 1000px) {
    .yt-home-sus-layout { flex-direction: column; }
    .yt-home-sus-story { width: 100%; margin-bottom: 0.4rem; }
    .yt-home-sus-grid { width: 100%; }
}

@media screen and (max-width: 600px) {
    .yt-home-sus-grid { grid-template-columns: 1fr; /* 手机端变为单列 */ }
    .yt-home-sus-story { padding: 0.4rem 0.3rem; }
    .yt-home-sus-btn { width: 100%; } /* 手机端按钮通栏 */
}



/* ==================== Section: Sustainability V2 ==================== */

/* ---------- 背景与遮罩 ---------- */
.yt-home-sus-v2-bg img {
    object-fit: cover;
    object-position: center;
}
/* 悬停时背景图缓慢放大，增加沉浸感 */
.yt-home-sus-v2:hover .yt-home-sus-v2-bg img {
    transform: scale(1.05);
}

/* 遮罩层：使用深蓝色/黑色渐变，凸显高级感和科技感 */
.yt-home-sus-v2-mask {
    background: linear-gradient(to bottom, rgba(0, 19, 34, 0.7) 0%, rgba(0, 19, 34, 0.9) 100%);
}

/* ---------- 按钮样式 ---------- */
.yt-home-sus-v2-btn {
    display: inline-flex;
    padding: 0.15rem 0.4rem;
    border: 1px solid var(--theme-color);
}
.yt-home-sus-v2-btn:hover {
    background-color: transparent;
    color: var(--theme-color);
}
.yt-home-sus-v2-btn:hover svg {
    transform: translateX(0.05rem);
}

/* ---------- 底部四大支柱 (极简图标) ---------- */
.yt-home-sus-v2-pillars {
    border-top: 1px solid rgba(255, 255, 255, 0.15); /* 半透明分割线 */
}

.yt-home-sus-v2-pillar {
    width: 22%;
    padding: 0.2rem 0;
}

/* 图标基础样式：透明底，白色边框 */
.yt-home-sus-v2-icon {
    width: 0.8rem;
    height: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
}

/* 悬停动效：图标亮起，文字变色 */
.yt-home-sus-v2-pillar:hover {
    transform: translateY(-0.05rem);
}
.yt-home-sus-v2-pillar:hover .yt-home-sus-v2-icon {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    box-shadow: 0 0 0.2rem rgba(var(--theme-color-rgb), 0.5);
    transform: scale(1.1);
}
.yt-home-sus-v2-pillar:hover h3 {
    color: var(--theme-color);
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    .yt-home-sus-v2-pillars {
        flex-wrap: wrap;
    }
    .yt-home-sus-v2-pillar {
        width: 48%;
        margin-bottom: 0.3rem;
    }
}

@media screen and (max-width: 600px) {
    .yt-home-sus-v2-text h2 {
        font-size: 0.36rem;
    }
    .yt-home-sus-v2-pillar {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 0.3rem;
    }
    .yt-home-sus-v2-pillar:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
}


/* ==================== Section: Global Partners ==================== */



/* .yt-home-partners{

	 background:

	    radial-gradient(circle at 80% 20%, rgba(0,149,68,.08), transparent 26%),

	    radial-gradient(circle at 15% 75%, rgba(0,149,68,.06), transparent 24%),

	    linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%);

	  position: relative;

} */

.yt-home-partners{

	position: relative;

	background-color: #f8f9f9;

}

.yt-home-partners::after{

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: #f8f9f9 url('/wp-content/uploads/2026/07/yt-home-partners-bg-01.webp') no-repeat center/cover;

	z-index: 1;

	mix-blend-mode: multiply;

}

.yt-home-partners div{

	position: relative;

	z-index: 3;

}



.yt-home-partners::before {
 /* content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0,149,68,.12) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: .22;
  pointer-events: none; */
}

/* 右侧数据背书分割线 */
.yt-partner-stat {
    border-left: 0.02rem solid var(--theme-color);
}

/* ---------- 走马灯核心布局 ---------- */
.yt-marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}
/* 两侧渐变遮罩，让 Logo 滚入滚出时有羽化消失的高级感 */
.yt-marquee-container::before,
.yt-marquee-container::after {
    content: '';
    position: absolute;
    top: 0;
    width: 2.5rem;
    height: 100%;
    z-index: 2;
    pointer-events: none; /* 防止遮罩阻挡鼠标悬停事件 */
}
.yt-marquee-container::before {
    left: 0;
    background: linear-gradient(to right, #f8f8f8, transparent);
}
.yt-marquee-container::after {
    right: 0;
    background: linear-gradient(to left, #f8f8f8, transparent);
}

.yt-marquee-row {
    display: flex;
    width: max-content;
}
.yt-marquee-track {
    display: flex;
    width: max-content;
}
/* 每一组的间距必须与内部元素的 gap 保持一致，这样 50% 位移时才能完美重合 */
.yt-marquee-group {
    display: flex;
    gap: 0.3rem;
    padding-right: 0.3rem; 
}

/* ---------- 动画定义 ---------- */
/* 调整 35s 可以改变滚动速度，时间越长越慢 */
.track-left { animation: marquee-left 35s linear infinite; }
.track-right { animation: marquee-right 35s linear infinite; }

/* 鼠标悬停时暂停滚动 */
.yt-marquee-row:hover .track-left,
.yt-marquee-row:hover .track-right {
    animation-play-state: paused;
}

@keyframes marquee-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* 精确向左移动一半的距离 */
}
@keyframes marquee-right {
    0% { transform: translateX(-50%); } /* 从一半的位置开始 */
    100% { transform: translateX(0); }  /* 向右移动到起点 */
}

/* ---------- Logo 圆形卡片 ---------- */
.yt-partner-logo {
    width: 1.8rem;
    height: 1.8rem;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.1rem 0.25rem rgba(0,0,0,0.04);
    flex-shrink: 0;
    padding: 0.15rem;
    transition: all 0.3s ease;
    cursor: pointer;
}
.yt-partner-logo:hover {
    box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.08);
    transform: translateY(-0.05rem);
}
.yt-partner-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* 默认灰度，悬停变彩色 (大厂常用处理手法) */
    /* filter: grayscale(100%) opacity(0.7); */
    transition: all 0.3s ease;
}
.yt-partner-logo:hover img {
    filter: grayscale(0%) opacity(1);
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    /* 移动端头部左右分行 */
    .yt-home-partners .w60 { width: 100%; margin-bottom: 0.4rem; }
    .yt-partner-stat { 
        border-left: none; 
        padding-left: 0; 
        border-top: 0.02rem solid #ddd; 
        padding-top: 0.3rem; 
        width: 100%; 
    }
    
    /* 移动端缩小 Logo 尺寸 */
    .yt-partner-logo { width: 1.4rem; height: 1.4rem; padding: 0.2rem; }
    
    /* 移动端遮罩变窄 */
    .yt-marquee-container::before,
    .yt-marquee-container::after { width: 1rem; }
}




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





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



/* 产品列表 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; }
.w72{width: 72%;}
/* ==================== 左侧边栏导航 (Sidebar) ========================= */
/* .sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
}

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

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

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

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



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

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

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

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

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

/* 菜单文字链接 */
.bl-pro-menu .menu-head a {
    flex: 1;
    font-size: var(--f18);
    font-weight: 600;
    color: #333;
    transition: color 0.3s ease;
}

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

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

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

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

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

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

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

/* ==================== 右侧产品网格 (Product List Grid) ========================= */
.bl-pro-grid {
	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	align-items: flex-start;

	gap: 0.3rem;
}

.bl-pro-grid .des{

	height: 3em;

}
.bl-pro-card { border: 1px solid transparent; }
.bl-pro-card:hover { border-color: var(--theme-color); transform: translateY(-8px); }
.bl-pro-card:hover h3 { color: var(--theme-color); }

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

/* 产品详情 s */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	border-radius: 0;

}

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

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

	color: #fff;
}


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



.bl-pro-detail-article p:not(:last-child){

	margin-bottom: 1em;

}



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

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

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

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

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

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

.bl-pro-detail-article table th p, 
.bl-pro-detail-article table td p{

	margin-bottom: 0 !important;

}
.bl-pro-detail-article tbody tr:hover {
    background-color: #f9f9f9;
}



/* 针对 Firefox 浏览器 */
.bl-pro-detail-article .scroll{
    scrollbar-width: thin; /* 设为细滚动条 */
    scrollbar-color: #d1d5db transparent; /* 滑块颜色 轨道颜色 */

	padding-bottom: 0.1rem;
}

/* 针对 Chrome, Edge, Safari 等 WebKit 浏览器 */
.bl-pro-detail-article .scroll::-webkit-scrollbar {
    height: 6px; /* 控制水平滚动条的高度（粗细） */
    width: 6px;  /* 控制垂直滚动条的宽度（如果有的话） */
}

/* 滚动条的轨道（背景） */
.bl-pro-detail-article .scroll::-webkit-scrollbar-track {
    background: transparent; /* 轨道透明，显得更干净 */
    border-radius: 10px;
}

/* 滚动条的滑块 */
.bl-pro-detail-article .scroll::-webkit-scrollbar-thumb {
    background: #d1d5db; /* 默认浅灰色滑块 */
    border-radius: 10px; /* 圆角设计，更现代 */
    transition: background 0.3s ease;
}

/* 鼠标悬停在滑块上时的颜色 */
.bl-pro-detail-article .scroll::-webkit-scrollbar-thumb:hover {
    background: #9ca3af; /* 悬停时颜色稍微加深 */
}

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

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



.bl-pro-rel-slider  .swiper-wrapper{

	padding-top: 0.1rem;

}

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

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

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

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



/* ==================== 产品详情媒体区：视频封面 + 图片切换 ========================= */

.bl-pro-media-main {
    position: relative;
    width: 100%;
    background-color: #fff;
}

/* 保持主显示区域为正方形 */
.bl-pro-media-main::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.bl-pro-main-item {
    position: absolute;
    inset: 0;
    display: none;
    background-color: #fff;
}

.bl-pro-main-item.active {
    display: block;
}

.bl-pro-main-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 主视频封面 */
.bl-pro-main-video {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 给视频封面加一点暗色遮罩，播放按钮更明显 */
.bl-pro-main-video::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    z-index: 1;
}

/* 主区域播放按钮 */
.bl-video-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 0.76rem;
    height: 0.76rem;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 50%;
    background-color: #ff0000;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.bl-video-play-btn i {
    font-size: 0.26rem;
    margin-left: 0.04rem;
}

.bl-video-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.08);
    background-color: #d90000;
}

/* iframe 播放状态 */
.bl-pro-main-video iframe {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    border: none;
}

/* 缩略图基础 */
.bl-pro-gallery-thumbs .swiper-slide,
.bl-media-thumb {
    position: relative;
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0.65;
    transition: all 0s ease;
}

.bl-pro-gallery-thumbs .swiper-slide:hover,
.bl-pro-gallery-thumbs .swiper-slide.active,
.bl-media-thumb.active {
    opacity: 1;
    border-color: var(--theme-color);
}

/* 视频缩略图播放按钮 */
.video-play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.42rem;
    height: 0.42rem;
    transform: translate(-50%, -50%);
    background-color: #ff0000;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

.video-play-icon i {
    font-size: 0.16rem;
    margin-left: 0.03rem;
}

.bl-media-thumb.active .video-play-icon {
    background-color: var(--theme-color);
}

/* 手机端播放按钮稍微缩小 */
@media screen and (max-width: 767px) {
    .bl-video-play-btn {
        width: 0.9rem;
        height: 0.9rem;
    }

    .bl-video-play-btn i {
        font-size: 0.3rem;
    }
}

/* ==================== 产品详情：Downloads 下载区域 ========================= */

.bl-download-list {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.bl-download-item {
    padding: 0.2rem;
    border: 1px solid #eee;
    border-radius: 8px;
    background-color: #fff;
}

.bl-download-item:hover {
    border-color: var(--theme-color);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

.bl-download-icon {
    width: 0.54rem;
    height: 0.54rem;
    min-width: 0.54rem;
    margin-right: 0.18rem;
    background-color: rgba(1, 84, 164, 0.08);
    color: var(--theme-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bl-download-icon i {
    font-size: 0.24rem;
}

.bl-download-btn {
    color: var(--theme-color);
    white-space: nowrap;
    margin-left: 0.2rem;
}

.bl-download-item:hover .bl-download-btn {
    color: var(--sec-theme-color);
}

@media screen and (max-width: 767px) {
    .bl-download-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .bl-download-btn {
        margin-left: 0;
        margin-top: 0.15rem;
    }
}





/* ==================== 底部留言表单 (Inquiry Form) ========================= */
.bl-pro-inquiry-form input, 
.bl-pro-inquiry-form textarea { 
    border: 1px solid transparent !important; 
    transition: all 0.3s ease; 
    outline: none;

	background-color: #F5F5F5;

	border-radius: 0 !important;
}

.bl-pro-inquiry-form input.w48{

	width: 48%;

}
.bl-pro-inquiry-form input:focus, 
.bl-pro-inquiry-form textarea:focus { 
    border-color: var(--theme-color); 
    background-color: #fff; 
    box-shadow: 0 0 10px rgba(var(--theme-color-rgb), 0.1); 
}
.bl-pro-inquiry-form form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit{
	    padding: 0.15rem 0.4rem;
	    background-color: var(--theme-color);
	    color: #fff;
	    border-radius: 50px;
	    border: 2px solid var(--theme-color);
}
.bl-pro-inquiry-form form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit:hover{
	background-color: var(--sec-theme-color);
	border-color: var(--sec-theme-color);
}





/* 产品详情 e */



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

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

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

	/* .bl-pro-card h3{font-size: 0.36rem;} */

	.bl-pro-btn{padding: 0.15rem 0.45rem;}
}







/* ==========================================
   IGOTO About Us 页面专属样式
   ========================================== */

/* 基础颜色与背景补充 */
.igoto-color-theme { color: var(--theme-color, #009544); }
.igoto-color-dark { color: #222222; }
.igoto-color-gray { color: #666666; }
.igoto-color-light-gray { color: #999999; }
.igoto-bg-theme { background-color: var(--theme-color, #009544); }
.igoto-bg-f8 { background-color: #f8f9f9; }
.igoto-bg-dark-blue { background-color: #1a1e28; } /* 发展历程深色背景 */

/* 按钮样式 */
.igoto-btn-primary { background-color: var(--theme-color, #009544); color: #ffffff; border: 1px solid var(--theme-color, #009544); }
.igoto-btn-primary:hover { background-color: #007a38; border-color: #007a38; color: #ffffff; }
.igoto-btn-outline { background-color: transparent; color: var(--theme-color, #009544); border: 1px solid var(--theme-color, #009544); }
.igoto-btn-outline:hover { background-color: var(--theme-color, #009544); color: #ffffff; }
.igoto-btn-white { background-color: #ffffff; color: var(--theme-color, #009544); border: 1px solid #ffffff; }
.igoto-btn-white:hover { background-color: #f0f0f0; color: var(--theme-color, #009544); }
.igoto-btn-outline-white { background-color: transparent; color: #ffffff; border: 1px solid #ffffff; }
.igoto-btn-outline-white:hover { background-color: #ffffff; color: var(--theme-color, #009544); }


.igoto-info p+p{

	margin-top: 1em;

}


/* 企业文化卡片悬停特效 (Driven by Quality) */
.igoto-culture-card { transition: all 0.4s ease; position: relative; overflow: hidden; z-index: 1; /* border: 1px solid #eeeeee; */ }
.igoto-culture-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: all 0.4s ease; z-index: -1; }
.igoto-culture-card:hover { border-color: transparent; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.15); }
.igoto-culture-card:hover .igoto-culture-bg { opacity: 1; }
/* 悬停时文字和图标变白 */
.igoto-culture-card:hover .igoto-color-dark,
.igoto-culture-card:hover .igoto-color-gray,
.igoto-culture-card:hover .igoto-color-theme,
.igoto-culture-card:hover .igoto-color-light-gray { color: #ffffff !important; }
.igoto-culture-ico{}

.igoto-culture-ico img{width: 0.8rem;}

.igoto-culture-card:hover .igoto-culture-ico img{

	position: relative;

	filter: drop-shadow(100vw 0px 0 white);

	-webkit-filter: drop-shadow(100vw 0px 0 white);

	right: 100vw;

}



/* ==========================================
   新版数据统计板块 (带分割线款)
   ========================================== */

.gap-30{gap: 0.3rem;}
.igoto-stat-box { width: 23%; }
.igoto-stat-icon { margin-top: 0.1rem;width: 0.64rem; /* 固定图标容器宽度，确保对齐 */ text-align: center; }
.igoto-stat-divider { height: 1px; background-color: #e0e0e0; }
.igoto-stat-icon img{width: 0.64rem;}
/* 响应式适配 */
@media screen and (max-width: 992px) {
    .igoto-stat-box { width: 48%; margin-bottom: 40px; }
}
@media screen and (max-width: 576px) {
    .igoto-stat-box { width: 100%; margin-bottom: 30px; }
    .igoto-stat-box:last-child { margin-bottom: 0; }
}



/* 发展历程时间轴样式 (Swiper) */
.igoto-timeline-wrap { position: relative; padding-top: 40px; }
.igoto-timeline-line { position: absolute; top: 49px; left: 0; width: 100%; height: 2px; background-color: rgba(255,255,255,0.2); z-index: 1; }
.igoto-timeline-dot { width: 20px; height: 20px; background-color: var(--theme-color, #009544); border: 4px solid #ffffff; border-radius: 50%; position: relative; z-index: 2; margin: 0 auto 20px; }
.igoto-timeline-item { text-align: center; }


/* ==========================================
   发展历程 V2 (横向时间轴轮播)
   ========================================== */
.igoto-ms-v2-sec { /* background-color: #f4f8fb; */overflow: hidden; }/* 导航按钮 */
.igoto-ms-nav-btn { width: 46px; height: 46px; border: 1px solid #cccccc; border-radius: 50%; color: #333333; transition: 0.3s; cursor: pointer; }
.igoto-ms-nav-btn:hover { border-color: var(--theme-color, #009544); color: var(--theme-color, #009544); }/* 时间轴轨道与节点 */
.igoto-ms-track { height: 12px; }
.igoto-ms-line { height: 1px; background-color: #cccccc; top: 5px; left: 0; }
.igoto-ms-line-progress { height: 2px; background-color: var(--theme-color, #009544); top: 5px; left: 0; width: 0; transition: 0.3s ease; z-index: 1; }
.igoto-ms-dot { width: 8px; height: 8px; background-color: #1a1e28; border-radius: 50%; top: 1px; left: 0; z-index: 2; transition: 0.3s ease; }/* 卡片悬停/激活特效 (还原截图中的绿色高亮效果) */
.igoto-ms-card { padding-right: 40px; } /* 右侧留白，让线条贯穿 */
.igoto-ms-card:hover .igoto-ms-year { color: var(--theme-color, #009544); }
.igoto-ms-card:hover .igoto-ms-dot { background-color: var(--theme-color, #009544); transform: scale(1.5); box-shadow: 0 0 0 4px rgba(0, 149, 68, 0.2); }
.igoto-ms-card:hover .igoto-ms-line-progress { width: 100%; } /* 悬停时伸出一段绿色进度条 *//* 底部产品图占位 */
.igoto-ms-img-box {  transition: 0.3s; margin-top: 40px; }
.igoto-ms-card:hover .igoto-ms-img-box {  transform: translateY(-5px); }/* 响应式适配 */

.igoto-ms-box{flex: 1 1 0%;}

.igoto-ms-info{min-height: 6em;}

/* Swiper 导航按钮禁用状态 */
.igoto-ms-nav-btn.swiper-button-disabled { opacity: 0.4; cursor: not-allowed; border-color: #eeeeee; color: #cccccc; }
.igoto-ms-nav-btn.swiper-button-disabled:hover { border-color: #eeeeee; color: #cccccc; background-color: transparent; }
@media screen and (max-width: 992px) {
    .igoto-ms-card { padding-right: 20px; }
}
/* ==========================================
   优化版 Why Choose Us 板块
   ========================================== */
/* 整个板块使用淡蓝灰背景，区分上下白色板块 */
.igoto-choose-sec { background-color: #f4f8fb; } 

/* 卡片基础样式与悬停上浮 */
.igoto-choose-card { background-color: #ffffff; transition: all 0.4s ease; border: 1px solid transparent; }
.igoto-choose-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.08); border-color: var(--theme-color, #009544); }

/* 图标底座样式 */
.igoto-choose-icon-box { width: 64px; height: 64px; background-color: #e6f4ec; border-radius: 50%; color: var(--theme-color, #009544); transition: all 0.4s ease; }

/* 鼠标悬停卡片时，图标底座反色 */
.igoto-choose-card:hover .igoto-choose-icon-box { background-color: var(--theme-color, #009544); color: #ffffff; }

/* 响应式适配 */
@media screen and (max-width: 992px) {
    .igoto-choose-card { width: 48%; }
}
@media screen and (max-width: 768px) {
    .igoto-choose-card { width: 100%; }
}


/* ==========================================
   团队板块 V4.1 (无边框，高级质感悬浮卡片)
   ========================================== */
.igoto-team-v4-sec { background-color: #f8f9f9; }

/* 左侧选项卡片基础样式 (移除边框) */
.igoto-team-tab { padding: 30px; border-radius: 12px; cursor: pointer; transition: all 0.4s ease; background-color: transparent; }
.igoto-team-tab:hover { background-color: rgba(255,255,255,0.6); }

/* 左侧选项卡片激活状态 (纯白背景 + 柔和阴影) */
.igoto-team-tab.active { background-color: #ffffff; box-shadow: 0 20px 40px rgba(0,0,0,0.04); transform: translateX(5px); }

/* 图标底座样式 */
.igoto-tab-icon { width: 56px; height: 56px; border-radius: 50%; background-color: #ffffff; color: #999999; transition: all 0.4s ease; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.03); }

/* 激活状态下的图标 (底座变主题色，图标变白) */
.igoto-team-tab.active .igoto-tab-icon { background-color: var(--theme-color, #009544); color: #ffffff; box-shadow: 0 8px 20px rgba(0, 149, 68, 0.2); }

/* 标题激活变色 */
.igoto-team-tab.active h3 { color: var(--theme-color, #009544); }

/* 右侧图片切换特效：淡入淡出 + 轻微缩放 */
.igoto-team-switch-img { opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1.05); z-index: 1; }
.igoto-team-switch-img.active { opacity: 1; visibility: visible; transform: scale(1); z-index: 2; }

/* 响应式适配 */
@media screen and (max-width: 992px) {
    .igoto-team-v4-sec .igoto-container { flex-direction: column; }
    .igoto-team-v4-left, .igoto-team-v4-right { width: 100%; }
    .igoto-team-v4-left { margin-bottom: 40px; }
    .igoto-team-tab { padding: 20px; transform: none !important; }
}



/* 团队介绍左侧列表边框 */
/* .igoto-team-item { border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 20px; }
.igoto-team-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; */}

/* 合作伙伴 Logo 占位 */
.igoto-partner-logo { height: 80px; background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 40px; display: flex; justify-content: center; align-items: center; color: #999; font-weight: bold; }

/* 底部 CTA 背景图叠加层 */
.igoto-cta-sec { position: relative; z-index: 1; }
.igoto-cta-sec::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 149, 68, 0.9);     background: linear-gradient(90deg, rgba(0, 19, 34, 0.95) 0%, rgba(0, 149, 68, 0.7) 100%);z-index: -1; }

/* ================== 响应式适配 ================== */
@media screen and (max-width: 1200px) {
    .igoto-hero-left, .igoto-hero-right { width: 100%; margin-bottom: 30px; }
    .igoto-hero-sec .igoto-container { flex-direction: column; }
    .igoto-stats-wrap { flex-wrap: wrap; }
    /* .igoto-stat-item { width: 30%; margin-bottom: 30px; } */
}
@media screen and (max-width: 992px) {
    .igoto-who-left, .igoto-who-right { width: 100%; margin-bottom: 30px; }
    .igoto-who-sec .flex.f-jsb.f-as { flex-direction: column; }
    .igoto-culture-card { width: 100%; margin-bottom: 20px; }
    /* .igoto-team-left, .igoto-team-right { width: 100%; margin-bottom: 30px; } */
    /* .igoto-team-sec .igoto-container { flex-direction: column; } */
    .igoto-reliable-card { width: 100%; margin-bottom: 30px; }
}
@media screen and (max-width: 768px) {
    /* .igoto-stat-item { width: 48%; } */
    .igoto-cta-btns { flex-direction: column; }

	.igoto-cta-sec h2,.igoto-cta-sec p{

		width: 100%;

	}
    .igoto-cta-btns .igoto-btn { width: 100%; margin: 0 0 15px 0;padding: 0.25rem 0.5rem; ;text-align: center; justify-content: center; }
}

.vr-btn{
	display: inline-flex; align-items: center; font-size: var(--f16);
}
.vr-btn:hover{
	color: #fff !important;
}
/* ==================== 404 Page Styles ==================== */
.yt-404-wrap {
    min-height: 75vh;
    padding: 100px 0;
}

.yt-404-bg {
	background-color: #f8f8f8; /* 底色 */
	background-image: 
		/* 第一层：右上角投射的强光束 */
		linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, 0.8) 25%, transparent 30%),
		/* 第二层：左侧投射的弱光束 */
		linear-gradient(75deg, transparent 60%, rgba(255, 255, 255, 0.5) 65%, transparent 70%),
		/* 第三层：底部的全局微渐变，增加整体立体感 */
		linear-gradient(to bottom right, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.05));
	opacity: 1;
}

.yt-404-title {
    font-size: 150px;
    text-shadow: 0 15px 35px rgba(var(--theme-color-rgb), 0.15);
    letter-spacing: -2px;
}

@media screen and (max-width: 768px) {
    .yt-404-title { font-size: 100px; }
    .yt-404-btns { flex-direction: column; width: 100%; }
    .yt-404-btns a { width: 100%; justify-content: center; }
}

/* ==================== VR Page Styles ==================== */
.border-bottom-white-1 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.border-left-white-2 { border-left: 2px solid rgba(255, 255, 255, 0.1); }
.hidden-xs { display: block; }

/* VR 容器高度计算 (100vh 减去 Header 和 标题栏的高度，假设为 140px) */
.yt-vr-container {
    height: calc(100vh - 150px);
    min-height: 600px;
}

/* VR Loading 居中定位 */
.yt-vr-loading-wrap {
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* VR 页面专属 Loader 动画 */
.yt-vr-loader {
    width: 48px;
    height: 48px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    border-top-color: var(--theme-color);
    animation: yt-spin 1s ease-in-out infinite;
}

/* VR Iframe 去除边框 */
.yt-vr-iframe {
    border: none;
}

@keyframes yt-spin {
    to { transform: rotate(360deg); }
}

/* 响应式适配 */
@media screen and (max-width: 768px) {
    .hidden-xs { display: none !important; }
    /* 手机端高度适当减小 */
    .yt-vr-container { height: calc(100vh - 120px) !important; min-height: 400px; }
}
/* ==================== 悬浮右侧联系栏 Styles ==================== */

/* 侧边栏定位 */
.yt-float-sidebar {
    position: fixed;
    right: 25px;
    bottom: 15vh; /* 距离底部 15% 的视窗高度，方便手机端点击 */
    z-index: 999;
}

/* 间距辅助类补充 (如果您的基础库没有) */
.gap-15 { gap: 15px; }

/* 按钮基础样式 */
.yt-float-btn {
    width: 54px;
    height: 54px;
    color: var(--color-dark, #333);
}

/* 提示框 (Tooltip) 基础样式 */
.yt-float-tooltip {
    right: 70px; /* 默认靠左隐藏 */
    height: 36px;
    padding: 0 16px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translateX(15px); /* 初始向右偏移一点 */
    pointer-events: none; /* 防止遮挡鼠标事件 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Tooltip 右侧的小三角形 */
.yt-float-tooltip::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 6px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

/* ========== 悬停交互动效 ========== */

/* 鼠标移入时，显示 Tooltip 并平滑滑入 */
.yt-float-btn:hover .yt-float-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* 1. WhatsApp 专属配色 (#25D366) */
.yt-float-wa { background-color: var(--theme-color); }
.yt-float-wa .yt-float-icon { color: #fff; }
.yt-float-wa .yt-float-tooltip { background-color: var(--theme-color); }
.yt-float-wa .yt-float-tooltip::after { border-left-color: var(--theme-color); }

/* 2. Email 专属配色 (使用您的主题色) */
.yt-float-email { background-color: var(--theme-color); }
.yt-float-email .yt-float-icon { color: #fff; }
.yt-float-email .yt-float-tooltip { background-color: var(--theme-color); }
.yt-float-email .yt-float-tooltip::after { border-left-color: var(--theme-color); }

/* 3. Back to Top 专属配色 (深色) */
.yt-float-top { background-color: var(--color-dark, #222); }
.yt-float-top .yt-float-icon { color: #fff; }
.yt-float-top .yt-float-tooltip { background-color: var(--color-dark, #222); }
.yt-float-top .yt-float-tooltip::after { border-left-color: var(--color-dark, #222); }

/* ========== 响应式适配 ========== */
@media screen and (max-width: 768px) {
	.yt-float-btn{
		width: 42px;
		height: 42px;
	}
    .yt-float-sidebar {
        right: 15px;
        bottom: 10vh;
        transform: scale(0.9); /* 手机端稍微缩小一点 */
        transform-origin: right bottom;
    }
    /* 手机端隐藏 Tooltip，保持界面清爽 */
    .yt-float-tooltip { display: none !important; }
}


/* ==================== Manufacturing Page Styles ==================== */

/* 基础辅助 */
.yt-container { max-width: 1600px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; width: 100%; }
.yt-bg-cover { background-size: cover; background-position: center; background-repeat: no-repeat; }
.yt-translate-y-center { transform: translateY(-50%); }

/* 字体变量降级保护 (如果基础库没有这些变量，这里提供保底) */
.yt-f48 { font-size: var(--f48, 0.48rem); }
.yt-f40 { font-size: var(--f40, 0.4rem); }
.yt-f36 { font-size: var(--f36, 0.36rem); }
.yt-f24 { font-size: var(--f24, 0.24rem); }
.yt-f20 { font-size: var(--f20, 0.2rem); }
.yt-f18 { font-size: var(--f18, 0.18rem); }
.yt-f16 { font-size: var(--f16, 0.16rem); }
.yt-f15 { font-size: var(--f15, 0.15rem); }
.yt-f14 { font-size: var(--f14, 0.14rem); }

/* 比例控制 (替代 rect- 类) */
.yt-aspect-16-9 { aspect-ratio: 16 / 9; }
.yt-aspect-4-3 { aspect-ratio: 4 / 3; }

.yt-aspect-3-2 { aspect-ratio: 3 / 2; }

.yt-aspect-2-1 { aspect-ratio: 2 / 1; }

/* Grid 布局 */


.yt-grid-6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.yt-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.yt-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.yt-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gap-20 { gap: 0.2rem; }
.gap-30 { gap: 0.3rem; }

/* 边框与修饰 */
.border-white-1 { border: 1px solid rgba(255, 255, 255, 0.1); }
.border-top-theme-3 { border-top: 3px solid var(--theme-color); }
.border-white { border: 2px solid #fff; }

.hover-bg-white:hover{

	background-color: #fff;

}





/* 交互动效 */
.hover-bg-theme:hover { background-color: var(--theme-color) !important; border-color: var(--theme-color) !important; }
.group-hover-color-white { transition: color 0.3s ease; }
.group:hover .group-hover-color-white { color: #fff !important; }
.group-hover-color-theme { transition: color 0.3s ease; }
.group:hover .group-hover-color-theme { color: var(--theme-color) !important; }

/* 生产流程卡片悬停 */
.yt-process-card:hover .yt-step-num { color: var(--theme-color); transform: translateX(5px); }
.w-60{width: 0.6rem;}

.h-60{height: 0.6rem;}
/* 缩略图激活状态 */

.yt-tour-thumb-swiper .swiper-slide { opacity: 0.6; transition: all 0.3s ease; }
.yt-tour-thumb-swiper .swiper-slide:hover { opacity: 1; }

.yt-tour-thumb-swiper .swiper-slide-thumb-active { border-color: var(--theme-color); opacity: 1; }
.yt-mfg-tour-ico img{width: 0.64rem;}

.yt-mfg-hero{width: 100%;height: calc(100vh - 100px);}

.w16.mb-40{margin-bottom: var(--sp-40);}

.w16.mb-50{margin-bottom: var(--sp-50);}

.w16.mb-60{margin-bottom: var(--sp-60);}


/* Hero 背景 */
.yt-hero-bg { background-image: url('/wp-content/uploads/2026/07/manufacturing-capacity-bg.webp'); }

.yt-mfg-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.86) 0%,
        rgba(255, 255, 255, 0.80) 22%,
        rgba(255, 255, 255, 0.74) 45%,
        rgba(255, 255, 255, 0.48) 68%,
        rgba(255, 255, 255, 0.22) 100%
    );
}



.yt-mfg-process {
    position: relative;
    overflow: hidden;
}

.yt-mfg-process::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/wp-content/uploads/2026/07/yt-mfg-process-bg.webp');
    background-size: cover;
    background-position: center;
    opacity: 0.12;
    z-index: 0;
}

.yt-mfg-process .yt-container {
    position: relative;
    z-index: 2;
}

/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1200px) {
    .yt-grid-6 { grid-template-columns: repeat(3, 1fr); }
    .yt-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .yt-tour-slide-layout { flex-direction: column; }
    .yt-tour-slide-layout .w65, .yt-tour-slide-layout .w35 { width: 100%; }

	.yt-tour-slide-layout .w35{padding-top: 0.8rem;}
}

@media screen and (max-width: 1000px) {
    .yt-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .yt-mfg-layout { flex-direction: column; }
    .yt-mfg-layout .w48 { width: 100%; margin-bottom: 0.4rem; }
    .yt-pl-0-mob { padding-left: 0 !important; }
}

@media screen and (max-width: 600px) {
    .yt-grid-6, .yt-grid-4, .yt-grid-3, .yt-grid-2 { grid-template-columns: 1fr; }
    .yt-cta-btns { flex-direction: column; width: 100%; }
    .yt-cta-btns a { width: 100%; text-align: center; }
}




/* ==================== Quality Assurance Page Styles ==================== */

/* 基础辅助 */
.yt-container { max-width: 1600px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; width: 100%; }
.yt-bg-cover { background-size: cover; background-position: center; background-repeat: no-repeat; }
.border-white { border: 2px solid #fff; }
.border-right-white-1 { border-right: 1px solid rgba(255, 255, 255, 0.1); }
.border-top-theme-3 { border-top: 3px solid var(--theme-color); }
.h-100 { height: 100%; }
.w-80 { width: 0.8rem; }
.h-80 { height: 0.8rem; }
.w-50 {width: 0.5rem;}

.h-50 {height: 0.5rem;}

.group-hover-bg-theme:hover{

	background-color: var(--theme-color);

}
/* 比例控制 */
.yt-aspect-21-9 { aspect-ratio: 21 / 9; }
.yt-aspect-4-3 { aspect-ratio: 4 / 3; }

/* Grid 布局 */
.yt-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); }
.gap-10 { gap: 0.1rem; }
.gap-20 { gap: 0.2rem; }
.gap-30 { gap: 0.3rem; }

/* 交互动效 */
.hover-bg-theme:hover { background-color: var(--theme-color) !important; }
.hover-color-theme:hover { color: var(--theme-color) !important; }
.hover-color-dark:hover { color: var(--color-dark) !important; }
.yt-qa-nav a.active { color: var(--theme-color); position: relative; }
.yt-qa-nav a.active::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background-color: var(--theme-color); }

/* 追溯流程线 */
.yt-trace-line .group:hover .w-80 { transform: scale(1.1); }



/* ==================== 视频播放按钮及遮罩样式 ==================== */

/* 图片遮罩，让白色播放按钮更突出 */
.yt-video-mask {
    opacity: 0.15;
    z-index: 4;
}

/* 播放按钮基础定位与大小 */
.yt-video-play-btn {
    width: 0.8rem;
    height: 0.8rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

/* 修正播放三角的视觉重心 */
.yt-play-icon {
    margin-left: 4px;
}

/* 视频播放按钮悬停放大动效 (保留居中属性) */
.yt-video-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

/* 图片悬停轻微放大 (配合 group 类使用) */
.group:hover .group-hover-scale {
    transform: scale(1.05);
}


/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1200px) {
    .yt-system-tabs { flex-wrap: wrap; }
    .yt-system-tabs .w25 { width: 50%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: none; }
    .yt-system-tabs .w25:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.1); }
}

@media screen and (max-width: 1000px) {
    .yt-qa-nav { flex-wrap: wrap; justify-content: center; padding: 0.2rem; gap: 0.15rem; }
    .yt-kp-layout, .yt-cert-layout { flex-direction: column; }
    .yt-kp-layout .w50,.yt-kp-layout .w45,.yt-kp-layout .w40, .yt-kp-layout .w55, .yt-cert-layout .w48 { width: 100%; padding-right: 0; margin-bottom: 0.4rem; }
    .yt-kp-nav { position: relative; margin-top: 0.2rem; margin-left: 0 !important; justify-content: center; }
    .yt-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .yt-trace-line { flex-direction: column; gap: 0.4rem; }
    .yt-trace-line .absolute.top-50 { width: 2px; height: 100%; left: 50%; top: 0; transform: translateX(-50%); }
}

@media screen and (max-width: 600px) {
    .yt-grid-3 { grid-template-columns: 1fr; }
    .yt-system-tabs .w25 { width: 100%; border-right: none !important; }
    .yt-hero-btns, .yt-cta-btns { flex-direction: column; width: 100%; }
    .yt-hero-btns a, .yt-cta-btns a { width: 100%; text-align: center; }
}


/* ==================== OEM / ODM Page Styles ==================== */

/* 基础辅助 */
.yt-container { max-width: 1600px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; width: 100%; }
.yt-bg-cover { background-size: cover; background-position: center; background-repeat: no-repeat; }
.yt-translate-y-center { transform: translateY(-50%); }
.backdrop-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* 边框修饰 */
.border-white-solid { border: 1px solid #fff; }
.border-white-1 { border: 1px solid rgba(255, 255, 255, 0.1); }
.border-top-theme-3 { border-top: 3px solid var(--theme-color); }
.bg-theme-light { background-color: rgba(var(--theme-color-rgb), 0.1); }


/* 比例控制 */
.yt-aspect-4-3 { aspect-ratio: 4 / 3; }

/* Grid 布局 */
.yt-grid-6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.yt-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.yt-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.yt-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gap-10 { gap: 0.1rem; }
.gap-15 { gap: 0.15rem; }
.gap-20 { gap: 0.2rem; }
.gap-30 { gap: 0.3rem; }

/* 交互动效 */
.hover-bg-theme:hover { background-color: var(--theme-color) !important; border-color: var(--theme-color) !important; color: #fff !important; }
.hover-bg-white:hover { background-color: #fff !important; }
.hover-color-theme:hover { color: var(--theme-color) !important; }
.hover-color-dark:hover { color: var(--color-dark) !important; }
.group-hover-color-theme { transition: color 0.3s ease; }
.group:hover .group-hover-color-theme { color: var(--theme-color) !important; }
.group-bg-theme-linear{background: linear-gradient(90deg, rgba(0,19,34,0.95) 0%, rgba(0,149,68,0.7) 100%);}


/* 表单交互 */
.focus-border-theme { border: 1px solid transparent; }
.focus-border-theme:focus { border-color: var(--theme-color); background-color: #fff; box-shadow: 0 0 0 3px rgba(var(--theme-color-rgb), 0.1); }
.resize-none { resize: none; }



.yt-oem-hero{height: 100vh;}
/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1200px) {
    .yt-grid-4 { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 1000px) {
    .yt-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .yt-scope-layout, .yt-prod-layout, .yt-cta-layout { flex-direction: column; }
    .yt-scope-layout .w48, .yt-prod-layout .w48, .yt-cta-layout .w40, .yt-cta-layout .w55 { width: 100%; margin-bottom: 0.4rem; }
    .yt-pkg-header { flex-direction: column; align-items: flex-start; gap: 0.2rem; }
    .yt-pkg-header .w60 { width: 100%; }
}

@media screen and (max-width: 600px) {
    .yt-grid-4, .yt-grid-3, .yt-grid-2 { grid-template-columns: 1fr; }
    .yt-hero-btns { flex-direction: column; width: 100%; }
    .yt-hero-btns a { width: 100%; text-align: center; }
    .yt-oem-hero .flex.f-warp { justify-content: center; }
    .yt-cta-layout form .w48 { width: 100%; }
}
/* ==========================================================================
   补充：高级交互动效与辅助类 (OEM 页面升级专用)
   ========================================================================== */

/* 1. 水印大数字 */
.yt-watermark-num {
    font-size: 1.2rem; /* 约 120px，根据 rem 比例自动缩放 */
    line-height: 1;
    opacity: 0.05;
    z-index: 1;
}


.yt-oem-adv .yt-grid-4>div:hover .group-hover-bg-theme,

.yt-oem-process .swiper-slide>div:hover .group-hover-bg-theme,

.yt-oem-why .yt-grid-3>div:hover .group-hover-bg-theme{

	background-color: var(--theme-color);

}



.yt-pro-prev{

	left: -0.6rem !important;

}

.yt-pro-next{

	right: -0.6rem !important;

}
/* 2. 悬停变色过渡 */
.group-hover-color-theme-light { transition: color 0.3s ease; }
.group:hover .group-hover-color-theme-light { color: rgba(var(--theme-color-rgb), 0.15) !important; }

.group-hover-color-6 { transition: color 0.3s ease; }
.group:hover .group-hover-color-6 { color: #666 !important; }

/* 3. 边框高亮 (用于流程卡片) */
.hover-border-theme { border: 1px solid #eee; transition: all 0.3s ease; }
.hover-border-theme:hover { border-color: var(--theme-color); }

/* 4. 卡片悬停上浮动效 */
.yt-hover-up { transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
.yt-hover-up:hover { transform: translateY(-0.08rem); }

/* 5. 高级玻璃拟态背景 (Glassmorphism) */
.backdrop-blur { 
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); 
}




/* ==================== Product Category Page Styles ==================== */

/* ==========================================
   IGOTO Landing Page 完整专属样式
   ========================================== */

/* 颜色与背景 */
.igoto-color-theme { color: var(--theme-color, #009544); }
.igoto-color-dark { color: #222222; }
.igoto-color-gray { color: #666666; }
.igoto-bg-theme { background-color: var(--theme-color, #009544); }
.igoto-bg-dark-green { background-color: #0a3020; }
.igoto-bg-light-green { background-color: #f4f9f6; }
.igoto-bg-f8 { background-color: #f8f9f9; }

/* 按钮与标签 */
.igoto-btn-primary { background-color: var(--theme-color, #009544); color: #ffffff; border: 1px solid var(--theme-color, #009544); }
.igoto-btn-primary:hover { background-color: #007a38; border-color: #007a38; color: #ffffff; }
.igoto-btn-outline { background-color: transparent; color: var(--theme-color, #009544); border: 1px solid var(--theme-color, #009544); }
.igoto-btn-outline:hover { background-color: var(--theme-color, #009544); color: #ffffff; }
.igoto-tag-solid { background-color: #e6f4ec; color: var(--theme-color, #009544); }
.igoto-tag-border { background-color: transparent; color: var(--theme-color, #009544); border: 1px solid var(--theme-color, #009544); }

/* 系列筛选 Tab (锚点) */
.igoto-tab-box { border: 1px solid #eeeeee;  width: 13%; text-decoration: none; }
.igoto-tab-box.active, .igoto-tab-box:hover { border-color: var(--theme-color, #009544); color: var(--theme-color, #009544); }
.igoto-tab-box.active .igoto-color-gray { color: var(--theme-color, #009544); }
.igoto-tab-box span{min-height: 2.6em;}
/* 补充定位类名 */
.top-50 { top: 50%; transform: translateY(-50%); }

/* Swiper 导航按钮 */
.igoto-swiper-nav { width: 0.48rem; height: 0.48rem; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.1); color: var(--theme-color, #009544); }
.igoto-swiper-nav:hover { background-color: var(--theme-color, #009544); color: #fff; }
.igoto-swiper-nav.swiper-button-disabled { opacity: 0.5; cursor: not-allowed; }

/* 表单样式 */
.igoto-input, .igoto-textarea { outline: none; border: 1px solid transparent; }
.igoto-input:focus, .igoto-textarea:focus { border-color: var(--theme-color, #009544); }

/* 特点 Grid 边框 */
.igoto-grid-item { border: 1px solid #eeeeee; }

/* 平滑滚动 */
html { scroll-behavior: smooth; }



.igoto-pro-row-wrap:nth-child(2n){background-color: #f8f9f9;background-color: #f4f9f6;}



/* ================== 响应式适配 ================== */
@media screen and (max-width: 1200px) {
    .igoto-tab-box { width: 23%; margin-bottom: 20px; }
    .igoto-pro-row { flex-direction: column; }
    .igoto-row-left { width: 100%; margin-bottom: 30px; }
    .igoto-row-right { width: 100%; }
}

@media screen and (max-width: 992px) {
    .igoto-hero-sec .igoto-container { flex-direction: column; }
    .igoto-hero-left, .igoto-hero-right { width: 100%; }
    .igoto-hero-left { margin-bottom: 40px; }
    
    .igoto-features-sec .igoto-container { flex-direction: column; }
    .igoto-feat-text, .igoto-feat-grid { width: 100%; }
    .igoto-feat-text { margin-bottom: 30px; }
    
    .igoto-contact-sec .igoto-container { flex-direction: column; }
    .igoto-contact-left, .igoto-contact-right { width: 100%; }
    .igoto-contact-left { margin-bottom: 40px; }
}

@media screen and (max-width: 768px) {
    .igoto-tab-box { width: 48%; }
    .igoto-feat-item { width: 100%; }
    .igoto-grid-item { width: 100%; }
    .igoto-input-group { width: 100%; }
    .igoto-hero-btns { flex-direction: column; }
    .igoto-hero-btns .igoto-btn { width: 100%; margin: 0 0 15px 0; text-align: center; justify-content: center; }
}



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




/* 新闻列表 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{

}

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

}



.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 */

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

	.n_newslist ul{

		grid-template-columns: repeat(1, minmax(0, 1fr));

	}

	.n_newslist ul li .info{

		padding: 0.5rem 0.3rem 0.4rem;

	}

	

	

	.n_news .fl,.n_news .fr{

		width: 100%;

	}

	.n_news .fl .box{

		padding: 0.4rem 0.3rem;

	}

	.n_news .fr{

		margin-top: 0.5rem;

	}

	

	.n_news .fl .bot{

		flex-direction: column;

		align-items: flex-start;

	}

	.n_news .fl .bot>div{

		padding: 0.12rem 0;

	}

	.n_news .fl .next{

		flex-direction: row-reverse;

	}

	

	.n_applist ul li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 0.3rem;

	}

}



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



/* ==================== Solutions List Page ==================== */
.yt-solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
}

.yt-solutions-card {
    border: 1px solid #eee;
    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.03);
}
.yt-solutions-card:hover {
    box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.08);
    transform: translateY(-0.05rem);
}

.yt-sol-img {
    aspect-ratio: 4 / 3;
}
.yt-sol-icon {
    width: 0.8rem;
    height: 0.8rem;
    bottom: -0.2rem;
    right: 0.2rem;
    z-index: 2;
}

.yt-sol-icon img{

	max-width: 60%;

}

.yt-solutions-card:hover .yt-sol-icon img{

	position: relative;

	filter: drop-shadow(100vw 0px 0 white);

	-webkit-filter: drop-shadow(100vw 0px 0 white);

	right: 100vw;

}

/* 悬停动效 */
.yt-solutions-card:hover .yt-sol-icon {
    background-color: var(--theme-color);
    color: #fff;
}
.yt-solutions-card:hover .yt-sol-text img {
    transform: translateX(0.05rem);
}

@media screen and (max-width: 1000px) {
    .yt-solutions-grid { grid-template-columns: repeat(2, 1fr); gap: 0.2rem; }
}
@media screen and (max-width: 600px) {
    .yt-solutions-grid { grid-template-columns: 1fr; }
}




/* ==================== Solution Detail Page ==================== */

/* ---------- 面包屑悬停 ---------- */
.hover-theme:hover { color: var(--theme-color) !important; }


.yt-soldetail-banner{

	height: 6rem;

}
/* ---------- 概述区 ---------- */
.yt-sd-list li { border-bottom: 1px solid #f5f5f5; padding-bottom: 0.1rem; }
.yt-sd-list li:last-child { border-bottom: none; }

/* ---------- 产品轮播区 ---------- */
.yt-sd-pro-card { border: 1px solid #eee; }
.yt-sd-pro-card:hover { 
    box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.08); 
    border-color: var(--theme-color);
    transform: translateY(-0.05rem);
}
.aspect-1 { aspect-ratio: 1 / 1; }

.yt-sd-prev, .yt-sd-next { border: 1px solid #ddd; }
.yt-sd-prev:hover, .yt-sd-next:hover { 
    background-color: var(--theme-color); 
    border-color: var(--theme-color); 
    color: #fff; 
}



.yt-sd-ov-text .info p+p{

	margin-top: 0.2rem;

}

/* ---------- 表单区 ---------- */
.focus-border-theme { border: 1px solid transparent; }
.focus-border-theme:focus { border-color: var(--theme-color); background-color: #fff; box-shadow: 0 0 0 3px rgba(var(--theme-color-rgb), 0.1); }
.hover-bg-dark:hover { background-color: var(--color-dark); }
.resize-none { resize: none; }
.pointer-none { pointer-events: none; }
.w-64{width: 0.60rem;}

.h-64{height: 0.60rem;}

.hover-color-white:hover{color: #fff;}

.hover-color-theme:hover{color: var(--theme-color);}
/* ---------- 响应式适配 ---------- */
@media screen and (max-width: 1000px) {
    .yt-sd-ov-layout, .yt-sd-form-layout { flex-direction: column; }
    .yt-sd-ov-text, .yt-sd-form-text { width: 100%; padding-right: 0; margin-bottom: 0.4rem; }
    .yt-sd-ov-img, .yt-sd-form-box { width: 100%; }
}
@media screen and (max-width: 600px) {
    .yt-sd-form-box form .w48 { width: 100%; }
    .yt-sd-form-box { padding: 0.2rem; }
}






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



/* 常见问题 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_btn:hover{

	color: #fff;

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



/* ==========================================================================
   Video Gallery List
   ========================================================================== */

.bl-video-gallery {
    padding: 0.8rem 0;
    background: #f8f9fa;
}

.bl-gallery-head {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 0.45rem;
}

.bl-gallery-title {
    margin: 0 0 0.15rem;
    color: #001322;
    font-size: var(--f42, 40px);
    font-weight: 700;
}

.bl-gallery-desc {
    margin: 0;
    color: #5f6b7a;
    font-size: var(--f16, 16px);
    line-height: 1.6;
}

/* 网格布局 */
.bl-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
}

/* 视频卡片 */
.bl-video-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 19, 34, 0.06);
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.bl-video-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 19, 34, 0.12);
}

/* 封面区域 (16:9) */
.bl-video-thumb {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #000;
}

.bl-video-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

/* 播放遮罩与按钮 */
.bl-play-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 19, 34, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.4s ease;
}

.bl-play-btn-small {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.bl-play-btn-small::after {
    content: "";
    display: block;
    margin-left: 4px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid var(--theme-color, #2A5AA6);
    transition: border-color 0.4s ease;
}

/* 悬停动效 */
.bl-video-card:hover .bl-video-thumb img {
    transform: scale(1.08);
}

.bl-video-card:hover .bl-play-overlay {
    background: rgba(0, 19, 34, 0.45);
}

.bl-video-card:hover .bl-play-btn-small {
    background: var(--theme-color, #2A5AA6);
    transform: scale(1.15);
}

.bl-video-card:hover .bl-play-btn-small::after {
    border-left-color: #fff;
}

/* 卡片文本信息 */
.bl-video-info {
    padding: 0.25rem 0.3rem;
}

.bl-video-info h3 {
    margin: 0 0 0.1rem;
    color: #001322;
    font-size: var(--f20, 20px);
    font-weight: 700;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.bl-video-info p {
    margin: 0;
    color: #5f6b7a;
    font-size: var(--f14, 14px);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bl-video-card:hover .bl-video-info h3 {
    color: var(--theme-color, #2A5AA6);
}

/* ==========================================================================
   Video Modal (Lightbox) - 弹窗样式
   ========================================================================== */

.bl-video-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.bl-video-modal.is-active {
    opacity: 1;
    visibility: visible;
}

.bl-video-modal-bg {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(5px);
}

.bl-video-modal-close {
    position: absolute;
    top: 0.3rem;
    right: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
    z-index: 10;
    transition: transform 0.3s ease;
}

.bl-video-modal-close::before,
.bl-video-modal-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    height: 2px;
    background: #fff;
}

.bl-video-modal-close::before { transform: rotate(45deg); }
.bl-video-modal-close::after { transform: rotate(-45deg); }

.bl-video-modal-close:hover {
    transform: rotate(90deg);
}

.bl-video-modal-content {
    position: relative;
    z-index: 5;
    width: 90%;
    max-width: 1100px;
    transform: translateY(30px);
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.bl-video-modal.is-active .bl-video-modal-content {
    transform: translateY(0);
}

.bl-iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0,0,0,0.5);
}

.bl-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media screen and (max-width: 1200px) {
    .bl-video-grid { gap: 20px; }
    .bl-video-info { padding: 20px; }
}

@media screen and (max-width: 1000px) {
    .bl-gallery-title { font-size: 32px; }
    /* 平板端变为 2 列 */
    .bl-video-grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 750px) {
    .bl-video-gallery { padding: 50px 0; }
    .bl-gallery-title { font-size: 26px; }
    .bl-gallery-desc { font-size: 14px; }
    /* 手机端变为 1 列 */
    .bl-video-grid { grid-template-columns: 1fr; gap: 24px; }
    .bl-video-modal-close { top: 15px; right: 15px; }
    .bl-video-modal-content { width: 95%; }

	.bl-play-btn-small{width: 0.8rem;height: 0.8rem;}
}






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


/* 联系我们 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;

}
.ff-default .ff-el-form-control {
    font-family: inherit!important
}
.n_contact .fl .mui-input-row input,.n_contact .fl .ff-default .ff-el-form-control{

	width: 100%;

	font-size: var(--f16);

	height: 0.6rem;

	line-height: 0.6rem;

	background: #F4F5F9;

	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,.n_contact .fl .ff-default #ff_1_message{

	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,.n_contact .fl form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){

	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;

}

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

	.n_contact .fl,.n_contact .fr{

		width: 100%;

	}

	.n_contact .fl .mui-input-row{

		width: 100%;

		margin-bottom: 0.25rem;

	}

	.n_contact .fl .mui-input-row input{

		height: 0.72rem;

		line-height: 0.72rem;

	}

	.n_contact .fr{

		margin-top: 0.5rem;

	}

	.n_contact .fr ul li .icon{

		width: 1rem;

		height: 1rem;

	}

	.n_contact .fr ul li .icon i{

		font-size: 0.48rem;

	}

	.n_contact .fr ul li .text{

		width: calc(100% - 1.3rem);

	}

	.n_contact .fr ul li .text p{

		line-height: 1.3;

		margin-top: 0.08rem;

	}

	.n_contact .fl .btn button{

		padding: 0.24rem 0.5rem;

	}

}
/* 联系我们 e */



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

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */

	.Header-container .c-nav>li{

		margin-right: 0.4rem;

	}
}

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

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

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

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


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

	.tc_search form{

		width: 92%;

		max-width: 92%;

	}

}

@media all and (max-width:768px) {
	.yt-home-btn-pill{

		padding: 0.16rem 0.16rem 0.16rem 0.5rem;

		border-radius: 0.8rem;

	}

	.yt-home-btn-pill .yt-home-icon-arrow{

		width: 0.56rem;

		height: 0.56rem;

	}

	

	.yt-home-sus-icon{

		width: 0.96rem;

		height: 0.96rem;

	}

	.yt-submit-btn{

		padding: 0.24rem 0.6rem;

	}

	

	.yt-home-contact{

		padding-top: 0.8rem;

		padding-bottom: 1rem;

	}

	.yt-home-contact .yt-contact-left{

		margin-bottom: 0;

	}

	.cta-btn-v2{

		padding: 0.25rem 0.5rem;

	}

	.cta-arrow-v2{

		width: 0.4rem;

		height: 0.4rem;

	}

	

	.yt-home-cert-nav .yt-home-cert-prev, .yt-home-cert-nav .yt-home-cert-next{

		margin-top: 0;

	}

	

	.i_ab .ab_ico .swiper-button-prev, .i_ab .ab_ico .swiper-button-next{

		width: 0.64rem;

		height: 0.64rem;

	}

	.i_ab .ab_ico .swiper-button-prev{

		left: 0;

	}

	.i_ab .ab_ico .swiper-button-next{

		right: 0;

	}

	.yt-home-cert-nav .yt-home-cert-prev, .yt-home-cert-nav .yt-home-cert-next{

		width: 0.64rem;

		height: 0.64rem;

	}

	

	.yt-home-sus-btn{

		padding: 0.2rem 0.45rem;

	}

	

	.yt-cert-img-box{

		height: 7rem;

	}

	

	.igoto-choose-sec .igoto-choose-card{

		margin-bottom: var(--sp-20);

	}

	

	.yt-mfg-hero{

		height: auto;

	}

	.yt-mfg-hero .yt-grid-4{

		grid-template-columns: repeat(2, 1fr);

	}

	.pb-100{

		padding-bottom: 0.8rem;

	}

	.pt-100{

		padding-top: 0.8rem;

	}

	

	.h-60{

		height: 0.8rem;

	}

	.w-60{

		width: 0.8rem;

	}

	.yt-mfg-tour-ico img{

		width: 0.8rem;

	}

	.h-50{

		height: 0.8rem;

	}

	.w-50{

		width: 0.8rem;

	}

	

	.yt-cta-btns a{

		padding: 0.3rem 0.2rem;

		line-height: 1.3;

	}

	

	.yt-system-tabs{

		position: relative;

	}

	.h-40{

		height: 0.64rem;

	}

	.w-40{

		width: 0.64rem;

	}

	

	.yt-oem-scope .w50{

		width: 100%;

	}

	

	.yt-oem-products{

		padding-top: 0 !important;

	}

	

	.yt-pro-prev{

		left: calc(50% - 0.8rem) !important;

		top: auto;

		transform: none;

		bottom: -0.4rem;

	}

	.yt-pro-next{

		right: calc(50% - 0.8rem) !important;

		top: auto;

		transform: none;

		bottom: -0.4rem;

	}

	

	.yt-oem-cta{

		padding-bottom: 0.5rem;

	}

	.yt-oem-cta .w40{

		padding-right: 0;

	}

	.yt-oem-cta button{

		padding: 0.24rem 0.16rem;

	}

	

	.igoto-swiper-nav{

		width: 0.72rem;

		height: 0.72rem;

	}

	.igoto-row-left{

		padding-top: 0;

	}

	.igoto-tag-solid{

		padding: 0.2rem;

	}

	.igoto-oem-box{

		flex-wrap: wrap;

	}

	.igoto-oem-box .w48,.igoto-oem-box .w48{

		width: 100%;

	}

	

	.bl-pro-btn-solid{

		padding: 0.25rem 0.5rem;

	}
	
	.bl-pro-list .bl-pro-sidebar .bl-pro-widget:nth-child(1){
		 margin-bottom: 0;
	}
	.bl-pro-list .bl-pro-sidebar .bl-pro-widget:nth-child(2),.bl-pro-list .bl-pro-sidebar .bl-pro-widget:nth-child(3){
		display: none;
	}
	.bl-pro-details .bl-pro-sidebar{
		display: none;
	}
}





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



/* 详情页代码 */
        .igoto-cable-tie-product-container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 40px 20px;
            color: #1d1d1f;
            line-height: 1.6;
        }

        .igoto-cable-tie-product-container h1 {
            font-size: 36px;
            font-weight: 600;
            letter-spacing: -0.02em;
            margin: 0 0 4px 0;
            color: #1d1d1f;
        }

        .igoto-cable-tie-product-subhead {
            font-size: var(--f18);
            color: #6e6e73;
            margin-bottom: 0.24rem;
            border-bottom: 1px solid #d2d2d7;
            padding-bottom: 0.24rem;
        }

        .igoto-cable-tie-product-badge {
            color: #009544;
            font-weight: 500;
        }

        .igoto-cable-tie-product-lead {
            font-size: var(--f18);
            margin-bottom: 0.32rem;
            max-width: 800px;
        }

        .igoto-cable-tie-product-container h2 {
            font-size: 24px;
            font-weight: 600;
            letter-spacing: -0.01em;
            margin: 0 0 13px 0;
            color: #1d1d1f;
        }

        .igoto-cable-tie-product-divider {
            border: none;
            border-top: 1px solid #d2d2d7;
            margin: 29px 0;
        }

        .igoto-cable-tie-product-media-row {
            display: flex;
            gap: 40px;
            align-items: center;
            margin: 50px 0;
        }

        .igoto-cable-tie-product-media-row.reverse {
            flex-direction: row-reverse;
        }

        .igoto-cable-tie-product-media-image {
            flex: 1 1 45%;
        }

        .igoto-cable-tie-product-media-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        .igoto-cable-tie-product-media-text {
            flex: 1 1 45%;
        }

        .igoto-cable-tie-product-media-text ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .igoto-cable-tie-product-media-text ul li {
            padding: 6px 0;
            border-bottom: 1px solid #e5e5ea;
        }

        .igoto-cable-tie-product-media-text ul li:last-child {
            border-bottom: none;
        }

        .igoto-cable-tie-product-spec-table {
            overflow-x: auto;
            width: 100%;
        }

        .igoto-cable-tie-product-spec-table table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
        }

        .igoto-cable-tie-product-spec-table th {
            padding: 10px 8px 10px 0;
            font-weight: 500;
            color: #6e6e73;
            border-bottom: 1px solid #d2d2d7;
        }

        .igoto-cable-tie-product-spec-table td {
            padding: 10px 8px 10px 0;
            border-bottom: 1px solid #e5e5ea;
        }

        .igoto-cable-tie-product-spec-table tr:last-child td {
            border-bottom: none;
        }

        .igoto-cable-tie-product-spec-note {
            font-size: 14px;
            color: #6e6e73;
            margin-top: 8px;
        }

        .igoto-cable-tie-product-btn {
            display: inline-block;
            background: #009544;
            color: #fff;
            padding: 11px 35px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 0.01em;
            transition: background 0.2s;
        }

        .igoto-cable-tie-product-btn:hover {
            background: #007a38;
        }

        .igoto-cable-tie-product-faq-item {
            border-bottom: 1px solid #e5e5ea;
            padding: 16px 0;
        }

        .igoto-cable-tie-product-faq-item:last-child {
            border-bottom: none;
        }

        .igoto-cable-tie-product-faq-q {
            margin: 0 0 3px 0;
            font-weight: 500;
            color: #1d1d1f;
        }

        .igoto-cable-tie-product-faq-a {
            margin: 0;
            color: #3a3a3e;
        }

        @media (max-width: 768px) {
            .igoto-cable-tie-product-media-row,
            .igoto-cable-tie-product-media-row.reverse {
                flex-direction: column !important;
                gap: 20px;
                margin: 30px 0;
            }
            .igoto-cable-tie-product-container h1 {
                font-size: 28px;
            }
        }

.igoto-banner-ms {

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;

    max-width:800px;

    margin-top:25px;

}



.igoto-banner-ms p {

    margin:0;

    min-height:52px;

    padding:8px 12px;

    border-radius:8px;

    color:#ffffff;


    font-size:14px;

    font-weight:600;


    display:flex;

    align-items:center;

    justify-content:center;


}



.igoto-banner-item {

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

}



.igoto-banner-icon {


    width:20px;

    height:20px;


    flex:0 0 20px;


    background:#009544;


    color:#ffffff;


    border-radius:50%;


    display:flex;

    align-items:center;

    justify-content:center;


    font-size:11px;

    font-weight:700;

}



.igoto-banner-label {


    max-width:120px;


    line-height:18px;


    text-align:left;


}



.igoto-banner-ms p:hover {

    background:rgba(0,149,68,0.28);

}



@media(max-width:800px){

    .igoto-banner-ms{

        grid-template-columns:repeat(2,1fr);

    }

}


@media(max-width:480px){

    .igoto-banner-ms{

        grid-template-columns:1fr;

    }

}



/* ============================================================
   SEM：公司概览（左文右图）
   ============================================================ */


.web-sem-container {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

/* ---------- 模块一 ---------- */
.web-sem-module-one {
    padding: 80px 0;
    background: url('https://igotocableties.com/wp-content/uploads/2026/07/sem-bj-1.webp') no-repeat center/cover;
    min-width: 100%;
    padding-top: 10%;
}

.web-sem-flex-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
}

/* ---------- 左侧文字 ---------- */
.web-sem-text {
    width: 50%;
}

.web-sem-tag {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    color: var(--web-sem-theme);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.web-sem-tag::before {
    content: "";
    width: 32px;
    height: 2px;
    margin-right: 12px;
    background-color: var(--web-sem-theme);
}

.web-sem-text h1 {
    color: #08182f;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
}

.web-sem-text p {
    color: #5f6b7a;
    font-size: 17px;
    line-height: 1.75;
    margin-top: 18px;
}

.web-sem-text p:first-of-type {
    margin-top: 0;
}

/* ---------- 右侧图片 ---------- */
.web-sem-media {
    width: 44%;
    position: relative;
}

.web-sem-main-img {
    border-radius: 18px 90px 18px 18px;
    box-shadow: 0 24px 55px rgba(9, 37, 74, 0.14);
    overflow: hidden;
}

.web-sem-full {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.web-sem-main-img:hover .web-sem-full {
    transform: scale(1.05);
}

.web-sem-rect-75 {
    padding-bottom: 75%;
    position: relative;
}

.web-sem-rect-75 .web-sem-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- 浮动卡片 ---------- */
.web-sem-float-card {
    position: absolute;
    left: -42px;
    bottom: -34px;
    width: 285px;
    padding: 30px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0d2747 0%, #071526 100%);
    color: #fff;
    box-shadow: 0 22px 46px rgba(0, 19, 34, 0.24);
}

.web-sem-float-card strong {
    display: block;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
}

.web-sem-float-card br {
    display: block;
    margin-bottom: 4px;
}

.web-sem-float-card span {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
    line-height: 1.5;
}

/* ---------- 认证图片 ---------- */
.web-sem-text img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* ---------- 红色按钮 ---------- */
.hy-lb-btn-wrap {
    margin-top: 20px;
}

.hy-lb-btn {
    display: inline-block;
    padding: 12px 40px;
    background: var(--web-sem-theme);
    color: #ffffff;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.hy-lb-btn:hover {
    background: #c0392b;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--web-sem-theme-rgb), 0.25);
}

/* ---------- 统计数据 ---------- */
.web-sem-stats-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-radius: 18px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 16px 42px rgba(9, 37, 74, 0.08);
    margin-top: 60px;
}

.web-sem-stat-item {
    padding: 28px 18px;
    text-align: center;
    border-right: 1px solid #e8eef5;
}

.web-sem-stat-item:last-child {
    border-right: none;
}

.web-sem-stat-item strong {
    display: block;
    color: var(--web-sem-theme);
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
}

.web-sem-stat-item span {
    display: block;
    margin-top: 8px;
    color: #5f6b7a;
    font-size: 15px;
    line-height: 1.4;
}

/* ============================================================
   响应式适配
   ============================================================ */
@media screen and (max-width: 1200px) {
    .web-sem-flex-box {
        flex-direction: column !important;
        gap: 40px;
    }

    .web-sem-text,
    .web-sem-media {
        width: 100%;
    }

    .web-sem-media {
        padding-left: 0;
    }

    .web-sem-text h1 {
        font-size: 34px;
    }

    .web-sem-float-card {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: -20px;
        border-radius: 14px;
    }

    .web-sem-stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .web-sem-stat-item:nth-child(3n) {
        border-right: none;
    }

    .web-sem-stat-item:nth-child(n+4) {
        border-top: 1px solid #e8eef5;
    }
}

@media screen and (max-width: 768px) {
    .web-sem-module-one {
        padding: 60px 0;
    }

    .web-sem-text h1 {
        font-size: 28px;
    }

    .web-sem-text p {
        font-size: 15px;
    }

    .web-sem-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .web-sem-stat-item {
        border-right: none;
        border-top: 1px solid #e8eef5;
    }

    .web-sem-stat-item:first-child {
        border-top: none;
    }

    .web-sem-stat-item strong {
        font-size: 28px;
    }

    .hy-lb-btn {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .web-sem-module-one {
        padding: 40px 0;
        padding: 0 5%;
    }

    .web-sem-text h1 {
        font-size: 24px;
    }

    .web-sem-text p {
        font-size: 14px;
    }

    .web-sem-float-card {
        padding: 18px;
    }

    .web-sem-float-card strong {
        font-size: 17px;
    }

    .web-sem-float-card span {
        font-size: 12px;
    }

    .web-sem-stat-item {
        padding: 20px 12px;
    }

    .web-sem-stat-item strong {
        font-size: 24px;
    }

    .web-sem-stat-item span {
        font-size: 13px;
    }
}