<template>
  <div class="clickcontact app">
    <div class="contact-1">
      <div class="contact-main">
        <h1 style="margin-bottom:70px">联系我们</h1>

        <div class="row">
          <div class="col-md-6 col-xs-6 st1" style="border-right: 1px solid #aaa;">
            <img class="img1" src="../assets/image/contact/weixin.jpg" />
            <div>
              <h2>微信咨询</h2>
            </div>
          </div>

          <div class="col-md-6 col-xs-6 st2">
            <img class="img1" src="../assets/image/contact/QQ.jpg" />
            <div>
              <h2>QQ咨询</h2>
            </div>
          </div>
        </div>

        <div>
          <a href="tel:13585167730">
            <img src="../assets/image/contact/photo.jpg" alt style="padding-top:100px;width:100%" />
          </a>
        </div>
      </div>
    </div>
  </div>
</template>


<style>

</style>


<style scoped>
.clickcontact{
  color: #000;
}

/* .contact-box {
  width: 80%;
  margin: 0 auto - 120px;
  
  .contact-main {
    width: 704px;
    text-align: center;
  }

  .col-xs-6 {
    &:last-child {
      float: right;
    }

    & + .col-xs-6 {
      
    }
  }

} */



@media (min-width: 992px) {
  .contact-1 {
    
    padding: 50px;
  

    background-color: #fff;
    display: inline-block;
    border-radius: 0;
 
  }

  .contact-1 .contact-main {
    width: 707px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .st1 {
    padding-right: 120px;
  }
  .st2 {
    padding-left: 120px;
  }

  .contact-2 {
    padding: 98px 98px 27px 98px;
  }
}
h2 {
  margin-bottom: -22px;
}

/* .contact {
    padding-top: 116px;
  }


  .contact-1 {
    width: 80%;
    padding: 50px;
    margin-top: -120px;

    background-color: #fff;
    display: inline-block;
    border-radius: 0;
    border: 1px solid #dcdcdc;
  }
  .contact-2 {
    padding: 98px 98px 27px 98px;
 
  }
  .st {
    padding: 0 100px;
  }
  
  
  .img1{
    width: 100%;

  }

  

  .contact-1 > div {
    width: 704px;
    margin: 0 auto;
  }


  @media (max-width: 768px) {
    
  .contact-1 > div {
    width: 222px;
    margin: 0 auto;
  }
    
  } */
</style>