.contact{
	padding: 30px 0;
	background-color: #FAFBFF;
}
.contact .box1 .box-c{
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #F0F0F0;
	display: flex;
	align-items: center;
}
.contact .box1 .box-c .l{
	height: 340px;
	width: 440px;
}
.contact .box1 .box-c .l #container{
	width: 100%;
	height: 100%;
}
.contact .box1 .box-c .r{
	flex: 1;
	margin-left: 30px;
}
.contact .box1 .box-c .r li{
	display: flex;
	align-items: center;
}
.contact .box1 .box-c .r li:not(:last-child){
	margin-bottom: 40px;
}
.contact .box1 .box-c .r li .icon img{
	display: block;
	transition: all .6s;
}
.contact .box1 .box-c .r li:hover .icon img{
	transform: rotateY(180deg);
}
.contact .box1 .box-c .r li .text-box{
	flex: 1;
	margin-left: 20px;
}
.contact .box1 .box-c .r li .text-box .text-title{
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 600;
	color: #312C2B;
	line-height: 24px;
}
.contact .box1 .box-c .r li .text-box .text-des{
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	font-family: PingFangSC-Semibold, PingFang SC;
}
.amap-marker-label .txt_boxs{
	position: absolute;
	box-shadow: 1px 2px 1px rgb(0 0 0 / 15%);
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #fff;
	top: -20px;
	left: ;
	font-size: 14px;
	color: #333;
}
.amap-marker-label .txt_boxs img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
}
.amap-marker-label{
	border: none;
	padding: 0;
}
.amap-icon img{
	
}
@media (max-width:1024px) {
	.contact .box1 .box-c{
		flex-wrap: wrap;
	}
	.contact .box1 .box-c .l{
		width: 100%;
	}
	.contact .box1 .box-c .r{
		margin-left: 0;
		padding: 30px;
	}
}
@media (max-width:500px) {
	.contact .box1 .box-c .r{
		padding: 30px 20px;
	}
	.contact .box1 .box-c .r li .icon img{
		width: 40px;
	}
	.contact .box1 .box-c .r li:not(:last-child){
		margin-bottom: 20px;
	}
	.contact .box1 .box-c .r li .text-box{
		margin-left: 10px;
	}
}