/* 更多新闻 */
.news-container {
	max-width: 1200px;
	margin: 0 auto;
}

.news-container a:hover {
	text-decoration: none;
}

.news-content .news-item {
	position: relative;
	background-color: #f8f8f8;
}

.news-case {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.news-case .title {
	font-weight: bold;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}

.news-case .date {
	color: #a2a2a2;
	margin: 0;
}

@media screen and (max-width: 440px) {
	.news-case {
		position: initial !important;
		padding: 0 14px 14px !important;
		background-color: transparent !important;
	}

	.news-case .title {
		color: black !important;
	}

	.news-case .date {
		color: #222222 !important;
	}
}

@media screen and (max-width: 1023px) {
	.news-container {
		padding: 0 10px;
		margin-bottom: 50px;
	}

	.news-container .column-title .title {
		font-size: 24px;
	}

	.news-container .column-title::after {
		margin-top: 18px;
		width: 40px;
		height: 2px;
	}

	.news-content {
		margin-top: 8vw;
	}

	.news-content .news-item {
		display: block;
		margin-top: 4vw;
		overflow: hidden;
	}

	.news-content .news-item .type {
		padding: 6px 20px;
		font-size: 14px;
	}

	.news-content .news-item .img {
		display: block;
		width: 100%;
	}

	.news-case {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 20px;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.news-case .title {
		font-size: 16px;
		color: white;
		margin: 36px 0 0;
	}

	.news-case .date {
		font-size: 14px;
		color: white;
		margin: 24px 0 0;
	}
}

@media screen and (min-width: 1024px) {
	.news-container {
		margin-top: 70px;
		margin-bottom: 176px;
	}

	.news-container .column-title .title {
		font-size: 40px;
	}

	.news-container .column-title::after {
		margin-top: 18px;
		width: 40px;
		height: 2px;
	}

	.news-content {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 24px;
		margin-top: 34px;
	}

	.news-content .news-item {
		overflow: hidden;
	}

	.news-content .news-item .img-box {
		display: block;
		height: 240px;
		overflow: hidden;
	}

	.news-content .news-item .img-box .img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transition: transform 0.5s;
	}

	.news-content a.news-item:hover .img-box .img {
		transform: scale(1.1);
	}

	.news-case {
		height: 120px;
		padding: 16px;
	}

	.news-case .title {
		font-size: 18px;
		color: black;
	}

	.news-case .date {
		font-size: 14px;
	}
}