<template>
  <div class="container">
    <AppHead/>
    <div class="banner">
      <div class="banner_main">
        <h2>政府监管平台</h2>
        <p>提高行政效率、加强公共服务、实现透明化管理而建立的在线服务平台。</p>
        <p style="font-size: 14px">聚焦多组织、多业态的大中型企业。以“履职尽责、科学管控、自动考评”三大特性为数字经济时代的<br/>工业企业提供智能的安全生产管理专业化服务。</p>
      </div>
    </div>
    <div class="block1">
      <div class="item">
        <img src="@/assets/images/pro_img1.png" alt="河北秦安安全科技股份有限公司"/>
        <div class="title">基层应急管理信息化平台</div>
        <p>围绕双重预防机制建设、教育培训、应急管理等安全管理核心业务需求，为企业提供一体化服务平台。</p>
      </div>
      <div class="item">
        <img src="@/assets/images/pro_img2.png" alt="河北秦安安全科技股份有限公司"/>
        <div class="title">乡街基层管理信息化平台</div>
        <p>围绕双重预防机制建设、教育培训、应急管理等安全管理核心业务需求，为企业提供一体化服务平台。</p>
      </div>
      <div class="item">
        <img src="@/assets/images/pro_img3.png" alt="河北秦安安全科技股份有限公司"/>
        <div class="title">智慧化工园区应急监管平台</div>
        <p>围绕双重预防机制建设、教育培训、应急管理等安全管理核心业务需求，为企业提供一体化服务平台。</p>
      </div>
    </div>
    <div class="block2">
      <div class="main">
        <div class="title">
          <h2>平台背景</h2>
          <p>提升企业安全风险智能化管控水平</p>
        </div>
        <div class="text">近年来全国安全生产形势总体稳定，但一些行业领域接连发生事故，安全防范工作面临很大压力。习主席在中国共产党第十九次全国代表大会报告中指出:树立安全发展理念，弘扬生命至上、安全第-的思想,健全公共安全体系,完善安全生产责任制,坚决遏制重特大安全生产事故,提升防灾、减灾、救灾能力。</div>
        <div class="title">
          <h2>平台概述</h2>
          <p>以安全监管需求带动信息化发展，以信息化发展促进安全监管。</p>
          <div class="text">以党中央、国务院、国家应急管理部有关法律规章为依据，依靠云计算、物联网、大数据、移动互联网、视频监控等现代信息技术手段，督促指导企业落实主体责任，认真开展安全风险分级管控和隐患排查治理双重预防工作，汇总企业信息化风险辨识和评估结果以及隐患排查治理数据，对企业实行差异化、精准化动态监管。</div>
        </div>

        <div class="title">
          <h2>平台架构</h2>
          <p>以安全监管需求带动信息化发展，以信息化发展促进安全监管。</p>
        </div>
        <div class="pro_wrap">
          <img src="@/assets/images/pro_img4.png" alt=""/>
        </div>
      </div>
    </div>
    <AppFoot/>
    <right/>
  </div>
</template>
<script setup lang="ts">

</script>

<style scoped lang="scss">
.container{
  .banner {
    width: 100%;
    height: 494px;
    background: url("@/assets/images/pro_banner.png") no-repeat top center;
    .banner_main {
      width: 1400px;
      margin: 0 auto;
      padding-top: 230px;
      h2 {
        font-size: 60px;
        color: #ffffff;
        margin: 0;
        padding: 0;
      }
      p {
        margin: 0;
        color: #ffffff;
        line-height: 2;
      }
    }
  }
  .block1{
    width: 1400px;
    margin: 30px auto;
    background: #ffffff;
    display: flex;
    justify-content: space-around;

    .item{
      width:430px;
      margin: 10px;
      background: #f7faff;
      box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
      text-align: center;
      padding: 20px;
      box-sizing: border-box;
      border-radius: 6px;
      .title{
        font-size: 24px;
        font-weight: bold;
        color: #464d75;
        margin: 20px auto;
      }
      p{
        font-size: 16px;
        color: #666666;
      }
    }
  }

.block2{
  width: 100%;
  background: #f6fbff;
  padding: 50px;
  box-sizing: border-box;
  .main{
    width: 1400px;
    margin: 0 auto;
    .title{
      width: 100%;
      text-align: left;
      margin-bottom: 20px;
      margin-top: 20px;
      h2{
        font-size: 20px;
        margin: 0;
        color: #3699ff;
        font-weight: bold;
      }
      p{
        font-size: 16px;
        color: #999999;
        margin-top: 10px;
      }
    }
    .text{
      font-size: 16px;
      color: #666666;
      text-indent: 2rem;
      line-height: 2;
    }
    .pro_wrap{
      width: 100%;
      background: #ffffff;
      padding: 20px;
      text-align: center;
      box-shadow:0 9px 24px rgba(29,120,255,0.09);
      border-radius: 4px;
    }
  }

}


}

</style>
