/* 底部通用样式 */

.footer{
	width: 100%;
	background-color:#e7e7e7;
}

.footer-con{
	position: relative;
	padding: 15px 0;
	width: 1098px;
	margin:0 auto;
	text-align: center;
}

.footer-top{
	position: relative;
	width: 100%;
	text-align: left;
	font-size: 0;
}

.footer-top ul li{
	display: inline-block;
	border-left: 1px solid #aaa;
	padding: 0 10px;
	line-height: 1;
}

.footer-top ul li a{
	text-decoration: none;
	color: #000000;
	font-size: 16px;
}

.footer-top ul li:first-child{
	border: none;
	padding-left: 0;
}

.footer-left{
	float: left;
	text-align:left;
}

.footer-step{
	position: relative;
	width: 100%;
	padding-top: 10px;
}

.footer-step ul li{
	display: inline-block;
}

.footer-step ul li a{
	text-decoration: none;
}

.footer-step ul li span{
	font-size: 14px;
}

.footer-step ul li span>img{
	padding-right: 7px;
}

.footer-right{
	float: right;
	height: 100%;
}

.footer-linkImg{
	position: relative;
	margin-right: 20px;
	display: inline-block;
}

.footer-linkImg img{
	margin-left: 20px;
	vertical-align: middle;
}

.zbfooter{display:inline-block;vertical-align: middle;text-align: left;}
.zbfooter .item{padding-bottom: 4px;padding-top: 4px;font-size: 14px;}

/* 底部响应式代码 */
@media screen and (max-width: 1100px){
	.footer-right{
		float: left;
	}
}

@media screen and (max-width: 992px){
	.footer-top{
		text-align: center;
	}

	.footer-left{
		width: 100%;
		text-align: center;
	}

	.footer-right{
		float: left;
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 768px){
	.footer-top{
		text-align: center;
	}
	.footer-top ul li:first-child+li{
		border-left:0
	}
	
	.footer-left{
		text-align: center;
	}
	
	.footer-left ul li{
		margin-right: 10px
	}
	
	.footer-linkImg img{
		margin-left: 20px;
		vertical-align: middle;
		/* width: 44px; */
	}
	.footer-con{width:100%;}
	.zbfooter{float:none;text-align:left;}
	.zbfooter .item{font-size: 14px;padding: 0;}
}