.banner .inner { height: 234px; display: flex; align-items: center; justify-content: center;}
.banner .inner-text { text-align: center; color: #fff;}
.banner .slogan { font-size: 44px; line-height: 90px; border-bottom: 1px solid #fff;}
.banner span { display: block; line-height: 70px; font-size: 16px;}

.content { padding: 40px 20px;}
.content .inner { width: 1200px;}
.content h3 { font-size: 20px; color: #2a2a2a; line-height: 40px; width: 100px; margin-bottom: 22px;}
.content h3::after { content: " "; border-bottom: 2px solid #4fbfa8; width: 60px; height: 38px; margin-left: -98px; position: absolute;}
.content .desc { display: flex; justify-content: space-around; margin-bottom: 60px;}
.content .desc img { display: block; margin-left: 30px;}
.content .p-content { width: 580px;}
.content .span { font-size: 18px; line-height: 30px; text-indent: 40px; margin-bottom: 20px;}

#form { display: flex; flex-wrap: wrap; justify-content: space-between;}
#form .form-ele { width: 40%; border-bottom: 1px solid #c0c0c0; position: relative; margin-bottom: 20px;}
#form .error { position: absolute; height: 20px; color: #ff0000; width: 100%; bottom: -20px; left: 0; z-index: 1;}
#form label { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #2a2a2a;}
#form input { display: block; width: 100%; margin: 15px 0; height: 30px; line-height: 30px; font-size: 14px; color: #2a2a2a;}
#form select { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 14px; color: #2a2a2a;}
#form dl { width: 100%;}
#form dt { font-size: 24px; color: #2a2a2a; height: 100px; line-height: 100px;}
/* #form dd { font-size: 18px; color: #c0c0c0;}
#form dd .active { color} */
#form dd { display: flex;}
#form dd label { display: flex; align-items: center; margin-right: 20px;}
#form dd label input { width: 20px; height: 20px; margin-top: 0; margin-right: 20px; margin-bottom: 0;}
#form #submit { display: block; margin: auto; width: 200px; border-radius: 100px; background-color: #4fbfa8; color: #fff; height: 40px; line-height: 40px; text-align: center; font-size: 16px;}
#form a:hover { text-decoration: none;}

@media (min-width: 320px) and (max-width: 768px) {
	.banner .inner { height: 240px; padding: 0 16px;}
	.banner .slogan { font-size: 20px; line-height: 90px; border-bottom: 1px solid #fff;}
	.banner span { display: block; line-height: 30px; margin-top: 30px; font-size: 16px;}
	.content .inner { width: 100%;}
	.content .desc {flex-wrap: wrap;}
	.content .p-content { width: 100%;}
	.content .desc img { width: 90%; margin-left: 0;}
	#form .form-ele { width: 100%;}
	#form dd { flex-wrap: wrap;}
}