.banner {
	width: 100%;
	background-color: #0E1843;
	margin-top: 100px;
}

.newsTitle {
	font-size: 46px;
	font-weight: bold;
	color: #333333;
	line-height: 1.5;
	margin: 85px 0px 50px;
	text-align: center;
}

.newsItem {
	margin-bottom: 30px;
}

.newsImg {
	width: 525px;
	height: 329px;
	float: left;
	border-radius: 10px;
}

.newsTextBox {
	width: 585px;
	float: right;
}

.newsItemTitle {
	font-family: 'SiYuanHeiTi';
	font-size: 26px;
	font-weight: 500;
	color: #333333;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 2;
	display: box;
	box-orient: vertical;
	box-lines: 2;
	height: 78px;
}

.newsItemText {
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 1.5;
	height: 48px;
	overflow: hidden;
	margin: 30px 0px 34px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 3;
	display: box;
	box-orient: vertical;
	box-lines: 3;
}

.newsItemButtonBox{
	width: 100%;
	height: 58px;
}

.newsItemButton {
	width: 193px;
	height: 58px;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 400;
	color: #4D74FF;
	line-height: 58px;
	border: 1px solid #4D74FF;
	text-align: center;
	float: left;
}

.newsItemButton:hover {
	background-color: #4D74FF;
	color: #FFF !important;
}

.newsItemTimeBox{
	float: right;
	height: 58px;
}

.newsItemTime{
	height: 58px;
	font-size: 16px;
	color: #999;
	display: table-cell;
	vertical-align: middle;
}

.wholeNews {
	padding-bottom: 40px;
}

.wholeNewsItem {
	width: 380px;
	min-height: 543px;
	background: #FFFFFF;
	box-shadow: 0rem 2px 8px 0rem rgba(77, 116, 255, 0.25);
	border-radius: 10px;
	/* overflow: hidden; */
	margin: 0px 20px 30px 0px;
	float: left;
	padding-bottom: 15px;
}

.wholeNewsImg {
	width: 380px;
	height: 285px;
	display: block;
}

.wholeNewsTitle {
	font-family: 'SiYuanHeiTi';
	height: 78px;
	/* margin: 30px 0px 34px 0px; */
	font-size: 26px;
	font-weight: 500;
	color: #333333;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 2;
	display: box;
	box-orient: vertical;
	box-lines: 2;

}

.wholeNewsText {
	height: 45px;
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 1.5;
	margin: 12px 0px 25px 0px;
	/* overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 3;
	display: box;
	box-orient: vertical;
	box-lines: 3; */
	
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2; /* 2行文本 */
	  -webkit-box-orient: vertical;
}

.wholeNewsButtonTextBox{
	float: left;
	height: 30px;
}

.wholeNewsButton {
	font-size: 20px;
	font-weight: 400;
	color: #4D74FF;
	line-height: 1.5;
	height: 30px;
}

.wholeNewsButtonText {
	font-size: 20px;
	font-weight: 400;
	color: #4D74FF;
	line-height: 1.5;
	float: left;
}

.wholeNewsButtonIcon {
	width: 30px;
	height: 30px;
	display: block;
	margin-left: 12px;
	float: left;
}

.wholeNewsTextBox {
	padding: 13px 19px 23px 19px;
}

.wholeNewsTimeBox{
	float: right;
	height: 30px;
}

.wholeNewsTime{
	color: #999;
	font-size: 16px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
}



.news{
	width: 100%;
	/* height: 100vh; */
	padding-bottom: 60px;
	padding-top: 30px;
	background-color: #FFF;
}

.newsTitle{
	font-size: 46px;
	font-weight: bold;
	color: #333333;
	line-height: 1.5;
	margin: 50px 0px 50px;
	text-align: center;
}

.newsItem{
	margin-bottom: 20px;
}

.newsImg{
	width: 345px;
	height: 210px;
	float: left;
	border-radius: 10px;
}

.newsTextBox{
	width: 750px;
	float: right;
}

.newsItemTitle{
	font-family: 'SiYuanHeiTi';
	font-size: 26px;
	font-weight: 500;
	color: #333333;
	line-height: 1.5;
	height: 78px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 2;
	display: box;
	box-orient: vertical;
	box-lines: 2;
}

.newsItemText{
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 1.5;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 2;
	display: box;
	box-orient: vertical;
	box-lines: 2;
	margin: 10px 0px 20px 0px;
}

.newsItemButton{
	width: 193px;
	height: 58px;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 400;
	color: #4D74FF;
	line-height: 58px;
	border: 1px solid #4D74FF;
	text-align: center;
}

.newsItemButton:hover{
	background-color: #4D74FF;
	color: #FFF !important;
}



















@media screen and (max-width:1200px) {
	.banner {
		width: 100%;
		background-color: #0E1843;
		margin-top: 1rem;
	}

	.newsTitle {
		font-size: 0.46rem;
		font-weight: bold;
		color: #333333;
		line-height: 1.5;
		margin: 0.85rem 0rem 0.5rem;
		text-align: center;
	}

	.newsItem {
		margin-bottom: 0.3rem;
	}

	.newsImg {
		width: 5.25rem;
		height: 3.29rem;
		float: left;
		border-radius: 0.1rem;
	}

	.newsTextBox {
		width: 5.85rem;
		float: right;
	}

	.newsItemTitle {
		font-family: 'SiYuanHeiTi';
		font-size: 0.26rem;
		font-weight: 500;
		color: #333333;
		line-height: 1.5;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-lines: 2;
		display: box;
		box-orient: vertical;
		box-lines: 2;
		height: auto;
	}

	.newsItemText {
		font-size: 0.16rem;
		font-weight: 400;
		color: #999999;
		line-height: 1.5;
		height: auto;
		overflow: hidden;
		margin: 0.3rem 0rem 0.34rem 0rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-lines: 3;
		display: box;
		box-orient: vertical;
		box-lines: 3;
	}

	.newsItemButtonBox{
		width: 100%;
		height: 0.58rem;
	}
	
	.newsItemButton {
		width: 1.93rem;
		height: 0.58rem;
		border-radius: 0.1rem;
		font-size: 0.2rem;
		font-weight: 400;
		color: #4D74FF;
		line-height: 0.58rem;
		border: 0.01rem solid #4D74FF;
		text-align: center;
		float: left;
	}
	
	.newsItemButton:hover {
		background-color: #4D74FF;
		color: #FFF !important;
	}
	
	.newsItemTimeBox{
		float: right;
		height: 0.58rem;
	}
	
	.newsItemTime{
		height: 0.58rem;
		font-size: 0.16rem;
		color: #999;
		display: table-cell;
		vertical-align: middle;
	}

	.wholeNews {
		padding-bottom: 0.4rem;
	}

	.wholeNewsItem {
		width: 3.8rem;
		min-height: 5.43rem;
		background: #FFFFFF;
		box-shadow: 0px 0.02rem 0.08rem 0px rgba(77, 116, 255, 0.25);
		border-radius: 0.1rem;
		/* overflow: hidden; */
		margin: 0rem 0.2rem 0.3rem 0rem;
		float: left;
		padding-bottom: 0.15rem;
	}

	.wholeNewsImg {
		width: 3.8rem;
		height: 2.85rem;
		display: block;
	}

	.wholeNewsTitle {
		font-family: 'SiYuanHeiTi';
		height: auto;
		font-size: 0.26rem;
		font-weight: 500;
		color: #333333;
		line-height: 1.5;
		/* margin: 0.3rem 0rem 0.34rem 0rem; */
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-lines: 2;
		display: box;
		box-orient: vertical;
		box-lines: 2;
	}

	.wholeNewsText {
		height: auto;
		font-size: 0.16rem;
		font-weight: 400;
		color: #999999;
		line-height: 1.5;
		margin: 0.12rem 0rem 0.25rem 0rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-lines: 3;
		display: box;
		box-orient: vertical;
		box-lines: 3;
	}

	.wholeNewsButtonTextBox{
		float: left;
		height: 0.3rem;
	}
	
	.wholeNewsButton {
		font-size: 0.2rem;
		font-weight: 400;
		color: #4D74FF;
		line-height: 1.5;
		height: 0.3rem;
	}
	
	.wholeNewsButtonText {
		font-size: 0.2rem;
		font-weight: 400;
		color: #4D74FF;
		line-height: 1.5;
		float: left;
	}
	
	.wholeNewsButtonIcon {
		width: 0.3rem;
		height: 0.3rem;
		display: block;
		margin-left: 0.12rem;
		float: left;
	}
	
	.wholeNewsTextBox {
		padding: 0.13rem 0.19rem 0.23rem 0.19rem;
	}
	
	.wholeNewsTimeBox{
		float: right;
		height: 0.3rem;
	}
	
	.wholeNewsTime{
		color: #999;
		font-size: 0.15rem;
		height: 0.3rem;
		display: table-cell;
		vertical-align: middle;
	}

















	.news{
		width: 100%;
		/* height: 100vh; */
		padding-bottom: 0.6rem;
		padding-top: 0.3rem;
		background-color: #FFF;
	}
	
	.newsTitle{
		font-size: 0.46rem;
		font-weight: bold;
		color: #333333;
		line-height: 1.5;
		margin: 0.5rem 0rem 0.5rem;
		text-align: center;
	}
	
	.newsItem{
		margin-bottom: 0.2rem;
	}
	
	.newsImg{
		width: 3.45rem;
		height: 2.1rem;
		float: left;
		border-radius: 0.1rem;
	}
	
	.newsTextBox{
		width: 7.5rem;
		float: right;
	}
	
	.newsItemTitle{
		font-family: 'SiYuanHeiTi';
		font-size: 0.26rem;
		font-weight: 500;
		color: #333333;
		line-height: 1.5;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-lines: 2;
		display: box;
		box-orient: vertical;
		box-lines: 2;
		height: auto;
	}
	
	.newsItemText{
		font-size: 0.16rem;
		font-weight: 400;
		color: #999999;
		line-height: 1.5;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-lines: 2;
		display: box;
		box-orient: vertical;
		box-lines: 2;
		margin: 0.1rem 0rem 0.2rem 0rem;
	}
	
	.newsItemButton{
		width: 1.93rem;
		height: 0.58rem;
		border-radius: 0.1rem;
		font-size: 0.2rem;
		font-weight: 400;
		color: #4D74FF;
		line-height: 0.58rem;
		border: 0.01rem solid #4D74FF;
		text-align: center;
	}
	
	.newsItemButton:hover{
		background-color: #4D74FF;
		color: #FFF !important;
	}
}