.header{
	position: relative;
	border-bottom: 1px solid #ccc;
	background: #f2f2f2;
}
.header .nav ul li a{
	font-size: 14px;
	color: #999999;
}
.header .search form{
	border-color:#ccc ;
}
.header .search form .sub{
	width: 20px;
	height:20px;
	background: url(../images/chazhao.png) no-repeat center;
}
.header .search form .txt{
	color: #ccc;
}
.main-wrapper{
	width: 100%;
	background: #f2f2f2;
}
.main{
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 1rem 1rem 5rem 1rem;
}
.main>p{
	color: #bd302a;
	font-size: 12px;
}
.main .center{
	width: 100%;
	max-width: 1000px;
	height: 532px;
	background: #fff;
	margin: 2rem auto;
	box-sizing: border-box;
	padding: 2rem ;
}
.main .center h4{
	font-size: 1.45rem;
	color: #666;
	line-height: 2rem;
}
.main .center p{
	width:65%;
	font-size: 0.54rem;
	color: #999;
	margin-top: 0.5rem;
}
.main .center form p{
	font-size: 14px;
	color: #666;
	margin: 0.5rem 0 0rem 0;
}
.main .center form input.email{
	width: 428px;
	height: 38px;
	border: 1px solid #ccc;
	border-radius:5px;
	box-sizing: border-box;
	padding-left: 0.5rem;
}
.main .center form .yzm{
	width: 48%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main .center form .yzm input.txt{
	width: 250px;
	height: 38px;
	border: 1px solid #ccc;
	border-radius:5px;
	box-sizing: border-box;
	padding-left: 0.5rem;
}
.main .center form .yzm span{
	display: inline-block;
	width: 104px;
	height: 38px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 38px;
	color: #1137da;
	font-size: 12px;
	
}
.main .center form .yzm a img{
	transition: all .5s;
}
.main .center form .yzm a img.active{
	transform: rotate(360deg);
}

.main .center form .sub{
	width: 122px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	background: #bd3a00;
	margin-top:1rem;
}





@media screen and (max-width:1200px){
	.main .center{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	/*.main .center p{
		text-align: center;
	}*/
	.main .center form{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.main .center form .yzm{
		width:100%;
	}
}


@media screen and (max-width:640px){
	.main .center form input.email{
		width: 75%;
	}
	.main .center form .yzm span{
		border: none;
	}
	.main .center form .yzm{
		width: 75%;
	}
	.main .center{
		height: auto;
	}
}

@media screen and (max-width:480px){
	.main{
		padding: 0;
	}
	.main .center p{
		width: 100%;
		font-size: 14px;
	}
	.main .center form p{
		width: 75%;
	}
	.main .center form input.email{
		width: 75%;
	}
	.main .center form .yzm{
		width: 75%;
	}
}
@media screen and (max-width:375px){
	.main .center form{
		width:98%;
		
	}
	.main .center form input.email{
		width: 100%;
	}
	.main .center form .yzm{
		width: 100%;
	}
}