@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 "Microsoft YaHei",Arial,"PingFang SC","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;}
.linelimit-5 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.linelimit-6 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
/* 引入字体 */
/* @font-face {
    font-family: 'MR';
    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');
}
.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;}
.w12{width: 1260px;max-width: 92%;margin: 0 auto;}
.w14{width: 1440px;max-width: 92%;margin: 0 auto;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.w18{width: 1800px;max-width: 92%;margin: 0 auto;}
.pc{display: block;}
.mb{display: none;}
.mt{margin-top: 100px;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-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;}
.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-16 {font-size: 12px;}
  .tit-18 {font-size: 14px;}
  .tit-20 {font-size: 16px;}
  .tit-33 {font-size: 20px;}
  .tit-34 {font-size: 21px;}
  .tit-35 {font-size: 22px;}
  .tit-36 {font-size: 23px;}
  .tit-37 {font-size: 24px;}
  .tit-38 {font-size: 25px;}
  .tit-39 {font-size: 26px;}
  .tit-40 {font-size: 24px;}
  .tit-41 {font-size: 25px;}
  .tit-42 {font-size: 26px;}
  .tit-43 {font-size: 27px;}
  .tit-44 {font-size: 28px;}
  .tit-45 {font-size: 29px;}
  .tit-46 {font-size: 30px;}
  .tit-47 {font-size: 31px;}
  .tit-48 {font-size: 32px;}
  .tit-49 {font-size: 33px;}
  .tit-50 {font-size: 28px;}
  .tit-51 {font-size: 29px;}
  .tit-52 {font-size: 30px;}
  .tit-53 {font-size: 31px;}
  .tit-54 {font-size: 32px;}
  .tit-55 {font-size: 33px;}
  .tit-56 {font-size: 34px;}
  .tit-57 {font-size: 35px;}
  .tit-58 {font-size: 36px;}
  .tit-59 {font-size: 37px;}
  .tit-60 {font-size: 36px;}
  .tit-61 {font-size: 37px;}
  .tit-62 {font-size: 38px;}
  .tit-63 {font-size: 39px;}
  .tit-64 {font-size: 40px;}
  .tit-65 {font-size: 41px;}
  .tit-66 {font-size: 42px;}
  .tit-67 {font-size: 43px;}
  .tit-68 {font-size: 44px;}
  .tit-69 {font-size: 45px;}
  .tit-70 {font-size: 46px;}
  .tit-70 {font-size: 42px;}
  .tit-71 {font-size: 43px;}
  .tit-72 {font-size: 44px;}
  .tit-73 {font-size: 45px;}
  .tit-74 {font-size: 46px;}
  .tit-75 {font-size: 47px;}
  .tit-76 {font-size: 48px;}
  .tit-77 {font-size: 49px;}
  .tit-78 {font-size: 50px;}
  .tit-79 {font-size: 51px;}
  .tit-80 {font-size: 52px;}
}

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

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

/* 头部 */
.Header-wrapper {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background-color: transparent;
	z-index: 99;
}

.Header-wrapper.on {
	box-shadow: 0 0 15px rgb(0 0 0 / 20%);
	background-color: white;
}

.Header-container {
	padding: 0 8%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.Header-container .logo {
	width: auto;
	height: auto;
}

.Header-container .logo h1 {
	padding: 15px 0;
	font-size: 0;
}

.Header-container .logo h1 a {
	font-size: 0;
}

.Header-container .logo h1 a img {
	width: auto;
	height: 54px;
}
.Header-container .logo h1 a img+img{
	display: none;
}
.Header-wrapper.on  .Header-container .logo h1 a img{
	display: none;
}
.Header-wrapper.on .Header-container .logo h1 a img+img{
	display: block;
}

.Header-container .nav_item {}

.Header-container .nav_item>ul {}

.Header-container .nav_item>ul>li {
	float: left;
	position: relative;
	height: 84px;
	line-height: 84px;
	margin: 0 0 0 0.55rem;
}

.Header-container .nav_item>ul>li>a {
	display: inline-block;
	font-size: 18px;
	color: #fff;
}
.Header-wrapper.on .Header-container .nav_item>ul>li>a{
	color: #000;
}

.Header-container .nav_item>ul>li>a:hover,
.Header-container .nav_item>ul>li.active>a {
	color: #be503c;
}

/* 二级导航 */
.Header-container .nav_item .sub_nav {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: -1px;
	padding: 10px 0;
	box-shadow: 0 0 8px rgb(0, 0, 0, .1);
	background-color: white;
	z-index: 2;
}

.Header-container .nav_item>ul>li:hover .sub_nav {
	display: block;
	display: block;
	animation: HnavDD .6s ease-in-out;
	-webkit-animation: HnavDD .6s ease-in-out;
}

@keyframes HnavDD {
	from {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		opacity: 0;
	}

	top {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
}

@-webkit-keyframes HnavDD {
	from {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		opacity: 0;
	}

	top {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
}

.Header-container .nav_item .sub_nav li {
	position: relative;
	padding: 12px 18px;
	width: 165px;
	line-height: 1;
}

.Header-container .nav_item .sub_nav li a {
	position: relative;
	display: block;
	font-size: 16px;
	color: #595757;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Header-container .nav_item .sub_nav li a i {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

/* .Header-container .nav_item .sub_nav li a i:before {
    content: '\f107';
    font-family: 'fontawesome';
} */
.Header-container .nav_item .sub_nav li a:hover {
	color: #be503c;
}

/* 三级导航 */
.Header-container .nav_item .sub_nav li dl {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	padding: 10px 0;
	background-color: white;
	box-shadow: 0 0 6px rgb(0, 0, 0, .1);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	z-index: 3;
}

.Header-container .nav_item .sub_nav li.active dl,.Header-container .nav_item .sub_nav li:hover dl{
	display: block;
}

.Header-container .nav_item .sub_nav li dd {
	width: 110px;
	padding: 11px 0 11px 10px;
}

.Header-container .nav_item .sub_nav li dd a {
	font-size: 12px;
	color: #595757;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Header-container .nav_item .sub_nav li dd a:hover {
	color: #be503c;
}


/* 汉堡键 start*/
.navbtn {
	position: absolute;
	right: 4%;
	top: 0;
	float: right;
	height: 60px;
	cursor: pointer;
	display: none;
}

.navbtn span {
	width: 30px;
	height: 2px;
	border-radius: 2px;
	background: white;
	display: block;
	position: relative;
	margin-top: 30px;
}

.navbtn span:before,
.navbtn span:after {
	content: "";
	position: absolute;
	height: 2px;
	background: white;
	border-radius: 2px;
	display: block;
	left: 0;
	width: 100%;
}

.Header-wrapper.on .navbtn span{
	background-color: #000;
}
.Header-wrapper.on .navbtn span:before,
.Header-wrapper.on .navbtn span::after{
	background-color: #000;
}

.navbtn span:before {
	top: -10px;
}

.navbtn span:after {
	top: 10px;
}

/* 汉堡键 end*/

.Header-container .show {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .88);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	display: none;
}

.Header-container .show .box {
	width: 84%;
	margin: 0 auto;
}

.Header-container .show .m_logo a {
	display: block;
	margin-top: 35px;
	overflow: hidden;
	color: #ffffff;
	margin-bottom: 20px;
	font-size: 0;
}

.Header-container .show .m_logo a img {
	height: 38.5px;
	width: auto;
}

.Header-container .close {
	width: 32px;
	height: 32px;
	background-image: url(../images/close.png);
	position: absolute;
	right: 4%;
	top: 35px;
}

.Header-container .show .box .mnav>h2,
.Header-container .show .box .mnav_index>h2,
.Header-container .show .box .mnav>h3 a {
	border-bottom: 1px solid #646565;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	position: relative;
	font-weight: normal;
	text-align: left;
	display: block;
}

.Header-container .show .box .mnav>h2>a,
.Header-container .show .box .mnav_index>h2>a,
.Header-container .show .box .mnav>h3 a {
	color: #ffffff;
}

/* .Header-container .show .box:nth-child(1) .mnav > h2:after{
	display: none;
} */
.Header-container .show .box .mnav>h2.active:after{
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(../images/jia.png);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	z-index: 3;
}
.Header-container .show .box .mnav ol li.has-childs i{
	width: 40px;
	height: 40px;
	background: url(../images/jia.png) no-repeat center;
	background-position: right center;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	z-index: 3;
}

.Header-container .show .box .mnav>h2.open:after,.Header-container .show .box .mnav ol li.has-childs.active i{
	background-image: url(../images/jian.png);
}

.Header-container .show .box .mnav ol {
	display: none;
}

.Header-container .show .box .mnav ol li {
	position: relative;
	width: 100%;
	z-index: 999;
	text-align: left;
	font-size: 14px;
	
}

.Header-container .show .box .mnav ol li a {
	position: relative;
	color: #ffffff;
	display: block;
	padding: 15px 30px 15px 20px;
}
.Header-container .show .box .mnav ol li ol li a{
	padding-left: 50px;
}

@media all and (max-width:1000px) {
	.Header-container .logo h1{
		padding: 12px 0;
	}
	.Header-container .logo h1 a img{
		height: 36px;
	}
	.Header-container{
		padding: 0 4%;
	}
}
@media all and (max-width:768px) {}
@media all and (max-width:640px) {}
@media all and (max-width:480px) {}
@media all and (max-width:420px) {}

/* Footer s */
.Footer-wrapper{
	background-color: #be503c;
	padding: 0 8%;
}
.Footer-container{
	padding: 1rem 0 0.8rem;
}
.Footer-container .f_nav{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Footer-container dl{
	color: white;
}
.Footer-container dl a{}
.Footer-container dl a:hover{
	color: white;
}
.Footer-container dl dt{
	font-size: 0.24rem;
	font-weight: 700;
	margin-bottom: 0.3rem;
}
.Footer-container dl dd{
	font-size: 18px;
	line-height: 2.5;
	color: rgb(255,255,255,.8);
}
.f_bot{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 0.6rem;
}
.f_phone{
	line-height: 1.5;
	color: white;
	margin-right: 0.5rem;
}
.f_phone p{
	font-size: 0.32rem;
}
.f_phone span{
	font-size: 0.42rem;
	font-weight: 700;
}
.f_bot ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.f_bot ul li{
	margin-right: 0.2rem;
}
.f_bot ul li img{
	width: 100px;
}
.f_bot ul li p{
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 5px;
	color: #fff;
}

.Footer-copy{
	padding: 0.3rem 8%;
	font-size: 16px;
	line-height: 1.5;
	color: white;
	text-align: center;
	border-top: 1px solid rgb(255,255,255,.8);
}
.Footer-copy a{
	font-size: 16px;
	color: white;
}
/* Footer e */

/* ====================公共样式========================= */
.c_banner{}
.c_banner img{height: 100vh;width: 100%;object-fit: cover;}

/* com_page */
.com_page {display: flex;align-items: center;justify-content: center;padding-top: 0.55rem;}
.com_page a,.com_page span {width: .45rem;height: .45rem;display: flex;align-items: center;justify-content: center;border: 1px solid #e9eef3;font-size: .16rem;color: #333;/* background: #fff; */margin: 0 .05rem;transition: all .3s;min-width: 30px;min-height: 30px;}
.com_page a.page-num-current,.com_page a:hover {border-color: #be503c;background: #be503c !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #fff;}
.com_page a:last-child::after,.com_page a:first-child::after {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: 16px;line-height: 60px;text-align: center;color: #000;}

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

/* i_ban s */
.i_ban{}

.i_ban img{
    width: 100%;
}

.i_ban .swiper-horizontal>.swiper-pagination-bullets{
	bottom: 3%;
}
.i_ban  .swiper-pagination-bullet{
	background-color: white;
	opacity: 1;
	cursor: pointer;
	width: 0.16rem;
	height: 0.16rem;
}
.i_ban .swiper-pagination-bullet-active{
	background-color: #be503c;
}
/* i_ban e */

/* i_ab s */
.i_ab{
	padding: 1.2rem 4%;
	background: url('../images/i_ab_bg.jpg') no-repeat center/cover;
}
.i_ab .box{
	width: 770px;
	max-width: 100%;
}
.i_ab .tit{
	font-size: 0.45rem;
	line-height: 1.3;
	color: white;
	font-weight: 700;
}
.i_ab .tit span{
	font-size: 25px;
}
.i_ab .tit i{
	color: #be503c;
}

.i_ab .des{
	font-size: 16px;
	line-height: 1.75;
	color: white;
	margin: 0.4rem 0 0.8rem;
}
.i_ab ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 70px;
}
.i_ab ul li{
	min-width: 26%;
	color: white;
	margin: 15px 0;
}
.i_ab ul li:nth-child(2),.i_ab ul li:nth-child(5){
	margin-right: 0.4rem;
}
.i_ab ul li:nth-child(3n){
	margin-right: 0;
}
.i_ab ul li .ico{
	height: 25px;
	line-height: 25px;
}
.i_ab ul li .ico img{
	max-height: 100%;
}
.i_ab ul li .num{
	line-height: 1.3;
	font-weight: 700;
}
.i_ab ul li .num span{
	font-size: 0.54rem;
}
.i_ab ul li .num i{
	font-size: 0.28rem;
}
.i_ab ul li p{
	font-size: 12px;
}

.container{}
.i_more{}
.i_more.tac{
	text-align: center;
}
.i_more a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: white;
	padding: 14px 28px;
	background-color: #be503c;
	border-radius: 50px;
}
.i_more a::after{
	content: "";
	display: inline-block;
	width: 9px;
	height: 14px;
	background: url('../images/ico_r_w.png') no-repeat center;
	margin-left: 13px;
	-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_more a:hover::after{
	transform: translateX(-6px);
}
/* i_ab e */

/* i_space s */
.i_tit{
	text-align: center;
	color: #000;
}
.i_tit h3{
	font-size: 0.45rem;
	margin: 0 0 0.2rem;
}
.i_tit p{
	font-size: 16px;
	line-height: 1.5;
}

.i_space{
	padding: 1.4rem 0;
	background-color: #F7F7F7;
	overflow: hidden;
}
.i_space .i_more{
	margin: 0.6rem auto 0.9rem;
}
.i_space .con{
	padding-left: 4%;

}
.i_space .con .swiper{
	padding-bottom: 0.6rem;
}

.i_space .con .swiper .swiper-pagination-bullet-active{
	background-color: #BE503C;
}
.i_space ul{}
.i_space ul li{}
.i_space ul li a{
	position: relative;
	display: block;
}
.i_space ul li .pic{}
.i_space ul li .pic img{
    width: 100%;
}
.i_space ul li .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0.3rem;
	background-color: #fff;
	z-index: 1;
	-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_space ul li .mask .ico{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 40%;
	height: 0.9rem;
	line-height: 0.9rem;
	margin-bottom: 0.9rem;
	-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_space ul li .mask .ico img{
	display: inline-block;
	max-height: 100%;
}
.i_space ul li .mask p{
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0.5rem;
	font-size: 0.32rem;
	line-height: 1.1;
	color: #000;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-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_space ul li .mask p::after{
	content: "";
	position: absolute;
	width: 9px;
	height: 14px;
	background-image: url(../images/ico_r.png);
	right: -0.27rem;
	top: 50%;
	transform: translateY(-50%);
	filter: grayscale(100);
	transition: all 0.5s;
}
.i_space ul li:hover .mask{
	background-color: transparent;
}
.i_space ul li:hover .mask p{
	color: white;
	transform: none;
	left: 0.3rem;
}
.i_space ul li:hover .mask .ico{
	left: 0.3rem;
	top: 0.3rem;
	height: 0.42rem;
	line-height: 0.42rem;
	z-index: 2;
	transform: none;
}
.i_space ul li:hover .mask .ico img{
	filter: brightness(100);
}
.i_space ul li:hover .mask p::after{
	background-image: url('../images/ico_r_w.png');
}
/* i_space e */

/* i_case s */
.i_case{
	padding: 0 4%;
	background-color: #F7F7F7;
}
.i_case .i_tit{
	margin-bottom: 0.7rem;
}
.i_case ul{
	width: 100%;
	overflow: hidden;
}
.i_case ul li{
	float: left;
	width: 23%;
	margin-right: 3%;
}
.i_case ul li:nth-child(2),.i_case ul li:nth-child(3){
	margin-bottom: 0.54rem;
}
.i_case ul li:nth-child(3),.i_case ul li:nth-child(5){
	margin-right: 0;
}
.i_case ul li:first-child{
	width: 48%;
}
.i_case ul li a{
	position: relative;
	display: block;
}
.i_case ul li .pic{}
.i_case ul li .pic img{
	width: 100%;
}
.i_case ul li .tit{
	position: absolute;
	left: 0.4rem;
	top: 0.4rem;
	font-size: 0.32rem;
	color: white;
	z-index: 3;
}
/* i_case e */

/* i_new s */
.i_new{
	padding: 1.6rem 4%;
	background-color: #F7F7F7;
	overflow: hidden;
}
.i_new>.tit{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.6rem;
}
.i_new>.tit h3{
	font-size: 0.4rem;
	color: #000;
}
.i_new>.tit .swiper_tool{
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.i_new .tit .swiper_tool .swiper-button-prev{}
.i_new .tit .swiper_tool .swiper-button-next{}
.i_new .tit .swiper_tool .swiper-button-prev::after,.i_new .tit .swiper_tool .swiper-button-next::after{
	display: none;
}
.i_new .tit .swiper_tool .swiper-button-prev,.i_new .tit .swiper_tool .swiper-button-next{
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	margin-top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #e5e5e5 url('../images/ico_r.png') no-repeat center;
}
.i_new .tit .swiper_tool .swiper-button-prev{
	transform: rotate(180deg);
}
.i_new .tit .swiper_tool .swiper-button-prev:hover,.i_new .tit .swiper_tool .swiper-button-next:hover{
	background-color: #BE503C;
	background-image: url('../images/ico_r_w.png');
}
.i_new ul{}
.i_new ul li{
    overflow: hidden;
}
.i_new ul li a{
	display: block;
	background-color: white;
}
.i_new ul li .pic{}
.i_new ul li .pic img{
	width: 100%;
}
.i_new ul li .info{
	padding: 0.3rem;
	color: #000;
}
.i_new ul li .tit{
	font-size: 20px;
}
.i_new ul li .des{
	font-size: 16px;
	line-height: 1.4;
	height: 2.8em;
	margin: 0.2rem 0 0.3rem;
}
.i_new ul li .info span{
	position: relative;
	display: inline-block;
	font-size: 16px;
}
.i_new ul li .info span::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 14px;
    background-image: url(../images/ico_r.png);
    right: -0.27rem;
    top: 50%;
    transform: translateY(-50%);
    filter: grayscale(100);
    transition: all 0.5s;
}
.i_new ul li .mask{
	position: absolute;
	padding: 0.4rem 0.3rem;
	width: 100%;
	height: 100%;
	background-color: #be503c;
	color: white;
	left: 0;
	top: 100%;
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_new ul li:hover .mask{
	top: 0;
}
.i_new ul li .mask .t1{
	font-size: 22px;
}
.i_new ul li .mask .t2{
	font-size: 16px;
	line-height: 1.4;
	margin-top: 0.25rem;
}
.i_new ul li .mask span{
	position: absolute;
	left: 0.3rem;
	bottom: 0.4rem;
	padding: 14px 28px;
	background-color: white;
	border-radius: 50px;
	font-size: 16px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background-image: url('../images/ico_r_w.png'); */
}
.i_new ul li .mask span::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 14px;
    background: url(../images/ico_r.png) no-repeat center;
    margin-left: 13px;
    -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_new e */

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


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

/* n_ab_01 s */
.n_ab_01{
	position: relative;
	padding: 2rem 8% 1.2rem;
	background-color: #F7F7F7;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow: hidden;
}
.n_ab_01::after{
	position: absolute;
	content: "";
	right: -0.4rem;
	top: 0.25rem;
	width: 12.9rem;
	height: 13.12rem;
	background: url('../images/n_ab_bg.png') no-repeat center;
	background-size: 100% auto;
	z-index: 1;
}
.n_ab_01 .fl{
	width: 52%;
}
.n_ab_01 .fl .tit{
	font-size: 0.45rem;
	line-height: 1.3;
	color: #000;
	font-weight: 700;
}
.n_ab_01 .fl .tit span{
	font-size: 25px;
}
.n_ab_01 .fl .tit i{
	color: #be503c;
}
.n_ab_01 .fl  .des{
	font-size: 16px;
	line-height: 1.8;
	color: #888888;
	margin-top: 0.6rem;
}
.n_ab_01 .fr{
	width: 45%;
}
.n_ab_01 .fr ul{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.n_ab_01 .fr ul li{
	width: 50%;
	margin: 0.2rem 0;
}
.n_ab_01 .fr ul li .ico{
	height: 25px;
	line-height: 25px;
}
.n_ab_01 .fr ul li .ico img{
	display: inline-block;
	max-height: 100%;
}
.n_ab_01 .fr ul li .num{
	line-height: 1.3;
	font-weight: 700;
}
.n_ab_01 .fr ul li .num span{
	font-size: 0.54rem;
}
.n_ab_01 .fr ul li .num i{
	font-size: 0.28rem;
}
.n_ab_01 .fr ul li p{
	font-size: 12px;
}
/* n_ab_01 s */

/* n_ab_text s */
.n_ab_text{
	padding: 1rem 8%;
	background-color: #F7F7F7;
}
.n_ab_text ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.n_ab_text ul li{
	position: relative;
	text-align: center;
	/*flex: 1;*/
	padding: 0 5%;
	font-size: 0.3rem;
	line-height: 1.5;
}
.n_ab_text ul li:not(:last-child)::after{
	position: absolute;
	content: "";
	display: block;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #000000;
}

.n_ab_text ul li p{
	color: #be503c;
	font-weight: 700;
}
.n_ab_text ul li span{
	color: #000d14;
	margin-top: 0.2rem;
}
@media all and (max-width:1440px){
    .n_ab_text ul li{
        padding: 0 2%;
        font-size: 0.32rem;
    }
}
@media all and (max-width:1000px){
	.n_ab_text{
		padding: 0rem 4%;
	}
	/* .n_ab_text ul li{
		font-size: 0.28rem;
	} */
	.n_ab_text ul li{
		width: 100%;
		padding: 0.25rem 0;
		font-size: 0.32rem;
	}
	.n_ab_text ul li:not(:last-child)::after{
		width: 100%;
		height: 1px;
		top: auto;
		bottom: 0;
	}
}
/* n_ab_text e */

/* n_ab_02 s */
.n_tit{
	
}
.n_tit h3{
	font-size: 60px;
	font-weight: 700;
	color: #000;
}

.n_ab_02{
	padding: 1.2rem 0 0.6rem;
	background-color: #F7F7F7;
	overflow: hidden;
}

.n_ab_02 .pic{
	margin: 0.2rem 0 0.6rem;
}
.n_ab_02 .pic img{
	max-width: 100%;
}
.n_ab_02 .box{
	padding: 0 8%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.n_ab_02 .box ul{
	margin-bottom: 1rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.n_ab_02 .box ul li{
	width: 48%;
	margin: 0.25rem 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.n_ab_02 .box ul li span{
	display: inline-block;
	width: 1.1rem;
	font-size: 0.4rem;
	line-height: 1;
	font-weight: 700;
	color: #be503c;
}
.n_ab_02 .box ul li p{
	display: inline-block;
	width: calc(100% - 1.1rem);
	font-size: 20px;
	line-height: 1.75;
	color: #0d0f0e;
	margin-top: 10px;
}
.n_ab_02 .box dl{
	width: 33.333%;
	text-align: center;
}
.n_ab_02 .box dl dt{}
.n_ab_02 .box dt .ico{
	margin: 0 auto;
	width: 1.45rem;
	height: 1.45rem;
	line-height: 1.45rem;
	text-align: center;
}
.n_ab_02 .box dt .ico img{
	display: inline-block;
	max-height: 100%;
}
.n_ab_02 .box dt p{
	display: block;
	font-size: 0.32rem;
	font-weight: 700;
	color: #be503c;
	margin-top: 12px;
}
.n_ab_02 .box dd{
	font-size: 0.42rem;
	line-height: 1.3;
	margin-top: 0.3rem;
	font-weight: 700;
}
/* n_ab_02 e */

/* n_ab_03 s */
.n_ab_03{
	padding: 1.45rem 6% 1.65rem;
	background: url('../images/n_ab_03_bg.jpg') no-repeat center/cover;
}
.n_ab_03 .txt{
	padding: 0.9rem 0.6rem;
	font-size: 26px;
	line-height: 1.8;
	width: 780px;
	max-width: 100%;
	background-color: rgb(255,255,255,.7);
}
.n_ab_03 .txt span{
	font-weight: 700;
}
/* n_ab_03 e */

/* n_ab_04 s */
.n_ab_04{
	padding: 1.2rem 6%;
	background-color: #F7F7F7;
}
.n_ab_04 .pic{
	margin-top: 0.8rem;
}
.n_ab_04 .pic img{
	max-width: 100%;
}
/* n_ab_04 e */

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

/* 产品列表 s */
.pro_sort{
	background-color: #F5F5F5;
}
.pro_sort ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pro_sort ul li{
	flex: 1;
}
.pro_sort ul li a{
	width: 100%;
	height: 1.15rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pro_sort ul li .ico{
	width: 0.45rem;
	height: 0.45rem;
	line-height: 0.45rem;
	filter: grayscale(100);
	text-align: center;
}
.pro_sort ul li:hover .ico,.pro_sort ul li.active .ico{
	filter: none;
}
.pro_sort ul li .ico img{
	display: inline-block;
}
.pro_sort ul li p{
	font-size: 0.24rem;
	color: #000;
	margin-left: 0.2rem;
	-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:hover p,.pro_sort ul li.active p{
	color: #BE503C;
}

.n_pro_list{
	padding: 80px 0;
}
.pro_tit{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pro_tit .fl{}
.pro_tit .fl h3{
	font-size: 0.48rem;
	line-height: 1.1;
	color: #BE503C;
	margin: 0;
}
.pro_tit .fr{}
.pro_tit .fr a{
	display: inline-block;
	font-size: 0.28rem;
	color: #0D0F0E;
}
.pro_tit .fr a:not(:last-child){
	padding-right: 0.2rem;
	margin-right: 0.2rem;
	border-right: 1px solid #000;
}
.pro_tit .fr a.active{
	font-weight: 700;
}

.pro_ul{}
.pro_ul ul{}
.pro_ul ul li{
	float: left;
	width: 24%;
	margin-right: calc(4% / 3);
	margin-top: 0.6rem;
}
.pro_ul ul li:nth-child(4n){
	margin-right: 0;
}
.pro_ul ul li a{
	display: block;
}
.pro_ul ul li .pic{}
.pro_ul ul li .pic img{}
.pro_ul ul li p{
	font-size: 0.24rem;
	line-height: 1.3;
	margin-top: 0.25rem;
	text-align: center;
}
/* 产品列表 e */

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

.n_tit{
	margin-bottom: 0.45rem;
	line-height: 1.3;
	text-align: center;
}
.n_tit h3{
	font-size: 0.28rem;
	color: #000;
}
.n_tit p{
	font-size: 0.16rem;
	color: #BE503C;
	margin-top: 0.12rem;
}

/* 案例列表 s */
.n_caselist{}
.n_caselist .n_case_nav{
	text-align: center;
}
.n_caselist .n_case_nav a{
	display: inline-block;
	font-size: 16px;
	line-height: 1.2;
	color: #000;
	border: 1px solid #000;
	border-radius: 0.5rem;
	padding: 0.1rem 0.4rem;
	margin: 0.2rem;
}
.n_caselist .n_case_nav a:hover,.n_caselist .n_case_nav a.active{
	background-color: #BE503C;
	color: white;
	border-color: #BE503C;
}
.n_caselist ul{
	overflow: hidden;
}
.n_caselist ul li{
	float: left;
	width: 24%;
	margin-right: calc(4% / 3);
	margin-bottom: 0.25rem;
}
.n_caselist ul li:nth-child(4n){
	margin-right: 0;
}
.n_caselist ul li a{
	display: block;
}
.n_caselist ul li .info{
	padding: 0.12rem 0;
}
.n_caselist ul li .tit{
	font-size: 16px;
	color: #333;
	
}
.n_caselist ul li:hover .tit{
	color: #BE503C;
}
/* 案例列表 e */

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

/* 新闻列表 s */
.n_newslist{}
.n_newslist ul{}
.n_newslist ul li:not(:last-child){
	margin-bottom: 0.3rem;
}
.n_newslist ul li a{}
.n_newslist ul li .img{
	width: 32%;
}
.n_newslist ul li .txt{
	width: 68%;
	padding: 0.4rem;
	background-color: #f2f2f2;
	line-height: 1.4;
}
.n_newslist ul li .txt .tit-20{}
.n_newslist ul li:hover .tit-20{
	color: #BE503C;
}
.n_newslist ul li .txt .tit-15{
	margin: 0.1rem 0;
}
.n_newslist ul li .txt .tit-16{
	color: #666;
	height: 2.8em;
}
.n_newslist ul li .more{
	margin-top: 0.2rem;
}
/* 新闻列表 e */

/* 新闻详情 s */
.n_newsdet{
	background-color: #F2F2F2;
}
.n_newsdet .box{
	padding: 0.6rem 0.9rem 0.8rem;
	background: #fff;
}
.n_newsdet .tit{
	font-size: 0.32rem;
	font-weight: 700;
	color: #000;
	line-height: 1.5;
	text-align: center;
}
.n_newsdet .des{
	text-align: center;
	margin: 0.2rem auto 0.4rem auto;
	font-size: 16px;
	color: #999999;
	line-height: 1.3;
}
.n_newsdet .des span:not(:last-child){
	display: inline-block;
	border-right: 1px solid #999;
	padding-right: 0.1rem;
	margin-right: 0.1rem;
}
.n_newsdet .con{
	padding: 0.4rem 0.5rem 0.7rem;
	border-top: 1px #e0e0e0 solid;
	border-bottom: 1px #e0e0e0 solid;
	font-size: 16px;
	line-height: 1.75;
	color: #666666;
}
.n_newsdet .con img{
	display: inline-block;
	max-width: 100% !important;
	height: auto !important;
	margin: 0.1rem auto;
}
.n_newsdet .bot{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0.7rem;
}
.n_newsdet .bot .fl{
	width: calc((100% - 200px)/2);
}
.n_newsdet .bot .fl a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.n_newsdet .bot .fl a i,.n_newsdet .bot .fr a i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.54rem;
	height: 0.54rem;
	color: #333;
	border: 1px solid #ddd;
	font-size: 0.3rem;
	-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 .bot .fl a p{
	font-size: 20px;
	margin-left: 0.2rem;
}
.n_newsdet .bot .mid a{
	width: 2rem;
	height: 0.6rem;
	font-size: 0.18rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	background-color: #000;
}
.n_newsdet .bot .mid a:hover{
	background-color: #000;
}
.n_newsdet .bot .mid i{
	font-size: 20px;
}
.n_newsdet .bot .mid p{
	margin-left: 0.1rem;
}
.n_newsdet .bot .fr{
	width: calc((100% - 200px)/2);
}
.n_newsdet .bot .fr a{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.n_newsdet .bot .fr a p{
	font-size: 20px;
	margin-right: 0.2rem;
}
.n_newsdet .bot .fl a i:hover,.n_newsdet .bot .fr a i:hover{
	background-color: #000;
	border-color: #000;
	color: white;
}
/* 新闻详情 e */




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

.n_join_01{
	padding-top: 1.8rem;
}
.n_join_01 .t1{
	color: #321410;
	font-size: 0.58rem;
	font-weight: lighter;
	line-height: 1.4;
}
.n_join_01 .t1 span{
	display: block;
	font-weight: bolder;
}
.n_join_01 .t2{
	color: #BE503C;
	font-size: 0.4rem;
	font-weight: 700;
}
.n_join_01 .des{
	color: #000000;
	font-size: 0.28rem;
	line-height: 1.4;
	margin: 0.4rem 0 0.2rem;
}
.n_join_01 .des p:not(:last-child){
	margin-bottom: 0.2rem;
}

.n_join_02{
	padding-top: 1.6rem;
}
.n_join_02 .tit{
	color: white;
	font-weight: 700;
	padding: 0.1rem 0 0.1rem 0.8rem;
	border-left: 0.2rem solid #E29C74;
	background-color: #BE503C;
	line-height: 1.1;
}

.n_join_02 ul{}
.n_join_02 ul li{
	margin-top: 0.16rem;
	width: 100%;
}
.n_join_02 ul li .t1{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.n_join_02 ul li .t1 i{
	display: block;
	width: 0.7rem;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
	font-size: 0.34rem;
	color: #FFDEBE;
	background-color: #BE503C;
}
.n_join_02 ul li .t1 span{
	display: block;
	width: calc(100% - 0.8rem);
	margin-left: 0.1rem;
	height: 0.7rem;
	line-height: 0.7rem;
	padding-left: 0.3rem;
	font-size: 0.42rem;
	font-weight: 700;
	color: #321410;
	background-color: #E29C74;
}
.n_join_02 ul li p{
	font-size: 0.32rem;
	line-height: 1.8;
	color: #321410;
	padding: 0 1.12rem;
}


.n_join_03{
	padding-top: 1.2rem;
}
.n_join_03 .tit{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.n_join_03 .tit h3{
	font-size: 0.58rem;
	color: #321410;
	font-weight: 700;
}
.n_join_03 .tit p{
	display: inline-block;
	font-size: 0.34rem;
	margin-left: 0.2rem;
	color: #BE503C;
}
.n_join_03 ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0.5rem 0 0.45rem;
}
.n_join_03 ul li{
	font-size: 0.24rem;
	color: #FFE9D5;
	font-weight: 700;
	padding: 0.12rem 0.22rem;
	border-radius: 0.5rem;
	background-color: #BE503C;
}
.n_join_03 ul li:not(:last-child){
	margin-right: 0.35rem;
}

.n_join_04{
	padding-top: 1.6rem;
}
.n_join_04 .tit{
	color: white;
	font-weight: 700;
	padding: 0.1rem 0 0.1rem 0.8rem;
	border-left: 0.2rem solid #E29C74;
	background-color: #BE503C;
	line-height: 1.1;
}
.n_join_04 span{
	display: block;
	font-size: 0.44rem;
	color: #422622;
	padding-left: 0.95rem;
	margin-top: 0.2rem;
}
.n_join_04 .con{}
.n_join_04 ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n_join_04 ul li{
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
	justify-content: space-between;
	width: 23.6%;
	padding: 0.2rem 0;
}
.n_join_04 ul li:nth-child(2n){
	flex-direction: column;
}

.n_join_04 ul li::before{
	content: "";
	position: absolute;
	display: block;
	width: 88%;
	height: 100%;
	left: 6%;
	top: 0;
	background-color: #FFDEBE;
	z-index: -1;
}

.n_join_04 ul li:nth-child(2n):before{
	background-color: #E29C74;
}

.n_join_04 ul li .pic{
	width: 100%;
	margin-top: 0.15rem;
}
.n_join_04 ul li:nth-child(2n) .pic{
	margin-top: 0;
	margin-bottom: 0.15rem;
}
.n_join_04 ul li .info{
	color: #000;
	text-align: center;
}
.n_join_04 ul li .info .t1{
	font-size: 0.28rem;
	font-weight: 700;
}
.n_join_04 ul li .info .t1::after{
	content: "";
	display: block;
	width: 0.42rem;
	height: 0.04rem;
	margin: 0.12rem auto 0.18rem;
	background-color: #000;
}
.n_join_04 ul li .info .des{
	font-size: 0.22rem;
	line-height: 1.5;
}

.n_join_tit{
	line-height: 1.4;
	padding: 0.25rem 0 0.25rem 0.5rem;
	background-color: #321410;
}
.n_join_tit h3{
	font-size: 0.44rem;
	color: white;
	font-weight: 700;
}
.n_join_tit p{
	font-size: 0.28rem;
	color: #E29C74;
}

.n_join_05{
	padding-top: 1.5rem;
}
.n_join_05 .con{
	padding: 0.6rem 0;
	text-align: center;
}
.n_join_05 .con img{
	display: inline-block;
}

.n_join_06{
	padding-bottom: 1.6rem;
}
.n_join_066{
    padding-bottom: 0;
    padding-top: 0.6rem;
    background-color: #FFE9D5;
}
.n_join_066 .tit{
    font-size: 0.36rem;
    color: #000000;
    font-weight: 700;
    margin-bottom: 0.45rem;
    text-align: center;
}
.n_join_06 .con{
	background-color: #FFE9D5;
	padding: 1.1rem 0;
}
.n_join_066 .con{
    padding-top: 0;
}
.n_join_06 .con form{
	width: 480px;
	max-width: 90%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.n_join_06 .mui-input-row{
	width: 49%;
	margin-bottom: 0.15rem;
}
.n_join_06 .mui-input-row.w100{
	width: 100%;
}
.n_join_06 .mui-input-row input{
	width: 100%;
	height: 0.52rem;
	line-height: 0.52rem;
	font-size: 0.2rem;
	padding-left: 0.15rem;
	border-radius: 0.1rem;
	background-color: white;
}
.n_join_06 .mui-input-row input::placeholder{
	font-size: 0.2rem;
	color: #CACACA;
}

.n_join_06 button{
	width: 100%;
	height: 0.52rem;
	line-height: 0.52rem;
	font-size: 0.24rem;
	color: white;
	text-align: center;
	letter-spacing: 0.1rem;
	border-radius: 0.1rem;
	border: none;
	background-color: #BE503C;
	cursor: pointer;
}

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

.n_contact_lx{}
.n_contact_lx ul{
	display: flex;
	align-items: flex-start;
	padding-bottom: 0.6rem;
}
.n_contact_lx ul li{
	text-align: center;
	width: 33.3333%;
}
.n_contact_lx ul li i{
	display: inline-block;
	width: 1.03rem;
	height: 1.03rem;
	line-height: 1.03rem;
	font-size: 0.54rem;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #BE503C;
	color: #BE503C;
	margin-bottom: 0.35rem;
}
.n_contact_lx ul li h4{
	font-size: 0.24rem;
	color: #333333;
	font-weight: bold;
	padding-bottom: 0.1rem;
}
.n_contact_lx ul li p{
	font-size: 18px;
	color: #656565;
	line-height: 1.8;
	word-break: break-all;
}

.n_contact_lx .map{
	width: 100%;
	height: 5.5rem;
}

.my-map { margin: 0 auto; width: 800px; height: 640px; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

.n_custom{}
.n_custom img{display: inline-block;}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1560px) {
    .n_ab_02 .box dd{
        font-size: 0.32rem;
    }
}

@media all and (max-width:1000px) {
	.mb{
		display: block;
	}
	.pc{
		display: none;
	}
	.mt{
		margin-top: 60px;
	}
	.i_ab .tit{
		font-size: 0.54rem;
	}
	.i_ab .tit span{
		font-size: 20px;
	}
	.i_ab ul li{
		width: 50%;
		margin-right: 0 !important;
		line-height: 1.5;
	}
	.i_ab ul li .num span{
		font-size: 0.45rem;
	}
	
	.i_tit h3{
		font-size: 0.54rem;
	}
	
	.i_space{
		padding: 1rem 0;
	}
	.i_space .con{
		padding: 0 4%;
	}
	.i_space ul li .mask .ico{
		top: 25%;
	}
	.i_space ul li:hover .mask .ico{
		height: 0.6rem;
		line-height: 0.6rem;
	}
	.i_space ul li .mask p::after{
		right: -0.4rem;
	}
	
	
	.i_case ul li{
		width: 49% !important;
		margin-right: 2% !important;
		margin-bottom: 0.45rem;
	}
	.i_case ul li:first-child{
		width: 100% !important;
		margin-bottom: 0.45rem;
	}
	.i_case ul li:nth-child(3),.i_case ul li:nth-child(5){
		margin-right: 0 !important;
	}
	
	.i_new{
		padding: 0.8rem 4% 1rem;
	}
	.i_new>.tit h3{
		font-size: 0.54rem;
	}
	
	.i_new>.tit .swiper_tool{
		width: 90px;
	}
	.i_new .tit .swiper_tool .swiper-button-prev, .i_new .tit .swiper_tool .swiper-button-next{
		width: 36px;
		height: 36px;
	}
	.i_new ul li .info{
		padding: 0.3rem 0.2rem;
	}
	.i_new ul li .mask span::after{
		margin-left: 8px;
	}
	
	.Footer-wrapper{
		padding: 0 4%;
	}
	.Footer-container .f_nav{
		flex-wrap: wrap;
	}
	.Footer-container dl{
		width: 100%;
	}
	.Footer-container dl:not(:last-child){
		margin-bottom: 0.3rem;
	}
	.Footer-container dl dt{
		font-size: 0.32rem;
		margin-bottom: 0.15rem;
	}
	.Footer-container dl dd{
		display: inline-block;
		line-height: 1.75;
		margin-right: 0.08rem;
	}
	.f_bot{
		justify-content: space-between;
	}
	.f_bot ul li img{
		width: 80px;
	}
	.Footer-copy{
		padding: 0.3rem 4%;
	}
	
	.c_banner img{
		height: 60vh;
	}
	
	.n_ab_01{
		padding: 1.6rem 4% 0.8rem;
	}
	.n_ab_01 .fl,.n_ab_01 .fr{
		width: 100%;
	}
	.n_ab_01 .fl .tit{
		font-size: 0.54rem;
	}
	.n_ab_01 .fl .tit span{
		font-size: 20px;
	}
	.n_ab_01 .fr ul li,.n_ab_01 .fr ul li .num{
		line-height: 1.5;
	}
	.n_ab_01 .fr ul li .num span{
		font-size: 0.45rem;
	}
	
/* 	.n_ab_02 .pic{
		display: none;
	} */
	.n_tit h3{
		font-size: 0.4rem;
	}
	.n_ab_02 .pic img{
		max-width: none;
		width: 200%;
	}
	.n_ab_02 .box ul{
		margin-bottom: 0.6rem;
	}
	.n_ab_02 .box ul li{
		width: 100%;
	}
	.n_ab_02 .box ul li p{
		margin-top: -0.08rem;
	}
	.n_ab_02 .box ul li p{
		font-size: 16px;
	}
	
	.n_ab_03{
		padding: 1.2rem 4%;
	}
	.n_ab_03 .txt{
		padding: 0.6rem 0.4rem;
		font-size: 0.28rem;
	}
	
	.n_ab_04{
		padding: 1rem 4%;
	}
	
	.pro_tit .fr a{
		font-size: 0.36rem;
	}
	
	.pro_ul ul li{
		width: 49%;
		margin-right: 2%;
	}
	.pro_ul ul li:nth-child(2n){
		margin-right: 0;
	}
	.pro_ul ul li p{
		font-size: 0.28rem;
		margin-top: 0.2rem;
	}
	
	.com_page a, .com_page span{
		width: 0.6rem;
		height: 0.6rem;
	}
	
	.n_caselist .n_case_nav{
		overflow: hidden;
	}
	.n_caselist .n_case_nav a{
		float: left;
		width: 30%;
		margin: 0.15rem 5% 0.25rem 0;
		font-size: 14px;
		line-height: 1.3;
		padding: 0.12rem 2%;
	}
	.n_caselist .n_case_nav a:nth-child(3n){
		margin-right: 0;
	}
	
	.n_caselist ul li{
		width: 48%;
		margin-right: 4%;
	}
	.n_caselist ul li:nth-child(2n){
		margin-right: 0;
	}
	.n_caselist ul li .info{
		padding: 0.16rem 0;
	}
	
	.n_newslist ul li .img{
		width: 100%;
	}
	.n_newslist ul li .txt{
		width: 100%;
	}
	.n_newslist ul li .txt .tit-15{
		margin: 0.15rem 0;
	}
	
	.n_newsdet .box{
		padding: 0.6rem 0.4rem;
	}
	.n_newsdet .con{
		padding: 0.4rem 0;
	}
	.n_newsdet .con img{
		margin: 0.15rem 0;
	}
	
	.n_newsdet .bot .fl,.n_newsdet .bot .fr{
		width: 49%;
	}
	.n_newsdet .bot .fl a p,.n_newsdet .bot .fr a p{
		font-size: 16px;
	}
	.n_newsdet .bot .fl a i, .n_newsdet .bot .fr a i{
		width: 0.6rem;
		height: 0.6rem;
	}
	
	.n_newsdet .bot{
		position: relative;
		padding-bottom: 1.2rem;
	}
	.n_newsdet .bot .mid {
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.n_newsdet .bot .mid a{
		width: 3rem;
		height: 0.9rem;
		font-size: 14px;
	}
	.n_newsdet .bot .mid p{
		margin-left: 0.15rem;
	}
	
	.n_join_01 .des{
		margin: 0.4rem 0 0.3rem;
	}
	.n_join_01 .t2{
		font-size: 18px;
	}
	.n_join_02{
		padding-top: 1rem;
	}
	
	.n_join_03{
		padding-top: 1rem;
	}
	
	.n_join_03 .tit h3{
		font-size: 0.54rem;
	}
	.n_join_03 .tit p{
		font-size: 0.32rem;
	}
	.n_join_03 ul{
		flex-wrap: wrap;
	}
	.n_join_03 ul li{
		margin: 0.1rem 0.35rem 0.1rem 0;
	}
	.n_join_04{
		padding-top: 1rem;
	}
	.n_join_04 span{
		font-size: 0.36rem;
		padding-left: 0.6rem;
	}
	.n_join_04 ul{
		flex-wrap: wrap;
	}
	.n_join_04 ul li{
		width: 49%;
		margin: 0.2rem 0;
		padding: 0.35rem 0;
	}
	.n_join_04 ul li .info .t1{
		font-size: 0.3rem;
	}
	.n_join_04 ul li .pic{
		margin-top: 0.25rem;
	}
	.n_join_04 ul li:nth-child(2n) .pic{
		margin-bottom: 0.25rem;
	}
	
	.n_join_05{
		padding-top: 1rem;
	}
	.n_join_tit{
		padding: 0.3rem 0 0.3rem 0.45rem;
	}
	
	.n_join_06{
		padding-bottom: 1rem;
	}
	.n_join_06 .con{
		padding: 0.8rem 0;
	}
	.n_join_06 .mui-input-row{
		width: 100%;
		margin-bottom: 0.25rem;
	}
	.n_join_06 .mui-input-row input,.n_join_06 button{
		font-size: 14px;
		height: 0.65rem;
		line-height: 0.65rem;
	}
	.n_join_06 .mui-input-row input{
		padding-left: 0.2rem;
	}
	.n_join_06 .mui-input-row input::placeholder{
		font-size: 14px;
	}
	
}
@media all and (max-width:768px) {
	.n_ab_02 .box dt .ico{
		width: 1rem;
		height: 1rem;
		line-height: 1rem;
	}
	.n_ab_02 .box dt p{
		font-size: 0.28rem;
	}
	.n_ab_02 .box dd{
		font-size: 0.32rem;
		margin-top: 0.2rem;
	}
	.n_join_02 .tit,.n_join_04 .tit{
		font-size: 0.45rem;
		padding: 0.15rem 0 0.15rem 0.4rem;
	}
	.n_join_02 ul li .t1 span{
		font-size: 0.36rem;
	}
	.n_join_02 ul li p{
		font-size: 0.28rem;
		padding: 0 0.8rem;
		margin-top: 0.1rem;
	}
	.n_contact_lx ul li i{
		margin-bottom: 0.25rem;
	}
}
@media all and (max-width:640px) {
	.i_new ul li .mask span{
		font-size: 14px;
		padding: 8px 16px;
	}
}
@media all and (max-width:480px) {
	.i_space ul li .mask p,.i_new ul li .tit,.i_new ul li .mask .t1{
		font-size: 16px;
	}
	.i_ab .des,.i_more a,.i_tit p,.i_new ul li .des,.i_new ul li .info span,.Footer-container dl dd,.f_bot ul li p,.Footer-copy,.Footer-copy a,.n_ab_01 .fl .des,
	.n_newsdet .des,.n_newsdet .con,.n_contact_lx ul li h4{
		font-size: 14px;
	}
	.i_new ul li .mask .t2,.n_ab_02 .box dd{
		font-size: 13px;
	}
	.n_contact_lx ul li p{
		font-size: 12px;
	}
}
@media all and (max-width:420px) {
	
}