.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 1200px; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; background: url(../image/4-14.png) left center no-repeat; padding-left: 10px; }

.warp{ padding: 15px 0; background: url(../image/1920-747.jpg) center center no-repeat;}
.main{ width: 1200px; margin: 0 auto;}
.main .menu{ font-size: 0; margin-bottom: 20px;}
.main .menu li{ display: inline-block; background: #f6f5f5; border-radius: 23px; margin-right: 10px; position: relative; overflow: hidden;}
.main .menu li a{ display: block; padding: 0 20px; font: 16px/46px "microsoft yahei"; color: #333; position: relative; z-index: 1;}
.main .menu li:before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top:0; transition: 0.4s all; -webkit-transition: 0.4s all; background: #4BCDD9;}
.main .menu li:hover:before{ width: 100%;}
.main .menu li:hover a{ color: #fff;}
.main .content{ margin-top: 80px; margin-bottom: 50px;}
.main .content .bdmap{ width: 648px; height: 507px; float: left; background: #eee;}
	#allmap {height: 100%;width:100%;overflow: hidden;}
.main .content .address{ float: left; margin-left: 65px;}
.main .content .address h3{ font: 28px/30px "microsoft yahei"; color: #fff;}
.main .content .address p{ font: 14px/18px "microsoft yahei"; color: #fff; margin: 15px 0;}
.main .content .address h4{ font: bold 26px/32px "microsoft yahei"; color: #fff;}
.main .content .address dl{ margin-top: 20px; margin-bottom: 30px;}
.main .content .address dl dt{font: 18px/24px "microsoft yahei"; color: #fff;}
.main .content .address dl dd{ font: 14px/21px "microsoft yahei"; color: #fff;}
.bdmap1{width:648px;height:507px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.now_warp .in-now{ width: 98%; margin: 0 auto;}
	.main{ width: 98%; margin: 0 auto;}
.main .menu{ font-size: 0; margin-bottom: 20px;}
.main .menu li{ display: inline-block; background: #f6f5f5; border-radius: 23px; margin-right: 10px; position: relative; overflow: hidden;}
.main .menu li a{ display: block; padding: 0 20px; font: 16px/46px "microsoft yahei"; color: #333; position: relative; z-index: 1;}
.main .menu li:before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top:0; transition: 0.4s all; -webkit-transition: 0.4s all; background: #4BCDD9;}
.main .menu li:hover:before{ width: 100%;}
.main .menu li:hover a{ color: #fff;}
.main .content{ margin-top: 80px; margin-bottom: 50px;}
.main .content .bdmap{ width: 55%; height: 507px; float: left; background: #eee;}
.main .content .address{ float: left; margin-left: 100px;}
.main .content .address h3{ font: 28px/30px "microsoft yahei"; color: #fff;}
.main .content .address p{ font: 14px/18px "microsoft yahei"; color: #fff; margin: 15px 0;}
.main .content .address h4{ font: bold 26px/32px "microsoft yahei"; color: #fff;}
.main .content .address dl{ margin-top: 20px; margin-bottom: 30px;}
.main .content .address dl dt{font: 18px/24px "microsoft yahei"; color: #fff;}
.main .content .address dl dd{ font: 14px/21px "microsoft yahei"; color: #fff;}
.bdmap1{width:100%;height:507px;}
}
  
@media only screen and (min-width: 640px) and (max-width: 959px) {
	.now_warp{ height: 35px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/35px "microsoft yahei"; color: #333; float: left; background: url(../image/4-14.png) left center no-repeat; padding-left: 10px; }
	.main{ width: 98%; margin: 0 auto;}
.main .menu{ font-size: 0; margin-bottom: 20px;}
.main .menu li{ display: inline-block; background: #f6f5f5; border-radius: 23px; margin-right: 10px; position: relative; overflow: hidden;}
.main .menu li a{ display: block; padding: 0 20px; font: 16px/46px "microsoft yahei"; color: #333; position: relative; z-index: 1;}
.main .menu li:before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top:0; transition: 0.4s all; -webkit-transition: 0.4s all; background: #4BCDD9;}
.main .menu li:hover:before{ width: 100%;}
.main .menu li:hover a{ color: #fff;}
.main .content{ margin-top: 80px; margin-bottom: 50px;}
.main .content .bdmap{ width: 55%; height: 460px; float: left; background: #eee;}
.main .content .address{ float: left; margin-left: 2%; width: 42%;}
.main .content .address h3{ font: 28px/30px "microsoft yahei"; color: #fff;}
.main .content .address p{ font: 14px/18px "microsoft yahei"; color: #fff; margin: 15px 0;}
.main .content .address h4{ font: bold 26px/32px "microsoft yahei"; color: #fff;}
.main .content .address dl{ margin-top: 20px; margin-bottom: 30px;}
.main .content .address dl dt{font: 18px/24px "microsoft yahei"; color: #fff;}
.main .content .address dl dd{ font: 14px/21px "microsoft yahei"; color: #fff;}
.bdmap1{width:100%;height:460px;}
}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	.now_warp{ height: 30px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 12px/30px "microsoft yahei"; color: #333; float: left; background: url(../image/4-14.png) left center no-repeat; padding-left: 10px; }
	
	.main{ width: 98%; margin: 0 auto;}
.main .menu{ display: none;}

.main .content{ margin-top: 10px; margin-bottom: 10px;}
.main .content .bdmap{ display: none;}
.main .content .address{ float: left; margin-left: 2%; width: 98%;}
.main .content .address h3{ font: 16px/24px "microsoft yahei"; color: #fff;}
.main .content .address p{ font: 12px/18px "microsoft yahei"; color: #fff; margin: 15px 0;}
.main .content .address h4{ font: bold 16px/21px "microsoft yahei"; color: #fff;}
.main .content .address dl{ margin-top: 20px; margin-bottom: 30px;}
.main .content .address dl dt{font: 18px/24px "microsoft yahei"; color: #fff;}
.main .content .address dl dd{ font: 14px/21px "microsoft yahei"; color: #fff;}
	
}