.banner{
	position: relative;
}
.banner h4{
	position: absolute;
	top: 0;
	left: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
	color: #fff;
	font-size:2rem;
	font-weight: bold;
}
.main-wrapper{
	width: 100%;
	background: #f2f2f2;
}
.main{
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	background: #f2f2f2;
	box-sizing: border-box;
	padding:3rem 1rem;
}
.main .word h4{
	color:#999;
	font-size: 24px;
	font-weight: bold;
}
.main .word h5{
	color:#666;
	font-size: 18px;
	font-weight: bold;
	margin:0.8rem 0 0.2rem 0;
}
.main .word h6{
	color:#999999;
	font-size: 14px;
}
.main .word p{
	display: flex;
	align-items: center;
	margin: 0.8rem 0;
}
.main .word p img{
	width: 25px;
	height: 25px;
	margin-right:15px;
}
.main .word p span{
	font-size: 16px;
	color: #666;
}
.all{
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
}
.all>div{
	width: 48%;
	border: 2px solid #999999;
	position: relative;
	box-sizing: border-box;
	padding: 1.5rem 0 1.5rem 1.5rem;
}
.all>div .title{
	position: absolute;
	top: -10px;
	left: 0.5rem;
	background: #f2f2f2;
	box-sizing: border-box;
	padding: 0 0.5rem;
	font-size: 14px;
	color: #999;
	z-index:1;
	
}
.all .info form{
	width: 75%;
}
.all .info form h6{
	color: #999;
	font-size: 12px;
}
.all .info form .name{
	display: flex;
	justify-content: space-between;
}
.all .info form .name input{
	width: 100%;
	border: 1px solid #999999;
	height: 23px;
	line-height: 23px;
	background: #f2f2f2;
	box-sizing: border-box;
	padding-left:0.5rem;
	font-size: 14px;
	float: left;
}
.all .info form .email input{
	width: 100%;
	border: 1px solid #999999;
	height: 23px;
	line-height: 23px;
	background: #f2f2f2;
	box-sizing: border-box;
	padding-left:0.5rem;
	font-size: 14px;
}
.all .info form .country input{
	width: 50%;
	border: 1px solid #999999;
	height: 23px;
	line-height: 23px;
	background: #f2f2f2;
	box-sizing: border-box;
	padding-left:0.5rem;
	font-size: 14px;
}
.all .info form .subject{
	margin-top: 1rem;
}
.all .info form .subject input{
	width: 100%;
	border: 1px solid #999999;
	height: 23px;
	line-height: 23px;
	background: #f2f2f2;
	box-sizing: border-box;
	padding-left:0.5rem;
	font-size: 14px;
}
.all .info form .message textarea{
	width: 100%;
	border: 1px solid #999999;
	background: #f2f2f2;
	box-sizing: border-box;
	padding-left:0.5rem;
	font-size: 14px;
	resize: none;
	height: 126px;
	outline: none;
	line-height: 1.5rem;
}
.all .info form .sub{
	width: 85px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 12px;
	background: #bd3a00;
	border-radius:20px ;
	float: right;
	margin-top: 5px;
	position: relative;
	left:85px;
}
.all .info form .sub:hover{
	cursor: pointer;
}

.all .location{
	padding: 0;
}
#allmap{
	height:16rem;
}
.BMap_cpyCtrl{
	display: none !important;
}
.all .location .didi{
	height: 20%;
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.all .location .didi h6{
	text-align: center;
	
	color: #999;
}


@media screen and (max-width:1024px){
	.all{
		display: flex;
		flex-direction: column;
	}
	.all>div{
		width: 70%;
		margin: 1rem 0;
	}
	.all .location .didi{
		display: none;
	}
}
@media screen and (max-width:640px){
	.all{
		display: flex;
		flex-direction: column;
	}
	.all>div{
		width: 100%;
		margin: 1rem 0;
	}
}
@media screen and (max-width:480px){
	.all .info{
		padding: 0.5rem;
	}
	.all .info form{
		width: 100%;
	}
	.all .info form .sub{
		position: initial;
	}
	.all .location .didi img{
		width:80%;
	}
}