.about-page {
	max-width: 1280px;
	margin: auto;
}

.about-page .row {
	margin: auto;
}

.about-page .col,
.about-page .three-column-left,
.about-page .three-column-middle,
.about-page .three-column-right {
	width: 33%;
	padding: 35px 28px 62px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border: #ddd solid 1px;
	min-height: 630px;
}

.about-page .col+.col {
	margin-left: .4%;
	padding: 35px 32px 47px;
}

.about-page .col:first-child {
	background: none;
	border-color: #eee;
}

.about-page .col .title {
	color: #FFFFFF;
	font-size: 26px;
	text-align: center;
	font-family: "Times New Roman";
	margin: auto;
}
.about-page .col .s_title{
	font-size: 15px;
	color: #cccccc;
	text-align: center;
	margin-top: 15px;

}

.about-page .col .txt {
	text-align: center;
	margin: auto;
}

.about-page .col .txt_concept{	
	color: #F5F6F7;
	line-height: 23px;
}

.about-page .col .txt_his{
    margin-top: 55px;
	text-align: left;
}
.about-page .col .txt_his span,
.about-page .col .txt_his b{
	display: inline-block;
	vertical-align: top;
}
.about-page .col .txt_his span{
	width: 100%;
}
.about-page .col .txt_his b{
	font-weight: normal;
    padding-left: 5px;
    width: 84%;

}
.about-page .col .txt .txt_box{
    margin: 20px 0 29px 0;
}
.about-page .col .txt .txt_box span{
	display: block;
    position: relative;
    padding: 10px 0;
}

.about-page .col .txt .txt_box span:after{
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #333333;
    position: absolute;
    text-align: center;
}
.about-page .col .txt .txt_box span b{
       display: inline-block;
    text-align: center;
    position: absolute; 
    top: -3px;
    left: calc(50% - 29px);
    background: #111111;
    color: #CCCCCC;
    padding: 0 10px;
    margin-top: 0;
    z-index: 99;
}
.about-page .col .txt .txt_box:nth-child(2) span b{
	 left: calc(50% - 69px);
}

.about-page .col .txt .txt_box:nth-child(3) span b{
	 left: calc(50% - 75px);
}
.about-page .col .txt .txt_box:nth-child(4) span b{
	 left: calc(50% - 43px);
}
.about-page .col .txt .txt_box:nth-child(5) span b{
	 left: calc(50% - 38px);
}
.about-page .col .txt .txt_box:nth-child(6) span b{
	 left: calc(50% - 46px);
}
@media screen and (max-width:1160px) {
	.about-page .col {
		float: none;
		width: 100%;
		text-align: center;
		margin: auto;
		min-height: auto;
	}
	.about-page .col+.col {
		margin: .4% 0 0;
	}

}
@media screen and (max-width:767px) {

.about-page .col{
	padding: 35px 15px 52px;
	}
.about-page .col+.col{
	padding: 35px 15px 47px;
}
}
@media screen and (max-width:405px){
	.about-page .col .txt_his b{
		width: 78%;
	}
}