<template>
  <div id="about">
    <el-row style="margin:30px 0;">
      <el-col :span="24" class="top">
        <span>关于我们</span>
      </el-col>
      <el-col :span="24" class="info">
        <p>{{ aboutInfo.content1 }}</p>
        <p>{{ aboutInfo.content2 }}</p>
        <p>{{ aboutInfo.content3 }}</p>
        <p style="text-align: center;color: #000;font-weight: 600;">
          {{ aboutInfo.content4 }}
        </p>
        <p>{{ aboutInfo.content5 }}</p>
        <p>{{ aboutInfo.content6 }}</p>
        <p>{{ aboutInfo.content7 }}</p>
        <p>{{ aboutInfo.content8 }}</p>
        <p>{{ aboutInfo.content9 }}</p>
        <p>{{ aboutInfo.content10 }}</p>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'about',
  props: {
    aboutInfo: null,
  },
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
p {
  padding: 0;
  margin: 0;
}
.top {
  height: 30px;
  line-height: 30px;
  padding: 0 50px;
  margin: 10px 0;
}
.top span {
  display: inline-block;
  font-size: 20px;
  background: #0457c7;
  padding: 0px 15px;
  color: #fff;
  border-radius: 20px;
}
.info {
  padding: 0 110px;
}
.info p {
  font-size: 18px;
  color: #333333;
  text-indent: 2rem;
  line-height: 40px;
}
</style>
