<template>
  <div class="demand-page">
    <div class="header-banner">
      <div class="image">
        <img
          src="../../assets/images/banner-solution.jpg"
          style="width: 100%; height: 100%; object-fit: cover" />
      </div>
      <div class="text">
        <h2>痛点需求</h2>
        <p>
          九猫拥有完整的实施和售后体系，秉承“服务为本，客户至上”的理念竭诚为您服务
        </p>
      </div>
    </div>
    <div class="content-body"></div>
  </div>
</template>
<script>
export default {
  name: 'demandPage',
}
</script>
<style scoped>
.header-banner {
  position: relative;
}

.text {
  position: absolute;
  top: 30%;
  left: 5%;
}

.text h2 {
  color: #fff;
  font-size: 48px;
  margin-bottom: 20px;
}

.text p {
  color: #fff;
  font-size: 24px;
}
.image {
  height: 33.33vw;
}

.content-body {
  height: calc(100vh - 33.333vw - 60px);
}
</style>