<template>
    <div>
      <div class="banner-wrapper">


        <ul class="widthCommon banner-text">
          <li>
            <div>覆盖城市</div>
            <div>100<span>+</span></div>
          </li>
          <li>
            <div>覆盖城市</div>
            <div>100<span>+</span></div>
          </li>
          <li>
            <div>覆盖城市</div>
            <div>100<span>+</span></div>
          </li>
          <li>
            <div>覆盖城市</div>
            <div>100<span>+</span></div>
          </li>
        </ul>
      </div>
      <div class="widthCommon textCommonPadding">
        <div class="heading-text">我们是谁?</div>
        <div class="des-text">
          公司主营业务面向城市智慧停车、公安交通、公共交通三大领域，为政府、企业、个人提供综合交通信息服务，通过交通规划、方案设计、系统建设、运营和服务，深度整合城市动静态交通数据，构建以物联网、互联网、云计算、大数据、人工智能为核心技术的产品研发、生产、系统建设和维护为一体的城市级动静态交通业务生态服务体系。
        </div>
      </div>
    </div>
</template>

<script>
export default {
  name: 'index'
}
</script>

<style scoped lang="">
  .banner-wrapper{
    height: 761px;
    background:rgba(0,0,0,.58);
    position: relative;
  }
  .banner-text{
    height: 143px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
  }
  .banner-text li{
    flex: 1;
    height: 71px;
    line-height: 71px;
    font-size: 30px;
    color: #FFF;
    text-align: center;
  }

</style>
