<template>
  <div class="aboutUsWrapper">
    <div class="usBanner">
      <img src="./../assets/about1.jpg" alt="" />
    </div>
    <div class="aboutUsInfo">
      <div class="white-bg">
        <h2 style="letter-spacing: 5px;text-align: center; padding-top: 40px; font-weight: 600">
          企业介绍
        </h2>
        <div
          style="
            font-size: 18px;
            color: #646464;
            line-height: 40px;
            padding: 24px 10px 10px;
          "
        >
          <p>
            神州通誉软件（集团）股份有限公司（DGT），曾用名神州数码通用软件（上海）有限公司，公司于2003年设立。神州通誉及旗下公司以“成就客户，专业服务，共同成长”为创业宗旨，坚持以核心技术研发，创新服务模式为发展战略，现今成为国内优秀的人工智能+大数据+物联网+产品+云服务的综合IT服务商。
          </p>
          <p style="margin-top: 40px">
            成立伊始，公司主要面向国外高端客户群体提供离岸软件外包服务。从2003年底到2010年，先后成为国内外金融、电信等领域的重要服务商。与此同时，公司通过了六个西格玛培训，上海与北京交付中心通过CMMI认证，2006年被评为中国软件企业出口25强。
            </p>
          <p style="margin-top: 40px">
            随着国内信息化建设的发展，公司于2009年以来将业务重心转移至国内市场，在互联网高科技、金融、能源电信、零售制造等行业领域为国内外知名企业提供稳定可靠、专业高效的IT外包服务，应用开发与维护服务，行业和智慧城市解决方案。截止至2022年底，公司也荣获了高新技术企业、专精特新企业等荣誉。
          </p>
        </div>
      </div>
      <div>
        <h2 style="letter-spacing: 5px;text-align: center; margin: 30px 0 50px; font-weight: 600">
          发展历程
        </h2>
        <el-card class="box-card" shadow="always">
          <div v-for="(item, index) in list" :key="index">
            <div style="display: flex; align-items: center;justify-content: space-between; padding: 18px 0">
              <div  style="width:15%;display: flex; align-items: center">
                <div style="display: flex; align-items: center">
                  <img
                    src="./../assets/blueLine.png"
                    style="height: 25px; margin-right: 5px"
                  />
                  <div style="font-size: 20px; font-weight: 700;line-height: 60px;">
                    {{ item.year }}
                  </div>
                </div>
              </div>
              <div style="width:83%;">
                <div style="font-size: 16px;">{{ item.content }}</div>
              </div>
            </div>
          </div>
          <div class="blueLight"></div>
        </el-card>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "HomeView",
  data() {
    return {
      list: [
          {
          year: "2018年-当前",
          content:
            "围绕能源、金融、电信、高科技等行业和智慧城市，为国家电网、京东、阿里、太保、亿滋等世界500强企业提供软件解决方案和服务，跻身中国一流软件技术服务商行列。",
        },
         {
          year: "2016年",
          content:
            "发力研发创新，成立软件工程院，与上海大学、河南科技大学成立联合实验室， 研发iSMART商业智能平台、大数据平台、企业云平台等多个产品。",
        },
        {
          year: "2012年",
          content:
            "完成管理层MBO，当年实现盈利，获得高新技术企业认证、专精特新企业，区科技小巨人企业等荣誉称号。",
        },
          {
          year: "2010年",
          content:
            "公司转型开拓国内，迅速成为国内金融和电信领域的重要服务商。",
        },
        {
          year: "2005年",
          content: "公司通过了六个西格玛培训，上海与北京交付中心通过 CMMI3 级认证。",
        },
        {
          year: "2003年底",
          content:"神州通誉软件（上海）股份有限公司（DGT），曾用名神州数码通用软件（上海）有限公司，公司于2003年设立。"
        }
      ],
    };
  },
  created() {
    window.scrollTo(0, 0);
  },
  methods: {},
};
</script>
<style scoped>
.aboutUsWrapper {
  background: #fafafa;
}
.white-bg {
  background: #fff;
}
.white-bg>div{
  letter-spacing: 3px;
}
.aboutUsInfo {
  padding-bottom: 100px;
}
.aboutUsInfo > div {
  padding: 0 120px 60px;
  
}
.box-card {
  margin-top: 30px;
  margin-bottom: 100px;
  padding: 50px 20px;
  position: relative;
  border-radius: 20px;
}
.blueLight {
  position: absolute;
  top:50px;
  width:100px;
  height:700px;
  background: url('./../assets/line.png') no-repeat;
  background-size:100% 100%;
  left:80px;
}
</style>
