#foot-box{
	width: 1524px;
	height: 305px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/foot.png) no-repeat;
}
#foot-box .index{
	width: 1060px;
	height: 305px;
	margin: 0 auto;
}




/*logo*/
#foot-box .index .logo{
	width: 143px;
	height: 86px;
	float: left; margin-top: 135px; margin-right: 30px;
}


/*box*/
#foot-box .index .box{
	float: left; margin-top: 117px; padding: 0 25px 0 10px;
	background: url(../images/foot-border-bg.png) repeat-y left top;
}
	/*dl dt dd a*/
	#foot-box .index dl{
		float: left;
		margin-left: 20px; 
		margin-right: 7px;
	}
	#foot-box .index dl dt{
		color: #fff;
		font-size: 15px;
		line-height: 33px;
	}
	#foot-box .index dl dd, #foot-box .index dl dd a{
		color: #b5b3b2;
		font-size: 12px;
	}
	#foot-box .index dl dd span{
		font-size: 20px;
	}
	#foot-box .index dl dd img{
		width: 100px;
		height: 100px;
	}
	
a.back-home{
	position: fixed;
	z-index: 6; right: 59px; bottom: 10px;
	width: 39px; height: 39px;
}
a.call{
	position: fixed;
	z-index: 9; right: 10px; bottom: 10px;
	width: 39px; height: 39px;
}
a.back-home img, a.call img{
	width: 100%;
	display: block;
}
@media only screen and (min-width: 640px) {
	.phone-foot, a.back-home, a.call{
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	#foot-box{
		display: none;
	}
	
	.phone-foot{
		width: 92%;
		overflow: hidden;
		padding: 15px 4%;
		background: #ededed;
	}
	.p-f-logo{
		float: left;
		width: 20%;
		overflow: hidden;
	}
	.p-f-logo img{
		display: block;
		width: 100%;
		margin-top: 8px;
	}
	
	.p-f-text{
		width: 76%;
		overflow: hidden;
		float: right;
		color: #000;
		font-size: 12px;
		line-height: 18px;
	}
}