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

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

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

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

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

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

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

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

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

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

/*End reset*/

/*public Css*/

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

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

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

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

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

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

/* 引入字体 */
@font-face {
    font-family: 'PR';
    font-display: swap;
    src: url('../fonts/DMSans-Regular.ttf'),
    url('../fonts/DMSans-Regular.eot'),
    url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DMSans-Regular.woff2') format('woff2'),
    url('../fonts/DMSans-Regular.woff') format('woff'),
    url('../fonts/DMSans-Regular.otf') format('truetype'),
    url('../fonts/DMSans-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'PB';
    font-display: swap;
    src: url('../fonts/Samsungsharpsans-Bold.otf'),
    url('../fonts/Samsungsharpsans-Bold.eot'),
    url('../fonts/Samsungsharpsans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Samsungsharpsans-Bold.woff2') format('woff2'),
    url('../fonts/Samsungsharpsans-Bold.woff') format('woff'),
    url('../fonts/Samsungsharpsans-Bold.otf') format('truetype'),
    url('../fonts/Samsungsharpsans-Bold.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'PL';
    src: url('../fonts/DMSans-Light.ttf'),
    url('../fonts/DMSans-Light.eot'),
    url('../fonts/DMSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DMSans-Light.woff2') format('woff2'),
    url('../fonts/DMSans-Light.woff') format('woff'),
    url('../fonts/DMSans-Light.otf') format('truetype'),
    url('../fonts/DMSans-Light.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'CAI978';
    src: url('../fonts/CAI978.ttf'),
    url('../fonts/CAI978.eot'),
    url('../fonts/CAI978.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CAI978.woff2') format('woff2'),
    url('../fonts/CAI978.woff') format('woff'),
    url('../fonts/CAI978.otf') format('truetype'),
    url('../fonts/CAI978.svg#svgFontName') format('svg');
}
.PR{font-family: "PR";}
.PB{font-family: "PB";}
.PL{font-family: "PL";}
.CAI978{font-family: "CAI978";}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

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

.color-blue{ color: #455196;}
.color-sec-blue{ color: #003058;}
.color-red{color: var(--theme-color);}
.color-white{ color: white;}
.color-black{ color: black;}
.color-dark{color: #001322;}

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

.hmax{ height: 100%  ;}
.wmax{ width: 100%  ;}
.w50{ width: 50% ;}
.w55{ width: 55%;}
.w49-5{ width: 49.5%;}
.w33{ width: 33%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w75{ width: 75%;}
.w48{ width: 48% ;}
.w80{ width: 80%;}
.w90{ width: 90%;}

.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: var(--sp-10); -webkit-border-radius: var(--sp-10); -moz-border-radius: var(--sp-10); -ms-border-radius: var(--sp-10); -o-border-radius: var(--sp-10); }
.radius16{ border-radius: 0.16rem; -webkit-border-radius: 0.16rem; -moz-border-radius: 0.16rem; -ms-border-radius: 0.16rem; -o-border-radius: 0.16rem; }
.radius20{ border-radius: var(--sp-20); -webkit-border-radius: var(--sp-20); -moz-border-radius: var(--sp-20); -ms-border-radius: var(--sp-20); -o-border-radius: var(--sp-30); }
.radius40{ border-radius: var(--sp-40); -webkit-border-radius: var(--sp-40); -moz-border-radius: var(--sp-40); -ms-border-radius: var(--sp-40); -o-border-radius: var(--sp-30); }
.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:1200px) {.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.ofc{object-fit: contain;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-67{padding-bottom: 67%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pd-60{padding: 0.6rem 0;}
.pt-60{padding-top: 0.6rem;}
.pb-60{padding-bottom: 0.6rem;}
.pd-80{padding: 0.8rem 0;}
.pt-80{padding-top: 0.8rem;}
.pb-80{padding-bottom: 0.8rem;}
.pd-100{padding: 1rem 0;}
.pt-100{padding-top: 1rem;}
.pb-100{padding-bottom: 1rem;}

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

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

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

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

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


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

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

/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;background-color: transparent;z-index: 99;line-height: 100px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
body.admin-bar .Header-wrapper {top: 32px;}
@media screen and (max-width: 782px) {
	body.admin-bar .Header-wrapper {top: 46px;}
}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on,.Header-wrapper.white_bg {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #fff;}
.Header-wrapper.black{box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #001322;}
/* .Header-wrapper.on::after {opacity: 0;} */
/* #c-header.c-head-move {top: -100px;} */
.Header-container {}
.Header-container .logo {}
.Header-container .logo {}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.48rem;}
.Header-wrapper.on .Header-container .logo a img+img,.Header-wrapper.white_bg .Header-container .logo a img+img{
	display: block;
}
.Header-container .logo a img+img,.Header-wrapper.on .Header-container .logo a img,.Header-wrapper.white_bg .Header-container .logo a img{
	display: none;
}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1201px){
	.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;}
	.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,.Header-wrapper.white_bg .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: #000;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #333;}
body.c-open #c-header .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #c-header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1200px) {
	#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.32rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}
	.Header-container .logo a img{height: 28px;}
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#c-header .c-nav {position: absolute;top: 60px;left: 0;width: 100%;height: 0;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;text-align: left;overflow-x: hidden;}
	#c-header .c-nav>li:last-child {border-bottom: 1px solid #f1f1f1;}
	#c-header .c-nav li {width: 100%;padding: 0 4%;border-top: 1px solid #f1f1f1;}
	#c-header .c-nav li .c-title-box {display: flex;align-items: center;justify-content: space-between;}
	#c-header .c-nav li a {display: block;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}
	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}
	#c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);}
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: var(--theme-color);}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

/* 底部 */
.Footer-wrapper {
	position: relative;;background: #252628;
	background-color: #F5F5F7;
}
/* .Footer-wrapper::before, .Footer-wrapper::after {
    content: '';
    width: 50%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #bb171e;
}
.Footer-wrapper::after {
    left: auto;
    right: 0;
    background: #808080;
} */
.Footer-container {}
/* .Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.52rem;}
.Footer-container .toate(180degp .foot_link {} */
.media_ul {display:flex;align-items:center;flex-wrap:wrap;gap:.1rem;}
.media_ul li {margin-right:0;}
.media_ul li a {display:flex;align-items:center;justify-content:center;width:.36rem;height:.36rem;background-color:#3b5999;color:#fff;border-radius:50%;font-size:0;transition:transform .25s ease,box-shadow .25s ease;}
.media_ul li a i {font-size:var(--f16);line-height:1;}
.media_ul li a:hover {transform:translateY(-2px);box-shadow:0 .06rem .16rem rgba(0,0,0,.16);}
.media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;}
.Footer-container .mid {padding: 0.8rem 0 0.5rem;letter-spacing: 0.5px;}
.Footer-container .mid .fl{
	width: 25%;
}
.Footer-container .mid .fl .foot_logo{}
.Footer-container .mid .fl .foot_logo img{
	height: 0.45rem;
}
.Footer-container .mid .fl .foot_txt{
	
}
.Footer-container .mid .fl .foot_link{}
.Footer-container .mid .fr{
	width: 25%;
}
.Footer-container .mid .fr .tit{}
.Footer-container .mid .fr .des{}
.Footer-container .mid .fr .info{}
.Footer-container .mid .fr .info dl{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0.15rem;
}
.Footer-container .mid .fr .info dt{
}
.Footer-container .mid .fr .info dt i{
	font-size: var(--f20);
	line-height: 1.5;
}
.Footer-container .mid .fr .info dd{
	flex: 1;
	padding-left: 0.12rem;
	font-size: var(--f16);
	line-height: 1.75;
}
.Footer-container .mid>ul {
	width: 35%;
}
.Footer-container .mid>ul li {float: left;overflow: hidden;}
.Footer-container .mid>ul > li { flex: 0 0 46%; }
.Footer-container .mid>ul li p {text-transform: uppercase;font-size: var(--f22);line-height: 1.5;color: #000;display: block;margin-bottom: 0.15rem;}
.Footer-container .mid>ul li p i{margin-left: 0.06rem;}
.Footer-container .mid>ul li .foot_nav_link a {font-size: var(--f16);color: rgb(255, 255, 255);color: #555;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: #555;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,.3);
	z-index: 1;
} */
.i_banner .ban_txt{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.i_banner .ban_txt .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;
}
.c-swiper-page.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 0;
	font-size: 0;
}
.c-swiper-page .swiper-pagination-bullet, .c-swiper-page .swiper-pagination-bullet{
	width: 0.6rem;
	height: 0.03rem;
	border-radius: 0;
	opacity: .2;
}
.c-swiper-page .swiper-pagination-bullet,.c-swiper-page .swiper-pagination-bullet{background-color: black;}
.c-swiper-page.bg_white .swiper-pagination-bullet,.c-swiper-page .swiper-pagination-bullet{background-color: #fff;}
.c-swiper-page .swiper-pagination-bullet-active,.c-swiper-page .swiper-pagination-bullet-active{background-color: var(--theme-color);opacity: 1;}

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

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

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

/* i_tit s */
.i_tit{
	text-align: center;
}
.i_tit.tal{
	text-align: left;
}
.i_tit span{
	font-size: var(--f18);
	color: var(--sec-theme-color);
	display: inline-block;
	font-weight: 600;
}
.i_tit span:before{
	content: "";
	display: inline-block;
	width: 0.2rem;
	height: 0.02rem;
	background-color: var(--sec-theme-color);
	margin-right: 0.06rem;
	vertical-align: middle;
}
.i_tit span.color-white{
	color: #fff;
}
.i_tit span.color-white:before{
	background-color: #fff;
}
.i_tit h3{
	font-size: var(--f50);
	font-family: "PB";
	line-height: 1.1;
	color: #000;
	margin-top: 0.12rem;
}
.i_tit p{
	display: inline-block;
	font-size: var(--f18);
	line-height: 1.5;
	color: #666;
	margin-top: 0.12rem;
	width: 12rem;
	max-width: 100%;
}
.i_tit.color-white h3,.i_tit.color-white p{
	color: #fff;
}
/* i_tit e */

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

/* c_ban */
.c_ban {position: relative;height: 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 h1,.c_ban .ban_txt h3,.c_ban .ban_txt .ban_title {font-size: 0.48rem;font-weight: 700;}
.seo-h1 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.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-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: 20px;
}
.crumbs a:not(:last-child)::after {font: normal normal normal 14px/1 FontAwesome;content: "\f105";display: inline-block;margin: 0 0.08rem;}
.crumbs a:hover {color: var(--theme-color);}

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

/* com_page */
.com_page {display: flex;align-items: center;justify-content: center;padding-top: 0.55rem;}
.com_page a,.com_page span {width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;font-size: var(--f16);color: #333;/* background: #fff; */margin: 0 .05rem;transition: all .3s;min-width: 32px;min-height: 32px;}
.com_page a.page-num-current,.com_page a:hover {border-color: var(--theme-color);background: var(--theme-color) !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #eff2f7;}
.com_page a:last-child::after,.com_page a:first-child::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after {content: "\f104";}
.com_page a:last-child::after {content: "\f105";}
.no_page{font-size: var(--f18);font-family: "PB" ;line-height: 5em;text-align: center;}

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

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

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

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

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

/* ==================== 首页产品区块样式 ==================== */
.home .entry-content {
    margin: 0;
    max-width: none;
}
.home .entry-content > .alignfull {
    margin-block-start: 0;
    margin-block-end: 0;
}

.lt-pro-home-wrapper {
    overflow: hidden;
}

/* 标题红线 */
.lt-pro-home-line {
    width: 60px;
    height: 2px;
    background-color: var(--sec-theme-color);
}

/* 左侧大图堆叠逻辑 */
.lt-pro-home-left {
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* 增加柔和阴影符合图二 */
    background-color: #f9f9f9;
}
.lt-pro-home-img {
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
.lt-pro-home-img.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* Tab 按钮样式 */
.lt-pro-home-tab {
    padding: 10px 24px;
    border: 1px solid #e0e0e0;
    border-radius: 30px;
    margin-right: 12px;
    margin-bottom: 15px;
    cursor: pointer;
    background-color: #fff;
    user-select: none;
}
.lt-pro-home-tab:hover {
    border-color: var(--sec-theme-color);
    color: var(--sec-theme-color);
}
.lt-pro-home-tab.active {
    background-color: var(--sec-theme-color);
    border-color: var(--sec-theme-color);
    color: #fff;
}

.lt-pro-home-text .ico img{
	width: 50px;
}

/* 右侧文本 & 底部 Swiper 切换逻辑 */
.lt-pro-home-text,
.lt-pro-home-swiper-panel {
    display: none;
    animation: ltProHomeFadeIn 0.5s ease-out forwards;
}
.lt-pro-home-text.active,
.lt-pro-home-swiper-panel.active {
    display: block;
}

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

/* 按钮样式 */
.lt-pro-home-btn {
    display: inline-block;
    padding: 12px 36px;
    border-radius: 30px;
    background-color: var(--sec-theme-color);
}
.lt-pro-home-btn:hover {
    background-color: var(--theme-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(219, 61, 90, 0.3);
}

/* 产品卡片样式 (图二风格：图片带背景，文字居中) */
.lt-pro-home-card {
    display: block;
    height: 100%;
}
.lt-pro-home-card-img {
    /* background-color: #f8f9f9; */
    /* border: 1px solid #f0f1f5; */
	background-color: #fff;
    transition: all 0.3s ease;
}
.lt-pro-home-card:hover .lt-pro-home-card-img {
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); */
    border-color: transparent;
}
.lt-pro-home-card-img img {
    transition: transform 0.5s ease;
    padding: 10%; /* 让产品图四周留白 */
	mix-blend-mode: multiply;
}
.lt-pro-home-card:hover .lt-pro-home-card-img img {
    transform: scale(1.08);
}

/* 响应式适配 */
@media screen and (max-width: 1000px) {
    .lt-pro-home-wrapper .flex.f-as.f-jsb { flex-direction: column; }
    .lt-pro-home-left { width: 100%; margin-bottom: 30px; }
    .lt-pro-home-right { width: 100%; }
}



/* 产品分类 s */
.i_pro_sort{
	/* background-color: #F6F6F6; */
}
.i_pro_sort ul{}
.i_pro_sort ul li{
	display: flex;
	flex-direction: column;
	aspect-ratio: 10 / 14;
	height: 100%;
	row-gap: 0.2rem;
}
.i_pro_sort ul li a{
	display: block;
	padding: 0.4rem;
	border-radius: 0.2rem;
	height: calc(50% - 0.1rem);
	background-color: #fff;
	overflow: hidden;
}
.i_pro_sort ul li .item-top{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.i_pro_sort ul li .item-top .ico{
	width: 0.6rem;
	height: 0.6rem;
	margin-right: 0.1rem;
}
.i_pro_sort ul li .item-top .ico img{
}
.i_pro_sort ul li .item-top .text{
	font-size: var(--f24);
	font-weight: 700;
	line-height: 1.3;
	height: 3.9em;
	margin-top: 0.12rem;
	/* color: #fff; */
}
.i_pro_sort ul li a:hover .item-top .text{
	color: var(--theme-color);
	text-decoration: underline;
}
.i_pro_sort ul li .item-bottom{
	display: flex;
	justify-content: space-between;
	margin-top: 0.1rem;
}
.i_pro_sort ul li .item-bottom-left{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: space-between;
	width: calc(100% - 1.7rem);
}
.i_pro_sort ul li .item-bottom-left .des{
	font-size: var(--f22);
	line-height: 1.3;
}
.i_pro_sort ul li .item-bottom-left .btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.3rem;
	font-size: var(--f18);
	line-height: 1.3;
	color: var(--theme-color);
}
.i_pro_sort ul li .item-bottom-left .btn i{
	font-size: var(--f16);
	margin-left: 0.08rem;
}
.i_pro_sort ul li .item-bottom-right{
	display: flex;
	height: 100%;
	justify-content: flex-end;
	width: 1.7rem;
	aspect-ratio: 1 / 1;
}
.i_pro_sort ul li .item-bottom-right .img{}
.i_pro_sort ul li .item-bottom-right .img img{
	max-height: 1.7rem;
	max-width: 100%;
	object-fit: contain;
	opacity: 0;
}
.i_pro_sort ul li.sigle-item{}
.i_pro_sort ul li.sigle-item a{
	height: 100%;
}
.i_pro_sort ul li.sigle-item .item-bottom{
	gap: 0.2rem;
	flex-direction: column;
	margin-top: 0.25rem;
}
.i_pro_sort ul li.sigle-item .item-bottom-left{
	width: 100%;
}
.i_pro_sort ul li.sigle-item .item-bottom-right{
	width: 100%;
	margin-top: 0.6rem;
}
.i_pro_sort ul li.sigle-item .item-bottom-right .img{
	width: 100%;
	text-align: center;
}
.i_pro_sort ul li.sigle-item .item-bottom-right .img img{
	display: inline-block;
	max-height: 3.5rem;
}
/* 产品分类 e */

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

/* 为什么选择 s */
.i_who2{
	/* background: #F4F5F9 url(../images/i_who_bg.jpg) no-repeat center; */
	/* background-color: #f4f5f9; */
	/* background-color: #262626; */
	/* background-color: #F9FAFF; */
	background-color: #EFF1FE;
	background-position: top center;
}
.i_who2 ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 0.3rem;
}
.i_who2 ul li{
	text-align: center;
	border-radius: 0.08rem;
	overflow: hidden;
	/* box-shadow: 0px 0 0.25rem 0px rgba(0, 0, 0, 0.08); */
}
.i_who2 ul li .ico{
	/* border-radius: 0.08rem; */
	overflow: hidden;
}
.i_who2 ul li .ico img{
}
.i_who2 ul li .info{
	/* border-radius: 0.08rem; */
	padding: 0.3rem 0.24rem;
	position: relative;
	/* margin: -0.4rem 0.1rem 0; */
	z-index: 2;
	background-color: #fff;
	/* box-shadow: 0px 0.04rem 0.3rem 0px rgba(0, 0, 0, 0.08); */
}
.i_who2 ul li .tit{
	height: 2.3em;
}
.i_who2 ul li .des{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}
/* 为什么选择 e */


/* 数字滚动 s */
.i_num{}
.i_num ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.2rem;
}
.i_num ul li{}
.i_num ul li .box{}
.i_num ul li .num{
	display: flex;
	align-items: center;
	align-items: flex-end;
	border-bottom: 1px solid rgba(31, 31, 31, 0.16);
	padding-bottom: 0.05rem;
	margin-bottom: 0.2rem;
	font-size: 1.2rem;
	/* color: var(--theme-color); */
	color: var(--sec-theme-color);
	line-height: 1;
}
.i_num ul li .num span{
	display: block;
	font-family: "PB";
}
.i_num ul li .num em{
	display: block;
}
.i_num ul li .title{
	font-size: var(--f20);
	font-weight: 500;
}
/* 数字滚动 e */

/* 应用案例 s */
.i_case{
	background: url('../images/i_case_bg.jpg') no-repeat center;
	background-size: 16rem auto;
	background-position: center 1rem;
}
.i_case .tab_nav{
	position: relative;
	padding: 0 8%;
}
.i_case .tab_nav:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 0;
}
.i_case .tab_nav ul{
	position: relative;
	z-index: 2;
}
.i_case .tab_nav ul li{}
.i_case .tab_nav ul li.active a{
	color: var(--theme-color);
}
.i_case .tab_nav ul li a{
	display: flex;
	flex-direction: column;
	text-align: center;
}
.i_case .con{}
.i_case .item{
	display: none;
}
.i_case .item.show{
	display: block;
}
.i_case .item ul{}
.i_case .item ul li{
	overflow: hidden;
}
.i_case .item ul li a,
.i_case .item ul li .exhibition-card{
	display: block;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.i_case .item ul li .pic{}
.i_case .item ul li .pic img{}
.i_case .item ul li .info{
	position: absolute;
	z-index: 1;
	bottom: 0.3rem;
	left: -100%;
	background: #fff;
	max-width: 60%;
	padding: 0.3rem;
	transition: all 0.4s;
	border-radius: 0 6px 6px 0;
}
.i_case .item ul li.swiper-slide-active .info{
	left: 0;
}
.i_case .item ul li .tag{
	background: #ecedf7;
	padding: 0 14px;
	height: 30px;
	color: var(--theme-color);
	max-width: max-content;
	border-radius: 0.04rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}
.i_case .item ul li .tit{
	font-weight: 600;
	height: 2.6em;
}
.c-swiper-button2{}
.c-swiper-button2 .swiper-button-prev{
	position: absolute;
	left: 0.9rem;
	top: 50%;
}
.c-swiper-button2 .swiper-button-next{
	position: absolute;
	right: 0.9rem;
	top: 50%;
	left: auto;
}
.c-swiper-button2 .swiper-button-prev,.c-swiper-button2 .swiper-button-next{
	color: var(--theme-color);
	display: flex;
	align-items: center;
	gap: 5px;
	position: unset;
	margin: 0;
	width: 0.6rem;
	height: 0.6rem;
	background: #fff;
	border-radius: 50%;
	transition: var(--transition);
	position: absolute;
	z-index: 10;
	transform: translateY(-50%);
	transition: 0.3s;
/* 	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 51.5%);
	backdrop-filter: blur(32px); */
	/* opacity: 0; */
}
.c-swiper-button2 .swiper-button-prev:hover,.c-swiper-button2 .swiper-button-next:hover{
	background: var(--theme-color);
	transform: translateY(-50%) scale(1.1);
}
.c-swiper-button2 .swiper-button-prev::after,.c-swiper-button2 .swiper-button-next::after{
	/* font-size: var(--f30); */
	display: none;
}
.c-swiper-button2 .swiper-button-prev i,.c-swiper-button2 .swiper-button-next i{
	font-size: var(--f20);
}
.c-swiper-button2 .swiper-button-prev:hover i,.c-swiper-button2 .swiper-button-next:hover i{
	color: #fff;
}
.c-swiper-button2 .swiper-button-prev i{
	transform: rotate(180deg);
}
/* 应用案例 e */

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

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

/* 关于我们2 s */
.i_ab_02{
	padding: 2rem 0;
	background: url("../images/i_about_bg.jpg") no-repeat center/cover;
}
.i_ab_02 .box{
	
}
/* 关于我们2 e */

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

/* 产品中心 s */
.i_pro{
	position: relative;
	/* background-color: #f5f0f0; */
	/* background-color: #efefef; */
	background-color: #F4F5F9;
	background-color: #F9FAFF;
	background-color: #EFF1FE;
	/* background: #F4F5F9 url('../images/i_who_bg.jpg') no-repeat center/cover; */
}
/* .i_pro:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url('../images/i_app_bg.jpg') no-repeat center/cover;
	opacity: .09;
	z-index: 1;
} */
.i_pro div{
/* 	position: relative;
	z-index: 2; */
}
.i_pro .top{}
.i_pro .top .i_tit{
	width: 60%;
}
.i_pro .tab_nav{}
.i_pro .tab_nav ul{}
.i_pro .tab_nav ul li{}
.i_pro .tab_nav ul li a{
	padding: 0.16rem 0.4rem;
	background-color: #fff;
	border-radius: 0.3rem;
}
.i_pro .tab_nav ul li.active a{
	background-color: var(--theme-color);
	color: #fff;
}
.i_pro .con{}
.i_pro .con .c-swiper-page{
	bottom: 0 !important;
}
.i_pro .con .item{
	display: none;
}
.i_pro .con .item.show{
	display: block;
}
.i_pro .box ul{
	/* height: 950px; */
	padding: 20px 0;
}
.i_pro .box ul li{
	/* height: 460px; */
	-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_pro .box ul li a{
	display: block;
	background-color: #fff;
	border-radius: 0.12rem;
	overflow: hidden;
}
.i_pro .box ul li:hover{
	transform: translateY(-0.1rem);
	box-shadow: 0 0 0.2rem rgba(0, 0, 0, .1);
}
.i_pro .box ul li .img{
	padding: 0.45rem 0.55rem 0.6rem;
}
.i_pro .box ul li .pic img{
	
}
.i_pro .box ul li .info{
	padding: 0.12rem 4%;
	height: calc(2.6em + 0.3rem);
	background-color: #fff;
	/* background-color: #f7f8f9; */
}
.i_pro .box ul li:hover .info{
	/* background-color: var(--theme-color); */
	color: var(--theme-color);
}
.i_pro .box ul li .tit{
	
}
.i_pro .box ul li:hover .tit{
	/* color: var(--theme-color); */
}
.i_pro .c-swiper-page .swiper-pagination-bullet{
	background-color: #000;
}
.i_pro .c-swiper-page .swiper-pagination-bullet-active{
	background-color: var(--theme-color);
}
/* 产品中心 e */


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

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


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


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

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

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

/* 在线留言 s */
.i_mess2{
	position: relative;
	background: url('../images/i_mess2_bg.jpg') no-repeat center/cover;
}
.i_mess2::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/* background-color: rgb(0,0,0,.3); */
	background-color: rgb(69,81,150,.9);
	z-index: 2;
}
.i_mess2 .box{
	position: relative;
	background-color: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(8px);
	z-index: 3;
}
.i_mess2 .box .fl{
	width: 50%;
	padding: 0 0.4rem 0 0.8rem;
	
}
.i_mess2 .box .fl .tit{}
.i_mess2 .box .fl .text{
	margin-top: 0.2rem;
	padding-bottom: 0.2rem;
	border-bottom-color: rgba(163, 177, 187, 0.28);
}
.i_mess2 .box .fl .text i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.46rem;
	height: 0.46rem;
	background-color: var(--theme-color);
	font-size: var(--f28);
	border-radius: 50%;
	color: #fff;
	margin-right: 0.12rem;
}
.i_mess2 .box .fl .text span{
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--theme-color) !important;
}
.i_mess2 .box .fl .info{
	padding-top: 0.2rem;
}
.i_mess2 .box .fl .info p span{
	color: var(--theme-color);
}
.i_mess2 .box .fr{
	width: 50%;
	padding: 0.6rem 0.8rem 0.6rem 0.4rem;
}
.i_mess2 .form{}
.i_mess2 .form .tit{}
.i_mess2 .form .des{}
.i_mess2 .form .mui-input-row{
	/* width: 48.5%; */
	width: 100%;
	margin-bottom: 0.15rem;
}
.i_mess2 .form .mui-input-row.w100{
	width: 100%;
}
.i_mess2 .form .mui-input-row input{
	width: 100%;
	font-size: var(--f16);
	color: #666;
	padding: 0.12rem 0.15rem;
	line-height: 1.5;
	border: none;
}
.i_mess2 .form .mui-input-row textarea{
	width: 100%;
	font-size: var(--f16);
	line-height: 1.5;
	color: #666;
	padding: 0.12rem 0.15rem;
	min-height: calc(0.3rem + 9em);
	border: none;
}
.i_mess2 .form .mui-input-row input,.i_mess2 .form .mui-input-row textarea{
	color: #666;
}
.i_mess2 .form .btn{
	width: 100%;
}
.i_mess2 .form .btn button{
	width: 100%;
	font-size: var(--f18);
	line-height: 1.3;
	padding: 0.15rem 0.5rem;
	background-color: var(--theme-color);
	color: #fff;
	border: none;
}
.i_mess2 .frm-fluent-form{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0.3rem;
}
.i_mess2 .form .ff-el-input--label{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.i_mess2 .form .ff-el-form-control{
	border-radius: 0;
	box-shadow: none;
}
.i_mess2 .form .btn{
	width: 100%;
}
.i_mess2 .form .ff-btn-submit{
	width: 100%;
	font-size: var(--f18);
	line-height: 1.3;
	padding: 0.15rem 0.5rem;
	background-color: var(--theme-color);
	color: #fff;
	border: none;
	border-radius: 0;
}
.i_mess2 .form .ff-el-is-error .ff-el-form-control{
	box-shadow: inset 0 0 0 1px #d63638;
}
.i_mess2 .form .text-danger{
	display: block;
	font-size: 13px;
	margin-top: 4px;
	color: #b42318;
}
.i_mess2 .form .ff-message-success{
	width: 100%;
	margin: 0;
	padding: 0.2rem;
	background: rgba(255,255,255,.88);
	border: 0;
}
/* 在线留言 e */

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

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

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

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

/* 荣誉资质 s */

/* 荣誉资质 e */

/* 工厂环境 s */

/* 工厂环境 e */


/* =========================================
           CSS Reset & Variables
           ========================================= */
:root {
	--lt-ab-primary-blue: #1c2035;
	--lt-ab-primary-red: #ea4355;
	--lt-ab-light-purple: #747b9e;
	--lt-ab-text-dark: #111111;
	--lt-ab-text-gray: #555555;
	--lt-ab-bg-light: #f8f9fa;
	--lt-ab-white: #ffffff;
	--lt-ab-container-width: 1600px;
	--lt-ab-radius-sm: 4px;
	--lt-ab-radius-md: 12px;
	--lt-ab-radius-lg: 24px;
	--lt-ab-transition: all 0.3s ease;
}


.lt-ab-section {
	font-family: var(--lt-ab-font-base);
	font-size: 16px;
	line-height: 1.6;
	color: var(--lt-ab-text-gray);
	background-color: var(--lt-ab-white);
	overflow-x: hidden;
}

.lt-ab-section h1, .lt-ab-section h2, .lt-ab-section h3, .lt-ab-section h4, .lt-ab-section h5, .lt-ab-section h6 {
	color: var(--lt-ab-text-dark);
	font-weight: 700;
	line-height: 1.2;
}

.lt-ab-section a {
	text-decoration: none;
	transition: var(--lt-ab-transition);
}

.lt-ab-section img {
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.lt-ab-container {
	max-width: var(--lt-ab-container-width);
	margin: 0 auto;
	padding: 0 40px;
}

/* =========================================
   Common Components
   ========================================= */
.lt-ab-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 32px;
	font-size: 16px;
	font-weight: 500;
	border-radius: var(--lt-ab-radius-sm);
	cursor: pointer;
	transition: var(--lt-ab-transition);
	border: 2px solid transparent;
}

.lt-ab-btn-primary {
	background-color: var(--lt-ab-primary-red);
	color: var(--lt-ab-white);
}
.lt-ab-btn-primary:hover {
	background-color: #c93040;
	transform: translateY(-2px);
}

.lt-ab-btn-outline-white {
	background-color: transparent;
	color: var(--lt-ab-white);
	border-color: var(--lt-ab-white);
}
.lt-ab-btn-outline-white:hover {
	background-color: var(--lt-ab-white);
	color: var(--lt-ab-text-dark);
	transform: translateY(-2px);
}

.lt-ab-btn-outline-dark {
	background-color: transparent;
	color: var(--lt-ab-text-dark);
	border-color: var(--lt-ab-text-dark);
}
.lt-ab-btn-outline-dark:hover {
	background-color: var(--lt-ab-text-dark);
	color: var(--lt-ab-white);
	transform: translateY(-2px);
}

.lt-ab-section-title {
	font-size: 42px;
	margin-bottom: 16px;
}

.lt-ab-section-subtitle {
	font-size: 18px;
	color: var(--lt-ab-text-gray);
	margin-bottom: 48px;
}

.lt-ab-text-center { text-align: center; }

/* =========================================
   Hero Section
   ========================================= */
.lt-ab-hero {
	position: relative;
	min-height: 800px;
	display: flex;
	align-items: center;
	background: url('https://picsum.photos/id/1073/1920/1080') center/cover no-repeat;
}
.lt-ab-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(28, 32, 53, 0.9) 0%, rgba(28, 32, 53, 0.4) 100%);
}
.lt-ab-hero-content {
	position: relative;
	z-index: 1;
	max-width: 800px;
	color: var(--lt-ab-white);
}
.lt-ab-badge {
	display: inline-block;
	background-color: var(--lt-ab-primary-red);
	color: var(--lt-ab-white);
	padding: 6px 16px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: var(--lt-ab-radius-sm);
	margin-bottom: 24px;
	text-transform: uppercase;
}
.lt-ab-hero h1 {
	font-size: 54px;
	color: var(--lt-ab-white);
	margin-bottom: 24px;
}
.lt-ab-hero p {
	font-size: 18px;
	margin-bottom: 40px;
	opacity: 0.9;
}
.lt-ab-hero-btns {
	display: flex;
	gap: 20px;
}

/* =========================================
   Manufacturing Strength
   ========================================= */
.lt-ab-strength {
	padding: 100px 0;
}
.lt-ab-strength-wrapper {
	display: flex;
	align-items: center;
	gap: 60px;
}
.lt-ab-strength-text {
	flex: 1;
}
.lt-ab-strength-text h2 {
	font-size: 42px;
	margin-bottom: 32px;
}
.lt-ab-strength-text h2 span {
	color: var(--lt-ab-primary-blue);
}
.lt-ab-strength-text p {
	margin-bottom: 24px;
	font-size: 18px;
}
.lt-ab-strength-images {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.lt-ab-strength-img-main {
	grid-column: 1 / -1;
	border-radius: var(--lt-ab-radius-md);
	overflow: hidden;
	/* height: 300px; */
}
.lt-ab-strength-img-sub {
	border-radius: var(--lt-ab-radius-md);
	overflow: hidden;
	height: 200px;
}
.lt-ab-strength-images img {
	width: 100%;
	height: 100%;
	transition: var(--lt-ab-transition);
}
.lt-ab-strength-images img:hover {
	transform: scale(1.05);
}

/* =========================================
   Stats Section
   ========================================= */
.lt-ab-stats {
	background-color: var(--lt-ab-primary-blue);
	padding: 60px 0;
}
.lt-ab-stats-grid {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.lt-ab-stat-item h3 {
	color: var(--lt-ab-primary-red);
	font-size: 64px;
	margin-bottom: 8px;
}
.lt-ab-stat-item p {
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* =========================================
   Inside Manufacturing Base
   ========================================= */
.lt-ab-base {
	padding: 100px 0;
	background-color: var(--lt-ab-bg-light);
}
.lt-ab-base-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.lt-ab-base-main {
	position: relative;
	border-radius: var(--lt-ab-radius-md);
	overflow: hidden;
}
.lt-ab-base-subgrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 20px;
}
.lt-ab-base-item {
	position: relative;
	border-radius: var(--lt-ab-radius-md);
	overflow: hidden;
}
.lt-ab-base-item img, .lt-ab-base-main img {
	width: 100%;
	height: 100%;
	transition: var(--lt-ab-transition);
}
.lt-ab-base-item:hover img, .lt-ab-base-main:hover img {
	transform: scale(1.05);
}
.lt-ab-base-label {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: var(--lt-ab-white);
	font-weight: 600;
	font-size: 18px;
	z-index: 2;
}
.lt-ab-base-item::after, .lt-ab-base-main::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 50%);
	pointer-events: none;
}

/* =========================================
   Why Choose ABUK
   ========================================= */
.lt-ab-choose {
	padding: 100px 0;
}
.lt-ab-choose-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.lt-ab-choose-card {
	/* border: 2px solid var(--lt-ab-text-dark); */
	padding: 60px 30px;
	border-radius: 0; /* As per image, sharp corners */
	transition: var(--lt-ab-transition);
	background-color: #f8f9fa;
	border-radius: 10px;
}
.lt-ab-choose-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.lt-ab-choose-card h4 {
	font-size: 20px;
	margin-bottom: 16px;
}
.lt-ab-choose-card p {
	font-size: 16px;
}

/* =========================================
   OEM & ODM Section
   ========================================= */
.lt-ab-oem {
	padding: 100px 0 0;
}
.lt-ab-oem-box {
	background-color: var(--lt-ab-light-purple);
	border-radius: var(--lt-ab-radius-lg);
	padding: 80px;
	display: flex;
	align-items: center;
	gap: 60px;
	color: var(--lt-ab-white);
}
.lt-ab-oem-text {
	flex: 1;
}
.lt-ab-oem-text h2 {
	color: var(--lt-ab-white);
	font-size: 42px;
	margin-bottom: 16px;
}
.lt-ab-oem-features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin: 40px 0;
}
.lt-ab-oem-feature h4 {
	color: var(--lt-ab-white);
	font-size: 18px;
	margin-bottom: 8px;
}
.lt-ab-oem-feature p {
	font-size: 14px;
	opacity: 0.8;
}
.lt-ab-oem-image {
	flex: 1;
	border-radius: var(--lt-ab-radius-md);
	overflow: hidden;
}

/* =========================================
   Certifications
   ========================================= */
/* .lt-ab-certs {
	padding: 80px 0;
	text-align: center;
}
.lt-ab-certs-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}
.lt-ab-cert-item {
	border: 1px solid #eee;
	padding: 20px;
	border-radius: var(--lt-ab-radius-sm);
	transition: var(--lt-ab-transition);
}
.lt-ab-cert-item:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.lt-ab-cert-item img {
	margin: 0 auto 10px;
	height: 80px;
	object-fit: contain;
}
.lt-ab-cert-item p {
	font-size: 14px;
	font-weight: 600;
	color: var(--lt-ab-text-dark);
} */

/* =========================================
   Exhibition Carousel (Dark Background)
   ========================================= */
.lt-ab-exhibition {
    background-color: var(--lt-ab-primary-blue);
    padding: 100px 0;
    color: var(--lt-ab-white);
}

.lt-ab-exhibition .lt-ab-section-title {
    color: var(--lt-ab-white);
}

.lt-ab-exhibition-header {
    display: flex;
    /* justify-content: space-between; */
	justify-content: center;
    align-items: flex-end;
    margin-bottom: 48px;
    gap: 20px;
	text-align: center;
}

.lt-ab-exhibition-text p {
    font-size: 18px;
    opacity: 0.8;
    max-width: 700px;
}

.lt-ab-exhibition-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
}

.lt-ab-exhibition-viewport {
    overflow: hidden;
    width: 100%;
    max-width: calc(100% - 140px);
}

.lt-ab-exhibition-track {
    display: flex;
    gap: 20px;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 展会图片卡片 */
.lt-ab-exhibition-item {
    /* 默认桌面端显示 3 张图片 */
    flex: 0 0 calc((100% - 40px) / 3);
    border-radius: var(--lt-ab-radius-md);
    overflow: hidden;
    height: 350px;
    position: relative;
    background-color: var(--lt-ab-bg-light);
}

.lt-ab-exhibition-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--lt-ab-transition);
}

.lt-ab-exhibition-item:hover img {
    transform: scale(1.05);
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .lt-ab-exhibition-item {
        /* 平板端显示 2 张 */
        flex: 0 0 calc((100% - 20px) / 2);
    }
}

@media (max-width: 768px) {
    .lt-ab-exhibition-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .lt-ab-exhibition-carousel {
        gap: 10px;
    }
    .lt-ab-exhibition-viewport {
        max-width: calc(100% - 90px);
    }
    .lt-ab-exhibition-item {
        /* 手机端显示 1 张 */
        flex: 0 0 100%;
        height: 250px;
    }
}


/* =========================================
   Certifications (Carousel Version)
   ========================================= */
.lt-ab-certs {
    padding: 80px 0;
    text-align: center;
}

.lt-ab-certs-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    position: relative;
}

/* 左右导航按钮 */
.lt-ab-nav-btn {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--lt-ab-white);
    border: 1px solid #ddd;
    color: var(--lt-ab-text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--lt-ab-transition);
    z-index: 2;
}

.lt-ab-nav-btn:hover {
    background-color: var(--lt-ab-primary-blue);
    color: var(--lt-ab-white);
    border-color: var(--lt-ab-primary-blue);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.lt-ab-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* 轮播可视区域与轨道 */
.lt-ab-certs-viewport {
    overflow: hidden;
    width: 100%;
    /* 确保容器宽度足够容纳卡片 */
    max-width: calc(100% - 140px); 
}

.lt-ab-certs-track {
    display: flex;
    gap: 20px;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 单个证书卡片 */
.lt-ab-cert-item {
    /* 默认桌面端显示 6 个，减去 gap 的计算 */
    flex: 0 0 calc((100% - (20px * 3)) / 4);
    border: 1px solid #eee;
    padding: 20px;
    border-radius: var(--lt-ab-radius-sm);
    transition: var(--lt-ab-transition);
    background-color: var(--lt-ab-white);
}

.lt-ab-cert-item:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border-color: #ddd;
}

.lt-ab-cert-item img {
    margin: 0 auto 10px;
    /* height: 80px; */
    object-fit: contain;
}

.lt-ab-cert-item p {
    font-size: 14px;
    font-weight: 600;
    color: var(--lt-ab-text-dark);
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .lt-ab-cert-item {
        /* 平板端显示 4 个 */
        flex: 0 0 calc((100% - (20px * 3)) / 4);
    }
}

@media (max-width: 768px) {
    .lt-ab-certs-carousel {
        gap: 10px;
    }
    .lt-ab-certs-viewport {
        max-width: calc(100% - 90px);
    }
    .lt-ab-nav-btn {
        width: 36px;
        height: 36px;
    }
    .lt-ab-cert-item {
        /* 手机端显示 2 个 */
        flex: 0 0 calc((100% - 20px) / 2);
    }
}




/* =========================================
   Footer / CTA
   ========================================= */
.lt-ab-footer {
	background-color: var(--lt-ab-primary-blue);
	padding: 100px 0 40px;
	color: var(--lt-ab-white);
	text-align: center;
}
.lt-ab-footer h2 {
	color: var(--lt-ab-white);
	font-size: 42px;
	margin-bottom: 24px;
}
.lt-ab-footer p {
	font-size: 18px;
	margin-bottom: 40px;
	opacity: 0.8;
}
.lt-ab-footer-btns {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-bottom: 80px;
}
.lt-ab-footer-bottom {
	border-top: 1px solid rgba(255,255,255,0.1);
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	opacity: 0.6;
}
.lt-ab-footer-links a {
	color: var(--lt-ab-white);
	margin-left: 20px;
}
.lt-ab-footer-links a:hover {
	opacity: 1;
}

/* =========================================
   Responsive Design
   ========================================= */
@media (max-width: 1200px) {
	.lt-ab-hero h1 { font-size: 42px; }
	.lt-ab-strength-wrapper, .lt-ab-oem-box, .lt-ab-warehouse-wrapper { flex-direction: column; }
	.lt-ab-choose-grid { grid-template-columns: repeat(2, 1fr); }
	.lt-ab-products-grid { grid-template-columns: repeat(3, 1fr); }
	.lt-ab-certs-grid { grid-template-columns: repeat(4, 1fr); }
	.lt-ab-stats-grid { flex-wrap: wrap; gap: 30px; }
	.lt-ab-stat-item { width: 30%; }
}

@media (max-width: 768px) {
	.lt-ab-container { width: 92%; max-width: none; padding: 0; }
	.lt-ab-section { font-size: .3rem; line-height: 1.65; }
	.lt-ab-strength, .lt-ab-base, .lt-ab-choose,
	.lt-ab-exhibition, .lt-ab-certs { padding: .9rem 0; }
	.lt-ab-oem { padding: .9rem 0 0; }
	.lt-ab-hero { min-height: 6rem; }
	.lt-ab-hero h1 { font-size: .52rem; }
	.lt-ab-section-title { font-size: .52rem; margin-bottom: .2rem; }
	.lt-ab-section-subtitle { font-size: .3rem; margin-bottom: .5rem; }
	.lt-ab-strength-wrapper { gap: .5rem; }
	.lt-ab-strength-text, .lt-ab-strength-images { width: 100%; min-width: 0; }
	.lt-ab-strength-text h2 { font-size: .58rem; margin-bottom: .4rem; }
	.lt-ab-strength-text p { font-size: .3rem; margin-bottom: .3rem; }
	.lt-ab-strength-images { grid-template-columns: 1fr; gap: .2rem; }
	.lt-ab-strength-img-main { grid-column: auto; }
	.lt-ab-stats { padding: .75rem 0; }
	.lt-ab-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem .3rem; }
	.lt-ab-stat-item { width: auto; min-width: 0; }
	.lt-ab-stat-item h3 { font-size: .72rem; margin-bottom: .1rem; }
	.lt-ab-stat-item p { font-size: .24rem; letter-spacing: .01rem; }
	.lt-ab-base-grid { grid-template-columns: 1fr; height: auto; }
	.lt-ab-base-grid { gap: .25rem; }
	.lt-ab-base-main { height: 4.4rem; }
	.lt-ab-base-subgrid { height: 4.8rem; gap: .2rem; }
	.lt-ab-base-label { left: .24rem; bottom: .2rem; font-size: .28rem; }
	.lt-ab-choose-grid { grid-template-columns: 1fr; }
	.lt-ab-choose .lt-ab-section-title { margin-bottom: .55rem !important; }
	.lt-ab-choose-grid { gap: .25rem; }
	.lt-ab-choose-card { padding: .5rem .35rem; border-radius: .14rem; }
	.lt-ab-choose-card h4 { font-size: .34rem; margin-bottom: .16rem; }
	.lt-ab-choose-card p { font-size: .28rem; }
	.lt-ab-products-grid { grid-template-columns: repeat(2, 1fr); }
	.lt-ab-products-header { flex-direction: column; align-items: flex-start; gap: .3rem; }
	.lt-ab-certs-grid { grid-template-columns: repeat(2, 1fr); }
	.lt-ab-exhibition-header { margin-bottom: .5rem; gap: .2rem; }
	.lt-ab-exhibition-text p { font-size: .3rem; }
	.lt-ab-exhibition-carousel, .lt-ab-certs-carousel { gap: .12rem; }
	.lt-ab-exhibition-viewport, .lt-ab-certs-viewport { max-width: calc(100% - 1.52rem); }
	.lt-ab-exhibition-track, .lt-ab-certs-track { gap: .2rem; }
	.lt-ab-exhibition-item { height: 4.2rem; }
	.lt-ab-nav-btn { width: .64rem; height: .64rem; }
	.lt-ab-oem-box { width: 100%; padding: .5rem .35rem; gap: .5rem; border-radius: .28rem; }
	.lt-ab-oem-text, .lt-ab-oem-image { width: 100%; min-width: 0; }
	.lt-ab-oem-text h2 { font-size: .56rem; margin-bottom: .2rem; }
	.lt-ab-oem-text > p { font-size: .3rem !important; }
	.lt-ab-oem-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; margin: .5rem 0; }
	.lt-ab-oem-feature h4 { font-size: .3rem; margin-bottom: .08rem; }
	.lt-ab-oem-feature p { font-size: .26rem; }
	.lt-ab-oem .lt-ab-btn { width: 100%; padding: .22rem .2rem; font-size: .28rem; text-align: center; }
	.lt-ab-certs-carousel { margin-bottom: .4rem; }
	.lt-ab-cert-item { flex-basis: calc((100% - .2rem) / 2); padding: .2rem; }
	.lt-ab-cert-item p { font-size: .24rem; overflow-wrap: anywhere; }
	.lt-ab-footer-bottom { flex-direction: column; gap: .3rem; }
	.lt-ab-footer-links a { margin: 0 .1rem; }
}

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

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ==========================================
   全局变量与基础重置
========================================== */

/* ==========================================
   全局变量与基础重置 (仅补充缺失部分)
========================================== */
:root {
    --lt-theme-green: #455196; /* 提取图片中的主题绿 */
    --lt-theme-dark: #001322;
    --lt-border-color: #EAEAEA;
    --lt-bg-light: #F8F9FA;
}
html {
    scroll-behavior: smooth;
}
.lt-main {
    overflow-x: hidden;
}

.lt-opacity-8 {
    opacity: 0.8;
}

/* ==========================================
   Hero Section (首屏区域)
========================================== */
.lt-main .lt-hero {
    background: linear-gradient(135deg, #f0f7f2 0%, #e2f2e6 100%);
    position: relative;
}

/* ==========================================
   Categories Navigation (分类导航)
========================================== */
.lt-main .lt-categories {
    /* margin-top: -0.4rem; */
	/* 微微向上偏移，增加层次感 */
    position: relative;
    z-index: 10;
}

.lt-main .lt-categories .lt-cat-grid {
    gap: 0.2rem;
}

.lt-main .lt-categories .lt-cat-item {
    width: calc(25% - 0.15rem);
    min-width: 260px;
    padding: 0.25rem 0.3rem;
    border: 1px solid var(--lt-border-color);
    box-shadow: 0 5px 15px rgba(0,0,0,0.02);
}

.lt-main .lt-categories .lt-cat-item:hover {
    border-color: var(--lt-theme-green);
    box-shadow: 0 10px 30px rgba(var(--theme-color-rgb), 0.15);
    transform: translateY(-3px);
}

.lt-main .lt-categories .lt-cat-item:hover i {
    color: var(--lt-theme-green);
}

.lt-main .lt-categories .lt-cat-item .ico{}
.lt-main .lt-categories .lt-cat-item .ico img{
	width: 0.8rem;
}
/* ==========================================
   Product Sections (产品展示区)
========================================== */
.lt-main .lt-product-sec {
    border-bottom: 1px solid var(--lt-bg-light);
	scroll-margin-top: 40px;
}

.lt-main .lt-product-sec .lt-sec-header .lt-icon-box {
    width: 0.9rem;
    height: 0.9rem;
    border: 2px solid var(--lt-theme-green);
    color: var(--lt-theme-green);
    font-size: var(--f24);
}

.lt-main .lt-product-sec .lt-sec-header .lt-show-all {
	display: inline-grid;
	align-items: center;
	text-align: center;
	grid-template-columns: 1fr 0.48rem;
    padding: 0.1rem 0.07rem 0.1rem 0.24rem;
    border-radius: 0.6rem;
    border: 1px solid #ccc;
	width: 2.3rem;
}

.lt-main .lt-product-sec .lt-sec-header .lt-show-all .lt-arrow-circle {
    width: 0.48rem;
    height: 0.48rem;
    background-color: var(--lt-theme-green);
}

.lt-main .lt-product-sec .lt-sec-header .lt-show-all:hover {
    border-color: var(--lt-theme-green);
}

.lt-main .lt-product-sec .lt-sec-header .lt-show-all:hover span {
    color: var(--lt-theme-green);
}

/* Product Card */
.lt-main .lt-product-sec .lt-pro-card {
    border: 1px solid var(--lt-border-color);
    height: 100%;
    min-height: 4.5rem;
}

.lt-main .lt-product-sec .lt-pro-card:hover {
    border-color: var(--lt-theme-green);
    box-shadow: 0 15px 40px rgba(0,0,0,0.06);
    transform: translateY(-5px);
}

.lt-main .lt-product-sec .lt-pro-card:hover .lt-pro-img img {
    transform: scale(1.08);
}

.lt-main .lt-product-sec .lt-pro-card .lt-pro-name {
    height: 2.6em; /* 限制两行高度 */
}

/* ==========================================
   CTA Section (底部引导区)
========================================== */
.lt-main .lt-cta {
    background: var(--lt-theme-dark) url('https://picsum.photos/1920/400?random=99') no-repeat center/cover;
    position: relative;
}

.lt-main .lt-cta::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 19, 34, 0.85);
    z-index: 1;
}

.lt-main .lt-cta .w16 {
    position: relative;
    z-index: 2;
}

.lt-main .lt-cta .lt-cta-btn {
    padding: 0.15rem 0.2rem 0.15rem 0.4rem;
    color: var(--lt-theme-green);
}

.lt-main .lt-cta .lt-cta-btn i {
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--lt-theme-green);
    color: #fff;
}

.lt-main .lt-cta .lt-cta-btn:hover {
    background-color: var(--lt-theme-green);
    color: #fff;
}

.lt-main .lt-cta .lt-cta-btn:hover i {
    background-color: #fff;
    color: var(--lt-theme-green);
}

/* ==========================================
   Swiper Navigation Arrows (轮播箭头样式)
========================================== */
.lt-main .lt-product-sec .lt-swiper-btn {
	display: flex;
    width: 0.48rem;
    height: 0.48rem;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    color: var(--lt-theme-green);
    transition: all 0.3s ease;
    margin-top: -0.24rem; /* 垂直居中修正 */
	z-index: 3;
}

.lt-main .lt-product-sec .lt-swiper-btn::after {
    font-size: var(--f20);
    font-weight: 700;
}

.lt-main .lt-product-sec .lt-swiper-btn:hover {
    background-color: var(--lt-theme-green);
    color: #fff;
    box-shadow: 0 6px 20px rgba(140, 198, 63, 0.3);
}

/* 强制覆盖 disabled 状态 */
.lt-main .lt-swiper-wrap .swiper-button-disabled.lt-swiper-btn {
    opacity: 0.3 !important;
    pointer-events: none;
}

/* 把箭头推到容器外侧 */
.lt-main .lt-swiper-wrap .swiper-button-prev.lt-swiper-btn {
    left: -60px; 
}
.lt-main .lt-swiper-wrap .swiper-button-next.lt-swiper-btn {
    right: -60px; 
}


/* 响应式：屏幕较小时把箭头收回来，防止撑出横向滚动条 */
@media screen and (max-width: 1700px) {
    .lt-main .lt-swiper-wrap .swiper-button-prev.lt-swiper-btn { left: -20px; }
    .lt-main .lt-swiper-wrap .swiper-button-next.lt-swiper-btn { right: -20px; }
}

@media screen and (max-width: 768px) {
    .lt-main .lt-swiper-wrap .lt-swiper-btn {
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }
    .lt-main .lt-swiper-wrap .lt-swiper-btn::after {
        font-size: 14px;
    }
    /* 手机端直接贴在边缘 */
    .lt-main .lt-swiper-wrap .swiper-button-prev.lt-swiper-btn { left: 0px; }
    .lt-main .lt-swiper-wrap .swiper-button-next.lt-swiper-btn { right: 0px; }
}



/* 产品列表 s */
.page_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
}
.sidebar{
	width: 400px;
}
.sidebar_item{
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	padding: 0.15rem;
	margin-bottom: 0.3rem;
}
.sidebar_title{
	position: relative;
	font-size: var(--f24);
	line-height: 1.25;
	font-weight: 600;
	padding-left: 0.15rem;
	margin-bottom: 0.2rem;
}
.sidebar_title::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background: var(--theme-color);
}
.sidebar_cate{}
.sidebar_cate .li1{
	position: relative;
}
.sidebar_cate .li1 a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: var(--f16);
	line-height: 1.5;
	padding: 0.08rem 0;
	padding-right: 0.35rem;
}
.sidebar_cate .li1>a{
	font-size: var(--f18);
}
.sidebar_cate li.nav-current>a{
	color: var(--theme-color);
}
.sidebar_cate .li1 a:hover{
	color: var(--theme-color);
}
.sidebar_cate li i{
	position: absolute;
	right: 0px;
	top: 8px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	transition: all .2s linear;
}
.sidebar_cate li i:before,.sidebar_cate li i::after{
	content: "";
	width: 12px;
	height: 2px;
	background: #666666;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .2s linear;
}
.sidebar_cate li i::after{
	width: 2px;
	height: 12px;
}
.sidebar_cate li.nav-current>a>i::after{
	height: 2px;
}
.sidebar_cate .sub_menu{
	display: none;
	padding-left: 10px;
}
.sidebar_cate .li1.nav-current > .sub_menu{
	display: block;
}
.sidebar_cate .sub_menu>li{}
.sidebar_cate .sub_menu>li>a{}

.sidebar_prolist{}
.sidebar_prolist li{}
.sidebar_prolist li+li{
	margin-top: 0.25rem;
}
.sidebar_prolist li a{}
.sidebar_prolist li .img{
	width: 120px;
	border: 1px solid #EEEEEE;
}
.sidebar_prolist li .text{
	width: calc(100% - 120px);
	padding-left: 0.1rem;
}

.search_input{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
}
.search_input input{
	background: #F9F9F9;
	flex: 1;
	height: 100%;
	padding: 0px 10px;
	border: 1px solid #F9F9F9;
	transition: all .2s linear;
}
.search_input button{
	width: 90px;
	height: 100%;
	background: var(--theme-color);
	color: #F8F8F8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s linear;
	border: none;
}

.sidebar_inquiry{}
.sidebar_inquiry form{}
.sidebar_inquiry input{
	height: 50px;
}
.sidebar_inquiry input::placeholder{
    color: #666
}
.sidebar_inquiry input,.sidebar_inquiry textarea{
	width: 100%;
	border: 1px solid transparent;
	border-bottom: 1px solid #E9E9E9;
	padding: 10px;
	display: inline-flex;
	align-items: center;
}
.sidebar_inquiry textarea{
	height: 200px;
	resize: none;
}
.sidebar_inquiry button{
	min-width: 200px;
	height: 50px;
	background: #000;
	cursor: pointer;
	color: #FFFFFF;
	margin: 20px 0px;
	position: relative;
	transition: all .2s linear;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f16);
	font-weight: 500;
	border: none;
}
.sidebar_inquiry button:hover{
	background-color: var(--theme-color);
}
.lita-sidebar-inquiry .fluentform .ff-el-group { width: 100%; margin-bottom: 0; }
.lita-sidebar-inquiry .fluentform .ff-t-container { display: block; }
.lita-sidebar-inquiry .fluentform .ff-t-cell { width: 100%; padding-left: 0; padding-right: 0; }
.lita-sidebar-inquiry .fluentform .ff-el-input--label { margin-bottom: 0; }
.lita-sidebar-inquiry .fluentform .ff-el-input--label label { font-size: var(--f14); color: #555; }
.ff-default .ff-el-form-control{font-family: inherit !important;}
.lita-sidebar-inquiry .fluentform input,
.lita-sidebar-inquiry .fluentform textarea { width: 100%; border: 1px solid transparent; border-bottom-color: #e9e9e9; border-radius: 0; background: #fff; padding: 10px; font-size: var(--f16); }
.lita-sidebar-inquiry .fluentform input { min-height: 50px; }
.lita-sidebar-inquiry .fluentform textarea { min-height: 150px; resize: vertical; }
.lita-sidebar-inquiry .fluentform .ff-btn-submit { width: 100%; min-height: 50px; margin: 20px 0 0; border: 0; border-radius: 0; background: #000; color: #fff; font-size: var(--f16); }
.lita-sidebar-inquiry .fluentform .ff-btn-submit:hover { background: var(--theme-color); }

.page_main{
	flex: 1;
	padding-right: 60px;
	width: calc(100% - 400px);
}
.pro_list{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.2rem;
}
.pro_list li{
}
.pro_list li a{
	display: block;
}
.pro_list li .pic{
	border: 1px solid #DFDFDF;
}
.pro_list .info{}
.pro_list .info .tit{
	height: 3em;
}
.pro_list li:hover .info .tit{
	color: var(--theme-color);
}
/* 产品列表 e */

/* 产品详情 s */
.n_pro_xq_top{
}
.pro_xq_fl{
	width: 46%;
}

.pro_xq_pic{
	width: 100%;
}
.pro_xq_pic .swiper{}
.pro_xq_pic ul{}
.pro_xq_pic ul li{
	border: 1px solid #dfdfdf;
	background-color: #dfdfdf;
}
.pro_xq_pic ul li img{
	/* mix-blend-mode: multiply; */
}
.pro_xq_ico{
	width: 100%;
	padding: 0 0.4rem;
	margin-top: 0.15rem;
}
.pro_xq_ico .swiper{}
.pro_xq_ico ul{}
.pro_xq_ico ul li{
	border: 1px solid #dfdfdf;
	cursor: pointer;
}
.pro_xq_ico ul li.swiper-slide-thumb-active{
	border-color: var(--theme-color);
}

.pro_xq_fr{
	width: 49%;
}
.pro_xq_fr .title{}
.pro_xq_fr .des{
	max-height: 15em;
	overflow-y: auto;
}
.pro_xq_fr .des::-webkit-scrollbar {
	width: 3px;
	height: 16px;
	background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
.pro_xq_fr .des::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
.pro_xq_fr .des::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	background-color: #555;
}
.pro_xq_fr .table{}
.pro_xq_fr .table ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0.24rem 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: var(--f18);
	color: #666;
	line-height: 1.3;
}
.pro_xq_fr .table ul li{
	width: 49%;
	margin-top: 0.12rem;
}
.pro_xq_fr .table ul li strong{
	font-size: var(--f20);
	color: var(--theme-color);
	font-weight: 600;
	display: block;
	margin-bottom: 0.06rem;
}
.pro_xq_fr .btn{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.2rem;
	padding-top: 0.3rem;
	border-top: 1px solid #E9E9E9;
}
.pro_xq_fr .btn a{
	display: inline-block;
	padding: 0.16rem 0.48rem;
	border: 0.02rem solid var(--theme-color);
	background-color: var(--theme-color);
	font-size: var(--f18);
	color: #fff;
	border-radius: 0.06rem;
	min-width: 2rem;
	text-align: center;
}
.pro_xq_fr .btn a i{
	font-size: var(--f20);
	margin-right: 0.08rem;
}
.pro_xq_fr .btn a:first-child:hover{
	background-color: transparent;
	color: var(--theme-color);
}
.pro_xq_fr .btn a+a{
	background-color: #fff;
	color: var(--theme-color);
}
.pro_xq_fr .btn a:last-child:hover{
	background-color: var(--theme-color);
	color: #fff;
}
.pro_xq_ico .swiper-button-prev{
	left: 0;
}
.pro_xq_ico .swiper-button-next{
	right: 0;
}
.pro_xq_ico .swiper-button-prev::after,.pro_xq_ico .swiper-button-next::after{
	font-size: var(--f28);
	color: #000;
}
.pro_xq_ico .swiper-button-prev:hover::after,.pro_xq_ico .swiper-button-next:hover::after{
	color: var(--theme-color);
}
.pro_xq_ico .swiper-button-prev::after{}
.pro_xq_ico .swiper-button-next::after{}

.n_pro_xq_con{
	font-size: var(--f18);
	line-height: 1.75;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.ar_article strong{
	font-weight: bold;
}

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

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

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

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

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

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


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


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

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

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

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

/* ================= 响应式适配 (Mobile) ================= */
@media (max-width: 768px) {
    .ar_article blockquote {
        padding: 20px;
        font-size: 16px;
        margin: 20px 0;
    }
    .ar_article blockquote::before {
        font-size: 80px;
        left: 5px;
        top: -5px;
    }
}
.pagelink{
	border-top: 1px solid #E9E9E9;
}
.pagelink-item{
	font-size: var(--f18);
	line-height: 1.3;
	display: flex;
	flex-direction: column-reverse;
	border-bottom: 1px solid #E9E9E9;
	padding: 0.1rem;
}
.pagelink .next{}
.pagelink-item span{
	display: inline-block;
	color: var(--theme-color);
	padding-top: 10px;
}
.pagelink-item span::before {
    content: "➜";
    display: inline-block;
    font-size: var(--f18);
    margin-right: 10px;
}
.pagelink .prev span:before{
	transform: rotate(180deg);
}
.pagelink-item a:hover{
	color: var(--theme-color);
}
/* 产品详情 e */

/* 产品落地页 s */
.pro_page_01{}
.pro_page_01 .fl{
	width: 48%;
}
.pro_page_01 .fl .tit{}
.pro_page_01 .fl .des{}
.pro_page_01 .fl .des p+p{
	margin-top: 0.15rem;
}
.pro_page_01 .fr{
	width: 48%;
}
.pro_page_01 .fr .img{}

.pro_page_02{}
.pro_page_02 .item {
	margin-top: 0.8rem;
}
.pro_page_02 .item .tit{}
.pro_page_02 .item .con{
	background-color: #f5f5f8;
}
.pro_page_02 .item ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.pro_page_02 .item ul li{}
.pro_page_02 .item ul li a{
	display: block;
	background-color: #FFF;
}
.pro_page_02 .item ul li .info{
	text-align: center;
	padding: 0.3rem 0.2rem;
}
.pro_page_02 .item ul li .tit{
	/* height: 2.6em; */
}
.pro_page_02 .item ul li:hover .tit{
	color: var(--theme-color);
}
.pro_page_02 .item ul li .des{
	height: 3em;
}
.pro_page_02 .item ul li .btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.32rem;
	height: 0.32rem;
	border: 0.01rem solid #888;
	border-radius: 50%;
}
.pro_page_02 .item ul li .btn i{
	font-size: var(--f16);
	color: #888;
}
.pro_page_02 .item .c_btn{}

.pro_page_03{}
.pro_page_03 ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.pro_page_03 ul li{
	text-align: center;
	padding: 0.5rem 0.2rem;
	box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, .05);
}
.pro_page_03 ul li .ico{
	display: inline-block;
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	/* border: 1px solid #888; */
}
.pro_page_03 ul li .ico img{}
.pro_page_03 ul li .info{}
.pro_page_03 ul li .tit{}
.pro_page_03 ul li .des{
	min-height: 6em;
}

/* c_quote s */
.c_quote{}
.c_quote .con{
	padding: 0.8rem;
}
.c_quote .fl{
	width: 40%;
}
.c_quote .fl h4{}
.c_quote .fl p{}
.c_quote .fl a{
	display: inline-block;
	padding: 0.13rem 0.36rem;
	background-color: var(--theme-color);
	border: 2px solid var(--theme-color);
	color: #fff;
	border-radius: 50px;
}
.c_quote .fl a:hover{
	background-color: #fff;
	color: var(--theme-color);
}
.c_quote .fr{
	width: 55%;
}
.c_quote .fr form{
	row-gap: 0.15rem;
}
.c_quote .fr form .mui-input-row{
	width: 49%;
}
.c_quote .fr form .mui-input-row.w100{
	width: 100%;
}
.c_quote .fr form .mui-input-row input,.c_quote .fr form .mui-input-row textarea{
	width: 100%;
	height: 44px;
	background: #fff;
	border-radius: 4px;
	font-size: var(--f16);
	border: solid 1px rgba(var(--theme-color-rgb), 0.5);
	padding: 0 0.15rem;
}
.c_quote .fr form .mui-input-row textarea{
	height: 150px;
	padding: 0.15rem;
	background-color: #fff;
}
.c_quote .fr form .btn{}
.c_quote .fr form .btn button{
	border: none;
	padding: 0.15rem 0.42rem;
	background-color: var(--theme-color);
	font-size: var(--f16);
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}
.c_quote .fr form .btn button:hover{
	background-color: var(--sec-theme-color);
}
/* c_quote e */
/* 产品落地页 e */

/* 详情切换 s */

.xq_sort_nav{
	height: 75px;
}
#location .box.act {
    position: fixed;
	width: 100%;
    top: 80px;
    left: 0;
	background-color: #F4F5F9;
	background-color: #F9F9F9;
	z-index: 9;
}
.xq_sort_nav .w14{
	width: 100%;
	max-width: 100%;
	background-color: rgba(var(--theme-color-rgb), 0.10);;
	background-color: #F4F5F9;
	background-color: #F9F9F9;
	border-radius: 0.1rem;
	overflow: hidden;
	/* padding: 0 0.24rem; */
}
.xq_sort_nav .swiper{
}
.xq_sort_nav ul{}
.xq_sort_nav ul li{
	display: inline-block;
	width: auto;
}
.xq_sort_nav ul li a{
	position: relative;
	display: inline-block;
	height: 75px;
	line-height: 75px;
	padding: 0 0.24rem;
}
.xq_sort_nav ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--theme-color);
    content: "";
    transition: width .2s;
}
/* .xq_sort_nav ul li:has(~.cur)::after{
	right: 0;
	left: auto;
} */
.xq_sort_nav ul li a:hover,.xq_sort_nav ul li.cur a{
	color: var(--theme-color);
}
.xq_sort_nav ul li.cur a:after{
	width: 100%;
}
.xq_sort_nav ul li a i{
	display: inline-block;
	transform: rotate(45deg);
}
/* 详情切换 e */


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



/* 新闻列表 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;
}
.n_news .fl .con  p{
	margin-bottom: 1em;
}
.n_news .fl .con table{
	max-width: 100%;
}
.n_news .fl .bot{
	border-top: 1px #eee solid;
}
.n_news .fl .bot>div{
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.1rem;
}
.n_news .fl .prev{
	text-align: left;
}
.n_news .fl .next{
	text-align: right;
}
.n_news .fl .bot>div span{
	font-weight: 600;
}
.n_news .fl .bot>div a{
	color: #555;
	display: inline-block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	width: 80%;
}
.n_news .fr{
	width: 400px;
}

.n_news .fr .tab-con{
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
	background-color: #fff;
}
.n_news .fr .tab-con h2{
	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 */
.n_applist{}
.n_applist ul{}
.n_applist ul li{
	float: left;
	width: 33%;
	margin-bottom: .5%;
	margin-right: .5%;
}
.n_applist ul li:nth-child(3n){
	margin-right: 0;
}
.n_applist ul li a{
	display: block;
	position: relative;
}
.n_applist ul li .img{}
.n_applist ul li .txt{
	position: absolute;
	top: 6%;
	left: 6%;
	z-index: 3;
	padding: 0.25rem 0.3rem 0.75rem;
	background-color: rgb(255,255,255,.9);
	min-width: 56%;
}
.n_applist ul li .txt::after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../images/i_app_bg.png') no-repeat center;
	background-size: 100% auto;
	opacity: .9;
	z-index: 1;
}
.n_applist ul li .txt .tit{
	position: relative;
	z-index: 2;
}
.n_applist ul li .txt i{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0.3rem;
	bottom: -15%;
	background: var(--theme-color);
	width: 0.45rem;
	height: 0.45rem;
	font-size: var(--f16);
	color: #fff;
	font-weight: 700;
	z-index: 2;
}
/* 行业列表 e */

/* 行业详情 s */
.n_tit2{
	position: relative;
	font-size: var(--f40);
	line-height: 1.3;
	padding-bottom: 0.15rem;
	font-family: "PB";
}
.n_tit2::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 0.67rem;
    height: 0.04rem;
    background: var(--theme-color);
}
.n_app_xq_01{}
.n_app_xq_01 .fl{
	width: 48%;
}
.n_app_xq_01 .fr{
	width: 48%;
}

.n_app_xq_02{
	
}
.n_app_xq_02{}
.n_app_xq_02 ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_app_xq_02 ul li{
	background-color: #fff;
	border-radius: 0.2rem;
	-webkit-box-shadow: 0 0 .2rem 0 rgba(0,0,0, .1);
	box-shadow: 0 0 .2rem 0 rgba(0,0,0, .1);
	padding: 0.3rem 0.6rem;
	text-align: center;
}
.n_app_xq_02 ul li .ico{}
.n_app_xq_02 ul li .ico img{
	display: inline-block;
	height: 0.8rem;
}
.n_app_xq_02 ul li .info{
	margin-top: 0.35rem;
	min-height: 6em;
}
.n_app_xq_02 ul li .tit{
	font-size: var(--f24);
	line-height: 1.3;
	height: 2.6em;
	font-family: 'PB';
}
.n_app_xq_02 ul li .des{
	font-size: var(--f16);
	line-height: 1.5;
	color: #666;
	margin-top: 0.15rem;
	min-height: 7.5em;
}

.xg_case{}
.xg_case ul{}
.xg_case ul li{}
.xg_case ul li a{
	display: block;
	background-color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
}
.xg_case ul li .info{}
.xg_case ul li .info .tit{}
.xg_case ul li a:hover .tit{
	color: var(--theme-color);
}
/* 行业详情 e */



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

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

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

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

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

/* ==================================================
   公共组件样式
================================================== */
.lt-tabs { gap: 20px; flex-wrap: wrap; }
.lt-tabs a { padding: 12px 35px; font-size: var(--f18); font-weight: bold; color: #333; background: #F4F5F9; border-radius: 40px; transition: all 0.3s ease; }
.lt-tabs a.active, .lt-tabs a:hover { background: var(--theme-color); color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }

/* ==================================================
   1. 视频中心 (Video)
================================================== */
.lt-video-list ul { gap: 25px; }
.lt-video-item { width: calc(33.333% - 17px); border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.04); transition: all 0.3s ease; background: #fff; }
.lt-video-item:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.lt-video-item .pic { overflow: hidden; }
.lt-video-item .pic img { transition: transform 0.5s ease; }
.lt-video-item:hover .pic img { transform: scale(1.05); }
.lt-play-btn { width: 65px; height: 65px; background: rgba(0,0,0,0.4); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; transition: all 0.3s; backdrop-filter: blur(4px); }
.lt-play-btn::after { content: ''; display: block; border-left: 18px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; margin-left: 6px; }
.lt-video-item:hover .lt-play-btn { background: var(--theme-color); }

/* ==================================================
   2. 下载中心 (Download)
================================================== */
.lt-sidebar { border: 1px solid #eee; }
.lt-dl-nav li { margin-bottom: 12px; }
.lt-dl-nav a { display: block; padding: 16px 24px; min-width: 240px;font-size: var(--f16); color: #555; background: #F9FAFF; border-radius: 8px; transition: all 0.3s; font-weight: 500; }
.lt-dl-nav li.active a, .lt-dl-nav a:hover { background: var(--theme-color); color: #fff; padding-left: 30px; }
.lt-dl-list li { border-bottom: 1px solid #eee; transition: all 0.3s; border-radius: 8px; margin-bottom: 10px; }
.lt-dl-list li:hover { background: #F9FAFF; border-color: transparent; padding-left: 25px; padding-right: 25px; }
.lt-file-icon { width: 48px; height: 48px; background: #EFF1FE; color: var(--theme-color); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; }

/* ==================================================
   3. 常见问题 (FAQ)
================================================== */
.lt-faq-search input { height: 60px; outline: none; transition: all 0.3s; border: 1px solid #ddd; padding-left: 2em;}
.lt-faq-search input:focus { border-color: var(--theme-color); box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.lt-faq-search button { right: 6px; top: 6px; padding: 0 40px; height: 48px; border: none; cursor: pointer; }
.lt-faq-item { border: 1px solid #eee; transition: all 0.3s; overflow: hidden; }
.lt-faq-item:hover { border-color: var(--theme-color); box-shadow: 0 5px 15px rgba(0,0,0,0.03); }
.lt-faq-q { cursor: pointer; transition: background 0.3s; }
.lt-faq-q:hover { background: #F9FAFF; }
.lt-faq-q .toggle-icon { font-size: 28px; font-style: normal; transition: transform 0.3s ease; color: #999; font-weight: 300; }
.lt-faq-item.active .toggle-icon { transform: rotate(45deg); color: var(--theme-color); }
.lt-faq-item.active .lt-faq-q h4 { color: var(--theme-color); }
.lt-faq-a { border-top: 1px dashed #eee; display: none; }

/* ==================================================
   布局辅助与动画 (替代行内样式)
================================================== */
.lt-max-700 { max-width: 700px; margin-left: auto; margin-right: auto; }
.lt-max-1200 { max-width: 1200px; margin-left: auto; margin-right: auto; }

/* 选项卡内容切换逻辑 */
.lt-tab-content { display: none; }
.lt-tab-content.active { display: block; animation: ltFadeIn 0.4s ease; }

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

/* ==================================================
   FAQ 手风琴状态控制 (替代行内 display: block)
================================================== */
.lt-faq-a { border-top: 1px dashed #eee; display: none; }
.lt-faq-item.active .lt-faq-a { display: block; animation: ltFadeIn 0.3s ease; }


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


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

/* WordPress dynamic inner-page integration. */
body:not(.home) .Header-wrapper:not(.on):not(.white_bg) { background-color: rgba(0, 0, 0, .18); }
.n_tit h2 { position: relative; font-size: .42rem; line-height: 1.3; font-weight: 700; margin-bottom: .35rem; font-family: 'PB'; }
.i_tit2 h2 { font-size: .38rem; color: var(--theme-color); font-weight: 700; }
.i_tit2 h2::after { content: ""; display: block; width: .5rem; height: .02rem; background: #626262; margin: .15rem auto; }
.lt-ab-choose-card h3 { font-size: 22px; margin-bottom: 15px; color: var(--lt-ab-text-dark); }
.lt-ab-oem-feature h3 { font-size: 18px; margin-bottom: 5px; color: var(--lt-ab-white); }
.n_news .fr .tab-con h2 { padding-bottom: .2rem; border-bottom: 1px solid #eee; }
.n_news .fr .recomm h2 { color: #212121; }
.n_contact .fr ul li .text h3 { font-size: var(--f18); color: #212121; font-weight: 700; }
.lt-pro-home-tab {  text-align: left; appearance: none; }
.lt-pro-home-tab:focus-visible,
.lt-tabs a:focus-visible,
.lt-faq-q:focus-visible,
.lt-ab-nav-btn:focus-visible { outline: 3px solid rgba(var(--theme-color-rgb), .35); outline-offset: 3px; }
.lt-pro-home-overview { gap: .5rem; }
.lt-pro-home-left .rect-75 > img { position: absolute; inset: 0; width: 100%; height: 100%; }
.com_page .page-num-current { border-color: var(--theme-color); background: var(--theme-color) !important; color: #fff; }
.com_page .page-prev,
.com_page .page-next { background-color: #eff2f7; }
.com_page .page-prev::after,
.com_page .page-next::after { font: normal normal normal 14px/1 FontAwesome; }
.com_page .page-prev::after { content: "\f104"; }
.com_page .page-next::after { content: "\f105"; }
.com_page .is-disabled { opacity: .45; cursor: not-allowed; }
.com_page .page-ellipsis { width: auto; min-width: 20px; border-color: transparent; }
.lt-tab-content.lita-search-active { display: block; animation: none; }
.lita-faq-empty { text-align: center; padding: .35rem; font-size: var(--f18); }
.lt-video-item .show { display: block; width: 100%; }
.lt-video-item .show.is-disabled { cursor: default; }
.lt-video-item .show.is-disabled .lt-play-btn { opacity: .55; }
.lt-dl-list .c_btn.is-disabled { opacity: .55; cursor: not-allowed; }
.lt-ab-copy p + p { margin-top: 1em; }
.lt-ab-choose .lt-ab-section-title { margin-bottom: 60px; }
.lt-ab-strength-img-main img,
.lt-ab-exhibition-item img { width: 100%; height: 100%; object-fit: cover; }
.lt-ab-cert-item img { width: 100%; aspect-ratio: 4 / 5; object-fit: contain; }

/* Thank-you and 404 utility pages. */
.lita-state-page {
	--lita-state-ink: #001322;
	--lita-state-muted: #526173;
	min-height: clamp(620px, 78vh, 860px);
	padding: clamp(180px, 15vw, 240px) 4% clamp(90px, 9vw, 140px);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	background: #f4f6fb;
	text-align: center;
}
.lita-state-page::before,
.lita-state-page::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}
.lita-state-page::before {
	width: clamp(280px, 36vw, 620px);
	aspect-ratio: 1;
	right: clamp(-310px, -17vw, -120px);
	top: clamp(90px, 10vw, 150px);
	background: rgba(69, 81, 150, .09);
}
.lita-state-page::after {
	width: clamp(180px, 22vw, 380px);
	aspect-ratio: 1;
	left: clamp(-190px, -10vw, -80px);
	bottom: clamp(-160px, -8vw, -60px);
	background: rgba(219, 61, 90, .07);
}
.lita-state-inner {
	width: min(760px, 100%);
	position: relative;
	z-index: 1;
}
.lita-state-page h1 {
	margin: 0;
	color: var(--lita-state-ink);
	font-family: "PB", "PR", Arial, sans-serif;
	font-size: clamp(46px, 5.2vw, 78px);
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -.03em;
	text-wrap: balance;
}
.lita-state-mark {
	width: 82px;
	height: 82px;
	margin: 0 auto 34px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--theme-color);
	color: #fff;
	font-size: 38px;
	line-height: 1;
	box-shadow: 0 8px 0 rgba(69, 81, 150, .14);
}
.lita-state-code {
	margin: 0 0 12px;
	color: var(--theme-color);
	font-family: "PB", "PR", Arial, sans-serif;
	font-size: clamp(92px, 13vw, 180px);
	font-weight: 700;
	line-height: .78;
	letter-spacing: -.04em;
}
.lita-state-copy {
	max-width: 610px;
	margin: 26px auto 0;
	color: var(--lita-state-muted);
	font-size: clamp(17px, 1.35vw, 20px);
	line-height: 1.7;
	text-wrap: pretty;
}
.lita-state-copy p { margin: 0; }
.lita-state-copy p + p { margin-top: 1em; }
.lita-state-actions {
	margin-top: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 14px;
}
.lita-state-button {
	min-width: 170px;
	min-height: 52px;
	padding: 13px 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--theme-color);
	border-radius: 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	transition: color .25s ease, background-color .25s ease, transform .25s ease;
}
.lita-state-button--primary {
	background: var(--theme-color);
	color: #fff;
}
.lita-state-button--secondary {
	background: transparent;
	color: var(--theme-color);
}
.lita-state-button:hover,
.lita-state-button:focus-visible {
	transform: translateY(-2px);
}
.lita-state-button--primary:hover,
.lita-state-button--primary:focus-visible {
	background: #303a78;
	border-color: #303a78;
	color: #fff;
}
.lita-state-button--secondary:hover,
.lita-state-button--secondary:focus-visible {
	background: var(--theme-color);
	color: #fff;
}
.lita-state-button:focus-visible,
.lita-state-help a:focus-visible {
	outline: 3px solid rgba(69, 81, 150, .28);
	outline-offset: 4px;
}
.lita-state-help {
	margin: 30px 0 0;
	color: var(--lita-state-muted);
	font-size: 15px;
}
.lita-state-help a {
	color: var(--theme-color);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
@media (max-width: 767px) {
	.lita-state-page {
		min-height: 660px;
		padding: 130px 6% 80px;
	}
	.lita-state-mark { width: 68px; height: 68px; margin-bottom: 28px; font-size: 31px; }
	.lita-state-page h1 { font-size: clamp(42px, 13vw, 58px); }
	.lita-state-code { font-size: clamp(94px, 35vw, 140px); }
	.lita-state-copy { margin-top: 22px; font-size: 17px; line-height: 1.65; }
	.lita-state-actions { margin-top: 34px; flex-direction: column; }
	.lita-state-button { width: min(100%, 290px); min-height: 50px; }
}
@media (prefers-reduced-motion: reduce) {
	.lita-state-button { transition: none; }
	.lita-state-button:hover,
	.lita-state-button:focus-visible { transform: none; }
}

/* Fluent Forms adopts the original contact-page two-column layout. */
.lita-contact-form .fluentform form { display: flex; justify-content: space-between; flex-wrap: wrap; }
.lita-contact-form .fluentform .ff-el-group { width: 100%; margin-bottom: .15rem; }
.lita-contact-form .fluentform .ff-el-group:has(textarea),
.lita-contact-form .fluentform .ff_submit_btn_wrapper { width: 100%; }
.lita-contact-form .fluentform input,
.lita-contact-form .fluentform textarea { width: 100%; font-size: var(--f16); background: #f8f7fa; border: 0; border-radius: .05rem; padding: .16rem; }
.lita-contact-form .fluentform input { min-height: .6rem; }
.lita-contact-form .fluentform textarea { min-height: 2rem; line-height: 1.5; }
.lita-contact-form .fluentform .ff-btn-submit { display: inline-flex; min-height: .6rem; align-items: center; justify-content: center; padding: .16rem .5rem; border: 0; background: var(--theme-color); color: #fff; font-size: var(--f18); }

/* Dynamic WooCommerce product guide, archives and detail pages. */
/* .lita-product-breadcrumbs .crumbs { min-width: 0; overflow-x: auto; white-space: nowrap; } */
.lita-product-breadcrumbs .crumbs span { overflow: hidden; text-overflow: ellipsis; }
.lt-main .lt-cat-item .ico img,
.lt-main .lt-icon-box img { width: 100%; height: 100%; object-fit: contain; }
.lt-main .lt-pro-img img,
.pro_list .pic img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.pro_xq_pic .glightbox3 { display: block; width: 100%; height: 100%; }
.lita-product-meta { padding: .18rem 0; border-top: 1px solid #e9e9e9; font-size: var(--f16); line-height: 1.65; }
.lita-product-meta a { color: var(--theme-color); }
.lita-product-downloads { margin-top: .4rem; border: 1px solid #e7e7e7; }
.lita-product-downloads h2 { margin-bottom: .25rem; font-size: var(--f28); }
.lita-product-downloads li { display: flex; align-items: center; justify-content: space-between; gap: .25rem; padding: .18rem 0; border-top: 1px solid #eee; }
.lita-product-downloads li div { min-width: 0; display: flex; flex-direction: column; gap: .05rem; }
.lita-product-downloads li span { color: #888; font-size: var(--f14); }
.lita-product-downloads li a { flex: 0 0 auto; padding: .12rem .28rem; border-radius: .05rem; background: var(--theme-color); color: #fff; }
.lita-related-products .n_tit h2 { margin-bottom: 0; }
.lita-related-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.c_quote .fl h2,
.c_quote .fr h2 { font-family: 'PB'; line-height: 1.2; }
.c_quote .fr.lita-contact-form form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.c_quote .fr.lita-contact-form .ff-el-group { width: 48%; }
.c_quote .fr.lita-contact-form .ff-el-group:has(textarea),
.c_quote .fr.lita-contact-form .ff_submit_btn_wrapper { width: 100%; }
/* 联系我们 e */


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

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

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

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

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

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


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

@media all and (max-width:768px) {
	.sort_nav_view{
		display: none !important;
	}
	.lt-main .lt-categories .lt-cat-item{
		width: 48%;
		min-width: auto;
	}
	.lt-main .lt-categories .lt-cat-item span{
		line-height: 1.3;
	}
	.lt-main .lt-categories .lt-cat-item .ico img{
		width: 1rem;
	}
	.lt-sec-info{
		width: 100%;
	}
	.c_btn i{
		font-size: 14px;
	}
	
	.crumbs{
		flex-wrap: wrap;
	}
	.crumbs a{
		line-height: 1.5;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}

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

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

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