.web_head .head_layer{margin-bottom: 6px;}
.web_footer{margin-top: 0;}

/* s_contact_info */
.s_contact_info{background: #FFF5F6; margin-top: 2.2%; padding: 7% 0;}

.contact_ul{margin-top: 4%;}
.contact_ul li{width: 32%; max-width: 400px;}
.contact_icon{width: 150px; height: 150px; padding: 30px; border-radius: 50%; margin: 0 auto; background: var(--commonColor);}
.contact_icon img{display: block; height: 100%; width: auto; margin: 0 auto;}
.contact_div{width: 100%; text-align: center;}
.contact_div .name{font-size: 20px; line-height: 1.5; margin: 20px 0 6px; font-family: 'Open Sans-Bold';}
.contact_div .brief{font-size: 18px; line-height: 1.5; color: #666;}
.contact_div .brief a{color: #666;}
.contact_div .brief a:hover{color: var(--commonColor); text-decoration: underline;}

.contact_ul li:hover .contact_icon img{animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
	.contact_icon{width: 130px; height: 130px;}
}
@media only screen and (max-width: 1350px) {
	.contact_icon{width: 110px; height: 110px; padding: 25px;}
	.contact_div .name{margin-top: 15px;}
}
@media only screen and (max-width: 980px) {
	.s_contact_info{padding: 35px 0; margin-top: 50px;}
	.contact_ul{flex-direction: column; margin-top: 20px;}
	.contact_ul li{width: 100%;}
	.contact_ul li:nth-child(n+2){margin-top: 20px;}
	.contact_icon{width: 80px; height: 80px; padding: 20px;}
}

/* s_contact_box */
.s_contact_box{position: relative; z-index: 1;}
.s_contact_box .web_th{width: 35%;}
.s_contact_box .web_th .brief{margin-top: 30px; line-height: 30px; color: #666;}
.contact_form{width: 58%;}

.form_input{flex-wrap: wrap; justify-content: space-between;}
.form_input .input_item{width: 48%;}
.form_input .input_item p{line-height: 24px; color: #666; margin-bottom: 5px;}
.form_input .input_item p em{color: #D22B2B; margin-right: 2px;}
.form_input .input_item:nth-child(n+3){width: 100%; margin-top: 26px;}
.input_item input, .input_item textarea{border-radius: 12px; background: #F6F6F6; width: 100%; font-size: 16px; line-height: 30px; padding: 20px 20px; border: 1px solid #BDBDBD; display: block;}
.input_item textarea{line-height: 28px; height: 254px; max-width: 100%; max-height: 196px; padding: 15px 20px; }

.form_btn{text-align: center; margin-top: 32px;}
.form_btn .submit_btn{background: var(--commonColor); color: #fff; width: 300px; padding: 18px 0; height: auto; line-height: 36px; border: 2px solid transparent; transition: all 0.3s ease; font-size: 18px; border-radius: 80px; font-size: 32px; font-weight: bold; text-transform: uppercase; display: block; margin: 0 auto;}
.form_btn .submit_btn:hover{color: var(--commonColor); background: #fff; border-color: var(--commonColor);}

.right_contact{width: 45%;}


@media only screen and (max-width: 1450px) {
	.s_contact_box .web_th .brief{margin-top: 20px;}
	.input_item input{padding: 16px 20px;}
	.form_btn .submit_btn{padding: 15px 0; font-size: 28px;}
}
@media only screen and (max-width: 1300px) {
	.input_item input{padding: 14px 20px;}
	.form_btn .submit_btn{padding: 14px 0; font-size: 24px;}
}
@media only screen and (max-width: 980px) {
	.s_contact_box .layout{flex-wrap: wrap;}
	.s_contact_box .web_th{width: 100%;}
	.s_contact_box .web_th .brief{margin-top: 12px;}
	.contact_form{width: 100%; margin-top: 20px;}
	.form_input .input_item{width: 100%;}
	.form_input .input_item:nth-child(n+2){margin-top: 16px;}
	.form_btn{margin-top: 24px;}
	.form_btn .submit_btn{padding: 12px 0; font-size: 22px;}
}

/* contact_map */
.contact_map iframe{width: 100%; height: 700px; display: block;}
.contact_map img{width: 100%; display: block; height: auto; }
@media only screen and (max-width: 1450px) {
	.contact_map iframe{height: 660px;}
}
@media only screen and (max-width: 1300px) {
	.contact_map iframe{height: 620px;}
}
@media only screen and (max-width: 1100px) {
	.contact_map iframe{height: 580px;}
}
@media only screen and (max-width: 980px) {
	.contact_map iframe{height: 540px;}
}
@media only screen and (max-width: 768px) {
	.contact_map iframe{height: 340px;}
}