Skip to content

Q
qiankunweb
Commit ab9629b1 authored by liuchao's avatar liuchao
Browse files
Options

no message

parent 706ec279
Hide whitespace changes
Inline Side-by-side
Showing with 74 additions and 13 deletions
src/main/webapp/WEB-INF/pages/about.jsp
View file @ ab9629b1
......@@ -45,7 +45,7 @@
<div class="tabIntro">
<div class="content">
<div class="layui-inline img"><img src="resources/static/img/us_img1.jpg"></div><div class="layui-inline panel">
<p>天津乾坤数据信息技术有限公司是一家专注于大数据、物联网、AI技术与应用服务的高科技术企业，在数字镜像、AI辅助决策方面具有超过十年的技术经验和积累。团队核心成员来自于国内外知名企业，与天津大学，天津南开大学等均有紧密的科研合作。</p>
<p>天津乾坤数据信息技术有限公司是一家专注于大数据、物联网、AI技术与应用服务的高科技企业，在数字镜像、AI辅助决策方面具有超过十年的技术经验和积累。团队核心成员来自于国内外知名企业，与天津大学，天津南开大学等均有紧密的科研合作。</p>
<p>乾坤数据构建的数字镜像体系由传感器、基础架构数据、历史数据、物理引擎、逻辑引擎等组件构成。集成多尺度、多概率、多物理量的方针过程于一体，在数字空间中完成对物理世界的映射，从而反映对应的物理主体的全生命周期过程。</p>
<p>乾坤数据凭借十多年的技术积累，研发了一套融合数据集成、挖掘、虚拟仿真的一站式PAAS平台，针对物联传感器、机器数据、业务数据等可轻松集成，配合数据挖掘套件以及虚拟引擎，可针对各类型智能系统及设备进行镜像仿真，为城市宏观经济、产业结构优化、社会治理及城市特色建设等领域提供高性价比的大数据整体优化解决方案，从而为产业结构优化升级、规划设计提供辅助决策作用。在大数据、物联网的发展中，公司始终致力于帮助客户发掘、整合数据的价值，打造数据领域卓越品牌。</p>
</div>
......
src/main/webapp/WEB-INF/pages/index.jsp
View file @ ab9629b1
......@@ -7,7 +7,45 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style>
#banner .panel {
text-align: left;
}
#banner .panel p {
margin-left:auto;
margin-right:auto;
}
#banner .panel p.title1
{color: #fafafa; font-size: 40px; font-weight: bold;text-align: center;letter-spacing: 2px;}
#banner .panel p.content1
{color: #fafafa; font-size: 30px; letter-spacing: 2px;text-align: left;text-align: center;}
#banner .panel p.title2
{color: #fafafa; font-size: 34px; font-weight: bold;letter-spacing: 2px;}
#banner .panel p.content2
{color: #fafafa; font-size: 20px; letter-spacing: 2px;text-align: left;}
#banner .panel a.button {
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 14px;
letter-spacing: 3px;
color: #fff;
position: relative;
cursor: pointer;
float: left;
display: block;
margin-right: 20px;
background: linear-gradient(90deg,#09f 0,#575dfa 100%);
margin-top:100px;
}
</style>
</head>
<body>
......@@ -16,20 +54,43 @@
<div>
<div class="layui-carousel" id="banner">
<div carousel-item>
<div>
<img src="resources/static/img/banner5.jpg"/>
<div class="panel">
<div style="width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;">
<p class="title2">智能数据全生命周期产品与服务提供商</p>
<p class="content2">提供数据治理、数据采集、数据存储、数据分析产品与服务。</p>
<p class="content2">帮助企业查看分析数据并改进业务提升商业价值。</p>
<a href="product.html?id=analysis" class="button">查看更多 ></a>
</div>
</div>
</div>
<div>
<img src="resources/static/img/banner1.jpg">
<img src="resources/static/img/banner1.jpg"/>
<div class="panel">
<p class="title">乾坤数据</p>
<p>精准对接未来</p>
<div style="width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;">
<p class="title1">全方位业务透视，驱动业务增长</p>
<p class="content1">实时数据可视，快速发现及准确定位应用全生命周期的性能问题。</p>
<a href="product.html?id=perspective" class="button" style="margin-left: auto;margin-right: auto;float: none;">查看更多 ></a>
</div>
</div>
</div>
<div>
<img src="resources/static/img/banner2.jpg">
<img src="resources/static/img/banner6.jpg"/>
<div class="panel">
<p class="title">乾坤数据</p>
<p>精准对接未来</p>
<div style="width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;">
<p class="title1">虚拟指挥中心，智能三维全景可视化</p>
<p class="content1">为多行业提供专业三维可视化服务，助力企业实现数据驱动的精细化运营。</p>
<a href="product.html?id=perspective" class="button" style="margin-left: auto;margin-right: auto;float: none;">查看更多 ></a>
</div>
</div>
</div>
</div>
</div>
</div>
......
src/main/webapp/resources/static/css/index.css
View file @ ab9629b1
......@@ -7,7 +7,7 @@ body{background: #FFF;}
/*导航部分*/
.nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; transition: 0.3s}
.nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.index{background: rgba(255, 255, 255 ,1); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; }
......@@ -41,8 +41,8 @@ body{background: #FFF;}
}
/*轮播*/
#banner img{min-width: 100%; height: 898px;}
#banner .panel{width: 400px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center;}
#banner img{min-width: 100%; }
#banner .panel{width: 100%; position: absolute; top: 30%; left: 0%; margin-left: 0px; text-align: center;}
#banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;}
......@@ -199,7 +199,7 @@ body{background: #FFF;}
/*小屏幕*/
@media screen and (min-width: 768px){
.nav{max-height: 80px;}
.nav.index{background: rgba(255, 255, 255 ,0.8);}
.nav.index{background: rgba(255, 255, 255 ,1);}
.nav .nav-list button{display: none;}
.nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
.nav .layui-nav .layui-nav-item{display: inline-block; margin:0 35px; line-height: 80px;}
......
src/main/webapp/resources/static/js/firm.js
View file @ ab9629b1
......@@ -9,7 +9,7 @@ layui.define(['jquery', 'element', 'carousel', 'laypage'], function(exports){
carousel.render({
elem: '#banner'
,width: '100%'
,height: '600px'
,height: '780px'
,arrow: 'always'
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment