<template>
  <div class="agreement">
    <!--<div class="b" style="margin-bottom:0.5rem ">About us</div>-->

    <p>ASEAN TOP(App) is a comprehensive electronic information service platform which is founded by Guangxi Zhongxin Wenchuang Internet Media Co., Ltd. and proudly cooperated with related organizations and governmental departments of ASEAN countries. ASEAN TOP actively takes part in the construction of China-ASEAN information harbor and "The Belt and Road". The launching ceremony of the first on-line trial program is holding on Jan 16th, 2018 in Phnom Penh, Cambodia.
    </p>
    <p>With the increasing popularization and application of the Internet, ASEAN Top is making efforts to become a significant Internet portal of China-ASEAN Information Harbor, aiming at breaking information barrier and eliminating digital division. ASEAN TOP timely shares information about economics&finance, education&technology, health&hygiene and warning of natural disaster, letting the information harbor construction benefit people from both ASEAN nations and China.
    </p>
    <p>ASEAN Top(App) supports IOS and Android system, containing service of news, we-media, film&television, tourism, online games, e-commerce and mobile payment. ASEAN Top supports numerous languages, such as Chinese, English, Khmer, Vietnamese and Thai etc. We offer various service and the most convenient online service of mobile phone to people from ASEAN nations, China and others countries.
    </p>
    <p>The construction period of ASEAN TOP electronic information platform project is 3 years (May 2016-May 2019). By the completion of the project construction, it will cover 1 billion people in China, ASEAN countries and other countries as an excellent platform to "Understand China, Connect with ASEAN, Join the World".
    </p>
  </div>
</template>

<script>
  export default {
    name: 'home',
    props:[],
    components: {

    },
    data () {
      return {

      }
    },
    watch:{

    },
    mounted(){
      document.title = 'About us';
    },
    activated () {

    },
    methods:{
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>

</style>
<style lang="less" scoped>
  body{
    background-color: white;
  }

  .agreement{
    background-color: white;
    font-size: 0.65rem;
    padding: 0.5rem;
    p{
      margin-bottom: 0.5rem;
      line-height: 1.1rem;
      /*text-indent:1.3rem;*/
      /*text-align: justify;*/
    }
    .b{
      font-weight: bold;
      font-size: 0.8rem;
    }
    .title{
      text-align: center;
      margin-bottom: 0.5rem;
    }
  }

</style>
