@media screen and (min-width: 320px) {
	.footer-bg{ background: #43494B; padding: 20px 0;}
	.footer-l{ display: none;}
	
	.footer-r{ text-align: center;}
	.footer-r dt{ display: inline-block; text-align: center; vertical-align: top;}
	.footer-r dt img{ width: 100px;}
	.footer-r dt b{display: block; color: #fff; font-weight: normal; line-height: 26px; padding-top: 1px;}
	.footer-r dd{ overflow: hidden;  text-align: left;  display: inline-block; padding-left: 10px; vertical-align: top;}
	
	.footer-mess .tit{ font-size: 18px; color: #fff; line-height: 30px; display: block; overflow: hidden;}
	.footer-mess .tit span{ display: inline-block; line-height: 40px; vertical-align: middle;}
	.footer-mess .tit i{ font-size: 30px; font-weight: normal;  line-height: 40px; display: inline-block; padding-left: 5px; vertical-align: middle;}
	
	.footer-mess .tel{ font-size: 26px; display: block; color: #EA5404; line-height: 40px;font-weight:bold;}
	
	.footer-mess .txt{ line-height: 23px; color: #fff; display: block; font-size: 12px;}
	
	.footer-bg-b{ background: #000b29; padding: 10px 0; text-align: center; color: #636872;}
	
	.footer-bg-b a{ color: #636872;}
	.footer-bg-bl div{ display: block;}
	.footer-bg-bl .ba span{ padding-left: 5px; color: #636872;}
	
	.footer-bg-b a.ba:hover span{ color: #cfd0d3;}
	.footer-bg-b a:hover{ color: #cfd0d3;}
}

@media screen and (min-width: 992px) {
	
	.top-box{position: fixed;right: 20px;bottom: 50px;z-index: 999;opacity: 0;}
	.top{border: 1px solid #ddd;}
	.top a{display: block;padding: 20px;background: #fff;}
	.top-show{opacity: 1;}
	.top-hide a{display: none;}
	
	.footer-l{ display: block; float: left; margin-left: -25px;}
	.footer-l dl{ float: left; padding-left: 25px;}
	.footer-l dt a{ color: #fff; font-size: 12px;}
	.footer-l dt{ padding-bottom: 15px;}
	.footer-l dd span{ display: block; line-height: 26px;}
	.footer-l dd a{ color: #fff; font-size: 12px;}
	.footer-l a:hover{text-decoration: underline;}
	.footer-l dd a:hover{ color: #8d91a3;}
	
	.footer-r{ float: right;}
	.footer-r dt img{ width: 110px;}
	.footer-r dt{  border-bottom: none;}
	.footer-r dd{text-align: left; padding-left: 15px;  line-height: 26px; padding-top: 5px;}
	
	.footer-mess .txt{ font-size: 14px;}
	
	.footer-bg-bl div{ float: left; padding-right: 15px;}
	.footer-bg-b a.ba{ float: left;}
	.footer-bg-br{ float: right;}
	
	.footer-mess{ padding-bottom: 80px; background: url(../img/footer-bg.png) right bottom no-repeat; min-width: 366px;}
	
	.footer-bg{padding: 40px 0;}
	.footer-bg-b{ padding: 17px 0;}
	
	.footer-mess .txt{ line-height: 26px;}
}

@media screen and (min-width: 1280px) {
	.footer-l{ margin-left: -50px;}
	.footer-l dl{ padding-left: 50px;}
	.footer-l dt a,.footer-l dd a{ font-size: 14px;}
	

}
