@charset "UTF-8";
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.contactus_kv_txt { text-align: center; color: #fff; }
.contactus_kv_txt h3.tit { font-size: 2.8rem; color: #fff; font-weight: 700; margin-bottom: 2.5rem; }
.contactus_kv_txt .in h4 { font-size: 2.2rem; font-weight: 700; margin-bottom: 10px; }
.contactus_kv_txt .in p { line-height: 2rem; font-weight: 700; font-size:1.8rem; }
.contactus_kv_txt .in p a{color:#fff;text-decoration: none;display: inline-block;line-height:1.8rem;
	padding-bottom:5px;margin-bottom:5px;}/*border-bottom:1px solid #fff;*/
.contactus_kv_txt .in p a.line{font-size:1.4rem;line-height:2rem;padding-bottom:0;}
.contactus_kv_txt .last_con { margin-top: 1.5rem; }
.contactus_kv_txt .last_con p a { color: #fff; font-size: 1.8rem; }
.contactus_kv_txt .last_con h6 { margin-bottom: 10px; }
.contactus_kv_txt .last_con h6 a { color: #fff; font-size: 1.8rem; font-weight: 700; }

.contactus_index_body { background-color: #f5f5f5; padding: 4rem 0 0; }
.contactus_index_body .tab_list { text-align: center; margin-bottom: 3rem; }
.contactus_index_body .tab_list a { display: inline-block; font-weight: 700; font-size: 2.4rem; color: #333; margin: 0 20px; padding-bottom: 5px; border-bottom: 2px solid transparent; }
.contactus_index_body .tab_list a:hover, .contactus_index_body .tab_list a.active { text-decoration: none; color: #1090d6; border-bottom: 2px solid #1090d6; }
.contactus_index_body .index_con { width: 100%; margin: 0 auto; padding-bottom: 50px; }
.contactus_index_body .index_con.company_list { max-width: 100%; }
.contactus_index_body .index_con .address_block:hover .img_out img { transform: scale(1); }
.contactus_index_body .index_con .address_block:hover .img_out p { transform: scale(1.05) translateY(-60%); }
.contactus_index_body .index_con .address_block:hover .txt { background-color: #1090d6; }
.contactus_index_body .index_con .address_block:hover .txt h4{color:#fff;}
.contactus_index_body .index_con .address_block:hover .txt h4::after{background-color:#fff;}
.contactus_index_body .index_con .address_block:hover .txt p { color: #fff; }
.contactus_index_body .index_con .address_block:hover .txt p a { color: #fff; }
.contactus_index_body .index_con .address_block .img_out { position: relative; z-index: 1; overflow: hidden;display:none;}
.contactus_index_body .index_con .address_block .img_out img { display: block; width: 100%; transform: scale(1.1); transition: all ease .5s; }
.contactus_index_body .index_con .address_block .img_out p { transition: all ease .3s; color: #fff; text-align: center; font-weight: 700; font-size: 2.4rem; text-align: center; position: absolute; top: 44%; left: 0; right: 0; transform: translateY(-60%); z-index: 2; }
.contactus_index_body .index_con .address_block .img_out .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }
.contactus_index_body .index_con .address_block .txt { transition: all ease .5s; background-color: #fff; 
	margin-bottom: 4rem; width: 100%; min-height: 232px; box-sizing: border-box; position: relative; z-index: 1;padding: 35px 20px; }/* margin-top: -40px; left: 50%; transform: translateX(-50%); */
.contactus_index_body .index_con .address_block .txt h4{font-size:2.4rem;line-height:2.4rem;color:#333;padding-bottom:13px;position: relative;margin-bottom:15px;}
.contactus_index_body .index_con .address_block .txt h4::after{content:"";display:inline-block;height:3px;background-color:#2199d9;width:40px;position: absolute;left:0;bottom:0;}
.contactus_index_body .index_con .address_block .txt p { line-height: 2rem; color: #000; }
.contactus_index_body .index_con .address_block .txt p.address{height:6rem;overflow:hidden;}
.contactus_index_body .index_con .address_block .txt p.mt { margin-top: 10px; }
.contactus_index_body .index_con .address_block .txt p a { color: #1090d6; font-size: 1.5rem; font-weight: 700; }

.message_body { background-color: #fff; }
.message_body .message_con { background-color: #fff; padding: 4rem 0 0; }
.message_body .form_con { padding-bottom: 50px; }
.message_body .form_con .input_group { border-bottom: 1px solid #C6C9CA; padding: 35px 0 5px; position: relative; margin: 0 15px 10px; overflow: hidden; }
.message_body .form_con .input_group.active { border-color: #333; }
.message_body .form_con .input_group.active label { transform: translateY(0); opacity: 1; }
.message_body .form_con .input_group:hover { border-color: #1090d6; }
.message_body .form_con .input_group.error { border-color: #D93A09; }
.message_body .form_con .input_group.error input { color: #D93A09; }
.message_body .form_con .input_group.error input::placeholder { color: #D93A09; }
.message_body .form_con .input_group.error span { display: block; }
.message_body .form_con .input_group.error label { opacity: 0; }
.message_body .form_con .input_group input { padding-left: 5px; height:35px;}
.message_body .form_con .input_group input, .message_body .form_con .input_group select, .message_body .form_con .input_group textarea { box-sizing: border-box; line-height: 3.5rem; width: 100%; color: #333; border: 0; }
.message_body .form_con .input_group textarea { height: 22px; margin-top: 1rem; line-height: 22px; }
.message_body .form_con .input_group select { height: 3.5rem; appearance: none;-moz-appearance:none; -webkit-appearance:none;}
.message_body .form_con .input_group select::-ms-expand{display: none;}    
.message_body .form_con .input_group span { position: absolute; top: 15px; left: 5px; color: #D93A09; font-size: 1.2rem; display: none; }
.message_body .form_con .input_group label { transform: translateY(-50px); opacity: 0; transition: all ease .2s; position: absolute; top: 15px; left: 5px; font-size: 1.2rem; color: #666; }
.message_body .form_con .input_group label em { color: #D93A09; padding-left: 5px; }
.message_body .form_con .input_group i { position: absolute; color: #1090d6; bottom: 1rem; right: 1rem; }
.message_body .textarea_num { text-align: right; font-size: 1.2rem; color: #666; padding-right: 15px; }
.message_body .btn_body { text-align: center; margin-top: 30px; text-align: center; }
.message_body .btn_body .page_btn { border-color: #1090d6; color: #333; }
.message_body .btn_body .page_btn:hover { color: #fff; }

@media only screen and (max-width: 1440px) {
	.inner_kv_body .txt_con{
		transform: translateY(-52%);
	}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 600px) {
	
}