@charset "UTF-8";

.sub-header {
	position: relative
}

.sub-header,.sub-header .main-bg {
	height: 5.66rem
}

.sub-header .main-bg-wrap {
	width: 19.2rem
}

.sub-header .sub-bg-cover {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -9.6rem;
	background: url(../images/header_mask-b9447bb5ce.png) no-repeat 0 0/19.2rem 4.82rem;
	width: 19.2rem;
	height: 4.82rem;
	z-index: 2
}

.sub-content-wrap {
	margin: .38rem auto 0;
	width: 12.04rem
}

.sub {
	height: auto;
	min-height: 10rem;
	position: relative;
	top: -.01rem;
	z-index: 2
}

.sub.img-ori {
	background: #ebe4ca url(../images/bg_sub1-22c2013970.jpg) no-repeat center top/19.2rem auto
}

.sub.img-webp {
	background: #ebe4ca url(../images/bg_sub1-ed60db91ee.webp) no-repeat center top/19.2rem auto
}

.sub .title {
	background: url(../images/title_center-fe16f93c87.png) no-repeat 0 0/6.1rem 1.44rem;
	width: 6.1rem;
	height: 1.44rem
}

.sub .bottom-bg-cover {
	width: 19.2rem;
	height: 6.24rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: none
}

.sub .bottom-bg-cover.img-ori {
	background: #ebe4ca url(../images/bg_sub2-a81adb9b1f.jpg) no-repeat center top/19.2rem auto
}

.sub .bottom-bg-cover.img-webp {
	background: #ebe4ca url(../images/bg_sub2-208fe0ba96.webp) no-repeat center top/19.2rem auto
}

.sub .main {
	padding-bottom: 1.2rem;
	min-height: 8rem;
	text-align: center
}

.sub .main .bar {
	text-align: left;
	width: 12.31rem;
	left: -.28rem;
	background: url(../images/sub_nav_line-e548881119.png) no-repeat center bottom/auto .24rem;
	margin-bottom: .26rem;
	height: .64rem
}

.sub .main .bar strong {
	font-size: 0;
	position: absolute;
	left: .74rem;
	top: 0
}

.sub .main .bar .news-center {
	background: url(../images/news-9f7eb057f6.png) no-repeat 0 0/2.15rem .54rem;
	width: 2.15rem;
	height: .54rem
}

.sub .main .bar .news-gg {
	background: url(../images/news_gg-f7f611a1aa.png) no-repeat 0 0/1.1rem .51rem;
	width: 1.1rem;
	height: .51rem
}

.sub .main .bar .news-gl {
	background: url(../images/news_gl-2805106c2b.png) no-repeat 0 0/1.1rem .54rem;
	width: 1.1rem;
	height: .54rem
}

#pagination li,.category-list,.crumbs-index {
	display: inline-block;
	vertical-align: top
}

.category-list {
	margin-left: 3.95rem;
	margin-top: .05rem
}

.category-list li,.category-list li a {
	display: inline-block;
	vertical-align: top
}

.category-list li {
	position: relative;
	text-align: center;
	cursor: default;
	z-index: 10;
	height: .589rem;
	width: 1.55rem;
	font-size: .22rem
}

.category-list li a {
	color: #451f12;
	width: .96rem;
	height: .58rem;
	font-size: .34rem;
	letter-spacing: .018rem
}

.category-list li a:hover,.category-list li.on a {
	background: url(../images/tab-07bfeac929.png) no-repeat 0 0/1.55rem .58rem;
	width: 1.55rem;
	height: .58rem
}

.crumbs-index {
	color: #e9f1ff;
	font-size: .22rem;
	margin-left: .5rem;
	letter-spacing: .008rem
}

.crumbs-index a {
	color: #e9f1ff
}

.location {
	float: right;
	font-size: .22rem;
	color: #451f12;
	line-height: .58rem;
	margin-top: .1rem
}

.location a,.location i,.location span {
	display: inline-block;
	vertical-align: middle;
	font-size: .22rem
}

.location a {
	margin-right: .1rem;
	color: #451f12
}

.location a:hover {
	text-decoration: underline
}

.location i {
	background: url(../images/location_arrow-a0e8eea8c8.png) no-repeat 0 0/.12rem .15rem;
	width: .12rem;
	height: .15rem;
	margin-right: .1rem
}

.back-top {
	position: fixed;
	left: 50%;
	margin-left: 6.1rem;
	bottom: 3.2rem;
	font-size: 0;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: url(../images/back_top-c069633f27.png) no-repeat 0 0/.4rem .39rem;
	width: .4rem;
	height: .39rem
}

.back-top:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.news-list li .news-content,.sub-content {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sub-content {
	min-height: 8.46rem;
	background-color: #fffaec;
	position: relative;
	z-index: 2;
	text-align: left;
	padding: .3rem 1.08rem
}

.news-list li {
	border-bottom: .01rem solid rgba(202,213,242,.7);
	overflow: hidden
}

.news-list li a {
	display: block;
	-webkit-transition: .2s -webkit-transform;
	-o-transition: .2s transform;
	transition: .2s transform;
	transition: .2s transform,.2s -webkit-transform
}

.news-list li a:hover {
	-webkit-transform: translateX(.1rem);
	-ms-transform: translateX(.1rem);
	transform: translateX(.1rem)
}

.news-list li a:hover h3 {
	color: #cd783c
}

.news-list li .pic {
	float: left;
	width: 1.41rem;
	height: .79rem;
	overflow: hidden;
	border: .02rem solid #d2c2a2;
	margin: .32rem 0;
	border-radius: .03rem;
	margin-right: .15rem
}

.news-list li .pic img {
	width: 100%
}

.news-list li .news-content {
	width: 7.52rem;
	height: 1.42rem;
	padding: .26rem 0 .22rem
}

.news-list li .arrow,.news-list li .news-content,.news-other li i {
	display: inline-block;
	vertical-align: middle
}

.news-list li .arrow {
	background: url(../images/arrow-f3afe1466f.png) no-repeat 0 0/.26rem .3rem;
	margin-left: .25rem;
	width: .26rem;
	height: .3rem
}

.news-list h3,.news-other li a,.newspage a {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.news-list h3 {
	font-size: .22rem;
	line-height: .4rem;
	word-break: keep-all;
	color: #77563f
}

.news-list span,.newspage {
	overflow: hidden;
	font-size: .16rem
}

.news-list span {
	display: inline-block;
	text-align: justify;
	color: #232324;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: .56rem
}

.sub-content .content img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block
}

.sub-content .content-top {
	padding: .26rem 0 .16rem;
	border-bottom: .01rem solid #f1eee4;
	margin-bottom: .3rem
}

.server-inner h1,.sub-content .content-title {
	font-size: .32rem;
	color: #77563f;
	font-weight: 700;
	text-align: center
}

.sub-content .datatime {
	text-align: center;
	font-size: .16rem;
	color: #555;
	margin-top: .05rem
}

.newspage {
	height: .28rem;
	padding: .12rem 0;
	border-bottom: .02rem solid rgba(229,229,209,.4)
}

.newspage .pagenext,.newspage .pagepre {
	position: relative;
	padding-left: .72rem;
	float: left;
	text-align: left;
	width: 36%
}

.newspage .pagenext {
	float: right
}

.newspage span {
	position: absolute;
	left: 0;
	top: 0
}

.news-other li a,.newspage a {
	display: inline;
	width: 100%;
	color: #3f68a0
}

.news-other li a:hover,.newspage a:hover {
	text-decoration: underline
}

.news-other h3 {
	font-size: .18rem;
	color: #272420;
	margin: .18rem 0
}

.news-other li {
	display: inline-block;
	width: 48%;
	margin-bottom: .1rem;
	line-height: 1.5
}

.news-other li a {
	display: inline-block;
	font-size: .16rem;
	color: #272420;
	width: 88%
}

.news-other li i {
	background: url(../images/dot-6afda9af31.png) no-repeat 0 0/.13rem .13rem;
	width: .13rem;
	height: .13rem;
	margin-right: .12rem
}

#pagination li {
	margin: 0 .08rem;
	height: .36rem
}

#pagination li a {
	padding: 0 .14rem
}

.server-inner {
	width: auto;
	height: auto;
	overflow: hidden
}

.server-inner h1 {
	color: #2e5ea0;
	line-height: .5rem;
	padding: .1rem 0 .3rem
}

.server-head,.server-list {
	text-align: center;
	overflow: auto
}

.server-head {
	font-size: .22rem
}

.server-list {
	font-size: .18rem
}

.server-head li,.server-list li {
	line-height: .53rem;
	height: .53rem;
	overflow: hidden;
	border-bottom: .01rem solid rgba(39,62,115,.1)
}

.server-head ul,.server-list ul {
	width: 100%;
	height: auto;
	overflow: hidden
}

.server-head ul li {
	display: block;
	background: #3c6bac;
	color: #e9f1ff;
	width: 100%;
	height: .53rem;
	line-height: .53rem
}

.server-head li p,.server-list li p {
	float: left;
	width: 33%
}

.server-head li p {
	border-left: .01rem solid rgba(233,241,255,.2)
}

.server-list li p span,.sub .main .bar {
	position: relative
}

.server-list li .hot {
	display: block;
	background: url(../images/hot-9322c4deaa.png) no-repeat 0 0/.22rem .11rem;
	width: .22rem;
	height: .11rem;
	margin-left: .1rem;
	position: absolute;
	right: -.3rem;
	top: 50%;
	margin-top: -.05rem
}

.server-page {
	margin: .6rem auto;
	font-size: 0;
	word-spacing: -.01rem;
	text-align: center
}

.server-page li {
	min-width: .38rem;
	min-height: .38rem;
	margin: 0 .06rem;
	line-height: .38rem;
	border: .02rem solid #cad5f2;
	border-radius: .06rem;
	display: inline-block;
	font-size: .16rem;
	word-spacing: normal;
	letter-spacing: normal;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.server-page li a {
	color: #000
}

.server-page li:not(.cur) {
	min-width: .8rem
}

.cur.active,.server-page .cur:hover {
	color: #fff;
	background: #e5cd87;
	border-radius: .06rem
}

.server-page .disabled,.server-page .disabled a {
	cursor: not-allowed;
	color: #909090;
	background-color: #cad5f2
}