@charset 'utf-8';

/* reset */
body,h1,h2,h3,h4,h5,h6,dl,dd,ul,ol,p{margin:0;}
ul,ol,th,td,input,textarea {padding:0;}
body{font-family:'Microsoft YaHei';}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
table{border-collapse:collapse;}
img{display:block;}
img,iframe{border:0;}
ol,ul{list-style:none;}
i,em{font-style:normal;}
strong{font-weight:normal;}
input,select,textarea{font-family:'Microsoft YaHei';}
textarea{overflow:auto;resize:none;}
a{text-decoration:none;}
.area{position:relative;width:7.2rem;margin:0 auto;}
.area,.clear{*zoom:1}
.area:after,.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.u-a-wrap { display: block; }
.fadeIn-s {opacity: 0;transition: all 1.7s ease-in-out;}

/*********** START **************/
.page-box {
	position: relative;
	width: 7.5rem;
	overflow: hidden;
	margin: 0 auto 1rem auto;
}
.main-box {
	position: relative;
	z-index: 2;
	background: #e7f9fd;
}
.main-box .m-filter {
	position: absolute;top: 0;left: 0;
	z-index: -1;
	width: 100%;height: 100%;
	background: #000;
	opacity: 0;
	transition: all .75s ease-in-out;
}
.main-box.active .m-filter{
	opacity: .6;
	z-index: 30;
}
/*********** END **************/

/*********** m-top START **************/
.m-top { background: #29a25b; }
.m-top .area { height: .9rem; }
.m-top .logo {
	position: absolute;top: 0;bottom: 0;left: 0;
	/*width: 1.3rem;*/height: .53rem;
	margin: auto 0;
}
#panelBtn {
	position: absolute;top: 0;bottom: 0;right: 0;
	width: .45rem;height: .35rem;
	margin: auto 0;
	background: url(../images/panelBtn.png);
	background-size: .45rem .35rem;
}
/*********** m-top END **************/

/*********** m-banner START **************/
.m-banner { position: relative; }
.swiper-container { overflow: hidden; }
.m-banner li { width: 7.5rem !important; }
.m-banner .u-img { height: 4rem; }
.m-banner .swiper-pagination{
	left: 0;bottom:0.15rem;
	width: 100%;
	font-size: 0;
}
.m-banner .swiper-pagination-bullet{
	width: .15rem;height: .15rem;
	margin: 0 .075rem;
	background:#fee516;
	opacity: 1;
	transition: all .45s ease-in-out;
}
.m-banner .swiper-pagination-bullet-active{
	width: .45rem;
	background: #29a25b;
	border-radius: 500px;
}
/*********** m-banner END **************/

/*********** m-consult START **************/
.m-consult { background: #29a25b; }
.m-consult .u-icon {
	position: relative;
	padding-left: .65rem;
	font-size: .3rem;
	line-height: .7rem;
	color: #fff;
	font-weight: bold;
}
.m-consult .u-icon:before {
	content: "";
	display: block;
	position: absolute;top: 0;bottom: 0;left: 0;
	width: .41rem;height: .35rem;
	margin: auto 0;
	background: url(../images/consult.png);
	background-size: .41rem .35rem;
}
/*********** m-consult END **************/

/*********** m-classify START **************/
.m-classify {
	padding: .2rem 0 .1rem 0;
	overflow: hidden;
}
.m-classify .area {
	position: relative;
	z-index: 2;
}
.m-classify ul { width: 8rem; }
.m-classify li {
	float: left;
	position: relative;
	width: 1.2rem;
	margin: .1rem .8rem .1rem 0;
	background-image: url(../images/classify10.png);
	    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px 0px;
}
.m-classify li img {
	position: absolute;top: 0;left: 0;
	z-index: -1;
	width: 1.2rem;height: 1.39rem;
}
.m-classify li .name {
	font-size: .24rem;
	line-height: 1.39rem;
	color: #fff;
	text-align: center;
}
/*********** m-classify END **************/

/*********** m-header START **************/
.m-header .title {
	float: left;
	position: relative;
	padding-left: .22rem;
	font-size: .28rem;
	line-height: .56rem;
	color: #fff;
}
.m-header .title:before {
	content: "";
	display: block;
	position: absolute;top: 0;bottom: 0;left: 0;
	height: .3rem;
	margin: auto 0;
	border-right: solid .05rem #fff;
}
.m-header .more {
	float: right;
	position: relative;
	padding-left: .36rem;
	font-size: .24rem;
	line-height: .56rem;
	color: #fff;
}
.m-header .more:before {
	content: "";
	display: block;
	position: absolute;top: 0;bottom: 0;left: 0;
	width: .25rem;height: .25rem;
	margin: auto 0;
	background: url(../images/more.png);
	background-size: .25rem .25rem;
}
/*********** m-header END **************/

/*********** m-about START **************/
.m-about { overflow: hidden; }
.m-about .m-header {
	background: #29a25b;
	border-top: solid .01rem #279052;
	border-bottom: solid .01rem #279052;
}
.m-about .m-header .border {
	border-top: solid .01rem #279052;
	border-bottom: solid .01rem #279052;
}
.m-about .content { margin: .2rem 0; }
.m-about .article {
	background: #fff;
	overflow: hidden;
}
.m-about .u-img {
	margin: .2rem .2rem .1rem .2rem;
	height: 2.2rem;
}
.m-about .ctn {
	margin: 0 .2rem .2rem .2rem;
	font-size: .24rem;
	line-height: .48rem;
	color: #666;
	text-indent: .48rem;
	text-align: justify;
}
/*********** m-about END **************/

/*********** style START **************/
.m-product.style1 .m-header {
	background: #29a25b;
	border-top: solid .01rem #279052;
	border-bottom: solid .01rem #279052;
}
.m-product.style1 .m-header .border {
	border-top: solid .01rem #279052;
	border-bottom: solid .01rem #279052;
}
.m-product.style1 .m-header .title { color: white; }
.m-product.style1 .m-header .title:before { border-color: white; }
.m-product.style1 .m-header .more { color: white; }
.m-product.style1 .m-header .more:before {
	background: url(../images/more.png);
	background-size: .25rem .25rem;
}
.m-product.style1 .name {
	background: #29a25b;
	color: white;
}

.m-product.style2 .m-header {
	background: #29a25b;
	border-top: solid .01rem #279052;
	border-bottom: solid .01rem #279052;
}
.m-product.style2 .m-header .border {
	border-top: solid .01rem #279052;
	border-bottom: solid .01rem #279052;
}
.m-product.style2 .m-header .title { color: #fff; }
.m-product.style2 .m-header .title:before { border-color: #fff; }
.m-product.style2 .m-header .more { color: #fff; }
.m-product.style2 .m-header .more:before {
	background: url(../images/more.png);
	background-size: .25rem .25rem;
}
.m-product.style2 .name {
	background:#29a25b;
	color: #fff;
}

.m-product.style3 .m-header {
	background: #ff9c30;
	border-top: solid .01rem #ff732c;
	border-bottom: solid .01rem #ff732c;
}
.m-product.style3 .m-header .border {
	border-top: solid .01rem #ffcc66;
	border-bottom: solid .01rem #ffcc66;
}
.m-product.style3 .m-header .title { color: #fff; }
.m-product.style3 .m-header .title:before { border-color: #fff; }
.m-product.style3 .m-header .more { color: #fff; }
.m-product.style3 .m-header .more:before {
	background: url(../images/more.png);
	background-size: .25rem .25rem;
}
.m-product.style3 .name {
	background: #fff3eb;
	color: #ff5601;
}
/*********** style END **************/

/*********** m-product START **************/
.m-product .content {
	margin-top: .2rem;
	overflow: hidden;
}
.m-product ul { width: 7.4rem; }
.m-product li {
	float: left;
	width: 3.5rem;
	margin: 0 .2rem .2rem 0;
}
.m-product li .u-img { height: 2.5rem; }
.m-product li .name {
	font-size: .24rem;
	line-height: .5rem;
	text-align: center;
	height: 0.5rem;
	overflow: hidden;
}
/*********** m-product END **************/

/*********** m-news START **************/
.m-news .m-header {
	background: #29a25b;
	border-top: solid .01rem #279052;
	border-bottom: solid .01rem #279052;
}
.m-news .m-header .border {
	border-top: solid .01rem #279052;
	border-bottom: solid .01rem #279052;
}
.m-news .m-header .title { color: white; }
.m-news .m-header .title:before { border-color: white; }
.m-news .m-header .more { color: white; }
.m-news .m-header .more:before {
	background: url(../images/more.png);
	background-size: .25rem .25rem;
}
.m-news .content { margin-top: .2rem; }
.m-news li,
.m-newsList li {
	margin-bottom: .2rem;
	background: #fff;
}
.m-news li .date,
.m-newsList li .date {
	float: left;
	width: 1rem;height: 1rem;
	margin: .2rem 0 0 .2rem;
	background: #29a25b;
	text-align: center;
}
.m-news li .date .top,
.m-newsList li .date .top {
	padding-top: .2rem;
	font-size: .24rem;
	line-height: .3rem;
	color: white;
}
.m-news li .date .bottom,
.m-newsList li .date .bottom {
	font-size: .2rem;
	line-height: .3rem;
	color: white;
}
.m-news li .article,
.m-newsList li .article {
	margin: 0 .2rem 0 1.4rem;
	padding: .12rem 0;
}
.m-news li .article .tit,
.m-newsList li .article .tit {
	font-size: .26rem;
	line-height: .4rem;
	color: #000;
}
.m-news li .u-a-wrap:active .article .tit,
.m-newsList li .u-a-wrap:active .article .tit { color: #29a25b; }
.m-news li .article .ctn,
.m-newsList li .article .ctn {
	font-size: .24rem;
	line-height: .38rem;
	color: white;
}
.m-news li .article .ctn span,
.m-newsList li .article .ctn span { color: #999; }
/*********** m-news END **************/

/*********** m-copyright START **************/
.m-copyright {
	padding: .15rem 0 .25rem 0;
	font-size: .2rem;
	line-height: .3rem;
	color: #666;
	text-align: center;
}
/*********** m-copyright END **************/

/*********** footer-box START **************/
.footer-box {
	position: fixed;bottom: 0;left: 0;right: 0;
	z-index: 30;
	width: 7.5rem;
	margin: 0 auto;
	background: #29a25b;
}
.footer-box li {
	float: left;
	width: 25%;
}
.footer-box li .u-a-wrap {
	position: relative;
	height: 1rem;
	overflow: hidden;
}
.footer-box li .u-a-wrap:active { background: #006633; }
.footer-box li .icon {
	position: absolute;bottom: .48rem;left: 0;right: 0;
	margin: 0 auto;
}
.footer-box li .icon:nth-child(1) {
	width: .4rem;height: .4rem;
}
.footer-box li .icon:nth-child(2) {
	width: .34rem;height: .36rem;
}
.footer-box li .icon:nth-child(3) {
	width: .4rem;height: .4rem;
}
.footer-box li .icon:nth-child(4) {
	width: .38rem;height: .4rem;
}
.footer-box li .name {
	margin-top: .52rem;
	font-size: .24rem;
	line-height: .4rem;
	color: #fff;
	text-align: center;
}
/*********** footer-box END **************/

/*********** panel-box START **************/
.panel-box {
	position: absolute;top: 0;right: 0;
	width: 3.75rem;
	/*background: url(../images/bg-panel.jpg);*/
	background-color: #29a25b;
}
.panel-box .nav { margin-top: .9rem; }
.panel-box .nav>li {
	width: 2.38rem;
	margin: 0 auto .1rem auto;
}
.panel-box .nav>li>.u-a-wrap {
	background: #006633;
	border: solid .01rem #006633;
	border-radius: .08rem;
	font-size: .3rem;
	line-height: .58rem;
	color: #fff;
	text-align: center;
}
.panel-box .subnav { display: none; }
.panel-box .subnav .u-a-wrap {
	font-size: .28rem;
	line-height: .75rem;
	color: #fff;
	text-align: center;
}
/*********** panel-box END **************/

/*********** m-pageTop START **************/
.pageColor { background: #fff; }
.m-pageTop {
	height: .9rem;
	background: #29a25b;
}
.m-pageTop .back {
	position: absolute;top: 0;bottom: 0;left: 0;
	width: .14rem;height: .26rem;
	margin: auto 0;
	background: url(../images/back.png);
	background-size: .14rem .26rem;
}
.m-pageTop .title {
	font-size: .3rem;
	line-height: .9rem;
	color: #fff;
	text-align: center;
	height: 0.9rem;
	overflow: hidden;
}
/*********** m-pageTop END **************/

/*********** m-pageClassify START **************/
.m-pageClassify { padding: .2rem 0; }
.m-pageClassify li {
	 width: 1.65rem !important;
	 margin-right: .2rem;
	 overflow: hidden;
	 height: 0.5rem;
}
.m-pageClassify li .u-a-wrap {
	background: #29a25b;
	font-size: .22rem;
	 line-height: .5rem;
	 color: #fff;
	 text-align: center;
}
.m-pageClassify li .u-a-wrap:active { background: #006633; }
.m-pageClassify .active .u-a-wrap { background: #006633; }
/*********** m-pageClassify END **************/

/*********** m-productList START **************/
.m-productList .area { overflow: hidden; }
.m-productList ul { width: 7.4rem; }
.m-productList li {
	float: left;
	width: 3.5rem;
	margin: 0 .2rem .2rem 0;
}
.m-productList li .u-img { height: 2.5rem; }
.m-productList li .name {
	font-size: .24rem;
	line-height: .5rem;
	color: white;
	text-align: center;
	background:#29a25b;
}
/*********** m-productList END **************/

/*********** m-page START **************/
.m-page{
	margin: .2rem 0;
	font-size: 0;
	text-align: center;
}
.m-page a,.m-page i {
	display:inline-block;*display:inline;*zoom:1;
	width: .4rem;/*按钮的宽度*/
	margin: 0 .1rem;/*按钮的间距*/
	background: #ccc;/*按钮的背景*/
	font-size: .24rem;/*字体大小*/
	line-height: .4rem;/*字体高度*/
	color: #666;/*字体颜色*/
	text-align: center;
}
.m-page .prev,.m-page .next {
	width: 1rem;/*翻页的宽度*/
	background: #29a25b;
	color: #fff;
}
.m-page a:active {
	background: #006633;
	color: #fff;
}
.m-page .active {
	background: #29a25b;
	color: #fff;
}
/*********** m-page END **************/

/*********** m-articleDtl START **************/
.m-articleDtl { margin-top: .3rem; }
.m-articleDtl .header {
	margin-bottom: .4rem;
	text-align: center;
}
.m-articleDtl .tit {
	padding: .16rem 0;
	font-size: .36rem;
	line-height: .54rem;
	color: #000;
}
.m-articleDtl .inf {
	padding: .2rem 0;
	border-bottom: solid .01rem #e4e4e4;
	font-size: .24rem;
	line-height: .36rem;
	color: #999;
}
.m-articleDtl .img {
	position: relative;
	margin-bottom: .3rem;
	font-size: 0;
	text-align: center;
}
.m-articleDtl .img img {
	display: inline-block;
	max-width: 100%;
}
.m-articleDtl .ctn {
	margin-bottom: .4rem;
	font-size: .24rem;
	line-height: .4rem;
	color: #333;
}
.m-articleDtl .paging {
	margin-top: .3rem;
	padding: .14rem 0;
	border-top: solid .01rem #e4e4e4;
}
.m-articleDtl .paging a {
	font-size: .24rem;
	line-height: .4rem;
	color: #666;
}
.m-articleDtl .album .prev,
.m-articleDtl .album .next {
	position: absolute;top: 0;bottom: 0;
	width: .5rem;height: 1rem;
	margin: auto 0;
	background: #000;
	opacity: .3;
	font: .3rem/1rem 'SimHei';
	color: #d4d4d4;
	text-align:center;
}
.m-articleDtl .album .prev {
	left: 0;
}
.m-articleDtl .album .next {
	right: 0;
}
/*********** m-articleDtl END **************/

/*********** leaves-form START **************/
.leaves-form {
	width: 100%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	color: #333;
	border-bottom: solid 0.01rem #ccc;
}
.leaves-form input { font-family: 'Microsoft YaHei'; }
.leaves-form .submit { text-align: center; }
.form-items {
	font-size: 0.28rem;
	margin-bottom: 0.15rem;
}
.items-first-margin { margin-top: 0.65rem;}
.form-input {
	width: 4.58rem;
	height: 0.68rem;
	background-color: #f4f4f4;
	border-radius: 0.05rem;
	outline: none;
	border: solid 0.01rem #ccc;
	font-size: 0.28rem;
	padding: 0 0.16rem;
	margin-left: 0.04rem;
}
.form-textarea {
	width: 4.58rem;
	height: 1.2rem;
	background-color: #f4f4f4;
	border-radius: 0.05rem;
	outline: none;
	border: solid 0.01rem #ccc;
	font-size: 0.28rem;
	padding: 0.1rem 0.16rem;
	margin-left: 0.04rem;
}
.items-textarea label{
	vertical-align: top;
}
.items-last {
	width: 6.443rem;
}
.items-last label { 
	float: left; 
	margin-right: 0.1rem;
	margin-left: 0.1rem;
}
.items-last-input {
	width: 3.2rem;
	height: 0.68rem;
	float: left;
}
.items-last-img {
	width: 1rem;
	height: 0.7rem;
	margin-left: 0.2rem;
	float: left;
}
.lev-input {
	width: 4.9rem;
	height: 0.7rem;
	background-color: #29a25b;
	color: #fff;
	font-size: 0.32rem;
	font-weight: bold;
	line-height: 0.7rem;
	border: none;
	outline: none;
	margin-bottom: 0.5rem;
	cursor: pointer;
}
/*********** leaves-form END **************/