@charset "utf-8";

body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px;color:#333; height:100%;}  

/*mright*/

.map{ position:relative;width:856px; margin:0 auto;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none; z-index: -1}
.map a:hover,.hovernew a:{ color:#5b5a5a;font-weight: bold;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}
.city citybg{display: none;}
.city.hover .citybg{display: block;}
/*.hovernew .citybg{ display:block !important;}*/
.city.hover a:before,.city.hovernew a:before{ content: ""; position: absolute; width: 87px; height: 143px; background: url(../images/map/map-icon.png) no-repeat; top: -120px; left: -18px; z-index: 99999;-webkit-animation-name: map-icon;
-webkit-animation-duration: 2s;  
-webkit-animation-timing-function: linear;  
-webkit-animation-iteration-count: infinite;}

@-webkit-keyframes map-icon{
   0%{top:-120px;opacity: 1;}
   50%{top:-100px;opacity: 1;}
   100%{top:-120px;opacity: 1;}
}
@keyframes map-icon{
	0%{top:-120px;opacity: 1;}
   50%{top:-100px;opacity: 1;}
   100%{top:-120px;opacity: 1;}
}