.article {
	width: 1220px;
	height: auto;
	margin: 2% auto;
	display: flex;
	flex-flow: row wrap;
}
.article-left{
  width: 74%;
  height: auto;
  background-color:  #f7f7f7;
  margin: 0 auto;
  padding: 2% 1%;
}

.text-top{
	width: 100%;
	height: auto;
	margin-top: 5% auto;
	
}
.text-top h1{
	text-align: center;
	margin-top: 3%;
	font-size: 20px;
}
.text-top h6{
	text-align: center;
	
}
.information p{
	text-indent: 2rem;
}
.text-bottom{
	width: 95%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.subscript-list{
	display: flex;
	flex-flow: row wrap;
}
.subscript-list ul{
	width: 32%;
	height: auto;
	margin: 0 auto;
}
.return a{
	text-decoration: none;
	color: black;
}
.article-right{
	width: 24%;
	height: auto;
	margin: 0 auto;
	background-color:  #f7f7f7;
	padding: 1%;
}
.article-right-conter h5{
	font-size: 24px;
}
.article-right-conter .text p{
	font-size: 14px;
	margin-bottom: inherit;
}
.article-left .style-one {
	width: 100%;
	border: 2px black solid;
}

.article-left .style-five {
	width: 100%;
	background-color: #6c6c6c;
}

.article-left .style-three {
	width: 100%;
	background-color: white;
	color: white;
}

.article-right .style-four {
	width: 100%;
	border: 1px black dashed;
}

.article-left .style-two {
	margin-top: -1.5%;
	border: 0.15px #6c6c6c solid;
}

@media screen and (max-width: 1220px){
	.article {
		width: 95%;
		height: auto;
		margin: 2% auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-left{
	  width: 74%;
	  height: auto;
	  background-color:  #f7f7f7;
	  margin: 0 auto;
	  padding: 2% 1%;
	}
	
	.text-top{
		width: 100%;
		height: auto;
		margin-top: 5% auto;
		
	}
	.text-top h1{
		text-align: center;
		margin-top: 3%;
		font-size: 20px;
	}
	.text-top h6{
		text-align: center;
		
	}
	.information p{
		text-indent: 2rem;
	}
	.text-bottom{
		width: 95%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.subscript-list{
		display: flex;
		flex-flow: row wrap;
	}
	.subscript-list ul{
		width: 32%;
		height: auto;
		margin: 0 auto;
	}
	.article-right{
		width: 24%;
		height: auto;
		margin: 0 auto;
		background-color:  #f7f7f7;
		padding: 1%;
	}
	.article-right-conter h5{
		font-size: 20px;
	}
	.article-right-conter .text p{
		font-size: 12px;
	}
	.article-left .style-one {
		width: 100%;
		border: 2px black solid;
	}
	
	.article-left .style-five {
		width: 100%;
		background-color: #6c6c6c;
	}
	
	.article-left .style-three {
		width: 100%;
		background-color: white;
		color: white;
	}
	
	.article-right .style-four {
		width: 100%;
		border: 1px black dashed;
	}
	
	.article-left .style-two {
		margin-top: -1.5%;
		border: 0.15px #6c6c6c solid;
	}
}
@media screen and (max-width: 1000px){
	.article {
		width: 95%;
		height: auto;
		margin: 2% auto;
	
		flex-flow: row wrap;
	}
	.article-left{
	  width: 90%;
	  height: auto;
	  background-color:  #f7f7f7;
	  margin: 0 auto;
	  padding: 2% 1%;
	}
	
	.text-top{
		width: 100%;
		height: auto;
		margin-top: 5% auto;
		
	}
	.text-top h1{
		text-align: center;
		margin-top: 3%;
		font-size: 20px;
	}
	.text-top h6{
		text-align: center;
		
	}
	.information p{
		text-indent: 2rem;
	}
	.text-bottom{
		width: 95%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.subscript-list{
		display: flex;
		flex-flow: row wrap;
	}
	.subscript-list ul{
		width: 32%;
		height: auto;
		margin: 0 auto;
		font-size: 12px;
	}
	.article-right{
		width: 90%;
		height: auto;
		margin: 0 auto;
		background-color:  #f7f7f7;
		padding: 1%;
	}
	.article-right-conter h5{
		font-size: 24px;
	}
	.article-right-conter .text p{
		font-size: 16px;
	}
	.article-left .style-one {
		width: 100%;
		border: 2px black solid;
	}
	
	.article-left .style-five {
		width: 100%;
		background-color: #6c6c6c;
	}
	
	.article-left .style-three {
		width: 100%;
		background-color: white;
		color: white;
	}
	
	.article-right .style-four {
		width: 100%;
		border: 1px black dashed;
	}
	
	.article-left .style-two {
		margin-top: -1.5%;
		border: 0.15px #6c6c6c solid;
	}
}
@media screen and (max-width: 769px){
	.article {
		width: 95%;
		height: auto;
		margin: 2% auto;
	
		flex-flow: row wrap;
	}
	.article-left{
	  width: 90%;
	  height: auto;
	  background-color:  #f7f7f7;
	  margin: 0 auto;
	  padding: 2% 1%;
	}
	
	.text-top{
		width: 100%;
		height: auto;
		margin-top: 5% auto;
		
	}
	.text-top h1{
		text-align: center;
		margin-top: 3%;
		font-size: 20px;
	}
	.text-top h6{
		text-align: center;
		
	}
	.information p{
		text-indent: 2rem;
	}
	.text-bottom{
		width: 95%;
		height: auto;
		
	}
	.subscript-list{
		
	}
	.subscript-list ul{
		width: 95%;
		height: auto;
		margin: 0 auto;
		font-size: 20px;
	}
	.article-right{
		width: 90%;
		height: auto;
		margin: 0 auto;
		background-color:  #f7f7f7;
		padding: 1%;
	}
	.article-right-conter h5{
		font-size: 24px;
	}
	.article-right-conter .text p{

		font-size: 16px;
	}
	.article-left .style-one {
		width: 100%;
		border: 2px black solid;
	}
	
	.article-left .style-five {
		width: 100%;
		background-color: #6c6c6c;
	}
	
	.article-left .style-three {
		width: 100%;
		background-color: white;
		color: white;
	}
	
	.article-right .style-four {
		width: 100%;
		border: 1px black dashed;
	}
	
	.article-left .style-two {
		margin-top: -1.5%;
		border: 0.15px #6c6c6c solid;
	}
}