<!doctype html>
<html lang="cn" data-dpr="1">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="content-language" content="zh-CN" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="keywords" content="铁投，山东铁投，山东铁投集团，山东铁路投资控股集团有限公司，" />
    <meta
      name="description"
      content="山东铁投集团是由省人民政府批准，省委管理领导班子的一类大型国有企业，注册资本484.57亿元。山东铁投集团作为支持我省综合交通特别是高铁等重大基础设施建设，推动产业融合、协作发展的省管功能型国有资本投资运营主体，承担全省铁路建设的主体职责。"
    />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="baidu-site-verification" content="code-N8VDdlbUHL" />

    <title>山东铁路投资控股集团有限公司</title>
    <script src="https://jinpaifilm.com/jquery-3.6.0.min.js"></script>
    <style>
      body {
        font-family: PingFang SC;
      }
      #loader-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        /* background-color: #151a26; */
      }

      #loader-wrapper .loader-box {
        position: fixed;
        left: calc(50% - 250px);
        top: calc(50% - 100px);
        margin: 0 auto;
        width: 600px;
        height: 200px;
        text-align: center;
        vertical-align: center;
        font-weight: bold;
        color: #dd6225;
        font-size: 35px;
      }

      #loader-wrapper .loader-box > span {
        opacity: 1;
        display: inline-block;
        animation: bouncingLoader 1s infinite alternate;
      }

      #loader-wrapper .loader-box > span:nth-child(2) {
        animation-delay: 0.1s;
      }

      #loader-wrapper .loader-box > span:nth-child(3) {
        animation-delay: 0.2s;
      }

      #loader-wrapper .loader-box > span:nth-child(4) {
        animation-delay: 0.3s;
      }

      #loader-wrapper .loader-box > span:nth-child(5) {
        animation-delay: 0.4s;
      }

      #loader-wrapper .loader-box > span:nth-child(6) {
        animation-delay: 0.5s;
      }

      #loader-wrapper .loader-box > span:nth-child(7) {
        animation-delay: 0.6s;
      }
      #loader-wrapper .loader-box > span:nth-child(8) {
        animation-delay: 0.7s;
      }
      #loader-wrapper .loader-box > span:nth-child(9) {
        animation-delay: 0.8s;
      }
      #loader-wrapper .loader-box > span:nth-child(10) {
        animation-delay: 0.9s;
      }
      #loader-wrapper .loader-box > span:nth-child(11) {
        animation-delay: 1s;
      }
      #loader-wrapper .loader-box > span:nth-child(12) {
        animation-delay: 1.1s;
      }

      @keyframes bouncingLoader {
        0% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(25px);
        }

        100% {
          transform: translateY(0);
        }
      }

      #loader-wrapper .load_title {
        font-weight: bold;
        z-index: 1002;
        position: absolute;
        top: 50%;
        margin-top: 15px;
        color: #dd6225;
        font-size: 18px;
        width: 100%;
        height: 30px;
        text-align: center;
        opacity: 1;
        line-height: 30px;
      }
      .divpos {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .gyjbs {
        color: #f5833b;
      }
      .gyjbs.clo {
        background: -webkit-gradient(linear, right top, left top, from(#fb533e), to(#ff9700));
        background: -o-linear-gradient(left, #fb533e, #ff9700);
        background: linear-gradient(90deg, #fb533e, #ff9700);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
      }
      .idx-lod {
        background: #fff;
        z-index: 999999;
      }
      .idx-lod-a {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        font-size: 80px;
        font-weight: bold;
        font-family: arial;
        line-height: 100px;
        margin-top: -30px;
        text-align: center;
      }
      .idx-lod-a1 {
        display: inline-block;
      }
      .idx-lod-b {
        position: absolute;
        left: 30px;
        top: 10px;
        max-width: 80%;
      }

      @media (max-width: 1000px) {
        #loader-wrapper .loader-box {
          left: calc(50%);
          transform: translate(-50%);
          & > span {
            font-size: 20px;
          }
        }
      }
      .app-loading {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: #f0f2f5;
      }

      .app-loading .app-loading-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        display: flex;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }

      .app-loading .app-loading-title {
        margin-bottom: 30px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
      }

      .app-loading .app-loading-logo {
        width: 100px;
        margin: 0 auto 15px auto;
      }

      .app-loading .app-loading-item {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 60px;
        vertical-align: middle;
        border-radius: 50%;
      }

      .app-loading .app-loading-outter {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 4px solid #dd6225;
        border-bottom: 0;
        border-left-color: transparent;
        border-radius: 50%;
        animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
      }

      .app-loading .app-loading-inner {
        position: absolute;
        top: calc(50% - 20px);
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
        border: 4px solid #dd6225;
        border-right: 0;
        border-top-color: transparent;
        border-radius: 50%;
        animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
      }

      @-webkit-keyframes loader-outter {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }

      @keyframes loader-outter {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }

      @-webkit-keyframes loader-inner {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
        }
      }

      @keyframes loader-inner {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
        }
      }
    </style>
    <script type="module" crossorigin src="/assets/index-DOaZMzHw.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vue-chunks-BIsoQnWR.js">
    <link rel="modulepreload" crossorigin href="/assets/element-plus-pFCYZLNZ.js">
    <link rel="stylesheet" crossorigin href="/assets/index-88RjM_p0.css">
  </head>
  <body>
    <img style="opacity: 0; position: absolute; left: 0" src="/default.png" alt="" />
    <!-- <div class="idx-lod divpos">
      <div class="idx-lod-a">
        <div class="idx-lod-a1 gyjbs clo"> <span>100</span>% </div>
      </div>
      <img class="idx-lod-b" src="/loading-logo.png" />
    </div> -->
    <div id="loader-wrapper">
      <div class="loader-box">
        <span>山</span>
        <span>东</span>
        <span>铁</span>
        <span>路</span>
        <span>投</span>
        <span>资</span>
        <span>控</span>
        <span>股</span>
        <span>有</span>
        <span>限</span>
        <span>公</span>
        <span>司</span>
      </div>
      <div class="load_title">加载中…</div>
    </div>
    <div id="app"></div>
    <script>
      var _hmt = _hmt || []
      var hm = document.createElement('script')
      hm.src = 'https://hm.baidu.com/hm.js?1a79ff466828df6e668d575a198d0f61'
      var s = document.getElementsByTagName('script')[0]
      s.parentNode.insertBefore(hm, s)

      //读Cookie
      function getCookie(objName) {
        //获取指定名称的cookie的值

        var arrStr = document.cookie.split('; ')
        for (var i = 0; i < arrStr.length; i++) {
          var temp = arrStr[i].split('=')
          if (temp[0] == objName) {
            return unescape(temp[1]) //解码
          }
        }
        return ''
      }
      //写Cookie
      function addCookie(objName, objValue, objHours) {
        var str = objName + '=' + escape(objValue) //编码
        if (objHours > 0) {
          //为0时不设定过期时间，浏览器关闭时cookie自动消失
          var date = new Date()
          var ms = objHours * 3600 * 1000
          date.setTime(date.getTime() + ms)
          str += '; expires=' + date.toGMTString()
        }
        document.cookie = str
      }
      const myMzsm = getCookie('loads') // 是否已使用加载页
      document.addEventListener('DOMContentLoaded', function () {
        if (!myMzsm) {
          addCookie('loads', '1', 0)
          let tv = null
          let sz = 1
          tv = setInterval(function () {
            sz += 1
            if (sz > 100) {
              clearInterval(tv)
              setTimeout(function () {
                $('.idx-lod').fadeOut()
              }, 1000)
            } else {
              $('.idx-lod-a1>span').text(sz)
            }
          }, 30)
        } else {
          $('.idx-lod').hide()
        }
      })
    </script>
  </body>
</html>
