@CHARSET "UTF-8";
.map-outer { padding-top: 117px; }
@media (max-width: 1320px) {
	.map-outer { padding-top: 103px; }
}
@media (max-width: 1120px) {
	.map-outer { padding-top: 60px; }
}

.map-outer { position: relative; }
#allmap {
	width: 100%;
	height: 490px;
}
#infoBox { display: none;}
.info-box {
	position: absolute;
	top:0;
	left: 0;
	width: 224px;
	height: 92px;
	border: 1px solid #a6a5a5;
	background-color: #fff;
	z-index: 20;
	color: #333;
	font-size: 14px;
	font-family: "simsun","Helvetica";
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.info-box .close {
	font-size: 10px;
	line-height: 10px;
	padding: 8px;
	opacity: 1;
	outline: none;
}
.info-box .close img {
	width: 10px;
	height: 10px;
}
.info-box > .arrow,
.info-box > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.info-box > .arrow {
  border-width: 11px;
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.info-box > .arrow:after {
  content: "";
  border-width: 10px;
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.info-box p { 
	padding-left: 18px;
	margin-bottom: 0; 
	line-height: 24px;
}
.info-box p.red { 
	color: #fe030f; 
	font-weight: bold;
	margin-top: 8px;
}
.info-box p.title {
	height: 26px;
	line-height: 26px;
	color: #fff;
	background-color: #244395;
}



.content { padding: 40px 50px; }
.content .item { padding: 0 50px;}
.content .row {
	margin: 0 -50px;
}

.content .item .pad {
	padding-left: 114px;
	position: relative;
}
.content .item .pad img {
	width: 96px;
	position: absolute;
	top: 0;
	left: 0;
}
.content .item .pad p {
	line-height: 26px;
	margin-bottom: 0;
	position: relative;
	color: #000;
	font-family: "simsun","Helvetica";
	font-size: 14px;
}

.content .item1 .pad p { padding-left: 20px;}
.content .item1 .pad p:before {
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 20px;
}
.content .item1 .pad p:after,
.content .item2 .pad p:before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	left: 0;
}
.content .item1 .pad p.p1 { padding-left: 152px;}
.content .item1 .pad p.p1:before { content: "杭州萧山国际机场：";}
.content .item1 .pad p.p1:after { background: url(../images/zn-icons.png) no-repeat 0 0;}



.content .item1 .pad p.p3 { padding-left: 95px;}
.content .item1 .pad p.p3:before { content: "杭州东站：";}
.content .item1 .pad p.p3:after { background: url(../images/zn-icons.png) no-repeat -20px 0;}

.content .item1 .pad p.p4 { padding-left: 79px;}
.content .item1 .pad p.p4:before { content: "杭州站：";}

.content .item1 .pad p.p5 { padding-left: 111px;}
.content .item1 .pad p.p5:before { content: "周边地铁站：";}
.content .item1 .pad p.p5:after { background: url(../images/zn-icons.png) no-repeat -20px 0;}

.content .item1 .pad p.p6 { padding-left: 111px;}
.content .item1 .pad p.p6:before { content: "周边公交站：";}
.content .item1 .pad p.p6:after { background: url(../images/zn-icons.png) no-repeat -40px 0;}

.content .item2 .pad p { padding-left: 20px;}
.content .item2 .pad p.q1:before { background: url(../images/zn-icons.png) no-repeat 0 -20px;}
.content .item2 .pad p.q2:before { background: url(../images/zn-icons.png) no-repeat -20px -20px;}
.content .item2 .pad p.q3:before { background: url(../images/zn-icons.png) no-repeat -40px -20px;}

.content .item .pad p.title {
	font-size: 20px;
	font-family: "MicroSoft YaHei","Helvetica";
	margin-bottom: 5px;
}
@media (min-width: 1200px) and (max-width: 1699px) {
	#allmap { height: 450px; }
	.content .item { padding: 0 40px;}
}
@media (min-width: 1200px) and (max-width: 1517px) {
	#allmap { height: 450px; }
	.content .item1 .pad p { padding-left: 20px !important;}
	.content .item1 .pad p:before { position: static; }
}
@media (min-width: 1200px) and (max-width: 1440px) {
	#allmap { height: 400px; }
	.content .item .pad img { width: 80px;}
	.content .item .pad { padding-left: 98px; }
}
@media (max-width: 1199px) {
	.content .item3 { margin-top: 30px; }
}
@media (max-width: 992px) {
	.content .item2 { margin-top: 30px; }
}

@media (max-width: 767px) {
	#allmap { height: 320px; }
	.content { padding: 30px 15px; }
	.content .item { padding: 0 15px;}
	.content .row { margin: 0 -15px;}
	.content .item .pad { padding-left: 0;}
	.content .item3 .pad p { padding-left: 20px;}
	.content .item .pad p.title { padding-left: 0; }
}
@media (max-width: 374px) {
	#allmap { height: 270px; }
	.content .item1 .pad p { padding-left: 20px !important;}
	.content .item1 .pad p:before { position: static; }
	.content .item1 .pad p.title { padding-left: 0 !important; }
}