.article-box{
	min-height: 10.8rem;
	padding: 0.6rem 0rem;
	background-size: 19.2rem 10.8rem;
	background-repeat: no-repeat;
	background-color: #062274;
}
.article-main{
	display: flex;
	flex-direction: row;
	width: 16rem;
	margin: 0 auto;
}
.article-left{
	width: 3.3rem;
	padding-top: 0.95rem;
}
.article-left>h2{
	color: #FFFFFF;
	font-size: 0.4rem;
	margin-bottom: 0.35rem;
}
.article-left .article-intro{
	color: #FFFFFF;
	font-size: 0.16rem;
	line-height: 0.26rem;
	margin-bottom: 0.7rem;
}
.article-left .article-image-box{
	width: 1.8rem;
	text-align: center;
	font-size: 0.16rem;
	color: #FFFFFF;
}
.article-left .article-image{
	width: 1.8rem;
	height: 1.8rem;
	padding: 0.1rem;
	background: #FFFFFF;
	border-radius: 10px;
	margin-bottom: 0.15rem;
}
.article-left .article-image>img{
	width: 100%;
}
.article-right{
	width: 12rem;
	height: auto;
	padding: 0.8rem 1.15rem 0rem;
	margin-left: 0.7rem;
	background-color: #FFFFFF;
}
.article-right .breadcrumb-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 0.2rem;
	border-bottom: 1px solid #F1F1F1;
}
.article-right .breadcrumb{
    background-color: #FFFFFF;
	padding: 0rem;
	margin: 0rem 0rem 0rem 0.05rem;
	color: #9A9A9A;
}
.article-right .breadcrumb > li >a{
	color: #9A9A9A;
}
.article-right .breadcrumb > li + li:before {
    color: #9A9A9A;
    content: ">";
    padding: 0 0.05rem;
}
.article-right .article-content{
	padding: 0.6rem 0rem;
}
.article-content img{
	max-width: 100%;
}
.article-right .article-page{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #F1F1F1;
	padding: 0.3rem 0rem;
}
.article-right .article-page>a{
	display: block;
	border: 1px solid #E2E2E2;
	border-radius: 6px;
	color: #9A9A9A;
	font-size: 0.14rem;
	padding: 0.1rem 0.15rem;
}
.article-right .article-page>a:hover{
	background-color: #10529C;
	color: #FFFFFF;
	border: 1px solid #10529C;
}