@charset "gb2312";

footer{ height:auto; padding:1.5rem 0; background-color:#D3D3D3; width:100%; text-align:center; line-height:2.5rem; font-size:1.4rem; margin-top:5rem;}

footer div{ width:98%; margin:0 auto;}

footer a{ font-size:1.4rem;}

footer span{margin-left:1.5rem;}

footer a + a{ margin-left:1.5rem;}



.float{width:200px; height:220px; background: url(../images/tel.jpg) no-repeat;bottom:20px;right:10px!important;right:20px;position:fixed; }

.close{width:17px; height:17px;bottom:215px;right:15px!important;right:25px;position:fixed; }





@media only screen and (max-width: 48em){

	footer a{ font-size:1.2rem;}

	footer a + a{ margin-left:1rem;}

	footer span{margin-left:1rem;}

}



@media only screen and (max-width: 30em){

	footer{ line-height:2rem;font-size:1.2rem;}	

	footer a{ white-space:nowrap;}

	footer div{ width:96%;}

	footer img{ display:none;}

	.float{width:200px; height:70px; background: url(../images/tel_1.jpg) no-repeat;bottom:10px;right:10px!important;right:20px;position:fixed; }

	.close{bottom:55px;}



}