Tcode平台改造升级-关于我们页面开发

src/views/Jyh/Intro/component/ModCenter.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="mod-center">
+    <div class="item-who" data-aos="slide-up">
+      <div class="in"><h4 class="wow animated" style="visibility: visible;">我们是谁</h4>
+        <div class="txt wow animated" style="visibility: visible;">
+          <div class="txt-item">
+            <p>武汉金银湖实验室成立于数字安全产业高速发展的关键阶段，是聚焦网络安全、数据安全、人工智能安全等前沿领域的新型研发机构，依托武汉科教资源优势与产业基础，打造集技术攻关、成果转化、人才培养于一体的国家级数字安全创新平台。</p>
+            <p>实验室汇聚了来自国内顶尖高校、科研院所及龙头企业的核心研发团队，深耕实战化网络安全防护、零信任架构、数据安全治理、工业控制系统安全等关键领域，在国家级网络安全攻防演练、关键信息基础设施保护、数字安全技术标准制定等方面成果显著，为区域乃至全国数字安全保障提供核心支撑。</p>
+          </div>
+          <div class="txt-item">
+            <p>面向数字经济时代的安全挑战，武汉金银湖实验室立足"实战导向、技术突破、产业赋能"的核心理念，构建以网络安全攻防验证平台、数据安全治理体系、工业互联网安全防护系统、AI安全风险监测平台等为核心的技术体系，通过政产学研用深度融合，为政府、金融、能源、交通等关键行业提供定制化、体系化的数字安全解决方案与技术服务。</p>
+            <p>金银湖，得名于武汉东西湖核心生态地标，寓意实验室如湖水般包容创新、稳守安全底线；实验室以"守护数字空间安全，赋能数字经济发展"为使命，致力于攻克数字安全领域"卡脖子"技术，推动安全技术创新与产业落地，筑牢数字时代安全屏障。</p>
+          </div>
+        </div>
+      </div>
+      <div class="building wow animated" style="visibility: visible;"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ModCenter"
+}
+</script>
+
+<style lang="scss" scoped>
+.pg-intro .item-who {
+  background: #f5f5f5;
+  position: relative
+}
+
+.pg-intro .item-who .building {
+  background: url(@/assets/v3/building.DsPJNC9Y.png) no-repeat top;
+  background-size: 100% 100%;
+  bottom: 0;
+  height: 95%;
+  position: absolute;
+  right: 0;
+  width: 461px
+}
+
+.pg-intro .item-who .in {
+  margin: 0 auto;
+  max-width: 1236px;
+  padding: 90px 0;
+  position: relative
+}
+
+.pg-intro .item-who h4 {
+  color: #4bad52;
+  font-size: 28px;
+  letter-spacing: 1px;
+  letter-spacing: 1.7px;
+  line-height: 40px
+}
+
+.pg-intro .item-who .txt,.pg-intro .item-who h4 {
+  font-style: normal;
+  font-weight: 400;
+  text-align: left
+}
+
+.pg-intro .item-who .txt {
+  color: #333;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 14px;
+  line-height: 24px;
+  position: relative;
+  z-index: 2
+}
+
+.pg-intro .item-who .txt .txt-item {
+  margin: 0 66px 0 0;
+  text-align: justify;
+  width: 453px
+}
+
+.pg-intro .item-who .txt p {
+  margin: 20px 0 0;
+  text-indent: 2em
+}
+</style>