.p_tb{padding: var(--section-p) 0 var(--section-p);}
.mw_900{max-width:900px;}

.contact_page  .container{display: grid;grid: auto/minmax(0,1fr);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_5_auto {--side-shu:41.666667%;}
}

/*icon_side 侧边*/
.icon_side{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;grid-column-gap: 25px;}
.icon_side .icon_cell{-ms-flex: 0 0 auto;flex: 0 0 auto;position: relative; vertical-align: middle;}
/*图标*/
.icon_side  .icon_cell{font-size:40px;font-weight: 300;color: var(--theme);}
.icon_side .icon_cell{
    font-size: 20px;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    background: var(--theme);
    color: var(--text_w_1);
    border-radius: 100%;
}

/*文本区域*/
.icon_side .info{text-align: left;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.icon_side   .info{padding-top: 0;}
.icon_side   h4{height: auto;margin-bottom: 10px;}
.icon_side   .info_text{margin-bottom: 15px;font-weight: 500;}

.dark                       .icon_side   .info,
[class*="overlay-bg-b"]     .icon_side   .info,
[class*="vf_bg_b"]          .icon_side   .info,
.bg_th                      .icon_side   .info{color:#fff}

.dark                       .icon_side   h4 a,
[class*="overlay-bg-b"]     .icon_side   h4 a,
[class*="vf_bg_b"]          .icon_side   h4 a,
.bg_th                      .icon_side   h4 a{color:#fff}

.form_box{padding: 30px;}

.vf_contact_page .form-control {
  padding: 10px 20px;
  border-radius: 4px;
}
.vf_contact_page .form-control {
  box-shadow: none;
  font-size: 13px;
  border-color: var(--border_b);
}

.form_box .btn {
  height: 50px;
  width: 100%;
  padding: 16px 30px;
  text-align: center;
  display: block;
}.icon_contact{position: relative; text-align: center;height: 100%; padding:30px;border-radius: var(--border_box);background-color: var(--bg_w_2);}
.icon_contact:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);}

.icon_contact .image{margin: 0 auto 20px;}
.icon_contact .image .icon_cell{ display: inline-block;}
.icon_contact .image .icon_cell{font-size:60px;font-weight: 300;color: var(--theme);}

.icon_contact{border: 1px solid var(--border_b);}
.icon_contact:hover{border: 1px solid var(--theme);}

.icon_contact   .info{text-align: center;display: grid;grid: auto/minmax(0,1fr);row-gap: 20px;grid-column-gap: 20px;}

.icon_contact   .info_text{display: inline-block;}
.t_left{text-align: left;}
