.contact_ul li, .innerPro_btn .submit_btn{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.web_th .brief{margin-top: 12px;}

/* s_contact_box */
.s_contact_box{position: relative; z-index: 1;}
.contact_info{width: 42.5%;}
.contact_map{width: 55%; height: auto;}

.contact_info .web_th .title{border-bottom: 1px solid #E2E1DB; text-align: left; padding-bottom: 5px;}
.contact_address .title{margin: 6.5% 0 4.5%; font-family: 'Poppins-Medium'; font-size: 24px;}
.contact_address .brief{font-size: 22px; font-family: 'Poppins-Medium'; line-height: 1.5;}
.contact_address .txt{margin: 4.5% 0; font-size: 19px; color: #999; line-height: 1.5;}

.contact_ul li{margin-top: 22px;}
.contact_ul li:first-child{margin-top: 0;}
.contact_icon{width: 40px; height: 40px; margin-right: 3%; background: var(--commonColor); border-radius: 50%;}
.contact_icon img{padding: 9px;}
.contact_right{width: calc(100% - 56px);}
.contact_right a{font-size: 26px; font-family: 'Poppins-Medium';}

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

.contact_map img{width: 100%; display: block; height: 100%;}
.contact_map iframe{width: 100% !important; height: 100% !important;}

@media only screen and (max-width: 1200px) {
	.contact_address .title{font-size: 22px;}
	.contact_address .brief{font-size: 20px;}
	.contact_address .txt{font-size: 18px;}
	.contact_right a{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.contact_info{width: 100%;}
	.contact_map{width: 100%; margin-top: 20px;}
	.contact_address .title{margin: 15px 0 12px;}
	.contact_address .txt{margin: 12px 0 18px;}
	.contact_ul{flex-wrap: wrap; padding-top: 0;}
	.contact_ul li{width: 100%; margin-top: 15px;}
	.contact_icon{margin-right: 12px;}
	.contact_right{width: calc(100% - 52px);}
	
	.contact_map iframe{height: 300px !important;}
}

/* contact_form */
.contact_form{width: 100%;}

.form_div{}

.form_input{flex-wrap: wrap; justify-content: space-between; margin-top: 3.5%;}
.form_input .input_item{width: 32%; margin-bottom: 24px;}
.form_input .input_item:last-child{width: 100%;}

.input_item input, .input_item textarea{border-radius: 5px; background: rgba(var(--comColorRgb), 0.8); width: 100%; font-size: 16px; line-height: 36px; padding: 20px 20px 20px 20px; border: none; color: #fff;}
.input_item input{}
.input_item textarea{line-height: 28px; height: 280px; max-width: 100%; max-height: 280px; padding-left: 20px; display: block;}

.innerPro_btn .submit_btn{background: var(--commonColor); color: #fff; height: auto; padding: 2% 0; line-height: 36px; width: 100%; border: none; margin: 5px 0 0; font-size: 18px; border-radius: 4px; border-radius: 50px; font-family: 'Poppins-Medium';}
.innerPro_btn .submit_btn:hover{background: rgba(var(--comColorRgb), 0.8)}


.input_item input::-webkit-input-placeholder {color: #fff;}
.input_item input::-moz-placeholder {color: #fff; opacity: 1;}
.input_item input:-ms-input-placeholder {color: #fff;}
.input_item input:-moz-placeholder {color: #fff;}
.input_item textarea::-webkit-input-placeholder {color: #fff;}
.input_item textarea::-moz-placeholder {color: #fff; opacity: 1;}
.input_item textarea:-ms-input-placeholder {color: #fff;}
.input_item textarea:-moz-placeholder {color: #fff;}


@media only screen and (max-width: 1200px) {
	.input_item input{padding: 10px 20px 10px 20px;}
	.innerPro_btn .submit_btn{padding: 12px 0; font-size: 20px;}
	.form_input .input_item{width: 23.5%;}
}

@media only screen and (max-width: 950px) {
	.s_contact_box{padding: 30px 0 0;}
	.s_contact_box .layout{flex-wrap: wrap;}
	.contact_form{width: 100%;}
	.contact_form .web_th .brief{font-size: 16px; margin-top: 12px;}
	.form_input{margin-top: 15px;}
	.form_input .input_item{width: 100%; margin-bottom: 15px;}
}