.p_tb{padding: var(--section-p) 0 var(--section-p);}

.contact_page  .container{display: grid;row-gap: 50px;grid-column-gap: 50px;}
.side_grid{grid: auto/minmax(0,1fr);row-gap: 40px;grid-column-gap: 40px;}
@media (min-width:992px){
  .side_grid{display: grid;grid-template-columns: var(--side-shu) auto;}
	.side_lg_6_auto {--side-shu:50%;}
}
@media (min-width:1200px){
    .side_grid{display: grid;grid-template-columns: var(--side-shu) auto;}
	.side_xl_7_auto {--side-shu:58.333%;}
}


.form_style1{padding: 30px;background: var(--box_bg_w);box-shadow: 0 4px 20px rgba(0,0,0,0.19);}

.vf_contact_page .form-control {
  padding: 10px 20px;
  border-radius: 4px;
}
.contact_page_single{border-radius:var(--border_radius);min-height: 100%;    padding: 0 20px;}

.contact_map{min-height: 400px;}
.contact_map iframe{height: 400px;
  border-radius: var(--border_radius);
  background: #fff;
  overflow: hidden;
}

.vf_contact_page .form-control {
  box-shadow: none;
  border-color: var(--border_b);
  font-size: 13px;
}

.icon_contact{position: relative; text-align: center;height: 100%;background: var(--bg_w_1); padding:30px;border: 1px solid var(--border_b);border-radius: 5px;}
.icon_contact{box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);}
.icon_contact:before{z-index: 1;opacity: 0;border-radius: 5px;transition: 1s; }
.icon_contact:hover{border: 1px solid transparent;}
.icon_contact:hover:before{opacity: 1;content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%;background: var(--theme);z-index: 1!important;}

/*图标*/
.icon_contact .image{width: 80px;height: 80px;margin: 0 auto 20px;z-index: 1;}
.icon_contact .image .icon_cell{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); display: inline-block;vertical-align: middle;}
.icon_contact .image .icon_cell{font-size:30px;font-weight: 300;margin-bottom: 20px;color: var(--theme);}
.icon_contact:hover .image .icon_cell{color: var(--text_w_1);}
.icon_contact .image .icon-hvr:after,
.icon_contact .image .icon-hvr:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--theme);border-radius:50%;z-index:-1}
.icon_contact .image .icon-hvr:before{transform:scale(1.25);opacity:.1}
.icon_contact .image .icon-hvr:after{opacity:.2}
.icon_contact:hover .image .icon-hvr:before{background:var(--color_w_1);-webkit-animation:1.5s brk-pulse .3s infinite;animation:1.5s brk-pulse .3s infinite}
.icon_contact:hover .image .icon-hvr:after{background:var(--color_w_1);-webkit-animation:brk-pulse 1.5s infinite;animation:brk-pulse 1.5s infinite}
@-webkit-keyframes brk-pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1);opacity:0}}
@keyframes brk-pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1);opacity:0}}

.icon_contact   .info{padding-top: 0;}
.icon_contact   h4{height: auto;margin-bottom: 10px;}
.icon_contact   .info_text{margin-bottom: 5px;}

.icon_contact:hover   .info{color: var(--text_w_2);}
.icon_contact:hover   h4{color: var(--text_w_1);}
.icon_contact:hover   .info_text a{color: var(--text_w_1);}