:focus { outline: none; }
.f14 { font-size: 14px; }
.f24 { font-size: 24px; }
.w100 {width: 100%; }

.pos-r {position: relative;}

.pos-a {position: absolute; }
/*.xright, .right { float: right; }
.foot .right { float: right; width:160px;text-align: center;}
.foot .right img{max-width: 108px;width: 80%;}

.fn { font-weight: normal; font-style: normal; }*/
.text-center { text-align: center; }
.Sloth-pos-1 {
  background-image: url("/images/sprite.png");
  background-position: 0px -156px;
  width: 15px;
  height: 22px; }

.Sloth-pos {
  background-image: url("/images/sprite.png");
  background-position: -20px -156px;
  width: 15px;
  height: 22px; }




  .buju .map {
    width: 800px;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
    }
    .buju .map .mapmap {
      padding: 13px 40px 0 0; 
      }
      
    .buju .map .inner-i {
      max-width: 800px;
      width:800px; 
      }
      
    .buju .map .title {
      color: #F39700;
      font-size: 30px;
      font-weight: bold; 
      }
      .buju .map .title em {
        font-weight: bold;
        color: #6A3906; 
        }

    .buju .maps .Sloth-pos, .buju .maps .Sloth-pos-1 {
      top: 0;
      left: 50%;
      margin-left: -7px;
      opacity: 0; 
      
      }
    .buju .maps .city {
      padding-top: 20px; 
      }
    .buju .maps .Sloth-pos {
      opacity: 1; 
      }
      
    .buju .maps:hover .Sloth-pos, .buju .maps.active .Sloth-pos {
      opacity: 0; 
      }
      
    .buju .maps:hover .Sloth-pos-1, .buju .maps.active .Sloth-pos-1 {
      opacity: 1; 
      }
      
    .buju .maps:hover .lines, .buju .maps.active .lines {
      opacity: 1;
      visibility: visible; 
      }
      
    .buju .maps:hover .city, .buju .maps.active .city {
      color: #dfdf00; 
	    font-size: 18px;
      }
      
    .buju .maps .city {
      font-weight: bold; 
      }
      
  .buju .lines {
    -webkit-transition: all 300ms 0s ease-out;
    -moz-transition: all 300ms 0s ease-out;
    -ms-transition: all 300ms 0s ease-out;
    -o-transition: all 300ms 0s ease-out;
    transition: all 300ms 0s ease-out;
    opacity: 0;
    visibility: hidden;
    bottom: 23px;
    left: -37px; 
    }
    .buju .lines .line1 {
      width: 50px;
      height: 2px;
      background: #fff;
      }
    .buju .lines .line2 {
      height: 40px;
      width: 2px;
      background: #fff; 
      }
    .buju .lines .showlouxinxi {
      border: 1px #E1E1E1 solid;
      width: 320px;
      height: auto;
      padding: 15px;
      text-align: left;
      z-index: 9999;
      background: #fff;
      color: #001558;
      margin-left: -25px;
      font-size: 14px;
      position: absolute;
      top: 35%;
      right: -550px;
      border-radius: 10px;
      }
      .buju .lines .showlouxinxi .showinner {
        margin-left: 0px;
        color: #ffffff;
        font-size: 18px; 
	zoom: 1;
        overflow: hidden;
        }
 .right{
 	 position: relative;
 }
#maptitle{
 border: 1px solid #F29700;
      width: auto;
      height: auto;
      padding: 5px 15px;
      text-align: left;
      z-index: 9999;
      background: #fff;
position: absolute;
top: 35%;
display: none;
right: -250px;
zoom: 1;
overflow: hidden;
border-radius: 20px;
line-height: 25px;
}
#maptitle a{
		margin: 10px 0px;
    background: url(../images/healthy-dian.png)left center no-repeat;
    padding-left: 15px;
    display: block;
}
#maptitle a:hover{
		color:#F29700;
}