@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);/*点击高亮效果*/
}
body {
  --www: 1.5rem;
  --interval: var(--www);
  --nav_height: 1rem;
  --color: #2C9B94;
  --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;
  --swiper-theme-color: #0bc9af;
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 20px;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f28: 22px;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f50: 0.42rem;
    --f52: 0.46rem;
    --f54: 0.48rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
	--f80: 0.72rem;
    --interval: 5vw;
    --nav_height: 58px;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.24rem;
    --f16: 0.26rem;
    --f18: 0.28rem;
    --f20: 0.28rem;
    --f22: 0.30rem;
    --f24: 0.32rem;
    --f26: 0.34rem;
    --f28: 0.36rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.42rem;
    --f42: 0.42rem;
    --f44: 0.42rem;
    --f46: 0.42rem;
    --f48: 0.42rem;
    --f50: 0.42rem;
    --f52: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
	--f80: 0.64rem;
  }
}
/*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 "PingFang SC",Arial,"Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}

/*End reset*/

/*public Css*/

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

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

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

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

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

/* 文字限制行数 */
/* 限制一行 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/* 引入字体 */
@font-face {
    src: url('../fonts/Montserrat-Regular.otf'),
    url('../fonts/Montserrat-Regular.eot'),
    url('../fonts/montserrat-regular.eot') format('embedded-opentype'),
    url('../fonts/montserrat-regular.woff2') format('woff2'),
    url('../fonts/montserrat-regular.woff') format('woff'),
    url('../fonts/Montserrat-Regular.otf') format('truetype'),
    url('../fonts/Montserrat-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'MB';
    src: url('../fonts/Montserrat-Bold.otf'),
    url('../fonts/Montserrat-Bold.eot'),
    url('../fonts/montserrat-bold.eot') format('embedded-opentype'),
    url('../fonts/montserrat-bold.woff2') format('woff2'),
    url('../fonts/Montserrat-Bold.woff') format('woff'),
    url('../fonts/Montserrat-Bold.otf') format('truetype'),
    url('../fonts/Montserrat-Bold.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'ML';
    src: url('../fonts/Montserrat-Light.otf'),
    url('../fonts/Montserrat-Light.eot'),
    url('../fonts/montserrat-light.eot') format('embedded-opentype'),
    url('../fonts/montserrat-light.woff2') format('woff2'),
    url('../fonts/Montserrat-Light.woff') format('woff'),
    url('../fonts/Montserrat-Light.otf') format('truetype'),
    url('../fonts/Montserrat-Light.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'HW';
    src: url('../fonts/haettenschweiler.ttf'),
    url('../fonts/haettenschweiler.eot'),
    url('../fonts/haettenschweiler.eot') format('embedded-opentype'),
    url('../fonts/haettenschweiler.woff2') format('woff2'),
    url('../fonts/Haettenschweiler.woff') format('woff'),
    url('../fonts/Haettenschweiler.otf') format('truetype'),
    url('../fonts/Haettenschweiler.svg#svgFontName') format('svg');
}
.MR{}
.MB{font-family: 'MB';}
.ML{font-family: 'ML';}
.HW{font-family: 'HW';}
/*动画效果 所有属性获得过度*/
*{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;}/*字母转换为大写*/
.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);}
.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-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-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; }

.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;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.w18{width: 1800px;max-width: 92%;margin: 0 auto;}
.pc{display: block;}
.mb{display: none;}
.mt{margin-top: 100px;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.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-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pd-60{padding: 0.6rem 0;}
.pd-80{padding: 0.8rem 0;}
.pd-100{padding: 1rem 0;}
.pd-120{padding: 1.2rem 0;}
.pd-140{padding: 1.4rem 0;}
.pd-160{padding: 1.6rem 0;}
.pd-180{padding: 1.8rem 0;}
.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;}

/*==常用字号==*/
.tit-12 {font-size: 12px;}
.tit-13 {font-size: 13px;}
.tit-14 {font-size: var(--f14);}
.tit-15 {font-size: 15px;}
.tit-16 {font-size: var(--f16);}
.tit-17 {font-size: 17px;}
.tit-18 {font-size: var(--f18);}
.tit-19 {font-size: 19px;}
.tit-20 {font-size: var(--f20);}
.tit-21 {font-size: 21px;}
.tit-22 {font-size: var(--f22);}
.tit-23 {font-size: 23px;}
.tit-24 {font-size: var(--f24);}
.tit-25 {font-size: 25px;}
.tit-26 {font-size: var(--f26);}
.tit-27 {font-size: 27px;}
.tit-28 {font-size: var(--f28);}
.tit-29 {font-size: 29px;}
.tit-30 {font-size: var(--f30);}
.tit-31 {font-size: 31px;}
.tit-32 {font-size: var(--f32);}
.tit-33 {font-size: 33px;}
.tit-34 {font-size: var(--f34);}
.tit-35 {font-size: 35px;}
.tit-36 {font-size: var(--f36);}
.tit-37 {font-size: 37px;}
.tit-38 {font-size: var(--f38);}
.tit-39 {font-size: 39px;}
.tit-40 {font-size: var(--f40);}
.tit-41 {font-size: 41px;}
.tit-42 {font-size: var(--f42);}
.tit-43 {font-size: 43px;}
.tit-44 {font-size: var(--f44);}
.tit-45 {font-size: 45px;}
.tit-46 {font-size: var(--f46);}
.tit-47 {font-size: 47px;}
.tit-48 {font-size: var(--f48);}
.tit-49 {font-size: 49px;}
.tit-50 {font-size: var(--f50);}
.tit-51 {font-size: 51px;}
.tit-52 {font-size: var(--f52);}
.tit-53 {font-size: 53px;}
.tit-54 {font-size: var(--f54);}
.tit-55 {font-size: 55px;}
.tit-56 {font-size: var(--f56);}
.tit-57 {font-size: 57px;}
.tit-58 {font-size: var(--f58);}
.tit-59 {font-size: 59px;}
.tit-60 {font-size: var(--f60);}
.tit-61 {font-size: 61px;}
.tit-62 {font-size: 62px;}
.tit-63 {font-size: 63px;}
.tit-64 {font-size: 64px;}
.tit-65 {font-size: 65px;}
.tit-66 {font-size: 66px;}
.tit-67 {font-size: 67px;}
.tit-68 {font-size: 68px;}
.tit-69 {font-size: 69px;}
.tit-70 {font-size: 70px;}
.tit-71 {font-size: 71px;}
.tit-72 {font-size: 72px;}
.tit-73 {font-size: 73px;}
.tit-74 {font-size: 74px;}
.tit-75 {font-size: 75px;}
.tit-76 {font-size: 76px;}
.tit-77 {font-size: 77px;}
.tit-78 {font-size: 78px;}
.tit-79 {font-size: 79px;}
.tit-80 {font-size: 80px;}
/* @media (max-width: 768px) {
  .tit-16 {font-size: 12px;}
  .tit-18 {font-size: 14px;}
  .tit-20 {font-size: 16px;}
  .tit-33 {font-size: 20px;}
  .tit-34 {font-size: 21px;}
  .tit-35 {font-size: 22px;}
  .tit-36 {font-size: 23px;}
  .tit-37 {font-size: 24px;}
  .tit-38 {font-size: 25px;}
  .tit-39 {font-size: 26px;}
  .tit-40 {font-size: 24px;}
  .tit-41 {font-size: 25px;}
  .tit-42 {font-size: 26px;}
  .tit-43 {font-size: 27px;}
  .tit-44 {font-size: 28px;}
  .tit-45 {font-size: 29px;}
  .tit-46 {font-size: 30px;}
  .tit-47 {font-size: 31px;}
  .tit-48 {font-size: 32px;}
  .tit-49 {font-size: 33px;}
  .tit-50 {font-size: 28px;}
  .tit-51 {font-size: 29px;}
  .tit-52 {font-size: 30px;}
  .tit-53 {font-size: 31px;}
  .tit-54 {font-size: 32px;}
  .tit-55 {font-size: 33px;}
  .tit-56 {font-size: 34px;}
  .tit-57 {font-size: 35px;}
  .tit-58 {font-size: 36px;}
  .tit-59 {font-size: 37px;}
  .tit-60 {font-size: 36px;}
  .tit-61 {font-size: 37px;}
  .tit-62 {font-size: 38px;}
  .tit-63 {font-size: 39px;}
  .tit-64 {font-size: 40px;}
  .tit-65 {font-size: 41px;}
  .tit-66 {font-size: 42px;}
  .tit-67 {font-size: 43px;}
  .tit-68 {font-size: 44px;}
  .tit-69 {font-size: 45px;}
  .tit-70 {font-size: 46px;}
  .tit-70 {font-size: 42px;}
  .tit-71 {font-size: 43px;}
  .tit-72 {font-size: 44px;}
  .tit-73 {font-size: 45px;}
  .tit-74 {font-size: 46px;}
  .tit-75 {font-size: 47px;}
  .tit-76 {font-size: 48px;}
  .tit-77 {font-size: 49px;}
  .tit-78 {font-size: 50px;}
  .tit-79 {font-size: 51px;}
  .tit-80 {font-size: 52px;}
} */

.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: rgb(255, 255, 255);z-index: 99;line-height: 100px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #000;opacity: .03;transition: opacity .3s;}
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);}
/* .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-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: 17px;flex-wrap: wrap;}
	.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,.Header-container .c-nav>li.active>a{color: var(--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 20px 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 #efefef;}
	.Header-container .c-nav>li>ul>li>a {display: block;position: relative;font-size: 16px;padding: 15px 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: center;letter-spacing: 1px;}
	.Header-container .c-nav>li>ul>li>a:before {content: "";position: absolute;top: 7px;bottom: 7px;left: -20px;width: 4px;background: var(--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,.Header-container .c-nav>li>ul>li.on>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,.Header-container .c-nav>li>ul>li.on>a{color: var(--color);}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #000;}
	
	.Header-container .c-nav>li.cp_drop>ul{
		height: 5rem;
		background-color: #f3f7fa;
		background-color: #EEF2F5;
		box-shadow: none;
	}
	.Header-container .c-nav>li.cp_drop>ul{
		padding: 0;
	}
	.Header-container .c-nav>li.cp_drop>ul>li{
		padding: 0 0.2rem 0 0.4rem;
	}
	.Header-container .c-nav>li.cp_drop>ul>li.on{
		background-color: #fff;
	}
	.Header-container .c-nav>li.cp_drop>ul>li>a{
		font-size: var(--f18);
		color: #333;
		font-weight: bold;
		width: 1.5rem;
		display: block;
		padding: 0.15rem 0.15rem 0.15rem 0;
		position: relative;
		text-align: left;
	}
	.Header-container .c-nav>li.cp_drop>ul>li>a::after{
		position: absolute;
		content: "\e624";
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: var(--f14);
		font-family: 'iconfont';
	}.Header-container .c-nav>li.cp_drop>ul>li>a::before{
		display: none;
	}
	.Header-container .c-nav>li.cp_drop>ul>li.on>a{
		color: var(--color);
	}
	.Header-container .c-nav>li.cp_drop>ul>li>ul{
		background: #f3f7fa;
		background-color: #EEF2F5;
		line-height: 2.28571;
		display: none;
		width: 5rem;
		height: 100%;
		max-height: 5rem;
		overflow-y: auto;
		position: absolute;
		left: 100%;
		top: 0;
		padding: 0.2rem 0;
		border-left: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
	}
	.Header-container .c-nav>li.cp_drop>ul>li>::-webkit-scrollbar { width: .06rem; height: .06rem; background-color: #eee; }
	.Header-container .c-nav>li.cp_drop>ul>li>::-webkit-scrollbar-track { border-radius: .03rem; background-color: #eee; }
	.Header-container .c-nav>li.cp_drop>ul>li>::-webkit-scrollbar-thumb { border-radius: .03rem; background-color: #666; }
	.Header-container .c-nav>li.cp_drop>ul>li.on>ul{
		display: block;
	}
	.Header-container .c-nav>li.cp_drop>ul>li>ul>li{
	}
	.Header-container .c-nav>li.cp_drop>ul>li>ul>li>a{
		font-size: 16px;
		line-height: 2.5;
		padding: 0 0.2rem;
		display: block;
	}
	.Header-container .c-nav>li.cp_drop>ul>li>ul>li>a:hover{
		color: var(--color);
		background-color: #fff;
	}
}

.Header-container .tool {display: flex;align-items: center;color: #000;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper.on .Header-container .tool {color: #000;}
.Header-container .tool .search {}
.Header-container .tool .search i {position: relative;font-size: 24px;padding-right: 0.18rem;margin-right: 0.2rem;cursor: pointer;vertical-align: middle;}
.Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
.Header-wrapper .Header-container .tool .search i::after {background-color: rgb(0, 0, 0, .3);}
.Header-container .tool .language {position: relative;}
.Header-container .tool .language a {display: flex;align-items: center;color: white;}
.Header-container .tool .language i {font-size: 24px;}
.Header-container .tool .language p {font-size: 16px;margin-left: 0.08rem;display: flex;align-items: center;}
.Header-container .tool .language p::after {display: inline-block;margin-left: 5px;content: "\e60a";font-size: 12px;font-family: 'iconfont';-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-container .tool .language.on p::after {-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Header-container .tool .language .language_down {display: none;position: absolute;z-index: 2;left: 5px;top: 100%;width: 100%;height: auto;background: var(--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;}
.Header-container .tool .code{
	font-size: 17px;
	color: #a9a9a9;
	margin-left: 0.35rem;
	display: none;
}
.Header-container .tool .code em{
	color: #df3939;
	font-weight: 600;
}

/*顶部导航开关*/ 
#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(--color);}
	#c-header .c-nav li ul {display: none;}
	/* #c-header .c-nav li.on>ul{display: block;} */
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
	#c-header .c-nav>li>ul>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 {background-color: var(--color);}
.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 .top .foot_link {}
.media_ul {}
.media_ul li {margin-right: 8px;}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;width: 0.4rem;height: 0.4rem;background-color: #3b5999;color: white;border-radius: 50%;font-size: 0;}
.media_ul li a i {font-size: 0.2rem;}
.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 ul {}
.Footer-container .mid ul li {float: left;overflow: hidden;}
.Footer-container .mid ul li p {position: relative;font-size: 20px; font-weight: 600 ;line-height: 1.5;color: #fff;display: block;padding-bottom: 0.1rem;margin-bottom: 0.12rem;}
.Footer-container .mid ul li p::after{position: absolute;content: "";width: 0.42rem;height: 0.01rem;left: 0;bottom: 0;background-color: #fff;}
.Footer-container .mid ul li p i{margin-left: 0.06rem;}
.Footer-container .mid ul li .foot_nav_link a {font-size: 16px;color: #bbb;color: rgb(255, 255, 255, .8);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.lxwm .f_logo{margin-bottom: 0.4rem;}
.Footer-container .mid ul li dl {}
.Footer-container .mid ul li dd {position: relative;font-size: 16px;line-height: 20px;color: rgb(255, 255, 255, .8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .mid ul li dd:last-child{margin-bottom: 0;}
.Footer-container .mid ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(255, 255, 255, .8);}
.Footer-container .bot {font-size: 16px;line-height: 1.4;color: rgb(255, 255, 255, .8);text-align: center;padding: 0.3rem 0;border-top: 1px solid rgba(255, 255, 255, 0.15);letter-spacing: 0.5px;}
.Footer-container .bot a {font-size: 16px;color: rgb(255, 255, 255, .8);}

/* 中间+共用部分 */

/* ind_banner */
.i_banner .swiper-pagination-bullet{background-color: var(--color);opacity: 1;}
.i_banner .swiper-pagination-bullet-active,
.i_mb_banner .swiper-pagination-bullet-active{background-color: white;}
.i_banner .swiper-slide{
	position: relative;
}
.i_banner .ban_more{
	position: absolute;
	left: 9.37%;
	top: 66%;
}
.i_banner .swiper-slide:nth-child(3) .ban_more{
	top: 68%;
}
.i_banner .ban_more a{
	padding: 0.12rem 0.32rem;
	font-size: var(--f20);
	color: #fff;
	border-radius: 1rem;
	background-color: #0BC9AF;
}
.i_banner .ban_more a i{
	font-size: var(--f20);
	margin-left: 0.08rem;
}
/* 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(--color);}
.md-sideBar .side_item .bd {color: var(--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%;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;display: block;pointer-events: auto;}
.tc_search form {width: 9.6rem;max-width: 80%;margin: 0 auto;padding: 0 20px;border-bottom: 2px solid #eee;height: 0.7rem;position: relative;overflow: hidden;z-index: 2;}
.tc_search input {width: 80%;height: 0.7rem;font-size: 0.34rem;color: #c1c1c1;box-shadow: none;-webkit-appearance: none;float: left;border-right: 0;background: none;}
.tc_search input::placeholder {color: #c1c1c1;}
.tc_search button {max-width: 20%;height: 0.7rem;border: 0;line-height: 0.7rem;color: #c1c1c1;cursor: pointer;text-transform: uppercase;float: right;font-size: 0.48rem;background-color: transparent;}
.tc_search .search_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .85);z-index: 0;}
/* tc_search e */

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

/* i_more s */
.i_more{
	color: #000;
}
.i_more.white{
	color: #fff;
}
.i_more a,.i_more span{
	position: relative;
	font-size: 16px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 0.5rem;
	font-weight: 600;
	padding: 0.16rem 0;
}
.i_more a:hover,.i_more span:hover{
	color: var(--color);
}
.i_more.white a:hover,.i_more.white span:hover{
	color: #fff;
}
.i_more a:before,.i_more span:before{
	position: absolute;
	content: "";
	display: block;
	width: 30%;
	height: 2px;
	bottom: 0;
	left: 0;
	/* background-color: #5fb4ad; */
	background-color: #17b6a1;
	-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: 2;
}
.i_more a::after,.i_more span::after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #7f7f7f;
	z-index: 1;
}
.i_more.white a::after,.i_more.white span::after{
	background-color: rgb(255,255,255);
}
.i_more a:hover:before,.i_more span:hover:before{
	width: 100%;
}
.i_more a i{
}
/* i_more e */

/* i_tit s */
.i_tit{
	position: relative;
	color: #000;
	line-height: 1.3;
	z-index: 2;
}
.i_tit.white{
	color: #fff;
}

.i_tit h3{
	position: relative;
	font-size: 0.42rem;
	line-height: 1.15;
	font-weight: 700;
}
.i_tit h3::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: -0.1rem;
	display: block;
	width: 1.65rem;
	height: 0.4rem;
	background: url('../images/i_tit_bg.png') no-repeat center;
	background-size: 100% auto;
	z-index: -1;
}
.i_tit.white h3::after{
	background-image: url('../images/.i_tit_bg_w.png');
}
.i_tit p{
	font-size: 0.24rem;
	margin-top: 0.08rem;
	font-weight: 700;
}
/* 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(--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: 5rem;background-repeat: no-repeat;background-position: center;background-size: cover;}
.c_ban .ban_txt {position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);color: #fff;text-align: center;z-index: 3;}
.c_ban .ban_txt h3 {font-size: 0.48rem;font-weight: 700;}
.c_ban .ban_txt p {font-size: 0.22rem;margin-top: 0.24rem;display: none;}
.c_ban::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;background: linear-gradient(180deg, rgba(0, 8, 2, .5) 60%, rgba(0, 8, 2, 0) 100%);opacity: 0.5;z-index: 1;}
/* sort_nav */
.sort_nav {position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, .15);z-index: 2;}
.sort_nav.no_shadow{box-shadow: none;}
.sort_nav .tit{display: none;color: white;padding: 0 4%;font-size: 14px;height: 42px;background: var(--color);align-items: center;color: #fff;}
.sort_nav .tit h3{font-size: 16px;text-align: left;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.sort_nav .w16 {display: flex;justify-content: space-between;align-items: center;min-height: 90px;}
/* sort_nav_view */
.sort_nav_view {}
.sort_nav_view ul {display: flex;align-items: center;}
.sort_nav_view ul li {margin-left: 0.5rem;}
.sort_nav_view ul li a {position: relative;font-size: 18px;display: block;line-height: 90px;color: #111;}
.sort_nav_view ul li a:hover {color: var(--color);}
.sort_nav_view ul li.active a {color: var(--color);}
.sort_nav_view ul li.active a::after {content: "";display: block;width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;background-color: var(--color);}

/* crumbs */
.crumbs {/* border-bottom: 1px solid #eee; */}
.crumbs {padding-left: 25px;background: url('../images/ico_home.png') no-repeat center;background-position: 0 center;display: flex;align-items: center;}
.crumbs a {font-size: 16px;color: #666;display: inline-flex;align-items: center;}
.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(--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: .16rem;color: #333;background: #fff;margin: 0 .05rem;transition: all .3s;min-width: 32px;min-height: 32px;}
.com_page a.page-num-current,.com_page a:hover {border-color: var(--color);background: var(--color) !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #fff;}
.com_page a:last-child::after,.com_page a:first-child::after,
.com_page span:last-child::after,.com_page span:first-child::after{font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after,.com_page span:first-child::after {content: "\f104";}
.com_page a:last-child::after,.com_page span:last-child::after {content: "\f105";}
.no_page{font-size: var(--f18);line-height: 5em;text-align: center;color: #333;}

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

/* n_tit_01 */
.n_tit_01{
	
}
.n_tit_01 h3{
	font-size: var(--f36);
	font-weight: 600;
	line-height: 1.3;
	color: #000;
}
.n_tit_01 p{
	font-size: var(--f20);
	line-height: 1.5;
	color: #666;
	margin-top: 0.08rem;
}

.n_tit_01>.des{
	font-size: var(--f16);
	line-height: 1.75;
	color: #666;
	margin-top: 0.2rem;
}

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

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

/* 公司简介 s */
.i_ab{
	position: relative;
	overflow: hidden;
}
.i_ab .fl{
	padding-bottom: 0.2rem;
}
.i_ab .fl .box{
	position: relative;
	width: 56%;
	color: #fff;
	padding: 0.6rem 1.75rem;
	background-image: linear-gradient(to right, #79d9cd 0%, #00ae97 100%);
	box-shadow: 0 0 0.35rem rgb(0,0,0,.35);
	z-index: 3;
}
.i_ab .fl .des{
	margin-top: 0.2rem;
	line-height: 1.75;
}
.i_ab .fl ul{
	margin-top: 0.12rem;
}
.i_ab .fl ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.12rem 0;
	border-bottom: 1px solid #d1f1ee;
}
.i_ab .fl ul li:last-child{
	border: none;
}
.i_ab .fl ul li p{
	font-size: 16px;
}
.i_ab .fl ul li .num{
}
.i_ab .fl ul li .num span{
	font-size: 0.6rem;
	font-family: "HW";
	letter-spacing: 2px;
}
.i_ab .fl ul li .num i{
	font-size: 0.22rem;
	font-weight: 600;
}
.i_ab .i_more{
	margin-left: 1.6rem;
}
.i_ab .fr{
	position: absolute;
	width: 55%;
	right: 0;
	bottom: 1rem;
}
.i_ab .fr .pic{}
.i_ab .fr .pic img{}
/* 公司简介 e */

/* 解决方案 s */
.i_sol{
	color: #fff;
	overflow: hidden;
	background-color: #E1E1E1;
}
.i_sol .con{
	position: relative;
	z-index: 2;
	min-height: 9.2rem;
}
.i_sol .fl{
	width: calc(100% / 3);
	background-color: #0bc9af;
	padding: 12% 1rem 0 8.334%;
}
.i_sol .fl .des{
	font-weight: 700;
	line-height: 1.6;
}

.i_sol .fl .p{
	margin-top: 0.35rem;
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 1px;
}

.i_sol .fr{
	width: calc(200% / 3);
}
.i_sol .fr .swiper{
	width: 100%;
	height: 100%;
}
.i_sol .fr ul{
	height: 100%;
}
.i_sol .fr ul li{
	width: calc(100% / 3);
	height: 100%;
/* 	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s; */
}
.i_sol .fr ul li:hover,
.i_sol .fr ul li.current{
	background: rgba(0, 0, 0, 0.3);
	/* background: rgba(0, 154, 142, 0.45); */
}
.i_sol .fr ul li:not(:last-child){
	    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.i_sol .fr ul li a{
	position: relative;
	display: block;
	height: 100%;
	text-align: center;
}
.i_sol .fr ul li a>div{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	width: 100%;
	padding: 0 5%;
	z-index: 2;
	overflow: hidden;
}
.i_sol .fr ul li .box1{
}
.i_sol .fr ul li a:hover .box1,
.i_sol .fr ul li.current a .box1{
	height: 0;
	overflow: hidden;
}
.i_sol .fr ul li .box2{
	opacity: 0;
}
.i_sol .fr ul li a:hover .box2,
.i_sol .fr ul li.current a .box2{
	opacity: 1;
}

.i_sol .fr ul li .t1{
}
.i_sol .fr ul li .box2 .t1{
	position: relative;
	display: inline-block;
	padding-bottom: 0.16rem;
}
.i_sol .fr ul li .box2 .t1::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: "";
}
.i_sol .fr ul li .ico{
	margin-bottom: 0.15rem;
}
.i_sol .fr ul li .ico img{
	display: inline-block;
	width: 0.64rem;
}
.i_sol .fr ul li .p1{
	display: block;
	line-height: 1.75;
	margin-top: 0.25rem;
}
.i_sol .fr ul li i{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.6rem;
	width: 0.8rem;
	height: 0.8rem;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 0.32rem;
	color: #fff;
}
.i_sol .fr ul li a:hover i,
.i_sol .fr ul li.current a i{
	background-color: #fff;
	color: #666;
}
.i_sol .fr ul li span{
	position: absolute;
	text-align: center;
	display: block;
	width: 100%;
	left: 0;
	bottom: 15%;
	display: block;
	font-weight: 700;
}
.i_sol .bg-img,.i_sol .tab-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.i_sol .bg-img{
	left: auto;
	right: 0;
	width: calc(200% / 3);
}
.i_sol .bg-img:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0,.3);
	z-index: 2;
}
.i_sol .bg-img .tab-img{
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	opacity: 0;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
	background-size: cover;
	background-position: center center;
}
.i_sol .bg-img .tab-img.current{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* 解决方案 e */

/* 产品中心 s */
.i_pro{}
.i_pro .top{}
.i_pro .top .top_nav{}
.i_pro .top .top_nav ul{}
.i_pro .top .top_nav ul li:not(:first-child){
	margin-left: 0.55rem;
}
.i_pro .top .top_nav ul li a{
	position: relative;
	color: #aaaaaa;
}
.i_pro .top .top_nav ul li a::after{
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	left: 0;
	top: 100%;
	margin-top: 0.15rem;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_pro .top .top_nav ul li.active a{
	color: var(--color);
}
.i_pro .top .top_nav ul li.active a::after,
.i_pro .top .top_nav ul li:hover a::after{
	width: 100%;
}
.i_pro .bot{}
.i_pro .bot .item{
	display: none;
}
.i_pro .bot .item.show{
	display: block;
}
.i_pro .bot .nav_box{}
.i_pro .bot .nav_box .swiper{
	
	border-radius: 0.5rem;
	background-color: #fff;
	padding: 0.12rem;
	box-shadow: 0 0 0.25rem rgb(0, 0, 0, .08);
}
.i_pro .bot .nav_box ul{
	/* column-gap: 0.5rem; */
}
.i_pro .bot .nav_box ul li{
	/* margin-bottom: 0.2rem; */
	display: inline-block;
	width: auto;
}
.i_pro .bot .nav_box ul li a{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 0.12rem 0.25rem;
	line-height: 1.3;
	border-radius: 50px;
	background-color: #fff;
	min-width: 2rem;
}
.i_pro .bot .nav_box ul li a i{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.85rem;
	height: 0.85rem;
	border-radius: 50%;
	background-color: #d9d9d9;
}
.i_pro .bot .nav_box ul li a i img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 rgb(0,0,0,.5));
	-webkit-filter: drop-shadow(100vw 0px 0 rgb(0,0,0,.5));
	right: 100vw;

}
.i_pro .bot .nav_box ul li.active a i{
	background-color: #1fcdb6;
}
.i_pro .bot .nav_box ul li.active a i img{
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
}
.i_pro .bot .nav_box ul li a span{
	color: #9d9d9d;
	/* margin-top: 0.15rem; */
}
.i_pro .bot .nav_box ul li.active a{
	background-color: var(--color);
}
.i_pro .bot .nav_box ul li.active a span{
	color: #fff;
}


.i_pro .bot .pro_box{}
.i_pro .bot .pro_box_item{
	position: relative;
	display: none;
}
.i_pro .bot .pro_box_item.show{
	display: block;
}
.i_pro .bot .pro_box_item ul{}
.i_pro .bot .pro_box_item ul li{
	transform: scale(.88);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_pro .bot .pro_box_item ul li.swiper-slide-active{
	transform: scale(1);
}
.i_pro .bot .pro_box_item ul li a{
	position: relative;
	display: block;
	padding: 0.65rem 0.85rem;
	border-radius: 0.2rem;
	color: #fff;
	/* background-image: linear-gradient(to right, #77D8CC 0%, #00ae97 100%); */
	background-color: #009A8E;
	/* background-color: #2C9B94; */
/* 	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1); */
}
.i_pro .bot .pro_box_item ul li a .box{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.i_pro .bot .pro_box_item ul li .text{
	width: 40%;
}
.i_pro .bot .pro_box_item ul li .t1{
	width: 70%;
	padding-bottom: 0.3rem;
	margin-bottom: 0.5rem;
	border-bottom: 2px solid rgb(255,255,255,.5);
}
.i_pro .bot .pro_box_item ul li .text .info{}
.i_pro .bot .pro_box_item ul li .text .info .t2{
	line-height: 1.3;
}
.i_pro .bot .pro_box_item ul li .text .info .des{
	line-height: 1.75;
	margin-top: 0.25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.i_pro .bot .pro_box_item ul li .text .info .des .p{
	min-width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .13rem;
	padding-right: .1rem;
	color: #fff;
}
.i_pro .bot .pro_box_item ul li .text .info .des .p .p1{
	margin-right: 0.2rem;
}
.i_pro .bot .pro_box_item ul li .text .info .des .p .p2{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.i_pro .bot .pro_box_item ul li .img{
	width: 58%;
	margin-top: -0.4rem;
}
.i_pro .bot .pro_box_item ul li .img img{}
.i_pro .bot .pro_box_item .swiper-pagination{
	bottom: .25rem;
}
.i_pro .bot .pro_box_item .swiper-pagination .swiper-pagination-bullet{
	background-color: #fff;
}
/* 产品中心 e */

/* 新闻资讯 s */
.i_new{
	position: relative;
	padding: 0.6rem 0 1.32rem;
}
.i_new::after{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0.2rem;
	width: 9.72rem;
	height: 1.3rem;
	background: url('../images/i_new_bg.png') no-repeat center;
	background-size: 100% auto;
	opacity: .1;
	z-index: -1;
}
.i_new .top{}
.i_new .bot{}
.i_new .fl{
	width: 43.75%;
	color: #fff;
}
.i_new .fl ul{}
.i_new .fl ul li{}
.i_new .fl ul li a{
	position: relative;
	display: block;
}
.i_new .fl ul li .img{}
.i_new .fl ul li .img img{}
.i_new .fl ul li .mask{
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0.7rem 0.5rem;
	background-color: rgb(0, 0, 0, .25);
}
.i_new .fl ul li .mask .p1{
	
}
.i_new .fl ul li .mask .t1{
	font-weight: 700;
	line-height: 1.3;
	margin-top: 0.12rem;
}
.i_new .fl ul li .mask span{
	display: inline-block;
	font-size: 16px;
	padding: 0.16rem 0.6rem;
	border: 2px solid #fff;
	border-radius: 0.5rem;
	background: transparent;
}
.i_new .fl ul li .mask span:hover{
	background-color: #0BC9AF;
	border-color: #0BC9AF;
}
.i_new .fr{
	width: 55%;
	padding: 25px 0.5rem;
	background-color: #fff;
	box-shadow: 0 0 0.2rem rgb(0,0,0,.3);
}
.i_new .fr ul{
	height: 100%;
}
.i_new .fr ul li{
	height: calc(100% / 3);
}

.i_new .fr ul li a{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 0.25rem;
	padding: 0.25rem 0;
	border-bottom: 1px solid #cacaca;
}
.i_new .fr ul li:last-child a{
	border: none;
}
.i_new .fr ul li .t1{
	width: 100%;
	color: #000;
	line-height: 1.3;
}
.i_new .fr ul li:hover .t1{
	color: var(--color);
}
.i_new .fr ul li .p1{
	color: #666;
	line-height: 1.5;
	height: 3em;
}
.i_new .fr ul li span{
	display: inline-block;
	color: #fff;
	padding: 0.08rem 0.16rem;
	background-color: #0bc9af;
	border-radius: 0.3rem;
}
/* 新闻资讯 e */

/* i_bot s */
.i_bot{
	padding: 1.2rem 0;
	background-color: #E5E5E5;
	background: url('../images/i_bot_bg.jpg') no-repeat center/cover fixed;
}
.i_bot .box{
	line-height: 1.3;
}
.i_bot .box .img{}
.i_bot .box .img img{
	height: 0.4rem;
}
.i_bot .box .text{
	position: relative;
	font-weight: 700;
	color: #fff;
	padding-left: 0.55rem;
	margin-left: 0.6rem;
	margin-top: 0.08rem;
}
.i_bot .box .text:before{
	position: absolute;
	content: "";
	display: block;
	width: 2px;
	height: 0.32rem;
	background-color: #fff;
	left: 0;
	bottom: -0.02rem;
}
/* i_bot e */

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

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

/* 公司简介 s */
.n_ab_01{}
.n_ab_01 .w16{
}
.n_ab_01 .fl{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 1rem;
}
.n_ab_01 .fl .t1{
	color: #111;
	font-weight: bold;
	line-height: 1.3;
}
.n_ab_01 .fl .t2{
	color: #111;
	margin-top: 0.12rem;
	font-weight: bold;
}
.n_ab_01 .fl .p1{
	color: #666;
}
.n_ab_01 .fl .scroll{
	color: #666;
	line-height: 1.7;
	max-height: calc(1.7em * 12);
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 0.1rem;
}
.n_ab_01 .fl .scroll::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.n_ab_01 .fl .scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: var(--color);
}
.n_ab_01 .fl .scroll::-webkit-scrollbar-track {
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
  .n_ab_01 .fl .scroll {
    scrollbar-color: var(--color) rgba(0, 0, 0, 0.1);
    scrollbar-width: thin;
  }
}
.n_ab_01 .fr{
	width: 47.5%;
}
.n_ab_01 .fr .pic{
	height: 100%;
}
.n_ab_01 .fr .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.n_ab_02{
	position: relative;
	background: url('../images/n_ab_02.jpg') no-repeat 50% 50%;
	padding: 1.4rem 0;
}
.n_ab_02 ul{}
.n_ab_02 ul li{
	color: #fff;
}
.n_ab_02 ul li .num{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.n_ab_02 ul li .num span{
	display: block;
	font-size: 0.8rem;
	font-weight: 800;
	line-height: 1;
}
.n_ab_02 ul li .num i{
	display: block;
	font-size: var(--f24);
	line-height: 1;
	margin-left: 4px;
}
.n_ab_02 ul li p{
	margin-top: 0.08rem;
	font-size: var(--f20);
	font-weight: bold;
	line-height: 1.5;
}
/* 公司简介 e */

/* 公司简介2 s */
.n_profile{}
.n_profile .fl{
	width: 29%;
	padding-right: 0.5rem;
}
.n_profile .fl .t1{
	color: #111;
	font-weight: bold;
	line-height: 1.3;
}
.n_profile .fl .t2{
	color: #111;
	margin-top: 0.12rem;
	font-weight: bold;
}
.n_profile .fl ul{}
.n_profile .fl ul li{
	width: 100%;
	padding: 0.36rem 0;
	border-bottom: 1px solid #e5e5e5;
}
.n_profile .fl ul li .num{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.n_profile .fl ul li .num span{
	font-size: var(--f64);
	display: block;
	font-weight: 800;
	line-height: 1;
}
.n_profile .fl ul li .num i{
	display: block;
	font-size: var(--f24);
	line-height: 1;
	margin-left: 4px;
}
.n_profile .fl ul li p{
	margin-top: 0.08rem;
	font-size: var(--f16);
	line-height: 1.5;
}
.n_profile .fr{
	width: 71%;
}
.n_profile .fr .info{
	line-height: 1.8;
}
.n_profile .fr .info p{
	text-indent: 2em;
}
/* 公司简介2 e */

/* 企业文化 s */
.ab_tit_01,.ab_tit_01 h3{
    font-size: var(--f42);
    font-weight: bold;
    line-height: 1.2;
}
/* .ab_tit_01 h3::after{
	content: "";
	display: block;
	width: 0.6rem;
	height: 0.04rem;
	background-color: var(--color);
	margin-top: 0.1rem;
}
.ab_tit_01.tac h3::after{
	margin-left: auto;
	margin-right: auto;
} */

.ab_tit_01 p{
	font-size: var(--f16);
	font-weight: 400;
	color: #666;
	line-height: 1.5;
	margin-top: 0.08rem;
}
.ab_tit_01.tac p{
	width: 1000px;
	max-width: 100%;
	margin: 0.25rem auto 0;
	text-align: center;
}

.n_ab_03{}
.n_ab_03 .con{}
.n_ab_03 .img{}
.n_ab_03 .img img{
	width: 100%;
}
.n_ab_03 ul{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.n_ab_03 ul li{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, 0.4);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
}
.n_ab_03 ul li .posi{
	position: absolute;
	bottom: 0.7rem;
	left: 0;
	width: 100%;
	padding: 0 0.3rem;
	z-index: 2;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.n_ab_03 ul li .ico{}
.n_ab_03 ul li .ico img{
	height: 0.5rem;
}
.n_ab_03 ul li .t1{
	font-size: var(--f24);
	color: #fff;
	font-weight: bold;
	margin-top: 0.3rem;
}
.n_ab_03 ul li .p1{
	margin-top: 0rem;
	font-size: var(--f18);
	color: #fff;
	height: 0;
	opacity: 0;
	line-height: 1.5;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
@media screen and (min-width: 1200px) {
    .n_ab_03 ul li:hover .posi, .n_ab_03 ul li.active .posi {
        bottom: 50%;
        padding: 0 0.96rem;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
	.n_ab_03 ul li:hover, .n_ab_03 ul li.active {
		-webkit-box-flex: 2.5;
		-webkit-flex: 2.5;
		-ms-flex: 2.5;
		flex: 2.5;
	}
	.n_ab_03 ul li:hover .posi .p1, .n_ab_03 ul li.active .posi .p1 {
		margin-top: 0.15rem;
		height: 1.5em;
		opacity: 1;
		-webkit-transition-delay: 0.4s;
		-o-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
}

/* 企业文化 e */

/* 企业文化2 s */
.n_culture{
	position: relative;
	background: url("../images/n_culture_bg.jpg") no-repeat center center;
	background-size: cover;
	/* padding: 120px 0; */
	height: 90vh;
	overflow: hidden;
}
.n_culture .ab_tit_01{
	position: absolute;
	width: 100%;
	left: 0;
	top: 1rem;
	z-index: 10;
	color: #fff;
}
.n_culture .con{
	height: 100%;
}
.n_culture ul{
	/* position: absolute;
	top: 0;
	left: 0; */
	width: 100%;
	height: 100%;
	display: flex;
	z-index: 3;
}
.n_culture ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-right: 1px solid rgba(255, 255, 255, .15);
	width: 20%;
	height: 100%;
	padding: 0 0.12rem;
	padding-top: 50vh;
	perspective: 200px;
	text-align: center;
	color: #fff;
	overflow: 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;
}
.n_culture ul li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.n_culture ul li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; }
.n_culture ul li:hover::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; }
.n_culture ul li:hover{ padding-top: 30vh;}
.n_culture ul li div{position: relative;z-index: 3;}
.n_culture ul li .ico{}
.n_culture ul li .ico img{
	display: inline-block;
	height: 50px;
	position: relative;
	z-index: 5;
}
.n_culture ul li .t1{
	margin: 0.2rem 0;
}
.n_culture ul li .p1{}
/* 企业文化2 e */

/* 发展历程 s */
.n_ab_04{
	/* background-color: #EEF2F5; */
	background: url('../images/n_ab_04.jpg') no-repeat center/cover;
}
.n_ab_04 .top{}
.n_ab_04 .top .btn{}
.n_ab_04 .top .btn .prev,.n_ab_04 .top .btn .next{
	cursor: pointer;
}
.n_ab_04 .top .btn .prev{
	transform: rotate(180deg);
}
.n_ab_04 .top .btn .next{
	margin-left: 0.2rem;
}
.n_ab_04 .top .btn .prev i,.n_ab_04 .top .btn .next i{
	font-size: var(--f24);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	color: #666666;
	font-weight: bold;
}
.n_ab_04 .top .btn .prev:hover i,.n_ab_04 .top .btn .next:hover i{
	color: var(--color);
}
.n_ab_04 .con{}
.n_ab_04 .con .swiper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 72px;
  border-top: 1px solid var(--color);
  opacity: 0.2;
  width: 100%;
}
.n_ab_04 ul{}
.n_ab_04 ul li{
	z-index: 2;
	padding-left: 1px;
}
.n_ab_04 ul li .t1{
	line-height: 1.15;
	font-weight: 800;
}
.n_ab_04 ul li .t2{
	margin: 32px 0 26px 12px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
}
.n_ab_04 ul li .t2 .radius{}
.n_ab_04 ul li .p1{}


.n_ab_04 ul li .t2 .radius {
  width: 12px;
  height: 12px;
  background: var(--color);
  border-radius: 50%;
  display: block;
  position: relative;
  transition: 0.4s;
  z-index: 2;
}
.n_ab_04 ul li .t2 .radius:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  border: 1px solid var(--color);
  opacity: 0.2;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.n_ab_04 ul li .t2::before,
.n_ab_04 ul li .t2::after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border: 1px solid rgba(11, 201, 175, 0.4);
  border-radius: 100%;
  transition: 0.4s;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.n_ab_04 ul li .p1 p {
  font-size: var(--f18);
  color: #666;
  line-height: 1.8;
  position: relative;
  padding-left: 0.3rem;
}
.n_ab_04 ul li .p1 p:before {
  content: '';
  left: 0.14rem;
  top: 0.1175rem;
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--color);
  border-radius: 50%;
}
@media screen and (min-width: 1200px) {
  .n_ab_04 ul li:hover .t2 .radius{
    transform: scale(0.8);
  }
  .n_ab_04 ul li:hover .t2 .radius:before {
    opacity: 0;
  }
  .n_ab_04 ul li:hover .t2::before,
  .n_ab_04 ul li:hover .t2::after {
    -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
    animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .n_ab_04 ul li:hover .t2::after {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@-webkit-keyframes sonarAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}
@keyframes sonarAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}
/* 发展历程 e */

/* 合作伙伴 s */
.n_ab_05{
	background: url("../images/map.png") no-repeat center;
	padding: 1rem 0 1.8rem;
}
.n_ab_05 .top{}
.n_ab_05 .swiper{
	padding: 0.1rem 0;
}
.n_ab_05 ul{}
.n_ab_05 ul li{
	padding: 0.1rem;
	width: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1);
	height: 1.2rem;
	border-radius: 0.2rem;
	background-color: #fff;
}
.n_ab_05 ul li .ico{}
.n_ab_05 ul li .ico img{
	max-height: 0.9rem;
}
.n_ab_05 .bot{
	margin-top: 0.1rem;
}
/* 合作伙伴 e */

/* 合作伙伴2 s */
.n_partner{
	background: url("../images/map.png") no-repeat center;
}
.n_partner .con{
	padding-bottom: 0.3rem;
}
.n_partner .swiper{ height: 400px;}
.n_partner ul{}
.n_partner ul li{ height: calc((100% - 80px) / 3);padding: 5px;}
.n_partner ul li .img{ width: 100%; background-color: #fff; height: 100%; box-shadow: 0  0  10px rgba(0,0,0, .1);transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.n_partner ul li .img:hover{ box-shadow: 0 0 15px rgba(0,0,0, .1); transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }
.n_partner ul li img{max-width: 90%; max-height: 90%;}
.n_partner .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;
}
.n_partner .swiper-pagination-bullet-active{
	width: 32px;
	border-radius: 4px;
	background-color: var(--color);
}
/* 合作伙伴2 e */

/* 荣誉资质 s */
.c_nav2{
	padding: 0.2rem 0;
	/* border-bottom: 1px solid #d3d3d3; */
	/* background-color: #EFEFEF; */
	background-color: #fff;
	box-shadow: 0.05rem 0.05rem 0.1rem rgb(13,2,7,.05);
}
.c_nav2 .w16{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.3rem;
}
.c_nav2 a{
	position: relative;
	font-size: 16px;
	line-height: 1.5;
	display: inline-block;
	transition: all 0.5s;
	color: rgb(0,0,0,.8);
	
}
.c_nav2 a:hover,.c_nav2 a.active{
	color: var(--color);
}
.n_honor{
	background-color: #F7F7FA;
}
.n_honor ul{}
.n_honor ul li{
	float: left;
	width: 24%;
	margin-right: calc(4% / 3);
	margin-bottom: 0.35rem;
	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,.5);
	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;
	height: 3em;
	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 */

/* 工厂环境 e */

/* 研发创新 s */
.n_inv_01{
	background-color: #F9F9F9;
}
.n_inv_01 .fl{
	width: 55%;
	padding-right: 5%;
}
.n_inv_01 .fl .info{
	font-size: var(--f16);
	line-height: 1.75;
	color: #666;
}
.n_inv_01 .fl ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0.35rem -10px 0;
}
.n_inv_01 .fl ul li{
	width: 50%;
	padding: 0 10px;
	margin-bottom: 0.25rem;
	color: var(--color);
	display: flex;
	align-items: flex-start;
}
.n_inv_01 .fl ul li .ico{
	width: 30px;
	margin-right: 0.12rem;
}
.n_inv_01 .fl ul li .ico i{
	font-size: var(--f24);
}
.n_inv_01 .fl ul li p{
	flex: 1;
	font-size: var(--f16);
	line-height: 1.5;
}
.n_inv_01 .fr{
	flex: 1;
}
.n_inv_01 .fr .video-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.45rem;
	margin-top: -0.45rem;
	z-index: 3;
}
.n_inv_01 .fr .video-btn i{
	font-size: 0.9rem;
	color: #fff;
}
.n_inv_01 .fr .video-btn:hover{
	transform: scale(0.9);
}

.n_inv_02{
	background-color: #F9F9F9;
}
.n_inv_02 .con{}
.n_inv_02 ul{}
.n_inv_02 ul li{}
.n_inv_02 ul li .pic{
	border-radius: 0.1rem;
}
.n_inv_02 ul li img{}
.n_inv_02 ul li .pic::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    opacity: 0.2;
    background: linear-gradient(180deg, rgba(0, 10, 30, 1) 0%, rgba(0, 10, 30, 0) 100%);
    pointer-events: none;
    z-index: 1;
}
.n_inv_02 ul li .pic::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(0deg, rgba(0, 10, 30, 1) 0%, rgba(0, 10, 30, 0) 100%);
    opacity: 1;
    pointer-events: none;
    z-index: 0;
}
.n_inv_02 ul li .t1{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0.3rem 5%;
	color: #fff;
}

.n_inv_03{}
.n_inv_03 .n_inv_tab{
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.n_inv_03 .n_inv_tab ul{
	border-radius: 80px;
	border: 1px solid #D8D9E2;
	overflow: hidden;
}
.n_inv_03 .n_inv_tab ul li{}
.n_inv_03 .n_inv_tab ul li a{
	height: 100%;
	display: flex;
	align-items: center;
	padding: 16px 100px;
	background: #F8F8F8;
	position: relative;
	z-index: 2;
	transition: all .4s;
	cursor: pointer;
}
.n_inv_03 .n_inv_tab ul li a::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	background: #fff;
	border: solid 2px var(--color);
	border-radius: 125px;
	z-index: -1;
	opacity: 0;
	transition: all .4s;
}
.n_inv_03 .n_inv_tab ul li.active a::after{
	opacity: 1;
}
.n_inv_03 .n_inv_tab ul li i{
	font-size: 0.32rem;
	margin-right: 0.16rem;
	color: var(--color);
}
.n_inv_03 .n_inv_tab ul li span{
	font-size: var(--f18);
	color: #636363;
	line-height: 1.6;
}
.n_inv_03 .n_inv_tab ul li.active span{
	color: var(--color);
}

.n_inv_03 .n_tit_01{
	width: 12rem;
	max-width: 100%;
	margin: 0 auto;
}
.n_inv_03 .con{}
.n_inv_03 .con .item{
	position: relative;
	display: none;
}
.n_inv_03 .con .item.show{
	display: block;
}
.n_inv_03 .con .item .img{
	position: relative;
	border-radius: 0.12rem;
}
.rect-425{
	padding-bottom: 42.5%;
}
.n_inv_03 .con .item .img::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    pointer-events: none;
    opacity: 0.8;
    background: linear-gradient(0deg, rgba(0, 10, 30, 1) 0%, rgba(0, 10, 30, 0) 100%);
}
.n_inv_03 .con .item .txt{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0.3rem 0.5rem;
	color: #fff;
}
.n_inv_03 .con .item .txt .tit{
	line-height: 1.3;
	margin-bottom: 0.16rem;
	font-weight: 700;
}
.n_inv_03 .con .item .txt .des{
	line-height: 1.75;
}
/* 研发创新 e */

/* 社会责任 s */
.n_res_01{}
.n_res_01 ul{}
.n_res_01 ul li{}
.n_res_01 ul li a{}
.n_res_01 ul li .pic{}
.n_res_01 ul li .pic img{}
.n_res_01 ul li .info{}
.n_res_01 ul li .tit{}
.n_res_01 ul li .des{}


.n_res_02{
	background-color: #F7F7FA;
}
.n_res_02 .n_tit_01{
	padding: 0 4%;
}
.n_res_02 .con{}
.n_res_02 .con .swiper{
	padding-left: 8.33vw;
}
.n_res_02 .con ul{}
.n_res_02 .con ul li{
	position: relative;
}
.n_res_02 .con ul li .img{}
.n_res_02 .con ul li .img img{}
.n_res_02 .con ul li .txt{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	padding: 0.4rem;
	color: #fff;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.n_res_02 .con ul li .txt .tit{
	line-height: 1.6;
}
.n_res_02 .tool{
	padding-left: 8.33vw;
}
.n_res_02 .tool .box{
	margin-right: 0.3rem;
}
.n_res_02 .tool .swiper-button-prev,.n_res_02 .tool .swiper-button-next{
	position: relative;
	margin: 0;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
.n_res_02 .tool .swiper-button-prev::after,.n_res_02 .tool .swiper-button-next::after{
	color: #000;
	font-size: var(--f30);
}
.n_res_02 .tool .swiper-button-prev{}
.n_res_02 .tool .swiper-button-next{
	margin-left: 0.3rem;
}
.n_res_02 .tool .line{
	position: relative;
	flex: 1;
}
.n_res_02 .tool .swiper-scrollbar{
	background: #dddddd;
	height: 4px;
}
.n_res_02 .tool .swiper-scrollbar-drag{
	background-color: var(--color);
}
/* 社会责任 e */


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

/* 产品类别 s */
.pro_tit{
	line-height: 1.5;
	position: relative;
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 0.6rem;
}
.pro_tit::after {
	content: "PRODUCT";
    font-size: 1.64rem;
	font-weight: 700;
    color: #f3f7fa;
    position: absolute;
    right: 0;
    bottom: -.23rem;
    z-index: -1;
    line-height: 1;
}
.pro_tit .tit{
	font-size: var(--f40);
	color: #333;
	line-height: 1.3;
	font-weight: 700;
}
.pro_tit .en{
	font-size: var(--f18);
	color: #666;
	margin-top: 0.08rem;
}
.pro_tit .p{
	font-size: var(--f18);
	color: #666;
	margin-top: 0.08rem;
}
.n_pro_sort{
	
}

.n_pro_sort ul{
	overflow: hidden;
}
.n_pro_sort ul li{
	float: left;
	width: 22.5%;
	margin-right: calc(10% / 3);
	display: block;
	background: #f3f7fa;
	margin-bottom: .6rem;
}
.n_pro_sort ul li:nth-child(4n){
	margin-right: 0;
}
.n_pro_sort ul li a{
	display: block;
}
.n_pro_sort ul li .img{
	position: relative;
}
.n_pro_sort ul li .img:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.04rem;
	background: var(--color);
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.n_pro_sort ul li:hover .img::after{
	opacity: 0;
}
.n_pro_sort ul li .img:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.5);
	opacity: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	z-index: 2;
}
.n_pro_sort ul li:hover .img:before{
	opacity: 1;
}
.n_pro_sort ul li .btn{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	opacity: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	z-index: 3;
}
.n_pro_sort ul li:hover .btn{
	opacity: 1;
}
.n_pro_sort ul li .btn span{
	display: inline-block;
	font-size: var(--f14);
	padding: 0.06rem 0.14rem;
	border: 1px solid #fff;
	color: #fff;
}
.n_pro_sort ul li .text{
	position: relative;
	line-height: 1.5;
	padding: 0.32rem;
}
.n_pro_sort ul li .text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: solid 0.02rem var(--color);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	z-index: 2;
}
.n_pro_sort ul li:hover .text:before{
	visibility: visible;
	opacity: 1;
}
.n_pro_sort ul li .text .t1{
	color: #333;
}
.n_pro_sort ul li .text .p1{
	color: #666;
	margin-top: 0.16rem;
}
/* 产品类别 e */

/* 产品列表 s */
.pro_filter{}
.pro_filter .con{
	overflow-x: auto;
	padding: .2rem;
	background-color: #ECF1F5;
}
.pro_filter .list{
	background: #ffffff;
	padding-bottom: 10px;
}
.pro_filter .list .li{
	width: 2.35rem;
	min-width: 150px;
}
.pro_filter .list .li .hd{
	border-right: 1px solid rgba(255, 255, 255, 0.4);
	height: .6rem;
	min-height: 30px;
	padding: 0 .2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--color);
	color: #fff;
	font-size: var(--f16);
}
.pro_filter .list .li .form{
	border-right: 1px solid #eee;
}
.pro_filter .list .li .search{
	height: .5rem;
	min-height: 30px;
	border-bottom: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.pro_filter .list .li .search input{
	border: none;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 10px;
	padding: 0 .2rem;
}
.pro_filter .list .li .group{
	border-bottom: 1px solid #eee;
	height: 2.7rem;
	min-height: 200px;
	overflow-y: auto;
}
.pro_filter .list .li .group::-webkit-scrollbar { width: .06rem; height: .06rem; background-color: #eee; }
.pro_filter .list .li .group::-webkit-scrollbar-track { border-radius: .03rem; background-color: #eee; }
.pro_filter .list .li .group::-webkit-scrollbar-thumb { border-radius: .03rem; background-color: #666; }
.pro_filter .list .li .checkbox-group{
	padding: .19rem 0 .03rem;
	font-size: var(--f14);
}
.pro_filter .list .li .checkbox-group .label{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: .128rem;
	padding: 0 .2rem;
}
.pro_filter .list .li .checkbox-group .label:hover {
    color: var(--color);
    cursor: pointer;
}
.pro_filter .list .li .checkbox-group .label input{}
.pro_filter .list .li .checkbox-group .label .icon{
	width: .16rem;
	height: .16rem;
	min-width: 14px;
	min-height: 14px;
	background: url('../images/icon-check.png') no-repeat center / contain;
	margin-right: 0.1rem;
}
.pro_filter .list .li .checkbox-group input:checked + .icon {
    background-image: url('../images/icon-check2.png');
}

.pro_filter .list .li .checkbox-group .label span{
	line-height: 1.3;
}

.pro_filter .list .li .btn-reset{
	height: .5rem;
	min-height: 30px;
	width: 100%;
	border: none;
	background: none;
	font-size: var(--f14);
	color: var(--color);
}

.pro_filter .list .swiper-scrollbar{
	bottom: 0;
	left: 0;
	width: 100%;
	background: #dfdfdf;
	height: 10px;
	border-radius: 10px;
}
.pro_filter .list .swiper-scrollbar-drag {
    background: var(--color);
    border-radius: 10px;
}
.pro_filter .btn-resetAll{
	border: none;
	display: block;
	margin: 0;
}
.pro_filter .btn-resetAll .d-more{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #555;
	background: #fff;
	height: .4rem;
	min-height: 30px;
	padding: 0 1em;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	margin-top: 0.1rem;
	font-size: var(--f16);
	margin-right: 3px;
	border: none;
	cursor: pointer;
}
.pro_filter .btn-resetAll .d-more:hover{
	background-color: var(--color);
	color: #fff;
}
.pro_filter .btn-resetAll .d-more a{
	transition: none;
}
.pro_filter .btn-resetAll .d-more .icon{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 0;
}
.pro_filter .btn-resetAll .d-more .icon:before {
    content: '';
    width: 0.02rem;
    height: 0.16rem;
    background-color: #eee;
    opacity: 0.3;
    margin-right: 0.12rem;
	margin-left: 0.12rem;
}
.pro_filter .btn-resetAll .d-more:hover .icon:before{
	background-color: #fff;
}
.pro_filter .btn-resetAll .d-more .icon i{
	font-size: var(--f16);
	color: var(--color);
}
.pro_filter .btn-resetAll .d-more:hover .icon i{
	color: #fff;
}
.pro_filter .btn-resetAll.more{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	background: var(--color);
	min-width: 2rem;
	margin-top: .1rem;
	height: .4rem;
	min-height: 30px;
	padding: 0 1em;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	font-size: var(--f16);
}
.pro_filter .btn-resetAll.more a{
	color: #fff;
}
.pro_filter .btn-resetAll.more .icon{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: .45rem;
}
.pro_filter .btn-resetAll.more .icon:before{
	content: '';
	width: 0.02rem;
	height: 0.16rem;
	background-color: #ffffff;
	opacity: 0.3;
	margin-right: .24rem;
}
.pro_filter .btn-resetAll.more .icon i{
	font-size: var(--f16);
	color: #fff;
}
.pro_filter .tips{
	font-size: 14px;
	color: #999;
	margin-top: 0.08rem;
}


.n_pro_list{
	padding-top: 0.6rem;
}
.n_pro_list .con2{
	padding-top: .67rem;
	padding-bottom: .43rem;
}
.n_pro_list .con2 .tit{
	font-weight: 700;
}
.n_pro_list .con2 .tit .t1{
	margin-right: .44rem;
}
.n_pro_list .con2 .tit .p1{}
.n_pro_list .con2 .form{
	display: flex;
	align-items: center;
}
.n_pro_list .con2 .form form{
	position: relative;
	width: 5rem;
	margin-right: 0.3rem;
	
}
.n_pro_list .con2 .form form input{
	width: 100%;
	display: block;
	height: 0.6rem;
	min-height: 30px;
	background-color: #f3f7fa;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 10px;
	padding: 0 .65rem 0 .25rem;
	border: 1px solid transparent;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.n_pro_list .con2 .form form button{
	position: absolute;
	right: 0.25rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0;
	border: none;
	cursor: pointer;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	background: transparent;
}
.n_pro_list .con2 .form form button i{
	font-size: var(--f24);
	color: #bfbfbf;
}
.n_pro_list .con2 .form .c-more{
	display: inline-flex;
	margin: 0;
}
.n_pro_list .con3{
	background: #f3f7fa;
	padding-top: .6rem;
	padding-bottom: 1rem;
}
.n_pro_list .con3 .item{
	position: relative;
	margin-bottom: 0.3rem;
}
.n_pro_list .con3 .thead{
	font-size: var(--f18);
	color: #fff;
	background-color: var(--color);
}
.n_pro_list .con3 .thead .tr{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.n_pro_list .con3 .thead .td{
	padding: 0 0.2rem;
	height: .6rem;
	min-height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.n_pro_list .con3 .tbody{}
.n_pro_list .con3 .tbody .tr{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	border: 1px solid transparent;
	margin-bottom: .3rem;
}
.n_pro_list .con3 .tbody .tr:last-child{
	margin-bottom: 0;
}
.n_pro_list .con3 .tbody .td{
	padding: .39rem .2rem .38rem;
}
.n_pro_list .con3 .tbody .td-1{
	width: 52%;
	-webkit-box-shadow: 0.08rem 0rem 0.15rem 0rem rgba(0, 0, 0, 0.06);
	box-shadow: 0.08rem 0rem 0.15rem 0rem rgba(0, 0, 0, 0.06);
}
.n_pro_list .con3 .tbody .td-2{
	width: 48%;
	padding-left: .6rem;
	padding-top: .36rem;
}
.n_pro_list .con3 .tbody .td .prod-1{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.n_pro_list .con3 .tbody .td .prod-1 .img{
	width: 1.4rem;
	margin-right: .4rem;
	position: relative;
}
.n_pro_list .con3 .tbody .td .prod-1 .img:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
}
.n_pro_list .con3 .tbody .td .prod-1 .img:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .04rem;
    background: var(--color);
}
.n_pro_list .con3 .tbody .td .prod-1 .text{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.n_pro_list .con3 .tbody .td .prod-1 .text .info{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}
.n_pro_list .con3 .tbody .td .prod-1 .text .info .p1{
	color: #666;
	line-height: 1.3;
}
.n_pro_list .con3 .tbody .td .prod-1 .text .info .t1{
	line-height: 1.15;
	color: #333;
	margin-top: .08rem;
}
.n_pro_list .con3 .tbody .td .prod-1 .text .btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 0.85rem;
	height: 0.3rem;
	min-height: 24px;
	padding: 0 .1rem;
	font-size: var(--f14);
	color: #fff;
	background-color: var(--color);
}
.n_pro_list .con3 .tbody .td .prod-1 .text .btn:hover{
	background-color: #209480;
}
.n_pro_list .con3 .tbody .td .prod-2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.n_pro_list .con3 .tbody .td .prod-2 a,.n_pro_list .con3 .tbody .td .prod-2 label{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: .28rem;
	color: var(--color);
}
.n_pro_list .con3 .tbody .td .prod-2 a:after,.n_pro_list .con3 .tbody .td .prod-2 label::after{
    content: '';
    height: .15rem;
    min-height: 10px;
    border-right: 1px solid #e5e5e5;
    margin-left: .3rem;
    margin-right: .3rem;
}
.n_pro_list .con3 .tbody .td .prod-2 a:last-child::after{
	display: none;
}
.n_pro_list .con3 .tbody .td .prod-2 .icon-check{
    width: .2rem;
    height: .2rem;
    min-width: 14px;
    min-height: 14px;
    background: url('../images/icon-check.png') no-repeat center / contain;
    margin-right: .1rem;
	cursor: pointer;
}
.n_pro_list .con3 .tbody .td .prod-2 input:checked + .icon-check {
    background-image: url('../images/icon-check2.png');
}
.n_pro_list .con3 .tbody .td .prod-2 a i{
	font-size: var(--f22);
	color: var(--color);
	margin-right: .08rem;
}
.n_pro_list .con3 .tbody .td .prod-2 a span{
	font-size: 12px;
}
.n_pro_list .con3 .tbody .td-2 ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: var(--f16);
}
.n_pro_list .con3 .tbody .td-2 ul li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-width: 33.33%;
	padding-right: .2rem;
	margin-bottom: .19rem;
}
.n_pro_list .con3 .tbody .td-2 ul li .t1{
	margin-right: .2rem;
	color: #999;
}
.n_pro_list .con3 .tbody .td-2 ul li .t2{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.n_pro_list .con3 .foot{
	position: absolute;
	left: 0;
	bottom: -.1rem;
	z-index: 2;
	width: 100%;
	text-align: center;
	height: 40px;
	min-height: 0.4rem;
}
.n_pro_list .con3 .foot .more{
	position: relative;
	left: 40%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: .02rem solid #dcdcdc;
	width: 120px;
	left: 40%;
	white-space: nowrap;
	min-height: 40px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	min-width: 2.2rem;
	padding:0 .22rem;
	background: #fff;
	text-align: center;
	cursor: pointer;
}
.n_pro_list .con3 .foot .more span{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: var(--f16);
	color: var(--color);
}
.n_pro_list .con3 .foot .more .line{
	width: 0.02rem;
	height: 0.16rem;
	min-height: 10px;
	background-color: #eee;
	margin: 0 .22rem;
}
.n_pro_list .con3 .foot .more i{
	font-size: 0.16rem;
	color: var(--color);
}
.n_pro_list .con3 .foot .more:hover{
	background-color: var(--color);
	border: var(--color);
	color: #fff;
}
.n_pro_list .con3 .foot .more:hover span,.n_pro_list .con3 .foot .more:hover i{
	color: #fff;
}
.n_pro_list .con3 .foot .more:hover .line{
	background-color: #fff;
}
/* 产品列表 e */
/* 产品对比提示 s */
.toast {
	position: fixed;
	top: 20px;
	right: 20px;
	background: #e74c3c;
	color: white;
	padding: 15px 25px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateX(150%);
	transition: transform 0.3s ease;
	z-index: 1000;
}

.toast.show {
	transform: translateX(0);
}

.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	z-index: 9999;
	justify-content: center;
	align-items: center;
	font-size: var(--f16);
	color: #3498db;
}

.loading.show {
	display: flex;
}

.loading-spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-right: 15px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* 产品对比提示 e */
/* 产品详情 s */
.n_pro_xq{}
.pro_xq_fl{
}
.pro_xq_ico{
	position: absolute;
	left: 0;
	top: 0;
	width: 1.66rem;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: none;
}
.pro_xq_ico .swiper{
	width: 100%;
	height: 100%;
}
.pro_xq_ico ul{
	height: 100%;
}
.pro_xq_ico ul li{
	position: relative;
	height: auto;
}
.pro_xq_ico ul li .pic{}
.pro_xq_ico ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.02rem solid #e5e5e5;
}
.pro_xq_ico ul li.swiper-slide-thumb-active:after {
	border: 0.02rem solid var(--color);
}
.pro_xq_ico ul li .pic img{}
.pro_xq_pic{
	width: 5.5rem;
	overflow: hidden;
	/* margin-left: 1.96rem; */
}
.pro_xq_pic ul{}
.pro_xq_pic ul li{}
.pro_xq_pic ul li .pic{}
.pro_xq_pic ul li .pic img{}
.pro_xq_fr{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	padding-left: .8rem;
}
.pro_xq_fr .tit{
	color: #333;
	line-height: 1.3;
	font-weight: 600;
}
.pro_xq_fr .t1,.pro_xq_fr .t2{
	color: var(--color);
	margin-top: 0.12rem;
}
.pro_xq_fr .t2{
	color: var(--color);
}
.pro_xq_fr .info{
	margin-top: 0.3rem;
	font-size: var(--f16);
	line-height: 1.3;
}
.pro_xq_fr .info ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pro_xq_fr .info ul li{
	min-width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .13rem;
	padding-right: .2rem;
}
.pro_xq_fr .info ul li .t1{
	margin-right: .3rem;
	color: #999;
}
.pro_xq_fr .info ul li .t2{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #333;
}
.pro_xq_fr .btn{
	overflow: hidden;
}
.pro_xq_fr .btn a{
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 2.2rem;
	height: .6rem;
	min-height: 40px;
	padding: 0 .25rem;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	border: solid 0.02rem #dcdcdc;
	margin-right: .3rem;
	margin-top: .3rem;
	text-align: center;
}
.pro_xq_fr .btn a:hover{
	background-color: var(--color);
	border-color: var(--color);
	color: #fff;
}
.pro_xq_fr .btn a span{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: var(--color);
	font-size: var(--f16);
}
.pro_xq_fr .btn a .line{
	width: 0.02rem;
	height: 0.16rem;
	background-color: #eee;
	margin-right: .2rem;
	margin-left: .2rem;
}
.pro_xq_fr .btn a:hover .line {
    background-color: rgba(255, 255, 255, 0.3);
}
.pro_xq_fr .btn a i{
	font-size: 0.2rem;
	color: var(--color);
}
.pro_xq_fr .btn a:hover span,.pro_xq_fr .btn a:hover i{
	color: #fff;
}

.pro_xq_con{}
.pro_xq_nav{}
.pro_xq_nav ul{
	display: flex;
	justify-content: flex-start;
}
.pro_xq_nav ul li{
	width: auto;
	margin-right: 1rem;
	position: relative;
}
.pro_xq_nav ul li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	font-size: var(--f16);
	height: .63rem;
	padding-top: .05rem;
}
.pro_xq_nav ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: .02rem;
    min-height: 2px;
    background-color: var(--color);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.pro_xq_nav ul li.active a::after{
	width: 100%;
}
.pro_xq_box{}
.pro_xq_item{
	display: none;
	border-top: 1px solid #eeeeee;
}
.pro_xq_item.show{
	display: block;
}
.pro_xq_item ul{}
.pro_xq_item ul li{
	display: flex;
	padding: 0.35rem 30% 0.25rem 1.6rem;
}
.pro_xq_item ul li:nth-of-type(2n+1) {
    background: #f3f7fa;
}
.pro_xq_item ul li .t1{
	font-size: var(--f28);
	width: 50%;
	padding-top: 0.1rem;
	padding-right: .2rem;
	padding-bottom: .2rem;
}
.pro_xq_item ul li .info{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.pro_xq_item ul li .info .box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	word-break: break-all;
	align-items: center;
}
.pro_xq_item ul li .info .box:not(:last-child){
	margin-bottom: 0.2rem;
}
.pro_xq_item ul li .info .p1{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: var(--f18);
	color: #999;
}
.pro_xq_item ul li .info .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: .4rem;
	height: .4rem;
	min-width: 30px;
	min-height: 30px;
	background: #e9ecef;
	border-radius: .06rem;
	margin-left: .1rem;
	overflow: hidden;
}
.pro_xq_item ul li .info .btn i{
	font-size: var(--f22);
}
.pro_xq_item ul li .info .btn:hover{
	background-color: var(--color);
	color: #fff;
}

.pro_xq_bot{
	padding: 0.7rem 0 0.5rem;
	border-top: 1px solid #eeeeee;
}
.pro_xq_bot .tit{
	font-size: var(--f32);
	color: #333;
}
.pro_xq_bot .row{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: .42rem;
}
.pro_xq_bot .fl{
	width: 25%;
}
.pro_xq_bot .fl ul{}
.pro_xq_bot .fl ul li{}
.pro_xq_bot .fl ul li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: .4rem;
	padding-top: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #eee;
	min-height: .8rem;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.pro_xq_bot .fl ul li.on a, .pro_xq_bot .fl ul li:hover a{
    background: var(--color);
    border-bottom-color: var(--color);
}
.pro_xq_bot .fl ul li a span{
	font-size: var(--f22);
	color: #666;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.pro_xq_bot .fl ul li.on a span,
.pro_xq_bot .fl ul li:hover a span{
	color: #fff;
}
.pro_xq_bot .fl ul li a .line{
	width: 0.02rem;
	height: 0.16rem;
	min-height: 10px;
	background-color: #e5e5e5;
	margin-left: .2rem;
}
.pro_xq_bot .fl ul li.on a .line, .pro_xq_bot .fl ul li:hover a .line{
	background-color: #fff;
}
.pro_xq_bot .fl ul li a i{
	font-size: var(--f16);
	color: #e5e5e5;
	margin-left: .24rem;
	margin-right: .25rem;
}
.pro_xq_bot .fl ul li.on a i,.pro_xq_bot .fl ul li:hover a i{
	color: #fff;
}

.pro_xq_bot .fr{
	width: 75%;
	position: relative;
	background-color: #f3f7fa;
	padding-top: .2rem;
}
.pro_xq_bot .fr .more{
	float: right;
	margin-right: 0.2rem;
	padding: 0.16rem;
	padding-bottom: 0.12rem;
	font-size: var(--f22);
	background: var(--color);
	color: #fff;
}
.pro_xq_bot .con{}
.pro_xq_bot .item{
	display: none;
}
.pro_xq_bot .item.show{
	display: block;
}
.pro_xq_bot .item ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	clear: both;
	padding: 0 2%;
	padding-top: .46rem;
}
.pro_xq_bot .item ul li{
	width: 48.5%;
	padding: .3rem;
	background: #f3f7fa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: .3rem;
	border: 1px solid #d9d0d0;
}
.pro_xq_bot .item ul li .img{
	position: relative;
	width: 1.35rem;
	margin-right: .3rem;
}
.pro_xq_bot .item ul li .info{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.pro_xq_bot .item ul li .info .tit{
	
}
.pro_xq_bot .item ul li .info .tit span{
	font-size: var(--f26);
	color: #333;
}
.pro_xq_bot .item ul li .info .tit .btn-copy2{
	position: relative;
	cursor: pointer;
	font-size: 0;
	margin-left: 0.1rem;
	visibility: hidden;
	display: inline-block;
}
.pro_xq_bot .item ul li .info .tit:hover .btn-copy2 { visibility: visible; }
.pro_xq_bot .item ul li .info .tit .btn-copy2 i{
	font-size: var(--f16);
	color: #666;
}
.pro_xq_bot .item ul li .info .tit .btn-copy2_text{
	background: #ababab;
	position: absolute;
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%) scale(0.8);
	-ms-transform: translateY(-50%) scale(0.8);
	transform: translateY(-50%) scale(0.8);
	line-height: 2;
	border-radius: .04rem;
	padding: 0 .04rem;
	margin-right: .06rem;
	white-space: nowrap;
	visibility: hidden;
	font-size: 12px;
	color: #fff;
	z-index: 3;
} 
.pro_xq_bot .item ul li .info .tit .btn-copy2_text:after { content: ''; position: absolute; right: -.1rem; top: 50%; border: .05rem solid transparent; border-left-color: #ababab; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.pro_xq_bot .item ul li .info .tit .btn-copy2:hover .btn-copy2_text { -webkit-transition: .2s; -o-transition: .2s; transition: .2s; visibility: visible; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.pro_xq_bot .item ul li .info .des{
	font-size: var(--f16);
	line-height: 1.3;
	color: #666;
	margin: 0.18rem 0 0.12rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.pro_xq_bot .item ul li .info .btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 0.85rem;
	height: 0.3rem;
	min-height: 30px;
	padding: 0 1em;
	font-size: var(--f14);
	color: #fff;
	background-color: var(--color);
}
/* 产品详情 e */

/* 产品对照 s */
.n_contrast{
	background-color: #EFF4F8;
	min-height: calc(100vh - 100px);
	/* min-height: 8rem; */
}
.n_contrast .con{
	text-align: center;
	color: #000;
}
.n_contrast .logo{
	margin: 0 auto;
}
.n_contrast .logo img{
	display: inline-block;
	height: 2rem;
}
.n_contrast .t1{
	font-size: var(--f32);
	line-height: 1.3;
	letter-spacing: 0.12rem;
	font-weight: 700;
}
.n_contrast .p1{
	font-size: var(--f16);
	line-height: 1.5;
	letter-spacing: 0.01rem;
	color: #999;
	margin-top: 0.06rem;
}
.n_contrast .search{}
.n_contrast .search form{
	position: relative;
	width: 7.2rem;
	min-width: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: solid 2px var(--color);
	background-color: #fff;
	margin: auto;
}
.n_contrast .search form input{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 10px;
	height: 0.46rem;
	min-height: 36px;
	padding: 0 .2rem;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.n_contrast .search form button{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f16);
	width: .8rem;
	height: .46rem;
	min-height: 36px;
	background-color: var(--color);
	border: none;
	cursor: pointer;
}
.n_contrast .search form button::placeholder{
	font-size: var(--f16);
}
.n_contrast .search form button i{
	font-size: 0.2rem;
	color: #fff;
}
.n_contrast ul{}
.n_contrast ul li{
	width: calc(100% / 5);
	margin-bottom: 0.6rem;
}
.n_contrast ul li .ico{}
.n_contrast ul li .ico img{
	display: block;
	margin: auto;
	margin-bottom: .17rem;
	height: .8rem;
	min-height: 30px;
}
.n_contrast ul li .p{
	margin-top: 0.05rem;
	line-height: 1.3;
}
/* 产品对照 e */

/* 产品比较 s */
.n_compare_1{}
.n_compare_1 .con{
	background: #f3f7fa;
	padding: .75rem 1.2rem .81rem;
	margin-top: .45rem;
	position: relative;
	display: none;
	display: block;
}
.n_compare_1 .con .close{
	position: absolute;
	right: 1.2rem;
	top: .86rem;
	cursor: pointer;
	color: var(--color);
}
.n_compare_1 .con .close i{
}
.n_compare_1 .con .close span{
	font-weight: 700;
}
.n_compare_1 .con .tit{}
.n_compare_1 .con .des{
	margin-top: 0.2rem;
	line-height: 1.3;
}
.n_compare_1 .con form{
	margin-top: .47rem;
	font-size: var(--f16);
}
.n_compare_1 .con form textarea{
	display: block;
	width: 100%;
	height: 4rem;
	background: #fff;
	border-color: #eee;
	padding: 1em;
	font-size: inherit;
	line-height: 1.3;
	margin-bottom: .6rem;
}
.n_compare_1 .con .btn{}
.c-more{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 2.2rem;
	height: .6rem;
	min-height: 36px;
	padding: 0 .25rem;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	border: solid 0.02rem #dcdcdc;
	margin-right: .3rem;
	margin-top: .3rem;
	text-align: center;
	cursor: pointer;
}
.c-more span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--color);
    font-size: var(--f16);
}
.c-more .line {
	width: 0.02rem;
	height: 0.16rem;
	background-color: #eee;
	margin-right: .2rem;
	margin-left: .2rem;
}
.c-more i{
	font-size: 0.2rem;
	color: var(--color);
}
.n_compare_1 .con .btn button{
	border: none;
	min-width: 2.2rem;
	padding: 0 .25rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
}
.c-more.bg-theme{
	background-color: var(--color);
	border-color: var(--color);
}
.c-more.bg-theme:hover{
	background-color: rgb(44,155,148,.92);
	border-color: rgb(44,155,148,.92);
}
.c-more.color-white span,.c-more.color-white i{
	color: #fff;
}
.n_compare_1 .con .btn label{
	background: #fff;
	border: solid 0.02rem #dcdcdc;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 .25rem;
	min-width: 2.2rem;
	margin: 0;
	margin-left: .3rem;
	color: #000;
}
.n_compare_1 .con .btn label:hover{
	border-color: var(--color);
}

.n_compare_2{}
.n_compare_2 .top{}
.n_compare_2 .btn-open{
	color: var(--color);
	cursor: pointer;
}
.n_compare_2 .btn-open i{
	font-size: var(--f16);
}
.n_compare_2 .btn-open span{
	
}
.n_compare_2 .mid{}
.n_compare_2 .mid .w16{
	padding-top: .46rem;
	border-top: 1px solid #e5e5e5;
}
.n_compare_2 .mid ul{
	background: #f3f7fa;
	min-height: 4.15rem;
	margin-top: .44rem;
	border-top: 1px solid #e5e5e5;
	overflow-x: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.n_compare_2 .mid ul li{
	position: relative;
	width: 20%;
	min-width: 200px;
	padding: .38rem .3rem;
	border-right: 1px solid #e5e5e5;
	position: relative;
}
.n_compare_2 .mid ul li a{
	display: block;
}
.n_compare_2 .mid ul li .info{}
.n_compare_2 .mid ul li .info .t1{
	margin-top: 0.25rem;
}
.n_compare_2 .mid ul li .info .t2{
	color: var(--color);
	margin-top: 0.08rem;
}
.n_compare_2 .mid ul li .close{
	position: absolute;
	right: .3rem;
	top: .39rem;
	font-size: 0.24rem;
	cursor: pointer;
	color: var(--color);
	opacity: .5;
}

.n_compare_2 .bot{
	
}
.n_compare_2 .bot .item_01{}
.n_compare_2 .bot .item_01 .tit{}
.n_compare_2 .bot .item_01 .table{}
.n_compare_2 .bot .item_01 .table .tr{}
.n_compare_2 .bot .item_01 .table .tr .hd{
	height: .6rem;
	min-height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	padding: .1rem .29rem;
	background-color: var(--color);
	font-size: var(--f18);
	color: #fff;
}
.n_compare_2 .bot .item_01 .table .tr .list{
	background: #f3f7fa;
	border: solid 1px #eeeeee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}
.n_compare_2 .bot .item_01 .table .tr .list .li{
	width: 20%;
	min-width: 200px;
	padding: .27rem .29rem;
	border-right: 1px solid #eee;
	min-height: .98rem;
	font-size: var(--f16);
}
.n_compare_2 .bot .item_01 .table .tr .list .li:last-child{
	border: none;
}

.n_compare_2 .bot .item_02{
	padding-bottom: 0.8rem;
}
.n_compare_2 .bot .item_02 .tit{}
.n_compare_2 .bot .item_02 .table{
	border-top: 1px solid #e5e5e5;
	margin-top: 0.32rem;
	padding-top: 0.58rem;
}
.n_compare_2 .bot .item_02 .table .tr{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .2rem;
}
.n_compare_2 .bot .item_02 .table .td-1{
	width: 3.7rem;
	padding-right: .2rem;
}
.n_compare_2 .bot .item_02 .table .td-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    word-break: break-all;
}
/* 产品比较 e */

/* 产品对照 s */
.bg-theme {
    background-color: var(--color);
}
.n_comparison{
	background-color: #F3F7FA;
}
.n_comparison .hd{}
.n_comparison .toggle{}
.n_comparison .toggle ul{}
.n_comparison .toggle ul li{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.n_comparison .toggle ul li.on{
	color: var(--color);
}
.n_comparison .toggle ul li:not(:first-child){
	margin-left: 0.5rem;
}
.n_comparison .toggle ul li i{
	font-size: var(--f24);
}
.n_comparison .toggle ul li span{
	margin-left: 0.08rem;
}
.n_comparison .con{
	overflow-x: auto;
}
.n_comparison .table{
	min-width: 1000px;
	word-break: break-all;
}
.n_comparison .thead{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.n_comparison .table .td {
    padding: 0 .1rem 0 .19rem;
    width: 10%;
}
.n_comparison .table .td-6{
	width: 12%;
}
.n_comparison .table .td-7{
	width: 18%;
}
.n_comparison .table .td-8{
	width: 20%;
}
.n_comparison .thead .td{
	border-right: 1px solid rgba(255, 255, 255, 0.4);
	min-height: .6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.n_comparison .tbody{}
.n_comparison .tbody .tr{
	margin-bottom: .3rem;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.n_comparison .tbody .td{
	padding-bottom: .4rem;
}
.n_comparison .tbody .td-1{
	padding-top: .48rem;
}
.n_comparison .tbody .td-5 {
    -webkit-box-shadow: 0.08rem 0rem 0.15rem 0rem rgba(0, 0, 0, 0.06);
    box-shadow: 0.08rem 0rem 0.15rem 0rem rgba(0, 0, 0, 0.06);
}
.n_comparison .tbody .td-6{
	padding: .3rem .2rem;
}
.n_comparison .tbody .td .text{
	margin-top: .5rem;
	font-size: var(--f16);
}
.n_comparison .tbody .td .text span{
	display: inline-block;
}
.n_comparison .tbody .td .btn-copy2{
	position: relative;
	cursor: pointer;
	font-size: 0;
	margin-left: 0.1rem;
	visibility: hidden;
	display: inline-block;
}
.n_comparison .tbody .td .text:hover .btn-copy2 { visibility: visible; }
.n_comparison .tbody .td .btn-copy2 i{
	font-size: var(--f16);
	color: #666;
}
.n_comparison .tbody .td .btn-copy2_text{
	background: #ababab;
	position: absolute;
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%) scale(0.8);
	-ms-transform: translateY(-50%) scale(0.8);
	transform: translateY(-50%) scale(0.8);
	line-height: 2;
	border-radius: .04rem;
	padding: 0 .04rem;
	margin-right: .06rem;
	white-space: nowrap;
	visibility: hidden;
	font-size: 12px;
	color: #fff;
} 
.n_comparison .tbody .td .btn-copy2_text:after { content: ''; position: absolute; right: -.1rem; top: 50%; border: .05rem solid transparent; border-left-color: #ababab; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.n_comparison .tbody .td .btn-copy2:hover .btn-copy2_text { -webkit-transition: .2s; -o-transition: .2s; transition: .2s; visibility: visible; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.n_comparison .tbody .td .c-pic{
	width: 1.5rem;
	position: relative;
}
.n_comparison .tbody .td .c-pic:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #e5e5e5;
}
.n_comparison .tbody .td .c-pic .img{}
.n_comparison .tbody .td .bg-themebtn{
	min-height: 0.3rem;
	padding: 0.06rem 0.1rem;
	background-color: var(--color);
	font-size: var(--f14);
}
.n_comparison .tbody .td .links{
	margin-top: .22rem;
}
.n_comparison .tbody .td .links .item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: .1rem;
	color: var(--color);
}
.n_comparison .tbody .td .links .item i{
	font-size: 0.24rem;
	margin-right: .04rem;
}
.n_comparison .tbody .td .links .item span{}
.n_comparison .tbody .td .text2{
	line-height: 1.75;
	margin-top: .46rem;
	font-size: var(--f16);
}

.n_comparison.show-list .table .td-6 {
    display: none;
}
.n_comparison.show-list .table .td-7 {
    width: 20%;
}
.n_comparison.show-list .table .td-8 {
    width: 30%;
}
/* 产品对照 e */

/* 申请样品 s */
.n_sample{}
.n_sample .con{}
.n_sample form{
	background: #f3f7fa;
	padding: .75rem 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.n_sample .inquiry-pro-list{
	margin-bottom: 0.2rem;
	padding: 0 0.1rem;
}
.n_sample .inquiry-pro-item{
	padding: .2rem .3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #ddd;
}
.n_sample .pro-item-img{
	width: 1.5rem;
}
.n_sample .pro-item-img img{}
.n_sample .pro-item-name{
	font-size: var(--f26);
	color: #000;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 0.3rem;
	/* width: 3.2rem; */
	line-height: 1.3;
}
.n_sample .inquiry-pro-item .remarks{
	width: 3.6rem;
	background-color: #fff;
	line-height: 0.5rem;
	padding: 0 0.15rem;
	margin-right: 0.2rem;
	border: 1px solid #eee;
}
.n_sample .num{
	width: .5rem;
	height: .5rem;
	min-width: 30px;
	min-height: 30px;
	border: 1px solid #eee;
	outline: none;
	background: #fff;
	text-align: center;
	font-size: inherit;
	margin-right: .2rem;
	display: block;
	border-radius: 0;
}
.n_sample .close{
	font-size: var(--f24);
	color: var(--color);
	cursor: pointer;
}
.n_sample .input-row{
	margin-bottom: 0.2rem;
	padding: 0 0.1rem;
}
.n_sample .input-row input{
	height: .6rem;
	line-height: .6rem;
	border: 1px solid #eee;
	padding: 0 .2rem;
	background: #fff;
	width: 100%;
	border-radius: 0;
}
.n_sample .input-row.w2{
	width: 50%;
}
.n_sample .input-row.w3{
	width: 33.333%;
}
.n_sample .w100{
	width: 100%;
}
.n_sample .input-row{}
.n_sample button{
	border: none;
	margin: .3rem auto 0;
}
/* 申请样品 e */

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

/* 新闻列表 s */
.n_newslist{}
.n_newslist ul{
	display: grid;
	gap: 0.3rem;
}
.n_newslist ul li{}
.n_newslist ul li a{
	background-color: #f9f9f9;
}
.n_newslist ul li .img{
	width: 5.84rem;
}
.n_newslist ul li .info{
	webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0.46rem 1rem 0;
}
.n_newslist ul li .info .date{
	font-size: var(--f16);
	font-weight: 600;
	color: #999;
}
.n_newslist ul li .info .t1{
	font-size: var(--f24);
	color: #111;
	font-weight: bold;
	line-height: 1.3;
	height: 1.3em;
	margin: 0.22rem 0;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.n_newslist ul li:hover .info .t1{
	color: var(--color);
}
.n_newslist ul li .info .p1{
	font-size: var(--f16);
	line-height: 1.8;
	color: #666;
	height: 5.4em;
}
.n_newslist ul li .info .more{
	color: var(--color);
}
.n_newslist ul li .info .more span{
	font-size: var(--f16);
}
.n_newslist ul li .info .more i{
	font-size: var(--f16);
	margin-left: 0.12rem;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.n_newslist ul li:hover .info .more i{
	transform: translateX(-0.05rem);
}
/* 新闻列表 e */

/* 新闻详情 s */
.n_new_xq{}
.n_new_xq .fl{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.n_new_xq .fl .tit{
	font-size: var(--f42);
	line-height: 1.2;
	font-weight: bold;
}
.n_new_xq .fl .date{
	font-size: var(--f16);
	color: var(--color);
	margin-top: 0.22rem;
	font-weight: 500;
}
.n_new_xq .fl .line{
	margin: 0.4rem 0;
	border-top: 1px solid #cfd3d8;
}
.n_new_xq .fl .des{
	font-size: var(--f16);
	color: #666;
	line-height: 1.75;
}
.n_new_xq .fl .des img{
	display: inline-block;
	max-width: 100%;
}
.n_new_xq .fl .bot{
	margin-top: 0.6rem;
	padding: 0.24rem 0;
	border-top: 1px solid #cfd3d8;
	border-bottom: 1px solid #cfd3d8;
}
.n_new_xq .fl .bot>div{
	max-width: 48%;
}
.n_new_xq .fl .bot .prev{}
.n_new_xq .fl .bot .next{
	text-align: right;
}
.n_new_xq .fl .bot a{
	display: block;
}
.n_new_xq .fl .bot a span{
	font-size: var(--f18);
	color: #111;
	font-weight: bold;
}
.n_new_xq .fl .bot a p{
	font-size: var(--f18);
	color: #999;
	line-height: 1.2;
	height: 1.2em;
	margin-top: 0.15rem;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.n_new_xq .fr{
	width: 5.2rem;
	padding-left: 1rem;
}
.n_new_xq .fr .tit{
	font-size: var(--f42);
	font-weight: bold;
	line-height: 1.3;
}
.n_new_xq .fr .list{
	margin-top: 0.4rem;
	display: grid;
	gap: 0.5rem;
}
.n_new_xq .fr .list a{}
.n_new_xq .fr .list .img{}
.n_new_xq .fr .list a span{
	display: block;
	font-size: var(--f18);
	color: #999;
	margin: 0.16rem 0;
}
.n_new_xq .fr .list a .t1{
	font-size: var(--f20);
	color: #111;
	line-height: 1.5;
	max-height: 3rem;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	font-weight: bold;
}
/* 新闻详情 e */

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

.n_sol_list{
	background-color: #F3F3F3;
	background-color: #EEF2F5;
}
.n_sol_list .top{}
.n_sol_list .top .boxLeft{
	background: #fff;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 1rem 0 0.5rem;
	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;
}
.n_sol_list .top .boxLeft .t1{
	font-size: var(--f28);
	font-weight: bold;
}
.n_sol_list .top .boxLeft .p1{
	font-size: var(--f18);
	line-height: 1.8;
	color: #666;
	margin-top: 0.28rem;
}
.n_sol_list .top .boxRight{
	width: 46%;
}
.n_sol_list .top .boxRight .pic{}
.n_sol_list .top .boxRight .pic img{}
.n_sol_list .bot ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.3rem;
}
.n_sol_list .bot ul li{}
.n_sol_list .bot ul li a{
	display: block;
	background: #fff;
	/* -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1); */
	/* box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1); */
	padding: 0.25rem;
	border-radius: 0.03rem;
}
.n_sol_list .bot ul li .pic{}
.n_sol_list .bot ul li .pic img{}
.n_sol_list .bot ul li .info{
	margin-top: 0.24rem;
}
.n_sol_list .bot ul li .tit{}
.n_sol_list .bot ul li .tit span{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 0.1rem;
}
.n_sol_list .bot ul li:hover .tit span{
	color: var(--color);
}
.n_sol_list .bot ul li .tit i{
	font-size: var(--f20);
}
.n_sol_list .bot ul li .des{
	margin-top: 0.14rem;
	color: #666;
	line-height: 1.6;
	height: 3.2em;
}


/* ====================招聘样式========================= */

.n_join_01{}
.n_join_01 .con{}
.n_join_01 ul{}
.n_join_01 ul li{
	width: calc(25% - 30px);
	padding: 0.8rem 0.6rem 1rem;
	border-radius: 0.12rem;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.18);
	transition: all .48s;
}
.n_join_01 ul li .ico{
	display: inline-block;
	width: 0.8rem;
	margin-bottom: 0.4rem;
	transition: all .68s;
}
.n_join_01 ul li .ico img{
}
.n_join_01 ul li .t1{
	font-size: var(--f24);
	font-weight: 600;
	margin-bottom: 0.15rem;
}
.n_join_01 ul li .p1{
	font-size: var(--f16);
	line-height: 1.5;
}

.n_join_02{
	background-color: #F7F7F7;
}
.n_join_02 .con{
}
.n_join_02 .join_head{
	background-color: var(--color);
	border-radius: 0.12rem 0.12rem 0 0;
}
.n_join_02 .join_head ul,.n_join_02 .join_li .top ul{
	width: 100%;
	padding: 0 0.6rem;
	height: 80px;
	border-radius: 1000px;
}
.n_join_02 .join_head ul li{
	font-size: var(--f18);
	font-weight: bold;
	color: #fff;
}
.n_join_02 .join_head ul li,.n_join_02 .join_li .top ul li{
	flex: 1;
}
.n_join_02 .join_head ul li:last-child,
.n_join_02 .join_li .top ul li:last-child{
	flex: 0.5;
	text-align: center;
}
.n_join_02 .join_con{}
.n_join_02 .join_li{
	/* border-radius: 0.12rem; */
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
}
.n_join_02 .join_li .top{}
.n_join_02 .join_li .top ul{}
.n_join_02 .join_li .top ul li{
	font-size: var(--f18);
	font-weight: bold;
	color: #666;
}
.n_join_02 .join_li .top ul li span{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 30px;
	border: 1px solid #ebe9e6;
	box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
	border-radius: 6px;
	font-size: var(--f14);
	color: var(--color);
	transition: all .48s;
}
.n_join_02 .join_li .bot{
	width: 100%;
	padding: 60px;
	border-top: 1px solid rgba(118, 108, 172, 0.2);
	display: none;
}
.n_join_02 .join_li .bot .tit{
	font-size: var(--f18);
	color: var(--color);
	font-weight: bold;
	margin-bottom: 0.3rem;
	position: relative;
}
.n_join_02 .join_li .bot .des{
	font-size: var(--f16);
	color: #666666;
	line-height: 2.15;
}
.n_join_02 .join_li .bot .a{
	display: inline-block;
	font-size: var(--f16);
	color: var(--color);
	text-align: center;
	border: 1px solid var(--color);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	padding: 0.2rem 0.32rem;
}
/* ====================服务样式========================= */

/* 投资者关系 s */
.n_inverstor{}
.n_inverstor iframe{
	width: 100%;
	min-height: 166vh;
}
/* 投资者关系 e */

/* 下载中心 s */
.n_down{}
.n_down ul{}
.n_down ul li{
	float: left;
	width: 23.5%;
	box-shadow: 0 0 10px rgb(0 0 0 / 17%);
	border-radius: 0.12rem;
	margin-right: 2%;
	margin-bottom: 0.4rem;
}
.n_down ul li a{
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 0.3rem 0 0.2rem;
}
.n_down ul li:nth-child(4n){
	margin-right: 0;
}
.n_down ul li a{}
.n_down ul li .pic{}
.n_down ul li .pic img{}
.n_down ul li .info{
	text-align: center;
	line-height: 1.5;
	height: 3em;
	width: 100%;
}
.n_down ul li .tit{
	color: #000;
}
/* 下载中心 e */

/* 视频中心 s */
.n_video{}
.n_video ul{}
.n_video ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.n_video ul li:nth-child(3n){
	margin-right: 0;
}
.n_video ul li a{
	display: block;
	background: var(--colorfff);
	border-radius: 5px;
	box-shadow: 0px 6px 12px 0px rgba(0, 31, 68, 0.10);
	overflow: hidden;
}
.n_video ul li .pic{}
.n_video ul li .pic img{}
.n_video ul li .info{
	padding: 0.2rem 0.3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.n_video ul li .tit{
	flex: 1;
	padding-right: 0.12rem;
	font-size: var(--f18);
	line-height: 1.3;
	color: #000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.n_video ul li i{
	font-size: var(--f28);
}
/* 视频中心 e */

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

/* 联系我们 s */
.n_contact_01{}
.n_contact_01 .tit{}
.n_contact_01 .tit h3{
	color: var(--color);
}

.n_contact_01 .tit p{
	width: 70%;
	margin-top: 0.2rem;
	line-height: 1.5;
}
.n_contact_01 .con{}
.n_contact_01 .con ul{
	width: 100%;
/* 	border-top: 1px solid rgba(0, 0, 0, 0.18);
	border-bottom: 1px solid rgba(0, 0, 0, 0.18); */
	border-radius: 20px;
	background: #FFF;
	padding: 0 1rem;
	box-shadow: 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04), 0px 4px 40px 0px rgba(0, 31, 130, 0.04);
	display: flex;
	justify-content: space-between;
}
.n_contact_01 .con ul li{
	padding: 0.4rem;
	flex: 1;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
}
.n_contact_01 .con ul li:not(:last-child)::after {
    content: '';
    background: #D8D9E2;
    width: 1px;
    height: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.n_contact_01 .con ul li .ico{
	/* margin-top: 0.2rem; */
}
.n_contact_01 .con ul li .ico i{
	font-size: var(--f44);
	color: var(--color);
}
.n_contact_01 .con ul li .info{
	width: calc(100% - 70px);
}
.n_contact_01 .con ul li .info span{
	font-size: var(--f24);
	line-height: 1.15;
	font-weight: 400;
	/* color: var(--color); */
	display: block;
	margin-bottom: 0.12rem;
}
.n_contact_01 .con ul li .info p{
	font-size: var(--f18);
	line-height: 1.5;
	color: #666;
	letter-spacing: .5px;
}

.n_contact_01 .info{}
.n_contact_01 .info ul{
	display: grid;
	grid-gap: 0.3rem;
	grid-template-columns: repeat(3, 1fr);
}
.n_contact_01 .info ul li{
	border-radius: 0.1rem;
	padding: 0.5rem 0.3rem;
	/* box-shadow: 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04), 0px 4px 40px 0px rgba(0, 31, 130, 0.04); */
	background: rgba(255, 255, 255, 0.80);
	box-shadow: 0px 0 0.25rem 0px rgba(44, 155, 148, 0.1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
.n_contact_01 .info ul li .t1{
	font-size: var(--f24);
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid #eee;
	padding-bottom: 0.18rem;
}
.n_contact_01 .info ul li .des{
	font-size: var(--f16);
	line-height: 1.8;
	color: #666;
	margin-top: 0.24rem;
}
.n_contact_01 .info ul li .des p{}
.n_contact_01 .info ul li .des p i{
	font-size: var(--f16);
	color: var(--color);
	margin-right: 0.08rem;
}

.n_contact_01 .map{
	position: relative;
	height: 0;
	padding-bottom: 42%;
	border-radius: 0.12rem;
	overflow: hidden;
}
.n_contact_01 .map #map{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 联系我们 e */


/* 在线留言 s */
.n_contact_02{
	background-color: #F7F7FA;
}
.n_contact_02 .fl{
	width: 55%;
	padding-right: 5%;
}
.n_contact_02 .fl .tit{}
.n_contact_02 .tit h3{
	color: var(--color);
}

.n_contact_02 .tit p{
	margin-top: 0.2rem;
	line-height: 1.5;
}
.n_contact_02 .fl form{}
.n_contact_02 .fl .mui-input-row{
	width: calc(50% - 10px);
	margin-bottom: 0.2rem;
}
.n_contact_02 .fl .mui-input-row.w100{
	width: 100%;
}
.n_contact_02 .fl .mui-input-row input,.n_contact_02 .fl .mui-input-row textarea{
	width: 100%;
	background: none;
	border-bottom: 1px solid #ddd;
	padding: 20px;
}
.n_contact_02 .fl .mui-input-row input::placeholder,
.n_contact_02 .fl .mui-input-row textarea::placeholder {
    font-size: 16px;
    color: #999;
}
.n_contact_02 .fl .mui-input-row textarea{
	border: none;
	height: 100%;
	border-bottom: 1px solid #ddd;
}
.n_contact_02 .fl .btn{}
.n_contact_02 .fl .btn button{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: var(--f18);
	color: #fff;
	background: var(--color);
	min-width: 1.7rem;
	padding: 0 0.3rem;
	height: 0.52rem;
	border: none;
	cursor: pointer;
}
.n_contact_02 .fr{
	width: 45%;
	border-radius: 0.125rem;
}
.n_contact_02 .fr .img{
	border-radius: 0.12rem;
	overflow: hidden;
}
.n_contact_02 .fr .img 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{
		font-size: 16px;
	}
	.Header-container .c-nav>li{
		margin-right: 0.32rem;
	}
	.Header-container .tool .code{
		display: none;
	}
}

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

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

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

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


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.pc{display: none;}
	.mb{display: block;}
	
	.pd-40,.pd-60,.pd-100,.pd-120,.pd-140,.pd-160,.pd-180{
		padding: 0.8rem 0;
	}
	.mt70,.mt80,.mt90,.mt100,.mt110,.mt120,.mt130,.mt140{
		margin-top: 0.6rem;
	}
	
	.i_ab{
		display: flex;
		flex-direction: column-reverse;
		padding: 0.8rem 4%;
	}
	.i_ab .fl .box{
		width: 100%;
		padding: 0.45rem;
	}
	.i_ab .fr{
		position: relative;
		width: 100%;
		bottom: auto;
	}
	.i_ab .i_more{
		margin-left: 0;
	}
	
	.i_sol .con{
		flex-direction: column;
	}
	.i_sol .fl{
		padding: 0.55rem 0.45rem;
	}
	.i_sol .fl,.i_sol .fr{
		width: 100%;
	}
	.i_sol .fr ul li{
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.3);
	}
	.i_sol .fr ul li a{
		display: flex;
		flex-direction: column;
		padding: 0.45rem 0;
		justify-content: space-between;
	}
	.i_sol .fr ul li a div{
		position: relative;
		transform: none;
		top: auto;
		bottom: auto;
	}
	 .i_sol .fr ul li a .box1{
		 height: 0;
		 overflow: hidden;
	 }
	.i_sol .fr ul li a .box2{
		 opacity: 1;
	}
	.i_sol .fr ul li span{
		display: none;
	}
	.i_sol .fr ul li .ico{
		margin-bottom: 0.25rem;
	}
	.i_sol .fr ul li .ico img{
		width: 0.8rem;
	}
	.i_sol .fr ul li .box2 .t1{
		padding-bottom: 0.2rem;
	}
	.i_sol .fr ul li a i {
	    background-color: #fff;
	    color: #666;
	}
	.i_sol .bg-img{
		width: 100%;
	}
	
	.i_pro .i_tit{
		text-align: center;
	}
	.i_pro .top .w16{
		flex-direction: column;
	}
	.i_pro .top .top_nav{
		margin-top: 0.32rem;
	}
	.i_pro .bot .pro_box{
		padding: 0 4%;
	}
	.i_pro .bot .pro_box_item ul li{
		transform: scale(0.96);
	}
	.i_pro .bot .pro_box_item ul li a .box{
		flex-direction: column-reverse;
	}
	.i_pro .bot .pro_box_item ul li .text,
	.i_pro .bot .pro_box_item ul li .img{
		width: 100%;
	}
	.i_pro .bot .pro_box_item ul li .t1{
		width: 100%;
	}
	
	.i_pro .bot .pro_box_item ul li a{
		padding-bottom: 1rem;
	}
	
	.i_new{
		padding-top: 0.2rem;
	}
	.i_new .bot{
		flex-wrap: wrap;
	}
	.i_new .fl,.i_new .fr{
		width: 100%;
	}
	.i_new .fl ul li .mask .t1{
		margin-top: 0.25rem;
	}
	.i_new .fr{
		padding: 20px 0.4rem;
	}
	.i_new .fr ul li span{
		padding: 0.12rem 0.2rem;
	}
	
	.i_bot{
		padding: 0.8rem 0;
	}
	.i_bot .box{
		flex-direction: column;
	}
	.i_bot .box .img{
		margin-bottom: 0.2rem;
	}
	.i_bot .box .text:before{
		width: 0.6rem;
		height: 2px;
		left: 50%;
		top: 0;
		margin-left: -0.3rem;
	}
	.i_bot .box .text{
		margin-left: 0;
		padding-left: 0;
		padding-top: 0.2rem;
	}
	
	.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;
	}
	
	.sort_nav{
		position: relative;
		/* height: 42px; */
	}
	.sort_nav .crumbs{
		display: none;
	}
	.sort_nav_view{
		width: 100%;
		display: none;
	}
	.sort_nav .tit{
		display: flex;
		/* display: none; */
	}
	.sort_nav .w16{
		min-height: auto;
		max-width: 100%;
	}
	.sort_nav_view ul{
		flex-wrap: wrap;
		box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);
	}
	.sort_nav_view ul li{
		width: 100%;
		margin-left: 0;
		border-bottom: 1px solid rgba(0,0,0,.05);
	}
	.sort_nav_view ul li a{
		font-size: 14px;
		line-height: 1.75;
		padding: 0.16rem 4%;
		text-align: center;
	}
	.sort_nav_view ul li.active a::after{
		height: 1px;
		bottom: 0;
	}
	.sort_nav .tit i{
		transition: all .5s ease;
		transform: rotate(90deg);
	}
	.sort_nav .tit.on i{
		transform: rotate(-90deg);
	}
	
	.n_profile .fl,.n_profile .fr{
		width: 100%;
	}
	.n_profile .fl ul li{
		width: 48.5%;
	}
	.n_profile .fr{
		margin-top: 0.45rem;
	}
	.n_profile .fl .t2{
		margin-top: 0.2rem;
	}
	
	.n_culture ul li .ico img{
		height: 40px;
	}
	.n_culture ul li .t1{
		margin: 0.3rem 0;
	}
	
	.n_ab_04 ul li .t2 .radius:before{
		width: 0.54rem;
		height: 0.54rem;
	}
	.n_ab_04 ul li .t2{
		margin-top: 41px;
	}
	.n_partner .swiper{
		height: 200px;
	}
	.n_partner ul li {
	    height: calc((100% - 20px) / 3);
	}
	
	.n_sol_list .top .boxLeft,.n_sol_list .top .boxRight{
		width: 100%;
	}
	.n_sol_list .top .boxLeft{
		padding: 0.55rem 0.45rem;
	}
	.n_sol_list .bot ul{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.n_inverstor iframe{
		width: 100%;
		min-height: 136vh;
	}
	
	.n_contrast .logo img{
		height: 1.6rem;
	}
	.n_contrast .t1{
		letter-spacing: 3px;
	}
	.n_contrast ul{
		justify-content: space-between;
	}
	.n_contrast ul li{
		width: 32%;
	}
	.n_contrast{
		padding-bottom: 0.2rem;
	}
	.n_contrast .search form{
		min-width: auto;
		max-width: 100%;
	}
	.n_contrast .p1{
		margin-top: 0.1rem;
	}
	
	.n_down ul li{
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 3%;
	}
	.n_down ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_video ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.45rem;
	}
	.n_video ul li .info{
		padding: 0.25rem 4%;
	}
	.n_video ul li i{
		font-size: 0.5rem;
	}
	
	.n_contact_01 .con ul{
		flex-wrap: wrap;
		padding: 0.3rem;
		border-radius: 10px;
	}
	.n_contact_01 .con ul li{
		width: 100%;
		flex: none;
		padding: 0.25rem 0;
		justify-content: flex-start;
	}
	.n_contact_01 .con ul li::after{
		display: none;
	}
	.n_contact_01 .con ul li .ico i{
		font-size: 0.5rem;
		width: 32px;
		margin-right: 0.3rem;
	}
	.n_contact_01 .con ul li:not(:last-child){
		border-bottom: 1px solid #D8D9E2;
	}
	.n_contact_01 .info ul{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.n_contact_01 .info ul li{
		border-radius: 10px;
	}
	.n_contact_01 .info ul li .t1{
		padding-bottom: 0.25rem;
	}
	.n_contact_01 .info ul li .des p i{
		margin-right: 0.12rem;
	}
	
	.n_contact_01 .map{
		padding-bottom: 70%;
	}
	
	.n_contact_02 .fl,.n_contact_02 .fr{
		width: 100%;
		padding-right: 0;
	}
	.n_contact_02 .fl{
		margin-bottom: 0.45rem;
	}
	.n_contact_02 .fl .btn button{
		height: 0.7rem;
		padding: 0 0.5rem;
	}
	.n_contact_02 .fr .img{
		border-radius: 10px;
	}
	.ab_tit_01 p,.ab_tit_01.tac p{
		margin-top: 0.12rem;
	}
	.n_contact_02 .fl .mui-input-row{
		width: 100%;
	}
	.n_contact_02 .fl .mui-input-row input, .n_contact_02 .fl .mui-input-row textarea{
		padding: 10px;
		font-size: 14px;
	}
	
	.n_compare_1 .con{
		padding: 0.4rem 0.3rem;
	}
	.n_compare_1 .con .close{
		top: 0.45rem;
		right: 0.3rem;
	}
	
	.n_comparison .tbody .td .text,.n_comparison .tbody .td .text2{
		font-size: var(--f14);
	}
	
	.n_comparison .tbody .td-1.tit-28{
		font-size: var(--f24);;
	}
	.n_comparison .hd{
		flex-direction: column;
		align-items: flex-start;
		gap: 0.35rem;
	}
	
	.com_page{
		padding-top: 0.35rem;
	}
	
	
	.n_sample form{
		padding: 0.4rem 0.2rem;
	}
	.n_sample .input-row.w3,.n_sample .input-row.w2{
		width: 100%;
	}
	.n_sample .input-row input{
		height: 0.8rem;
		line-height: 0.8rem;
	}
	.n_sample .pro-item-img{
		margin-bottom: 0.25rem;
	}
	.n_sample .pro-item-name{
		margin-bottom: 0.2rem;
		font-size: var(--f20);
	}
	.n_sample .inquiry-pro-item{
		padding: .3rem;
	}
	.n_sample .inquiry-pro-item .remarks,.n_sample .inquiry-pro-item .remarks::placeholder{
		font-size: var(--f14);
	}
	
	.pro_tit .p{
		margin-top: 0.12rem;
		font-size: var(--f16);
		line-height: 1.5;
	}
	.pro_tit::after{
		font-size: 1.32rem;
	}
	
	.n_pro_sort ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 0.4rem;
	}
	.n_pro_sort ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_pro_list .con2 .w16{
		flex-direction: column;
		align-items: flex-start;
	}
	.n_pro_list .con2 .form{
		margin-top: 0.35rem;
		width: 100%;
	}
	.n_pro_list .con2 .form form{
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.n_pro_list .con2 .form form input{
		min-height: 36px;
	}
	
	.n_pro_list .con3 .w16{
		overflow-x: auto;
	}
	.n_pro_list .con3 .item{
		min-width: 700px;
		margin-bottom: 0.45rem;
	}
	.n_pro_list .con3 .foot{
		bottom: -0.4rem;
	}
	
	.pro_xq_des{
		flex-direction: column;
	}
	.pro_xq_fl,.pro_xq_fr,.pro_xq_pic{
		width: 100%;
	}
	.pro_xq_fr{
		padding-left: 0;
		padding-top: 0.4rem;
	}
	.pro_xq_fr .t1, .pro_xq_fr .t2{
		margin-top: 0.16rem;
	}
	.pro_xq_fr .info ul li .t1{
		margin-right: 0.2rem;
	}
	.pro_xq_item ul li{
		padding: 0.35rem;
		line-height: 1.3;
	}
	.pro_xq_item ul li .t1{
		width: 35%;
	}
	.pro_xq_bot .row{
		flex-wrap: wrap;
	}
	.pro_xq_bot .fl,.pro_xq_bot .fr{
		width: 100%;
	}
	
	.pro_xq_bot .item ul li{
		width: 100%;
		margin-bottom: 0.2rem;
	}
	
	.n_inv_01 .fl,.n_inv_01 .fr{
		width: 100%;
		padding-right: 0;
		flex: none;
	}
	.n_inv_01 .fl ul li .ico i{
		font-size: 0.4rem;
	}
	.n_inv_01 .fr .video-btn{
		margin-left: -0.6rem;
		margin-top: -0.6rem;
	}
	.n_inv_01 .fr .video-btn i{
		font-size: 1.2rem;
	}
	.n_inv_03 .n_inv_tab{
		width: 100%;
	}
	.n_inv_03 .n_inv_tab ul{
		justify-content: flex-start;
		white-space: nowrap;
		overflow-x: scroll;
		flex-wrap: nowrap;
	}
	.n_inv_03 .n_inv_tab ul li a{
		padding: 6px 25px;
	}
	.n_inv_03 .con .item .img{
		padding-bottom: 67%;
	}
	
	.n_honor ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 0.3rem;
	}
	.n_honor ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_newslist ul{
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 0.4rem;
	}
	.n_newslist ul li{
		width: 100%;
	}
	.n_newslist ul li a{
		flex-direction: column;
	}
	.n_newslist ul li .img{
		width: 100%;
	}
	.n_newslist ul li .info{
		flex: none;
		width: 100%;
		padding: 0.4rem 0.3rem;
	}
	.n_new_xq .fl{
		width: 100%;
	}
	.n_new_xq .fr{
		display: none;
	}
	
	.n_join_02 .con{
		text-align: center;
		line-height: 1.3;
	}
	.n_join_01 ul{
		row-gap: 0.4rem;
	}
	.n_join_01 ul li{
		width: 48%;
		margin-right: 4%;
		padding: 0.4rem 0.3rem;
	}
	.n_join_01 ul li:nth-child(2n){
		margin-right: 0;
	}
	.n_join_02 .join_head ul li:nth-child(3n),.n_join_02 .join_li .top ul li:nth-child(3n){
		display: none;
	}
	.n_join_02 .join_head ul, .n_join_02 .join_li .top ul{
		padding: 0 0.3rem;
		height: 1.12rem;
	}
	.n_join_02 .join_li .bot{
		text-align: left;
		padding: 0.4rem 0.3rem;
	}
	
	.n_res_02 .con ul li .txt{
		padding: 0.3rem;
	}
}

@media all and (max-width:768px) {
	.i_tit h3{
		font-size: 0.48rem;
	}
	.i_tit p{
		font-size: 0.32rem;
	}
	.i_sol .fr ul li .p1{
		min-height: 14em;
	}
	.i_sol .fr ul li i{
		margin-top: 0.4rem;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.n_pro_list .con3 .foot .more{
		min-height: 32px;
	}
	.n_honor ul li i{
		font-size: 0.36rem;
	}
	.n_join_02 .join_li .bot .a{
		font-size: 13px;
		padding: 0.16rem 0.24rem;
	}
}

@media all and (max-width:480px) {
	.n_ab_04 ul li .p1 p{
		font-size: 16px;
		padding-left: 0.4rem;
	}
	.n_ab_04 ul li .p1 p:before{
		top: 10px;
	}
	
	.n_contact_01 .info ul li .des p i{
		font-size: 18px;
	}
	
	.i_pro .top .top_nav ul li a{
		font-size: var(--f24);
	}
	
	.n_pro_list .con3 .tbody .td .prod-1 .text .info .t1,.pro_xq_item ul li .t1,.pro_xq_bot .fl ul li a span,
	.pro_xq_bot .item ul li .info .tit span{
		font-size: var(--f18);
	}
	
	.n_compare_2 .mid ul li .info .t2{
		font-size: 16px;
	}
	
	.pro_xq_item ul li .info .p1,.n_inv_03 .n_inv_tab ul li span,.n_new_xq .fl .bot a p,
	.n_join_02 .join_li .top ul li{
		font-size: var(--f16);
	}
	
	.n_down ul li .info,.n_contact_01 .con ul li .info p,.n_contact_02 .fl .mui-input-row input::placeholder,.n_contact_02 .fl .mui-input-row textarea::placeholder,
	.c_nav2 a{
		font-size: 14px;
	}
	
	.n_pro_sort ul li .text{
		padding: 0.25rem;
	}
	
	.n_pro_sort ul li .text .p1,.n_pro_list .con3 .tbody .td-2 ul,.pro_xq_bot .item ul li .info .des,
	.n_inv_01 .fl ul li p,.n_honor ul li .tit,.n_join_01 ul li .p1{
		font-size: var(--f14);
	}
	
	.com_page a, .com_page span,.n_contrast ul li .p,.pro_filter .list .li .checkbox-group{
		font-size: 13px;
	}
	
	.n_pro_list .con3 .tbody .td .prod-2 p{
		font-size: 12px;
	}
}

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

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