<template>
  <div class="wrapper">
    <header-nav :index_num="index_num"></header-nav>
    <div class="box">
      <div class="left">
        <dl>
          <dt>
            <img class="one"
                 :src="imgUrl.img5"
                 alt />
            <span @click="collection()"
                  class="iconfont icon-changyongtubiao-mianxing-"
                  :class="coll ? 'colorTrue' : 'colorFalse'"></span>
          </dt>
          <dd>
            <span class="d-o">因势而谋书写能源转型发展大文章</span>
          </dd>
          <dd>
            <span class="d-b">
              来源:央视网
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              发布时间:2019-08-08
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              浏览量:11123
            </span>
          </dd>
        </dl>
        <div class="text">
          <p>近日,国家能源局召开党组中心组学习(扩大)会议,专题学习《习近平新时代中国特色社会主义思想学习纲要》中关于“掌握马克思主义思想方法和工作方法”重要论述扎实推进国家能源局“不忘初心、牢记使命”主题教育。马克思主义思想方法和工作方法是我们党的看家本领。落实‘四个革命、一个合作’能源安全新战略,构建清洁低碳、安全高效的能源体系任务艰巨而繁重,迫切需要我们掌握科学的世界观和方法论,树立科学的思想方法和工作方法。”国家能源局党组书记、局长章建华开门见山,强调了把马克思主义的科学方法和工作方法贯穿能源发展全过程的重要意义坚持实事求是在调查硏究中找准问题在革命建设改革各个历史时期,中国共产党运用马克思主义世界观和方法论,系统、具体、历史地分析中国社会运动及其发展规律,在实践过程中形成了实事求是、问题导向等一系列科学的思想方法和工作方法。</p>
          <p>习近平总书记关于掌握马克思主义思想方法和工作方法的重要论述,是马克思主义世界观和方法论在当代中国的具体运用我国仍处于并将长期处于社会主义初级阶段,是最大的国情和实际。“我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段。从能源来,我国‘富煤少油缺气’的资源禀赋,决定了煤炭在较长一个时期內作为我国主体能源的地位不会发玍变化,这就要求我们坚持从煤炭资源丰富旳国情岀发,切实抓好煤炭清洁高效利用。”章建华说对此,国家能源局党组成员、副局长刘宝华也指岀,煤炭资源的清洁开发和利用,是保障能源安全旳基石。“近些年我们在煤电领堿实施以大代小,老小机组拆除近亿千瓦,极大地提髙了煤电发电的整体质量,能效大幅提升,污染大幅下降。在煤炭领堿实施产能置换政策,对提髙效率、降低成本、提升安全水平也发挥了决定性的作用。”实际工作中的问题则需要通过调査研究来发现和解决。主题教育开展以来,国家能源局党组高度重视调查研究工作,在中央第二十指导组的指导下,局党组和40个基层党组织结合职责任务,有针对性地确定调研课题118个,局领导和各部门各单位主要负责同志带头深入一线接地气、搞调研。坚持理想信念在服务人民中担当履责正如章建华所说,马克思主乂的世界观、人生观、价值观与方法论是有机统一的,方法论的背后是党性修养、是价值追求、是品格境界。掌握马克思主义的思想方法和工作方法必须知行合一,植于心、践于行。共产党员必须把理想信念植于心,树牢“四个意识”,坚定“四个自信”,坚决做到“两个维护”,自觉把对党忠诚体现到对党的信仰忠诚上,体现到对党组织忠诚上</p>
        </div>
      </div>
      <div class="right">
        <h3>热点新闻</h3>
        <div>
          <template v-for="(item,index) in list">
            <dl :key="index"
                v-if="index < 4"
                @click="$jump('newsDetails')">
              <dt>
                <img :src="imgUrl.img4"
                     alt />
              </dt>
              <dd>
                <span class="dd">活动策划是提高市场占有率的有效行为</span>
              </dd>
              <dd>
                <time>2019-10-14</time>
              </dd>
            </dl>
          </template>
        </div>
      </div>
    </div>
    <footer-nav class="footer"></footer-nav>
  </div>
</template>

<script>
/* eslint-disable */
import HeaderNav from "../../components/HeaderNav";
/* eslint-disable */
import FooterNav from "../../components/FooterNav";
export default {
  components: {
    HeaderNav,
    FooterNav
  },
  props: {},
  data() {
    return {
      index_num: 0,
      coll: false,
      imgUrl: {
        img4: require("../../../static/img/img4.png"),
        img5: require("../../../static/img/img5.png"),
        wjx: require("../../../static/img/wjx.png")
      },
      list: [1, 2, 3, 4, 5, 6, 7, 8, 9]
    };
  },
  computed: {},
  watch: {},
  methods: {
    collection() {
      this.coll = !this.coll;
    }
  },
  created() {},
  mounted() {}
};
</script>

<style lang='scss' scoped>
.wrapper {
  min-width: 1280px;
  box-sizing: border-box;

  .box {
    margin: 0 auto;
    width: 1280px;
    padding: 42px 40px 0px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .left {
      width: 840px;
      height: 1283px;
      background-color: #ffffff;
      padding: 35px 30px 70px;
      box-sizing: border-box;

      dl {
        position: relative;
        width: 780px;
        height: 587px;
        box-sizing: border-box;

        dd {
          .d-o {
            display: inline-block;
            margin: 28px 0 23px;
            font-family: "MicrosoftYaHei";
            font-size: 24px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
          }

          .d-b {
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #999999;
          }
        }

        dt {
          .one {
            width: 780px;
            height: 494px;
          }

          .colorFalse {
            font-size: 28px;
            color: #ccc;
            position: absolute;
            right: 0%;
            bottom: 5%;
          }

          .colorTrue {
            font-size: 28px;
            color: #fec300;
            position: absolute;
            right: 0%;
            bottom: 5%;
          }
        }
      }

      .text {
        margin: 38px auto 0px;
        overflow: hidden;
        width: 775px;
        height: 550px;
        font-family: "MicrosoftYaHei";
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 0px;
        color: #666666;

        p {
          text-indent: 1em;
        }
      }
    }

    .right {
      width: 301px;
      height: 1282px;
      background-color: #ffffff;
      border: solid 1px rgba($color: #ccc, $alpha: 0.48);
      padding-top: 33px;
      box-sizing: border-box;

      div {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
      }

      dl {
        margin-bottom: 30px;
        dt {
          img {
            width: 260px;
            height: 144px;
            border-radius: 10px;
          }
        }
        dd {
          span {
            margin-top: 10px;
            display: inline-block;
            width: 266px;
            font-family: "MicrosoftYaHei";
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 1px;
            color: #333333;
            display: -webkit-box;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            white-space: normal;
          }

          time {
            display: inline-block;
            width: 266px;
            text-align: right;
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 1px;
            color: #999999;
          }
        }
      }

      h3 {
        margin-left: 20px;
        margin-bottom: 30px;
        font-family: "MicrosoftYaHei";
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
      }
    }
  }

  .footer {
    margin-top: 80px;
  }
}
</style>
