/* s_contact_info */

.contact_th{text-align: center; color: #000;}
.contact_th .title{font-size: 55px; font-weight: bold; line-height: 1.25;}
.contact_th .brief{font-size: 30px; line-height: 1.5; max-width: 1200px; margin: 0 auto; padding-top: 2%;}

.contact_ul li{width: 31%;}
.contact_icon{width: 22.5%; margin-right: 5%;}
.contact_icon .icon_pic{padding-bottom: 100%; overflow: hidden;}
.contact_right{flex: 1;}
.contact_right .name{font-size: 30px; line-height: 1.5; margin-bottom: 6px;}
.contact_right .brief{font-size: 24px; line-height: 1.5;}

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

@media only screen and (max-width: 1450px) {
	.contact_th .title{font-size: 50px;}
	.contact_th .brief{font-size: 28px;}
	.contact_right .name{font-size: 28px;}
	.contact_right .brief{font-size: 22px;}
}
@media only screen and (max-width: 1350px) {
	.contact_th .title{font-size: 42px;}
	.contact_th .brief{font-size: 26px;}
	.contact_right .name{font-size: 26px;}
	.contact_right .brief{font-size: 21px;}
}
@media only screen and (max-width: 1200px) {
	.contact_th .title{font-size: 34px;}
	.contact_th .brief{font-size: 22px;}
	.contact_right .name{font-size: 24px;}
	.contact_right .brief{font-size: 19px;}
	.contact_ul li:last-child{width: 32%;}
}
@media only screen and (max-width: 980px) {
	.contact_th .title{font-size: 24px;}
	.contact_th .brief{font-size: 20px;}
	.contact_right .name{font-size: 20px;}
	.contact_right .brief{font-size: 17px; line-height: 1.25;}
	.contact_ul{flex-wrap: wrap; padding-top: 0;}
	.contact_ul li{width: 100%; margin-top: 20px; align-items: center;}
	.contact_ul li:last-child{width: 100%;}
	
	.contact_icon{width: 60px; margin-right: 12px;}
}

/* s_contact_box */
.s_contact_box{position: relative; z-index: 1; background: #f6f6f6;}
.s_contact_box .layout{width: 100%; padding: 0; box-sizing: border-box;}
.contact_left{width: 50%; padding: 8% calc((100% - 1480px) / 2); box-sizing: border-box; align-items: center;}
.right_map{width: 50%;}
.right_map iframe{width: 100% !important; height: 100% !important;}
.right_map img{width: 100%; display: block;}

.form_div{}

.form_input{flex-wrap: wrap; justify-content: space-between; margin-top: 4%;}
.form_input .input_item{width: 48%; position: relative;}
.form_input .input_item:after{content: '*';position: absolute; top:30%;left: 3%; font-size: 16px; color: #f16b03;margin-left: 5px;}
.form_input .input_item:first-child{width: 100%; margin-bottom: 5%;}
.form_input .input_item:first-child:after{top:9%;left: 1%;}
.input_item input, .input_item textarea{border-radius: 0; border: none; border-radius: 40px; background: #fff; width: 100%; font-size: 16px; line-height: 36px; margin-top: 4px; padding: 15px 20px; box-shadow: 0 3px 12px 5px rgba(0, 0, 0, 0.1);}
.input_item textarea{line-height: 28px; height: 196px; max-width: 100%; max-height: 196px; border-radius: 14px;}

.innerPro_btn .submit_btn{background: #333; color: #fff; height: auto; padding: 15px 0; line-height: 36px; width: 100%; border: none; margin: 5% 0 0; transition: all 0.3s ease; font-size: 18px; border-radius: 30px;}
.innerPro_btn .submit_btn:hover{background: #f16b03;}

.right_contact{width: 45%;}

@media only screen and (max-width: 1580px) {
	.contact_left{padding: 8% 50px;}
}
@media only screen and (max-width: 1200px) {
	.form_input .input_item:first-child{margin-bottom: 15px;}
	.input_item input{padding: 10px 20px;}
	.innerPro_btn .submit_btn{padding: 10px 0;}
}
@media only screen and (max-width: 1000px) {
	.contact_left.{padding: 8% 30px;}
}
@media only screen and (max-width: 950px) {
	.s_contact_box .layout{flex-wrap: wrap;}
	.contact_left{padding: 0 15px; width: 100%;}
	.right_map{width: 100%; margin-top: 30px; height: 450px;}
	.contact_th{font-size: 22px;}
	.s_contact_box{padding: 30px 0 0;}
	.left_form{width: 100%;}
	.form_input{margin-top: 15px;}
	.form_input .input_item{width: 100%; margin-bottom: 15px;}
	.innerPro_btn .submit_btn{margin-top: 10px;}
	.innerPro_btn .submit_btn{height: auto; padding: 5px 40px;}
	.right_contact{width: 100%; margin-top: 25px;}
	.icon_list li{margin-top: 15px;}
	
	.web_main{padding-bottom: 0;}

}


.icon_list li{display: flex; align-items: center; line-height: 24px; margin-top: 0.4rem;}
.icon_list li img{width: 32px; height: 32px; margin-right: 15px;}
.icon_list li p{flex: 1;}
.icon_list li a{color: #fff;}
.icon_list li a:hover{color: #f16b03;}