/* s_contact_info */



.contact_th{text-align: center; color: #000;}

.contact_th .title{font-size: 55px; font-weight: bold; line-height: 1.25; color: #0D44A8;}

.contact_th .brief{font-size: 30px; line-height: 1.5; max-width: 1200px; margin: 0 auto; padding-top: 2%;}



.contact_ul li{width: 33%;}

.contact_icon{width: 25%; margin-right: 5%;}

.contact_icon .icon_pic{padding-bottom: 100%; overflow: hidden;}

.contact_right{width: 70%;}

.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: 20px;}

}

@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: 16px;}

}

@media only screen and (max-width: 980px) {

	.contact_th .title{font-size: 24px;}

	.contact_th .brief{font-size: 20px;}

	.contact_right{width: calc(100% - 75px);}

	.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_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; height: 100%;}



.form_div{}



.form_input{flex-wrap: wrap; justify-content: space-between; margin-top: 4%;}

.form_input .input_item{width: 48%;}

.form_input .input_item:first-child{width: 100%; margin-bottom: 5%;}

.form_input .input_item:last-child{width: 100%;margin-top: 5%;}

.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: #0D44A8; 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: #0D44A8;}



.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: 8px 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: #355E40;}