@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: 14.4rem;
	--interval: var(--www);
	--nav_height: 1rem;
	--theme-color: #27499D;
	--theme-color-rgb: 39,73,157;
	--sec-theme-color: #F58220;
	--swiper-theme-color: #27499D;
	--sec-theme-color: #E60012;
}

/*==常用字号==*/
body {
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f50: 0.5rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
  --f62: 0.62rem;
  --f64: 0.64rem;
  --f66: 0.66rem;
  --f68: 0.68rem;
  --f70: 0.7rem;
  --f72: 0.72rem;
  --f80: 0.8rem;
  --f100: 1rem;
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 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;
	--f62: 0.56rem;
	--f64: 0.58rem;
	--f66: 0.60rem;
	--f68: 0.62rem;
	--f70: 0.64rem;
	--f72: 0.66rem;
	--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;
	--f62: 0.48rem;
	--f64: 0.50rem;
	--f66: 0.52rem;
	--f68: 0.54rem;
	--f70: 0.56rem;
	--f72: 0.58rem;
	--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 "MR",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;}
.xinya-product-card-title {white-space: normal;overflow: visible;text-overflow: initial;line-height: 1.4;}
/* 引入字体 */
@font-face {
    font-family: 'MR';
    src: url('../fonts/dmsans-regular.ttf'),
    url('../fonts/dmsans-regular.eot'),
    url('../fonts/dmsans-regular.eot') 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: 'MB';
    src: url('../fonts/Samsungsharpsans-Bold.otf'),
    url('../fonts/Samsungsharpsans-Bold.eot'),
    url('../fonts/samsungsharpsans-bold.eot') 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: 'ML';
    src: url('../fonts/dmsans-light.ttf'),
    url('../fonts/dmsans-light.eot'),
    url('../fonts/dmsans-light.eot') 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') 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');
}
.MR{font-family: "MR";}
.MB{font-family: "MB";}
.ML{font-family: "ML";}
.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: #27499D;}
.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: #F4F5F9;}
.bg-blue{background-color: #27499D;}
.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-grey{background-color: #F4F5F9;}
.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%;}
.w48{ width: 48% ;}

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

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

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-67{padding-bottom: 67%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-85{padding-bottom: 85%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pd-60{padding: 0.6rem 0;}
.pd-80{padding: 0.8rem 0;}
.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: 999;line-height: 80px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper {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.4rem;}
/* .Header-wrapper.on .Header-container .logo a img+img{
	display: block;
}
.Header-container .logo a img+img,.Header-wrapper.on .Header-container .logo a img{
	display: none;
} */
.Header-container>.fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1000px){
	.Header-container .c-nav {display: flex;align-items: center;font-size: var(--f20);flex-wrap: wrap;font-weight: 500;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.45rem;}
	.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-container .c-nav>li>ul>li.active>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.active>a {color: var(--theme-color);}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #fff;}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #000;}
	.Header-container .c-nav>li.btn{}
	.Header-container .tool .btn{
		line-height: 1;
	}
	.Header-container .tool .btn a{
		font-size: var(--f18);
		line-height: 1;
		padding: 0.12rem 0.24rem;
		background-color: var(--theme-color);
		color: #fff;
		border-radius: 0.05rem;
		font-weight: 700;
	}
	.Header-container .tool .btn a:hover{
		background-color: var(--sec-theme-color);
	}
	
	.Header-container .c-nav>li.pro_nav{
		position: initial;
	}
	.c-nav .pro_down{
		position: absolute;
		top: 80px;
		background: #fff;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
		opacity: 0;
		visibility: hidden;
		background: #F6F6F6;
		padding: 0.2rem 0;
	}
	.c-nav .pro_down:before{
		content: '';
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		width: 69%;
		height: 100%;
		background: rgba(251, 251, 251, 1);
		z-index: 1;
	}
	.Header-container .c-nav>li.pro_nav:hover .pro_down{
		opacity: 1;
		visibility: visible;
	}
	.c-nav .pro_down .box{}
	.c-nav .pro_down .box .fl{
		position: relative;
		width: 385px;
		z-index: 2;
	}
	.c-nav .pro_down .box .fl ul{}
	.c-nav .pro_down .box .fl ul li{
		width: 100%;
	}
	.c-nav .pro_down .box .fl ul li a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 0.16rem 0 0.16rem 0.52rem;
		line-height: 1;
		/* font-weight: 600; */
	}
	.c-nav .pro_down .box .fl ul li a::before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 3px;
	    height: 100%;
	    background: var(--theme-color);
	    opacity: 0;
	    transition: all 0.36s;
	}
	
	.c-nav .pro_down .box .fl ul li a img{
		width: 0.48rem;
	}
	
	.c-nav .pro_down .box .fl ul li.active a{
		background-color: #fff;
	}
	.c-nav .pro_down .box .fl ul li.active a:before{
		opacity: 1;
	}
	.c-nav .pro_down .box .fl ul li a i{
		font-size: var(--f48);
	}
	.c-nav .pro_down .box .fl ul li a span{
		display: flex;
		flex: 1;
		font-size: var(--f18);
		line-height: 1.5;
		color: #333;
		padding-left: 0.25rem;
		font-weight: 600;
	}
	.c-nav .pro_down .box .fr{
		position: relative;
		width: calc(100% - 385px);
		z-index: 2;
		height: 500px;
		overflow-y: auto;
		padding-left: 1rem;
	}
	.c-nav .pro_down .box .fr::-webkit-scrollbar {
		width: 3px;
		height: 16px;
		background-color: #F5F5F5;
	}
	/*定义滚动条轨道 内阴影+圆角*/
	.c-nav .pro_down .box .fr::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
		border-radius: 10px;
		background-color: #F5F5F5;
	}
	/*定义滑块 内阴影+圆角*/
	.c-nav .pro_down .box .fr::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
		background-color: #555;
	}
	.c-nav .pro_down .box .fr .item{
		display: none;
		height: 100%;
	}
	.c-nav .pro_down .box .fr .item.show{
		display: block;
	}
	.c-nav .pro_down .box .fr ul{
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		align-items: flex-start;
		gap: 0.3rem;
		height: 100%;
	}
	.c-nav .pro_down .box .fr ul li{}
	.c-nav .pro_down .box .fr ul li a{}
	.c-nav .pro_down .box .fr ul li .info{}
	.c-nav .pro_down .box .fr ul li .info .tit{
		line-height: 1.3;
		color: #333;
		text-align: center;
		-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;
	}
	.c-nav .pro_down .box .fr ul li:hover .info .tit{
		color: var(--theme-color);
	}
}

.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 .Header-container .tool {color: #000;}
.Header-container .tool .search {}
.Header-container .tool .search i {position: relative;font-size: 24px;/* padding-right: 0.18rem; */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 .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: var(--f16);margin-left: 0.08rem;display: flex;align-items: center;font-weight: 500;}
.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;font-weight: 700;}
.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 .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: 1000px) {
	#c-header .c-switch {display: block;}
	.Header-wrapper{line-height: 60px;}
	.Header-container .tool .search{height: 60px;}
	.Header-container .c-nav{height: 0;}
	.Header-container .tool{padding-right: 0.24rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}
	.Header-container .logo a img{height: 28px;}
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#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.active > .c-title-box > a,
	#c-header .c-nav li ul li.active > a {color: var(--theme-color);}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
	#c-header .c-nav li li a{
		font-size: 14px;
	}
}
@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: #212329 url('../images/foot_bg.webp') no-repeat center;background-position: bottom center;}
.Footer-wrapper::before, .Footer-wrapper::after {
    content: '';
    width: 50%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #bb171e;
	display: none;
}
.Footer-wrapper::after {
    left: auto;
    right: 0;
    background: #808080;
}
.Footer-container {}
/* .Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.52rem;}
.Footer-container .toate(180degp .foot_link {} */
.media_ul {}
.media_ul li {margin-right: 0.2rem;}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;background-color: #3b5999;color: white;border-radius: 50%;font-size: 0;}
.media_ul li a i {font-size: var(--f20);}
.media_ul li a {background-color: var(--theme-color);background-color: transparent;}
/* .media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;} */
.Footer-container .mid {padding: 0.8rem 0;letter-spacing: 0.5px;}
.Footer-container .mid .fl{
	width: 25%;
}
.Footer-container .mid .fl .foot_logo{}
.Footer-container .mid .fl .foot_logo img{
	height: 0.42rem;
}
.Footer-container .mid .fl .foot_txt{
	
}
.Footer-container .mid .fl .foot_link{}
.Footer-container .mid .fr{
	width: 25%;
}
.Footer-container .mid .fr .tit{
	position: relative;
	/* padding-bottom: 0.15rem; */
}
/* .Footer-container .mid .fr .tit::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #FFFFFF1A;
	left: 0;
	bottom: 0;
}
.Footer-container .mid .fr .tit:before{
	position: absolute;
	content: "";
	width: 0.8rem;
	height: 2px;
	background-color: var(--theme-color);
	left: 0;
	bottom: 0;
} */
.Footer-container .mid .fr .tit
.Footer-container .mid .fr .des{}
.Footer-container .mid .fr .info{}
.Footer-container .mid .fr .info dl{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0.15rem;
}
.Footer-container .mid .fr .info dt{
}
.Footer-container .mid .fr .info dt i{
	font-size: var(--f20);
	line-height: 1.5;
}
.Footer-container .mid .fr .info dd{
	flex: 1;
	padding-left: 0.12rem;
	font-size: var(--f16);
	line-height: 1.75;
}
.Footer-container .mid>ul {
	width: 100%;
}
.Footer-container .mid>ul li {float: left;overflow: hidden;min-width: 200px;}
.Footer-container .mid>ul li p {text-transform: uppercase;font-size: var(--f24);line-height: 1.5;color: #fff;display: block;margin-bottom: 0.12rem;}
.Footer-container .mid>ul li p i{margin-left: 0.06rem;}
.Footer-container .mid>ul li p{
	position: relative;
	font-family: 'MB';
	/* padding-bottom: 0.15rem; */
}
/* .Footer-container .mid>ul li p::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #FFFFFF1A;
	left: 0;
	bottom: 0;
}
.Footer-container .mid>ul li p:before{
	position: absolute;
	content: "";
	width: 0.8rem;
	height: 2px;
	background-color: var(--theme-color);
	left: 0;
	bottom: 0;
} */
.Footer-container .mid>ul li .foot_nav_link a {font-size: var(--f18);color: #bbb;color: rgb(255, 255, 255);line-height: 2;display: block;}
.Footer-container .mid>ul li a:hover {text-decoration: underline;}
.Footer-container .mid>ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .mid>ul li dl {}
.Footer-container .mid>ul li dd {position: relative;font-size: 14px;line-height: 20px;color: rgb(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 .mid .box{
	border-top: 1px solid rgb(255,255,255,.2);
}
.Footer-container .mid .box .fl{
	width: 23%;
}
.Footer-container .mid .box .fl .info{}
.Footer-container .mid .box .fl .info dl{
	display: flex;
	align-items: center;
}
.Footer-container .mid .box .fl .info dl+dl{
	margin-top: 0.16rem;
}
.Footer-container .mid .box .fl .info dt{}
.Footer-container .mid .box .fl .info dt i{
	font-size: var(--f20);
}
.Footer-container .mid .box .fl .info dd{
	font-size: var(--f16);
	margin-left: 0.1rem;
}
.Footer-container .mid .box .fr{
	width: 72%;
}
.Footer-container .mid .box .fr .info{
	font-size: var(--f16);
	line-height: 1.5;
}
.Footer-container .mid .box .fr .p{}

.Footer-wrapper .bot {font-size: var(--f16);line-height: 1.4;color: rgb(255, 255, 255, 1);text-align: center;padding: 0.25rem 0;letter-spacing: 0.5px;}
.Footer-wrapper .bot a {font-size: var(--f16);color: rgb(255, 255, 255, 1);}

/* 中间+共用部分 */

/* 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,.15);
	z-index: 1;
}
.ban_txt{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.ban_txt .w50{
	/* backdrop-filter: blur(10px); */
	/* border-radius: 30px; */
}
.ban_txt .tit{}
.ban_txt .des{width: 11.43rem;max-width: 100%;}
.ban_txt .btn{
	display: inline-block;
	padding: 0.2rem 0.3rem;
	border-radius: 5px;
	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;
}
.ban_txt .btn:hover{
	background-color: #fff;
	color: var(--theme-color);
}
.ban_txt .btn i{
	display: inline-block;
	margin-left: 0.12rem;
	/* transform: rotate(-45deg); */
}

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

/* 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: inline-block;
	font-size: var(--f20);
	line-height: 1;
	padding: 0.16rem 0.36rem;
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
	/* border-radius: 0.15rem; */
	border-radius: 0.1rem;
	font-weight: 600;
}
.c_more:hover{
	background-color: var(--theme-color);
	color: #fff;
}
/* c_more e */

/* i_tit s */
.i_tit{
	position: relative;
	padding-left: 0.2rem;
	line-height: 1;
}
/* .i_tit:before{
	position: relative;
	content: "";
	display: inline-block;
	width: 0.11rem;
	height: 0.09rem;
	border-radius: 2px;
	background-color: #E60012;
	vertical-align: top;
	margin-right: 0.03rem;
} */
.i_tit::after{
	position: absolute;
	content: "";
	left: 0;
	top: -5%;
	display: inline-block;
	width: 0.08rem;
	height: 80%;
	background: linear-gradient(180deg, #fff, var(--theme-color));
	/* background: linear-gradient(270deg, rgba(30, 200, 60, 0) 0%, rgb(var(--theme-color-rgb)) 100%); */
}
/* .i_tit::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: -0.03rem;
	display: inline-block;
	width: 1.3rem;
	height: 0.05rem;
	border-radius: 0.02rem;
	background: linear-gradient(270deg, rgba(30, 200, 60, 0) 0%, rgb(var(--theme-color-rgb)) 100%);
} */
/* 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: 6rem;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 99;}
.c_ban.c_ban2{height: 5rem;}
.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;width: 100%;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);color: #fff;z-index: 3;}
.c_ban .ban_txt h2 {font-size: var(--f60);text-transform: uppercase;font-family: 'MB';}
.c_ban .ban_txt p {font-size: var(--f20);line-height: 1.5;margin-top: 0.2rem;width: 8.8rem;max-width: 100%;}

/* 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 .w15 {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 {position: absolute;width: 100%;left: 0;bottom: 0.6rem;z-index: 3;min-height: 80px;}
.sort_nav_view ul {display: flex;align-items: center;}
.sort_nav_view ul li:not(:first-child){margin-left: 0.25rem;}
.sort_nav_view ul li a {position: relative;font-size: var(--f16);line-height: 1.3;min-width: 1.8rem;font-weight: 600;backdrop-filter: blur(12px);display: inline-block;color: #fff;background-color: rgb(255,255,255,.36);padding: 0.18rem 0.45rem;border-radius: 0.08rem;text-align: center;}
.sort_nav_view ul li a:hover {color: var(--theme-color);background-color: rgb(255,255,255,1);}
.sort_nav_view ul li.cur a {color: var(--theme-color);background-color: rgb(255,255,255,1);}

.sort_nav_view .box.act{
	padding: 0.1rem 0;
}
.sort_nav_view .box.act ul li a{
	background-color: transparent;
}
.sort_nav_view .box.act ul li a{
	color: #000;
}
.sort_nav_view .box.act ul li.cur a,.sort_nav_view .box.act ul li a:hover{
	background-color: var(--theme-color);
	color: #fff;
}
/* .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: absolute;left: 0;top: 0.4rem;width: 100%;z-index: 5;}
.crumbs .w14{position: relative;}
.crumbs .w14{padding-left: 25px;background: url('../images/ico_home.png') no-repeat center;background-position: 0 center;display: flex;align-items: center;}
.crumbs a {font-size: var(--f14);color: #fff;display: inline-flex;align-items: center;}
.crumbs .w14:before{
	position: absolute;
	content: "\e6b5";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "iconfont";
	font-size: var(--f20);
	color: #fff;
}
.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,.com_page .current{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: "MB" ;line-height: 5em;text-align: center;}
/* n_tit */
.n_tit{
	position: relative;
	padding-left: 0.2rem;
	line-height: 1.3;
}
.n_tit.n_tit2,.n_tit.n_tit3{
	padding-left: 0;
}
.n_tit::after{
	position: absolute;
	content: "";
	left: 0;
	top: 5%;
	display: inline-block;
	width: 0.06rem;
	height: 70%;
	background: linear-gradient(180deg, transparent, var(--theme-color));
}
.n_tit.n_tit2::after, .n_tit.n_tit3::after{
	display: none;
}
.n_tit.n_tit2::before,.n_tit.n_tit3::before{
	position: absolute;
	content: "";
	left: 0;
	top: -0.2rem;
	display: inline-block;
	width: 0.4rem;
	height: 0.06rem;
	background: linear-gradient(-90deg, transparent, var(--theme-color));
}
.n_tit.n_tit3::before{
	top: auto;
	bottom: -0.2rem;
}
.n_tit.n_tit2.color-white:before,.n_tit.n_tit3::before{
	background: linear-gradient(-90deg, transparent , var(--theme-color));
}

.n_tit.n_tit3.color-white:before{
	background: linear-gradient(90deg, #fff , transparent);
}
/* 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;}

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

/* 数字滚动 s */
.i_num{
	position: relative;
	/* margin-top: -80px; */
	line-height: 1;
}
.i_num ul{

}
.i_num ul li{
	width: 32%;
	/* background-color: #F4F5F9; */
	border-radius: 0.25rem;
	padding: 0.5rem 0.2rem;
	color: var(--theme-color);
	text-align: center;
	-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_num ul li.on{
	background-color: var(--theme-color);
	color: #fff;
} */
.i_num ul li .info{}
.i_num ul li .info .box{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}
.i_num ul li .info .box span{
	font-size: var(--f64);
	font-family: "MB";
	/* font-family: 'CAI978'; */
}
.i_num ul li .info .box i{
	font-size: var(--f24);
	margin-left: 0.06rem;
	/* vertical-align: top; */
}
.i_num ul li .info p{
	font-size: var(--f20);
	margin-top: 0.15rem;
}
/* 数字滚动 e */


/* 关于我们 s */
.i_ab{
	padding: 0.8rem 0 0.6rem;
}
.i_ab .fl{
	width: 44%;
}
.i_ab .fl ul{}
.i_ab .fl ul li{
	width: 100%;
}
.i_ab .fl ul li+li{
	margin-top: 0.2rem;
}
.i_ab .fl ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.42rem 0.3rem;
	background-color: #F4F5F9;
	border-radius: 0.2rem;
	overflow: hidden;
}
.i_ab .fl ul li a:hover{
	color: var(--theme-color);
	background: rgba(39, 73, 157, 0.1);
	/* box-shadow: 0 0 0 0.2rem rgba(222, 225, 227, .1); */
	box-shadow: 0 1px .32rem rgba(44, 49, 114, 6%);
	/* background-color: var(--theme-color);
	color: #fff; */
}
.i_ab .fl ul li span{
	font-size: var(--f24);
	font-family: "MB";
	letter-spacing: .5px;
	flex: 1;
}
.i_ab .fl ul li i{
	font-size: var(--f20);
	font-weight: 700;
}
.i_ab .fl .btn{}
.i_ab .fr{
	width: 52%;
}
.i_ab .fr .pic{
	border-radius: 0.3rem;
}
/* 关于我们 e */

/* 解决方案 s */
.i_sol{
	background-color: rgb(231,235,245,.9);
}
.i_sol ul{}
.i_sol ul li{
	position: relative;
	width: 25%;

	transition: all .5s;
}
.i_sol ul li a{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.i_sol ul li::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #27499D 100%);
	z-index: 1;
}
.i_sol ul li.on::before{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.1) 30%);
/* 	opacity: 0;
	visibility: hidden; */
}
.i_sol ul li.on{
	width: 50% !important;
}
.i_sol ul li .img{
	width: 100%;

}
.i_sol ul li .pic{

}
.i_sol ul li .img img{
	width: 101%;

	height: 6.4rem;
	object-fit: cover;
}
.i_sol ul li .mask{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0.5rem 0.3rem 0.6rem;
	z-index: 5;
}
.i_sol ul li.on .mask{
	padding-right: 1.2rem;
}
.i_sol ul li .mask .tit{
	color: #fff;
}
.i_sol ul li .mask .des{
	color: rgba(255, 255, 255, 0.7);
}
.i_sol ul li .mask .btn{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0.3rem;
	bottom: 1.2rem;
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	-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_sol ul li .mask .btn:hover{
	transform: rotate(-45deg);
}
.i_sol ul li.on .mask .btn{
	opacity: 1;
	visibility: visible;
}
.i_sol ul li .mask .btn i{
	font-size: var(--f24);
	color: var(--theme-color);
}
/* 解决方案 e */


/* 优势板块 s */
.i_adv{}
.i_adv .fl{
	width: 40%;
}
.i_adv .fl ul{
	width: 100%;
}
.i_adv .fl ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.3rem 0.3rem;
	border-radius: 0.24rem;
	background-color: #F4F5F9;
	color: #000;
	-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;
	cursor: pointer;
}
.i_adv .fl ul li.active a{
	background-color: var(--theme-color);
	color: #fff;
	transform: translateX(.2rem);
}
.i_adv .fl ul li+li{
	margin-top: 0.2rem;
}
.i_adv .fl ul li i{}
.i_adv .fl ul li i img{}
.i_adv .fl ul li.active i img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
}
.i_adv .fl ul li span{
	display: flex;
	letter-spacing: 1px;
	flex: 1;
}
.i_adv .fr{
	width: 57%;
}
.i_adv .fr .item{
	position: relative;
	border-radius: 0.24rem;
	overflow: hidden;
	display: none;
}
.i_adv .fr .item.show{
	display: block;
}
.rect-88{
	padding-bottom: 88%;
}
.i_adv .fr .item .img{
	position: relative;
}
/*.i_adv .fr .item .img::after{*/
/*	position: absolute;*/
/*	content: "";*/
/*	display: block;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0;*/
/*	top: 0;*/
/*	background-color: rgb(0,0,0,.3);*/
/*}*/
.i_adv .fr .item .img img{}
.i_adv .fr .item .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f18);
	color: #fff;
	gap: 0.1rem;
}
.i_adv .fr .item .mask{
	position: absolute;
	width: 100%;
	left: 0;
	left: 10%;
	/* bottom: 0; */
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 1rem 1.2rem 0.32rem 0.3rem;
	padding: 0.6rem;
	width: 80%;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11%, #000000 100%); */
	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_adv .fr .item:hover .mask{
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11%, var(--theme-color) 100%); */
}
.i_adv .fr .item .mask .tit{}
.i_adv .fr .item .mask .des{
	/* color: rgba(255, 255, 255, 0.7); */
	color: #fff;
	line-height: 1.5;
}
.i_adv .fr .item .mask i{
	/* position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0.3rem;
	bottom: 0.53rem;
	width: 0.56rem;
	height: 0.56rem;
	background-color: #fff;
	font-size: var(--f24);
	color: var(--theme-color);
	border-radius: 50%; */
	font-size: var(--f20);
	color: #fff;
}
/* 优势板块 e */

/* 应用案例 s */
.i_case{
	overflow: hidden;
}
.i_case .bot{}
.i_case .swiper{
	overflow: inherit !important;
}
.i_case ul{}
.i_case ul li{
	position: relative;
	border-radius: 0.32rem;
	overflow: hidden;
}
.rect-477{
	padding-bottom: 47.7%;
}
.i_case ul li .mask{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0.6rem 1rem 0.3rem 0.3rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11%, #000000 100%);
	opacity: 0;
	visibility: hidden;
	z-index: 3;
}
.i_case ul li.swiper-slide-active .mask{
	opacity: 1;
	visibility: visible;
}
.i_case ul li .mask .tit{}
.i_case ul li .mask .des{
	color: rgba(255, 255, 255, 0.7);
}
.i_case ul li .mask .btn{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0.3rem;
	bottom: 0.53rem;
	width: 0.56rem;
	height: 0.56rem;
	background-color: #fff;
	font-size: var(--f24);
	color: var(--theme-color);
	border-radius: 50%;
	font-weight: 700;
}
.i_case .swiper-button-prev,.i_case .swiper-button-next{
	width: 0.64rem;
	height: 0.64rem;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 1px .32rem rgba(44, 49, 114, 6%);
}
/* .i_case .swiper-button-prev i,.i_case .swiper-button-next i{
	font-weight: 600;
	font-size: 0.3rem;
} */
.i_case .swiper-button-prev::after,.i_case .swiper-button-next::after{
	/* display: none; */
	font-size: 0.3rem;
	font-weight: 700;
}
.i_case .swiper-button-prev{
	left: calc(50% - 7.52rem);
}
.i_case .swiper-button-prev i{
	transform: rotate(180deg);
}
.i_case .swiper-button-next{
	right: calc(50% - 7.52rem);
}
/* 应用案例 e */

/* 新闻列表 s */
.i_new{}
.i_new .fl{
	width: 49.5%;
}
.i_new .fl a,.i_new .fr ul li a{
	position: relative;
	display: block;
	border-radius: 0.25rem;
	overflow: hidden;
}
.i_new .fr{
	width: 48.5%;
}
.i_new .fr ul{}
.i_new .fr ul li{}
.rect-485{
	padding-bottom: 48.5%;
}
.i_new .mask{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0.5rem 0.3rem 0.3rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11%, #000000 100%);
}
.i_new .mask .tit{
	color: #fff;
}
.i_new .mask .des{
	color: rgba(255, 255, 255, 0.6);
}
.i_new .mask i{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0.3rem;
	bottom: 1.05rem;
	width: 0.32rem;
	height: 0.32rem;
	background-color: #fff;
	font-size: var(--f16);
	color: var(--theme-color);
	border-radius: 50%;
	font-weight: 700;
}
.i_new .fl .mask{
	padding-right: 0.64rem;
}
.i_new .fl a:hover .img 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);
}
.i_new .fr ul{
	height: 100%;
}

.i_new .fr ul li{
	width: 100%;
}
.i_new .fr ul li a{
}
.i_new .fr ul li .tit{
	height: 2.3em;
}
.i_new .fr ul li .des{
	height: 0;
}
.i_new .fr ul li a:hover .des{
	height: 3em;
}
.i_new a:hover .tit{
	text-decoration: underline;
}
/* 新闻列表 e */


/* 合作伙伴 s */
.i_par{
	background: url('../images/i_par_bg.jpg') no-repeat center;
	background-position: top center;
}
.i_par .fl{
	/* width: 34.5%; */
	width: 45%;
}
.i_par .fl .swiper{
	padding-bottom: 0.2rem;
}
.i_par .fl ul{
	height: 5.6rem;
}
.i_par .fl ul li{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 1.4rem;
}
.i_par .fl ul li img{
	filter: brightness(0);
	display: inline-block;
	max-width: 90%;
	max-height: 90%;
}
.i_par .fl ul li:hover img{
	filter: none;
}
.i_par .fl .swiper-pagination-bullet{
	width: 0.32rem;
	height: 0.04rem;
	border-radius: 0;
}
.i_par .fl .swiper-pagination{
	bottom: 0;
	font-size: 0;
}
.i_par .fr{
	width: 51.5%;
}
.i_par .fr .box{
	padding: 0.3rem;
	border: 2px solid var(--theme-color);
	border-radius: 0.24rem;
}
.i_par .fr form{}
.i_par .fr .mui-input-row{
	width: 48%;
	margin-bottom: 0.2rem;
}
.i_par .fr .mui-input-row.w100{
	width: 100%;
}
.i_par .fr .mui-input-row label{
	display: block;
	font-size: var(--f18);
	margin-bottom: 0.12rem;
}
.i_par .fr .mui-input-row input{
	width: 100%;
	border: 1px solid #333;
	border-radius: 0.12rem;
	padding: 0.16rem 0.2rem;
	font-size: var(--f18);
	background-color: transparent;
}
.i_par .fr .mui-input-row input::placeholder{
	font-size: var(--f18);
	color: #ccc;
}
.i_par .fr .mui-input-row textarea{
	font-size: var(--f18);
	line-height: 1.5;
	padding: 0.2rem;
	height: calc(6em + 0.4rem);
	background-color: transparent;
	width: 100%;
	border-radius: 0.12rem;
}
.i_par .fr .btn{
	width: 100%;
}
.i_par .fr .btn button{
	width: 100%;
	padding: 0.2rem;
	border-radius: 0.12rem;
	background-color: var(--theme-color);
	color: #fff;
	text-align: center;
	border: none;
	cursor: pointer;
	-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_par .fr .btn button:hover{
	background-color: #212329;
}
/* 合作伙伴 e */

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

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

/* 公司简介 s */
.n_ab_01{
	background: url('../images/n_about_01_bg.jpg') no-repeat center/cover;
}
.n_ab_01 .fl{
	width: 48%;
}
.n_ab_01 .fl .info{}
.n_ab_01 .fl .info p:not(:last-child){
	margin-bottom: 1em;
}
.n_ab_01 .fr{
	width: 48%;
}
/* .n_ab_01 .fr .swiper{
	padding-bottom: 0.4rem;
} */
.n_ab_01 .fr ul{}
.n_ab_01 .fr ul li{}
.n_ab_01 .fr .img{
	border-radius: 0.2rem;
	overflow: hidden;
}
.n_ab_01 .fr ul li p{
	margin-top: 0.16rem;
	font-size: var(--f18);
	line-height: 1.3;
	text-align: center;
	color: #fff;
}
.n_ab_01 .swiper-pagination{
	bottom: 0.6rem !important;
}
.n_ab_01 .swiper-pagination-bullet{
	background-color: #fff;
}
/* 公司简介 e */

/* 团队 s */
.n_ab_02{}
.n_ab_02 .con{}
.n_ab_02 .top{
	gap: 0.7rem;
}
.n_ab_02 .top .fl{}
.n_ab_02 .top .fl ul{
	position: relative;
}
.n_ab_02 .top .fl ul::after{
	position: absolute;
	content: "";
	left: 0;
	top: 0.6rem;
	width: 100%;
	height: 2px;
	/* border-top: 2px dashed transparent; 
	background-clip: content-box; 
	background-image: linear-gradient(to right, red, blue); */
	
	height: 2px; /* 虚线的高度 */
	background: linear-gradient(to right, red, blue); /* 渐变色 */
	background-size: 10px 10px; /* 控制虚线的间隔和大小 */
	background-image: linear-gradient(to right, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0.5) 50%);
	z-index: 2;
}
.n_ab_02 .top .fl ul li{
	position: relative;
	text-align: center;
	margin: 0 0.3rem;
	line-height: 1.5;
	cursor: pointer;
}
.n_ab_02 .top .fl ul li::after{
	position: absolute;
	content: "";
	top: 0.54rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 50%;
	background-color: #999;
	z-index: 3;
}
.n_ab_02 .top .fl ul li.active::after{
	background-color: var(--theme-color);
}
.n_ab_02 .top .fl ul li.active{}
.n_ab_02 .top .fl ul li .ico{}
.n_ab_02 .top .fl ul li .ico img{
	display: inline-block;
	width: 0.48rem;
}
.n_ab_02 .top .fl ul li.active .ico img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 var(--theme-color));
	-webkit-filter: drop-shadow(100vw 0px 0 var(--theme-color));
	right: 100vw;
}
.n_ab_02 .top .fl ul li h4{
	font-size: var(--f20);
	margin-top: 0.24rem;
}
.n_ab_02 .top .fl ul li.active h4{
	color: var(--theme-color);
}
.n_ab_02 .top .fl ul li p{
	font-size: var(--f20);
	color: #666;
}
.n_ab_02 .top .fr{}
.n_ab_02 .top .fr .swiper-btn{}
.n_ab_02 .bot{
	padding-bottom: 0.5rem;
}
.n_ab_02 .bot .item{
	position: relative;
	/* display: none; */
}
.n_ab_02 .bot .item.active{
	/* display: block; */
}
.n_ab_02 .bot .item .swiper{
}
.n_ab_02 .item ul{}
.n_ab_02 .item ul li{
}
.n_ab_02 .item ul li .img{
	width: 48.89%;
}
.n_ab_02 .item ul li .txt{
	width: 51.11%;
	text-align: center;
	padding: 0.3rem;
}
.n_ab_02 .item ul li .txt h4{
	font-size: var(--f32);
	line-height: 1.3;
	font-weight: 600;
	margin-bottom: 0.1rem;
}
.n_ab_02 .item ul li .txt h5{
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 0.1rem;
}
.n_ab_02 .item ul li .txt p{}

.n_ab_02 .swiper-button-prev{
	left: -1rem;
}
.n_ab_02 .swiper-button-next{
	right: -1rem;
}
/* 团队 e */

/* 优势 s */
.n_ab_03{
	background-color: #1E3777;
}
.n_ab_03 .box1{}
.n_ab_03 h4{
	position: relative;
	padding-left: 0.24rem;
}
.n_ab_03 h4:before{
	position: absolute;
	content: "";
	display: block;
	width: 0.12rem;
	height: 0.12rem;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: #fff;
}
.n_ab_03 .box1 ul{}
.n_ab_03 .box1 ul li{
	position: relative;
	width: 47.167%;
	padding: 0.4rem 0.24rem 0.24rem;
	border-radius: 0.2rem;
	background-color: #fff;
}
.n_ab_03 .box1 ul li .tit{
	position: relative;
	z-index: 2;
}
.n_ab_03 .box1 ul li a{
	display: inline-block;
	font-size: var(--f16);
	color: #fff;
	padding: 0.18rem 0.3rem;
	border: 0.02rem solid var(--theme-color);
	margin-top: 0.15rem;
	background-color: var(--theme-color);
	border-radius: 0.1rem;
}
.n_ab_03 .box1 ul li a:hover{
	background-color: #fff;
	color: var(--theme-color);
}
.n_ab_03 .box1 ul li a i{
	margin-left: 0.1rem;
	font-weight: 700;
}
.n_ab_03 .box1 ul li img{
	position: absolute;
	width: 1.36rem;
	right: 0.24rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}
.n_ab_03 .box2{}
.n_ab_03 .box2 .fl{
	width: 47.78%;
}
.n_ab_03 .box2 .fl ul{}
.n_ab_03 .box2 .fl ul li{
	position: relative;
	margin-top: 0.25rem;
	padding: 0.24rem 0.4rem 0.24rem 0.24rem;
	background-color: rgb(255,255,255,.12);
	border-radius: 0.08rem;
	cursor: pointer;
	-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;
}
.n_ab_03 .box2 .fl ul li i{
	position: absolute;
	left: 0.24rem;
	top: 0.3rem;
	width: 0;
	opacity: 0;
	font-size: var(--f24);
	color: var(--theme-color);
}
.n_ab_03 .box2 .fl ul li p{
	font-size: var(--f20);
	line-height: 1.5;
	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;
}
.n_ab_03 .box2 .fl ul li:hover,.n_ab_03 .box2 .fl ul li.active{
	background-color: #fff;
}
.n_ab_03 .box2 .fl ul li:hover i,.n_ab_03 .box2 .fl ul li.active i{
	width: 0.32rem;
	opacity: 1;
}
.n_ab_03 .box2 .fl ul li:hover p,.n_ab_03 .box2 .fl ul li.active p{
	color: var(--theme-color);
	-webkit-transform: translateX(0.36rem);
	-ms-transform: translateX(0.36rem);
	transform: translateX(0.36rem);
}
.n_ab_03 .box2 .fr{
	width: 47.78%;
}
.n_ab_03 .box2 .fr .item{
	display: none;
}
.n_ab_03 .box2 .fr .item.show{
	display: block;
}
.n_ab_03 .box2 .fr .item .img{
	border-radius: 0.24rem;
	overflow: hidden;
}

.n_ab_03 .box2.box3 .fr{
	width: 62.22%;
}
.n_ab_03 .box2.box3 .fl{
	width: 33.33%;
}

.n_ab_03 .box4{}
.n_ab_03 .box4 ul{}
.n_ab_03 .box4 ul li{
	width: 48.33%;
	margin-bottom: 0.3rem;
}
.n_ab_03 .box4 ul li:nth-child(3),.n_ab_03 .box4 ul li:nth-child(4){
	margin-bottom: 0;
}
.n_ab_03 .box4 ul li .info{}
.n_ab_03 .box4 ul li:nth-child(3) .tit,.n_ab_03 .box4 ul li:nth-child(4) .tit{
	height: 2.4em;
}
/* .n_ab_03 .box4 ul li .info .tit{
	height: 2.4em;
} */
.n_ab_03 .box4 ul li .img{}

.n_ab_04{
	position: relative;
	height: 7.39rem;
	background: url('../images/n_ab_04_bg.webp') no-repeat center/cover;
}
.n_ab_04 .txt{
	position: absolute;
	width: 100%;
	left: 0;
	top: 12%;
}
.n_ab_04 .txt .info{
	width: 5rem;
	color: rgb(var(--theme-color-rgb),.8);
	font-weight: 600;
}
.n_ab_04 .c_btn{}

/* .n_ab_01 h3,.n_ab_02 h3,.n_ab_03 h3,.n_ab_04 h3{
	scroll-margin-top: 160px;
} */
/* 优势 e */

/* 证书列表 s */
.n_honor ul li{
	float: left;
	width: 23.5%;
	margin-right: calc(4% / 3);
	margin-bottom: 0.3rem;
	background-color: #fff;
}
.n_honor ul li:nth-child(4n){
	margin-right: 0;
}
.n_honor ul li a{
	display: block;
	padding: 0.2rem;
	box-shadow: 0 0 0.1rem rgb(188,188,188,.3);
	/* border: 1px solid #dfdfdf; */
}
.n_honor ul li .ico{}
.n_honor ul li .ico img{}
.n_honor ul li .info{
	padding: 0.2rem 0 0;
	margin-top: 0.2rem;
	border-top: 1px solid #ddd;
}
.n_honor ul li .tit{
	color: rgb(0,0,0,.8);
	line-height: 1.5;
	width: calc(100% - 30px);
}
.n_honor ul li i{
	position: absolute;
	top: 0.22rem;
	right: 0;
	font-size: var(--f24);
	color: rgb(135,135,135,.8);
}
.n_honor .com_page a,.n_honor .com_page span{
	background-color: #fff;
}
.ofc ._full {
    object-fit: contain;
}
/* 证书列表 e */

/* 问答&留言 s */
.n_mess{}
.n_mess .fl{
	width: 48.34%;
}
.c_faq{}
.c_faq ul li{
	/* box-shadow: 0 0 10px 0 rgb(0 0 0 / .1); */
	background-color: #fff0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
.c_faq ul li .faq_t{
	padding: 0.15rem 0;
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
	cursor: pointer;
	border-bottom: 1px solid #f6f6f6;
}
.c_faq ul li.on .faq_t{
	color: var(--theme-color);
	border-color: var(--theme-color);
}
.c_faq ul li .faq_t h4{
	flex: 1;
	font-size: var(--f22);
	line-height: 1.15;
	font-weight: 700;
}
.c_faq ul li .faq_t i{
	position: relative;
	display: block;
	width: 0.24rem;
	height: 0.03rem;
	background-color: #000;
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
}
.c_faq ul li .faq_t i::after{
	position: absolute;
	content: "";
	display: block;
	left: 50%;
	top: 50%;
	height: 0.24rem;
	width: 0.03rem;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #000;
	border-radius: 3px;
}
.c_faq ul li.on .faq_t i::after{
	display: none;
}
.c_faq ul li.on .faq_t i{
	background-color: var(--theme-color);
}
.c_faq ul li .faq_b{
	display: none;
	background-color: #fff;
}
.c_faq ul li.on .faq_b{
	display: block;
}
.c_faq ul li .faq_b .info{
	padding: 0.12rem 0;
	color: #6a6f78;
}
.c_faq ul li:not(:last-child){
	margin-bottom: 0.1rem;
}
.n_mess .fr{
	width: 48.34%;
}
/* 问答&留言 e */


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

/* 产品列表 s */
.n_pro_list{}
.n_pro_list .con{}
.n_pro_list ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_pro_list ul li{}
.n_pro_list ul li a{
	position: relative;
	display: block;
	border: 1px solid #ddd;
	border-radius: 0.16rem;
	overflow: hidden;
}
/* .n_pro_list ul li .tag{
	position: absolute;
	display: inline-block;
	top: -0.15rem;
	left: -0.1rem;
	padding: 0.3rem 0.25rem;
	z-index: 3;
} */
/* .n_pro_list ul li .tag:before{
	position: absolute;	
	content: "";
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	right: -0.02rem;
	bottom: -0.02rem;
	border-radius: 50%;
} */
/* .n_pro_list ul li .tag img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
	height: 0.24rem;
} */

.pro_cer{
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 3;
}
.pro_cer ul{
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
}
.pro_cer ul li{
	display: flex;
	align-items: center;
	justify-content: center;
/* 	width: 0.36rem;
	height: 0.36rem; */
	/* background-color: #f4f5f9;'' */
	/* background-color: #27499D; */
	/* box-shadow: 0 0 10px 0 rgb(92 107 149 / 5%); */
	border-radius: 3px;
}
.pro_cer img{
	max-width: 60%;
	max-width: 0.28rem;
	/* width: 0.3rem; */
	mix-blend-mode: multiply;
}

.n_pro_list ul li .img{}
.n_pro_list ul li .info{
	padding: 0.16rem;
	border-top: 1px solid #ddd;
}
.n_pro_list ul li .tit{}
.n_pro_list ul li .des{
	height: 3em;
}
.n_pro_list ul li a:hover,.n_pro_list ul li a:hover .info{
	border-color: var(--theme-color);
}
.n_pro_list ul li a:hover .tit{
	color: var(--theme-color);
}
/* 产品列表 e */

/* 产品详情 s */
.crumbs.pst-rel{
	position: relative;
	top: 0;
}
.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 #f4f5f9;
	background-color: #f4f5f9;
}
.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 #f4f5f9;
	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;
}
.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.1rem;
	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;
}
.n_pro_xq_con p{
	margin-bottom: 1em;
}
.n_pro_xq_con h3{
	position: relative;
	margin-top: 0.2rem;
	font-size: var(--f32);
	line-height: 1.3;
	margin-bottom: 0.25rem;
	font-family: "MB";
	scroll-margin-top: 90px;
	padding-left: 0.2rem;
	color: var(--theme-color);
}
.n_pro_xq_con h3::after {
    position: absolute;
    content: "";
    left: 0;
    top: -5%;
    display: inline-block;
    width: 0.08rem;
    height: 80%;
    background: linear-gradient(180deg, #fff, var(--theme-color));
    /* background: linear-gradient(270deg, rgba(30, 200, 60, 0) 0%, rgb(var(--theme-color-rgb)) 100%); */
}
.n_pro_xq_con table{
	width: 100% !important;
}
.n_pro_xq_con table tr:nth-child(2n - 1){
	background-color: #f4f5f9;
}
.n_pro_xq_con table tr td{
	padding: 0.15rem 0.3rem;
}
.n_pro_xq_con table tr td+td{
	font-weight: 600;
}

.n_pro_custom{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.n_pro_custom>div{
	border-radius: 0.2rem;
	background-color: #fff;
	overflow: hidden;
	padding: 0.4rem;
}
.n_pro_custom .title{}
.n_pro_custom .con{
	text-align: center;
}
.n_pro_custom .con img{
	display: inline-block;
	max-width: 100%;
	aspect-ratio: 4 / 2;
	object-fit: contain
}
/* 产品详情 e */

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

/* 新闻列表 s */
.n_newslist{}
.n_newslist ul{}
.n_newslist ul li{}
.n_newslist ul li+li{
	margin-top: 0.8rem;
}
.n_newslist ul li a{}
.n_newslist ul li .img{
	width: 42.36%;
}
.n_newslist ul li .txt{
	width: 55%;
}
.n_newslist ul li .date{
}
.n_newslist ul li .date i{
	margin-right: 0.06rem;
}
.n_newslist ul li .tit{}
.n_newslist ul li:hover .tit{
	color: var(--theme-color);
}
.n_newslist ul li .des{
	height: 4.5em;
}
.n_newslist ul li .btn{
	display: inline-flex;
	font-size: var(--f18);
	padding: 0.2rem 0.45rem;
	border: 0.02rem solid #dddddd;
	border-radius: 0.14rem;
	gap: 0.12rem;
	font-weight: 600;
	letter-spacing: 0.005rem;
}
.n_newslist ul li:hover .btn{
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	color: #fff;
}
.n_newslist ul li .btn i{}
/* 新闻列表 e */

/* 新闻详情 s */
.page-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.page-container .page-main {
    flex: 1;
    padding-right: 60px;
    width: calc(100% - 400px);
}
.sidebar{
	position: sticky;
	width: 400px;
	top: 90px;
}
.n_news{}
.n_news_tit{}
.n_news_tit h2{}
.n_news_tit .date{
	gap: 0.2rem;
	border-bottom: 1px dashed #eee;
}
.n_news_date{}
.n_news_sort{}
.n_news_con{
	font-size: 18px;
	line-height: 1.75;
}
.n_news_con img,.n_news_con *{
    max-width: 100% !important;
}
.n_news_con h2{
	margin-top: 0.16rem;
	font-size: var(--f24);
	line-height: 1.3;
	margin-bottom: 0.24rem;
	font-family: "MB";
	scroll-margin-top: 90px;
}
.n_news_con h3{
	margin-top: 0.06rem;
	font-size: var(--f20);
	line-height: 1.3;
	margin-bottom: 0.12rem;
	font-weight: 600;
	scroll-margin-top: 90px;
}
.n_news_con p{
	margin-bottom: 1em;
}
.n_news_con a{
	text-decoration: underline;
	/* color: var(--theme-color); */
	font-weight: 600;
}
.n_news_con a:hover{
	color: var(--theme-color);
}
.n_news_link{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	column-gap: 0.35rem;
	border-top: 1px dashed #eee;
}
.n_news_link a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 0.16rem;
	font-size: var(--f16);
	line-height: 1;
	color: #fff;
	padding: 0.15rem 0.36rem;
	background-color: var(--theme-color);
	border: 1px solid var(--theme-color);
	border-radius: 0.1rem;
}
.n_news_link a:hover{
	background-color: #fff;
	border-color: var(--theme-color);
	color: var(--theme-color);
}
.n_news_link a i{
	display: inline-block;
}
.n_news_link a:first-child i{
	transform: rotate(-180deg);
}

.sidebar{}
.blog-content-nav{
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
}
.blog-content-nav h4{
	font-size: var(--f24);
	/* margin-bottom: 0.2rem; */
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
}
.blog-content-nav h4 i{
	font-weight: 400;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-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;
	cursor: pointer;
}
.blog-content-nav h4.close i{
	transform: none;
}
.blog-nav{
	padding-top: 0.15rem;
}

.blog-nav .one{
}
.blog-nav li{
	padding: 0.05rem 0;
	overflow: hidden;
	line-height: 1.3;
}
.blog-nav li a{
	display: block;
}
.blog-nav li a:hover{
	text-decoration: underline;
}
.blog-nav .one>a{
	font-size: var(--f18);
	font-weight: 700;
	/* font-family: "MB"; */
}
.blog-nav .two{}
.blog-nav .two li{}
.blog-nav .two li a{
	padding-left: 0.12rem;
	font-size: var(--f16);
}
.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);
	font-family: "MB";
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 0.2rem;
	padding-left: 0.12rem;
}
.sidebar-title:before{
	position: absolute;
	content: "";
	left: 0px;
	top: 40%;
	transform: translateY(-50%);
	width: 0.04rem;
	height: 70%;
	/* background: var(--theme-color); */
	background: linear-gradient(180deg, #fff, var(--theme-color));
}
.sidebar-list{}
.sidebar-list li{}
.sidebar-list li+li{
	margin-top: 0.3rem;
}
.sidebar-list li a{}
.sidebar-list li .img{
	width: 120px;
	border: 1px solid #EEEEEE;
}
.sidebar-list li .txt{
	flex: 1;
	padding-left: 0.1rem;
}
.sidebar-list li .title{}
.sidebar-list li .des{
}
.sidebar-share{}
.sidebar-share .sharethis-share-buttons{
	text-align: left !important;
}
.sidebar-share #st-1 .st-btn{
	border-radius: 50% !important;
}
.sidebar-share ul{}
.sidebar-share ul li{}
.sidebar-share ul li a{
	width: 35px;
	height: 35px;
	border-radius: 5px;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.sidebar-share ul li a i{
	font-size: var(--f18);
}
/* 新闻详情 e */

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

/* 方案列表 s */
.n_sol_list{}
.n_sol_list{}
.n_sol_list ul{}
.n_sol_list ul li{
	position: relative;
	width: 100%;
	background-color: #f4f5f9;
}
.n_sol_list ul li+li{
	margin-top: 0.8rem;
}
.n_sol_list ul li a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* width: 16.8rem; */
	max-width: 100%;
}
.n_sol_list ul li:nth-child(2n - 1) a{
	flex-direction: row-reverse;
	margin: 0 0 0 auto;
}
.n_sol_list ul li .w14{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.n_sol_list ul li:nth-child(2n) .w14{
	display: flex;
	justify-content: flex-end;
}
.n_sol_list ul li .img{
	/* width: 52.44%; */
	/* width: 45%; */
	-webkit-flex: 0 0 45%;
	flex: 0 0 45%;
}
.n_sol_list ul li .img img{}
.n_sol_list ul li .info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	/* width: 47.56%; */
	/* margin-left: 0.6rem; */
	padding-left: 0.6rem;
	/* max-width: calc(var(--www) * 0.5625); */
	width: 56.66%;
}
.n_sol_list ul li:nth-child(2n - 1) .info{
	padding-right: 0.6rem;
	padding-left: 0;
}
.n_sol_list ul li .tit{}
.n_sol_list ul li .des{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}
.c_btn{
	display: inline-flex;
	align-items: center;
	font-size: var(--f18);
	line-height: 1;
	color: #fff;
	padding: 0.18rem 0.36rem;
	border: 0.02rem solid var(--theme-color);
	background-color: var(--theme-color);
	border-radius: 0.05rem;
	-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;
}
.c_btn:hover{
	background-color: transparent;
	color: var(--theme-color);
}
.c_btn i{
	margin-left: 0.08rem;
	font-weight: 700;
}
/* 方案列表 e */

/* 方案详情 s */
.n_sol_xq{
    overflow: hidden;
}
.n_sol_top{
	display: flex;
	justify-content: flex-end;
	background-color: var(--theme-color);
	color: #fff;
}
.n_sol_top .crumbs .w14{
	width: 100%;
	max-width: 100%;
}
.n_sol_top .txt{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0.8rem 0 0.3rem 0;
	max-width: calc(var(--www) / 2);
	padding-right: 0.5rem;
}
.n_sol_top .txt .title{}
.n_sol_top .txt .n_tit::after{
	background: linear-gradient(0deg, #fff, transparent);
}
.n_sol_top .txt .des{}
.n_sol_top .txt ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.4rem;
}
.n_sol_top .txt ul li{
	text-align: center;
}
.n_sol_top .txt ul li .ico{}
.n_sol_top .txt ul li .ico img{
	display: inline-block;
	max-height: 0.48rem;
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
}
.n_sol_top .txt ul li p{
	line-height: 1.3;
	margin-top: 0.12rem;
}
.n_sol_top .txt .btn{
	display: inline-flex;
	align-items: center;
	padding: 0.16rem 0.3rem;
	background-color: #fff;
	border: 0.02rem solid #fff;
	color: var(--theme-color);
	font-weight: 600;
	gap: 0.1rem;
	border-radius: 0.1rem;
}
.n_sol_top .txt .btn:hover{
	color: #fff;
	background-color: transparent;
}
.n_sol_top .txt .btn i{
	font-size: var(--f18);
	font-weight: 700;
}
.n_sol_top .img{
	flex: 0 0 50%;
}
.n_sol_top .img img{}
.n_sol_con{}

.n_sol_con a{
	text-decoration: underline;
	/* color: var(--theme-color); */
	font-weight: 600;
}
.n_sol_con a:hover{
	color: var(--theme-color);
}
.n_sol_con ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	row-gap: 0.45rem;
}
.n_sol_con ul li{
	position: relative;
	width: calc(50% - 0.08rem);
	padding: 0.5rem;
	border-radius: 0.24rem;
}
.n_sol_con ul li.w100{
	width: 200%;
	padding: 0;
	border: none !important;
	border-radius: 0 !important;
}
.n_sol_con ul li:nth-of-type(2n - 1){
	border: 1px solid #bbc6e0;
}
.n_sol_con ul li:nth-of-type(2n){
	/* background-color: #f4f5f9; */
	background: #f4f5f9 url('../images/sol_li_bg.png') no-repeat center/cover;
}
.n_sol_con ul li:nth-of-type(2n - 1):before{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	left: 100%;
	top: 50%;
	width: 0.39rem;
	height: 0.43rem;
	background: url('../images/ico_li_r.png') no-repeat center;
	background-size: 100% auto;
	z-index: 3;
}
.n_sol_con ul li h5{
	font-size: var(--f20);
	color: var(--theme-color);
	font-weight: 600;
}
.n_sol_con ul li h4{
	font-size: var(--f24);
	line-height: 1.3;
	margin-top: 0.35rem;
	font-family: "MB";
	color: var(--theme-color);
}
.n_sol_con ul li p{
	display: block;
	font-size: var(--f16);
	line-height: 2.15;
	color: #666;
	margin-top: 0.25rem;
}

.n_sol_con  img{
	display: inline-block;
	max-width: 100%;
}

.sol_01 .stk-container:not(.stk--no-background){
    box-shadow: none;
}
.sol_01 .stk-block-content .stk-block-card__image{
    text-align: center;
    height: auto !important;
}
.sol_01 .stk-block-content .stk-block-card__image img{
    display: inline-block !important;
    width: 1rem !important;
}
.sol_01 .stk-block-heading:first-child .stk-block-heading__text:not([contenteditable]){
    font-size: var(--f28);
    font-weight: 600;
}

.sol_02{
    padding: 0.8rem 3.2rem;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(135deg, rgb(255,255,255) 0%, rgb(232, 243, 255) 100%) !important;
}
.sol_02 .stk-block-text__text {
    font-size: var(--f32) !important;
    line-height: 1.5em !important;
    font-weight: 600 !important;
}
.sol_03 .stk-block-heading__text{
    font-size: var(--f32) !important;
    font-weight: 700;
}



.sol_03 .stk-block-text__text{
    font-size: var(--f18) !important;
}

.sol_04 .stk-block-hero__content{
    border-radius: 0.24rem !important;
    overflow: hidden !important;
    
}

.sol_04 .stk-block-hero__content .stk-block-columns>.stk-block-content{
    flex-direction: row-reverse;
}

.sol_04 .stk-block .stk-block-heading__text{
    font-size: var(--f32) !important;
    font-weight: 700 !important;
}
.sol_04 .stk-block .stk-block-text__text{
    font-size: var(--f18) !important;
    line-height: 1.5 !important;
}
.sol_04 .stk-e6c54a0 .stk-img-wrapper{
    height: 0 !important;
    padding-bottom: 75% !important;
    overflow: hidden !important;
}
.sol_04 .stk-3e5eda7-inner-blocks{
    row-gap: 0 !important;
}
.sol_04 .stk-e6c54a0 .stk-img-wrapper img{
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.sol_05 .stk-block-hero__content{
    border-radius: 0.24rem !important;
    overflow: hidden !important;
}
.sol_05 .stk-block-heading__text{
    font-size: var(--f32) !important;
    font-weight: 700 !important;
}
.sol_05 .stk-block-text__text{
    font-size: var(--f22) !important;
    line-height: 1.5 !important;
}
/* 方案详情 e */

/* 相关案例 s */
.xg_case{
	overflow: hidden;
}
.xg_case .top{}
.c-swiper-btn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1.9rem;
}
.c-swiper-btn .swiper-button-prev,.c-swiper-btn .swiper-button-next{
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	border: 1px solid #ddd;
	background-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;
}
.c-swiper-btn2 .swiper-button-prev,.c-swiper-btn2 .swiper-button-next{
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	border: 1px solid #ddd;
	background-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;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.c-swiper-btn .swiper-button-prev::after,.c-swiper-btn .swiper-button-next::after,
.c-swiper-btn2 .swiper-button-prev::after,.c-swiper-btn2 .swiper-button-next::after{
	display: none;
}
.c-swiper-btn .swiper-button-prev i,.c-swiper-btn .swiper-button-next i,
.c-swiper-btn2 .swiper-button-prev i,.c-swiper-btn2 .swiper-button-next i{
	/* color: var(--theme-color); */
	color: #666;
	font-size: var(--f32);
	font-weight: 500;
}
.c-swiper-btn .swiper-button-prev:hover,.c-swiper-btn .swiper-button-next:hover,
.c-swiper-btn2 .swiper-button-prev:hover,.c-swiper-btn2 .swiper-button-next:hover{
	/* background-color: var(--theme-color); */
	color: var(--theme-color);
	border-color: var(--theme-color);
}
.c-swiper-btn .swiper-button-prev:hover i,.c-swiper-btn .swiper-button-next:hover i,
.c-swiper-btn2 .swiper-button-prev:hover i,.c-swiper-btn2 .swiper-button-next:hover i{
	color: var(--theme-color);
}
.c-swiper-btn .swiper-button-prev{}
.c-swiper-btn .swiper-button-prev i,.c-swiper-btn2 .swiper-button-prev i{
	transform: rotate(180deg);
}
.c-swiper-btn .swiper-button-next{}
.xg_case .con{}
.xg_case .swiper {
    overflow: inherit !important;
}
.xg_case ul{}
.xg_case ul li{
	width: 7.8rem;
	border-radius: 0.2rem;
	overflow: hidden;
}
.xg_case ul li .mask{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0.6rem 0.3rem 0.3rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11%, #000000 100%);
	-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;
	z-index: 3;
	/* 	opacity: 0;
		visibility: hidden; */
}
.xg_case ul li:hover .mask{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11%, var(--theme-color) 100%);
}
.xg_case ul li.swiper-slide-active .mask{
/* 	opacity: 1;
	visibility: visible; */
}
.xg_case ul li .mask .tit{}
.xg_case ul li .mask .des{
	color: rgba(255, 255, 255, 0.7);
}
.xg_case ul li .mask .btn{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0.3rem;
	bottom: 0.53rem;
	width: 0.56rem;
	height: 0.56rem;
	background-color: #fff;
	font-size: var(--f24);
	color: var(--theme-color);
	border-radius: 50%;
	font-weight: 700;
}
/* 相关案例 e */


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

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

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

/* 下载中心 s */
.rect-110{
	padding-bottom: 110%;
}
.n_down{}
.n_down ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.6rem;
}
.n_down ul li{}
.n_down ul li a{
	display: block;
	border: 1px solid #ddd;
	border-radius: 0.16rem;
}
.n_down ul li .img{
	padding: 0.3rem;
	background: #F4F5F9;
	
}
.n_down ul li .info{
	padding: 0.24rem 4%;
}
.n_down ul li .info .tit{
	width: calc(100% - 40px);
}
.n_down ul li .info i{
	font-size: var(--f28);
	color: var(--theme-color);
}
/* 下载中心 e */

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

/* ====================案例样式========================= */

/* 案例列表 s */
.n_case_list{}
.n_case_list ul{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: flex-start;
	row-gap: 0.6rem;
	column-gap: 4%;
}
.n_case_list ul li{
}
.n_case_list ul li .img{
	border-radius: 0.12rem;
	overflow: hidden;
	position: relative;
}
.n_case_list ul li .img .pic{
}
.n_case_list ul li .img .app{
	position: absolute;
	min-width: 1.2rem;
	padding: 0.1rem 0.2rem;
	font-size: var(--f14);
	color: #fff;
	left: 0.2rem;
	top: 0.2rem;
	background-color: var(--theme-color);
	border-radius: 0.5rem;
	text-align: center;
	z-index: 2;
}
.n_case_list ul li .info{
	position: relative;
	padding: 0.3rem 0 0;
}
.n_case_list ul li .info .app{
	position: absolute;
	min-width: 1.2rem;
	padding: 0.1rem 0.2rem;
	font-size: var(--f14);
	color: #fff;
	left: 0.2rem;
	bottom: 100%;
	margin-bottom: 0.2rem;
	background-color: var(--theme-color);
	border-radius: 0.5rem;
	text-align: center;
}
.n_case_list ul li .tit{}
.n_case_list ul li .des{}
.n_case_list ul li .btn{
	font-size: var(--f18);
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.36rem;
	border: 0.02rem solid #ddd;
	border-radius: 0.1rem;
	font-weight: 600;
}
.n_case_list ul li:hover .btn{
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	color: #fff;
}
.n_case_list ul li .btn i{
	margin-left: 0.1rem;
	font-weight: 700;
}
/* 案例列表 e */

/* 案例详情 s */
.n_case_xq{
	position: relative;
}
.n_case_xq .crumbs{
	position: relative;
	padding-top: 0.3rem;
	top: auto;
}
.crumbs.black a,.crumbs.black .w14:before{
	color: #000;
}
.n_case_title{
	border-bottom: 1px dashed #eee;
}
.n_case_title .tool{}
.n_case_title .top{
	column-gap: 0.3rem;
	margin: 0.2rem 0;
}
.n_case_title .top .app{
	display: inline-block;
	padding: 0.16rem 0.32rem;
	font-size: var(--f16);
	color: #fff;
	border-radius: 0.5rem;
	background-color: var(--theme-color);
}

.n_case_title .top #st-1 .st-btn{
	border-radius: 50% !important;
}
.n_case_title .top .share{
	gap: 0.2rem;
}
.n_case_title .top .share li{}
.n_case_title .top .share li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	border: 1px solid #ddd;
}
.n_case_title .top .share li a i{
	font-size: var(--f24);
	color: var(--theme-color);
}
.n_case_title .bot{}
.n_case_title .bot img{
	height: 0.36rem;
}
.n_case_title .bot span{
	display: block;
	font-size: var(--f20);
	color: var(--theme-color);
	font-weight: 600;
	margin-left: 0.1rem;
}

.n_case_con{
	font-size: var(--f16);
	line-height: 1.75;
}
.n_case_con p{
	margin-bottom: 1em;
}
.n_case_con h4{
	position: relative;
	margin-top: 0.16rem;
	font-size: var(--f28);
	line-height: 1.3;
	margin-bottom: 0.24rem;
	font-family: "MB";
	scroll-margin-top: 90px;
	padding-left: 0.26rem;
}
.n_case_con h4:before{
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	margin-top: -0.10rem;
	width: 0.16rem;
	height: 0.16rem;
	background-color: var(--theme-color);
	transform: rotate(-45deg);
}
.n_case_con h3 strong{
	color: var(--theme-color);
}
/* 案例详情 e */

/* 详情切换 s */

.xq_sort_nav{
	height: 75px;
}
#location .box.act {
    position: fixed;
	width: 100%;
    top: 80px;
    left: 0;
	background-color: #F4F5F9;
	z-index: 9;
}
.xq_sort_nav .w14{
	background-color: rgba(var(--theme-color-rgb), 0.10);;
	background-color: #F4F5F9;
	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 */
.more_case{
	background-color: #F4F5F9;
}
.more_case ul{}
.more_case ul li{}

.more_case ul li .info .tit{
	height: 3em;
}

.c-swiper-page{
	bottom: 0 !important;
}
.c-swiper-page .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;
}
.c-swiper-page .swiper-pagination-bullet-active{
	width: 0.32rem;
	border-radius: 0.06rem;
}
/* 更多案例 e */

/* 相关产品 s */
.xg_product{}
.xg_product .con{}
.xg_product ul{}
.xg_product ul li{
	
}
.xg_product ul li a{
	display: block;
	border: 1px solid #ddd;
	border-radius: 0.16rem;
	overflow: hidden;
}
.xg_product ul li a:hover{
	border-color: var(--theme-color);
}
.xg_product ul li .info{
	padding: 0.16rem;
	border-top: 1px solid #ddd;
}
.xg_product ul li a:hover .info{
	border-color: var(--theme-color);
}
.xg_product ul li .des{
	height: 4.5em;
}
.xg_product ul li a:hover .tit{
	color: var(--theme-color);
}
/* 相关产品 e */

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

/* 联系我们 s */
.n_contact{}
.n_contact .fl{
	width: 48.34%;
	padding-top: 0.32rem;
}
.n_contact .fl .title{
	line-height: 1.3;
	font-weight: 600;
}
.n_contact .fl .address{}
.n_contact .fl .address ul{}
.n_contact .fl .address ul li{
	margin-top: 0.25rem;
}
.n_contact .fl .address ul li span{
	font-size: var(--f20);
	line-height: 1.3;
	font-weight: 600;
}
.n_contact .fl .address ul li p{
	display: block;
	font-size: var(--f16);
	line-height: 1.5;
	margin-top: 0.04rem;
}
.n_contact .fl .info{
	padding: 0.28rem 0;
	margin: 0.28rem 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.n_contact .fl .info ul{}
.n_contact .fl .info ul li{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 50%;
	color: var(--theme-color);
}
.n_contact .fl .info ul li:nth-child(n + 3){
	margin-top: 0.25rem;
}
.n_contact .fl .info ul li:nth-child(2n){
	padding-left: 0.5rem;
}
.n_contact .fl .info ul li i{
	font-size: var(--f32);
	margin-right: 0.06rem;
}
.n_contact .fl .info ul li span{
	display: block;
	font-size: var(--f20);
}
.n_contact .fl .share{}
.n_contact .fl .share ul{
	gap: 0.3rem;
}
.n_contact .fl .share ul li{
}
.n_contact .fl .share ul li a{}
.n_contact .fl .share ul li i{
	font-size: var(--f30);
	color: var(--theme-color);
}
.n_contact .fr{
	width: 48.34%;
}
.c_form{
	padding: 0.36rem;
	box-shadow: 0.08rem 0.08rem 0.36rem 0px rgba(193,193,193,0.18);
}
.c_form form{}
.c_form .mui-input-row{
	width: 100%;
	margin-top: 0.15rem;
}
.c_form .mui-input-row.w100{}
.c_form .mui-input-row input{
	width: 100%;
	font-size: var(--f16);
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F4F5F9;
	border-radius: 0.08rem;
	padding-left: 0.16rem;
	border: none;
}
.c_form .mui-input-row input::placeholder{
	color: #666;
}
.c_form .mui-input-row textarea{
	font-size: var(--f16);
	padding: 0.16rem;
	line-height: 1.5;
	width: 100%;
	height: calc(6em + 0.32rem);
	background: #F4F5F9;
	border-radius: 0.08rem;
	border: none;
}
.c_form .btn{
	width: 100%;
}
.c_form .btn button{
	width: 100%;
	padding: 0.18rem;
	border: none;
	border-radius: 0.08rem;
	cursor: pointer;
	border: 2px solid var(--theme-color);
}
.c_form .btn button:hover{
	background-color: #fff;
	color: var(--theme-color);
}
/* 联系我们 e */

/* 合作伙伴 s */
.n_par{}
.n_par .w14{
}
.n_par .box{
	margin: 0 -0.3rem;
}
.n_par .swiper{
	/* margin: -0.4rem; */
	padding: 0.3rem;
}
.n_par ul{
}
.n_par ul li{
	display: flex;
	align-items: center;
	padding: 0 0.2rem;
	height: 1rem;
	box-shadow: 0.08rem 0.08rem 0.32rem 0px rgba(193,193,193,0.24);
	border-radius: 0.15rem;
}
.n_par ul li img{
	
}
/* 合作伙伴 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;}
	.mobile-only{display: block;}
	
	.i_ab .fl,.i_ab .fr{
		width: 100%;
	}
	.i_ab .fr{
		margin-top: 0.5rem;
	}
	
	.i_num ul li{
		padding: 0.3rem .1rem;
	}
	
	.pt-100{
		padding-top: 0.6rem;
	}
	.pd-100,.pd-120,.pd-140,.pd-160,.pd-180{
		padding: 0.6rem 0;
	}
	
	.i_sol ul li .mask{
		padding-bottom: 0.68rem;
	}
	.i_sol ul li,.i_sol ul li.on{
		width: 100% !important;
	}
	.i_sol ul li img{
	    height: 9.6rem;
	    height: auto;
	    aspect-ratio: 4 / 3;
	}
	.i_sol ul li::before,.i_sol ul li.on::before{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #27499D 100%);
	}
	
	.i_sol .swiper-pagination-bullet{
		background-color: #fff !important;
		border-radius: 0px;
		height: 3px;
		opacity: .6;
		width: 20px;
	}
	.i_sol .swiper-pagination-bullet-active{
		opacity: 1;
	}
	
	.i_adv .fl,.i_adv .fr{
		width: 100%;
	}
	.i_adv .fl ul li i img{
		width: 0.8rem;
	}
	.i_adv .fr{
		margin-top: 0.35rem;
	}
	
	.i_case ul li .pic{
		padding-bottom: 75%;
	}
	
	.i_new .fl,.i_new .fr{
		width: 100%;
	}
	.i_new .fr{
		margin-top: 0.3rem;
	}
	.i_new .fr ul{
		gap: 0.3rem;
		/* flex-direction: row; */
	}
	.i_new .mask i{
		display: none;
	}
	.i_new .fl .mask{
		padding-right: 0.3rem;
	}
	.i_new .fr ul li a .des{
		height: 3em;
	}
	.i_new .fr ul li a .pic{
		padding-bottom: 100%;
	}
	
	.i_par .fl,.i_par .fr{
		width: 100%;
	}
	.i_par .fr .box{
		padding: 0.4rem 0.3rem;
	}
	.i_par .fr .mui-input-row{
		width: 100%;
		margin-bottom: 0.3rem;
	}
	
	.Footer-container .mid{
		padding: 0.6rem 0;
	}
	.Footer-container .mid>ul li.lxwm .f_logo img{
		height: 24px;
	}
	.Footer-container .mid>ul li dd{
		font-size: 14px;
		padding-left: 22px;
		margin-bottom: 10px;
	}
	.Footer-container .mid>ul{
		flex-direction: column;
	}
	.Footer-container .mid>ul li{
		margin-left: 0;
		width: 100%;
	}
	.Footer-container .mid>ul li:last-child{
		margin-bottom: 0;
	}
	.Footer-container .mid>ul li{
		width: 100%;
		padding-bottom: 0.2rem;
		border-bottom: 1px solid rgb(255,255,255,.3);
		margin-bottom: 0.24rem;
	}
	.Footer-container .mid>ul li.lxwm{
		border: none;
		padding-bottom: 0;
		margin-bottom: 0.45rem;
	}
	.Footer-container .mid>ul li p{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 16px;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-right: 0.2rem;
	}
	.Footer-container .mid>ul li p i{
		font-size: 16px;
	}
	.Footer-container .mid>ul li p::after{
		display: none;
	}
	.Footer-container .mid>ul li p.on i{
		transform: rotate(180deg);
	}
	.Footer-container .mid>ul li .foot_nav_link{
		display: none;
		padding: 0.12rem 0 0;
	}
	.Footer-container .mid>ul li .foot_nav_link a{
		font-size: 14px;
		line-height: 1.5;
		padding: 0.1rem 0;
	}
	.Footer-container .bot,.Footer-container .bot a{
		font-size: 14px;
	}
	
	.Footer-container .mid .box{
		border: none;
	}
	
	.Footer-container .mid .box .fl,.Footer-container .mid .box .fr{
		width: 100%;
	}
	
	.media_ul li a i,.Footer-container .mid .box .fl .info dt i{
		font-size: 0.4rem;
	}
	.Footer-container .mid .box .fl .info{
		line-height: 1.5;
	}
	.Footer-container .mid .box .fr{
		margin-top: 0.3rem;
	}
	.Footer-container .mid .fr .tit{
		font-size: 0.36rem;
	}
	.Footer-wrapper .bot{
		border-top: 1px solid rgb(255,255,255,.1);
	}
	
	.sort_nav_view{
		/* display: none; */
		bottom: 0.3rem;
		min-height: 48px;
	}
	.sort_nav_view .box{
		overflow-x: scroll;
		overflow-y: hidden;
		scrollbar-width: 1px;
		padding-bottom: 0.1rem;
	}
	.sort_nav_view ul{
		width: auto;
		max-width: none;
		/* flex-wrap: wrap; */
		gap: 0.2rem;
		margin: 0 4%;
	}
	.sort_nav_view ul li:not(:first-child){
		margin-left: 0;
	}
	.sort_nav_view ul li a{
		white-space: nowrap;
	}
	
	.c_ban{
		aspect-ratio: 3 / 2;
		height: auto;
	}
	.crumbs .w14{
		padding-left: 20px;
	}
	
	.n_ab_01 .fl,.n_ab_01 .fr{
		width: 100%;
	}
	
	.n_ab_02 .item ul li{
		flex-direction: column;
	}
	.n_ab_02 .item ul li .img,.n_ab_02 .item ul li .txt{
		width: 100%;
	}
	.n_ab_02 .con{
		margin-top: .7rem;
	}
	
	.n_ab_02 .swiper-button-prev,
	.n_ab_02 .swiper-button-next{
		display: none;
	}
	
	.n_ab_02 .item ul li .txt{
		padding: 0.3rem 0 0;
	}
	.c-swiper-page .swiper-pagination-bullet-active{
		width: 32px;
	}
	
	.n_ab_03 .box1 ul{
		gap: 0.3rem;
	}
	.n_ab_03 .box1 ul li{
		width: 100%;
	}
	
	.n_ab_03 .box1 ul li img{
		width: 1rem;
	}
	
	.n_ab_03 .box2 .fl,.n_ab_03 .box2 .fr{
		width: 100%;
	}
	.n_ab_03 .box2 .fl ul{
		margin-top: 0.35rem;
	}
	.n_ab_03 .box2 .fr{
		margin-top: 0.35rem;
	}
	
	.n_ab_03 .box2.box3 .fl,.n_ab_03 .box2.box3 .fr{
		width: 100%;
	}
	.n_ab_03 .box2 .fl ul li:hover p, .n_ab_03 .box2 .fl ul li.active p{
		-webkit-transform: translateX(0.4rem);
		-ms-transform: translateX(0.4rem);
		transform: translateX(0.4rem);
	}
	
	.n_ab_03 .box4 ul li,.n_ab_03 .box4 ul li:nth-child(3){
		width: 100%;
		margin-bottom: 0.45rem;
	}
	
	.n_ab_04 .txt .info{
		width: 100%;
	}
	.n_ab_04{
		padding: 0.6rem 0 0;
		background-image: none !important;
		background-color: #DDE1EC;
		height: auto;
	}
	.n_ab_04 .txt{
		position: relative;
	}
	
	.n_mess .fl,.n_mess .fr{
		width: 100%;
	}
	.n_mess .fr{
		margin-top: 0.35rem;
	}
	.c_form .mui-input-row{
		margin-top: 0.25rem;
	}
	.c_form .mui-input-row input{
		height: 0.64rem;
		line-height: 0.64rem;
	}
	
	.n_honor ul{
		margin-top: 0.7rem;
	}
	.n_honor ul li{
		width: 48.5%;
		margin-right: 3%;
	}
	.n_honor ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_newslist ul li .img,.n_newslist ul li .txt{
		width: 100%;
	}
	.n_newslist ul li .txt{
		margin-top: 0.35rem;
	}
	
	.page-container .page-main{
		padding-right: 0;
	}
	.sidebar{
		display: none;
	}
	
	.n_pro_list ul{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.pro_xq_fl,.pro_xq_fr{
		width: 100%;
	}
	.pro_xq_fr{
		margin-top: 0.3rem;
	}
	.pro_xq_fr .table ul{
		padding: 0.35rem 0;
	}
	.pro_xq_ico .swiper-button-prev,.pro_xq_ico .swiper-button-next{
		width: auto;
	}
	
	.xq_sort_nav{
		height: 55px;
	}
	.xq_sort_nav ul li a{
		height: 55px;
		line-height: 55px;
	}
	#location .box.act{
		top: 60px;
	}
	
	.ar_article .scroll{
		overflow-x: auto;
	}
	
	.xg_product .con{
		padding-bottom: 0.6rem;
	}
	
	.n_sol_list ul{
		padding: 0 4%;
	}
	.n_sol_list ul li .w14{
		position: relative;
		left: 0;
		top: 0;
		transform: none;
	}
	.n_sol_list ul li a{
		flex-direction: column !important;
	}
	.n_sol_list ul li .img,.n_sol_list ul li .w14{
		width: 100%;
		max-width: 100%;
	}
	.n_sol_list ul li .info{
		width: 100%;
		padding: 0.6rem 0.4rem !important;
	}
	
	.n_sol_top{
		flex-direction: column-reverse;
	}
	.n_sol_top .crumbs{
		left: 0.4rem;
	}
	.n_sol_top .txt{
		padding: 1.2rem 0.4rem 0.6rem;
	}
	.n_sol_top .txt,.n_sol_top .img{
		width: 100%;
	}
	
	.n_case_list ul{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.n_case_title .top .share li a{
		width: 0.64rem;
		height: 0.64rem;
	}
	.n_case_title .bot span{
		line-height: 1.3;
	}
	
	.tc_search form{
		width: 100%;
		padding: 0 10px;
		max-width: 92%;
		font-size: 16px;
	}
	.tc_search form,.tc_search input{
		height: 0.8rem;
	}
	.tc_search button{
		line-height: 0.8rem;
		height: 0.8rem;
	}
	
	.n_contact .fl,.n_contact .fr{
		width: 100%;
	}
	.n_contact .fr{
		margin-top: 0.35rem;
	}
	.n_contact .fl .info ul li,.n_contact .fl .info ul li:nth-child(2n){
		width: 100%;
		padding-left: 0;
	}
	.n_contact .fl .info ul li:not(:first-child){
		margin-top: 0.2rem;
	}
	.n_par ul li{
		height: 0.8rem;
	}
}

@media all and (max-width:768px) {
	.n_sol_con ul li{
		width: 100%;
		padding: 0.4rem;
	}
	.n_sol_con ul li:nth-of-type(2n - 1):before{
		top: 100px;
		left: 50%;
		transform: rotate(90deg);
		margin-left: -19.5px;
		display: none;
	}
	.n_sol_con ul li p{
		line-height: 1.5;
	}
	.radius20{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	.i_ab .fl ul li span{
		font-size: var(--f20);
	}
	.i_adv .fl ul li span{
		font-size: var(--f24);
	}
	.n_case_list ul li .btn{
		font-size: var(--f16);
	}
	
	.sol_02.stk-58e5e77 .stk-block-text__text{
	    font-size: var(--f32) !important;
	}
	.sol_02{
	    padding: 0.6rem 4%;
	}
	
	.sol_03 .stk-6419637 .stk-block-heading__text{
        font-size: var(--f32) !important;
	}
	.sol_03 .stk-block-content{
	    flex-direction: column;
	}
	.sol_04 .stk-3e5eda7-container{
	    margin: 0 !important;
	}
	.sol_03 div .stk-block-text__text{
	    font-size: 16px !important;
	}
	.sol_05 .stk-15ba525 .stk-block-text__text{
	    font-size: var(--f24) !important;
	}
	.sol_05.stk-c31a41e .stk-block-hero__content{
	    min-height: auto !important;
	}
	.sol_04.stk-8315e30{
	    margin-bottom: 0.3rem !important;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.c_more{
		padding: 0.2rem 0.45rem;
		font-size: var(--f18);
	}
	.com_page a, .com_page span{
		font-size: 13px;
	}
}

@media all and (max-width:480px) {
	.ban_txt .tit{
		font-size: 0.4rem;
	}
	.ban_txt .w50{
		width: 70%;
	}
	.i_num ul li .info .box span{
		font-size: 0.64rem;
	}
	.n_sol_top .txt ul{
		flex-wrap: wrap;
	}
}

@media all and (max-width:420px) {
	.Footer-container .mid .box .fl .info dd,.ban_txt .des,.n_news_con{
		font-size: 14px;
	}
	.ban_txt .btn,.ban_txt .btn i{
		font-size: 13px;
	}
	.n_sol_top .txt ul li p{
		font-size: 12px;
	}
}

@media all and (max-width:376px) {
	
}
/* XY Product Global Style */
.XY-Product-container { sans-serif; color: #444; line-height: 1.6; }
.XY-Product-section { margin: 35px 0; padding: 0 18px; }
.XY-Product-section h2 { font-size: 24px; margin-bottom: 18px; color: #27499D; }

.XY-Product-section h3 { border-left: none !important; padding-left: 0 !important; }
.XY-Product-section h3::before, .XY-Product-section h3::after { display: none !important; content: none !important; }

.XY-Product-highlight-text { color: #e60012; font-weight: 600; }
.XY-Product-alert { background-color: rgba(39, 73, 157, 0.06); padding: 20px 28px; border-radius: 10px; margin: 20px 0; color: #333; }
.XY-Product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 15px; }
.XY-Product-card { border: 1px solid #eaeaea; padding: 20px; border-radius: 8px; background-color: #fff; transition: box-shadow 0.3s; }
.XY-Product-card:hover { box-shadow: 0 4px 12px rgba(39, 73, 157, 0.1); }
.XY-Product-card h3 { font-size: 19px; margin: 0 0 10px 0; color: #27499D; }
.XY-Product-table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.XY-Product-table th { padding: 14px; background: #27499D; color: #fff; text-align: left; }
.XY-Product-table td { padding: 12px 14px; border-bottom: 1px solid #eaeaea; }
.XY-Product-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.XY-Product-badge { background: #ecf0f1; padding: 6px 14px; border-radius: 20px; font-size: 13px; color: #27499D; font-weight: 600; border: 1px solid rgba(39, 73, 157, 0.2); transition: all 0.3s ease; }
.XY-Product-badge:hover { background: #27499D; color: #fff; }
.XY-Product-faq { border-left: 3px solid #e60012; padding: 15px 18px; margin: 18px 0; background-color: #fcfcfc; border-radius: 0 8px 8px 0; }
.XY-Product-faq h3 { font-size: 17px; margin: 0 0 8px 0; color: #27499D; }
.XY-Product-cta { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 30px; border-radius: 10px; margin-top: 35px; text-align: center; border-top: 4px solid #27499D; }
.XY-Product-cta h3 { font-size: 20px; margin: 0 0 10px 0; color: #27499D; }
.XY-Product-btn { display: inline-block; background: #e60012; color: #fff; padding: 14px 28px; text-decoration: none; border-radius: 6px; font-weight: bold; margin-top: 15px; transition: background 0.3s; }
.XY-Product-btn:hover { background: #c4000f; }
@media (max-width: 768px) { .XY-Product-grid { grid-template-columns: 1fr; } .XY-Product-section { padding: 0 12px; } }