.article {
	width: 1220px;
	height: auto;
	margin: 2% auto;
}

.article-title {
	text-align: center;
}

.article-title h1 {
	font-size: 28px;
	color: #820d16;
}

.article-title h2 {
	font-size: 28px;
	color: #003151;
}

.article-title h3 {
	font-size: 20px;
}

.article-title hr {
	background-color: #000000;
}

.article-text {}

.article-text p {
	font-size: 24.3px;
}

.article-adout {}

.article-adout h2 {
	text-align: center;
}

.article-adout-box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
}

.article-adout-card {
	width: 33%;
	height: auto;
	margin: 0 auto;
	background-color: white;
	position: relative;
}

.article-adout-card img {
	width: 100%;
	height: auto;
	margin: 0 auto;

}
.article-adout-text{
	width: 92%;
	height: auto;
	margin: 5% auto;
}
.article-adout-text h3 {
	font-size: 26px;
	text-align: center;
}

.article-adout-text a {
	text-decoration: none;
	color: black;
}

.article-adout-text p {
	font-size: 18px;
	text-align: center;
}

.article-adout-link {
	font-size: 20px;
}

.article-adout-link img {
	width: 24px;
	height: 24px;
}

.article-return {
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding: 0.5%;
}

.article-return a {
	text-decoration: none;
	color: #000000;
}

.article-return p {
	font-size: 20px;
}

.article-return-img p {
	width: 60px;
	height: auto;
	border: 1px #820d16 solid;
	padding: 2% 12%;
	border-radius: 6px;
}

.news-text-bommon-left {
 text-align: center;
}

.news-text p {
	font-size: 22.2px;
}
.news-time{
	height:10%;
	position: absolute;
	top: 46%;
	left: 38%;
	padding: 2% 3%;
	background-color: white;
	border-radius: 5%;
}
.news-time p{
	 font-size: 16px;
}
.news-text-bommon {
	
}

@media screen and (max-width: 1680px) {
	.article {
		width: 1220px;
		height: auto;
		margin: 2% auto;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #ddd3c9;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
	.news-time{
		height:10%;
		position: absolute;
		top: 40%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}

@media screen and (max-width: 1440px) {
	.article {
		width: 1220px;
		height: auto;
		margin: 2% auto;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
	.news-time{
		height:10%;
		position: absolute;
		top: 46%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
	.news-time{
		height:10%;
		position: absolute;
		top: 40%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}

@media screen and (max-width: 1280px) {
	.article {
		width: 1220px;
		height: auto;
		margin: 2% auto;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 1220px) {
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
		padding: 1%;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
	.news-time{
		height:10%;
		position: absolute;
		top: 36%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}

@media screen and (max-width: 1024px) {
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
		padding: 1%;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 20px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 16px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
	.article-return {
		display: flex;
		flex-flow: row wrap;
		align-content: center;
		padding: 0.5%;
	}
	.article-return a {
		text-decoration: none;
		color: #000000;
	}
	.article-return-right {
		display: flex;
		justify-content: space-between;
		align-content: center;
		padding: 0.3%;
		font-size: 16px;
		border: 1px black solid;
		height: 30px;
		border-radius: 5px;
		margin-left: 50%;
	}
	.article-return-right img {
		width: 20px;
		height: 20px;
	}
	.news-time{
		height:10%;
		position: absolute;
		top: 44%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}

}

@media screen and (max-width: 970px) {
	.news-time{
		height:9%;
		position: absolute;
		top: 43%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 930px) {
	.news-time{
		height:9%;
		position: absolute;
		top: 40%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 900px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 39%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 870px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 35%;
		left: 36%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 830px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 34%;
		left: 36%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 820px) {
	.article-return-right {
		display: flex;
		justify-content: space-between;
		align-content: center;
		padding: 0.3%;
		font-size: 16px;
		border: 1px black solid;
		height: 30px;
		border-radius: 5px;
		margin-left: 40%;
	}
}

@media screen and (max-width: 768px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 33%;
		left: 36%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 700px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 32%;
		left: 36%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 650px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 30%;
		left: 36%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 625px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 25%;
		left: 31%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 600px) {
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 16px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 16px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 10px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 12px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1%;
	}
	.article-adout-card {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 16px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 14px;
	}
	.article-adout-link {
		font-size: 12px;
	}
	.article-adout-link img {
		width: 10px;
		height: 10px;
	}
	.article-return-right {
		display: flex;
		justify-content: space-between;
		align-content: center;
		padding: 0.3%;
		font-size: 16px;
		border: 1px black solid;
		height: 30px;
		border-radius: 5px;
		margin-left: 0%;
	}
	.news-time{
		height:10%;
		position: absolute;
		top: 60%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 24px;
	}
}
@media screen and (max-width: 550px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 59.5%;
		left: 40%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 550px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 57%;
		left: 40%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 520px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 56%;
		left: 40%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 520px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 54%;
		left: 40%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 480px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 52%;
		left: 40%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 480px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 49%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 430px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 52%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 370px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 48%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 350px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 48%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}
@media screen and (max-width: 320px) {
	.news-time{
		height:8%;
		position: absolute;
		top: 45%;
		left: 38%;
		padding: 2% 3%;
		background-color: white;
		border-radius: 5%;
	}
	.news-time p{
		 font-size: 16px;
	}
}