.content-wrap img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.main-bg {
	height: auto;
	background: url('../../images/frontPage/article_bg.jpg') no-repeat scroll center top rgb(241, 241, 243);
	background-size: 100% 100%;
}

.content-wrap {
	margin-bottom: 210px;
	position: relative;
	top: 135px;
	left: 0;
}

.content-wrap-top {
	width: 100%;
	max-height: 436px;
	display: flex;
	flex-direction: row;
}

.content-wrap-bottom {
	width: 100%;
}

.content-left {
	width: 66.7%;
}

.content-right {
	width: 33.4%;
}

.page-normal {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #F6CF47;
	box-shadow: 0 0 0 2px #FFFFFF;
	opacity: 1;
	margin: 0 5px;
}

.page-active {
	background: #000000;
}


@media only screen and (max-width: 720px) {
	.main-bg .container .content-wrap-top {
		display: block;
		max-height: 700px;
	}
	.main-bg .container .content-wrap-top .content-left {
		width: 100%;
	}
	.main-bg .container .content-wrap-top .content-right {
		width: 100%;
	}
	.main-bg .container .content-wrap-top .flex-column {
		flex-direction: row;
	}
	.main-bg .container .content-wrap-top .content-right a {
		width: 50%;
	}

	.main-bg .container .content-wrap-bottom .content-top {
		flex-wrap: wrap;
	}
	.main-bg .container .content-wrap-bottom .content-top .content-right:first-child  {
		width: 100%;
		max-height: 436px;
	}
	.main-bg .container .content-wrap-bottom .content-top .content-right {
		width: 50%;
	}
	.content-wrap{
		top:0;
		margin-bottom: 0px;
	}
}