/* .contact_item .shareBtn img{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
} */

/* contact_box */
.contact_left{width: 45%;}
.contact_form{width: 51%; padding: 5%; border-radius: 85px; background: var(--lightColor);}

.contact_left .web_th .brief{font-size: 20px; color: #666; margin-top: 12%;}

.contact_list{margin-top: 5%;}

.contact_item{width: 48%; margin-right: 4%; margin-top: 30px;}
.contact_item:nth-child(2n){margin-right: 0;}
.contact_item .title{font-family: 'Open Sans-Bold'; font-size: 20px;}
.contact_item .con_info{margin-top: 6px; line-height: 1.75; color: #666;}
.contact_item .con_info a{transition: color 0.3s ease; color: inherit;}
.contact_item .con_info a:hover{color: var(--commonColor);}

.contact_item .shareBtn{display: inline-block; width: 36px; height: 36px; margin-right: 15px;}
.contact_item .shareBtn img{display: block; width: 100%; height: 100%; object-fit: cover;}
.contact_item .shareBtn:hover{animation: swing 0.5s;}

@media only screen and (max-width: 1300px) {
	.contact_left .web_th .brief{font-size: 16px; margin-top: 15px;}
	.contact_list{flex-wrap: wrap; margin-top: 10px;}
	.contact_item{width: 100%; margin-top: 16px; margin-right: 0;}
}
@media only screen and (max-width: 980px) {
	.contact_list{margin-top: 0;}
	.contact_inner{flex-direction: column;}
	.contact_left{width: 100%;}
	.contact_form{width: 100%; margin-top: 20px;}
}

.contact_form .web_th .brief{font-size: 20px;}
.form_div{margin-top: 30px;}
.input_item{width: 100%; margin-bottom: 18px;}
.form_input .input_item:nth-child(-n+4){width: 48.8%;}
.form_input .input_item:last-child{margin-bottom: 0;}
.input_item p span{color: #ED2736; padding-right: 5px; margin-left: -11px;}
.input_item input, .input_item textarea{border-radius: 8px; border: 2px solid #D9D9D9; width: 100%; font-size: 16px; line-height: 32px; padding: 14px 15px 14px 24px; background: transparent; background: url(../img/icon_star.png) no-repeat 15px 24px; background-size: 6px auto;}
.input_item textarea{line-height: 28px; height: 112px;}

.form_btn .submit_btn{background: #000; color: #fff; line-height: 30px; padding: 18px 0; height: auto; width: 100%; border-radius: 5px; font-size: 24px; margin: 6% 0 0; transition: all 0.3s ease; font-family: 'Arial-Bold'; border: none;}
.form_btn .submit_btn:hover{background: var(--commonColor);}

@media only screen and (max-width: 1450px) {
	.contact_form{border-radius: 60px;}
	.form_div{margin-top: 20px;}
	.contact_left .web_th .brief,
	.contact_form .web_th .brief{font-size: 18px;}
}
@media only screen and (max-width: 1200px) {
	.contact_form{border-radius: 46px; padding: 40px;}
	.contact_left .web_th .brief,
	.contact_form .web_th .brief{font-size: 16px;}

}
@media only screen and (max-width: 980px) {
	.contact_form{border-radius: 26px; padding: 30px 20px;}
	.form_input .input_item:nth-child(-n+4){width: 100%;}
	.input_item{width: 100%; margin-bottom: 15px;}
	.input_item input, .input_item textarea{padding: 8px 14px 8px 22px; background-position: 12px 18px;}
	.form_btn .submit_btn{margin-top: 15px; padding: 12px 0; font-size: 20px;}
	.form_div{margin-top: 20px;}
}


/* contact_map */
.contact_map img{border-radius: 80px;}
.contact_map iframe{display: block; width: 100%; height: 700px; border-radius: 100px;}

@media only screen and (max-width: 1450px) {
	.contact_map iframe{height: 650px; border-radius: 80px;}
}
@media only screen and (max-width: 1350px) {
	.contact_map iframe{height: 610px; border-radius: 60px;}
}
@media only screen and (max-width: 1200px) {
	.contact_map iframe{height: 580px; border-radius: 46px;}
}
@media only screen and (max-width: 980px) {
	.contact_map img{border-radius: 26px;}
	.contact_map iframe{height: 320px; border-radius: 26px;}
}