@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: #2A5AA6;
	--theme-color-rgb: 42,90,166;
	--sec-theme-color: #F08519;
	--swiper-theme-color: #2A5AA6;
	/* --sec-theme-color: #10233F; */
	--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 !important;border-color:transparent !important;background-color:inherit !important;}/* 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 !important;}
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: 'OR';
    src: url('../fonts/Oswald-Regular.ttf'),
    url('../fonts/Oswald-Regular.eot'),
    url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Oswald-Regular.woff2') format('woff2'),
    url('../fonts/Oswald-Regular.woff') format('woff'),
    url('../fonts/Oswald-Regular.otf') format('truetype'),
    url('../fonts/Oswald-Regular.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";}
.OR{font-family: "OR";}
.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,.block{display:block;}
.hide{display:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.ttu{text-transform:uppercase;}/*全字母转换为大写*/
.ttc{text-transform:capitalize;}/*首字母转换为大写*/
.fwb{ font-weight: bold;}
.fwl{ font-weight: lighter;}
.ofh{overflow:hidden;}
.ofh img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.ofh:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.ofc img{object-fit: contain !important;}
.pst-rel{position:relative;}
.pst-abs{position:absolute;}
.pst-pic{position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.w100{width: 100%;}
.lh-1{line-height: 1;}
.lh-111{line-height: 1.11;}
.lh-115{line-height: 1.15;}
.lh-12{line-height: 1.2;}
.lh-13{line-height: 1.3;}
.lh-14{line-height: 1.4;}
.lh-15{line-height: 1.5;}
.lh-16{line-height: 1.6;}
.lh-17{line-height: 1.7;}
.lh-175{line-height: 1.75;}
.lh-18{line-height: 1.8;}
.color-0 { color: #000; }
.color-1 { color: #111; }
.color-2 { color: #222; }
.color-3 { color: #333; }
.color-4 { color: #444; }
.color-5 { color: #555; }
.color-6 { color: #666; }
.color-7 { color: #777; }
.color-8 { color: #888; }
.color-9 { color: #999; }
.color-a { color: #aaa; }
.color-b { color: #bbb; }
.color-c { color: #ccc; }
.color-d { color: #ddd; }
.color-e { color: #eee; }
.color-f { color: #fff; }
.color-f-8 {color: rgb(255, 255, 255, .8);}

.color-blue{ color: #2A5AA6;}
.color-sec-blue{ color: #10233F;}
.color-red{color: var(--theme-color);}
.color-white{ color: white;}
.color-black{ color: black;}
.color-dark{color: #001322;}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;background-color: transparent;z-index: 99;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.white_bg{border-bottom: 1px solid #f7f8f9;}
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #fff;}
.Header-wrapper.white_bg.on{border: none;}
.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.45rem;}
.Header-wrapper.on .Header-container .logo a img+img,.Header-wrapper.white_bg .Header-container .logo a img+img{
	display: block;
}
.Header-container .logo a img+img,.Header-wrapper.on .Header-container .logo a img,.Header-wrapper.white_bg .Header-container .logo a img{
	display: none;
}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1000px){
	.Header-container .c-nav {display: flex;align-items: center;font-size: var(--f20);flex-wrap: wrap;font-weight: 700;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.6rem;line-height: 100px;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.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: 32px;}
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#c-header .c-nav {position: absolute;top: 60px;left: 0;width: 100%;height: 0;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;text-align: left;overflow-x: hidden;}
	#c-header .c-nav>li:last-child {border-bottom: 1px solid #f1f1f1;}
	#c-header .c-nav li {width: 100%;padding: 0 4%;border-top: 1px solid #f1f1f1;}
	#c-header .c-nav li .c-title-box {display: flex;align-items: center;justify-content: space-between;}
	#c-header .c-nav li a {display: block;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}
	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}
	/* #c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);} */
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: var(--theme-color);}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
	
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;margin-bottom: 0;}
	#c-header .c-nav>ul>li{font-size: 16px;line-height: 45px;}
	.mega-menu .mega-right ul li{padding: 0;}
}
/* ================= Mega Menu 样式 ================= */
/* ================= 1. Mega Menu 定位与防溢出 ================= */
@media all and (min-width: 1000px) {
    .Header-container .c-nav > li.has-mega { position: relative; }
    
    .Header-container .c-nav > li.has-mega > .mega-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 15px);
        width: 850px; /* 固定宽度，非全屏 */
        max-width: 90vw;
        background-color: #fff;
        z-index: 99;
        border-radius: 4px;
        opacity: 0;
        pointer-events: none;
        transition: all .4s cubic-bezier(.645, .045, .355, 1);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        overflow: hidden;
		font-weight: 400;
    }
    
    .Header-container .c-nav > li.has-mega:hover > .mega-menu {
        pointer-events: all;
        transform: translate(-50%, 0);
        opacity: 1;
    }

    /* 【关键修复】最右侧的1~2个菜单，改为向右对齐，防止超出屏幕 */
    .Header-container .c-nav > li:last-child > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2) > .mega-menu {
        left: auto;
        right: 0;
        transform: translate(0, 15px);
    }
    .Header-container .c-nav > li:last-child:hover > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2):hover > .mega-menu {
        transform: translate(0, 0);
    }
}

/* ================= 2. 左右布局划分 ================= */
.mega-menu .mega-left { width: 45%; padding: 40px; }
.mega-menu .mega-right { width: 55%; padding: 40px; }

/* ================= 3. 右侧链接特效 (下划线 + 箭头) ================= */
.mega-menu .mega-list li {margin-bottom: 20px;line-height: 1.3;}
.mega-menu .mega-list li:last-child { margin-bottom: 0; }

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

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

/* 仅文字宽度的下划线 */
.link-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--theme-color, #0055c8);
    transition: width 0.3s ease;
}

/* 默认隐藏并偏左的箭头 */
.link-arrow {
    opacity: 0;
    transform: translateX(-6px);
    color: var(--theme-color);
    margin-left: 10px;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* 悬停状态触发动画 */
.mega-list li:hover .link-text { color: #222; font-weight: 600;}
.mega-list li:hover .link-text::after { width: 100%; }
.mega-list li:hover .link-arrow { opacity: 1; transform: translateX(0); }

/* ================= 4. 左侧淡入动画 ================= */
.mega-fade-enter { animation: megaFadeIn 0.4s ease forwards; }
@keyframes megaFadeIn {
    0% { opacity: 0; transform: translateY(5px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ================= 1. 右侧链接悬停特效 (下划线 + 箭头) ================= */
.mega-link {
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
}

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

/* 默认隐藏下划线 (宽度为0) */
.mega-link .link-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* 下划线距离文字的距离 */
    width: 0;
    height: 2px;
    background-color: var(--theme-color); /* 使用您的主题色变量 */
    transition: width 0.3s ease;
}

/* 默认隐藏右箭头 (透明度0，且向左偏移) */
.mega-link .link-arrow {
    opacity: 0;
    transform: translateX(-10px);
    color: var(--theme-color);
    margin-left: 8px;
    transition: all 0.3s ease;
}

/* 鼠标触碰 li 时的状态变化 */
.mega-list li:hover .mega-link {
    color: #000; /* 触碰后文字颜色加深 */
}

.mega-list li:hover .link-text::after {
    width: 100%; /* 下划线从左到右展开 */
}

.mega-list li:hover .link-arrow {
    opacity: 1; /* 箭头显现 */
    transform: translateX(0); /* 箭头向右滑入归位 */
}


/* ================= 2. 修复最右侧菜单超出屏幕的问题 ================= */
/* 
   您原来的代码是 left: 50%; transform: translate(-50%, ...); 
   这会导致最右侧的菜单向右溢出。
   这里强制让导航栏最后两个 li 的下拉菜单向右对齐。
*/
@media all and (min-width: 1000px) {
    .Header-container .c-nav > li:last-child > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2) > .mega-menu {
        left: auto;
        right: 0;
        transform: translate(0, 15px);
    }
    
    .Header-container .c-nav > li:last-child:hover > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2):hover > .mega-menu {
        transform: translate(0, 0);
    }
}

/* ================= 手机端适配 (小于 1000px) ================= */
@media all and (max-width: 999px) {
    /* 1. 隐藏左侧图文展示，手机端只显示纯净的链接列表 */
    .mega-menu .mega-left {
        display: none;
    }
    
    /* 2. 右侧列表占满全宽 */
    .mega-menu .mega-right {
        width: 100%;
        padding: 15px 20px;
        background-color: #f8f9fa; /* 给子菜单加个浅色背景区分层级 */
    }
	.mega-menu .mega-right ul{
		display: block !important;
	}
	
	
    
    /* 3. 下拉菜单改为静态定位，默认隐藏，由 JS 控制 slideToggle */
    .Header-container .c-nav > li.has-mega > .mega-menu {
        position: static;
        width: 100%;
        transform: none;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        display: none; /* 核心：默认隐藏 */
    }
    
    /* 取消 PC 端的 hover 自动展开，防止手机端误触 */
    .Header-container .c-nav > li.has-mega:hover > .mega-menu {
        transform: none;
    }
    
    /* 4. 手机端没有 hover，直接让右侧箭头默认显示即可 */
    .mega-link .link-arrow {
        opacity: 1;
        transform: translateX(0);
        color: #999;
    }
    
    /* 5. 调整父级标题栏，让文字和箭头两端对齐，方便点击 */
    .c-title-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    
    /* 扩大箭头的点击热区，提升手机端点击体验 */
    .c-title-box i {
        padding: 10px 15px;
        cursor: pointer;
        font-size: 18px;
    }
	
	.mega-menu .mega-list li a{padding: 0.2rem 0;}
	
	#c-header .c-nav li i{
		height: auto;
		padding: 0;
	}
	.link-text{
		padding-bottom: 0;
		line-height: 1.3;
	}
	#c-header .c-nav li i.link-arrow{
		line-height: 1;
	}
}

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

/* 中间+共用部分 */

/* ind_banner */

.i_banner a{
	display: block;
	position: relative;
}
/* .i_banner a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0,.35);
	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;
}
@media all and (min-width:1000px){
	.i_banner img,.i_banner video{
		width:100%;
		height: 100vh;
		min-height: 7.2rem;
		object-fit: cover;
	}
}
.i_banner .ban_txt span{
	display: block;
}
.i_banner .ban_txt .w50{
	/* backdrop-filter: blur(10px); */
	/* border-radius: 30px; */
}
.i_banner .ban_txt .tit{}
.i_banner .ban_txt .des{width: 11.43rem;max-width: 100%;}
.i_banner .btn{
	display: inline-block;
	padding: 0.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;
}
.i_banner .swiper-pagination-bullet, .i_mb_banner .swiper-pagination-bullet{
	width: 0.6rem;
	height: 0.03rem;
	border-radius: 0;
	opacity: .2;
}
.i_banner .swiper-pagination-bullet,.i_mb_banner .swiper-pagination-bullet{background-color: white;}
.i_banner .swiper-pagination-bullet-active,.i_mb_banner .swiper-pagination-bullet-active{background-color: white;opacity: 1;}

@media all and (max-width: 1000px){
	.i_banner img,.i_banner video{
		aspect-ratio: 9 / 15;
		object-fit: cover;
	}
	.i_banner .ban_txt .w60{
		width: 100%;
	}
	.i_banner .bl-hero-tags{
		flex-wrap: wrap;
		gap: 0.2rem;
	}
	
}

/* 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;color: #fff;}
.tc_search input:focus{color: #fff;}
.tc_search input::placeholder {color: #c1c1c1;}
.tc_search button {max-width: 20%;height: 0.7rem;border: 0;line-height: 0.7rem;color: #c1c1c1;cursor: pointer;text-transform: uppercase;float: right;font-size: 0.48rem;background-color: transparent;}
.tc_search .search_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .85);z-index: 0;}
/* tc_search e */

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

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

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

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

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

/* crumbs */
.crumbs {position: relative;}
.crumbs {padding-left: 25px;background: url('/wp-content/uploads/2026/06/ico_home.webp') no-repeat center;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 span{color:rgb(102,102,102,.8)}

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

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

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

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

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

/* ==========================================================================
   Benlong Automation - Custom Styles
   Prefix: bl-
   Font: Poppins
   ========================================================================== */

:root {
    --bl-theme: #0154A4;
    --bl-sec-theme: #F58220;
    --bl-dark: #001322;
    /* 全局统一的丝滑贝塞尔曲线 */
    --bl-easing: cubic-bezier(0.33, 1, 0.68, 1);
}

/* Utilities */
.color-sec-theme { color: var(--bl-sec-theme) !important; }
.bg-sec-theme { background-color: var(--bl-sec-theme) !important; }
.hover-color-theme:hover { color: var(--bl-sec-theme) !important; }

/* Buttons */
.bl-btn {
    display: inline-block;
    padding: 0.18rem 0.45rem;
    font-size: var(--f16);
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.4s var(--bl-easing);
    text-transform: uppercase;
    cursor: pointer;
}
.bl-btn-primary {
    background-color: var(--bl-sec-theme);
    color: #fff;
}
.bl-btn-primary:hover {
    background-color: #d96b10;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(245, 130, 32, 0.3);
	color: #fff;
}
.bl-btn-transparent {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.bl-btn-transparent:hover {
    background-color: #fff;
    color: var(--bl-dark);
    transform: translateY(-3px);
}
.bl-btn-outline {
    border: 2px solid var(--bl-sec-theme);
    color: var(--bl-sec-theme);
    padding: 0.12rem 0.35rem;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.4s var(--bl-easing);
}
.bl-btn-outline:hover {
    background-color: var(--bl-sec-theme);
    color: #fff;
}
.bl-btn-outline-white {
    border: 1px solid #fff;
    color: #fff;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
    transition: all 0.4s var(--bl-easing);
}
.bl-btn-outline-white:hover {
    background-color: #fff;
    color: var(--bl-dark);
}
.bl-link-more {
    font-size: var(--f18);
    transition: all 0.4s var(--bl-easing);
}
.bl-link-more:hover {
    opacity: 0.8;
    transform: translateX(8px);
}

/* Typography */
.bl-title { font-size: var(--f54); font-weight: 700; line-height: 1.2; }
.bl-sec-title { font-size: var(--f48); font-weight: 700; line-height: 1.25;font-family: "OR";}
.bl-subtitle { font-size: var(--f16); font-weight: 600; letter-spacing: 1px; position: relative; padding-left: 0.36rem; display: inline-block;}
.bl-subtitle::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.24rem; height: 2px; background-color: var(--bl-sec-theme); }
.bl-subtitle.tac::before { display: none; }
.bl-subtitle.tac { padding-left: 0; }
.bl-text { font-size: var(--f18); line-height: 1.8; }
.bl-sec-title.color-white,.bl-about-page-title h2.color-white{
	color: #fff;
}


/* Header */
.bl-header { height: 100px; border-bottom: 1px solid rgba(255,255,255,0.1); position: absolute; top: 0; width: 100%; z-index: 999; }
.bl-nav li { margin: 0 0.25rem; }
.bl-nav a { color: #fff; font-size: var(--f16); font-weight: 500; transition: color 0.3s; }
.bl-nav a:hover { color: var(--bl-sec-theme); }

/* Hero */
.bl-hero {
    height: 100vh;
    min-height: 800px;
    background: url('https://picsum.photos/id/1073/1920/1080') no-repeat center/cover;
    position: relative;
}
.bl-hero::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to right, rgba(1,84,164,0.95) 0%, rgba(1,84,164,0.4) 100%);
    z-index: 1;
}
.bl-hero-tags span {
    border: 1px solid rgba(255,255,255,0.3);
    padding: 0.08rem 0.25rem;
    border-radius: 50px;
    color: #fff;
    font-size: var(--f14);
    margin-right: 0.15rem;
    background: rgba(255,255,255,0.1);
}
.bl-hero-stats {
    bottom: 0; left: 0; height: 110px;
    background: rgba(0, 19, 34, 0.85);
    backdrop-filter: blur(10px);
    border-top: 2px solid var(--bl-sec-theme);
    z-index: 2;
}
.bl-stat-item .num { font-size: var(--f40); font-weight: 700; color: var(--bl-sec-theme); margin-right: 0.15rem; }
.bl-stat-item .text { font-size: var(--f16); color: #fff; font-weight: 500; }

/* About */
.bl-ag-item { border-left: 3px solid var(--bl-sec-theme); padding-left: 0.2rem; /* margin-bottom: 0.3rem; */ }
.bl-ag-item .num { font-size: var(--f40); font-weight: 700; color: var(--bl-theme);font-family: 'OR';}
.bl-ag-item .text { font-size: var(--f16); color: #666; margin-top: 0.05rem; font-weight: 500;line-height: 1.3;}
.bl-img-main { width: 90%; margin-left: 10%;;border: 12px solid #fff; box-shadow: 0 20px 50px rgba(0,0,0,0.08); }
.bl-img-sub { width: 45%; border: 10px solid #fff; bottom: -10%; left: -10%; box-shadow: 0 20px 50px rgba(0,0,0,0.1); }
.bl-exp-badge { width: 170px; height: 170px; right: -5%; top: 40%; border: 8px solid #fff; box-shadow: 0 15px 35px rgba(245,130,32,0.35); }
.bl-exp-badge .num { font-size: var(--f50); font-weight: 700; line-height: 1; }
.bl-exp-badge .text { font-size: var(--f14); text-align: center; margin-top: 8px; font-weight: 500; }


/* ==========================================================================
   About Section V2 (新设计图样式)
   ========================================================================== */
.bl-about-v2{
	 background:
	    radial-gradient(circle at 85% 20%, rgba(229, 239, 246, 0.10), transparent 28%),
	    radial-gradient(circle at 10% 85%, rgba(229, 239, 246, 0.06), transparent 22%),
	    linear-gradient(180deg, #FFFFFF 0%, #EAF4FB 100%);
		overflow: hidden;
}
/* 左侧样式 */
.bl-subtitle-v2 {
    position: relative;
    padding-left: 45px;
    letter-spacing: 1px;
}
.bl-subtitle-v2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--bl-sec-theme);
}
.bl-title-v2 {
    font-size: var(--f46);
    color: #0f2136; /* 贴近设计图的深藏青色 */
}
.bl-highlight-box {
    border-left: 4px solid var(--bl-theme); /* 蓝色左边框 */
    padding-left: 20px;
}
.bl-btn-blue {
    display: inline-flex;
    background-color: #215bc0; /* 贴近设计图的亮蓝色 */
    color: #fff;
    padding: 0.15rem 0.35rem;
    border-radius: 6px;
    font-size: var(--f16);
    font-weight: 600;
    transition: all 0.4s var(--bl-easing);
    width: max-content;
}
.bl-btn-blue:hover {
    background-color: #154294;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(33, 91, 192, 0.3);
}

/* 纯 CSS 绘制按钮里的右箭头 */
.icon-arrow-right {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
}
.icon-arrow-right::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    transform: translateY(-50%);
}
.icon-arrow-right::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
}

/* 右侧样式 */
.bl-image-wrap {
    /* 核心：还原设计图右上角的大圆角，其余小圆角 */
    border-radius: 16px 100px 16px 16px; 
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}
.bl-stats-card {
    background-color: #0d2747; /* 深色背景 */
    border-radius: 12px;
    padding: 0.4rem 0.5rem;
    width: 320px;
    /* 绝对定位，悬浮在图片左下角 */
    left: -50px;
    bottom: -30px;
    box-shadow: -15px 25px 50px rgba(0,0,0,0.15);
    z-index: 2;
}
.bl-stat-row {
    padding: 0.25rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.1); /* 细分隔线 */
}
.bl-stat-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.bl-stat-row:first-child {
    padding-top: 0;
}
.bl-stat-row .num {
    font-size: var(--f40);
    font-weight: 700;
    line-height: 1.2;
}
.bl-stat-row .num.text-title {
    font-size: var(--f24);
    margin-bottom: 5px;
}
.bl-stat-row .label {
    font-size: 14px;
	font-weight: 400;
    color: rgba(255,255,255,0.8);
    letter-spacing: 1px;
    margin-top: 4px;
}
/* ==========================================================================
   右侧图片区域深度设计 (打破单调)
   ========================================================================== */

/* 父级增加透视，为视差效果做准备 */
.bl-about-v2-right {
    perspective: 1000px;
}

/* 主图外框 */
.bl-image-wrap {
    border-radius: 16px 120px 16px 16px; 
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    transition: transform 0.6s var(--bl-easing);
    background-color: #fff; /* 防止图片加载前透明 */
}

/* 图片内部的微弱科技感遮罩 (左下到右上的深蓝色渐变) */
.bl-image-overlay {
    background: linear-gradient(45deg, rgba(1, 84, 164, 0.2) 0%, transparent 50%);
    pointer-events: none;
}

/* 装饰 1：科技网点 */
.bl-deco-dots {
    width: 150px;
    height: 150px;
    top: -20px;
    right: -20px;
    /* 使用 CSS 绘制网点 */
    background-image: radial-gradient(var(--bl-theme) 2px, transparent 2px);
    background-size: 15px 15px;
    opacity: 0.15;
    transition: transform 0.6s var(--bl-easing);
}

/* 装饰 2：错位线框 */
.bl-deco-frame {
    width: 100%;
    height: 100%;
    top: 25px;
    right: -25px;
    border: 2px solid var(--bl-theme);
    border-radius: 16px 120px 16px 16px; 
    opacity: 0.3;
    transition: transform 0.6s var(--bl-easing);
}

/* 装饰 3：动态悬浮标签 */
.bl-floating-badge {
    top: 40px;
    left: -30px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border: 1px solid #eee;
    animation: floatUpDown 4s ease-in-out infinite; /* 上下浮动动画 */
}

/* 悬浮标签里的呼吸灯 */
.bl-pulse-dot {
    width: 12px;
    height: 12px;
    background-color: var(--bl-theme);
    position: relative;
}
.bl-pulse-dot::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: var(--bl-theme);
    border-radius: 50%;
    animation: pulseGlow 2s infinite; /* 呼吸发光动画 */
}

/* 悬浮深色数据卡片 (优化阴影和边框) */
.bl-stats-card {
    background: linear-gradient(135deg, #0d2747 0%, #071526 100%);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 12px;
    padding: 0.45rem 0.6rem;
    width: 320px;
    left: -40px;
    bottom: -30px;
    box-shadow: -15px 25px 50px rgba(0, 19, 34, 0.2);
    transition: transform 0.6s var(--bl-easing);
}

/* --- 动画与交互 --- */

/* 呼吸灯动画 */
@keyframes pulseGlow {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
    70% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(3); opacity: 0; }
}

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

/* 鼠标悬停时的视差交互 (Parallax) */
.bl-about-v2-right:hover .bl-image-wrap {
    transform: translate(-5px, -5px);
}
.bl-about-v2-right:hover .bl-deco-frame {
    transform: translate(10px, 10px); /* 线框向反方向移动 */
    opacity: 0.5;
}
.bl-about-v2-right:hover .bl-deco-dots {
    transform: translate(15px, -15px);
    opacity: 0.3;
}
.bl-about-v2-right:hover .bl-stats-card {
    transform: translateY(-8px);
}

/* 响应式适配微调 */
@media (max-width: 1200px) {
    .bl-deco-frame { right: -15px; top: 15px; }
    .bl-floating-badge { left: 10px; top: 20px; }
}
@media (max-width: 768px) {
    .bl-image-wrap, .bl-deco-frame { border-radius: 12px 60px 12px 12px; }
    .bl-deco-frame { right: -10px; top: 10px; }
    .bl-deco-dots { width: 100px; height: 100px; right: -10px; top: -10px; }
    .bl-floating-badge { display: none; /* 手机端空间有限，隐藏小标签保持整洁 */ }
}


/* 响应式适配 */
@media (max-width: 1200px) {
    .bl-about-v2 .w16 { flex-direction: column; }
    .bl-about-v2-left, .bl-about-v2-right { width: 100%; }
    .bl-about-v2-right { 
        margin-top: 60px; 
        padding-left: 50px; /* 给左侧悬浮卡片留出空间 */
    }
    .bl-stats-card { left: 0; bottom: -20px; }
}

@media (max-width: 768px) {
    .bl-about-v2-right { padding-left: 0; }
    .bl-image-wrap { border-radius: 12px 60px 12px 12px; }
    .bl-stats-card { 
        position: relative; 
        left: 0; 
        bottom: 0; 
        width: 100%; 
        margin-top: -40px; /* 手机端改为向上重叠一点点 */
        border-radius: 12px; 
    }
}

/* Products */
.bl-products{background: url('/wp-content/uploads/2026/06/bl-products-bg.webp') no-repeat center/cover;}
.bl-pro-card2 { position: relative; overflow: hidden; cursor: pointer;  border-radius: 8px; border-radius: 8px;}
.bl-pro-card2 img { transition: transform 0.6s var(--bl-easing); }
.bl-pro-card2:hover img { transform: scale(1.08); }
.bl-pro-card2::after { 
    content: ''; position: absolute; inset: 0; 
    background: linear-gradient(to top, rgba(0,19,34,0.95) 0%, rgba(0,19,34,0.2) 60%, transparent 100%); 
    z-index: 1; pointer-events: none; transition: background 0.4s var(--bl-easing); 
}
.bl-pro-card:hover::after {
    background: linear-gradient(to top, rgba(0,19,34,0.95) 0%, rgba(0,19,34,0.6) 70%, transparent 100%); 
}
.bl-pro-info { bottom: 0; left: 0; padding: 0.4rem 0.3rem; z-index: 2; transition: transform 0.5s var(--bl-easing); transform: translateY(0.2rem); }
.bl-pro-card2:hover .bl-pro-info { transform: translateY(0); }
.bl-pro-info .tag { font-size: var(--f14); font-weight: 600; letter-spacing: 1px; }
.bl-pro-info .title { font-size: var(--f24); font-weight: 700; line-height: 1.3; }
.bl-pro-info .desc-wrap { overflow: hidden; }
.bl-pro-info .desc { 
    font-size: var(--f16); color: #ddd; opacity: 0; max-height: 0; margin-top: 0;
    transition: all 0.5s var(--bl-easing); 
}
.bl-pro-card2:hover .desc { opacity: 1; max-height: 100px; margin-top: 15px; }
.bl-pro-info .explore { font-size: var(--f16); font-weight: 600; color: var(--bl-sec-theme); transition: color 0.3s; }
.bl-pro-info .explore:hover { color: #fff; }

/* 纯 CSS 绘制带圆圈的加号图标 */
.icon-plus {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    border-radius: 50%;
    position: relative;
    margin-right: 8px;
    transition: all 0.3s var(--bl-easing);
}
.icon-plus::before, 
.icon-plus::after {
    content: '';
    position: absolute;
    background-color: currentColor;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s var(--bl-easing);
}
/* 横线 */
.icon-plus::before { width: 10px; height: 2px; }
/* 竖线 */
.icon-plus::after { width: 2px; height: 10px; }

/* Hover 时加号旋转变成箭头或产生动画（可选） */
.bl-pro-info .explore:hover .icon-plus {
    background-color: #fff;
    color: var(--bl-theme); /* 继承父级的白色，内部加号变蓝 */
}


/* ==========================================================================
   Home Products - Tesla Style Product Swiper
   ========================================================================== */
.bl-home-products {
    padding: 0.6rem 0;
    background: #fff;
    overflow: hidden;
}

.bl-home-products-head {
    max-width: 900px;
    margin: 0 auto 0.42rem;
    text-align: center;
}

.bl-home-products-subtitle {
    margin-bottom: 0.1rem;
    color: var(--theme-color, #2A5AA6);
    font-size: var(--f16, 16px);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bl-home-products-title {
    margin: 0;
    color: #001322;
    font-size: var(--f42, 42px);
    line-height: 1.18;
    font-weight: 700;
}

.bl-home-products-desc {
    max-width: 760px;
    margin: 0.16rem auto 0;
    color: #5f6b7a;
    font-size: var(--f16, 16px);
    line-height: 1.7;
}

/* 轮播外层 */
.bl-home-products-swiper-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 0.46rem;
}

/* Swiper 允许左右露出 */
.bl-home-products-swiper {
    overflow: visible;
}
.bl-home-products-swiper .swiper-wrapper{
	padding-left: 0.5rem;
}


/* 关键：每个 slide 固定百分比宽度，不使用均分 */
.bl-home-products-swiper .swiper-slide {
    width: 54%;
    transition: transform 0.45s ease, opacity 0.45s ease;
}

/* 非当前项稍微弱化一点，形成中间聚焦 */
.bl-home-products-swiper .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.85;
}

/* 当前项清晰 */
.bl-home-products-swiper .swiper-slide-active {
    opacity: 1;
}

/* 卡片主体：高度比之前小一些，更接近截图比例 */
.bl-home-product-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #10233F;
    box-shadow: 0 12px 28px rgba(0, 19, 34, 0.12);
}

/* 图片 */
.bl-home-product-img {
    display: block;
    width: 100%;
    height: 100%;
}

.bl-home-product-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.8s ease;
}

/* 底部渐变 */
.bl-home-product-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58%;
    pointer-events: none;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.72) 0%,
        rgba(0, 0, 0, 0.42) 42%,
        rgba(0, 0, 0, 0.08) 78%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 1;
}

/* 内容 */
.bl-home-product-info {
    position: absolute;
    left: 0.36rem;
    right: 0.36rem;
    bottom: 0.28rem;
    z-index: 2;
}

.bl-home-product-info h3 {
    margin: 0;
    color: #fff;
    font-size: var(--f42, 34px);
    line-height: 1.15;
    font-weight: 700;
}

.bl-home-product-info p {
    max-width: 520px;
    margin: 0.1rem 0 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: var(--f15, 15px);
    line-height: 1.55;
}

/* 按钮 */
.bl-home-product-btns {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    margin-top: 0.18rem;
}

.bl-product-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 0.4rem;
    padding: 0 0.22rem;
    border-radius: 4px;
    font-size: var(--f16, 16px);
    font-weight: 500;
	letter-spacing: 0.002rem;
    line-height: 1;
    text-decoration: none;
    transition: all 0.35s ease;
}

.bl-product-btn-primary {
    color: #fff;
    background: var(--theme-color, #2A5AA6);
}

.bl-product-btn-primary:hover {
    color: #fff;
    background: #1d4484;
    transform: translateY(-2px);
}

.bl-product-btn-light {
    color: #001322;
    background: rgba(255, 255, 255, 0.92);
}

.bl-product-btn-light:hover {
    color: #fff;
    background: var(--sec-theme-color, #F08519);
    transform: translateY(-2px);
}

.bl-home-product-card:hover .bl-home-product-img img {
    transform: scale(1.05);
}

/* 左右箭头 */
.bl-home-products-prev,
.bl-home-products-next {
    position: absolute;
    top: 50%;
    z-index: 8;
    width: 0.42rem;
    height: 0.42rem;
    margin-top: -0.48rem;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.75);
    /* box-shadow: 0 8px 24px rgba(0, 19, 34, 0.16); */
	box-shadow: 0 4px 4px #00000040;
	inset-block-start: 40%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bl-home-products-prev {
    left: 0.5rem;
}

.bl-home-products-next {
    right: 0.5rem;
}

.bl-home-products-prev.swiper-button-disabled,.bl-home-products-next.swiper-button-disabled{
	display: none;
}

.bl-home-products-prev::before,
.bl-home-products-next::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.1rem;
    height: 0.1rem;
    border-top: 2px solid #001322;
    border-right: 2px solid #001322;
}

.bl-home-products-prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.bl-home-products-next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

.bl-home-products-prev:hover,
.bl-home-products-next:hover {
    background: var(--theme-color, #2A5AA6);
}

.bl-home-products-prev:hover::before,
.bl-home-products-next:hover::before {
    border-color: #fff;
}

/* 分页圆点 */
.bl-home-products-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.08rem !important;
    z-index: 4;
    text-align: center;
	font-size: 0;
}

.bl-home-products-pagination .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 4px !important;
    background: #001322;
    opacity: 0.35;
    transition: all 0.3s ease;
}

.bl-home-products-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--theme-color, #2A5AA6);
}

/* ==========================================================================
   Welcome & Partner Section (Strict Mirrored WEG Style)
   ========================================================================== */

.bl-welcome-section {
    padding: 1rem 0;
    background: #ffffff; /* 整体白底 */
    overflow-x: hidden; /* 防止向左拉伸导致出现横向滚动条 */
}

.bl-welcome-section .swiper-slide{
	opacity: 0 !important;
}
.bl-welcome-section .swiper-slide.swiper-slide-active{
	opacity: 1 !important;
}

.bl-welcome-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding-right: calc(50% - 8rem);
}

/* --- 左侧：轮播区域 --- */
.bl-welcome-left {
    width: 58%;
    position: relative;
}

.bl-partner-swiper {
    width: 100%;
    overflow: visible;
}

.bl-partner-item {
    position: relative;
    height: 500px; /* 固定高度以保证半圆角完美 */
    display: flex;
    align-items: center;
    justify-content: flex-end; /* 将内容推到右侧 */
}

/* 1. 底层：蓝色背景 (向左无限延伸，右侧半圆) */
.bl-partner-item::before {
    content: '';
    position: absolute;
    top: 8%;
    bottom: 0;
    right: 0;
	height: 84%;
    width: 2000px; /* 足够大的宽度，确保顶到屏幕最左侧 */
    background: var(--theme-color, #003A8C);
    border-radius: 0 250px 250px 0; /* 右侧半圆形 (高度480的一半) */
    z-index: 1;
}

/* 2. 顶层：大图 (在蓝底之上，向左延伸，右侧半圆) */
.bl-partner-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 380px; /* 距离右侧留出 380px 的空间给 Logo 和文案 */
    width: 800px; /* 同样向左无限延伸 */
    border-radius: 0 240px 240px 0; /* 右侧半圆形 */
    z-index: 2;
    overflow: hidden;
    /* box-shadow: 15px 0 30px rgba(0, 19, 34, 0.15); */
}

.bl-partner-img img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1200px; /* 防止超大屏幕下图片被拉伸过度 */
    height: 100%;
    object-fit: cover;
    object-position: right center; /* 保证图片焦点在右侧圆角处 */
    transition: transform 6s ease;
}

.swiper-slide-active .bl-partner-img img {
    transform: scale(1.05);
}

/* 3. 内容区：Logo 与文案 (放在蓝底露出的右侧区域) */
.bl-partner-content {
    position: relative;
    z-index: 3;
    width: 380px; /* 占据图片右侧留出的空间 */
    padding: 0 50px 0 30px; /* 调整内边距，让内容更居中 */
    color: #ffffff;
}

/* 品牌头部：圆形Logo + 名称横向排列 */
.bl-partner-brand {
    display: flex;
    align-items: center;
    gap: 15px; /* 圆形和文字的间距 */
    margin-bottom: 20px;
}

/* 圆形 Logo 容器 */
.bl-partner-logo-circle {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #ffffff; /* 白底，确保各种颜色的合作伙伴Logo都能看清 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 8px; /* 给内部Logo留出呼吸空间 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.bl-partner-logo-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 品牌名称 */
.bl-partner-name {
    font-size: var(--f24, 24px);
	line-height: 1.3;
	font-weight: 800;
    letter-spacing: 1px;
    color: #ffffff;
	/* color: #00D2FF; */
    text-transform: uppercase;
    margin: 0;
	flex: 1;
}

/* 下方介绍文案 */
.bl-partner-desc {
    margin: 0;
    font-size: var(--f18, 18px);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9); /* 微微透明的白色，增加层次感 */
}

.bl-partner-desc p{
	min-height: 3.2em;
}

/* 高亮大字 (参考 WEG 的亮蓝色，非常契合深蓝背景) */
.bl-partner-desc .highlight {
    font-size: var(--f32, 32px);
    font-weight: 700;
    color: #00D2FF; /* 亮青色/科技蓝，比之前的颜色更亮，对比度更高 */
    line-height: 1.2;
    display: block;
    margin: 6px 0;
    letter-spacing: -0.5px;
}

/* 轮播控制按钮 */
.bl-partner-nav {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 0.25rem;
}

.bl-nav-btn {
    width: 42px;
    height: 42px;
    border: 1px solid var(--theme-color, #003A8C);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color, #003A8C);
    cursor: pointer;
    transition: all 0.3s ease;
}

.bl-nav-btn:hover {
    background: var(--theme-color, #003A8C);
    color: #ffffff;
    transform: scale(1.05);
}

/* --- 右侧：文字介绍 --- */
.bl-welcome-right {
    width: 36%;
    padding-left: 4%;
}

.bl-welcome-title {
    margin: 0 0 25px;
    font-size: var(--f72, 72px);
    font-weight: 100;
    line-height: 1;
    /* color: #001322; */
    letter-spacing: 0.02rem;
}
.bl-welcome-title em{
	font-size: var(--f48, 48px);
}
.bl-welcome-title span {
	font-size: var(--f48, 48px);
    font-weight: 700;
    color: var(--theme-color, #003A8C);
}

.bl-welcome-desc {
    margin: 0 0 35px;
    font-size: var(--f18, 18px);
    line-height: 1.7;
    color: #5f6b7a;
}

/* 线框按钮 */
.bl-btn-outline-dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 32px;
    border: 1px solid #001322;
    border-radius: 23px;
    color: #001322;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.bl-btn-outline-dark:hover {
    background: #001322;
    color: #ffffff;
}

/* ==========================================================================
   Solutions Section (Hover to Change)
   ========================================================================== */

.bl-solutions-section {
    position: relative;
    min-height: 800px;
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
    overflow: hidden;
    color: #ffffff;
}

/* 动态背景图容器组 */
.bl-solutions-bg-group {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: #001322; /* 给个底色，防止极端情况下的漏白 */
}

/* 独立的背景项 */
.bl-bg-item {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.8s ease-in-out; /* 0.8秒的透明度渐变，非常丝滑 */
}

/* 激活状态的背景项 */
.bl-bg-item.is-active {
    opacity: 1;
}


/* 背景暗色遮罩 */
.bl-solutions-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 19, 34, 0.85) 0%, rgba(0, 19, 34, 0.6) 50%, rgba(0, 19, 34, 0.85) 100%);
    z-index: 2;
}

.bl-solutions-wrap {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    /* width: 100%; */
}

/* --- 左侧区域 --- */
.bl-solutions-left {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 500px; /* 撑开高度，让上下内容分离 */
}

/* 固定大标题 */
.bl-solutions-main-title {
    margin: 0;
    font-size: var(--f56, 56px);
    font-weight: 300; /* 极细字体，还原参考图 */
    line-height: 1.1;
    letter-spacing: 1px;
    color: #ffffff;
}

/* 动态内容区 */
.bl-solutions-dynamic {
    margin-top: auto; /* 推到底部 */
    max-width: 600px;
    /* 切换时的渐隐动画类 */
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.bl-solutions-dynamic.is-animating {
    opacity: 0;
    transform: translateY(10px);
}

.bl-dyn-title {
    margin: 0 0 15px;
    font-size: var(--f24, 24px);
	line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.bl-dyn-desc {
    margin: 0 0 30px;
    font-size: var(--f15, 15px);
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
}

/* 线框按钮 (白色) */
.bl-btn-outline-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 28px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px; /* 参考图是小圆角或直角 */
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

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

/* --- 右侧区域 (分类列表) --- */
.bl-solutions-right {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bl-solutions-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right; /* 文字靠右对齐 */
}

.bl-solutions-list li {
    font-size: var(--f18);
	line-height: 1.3;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5); /* 默认半透明 */
    margin-bottom: 0.3rem;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    position: relative;
    padding-right: 20px; /* 给右侧的小方块留出空间 */
}

/* 右侧的小方块装饰 (参考图中的青色小点) */
.bl-solutions-list li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #00D2FF; /* 亮青色 */
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 悬停或激活状态 */
.bl-solutions-list li:hover,
.bl-solutions-list li.is-active {
    color: #00D2FF; /* 文字变成亮青色 */
}

.bl-solutions-list li:hover::after,
.bl-solutions-list li.is-active::after {
    opacity: 1; /* 显示右侧小方块 */
}

/* ==========================================================================
   Responsive (移动端适配)
   ========================================================================== */

@media screen and (max-width: 1200px) {
    .bl-solutions-main-title { font-size: 46px; }
}

@media screen and (max-width: 992px) {
    .bl-solutions-wrap { flex-direction: column; gap: 50px; }
    .bl-solutions-left, .bl-solutions-right { width: 100%; }
    .bl-solutions-left { min-height: auto; gap: 40px; }
    .bl-solutions-right { justify-content: flex-start; }
    .bl-solutions-list { text-align: left; display: flex; flex-direction: column; gap: 15px; }
    .bl-solutions-list li { margin-bottom: 0; padding-right: 0; padding-left: 15px; }
    .bl-solutions-list li::after { right: auto; left: 0; }
}

@media screen and (max-width: 768px) {
    .bl-solutions-section { min-height: auto; padding: 60px 0; }
    .bl-solutions-main-title { font-size: 36px; }
    .bl-dyn-title { font-size: 18px; }
    .bl-dyn-desc { font-size: 14px; }
}


/* ==========================================================================
   Responsive (移动端适配)
   ========================================================================== */

@media screen and (max-width: 1200px) {
    .bl-partner-item { height: 420px; }
    .bl-partner-item::before, .bl-partner-img { border-radius: 0 210px 210px 0; }
    .bl-partner-img { right: 320px; }
    .bl-partner-content { width: 320px; padding: 0 40px 0 30px; }
    .bl-welcome-title { font-size: 40px; }
}

@media screen and (max-width: 992px) {
    .bl-welcome-wrap { flex-direction: column-reverse; gap: 0.6rem; }
    .bl-welcome-left, .bl-welcome-right { width: 100%; padding-left: 0; }
    .bl-welcome-right { text-align: center; }
    .bl-welcome-desc { max-width: 600px; margin: 0 auto 20px; }
}

@media screen and (max-width: 768px) {
    .bl-partner-item { height: auto; padding-bottom: 20px; flex-direction: column; justify-content: flex-start; }
    
    /* 手机端取消绝对定位拉伸，改为常规上下堆叠 */
    .bl-partner-item::before { display: none; }
    .bl-partner-img {
        position: relative; right: auto; width: 100%; height: 300px; border-radius: 12px; box-shadow: none;
    }
    .bl-partner-content {
        width: 90%; margin: -40px auto 0; padding: 30px; background: var(--theme-color, #003A8C); border-radius: 12px; box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    .bl-partner-nav { justify-content: center; }
	
	.bl-partner-logo-circle{width: 1.2rem;height: 1.2rem;}
}

/* ==========================================================================
   News Section
   ========================================================================== */

.bl-news-section {
    background: #ffffff;
    padding: 1rem 0 1.2rem;
}

/* 标题居中对齐 */
.bl-news-section .bl-gallery-head {
    text-align: center;
    margin-bottom: 0.6rem;
}

/* 左右布局 */
.bl-news-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5%;
}

/* --- 左侧：图片组 --- */
.bl-news-left {
    width: 45%;
}

.bl-news-img-group {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3; /* 经典的 4:3 比例 */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 19, 34, 0.08); /* 高级阴影 */
    background: #f4f7fa;
}

/* 叠加的图片，使用透明度切换解决闪烁 */
.bl-news-img-group img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.08); /* 默认微微放大 */
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* 激活状态的图片 */
.bl-news-img-group img.is-active {
    opacity: 1;
    transform: scale(1); /* 恢复正常大小，形成呼吸感 */
    z-index: 2;
}

/* --- 右侧：新闻列表 --- */
.bl-news-right {
    width: 50%;
}

.bl-news-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #eaeaea; /* 顶部线 */
}

.bl-news-list li {
    border-bottom: 1px solid #eaeaea; /* 底部线 */
    transition: border-color 0.3s ease;
}

.bl-news-link {
    display: flex;
    align-items: center;
    padding: 30px 0;
    text-decoration: none;
    gap: 30px;
}

/* 日期排版 */
.bl-news-date {
    width: 60px;
    flex-shrink: 0;
    text-align: left;
    color: #88929e;
    transition: color 0.3s ease;
}

.bl-news-date .month {
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.bl-news-date .day {
    display: block;
    font-size: var(--f32, 32px);
    font-weight: 700;
    line-height: 1;
    color: #001322;
    transition: color 0.3s ease;
}

/* 新闻标题 */
.bl-news-text h4 {
    margin: 0;
    font-size: var(--f22, 22px);
    font-weight: 400;
    color: #333333;
    line-height: 1.6;
    transition: all 0.3s ease;
}

/* 悬停与激活状态 (颜色变蓝，字体加粗) */
.bl-news-list li:hover,
.bl-news-list li.is-active {
    border-bottom-color: var(--theme-color, #2A5AA6);
}

.bl-news-list li:hover .bl-news-date,
.bl-news-list li.is-active .bl-news-date {
    color: var(--theme-color, #2A5AA6);
}

.bl-news-list li:hover .day,
.bl-news-list li.is-active .day {
    color: var(--theme-color, #2A5AA6);
}

.bl-news-list li:hover h4,
.bl-news-list li.is-active h4 {
    color: var(--theme-color, #2A5AA6);
    font-weight: 600;
}

/* 底部按钮 */
.bl-news-more {
    margin-top: 40px;
    text-align: right; /* 按钮靠右对齐，还原 WEG 布局 */
}

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

@media screen and (max-width: 1440px) {
    .bl-home-products-swiper .swiper-slide {
        width: 58%;
    }

    .bl-home-product-card {
        height: 390px;
        min-height: 320px;
    }
}

@media screen and (max-width: 1200px) {
    .bl-home-products {
        padding: 60px 0;
    }

    .bl-home-products-swiper .swiper-slide {
        width: 64%;
    }

    .bl-home-product-card {
        height: 360px;
    }

    .bl-home-product-info {
        left: 28px;
        right: 28px;
        bottom: 26px;
    }
}

@media screen and (max-width: 1000px) {
    .bl-home-products-head {
        margin-bottom: 35px;
    }

    .bl-home-products-title {
        font-size: 32px;
    }

    .bl-home-products-swiper {
        overflow: hidden;
    }

    .bl-home-product-card {
        height: 380px;
    }

    .bl-home-products-prev,
    .bl-home-products-next {
        display: none;
    }

}

@media screen and (max-width: 750px) {
    .bl-home-products {
        padding: 45px 0;
    }

    .bl-home-products-title {
        font-size: 26px;
    }

    .bl-home-products-desc {
        font-size: 14px;
    }

    .bl-home-products-swiper .swiper-slide {
        width: 100%;
    }

    .bl-home-product-card {
        height: 400px;
        min-height: 400px;
        border-radius: 6px;
    }

    .bl-home-product-info {
        left: 20px;
        right: 20px;
        bottom: 24px;
		width: calc(100% - 40px);
    }
	
	.bl-home-products-swiper-wrap{
		padding: 0 4% 0.6rem;
	}
	.bl-home-products-swiper .swiper-wrapper{
		padding-left: 0;
	}
	.bl-home-product-img .rect-55{
		height: 100%;
		width: 100%;
		padding-bottom: 0;
	}

    .bl-home-product-info h3 {
        font-size: 25px;
    }

    .bl-home-product-info p {
        font-size: 14px;
		margin-top: 0.15rem;
    }

    .bl-home-product-btns {
        gap: 10px;
        margin-top: 18px;
    }

    .bl-product-btn {
        min-width: 118px;
        height: 40px;
        padding: 0 18px;
        font-size: 13px;
    }
}

@media screen and (max-width: 420px) {
    .bl-home-product-btns {
    }

    .bl-product-btn {
        /* width: 160px; */
    }
}



/* Solutions - 修复层级遮挡 */
.bl-solutions { 
    transition: background-image 0.6s ease-in-out; 
    background-size: cover; 
    background-position: center; 
    position: relative; 
    z-index: 1; /* 建立层叠上下文 */
}
.bl-solutions::before { 
    content: ''; position: absolute; inset: 0; 
    /* background: rgba(0,19,34,0.85); */
	background: url('/wp-content/uploads/2026/06/bl-solutions-bf.webp') no-repeat center/cover;
    z-index: -1; /* 放到最底层，绝不遮挡文字 */
}
.bl-sol-left { position: sticky; top: 120px; }
.bl-sol-item { 
    padding: 0.2rem 0.3rem; border-left: 4px solid rgba(255,255,255,0.15); 
    cursor: pointer; transition: all 0.4s var(--bl-easing); 
    margin-bottom: 0.2rem; background: rgba(255,255,255,0.02); 
}
.bl-sol-item:hover { background: rgba(255,255,255,0.06); border-left-color: rgba(255,255,255,0.5); }
.bl-sol-item.active { border-left-color: var(--bl-sec-theme); background: rgba(255,255,255,0.1); }
.bl-sol-item .title { font-size: var(--f24); font-weight: 600; transition: color 0.3s; }
.bl-sol-item.active .title { color: var(--bl-sec-theme); }
.bl-sol-item .desc { font-size: var(--f16); color: rgb(255, 255, 255, .8); margin-top: 0.15rem; display: none; line-height: 1.6; }
.bl-sol-item.active .desc { display: block; animation: fadeIn 0.5s var(--bl-easing); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

/* Why Choose Us */
.bl-why-card { width: 31.5%; border: 1px solid #eee; transition: all 0.4s var(--bl-easing); }
.bl-why-card:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.06); transform: translateY(-12px); border-color: transparent; }
.bl-why-card .icon { width: 85px; height: 85px; transition: transform 0.4s var(--bl-easing); }
.bl-why-card:hover .icon { transform: scale(1.1); background-color: var(--bl-sec-theme); }
.bl-why-card:hover .icon img { filter: brightness(0) invert(1); }

/* Cases */
.bl-case-card { width: 31.5%; transition: transform 0.4s var(--bl-easing); }
.bl-case-card img { transition: transform 0.6s var(--bl-easing); }
.bl-case-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.bl-case-card:hover img { transform: scale(1.08); }
.bl-case-overlay { background: linear-gradient(to top, rgba(0,19,34,0.9) 0%, rgba(0,19,34,0.4) 50%, transparent 100%); transition: opacity 0.4s;z-index: 1;}
.bl-case-card:hover .bl-case-overlay { opacity: 0.8; }
.bl-case-info { bottom: 0; left: 0; transition: transform 0.4s var(--bl-easing);z-index: 2;}
.bl-case-card:hover .bl-case-info { transform: translateY(-5px); }
.bl-case-card .tag{
	top: 0.2rem;
	left: 0.2rem;
}
.bl-case-card .bl-case-overlay{bottom:0; left:0; pointer-events:none;}
/* News */
.bl-news-card { width: 31.5%; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.04); transition: all 0.4s var(--bl-easing); }
.bl-news-card img { transition: transform 0.6s var(--bl-easing); }
.bl-news-card:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.08); transform: translateY(-10px); }
.bl-news-card:hover img { transform: scale(1.08); }

/* cta */
.bl-cta{}
.bl-overlay{
	top: 0;
	left: 0;
	background: rgba(1, 84, 164, 0.85);
	z-index: 1;
}
.z2{z-index: 2;}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .bl-hero-stats .w16 { flex-wrap: wrap; justify-content: center; height: auto; padding: 20px 0; }
    .bl-stat-item { margin: 10px 20px; }
    .bl-about .w16, .bl-solutions .w16 { flex-direction: column; }
    .bl-about-left, .bl-about-right, .bl-sol-left, .bl-sol-right { width: 100%; }
    .bl-about-right { margin-top: 80px; padding-bottom: 20%; }
    .bl-sol-left { position: relative; top: 0; margin-bottom: 40px; }
    .bl-why-card, .bl-case-card, .bl-news-card { width: 48%; }
    .bl-cta .w16 { flex-direction: column; text-align: center; }
    .bl-cta .w60, .bl-cta .w40 { width: 100%; justify-content: center; margin-top: 20px; }
}

@media (max-width: 768px) {
    .bl-header .bl-nav { display: none; }
    .bl-title { font-size: var(--f36); }
    .bl-sec-title { font-size: var(--f30); }
    .bl-hero-btns { flex-direction: column; align-items: flex-start; }
    .bl-hero-btns a { margin-bottom: 15px; margin-right: 0; width: 100%; text-align: center;padding: 0.3rem 0.6rem;}
    .bl-why-card, .bl-case-card, .bl-news-card { width: 100%; }
    .bl-foot-col { width: 100%; margin-bottom: 40px; }
    .bl-ag-item { width: 50%; }
	.bl-hero-tags span{
		padding: 0.12rem 0.3rem;
	}
}



.c-swiper-button{
	display: inline-flex;
	gap: 0.1rem;
}
.c-swiper-button .swiper-button-prev,.c-swiper-button .swiper-button-next{
	width: 0.6rem;
	height: 0.6rem;
	border: 2px solid rgba(255, 255, 255, .7);
	border-radius: 50%;
	display: inline-block;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin-top: 0;
}
.c-swiper-button .swiper-button-prev{}
.c-swiper-button .swiper-button-next{}
.c-swiper-button .swiper-button-prev::after,.c-swiper-button .swiper-button-next::after{
	color: rgb(255, 255, 255, .7);
	font-weight: 900;
	font-size: var(--f16);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	transition: all .4s ease;
}
.c-swiper-button.black .swiper-button-prev,.c-swiper-button.black .swiper-button-next{
	border-color: rgb(0,0,0,.5);
}
.c-swiper-button.theme-color .swiper-button-prev,.c-swiper-button.theme-color .swiper-button-next{
	border-color: var(--theme-color);
}
.c-swiper-button.black .swiper-button-prev::after,.c-swiper-button.black .swiper-button-next::after{
	color: rgb(0,0,0,.5);
}

/* ==========================================================================
   Partners Section (双行走马灯高级版)
   ========================================================================== */

.bl-partners {
    overflow: hidden; /* 防止横向滚动条 */
	background: url('/wp-content/uploads/2026/06/i_par_bg_01.webp') no-repeat center/cover;
}

/* 走马灯外层容器 */
.bl-marquee-wrap {
    position: relative;
    width: 100vw; /* 让走马灯撑满屏幕宽度，显得更大气 */
    margin-left: 50%;
    transform: translateX(-50%);
    /* 左右边缘渐隐遮罩，高级感来源 */
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

/* 单行容器 */
.bl-marquee-row {
    display: flex;
    width: 100%;
    overflow: hidden;
}

/* 滚动轨道 */
.bl-marquee-track {
    display: flex;
    width: max-content;
    gap: 20px;
    padding: 10px 0;
    /* 动画：向左匀速滚动，40秒一圈 */
    animation: marqueeScrollLeft 40s linear infinite;
}

/* 反向滚动轨道 (错位效果) */
.bl-marquee-track.reverse {
    /* 动画：向右匀速滚动 */
    animation: marqueeScrollRight 40s linear infinite;
}

/* 鼠标悬停时暂停滚动，方便用户查看 */
.bl-marquee-track:hover {
    animation-play-state: paused;
}

/* 单个 Logo 卡片 */
.bl-logo-item {
    width: 220px; /* 固定宽度 */
    height: 90px;
    background-color: rgba(255, 255, 255, 0.08); 
	background-color: #fff;
    padding: 8px 12px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.05);
    flex-shrink: 0; /* 防止被挤压 */
}

/* Logo 图片默认状态：灰度 + 提亮 */
.bl-logo-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* filter: grayscale(100%) brightness(200%); */
    transition: all 0.4s var(--bl-easing);
}

/* 鼠标悬停交互：卡片变白浮起，Logo恢复彩色 */
.bl-logo-item:hover {
    background-color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    border-color: #fff;
}
.bl-logo-item:hover img {
    /* filter: grayscale(0%) brightness(100%); */
}

/* --- 走马灯关键帧动画 --- */

/* 向左滚动 (平移一半的距离，因为我们复制了一份DOM) */
@keyframes marqueeScrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 10px)); /* 10px 是 gap 的一半补偿 */ }
}

/* 向右滚动 */
@keyframes marqueeScrollRight {
    0% { transform: translateX(calc(-50% - 10px)); }
    100% { transform: translateX(0); }
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .bl-partners .w70 { width: 100%; }
}

@media (max-width: 768px) {
    .bl-logo-item { width: 160px; height: 70px; padding: 10px; }
    .bl-marquee-track { gap: 15px; }
    /* 手机端按钮改为上下排列 */
    .bl-partner-btns { flex-direction: column; }
    .bl-partner-btns a { 
        margin: 0 0 15px 0; 
        width: 100%; 
        text-align: center; 
        justify-content: center;
    }
}

/* 合作伙伴 e */

/* 基础辅助类增强 */
.bg-theme { background-color: var(--theme-color); }
.color-theme { color: var(--theme-color); }
.box-shadow { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.border-bottom { border-bottom: 1px solid #eee; }

/* 内页通用区块设置 */
.inner-section {
    padding: 0.9rem 0;
}
.inner-sec-head {
    margin-bottom: 0.5rem;
}
.inner-sec-head .sub-tit {
    display: inline-block;
    color: var(--theme-color);
    font-size: var(--f16);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    letter-spacing: 1px;
}
.inner-sec-head .main-tit {
    font-size: var(--f46);
    color: #111;
    font-weight: 700;
    line-height: 1.2;
}

/* ====================关于样式========================= */
@charset "utf-8";

/* =========================================================
   Benlong About Us Page
   Prefix: bl-about-page
   Based on existing common.css / style.css utilities
========================================================= */

.bl-about-page {
    color: #10233f;
    background-color: #fff;
    overflow: hidden;
}

.bl-about-page * {
    box-sizing: border-box;
}

/* ================= Common ================= */

.bl-about-page-tag {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.14rem;
    color: var(--theme-color);
    font-size: var(--f16);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bl-about-page-tag::before {
    content: "";
    width: 0.32rem;
    height: 2px;
    margin-right: 0.12rem;
    background-color: var(--sec-theme-color);
}

.bl-about-page-tag.color-white {
    color: #fff;
}

.bl-about-page-tag.color-white::before {
    background-color: var(--sec-theme-color);
}

.bl-about-page-title {
    max-width: 12rem;
}

.bl-about-page-title.tac {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.bl-about-page-title.tac .bl-about-page-tag {
    justify-content: center;
}

.bl-about-page-title h2,
.bl-about-page-overview-text h2,
.bl-about-page-engineering-text h2,
.bl-about-page-exhibition-text h2,
.bl-about-page-cta-text h2,
.bl-about-page-trust-head h2 {
    color: #08182f;
    font-size: var(--f50);
    line-height: 1.16;
    font-weight: 800;
}



.bl-about-page-title p,
.bl-about-page-overview-text p,
.bl-about-page-engineering-text p,
.bl-about-page-exhibition-text p,
.bl-about-page-cta-text p,
.bl-about-page-trust-head p {
    margin-top: 0.2rem;
    color: #5f6b7a;
    font-size: var(--f18);
    line-height: 1.75;
}

.bl-about-page-title.color-white .bl-about-page-tag,
.bl-about-page-title.color-white h2,
.bl-about-page-title.color-white p{
	color: #fff;
}


.bl-about-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0.52rem;
    padding: 0 0.32rem;
    border-radius: 999px;
    font-size: var(--f16);
    font-weight: 700;
    line-height: 1.2;
    transition: all 0.35s ease;
}

.bl-about-page-btn-primary {
    background-color: var(--sec-theme-color);
    color: #fff;
    box-shadow: 0 0.12rem 0.28rem rgba(240, 133, 25, 0.26);
}

.bl-about-page-btn-primary:hover {
    color: #fff;
    background-color: #d96f12;
    transform: translateY(-0.04rem);
    box-shadow: 0 0.18rem 0.35rem rgba(240, 133, 25, 0.34);
}

.bl-about-page-btn-outline {
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #fff;
}

.bl-about-page-btn-outline:hover {
    color: #08182f;
    background-color: #fff;
    transform: translateY(-0.04rem);
}

.bl-about-page-link {
    display: inline-flex;
    align-items: center;
    margin-top: 0.32rem;
    color: var(--theme-color);
    font-size: var(--f18);
    font-weight: 800;
}

.bl-about-page-link i {
    margin-left: 0.1rem;
    transition: all 0.3s ease;
}

.bl-about-page-link:hover {
    color: var(--sec-theme-color);
}

.bl-about-page-link:hover i {
    transform: translateX(0.06rem);
}

/* ================= Hero ================= */

.bl-about-page-hero {
    position: relative;
    height: 6.2rem;
    min-height: 620px;
    overflow: hidden;
    background-color: #001322;
}

.bl-about-page-hero-bg,
.bl-about-page-hero-bg img,
.bl-about-page-hero-mask {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.bl-about-page-hero-bg img {
    object-fit: cover;
}

.bl-about-page-hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 75% 40%, rgba(42, 90, 166, 0.18), transparent 34%);
}

.bl-about-page-hero-mask {
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(0, 19, 34, 0.92) 0%, rgba(0, 19, 34, 0.72) 42%, rgba(0, 19, 34, 0.18) 100%),
        linear-gradient(180deg, rgba(0, 19, 34, 0.18), rgba(0, 19, 34, 0.48));
}

.bl-about-page-hero-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
}

.bl-about-page-hero-content {
    max-width: 8.4rem;
    padding-top: var(--nav_height);
}

.bl-about-page-hero-content h1 {
    color: #fff;
    font-size: var(--f60);
    line-height: 1.08;
    font-weight: 900;
}

.bl-about-page-hero-content p {
    max-width: 7.4rem;
    margin-top: 0.24rem;
    color: rgba(255, 255, 255, 0.82);
    font-size: var(--f20);
    line-height: 1.7;
}

.bl-about-page-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.16rem;
    margin-top: 0.38rem;
}

/* ================= Overview ================= */

.bl-about-page-overview {
    background:
        radial-gradient(circle at 90% 10%, rgba(42, 90, 166, 0.08), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f9fcff 100%);
}

.bl-about-page-overview-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.bl-about-page-overview-text {
    width: 50%;
}

.bl-about-page-overview-text p + p {
    margin-top: 0.18rem;
}

.bl-about-page-overview-media {
    position: relative;
    width: 44%;
}

.bl-about-page-main-img {
    border-radius: 0.18rem 0.9rem 0.18rem 0.18rem;
    box-shadow: 0 0.24rem 0.55rem rgba(9, 37, 74, 0.14);
}

.bl-about-page-main-img img {
    transition: all 0.6s ease;
}

.bl-about-page-overview-media:hover .bl-about-page-main-img img {
    transform: scale(1.05);
}

.bl-about-page-float-card {
    position: absolute;
    left: -0.42rem;
    bottom: -0.34rem;
    width: 2.85rem;
    padding: 0.3rem;
    border-radius: 0.16rem;
    background: linear-gradient(135deg, #0d2747 0%, #071526 100%);
    color: #fff;
    box-shadow: 0 0.22rem 0.46rem rgba(0, 19, 34, 0.24);
}

.bl-about-page-float-card strong {
    display: block;
    font-size: var(--f22);
    line-height: 1.25;
    font-weight: 800;
}

.bl-about-page-float-card span {
    display: block;
    margin-top: 0.12rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--f14);
    line-height: 1.5;
}

.bl-about-page-stats {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-radius: 0.18rem;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0.16rem 0.42rem rgba(9, 37, 74, 0.08);
}

.bl-about-page-stat-item {
    position: relative;
    padding: 0.32rem 0.18rem;
    text-align: center;
    border-right: 1px solid #e8eef5;
}

.bl-about-page-stat-item:last-child {
    border-right: none;
}

.bl-about-page-stat-item strong {
    display: block;
    color: var(--theme-color);
    font-family: "OR";
    font-size: var(--f38);
    line-height: 1;
    font-weight: 800;
}

.bl-about-page-stat-item span {
    display: block;
    margin-top: 0.1rem;
    color: #5f6b7a;
    font-size: var(--f16);
    line-height: 1.4;
}

/* ================= Focus ================= */

.bl-about-page-focus-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.24rem;
}

.bl-about-page-focus-card {
    position: relative;
    padding: 0.38rem 0.3rem;
    border: 1px solid #e6edf5;
    border-radius: 0.16rem;
    background-color: #fff;
    box-shadow: 0 0.1rem 0.28rem rgba(10, 44, 83, 0.04);
    transition: all 0.35s ease;
    overflow: hidden;
}

.bl-about-page-focus-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.04rem;
    background-color: var(--theme-color);
    transform: scaleX(0);
    transform-origin: left;
    transition: all 0.35s ease;
}

.bl-about-page-focus-card:hover {
    transform: translateY(-0.08rem);
    border-color: rgba(var(--theme-color-rgb), 0.32);
    box-shadow: 0 0.22rem 0.48rem rgba(10, 44, 83, 0.1);
}

.bl-about-page-focus-card:hover::before {
    transform: scaleX(1);
}

.bl-about-page-focus-card .icon {
    width: 0.8rem;
    height: 0.8rem;
    margin-bottom: 0.24rem;
    border-radius: 50%;
    background-color: rgba(var(--theme-color-rgb), 0.08);
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--f26);
}

.bl-about-page-focus-card .icon img{
	max-width: 60%;
}

.bl-about-page-focus-card h3 {
    color: #08182f;
    font-size: var(--f22);
    line-height: 1.35;
    font-weight: 800;
}

.bl-about-page-focus-card p {
    margin-top: 0.14rem;
    color: #5f6b7a;
    font-size: var(--f16);
    line-height: 1.7;
}

/* ================= Engineering ================= */

.bl-about-page-engineering-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.bl-about-page-engineering-img,
.bl-about-page-engineering-text {
    width: 50%;
}

.bl-about-page-engineering-img .rect-70 {
    border-radius: 0.18rem;
    box-shadow: 0 0.24rem 0.55rem rgba(9, 37, 74, 0.12);
}

.bl-about-page-engineering-img img {
    transition: all 0.6s ease;
}

.bl-about-page-engineering-img:hover img {
    transform: scale(1.05);
}

.bl-about-page-check-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.16rem;
    margin-top: 0.3rem;
}

.bl-about-page-check-list div {
    display: flex;
    align-items: flex-start;
    padding: 0.16rem;
    border-radius: 0.1rem;
    background-color: #f4f8fc;
    color: #23344f;
    font-size: var(--f16);
    line-height: 1.5;
}

.bl-about-page-check-list i {
    margin-right: 0.1rem;
    margin-top: 0.04rem;
    color: var(--sec-theme-color);
}

/* ================= Trust ================= */

.bl-about-page-trust {
    background:
        linear-gradient(135deg, rgba(0, 19, 34, 0.85), rgba(13, 49, 91, 0.92)),
        url("/wp-content/uploads/2026/06/bl-about-page-trust-bg.webp") no-repeat center/cover;
}

.bl-about-page-trust-head {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
}

.bl-about-page-trust-head > div {
    width: 50%;
}

.bl-about-page-trust-head h2 {
    color: #fff;
}

.bl-about-page-trust-head p {
    width: 44%;
    color: rgba(255, 255, 255, 0.72);
}

.bl-about-page-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.22rem;
}

.bl-about-page-trust-card {
    padding: 0.34rem 0.28rem;
    border-radius: 0.16rem;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: all 0.35s ease;
}

.bl-about-page-trust-card:hover {
    background-color: #fff;
    transform: translateY(-0.08rem);
}

.bl-about-page-trust-card .icon{
	margin-bottom: 0.2rem;;
}
.bl-about-page-trust-card .icon img{
	width: 0.6rem;
}
.bl-about-page-trust-card:hover .icon img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 var(--theme-color));
	-webkit-filter: drop-shadow(100vw 0px 0 var(--theme-color));
	right: 100vw;
}

.bl-about-page-trust-card h3 {
    color: #fff;
    font-size: var(--f22);
    line-height: 1.35;
    font-weight: 800;
}

.bl-about-page-trust-card p {
    margin-top: 0.14rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--f16);
    line-height: 1.7;
}

.bl-about-page-trust-card:hover h3 {
    color: #08182f;
}

.bl-about-page-trust-card:hover p {
    color: #5f6b7a;
}

/* ================= Factory ================= */

.bl-about-page-gallery {
    display: grid;
    grid-template-columns: 1.08fr 1fr;
    gap: 0.22rem;
}

.bl-about-page-gallery-big .rect-67,
.bl-about-page-gallery-small .rect-67 {
    border-radius: 0.16rem;
    box-shadow: 0 0.1rem 0.28rem rgba(10, 44, 83, 0.06);
}

.bl-about-page-gallery-small {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.22rem;
}

.bl-about-page-gallery img {
    transition: all 0.55s ease;
}

.bl-about-page-gallery .rect-67:hover img {
    transform: scale(1.06);
}

/* ================= Exhibition Swiper ================= */

.bl-about-page-exhibition {
    /* background-color: #fff; */
}

.bl-about-page-exhibition-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.5rem;
}

.bl-about-page-exhibition-head .bl-about-page-title {
    max-width: 9.2rem;
}

.bl-about-page-exhibition .swiper-wrapper{
	/* padding: 0.2rem 0; */
}

.bl-about-page-exhibition-nav {
    display: flex;
    gap: 0.12rem;
    flex-shrink: 0;
}

.bl-about-page-exhibition-prev,
.bl-about-page-exhibition-next {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    border: 1px solid #dce5ef;
    background-color: #fff;
    color: #23344f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--f22);
    cursor: pointer;
    transition: all 0.3s ease;
}

.bl-about-page-exhibition-prev:hover,
.bl-about-page-exhibition-next:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
    transform: translateY(-0.03rem);
}

.bl-about-page-exhibition-swiper {
    padding: 0.06rem 0.02rem 0.42rem;
}

.bl-about-page-exhibition-card {
    height: 100%;
    border-radius: 0.18rem;
    background-color: #fff;
    border: 1px solid #e6edf5;
    box-shadow: 0 0.1rem 0.28rem rgba(10, 44, 83, 0.05);
    overflow: hidden;
    transition: all 0.35s ease;
}

.bl-about-page-exhibition-card:hover {
    transform: translateY(-0.08rem);
    border-color: rgba(var(--theme-color-rgb), 0.28);
    box-shadow: 0 0.24rem 0.5rem rgba(10, 44, 83, 0.12);
}

.bl-about-page-exhibition-card .pic {
    background-color: #f4f8fc;
}

.bl-about-page-exhibition-card .pic img {
    transition: all 0.55s ease;
}

.bl-about-page-exhibition-card:hover .pic img {
    transform: scale(1.06);
}

.bl-about-page-exhibition-card .text {
    padding: 0.26rem 0.28rem 0.32rem;
}

.bl-about-page-exhibition-card .text span {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.1rem;
    color: var(--theme-color);
    font-size: var(--f14);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bl-about-page-exhibition-card .text h3 {
    color: #08182f;
    font-size: var(--f22);
    line-height: 1.35;
    font-weight: 800;
}

.bl-about-page-exhibition-card .text p {
    margin-top: 0.12rem;
    color: #5f6b7a;
    font-size: var(--f16);
    line-height: 1.7;
}

/* ================= Partners ================= */

.bl-about-page-partners {
    position: relative;
    background:
        radial-gradient(circle at 85% 15%, rgba(42, 90, 166, 0.08), transparent 28%),
        linear-gradient(180deg, #f9fcff 0%, #eef5fb 100%);
}

.bl-about-page-partners-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.2rem;
}

.bl-about-page-partner-item {
    height: 1.18rem;
    padding: 0.24rem 0.32rem;
    border-radius: 0.14rem;
    background-color: #fff;
    border: 1px solid #e6edf5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.08rem 0.22rem rgba(10, 44, 83, 0.04);
    transition: all 0.35s ease;
}

.bl-about-page-partner-item:hover {
    transform: translateY(-0.06rem);
    border-color: rgba(var(--theme-color-rgb), 0.3);
    box-shadow: 0 0.2rem 0.42rem rgba(10, 44, 83, 0.09);
}

.bl-about-page-partner-item img {
    max-width: 100%;
    max-height: 0.58rem;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.72;
    transition: all 0.35s ease;
}

.bl-about-page-partner-item:hover img {
    filter: grayscale(0);
    opacity: 1;
}
@media screen and (max-width: 1400px) {
	.bl-about-page-partners-wrap {
	    grid-template-columns: repeat(3, 1fr);
	}
}

/* ================= Certificates ================= */

.bl-about-page-cert-wrap {
    position: relative;
}

.bl-about-page-cert-swiper {
    padding: 0.08rem 0.02rem 0.42rem;
}

.bl-about-page-cert-card {
    padding: 0.18rem;
    border-radius: 0.16rem;
    background-color: #fff;
    border: 1px solid #e6edf5;
    box-shadow: 0 0.1rem 0.28rem rgba(10, 44, 83, 0.05);
    transition: all 0.35s ease;
}

.bl-about-page-cert-card:hover {
    transform: translateY(-0.08rem);
    border-color: rgba(var(--theme-color-rgb), 0.28);
    box-shadow: 0 0.22rem 0.45rem rgba(10, 44, 83, 0.11);
}

.bl-about-page-cert-card .rect-135 {
    border-radius: 0.12rem;
    background-color: #f5f7fa;
}

.bl-about-page-cert-card img {
    object-fit: cover;
}

.bl-about-page-cert-card h3 {
    min-height: 0.48rem;
    margin-top: 0.16rem;
    color: #08182f;
    font-size: var(--f16);
    line-height: 1.45;
    font-weight: 800;
    text-align: center;
}

.bl-about-page-cert-nav {
    display: flex;
    justify-content: center;
    gap: 0.12rem;
    margin-top: 0.1rem;
}

.bl-about-page-cert-prev,
.bl-about-page-cert-next {
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 50%;
    border: 1px solid #dce5ef;
    background-color: #fff;
    color: #23344f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--f22);
    cursor: pointer;
    transition: all 0.3s ease;
}

.bl-about-page-cert-prev:hover,
.bl-about-page-cert-next:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}

/* ================= Milestone ================= */

.bl-about-page-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.24rem;
}

.bl-about-page-timeline::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0.42rem;
    height: 2px;
    background-color: #e2eaf3;
}

.bl-about-page-time-item {
    position: relative;
    padding-top: 0.85rem;
}

.bl-about-page-time-item::before {
    content: "";
    position: absolute;
    top: 0.32rem;
    left: 0;
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 50%;
    background-color: var(--sec-theme-color);
    border: 0.06rem solid #fff;
    box-shadow: 0 0 0 1px var(--sec-theme-color);
    z-index: 2;
}

.bl-about-page-time-item strong {
    display: block;
    color: var(--theme-color);
    font-family: "OR";
    font-size: var(--f42);
    line-height: 1;
    font-weight: 800;
}

.bl-about-page-time-item h3 {
    margin-top: 0.16rem;
    color: #08182f;
    font-size: var(--f22);
    line-height: 1.35;
    font-weight: 800;
}

.bl-about-page-time-item p {
    margin-top: 0.1rem;
    color: #5f6b7a;
    font-size: var(--f16);
    line-height: 1.7;
}

/* ================= Values ================= */

.bl-about-page-values-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.2rem;
}

.bl-about-page-value-card {
    position: relative;
    padding: 0.34rem 0.26rem;
    border-radius: 0.16rem;
    background-color: #fff;
    border: 1px solid #e6edf5;
    transition: all 0.35s ease;
    overflow: hidden;
}

.bl-about-page-value-card::after {
    content: "";
    position: absolute;
    right: -0.25rem;
    top: -0.25rem;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background-color: rgba(var(--theme-color-rgb), 0.06);
}

.bl-about-page-value-card:hover {
    transform: translateY(-0.08rem);
    border-color: rgba(var(--theme-color-rgb), 0.28);
    box-shadow: 0 0.22rem 0.45rem rgba(10, 44, 83, 0.09);
}

.bl-about-page-value-card span {
    display: block;
    color: var(--sec-theme-color);
    font-family: "OR";
    font-size: var(--f36);
    line-height: 1;
    font-weight: 800;
}

.bl-about-page-value-card h3 {
    margin-top: 0.2rem;
    color: #08182f;
    font-size: var(--f22);
    line-height: 1.35;
    font-weight: 800;
}

.bl-about-page-value-card p {
    margin-top: 0.12rem;
    color: #5f6b7a;
    font-size: var(--f16);
    line-height: 1.7;
}

/* ================= CTA ================= */

.bl-about-page-cta {
    background-color: #fff;
}

.bl-about-page-cta-box {
    position: relative;
    padding: 0.55rem 0.6rem;
    border-radius: 0.2rem;
    background:
        linear-gradient(135deg, rgba(0, 19, 34, 0.94), rgba(13, 49, 91, 0.92)),
        url("https://picsum.photos/id/1067/1800/700") no-repeat center/cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    overflow: hidden;
}

.bl-about-page-cta-text {
    width: 65%;
}

.bl-about-page-cta-text h2 {
    color: #fff;
}

.bl-about-page-cta-text p {
    color: rgba(255, 255, 255, 0.76);
}

.bl-about-page-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.14rem;
    justify-content: flex-end;
}

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

@media screen and (max-width: 1400px) {
    .bl-about-page-stats {
        grid-template-columns: repeat(3, 1fr);
    }

    .bl-about-page-stat-item:nth-child(3n) {
        border-right: none;
    }

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

    .bl-about-page-focus-grid,
    .bl-about-page-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bl-about-page-values-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1200px) {
    .bl-about-page-hero {
        min-height: 560px;
    }

    .bl-about-page-overview-grid,
    .bl-about-page-engineering-box,
    .bl-about-page-trust-head,
    .bl-about-page-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .bl-about-page-overview-text,
    .bl-about-page-overview-media,
    .bl-about-page-engineering-img,
    .bl-about-page-engineering-text,
    .bl-about-page-trust-head > div,
    .bl-about-page-trust-head p,
    .bl-about-page-cta-text {
        width: 100%;
    }
	
	.bl-about-page-exhibition-head {
	    flex-direction: column;
	    align-items: flex-start;
	}
	
	.bl-about-page-exhibition-nav {
	    margin-top: 0.1rem;
	}


    .bl-about-page-overview-media {
        padding-left: 0.42rem;
    }

    .bl-about-page-gallery {
        grid-template-columns: 1fr;
    }

    .bl-about-page-timeline {
        grid-template-columns: repeat(2, 1fr);
    }

    .bl-about-page-timeline::before {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .bl-about-page-hero {
        height: auto;
        min-height: 6.8rem;
    }

    .bl-about-page-hero-content {
        padding: 1.4rem 0 0.8rem;
    }

    .bl-about-page-hero-content h1 {
        font-size: var(--f54);
    }

    .bl-about-page-hero-content p {
        font-size: var(--f18);
    }

    .bl-about-page-hero-actions,
    .bl-about-page-cta-actions {
        width: 100%;
        flex-direction: column;
    }

    .bl-about-page-btn {
        width: 100%;
    }

    .bl-about-page-overview-media {
        padding-left: 0;
    }

    .bl-about-page-float-card {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: -0.2rem;
        border-radius: 0.14rem;
    }

    .bl-about-page-stats,
    .bl-about-page-focus-grid,
    .bl-about-page-trust-grid,
    .bl-about-page-gallery-small,
    .bl-about-page-timeline,
    .bl-about-page-values-grid,
    .bl-about-page-check-list {
        grid-template-columns: 1fr;
    }
	
	.bl-about-page-partners-wrap {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 0.16rem;
	}
	
	.bl-about-page-partner-item {
	    height: 1rem;
	    padding: 0.2rem;
	}
	
	.bl-about-page-partner-item img {
	    max-height: 0.46rem;
	}
	
	.bl-about-page-exhibition-nav {
	    width: 100%;
	    justify-content: flex-start;
	}
	
	.bl-about-page-exhibition-card .text {
	    padding: 0.24rem 0.22rem 0.28rem;
	}


    .bl-about-page-stat-item {
        border-right: none;
        border-top: 1px solid #e8eef5;
    }

    .bl-about-page-stat-item:first-child {
        border-top: none;
    }

    .bl-about-page-gallery-small {
        gap: 0.18rem;
    }

    .bl-about-page-time-item {
        padding-top: 0;
        padding-left: 0.45rem;
        padding-bottom: 0.36rem;
        border-left: 2px solid #e2eaf3;
    }

    .bl-about-page-time-item::before {
        left: -0.12rem;
        top: 0.04rem;
    }

    .bl-about-page-cta-box {
        padding: 0.42rem 0.3rem;
    }
}


/* ====================头部banner样式========================= */

/* =========================================================
   Inner Page Banner
   Prefix: bl-inner-banner
========================================================= */

.bl-inner-banner {
    position: relative;
    height: 5rem;
    min-height: 280px;
    overflow: hidden;
    background-color: #001322;
}

.bl-inner-banner-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.bl-inner-banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.2s var(--bl-easing, cubic-bezier(0.33, 1, 0.68, 1));
}

.bl-inner-banner:hover .bl-inner-banner-bg img {
    transform: scale(1.04);
}

/* 深色遮罩 */
.bl-inner-banner-mask {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 19, 34, 0.18) 100%),
        linear-gradient(90deg, rgba(0, 19, 34, 0.18) 0%, rgba(0, 19, 34, 0.12) 45%, rgba(0, 19, 34, 0.18) 100%);
}

/* 高级光晕装饰 */
/* .bl-inner-banner-light {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        radial-gradient(circle at 28% 38%, rgba(42, 90, 166, 0.28), transparent 28%),
        radial-gradient(circle at 72% 42%, rgba(240, 133, 25, 0.16), transparent 24%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05), transparent 30%, rgba(255, 255, 255, 0.04));
 */}

/* 底部细线高级感 */
.bl-inner-banner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
}

.bl-inner-banner-inner {
    position: relative;
    z-index: 4;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bl-inner-banner-content {
    max-width: 10rem;
    padding-top: calc(var(--nav_height) / 2);
    text-align: center;
    color: #fff;
}

/* 小标签 */
.bl-inner-banner-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.18rem;
    color: rgba(255, 255, 255, 0.88);
    font-size: var(--f14);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bl-inner-banner-subtitle::before,
.bl-inner-banner-subtitle::after {
    content: "";
    width: 0.34rem;
    height: 2px;
    background-color: var(--sec-theme-color);
}

.bl-inner-banner-subtitle::before {
    margin-right: 0.12rem;
}

.bl-inner-banner-subtitle::after {
    margin-left: 0.12rem;
}

.bl-inner-banner h1 {
    color: #fff;
    font-size: var(--f54);
    line-height: 1.12;
    font-weight: 900;
    text-transform: capitalize;
    text-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.26);
}

/* 面包屑毛玻璃 */
.bl-inner-banner-crumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.08rem;
    margin-top: 0.26rem;
    min-height: 0.44rem;
    padding: 0.1rem 0.24rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 0.12rem 0.32rem rgba(0, 19, 34, 0.18);
}

.bl-inner-banner-crumb a,
.bl-inner-banner-crumb span,
.bl-inner-banner-crumb i {
    color: rgba(255, 255, 255, 0.82);
    font-size: var(--f14);
    line-height: 1.4;
}

.bl-inner-banner-crumb a {
    transition: all 0.3s ease;
}

.bl-inner-banner-crumb a:hover {
    color: var(--sec-theme-color);
}

.bl-inner-banner-crumb i {
    margin: 0 0.02rem;
    color: rgba(255, 255, 255, 0.5);
}

.bl-inner-banner-crumb span {
    color: #fff;
    font-weight: 700;
}

/* 装饰网格，不影响内容 */
.bl-inner-banner-content::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    width: 5.6rem;
    height: 2.6rem;
    transform: translate(-50%, -50%);
    opacity: 0.18;
    background-image: radial-gradient(rgba(255, 255, 255, 0.32) 1px, transparent 1px);
    background-size: 0.18rem 0.18rem;
    mask-image: radial-gradient(circle, #000 0%, transparent 68%);
    -webkit-mask-image: radial-gradient(circle, #000 0%, transparent 68%);
}


/* ====================联系样式========================= */
/* ====================联系样式========================= */
/* ====================产品样式========================= */

/* 产品列表 s */
/* 基础辅助类 */
.bg-theme { background-color: var(--theme-color); }
.color-theme { color: var(--theme-color); }
.box-shadow { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.border-bottom { border-bottom: 1px solid #eee; }
.border-eee { border: 1px solid #eee; }
.cursor-pointer { cursor: pointer; }
.text-justify { text-align: justify; }
.border-none { border: none; }

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

.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: 18px;
    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-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,#inquiry form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){
    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,#inquiry form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style):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;
    font-family: 'Poppins', sans-serif;
    outline: none;
    color: #333;
    background-color: #fafafa;
}

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

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


/* ==================== 详情页文章排版 (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,#inquiry .ff-default .ff-el-form-control{ 
    border: 1px solid transparent; 
    transition: all 0.3s ease; 
    outline: none;
	background-color: #f5f5f5;
	padding: 0.15rem;
	height: auto;
}
.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(1, 84, 164, 0.1); 
}
.bl-pro-inquiry-form textarea{
	width: 100%;
	height: auto;
}
.ff-default .ff-el-form-control{
	font-family: inherit !important;
}

/* 产品详情 e */

/* ==================== 响应式适配 (Responsive) ========================= */
@media screen and (max-width: 1400px) {
    .bl-pro-grid { grid-template-columns: repeat(2, minmax(0, 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;}
}


/* =========================================================
   Benlong Products Hub Page
   Prefix: bl-products-page
   Based on existing style.css / media.css utilities
========================================================= */

/* ================= Banner Breadcrumb ================= */

.bl-products-page-crumbs {
    display: inline-flex;
    max-width: 100%;
    padding: 0.1rem 0.18rem;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.bl-products-page-crumbs a,
.bl-products-page-crumbs span {
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.2;
}

.bl-products-page-crumbs a {
    position: relative;
    transition: all 0.3s ease;
}

.bl-products-page-crumbs a:hover {
    color: #fff;
}

.bl-products-page-crumbs a::after {
    content: '\f105';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin: 0 0.1rem;
    color: rgba(255, 255, 255, 0.55);
}

.bl-products-page-crumbs span {
    color: #fff;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .bl-products-page-crumbs {
        padding: 0.09rem 0.15rem;
        border-radius: 30px;
    }
}


.bl-products-page {
    background-color: #fff;
    color: #001322;
    overflow: hidden;
}

.bl-products-page * {
    box-sizing: border-box;
}

.bl-products-page a:hover {
    text-decoration: none;
}


/* ================= Common ================= */

.bl-products-page-label {
    display: inline-flex;
    align-items: center;
    color: var(--sec-theme-color);
    letter-spacing: 1px;
}

.bl-products-page-label::before {
    content: '';
    width: 0.3rem;
    height: 2px;
    margin-right: 0.1rem;
    background-color: var(--sec-theme-color);
}

.bl-products-page-title {
    width: 9.8rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.bl-products-page-title p {
    width: 10.5rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* button */
.bl-products-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0.52rem;
    padding: 0 0.34rem;
    border-radius: 50px;
    transition: all 0.35s ease;
}

.bl-products-page-btn i {
    margin-left: 0.1rem;
}

.bl-products-page-btn-primary {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-color);
    margin-right: 0.14rem;
}

.bl-products-page-btn-primary:hover {
    background-color: var(--sec-theme-color);
    border-color: var(--sec-theme-color);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(var(--theme-color-rgb), 0.25);
}

.bl-products-page-btn-light {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.38);
}

.bl-products-page-btn-light:hover {
    background-color: #fff;
    color: var(--theme-color);
    transform: translateY(-3px);
}

/* ================= Banner ================= */

.bl-products-page-banner {
    position: relative;
    min-height: 6.2rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #001322;
	background: url('/wp-content/uploads/2026/06/bl-products-page-banner-bg.webp') no-repeat center/cover;
}

.bl-products-page-banner-bg,
.bl-products-page-banner-bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.bl-products-page-banner-bg img {
    object-fit: cover;
}

.bl-products-page-banner-mask {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(0, 19, 34, 0.92) 0%, rgba(0, 48, 88, 0.72) 48%, rgba(0, 19, 34, 0.2) 100%),
        radial-gradient(circle at 75% 30%, rgba(var(--theme-color-rgb), 0.45), transparent 32%);
}

.bl-products-page-banner-inner {
    position: relative;
    z-index: 2;
}

.bl-products-page-banner-content {
    width: 8.6rem;
    max-width: 100%;
}

.bl-products-page-banner-content h1 {
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

/* ================= Intro ================= */

.bl-products-page-intro-card {
    position: relative;
    margin-top: -1.1rem;
    z-index: 5;
    border: 1px solid rgba(var(--theme-color-rgb), 0.08);
    box-shadow: 0 22px 55px rgba(0, 19, 34, 0.08);
}

.bl-products-page-intro-text {
    width: 52%;
}

.bl-products-page-search {
    width: 42%;
    height: 0.6rem;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #dce6f1;
    background-color: #f9fcff;
}

.bl-products-page-search input {
    flex: 1;
    height: 100%;
    padding: 0 0.24rem;
    background-color: transparent;
    color: #333;
}

.bl-products-page-search button {
    height: 100%;
    padding: 0 0.3rem;
    border: none;
    background-color: var(--theme-color);
    color: #fff;
    cursor: pointer;
    transition: all 0.35s ease;
}

.bl-products-page-search button i {
    margin-right: 0.06rem;
}

.bl-products-page-search button:hover {
    background-color: var(--sec-theme-color);
}

/* ================= Product Sections ================= */

.bl-products-page-products,.bl-products-page-inquiry{
    position: relative;
	scroll-margin-top: var(--nav_height) ;
}

.bl-products-page-product-section {
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(0, 19, 34, 0.06);
}

.bl-products-page-product-section:nth-child(even) {
    background: linear-gradient(180deg, #f9fcff 0%, #edf6fc 100%);
}

.bl-products-page-product-section:last-child {
    border-bottom: none;
}

.bl-products-page-product-section:nth-child(2n) .w16 {
    flex-direction: row-reverse;
}

.bl-products-page-product-info {
    width: 32%;
}

.bl-products-page-product-swiper-wrap {
    width: 63%;
    position: relative;
}
.bl-products-page-product-swiper-wrap .swiper-wrapper{
	padding: 0.2rem 0;
}

.bl-products-page-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0.42rem;
    padding: 0 0.24rem;
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 50px;
    transition: all 0.35s ease;
}

.bl-products-page-more i {
    margin-left: 0.08rem;
    transition: all 0.35s ease;
}

.bl-products-page-more:hover {
    background-color: var(--sec-theme-color);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(var(--theme-color-rgb), 0.18);
}

.bl-products-page-more:hover i {
    transform: translateX(4px);
}

/* product card */
.bl-products-page-card {
    height: 100%;
    border: 1px solid #e6edf5;
    box-shadow: 0 10px 28px rgba(0, 19, 34, 0.04);
}
.bl-products-page-card a{
	display: block;
	background-color: #fff;
}
.bl-products-page-card:hover {
    transform: translateY(-8px);
    border-color: rgba(var(--theme-color-rgb), 0.55);
    box-shadow: 0 20px 45px rgba(0, 19, 34, 0.1);
}

.bl-products-page-card .pic img {
    object-fit: contain;
}

.bl-products-page-card .info {
    min-height: 1.35rem;
}

.bl-products-page-card:hover h3 {
    color: var(--theme-color);
}

/* Swiper nav */
.bl-products-page-swiper-nav {
    gap: 0.1rem;
}

.bl-products-page-swiper-nav button {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    border: 1px solid #dbe5f0;
    background-color: #fff;
    color: var(--theme-color);
    cursor: pointer;
    transition: all 0.35s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bl-products-page-swiper-nav button:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
    transform: translateY(-2px);
}

.bl-products-page-swiper-nav button.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
}



/* ================= Quality ================= */

.bl-products-page-quality {
    position: relative;
}

/* ================= Quality Certification Cards ================= */

.bl-products-page-cert-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.18rem;
}

.bl-products-page-cert-card {
    position: relative;
    min-height: 2.15rem;
    padding: 0.3rem 0.22rem;
    border: 1px solid #e2ebf4;
    box-shadow: 0 10px 28px rgba(0, 19, 34, 0.04);
    overflow: hidden;
    text-align: center;
}
/* 
.bl-products-page-cert-card::before {
    content: '';
    position: absolute;
    right: -0.45rem;
    top: -0.45rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: rgba(var(--theme-color-rgb), 0.08);
    transition: all 0.35s ease;
} */

.bl-products-page-cert-card::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: var(--theme-color);
    transform: translateX(-50%);
    transition: all 0.35s ease;
}

.bl-products-page-cert-icon {
    position: relative;
    z-index: 2;
    width: 0.68rem;
    height: 0.68rem;
    margin: 0 auto 0.18rem;
    border-radius: 50%;
    background:
        linear-gradient(135deg, rgba(var(--theme-color-rgb), 0.12), rgba(var(--theme-color-rgb), 0.04));
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
}

.bl-products-page-cert-icon i {
    font-size: var(--f26);
}

.bl-products-page-cert-info {
    position: relative;
    z-index: 2;
}

.bl-products-page-cert-card:hover {
    transform: translateY(-8px);
    border-color: rgba(var(--theme-color-rgb), 0.5);
    box-shadow: 0 20px 45px rgba(0, 19, 34, 0.1);
}

.bl-products-page-cert-card:hover::before {
    transform: scale(1.35);
    background: rgba(var(--theme-color-rgb), 0.14);
}

.bl-products-page-cert-card:hover::after {
    width: 100%;
}

.bl-products-page-cert-card:hover .bl-products-page-cert-icon {
    background-color: var(--theme-color);
    color: #fff;
    box-shadow: 0 10px 24px rgba(var(--theme-color-rgb), 0.25);
    transform: translateY(-3px);
}

.bl-products-page-cert-card:hover h3 {
    color: var(--theme-color);
}

/* 响应式 */
@media screen and (max-width: 1440px) {
    .bl-products-page-cert-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .bl-products-page-cert-grid {
        grid-template-columns: 1fr;
    }

    .bl-products-page-cert-card {
        min-height: auto;
        text-align: left;
        display: flex;
        align-items: flex-start;
        padding: 0.24rem;
    }

    .bl-products-page-cert-icon {
        margin: 0 0.18rem 0 0;
        width: 0.62rem;
        height: 0.62rem;
        flex-shrink: 0;
    }
}


/* ================= Strength ================= */

.bl-products-page-strength {
    position: relative;
    background:
        radial-gradient(circle at 80% 20%, rgba(var(--theme-color-rgb), 0.42), transparent 28%),
        linear-gradient(135deg, rgb(0,19,34,.5) 0%, rgb(0,48,88,.98) 100%),url('/wp-content/uploads/2026/06/bl-products-page-strength-bg.webp') no-repeat center/cover;
    overflow: hidden;
}

.bl-products-page-strength::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: 0.55;
}

.bl-products-page-strength .w16 {
    position: relative;
    z-index: 2;
}

.bl-products-page-strength-text {
    width: 46%;
}

.bl-products-page-stats {
    width: 50%;
    gap: 0.18rem;
}

.bl-products-page-stat-card {
    width: calc(50% - 0.09rem);
    min-height: 1.55rem;
    padding: 0.3rem;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: all 0.35s ease;
}

.bl-products-page-stat-card strong {
    display: block;
    line-height: 1.1;
    margin-bottom: 0.12rem;
    color: var(--sec-theme-color);
}

.bl-products-page-stat-card:hover {
    transform: translateY(-6px);
    background-color: rgba(255, 255, 255, 0.12);
}

/* ================= Type Cards ================= */

.bl-products-page-type-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.24rem;
}

.bl-products-page-type-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #e6edf5;
    box-shadow: 0 10px 28px rgba(0, 19, 34, 0.04);
}

.bl-products-page-type-card::after {
    content: '';
    position: absolute;
    right: -0.4rem;
    top: -0.4rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background-color: rgba(var(--theme-color-rgb), 0.07);
    transition: all 0.35s ease;
}

.bl-products-page-type-card > i {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    color: var(--theme-color);
    background-color: rgba(var(--theme-color-rgb), 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--f24);
    position: relative;
    z-index: 2;
}

.bl-products-page-type-card li {
    position: relative;
    padding-left: 0.18rem;
    line-height: 1.7;
    margin-bottom: 0.08rem;
}

.bl-products-page-type-card li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.13rem;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: var(--theme-color);
}

.bl-products-page-type-card:hover {
    transform: translateY(-8px);
    border-color: rgba(var(--theme-color-rgb), 0.45);
    box-shadow: 0 20px 45px rgba(0, 19, 34, 0.1);
}

.bl-products-page-type-card:hover::after {
    transform: scale(1.35);
}

/* ================= Factory Gallery ================= */

.bl-products-page-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
}

.bl-products-page-gallery-item {
    position: relative;
    box-shadow: 0 10px 28px rgba(0, 19, 34, 0.05);
}

.bl-products-page-gallery-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(0, 19, 34, 0.42) 100%);
    opacity: 0;
    transition: all 0.35s ease;
    pointer-events: none;
}

.bl-products-page-gallery-item:hover::after {
    opacity: 1;
}

/* ================= FAQ ================= */

.bl-products-page-faq-list {
    width: 11.5rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.bl-products-page-faq-item {
    margin-bottom: 0.14rem;
    border: 1px solid #e6edf5;
    overflow: hidden;
    transition: all 0.35s ease;
}

.bl-products-page-faq-item:last-child {
    margin-bottom: 0;
}

.bl-products-page-faq-question {
    cursor: pointer;
}

.bl-products-page-faq-question h3 {
    padding-right: 0.2rem;
}

.bl-products-page-faq-question i {
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 50%;
    color: var(--theme-color);
    background-color: rgba(var(--theme-color-rgb), 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.35s ease;
}

.bl-products-page-faq-answer {
    display: none;
    padding: 0 0.25rem 0.25rem;
}

.bl-products-page-faq-item.active {
    border-color: rgba(var(--theme-color-rgb), 0.42);
    box-shadow: 0 12px 34px rgba(0, 19, 34, 0.06);
}

.bl-products-page-faq-item.active .bl-products-page-faq-question i {
    background-color: var(--theme-color);
    color: #fff;
    transform: rotate(45deg);
}

/* ================= Inquiry ================= */

.bl-products-page-inquiry-box {
    background:
        linear-gradient(135deg, #ffffff 0%, #f3f8fd 100%);
    border: 1px solid rgba(var(--theme-color-rgb), 0.08);
    box-shadow: 0 20px 55px rgba(0, 19, 34, 0.08);
}

.bl-products-page-inquiry-text {
    width: 42%;
}

.bl-products-page-form {
    width: 53%;
}

.bl-products-page-form .form-row {
    gap: 0.16rem;
    margin-bottom: 0.16rem;
}

.bl-products-page-form .form-row::after,.bl-products-page-form .form-row:before{
	display: none;
}

.bl-products-page-form input {
    width: calc(50% - 0.08rem);
    height: 0.5rem;
	min-height: 42px;
    padding: 0 0.18rem;
    border-radius: 8px;
    border: 1px solid #dfe8f2;
    background-color: #fff;
    color: #333;
    transition: all 0.35s ease;
}

.bl-products-page-form textarea {
    width: 100%;
    height: 1.35rem;
	min-height: 9.6em;
    padding: 0.16rem 0.18rem;
    border-radius: 8px;
    border: 1px solid #dfe8f2;
    background-color: #fff;
    color: #333;
    line-height: 1.6;
    resize: none;
    transition: all 0.35s ease;
}

.bl-products-page-form input:focus,
.bl-products-page-form textarea:focus {
    border-color: var(--theme-color);
    box-shadow: 0 0 0 3px rgba(var(--theme-color-rgb), 0.08);
}

.bl-products-page-form button,.bl-products-page-form form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){
    margin-top: 0.18rem;
    height: 0.52rem;
	min-height: 40px;
    padding: 0 0.36rem;
    border: none;
    border-radius: 50px;
    background-color: var(--theme-color);
    color: #fff;
    cursor: pointer;
    transition: all 0.35s ease;
}

.bl-products-page-form button:hover,.bl-products-page-form form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style):hover{
    background-color: var(--sec-theme-color);
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(var(--theme-color-rgb), 0.18);
}

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

@media screen and (max-width: 1440px) {
    .bl-products-page-product-info {
        width: 34%;
    }

    .bl-products-page-product-swiper-wrap {
        width: 62%;
    }

    .bl-products-page-type-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1200px) {
    .bl-products-page-banner {
        min-height: 5.8rem;
    }

    .bl-products-page-intro-text,
    .bl-products-page-search {
        width: 100%;
    }

    .bl-products-page-search {
        margin-top: 0.3rem;
    }

    .bl-products-page-product-section .w16,
    .bl-products-page-product-section:nth-child(2n) .w16 {
        flex-direction: column;
        align-items: flex-start;
    }

    .bl-products-page-product-info,
    .bl-products-page-product-swiper-wrap {
        width: 100%;
    }

    .bl-products-page-product-swiper-wrap {
        /* margin-top: 0.35rem; */
    }

    .bl-products-page-strength-text,
    .bl-products-page-stats {
        width: 100%;
    }

    .bl-products-page-stats {
        margin-top: 0.35rem;
    }

    .bl-products-page-inquiry-text,
    .bl-products-page-form {
        width: 100%;
    }

    .bl-products-page-form {
        margin-top: 0.35rem;
    }
}

@media screen and (max-width: 1000px) {
    .bl-products-page-banner {
        min-height: 5.4rem;
    }

    .bl-products-page-banner-content {
        width: 100%;
    }

    .bl-products-page-intro-card {
        margin-top: -0.3rem;
    }

    .bl-products-page-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .bl-products-page-banner {
		aspect-ratio: 9 /12;
    }

    .bl-products-page-banner-mask {
        background:
            linear-gradient(180deg, rgba(0, 19, 34, 0.86) 0%, rgba(0, 48, 88, 0.74) 100%);
    }

    .bl-products-page-banner-actions {
        display: block;
    }

    .bl-products-page-btn {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.15rem;
    }

    .bl-products-page-intro-card,
    .bl-products-page-inquiry-box {
        padding: 0.3rem;
        border-radius: 14px;
    }

    .bl-products-page-search {
        height: auto;
        display: block;
        border-radius: 12px;
		border-radius: 0;
		background-color: #fff;
		border: none;
    }

    .bl-products-page-search input {
        width: 100%;
        height: 0.8rem;
		background-color: #f9fcff;
		border: 1px solid #dce6f1;
    }

    .bl-products-page-search button {
        width: 100%;
        height: 0.8rem;
		margin-top: .2rem;
    }

    .bl-products-page-product-section {
        padding: 0.6rem 0;
    }

    .bl-products-page-card .info {
        min-height: auto;
    }

    .bl-products-page-type-grid,
    .bl-products-page-gallery {
        grid-template-columns: 1fr;
    }

    .bl-products-page-stat-card {
        width: 100%;
    }

    .bl-products-page-cert {
        justify-content: flex-start;
    }

    .bl-products-page-cert span {
        min-width: calc(50% - 0.08rem);
        flex: 1;
    }

    .bl-products-page-form input {
        width: 100%;
        margin-bottom: 0.14rem;
    }

    .bl-products-page-form .form-row {
        gap: 0;
        margin-bottom: 0;
    }

    .bl-products-page-faq-question {
        padding: 0.2rem;
    }

    .bl-products-page-faq-answer {
        padding: 0 0.2rem 0.22rem;
    }
}




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

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

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

/* 富文本排版样式 */
/* .ar_article h2 { font-size: 28px; line-height: 1.15;color: #212121; margin: 0 0 0.15rem; scroll-margin-top: 100px; font-weight: 700;}
.ar_article h3 { font-size: 24px; line-height: 1.15;color: #212121; margin: 0 0 0.1rem; scroll-margin-top: 100px; font-weight: 600;}
.ar_article h4 { font-size: 20px; line-height: 1.15;color: #212121; margin: 0 0 0.06rem; scroll-margin-top: 100px; font-weight: 500;}
.ar_article p { margin-bottom: 1em; font-size: var(--f16); }
.ar_article ul { list-style: disc;}
.ar_article li,.ar_article li:last-child{ margin-bottom: 0.08rem;list-style: disc;}
.ar_article img { max-width: 100% !important; border-radius: 8px; margin: 0.12rem 0; width: auto;}
.ar_article a{text-decoration: underline !important;color: var(--bl-ab-theme);font-weight: 600;}
.ar_article .scroll{overflow-x: auto;}

@media all and (min-width: 768px){
	.ar_article table{max-width: 100%;}
}
.ar_article table{margin-bottom: 1em;}
.ar_article table td,.ar_article table th{border: 1px #eee solid !important;padding: 0.06rem 0.04rem !important;text-align: center;}

@media all and (max-width: 768px){
	.ar_article h2{
		font-size: 22px;
	}
	.ar_article h3{
		font-size: 20px;
	}
	.ar_article h4{
		font-size: 18px;
	}
	.ar_article p{
		font-size: 14px;
	}
} */


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.ar_article strong{
	font-weight: bold;
}

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

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

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

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

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

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


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


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

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

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

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

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


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

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

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

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

/* 常见问题 s */
/* ================= 2. FAQ 手风琴 (FAQ Accordion) ================= */
.faq-accordion {
    max-width: 14rem; /* 控制最大宽度，保证阅读体验 */
    margin: 0 auto;
}
.faq-item {
    margin-bottom: 0.2rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.faq-item.active {
    border-color: var(--theme-color);
    box-shadow: 0 8px 20px rgba(1, 172, 200, 0.08);
}
.faq-head {
    padding: 0.25rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #fdfdfd;
    border-radius: 4px;
}
.faq-item.active .faq-head {
    background: #fff;
}
.faq-q {
    font-size: var(--f20);
    color: #111;
    font-weight: 600;
    transition: color 0.3s;
    padding-right: 0.3rem;
    line-height: 1.4;
}
.faq-item:hover .faq-q, 
.faq-item.active .faq-q {
    color: var(--theme-color);
}
/* 加号/减号 动画图标 */
.faq-icon {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.faq-icon::before, .faq-icon::after {
    content: '';
    position: absolute;
    background: #111;
    transition: all 0.3s ease;
}
.faq-icon::before {
    top: 8px;
    left: 0;
    width: 18px;
    height: 2px;
}
.faq-icon::after {
    top: 0;
    left: 8px;
    width: 2px;
    height: 18px;
}
.faq-item:hover .faq-icon::before, 
.faq-item:hover .faq-icon::after,
.faq-item.active .faq-icon::before, 
.faq-item.active .faq-icon::after {
    background: var(--theme-color);
}
.faq-item.active .faq-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}
.faq-body {
    display: none;
    padding: 0 0.3rem 0.3rem;
}
.faq-content {
    font-size: var(--f16);
    color: #666;
    line-height: 1.75;
    border-top: 1px dashed #e5e7eb;
    padding-top: 0.25rem;
}
/* 常见问题 e */

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

/* 下载信息图标美化 */
.dl_meta span { display: inline-flex; align-items: center; }
.dl_meta i { color: var(--theme-color); font-size: var(--f18); }
/* 下载中心 e */

/* ====================联系样式========================= */
/* 联系我们 s */
.n_contact{}
.n_contact .fl{
	width: 58%;
}
.n_contact .fl .con{}
.n_contact .fl form{}
.n_contact .fl .mui-input-row{
	width: 48%;
	margin-bottom: 0.15rem;
}
.n_contact .fl .mui-input-row input,.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;
}
/* 联系我们 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;
    color: #001322;
    font-size: var(--f20, 20px);
    font-weight: 700;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.bl-video-info p {
	display: block;
    margin: 0.1rem 0 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;
	}
}

/* ==================================================
   404 Error Page Styles
================================================== */
.bl-404-section {
    min-height: 75vh;
    padding: 120px 0;
    overflow: hidden;
}

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

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

/* 404 大标题发光效果 */
.bl-404-title {
    font-size: 160px;
    line-height: 1;
    color: #ff6600;
    text-shadow: 0 10px 30px rgba(255, 102, 0, 0.3);
    letter-spacing: 5px;
}

.bl-404-desc {
    color: #cbd5e1;
}

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

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

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

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

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

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

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


/* ================= 悬浮弹窗通用样式 ================= */
.kf-contact-popup {
    position: absolute;
    right: 65px; /* 距离右侧图标的距离 */
    background: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    /* 初始状态：隐藏 + 向右偏移 */
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none; /* 防止鼠标移入弹窗时发生闪烁 */
	z-index: 3;
}

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

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

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

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


/* =========================================================
   ✨ 右侧悬浮客服组件 (滚动显示 & 自定义图标版)
   ========================================================= */

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

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

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

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

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

}


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

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


/* ==========================================================================
   History / Timeline Section
   ========================================================================== */

.bl-history-section {
    padding: 0.8rem 0;
    background: #ffffff;
    overflow: hidden;
}

/* 沿用之前的标题样式 */
.bl-gallery-head {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 0.6rem;
}
.bl-gallery-subtitle {
    margin: 0 0 0.12rem;
    color: var(--theme-color, #2A5AA6);
    font-size: var(--f16, 16px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.bl-gallery-title {
    margin: 0;
    color: #111111;
    font-size: var(--f42, 42px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

/* 时间轴容器 */
.bl-timeline {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
}

/* 中间的垂直引导线 */
.bl-timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background: #E5E9F0; /* 浅灰色线条 */
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
}

/* 单个时间节点 */
.bl-timeline-item {
    padding: 20px 40px;
    position: relative;
    background: inherit;
    width: 50%;
    box-sizing: border-box;
}

/* 左侧节点 */
.bl-timeline-item.left {
    left: 0;
    text-align: right;
}

/* 右侧节点 */
.bl-timeline-item.right {
    left: 50%;
    text-align: left;
}

/* 时间轴上的圆点 */
.bl-timeline-dot {
    position: absolute;
    width: 16px;
    height: 16px;
    right: -8px;
    background-color: #ffffff;
    border: 4px solid var(--theme-color, #2A5AA6); /* 蓝色边框 */
    border-radius: 50%;
    top: 28px;
    z-index: 1;
    transition: all 0.3s ease;
    box-shadow: 0 0 0 4px rgba(42, 90, 166, 0.1); /* 淡淡的光晕 */
}

/* 右侧圆点位置修正 */
.bl-timeline-item.right .bl-timeline-dot {
    left: -8px;
}

/* 悬停时圆点动效 */
.bl-timeline-item:hover .bl-timeline-dot {
    background-color: var(--theme-color, #2A5AA6);
    box-shadow: 0 0 0 6px rgba(42, 90, 166, 0.2);
}

/* 内容区域 */
.bl-timeline-content {
    position: relative;
}

/* 年份 */
.bl-timeline-year {
    margin: 0 0 10px;
    color: var(--theme-color, #2A5AA6);
    font-size: var(--f28, 28px);
    font-weight: 700;
    letter-spacing: 1px;
}

/* 描述文字 */
.bl-timeline-desc {
    margin: 0;
    color: #5f6b7a;
    font-size: var(--f15, 15px);
    line-height: 1.6;
}

/* 图片容器 */
.bl-timeline-img {
    margin-top: 20px;
    border-radius: 8px;
    overflow: hidden;
    display: inline-block;
    max-width: 320px;
    box-shadow: 0 10px 25px rgba(0, 19, 34, 0.08);
}

.bl-timeline-img img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.6s ease;
}

.bl-timeline-item:hover .bl-timeline-img img {
    transform: scale(1.05); /* 悬停图片微放大 */
}

/* ==========================================================================
   Responsive (移动端适配)
   ========================================================================== */

@media screen and (max-width: 768px) {
    /* 中间线移到左侧 */
    .bl-timeline::after {
        left: 20px;
    }
    
    /* 节点占满全宽 */
    .bl-timeline-item {
        width: 100%;
        padding-left: 50px;
        padding-right: 20px;
        text-align: left;
    }
    
    /* 右侧节点取消偏移 */
    .bl-timeline-item.right {
        left: 0;
    }
    
    /* 圆点统一移到左侧线上 */
    .bl-timeline-item.left .bl-timeline-dot, 
    .bl-timeline-item.right .bl-timeline-dot {
        left: 12px;
        right: auto;
    }

    /* 左侧节点的图片也改为左对齐 */
    .bl-timeline-item.left {
        text-align: left;
    }
    
    .bl-timeline-img {
        max-width: 100%;
    }

    .bl-timeline-year {
        font-size: 24px;
    }
}

/* ==========================================================================
   Corporate Culture Section
   ========================================================================== */

.bl-culture-section {
    padding: 0.8rem 0 1rem;
    background: #f8f9fa; /* 极浅的灰底色，衬托白色卡片 */
}

/* 沿用之前的标题样式 */
.bl-gallery-head {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 0.5rem;
}
.bl-gallery-subtitle {
    margin: 0 0 0.12rem;
    color: var(--theme-color, #2A5AA6);
    font-size: var(--f16, 16px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.bl-gallery-title {
    margin: 0;
    color: #111111;
    font-size: var(--f42, 42px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

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

/* 文化卡片 */
.bl-culture-card {
    background: #ffffff;
    padding: 0.5rem 0.4rem;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 19, 34, 0.04);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    overflow: hidden;
}

/* 底部蓝色装饰线 */
.bl-culture-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: var(--theme-color, #2A5AA6);
    transition: width 0.4s ease;
}

/* 悬停时卡片上浮、加深阴影、底部蓝线展开 */
.bl-culture-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 19, 34, 0.08);
}
.bl-culture-card:hover::after {
    width: 100%;
}

/* 图标容器 */
.bl-culture-icon {
    width: 0.85rem;
    height: 0.85rem;
    margin: 0 auto 0.25rem;
    background: rgba(42, 90, 166, 0.06); /* 淡淡的主题蓝背景 */
    color: var(--theme-color, #2A5AA6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

/* SVG 图标尺寸控制 */
.bl-culture-icon svg {
    width: 0.4rem;
    height: 0.4rem;
    transition: transform 0.4s ease;
}

/* 悬停时图标反色并微放大 */
.bl-culture-card:hover .bl-culture-icon {
    background: var(--theme-color, #2A5AA6);
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(42, 90, 166, 0.2);
}
.bl-culture-card:hover .bl-culture-icon svg {
    transform: scale(1.1);
}

/* 卡片标题 */
.bl-culture-title {
    margin: 0 0 0.15rem;
    color: #001322;
    font-size: var(--f22, 22px);
    font-weight: 700;
    transition: color 0.3s ease;
}

/* 卡片描述 */
.bl-culture-desc {
    margin: 0;
    color: #5f6b7a;
    font-size: var(--f15, 15px);
    line-height: 1.65;
}

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

@media screen and (max-width: 1200px) {
    .bl-culture-grid { gap: 20px; }
    .bl-culture-card { padding: 40px 30px; }
}

@media screen and (max-width: 992px) {
    /* 平板端变为 2 列 */
    .bl-culture-grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 768px) {
    .bl-culture-section { padding: 50px 0; }
    /* 手机端变为 1 列 */
    .bl-culture-grid { grid-template-columns: 1fr; gap: 20px; }
    .bl-culture-card { padding: 35px 25px; }
    .bl-culture-icon { width: 70px; height: 70px; margin-bottom: 20px; }
    .bl-culture-icon svg { width: 32px; height: 32px; }
    .bl-culture-title { font-size: 20px; }
}


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

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

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

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

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

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


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

@media all and (max-width:768px) {
	.bl-home-title{
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25rem;
	}
	.bl-home-title .bl-title-box{
		width: 100%;
	}
	.bl-text{
		line-height: 1.6;
	}
	
	.bl-btn-outline-white,.bl-btn-blue{
		padding: 0.25rem 0.5rem;
	}
	.bl-partner-btns a:last-child{
		margin-bottom: 0;
	}
	
	.bl-news-box{
		gap: 0.4rem;
	}
	.bl-cta .w40{
		flex-direction: column;
		gap: 0.2rem;
	}
	
	.bl-cta .w40 a{
		width: 100%;
		margin-right: 0;
	}
	.bl-btn{
		padding: 0.25rem 0.5rem;
	}
	
	.Footer-container .mid .fl,.Footer-container .mid>ul,.Footer-container .mid .fr{
		width: 100%;
	}
	.Footer-container .mid .fl .foot_logo img{
		height: 0.6rem;
	}
	.media_ul li a{
		width: 0.64rem;
		height: 0.64rem;
	}
	.Footer-container .mid .fl{
	}
	
	
	.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 p a{
		width: calc(100% - 50px);
	}
	.Footer-container .mid>ul li p:before{
		display: none;
	}
	.Footer-container .mid>ul li .foot_nav_link{
		display: none;
		padding-bottom: 0.25rem;
	}
	.Footer-container .mid .fr{
		margin-top: 0.45rem;
	}
	.Footer-container .mid .fr .tit{
		font-size: 18px;
	}
	.Footer-container .mid .fr .info dt{
		font-size: 0;
	}
	.Footer-container .mid .fr .info dt i{
		font-size: var(--f32);
	}
	.Footer-container .mid .fr .info dd a{
		display: block;
		line-height: 1.75;
	}
	
	.bl-about-page-cert-prev, .bl-about-page-cert-next{
		width: 0.72rem;
		height: 0.72rem;
	}
	.bl-about-page-cert-nav{
		margin-top: 0.25rem;
	}
	
	.pd-40,.pd-60,.pd-100,.pd-120,.pd-140,.pd-160{
		padding: 0.8rem 0;
	}
	.bl-about-page-btn,.bl-products-page-btn{
		min-height: 0.72rem;
	}
	
	.bl-products-page-more{
		min-height: 0.6rem;
		padding: 0.2rem 0.4rem;
	}
	.bl-products-page-swiper-nav button{
		width: 0.72rem;
		height: 0.72rem;
	}
	
	.bl-products-page-form button{
		padding: 0 0.45rem;
	}
	
	.crumbs{
		flex-wrap: wrap;
	}
	.crumbs:before{
		font-size: 0.36rem;
	}
	.bl-pro-btn-solid,#inquiry form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){
		padding: 0.25rem 0.45rem;
	}
	
	.bl-pro-sidebar{
		display: none;
	}
	
	.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;
	}
	
	.dl_item{
		flex-direction: column;
		gap: 0.25rem;
		align-items: flex-start;
	}
	.dl_item a{
		width: 100%;
	}
	
	.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, .n_contact .fl .ff-default .ff-el-form-control{
		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,.n_contact .fl  form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){
		padding: 0.24rem 0.5rem;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.bl-logo-item{
		width: 130px;
		height: 55px;
		padding: 6px;
	}
	.bl-about-page-stats{
		grid-template-columns: repeat(2, 1fr);
	}
	.mega-menu .mega-right ul li{padding: 0 !important;}
}

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

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

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