@charset "utf-8";

.mainWrap {
	width:1000px;
	margin:auto;
	min-width:320px;
}

.footer .footWrap
{
	background:#c68c52;
	 background-color: rgba(103,51,0,0.85);
	height: 360px;
	padding:60px 0px 0px 0px;
}

.footer .footWrapPhone
{
	display:none;
	background:#363839;
	background-color: rgba(103,51,0,0.85);
	height: auto;
	padding:60px 0px 0px 0px;
}

.footer .footWrap li
{
	width:180px;
	float:left;
	_display:inline;
}

.footer .footWrap li.contact{width: 280px}

.footer .footWrap h4 
{
	padding-bottom:0px;
	color:#b0b1b2;
	font-size: 13px;
}

.footer .footWrap a
{
	color:#fff;
	display:block;
	line-height:30px;
	text-align:left;
	font-size:13px;
}

.footer .footWrap a:hover
{
	color:#b0b1b2;
}

.footer .copyrights
{
	color:#a5a2a7;
	background:#673300;
	height: 75px;
	font-size: 12px;
}

.footer .copyrights .huaxian
{	
	padding:20px 0;
	line-height:22px;
}

.footer .copyrights .info
{
	float:left;
}

.footer .copyrights .info span
{
	padding-right:24px;
}

.footer .copyrights .icp
{
	float:right;
}
.footer .copyrights .copy
{
	color:#6f6a74;
	display:block;
}


@media screen and (max-width:800px) {
	
	.mainWrap
	{
		width: 760px;
	}

	.footer .footer800l
	{
		padding-left: 30px;
	}

	.footer .footWrap li
	{
		width:120px;
		float:left;
		_display:inline;
	}
	.footer .footWrap li.contact{width: 230px}
	
	.footer .copyrights
	{
		text-align:center;
	}

	.footer .copyrights .huaxian
	{	
		padding:10px 0px 0px 0px;
		line-height:22px;
	}
	
	.footer .copyrights .info
	{
		float:none;
		display:block;
	}

	.footer .copyrights .icp
	{
		float:none;
		display:block;
	}
}

@media screen and (max-width:640px) {
	
	.mainWrap
	{
		width: 100%;
	}

	
	.footer .footWrap
	{
		display:none;
		padding:14px 0;
	}

	.footer .footWrapPhone
	{
		display:block;
		padding:10px 10px;
		text-align: center;
		margin:0 auto;
	}

	.footer .footWrapPhone p{font-size: 13px; color: #fff; margin-bottom: 10px;}
	.footer .footWrapPhone ul
	{
		width: 300px;
		text-align: center;
		margin:0 auto;
	}
	.footer .footWrapPhone li
	{	
		float: left;
		padding-right: 10px;
	}
	
	.footer .footWrap li
	{
		width:25%;
		height:auto;
	}
	
	.footer .footWrap a
	{
		display:none;
	}
	
	.footer .footWrap h4 a
	{
		display:block;
		font-size:12px;
		line-height:30px;
	}
	
	.footer .footWrap h4
	{
		padding-bottom:0;
	}

	.footer .copyrights
	{
		text-align:center;
		padding-bottom: 20px;
		height: auto;
	}

	.footer .copyrights .info
	{
		float:none;
		display:block;
		padding:0 30px;
	}
	
	.footer .copyrights .info span
	{
		display:block;
		padding:0;
	}
	
	.footer .copyrights .icp
	{
		float:none;
		display:block;
	}
	
}