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

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

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

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

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

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

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

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

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

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

/*End reset*/

/*public Css*/

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

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

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

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

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

/* 文字限制行数 */
/* 限制一行 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/* 引入字体 */
@font-face {
    font-family: 'PR';
    src: url('../fonts/dmsans-regular.ttf'),
    url('../fonts/dmsans-regular.eot'),
    url('../fonts/dmsans-regular.eot') format('embedded-opentype'),
    url('../fonts/dmsans-regular.woff2') format('woff2'),
    url('../fonts/dmsans-regular.woff') format('woff'),
    url('../fonts/DMSans-Regular.otf') format('truetype'),
    url('../fonts/DMSans-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'PB';
    src: url('../fonts/plusjakartasans-bold.ttf'),
    url('../fonts/plusjakartasans-bold.eot'),
    url('../fonts/plusjakartasans-bold.eot') format('embedded-opentype'),
    url('../fonts/plusjakartasans-bold.woff2') format('woff2'),
    url('../fonts/plusjakartasans-bold.woff') format('woff'),
    url('../fonts/PlusJakartaSans-Bold.otf') format('truetype'),
    url('../fonts/PlusJakartaSans-Bold.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'PL';
    src: url('../fonts/dmsans-light.ttf'),
    url('../fonts/dmsans-light.eot'),
    url('../fonts/dmsans-light.eot') format('embedded-opentype'),
    url('../fonts/dmsans-light.woff2') format('woff2'),
    url('../fonts/DMSans-Light.woff') format('woff'),
    url('../fonts/DMSans-Light.otf') format('truetype'),
    url('../fonts/DMSans-Light.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'CAI978';
    src: url('../fonts/cai978.ttf'),
    url('../fonts/cai978.eot'),
    url('../fonts/cai978.eot') format('embedded-opentype'),
    url('../fonts/cai978.woff2') format('woff2'),
    url('../fonts/CAI978.woff') format('woff'),
    url('../fonts/CAI978.otf') format('truetype'),
    url('../fonts/CAI978.svg#svgFontName') format('svg');
}
.PR{font-family: 'PR';}
.PB{font-family: 'PB';}
.PL{font-family: 'PL';}
.CAI978{font-family: 'CAI978';}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

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

.color-blue{ color: #0168B3;}
.color-sec-blue{ color: #003058;}
.color-red{color: red;}
.color-white{ color: white;}
.color-black{ color: black;}
.color-dark{color: #001322;}

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

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

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

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

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

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

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

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

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

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


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

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

/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;background-color: transparent;z-index: 99;line-height: 100px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #001322;}
.Header-wrapper.black{box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #001322;}
/* .Header-wrapper.on::after {opacity: 0;} */
/* #c-header.c-head-move {top: -100px;} */
.Header-container {}
.Header-container .logo {}
.Header-container .logo {}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.4rem;}
.Header-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: 18px;flex-wrap: wrap;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.6rem;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;font-family: 'PB';}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: var(--theme-color) !important;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.06rem;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	.Header-container .c-nav>li>ul {min-width: 240px;position: absolute;top: 100%;left: 50%;margin-top: 0;background-color: #fff;z-index: 2;-webkit-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;padding: 15px 20px;opacity: 0;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);box-shadow: 0 5px 50px rgb(0 0 0 / 10%);}
	.Header-container .c-nav>li:hover>ul {pointer-events: all;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);-webkit-transition-delay: .1s;-ms-transition-delay: .1s;transition-delay: .1s;opacity: 1;}
	.Header-container .c-nav>li>ul>li:not(:last-child) {border-bottom: 1px solid #eee;}
	.Header-container .c-nav>li>ul>li>a {display: block;position: relative;font-size: 16px;padding: 10px 0;color: #58595b;-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);transition: color .3s cubic-bezier(.645, .045, .355, 1);line-height: initial;text-align: left;}
	.Header-container .c-nav>li>ul>li>a:before {content: "";position: absolute;top: 7px;bottom: 7px;left: -20px;width: 4px;background: var(--theme-color);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s cubic-bezier(.162, .85, .45, 1);transition: transform .3s cubic-bezier(.162, .85, .45, 1);}
	.Header-container .c-nav>li>ul>li:hover>a:before {-ms-transform-origin: top;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
	.Header-container .c-nav>li>ul>li:hover>a {color: var(--theme-color);}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #fff;}
	/* .Header-wrapper.on .Header-container .c-nav>li .c-title-box{color: #000;} */
}

.Header-container .tool {display: flex;align-items: center;color: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper.on .Header-container .tool {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(255,255,255, .3);}
.Header-container .tool .language {position: relative;}
.Header-container .tool .language a {display: flex;align-items: center;color: white;}
.Header-container .tool .language i {font-size: 24px;}
.Header-container .tool .language p {font-size: 16px;margin-left: 0.08rem;display: flex;align-items: center;}
.Header-container .tool .language p::after {display: inline-block;margin-left: 5px;content: "\e60a";font-size: 12px;font-family: 'iconfont';-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-container .tool .language.on p::after {-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Header-container .tool .language .language_down {display: none;position: absolute;z-index: 2;left: 5px;top: 100%;width: 100%;height: auto;background: var(--theme-color);text-align: left;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;}
.Header-container .tool .language .language_down a {display: block;font-size: 14px;line-height: 1.3;padding: 10px 15px;color: rgba(255, 255, 255, .8);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;text-align: center;}
.Header-container .tool .language .language_down a:hover {background-color: #3F3B3A;}
.Header-wrapper .Header-container .tool .language>a {color: #fff;}

/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #000;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #333;}
body.c-open #c-header .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #c-header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1000px) {
	#c-header .c-switch {display: block;}
	.Header-wrapper{line-height: 60px;}
	.Header-container .tool .search{height: 60px;}
	.Header-container .c-nav{height: 0;}
	.Header-container .tool{padding-right: 0.24rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}
	.Header-container .logo a img{height: 28px;}
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#c-header .c-nav {position: absolute;top: 60px;left: 0;width: 100%;height: 0;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;text-align: left;overflow-x: hidden;}
	#c-header .c-nav>li:last-child {border-bottom: 1px solid #f1f1f1;}
	#c-header .c-nav li {width: 100%;padding: 0 4%;border-top: 1px solid #f1f1f1;}
	#c-header .c-nav li .c-title-box {display: flex;align-items: center;justify-content: space-between;}
	#c-header .c-nav li a {display: block;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}
	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}
	#c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);}
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: var(--theme-color);}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

/* 底部 */
.Footer-wrapper {background-color: #000717;background: url('../images/foot_bg.jpg') no-repeat center/cover;}
.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.32rem;height: 0.32rem;background-color: #3b5999;color: white;border-radius: 3px;font-size: 0;}
.media_ul li a i {font-size: var(-f16);}
.media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;}
.Footer-container .mid {padding: 0.8rem 0;letter-spacing: 0.5px;}
.Footer-container .mid .fl{
	width: 25%;
}
.Footer-container .mid .fl .foot_logo{}
.Footer-container .mid .fl .foot_logo img{
	height: 0.42rem;
}
.Footer-container .mid .fl .foot_txt{
	
}
.Footer-container .mid .fl .foot_link{}
.Footer-container .mid .fr{
	width: 25%;
}
.Footer-container .mid .fr .tit{}
.Footer-container .mid .fr .des{}
.Footer-container .mid .fr .info{}
.Footer-container .mid .fr .info dl{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0.15rem;
}
.Footer-container .mid .fr .info dt{
}
.Footer-container .mid .fr .info dt i{
	font-size: var(--f20);
	line-height: 1.5;
}
.Footer-container .mid .fr .info dd{
	flex: 1;
	padding-left: 0.12rem;
	font-size: var(--f16);
	line-height: 1.75;
}
.Footer-container .mid>ul {
	width: 35%;
}
.Footer-container .mid>ul li {float: left;overflow: hidden;}
.Footer-container .mid>ul li p {text-transform: uppercase;font-size: var(--f20);line-height: 1.5;color: #fff;display: block;margin-bottom: 0.2rem;}
.Footer-container .mid>ul li p i{margin-left: 0.06rem;}
.Footer-container .mid>ul li .foot_nav_link a {font-size: 14px;color: #bbb;color: rgb(255, 255, 255);line-height: 2.15;display: block;}
.Footer-container .mid>ul li a:hover {text-decoration: underline;}
.Footer-container .mid>ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .mid>ul li dl {}
.Footer-container .mid>ul li dd {position: relative;font-size: 14px;line-height: 20px;color: rgb(255, 255, 255, .8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .mid>ul li dd:last-child{margin-bottom: 0;}
.Footer-container .mid>ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(255, 255, 255, .8);}
.Footer-container .bot {font-size: var(--f16);line-height: 1.4;color: rgb(255, 255, 255, .8);text-align: center;padding: 0.3rem 0;border-top: 1px solid rgba(255, 255, 255, 0.15);letter-spacing: 0.5px;}
.Footer-container .bot a {font-size: var(--f16);color: rgb(255, 255, 255, .8);}

/* 中间+共用部分 */

/* ind_banner */
.i_banner .swiper-pagination-bullet,.i_mb_banner .swiper-pagination-bullet{background-color: white;opacity: 1;}
.i_banner .swiper-pagination-bullet-active,.i_mb_banner .swiper-pagination-bullet-active{background-color: var(--theme-color);}

.i_banner a{
	display: block;
	position: relative;
}
.i_banner .ban_txt{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.i_banner .ban_txt .tit{}
.i_banner .ban_txt .des{width: 11.43rem;max-width: 100%;}


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

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

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

/* i_tit s */
.i_tit{
	text-align: center;
}
.i_tit.tal{
	text-align: left;
}
.i_tit h3{
	font-size: var(--f50);
	font-family: "PB";
	line-height: 1.15;
	color: var(--theme-color);
}
.i_tit p{
	display: block;
	font-size: var(--f32);
	line-height: 1.5;
	color: #003058;
	color: var(--theme-color);
	margin-top: 0.2rem;
	width: 10rem;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.i_tit.color-white h3{
	color: #fff;
}
/* i_tit e */

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

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

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

/* crumbs */
.crumbs {position: relative;}
.crumbs {padding-left: 25px;background: url('../images/ico_home.png') no-repeat center;background-position: 0 center;display: flex;align-items: center;}
.crumbs a {font-size: 18px;color: #666;display: inline-flex;align-items: center;}
.crumbs:before{
	position: absolute;
	content: "\e6b5";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "iconfont";
	font-size: var(--f20);
}
.crumbs a:not(:last-child)::after {font: normal normal normal 14px/1 FontAwesome;content: "\f105";display: inline-block;margin: 0 0.08rem;}
.crumbs a:hover {color: var(--theme-color);}

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

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

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

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

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

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

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

/* 优势板块 s */
.i_adv{}
.i_adv .i_tit p{
	width: 5.2rem;
}
.c_form{
	position: relative;
	z-index: 3;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.c_form form{
	width: 12.32rem;
	max-width: 100%;
}
.c_form input{
	flex: 1;
	height: 56px;
	padding-left: 0.5rem;
	font-size: var(--f16);
	color: #A6A6A6;
	background-color: #fff;
}
.c_form button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 146px;
	font-size: var(--f16);
	color: #f3f3f3;
	background-color: var(--theme-color);
	border: 2px solid var(--theme-color);
}
.i_adv{}
.i_adv ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.i_adv ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	text-align: center;
	padding: 0.2rem;
}
.i_adv ul li .ico{
}
.i_adv ul li .ico img{}
.i_adv ul li .tit{
	font-weight: 600;
	letter-spacing: 1px;
}
.i_adv ul li .des{}
/* 优势板块 e */

/* 产品中心 s */
.i_pro{}
.i_pro .con{}
.i_pro ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0;
}
.i_pro ul li{}
.i_pro ul li a{
	position: relative;
	display: block;
	border: 2px solid #001522;
	overflow: hidden;
}
.i_pro ul li .img{}
.i_pro ul li .img::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 90%;
	top: 10%;
	left: 0;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	z-index: 2;
}
.i_pro ul li .mask{
	position: absolute;
	color: #fff;
	left: 0;
	top: calc(100% - 0.68rem);
	width: 100%;
	text-align: center;
	padding: 0.2rem 4%;
	z-index: 6;
}
.i_pro ul li:hover .mask{
	top: 50%;
}
.i_pro ul li .mask .tit{}
.i_pro ul li .mask .des{
	opacity: 0;
}
.i_pro ul li .mask .btn{
	display: inline-block;
	padding: 0.12rem 0.25rem;
	border-radius: 50px;
	opacity: 0;
	background-color: var(--theme-color);
	border: 2px solid var(--theme-color);
}
.i_pro ul li .mask .btn:hover{
	background-color: var(--sec-theme-color);
	border-color: var(--sec-theme-color);
}
.i_pro ul li:hover .mask .des,.i_pro ul li:hover .mask .btn{
	opacity: 1;
}
/* 产品中心 e */

/* 新产品 s */ 
.i_pro_new{
	padding-left: 1.1rem;
	padding-right: 1.1rem;
}
.i_pro_new .con{
}
.i_pro_new .item{
	position: relative;
	width: 100%;
}
.i_pro_new .item .img{
	width: 77.12%;
}
.rect-52{
	padding-bottom: 52%;
}
.i_pro_new .item .txt{
	position: absolute;
	top: 0.45rem;
	right: 0;
	width: 5.92rem;
	padding: 0.8rem 0.5rem 0.6rem;
}
.i_pro_new .item .txt .tit{}
.i_pro_new .item .txt .des{
	height: 5.2em;
}
.i_pro_new .item .txt .btn{
	background-color: #fff;
	color: var(--sec-theme-color);
	padding: 0.13rem 0.3rem;
	border-radius: 50px;
}
.i_pro_new .item .txt .btn:hover{
	background-color: var(--theme-color);
	color: #fff;
}
/* 新产品 e */

/* 质量 s */
.i_qua{}
.i_qua ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.i_qua ul li{}
.i_qua ul li a{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.3rem;
	padding: 0.5rem 0.3rem 0.4rem;
}
.i_qua ul li .ico{}
.i_qua ul li .ico img{}
.i_qua ul li .info{}
.i_qua ul li .tit{
	height: 2.3em;
	letter-spacing: 0.01rem;
}
.i_qua ul li .des{
	height: 4.5em;
}
.i_qua ul li .btn{
	width: 100%;
	padding: 0.2rem 0 0;
	border-top: 1px solid #9396A2;
}
/* 质量 e */

/* 关于我们 s */
.i_ab{}
.i_ab .img{
	position: relative;
}
.i_ab .img img{}
.i_ab .img i{
	position: absolute;
	display: block;
	right: 15%;
	top: 100%;
	width: 2.61rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.i_ab .con{}
.i_ab .con .fl{
	width: 56%;
}
.i_ab .con .fl .tit{}
.i_ab .con .fl .des{}
.i_ab .con .fr{
	width: 42%;
}
.i_ab .con .fr ul{
	width: 112%;
	padding: 0.4rem 0.5rem;
	border-radius: 100px;
	background-color: var(--sec-theme-color);
	row-gap: 0.25rem;
}
.i_ab .con .fr ul li{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.i_ab .con .fr ul li:nth-child(1),.i_ab .con .fr ul li:nth-child(3){
	width: 63%;
}
.i_ab .con .fr ul li i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	background-color: var(--theme-color);
	margin-right: 0.1rem;
	border-radius: 50%;
}
.i_ab .con .fr ul li i img{
	max-width: 60%;
	max-height: 60%;
}
.i_ab .con .fr ul li span{
	display: block;
}
.i_ab .num{}
.i_ab .num ul{
	gap: 0.2rem;
}
.i_ab .num ul li{
	text-align: center;
	min-width: 15%;
}
.i_ab .num ul li .box{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	/* font-family: 'PB'; */
	font-family: "CAI978";
	text-align: center;
	font-style: normal;
	text-transform: none;
	text-stroke: 2px var(--theme-color);
	-webkit-text-stroke: 2px var(--theme-color);
	color: rgba(0,0,0,0);
}
.i_ab .num ul li .box span{
	font-size: var(--f70);
}
.i_ab .num ul li .box i{
	font-size: var(--f42);
	vertical-align: top;
	display: block;
	text-stroke: 1px var(--theme-color);
	-webkit-text-stroke: 1px var(--theme-color);
	margin-left: 2px;
}
.i_ab .num ul li:last-child .box i{
	font-size: var(--f24);
	
}
.i_ab .num ul li p{
	font-size: var(--f18);
	/* color: #777; */
	color: rgb(255,255,255,.5);
	margin-top: 0.1rem;
}
/* 关于我们 e */

/* 服务 s */
.i_ser{
	position: relative;
	height: 5.5rem;
	background-attachment: fixed;
}
.i_ser::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,19,35,0.35);
	z-index: 2;
}
.i_ser .mask{
	position: absolute;
	top: 13.5%;
	width: 11rem;
	max-width: 92%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
}
.i_ser .mask .tit{
	letter-spacing: 1px;
}
.i_ser .mask .des{}
.i_ser .mask a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.16rem 0.38rem;
	border-radius: 50px;
}
.i_ser .mask a i{}
/* 服务 e */

/* 新闻 s */
.i_new{}
.i_new .top{}
.i_new .top a{
}
.i_new .top .info{
	padding: 0.32rem 0.4rem;
}
.i_new .top .info .tit{
	height: 4.8em;
}
.i_new .top .info span{
	display: inline-block;
	padding-bottom: 0.12rem;
	border-bottom: 1px solid #fff;
}
.i_new .bot{}
.i_new .bot ul{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.i_new .bot ul li{}
.i_new .bot ul li a{
	display: block;
}
.i_new .bot ul li .info{
	padding: 0.32rem 0.25rem;
}
.i_new .bot ul li .info span{}
.i_new .bot ul li .info .tit{
	height: 2.3em;
}
.i_new .btn{}
.i_new .btn a{
	padding: 0.16rem 0.45rem;
	border: 1px solid #fff;
	border-radius: 50px;
}
.i_new .btn a:hover{
	background-color: var(--sec-theme-color);
	color: #fff;
	border-color: var(--sec-theme-color);
}
/* 新闻 e */

/* 关于我们 s */
.i_mark .i_tit h3{
	color: var(--sec-theme-color);
}
/* 关于我们 e */

/* 关于我们 s */
.i_ab{}
/* 关于我们 e */

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

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

/* Profile s */
.n_ab{}
.n_ab .top{}
.n_ab .top .fl{
	position: sticky;
	top: 1rem;
	width: 36%;
}
.n_ab .top .fl .tit{}
.n_ab .top .fr{
	width: 62%;
	padding-top: .5%;
}
.n_ab .top .fr h4{}
.n_ab .top .fr .info{}
.n_ab .top .fr .info p{
	margin-bottom: 0.2rem;
}
.n_ab .top .fr .num{}
.n_ab .top .fr .num ul{}
.n_ab .top .fr .num ul li{
	line-height: 1.3;
	min-width: 20%;
	text-align: center;
}
.n_ab .top .fr .num ul li .box{
	display: flex;
	align-items: flex-start;
	font-family: "CAI978";
	justify-content: center;
	font-weight: 700;
	text-stroke: 1px var(--theme-color);
	-webkit-text-stroke: 1px var(--theme-color);
	color: rgba(0, 0, 0, 0);
}
.n_ab .top .fr .num ul li span{
	font-size: var(--f60);
	/* color: #000; */
	
}
.n_ab .top .fr .num ul li i{
	display: block;
	font-size: var(--f28);
	vertical-align: top;
	margin-left: 2px;
}
.n_ab .top .fr .num ul li:last-child i{
	font-size: var(--f20);
	line-height: 1.15;
	
}
.n_ab .top .fr .num ul li p{
	font-size: var(--f18);
	color: #666;
}
.n_ab .bot{
	position: relative;
}
.n_ab .bot::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0,.35);
	z-index: 1;
}
.n_ab .bot .img{}
.n_ab .bot .img img{}
.n_ab .bot .play{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 3;
}
.n_ab .bot .play::after{
	position: absolute;
	content: "";
	display: block;
	width: 90%;
	height: 90%;
	border-radius: 50%;
	left: 5%;
	top: 5%;
	background-color: #fff;
	z-index: -1;
}
.n_ab .bot .play i{
	display: block;
}
.n_ab .bot .play:hover i{
	transform: scale(.92);
}
/* Profile e */

/* Culture s */
.n_cul{}
.n_cul ul{}
.n_cul ul li{
	overflow: hidden;
}
.n_cul ul li:not(:last-child){
	margin-bottom: 0.7rem;
}
.n_cul ul li:nth-child(2n-1){
	flex-direction: row-reverse;
}
.n_cul ul li .img{
	position: relative;
}
.n_cul ul li .img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    position: absolute;
    left: -0.2rem;
    top: -0.2rem;
    z-index: 1;
    transition: all .4s ease;
    opacity: 0;
}
.n_cul ul li:hover .img::after{
	opacity: 1;
}
.n_cul ul li .img::before {
    content: '';
    width: 1rem;
    height: 2rem;
    background: #fff;
    position: absolute;
    right: -5%;
    bottom: -24%;
    z-index: 5;
    transform: rotate(45deg);
}
.n_cul ul li .img .pic{
	z-index: 3;
}
.n_cul ul li .info{}
.n_cul ul li:nth-child(2n-1) .info{
	padding-right: 12%;
}
.n_cul ul li:nth-child(2n) .info{
	transform: translateX(15%);
}
.n_cul ul li .info .tit{}
.n_cul ul li:hover .info .tit{
	color: var(--theme-color);
}
.n_cul ul li .info .des{}
.n_cul ul li .info i{
	display: block;
}
/* Culture e */

/* Honor s */
.n_hon{}
.n_hon ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_hon ul li{}
.n_hon ul li a{
	display: block;
	padding: 0.3rem 0.25rem;
	background-color: #f5f5f5;
}
.n_hon ul li a .ofc::after{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	content: '\e602';
	font-family: "iconfont" !important;
	font-size: .3rem;
	color: #fff;
	width: 0.6rem;
	height: 0.6rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	/* background: url("../images/big.png") center no-repeat; */
	background-color: rgba(var(--theme-color-rgb), 0.90);
	border-radius: 50%;
	background-size: 100%;
	transition: all .4s ease;
	opacity: 0;
	z-index: 9;
}
.n_hon ul li a:hover .ofc::after{
	opacity: 1;
}
.n_hon ul li .ico{}
.n_hon ul li .ico img{}
.n_hon ul li .info{
	height: 3em;
}
.n_hon ul li .tit{}
.n_hon ul li .des{}
/* Honor e */

/* Enterprise Feature s */
.n_fea{}
.n_fea ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_fea ul li{}
.n_fea ul li a{
	display: block;
	overflow: hidden;
	border-radius: .2rem 0;
}
.n_fea ul li .ico{}
.n_fea ul li .ico img{}
.n_fea ul li .info{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(var(--theme-color-rgb), 0.90);
	padding: 0.3rem;
	opacity: 0;
	overflow: hidden;
	z-index: 9;
}
.n_fea ul li:hover .info{
	opacity: 1;
}
.n_fea ul li .tit{}
.n_fea ul li .des{}
/* Enterprise Feature e */

/* Partner s */
.n_par{
	background: url('../images/n_par_bg.jpg') no-repeat center/cover;
}
.n_par .swiper{
	height: 400px;
	padding: 10px;
	margin: -10px;
}
.n_par ul{}
.n_par ul li{
	height: calc((100% - 80px) / 3);
	padding: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .15);
	background-color: #fff;
	/* box-shadow: -11px 0px 20px -8px rgba(0, 0, 0, 0.09); */
}
.n_par ul li .ico{
	width: 100%;
	height: 100%;
}
.n_par ul li .ico img{
	max-width: 80%;
	max-height: 80%;
	background-color: #fff;
	transition: all .36s;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}
.n_par .swiper-pagination-bullet{
	border-radius: 4px;
	-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_par .swiper-pagination-bullet-active{
	width: 0.3rem;
	border-radius: ;
}
/* Partner e */

/* Core Technology s */
.n_tech{}
.n_tech .info{}
.n_tech .info p+p{
	margin-top: 0.2rem;
}
.n_tech .img{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_tech .img li{}
.n_tech .img li img{}
/* Core Technology e */

/* R&D Capabilities s */
.n_cap_01{}
.n_cap_01 .con{}
.n_cap_01 ul{}
.n_cap_01 ul li{}
.n_cap_01 ul li+li{
	margin-top: 0.3rem;
}
.n_cap_01 ul li:nth-child(2n){
	flex-direction: row-reverse;
}
.n_cap_01 ul li .info{
	width: 48%;
	padding-left: 0.4rem;
}
.n_cap_01 ul li:nth-child(2n) .info{
	padding-left: 0;
	padding-right: 0.4rem;
}
.n_cap_01 ul li .info .tit{}
.n_cap_01 ul li .info .subtit{}
.n_cap_01 ul li .info .des{
	color: #727272;
}
.n_cap_01 ul li .img{
	width: 52%;
}
/* R&D Capabilities e */

/* Production Equipment s */
.n_cap_02{
	background-color: #f7f7f7;
}
.n_cap_02 ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.2rem;
}
.n_cap_02 ul li{}
.n_cap_02 ul li a{}
.n_cap_02 ul li .ico{}
.n_cap_02 ul li .ico img{}
.n_cap_02 ul li .info{
	height: calc(var(--f20)*2.6 + 10px);
	padding: 5px 4%;
}
.n_cap_02 ul li .tit{
	width: 100%;
	color: #454343;
}
/* Production Equipment e */

/* Innovation Center s */
.n_cap_03{}
.n_cap_03 ul{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.12rem;
}
.rect-4838{
	padding-bottom: 48.38%;
}
.n_cap_03 ul li .info{
	height: calc(var(--f20)*2.6 + 10px);
	padding: 5px 0;
}
.n_cap_03 ul li .tit{
	width: 100%;
	color: #454343;
}
/* Innovation Center e */

/* 发展历程 s */
.n_his{}
.n_his .timeline{
	position: relative;
	overflow: hidden;
}
.n_his .timeline:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: calc(50% - .5px);
    width: 2px;
    height: 100%;
    background: var(--theme-color);
}
.n_his .timeline>li{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.n_his .timeline>li:before{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	content: "\e665";
	font-family: "iconfont";
	font-size: var(--f32);
	color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background-color: var(--theme-color);
}
.n_his .timeline>li+li{
	margin-top: 0.6rem;
}
.n_his .timeline>li:nth-child(2n){
	flex-direction: row-reverse;
}
.n_his .timeline>li .years{
	position: relative;
	font-family: "CAI978";
	width: 50%;
	font-size: var(--f60);
	color: transparent;
	-webkit-text-stroke: 1px var(--theme-color);
	padding-right: 0.7rem;
	padding-left: 0.3rem;
	text-align: right;
}
.n_his .timeline>li:nth-child(2n) .years{
	text-align: left;
	padding-left: 0.7rem;
	padding-right: 0.3rem;
}
.n_his .timeline>li:hover .years {
    color: var(--theme-color);
    -webkit-text-stroke-color: transparent;
}
.n_his .timeline>li .years:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    z-index: 1;
    right: -65px;
    top: 28px;
    background-color: var(--thsn-grevo-global-color);
}
.n_his .timeline>li .info{
	width: 50%;
	padding-left: 0.7rem;
	padding-right: 0.15rem;
}
.n_his .timeline>li .info .txt{
	position: relative;
	font-size: var(--f18);
	line-height: 1.5;
	padding: 0.3rem 0.4rem;
	box-shadow: -11px 0px 55px -8px rgba(0, 0, 0, 0.09);
	border: solid 2px #fff;
	/* text-align: left; */
	text-align: center;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.n_his .timeline>li:hover .info .txt{
	border-color: var(--theme-color);
}
.n_his .timeline>li:nth-child(2n) .info{
	padding-right: 0.7rem;
	padding-left: 0.15rem;
}
.n_his .timeline>li:nth-child(2n) .info .txt{
	/* text-align: right; */
}
.n_his .timeline>li .info .txt:after{
    position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    left: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-right: 14px solid #fff;
    border-left: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
	-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_his .timeline>li:hover .info .txt::after{
	border-left-color: var(--theme-color) !important;
    border-right-color: var(--theme-color) !important;
}
.n_his .timeline>li:nth-child(2n) .info .txt::after{
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	right: -14px;
	left: auto;
}
/* 发展历程 e */

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

/* 产品分类页 s */
.n_prosort_01{
}
.n_prosort_01 .tab{}
.n_prosort_01 .tab ul{}
.n_prosort_01 .tab ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 90px;
	padding: 20px;
	color: #019eec;
	flex: 1;
	cursor: pointer;
}
.n_prosort_01 .tab ul li span{
	display: block;
	width: 100%;
	font-size: var(--f20);
	line-height: 1.5;
}
.n_prosort_01 .tab ul li.active{
	color: #fff;
	background-color: #019eec;
}

.n_prosort_01 .con{
	background-color: #f1f7fc;
	padding: 40px 0;
}
.n_prosort_01 .item{
	display: none;
}
.n_prosort_01 .item.show{
	display: block;
}
.n_prosort_01 .item .top{}
.n_prosort_01 .item .top .fl{
	width: 50%;
}
.n_prosort_01 .item .top .fl .img{}
.n_prosort_01 .item .top .fr{
	width: 50%;
	padding-left: 50px;
}
.n_prosort_01 .item .top .fr .info{
	font-size: var(--f20);
	line-height: 1.2;
	color: #191919;
}
.n_prosort_01 .item .top .fr .info p{
	position: relative;
	padding-left: 35px;
}
.n_prosort_01 .item .top .fr .info p+p{
	margin-top: 30px;
}
.n_prosort_01 .item .top .fr .info p:before{
	position: absolute;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: #019eec;
}

.n_prosort_01 .item .top .fr .info a{
	display: inline-block;
	padding: 12px 50px;
	border: 1px solid #019eec;
	font-size: var(--f18);
	color: #019eec;
	border-radius: 50px;
	margin-top: 35px;
}
.n_prosort_01 .item .top .fr .info a:hover{
	background-color: #019eec;
	color: #fff;
}
.n_prosort_01 .item .bot{
	margin-top: 30px;
	font-size: var(--f20);
	line-height: 1.2;
	color: #191919;
}

.n_prosort_02{
	padding-top: 60px;
}
.n_prosort_02 .item{
	margin-bottom: 60px;
}
.n_prosort_02 h3{
	font-size: var(--f30);
	line-height: 1.3;
	text-align: center;
	margin-bottom: 45px;
}
.n_prosort_02 .con{}
.n_prosort_02 ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 30px;
}
.n_prosort_02 ul li{}
.n_prosort_02 ul li a{
	display: block;
}
.n_prosort_02 ul li .pic{
	border-radius: 8px;
}
.n_prosort_02 ul li .pic img{}
.n_prosort_02 ul li .info{
	padding: 10px 0;
	text-align: center;
}
.n_prosort_02 ul li h4{
	font-size: var(--f20);
	line-height: 1.5;
	font-weight: 400;
	color: #191919;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	-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_prosort_02 ul li:hover h4{
	color: #019eec;
}

.n_prosort_03{
	background-color: #000;
	padding: 30px 0;
	background: url('../images/ico_str_img.jpg') no-repeat center;
	background-position: left center;
	background-size: 45% auto;
}
.rect-102{
	padding-bottom: 102%;
}

.n_prosort_03 .tit{
	font-size: var(--f72);
	font-weight: 700;
	width: 32%;
	line-height: 1.1;
	color: #fff;
	padding-top: 30px;
}
.n_prosort_03 .tit::after{
	content: "";
	display: block;
	width: 100px;
	height: 8px;
	background-color: #fff;
	margin-top: 25px;
}
.n_prosort_03 .img img{}
.n_prosort_03 .info{
	width: 67%;
	background-color: #f7f7f7;
}
.n_prosort_03 .info ul{
	padding: 30px 0;
}
.n_prosort_03 .info ul li{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 20px 100px 20px 45px;
}
.n_prosort_03 .info ul li .ico{
	width: 70px;
}
.n_prosort_03 .info ul li .ico img{}
.n_prosort_03 .info ul li .txt{
	flex: 1;
	padding-left: 25px;
}
.n_prosort_03 .info ul li .txt .t1{
	font-size: var(--f24);
	line-height: 1.2;
	color: #191919;
}
.n_prosort_03 .info ul li .txt .p1{
	font-size: var(--f20);
	line-height: 1.5;
	color: #464646;
	margin: 8px 0;
}
.n_prosort_03 .info ul li .txt .btn{
	display: inline-block;
	padding: 12px 32px;
	font-size: var(--f20);
	line-height: 1;
	border: 1px solid #019ecc;
	color: #019ecc;
	border-radius: 50px;
	-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_prosort_03 .info ul li .txt .btn:hover{
	background-color: #019ecc;
	color: #fff;
}

.n_prosort_04{
	padding: 100px 0;
}
.n_prosort_04 .img{
	text-align: center;
}
.n_prosort_04 .img img{
	display: inline-block;
}
/* 产品分类页 e */

/* 产品分类页 s */
.n_prosort{}
.n_prosort .top{}
.n_prosort .top h3{}
.n_prosort .top p{}
.prosort_nav{}
.prosort_nav ul{}
.prosort_nav ul li{}
.prosort_nav ul li a{
	padding: 0.24rem;
}
.n_prosort .con{}
.n_prosort .item{}
.n_prosort .item:nth-child(2n){
	background-color: #F3F3F3;
}
.n_prosort .item:nth-child(2n) .box{
	flex-direction: row-reverse;
}
.n_prosort .item .tit{}
.n_prosort .item .tit h3{}
.n_prosort .item .tit p{}
.n_prosort .item .img{
	width: 50%;
	padding-right: 5%;
}
.n_prosort .item:nth-child(2n) .img{
	padding-right: 0;
	padding-left: 5%;
}
.n_prosort .item .info{
	width: 50%;
}
.n_prosort .item .info .t1{
	font-weight: 600;
}
.n_prosort .item .info ul{}
.n_prosort .item .info ul li{
	position: relative;
	padding-left: 0.3rem;
	width: 49.5%;
}
.n_prosort .item .info ul li:before{
	position: absolute;
	content: "";
	display: block;
	top: 0.08rem;
	left: 0.1rem;
	width: 0.07rem;
	height: 0.07rem;
	border-radius: 50%;
	background-color: var(--sec-theme-color);
}
.n_prosort .item .info ul li{
	margin-bottom: 0.1rem;
}

.n_prosort .item .info .btn{
	display: inline-block;
	padding: 0.13rem 0.32rem;
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
	border-radius: 50px;
	/* border-radius: 3px; */
}
.n_prosort .item .info .btn:hover{
	background-color: var(--theme-color);
	color: #fff;
}

.prosort_nav{
	height: 75px;
}
#location .box.act {
    position: fixed;
	width: 100%;
    top: 100px;
    left: 0;
	background-color: #e2f3ff;
	z-index: 9;
}
.prosort_nav .w15{
	background-color: rgba(var(--theme-color-rgb), 0.10);;
	background-color: #e2f3ff;
}
.prosort_nav ul{}
.prosort_nav ul li{
	display: inline-block;
	width: auto;
}
.prosort_nav ul li a{
	position: relative;
	display: inline-block;
	height: 75px;
	line-height: 75px;
	padding: 0 0.24rem;
}
.prosort_nav ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--sec-theme-color);
    content: "";
    transition: width .2s;
}
/* .prosort_nav ul li:has(~.cur)::after{
	right: 0;
	left: auto;
} */
.prosort_nav ul li a:hover,.prosort_nav ul li.cur a{
	color: var(--sec-theme-color);
}
.prosort_nav ul li.cur a:after{
	width: 100%;
}
.prosort_nav ul li a i{
	display: inline-block;
	transform: rotate(45deg);
}
/* 产品分类页 e */ 

/* 产品列表 s */
.n_prolist{}
.n_prolist .top{}
.n_prolist .top .info{
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: calc(var(--www) / 2);
	padding-right: 0.6rem;
	padding-left: 0.15rem;
}
.n_prolist .top .info .btn{
	display: inline-block;
	border: 2px solid #fff;
	padding: 0.15rem 0.32rem;
	border-radius: 50px;
}
.n_prolist .top .info .btn:hover{
	background-color: #fff;
	color: var(--theme-color);
}
.n_prolist .top .img{
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
}
.n_prolist .item{}
.n_prolist .item ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.2rem;
}
.n_prolist .item ul li{}
.rect-92{
	padding-bottom: 92%;
}
.n_prolist .item ul li .info{}
.n_prolist .item ul li .tit{
	height: 2.6em;
}
.n_prolist .item ul li .tit h4{
	width: 100%;
}
/* 产品列表 e */

/* 产品详情 s */
/* 产品详情 e */

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

/* Newlist s */
.n_newlist{}
.n_newlist ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.n_newlist ul li{}
.n_newlist ul li a{
	display: block;
	box-shadow: 0 0.1rem 0.3rem 0 rgba(var(--theme-color-rgb), .07);
}
.n_newlist ul li a:hover{
	box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
}
.n_newlist ul li .pic{}
.n_newlist ul li .pic img{}
.n_newlist ul li .date{
	position: absolute;
	left: 0.2rem;
	top: 0.2rem;
	z-index: 3;
	padding: 0.12rem;
}
.n_newlist ul li .date i{
	margin-right: 0.06rem;
}
.n_newlist ul li .date p{}
.n_newlist ul li .info{}
.n_newlist ul li .tit{
	height: 2.6em;
}
.n_newlist ul li:hover .tit{
	color: var(--theme-color);
}
.n_newlist ul li .des{
	height: 4.5em;
}
.n_newlist ul li .btn{
	display: inline-block;
	padding: 12px 30px;
	color: var(--theme-color);
	background-color: rgba(var(--theme-color-rgb), 0.08);
	cursor: pointer;
	font-weight: 500;
}
.n_newlist ul li .btn i{
	margin-left: 0.06rem;
}
.n_newlist ul li .btn:hover{
	color: #fff;
	background-color: var(--theme-color);
}
/* Newlist e */

/* News Details s */
.n_news{}
.n_news .fl{
	width: 70%;
}
.n_news .top{}
.n_news .top .tit{}
.n_news .top .date{}
.n_news .con{}
.n_news .con img{
	display: inline-block;
	max-width: 100%;
}
.n_news .con p{
	margin-bottom: 0.1rem;
}
.n_news .con h2{
	font-size: var(--f24);
	font-family: 'PB';
	margin: .5em 0;
}
.n_news .con  h3{
	font-size: var(--f20);
	font-weight: 600;
	margin: .5em 0;
}
.n_news .bot{}
.n_news .bot .p{}
.n_news .bot .next{}
.n_news .bot .next>div{}
.n_news .bot .next strong{
	font-weight: 700;
}
.n_news .bot .next a{
	color: var(--theme-color);
}
.n_news .bot .next a:hover{
	text-decoration: underline;
}
.n_news .fr{
	width: 25%;
	position: sticky;
	top: 110px;
}
.n_news .fr .tab-con{
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
}
.n_news .fr .tab-con h4{
	padding: 20px 20px 0;
	font-weight: 700;
}
.n_news .fr .blog-nav{
	padding: 20px;
}
.n_news .fr .blog-nav li{
	padding: 5px 0;
	overflow: hidden;
}
.n_news .fr .blog-nav li a{
	display: block;
}
.n_news .fr .blog-nav .one>a:before{
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 0.08rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	vertical-align: middle;
	margin-bottom: 3px;
}
.n_news .fr .blog-nav li a:hover{
	text-decoration: underline;
}
.n_news .fr .blog-nav>li>ul{}
.n_news .fr .blog-nav>li>ul>li{}
#catalog .one>a{}
#catalog .two a {
    margin-left: 0.12rem;
	font-weight: 500;
}
.n_news .fr .quote-form{
	position: relative;
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
	border-radius: 10px;
	width: 100%;
}
.n_news .fr .quote-form h4{
	font-weight: 700;
}
.n_news .fr .quote-form form{}
.n_news .fr .quote-form .mui-input-row{
	margin-bottom: 0.15rem;
	width: 100%;
}
.n_news .fr .quote-form .mui-input-row input{
	width: 100%;
	font-size: var(--f16);
	font-weight: 500;
	padding-left: 0.15rem;
	height: 43px;
	line-height: 43px;
	border: 1px solid rgba(221, 221, 221, .6);
}
.n_news .fr .quote-form .mui-input-row textarea{
	width: 100%;
	font-size: var(--f16);
	font-weight: 500;
	min-height: 120px;
	border: 1px solid rgba(221, 221, 221, .6);
	padding: 0.15rem;
}
.n_news .fr .quote-form .btn{
	width: 100%;
}
.n_news .fr .quote-form .btn button{
	width: 100%;
	height: 42px;
	line-height: 42px;
	border-radius: 30px;
	background-color: var(--theme-color);
	border: none;
	cursor: pointer;
}
.n_news .fr .quote-form .btn button:hover{
	background-color: var(--sec-theme-color);
}

.xg_new{}
.xg_new ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.2rem;
}
.xg_new ul li{}
.xg_new ul li .info{}
.xg_new ul li .info .tit{
	height: 2.6em;
}
.xg_new ul li:hover .tit{
	color: var(--theme-color);
	text-decoration: underline;
}
.xg_new ul li .info .des{
	height: 4.5em;
	color: #212529;
}
/* News Details e */

/* ====================应用样式========================= */


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

/* 技术支持 s */
.n_sup{}
.n_sup .top{}
.n_sup .top .info p+p{
	margin-top: 0.1rem;
}
.n_sup .top ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.2rem;
}
.n_sup .top ul li{
	padding: 0.55rem 4% 0.35rem;
	border: 2px solid var(--theme-color);
	cursor: pointer;
}
.n_sup .top ul li .ico{}
.n_sup .top ul li .ico img{}
.n_sup .top ul li.active img,.n_sup .top ul li:hover img{
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
}
.n_sup .top ul li.active,.n_sup .top ul li:hover{
	background-color: var(--theme-color);
	color: #fff;
}
.n_sup .top ul li p{
	height: 2.6em;
}
.n_sup .bot{
	background-color: #EFEFEF;
}
.n_sup .bot .item{
	display: none;
}
.n_sup .bot .item.show{
	display: block;
}
.n_sup .bot .item .con{}
.n_sup .bot .item .con h4{
	font-size: var(--f20);
	font-family: "PB";
	margin-bottom: 1em;
}
.n_sup .bot .item .con table{
	text-align: center;
}
.n_sup .bot .item .con table td{
	border: 1px solid #ccc;
	background: #fbfbfb;
	padding: 0.05rem;
}
.n_sup .bot .item .con p+p{
	margin-top: 0.1rem;
}
.n_sup .bot .item .con img{
	display: block;
	margin: 0 auto;
}
/* 技术支持 e */

/* 产品清洁 s */
.n_clean_01{}
.n_clean_02{
	background-color: #f7f7f7;
	border-bottom: 1px solid #c6c6c6;
}
.n_clean_02 ul{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.4rem;
}
.n_clean_03{
	background-color: #f7f7f7;
}
.n_clean_03 ul{}
.n_clean_03 ul li{
	font-size: var(--f18);
	line-height: 1.5;
}
.n_clean_03 ul li+li{
	margin-top: 0.2rem;
}
.n_clean_03 ul li span{
	font-family: "PB";
	font-size: var(--20);
	color: var(--theme-color);
}

.n_clean_04{}
.n_clean_04 ul{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.18rem;
}
.n_clean_04 ul li{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: var(--theme-color);
	color: #fff;
	padding: 0.4rem 0.3rem 0.2rem;
	border-radius: 10px;
}
.n_clean_04 ul li .num{
	font-size: var(--f36);
	font-family: "PB";
}
.n_clean_04 ul li .info{
	font-size: var(--f18);
	line-height: 1.5;
	min-height: 7.5em;
	flex: 1;
	padding-left: 0.2rem;
}
/* 产品清洁 e */

/* 下载中心 s */
.n_download{
}
.n_download ul{}
.n_download ul li{
	float: left;
	width: 49%;
	margin-right: 2%;
	padding: 0.5rem 0.7rem;
	background: #eceef0;
	margin-bottom: 0.3rem;
}
.n_download ul li a{
	display: block;
}
.n_download ul li:nth-child(2n){
	margin-right: 0;
}
.n_download ul li .time{
	color: #363636;
}
.n_download ul li h4{
	color: #363636;
	height: 3em;
	font-weight: bold;
}
.n_download ul li .bot{}
.n_download ul li .bot .ico{
	color: #767676;
	line-height: 40px;
}
.n_download ul li .bot .ico i{
	font-size: var(--f28);
	color: var(--theme-color);
	margin-right: 0.1rem;
}
.n_download ul li .bot .ico p{
	font-size: var(--f16);
}
.n_download ul li .bot span{
	padding: 0.12rem 0.15rem;
	font-size: var(--f14);
	color: #5e5e5e;
	text-transform: uppercase;
	border: 1px solid #bcbec0;
}
.n_download ul li:hover .bot span{
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	color: white;
}
.n_download ul li .bot span i{
	margin-right: 0.1rem;
}
.n_download ul li .bot span p{}

/* 下载中心 e */

/* 营销网络 s */
.i_mark .con{}
.i_mark .con img{
	display: inline-block;
}
/* 营销网络 e */

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

/* 联系我们 s */
.n_contact{}
.n_contact .fl{
	width: 45%;
}
.n_contact .fl .tit{}
.n_contact .fl .tit h3{}
.n_contact .fl .tit p{}
.n_contact .fl .info{}
.n_contact .fl .info ul{}
.n_contact .fl .info ul li{
	margin-bottom: 0.3rem;
}
.n_contact .fl .info ul li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.n_contact .fl .info ul li a i{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	border: 1px solid var(--theme-color);
	font-size: var(--f32);
	color: var(--theme-color);
}
.n_contact .fl .info ul li a .txt{
	width: calc(100% - 0.6rem);
	padding-left: 0.2rem;
	line-height: 1.5;
}
.n_contact .fl .info ul li a p{
	font-size: var(--f20);
	font-family: "PB";
}
.n_contact .fl .info ul li a span{
	font-size: var(--f16);
}
.n_contact .fl .share{}
.n_contact .fl .share ul{}
.n_contact .fl .share ul li{}
.n_contact .fl .share ul li a{
	width: 0.42rem;
	height: 0.42rem;
}
.n_contact .fr{
	width: 50%;

}
.n_contact .fr .tit{}
.n_contact .fr .tit h3{}
.n_contact .fr .tit p{}
.n_contact .fr form{}
.n_contact .fr form .mui-input-row{
	width: 100%;
	margin-bottom: 0.2rem;
}
.n_contact .fr form .mui-input-row input{
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: var(--f16);
	color: #333;
	/* border-bottom: 1px solid #a1a1a1; */
	border: 1px solid #e7e7e7;
	padding-left: 0.2rem;
}
.n_contact .fr form .mui-input-row textarea{
	width: 100%;
	font-size: var(--f16);
	color: #333;
/* 	border: none;
	border-bottom: 1px solid #a1a1a1; */
	border: 1px solid #e7e7e7;
	min-height: 1.5rem;
	padding: 0.2rem;
}
.n_contact .fr form .btn{}
.n_contact .fr form .btn button{
	border: none;
	padding: 0.16rem 0.5rem;
	border-radius: 30px;
	cursor: pointer;
}
.n_contact .fr form .btn button:hover{
	background-color: var(--sec-theme-color);
}
/* 联系我们 e */

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

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

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

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

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

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

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


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

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

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

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

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

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