<template>
  <div>
    <div class="width" style="padding: 50px 0;">
      <p style="font-size: 18px;text-align: center;margin-bottom: 20px;">公共交通综合分析与研判系统</p>
      <ul class="overHidden">
        <li class="fl">
          <img src="../../../assets/images/solution/solution11.png" width="337px" height="326px">
        </li>
        <li class="fl" style="width: 392px;margin-left: 166px;">
          <p style="font-size: 18px;padding: 40px 0;">公共交通</p>
          <p style="font-size: 14px;line-height: 20px">公交车、出租车、执法车船
            接口拓展：铁路、民航、水运</p>
        </li>
      </ul>
    </div>
    <div class="bgCommon" style="padding: 50px 0">
      <div class="width">
        <ul class="overHidden">

          <li class="fl" style="width: 392px;">
            <p style="font-size: 18px;padding: 40px 0;">公交调度系统</p>
            <p style="font-size: 14px;line-height: 20px">公交调度、智能排班、信息发布、线路模拟、运营统计、电子站牌</p>
          </li>
          <li class="fl" style="margin-left: 166px;">
            <img src="../../../assets/images/solution/solution12.png" width="447px" height="278px">
          </li>
        </ul>
      </div>
    </div>

    <div class="width" style="padding: 50px 0">
      <ul class="overHidden">
        <li class="fl" style="">
          <img src="../../../assets/images/solution/solution13.png" width="447px" height="278px">
        </li>

        <li class="fl" style="width: 392px;margin-left: 166px;">
          <p style="font-size: 18px;padding: 40px 0;">公交监测与分析</p>
          <p style="font-size: 14px;line-height: 20px">交通专题数据库建设、运营监测、车辆运营状况监控、公交运力分析、动态服务信息推送。</p>
        </li>

      </ul>
    </div>

    <div class="bgCommon" style="padding: 50px 0">
      <div class="width">
        <ul class="overHidden">

          <li class="fl" style="width: 392px;">
            <p style="font-size: 18px;padding: 40px 0;">公交电子站牌</p>
            <p style="font-size: 14px;line-height: 20px">多媒体信息显示、车辆到站提醒、车辆到站预报、语音播报、公交智能调度管理、视频实时监控及客流统计。</p>
          </li>
          <li class="fl" style="margin-left: 166px;">
            <img src="../../../assets/images/solution/solution14.png" width="447px" height="278px">
          </li>
        </ul>
      </div>
    </div>

    <div class="width" style="padding: 50px 0">
      <ul class="overHidden">
        <li class="fl" style="">
          <img src="../../../assets/images/solution/solution15.png" width="447px" height="278px">
        </li>

        <li class="fl" style="width: 392px;margin-left: 166px;">
          <p style="font-size: 18px;padding: 40px 0;">公交视频监控</p>
          <p style="font-size: 14px;line-height: 20px">公交车载视频、公交视频录像、电子站牌视频、电子站牌录像、公路实时视频、公路录像回放，为纠纷及刑事案件追查和划分责任提供强有力的证据支撑。</p>
        </li>

      </ul>
    </div>


    <div class="bgCommon" style="padding: 50px 0">
      <div class="width">
       <p style="font-size: 24px;">知识产权</p>
        <ul class="knowledge-wrapper">
          <li>
            <img src="../../../assets/images/solution/knowledge0.png" alt="">
          </li>
          <li>
            <img src="../../../assets/images/solution/knowledge1.png" alt="">
          </li>
          <li>
            <img src="../../../assets/images/solution/knowledge2.png" alt="">
          </li>
        </ul>
      </div>
    </div>


  </div>
</template>

<script>


export default {
  name: 'solutionSelect2',
  data(){
    return{

    }
  },
  mounted() {

  },
  methods:{

  }


}
</script>

<style scoped lang="scss">
  .width{
    width: 1200px;
    margin: 0 auto;
  }
  .knowledge-wrapper{
    display: flex;
    justify-content: center;
    li:nth-of-type(2){
      margin:  0 97px;
    }
    img{
      width: 185px;
      height: 260px;
    }
  }


</style>
