h4{
	width:1170px;
	font-size:30px;
	margin:60px auto 30px;
	text-align: center;
	color:#0e76d5;
	font-weight: normal;
}
.ban{
	width:1170px;

	margin:0 auto;
		padding:10px 0px;
	min-height:600px;
}

.form{
	width:570px;
	height:470px;
	float:left;
	line-height:2.2;
}


.ban>p{
	color:#f18b4d;
	font-size:16px;
	line-height:24px;
	text-align:center;
	width:100%;
	margin-bottom:20px;
}
.form>ul{
	width:570px;
	height:auto;
}
.form>ul>li{
	width:570px;
}

.form>ul>li>p{
	height:40px;
	color:#333;
	line-height:40px;
	font-size:16px;
}
input{
	display: block;
	width:570px;
	padding:10px 20px;
	font-size:16px;
	color:#ed751f;
	outline: none;
	border-radius:5px;
	border:1px solid #eaeaea;
	-webkit-appearance: none; 
}
.form>p:nth-child(2){
	width:100%;
	color:#333;
	font-size:16px;
	height:50px;
	line-height:50px;
}
.message{
	width:100%;
	height:102px;
	border-radius:5px;
	resize: none;
	padding:5px;
	border:1px solid #eaeaea;
	color:#ed751f;
	outline: none;
	-webkit-appearance: none; 
}
.tijiao{
	display: block;
	float: right;
	width:120px;
	height:48px;
	color:#fff;
	background:#ed731e;
	line-height:48px;
	padding:0;
	font-size:18px;
	cursor: pointer;
}
.map{
	width:1170px;
	height:465px;
	margin-top:20px;
	
}
.lx{
	width:1170px;
	height:227px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	margin-bottom:60px;
}
.lx>li{
	width:270px;
	height: 227px;
	padding-top:110px;
	background:url(../images/icon-001.png) no-repeat center 28px #f3d9da;
}
.lx>li>h5{
	height:42px;
	color:#333;
	font-size:24px;
	text-align: center;
	font-weight: normal;
}
.lx>li:nth-child(2){background: url(../images/icon-002.png) no-repeat center 28px #d6ebee;}
.lx>li:nth-child(3){background: url(../images/icon-003.png) no-repeat center 28px #ebf3db;}
.lx>li:nth-child(4){background: url(../images/icon-004.png) no-repeat center 28px #d5edf9;}
.lx>li>p{
	font-size:16px;
	color:#666;
	text-align: center;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	h4{
		width:100%;
		margin:0 auto;
		padding:0.6rem 0 0.3rem;
		font-size:0.32rem;
		clear: both;
	}
	.ban{
		width:7.5rem;
		height:auto;
	}
	.ban>img{
		display: block;
		height:100%;
		width:7.5rem;
	}
	.form{
		width: 7.5rem;
		height:auto;
		border-radius: 2%;
		padding:0 0.5rem 0.3rem;
	}
	.ban>p{
		font-size:0.28rem;
		line-height:0.4rem;
		height: auto;
		text-align: left;
		border-bottom: 0.02rem solid #fff;
		padding: 0rem 0.4rem; 
		margin-bottom:0;
	}
	.form>ul{
		width:100%;
		height:auto;
	}
	.form>ul>li{
		width:100%;
	}
	.form>ul>li>p{
		height:0.5rem;
		line-height:0.5rem;
		font-size:0.28rem;
	}
	input{
		width:98%;
		padding:0.2rem;
		font-size:0.28rem;
	}
	.form>p:nth-child(2){
		height:0.6rem;
		font-size:0.28rem;
		line-height:0.6rem;
	}
	.form>textarea{
		height:3.6rem;
		padding:0.1rem;
		font-size:0.28rem;
	}
	.form>input:nth-child(4){
		width:2.4rem;
		height:0.8rem;
		font-size:0.3rem;
		line-height:0.8rem;
	}
	.map{
		width:7.5rem;
		height:4.5rem;
	}
	.lx{
		width:7.5rem;
		height:auto;
		padding:0 0.18rem;
		flex-wrap: wrap;
		align-content: space-between;
		margin-bottom:0.1rem;
	}
	.lx>li{
		width:3.5rem;
		height:2.7rem;
		margin-bottom:0.5rem;
		background-size:0.8rem;
		background-position: center 0.5rem; 
		padding-top:1.36rem;
	}
	.lx>li:nth-child(2){
		background-size:0.8rem;
		background-position: center 0.45rem; 
	}
	.lx>li:nth-child(3),.lx>li:nth-child(4){
		background-size:0.8rem;
		background-position: center 0.5rem; 
	}
	.lx>li>h5{
		font-size:0.3rem;
		height:0.5rem;
		line-height:0.5rem;
	}
	.lx>li>p{
		font-size:0.28rem;
	}
	
}