|
|
@@ -0,0 +1,640 @@
|
|
|
+<template>
|
|
|
+ <div class="home">
|
|
|
+ <!-- 头部 -->
|
|
|
+ <div class="topHead">
|
|
|
+ <!-- 头部导航 -->
|
|
|
+ <HeaderNav></HeaderNav>
|
|
|
+ <!-- 公路工程大数据平台 -->
|
|
|
+ <div>
|
|
|
+ <div class="bigData">
|
|
|
+ 公路工程<span style="color: red">大数据平台</span>
|
|
|
+ </div>
|
|
|
+ <div class="singleData">让每个数据更有价值</div>
|
|
|
+ </div>
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <!-- 提升效率 -->
|
|
|
+ <div class="efficiency">
|
|
|
+ <div class="efficiency_outBox">
|
|
|
+ <div class="efficiency_Data">工程大数据平台</div>
|
|
|
+ <div class="efficiency_Data2">
|
|
|
+ 提升效率、降低成本、规范管理，从而提升管理质量
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 下面图片 -->
|
|
|
+ <div class="bottomImg">
|
|
|
+ <img style="width: 41%" src="../assets/index/computer.png" alt="" />
|
|
|
+ <div class="bottomImg_right">
|
|
|
+ <div>
|
|
|
+ <div class="archives" @click="archives">电子档案馆</div>
|
|
|
+ <div class="AIassistant">AI工程助理</div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ width: 30%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-end;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="Physical">物联传输</div>
|
|
|
+ <div class="wisdom">智慧实验室</div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div></div>
|
|
|
+ <div class="dataCenter">大数据中心</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 我们的优势 -->
|
|
|
+ <div class="advantage">
|
|
|
+ <div class="advantage_outBox">
|
|
|
+ <div class="advantage_Data">我们的优势</div>
|
|
|
+ <div class="advantage_Data2">标准化服务 任务导向思维 助企业增效</div>
|
|
|
+ </div>
|
|
|
+ <!-- 下面图片 -->
|
|
|
+ <div class="advantage_img">
|
|
|
+ <div class="advantage_img_single">
|
|
|
+ <div class="advantage_img_content">
|
|
|
+ <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
|
|
|
+ 可视化
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #fcfdff;
|
|
|
+ margin-top: 19px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ BIM模型管理，项目现场可视化管控
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="advantage_img_single2">
|
|
|
+ <div class="advantage_img_content">
|
|
|
+ <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
|
|
|
+ 知识图谱
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #fcfdff;
|
|
|
+ margin-top: 19px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 独有的工程数据提取技术，利用海量数据构建公路工程知识图谱
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="advantage_img_single3">
|
|
|
+ <div class="advantage_img_content">
|
|
|
+ <div style="height: 80%"></div>
|
|
|
+ <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
|
|
|
+ 智慧任务流
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #fcfdff;
|
|
|
+ margin-top: 19px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 智慧化任务协作流程，高效协作办公及过程监管
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="advantage_img_single4">
|
|
|
+ <div class="advantage_img_content">
|
|
|
+ <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
|
|
|
+ 档案管理
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #fcfdff;
|
|
|
+ margin-top: 19px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 标准化规范档案资料
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="advantage_img_single5">
|
|
|
+ <div class="advantage_img_content">
|
|
|
+ <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
|
|
|
+ 高效采集
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #fcfdff;
|
|
|
+ margin-top: 19px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 赋能数据质量和效率
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 产品技术 -->
|
|
|
+ <div class="technology">
|
|
|
+ <div class="technology_Data">产品技术</div>
|
|
|
+ <div class="technology_Data2">
|
|
|
+ 风控预警 提效功能 降低容错率 提高产出量
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- CFCA电签认证 -->
|
|
|
+ <div class="electricity_outBox">
|
|
|
+ <div class="electricity">
|
|
|
+ <div class="electricity_single">
|
|
|
+ <img
|
|
|
+ style="width: 129px; height: 51px"
|
|
|
+ src="../assets/index/dianqian.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ CFCA电签认证
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="electricity_single" style="margin-top: 94px">
|
|
|
+ <img
|
|
|
+ style="width: 61px; height: 50px"
|
|
|
+ src="../assets/index/jiansuo.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 智能检索
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="electricity_single" style="margin-top: 94px">
|
|
|
+ <img
|
|
|
+ style="width: 68px; height: 53px"
|
|
|
+ src="../assets/index/wulianshebei.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 物联设备数据
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 智能检索 -->
|
|
|
+ <div class="retrieval">
|
|
|
+ <div class="retrieval_single">
|
|
|
+ <img
|
|
|
+ style="width: 68px; height: 57px"
|
|
|
+ src="../assets/index/yuyin.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 语音交互
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="retrieval_single" style="margin-top: 94px">
|
|
|
+ <img
|
|
|
+ style="width: 66px; height: 56px"
|
|
|
+ src="../assets/index/yujin.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 智能预警
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="retrieval_single" style="margin-top: 94px">
|
|
|
+ <img
|
|
|
+ style="width: 59px; height: 53px"
|
|
|
+ src="../assets/index/zujuan.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 档案组卷归档
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 物联设备数据 -->
|
|
|
+ <div class="device">
|
|
|
+ <div class="device_single">
|
|
|
+ <img
|
|
|
+ style="width: 68px; height: 57px"
|
|
|
+ src="../assets/index/zhinengwenda.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 智能问答
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="device_single" style="margin-top: 94px">
|
|
|
+ <img
|
|
|
+ style="width: 70px; height: 52px"
|
|
|
+ src="../assets/index/huoti.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 活体识别
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="device_single" style="margin-top: 94px">
|
|
|
+ <img
|
|
|
+ style="width: 68px; height: 53px"
|
|
|
+ src="../assets/index/yunyin.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 运营养护智慧化流程
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 底部 -->
|
|
|
+ <Footer></Footer>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import HeaderNav from "@/components/headerNav.vue";
|
|
|
+import Footer from "@/components/footer.vue";
|
|
|
+export default {
|
|
|
+ name: "Home",
|
|
|
+ components: {
|
|
|
+ HeaderNav,
|
|
|
+ Footer,
|
|
|
+ },
|
|
|
+ data(){
|
|
|
+ return{}
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ archives(){
|
|
|
+ this.$router.push('/archives')
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+.home {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 3384px;
|
|
|
+ .topHead {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 755px;
|
|
|
+ padding: 43px 90px 0px 120px;
|
|
|
+ background-image: url("../assets/index/topHead.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ z-index: 10;
|
|
|
+ .bigData {
|
|
|
+ font-size: 66px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ .singleData {
|
|
|
+ font-size: 50px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 19px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .efficiency {
|
|
|
+ height: 607px;
|
|
|
+ margin: -137px 89px 0px 150px;
|
|
|
+ padding: 55px 62px 73px 120px;
|
|
|
+ background-image: url("../assets/index/mask.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ // background: cornflowerblue;s
|
|
|
+ // box-shadow: 0px 3px 0px #FAFAFF;
|
|
|
+ border-radius: 10px;
|
|
|
+ z-index: 11;
|
|
|
+ .efficiency_outBox {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+ align-items: center;
|
|
|
+ .efficiency_Data {
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #000000;
|
|
|
+ }
|
|
|
+ .efficiency_Data2 {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #4f4f4f;
|
|
|
+ margin-top: 19px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bottomImg {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 56px;
|
|
|
+ .bottomImg_right {
|
|
|
+ flex: 1;
|
|
|
+ height: 388px;
|
|
|
+ // position: relative;
|
|
|
+ margin-left: 215px;
|
|
|
+ display: flex;
|
|
|
+ .archives {
|
|
|
+ width: 139px;
|
|
|
+ height: 139px;
|
|
|
+ // position: absolute;
|
|
|
+ background-image: url("../assets/index/danganguan.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #5872a7;
|
|
|
+ font-weight: 550;
|
|
|
+ margin-top: 23px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .AIassistant {
|
|
|
+ width: 99px;
|
|
|
+ height: 99px;
|
|
|
+ // position: absolute;
|
|
|
+ background-image: url("../assets/index/aizhuli.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #5872a7;
|
|
|
+ font-weight: 550;
|
|
|
+ margin-top: 116px;
|
|
|
+ margin-left: 122px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .Physical {
|
|
|
+ width: 118px;
|
|
|
+ height: 118px;
|
|
|
+ background-image: url("../assets/index/wulian.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #5872a7;
|
|
|
+ font-weight: 550;
|
|
|
+ // margin-left: 22px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .wisdom {
|
|
|
+ width: 151px;
|
|
|
+ height: 151px;
|
|
|
+ background-image: url("../assets/index/zhihuishiyan.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #5872a7;
|
|
|
+ font-weight: 550;
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-right: 22px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .dataCenter {
|
|
|
+ width: 99px;
|
|
|
+ height: 99px;
|
|
|
+ background-image: url("../assets/index/dashujuzhongxin.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #5872a7;
|
|
|
+ font-weight: 550;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .advantage {
|
|
|
+ height: 530px;
|
|
|
+ background: #fafafb;
|
|
|
+ margin-top: 63px;
|
|
|
+ padding: 39px 124px 80px 120px;
|
|
|
+ .advantage_outBox {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ .advantage_Data {
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #000000;
|
|
|
+ }
|
|
|
+ .advantage_Data2 {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #4f4f4f;
|
|
|
+ margin-top: 19px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .advantage_img {
|
|
|
+ display: flex;
|
|
|
+ margin-top: 44px;
|
|
|
+ .advantage_img_single {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
+ width: 19%;
|
|
|
+ height: 470px;
|
|
|
+ background-image: url("../assets/index/keshihua.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .advantage_img_single2 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
+ width: 19%;
|
|
|
+ height: 470px;
|
|
|
+ background-image: url("../assets/index/zhishitupu.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .advantage_img_single3 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
+ width: 19%;
|
|
|
+ height: 470px;
|
|
|
+ background-image: url("../assets/index/zhihuirenwu.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .advantage_img_single4 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
+ width: 19%;
|
|
|
+ height: 470px;
|
|
|
+ background-image: url("../assets/index/dananguanli.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .advantage_img_single5 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
+ width: 19%;
|
|
|
+ height: 470px;
|
|
|
+ background-image: url("../assets/index/gaoxiaocaiji.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .advantage_img_content {
|
|
|
+ padding: 0 15px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-bottom: 43px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .technology {
|
|
|
+ margin-top: 90px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ .technology_Data {
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #000000;
|
|
|
+ }
|
|
|
+ .technology_Data2 {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #4f4f4f;
|
|
|
+ margin-top: 19px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .electricity_outBox {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 82px 327px 89px 295px;
|
|
|
+ .electricity {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .electricity_single {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .retrieval {
|
|
|
+ margin-left: 259px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .retrieval_single {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .device {
|
|
|
+ margin-left: 259px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .device_single {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
