/*map*/
.map { height: auto; overflow: hidden; position: relative; padding: 15px; height: auto; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.5); -moz-box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.5); -ms-box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.5); margin-bottom:20px; border-top:#f1f1f1 solid 1px;}
.mapImg { float: right; width: 71%; height: 677px; overflow: hidden; }
/*.mapImg img { width: 100%; height: 100%; }*/
.mapText { position: absolute; left: 0; top: 0; z-index: 5; width: 28%; height: 712px; border-right: 1px solid #efefef; }
.mapTit { height: 64px; line-height: 64px; color: #3d3d3d; font-size: 16px; padding-left: 39px; }
@media(max-width:380px){
.mapTit{ line-height:24px; padding-top:0px;}	
}
.mapTit b { color: #175d54; display: inline-block; padding: 0 6px; }
.mapBox { height: 576px; overflow: hidden; position: relative; }
.mapList { left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
.mapList li { height: 144px;display: block; clear: both; overflow: hidden; padding: 26px 36px 0 34px; border-top: 1px solid #efefef; }
.mapList li span { float: left; width: 31px; height: 31px; line-height: 31px; display: block; color: #fff; font-size: 1.8em; font-family: Arial; text-align: center; background-color: #c2c2c2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.mapList li div { margin-left: 44px; }
.mapList li div a { color: #3d3d3d; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 2px; }
.mapList li div p { margin:0 0 6px 0; color: #878686; font-size: 14px; line-height: 24px; max-height: 48px; overflow: hidden; }
.mapList li div em { display: block; font-style: normal; color: #747474; font-size: 14px; font-family: Arial; }
.mapList li:hover,.mapList li.on { background-color: #fafafa; }
.mapList li:hover span,.mapList li.on span { background-color: #175d54; }
.mapPaged { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 72px; background-color: #e1e1e1; }
.mapPaged a { display: block; float: left; width: 50%; height: 72px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mapPaged a.prev { background: url(../image/mapPrev.png) no-repeat center center; }
.mapPaged a.next { background: url(../image/mapNext2.png) no-repeat center center #d2d2d2; }
.mapPaged a.prev:hover { background-image: url(../image/mapPrev2.png); filter: alpha(opacity=70); opacity: 0.7; }
.mapPaged a.next:hover { background-image: url(../image/mapNext.png); filter: alpha(opacity=70); opacity: 0.7; }


@media screen and (max-width: 800px){	
	.map{ height:auto;}
	.mapText{ position:relative; left:auto; top:auto; width:100%; border-right:0;}
	.mapImg{ float:none; width:100%; margin-top:15px; height:auto;}	
}