@charset "UTF-8";
.bannerBox{
	background-image: url(../images/article/bg.jpg);
}
.bannerBox .banner{
	padding-top: 70px;
	height: 35vh;
	min-height: 400px;
	background-repeat: no-repeat;
	background-position:center bottom;
	background-size: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;padding-bottom: 2rem;
}
.bannerBox .banner h2{
	background-color: #a31d24;
	color: #fff;
	padding:10px 20px;
	font-size: 1.5rem;
}

.mainBox{
	padding-top: 5rem;
	padding-bottom: 6rem;
}
.mainBox h3{
	color: #a31d24;
	padding-bottom: 1rem;
}
.mainBox p{
	text-justify:inter-word;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last:justify; /*Firefox*/
	-webkit-text-align-last:justify; /*Chrome*/
	text-justify: inter-ideograph;
	text-align: justify;
	line-height: 2;
}

@media(max-width: 1024px){
	.bannerBox .banner{
		min-height: 360px;
		height: 360px;
	}
}
@media(max-width: 768px){
	.bannerBox .banner{
		height: 280px;
		min-height: 280px;
	}
	.mainBox .Txt{
		padding-top: 1rem;
	}
	.mainBox h3{
		padding-top: 1rem;
	}


}
@media(max-width: 480px){
	.bannerBox .banner{
		background-size: cover;
		background-position: right;
	}
	
}