.footer{
	width: 100%;
	height: 60px;
	background-color: #2f3336;
}
.footer .footer-left{
	padding-top: 20px;
	float: left;
}
.footer .footer-right{
	float: right;
	height: 100%;
	line-height: 60px;
	color: #f3f3f4;
	font-size: 12px;
}
.footer .footer-left a{
	display: block;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	float: left;
	margin-right: 40px;
}
.footer .footer-left a.webo{
	background-image: url(../images/webo.png);
}
.footer .footer-left a.wechat{
	background-image: url(../images/wechat.png);
}
.footer .footer-right a{
	color: rgba(255,255,255,.7);
	margin-left:10px;
}
.footer .footer-right a:hover{
	color: rgba(255,255,255,1);
}
@media screen and (max-width:1440px){
	.footer{
     	padding: 0 40px;
	}
}
@media screen and (max-width:960px){
	.footer{
		height: auto;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.footer .footer-left,.footer .footer-right{
		width: 100%;
	}
}


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

.footer .footer-right { line-height: 30px; }
.about-main .banner h2 { font-size: 20px; }



}