.map{position: relative;float:left;margin:130px 0;width: 548px;height:453px;}
.map .item img{width:100%;visibility:hidden;}
.map .item,.map .item .area,.map .info,.map .round{position:absolute;}
.map .item .area{width:100%;height:100%;top:0px;left:0px;z-index:2;background-repeat:no-repeat;background-position:left top;}
.map .item:hover .area,.map .item .area.current{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.map .item:hover .area.current{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.map .info{color:#f2f3f5;z-index:3;font-size:12px;line-height:30px;}
.map .info .box{width:86px;height:30px;padding:0 22px 0 0;border-radius:3px;overflow:hidden;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;box-shadow:0 0 8px rgba(0,0,0,0.2);z-index:2;}
.map .info .left{width:66px;padding:0 10px;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
.map .info h3,.map .info h4,.map .info h5{font-weight:normal; color: #fff;}
.map .info h3,.map .info h5{font-size: 12px;}
.map .info h4{font-size:26px;height:34px;line-height:34px;}
.map .info i{width:22px;height:100%;position:absolute;top:0px;right:0px;background:url(../images/area/math.png) no-repeat center 13px;border-radius:0 3px 3px 0;}
.map .item:hover .info .box{height:94px;}
.map .round{filter:alpha(opacity=85);-moz-opacity:0.75;-khtml-opacity:0.75;opacity:0.75;border-radius:200px;}
.map .info .box,.map .item .area,.map .round{-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}

.scaleIn{
	-webkit-animation-name:scaleIn;
	animation-name:scaleIn;
}
.map .item:hover .round{
	-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
}
.scaleIn{
	-webkit-animation-duration:0.8s;
	animation-duration:0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes scaleIn{
	0%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	100%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}
@keyframes scaleIn{
	0%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	100%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}

.map .item.xb{width:361px;height:227px;top:57px;left:0;}
.map .item.xb .area{background-image:url(../images/area/xb.png);}
.map .item.xb .area.current{background-image:url(../images/area/xb_hover.png);}
.map .item.xb .info{top:97px;left:112px;}
.map .item.xb .info .left,.map .item.xb .round,.map .item.xb .info i{background-color:#f9a021;}
.map .item.xb .round.r1{width:66px;height:66px;top:-20px;left:-11px;}
.map .item.xb .round.r2{width:40px;height:40px;top:-45px;left:-6px;}
.map .item.xb .round.r3{width:18px;height:18px;top:34px;left:32px;}

.map .item.xn{width:329px;height:205px;top:213px;left:25px;}
.map .item.xn .area{background-image:url(../images/area/xn.png);}
.map .item.xn .area.current{background-image:url(../images/area/xn_hover.png);}
.map .item.xn .info{top:80px;left:107px;}
.map .item.xn .info .left,.map .item.xn .round,.map .item.xn .info i{background-color:#eab500;}
.map .item.xn .round.r1{width:66px;height:66px;top:-20px;left:-15px;}
.map .item.xn .round.r2{width:29px;height:29px;top:35px;left:18px;}

.map .item.hb{width:239px;height: 242px;top:6px;left:230px;}
.map .item.hb .area{background-image:url(../images/area/hb.png);}
.map .item.hb .area.current{background-image:url(../images/area/hb_hover.png);}
.map .item.hb .info{top:165px;left:62px;}
.map .item.hb .info .left,.map .item.hb .round,.map .item.hb .info i{background-color:#4cb64f;}
.map .item.hb .round.r1{width:66px;height:66px;top:-20px;left:10px;}
.map .item.hb .round.r2{width:29px;height:29px;top:25px;left:30px;}

.map .item.db{width:121px;height:181px;top:2px;right:0;}
.map .item.db .area{background-image:url(../images/area/db.png);}
.map .item.db .area.current{background-image:url(../images/area/db_hover.png);}
.map .item.db .info{top:59px;left:36px;}
.map .item.db .info .left,.map .item.db .round,.map .item.db .info i{background-color:#09a2f1;}
.map .item.db .round.r1{width:66px;height:66px;top:-20px;left:10px;}
.map .item.db .round.r2{width:29px;height:29px;top:34px;left:29px;}

.map .item.hz:hover{z-index:5;}
.map .item.hz{width:83px;height:147px;top:225px;left:338px;}
.map .item.hz .area{background-image:url(../images/area/hz.png);}
.map .item.hz .area.current{background-image:url(../images/area/hz_hover.png);}
.map .item.hz .info{top:78px;left:-47px;}
.map .item.hz .info .left,.map .item.hz .round,.map .item.hz .info i{background-color:#ff5ab3;}
.map .item.hz .round.r1{width:66px;height:66px;top:-20px;right:-10px;}

.map .item.hn{width:146px;height:101px;bottom:0;left:295px;}
.map .item.hn .area{background-image:url(../images/area/hn.png);}
.map .item.hn .area.current{background-image:url(../images/area/hn_hover.png);}
.map .item.hn .info{top:36px;left:17px;}
.map .item.hn .info .left,.map .item.hn .round,.map .item.hn .info i{background-color:#af48f8;}
.map .item.hn .round.r1{width:66px;height:66px;top:-20px;left:0;}

.map .item.hd{width:95px;height:199px;right:56px;top:198px;}
.map .item.hd .area{background-image:url(../images/area/hd.png);}
.map .item.hd .area.current{background-image:url(../images/area/hd_hover.png);}
.map .item.hd .info{top:95px;left:35px;}
.map .item.hd .info .left,.map .item.hd .round,.map .item.hd .info i{background-color:#416bff;}
.map .item.hd .round.r1{width:66px;height:66px;top:-20px;left:10px;}
.map .item.hd .round.r2{width:29px;height:29px;top:33px;left:15px;}

.citylink{float: right; margin-top: 150px; width: 560px;}
.citylink a{float: left; display: block; padding: 10px 0; color: #868686; font-size: 14px; line-height: 20px;}
.citylink-hd {margin-left: 18px; margin-bottom: 20px; padding: 5px 0; border-bottom: 2px solid #868686;}
.citylink-hd a{width: 62px;}
.citylink-bd{margin-left: 18px; width: 110%;} 
.citylink-bd a{width: 120px;}