html,
.body {
	margin: 0;
	padding: 0;
}

.container {
	width: 100%;
	min-height: 500px;
}

.content-box {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding-top: 36px;
	box-sizing: border-box;
}

.content-box-title {
	width: 100%;
	padding-bottom: 25px;
	border-bottom: 1px solid rgb(217, 217, 217);
}

.content-box-title span	{
	font-size: 16px;
	color: #999;
}
@media screen and (max-width: 1440px){
	.content-box-title span{
		font-size: 14px;
	}
}

.content-box-list > ul > li {
	width: 100%;
	height: 60px;
	display: flex;
	font-size: 16px;
	color: #333;
	padding: 20px 0;
	box-sizing: border-box;
	line-height: 20px;
	border-bottom: 1px dashed rgb(217, 217, 217);
	position: relative;
}
@media screen and (max-width: 1440px){
	.content-box-list > ul > li{
		font-size: 15px;
	}
}

.list-left > .list-left-dian {
	width: 5px; 
	height: 5px;
	background-color: rgb(76, 122, 217);
	margin-bottom: 3px;
}

.list-left > .list-left-title {
	color: rgb(76, 122, 217);
}

.list-left > .list-left-text {
	max-width: 650px;
	vertical-align: top;
}

.list-left > .list-left-text > a {
	max-width: 650px;
	height: 1.25em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-left > .list-left-text > a:hover {
	cursor: pointer;
	color: #4c7ad9;
	transform: .5s;
}

.list-right {
	color: #999;
	position: absolute;
	right: 0;
	top: 36%;
}