.news-box {
		width: 1220px;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	
	.news-card {
		width: 30%;
		height: auto;
		margin: 2% auto;
		background-color: #f0f0f0;
	}
	
	.news-card img {
		width: 100%;
		margin: 0 auto;
	}
	
	.news-card a {
		text-decoration: none;
		color: #000000;
	}
	
	.news-text {
		width: 90%;
		height: auto;
		margin: 0% auto;
		margin-top: 10%;
	}
	
	.news-text-bommon-left {
		display: flex;
		justify-content: center;
	}
	
	.news-text p {
		font-size: 22.2px;
	}
	
	.news-text-bommon {
		display: flex;
		justify-content: space-between;
	}
	
	.pagination {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin: 1.5% auto;
	}
	
	.pagination li {
		margin: 0 .2rem;
	}
	
	.pagination li a {
		
		padding: 0.5rem 1rem;
		border: #dfdfdf 1px solid;
		text-decoration: none;
		color: black;
	}
	
	.pagination img {
		width: 8px;
		height: 16px;
	}
	
	.pagination li.active a {
		background-color: #00314f;
		color: #FFF;
	}
	
	@media screen and (max-width: 1680px) {
		.news-box {
			width: 1220px;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		.news-card {
			width: 30%;
			height: auto;
			margin: 2% auto;
			background-color: #f0f0f0;
		}
		.news-card img {
			width: 100%;
			margin: 0 auto;
		}
		.news-card a {
			text-decoration: none;
			color: #000000;
		}
		.news-text {
			width: 90%;
			height: auto;
			margin: 0% auto;
			margin-top: 10%;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		.news-text p {
			font-size: 22.2px;
		}
		.news-text-bommon {
			display: flex;
			justify-content: space-between;
		}
	
	}
	
	@media screen and (max-width: 1440px) {
		.news-box {
			width: 1220px;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		.news-card {
			width: 30%;
			height: auto;
			margin: 2% auto;
			background-color: #f0f0f0;
		}
		.news-card img {
			width: 100%;
			margin: 0 auto;
		}
		.news-card a {
			text-decoration: none;
			color: #000000;
		}
		.news-text {
			width: 90%;
			height: auto;
			margin: 0% auto;
			margin-top: 10%;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		.news-text p {
			font-size: 22.2px;
		}
		.news-text-bommon {
			display: flex;
			justify-content: space-between;
		}
		
	}
	
	@media screen and (max-width: 1280px) {
		.news-box {
			width: 1220px;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		.news-card {
			width: 30%;
			height: auto;
			margin: 2% auto;
			background-color: #f0f0f0;
		}
		.news-card img {
			width: 100%;
			margin: 0 auto;
		}
		.news-card a {
			text-decoration: none;
			color: #000000;
		}
		.news-text {
			width: 90%;
			height: auto;
			margin: 0% auto;
			margin-top: 10%;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		.news-text p {
			font-size: 22.2px;
		}
		.news-text-bommon {
			display: flex;
			justify-content: space-between;
		}
		
	}
	
	@media screen and (max-width: 1220px) {
		.news-box {
			width: 98%;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		.news-card {
			width: 30%;
			height: auto;
			margin: 2% auto;
			background-color: #f0f0f0;
		}
		.news-card img {
			width: 100%;
			margin: 0 auto;
		}
		.news-card a {
			text-decoration: none;
			color: #000000;
		}
		.news-text {
			width: 90%;
			height: auto;
			margin: 0% auto;
			margin-top: 10%;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		.news-text p {
			font-size: 22.2px;
		}
		.news-text-bommon {
			display: flex;
			justify-content: space-between;
		}
	
	}
	
	@media screen and (max-width: 1024px) {
		.news-box {
			width: 98%;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		.news-card {
			width: 30%;
			height: auto;
			margin: 2% auto;
			background-color: #f0f0f0;
		}
		.news-card img {
			width: 100%;
			margin: 0 auto;
		}
		.news-card a {
			text-decoration: none;
			color: #000000;
		}
		.news-text {
			width: 90%;
			height: auto;
			margin: 0% auto;
			margin-top: 10%;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		.news-text p {
			font-size: 22.2px;
		}
		.news-text-bommon {
			display: flex;
			justify-content: space-between;
		}
		
		
	}
	
	@media screen and (max-width: 992px) {
		.news-box {
			width: 95%;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		.news-box:after {
			content: "";
			width: 50%;
		}
		.news-card {
			width: 48%;
			height: auto;
			margin: 2% auto;
			background-color: #f0f0f0;
		}
		.news-card img {
			width: 100%;
			margin: 0 auto;
		}
		.news-card a {
			text-decoration: none;
			color: #000000;
		}
		.news-text {
			width: 90%;
			height: auto;
			margin: 0% auto;
			margin-top: 10%;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		.news-text p {
			font-size: 22.2px;
		}
		.news-text-bommon {
			display: flex;
			justify-content: space-between;
		}
		
	}
	
	@media screen and (max-width: 600px) {
		.news-box {
			width: 95%;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		
		.news-card {
			width: 100%;
			height: auto;
			margin: 2% auto;
			background-color: #f0f0f0;
		}
		.news-card img {
			width: 100%;
			margin: 0 auto;
		}
		.news-card a {
			text-decoration: none;
			color: #000000;
		}
		.news-text {
			width: 90%;
			height: auto;
			margin: 0% auto;
			margin-top: 4%;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		.news-text h3{
			font-size: 18px;
		}
		.news-text p {
			font-size: 14px;
		}
		.news-text-bommon {
			display: flex;
			justify-content: space-between;
		}
		.pagination {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			margin: 2.5% auto;
		}
		
	}