@charset "utf-8";

.main .container {
	padding: 50px 0;
}

.head-title {
	font-size: 16px;
	font-weight: normal;
	color: #404040;
}

.flex_title {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.child_border {
	width: 100%;
	border: 1px solid #8BC6FF;
	position: relative;
	margin-top: 50px;
	padding: 30px;
}

.child_border p {
	font-size: 14px;
	font-weight: 600;
	color: #000;
}

.child_border p.p-title {
	font-size: 16px;
	font-weight: 600;
	color: #1967B2;
}

.child_border p.child-title {
	position: absolute;
	background: #4695E0;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	height: 40px;
	line-height: 40px;
	width: 200px;
	text-align: center;
	top: -20px;
	left: 50%;
	margin-left: -100px;
}

.col-md-3 {
	text-align: center;
}

.bg-color {
	width: 100%;
	background: #F6FAFF;
	overflow: hidden;
	padding: 50px 0;
}

.abus-img {
	position: relative;
}

.abus-img img.cdn-img {
	width: auto;
	max-width: 100%;
}

.bg-color .abus-img img.cdn-img {
	width: 840px;
}

.img_title {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 260px;
	text-align: left;
	line-height: 24px;
	font-size: 14px;
	color: #424242;
	border: 1px solid #f1f1f1;
    padding: 15px 20px;
    background: #fff;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.07);
}

.index_div .container {
	padding: 0;
}

.index_div .col-xs-12.flex {
	border-bottom: 1px solid #CFCFCF;
}

.flex_child {
	width: 60%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex_child .div_5 {
	width: 100%;
}

.index_div .div_5 div {
	color: #000000;
	border-radius: 0;
	border: none;
	font-size: 16px;
	font-weight: 500;
}

.index_div .div_5.tab div {
	background: none;
	color: #4695E0;
	font-weight: 500;
	border-bottom: 2px solid #4695E0;
}
.main .div_5{
	width: 20%;
	padding: 15px;
}

.main .div_5 div {
	color: #000000;
	border-radius: 0;
	border: none;
	width: 100%;
	height: 157px;
	background: #FFFFFF;
	border: 1px solid #F2F2F2;
	box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.07);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
}
.main .div_5 div img{
	width: 60px;
}
.main .div_5 div p{
	margin-top: 20px;
	font-size: 14px;
	color: #313131;
}
.flex_content{
	overflow: hidden;
}
.flex_content .col-sm-10{
	margin-left: -15px;
}
.flex_content .col-sm-10 h3{
	font-size: 18px;
	font-weight: 600;
	color: #333;
}
.flex_content .col-sm-10 p{	
	font-size: 14px;
	color: #666;
}




@media (max-width: 767px){ 
	.flex_title {
		display: block;
	}
	.main .container {
	    padding: 20px 0;
	}
	.head-title {
		font-size: 14px;
		line-height: 26px;
	}
	.child_border {
		margin-top: 30px;
		padding: 30px 15px 15px;
	}
	.child_border p {
		color: #333;
		font-weight: normal;
	}
	.bg-color {
		padding: 20px 0;
	}
	.abus-img img.cdn-img {
		display: inline-block;
	}
	.img_title {
		position: static;
		border: none;
    	padding: 0;
    	background: none;
    	box-shadow: none;
    	display: inline-block;
    	width: 100%;
	}
	.index_div .new-tit {
	    margin-bottom: 0;
	}
	.flex_child {
		width: 100%;
	}
	.index_div .div_5 div {
		font-size: 14px;
		height: 40px;
	}
	.index_div .content .about-content {
		margin-bottom: 10px;
	}
	.col-xs-12.flex {
	    margin: 10px auto;
	    display: block;
	}
	.main .div_5 {
	    width: 33.333%;
	    padding: 10px;
	    float: left;
	}
	.main .div_5 div {
		height: 130px;
		padding: 10px;
	}
	.main .div_5 div img {
	    width: 40px;
	}
	.main .div_5 div p {
	    margin-top: 10px;
	    text-align: center;
	}
	.flex_content .col-sm-10 {
		margin-left: 0;
	}
	.flex_content .col-sm-10 h3 {
		font-size: 18px;
		margin-bottom: 10px;
		padding-top: 15px;
		font-weight: bold;
	}

}