#nav {
position:fixed;top:0px;left:0; z-index:1;  box-shadow: 1px 1px 30px rgba(89, 194, 240, 0.5);
  background-color: #000000;
}
#bar {
 
width:100%;position:fixed;top:0px;left:0; z-index:1;background-color: #eee;
  border-bottom: 1px solid #ddd;
}
#bar ul li {
  width: 25%;
  text-align: center;
}
#bar ul li span {
  display: inline-block;
  padding: 8px 11px;
}
#bar ul li .barAct {
  border-bottom: 2px solid #12dfdd;
  color: #12dfdd;
  box-sizing: border-box;
}
body {
  margin: 0 auto;
  background-color: white;
}
#main {
 margin-top:40px; width: 19.5rem;
  overflow: hidden;
  padding-left: 0.5rem;
}
#main .serBot {
  width: 100%;
}
#main .serBot ul {
  width: 100%;
}
#main .serBot ul li {
  position:relative;color:white;width: 9.25rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}
#main .serBot ul li .serBotimg {
  width: 100%;
}
#main .serBot ul li .serBotimg img {
  width: 100%;
  height: 9rem;
}
#main .serBot ul li .serBotimg .serName {
 position:absolute;
 bottom:0px;
 left:0px; 
 font-size: 0.8rem;
 width:100%; height: 1.5rem;
 line-height: 1.5rem;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  background-color: rgba(136,136,136,0.5);
  text-indent: 0.25rem;
}
#main .serBot ul li .serBotimg p {
  font-size: 0.72rem;
  height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
}
.info_more {
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
#fot img{
  width: 3rem;
  height: auto;vertical-align: top;
}
#fot .fot_adr .center p span{
  display: inline-block;
}
#fot .fot_adr .center p span span{
  display: block;
}
.fenlei{
  color: #888;
  width: 25%;
  margin-bottom: 0.5rem;
}
.active{
  color: #00a3d8;
}