<template>
  <div class="footerbg">
    <div style="height: auto;" class="footer">
      <div>
        <span style="margin: 0 auto;">
          <a href="#"><router-link to="/">首页</router-link></a>|<span></span><span></span><span></span>
          <a href="#"><router-link to="/product">产品</router-link></a>|<span></span><span></span><span></span>
          <a href="product.html"><router-link to="/news">客户案例</router-link></a>|<span></span><span></span><span></span>
          <a href="wisdom.html"><router-link to="/productTrials">产品试用</router-link></a>|<span></span><span></span><span></span>
          <a href="technology.html"><router-link to="/about">关于我们</router-link></a>
        </span>
        <p>
          <span>上海市长宁区福泉路111号神州数码(上海)科技园 </span>
          <span>|</span>
          <span>北京市海淀区上地九街九号数码科技广场 </span>
          <span>|</span>
          <span>洛阳市洛龙区金城寨街正大国际中心</span>
        </p>
        <p style="padding-top: 5px;">
          <span>苏州市相城区元和街道嘉元路959号元和大厦 </span>
          <span>|</span>
          <span>杭州市下城区延安路385号杭州嘉里中心 </span>
        </p>
        <a href="http://www.beian.miit.gov.cn/" style="margin-top:10px;">沪ICP备16042560号</a>
      </div>
      <div class="leftImg">
        <img src="./../assets/QRcode1.jpg" alt="">
      </div>

    </div>
  </div>
</template>
<style>
.footerbg {
  width: 100%;
  margin: 0px auto;
  background: #222;
  display: block;
  display: block;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
  /* height: 130px; */
  text-align: center;
  padding-top: 20px;
  border: 0px solid #fff;
  padding-left: 30px;
  padding-bottom: 20px;
}

.footer .leftImg,
.footer .leftImg img {
  height: 70px !important;
}

.footer span {
  margin-right: 20px;
  color: #666;
  text-align: center;
}

.footer a {
  font: 12px '微软雅黑';
  margin: 0px 25px 0 0;
  color: #ccc;
  text-decoration: none;
  display: inline-block;
}

.footer p {
  text-align: center;
  color: #ccc;
  padding-top: 10px;
  font-size: 12px;
  margin-bottom:5px;
}

.footer p span {
  color: #ccc;
}</style>
