/* s_contact_box */
.s_contact_box{position: relative; z-index: 1; padding: 4% 0;}
.contact_inner{align-items: center;}

.contact_left{width: 46%;}
.contact_pic_item{width: 50%; overflow: hidden;}

.sec_th .title{font-size: 30px;}

.contact_info{padding: 5% 0 8%;}
.contact_info .info_item{width: 32%; font-family: 'MyriadPro-Regular'; color: #666; line-height: 1.25;}
.contact_info .icon{width: 40px; height: 40px; background: #14457B; margin-bottom: 15px;}
.contact_info .icon img{padding: 7px;}
.info_item a{color: #666;}
.contact_info .info_item:hover img{animation: swing 0.5s;}
.contact_info .info_item:hover a{color: #2C6DF5;}

.form_input{flex-wrap: wrap; justify-content: space-between; margin-top: 4%;}
.form_input .input_item{width: 22%; margin-bottom: 12px;}
.form_input .input_item:last-child{width: 100%;}

.input_item input, .input_item textarea{border-radius: 0; border: none; border-radius: 5px; background: rgba(20, 69, 123, 0.8); color: #fff; width: 100%; font-size: 16px; line-height: 36px; padding: 6px 12px;}
.input_item textarea{line-height: 28px; height: 168px; max-width: 100%; max-height: 196px; border-radius: 14px;}

.contact_btn .submit_btn{background: #14457B; color: #fff; height: auto; padding: 10px 0; line-height: 36px; width: 100%; border: none; transition: all 0.3s ease; font-size: 18px; border-radius: 30px; margin: 0;}
.contact_btn .submit_btn:hover{background: #2C6DF5;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #fff; font-size: 16px;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #fff; opacity: 1; font-size: 16px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #fff; font-size: 16px;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #fff; font-size: 16px;}
iframe{display: block;}
@media only screen and (max-width: 1300px) {
	.form_input .input_item{width: 48%;}
}
@media only screen and (max-width: 1200px) {
	.contact_info{flex-wrap: wrap;}
	.contact_info .info_item{width: 48%;}
	.contact_info .info_item:nth-child(n+3){margin-top: 15px; width: 100%;}
}
@media only screen and (max-width: 950px) {
	.s_contact_box{padding: 30px 0;}
	.contact_inner{flex-direction: column;}
	.contact_left{width: 100%; order: 2;}
	.contact_pic_item{width: 100%; order: 1; margin-bottom: 20px;}
	.contact_pic_item img{margin: 0 auto;}
	
	.contact_info{padding: 20px 0;}
	.form_input{margin-top: 15px;}
	.form_input .input_item{width: 100%; margin-bottom: 15px;}
	.form_input .input_item:last-child{margin-bottom: 5px;}
	.contact_btn .submit_btn{margin-top: 10px;}
	.contact_btn .submit_btn{height: auto; padding: 5px 40px;}
}