body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background-color: #fff;
}

.banner {
	position: relative;
	width: 100%;
	height: 3.68rem;
	background: url(../../img/news/banner.png) no-repeat top;
	background-size: cover;
}

.news-bg {
	margin-top: -9.11rem;
	width: 100%;
	height: 10.87rem;
	background: url(../../img/news/news-bg.png) no-repeat top;
	background-size: cover;
}

.content {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	border-top: 1px solid transparent;
	width: 11.64rem;
}

.content .news-title {
	margin: .4rem auto;
	width: 8.56rem;
	height: .57rem;
	background: url(../../img/news/title.png) no-repeat center;
	background-size: 100%;
}

.content .pic-title {
	margin: .4rem auto;
	width: 8.56rem;
	height: .56rem;
	background: url(../../img/guide/tuwen-title.png) no-repeat center;
	background-size: 100%;
}

.nav-list {
	overflow-x: auto;
	margin-bottom: .4rem;
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.nav-list li {
	display: inline-block;
	list-style: none;
	cursor: pointer;
	text-align: center;
	font-size: .2rem;
	color: #000;
}

.nav-list li span {
	display: inline-block;
	padding: .05rem .25rem;
	border-radius: .15rem;
}

.nav-list li.active span,
.nav-list li span:hover {
	background-color: #6186ca;
	font-weight: 700;
	color: #fff;
}

.nav-list li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.nav-list li i {
	margin: 0 .1rem 0;
}

.news-list {
	margin: 0 auto .3rem;
	width: 11.64rem;
}

.news-item {
	border-bottom: 2px solid #edeff2;
	width: 11.64rem;
	height: 1.25rem;
}

.news-item:last-of-type {
	border-bottom: none;
}

.news-item a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.news-item .time {
	position: relative;
	margin-left: 2.2rem;
	margin-right: .3rem;
	padding-right: .3rem;
}

.news-item .time::after {
	position: absolute;
	right: 0;
	top: 50%;
	width: .02rem;
	height: 130%;
	background-color: #edeff2;
	content: "";
	transform: translateY(-50%);
}

.news-item .time .day {
	text-align: center;
	font-size: .28rem;
	color: #6186ca;
}

.news-item .time .year-month {
	padding: .02rem .05rem;
	background-color: #6186ca;
	text-align: center;
	font-size: .12rem;
	color: #fff;
}

.news-item .news-info {
	margin-right: .2rem;
	width: 5rem;
}

.news-item .news-info .type {
	font-size: .15rem;
	color: #6186ca;
}

.news-item .news-info .title {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .18rem;
	color: #333;
	white-space: nowrap;
}

.news-item .detail {
	width: .61rem;
	height: .32rem;
	background: url(../../img/news/detail.png) no-repeat center;
	background-size: 100%;
}

.news-item:hover {
	background: url(../../img/news/news-hover.png) no-repeat center;
	background-size: 100%;
}

.news-item:hover .detail {
	background: url(../../img/news/detail-hover.png) no-repeat center;
	background-size: 100%;
}

.content .paginator li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.content .paginator {
	margin: 0 auto;
	margin-top: 18px;
	padding: 0;
	width: 100%;
	height: .32rem;
	text-align: center;
}

.content .paginator li {
	display: inline-block;
	float: none;
	margin: 0 .05rem;
	width: auto;
	height: .32rem;
	line-height: .32rem;
	text-align: center;
	font-size: .12rem;
}

.content .paginator li a {
	display: block;
	padding: 0 .1rem;
	border: 0;
	border: 1px solid #ccc;
	width: auto;
	height: .32rem;
	background-color: transparent;
	cursor: pointer;
	text-decoration: none;
	color: #666;
}

.content .paginator li a.active {
	background-color: #005195;
	color: #fff;
}

.content .paginator li span {
	display: block;
	border: 0;
	width: .32rem;
	height: .32rem;
	background-color: #005195;
	cursor: pointer;
	color: #fff;
}

.content .paginator li {
	margin: 0 .05rem;
	width: auto;
	height: .32rem;
}