@media screen and (min-width:1000px){

.ftop{ width:1000px; height:30px; border:#000 1px solid; margin:0 auto;}
.ftop ul{}
.ftop ul li{ float:left;  margin-right:0.6em; line-height:30px; font-size:12px; color:#646464;}
.ftop ul li a{ color:#646464;}
.ftop ul li a:hover{ color:#009BE2;}
.lispan{ background:#ccc; padding:0px; margin:0px;padding-left:0.4em;padding-right:0.4em;}

.foot{ width:100%; height:auto; background:#009BE2; margin-top:2em;}
.ft{ width:1000px; margin:0 auto; font-size:12px; padding-top:1em; padding-bottom:1em; text-align:center; color:#FFF;}
.ft a{ color:#fff;}
}

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

.ftop{ width:96%; border:#000 1px solid; margin-top:2em; overflow:hidden; margin:0 auto;}
.ftop ul{}
.ftop ul li{ float:left;  margin-right:0.6em; line-height:30px; font-size:12px; color:#646464;}
.ftop ul li a{ color:#646464;}
.ftop ul li a:hover{ color:#009BE2;}
.lispan{ background:#ccc; padding:0px; margin:0px;padding-left:0.4em;padding-right:0.4em;}

.foot{ width:100%; height:auto; background:#009BE2; margin-top:2em;}
.ft{ width:100%; margin:0 auto; font-size:12px; padding-top:1em; padding-bottom:1em; text-align:center; color:#FFF;}
.ft a{ color:#fff;}
}