.web_main{padding-bottom: 0;}

/* contact_box */
.contact_box .web_th .title{color: #333; font-family: 'Lato-Bold'; text-transform: none;}
.contact_box .web_th .brief{font-family: 'Lato-Regular';}
.contact_list{margin-top: 3%;}
.contact_item{width: 32%; margin-right: 2%;}
.contact_item:last-child{margin-right: 0;}

.contact_item .item_icon{width: 58px; height: 58px; display: block; background-repeat: no-repeat; background-position: center; background-size: 45% auto; background-color: var(--commonColor); border-radius: 50%; margin-right: 20px;}
.item_icon_phone{background-image: url(../img/c_phone.png);}
.item_icon_fax{background-image: url(../img/c_fax.png);}
.item_icon_whatsapp{background-image: url(../img/c_whatsapp.png);}
.item_icon_email{background-image: url(../img/c_email.png);}
.item_icon_add{background-image: url(../img/c_add.png);}

.contact_item .con_info{font-size: 20px; line-height: 1.25; flex: 1;}
.contact_item .con_info a{transition: color 0.3s ease; color: inherit;}
.contact_item .con_info a:hover{color: var(--commonColor); text-decoration: underline;}
.contact_item .con_info .title{color: #666; font-size: 18px; margin-bottom: 8px;}


.contact_item:hover .item_icon{animation: swing 0.5s;}

@media only screen and (max-width: 1300px) {
	.contact_list{flex-wrap: wrap;}
	/* .contact_item{width: 48%; margin-right: 4%;}
	.contact_item:nth-child(2n){margin-right: 0;}
	.contact_item:nth-child(n+3){margin-top: 22px;} */
	.contact_item .con_info{font-size: 18px;}
}
@media only screen and (max-width: 980px) {
	.contact_list{margin-top: 16px;}
	.contact_item{width: 48%;}
	.contact_item .item_icon{width: 48px; height: 48px; margin-right: 14px;}
}
@media only screen and (max-width: 760px) {
	.contact_item{width: 100%; margin-right: 0 !important;}
	.contact_item:nth-child(n+2){margin-top: 20px;}
}

/* contact_form */
.form_left{width: 47%;}
.form_left .web_th .title{font-family: 'Lato-Bold'; color: #333; text-transform: none;}
.form_left .web_th .brief{font-family: 'Lato-Regular';}

.form_div{margin-top: 30px;}
.input_item{width: 100%; margin-bottom: 5%;}
.form_input .input_item:nth-child(-n+2){width: 47%;}
.form_input .input_item:last-child{margin-bottom: 0;}
.input_item p span{color: #ED2736; padding-right: 5px; margin-left: -11px;}
.input_item input, .input_item textarea{border-radius: 0; border: none; border-bottom: 1px solid #999; width: 100%; font-size: 16px; height: 36px; line-height: 36px; margin-top: 4px; font-family: 'AkzidenzGroteskBQ-Light';}
.input_item textarea{line-height: 28px; height: 112px; margin-top: 10px;}

.form_btn .submit_btn{background: #000; color: #fff; line-height: 28px; padding: 8px 60px; height: 44px; width: auto; font-size: 16px; margin: 8% 0 0; transition: all 0.3s ease; font-family: 'AkzidenzGroteskBQ-Light'; border: none;}
.form_btn .submit_btn:hover{background: var(--commonColor);}

.form_right{width: 49%;}
.form_right .address{padding-left: 35px; background: url(../img/c_add.png) no-repeat left center; background-size: 22px auto; margin-bottom: 10px;}
.form_right .contact_map{flex: 1;}
.contact_map img{display: block; width: 100%; height: 100%; object-fit: cover;}
.contact_map iframe{display: block; width: 100%; height: 100%;}

@media only screen and (max-width: 980px) {
	.contact_form .layout{flex-direction: column;}
	.form_left{width: 100%; order: 1; padding-bottom: 20px;}
	.form_right{width: 100%; order: 2;}
	.form_right .pic{padding-bottom: 75%;}
	.form_input .input_item:nth-child(-n+2){width: 100%;}
	.input_item{width: 100%; margin-bottom: 15px;}
	.form_btn .submit_btn{margin-top: 15px;}
	.form_div{margin-top: 15px;}
	.form_left .web_th .title{font-size: 24px;}

	.contact_map iframe{height: 320px;}
}