<template>
    <div>
      <commonProduct mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonProduct>
      <div class="tab-wrapper">
        <ul class="tab-main widthCommon">
          <li>智慧停车</li>
          <li>公安交通</li>
          <li>公共交通</li>
        </ul>
      </div>
    </div>
</template>

<script>
import commonProduct from '@/components/commonBanner'
export default {
  name: 'index',
  components:{
    commonProduct
  },

}
</script>

<style scoped lang="scss">

  .tab-wrapper{
    height:50px;
    background:rgba(237,237,237,1);
    /*line-height: 50px;*/
    padding-top: 5px;
  }
  .tab-main{
    padding-left: 100px;
    height: 45px;
    line-height: 45px;
  }
  .tab-main li{
    float: left;
    margin-right: 50px;
    width: 125px;
    background: #FFF;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
  }
</style>
