Commit d33868cd authored by liuchao1981's avatar liuchao1981

no message

parent 2b20ee7e
...@@ -215,7 +215,7 @@ ...@@ -215,7 +215,7 @@
<div class="layui-col-sm12 layui-col-md12 layui-col-lg12"> <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
<h6 class="contact-top layui-col-sm10 layui-col-md10 layui-col-lg10">联系我们</h6> <h6 class="contact-top layui-col-sm10 layui-col-md10 layui-col-lg10">联系我们</h6>
<p class="contact-bottom layui-col-sm10 layui-col-md10 layui-col-lg10 left"> <p class="contact-bottom layui-col-sm10 layui-col-md10 layui-col-lg10 left">
<i class="layui-icon layui-icon-cellphone"></i>&nbsp;022-87551280&nbsp;&nbsp;&nbsp;(9:00-18:00) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <i class="layui-icon layui-icon-cellphone"></i>&nbsp;022-87551280&nbsp;(9:00-18:00)
</p> </p>
<p class="contact-bottom layui-col-sm10 layui-col-md10 layui-col-lg10 left"><i class="layui-icon layui-icon-home"></i>&nbsp;service@qiankundata.com</span></p> <p class="contact-bottom layui-col-sm10 layui-col-md10 layui-col-lg10 left"><i class="layui-icon layui-icon-home"></i>&nbsp;service@qiankundata.com</span></p>
......
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
</div> </div>
</div> </div>
<div class="layui-col-sm6 layui-col-md1"> <div class="layui-col-sm6 layui-col-md1 screen768" >
</div> </div>
...@@ -416,7 +416,7 @@ ...@@ -416,7 +416,7 @@
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
</div> </div>
<div class="layui-col-sm6 layui-col-md2"> <div class="layui-col-sm6 layui-col-md2 screen768">
</div> </div>
...@@ -552,7 +552,7 @@ ...@@ -552,7 +552,7 @@
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
</div> </div>
<div class="layui-col-sm6 layui-col-md2"> <div class="layui-col-sm6 layui-col-md2 screen768">
</div> </div>
......
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
<div><img src="resources/static/img/sjgz.png" width="64"/></div> <div><img src="resources/static/img/sjgz.png" width="64"/></div>
<div> <div>
<p class="label">数据感知</p> <p class="label">数据感知</p>
<p style="text-align: left;">人工数据、传感器数据、视频数据等多维数据获取方式,构建数据平台基础</p> <p style="" class="index">人工数据、传感器数据、视频数据等多维数据获取方式,构建数据平台基础</p>
</div> </div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
<div><img src="resources/static/img/sjzl.png"></div> <div><img src="resources/static/img/sjzl.png"></div>
<div> <div>
<p class="label">数据治理</p> <p class="label">数据治理</p>
<p style="text-align: left;">融合数据接入、数据质量管理、元数据治理、数据安全与一体的数据治理平台</p> <p style="" class="index">融合数据接入、数据质量管理、元数据治理、数据安全与一体的数据治理平台</p>
</div> </div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
...@@ -99,9 +99,9 @@ ...@@ -99,9 +99,9 @@
<div><img src="resources/static/img/tansuo.png"></div> <div><img src="resources/static/img/tansuo.png"></div>
<div> <div>
<p class="label">数据探索</p> <p class="label">数据探索</p>
<p style="text-align: left;"> 基于全文检索、SQL的数据检索接口</p> <p style="" class="index"> 基于全文检索、SQL的数据检索接口</p>
<p style="text-align: left;" class="t10"> 拖拽式数据分析能力及可视化,支持图表联动分析</p> <p style="" class="t10 index"> 拖拽式数据分析能力及可视化,支持图表联动分析</p>
</div> </div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
...@@ -112,9 +112,9 @@ ...@@ -112,9 +112,9 @@
<div><img src="resources/static/img/yj.png"></div> <div><img src="resources/static/img/yj.png"></div>
<div> <div>
<p class="label">智能预警</p> <p class="label">智能预警</p>
<p style="text-align: left;"> 阈值、AI预警相结合,历史数据、流失计算相结合提供全方位预警保障</p> <p style="" class="index"> 阈值、AI预警相结合,历史数据、流失计算相结合提供全方位预警保障</p>
<p style="text-align: left;" class="t10"> 短信、邮件、钉钉、企业微信等多重告警通道</p> <p style="" class="t10 index"> 短信、邮件、钉钉、企业微信等多重告警通道</p>
</div> </div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
...@@ -125,9 +125,9 @@ ...@@ -125,9 +125,9 @@
<div><img src="resources/static/img/ksh.png"></div> <div><img src="resources/static/img/ksh.png"></div>
<div> <div>
<p class="label">数据可视化</p> <p class="label">数据可视化</p>
<p style="text-align: left;"> 丰富的2D、3D、Gis地图数据可视化组件</p> <p style="" class="index"> 丰富的2D、3D、Gis地图数据可视化组件</p>
<p style="text-align: left;" class="t10"> 内置50+可视化组件并持续增加中</p> <p style="" class="t10 index"> 内置50+可视化组件并持续增加中</p>
</div> </div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
<div><img src="resources/static/img/Big_icon3.png"></div> <div><img src="resources/static/img/Big_icon3.png"></div>
<div> <div>
<p class="label">虚拟可视化</p> <p class="label">虚拟可视化</p>
<p style="text-align: left;">面向物联大数据的3D可视化开发平台,支持快速构建虚拟化场景</p> <p style="" class="index">面向物联大数据的3D可视化开发平台,支持快速构建虚拟化场景</p>
</div> </div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
...@@ -149,9 +149,9 @@ ...@@ -149,9 +149,9 @@
<div><img src="resources/static/img/jqxx.png"></div> <div><img src="resources/static/img/jqxx.png"></div>
<div> <div>
<p class="label">视频分析</p> <p class="label">视频分析</p>
<p style="text-align: left;"> 基于深度神经网络的物体识别及视频质量分析</p> <p style="" class="index"> 基于深度神经网络的物体识别及视频质量分析</p>
<p style="text-align: left;" class="t10"> 提供人流热力、电子围栏、人员脱岗、异常聚集等分析预警能力</p> <p style="" class="t10 index"> 提供人流热力、电子围栏、人员脱岗、异常聚集等分析预警能力</p>
</div> </div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
...@@ -163,9 +163,9 @@ ...@@ -163,9 +163,9 @@
<div><img src="resources/static/img/bi.png"></div> <div><img src="resources/static/img/bi.png"></div>
<div> <div>
<p class="label">智能BI</p> <p class="label">智能BI</p>
<p style="text-align: left;"> 数据探索及可视化结果无缝对接</p> <p style="" class="index"> 数据探索及可视化结果无缝对接</p>
<p style="text-align: left;" class="t10"> 多维度,海量数据实时分析,定期推送BI报告</p> <p style="" class="t10 index"> 多维度,海量数据实时分析,定期推送BI报告</p>
</div> </div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
......
...@@ -73,13 +73,14 @@ body{background: #FFF;} ...@@ -73,13 +73,14 @@ body{background: #FFF;}
#banner .panel p.content1{color: #fafafa; font-size: 30px; letter-spacing: 2px;text-align: left;text-align: center;} #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: 40px; font-weight: bold;letter-spacing: 2px;} #banner .panel p.title2{color: #fafafa; font-size: 40px; font-weight: bold;letter-spacing: 2px;}
#banner .panel p.content2{color: #fafafa; font-size: 30px; letter-spacing: 2px;text-align: left;} #banner .panel p.content2{color: #fafafa; font-size: 30px; letter-spacing: 2px;text-align: left;}
#banner .panel .label {width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;} #banner .panel .label {width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;padding-left:10px;padding-right:10px;}
/*主体—产品*/ /*主体—产品*/
.main-product{padding-top: 0px; padding-bottom: 70px;} .main-product{padding-top: 0px; padding-bottom: 70px;}
.main-product p{font-size: 16px; color: #5e5e5e; line-height: 28px;} .main-product p{font-size: 16px; color: #5e5e5e; line-height: 28px;}
.main-product p.index{text-align: left;}
.main-product p.title .main-product p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;} ,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-product p.title span .main-product p.title span
...@@ -250,6 +251,7 @@ body{background: #FFF;} ...@@ -250,6 +251,7 @@ body{background: #FFF;}
#banner .panel p.content2{ font-size: 10px; } #banner .panel p.content2{ font-size: 10px; }
#banner .panel .label {width:320px;} #banner .panel .label {width:320px;}
#banner .panel a.button {width: 80px;height: 25px;line-height: 25px;font-size: 10px;margin-top:10px;} #banner .panel a.button {width: 80px;height: 25px;line-height: 25px;font-size: 10px;margin-top:10px;}
.main-product p.index{text-align: center;}
} }
@media screen and (min-width: 480px) and (max-width: 768px){ @media screen and (min-width: 480px) and (max-width: 768px){
...@@ -273,7 +275,7 @@ body{background: #FFF;} ...@@ -273,7 +275,7 @@ body{background: #FFF;}
#banner .panel p.content2{ font-size: 18px; } #banner .panel p.content2{ font-size: 18px; }
#banner .panel .label {width:500px;} #banner .panel .label {width:500px;}
#banner .panel a.button {width: 95px;height: 30px;line-height: 30px;font-size: 12px;margin-top:12px;} #banner .panel a.button {width: 95px;height: 30px;line-height: 30px;font-size: 12px;margin-top:12px;}
.main-product p.index{text-align: center;}
} }
/*小屏幕*/ /*小屏幕*/
...@@ -302,6 +304,9 @@ body{background: #FFF;} ...@@ -302,6 +304,9 @@ body{background: #FFF;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;} .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
.main-about .tabCour .timeline li.odd .cour-panel{text-align: right;} .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
.layui-container {
width: 100%;
}
.nav-logo a img { .nav-logo a img {
width: 80%; width: 80%;
margin-top:17px; margin-top:17px;
...@@ -310,6 +315,9 @@ body{background: #FFF;} ...@@ -310,6 +315,9 @@ body{background: #FFF;}
#banner.layui-carousel{ #banner.layui-carousel{
height:580px; height:580px;
} }
.screen768{
display:none;
}
} }
@media screen and (min-width: 768px) and (max-width: 992px){ @media screen and (min-width: 768px) and (max-width: 992px){
.main.product .content div.right{padding-left: 20px;} .main.product .content div.right{padding-left: 20px;}
...@@ -320,6 +328,7 @@ body{background: #FFF;} ...@@ -320,6 +328,7 @@ body{background: #FFF;}
.main.product .content .label{line-height: 40px; margin-top: 0;} .main.product .content .label{line-height: 40px; margin-top: 0;}
.main.product .content .detail{padding-bottom: 10px;} .main.product .content .detail{padding-bottom: 10px;}
.main-product p {font-size: 14px;} .main-product p {font-size: 14px;}
.main-product p.index{text-align: center;}
.nav .layui-nav .layui-nav-item {margin: 0 20px;} .nav .layui-nav .layui-nav-item {margin: 0 20px;}
#banner.layui-carousel{ #banner.layui-carousel{
height:580px; height:580px;
...@@ -328,6 +337,8 @@ body{background: #FFF;} ...@@ -328,6 +337,8 @@ body{background: #FFF;}
#banner.layui-carousel img{ #banner.layui-carousel img{
height:580px; height:580px;
} }
#banner .panel .label {width:100%;}
} }
/*大屏幕*/ /*大屏幕*/
@media screen and (min-width: 992px){ @media screen and (min-width: 992px){
...@@ -343,7 +354,9 @@ body{background: #FFF;} ...@@ -343,7 +354,9 @@ body{background: #FFF;}
height:780px; height:780px;
width:100%; width:100%;
} }
.screen768{
display:block;
}
} }
/*超大屏幕*/ /*超大屏幕*/
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
...@@ -357,6 +370,11 @@ body{background: #FFF;} ...@@ -357,6 +370,11 @@ body{background: #FFF;}
height:780px; height:780px;
width:100%; width:100%;
} }
.screen768{
display:block;
}
} }
@media screen and (min-width: 1300px) { @media screen and (min-width: 1300px) {
.layui-container{width: 1200px; padding: 0;} .layui-container{width: 1200px; padding: 0;}
...@@ -368,7 +386,9 @@ body{background: #FFF;} ...@@ -368,7 +386,9 @@ body{background: #FFF;}
height:780px; height:780px;
width:100%; width:100%;
} }
.screen768{
display:block;
}
} }
......
...@@ -33,7 +33,7 @@ layui.define(['jquery', 'element', 'carousel', 'laypage'], function(exports){ ...@@ -33,7 +33,7 @@ layui.define(['jquery', 'element', 'carousel', 'laypage'], function(exports){
spa[0].className = 'spa1'; spa[0].className = 'spa1';
spa[1].style.display = 'none'; spa[1].style.display = 'none';
spa[2].className = 'spa3'; spa[2].className = 'spa3';
$('.nav')[0].style.height = 90 + ul[0].offsetHeight + 'px'; $('.nav')[0].style.height = 210 + ul[0].offsetHeight + 'px';
}else{ }else{
spa[0].className = ''; spa[0].className = '';
spa[1].style.display = 'block'; spa[1].style.display = 'block';
......
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