<template>
      <el-row class="introduce">
            <el-col :span="24" class="bigImage"></el-col>
            <el-col :span="24" class="info">
                  <el-col :span="24" class="menus">
                        <menusIndex />
                  </el-col>
                  <el-col :span="24" class="bottom">
                        <el-col :span="24" class="zero top">
                              <top-index :info="{ title: '集团介绍', enTitle: 'INTRODUCTION' }" />
                        </el-col>
                        <el-col :span="24" class="zero">
                              <company-index />
                        </el-col>
                        <el-col :span="24" class="foot">
                              <foot-index />
                        </el-col>
                  </el-col>
            </el-col>
      </el-row>

</template>

<script setup lang="ts">
defineOptions({ name: 'introduceIndex' })
/* 菜单 */
import menusIndex from '../../components/windows/menusIndex.vue'

/* 顶部信息 */
import topIndex from '../../components/windows/topIndex.vue'


/* 顶部信息 */
import companyIndex from './introduceParts/companyIndex.vue'


/* 底部信息 */
import footIndex from '../../components/windows/footIndex.vue'
</script>
<style scoped lang="scss">
.introduce {
      position: relative;

      .bigImage {
            height: 480px;
            overflow: hidden;
            background-image: url('/brief5.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
      }

      .info {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100vh;
            overflow: hidden;

            .menus {
                  height: 66px;
                  overflow: hidden;
            }

            .bottom {
                  height: calc(100vh - 66px);
                  overflow-y: auto;
                  margin: 0 auto;


                  .zero {
                        margin: 0 0 40px 0;

                  }

                  .top {
                        padding: 0 17%;
                  }

            }
      }

}
</style>
