@charset "UTF-8";
/* CSS Document */
.flex-center{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:48px;
}
.title-big{
	font-size: 28px;
	font-weight: bold;
}
.title-big-sub{
	font-size: 12px;
	font-weight: bold;
}
.font-bold{
	font-weight: bold;
	color:#333;
}
.classify{
	margin:30px 0;
	justify-content: space-between;
}
.classifyONe{
	flex:1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 20px;

}
.classifyONe p{
	color:#666;
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}
.shu{
	display: flex;
	align-items: center;
	justify-content: center;
}
.shu > img{
	z-index: 2;
}
.one{
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: rgba(183,40,45,0.18);
	position: relative;
	text-align: center;
	line-height: 140px;
}
.one:before{
	position: absolute;
	content:'';
	width: 120px;
	height: 120px;
	left: 10px;
	top:10px;
	border-radius: 50%;
	background: #b7282d;
}
.tow{
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: rgba(23,53,79,0.18);
	position: relative;
	text-align: center;
	line-height: 140px;
}
.tow:before{
	position: absolute;
	content:'';
	width: 120px;
	height: 120px;
	left: 10px;
	top:10px;
	border-radius: 50%;
	background: #17354f;
}
.three{
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: rgba(183,40,45,0.18);
	position: relative;
	text-align: center;
	line-height: 140px;
}
.three:before{
	position: absolute;
	content:'';
	width: 120px;
	height: 120px;
	left: 10px;
	top:10px;
	border-radius: 50%;
	background: #b7282d;
}

.font-color{
	color:#333;
	font-size: 16px;
	font-weight: bold;
	margin: 40px 0 20px;
}