<template>
  <div style="overflow:hidden">
    <div id="contact">


      <div class="contact-bg">
        <img src="../assets/image/img/call.png" alt="" style="width: 100%">
        <div class="contact-bottom flex-column" style="align-items: center">

          <div class="name">北京醉面餐饮集团有限公司</div>

          <div class="flex-row msg-img-list">
            <div class="flex-column" style="margin-left: 150px;align-items: center">
              <img src="../assets/image/img/address.png" alt="" class="msg-img">
              <div class="msg-text">北京市朝阳区繁华大街3450拓基大厦1103室</div>
            </div>
            <div class="flex-column" style="align-items: center">
              <img src="../assets/image/img/mobile.png" alt="" class="msg-img">
              <div class="msg-text">021-67675666</div>
            </div>
            <div class="flex-column"  style="align-items: center">
              <img src="../assets/image/img/ie.png" alt="" class="msg-img">
              <div class="msg-text" style="cursor: pointer">www.shpocc.com</div>
            </div>
            <div class="flex-column"  style="margin-right: 150px;align-items: center">
              <img src="../assets/image/img/email.png" alt="" class="msg-img">
              <div class="msg-text">bj@pocc.co</div>
            </div>

          </div>

          <div class="img-map-div">
            <img src="../assets/image/img/contact_map.png" alt="" class="map">
          </div>


        </div>

      </div>


    </div>
  </div>
</template>

<script>
import '../assets/css/contact.scss'

export default {
  data() {
    return {}
  },
  created() {

  },

  mounted: function () {


  },
  methods: {},
  destroyed() {

  },
  components: {
    // introduce,
    // shopthumb,
    // productthumb,
    // "el-card": Card
  }
}


</script>

<style lang="scss">
</style>
