@charset "utf-8";



.footer .footerExtra
{
	background:#f2f2f2;
	padding:40px 0;
}

.footer .footerExtra h2
{
	font-size:18px;
	color:#22132d;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-right:10%;
}

.footer .footerExtra .link li
{
	float:left;
	_display:inline;
	margin-right:5px;
}

.footer .footerExtra .link li a
{
	display:block;
}

.footer .footerExtra  li.commlink
{
	width:480px;
	margin:0 0 0 20px;
}

.footer .footerExtra  li.commlink li
{
	margin:0;
	width:33.3%;
	line-height:40px;
}

.footer .footerExtra  li.commlink li a
{
	color:#444;
}

.footer .footerExtra  li.commlink li a:hover
{
	color:#4F608C;
}

.footer .footerExtra  li.commlink li i
{
	margin-left:10px;
}

.footer .footerExtra  li.commlink .line
{
	height:0;
	border-bottom:1px solid #dfdfdf;
	width:130px;
	margin:8px 0;
	overflow:hidden;
}


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

	.footer .footerExtra li.commlink
	{
		/*margin: 0 45px 0 40px;*/
		width:250px;
		margin-left:10px;
	}
	
	.footer .footerExtra li.commlink li{
		width:50%;
	}
	
	.footer .footerExtra h2
	{
		margin-right:20%;
		margin-bottom:10px;
	}
	
	.footer .footerExtra .link li
	{
		margin-bottom:5px;
	}
	
	
}


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

	.footer .footerExtra
	{
		padding:30px 0;
	}
	
	.footer .footerExtra .link li
	{
		margin-bottom:5px;
	}
	
	
	.footer .footerExtra li.commlink
	{
		margin:0 0 10px 0;
		width:100%;
	}
	
	.footer .footerExtra li.commlink h2
	{
		margin:0 20px 10px 20px;
	}
	
	.footer .footerExtra li.commlink ul
	{
		margin:0 20px;
	}
	
	.footer .footerExtra li.commlink li
	{
		width:25%;
		font-size:12px;
		line-height:30px;
	}
	
	.footer .footerExtra li.commlink .line
	{
		display:none;
	}
	
	.footer .footerExtra li img
	{
		width:100%
	}
	
	.footer .footerExtra li.li1
	{
		width:100%;
		margin-right:0;
	}
	
	.footer .footerExtra li.li2
	{
		width:25%;
		margin-right:0;
	}
	
	.footer .footerExtra li.li1 a,.footer .footerExtra li.li2 a
	{
		padding:5px;
	}
}

@media screen and (max-width:480px) {
	.footer .footerExtra li.commlink li i
	{
		margin-left:5px;
	}
	.footer .footerExtra li.commlink li
	{
		width:33.33%;
	}
	
}

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

	.footer .footerExtra li.li1 a,.footer .footerExtra li.li2 a
	{
		padding:3px;
	}
}

@media screen and (max-width:320px) {
	
	.footer .footWrap h4 a
	{
		font-size:12px;
	}
	
	.footer .footerExtra li.commlink li
	{
		font-size:12px;
	}
	


}