zhongde-website/pages/about/brand.vue

<template>
    <div class="Brand-container">
        <div class="banner-img">
            <img src="http://res.training.luojigou.vip/FlpLqC_a2wOuyJqG7LiOb2tbmUZP?imageView2/0/q/50|imageslim" alt="">
              <section class="label ">
                品牌故事
            </section>
        </div>
         <div class="company-intro">
            <section class="company-intro-label wow animate__flipOutY">
                公司简介
            </section>
            <div class="company-intro-text  ">
                全球顶级儿童逻辑思维教育专家以国际教育理念为指导，推动中国学前教育事业发展填补了中国学前儿童思维教育领域空白率先领导和实践幼儿园思维游戏化教学，
                用全球同频使用的优质思维教育内容，为0-12岁儿童培养优质思维模式，建构思维“芯”。
                是国际化科技教育内容的创始者，以“让中国孩子幸福成长”为使命，始终以“走出去、
                请进来”、“洋为中用”的全球化视野，融合中西文化，全力打造具有成长型思维模式的未来人才。
            </div>
        </div>
        <Label />
    </div>
</template>

<script>
import Label from '@/components/products/label.vue'
export default {
  name: 'BrandPage',
  components: {
      Label
  }
}
</script>
<style scoped lang="scss">
.Brand-container {
    .banner-img {
        position: relative;
        img {
            width: 100%;
            height: 881px;
            display: block;
        }
        .label {
            font-family:PingFangSC-Semibold,PingFang SC;
            font-weight:600;
            color: #ffffff;
            font-size: 80px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    .company-intro {
        width: 1200px;
        height: 447px;
        border-radius:14px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        overflow: hidden;
        margin-top: -80px;
        background: url('http://res.training.luojigou.vip/FnRDWlB5l2fF-qQ8xtP6LQC1MRwq?imageView2/0/q/50|imageslim') no-repeat;
        background-size: 1200px 447px;
        .company-intro-label {
            color: #262626;
            font-size: 48px;
            letter-spacing: 1.2px;
            text-align: center;
            margin-top: 60px;
        }
        .company-intro-text {
            width: 1009px;
            height: 144px;
            margin: 32px;
            color: #999999;
            font-size: 18px;
            letter-spacing: 0.45px;
            line-height: 36px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
    }
}
</style>