
/* 百度地图 */
.dealerMap { position:relative; overflow:hidden; height:550px;}
.mapTl { width:100%; height:51px; background:url(/img/bg/shopCarMapTl_1x51.jpg) repeat-x; border-bottom:1px solid #dfdfdf;   }
.mapTl select { width:80px; }
.mapBox { width:908px; height:448px; }
.addrBox { 
	height: 570px;
    width: 320px;
    position: absolute;
    right: 50px;
    top: 430px;
    background: #fff;
    -moz-opacity: 0.95;
    filter: alpha(opacity=95);
    opacity: 0.95;
    border-radius: 4px;
}
.mapControlBtn{ width:27px; height:27px; position:absolute; background:url(/img/bg/mapControlBtn-show_27x27.gif) no-repeat;  left:423px; top:70px; cursor:pointer; z-index:55; }
.dealerMap .on{ background:url(/img/bg/mapControlBtn_27x27.gif) no-repeat; }
.dealerMap .mapTlStyle { }
.dealerMap .DorsettStyle, .dealerMap .GleagleStyle, .dealerMap .BritishStyle {  font-weight:bold; color:#0067b2; font-size:14px;  font-family:"宋体"; }
.dealerMap .DorsettStyle { padding-left:40px; width:190px; background:url(/img/sign01_32x21.jpg) no-repeat 0 2px }
.dealerMap .GleagleStyle { padding-left:33px; width:197px; background:url(/img/sign02_25x21.jpg) no-repeat 0 1px }
.dealerMap .BritishStyle { padding-left:29px; width:201px; background:url(/img/sign03_21x21.jpg) no-repeat 0 1px }

.dealerMap .contF { width:236px;}
.dealerMap .contF .mapBtn { margin-top:9px;}
.dealerMap .contF .mapBtn li { float:left; margin-right:4px;}
.dealerMap .contF .mapBtn li a { display:block; text-align:center; line-height:23px; color:#fff;}
.dealerMap .contF .mapBtn .btn_01 { width:68px; height:25px; background:url(/img/bg/mapBtn_68x25.jpg) no-repeat}
.dealerMap .contF .mapBtn .btn_01 a { width:66px; height:23px; }
.dealerMap .contF .mapBtn .btn_02 { width:88px; height:25px; background:url(/img/bg/mapBtn01_88x25.jpg) no-repeat}
.dealerMap .contF .mapBtn .btn_02  a { width:88px; height:25px; }

.leftCarModels { padding-top:13px; padding-left:15px;}
.leftCarModels li { float:left; line-height:24px; margin-right:15px;  }
.leftCarModels li select { width:100px; }
.leftCarModels li .selectBox { width:109px; height:22px; border:1px solid #c5c9cd; background:url(/img/bg/selectBg_1x22.jpg) repeat-x 0 0; cursor:pointer;}
.selectBox .selectBg-left { width:9px; height:22px; background:url(/img/bg/selectBg-left_9x22.jpg) no-repeat 0 0;}
.selectBox .selectBg { height:22px; width:79px; }
.selectBox .selectBtn { width:17px; height:18px; margin:2px; background:url(/img/bg/selectBtn_17x18.jpg) no-repeat; }
.cityBox { padding-top:13px; padding-right:15px;}

.mapMsgBox { 
	width: 100%;
    height: 527px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.mapMsgBox ul { width:320px; position:absolute; top:0;padding: 0;}
.mapMsgBox li { border-bottom:1px solid #e5e4e4; cursor:pointer;}
.mapMsgBox li .contF {
	width:220px;
	min-height: 118px;
	overflow: hidden;
	word-break:break-all;
	word-wrap :break-word;
}
.mapMsgBox li .contF h4, .mapMsgBox li .contF p {
	margin:0;
	padding:0;
	font-size:12px;
	color: #555;
	font-family:"微软雅黑";
	line-height:18px;
	margin-bottom: 6px;
}
.mapMsgBox li .contF h4 {
	font-size: 16px;
	margin-bottom: 16px;
	font-weight: bold;
	color:#000;
	font-weight: normal;
}
.mapMsgBox li:hover .contF h4{
	color: #f60;
}
.mapMsgBox .msgSignBox { width:auto; height:auto;}
.mapMsgBox .msgSign {
	padding: 20px 50px 11px 50px;
	background:url(/img/mapsing.png) no-repeat 20px 23px;
}
.mapMsgBox li:hover .msgSign {
	background:url(/img/mapsing2.png) no-repeat 20px 23px;
}
.addrBox .mapTopBtn, .addrBox .mapBottBtn {
	display:block;
	width:100%; 
	height:20px;
	cursor: pointer;
}
.addrBox .mapTopBtn {
	background:url(/img/mapScrollBtn.png) no-repeat;
	background-position: center 0;
	border-bottom: 1px solid #dbdbdb;
}
.addrBox .mapBottBtn {
	background:url(/img/mapScrollBtn2.png) no-repeat;
	background-position: center 0;
}
.addrBox .mapTopBtn:hover, .addrBox .mapBottBtn:hover{
	background-position: center -20px;
}
.lsersh{
	display: block;
	position: absolute;
	width: 38px;
	cursor: pointer;
	height: 38px;
	top: 20px;
	left: -38px;
	background: url(/img/servicebtn01.png) no-repeat;
	z-index: 11111;
}
.lsersh.hide{
	background: url(/img/servicebtn02.png) no-repeat;
}
.lsersh:hover, .lsersh.hide:hover{
	background-position: 0 -38px;
}



@media (max-width: 768px){
	.map_wrapper {
		height: 400px !important;
	}
	.addrBox {
		right: 2%;
		width: 85%;
		height: 270px;
		max-width: 320px;
	}
	.mapMsgBox {
		width: 100%;
		height: 226px;
	}
	.mapMsgBox ul{
		width: 100%;
		padding: 0;
	}
	.mapMsgBox li .contF{
		width: 100%;
	}
	
	/* .mapMsgBox .msgSign {
		padding: 10px 25px;
		background: url(/img/mapsing.png) no-repeat 6px 12px;
	}
	
	.mapMsgBox li .contF h4 {
		font-size: 14px;
		margin-bottom: 6px;
	} */
}