<template>
    <div class="autoBox box" style="min-height: 900px;position: relative;">
      <div class="crumbs">
          <el-breadcrumb separator="/">
              <el-breadcrumb-item :to="{ path: 'home' }">{{$t('common.Home')}}</el-breadcrumb-item>
              <el-breadcrumb-item>{{$t('common.resourceSharing')}}</el-breadcrumb-item>
          </el-breadcrumb>
      </div>
      <div style="position: absolute;left: 50%;top: 45%;transform: translate(-50%,-50%);width: 1200px;">
        <div style="font-weight: 600;color: #2C558A;line-height: 45px;font-size: 30px;text-align: center;margin-bottom: 10px;">
          <span style="width: 331px;height: 1px;background:rgba(44, 85, 138,.3);display: inline-block;vertical-align: middle;"></span>
          {{$t('common.ResourceSharing')}}
          <span style="width: 331px;height: 1px;background:rgba(44, 85, 138,.3);display: inline-block;vertical-align: middle;"></span>
        </div>
        <div style="margin-top: 2px;font-size: 20px;width: 780px;font-size: 16px;margin: auto;margin-top: 18px;
        font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #2C558A;line-height: 24px;text-indent: 30px;">
          {{$t('common.Resourcesharinginstructions')}}
        </div>
          <img src="@/assets/img/constructions.png" alt="" style="width:577px;height:285px;margin-top: 30px;margin-left: 297px;">
          <div style="text-align: center;margin-bottom: 200px;color: #91ADE2;font-size: 16px;">{{$t('common.construction')}}</div>

      </div>
    </div>
</template>
<script>
  export default {
    name: "resourceSharingOlder",
    data () {
      return {
        
      }
    },
    mounted() {

    },
    methods:{
        
    }
  }
  </script>
  <style scoped>
    .box {
        margin-top: 10px;
        background: #fff;
        /* height: 500px; */
        padding: 20px 0;
    }
    .crumbs {
        margin-left: 20px;
    }
  </style>