.contact {
	width: 100%;
	background: #f1f1f1;
	padding: 40px 0
}

.contact .w1200 {
	background: #fff;
	padding: 0 50px;
	padding-bottom: 80px;
	/*text-align: center;*/
}

.contact ul li {
	float: left;
	width: 130px;
	color: #858585;
	padding: 35px 0;
	line-height: 45px;
}

.contact ul li span {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 13px;
	display: inline-block;
}

.contact ul li .p1 {
	background: #e7342f
}

.contact ul li .p2 {
	background: #00a2ff
}

.contact .map {
	position: relative;
}

.contact .map .map-pic {
	padding-left: 145px;
	padding-right: 256px
}

.contact .map .map-pic img {
	width: 100%
}

.contact .map .box {
	width: 377px;
	text-align: left;
	display: none;
	position: absolute;
	background: #fff;
	z-index: 11
}

.contact .map .box h5 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #00a2ff;
	color: #fff;
	font-size: 16px;
	padding: 0 30px
}

.contact .map .box h5 span {
	float: right;
	margin-right: -10px;
	cursor: pointer;
}

.contact .map .box .hrnIn {
	width: 100%;
	border: 2px solid #00a2ff;
	border-top: 0;
	padding: 20px 28px 40px;
	height: 200px;
	overflow: auto;
}

.contact .map .cur3 h5 {
	background: #e7342f
}

.contact .map .cur3 .hrnIn {
	border-color: #e7342f
}

.contact .map .box .hrnIn .tit {
	font-size: 16px;
	line-height: 36px;
}

.contact .map .box .hrnIn p {
	color: #585858;
	font-size: 14px;
	line-height: 34px;
}

.contact .map .point {
	width: 26px;
	height: 26px;
	/*background: #e7342f;*/
	position: absolute;
	cursor: pointer;
}

.contact .map .point1 {
	top: 17%;
	right: 27%;
}

.contact .map .point2 {
	top: 32%;
	right: 31%;
}

.contact .map .point3 {
	top: 37%;
	right: 38%;
}

.contact .map .point4 {
	top: 47%;
	right: 36%;
}

.contact .map .point5 {
	top: 53%;
	right: 46%;
}

.contact .map .point6 {
	top: 56%;
	right: 33%;
}

.contact .map .point7 {
	top: 59%;
	right: 31%;
}

.contact .map .point8 {
	top: 60%;
	right: 42%;
}

.contact .map .point9 {
	top: 62%;
	right: 53%;
}

.contact .map .point10 {
	top: 64%;
	right: 32%;
}

.contact .map .point11 {
	top: 67%;
	right: 37%;
}

.contact .map .point12 {
	top: 70%;
	right: 42%;
}

.contact .map .point13 {
	top: 82%;
	right: 40%;
}

.contact .map .point14 {
	top: 83%;
	right: 37%;
}

.contact .map .point15 {
	top: 52%;
	right: 40%;
}

.contact .map .point16 {
	top: 25%;
	right: 28%;
}

.contact .map .cur1 {
	top: 11%;
	right: 31%
}

.contact .map .cur2 {
	top: 23%;
	right: 34%
}

.contact .map .cur3 {
	top: 25%;
	right: 42%
}

.contact .map .cur4 {
	top: 26%;
	right: 42%
}

.contact .map .cur5 {
	top: 45%;
	right: 50%
}

.contact .map .cur6 {
	top: 55%;
	right: 31%
}

.contact .map .cur7 {
	top: 55%;
	right: 34%
}

.contact .map .cur8 {
	top: 55%;
	right: 42%
}

.contact .map .cur9 {
	top: 60%;
	right: 42%
}

.contact .map .cur10 {
	top: 60%;
	right: 43%
}

.contact .map .cur11 {
	top: 60%;
	right: 47%
}

.contact .map .cur12 {
	top: 65%;
	right: 50%
}

.contact .map .cur13 {
	top: 80%;
	right: 42%
}

.contact .map .cur14 {
	top: 80%;
	right: 42%
}

.contact .map .cur15 {
	top: 48%;
	right: 45%;
}

.contact .map .cur16 {
	top: 18%;
	right: 31%;
}

@media only screen and (min-width: 840px) and (max-width: 1200px) {
	.contact .map .map-pic {
		padding: 0
	}

	.contact .map .map-pic img {
		width: 100%
	}

	.w1200 {
		padding: 0
	}

	.contact .map .point1 {
		top: 17%;
		right: 6%;
	}

	.contact .map .point2 {
		top: 32%;
		right: 13%;
	}

	.contact .map .point3 {
		top: 37%;
		right: 22%;
	}

	.contact .map .point4 {
		top: 47%;
		right: 19%;
	}

	.contact .map .point5 {
		top: 53%;
		right: 36%;
	}

	.contact .map .point6 {
		top: 56%;
		right: 16%;
	}

	.contact .map .point7 {
		top: 59%;
		right: 13%;
	}

	.contact .map .point8 {
		top: 60%;
		right: 29%;
	}

	.contact .map .point9 {
		top: 62%;
		right: 48%;
	}

	.contact .map .point10 {
		top: 64%;
		right: 15%;
	}

	.contact .map .point11 {
		top: 67%;
		right: 21%;
	}

	.contact .map .point12 {
		top: 70%;
		right: 30%;
	}

	.contact .map .point13 {
		top: 82%;
		right: 26%;
	}

	.contact .map .point14 {
		top: 83%;
		right: 21%;
	}

	.contact .map .point15 {
		top: 52%;
		right: 40%;
	}

	.contact .map .point16 {
		top: 25%;
		right: 8%;
	}
}

@media (max-width: 840px) {
	.contact .map .map-pic {
		padding: 0
	}

	.contact .map .map-pic img {
		width: 100%
	}

	.contact .w1200 {
		padding: 0
	}

	.contact ul li {
		width: auto;
		margin-left: 2em
	}

	.contact .map .point1 {
		top: 17%;
		right: 6%;
	}

	.contact .map .point2 {
		top: 32%;
		right: 13%;
	}

	.contact .map .point3 {
		top: 37%;
		right: 22%;
	}

	.contact .map .point4 {
		top: 47%;
		right: 19%;
	}

	.contact .map .point5 {
		top: 53%;
		right: 36%;
	}

	.contact .map .point6 {
		top: 56%;
		right: 16%;
	}

	.contact .map .point7 {
		top: 59%;
		right: 13%;
	}

	.contact .map .point8 {
		top: 60%;
		right: 29%;
	}

	.contact .map .point9 {
		top: 62%;
		right: 48%;
	}

	.contact .map .point10 {
		top: 64%;
		right: 15%;
	}

	.contact .map .point11 {
		top: 67%;
		right: 21%;
	}

	.contact .map .point12 {
		top: 70%;
		right: 30%;
	}

	.contact .map .point13 {
		top: 82%;
		right: 26%;
	}

	.contact .map .point14 {
		top: 83%;
		right: 21%;
	}

	.contact .map .point15 {
		top: 52%;
		right: 40%;
	}

	.contact .map .point16 {
		top: 22%;
		right: 6%;
	}

	.contact .map .box {
		left: 0;
		width: 92%;
		position: fixed;
		top: 30%;
		margin: 1em
	}

	.contact .map .box .hrnIn {
		padding: 1em
	}
}