.content {
	position: relative;
	/* background: url(/images2020/contenttop.png) top center no-repeat,url(/images20202020/contentBottom.png) bottom center no-repeat #f1f1f1; */
}

.content::before {
	content: '';
	width: 100%;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images2020/contenttop.png) bottom center repeat-x;
	z-index: 2;
}

.content::after {
	content: '';
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/images2020/contentbottom.png) top center repeat-x;
}


.articleListTitle {
	margin-bottom: 15px;
	line-height: 24px;
	position: relative;
}

.articleListTitle .more {
	position: relative;
	float: right;
	color: #999;
	line-height: 16px;
	margin: 10px 0 0 0;
}

.articleListTitle h2 {
	color: #B10F0F;
	font-weight: bold;
	padding: 0 0 0 30px;
	background: url(/images2020/articlelisttitle.png) left center no-repeat;
}

.articleListTitle::after {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background: #cecece;
	margin: 15px 0 0;
	box-shadow: 0 1px 1px #fff;
}


.wrapMode01 {
	position: relative;
	background: url(/images2020/mode01bg.png) bottom center no-repeat;
	background-size: cover;
	padding: 0 0 16px 0;
	border-bottom: 5px solid #b10f0f;
}

.mode01Banner {
	display: block;
	padding: 25px;
	background: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	position: relative;
	top: -25px;
	z-index: 3;
}

.mode01Banner img, .mode02Banner img {
	display: block;
	width: 100%;
}

.mode01 .lf {
	float: left;
	width: 71.67%;
}

.mode01 .rt {
	float: right;
	width: 25%;
}

.mode01First {
	display: block;
	overflow: hidden;
	background: #fff;
}

.mode01First .left {
	width: 480px;
	float: left;
}

.mode01First .left li.on {
	display: block;
}

.mode01First .left li.off {
	display: none;
}

.mode01First .img {
	padding-bottom: 59.6%;
}

.mode01First .right {
	margin: 0 0 0 480px;
	padding: 15px 20px;
	display: block;
	text-align: justify;
}

.mode01First .right li {
	margin: 0 0 10px 0
}

.mode01First .right li.off .title {
	color: #1e1e1e;
}

.mode01First .title {
	line-height: 24px;
	max-height: 48px;
	margin: 0px 0px 3px 0;
}

.mode01First .info {
	line-height: 22px;
	height: 44px;
	color: #999;
	margin: 0 0 28px 0;
}

.mode01First .line {
	width: 35px;
	height: 1px;
	background: #eee;
	margin: 0 0 5px 0;
}

.mode01First .time {
	padding: 0 0 0 24px;
	background: url(/images2020/time1.png) left center no-repeat;
	color: #999;
}

.articleList011 {
	margin: 5px 0 0;
}

.articleList011 a {
	display: block;
	padding: 19px 0 0;
}

.articleList011 a::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin: 11px 0 0;
	background: #CECECE;
	box-shadow: 0 1px 1px #fff;
	clear: both;
}

.articleList011 .time {
	float: left;
	width: 48px;
	border-right: 1px solid #ddd;
	height: 48px;
	color: #757575;
}

.articleList011 .year {
	letter-spacing: 1.68px;
	color: #757575;
}

.articleList011 .time span {
	color: #555;
}

.articleList011 .title {
	line-height: 40px;
	white-space: nowrap;
	padding: 0px 0 8px 20px;
}

.articleList012 {
	margin: -5px 0 27px 0;
}

.articleList012 .title {
	line-height: 24px;
	height: 48px;
	margin: 0 0 9px 0;
}

.articleList012 .time {
	padding: 0 0 0 33px;
	background: url(/images2020/time2.png) left center no-repeat;
	color: #666;
	line-height: 28px;
	margin: 0px 0 10px 0;
}

.articleList012 a::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin: 14px 0 10px;
	background: #CECECE;
	box-shadow: 0 1px 1px #fff;
	clear: both;
}

.articleList013 {
	margin: -5px 0 27px 0;
}

.articleList013 .title {
	line-height: 24px;
	height: 48px;
	margin: 0 0 6px 0;
	padding: 0 0 0 22px;
	background: url(/images2020/articlelist013li.png) 0px 4px no-repeat;
}

.articleList013 .time {
	padding: 0 0 0 26px;
	background: url(/images2020/time3.png) left center no-repeat;
	color: #666;
	line-height: 28px;
	margin: 0px 0 0px 22px;
}

.articleList013 a::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin: 10px 0 10px;
	background: #CECECE;
	box-shadow: 0 1px 1px #fff;
	clear: both;
}

.articleList013 li:last-child a::after {
	display: none;
}

.wrapMode02 {
	position: relative;
	background: url(/images2020/mode02topbg.png) top center no-repeat #f1f1f1;
	/* background-size: 100% auto; */
	padding: 0 0 16px 0;
}

.mode02Banner {
	display: block;
	padding: 9px 25px;
	z-index: 3;
	margin: 0 0 50px 0;
}

.mode02 {
	padding: 34px 0 102px;
}

.mode02 .flexslider {
	/* margin: 0 -5px; */
	position: relative;
}

.mode02 .carousel li {
	margin-right: 20px;
}

.mode02 .img {
	padding-bottom: 47.5%;
}

.mode02 .slides a {
	display: block;
	padding: 12px;
	background: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}

.mode02 .flex-direction-nav a {
	width: 8px;
	height: 9px;
	opacity: 1;
	border-radius: 0;
	margin-top: -12px;
	top: 100%;
}

.mode02 .flex-direction-nav .flex-prev {
	left: 50%;
	background: url(/images2020/prev21.png) center center no-repeat;
	margin-left: -60px;
}

.mode02 .flex-direction-nav .flex-next {
	right: 50%;
	background: url(/images2020/next21.png) center center no-repeat;
	margin-right: -60px;
}

.mode02 .flex-direction-nav .flex-prev:hover {
	background: url(/images2020/prev22.png) center center no-repeat;
}

.mode02 .flex-direction-nav .flex-next:hover {
	background: url(/images2020/next22.png) center center no-repeat;
}

.mode02 .flex-control-nav {
	width: 100%;
	text-align: center;
	right: 0;
	bottom: 3px;
}

.mode02 .flex-control-paging li a {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	font-size: 0;
	background: #d8d8d8;
	background-size: cover;
}

.mode02 .flex-control-paging li a.flex-active {
	background: #b10f0f;
	background-size: cover;
}

.mode02 .flex-control-nav li {
	margin: 0 5px;
}




@media screen and (min-width:1024px) {
	.articleList011 .title, .articleList012 .title, .articleList013 a .title {
		transition: all 0.3s ease-in-out;
	}

	.articleList011 .title:hover, .articleList012 .title:hover, .articleList013 a:hover .title {
		text-indent: 10px;
	}

	.articleList04 a img {
		transition: all ease-in-out 1s;
		-ms-transition: all ease-in-out 1s;
		-moz-transition: all ease-in-out 1s;
		-webkit-transition: all ease-in-out 1s;
		-o-transition: all ease-in-out 1s;
	}

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:998px) {
	.mode01Banner {
		top: 20px;
		margin: 0px 0 40px;
		padding: 10px;
	}

	.mode01 .lf {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}

	.mode01 .rt {
		width: 100%;
		float: none;
	}

	.articleList012 .title, .articleList013 .title {
		height: auto;
	}

	.mode02Banner {
		padding: 0 10px;
	}

	.mode02 .flex-control-nav, .mode02 .flex-direction-nav {
		display: none;
	}

	.mode01First .left {
		width: 300px;
	}

	.mode01First .right {
		margin: 0 0 0 300px;
	}

	.mode01First .title {
		margin: 0 0 25px;
	}

	.mode01First .info {
		display: none;
	}

}

@media screen and (max-width:768px) {}

@media screen and (max-width:767px) {}

@media screen and (max-width:639px) {
	.mode01First .left {
		float: none;
		margin: 0 auto 10px;
		max-width: 100%;
	}

	.mode01First .right {
		margin: 0;
		padding: 0 12px 20px;
	}

	.mode01First .title {
		margin: 0 0 10px;
	}

	.mode01First .line {
		margin: 0 0 10px;
	}

	.mode02 {
		background: #fff;
		border-bottom: 80px solid #f1f1f1;
		padding: 34px 0 16px;
	}

}

@media screen and (max-width:480px) {}

@media screen and (max-width:414px) {}

@media screen and (max-width:320px) {}