/* contactUs页面样式 */



/* s_contact_box */

.s_contact_list{gap: 12px; padding: 30px 0 20px;}

.s_contact_list li{    width: calc(33% - 1px); padding: 12px 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10); border-radius: 8px; justify-content: space-between; align-items: center;}

.s_contact_list li .contact_icon{width: 64px; height: 64px; background: url(../img/sub_46.png) no-repeat center/100% auto; background-color: #0062ab; border-radius: 10px; transition: all 0.3s ease;}

.s_contact_list li .contact_info{width: calc(100% - 76px);}

.s_contact_list li .icon_email{background-image: url(../img/sub_47.png);}

.s_contact_list li .icon_local{background-image: url(../img/sub_48.png);}

.s_contact_list li .icon_email1{background-image: url(../img/sub_49.png);}

.s_contact_list li:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30);}

.s_contact_list li:hover .contact_icon{background-size: 110% auto;}



.contact_info .name{font-size: 20px; font-weight: bold; line-height: 28px;}

.contact_info .txt, .contact_info .txt a{line-height: 22px; color: #666;}

.contact_info .txt a:hover{color: #bd0209;}



.s_contact_share{gap: 12px; align-items: center;}

.s_contact_share span{line-height: 36px;}

.s_contact_share a{display: block; width: 40px; height: 40px; padding: 2px;}

.s_contact_share a img{display: block; width: 100%; height: 100%;}

.s_contact_share a:hover{padding: 5px;}



.s_contact_inner{margin: 80px 0 20px; display: flex; justify-content: space-between; background: #0062ab; border-radius: 12px; }

.s_contact_form{width: 52%; padding: 20px 60px;}

.s_contact_map{width: 48%;}
.s_contact_map iframe{width: 100%;height: 100%;}

.s_contact_input{flex-wrap: wrap; justify-content: space-between;}

.s_contact_input input{width: 100%; line-height: 28px; padding: 10px 0; margin-bottom: 20px; background: none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); font-size: 20px; color: #fff;}

.s_contact_input input:nth-child(-n+2){width: 48%;}

.s_contact_input input::placeholder{color: #fff;}

.s_contact_inner .submit_btn{background: #fff; border: none; width: 160px; height: 45px; font-weight: bold; font-size: 20px; color: #0062ab; border-radius: 8px; margin-top: 30px;}

.s_contact_inner .submit_btn:hover{background: #bd0209; color: #fff;}



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

	.s_contact_list{gap: 20px; flex-wrap: wrap;}

	.s_contact_list li{width: calc(50% - 10px);}

}



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

	.s_contact_input input{padding: 5px 0; margin-bottom: 10px; font-size: 18px;}

	.s_contact_inner .submit_btn{margin-top: 20px;}

}

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

	.s_contact_list{padding: 10px 0 20px; gap: 0;}

	.s_contact_list li{width: 100%; margin-bottom: 20px;}

	.s_contact_list li:last-child{margin-bottom: 0;}

	.s_contact_inner{margin: 30px 0 0; flex-direction: column;}

	.s_contact_form{width: 100%; padding: 20px 20px 30px;}

	.s_contact_inner .submit_btn{margin-top: 15px; font-size: 18px;}

	.s_contact_map{width: 100%;}

	.s_contact_map img{width: 100%; border-radius: 0 0 12px 12px;}

}