<template>
  <div>
    <commonProduct mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonProduct>
    <div class="bread bgCommon">
      <div class=" widthCommon">
        您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 联系我们
      </div>
    </div>

    <div class="widthCommon">
      <ul class="top-wrapper">
        <li>　
          <p>无锡总部</p>
          <p>地址： 江苏省无锡新区菱湖大道200号中国传感网国际创新园A座6层</p>
          <p>邮编： 214135</p>
          <p>电话： (0510) 66055077</p>
          <p>传真： (0510) 66055055</p>
          <p>E-mail： info@zte-its.com</p>
          <p>24小时热线服务电话： 400 690 0889</p>
        </li>
        <li></li>
      </ul>

      <ul class="companyList">
        <li>
          <p>北京分部</p>
          <p>地址： 北京市丰台区丰台北路18号院恒泰中心D座10-1002室</p>
          <p>邮编： 100166</p>
        </li>
        <li>
          <p>北京分部</p>
          <p>地址： 北京市大兴区北臧村镇天荣街8号106室</p>
          <p>邮编： 102609</p>
        </li>
        <li>
          <p>青岛分部</p>
          <p>地址： 山东省青岛市北区敦化路136号西王大厦</p>
          <p>邮编： 266000</p>
          <p>电话：18660251663</p>
        </li>
        <li>
          <p>扬中分部</p>
          <p>地址：江苏省扬中市三茅街道文景广场9栋8号</p>
          <p>邮编：212200</p>
        </li>
      </ul>
    </div>

  </div>
</template>

<script>
import commonProduct from '@/components/commonBanner'

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

<style scoped lang="">
  .top-wrapper {
    padding: 46px 0;
    overflow: hidden;
    border-bottom: 2px dashed #ccc;
    font-size: 14px;
    color: #333;
  }

  .top-wrapper li {
    height: 278px;
    float: left;
    width: 50%;
  }

  .top-wrapper > li:nth-of-type(1) p {
    margin-bottom: 24px;
  }

  .top-wrapper > li:nth-of-type(2) {
    background: url("../../assets/images/contact/company.png") no-repeat;
    background-size: 539px 278px;
  }
  .companyList{
    padding: 46px 0 16px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
  }
  .companyList li{
    float: left;
    width: 50%;
    margin-bottom: 20px;
  }
  .companyList li p{
    margin-bottom: 10px;
  }
</style>
