<template>
  <div class="aboutus-container">
    <div class="w">
      <div class="bannerbox">
        <img src="../../assets/aboutusbanner.png" alt="" /><i
          class="iconfont icon-yigezhuanmenfuwudailidepingtai"
        ></i>
      </div>
      <div class="contentbox">
        <h1><span class="beforeblock"></span>稻田一手单</h1>
        <p>
          是一个“自营+撮合”的B2B人力资源供应链协同平台，团队通过数据挖掘、算法优化等IT技术，构建多角色参与的复杂协同网络，为劳动密集型的
          服务业企业提供RPO、BPO、HRO等人力资源服务。
        </p>
        <dl>
          <dt>企业使命</dt>
          <dd>为劳动者创造价值。</dd>
          <dt>企业愿景</dt>
          <dd>做百年企业，为五亿劳动者服务。</dd>
          <dt>核心价值观</dt>
          <dd>
            <dl>
              <dt>1.以用户为中心</dt>
              <dd>工作中的价值创造要以用户为中心。</dd>
              <dt>2.注重用户体验</dt>
              <dd>
                关注用户，关注细节，以用户为中心进行持续的细节打磨。打磨服务的细节是为劳动者创造价值的方法论，也是我们做事的基本价值观。
              </dd>
              <dt>3.诚信</dt>
              <dd>诚实守信</dd>
              <dt>4.促成变化</dt>
              <dd>积极的心态拥抱变化，积极的行动促成变化。</dd>
              <dt>5.做第一</dt>
              <dd>敬业，争做第一，今天最好的成绩就是明天最低的要求。</dd>
            </dl>
          </dd>
        </dl>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: "",
  // 局部注册的组件
  components: {},
  // 组件参数 接收来自父组件的数据
  props: {},
  // 组件状态值
  data() {
    return {};
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 生命周期钩子   注：没用到的钩子请自行删除
  /**
   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
   */
  created() {},
  /**
   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
   */
  mounted() {},
  // 组件方法
  methods: {},
};
</script>

<style scoped lang="less">
// .aboutus-container {
//   background-color: #fff;
// }
.aboutus-container {
  // width: 100vw;
  .w {
    // background-color: #fff;
    // margin: 16px auto;
    padding: 16px 0 30px 0;
    .bannerbox {
      position: relative;
      width: 100%;
      height: 360px;
      img {
        width: 100%;
        height: 100%;
      }
      i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        color: #fff;
        font-size: 60px;
      }
    }
    .contentbox {
      text-align: left;
      padding: 30px 20px;
      > h1 {
        font-size: 24px;
        text-align: left;
        color: #4d575e;
        line-height: 33px;
      }
      p:first-of-type {
        margin: 30px 0 40px 0;
        font-size: 18px;
        text-align: left;
        color: #4d575e;
        line-height: 26px;
      }
      > dl {
        // width: 500px;
        > dt {
          font-size: 22px;
          color: #4d575e;
          line-height: 26px;
          margin-bottom: 5px;
        }
        > dd {
          font-size: 18px;
          margin-bottom: 40px;
          > dl {
            line-height: 26px;
            dt:first-child {
              margin-top: 30px;
            }
            dt {
              font-size: 20px;
              margin-bottom: 5px;
            }
            dd {
              font-size: 18px;
              margin-bottom: 30px;
            }
          }
        }
      }
    }
  }
}
</style>
