gs_nuxt/components/LTInfo.vue

<template>
<div>

  <el-container>
    <el-main style="padding: 0px">
      <el-row>
        <el-col :span="18" offset="3">
          <div class="theme">
            <div class="order">
              <div class="value bian">
                01
              </div>
            </div>
            <div class="title">
              <div class="value">
                协会<span class="red">简介</span>
              </div>
              <div class="desc">
                ASSOCIATION INTRADUCTION
              </div>
            </div>
            <div class="ic-tips">
              <img src="img/login.png" alt="">
            </div>
            <div class="line-gray"></div>
          </div>
          <el-row :gutter="40" style="padding: 25px">
            <el-col :span="12">
              &nbsp;&nbsp;&nbsp;&nbsp;中关村新时代公共资源市场化配置促进中心是由华夏新供给经济学研究院、中国PPP研究院、中央财经大学公共资源配置政策研究中心以及著名经济学家贾康等人发起，经中关村社会组织管理局批准成立，全国性的民办社会组织，是一个集学术研究、政策分析与优化研讨、行业交流、市场服务为一体的社团服务平台。 促进中心的宗旨是推进和规范公共资源市场化配置工作，主要业务范围包括：​（一） 从事公共资源配置理论的研究； （二） 向各级政府决策机关提出公共资源市场化配置的政策建议，促进公共资源市场化配置体系的建设，推进改革的深入和规范； （三） 探索公共资源的项目管理、市场管理、预算收支管理和配置监督的方法和技术等； （四） 受托办理相关的立法、制度设计、规则、公约、协议起草、制定配置（含PPP）方案等工作； （五） 组织公共资源市场化配置理论、政策、制度的宣传、咨询和培训； （六） 牵头组织中国公共资源市场化配置峰会，组织国内外公共资源市场化配置理论研讨和工作经验的交流、研讨； （七） 会同相关组织建立和发布公共资源配置方面的量化指标指数体系和年度发展报告； （八） 推动建立公共资源交易统一的电子化平台，推进信息共享、互联互通，以及电子化供应链管理、大数据分析、金融担保服务以及互联网金融等增值服务的运用。​中心现任总学术顾问是著名经济学家、华夏新供给经济学研究院院长贾康先生，执行理事长为中航证券首席经济学家许维鸿先生，副主任兼秘书长为厦门国家会计学院副教授袁政慧女士。中心设置学术委员会、顾问委员会、政策指导委员会和公共资源配置、公共资源市场、政府采购、PPP等专业委员会。 首届学术委员会成员如下： 主任：贾 康 全国政协委员，华夏新供给研究院院长 黄剑辉 民生银行研究院院长 董克用 中国人民大学教授，博士生导师，养老金融50人论坛秘书长 李炜光 天津财经大学财政学科首席教授，博士生导师，《现代财经》主编 马海涛 中央财经大学研究生院院长，博士生导师 刘 怡 北京大学经济学院财政学系主任 陈少强 中国财政科学研究院资源环境研究中心主任 刘 微 国家开发银行规划局处长,硕士生导师 韩晓明 中国财政科学研究院教研中心副主任，硕士生导师 秘书长：袁政慧 厦门国家会计学院副教授，硕士生导师。
            </el-col>
            <el-col :span="12">
              <el-image
                style="width: 100%; height: 400px;margin-top: 45px"
                src="img/l3.jpg"
              ></el-image>
            </el-col>
          </el-row>

          <div class="theme">
            <div class="order">
              <div class="value bian">
                02
              </div>
            </div>
            <div class="title">
              <div class="value">
                背景<span class="red">定位</span>
              </div>
              <div class="desc">
                 BACKGROUND & LOCATION
              </div>
            </div>
            <div class="ic-tips">
              <img src="img/login.png" alt="">
            </div>
            <div class="line-gray"></div>
          </div>
          <el-row :gutter="40" style="padding: 25px">
            <el-col :span="12">
              &nbsp;&nbsp;&nbsp;&nbsp;中国的市场化改革和法治化建设叠加推进已到了一个关键的时期，公共资源市场化配置必然被历史推向改革的前沿，与此相关的公共资源管理、市场运行、收支管理以及监督问题，亟待从理论上廓清、政策上理清、体制上规范，工作上推进。但由于多头管理、各自为政，在全国层面既没有一个综合的牵头部门，也没有一个全面系统的社会组织负责全面研究、推进和规范这项工作。在当前公共资源配置思路多元化、模式多样化、管理多头化的情况下，建立一个跨界、跨部门、跨领域的社会组织，实行错位发展、市场化运作，有利于公共资源市场化配置的系统设计、统筹推进；有利于建立健全公共资源配置的理论体系和体制机制；有利于形成政府和行业的新型智库；有利于形成联接政府、部门和市场的综合性社会服务平台,引领公共资源配置事业的发展。 定位：旨在公共资源配置领域打造学术研究的高地，高层决策的智库，顶层设计的助手，工作推进的平台，行业自律的依托，会员服务的基地，市场运作的推手，形成联接政府、部门和市场的综合性服务平台,占领引导公共资源配置改革的制高点。 意义：为政、学、研、商提供合作互动，包容发展的综合服务平台，为政府建言献策，为市场咨询服务，为学界提供实践经验，为实践提供理论指导，形成了统筹推进改革的发动机和推进器；搜集政商学研信息，汇总分析数据资料，发布公共资源指数体系，为政府提供调控依据，为市场传导政府导向，形成了反应宏观经济运行情况的指标体系；为产业发展提供集聚要素、延伸链条、联通政府与市场、蕴含无限商机的信息枢纽，为供需双方提供直接对接的联络站。 我国是世界上公共资源拥有量最多的国家，自然资源、社会资源、行政资源、资产资源，政府资金购买的货物、 工程、服务、项目资金分配以及PPP项目等公共资源，每年可实现近几十万亿元的市场交易额， 促进中心各项活动的开展，能够为信息技术、建筑制造、物流仓储、咨询服务、社会服务、金融服务等业态的发展提供了大量的机会。
            </el-col>
            <el-col :span="12">
              <el-image
                style="width: 100%; height: 400px;margin-top: 45px"
                src="img/l2.jpg"
              ></el-image>
            </el-col>
          </el-row>


          <div class="theme">
            <div class="order">
              <div class="value bian">
                03
              </div>
            </div>
            <div class="title">
              <div class="value">
                发展<span class="red">优势
</span>
              </div>
              <div class="desc">
                DEVELOPMENT&ADVANTAGE
              </div>
            </div>
            <div class="ic-tips">
              <img src="img/login.png" alt="">
            </div>
            <div class="line-gray"></div>
          </div>
          <el-row :gutter="40" style="padding: 25px">
            <el-col :span="24">
              &nbsp;&nbsp;&nbsp;&nbsp;
              中心将站在健全国家治理体系、提高治理能力的高点，针对公共资源配置中存在的公共资源家底不清、市场化配置程度低、操作混乱、资金流失、监督无序、政策功能落实不够等问题，主要围绕“资源——市场——收支——资源”这个配置循环过程，通过学术研究、咨询服务、行业指导、市场引导等方式，帮助政府系统解决怎样创新公共资源配置方式。
            </el-col>
<!--            <el-col :span="12">-->
<!--              <el-image-->
<!--                style="width: 100%; height: 400px;margin-top: 45px"-->
<!--                src="img/l1.jpg"-->
<!--              ></el-image>-->
<!--            </el-col>-->
          </el-row>

        </el-col>
      </el-row>
    </el-main>
  </el-container>


</div>
</template>

<script>
export default {
name: "LTInfo"
}
</script>

<style scoped>
.value{
  -webkit-text-size-adjust: 100%;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  font-size: 50px;
  color: #ffffff;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  font-weight: bold;
}
.red{
  -webkit-text-size-adjust: 100%;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  font-size: 50px;
  font-weight: bold;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: #b11116;
}
.desc{
  -webkit-text-size-adjust: 100%;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  font-size: 16px;
  color: #b7b7b7;
  margin-left: 113px;
}
.theme{
  -webkit-text-size-adjust: 100%;
  font-size: 1.7rem;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 187px;
}
.order{
  -webkit-text-size-adjust: 100%;
  font-size: 1.7rem;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  z-index: 2;
  width: 315px;
  height: 100%;
  background-color: #b11116;
}
.title{
  -webkit-text-size-adjust: 100%;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  z-index: 2;
  font-size: 50px;
  color: #ffffff;
  position: absolute;
  top: 25px;
  left: 213px;
}
.ic-tips{
  -webkit-text-size-adjust: 100%;
  font-size: 1.7rem;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  z-index: 2;
  width: 94px;
  height: 83px;
  position: absolute;
  right: 10px;
  bottom: 25px;
}
.line-gray{
  -webkit-text-size-adjust: 100%;
  font-size: 1.7rem;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  height: 50px;
  background-color: rgb(240, 240, 240);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.bian{
  -webkit-text-size-adjust: 100%;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";
  text-align: left;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 110px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  line-height: 1;
  bottom: 20px;
  left: 20px;
}
</style>