.list {
	box-sizing: border-box;
	width: 10rem;
	margin: 0 auto;
	clear: both;
	padding: 0.976562rem 0.390625rem 1.692708rem 0.390625rem;
	background: url(../img/news-bg2.jpg);}

.title {
	width: 100%;
	margin-bottom: 0.78125rem;
	text-align: center;}

.title h3 {
	display: inline-block;
	font-size: 0.364583rem;
	padding: 0.130208rem;
	color: #333333;
	cursor: pointer;}

.title .title-news {
	color: #0056b5;}

.title h3 span {
	font-size: 0.234375rem;
	color: #454545;}

.title span {
	font-size: 0.520833rem;}

.title img {
	width: 1.302083rem;
	margin-bottom: 0.260416rem;}

.news ul {
	display: flex;
	flex-direction: column;}

.news li {
	width: 100%;
	height: 2.34375rem;
	margin-top: 0.130208rem;
	position: relative;
	background: #fff;}

.news span {
	display: block;
	float: left;}

.news .date {
	font-size: 0.520833rem;
	padding: 0.846354rem 0.195312rem 0.195312rem 0.195312rem;
	background: url(../img/list.jpg) no-repeat 0.065104rem 0.651041rem;}

.news .years {
	clear: both;
	font-size: 0.234375rem;
	padding: 0 0.130208rem;}

.news ul li a {
	display: block;
	padding: 0px 0.390625rem;
	font-size: 0.286458rem;
	margin-left: 0.911458rem;
	padding-top: 0.911458rem;
	display: -webkit-box;
	max-width: 5.208333rem;
	height: 1.067708rem;
	margin: 0 auto;
	line-height: 0.546875rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;}

/*公告*/


.notice ul {
	display: flex;
	flex-direction: column;}

.notice li {
	width: 100%;
	height: 2.34375rem;
	margin-top: 0.130208rem;
	position: relative;
	background: #fff;}

.notice span {
	display: block;
	float: left;}

.notice .date {
	font-size: 0.520833rem;
	padding: 0.846354rem 0.195312rem 0.195312rem 0.195312rem;
	background: url(../img/list.jpg) no-repeat 0.065104rem 0.651041rem;}

.notice .years {
	clear: both;
	font-size: 0.234375rem;
	padding: 0 0.130208rem;}

.notice ul li a {
	display: block;
	padding: 0px 0.390625rem;
	font-size: 0.286458rem;
	margin-left: 0.911458rem;
	padding-top: 0.911458rem;
	display: -webkit-box;
	max-width: 5.208333rem;
	height: 1.067708rem;
	margin: 0 auto;
	line-height: 0.546875rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;}

.news li:hover {
	background: linear-gradient(rgba(242, 242, 242, 0.9), rgba(242, 242, 242, 0.9)), url(../img/news-bg.jpg) no-repeat right bottom;}

.notice li:hover {
	background: linear-gradient(rgba(242, 242, 242, 0.9), rgba(242, 242, 242, 0.9)), url(../img/news-bg.jpg) no-repeat right bottom;}

.boder {
	display: block;
	height: 0.039062rem;
	bottom: 0;
	background: #004694;
	position: absolute;}

.news li:hover .boder {
	width: 6.119791rem;
	animation: slide 2s infinite;
	animation-iteration-count: 1;}

.notice li:hover .boder {
	width: 6.119791rem;
	animation: slide 2s infinite;
	animation-iteration-count: 1;}

@keyframes slide {
	from {
		width: 0;}

	to {
		width: 6.119791rem;}
}

.more {
	color: white;
	display: inline-block;
	width: 2.864583rem;
	height: 0.911458rem;
	background-color: #000;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border-radius: 0.260416rem;
	margin-top: 0.976562rem;
	color: #fff;}

.more span:first-child {
	font-size: 0.32552rem;}

.more span:last-child {
	font-size: 0.15625rem;
	color: #bebebe;}

.speedOne {
	animation-delay: 0s;}

.speedTwo {
	animation-delay: 0.25s;}

.speedThree {
	animation-delay: 0.5s;}

.speedFour {
	animation-delay: 0.75s;
	animation-duration: 2s;}

@media (min-width:769px) {
	.list {
		width: 1520px;
		margin: 0 auto;
		clear: both;
		/* padding-top: 75px;
		padding-bottom: 130px; */
		padding: 37.5px 0 50px 0;
		background: none;}

	.title {
		margin-bottom: 20px;}

	.title h3 {
		display: inline-block;
		font-size: 50px;
		padding: 0 28px;
		color: #333333;
		cursor: pointer;}

	.title .title-news {
		color: #0056b5;}

	.title h3 span {
		font-size: 18px;
		color: #454545;}

	.title span {
		font-size: 50px;}

	.title img {
		margin-bottom: 20px;}

	.news ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;}

	.news li {
		width: 460px;
		height: 180px;
		position: relative;
		background: linear-gradient(rgba(242, 242, 242, 0.9), rgba(242, 242, 242, 0.9)), url(../img/news-bg1.jpg) no-repeat right bottom;
		border-radius: 10px 10px 0 0;
		margin-right: 10px;
	}

	.newsMarLeft {
		margin-left: 50px;}

	.newsMarTop {
		margin-top: 110px;}

	.news span {
		display: block;
		float: left;}

	.news .date {
		font-size: 40px;
		padding: 65px 15px 15px 15px;
		background: url(../img/list.jpg) no-repeat 5px 50px;}

	.news .years {
		clear: both;
		font-size: 18px;
		padding: 0 10px;}

	.news ul li a {
		display: block;
		padding: 0px 30px;
		font-size: 22px;
		margin-left: 70px;
		padding-top: 33px;
		display: -webkit-box;
		max-width: 400px;
		height: 82px;
		margin: 0 auto;
		line-height: 42px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;}

	/*公告*/


	.notice ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;}

	.notice li {
		width: 470px;
		height: 180px;
		position: relative;
		background: linear-gradient(rgba(242, 242, 242, 0.9), rgba(242, 242, 242, 0.9)), url(../img/news-bg1.jpg) no-repeat right bottom;}

	.notice span {
		display: block;
		float: left;}

	.notice .date {
		font-size: 40px;
		padding: 65px 15px 15px 15px;
		background: url(../img/list.jpg) no-repeat 5px 50px;}

	.notice .years {
		clear: both;
		font-size: 18px;
		padding: 0 10px;}

	.notice ul li a {
		display: block;
		padding: 0px 30px;
		font-size: 22px;
		margin-left: 70px;
		padding-top: 70px;
		display: -webkit-box;
		max-width: 400px;
		height: 82px;
		margin: 0 auto;
		line-height: 42px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;}

	.news li:hover {
		background: linear-gradient(rgba(242, 242, 242, 0.9), rgba(242, 242, 242, 0.9)), url(../img/news-bg.jpg) no-repeat right bottom;}

	.notice li:hover {
		background: linear-gradient(rgba(242, 242, 242, 0.9), rgba(242, 242, 242, 0.9)), url(../img/news-bg.jpg) no-repeat right bottom;}

	.boder {
		display: block;
		height: 3px;
		bottom: 0;
		background: #004694;
		position: absolute;}

	.news li:hover .boder {
		width: 470px;
		animation: slide 2s infinite;
		animation-iteration-count: 1;}

	.notice li:hover .boder {
		width: 470px;
		animation: slide 2s infinite;
		animation-iteration-count: 1;}

	@keyframes slide {
		from {
			width: 0;}

		to {
			width: 470px;}
	}

	.more {
		color: white;
		display: inline-block;
		width: 220px;
		height: 70px;
		background-color: #0056b5;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		border-radius: 20px;
		margin-top: 37.5px;
		color: #fff;}

	.more span:first-child {
		font-size: 25px;}

	.more span:last-child {
		font-size: 12px;
		color: #bebebe;}

	.speedOne {
		animation-delay: 0s;}

	.speedTwo {
		animation-delay: 0.25s;}

	.speedThree {
		animation-delay: 0.5s;}

	.speedFour {
		animation-delay: 0.75s;
		animation-duration: 2s;}
}