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

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

          <div class="col-md-6 col-xs-6 st2">
             <div class="pull-left1">
              <img class="img1" src="../assets/image/contact/QQ.jpg" style="width:200px" />
              <div class="caption">
                <h2>QQ咨询</h2>
              </div>
            </div>
          </div>
        </div>

        <div>
         
            <img src="../assets/image/contact/photo.jpg" alt class="contantimg" style="width:60%; " />
         
        </div>
      </div>
    </div>
  </div>
</template>


<style>
</style>


<style lang="less" scoped>


.clickcontact {
  
  color: #000;
}



@media (min-width: 992px) {
  .contact-1 {
    background-color: #fff;
    display: inline-block;
    border-radius: 0;
  }
  h1{
    font-size: 2.4rem;
    margin-bottom: 80px;
  }

  .contact-1 .contact-main {
    width: 707px;
    height: 600px;
    margin: 0 auto;
  }
  .st1 {
    padding-right: 40px;
  }
  .st2 {
    padding-left: 40px;
  }

  .contact-2 {
    padding: 98px 98px 27px 98px;
  }
 
}
h2 {
  margin-bottom: -22px;
}
.contantimg{
  margin-top: 70px
}
@media (min-width: 992px) and (max-width: 1551px) {
  .contact-1 {
    width: 80%;
    padding: 30px 16px 63px;
    margin-top: -85px;
     margin-bottom: -85px;
  }
  .border-bottom {
    font-size: 20px;
    border-bottom: 1px solid #bfbfbf;
    padding: 0px;
  }
  h1{
    font-size: 2.52rem;
    margin-bottom: 60px;
    margin-top: 60px
  }
  h2{
    font-size: 2.1rem
  }
.address {
    .p1 {
      padding-top: 70px;
      font-size: 2.52rem;
    }
    .p2 {
      font-size: 2.1rem;
      padding-top: 12px;
    }
  }
}
 

</style>