#map {width: 1300px;height: 700px;background: url(../images/map.jpg) no-repeat center center #fff;position: relative;overflow: hidden;}
	#map .point{position: absolute;background: transparent center center no-repeat;left: -999px;bottom: -999px;width: 24px;height: 30px;display: block;z-index: 1}
	#map .wind{background-image: url(../images/wind.png)}
	#map .hydro{background-image: url(../images/hydro.png)}
	#map .solar{background-image: url(../images/solar.png)}
	#map .integrate{background-image: url(../images/integrate.png)}
	#map .point .popBox{position: absolute;left: 24px;top: 0;width: 360px;color: #fff;font-size: 12px;z-index: 999;background-color: #fff;border:1px solid #8ec31e;color: #808080;display: block;}
	#map .point .popBox .popitem{*zoom:1;padding: 2px;display: block;}
	#map .point .popBox .popitem:after{content: " "; display: table; clear:both; }
	#map .point .popBox .popimg{height: 100px;width:100px;float: left;}
	#map .point .popBox .popcon{padding: 0 5px;overflow: hidden;}
	#map .point .popBox .popcon h1:first-child{font-size: font-size:14px;color: #8ec31e;font-weight: bold;}
	#map .mark i{display: inline-block;width: 24px;height: 30px;left: auto;top: auto;bottom: 0;position: relative;vertical-align: middle;margin-right: 5px;}
	#map .mark{position: absolute;left: 0;bottom: 0;width: 300px;background-color: transparent;}
	#map .mark h1{font-size: 16px;color: #034880;font-weight: bold;padding:5px;}
	#map .mark li{float: left;width: 50%;height: 40px;}
	#map .mark li a{display:inline-block;width: 100%;height: 30px;font-size: 18px;color: #808080;}