@charset "utf-8";
footer{
	background: #f2f4f7;
	width: 1200px;
    padding: 65px calc(50% - 600px) 0;
    float: left;
    font-family: "microsoft yahei";
    color: #808080;
}
@media only screen and  (max-width: 1200px) {
	footer{
	width: 90%;
	padding: 65px 5%;	
	}
	
}
footer .top{
	width: 100%;
	float: left;
	padding-bottom: 30px;
	border-bottom: 1px solid #e6e8eb;
	margin-bottom: 35px;
}
footer img{
	display: inline-block;
}
footer ul{
	float: left;
	padding:0 75px;
	position: relative;
}
footer ul .line{
	position: absolute;
	width: 1px;
	height: 130px;
	background: #e6e8eb;
	top: 0;
	right: 0;
}
footer ul:last-child{
	margin-right: 0;
}
footer ul li{
	line-height: 35px;
}
footer ul li:first-child{
	color: #4c4c4c;
	font-size: 16px;
}
footer ul li a{
color: #808080;
}
footer .bottom{
	width: 100%;
	margin-top: 100px;
	float: left;
}
footer .bottom p{
	text-align: center;
	position: relative;
	line-height: 35px;
}
footer .bottom p:last-child{
	
}
footer .bottom p img{
	display: inline-block;
    position: absolute;
    left: calc(50% - 120px);
    top: 9px;
}
footer a{
    display: inline-block;
    color: #808080;}
    

.blogroll{line-height: 28px;color: #666;text-align: center;padding:20px 0;}
.blogroll a{color: #66;display:inline-block;}
.blogroll a:hover{color: #333;}
.blogroll .copyright{margin-top: 16px;}
.blogroll .wrapleft{ float:left; display:inline-block; text-align:left;}
.blogroll .wrapleft p span{font-weight: 600; color: #366fe2;}
.blogroll .wrapright{ float:right; display:inline-block;}
.footerlogo{ width:130px;}
.footzd{ height:42px; line-height:42px; background:#eee; color:#222; font-size:14px;}
.footzd a{ margin:0 15px;color:#222}
.footzd a:hover{color:#0165b6}