.tn-ban {
	margin: 15px 0 25px;
	background-image: linear-gradient(to right, #fffcfd, #cbc7c6);
}

.tn-ban img {
	opacity: 1;
}

.list-nav {
	padding-left: 15px;
	line-height: 35px;
	height: 35px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.list-ul li {
	padding: 0 15px;
	height: 140px;
}

.list-ul li .list-text {
	display: flex;
	/* 使用Flexbox布局 */
	flex-direction: column;
	/* 子元素垂直排列 */
	justify-content: center;
	/* 垂直居中 */
	height: 140px;
}

.list-ul li a img {
	float: left;
	max-width: 170px;
	max-height: 110px;
	margin-right: 20px;
}

.list-ul li a h1 {
	font-size: 16px;
	font-weight: 600;
}

.list-ul li+li {
	border-top: 1px solid #cbc7c6;
	padding-top: 10px;
}

.list-ul li:hover {
	box-shadow: 1px 2px 3px 3px #cbc7c6;
	transition: all 0.5s;

}

.tn-nv {
	margin-top: 35px;
}

.tn-right {
	padding: 0px 15px;
}

.tn-tj ul {
	padding: 10px 0;
	margin-bottom: 20px;
	border: 1px solid #eee;

}

.tn-tj ul h2,
.tn-pd ul h2 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-left: 15px;
}

.tn-tj ul li {
	padding: 10px 0;
	list-style-type: circle;
	margin-left: 35px;
}

.tn-pd ul {
	padding: 10px 0;
	margin-bottom: 20px;
	border: 1px solid #eee;
}

.tn-pd ul li {
	padding-left: 15px;
	width: 100%;
}

.tn-pd li img {
	float: left;
	margin-right: 5px;
	width: 100px;
	max-height: 60px;
}

.tn-pd li h3 {
	font-size: 16px;
}

.tn-pd li+li {
	border-top: 1px dashed #eee;
	padding-top: 15px;
}



/* ========art======== */
.b-bg {
	background-color: #f1f1f1;
}

.b-bg .list-nav {
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.b-bg .list-nav,
.b-bg .tn-art,
.b-bg .tn-tj,
.b-bg .tn-pd,
.b-bg .header-middle-area {
	background-color: #fff;
}

.b-bg .tn-art {
	padding: 0 25px;
}

.tn-art h1 {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	padding: 35px 0 40px;
}

.b-bg .tn-ld {
	border-top: 1px solid #f1f1f1;
	margin-top: 55px;
	height: 85px;
	line-height: 85px;
}

.pro-quotes {
	border-left: 5px solid #1e4799;
	border-top: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	position: relative;
	z-index: 1;
	line-height: 1.5;
	padding: 30px 39px 35px 37px;
	text-align: center;
	margin: 25px 0 25px;
}

.pro-quotes p {
	text-align: left;
	font-size: 14px;
	margin: 0 0 9px;
	font-weight: 500;
}

.pro-quotes i {
	display: inline-block;
	position: absolute;
	font-size: 100px;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: .3;
}

/* /==================== moble ===================/ */
@media (max-width: 575px) {
	.list-ul li a p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.tn-right {
		margin-top: 25px;
	}

	.list-ul li a img {
		max-width: 110px;
		align-items: center;
	}
}