.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: white;
		box-shadow: -0.5px -0.5px 3px 3px #e0e0e0;
		position: relative;
	}
	
	.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 h3{
		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}
	.news-text-bommon-left {
		display: flex;
		justify-content: center;
	}
	
	.news-text p {
		font-size: 18px;
	}
	
	.news-text-bommon {
		
	}
	.news-time{
		
		position: absolute;
        top: 45%;
		left: 34%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
         font-size: 24px;
	}
	.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.8rem 1.2rem;
		border: #840a15 1px solid;
		text-decoration: none;
		border-radius: 50%;
		color: black;
	}
	
	.pagination img {
		width: 8px;
		height: 16px;
	}
	
	.pagination li.active a {
		background-color: #840a15;
		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: white;
			box-shadow: -0.5px -0.5px 3px 3px #e0e0e0;
			position: relative;
		}
		
		.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 h3{
			font-size: 24px;
			font-weight: bold;
			text-align: center;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		
		.news-text p {
			font-size: 18px;
		}
		
		.news-text-bommon {
			
		}
		.news-time{
			
			position: absolute;
			top: 45%;
			left: 34%;
			padding: 2% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			 font-size: 24px;
		}
		
	
	}
	
	@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: white;
			box-shadow: -0.5px -0.5px 3px 3px #e0e0e0;
			position: relative;
		}
		
		.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 h3{
			font-size: 24px;
			font-weight: bold;
			text-align: center;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		
		.news-text p {
			font-size: 18px;
		}
		
		.news-text-bommon {
			
		}
		.news-time{
			
			position: absolute;
			top: 45%;
			left: 34%;
			padding: 2% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			 font-size: 24px;
		}
	
		
		
	}
	
	@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: white;
			box-shadow: -0.5px -0.5px 3px 3px #e0e0e0;
			position: relative;
		}
		
		.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 h3{
			font-size: 24px;
			font-weight: bold;
			text-align: center;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		
		.news-text p {
			font-size: 18px;
		}
		
		.news-text-bommon {
			
		}
		.news-time{
			
			position: absolute;
			top: 45%;
			left: 34%;
			padding: 2% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			 font-size: 24px;
		}
		
	}
	
	@media screen and (max-width: 1220px) {
		.news-box {
			width: 96%;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		
		.news-card {
			width: 30%;
			height: auto;
			margin: 2% auto;
			background-color: white;
			box-shadow: -0.5px -0.5px 3px 3px #e0e0e0;
			position: relative;
		}
		
		.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 h3{
			font-size: 24px;
			font-weight: bold;
			text-align: center;
		}
		.news-text-bommon-left {
			display: flex;
			justify-content: center;
		}
		
		.news-text p {
			font-size: 18px;
		}
		
		.news-text-bommon {
			
		}
		.news-time{
			
			position: absolute;
			top: 36%;
			left: 30%;
			padding: 2% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			 font-size: 24px;
		}
	    .news-text h3{
			font-size: 18px;
			font-weight: bold;
			text-align: center;
		}
	}
	
	@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:white;
		}
		.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 {
			
		}
		.news-text p {
			font-size: 22.2px;
		}
		.news-text-bommon {
			
		}
		.news-time{
			position: absolute;
			top: 33%;
			left: 33%;
			padding: 2% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			 font-size: 18px;
		}
	}
	
	@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: white;
		}
		.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 {
			
		}
		.news-text p {
			font-size: 22.2px;
		}
		.news-text-bommon {
			
		}
		.news-time{
			position: absolute;
			top: 40%;
			left: 38%;
			padding: 2% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			 font-size: 18px;
		}
		
	}
	
	@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: white;
		}
		.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 {
		
		}
		.news-text h3{
			font-size: 18px;
		}
		.news-text p {
			font-size: 14px;
		}
		.news-text-bommon {
			
		}
		.pagination {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			margin: 4% auto;
		}
		.news-time{
			position: absolute;
			top: 62%;
			left: 40%;
			padding: 2% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			 font-size: 18px;
		}
		
	}
	@media screen and (max-width: 550px){
		.news-time{
			position: absolute;
			top: 56%;
			left: 40%;
			padding: 2% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			 font-size: 18px;
		}
	}
	@media screen and (max-width: 500px){
		.news-time{

			position: absolute;
			top: 53%;
			left: 36%;
			padding: 1% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			margin-top: 10%;
			 font-size: 24px;
		}
	}
	@media screen and (max-width: 410px){
		.news-time{

			position: absolute;
			top: 50%;
			left: 38%;
			padding: 1% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			margin-top: 10%;
			 font-size: 18px;
		}
	}
	@media screen and (max-width: 380px){
		.news-time{

			position: absolute;
			top: 47%;
			left: 38%;
			padding: 1% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			margin-top: 10%;
			 font-size: 18px;
		}
	}
	@media screen and (max-width: 340px){
		.news-time{

			position: absolute;
			top: 44%;
			left: 33%;
			padding: 1% 3%;
			background-color: white;
			border-radius: 5%;
		}
		.news-time p{
			margin-top: 8%;
			 font-size: 20px;
		}
	}