/* prefixed .hb-page */

/* s_contact_box */
.s_contact_box{position: relative; z-index: 1; padding: 4% 0;}.hb-page .contact_inner{align-items: center;}.hb-page .contact_left{width: 46%;}.hb-page .contact_pic_item{width: 50%; overflow: hidden;}.hb-page .sec_th .title{font-size: 30px;}.hb-page .contact_info{padding: 5% 0 8%; flex-wrap: wrap;}.hb-page .contact_info .info_item{width: 48%; font-family: 'MyriadPro-Regular'; color: #ccc; line-height: 1.25;}.hb-page .contact_info .info_item:nth-child(n+3){width: 100%; margin-top: 24px;}.hb-page .contact_info .icon{width: 40px; height: 40px; background: var(--commonColor); margin-bottom: 15px;}.hb-page .contact_info .icon img{padding: 7px;}.hb-page .info_item a{color: #ccc;}.hb-page .contact_info .info_item:hover img{animation: swing 0.5s;}.hb-page .contact_info .info_item:hover a{color: var(--lightColor);}.hb-page .form_input{flex-wrap: wrap; justify-content: space-between; margin-top: 4%;}.hb-page .form_input .input_item{width: 32%; margin-bottom: 12px;}.hb-page .form_input .input_item:nth-child(n+4){width: 100%;}.hb-page .input_item input,.hb-page .input_item textarea,.hb-page .input_item select{border-radius: 0; border: none; border-radius: 5px; background: #333; color: #fff; width: 100%; font-size: 16px; line-height: 36px; padding: 6px 12px;}.hb-page .input_item textarea{line-height: 28px; height: 168px; max-width: 100%; max-height: 196px; border-radius: 14px;}.hb-page .input_item select{height: 48px;}.hb-page .contact_btn .submit_btn{background: var(--commonColor); 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;}.hb-page .contact_btn .submit_btn:hover{background: var(--lightColor);}.hb-page input::-webkit-input-placeholder,.hb-page textarea::-webkit-input-placeholder{color: #fff; font-size: 16px;}.hb-page input::-moz-placeholder,.hb-page textarea::-moz-placeholder{color: #fff; opacity: 1; font-size: 16px;}.hb-page input:-ms-input-placeholder,.hb-page textarea:-ms-input-placeholder{color: #fff; font-size: 16px;}.hb-page input:-moz-placeholder,.hb-page textarea:-moz-placeholder{color: #fff; font-size: 16px;}.hb-page @media only screen and (max-width: 1300px){
	.form_input .input_item{width: 48%;}.hb-page .form_input .input_item:nth-child(n+3){width: 100%;}
}.hb-page @media only screen and (max-width: 1200px){
	.contact_info{flex-wrap: wrap;}.hb-page .contact_info .info_item{width: 48%;}.hb-page .contact_info .info_item:nth-child(n+3){margin-top: 18px;}
}.hb-page @media only screen and (max-width: 950px){
	.s_contact_box{padding: 30px 0;}.hb-page .contact_inner{flex-direction: column;}.hb-page .contact_left{width: 100%; order: 2;}.hb-page .contact_pic_item{width: 100%; order: 1; margin-bottom: 20px;}.hb-page .contact_pic_item img{margin: 0 auto;}.hb-page .contact_info{padding: 20px 0;}.hb-page .contact_info .info_item{width: 100%;}.hb-page .contact_info .info_item:nth-child(n+2){margin-top: 15px;}.hb-page .form_input{margin-top: 15px;}.hb-page .form_input .input_item{width: 100%; margin-bottom: 15px;}.hb-page .form_input .input_item:last-child{margin-bottom: 5px;}.hb-page .contact_btn .submit_btn{margin-top: 10px;}.hb-page .contact_btn .submit_btn{height: auto; padding: 5px 40px;}
}

/* s_contact_map  */
.s_contact_map{background: #f5f5f5;}.hb-page .s_contact_map iframe{width: 100%; display: block; height: 560px;}.hb-page @media only screen and (max-width: 1600px){
	.s_contact_map iframe{height: 540px;}
}.hb-page @media only screen and (max-width: 1400px){
	.s_contact_map iframe{height: 520px;}
}.hb-page @media only screen and (max-width: 1200px){
	.s_contact_map iframe{height: 480px;}
}.hb-page @media only screen and (max-width: 980px){
	.s_contact_map iframe{height: 360px;}
}