.crumbs {
	background-color: #fff;
}
.crumbs .container {
	overflow: hidden;
	padding: 32px 0;
}
.crumbs .left {
	font-size: 16px;
	color: #666666;
	display: inline-flex;
	align-items: center;
}
.crumbs .left a {
	display: inline-flex;
	align-items: center;
	color: #77b725;
}
.crumbs .left i {
	margin-right: 8px;
	width: 17px;
	height: 15px;
	background-color: #77b725;
	background: url('../images/contact_home.png') center no-repeat;
	background-size: cover;
}
.crumbs .right {
	display: inline-flex;
	align-items: center;
}
.crumbs .right a {
	font-size: 16px;
	color: #555555;
	position: relative;
}
.crumbs .right a + a {
	margin-left: 56px;
}
.crumbs .right a + a::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 20px;
	background-color: #555;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: -28px;
}
.crumbs .right a.active, .crumbs .right a:hover {
	color: #77b725;
}
.content {
	/*background-color: #f8f8f8;*/
	padding: 74px 0 184px;
	background: linear-gradient(to bottom , #f8f8f8 55%, #fff 48%);
}
.content .detail {
	overflow: hidden;
}
.content .icon-text {
	width: 75%;
	overflow: hidden;
	padding: 60px 0 62px;
}
.content .icon-text > div {
	width: 50%;
	height: 74px;
	border-bottom: 1px dashed #c7c7c7;
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	color: #333;
}
.content .icon-text > div img {
	/*height: ;*/
	width: 36px;
	margin-right: 20px;
}
.content .qrcode {
	width: 25%;
	padding: 90px 58px 0 102px;
}
.content .qrcode p {
	font-size: 16px
	color: #333333;
	margin-top: 20px;
	text-align: center;
}
.map {
	height: 605px;
	box-shadow: 0px 8px 15px 0px 
		rgba(0, 0, 0, 0.4);
}
.map #mapContainer {
	height: 100%;
	width: 100%;
}

@media(max-width: 768px) {
	.crumbs .container{
		padding: 1rem 0;
	}
	.crumbs .left {
		display: none;
	}
	.crumbs .right {
		float: none;
		display: flex;
		padding: 0 10px;
	}
	.crumbs .right a {
		flex: 1;
	}
	.crumbs .right a + a {
		margin-left: 1.8rem;
	}
	.crumbs .right a + a::before {
		left: -0.9rem;
	}
	.content {
		padding: 2.2rem 0 1.8rem;
	}
	.content .icon-text {
		padding: 1.5rem 0;
		width: 100%;
	}
	.content .icon-text > div {
		width: 100%;
		font-size: 0.8rem;
		line-height: 1rem;
		word-break: break-all;
		padding-right: 0.5rem;
	}
	.content .icon-text > div img {
		width: 1.8rem;
	}
	.content .qrcode {
		width: 100%;
		padding: 2rem 2rem 1rem;
		margin-bottom: 0.5rem;
	}
	.map {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background-color: #fff;
	}
	.map .close-map-btn {
		position: absolute;
		left: 15px;
		top: 15px;	
		width: 2rem;
		height: 2rem;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 9;
		color: #fff;
		text-align: center;
		line-height: 2rem;
		/*transform: rotate(180deg);*/
	}
	.open-map {
		text-align: center;
	}
	.open-map a {
		width: 11.13rem;
		height: 1.94rem;
		background-color: #7cbc27;
		border-radius: 0.59rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 0.94rem;
	}
}