/* 基础样式 */
body{
	margin: 0;
	background-color: #ffffff;
	/*min-width: 1300px;*/
	padding-top: 0.9rem/* 90px */;
	/*padding-top: 30px;*/
	padding-bottom: 1.17rem;
	/*min-width: 1300px;*/
}
h1, h2, h3 {
    margin: 0;
    font-size: 100%;
    font-weight: normal;
    /* display: block; */
    /* font-size: 1.5em; */
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    /* font-weight: bold; */
}
p{
	margin: 0;
}
a{
	text-decoration: none;
	color: #333333;
}
/* 超出隐藏 */
.of-ellipsis{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 多行文本超出隐藏 */
.of-ellipsis-2{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.of-ellipsis-3{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.of-ellipsis-4{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.of-ellipsis-5{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.title-box{
	width: 3.15rem/* 315px */;
	height: 0.57rem/* 57px */;
	border:solid 0.01rem #58c05c;
	position: relative;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.title-box .big-title{
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 0 0.3rem/* 30px */;
	font-size: 0.3rem/* 30px */;
	background-color: inherit;
	line-height: 0.15rem/* 15px */;
	height: 0.3rem/* 30px */;
	margin-top: -0.1rem/* 10px */;
	text-align: center;
	color: #58c05c;
	position: relative;
}
.title-box .big-title::after{
	position: absolute;
	right: -0.08rem/* 8px */;
	top: 0.04rem;
	content: "●";
	font-size: 0.14rem/* 18px */;
}
.title-box .big-title::before{
	position: absolute;
	left: -0.08rem/* 8px */;
	top: 0.04rem;
	content: "●";
	font-size: 0.14rem/* 18px */;
}
.title-box .som-title{
	line-height: 0.4rem/* 40px */;
	font-size: 0.14rem/* 14px */;
}

.top-bar{
	height: 0.9rem/* 90px */;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}
.show-title{
	width: 100%;
	height: 100%;
	background-color: #a8f599;
	position: relative;
	z-index: 20;
}
.top-bar .top-bar-logo{
	height: 0.58rem/* 58px */;
	margin-left: 0.35rem/* 35px */;
	margin-top: 0.15rem/* 15px */;
}
.top-bar .menu-btn{
	width: 0.46rem/* 46px */;
	height: 0.04rem/* 4px */;
	background-color: #ffffff;
	float: right;
	margin-right: 0.35rem/* 35px */;
	margin-top: 0.44rem/* 25px */;
	position: relative;
	transition: background-color 300ms;
	border-radius: 0.04rem/* 4px */;
}
.top-bar .menu-btn::after{
	transition: top 300ms, transform 300ms;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -0.2rem;
	background-color: #ffffff;
	border-radius: 0.04rem/* 4px */;
}
.top-bar .menu-btn::before{
	transition: bottom 300ms, transform 300ms;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: -0.2rem;
	background-color: #ffffff;
	border-radius: 0.04rem/* 4px */;
}
.top-bar .menu-act{
	background-color: transparent;
}
.top-bar .menu-act::after{
	top: 0;
	transform:rotateZ(-45deg);
}
.top-bar .menu-act::before{
	bottom: 0;
	transform:rotateZ(45deg);
}
.hiden-menu{
	transition: transform 300ms;
	transform: translateY(-100%);
	position: absolute;
	z-index: 10;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
	font-size: 0.18rem/* 18px */;
	font-weight: bold;
}
.hiden-menu a{
	display: block;
	width: 100%;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	box-sizing: border-box;
	border-bottom: solid 1px #58c05c;
}
.hiden-menu a:last-child{
	border-bottom: none;
}
.hiden-menu-act{
	transform: translateY(0%);
}

.bottom-item{
	width: 100%;
	min-height: 3.25rem/* 423px */;
	background-color: #252222;
	color: #ffffff;
	display: flex;
	align-items: center;
	padding-bottom: .4rem;
	flex-direction: column;
	position: relative;
}
.bottom-item .links-item{
	width: 100%;
	min-height: 0.6rem;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	padding: 0 0.3rem;
	line-height: 0.6rem;
	font-size: 0.18rem/* 18px */;
}
.bottom-item .links-item a{
	color: #ffffff;
	opacity: 0.7;
	margin-right: 0.08rem;
	font-size: 0.18rem/* 18px */;
}
.bottom-item .bg-logo{
	width: 2.31rem/* 231px */;
	margin-top: 0.35rem/* 35px */;
	margin-bottom: 0.3rem/* 30px */;
}
.bottom-item .on-mg{
	min-height: 0.1rem;
	font-size: 0.16rem/* 16px */;
	margin-bottom: 0.2rem/* 20px */;
}
.bottom-item .on-mg img{
	height: 0.3rem/* 20px */;
	margin-right: 0.1rem;
}
.bottom-item .btt-info{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0.38rem/* 38px */;
	background-color: #1b1818;
	z-index: 100;
	font-size: 0.18rem/* 18px */;
	text-align: center;
	line-height: 0.38rem/* 38px */;
}

.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}


.pages{
	width: 100%;
	height: auto;
	display: flex;
	align-self: center;
	justify-content: center;
}
.pages *{
	color: #333333;
}
.pages .pagination a{
	margin: 0 0.04rem/* 4px */;
	border-radius: 0.04rem/* 4px */;
	border-color: #58c05c;
	color: #333333;
	transition: 300ms;
}
.pages .pagination .active{
	background-color:#58c05c;
	color: #ffffff;
}
.pages .pagination a:hover{
	background-color: #58c05c;
	color: #ffffff;
}
.btn-os{
	position: fixed;
	z-index: -1;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	opacity: 0;
	pointer-events: none;
	transition: opacity 300ms;
}
.btn-act{
	opacity: 1;
	pointer-events: auto;
}


.main-box .path-item{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0 0.3rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}
.main-box .path-item .pt-act{
	background-color: #58c05c;
	color: #ffffff;
}
.main-box .path-list{
	display: block;
	width: 1.73rem/* 123px */;
	height: 0.51rem/* 51px */;
	line-height: 0.51rem/* 51px */;
	text-align: center;
	box-shadow: 0 0.02rem/* 2px */ 0.08rem/* 8px */ rgba(0,0,0,0.2);
	border-radius: 0.04rem;
	margin: 0.23rem 0.2rem;
	font-size: 0.18rem/* 18px */;
	box-sizing: border-box;
	padding: 0 0.2rem;
}

/**/
.bottom-list{
	box-shadow: 0 -.06rem .15rem rgba(0, 0, 0, 0.15);
	max-width: 750px;
	width: 100%;
	height: 1.17rem;
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.bottom-list .link{
	display: block;
	width: 1rem;
	height: .8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
.bottom-list .link img{
	width: .37rem;
}
.bottom-list .link p{
	font-size: .24rem;
	color: #58c05c;
}