@charset "utf-8";
banner{
	display: block;
	width: 100%;
	height: 260px;
	background: url(../img/development_banner.png) no-repeat center center;
}


/*内容*/
.content{
	color: #808080;
	width: 1200px;
	padding-left: calc(50% - 600px);
	float: left;
	padding-bottom: 75px;
	padding-top: 85px;
	
}
/*发展历程*/
.content ul.developBox{
	width: 100%;
	
}
.content ul.developBox li{
	width: 100%;
	position: relative;
	float: left;
	padding-bottom: 40px;
}
.content ul.developBox li:last-child{
	padding-bottom: 0;
	}
/*中间线*/
.content ul.developBox li .border{
	position: absolute;
	left: calc(50% - 5px);
	height: 100%;
	top:10px
}
.content ul.developBox li .circle{
	width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #366fe2;
}
.content ul.developBox li .line{
	background: #366fe2;
    width: 1px;
    height: calc(100% - 20px);
    margin-top: 5px;
    margin-left: 4px;
}

/*左边*/
.content ul.developBox li .left{
	float: left;
	width: calc(50% - 40px);
	text-align: right;
	padding-right: 35px;
}
/*右边*/
.content ul.developBox li .right{
	float: right;
	width: calc(50% - 40px);
	text-align: left;
	padding-left: 35px;
}
/*时间*/
.content ul.developBox li .time{
	color: #366fe2;
	margin-top: -5px;
}
.content ul.developBox li .time p.year{
	font-family:"HelveticaNeueLTPro-ThEx";
	font-size: 32px;
}
.content ul.developBox li .time.left p{
	width: 380px;
	float: right;
	text-align: right;
}
.content ul.developBox li .time.right p{
	width: 380px;
	float: left;
	text-align: left;
}


/*介绍*/
.content ul.developBox li .introduce{
	margin-top: 2px;
}
.content ul.developBox li .introduce li{
	width: auto;
    max-width: 380px;
	padding: 0;
	font-family: "PingFang SC",'SourceHanSansCN-Light', 'PingFang SC','HeitiSC',"microsoft yahei","arial, helvetica, sans-serif";
	clear: both;
	background: url(../img/blue_sqare.png) no-repeat;
	background-size: 4px;
    background-position: left 8px;
    padding-left: 10px;
    margin: 5px 0;
    color: #7e7e7f;
}
.content ul.developBox li .introduce.left li{
	float: right;
}