@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);/*点击高亮效果*/
}

/*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 "ML","PingFang SC","Microsoft YaHei",Arial,"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?#iefix') 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?#iefix') 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?#iefix') 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: '763-CAI978';
    src: url('../fonts/763-CAI978.ttf'),
    url('../fonts/763-CAI978.eot'),
    url('../fonts/763-CAI978.eot?#iefix') format('embedded-opentype'),
    url('../fonts/763-CAI978.woff2') format('woff2'),
    url('../fonts/763-CAI978.woff') format('woff'),
    url('../fonts/763-CAI978.otf') format('truetype'),
    url('../fonts/763-CAI978.svg#svgFontName') format('svg');
}
.CAI978{font-family: '763-CAI978';}
.MR{font-family: 'MR';}
.MB{font-family: 'MB';}
.ML{font-family: 'ML';}
/*动画效果 所有属性获得过度*/
*{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%;}

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

@media all and (min-width:1921px) {
	.w12{width: 73.53%;max-width: 92%;margin: 0 auto;}
	.w14{width: 85.78%;max-width: 92%;margin: 0 auto;}
	.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
	.w18{width: 1800px;max-width: 92%;margin: 0 auto;}
}
@media all and (max-width:1920px) {
	.w12{width: 1200px;max-width: 92%;margin: 0 auto;}
	.w14{width: 1400px;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: 14px;}
.tit-15 {font-size: 15px;}
.tit-16 {font-size: 16px;}
.tit-17 {font-size: 17px;}
.tit-18 {font-size: 18px;}
.tit-19 {font-size: 19px;}
.tit-20 {font-size: 20px;}
.tit-21 {font-size: 21px;}
.tit-22 {font-size: 22px;}
.tit-23 {font-size: 23px;}
.tit-24 {font-size: 24px;}
.tit-25 {font-size: 25px;}
.tit-26 {font-size: 26px;}
.tit-27 {font-size: 27px;}
.tit-28 {font-size: 28px;}
.tit-29 {font-size: 29px;}
.tit-30 {font-size: 30px;}
.tit-31 {font-size: 31px;}
.tit-32 {font-size: 32px;}
.tit-33 {font-size: 33px;}
.tit-34 {font-size: 34px;}
.tit-35 {font-size: 35px;}
.tit-36 {font-size: 36px;}
.tit-37 {font-size: 37px;}
.tit-38 {font-size: 38px;}
.tit-39 {font-size: 39px;}
.tit-40 {font-size: 40px;}
.tit-41 {font-size: 41px;}
.tit-42 {font-size: 42px;}
.tit-43 {font-size: 43px;}
.tit-44 {font-size: 44px;}
.tit-45 {font-size: 45px;}
.tit-46 {font-size: 46px;}
.tit-47 {font-size: 47px;}
.tit-48 {font-size: 48px;}
.tit-49 {font-size: 49px;}
.tit-50 {font-size: 50px;}
.tit-51 {font-size: 51px;}
.tit-52 {font-size: 52px;}
.tit-53 {font-size: 53px;}
.tit-54 {font-size: 54px;}
.tit-55 {font-size: 55px;}
.tit-56 {font-size: 56px;}
.tit-57 {font-size: 57px;}
.tit-58 {font-size: 58px;}
.tit-59 {font-size: 59px;}
.tit-60 {font-size: 60px;}
.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-14 {font-size: 13px;}
  .tit-16 {font-size: 14px;}
  .tit-18 {font-size: 16px;}
  .tit-20 {font-size: 16px;}
  .tit-22,.tit-24{font-size: 18px;}
  .tit-26,.tit-30,.tit-32,.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: 15%;left: 0;top: 0;background-color: rgb(255, 255, 255);    box-shadow: 0 0.02rem 0.26rem rgba(0, 0, 0, 0.1);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%);} */
/* .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;line-height: 1;}
.Header-container .logo a img{width: auto;display: block;height: 0.4rem;}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
.Container-wrapper{
	width: 85%;
	margin-left: 15%;
}
@media all and (min-width:1000px){
	.Header-wrapper{
		height: 100%;
		background-color: #3a3a3a;
	}
	.Header-container{flex-direction: column;}
	.Header-container .logo{
		width: 100%;
		background-color: #00A03E;
	}
	.Header-container .fr{
		padding-top: 0.3rem;
	}
	.Header-container .fr,.Header-container .c-nav{width: 100%;}
	.Header-container .logo a{width: 100%;justify-content: center;padding: 0.55rem 0 0.25rem;}
	.Header-container .logo a img{}
	.Header-container .c-nav {display: flex;align-items: center;font-size: 16px;flex-wrap: wrap;flex-direction: column;}
	.Header-container .c-nav>li {position: relative;width: 100%;line-height: 3.5;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: flex-start;color: #fff;padding: 0 0.55rem;}
	.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{background-color: #5d5c5d;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.08rem;-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: 0;left: 100%;margin-top: 0;background-color: rgb(255,255,255,.8);z-index: 2;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-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 rgba(0, 0, 0, 0.05);}
	.Header-container .c-nav>li>ul>li>a {display: block;position: relative;font-size: 16px;padding: 15px 0;color: #58595b;-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);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: #00A03E;-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: #00A03E;text-indent: 10px;}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{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: #00A03E;text-align: left;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;}
.Header-container .tool .language .language_down a {display: block;font-size: 14px;line-height: 1.3;padding: 10px 15px;color: rgba(255, 255, 255, .8);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;text-align: center;}
.Header-container .tool .language .language_down a:hover {background-color: #3F3B3A;}
.Header-wrapper .Header-container .tool .language>a {color: #000;}

/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #fff;}
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: #00a03e;}
	#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: #00a03e;line-height: 1.5;color: #fff;}
.Footer-container {position: relative;}
.Footer-container:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	left: 50%;
	top: 0;
	background-color: rgb(255, 255, 255, .3);
}
.Footer-container::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	right: 32%;
	top: 0;
	background-color: rgb(255, 255, 255, .3);
}
.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 {padding: 0.8rem 0;letter-spacing: 0.5px;}
.Footer-container .fl{
	width: 50%;
}
.Footer-container .fl ul {}
.Footer-container .fl ul li {float: left;overflow: hidden;margin-right: 5%;}
.Footer-container .fl ul li p {font-size: 20px;line-height: 1.5;color: #fff;display: block;margin-bottom: 0.2rem;}
.Footer-container .fl ul li p i{margin-left: 0.06rem;}
.Footer-container .fl ul li .foot_nav_link a {font-size: 16px;color: #bbb;color: rgb(255, 255, 255, .8);line-height: 2;display: block;}
.Footer-container .fl ul li a:hover {text-decoration: underline;}
.Footer-container .fl ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .fl ul li dl {}
.Footer-container .fl ul li dd {position: relative;font-size: 14px;line-height: 1.75;color: rgb(255, 255, 255, .8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .fl ul li dd:last-child{margin-bottom: 0;}
.Footer-container .fl ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(255, 255, 255, .8);}
.Footer-container .mid{
	width: 18%;
}
.Footer-container .mid .wx{
	width: 1.26rem;
	border-radius: 0.1rem;
	overflow: hidden;
}
.Footer-container .mid .wx img{
	width: 100%;
}
.Footer-container .mid .p{
	color: #fff;
	margin-top: 0.1rem;
}
.Footer-container .fr{
	width: 32%;
	padding-left: 0.6rem;
}
.Footer-container .fr .t{}
.Footer-container .fr .p1{
	margin: 0.1rem 0;
}
.Footer-container .fr .p1 i{
	margin-right: 0.04rem;
	font-size: 0.3rem;
}
.Footer-container .fr .p2{
	margin-bottom: 0.04rem;
}
.Footer-container .fr .p{
	font-size: 16px;
}

.Footer-bot {font-size: 14px;line-height: 1.4;color: rgb(255, 255, 255, .8);text-align: center;padding: 0.25rem 0;border-top: 1px solid rgba(255, 255, 255, 0.3);letter-spacing: 0.5px;}
.Footer-bot a {font-size: 14px;color: rgb(255, 255, 255, .8);}

/* 中间+共用部分 */

/* ind_banner */
.i_banner .swiper-pagination-bullet{background-color: white;opacity: 1;}
.i_banner .swiper-pagination-bullet-active{background-color: #00A03E;}

.i_banner,.i_mb_banner,.Footer-wrapper{
	width: 85%;
	margin-left: 15%;
}
.i_banner .tool{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 5.2rem;
	bottom: 0.4rem;
	right: 7.23%;
	height: 30px;
	z-index: 3;
}
.i_banner .tool .swiper-scrollbar{
	width: calc(100% - 100px);
	height: 1px;
	background: rgb(255,255,255, .3);
	border-radius: 0;
} 
.i_banner .tool .swiper-scrollbar .swiper-scrollbar-drag{
	height: 3px;
	margin-top: -1px;
	background: #fff;
	border-radius: 0;
}
.i_banner .tool .swiper-pagination{
	position: relative;
	left: auto;
	bottom: auto;
	width: 100px;
	color: #fff;
	
}
.i_banner .tool .swiper-pagination>div{
	display: inline-block;
	font-size: 14px;
	background-color: transparent;
	opacity: .6;
}
.i_banner .tool .swiper-pagination span{}
.i_banner .tool .swiper-pagination .num2{
	font-size: 0.3rem;
	opacity: 1;
}

/* md-sideBar */
.md-sideBar {position: fixed;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0.1rem;z-index: 200;box-shadow: 0 0.8rem 1.4rem 1px hsl(0deg 0% 80% / 35%);}
.md-sideBar .side_item {display: block;width: auto;position: relative;cursor: pointer;zoom: 1;}
.md-sideBar .side_item:hover .bd {right: 100%;opacity: 1;-webkit-transition: all 0.5s;transition: all 0.5s;width: auto;}
.md-sideBar .side_item .hd {width: 0.6rem;height: 0.6rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #ececec;position: relative;z-index: 202;background-color: #fff;}
.md-sideBar .side_item .hd i {font-size: 0.3rem;color: #00A03E;}
.md-sideBar .side_item .bd {color: #00A03E;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_tit s */
.i_tit{
	line-height: 1.3;
}
.i_tit h3{
	font-size: 0.26rem;
}
.i_tit p{
	font-size: 16px;
	margin-top: 0.06rem;
}
/* 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: #00A03E;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;width: 85%;margin-left: 15%;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;}
.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 {border-bottom: 1px solid #e8e8e8;}
.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: #00A03E;}
.sort_nav_view ul li.active a {color: #00A03E;}
.sort_nav_view ul li.active a::after {content: "";display: block;width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;background-color: #00A03E;}

/* 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: 18px;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: #00A03E;}

/* 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: #00A03E;background: #00A03E !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";}

/* 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: #00A03E;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: #00A03E;border: 1px solid #00A03E;border-radius: 5px;text-transform: capitalize;transition: all 0.3s;cursor: pointer;}
.morelink:hover {color: #00A03E;}

/* 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: #00A03E;width: 30px;height: 8px;border-radius: 4px;}

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

/* 产品中心 s */
.i_pro{}
.i_pro .top{}
.i_pro_nav{
    width: calc(100% - 240px);
}
.i_pro_nav ul{
	display: flex;
	align-items: center;
	justify-content: end;
	column-gap: 0.25rem;
}
.i_pro_nav ul li{}
.i_pro_nav ul li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.75;
	color: rgb(0, 0, 0, .9);
}
.i_pro_nav ul li.active a,.i_pro_nav ul li a:hover{
	color: #00A03E;
}
.i_pro_nav ul li a::after{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0.02rem;
	bottom: 0;
	left: 0;
	background-color: #00A03E;
	-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_nav ul li.active a::after,.i_pro_nav ul li a:hover::after{
	width: 100%;
}
.i_pro .con{
	position: relative;
}
.i_pro .con::after {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 33.333%;
    width: 1px;
    height: 100%;
    margin-top: 0;
    margin-right: -1px;
    content: "";
    background: #eaeaea;
}
.i_pro .con::before {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 33.333%;
    width: 1px;
    height: 100%;
    margin-top: 0;
    margin-left: 1px;
    content: "";
    background: #eaeaea;
}
.i_pro .con ul{
	position: relative;
}
.i_pro .con ul li{
	overflow: hidden;
	box-sizing: border-box;
	width: 33.333%;
	margin-right: 0;
	margin-bottom: 3px;
	padding: 3% 3% 4%;
	border-bottom: 1px solid #cccccc;
	background-color: #fff;
}
.i_pro .con ul li a{}
.i_pro .con ul li .ico{}
.i_pro .con ul li .ico img{}
.i_pro .con ul li .info{
	line-height: 1.5;
	text-align: center;
	padding: 0.2rem 0;
}
.i_pro .con ul li .tit{
	color: rgb(0, 0, 0, .9);
}
.i_pro .con ul li .des{
	color: rgb(0, 0, 0, .8);
}
.i_pro .i_more{
	margin-top: 0.25rem;
	vertical-align: middle;
}
.i_more a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.i_more a:hover{
	transform: translateX(5px);
}
.i_more a span{
	display: block;
}
.i_more a i{
	margin-left: 0.1rem;
	margin-top: -2px;
}
/* 产品中心 e */

/* 公司简介 s */
.i_ab{}
.i_ab .top{
	position: relative;
	min-height: 7.6rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.i_ab .top .box{
	padding: 2.4rem 0 1.5rem;
	color: #f3f3f3;
}
.i_ab .top .info{
	display: inline-block;
	width: 2.8rem;
}
.i_ab .top .t1{}
.i_ab .top .p1{
	line-height: 2;
}
.i_ab .top a{}
.i_ab .top .box>span{
	display: inline-block;
	padding: 0.16rem 1rem 0.16rem 1.5rem;
	background-color: #00A03E;
	color: #fff;
}
.i_ab .top .img{
	position: absolute;
	width: 69.546%;
	top: 7vw;
	left: 0;
	z-index: 3;
	max-width: 11.35rem;
}
.i_ab .top .img img{
	width: 100%;
}
.i_ab .bot{
	background-color: #F0F0F0;
}
.i_ab .bot .w12{
	padding: 2.1rem 0 1.1rem;
	line-height: 1.3;
}
.i_ab .bot .t1{
}
.i_ab .bot .t2{
	margin: 0.15rem 0 0.2rem;
}
.i_ab .bot .p1{
	
}
.i_ab .bot .num{
	width: 58%;
}
.i_ab .bot .num ul{
	width: 100%;
	row-gap: 0.85rem;
}
.i_ab .bot .num ul li{}
.i_ab .bot .num ul li .p{
	display: flex;
	align-items: flex-end;
}
.i_ab .bot .num ul li .p span{
	font-size: 0.64rem;
	line-height: 1;
	font-weight: 700;
	color: #00a03e;
}
.i_ab .bot .num ul li .p sup{
	font-size: 16px;
	margin-left: 0.1rem;
}
.i_ab .bot .num ul li p{
	font-size: 16px;
	margin-top: 0.1rem;
}

.i_ab .bot .img{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}
.i_ab .bot .img .p{
	position: absolute;
	top: 8vw;
	right: 0.15rem;
	height: 105px;
	font-size: 14px;
	writing-mode: vertical-rl; /* 设置书写模式为竖向 */
	text-orientation: upright; /* 确保文本是竖直显示的，不是旋转的 */
	text-align: end;
}
.i_ab .bot .img .p span{
	font-size: 18px;
	font-weight: 700;
}
/* 公司简介 e */

/* 企业实力 s */
.i_strength{}
.i_strength .box{
	padding-left: 5.88vw;
}
.i_strength .con{}
.i_strength ul{}
.i_strength ul li{}
.i_strength ul li a{}
.i_strength ul li .info{
	padding-top: 0.25rem;
}
.i_strength ul li .tit{
	width: calc(100% - 20px);
	line-height: 1.5;
}
.ico_r{
	width: 16px;
	height: 17px;
	background: url('../images/ico_r.png') no-repeat center;
	background-size: 100% auto;
}
/* 企业实力 e */

/* 新闻资讯 s */
.i_news{
	background-color: #F0F0F0;
}
.i_news .con{
	line-height: 1.3;
}
.i_news .fl{
	width: 44%;
}
.i_news .fl .box{}
.i_news .fl a{}
.i_news .fl .img{}
.i_news .fl .des{
	padding: 0.4rem;
	color: #fff;
	background-color: #00a03e;
}
.i_news .fl .top{}
.i_news .fl .date{}
.i_news .fl .date span{}
.i_news .fl .date p{}
.i_news .i{}
.i_news .i i{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
	border: 1px solid #000;
	font-size: 0.2rem;
	color: #000;
}
.i_news .fl .i i{
	color: #fff;
	border-color: #fff;
}
.i_news .fl .info{
	margin-top: 0.2rem;
}
.i_news .info .t1{
	font-weight: 500;
}
.i_news .info .p1{
	line-height: 1.75;
	height: 3.5em;
	margin-top: 0.1rem;
}
.i_news .fr{
	width: 48.586%;
}
.i_news .fr ul{}
.i_news .fr ul li{
	border-bottom: 1px solid #b9b9b9;
}
.i_news .fr ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0.7rem;
}
.i_news .fr ul li:not(:first-child){
	margin-top: 0.7rem;
}
.i_news .fr ul li .info{
	width: calc(100% - 200px);
}
.i_news .fr ul li .i{
	width: 100px;
	text-align: right;
}
.i_news .fr ul li:hover .i i{
	background-color: #00A03E;
	border-color: #00A03E;
	color: #fff;
}
.i_news .fr ul li .date{
	width: 100px;
}
.i_news .fr ul li .date span{
	color: #00A03E;
	font-weight: 700;
}
.i_news .fr ul li .date p{}
/* 新闻资讯 e */

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

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

/* 数字滚动 s */
.ab_01{
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ab_01 .box{
	overflow: hidden;
	padding: 0.4rem 0;
	background-color: #00A03E;
	color: #fff;
}
.ab_01 .fl{
	width: 22%;
}
.ab_01 .fr{
	width: 78%;
}
.ab_01 .fr .num{}
.ab_01 .fr ul{}
.ab_01 .fr ul li{
	width: 33.333%;
	text-align: center;
	border-right: 1px solid #fff;
	padding: 0.2rem 0 0.1rem;
}
.ab_01 .fr ul li:last-child{
	border: none;
}
.ab_01 .fr ul li .p{
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.ab_01 .fr ul li .p span{
	font-size: 0.5rem;
	font-weight: 700;
}
.ab_01 .fr ul li .p sup{
	font-size: 16px;
	margin-left: 0.06rem;
}
.ab_01 .fr ul li p{
	font-size: 16px;
	margin-top: 0.1rem;
}
/* 数字滚动 e */

/* 企业简介 s */
.ab_02{}
.ab_02 .fl{
	width: 57.5%;
}
.ab_02 .fl .tit{
	position: relative;
}
.ab_02 .fl .tit::after{
	position: absolute;
	content: "";
	width: 27px;
	height: 26px;
	right: 0;
	top: 0.4rem;
	background: url('../images/ico_r2.png') no-repeat center;
	background-size: 100% auto;
}
.ab_02 .fl .tit b{
	font-size: 0.54rem;
	font-weight: 700;
}
.ab_02 .fl .tit p{}
.ab_02 .fl .tit span{
	font-size: 0.28rem;
}
.ab_02 .fl .info{
	line-height: 1.875;
}
.ab_02 .pst-pic{
	position: absolute;
	right: 0;
	top: 1.9rem;
	width: 5.79rem;
	height: 5.23rem;
}
/* 企业简介 e */

/* 企业文化 s */
.ab_03{
	padding-top: 1.6rem;
	background-color: #00a03e;
}
.ab_03 .top{}
.ab_tit{
	line-height: 1.5;
}
.ab_tit b{
	font-size: 0.54rem;
	line-height: 1;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}
.ab_tit span{
	display: block;
	font-size: 0.28rem;
	color: rgb(0,0,0,.8);
	margin-top: 0.08rem;
}
.ab_tit.white b,.ab_tit.white span{
	color: #fff;
}
.ab_03 .top .info{
	width: 2.75rem;
	color: #fff;
	margin-right: 1rem;
}
.ab_03 .top .info h4{
	font-size: 0.24rem;
}
.ab_03 .top .info h4 span{
	font-weight: 700;
}
.ab_03 .top .info .p{
	
	line-height: 1.75;
	margin-top: 0.2rem;
}
.ab_03 .bot{
	margin-top: -1.6rem;
}
.ab_03 .bot .swiper{
}
.ab_03 .bot ul{
}
.ab_03 .bot ul li{}
.ab_03 .bot ul li a{
	display: block;
	padding: 0.8rem 0.7rem 1.3rem;
	color: rgb(0, 0, 0, .8);
	
}
.ab_03 .bot ul li.swiper-slide-active a{
	box-shadow: 0 0 15px rgb(34, 24, 21, .23);
	background-color: #fff;
}
.ab_03 .bot ul li .info{
	opacity: 0;
}
.ab_03 .bot ul li.swiper-slide-active .info{
	opacity: 1;
}
.ab_03 .bot ul li .info .tit{}
.ab_03 .bot ul li .info .des{
	line-height: 1.75;
	min-height: 5.25em;
	margin-top: 0.15rem;
}
.ab_03 .bot ul li .img{
	margin-top: 0.55rem;
}
.ab_03 .bot ul li .img .pic{
	width: 130%;
}
.ab_03 .bot ul li.swiper-slide-prev .img .pic{
	width: 100%;
}
.ab_03 .bot .swiper-pagination{
	bottom: 0.5rem;
	font-size: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ab_03 .bot .swiper-pagination .swiper-pagination-bullet{
	opacity: 1;
	background-color: #5f5f5f;

}
.ab_03 .bot .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	border: 2px solid #5f5f5f;
	width: 14px;
	height: 14px;
	background-color: #fff;
}
.ab_03 .bot .swiper-button-prev,.ab_03 .bot .swiper-button-next{
	width: 0.36rem;
	height: 0.36rem;
	border: 1px solid #fff;
	border-radius: 50%;
}
.ab_03 .bot .swiper-button-next:after,.ab_03 .bot .swiper-button-prev:after{
	font-size: 0.2rem;
	font-family: 'iconfont';
	content: "\e7c3";
	color: #fff;
}
.ab_03 .bot .swiper-button-prev:after{
	transform: rotate(180deg);
}
.ab_03 .bot .swiper-button-next:after{
}
.ab_03 .bot .swiper-button-prev{
	left: 22.5%;
}
.ab_03 .bot .swiper-button-next{
	right: 22.5%;
}
/* 企业文化 e */


/* 企业实力 s */
.ab_04{}
.ab_04 .top{}
.ab_04 .top .info{
	
	line-height: 1.75;
	margin-top: 0.2rem;
}
.ab_04 .bot{}
.ab_04 .bot .fl{
	width: 46%;
	background-color: #f0f0f0;
}
.ab_04 .bot .fl .box{
	padding: 1.55rem 0.8rem 1.1rem 1rem;
	color: rgb(0, 0, 0, .8);
}
.ab_04 .bot .fl .box .ico{
	height: 0.7rem;
	line-height: 0.7rem;
}
.ab_04 .bot .fl .ico img{
	display: inline-block;
	max-height: 100%;
}
.ab_04 .bot .box .t1{
	font-size: 0.24rem;
	margin: 0.25rem 0 0.15rem;
}
.ab_04 .bot .box .p1{
	font-size: 16px;
	line-height: 1.75;
	
}
.ab_04 .bot .box .mask{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	padding: 0.1rem 0.55rem;
	background-color: #00a03e;
	color: #fff;
	font-weight: 500;
	border-bottom-right-radius: 0.38rem;
}
.ab_04 .bot .fr{
	width: 53.25%;
}
.ab_04 .bot .fr .t{
	height: 45.7%;
}
.ab_04 .bot .fr .t .box{
	background-color: #626262;
	color: #fff;
	padding: 0.7rem 0.5rem;
	height: 100%;
}
.ab_04 .bot .fr .t .info{
	width: calc(100% - 100px);
}
.ab_04 .bot .fr .t .info .t1{
	margin-top: 0;
}
.ab_04 .bot .fr .t .ico{
	line-height: 0.6rem;
	height: 0.6rem;
}
.ab_04 .bot .fr .b{
	height: 52.17%;
}
.ab_04 .bot .fr .b ul{
	width: 100%;
	height: 100%;
}
.ab_04 .bot .fr .b ul li{
	width: 49%;
	padding: 0.75rem 0.65rem;
	background-color: #f0f0f0;
	height: 100%;
	text-align: center;
}
.ab_04 .bot .fr .b ul li .ico{
	height: 0.65rem;
	line-height: 0.65rem;
}
.ab_04 .bot .fr .b ul li .ico img{
	display: inline-block;
	max-height: 100%;
}
.ab_04 .bot .fr .b ul li .info{
	margin-top: 0.15rem;
	line-height: 1.3;
	color: rgb(0, 0, 0, .8);
}
/* 企业实力 e */

/* 实力认证 s */
.ab_05{}
.ab_05 .top{
	padding-bottom: 0.8rem;
}
.ab_05 .top .info{
	
	line-height: 1.75;
	margin-top: 0.2rem;
}
.ab_05 .bot{
	background-color: #ECEFF1;
}
.ab_05 .bot .item{
	position: relative;
	padding: 0 0 .7rem 0;
	background: url('../images/ab_05_bg.png') no-repeat center;
	background-position: bottom center;
}
.ab_05 .bot .item ul{
	align-items: stretch;
}
.ab_05 .bot .item ul li{
	padding: 0.2rem;
}
.ab_05 .bot .item ul li a{
	display: block;
	box-shadow: 0.1rem 0.1rem 0.12rem rgb(0, 0, 0, .4);
}
.ab_05 .bot .item ul li .pic{}
.ab_05 .bot .item ul li .pic img{
	width: 100%;
}
.ab_05 .bot .item .swiper-button-prev{
	margin-left: -0.6rem;
}
.ab_05 .bot .item .swiper-button-next{
	margin-right: -0.6rem;
}
.ab_05 .bot .item .swiper-button-prev,.ab_05 .bot .item  .swiper-button-next{
	width: 0.36rem;
	height: 0.36rem;
	border: 1px solid #333;
	border-radius: 50%;
}
.ab_05 .bot .item .swiper-button-prev:hover,.ab_05 .bot .item  .swiper-button-next:hover{
	border-color: #00A03E;
	color: #fff;
	background-color: #00A03E;
}
.ab_05 .bot .item .swiper-button-next:after,.ab_05 .bot .item  .swiper-button-prev:after{
	font-size: 0.2rem;
	font-family: 'iconfont';
	content: "\e7c3";
	color: #333;
}
.ab_05 .bot .item .swiper-button-next:hover:after,.ab_05 .bot .item  .swiper-button-prev:hover:after{
	color: #fff;
}
.ab_05 .bot .item .swiper-button-prev:after{
	transform: rotate(180deg);
}
/* 实力认证 e */

/* 企业愿景 s */
.ab_06{
	padding: 1.8rem 0 7rem;
	background: url('../images/ab_06_bg.jpg') no-repeat center;
	background-position: center bottom;
}
.ab_06 .top .info{
	width: 73.75%;
	
	line-height: 1.75;
}
.ab_06 .bot{
	width: 75%;
	margin-left: 25%;
}
.ab_06 .bot ul{}
.ab_06 .bot ul li{
	width: 50%;
	padding: 0.5rem 0.8rem;
	border-left: 1px solid #585858;
}
.ab_06 .bot ul li:nth-child(2n){
	padding-right: 0;
}
.ab_06 .bot ul li .ico{
	height: 0.8rem;
	line-height: 0.8rem;
}
.ab_06 .bot ul li .ico img{
	display: inline-block;
	max-height: 100%;
}
.ab_06 .bot ul li .info{}
.ab_06 .bot ul li .info .t1{
	margin: 0.4rem 0 0.25rem;
	font-weight: 600;
}
.ab_06 .bot ul li .info .p1{
	
	line-height: 2.15;
}
.ab_06 .bot ul li .info .p1 h4{
	font-weight: 500;
}
/* 企业愿景 e */


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

/* 产品列表 s */
/* 产品列表 e */

/* 产品详情 s */
.pro_t{}
.pro_t .box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 1rem 10% 0;
	color: #fff;
}
.pro_t .img{}
.pro_sort{
	/* position: absolute; */
}
.pro_sort ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.3rem;
}
.pro_sort ul li{}
.pro_sort ul li a{
	position: relative;
	font-size: 16px;
	line-height: 1.5;
	
}
.pro_sort ul li a::after{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0.03rem;
	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;
}
.pro_sort ul li.active a,.pro_sort ul li a:hover{
	font-weight: 500;
}
.pro_sort ul li.active a::after,.pro_sort ul li a:hover::after{
	width: 100%;
}
.pro_t .text{}
.pro_t .text .tit{
	font-weight: 700;
	line-height: 1.5;
}
.pro_t .text .tit p{
	text-transform: uppercase;
	line-height: 1.1;
}
.pro_t .text .tit h3{
	margin-top: 0.1rem;
}
.pro_t .text .info{
	
	line-height: 1.875;
}
.pro_t .text .info h4{
	font-size: 0.28rem;
	font-weight: 700;
}

.pro_t .text .info h5{
	font-size: 0.26rem;
}
/* 左图右文 */
.pro_ztyw{}
.pro_ztyw .img{
	width: 41.917%;
}
.pro_ztyw .info{
	width: 45.83%;
}
.pro_ztyw .t1{
	line-height: 1.3;
}
.pro_ztyw .p1{
	line-height: 1.75;
	
	margin-top: 0.2rem;
}
.pro_ztyw .p1 strong{
	font-weight: 600;
}

/* 优势列表 */
.pro_ys{}
.pro_ys ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pro_ys ul li{
	width: 37.5%;
	font-size: 16px;
	line-height: 1.75;
	
	margin-bottom: 0.7rem;
}
.pro_ys ul li strong{
	display: block;
	font-size: 0.24rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 0.12rem;
}

/* 图文列表 */
.pro_twlb{
	background-color: #f4f4f4;
}
.pro_twlb ul{}
.pro_twlb ul li{
	width: 33.33%;
}
.pro_twlb ul li a{
	display: block;
	padding: 0.5rem 0.8rem;
	border-right: 1px solid #666666;
}
.pro_twlb ul li:last-child a{
	border: none;
}
.pro_twlb ul li .img{}
.pro_twlb ul li .pic{}
.pro_twlb ul li .img img{
	object-fit: contain;
}
.pro_twlb ul li .info{}
.pro_twlb ul li .tit{
	font-weight: 500;
}
.pro_twlb ul li .des{
	line-height: 1.875;
	margin-top: 0.15rem;
	
}

/* 图文列表2 */
.pro_twlb2{
	background-color: #f4f4f4;
}
.pro_twlb2 ul{}
.pro_twlb2 ul li{
	width: 48%;
}
.pro_twlb2 ul li:last-child{
	width: 100%;
}
.pro_twlb2 ul li:last-child a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.pro_twlb2 ul li:last-child a .img{
	width: 48.25%;
}
.pro_twlb2 ul li:last-child a .info{
	width: 38%;
}
.pro_twlb2 ul li a{
	display: block;
	padding: 0.5rem 0.8rem;
	border-right: 1px solid #666666;
}
.pro_twlb2 ul li:nth-child(2n) a{
	border: none;
}
.pro_twlb2 ul li:last-child a{
	border: none;
}
.pro_twlb2 ul li .img{}
.pro_twlb2 ul li .pic{}
.pro_twlb2 ul li .img img{
	object-fit: contain;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-position: center;
}
.pro_twlb2 ul li .info{}
.pro_twlb2 ul li .tit{
	font-weight: 500;
}
.pro_twlb2 ul li .des{
	line-height: 1.875;
	margin-top: 0.15rem;
	
}

/* 图文列表3 */
.pro_twlb2.pro_twlb3 ul li:last-child a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.pro_twlb2.pro_twlb3 ul li:last-child a .img {
    width: 36%;
}
.pro_twlb2.pro_twlb3 ul li:last-child a .img img{
	right: 0;
	left: auto;
}
.pro_twlb2.pro_twlb3 ul li:last-child a .info{
	width: 60%;
}


.pro_twjh{}
.pro_twjh .con{
	line-height: 1.875;
	color: #2a2a2a;
	
}
.pro_twjh .con img{
	display: inline-block;
}
.pro_twjh .con h4,.pro_twjh .con h5{
	font-size: 0.3rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 0.2rem;
}
.pro_twjh .con h5{
	font-size: 0.24rem;
}
.pro_twjh ul{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pro_twjh ul li{
	width: 37.5%;
	font-size: 16px;
	line-height: 1.75;
	
	margin-bottom: 0.7rem;
}
.pro_twjh ul li strong{
	display: block;
	font-size: 0.24rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 0.12rem;
}
.pro_twjh tr,.pro_twjh td{
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	padding: 0.12rem 0.36rem;
	width: auto !important;
	height: auto !important;
}
.pro_twjh tr:first-child td{
	background-color: #00A03E;
	color: #fff;
	border: none;
	border-left: 1px solid #fff;
}
.pro_twjh td{
	border-bottom: 1px solid #a1a1a1;
}

.pro_li3{
	width: 100%;
}
.pro_li3 ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pro_li3 ul li{
	width: 31.67%;
}

.pro_li3{
	width: 100%;
}
.pro_li3 ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pro_li3 ul li{
	width: 31.67%;
}

.pro_tit{
	font-size: 0.24rem;
	font-weight: 500;
	color: #000;
	margin-bottom: 0.12rem;
}
.pro_des{
	font-size: 16px;
	line-height: 1.875;
	
	color: rgb(0, 0, 0, .8);
}

/* 双图文 */
.pro_tw2{}
.pro_tw2 ul{}
.pro_tw2 ul li{
	width: 48.7%;
}

/* pro_li_pic */
.pro_li_pic{
	width: 100%;
}
.pro_li_pic ul{
	gap: 10px;
}
.pro_li_pic ul li{
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.pro_li_pic ul li img{
}

.pro_01 .pro_ztyw .info{
	width: 51%;
}
.pro_07 .pro_t .info{
	font-size: 0.26rem;
}
.pro_07 .pro_t .info p:first-child{
	font-weight: 500;
}

.pro_07 .pro_ztyw .img{
	width: 48.8%;
}
.pro_07 .pro_ztyw .info,.pro_ztyw .info.w50{
	width: 50%;
}

.pro_ztyw .img.w50{
	width: 50%;
	text-align: right;
}
.pro_ztyw .img.w50 img{
	display: inline-block;
}

.pro_08{
	padding-bottom: 0.8rem;
}
.pro_08 .pro_t .text{
	width: 52.5%;
	margin-left: 56%;
}
.pro_08 .pro_t .text .info{}
.pro_08 .pro_t .text .info h4{
	font-size: 0.26rem;
	font-weight: 400;
}

.pro_10 .text{
	width: 52%;
	margin-left: 52%;
	margin-top: 4.3rem;
}

.pro_12 .pro_tw2 ul li{
	width: 49.35%;
}
.p60{
	padding-left: 0.6rem;
	padding-right: 0.6rem;
}
[class*="pro_"]  .pro_t .w12{
	padding-left: 0;
	padding-right: 0;
}
[class*="pro_"] .w12{
	padding-left: 0.6rem;
	padding-right: 0.6rem;
}

.pro_08 .pro_ztyw .img{
	width: 45%;
}

.pro_ys3{}
.pro_ys3 ul{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pro_ys3 ul li{
	width: 27%;
	font-size: 16px;
	line-height: 1.75;
	
	margin-bottom: 0.5rem;
}
.pro_ys3 ul li strong{
	display: block;
	font-size: 0.24rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 0.12rem;
}

.pro_14 .pro_t .text{
	width: 52%;
}

.pro_16 .text{
	color: #000;
}
/* 产品详情 e */

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

/* 新闻列表 s */
.n_newslist{}
.n_newslist .ab_tit span{
	margin-left: 0.25rem;
}
.n_newslist ul{}
.n_newslist ul li{
	padding-bottom: 0.9rem;
	margin-bottom: 0.9rem;
	border-bottom: 1px solid #c0c0c0;
}
.n_newslist ul li a{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.n_newslist ul li .img{
	width: 31.25%;
}
.n_newslist ul li .fr{
	width: 62.5%;
}
.n_newslist ul li .info{
	width: calc(100% - 220px);
	color: #585858;
}
.n_newslist ul li .info .tit{
	font-weight: 500;
	line-height: 1.3;
}
.n_newslist ul li .info .des{
	line-height: 2.15;
	margin-top: 0.2rem;
}
.n_newslist ul li .date{
	width: 130px;
	text-align: right;
	line-height: 1.3;
}
.n_newslist ul li .date span{
	color: #585858;
	font-weight: 700;
}
.n_newslist ul li .date p{
	color: rgb(0, 0, 0, .8);
}
/* 新闻列表 e */

/* 新闻详情 s */
.n_newsdet{
	padding: 0.6rem 0;
}
.n_newsdet .fl{
	width: calc(100% - 370px);
}
.n_newsdet .fl h3{
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	color: #333;
}
.n_newsdet .fl p.time{
	width: 100%;
	height: auto;
	padding: 0.15rem 0;
	border-bottom: 1px solid #ededed;
	font-size: 16px;
	line-height: 1.75;
	color: #666;
}
.n_newsdet .fl .des{
	width: 100%;
	height: auto;
	padding: 0.3rem 0;
	font-size: 16px;
	line-height: 1.75;
	color: #555;
}
.n_newsdet .fl .des img{
	display: inline-block;
	margin: 0.15rem auto;
}
.n_newsdet .fl .des p{
	color: #555;
}
.n_newsdet .fl .des span{
	text-wrap: wrap !important;
}
.n_newsdet .fl .des img{
	display: inline-block;
	max-width: 100% !important;
	height: auto !important;
	margin: 1em 0;
}

.n_newsdet .fr{
	width: 320px;
}
.n_newsdet .fr .tit{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.n_newsdet .fr .tit p{
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 600;
	background: url(../images/xwxxtb1.png) left center no-repeat;
	background-size: 30px auto;
	padding-left: 35px;
	color: #333;
}
.n_newsdet .fr .tit a{
	width: 30px;
	height: 40px;
	background: url(../images/xwxxtb2.png) right center no-repeat;
	display: block;
}
.n_newsdet .fr .con{
	width: 100%;
	height: auto;
	padding: 10px 20px 20px 20px;
	margin-top: 15px;
	box-shadow: 0px 4px 15px #dedede;
	box-sizing: border-box;
}
.n_newsdet .fr .con ul{
	
}
.n_newsdet .fr .con ul li{
	width: 100%;
	height: auto;
	list-style: none;
	border-bottom: 1px solid #ededed;
	padding: 15px 0;
}
.n_newsdet .fr .con ul li a{}
.n_newsdet .fr .con ul li h4{
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-weight: 600;
}
.n_newsdet .fr .con ul li p{
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 24px;
	color: #555;
	margin: 5px 0;
	-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_newsdet .fr .con ul li:hover p{
	color: #018b7b;
}
/* 新闻详情 e */



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

/* 服务支持 s */
.n_ser_01{
	padding: 1.2rem 0 0.8rem;
}
.n_ser_01 .top{}
.n_ser_01 .top .info{
	width: 60%;
}
.n_ser_01 .top .info .t1{
	font-weight: 500;
}
.n_ser_01 .top .info .p1{
	
	line-height: 1.75;
	margin-top: 0.25rem;
}
.n_ser_01 .bot{}
.n_ser_01 .bot .img{
	position: relative;
	display: inline-block;
	margin-right: 5.36vw;
}
.n_ser_01 .bot .img img{
	width: 7.74rem;
}
.n_ser_01 .bot .p{
	position: absolute;
	bottom: 6.875vw;
	left: -1.05rem;
	height: 105px;
	font-size: 14px;
	line-height: 1.3;
	writing-mode: vertical-rl;
	text-orientation: upright;
	text-align: end;
}
.n_ser_01 .bot .p span{
	font-size: 18px;
	font-weight: 700;
}
/* 服务支持 e */

/* 服务优势 s */
.n_ser_02{
	overflow: hidden;
}
.n_ser_02 .box{
	background-color: #00a03e;
	color: #fff;
}
.n_ser_02 .fl{
	width: 40%;
}
.n_ser_02 .fl .img{}
.n_ser_02 .fr{
	position: relative;
	width: 60%;
	padding: 0.6rem 1rem;
}
.n_ser_02 .fr::after{
	position: absolute;
	content: "";
	display: block;
	width: 1000em;
	height: 100%;
	left: 100%;
	top: 0;
	background-color: #00A03E;
}
.n_ser_02 ul{}
.n_ser_02 ul li{
	margin-top: 0.6rem;
}
.n_ser_02 ul li .ico{
	width: 0.72rem;
}
.n_ser_02 ul li .ico img{
	max-width: 100%;
}
.n_ser_02 ul li .info{
	width: calc(100% - 1.1rem);
	padding-bottom: 0.6rem;
}
.n_ser_02 ul li:first-child .info{
	border-bottom: 1px solid #fff;
}
.n_ser_02 ul li .tit{}
.n_ser_02 ul li .des{
	opacity: .8;
	margin-top: 0.2rem;
	line-height: 1.875;
}
/* 服务优势 e */

/* 免费服务 s */
.n_ser_03{}
.n_ser_03 .top{}
.n_ser_03 .top .info{
	line-height: 1.5;
}
.n_ser_03 .con{}
.n_ser_03 ul{
	margin: 0 -0.6rem;
}
.n_ser_03 ul li{
	flex: 1;
	border-left: 1px solid #000;
	text-align: center;
}
.n_ser_03 ul li:first-child{
	border: none;
}
.n_ser_03 ul li .ico{
	width: 0.7rem;
	height: 0.7rem;
	line-height: 0.7rem;
	margin: 0 auto;
}
.n_ser_03 ul li .ico img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}
.n_ser_03 ul li .info{
	line-height: 1.6;
	margin-top: 0.2rem;
}
/* 免费服务 e */

/* ====================加盟样式========================= */

/* 招商加盟 s */
.n_join_01{
	padding: 1.5rem 0 1rem;
}
.n_join_01 .des{
	line-height: 1.75;
}
/* 招商加盟 e */

/* 四大核心优势 s */
.n_join_02{
	overflow: hidden;
}
.n_join_02 .top{}
.n_join_02 .top .ab_tit{
	position: absolute;
	top: 5.2vw;
	left: 5.2vw;
}
.n_join_02 .top .img{
	width: 65%;
	height: 100%;
}
.n_join_02 .top .img img{
	object-fit: cover;
}
.n_join_02 .top .box{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	height: 100%;
}
.n_join_02 .top .box>div{
	height: 100%;
}
.n_join_02 .top .box ul{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	float: right;
	width: 67%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.n_join_02 .top .box ul li{
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 50%;
	height: 50%;
	padding: 0.5rem 0.8rem;
	background-color: #fff;
}
.n_join_02 .top .box ul li:nth-child(3){
	flex-direction: column-reverse;
}
.n_join_02 .top .box ul li:nth-child(1){
	order: 1;
	background-color: transparent;
}
.n_join_02 .top .box ul li:nth-child(2){
	order: 3;
}
.n_join_02 .top .box ul li:nth-child(3){
	order: 2;
	background-color: #F0F0F0;
}
.n_join_02 .top .box ul li:nth-child(3)::after{
	position: absolute;
	content: "";
	width: 1000em;
	height: 100%;
	background-color: #f0f0f0;
	left: 100%;
	top: 0;
}
.n_join_02 .top .box ul li:nth-child(4){
	order: 4;
	background-color: #00A03E;
}
.n_join_02 .top .box ul li:nth-child(4)::after{
	position: absolute;
	content: "";
	width: 1000em;
	height: 100%;
	background-color: #00A03E;
	left: 100%;
	top: 0;
}

.n_join_02 .top .box ul li .ico{
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: right;
}
.n_join_02 .top .box ul li .ico img{
	display: inline-block;
	max-height: 100%;
}
.n_join_02 .top .box ul li .info{
	margin-top: 0.5rem;
}
.n_join_02 .top .box ul li:nth-child(3) .info{
	margin-bottom: 0.5rem;
	margin-top: 0;
}
.n_join_02 .info .t1{
	color: rgb(0, 0, 0, .8);
}
.n_join_02 .info .p1{
	color: rgb(51,51,51,.8);
	line-height: 1.875;
	margin-top: 0.12rem;
}
.n_join_02 .top .box ul li:nth-child(4) .info .t1,
.n_join_02 .top .box ul li:nth-child(4) .info .p1{
	color: #fff;
}
.n_join_02 .num{
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 0.72rem;
	height: 0.72rem;
	line-height: 0.72rem;
	text-align: center;
	font-size: 0.24rem;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	z-index: 3;
}
.n_join_02 .top .box ul li:first-child .num{
	top: 0;
	bottom: auto;
}
.n_join_02 .top .box ul li:nth-child(4) .num{
	background-color: #00A03E;
	color: #fff;
}
.n_join_02 .top .box ul li:nth-child(2) .num{
	top: 0;
	bottom: auto;
}
.n_join_02 .bot{
	background-color: #F0F0F0;
}
.n_join_02 .bot .item{
	position: relative;
	width: 66.6%;
	padding: 1.7rem 1rem 1.4rem;
}
.n_join_02 .bot .item .ico{
	width: 4rem;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
}
.n_join_02 .bot .item .ico img{
	display: inline-block;
	max-height: 100%;
}
.n_join_02 .bot .item .info{
	width: calc(100% - 4rem);
}
.n_join_02 .bot .item .num{
	right: 0;
	top: 0;
	color: #00A03E;
}
.n_join_02 .bot .img{
	position: absolute;
	width: 35.5%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1;
}
.n_join_02 .bot .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 四大核心优势 e */

/* 加盟政策 s */
.n_join_03{}
.n_join_03 ul{
	column-gap: 1.3rem;
}
.n_join_03 ul li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background-color: #00A03E;
	color: #fff;
	text-align: center;
}
.n_join_03 ul li p{
	line-height: 1.6;
}
/* 加盟政策 e */

/* 加盟申请 s */
.n_join_04{
	padding: 0.5rem 0 1rem;
	background-color: #E2E2E2;
}
.n_join_04 .top{}
.n_join_04 .p{
	color: rgb(51,51,51,.7);
	line-height: 1.5;
}
.n_join_04 .con{}
.n_join_04 form{}

.n_join_04 #super_citys{
	width: 100%;
}
.n_join_04 .mui-input-row{
	width: 32%;
	margin-top: 0.45rem;
}
.n_join_04 .mui-input-row.w100{
	width: 100%;
}
.n_join_04 .mui-input-row>input{
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 0.2rem;
	font-size: 16px;
	background-color: #fff;
}
#super_citys{
	
}
#super_citys>div{
   height: 50px;
   line-height: 50px;
   padding-left: 0.2rem;
   font-size: 16px;
   color: rgb(51,51,51,.6);
   background-color: #fff;;
    width: 32%;
    display:inline-block;
    vertical-align: top;
    position:relative;
    cursor:pointer;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}
#super_citys>div>div{
    overflow: hidden;
    padding-right:24px;
    font-size:16px;
	color: rgb(51,51,51,.6);
}
.shadow{
    border:1.5px solid #00A03E!important;
}
#super_citys>div>ul{
    width:100%;
    border:2px solid #00A03E!important;
    position:absolute;
    left:0;
    z-index: 99;
    overflow-y: scroll;
    height:0px;
    display:none;
    box-sizing: border-box;
    background:#fff;
}
#super_citys>div>ul>li{
    font-size:15px;
    text-indent: 10px;
    cursor:pointer;
    overflow: hidden;
}
#super_citys>div>ul>li:hover{
    background:#00A03E;
    color:#fff;
}




.n_join_04 .mui-input-row input::placeholder,
.n_join_04 .mui-input-row textarea::placeholder{
	font-size: 16px;
	color: rgb(51,51,51,.6);
}
.n_join_04 .mui-input-row .box{
	font-size: 16px;
	color: #333;
}
.n_join_04 .mui-input-row .box label{
	width: 150px;
}
.n_join_04 .mui-input-row .box .col{}
.n_join_04 .mui-input-row .box .row{
	margin-bottom: 0.2rem;
}
.n_join_04 .mui-input-row .box .row input[type="radio"]{
	-webkit-appearance: auto;
	appearance: auto;
}
.n_join_04 .mui-input-row .box .row input span{}

.n_join_04 .mui-input-row textarea{
	width: 100%;
	height: 2.3rem;
	padding: 0.2rem;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	border: none;
}
.n_join_04 .btn{
	width: 100%;
}
.n_join_04 .btn button{
	display: inline-block;
	font-size: 0.2rem;
	color: #fff;
	padding: 0.15rem 0.5rem;
	border-radius: 0.5rem;
	border: none;
	background-color: #00A03E;
	cursor: pointer;
}
.n_join_04 .btn button:hover{
	background-color: #000;
}
/* 加盟申请 e */

/* 加盟流程 s */
.n_join_05{}
.n_join_05 .con{}
.n_join_05 ul{
	width: 100%;
}
.n_join_05 ul li{
	position: relative;
	display: inline-block;
	padding: 0.25rem 0.2rem 0.2rem;
	border-radius: 0.15rem;
	border: 1px solid #6cbd8c;
	text-align: center;
}
.n_join_05 ul li:not(:last-child)::after{
	position: absolute;
	content: "";
	display: block;
	width: 25px;
	height: 20px;
	left: 100%;
	margin-left: -.5px;
	bottom: 22.67%;
	background: url('../images/n_join_05.jpg') no-repeat center;
}
.n_join_05 ul li .num{
	position: absolute;
	font-size: 1.04rem;
	line-height: 1;
	font-weight: 700;
	color: #6cbd8c;
	left: 0;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
	background-color: #fff;
}	
.n_join_05 ul li .ico{
	width: 0.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
}
.n_join_05 ul li .ico img{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}
.n_join_05 ul li .info{
	display: inline-block;
	margin-top: 0.25rem;
	line-height: 1.3;
	width: 40px;
}
/* 加盟流程 e */

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

/* 联系我们 s */
/* 联系我们 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;}
	.pd-100,.pd-120,.pd-140,.pd-160{
		padding: 0.8rem 0;
	}
	.Header-wrapper{
		width: 100%;
		padding: 0 4%;
		background-color: #00A03E;
	}
	.Header-container{
		height: 60px;
	}
	.i_banner, .i_mb_banner, .Footer-wrapper,.Container-wrapper{
		width: 100%;
		margin-left: 0;
	}
	.i_mb_banner .swiper-slide{
		width: 100%;
		height: 30vh;
	}
	.i_mb_banner .swiper-slide img{
		height: 100%;
		object-fit: cover;
	}
	.i_mb_banner .swiper-pagination-bullet-active{
		background-color: #00A03E;
	}
	
	.i_pro .top{
		justify-content: center;
		text-align: center;
	}
	.i_pro_nav{
		margin-top: 0.3rem;
		display: none;
	}
	.i_pro_nav ul{
		flex-wrap: wrap;
	}
	.i_pro .con{
		margin: 0.5rem -3% 0;
	}
	.i_pro .con ul li{
		width: 46%;
	}
	.i_pro .con ul li:last-child{
	    display: none !important;
	}
	.i_pro .con::before{
		display: none;
	}
	.i_pro .con::after{
		right: 50%;
		height: 98%;
	}
	.i_pro .i_more{
		margin-top: .5rem;
	}
	
	.i_ab .top{
		padding: 0.6rem 0;
	}
	.i_ab .top .img{
		position: relative;
		width: 100%;
		margin: 0.5rem 0 0;
		top: 0;
	}
	.i_ab .top .box{
		float: none;
		padding: 0.4rem 0 0;
	}
	.i_ab .top .info{
		width: 100%;
	}
	.i_ab .bot .w12{
		padding: 0.8rem 0;
	}
	.i_ab .bot .num{
		width: 100%;
	}
	.i_ab .bot .num ul li{
		width: 50%;
	}
	.i_ab .bot .img{
		position: relative;
		margin-top: 0.5rem;
	}
	
	.i_strength .box{
		padding: 0 4%;
	}
	
	.i_news .fl,.i_news .fr{
		width: 100%;
	}
	.i_news .fr ul{
		padding: 0.4rem 0;
	}
	.i_news .fr ul li a{
		padding-bottom: 0.4rem;
	}
	.i_news .fr ul li .i{
		display: none;
	}
	.i_news .fr ul li .date{
		width: 70px;
	}
	.i_news .fr ul li .info{
		width: calc(100% - 80px);
	}
	
	.Footer-container .fl,.Footer-container .mid,.Footer-container .fr{
		width: 100%;
		padding-left: 0;
	}
	.Footer-container .fl ul li{
		width: 100%;
		padding-bottom: 0.2rem;
		border-bottom: 1px solid rgb(255,255,255,.5);
		margin-bottom: 0.24rem;
	}
	.Footer-container .fl ul li p{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 16px;
		margin-bottom: 0;
	}
	.Footer-container .fl ul li p.on i{
		transform: rotate(180deg);
	}
	.Footer-container .fl ul li .foot_nav_link{
		display: none;
		padding: 0.2rem 0;
	}
	.Footer-container .fl ul li .foot_nav_link a{
		font-size: 14px;
		line-height: 1.5;
		padding: 0.1rem 0;
	}
	.Footer-container:before,.Footer-container::after{
		display: none;
	}
	.Footer-container .mid{
		padding: 0.2rem 0;
	}
	.Footer-container .mid .wx{
		width: 2rem;
	}
	.Footer-container .fr{
	}
	.Footer-container .fr .p1{
	}
	.Footer-container .fr .p1 i{
		margin-right: 4px;
		font-size: 0.4rem;
	}
	
	.c_ban{
		width: 100%;
		margin-left: 0;
		margin-top: 60px;
		height: 4.5rem;
	}
	.c_ban img{
		height: 100%;
		object-fit: cover;
	}
	.ab_01{
		padding-top: 0.4rem;
		transform: none;
	}
	.ab_01 .box .fl{
		display: none;
	}
	.ab_01 .fr{
		width: 100%;
	}
	.ab_01 .fr ul{
		align-items: stretch;
		row-gap: 0.4rem;
	}
	.ab_01 .fr ul li{
		width: 50%;
		padding: 0.2rem;
	}
	.ab_01 .fr ul li:nth-child(2n){
		border: none;
	}
	.ab_01 .fr ul li:first-child{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ab_01 .fr ul li img{
		height: 28px;
	}
	.ab_01 .fr ul li p{
		line-height: 1.5;
	}
	
	.ab_02 .pst-pic{
		position: relative;
		top: auto;
		width: 100%;
		margin-top: 0.4rem;
	}
	.ab_02 .fl{
		float: none;
		width: 100%;
	}
	
	.ab_03{
		padding: 0.8rem 0;
	}
	.ab_03 .top{
		flex-direction: column;
	}
	.ab_03 .top>div{
		width: 100%;
	}
	.ab_03 .top .info{
		width: 100%;
		margin-right: 0;
		margin-top: 0.4rem;
	}
	.ab_03 .bot{
		width: 92%;
		margin: 0.5rem auto 0;
	}
	.ab_03 .bot ul li .img .pic{
		width: 100%;
		padding-bottom: 56.25%;
	}
	.ab_03 .bot .swiper-button-prev,.ab_03 .bot .swiper-button-next{
		display: none;
	}
	.ab_03 .bot ul li a{
		padding: 0.6rem 0.4rem;
	}
	.ab_03 .bot .swiper-pagination{
		bottom: 0.2rem;
	}
	
	.ab_04 .bot{
		flex-wrap: wrap;
		gap: 0.2rem;
	}
	.ab_04 .bot .fl,.ab_04 .bot .fr{
		width: 100%;
	}
	.ab_04 .bot .fl .box{
		padding: 1.2rem 0.6rem 0.6rem;
	}
	.ab_04 .bot .box .t1{
		font-size: 0.36rem;
		margin: 0.35rem 0 0.25rem;
	}
	.ab_04 .bot .box .mask{
		padding: 0.2rem 0.8rem;
	}
	.ab_04 .bot .fr .t{
		height: auto;
	}
	.ab_04 .bot .fr .b{
		height: auto;
		margin-top: 0.2rem;
	}
	.ab_04 .bot .fr .b ul li{
		padding: .6rem 0.4rem;
	}
	.ab_05 .top{
		padding-bottom: 0;
	}
	
	.ab_05 .bot .item{
		background-position: center 110%;
	}
	.ab_05 .bot .item .swiper-button-prev, .ab_05 .bot .item .swiper-button-next{
		width: 0.55rem;
		height: 0.55rem;
	}
	.ab_05 .bot .item .swiper-button-prev{
		margin-left: -0.2rem;
	}
	.ab_05 .bot .item .swiper-button-next{
		margin-right: -0.2rem;
	}
	
	.ab_06{
		padding: 1rem 0 6rem;
	}
	.ab_06 .top .info{
		width: 100%;
		margin-top: 0.3rem;
	}
	.ab_06 .bot{
		width: 100%;
		margin-left: 0;
	}
	.ab_06 .bot ul{
		align-items: flex-start;
	}
	.ab_06 .bot ul li{
		width: 50%;
		padding: 0.4rem 0.2rem;
	}
	.ab_06 .bot ul li .info .t1{
		line-height: 1.3;
	}
	.ab_06 .bot ul li .info .p1 p span{
		text-wrap-mode: wrap !important;
	}
	
	.n_newslist ul li{
		padding-bottom: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.n_newslist ul li a{
		flex-direction: column;
	}
	.n_newslist ul li .img,.n_newslist ul li .fr{
		width: 100%;
	}
	.n_newslist ul li .fr{
		padding-top: 0.4rem;
	}
	.n_newslist ul li .fr .info{
		width: 100%;
	}
	.n_newslist ul li .date{
		display: none;
	}
	
	.n_newsdet .fl,.n_newsdet .fr{
		width: 100%;
	}
	.n_newsdet .fr{
		margin-top: 20px;
	}
	.n_newsdet .fr .con ul li{
		padding: 10px 0;
	}
	
	.n_ser_01 .top{
		flex-direction: column;
	}
	.n_ser_01 .top>div,.n_ser_01 .top .info{
		width: 100%;
	}
	.n_ser_01 .top .info{
		margin-top: 0.45rem;
	}
	.n_ser_01 .bot .p{
		left: 0;
		top: 0;
	}
	
	.n_ser_02 .box{
		flex-wrap: wrap;
	}
	.n_ser_02 .fr::after{
		display: none;
	}
	.n_ser_02 .fl,.n_ser_02 .fr{
		width: 100%;
	}
	.n_ser_02 .fr{
		padding: 0.7rem 0.4rem;
	}
	.n_ser_02 ul li{
		flex-direction: column;
	}
	.n_ser_02 ul li .ico{
		margin-bottom: 0.4rem;
	}
	.n_ser_02 ul li .info{
		width: 100%;
	}
	.n_ser_02 ul li:first-child{
		margin-top: 0;
	}
	.n_ser_02 ul li:last-child .info{
		padding-bottom: 0;
	}
	
	.n_ser_03{
		overflow: hidden;
	}
	.n_ser_03 .top{
		flex-direction: column;
	}
	.n_ser_03 .top>div,.n_ser_03 .top .info{
		width: 100%;
	}
	.n_ser_03 .top .info{
		text-align: left;
		margin-top: 0.4rem;
	}
	.n_ser_03 ul {
		row-gap: 0.2rem;
		margin: 0 -0.4rem;
	}
	.n_ser_03 ul li{
		flex: none;
		width: 33.333%;
	}
	.n_ser_03 ul li:nth-child(4){
		border: none;
	}
	
	.n_join_02 .top .img{
		width: 100%;
	}
	.n_join_02 .top .box{
		position: relative;
	}
	.n_join_02 .top .box ul{
		position: relative;
		width: 100%;
	}
	.n_join_02 .top .box ul li{
		width: 100%;
		padding: 0.8rem 0.4rem 0.6rem;
	}
	.n_join_02 .top .box ul li:nth-child(3)::after,.n_join_02 .top .box ul li:nth-child(4)::after{
		display: none;
	}
	.n_join_02 .top .box ul li .ico{
		text-align: left;
	}
	.n_join_02 .top .box ul li .info{
		margin-top: 0.4rem;
	}
	.n_join_02 .info .p1{
		margin-top: 0.2rem;
	}
	.n_join_02 .num{
		width: 1rem;
		height: 1rem;
		line-height: 1rem;
		font-size: 0.36rem;
	}
	.n_join_02 .top .box ul{
		margin-top: 0.4rem;
	}
	.n_join_02 .top .box ul li{
		order: initial !important;
	}
	.n_join_02 .top .box ul li:nth-child(1){
		display: none;
	}
	.n_join_02 .top .box ul li:nth-child(2) .num{
		right: 0;
		background-color: #F0F0F0;
	}
	.n_join_02 .top .box ul li:nth-child(3) .num{
		right: 0;
		top: 0;
	}
	.n_join_02 .top .box ul li:nth-child(4) .num{
		right: 0;
		top: 0;
		background-color: #fff;
		color: #00A03E;
	}
	.n_join_02 .bot .item{
		width: 100%;
		flex-direction: column;
		padding: 0.8rem 0.4rem;
		background-color: #F0F0F0;
	}
	.n_join_02 .bot .item .ico,.n_join_02 .bot .item .info{
		width: 100%;
	}
	.n_join_02 .bot .item .ico{
		text-align: left;
	}
	.n_join_02 .bot .item .info{
		margin-top: 0.4rem;
	}
	.n_join_02 .bot .img{
		position: relative;
		height: auto;
		width: 100%;
	}
	.n_join_02 .bot {
		background-color: #fff;
	}
	.n_join_03 ul{
		column-gap: 0.4rem;
	}
	.n_join_03 ul li{
		width: 110px;
		height: 110px;
	}
	
	.n_join_04{
		padding: 0.8rem 0;
	}
	.n_join_04 #super_citys{
		row-gap: 0.4rem;
	}
	#super_citys>div,.n_join_04 .mui-input-row>input{
		width: 100%;
		height: 45px;
		line-height: 45px;
	}
	.n_join_04 .mui-input-row{
		width: 100%;
		margin-top: 0.4rem;
	}
	.n_join_04 .mui-input-row .box label,.n_join_04 .mui-input-row .box .col{
		width: 100%;
	}
	.n_join_04 .mui-input-row .box{
		flex-direction: column;
		row-gap: 0.4rem;
	}
	.n_join_04 .mui-input-row .box .row{
		margin-bottom: 0.3rem;
	}
	.n_join_04 .mui-input-row textarea{
		height: 3.6rem;
	}
	.n_join_04 .btn button{
		font-size: 0.3rem;
		padding: 0.25rem 0.8rem;
	}
	
	.n_join_05 ul{
		row-gap: 0.5rem;
		padding: 0 4%;
	}
	.n_join_05 ul li{
		width: 42%;
		padding: 0.5rem 0.2rem;
	}
	.n_join_05 ul li .ico{
		margin: 0 auto;
	}
	.n_join_05 ul li:not(:last-child)::after{
		margin-left: 0;
	}
	
	.pro_t{
		margin-top: 80px;
	}
	
	.pro_t .text{
		margin-top: 0;
		width: 100% !important;
		margin-left: 0 !important;
	}
	.pro_t .text .info p span,.pro_twjh p,.pro_twjh p span{
		text-wrap-mode: wrap !important;
	}
	.pro_t .box{
		position: initial;
		padding: 0.6rem 4%;
		background-color: #f0f0f0;
		color: #000;
	}
	
	.pro_sort{
		position: absolute;
		width: 92%;
		top: 0.6rem;
		color: #fff;
	}
	
	.pro_ztyw .img,.pro_ztyw .info,.pro_01 .pro_ztyw .info{
		width: 100% !important;
	}
	.pro_ztyw .info{
		margin-top: 0.55rem;
	}
	[class*="pro_"] .w12{
		padding-left: 0;
		padding-right: 0;
	}
	
	.pro_ys ul li{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	
	.pro_twlb ul li,.pro_twlb2 ul li,.pro_twlb2 ul li:last-child a .img,.pro_twlb2 ul li:last-child a .info,
	.pro_twjh ul li,.pro_tw2 ul li,.pro_07 .pro_ztyw .img,.pro_07 .pro_ztyw .info, .pro_ztyw .info.w50,.pro_ys3 ul li,
	.pro_twjh .con{
		width: 100% !important;
	}
	.pro_twlb ul li a,.pro_twlb2 ul li a{
		border: none !important;
		border-bottom: 1px solid #666666 !important;
	}
	.pro_twlb ul li a,.pro_twlb2 ul li a{
		padding: 0.4rem;
	}
	.pro_twlb ul li .info,.pro_twlb2 ul li a .info,.pro_twlb2 ul li:last-child a .info{
		margin-top: 0.55rem;
	}
	.pro_li3 ul li:last-child{
		margin-bottom: 0;
	}
	
	.pro_li_pic ul{
		flex-direction: column;
		row-gap: 0.4rem;
	}
	.pro_li_pic ul li{
		width: 100%;
	}
	.pro_li_pic ul li img{
		width: 100%;
	}
	
	.pro_tw2 ul{
		row-gap: 0.4rem;
	}
	
	.scroll{
		overflow-x: auto;
	}
}

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

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

@media all and (max-width:480px) {
	.pro_twjh tr:first-child td,.pro_twjh tr, .pro_twjh td{
		font-size: 14px;
		text-wrap: nowrap;
	}
}

@media all and (max-width:420px) {
	.pro_t .text .tit p{
		font-size: 24px;
	}
	.i_tit h3,.n_newsdet .fl h3{
		font-size: 20px;
	}
	.pro_ys ul li strong,.pro_t .text .tit h3,.pro_twjh ul li strong,.pro_twjh .con h5,.pro_tit,.pro_ys3 ul li strong,
	.pro_twjh .con h5{
		font-size: 18px;
	}
	.ab_04 .bot .fr .b ul li .info{
		font-size: 16px;
	}
	.i_pro_nav ul li a,.i_ab .bot .num ul li p,.Footer-container .fr .p,.ab_01 .fr ul li p,.ab_04 .bot .box .p1,.n_newsdet .fl .des,
	.n_join_04 .mui-input-row .box,.n_join_04 .mui-input-row textarea,#super_citys>div, .n_join_04 .mui-input-row>input,.pro_sort ul li a,
	.pro_ys ul li,.pro_twjh ul li,.pro_des,.pro_ys3 ul li{
		font-size: 14px;
	}
	.com_page a, .com_page span,.pro_t .text .info{
		font-size: 13px;
	}
}

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