Commit 761a501f by hank

api

parent f776538c
...@@ -242,6 +242,8 @@ ...@@ -242,6 +242,8 @@
@2018 all copyrights reserved by bdideal.com @2018 all copyrights reserved by bdideal.com
</div> </div>
</div> </div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
...@@ -249,8 +251,11 @@ ...@@ -249,8 +251,11 @@
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script> <script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" /> <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
<script src="../js/banner.js"></script> <script src="../js/banner.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script> <script src="../js/partticles.js"></script>
</body> </body>
<script> <script>
$(document).ready(function () { $(document).ready(function () {
......
...@@ -172,6 +172,8 @@ ...@@ -172,6 +172,8 @@
@2018 all copyrights reserved by bdideal.com @2018 all copyrights reserved by bdideal.com
</div> </div>
</div> </div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
...@@ -179,6 +181,8 @@ ...@@ -179,6 +181,8 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<script src="../js/masonry-docs.min.js"></script> <script src="../js/masonry-docs.min.js"></script>
<script src="../js/banner.js"></script> <script src="../js/banner.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script> <script src="../js/partticles.js"></script>
<!--[if lte IE 9]> <!--[if lte IE 9]>
...@@ -405,10 +409,10 @@ ...@@ -405,10 +409,10 @@
rightBtn.css({ 'background': "black" }); rightBtn.css({ 'background': "black" });
} }
if (getTranslate / 400 <= 0) { if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4); console.log(parseInt(totalWidth / 200), Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask'); $('.swiper-slide').removeClass('show-mask');
for ( for (
var i = totalWidth / 200; var i = parseInt(totalWidth / 200);
i >= Math.abs((getTranslate / 400) * 2) + 4; i >= Math.abs((getTranslate / 400) * 2) + 4;
i-- i--
) { ) {
......
...@@ -210,6 +210,8 @@ ...@@ -210,6 +210,8 @@
@2018 all copyrights reserved by bdideal.com @2018 all copyrights reserved by bdideal.com
</div> </div>
</div> </div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
...@@ -218,6 +220,8 @@ ...@@ -218,6 +220,8 @@
<script src="../js/masonry-docs.min.js"></script> <script src="../js/masonry-docs.min.js"></script>
<script src="../js/banner.js"></script> <script src="../js/banner.js"></script>
<script src="../js/tools.js"></script> <script src="../js/tools.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script> <script src="../js/partticles.js"></script>
</body> </body>
......
...@@ -172,6 +172,8 @@ ...@@ -172,6 +172,8 @@
@2018 all copyrights reserved by bdideal.com @2018 all copyrights reserved by bdideal.com
</div> </div>
</div> </div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
...@@ -180,6 +182,8 @@ ...@@ -180,6 +182,8 @@
<script src="../js/masonry-docs.min.js"></script> <script src="../js/masonry-docs.min.js"></script>
<script src="../js/banner.js"></script> <script src="../js/banner.js"></script>
<script src="../js/tools.js"></script> <script src="../js/tools.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script> <script src="../js/partticles.js"></script>
</body> </body>
......
...@@ -405,10 +405,10 @@ ...@@ -405,10 +405,10 @@
<script src="../js/banner.js"></script> <script src="../js/banner.js"></script>
<script src="../js/tools.js"></script> <script src="../js/tools.js"></script>
<script src="../js/partticles.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js <script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script> "></script>
<script src="../js/partticles.js"></script>
</body> </body>
<script> <script>
$(document).ready(function () { $(document).ready(function () {
...@@ -697,10 +697,10 @@ ...@@ -697,10 +697,10 @@
} }
if (getTranslate / 400 <= 0) { if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4); console.log(parseInt(totalWidth / 200), Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask'); $('.swiper-slide').removeClass('show-mask');
for ( for (
var i = totalWidth / 200; var i = parseInt(totalWidth / 200);
i >= Math.abs((getTranslate / 400) * 2) + 4; i >= Math.abs((getTranslate / 400) * 2) + 4;
i-- i--
) { ) {
......
...@@ -681,10 +681,10 @@ ...@@ -681,10 +681,10 @@
} }
if (getTranslate / 400 <= 0) { if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4); console.log(parseInt(totalWidth / 200), Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask'); $('.swiper-slide').removeClass('show-mask');
for ( for (
var i = totalWidth / 200; var i = parseInt(totalWidth / 200);
i >= Math.abs((getTranslate / 400) * 2) + 4; i >= Math.abs((getTranslate / 400) * 2) + 4;
i-- i--
) { ) {
......
...@@ -328,6 +328,7 @@ ...@@ -328,6 +328,7 @@
@2018 all copyrights reserved by bdideal.com @2018 all copyrights reserved by bdideal.com
</div> </div>
</div> </div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
...@@ -335,6 +336,8 @@ ...@@ -335,6 +336,8 @@
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script> <script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script> <script src="../js/banner.js"></script>
<script src="../js/masonry-docs.min.js"></script> <script src="../js/masonry-docs.min.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script> <script src="../js/partticles.js"></script>
</body> </body>
......
...@@ -337,6 +337,7 @@ ...@@ -337,6 +337,7 @@
@2018 all copyrights reserved by bdideal.com @2018 all copyrights reserved by bdideal.com
</div> </div>
</div> </div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
...@@ -344,6 +345,8 @@ ...@@ -344,6 +345,8 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<script src="../js/masonry-docs.min.js"></script> <script src="../js/masonry-docs.min.js"></script>
<script src="../js/banner.js"></script> <script src="../js/banner.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script> <script src="../js/partticles.js"></script>
<!--[if lte IE 9]> <!--[if lte IE 9]>
...@@ -606,13 +609,14 @@ ...@@ -606,13 +609,14 @@
} }
if (getTranslate / 400 <= 0) { if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4); console.log(totalWidth, Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask'); $('.swiper-slide').removeClass('show-mask');
for ( for (
var i = totalWidth / 200; var i = parseInt(totalWidth / 200);
i >= Math.abs((getTranslate / 400) * 2) + 4; i >= Math.abs((getTranslate / 400) * 2) + 4;
i-- i--
) { ) {
console.log(i)
$('.swiper-slide') $('.swiper-slide')
.eq(i) .eq(i)
.addClass('show-mask'); .addClass('show-mask');
......
...@@ -143,6 +143,7 @@ this.ideal = this.ideal || {}; ...@@ -143,6 +143,7 @@ this.ideal = this.ideal || {};
date: '2019.01.21', date: '2019.01.21',
thumb: '../img/dynamics1.png', thumb: '../img/dynamics1.png',
type: '大数据', type: '大数据',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: [] images: []
}, },
{ {
...@@ -151,6 +152,7 @@ this.ideal = this.ideal || {}; ...@@ -151,6 +152,7 @@ this.ideal = this.ideal || {};
date: '2018.11.29', date: '2018.11.29',
type: '数据可视化', type: '数据可视化',
thumb: '../img/dynamics2.png', thumb: '../img/dynamics2.png',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: [] images: []
}, },
{ {
...@@ -158,6 +160,7 @@ this.ideal = this.ideal || {}; ...@@ -158,6 +160,7 @@ this.ideal = this.ideal || {};
title: '可视化百人谈丨彭群生:可视化应成为辅助思维的有力工具', title: '可视化百人谈丨彭群生:可视化应成为辅助思维的有力工具',
date: '2019.02.15', date: '2019.02.15',
type: '数据可视化', type: '数据可视化',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
thumb: '../img/dynamics3.png', thumb: '../img/dynamics3.png',
images: [] images: []
}, },
...@@ -167,6 +170,7 @@ this.ideal = this.ideal || {}; ...@@ -167,6 +170,7 @@ this.ideal = this.ideal || {};
date: '2019.01.21', date: '2019.01.21',
thumb: '../img/dynamics4.png', thumb: '../img/dynamics4.png',
type: '大数据', type: '大数据',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: [] images: []
}, },
{ {
...@@ -175,6 +179,7 @@ this.ideal = this.ideal || {}; ...@@ -175,6 +179,7 @@ this.ideal = this.ideal || {};
date: '2019.01.21', date: '2019.01.21',
thumb: '../img/dynamics1.png', thumb: '../img/dynamics1.png',
type: '大数据', type: '大数据',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: [] images: []
}, },
{ {
...@@ -183,6 +188,7 @@ this.ideal = this.ideal || {}; ...@@ -183,6 +188,7 @@ this.ideal = this.ideal || {};
date: '2018.11.29', date: '2018.11.29',
type: '数据可视化', type: '数据可视化',
thumb: '../img/dynamics2.png', thumb: '../img/dynamics2.png',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: [] images: []
}, },
{ {
...@@ -190,6 +196,7 @@ this.ideal = this.ideal || {}; ...@@ -190,6 +196,7 @@ this.ideal = this.ideal || {};
title: '可视化百人谈丨彭群生:可视化应成为辅助思维的有力工具', title: '可视化百人谈丨彭群生:可视化应成为辅助思维的有力工具',
date: '2019.02.15', date: '2019.02.15',
type: '数据可视化', type: '数据可视化',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
thumb: '../img/dynamics3.png', thumb: '../img/dynamics3.png',
images: [] images: []
}, },
...@@ -198,6 +205,7 @@ this.ideal = this.ideal || {}; ...@@ -198,6 +205,7 @@ this.ideal = this.ideal || {};
title: '《新闻1+1》大数据里,我们过了怎样的年?', title: '《新闻1+1》大数据里,我们过了怎样的年?',
date: '2019.01.21', date: '2019.01.21',
thumb: '../img/dynamics4.png', thumb: '../img/dynamics4.png',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: '大数据', type: '大数据',
images: [] images: []
} }
......
...@@ -247,7 +247,7 @@ ul { ...@@ -247,7 +247,7 @@ ul {
top: 15px; top: 15px;
font-size: 38px; font-size: 38px;
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
opacity: 0.3; opacity: 0.1;
width: 500px; width: 500px;
letter-spacing: 1px; letter-spacing: 1px;
} }
...@@ -325,7 +325,7 @@ ul { ...@@ -325,7 +325,7 @@ ul {
.left-menu { .left-menu {
display: inline-block; display: inline-block;
background-position: 0 0; background-position: 0 0;
width: 280px; width: 250px;
} }
.left-menu .menu-title { .left-menu .menu-title {
height: 115px; height: 115px;
...@@ -339,12 +339,12 @@ ul { ...@@ -339,12 +339,12 @@ ul {
border-left: 2px solid #cccccc; border-left: 2px solid #cccccc;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
height: 305px; height: 285px;
padding-top: 47px; padding-top: 47px;
} }
.left-menu .menu-list .menu-item { .left-menu .menu-list .menu-item {
line-height: 45px; line-height: 34px;
height: 45px; height: 34px;
padding-left: 25px; padding-left: 25px;
font-size: 18px; font-size: 18px;
margin-bottom: 34px ; margin-bottom: 34px ;
...@@ -361,7 +361,7 @@ ul { ...@@ -361,7 +361,7 @@ ul {
content: ""; content: "";
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 45px; height: 34px;
left: -2px; left: -2px;
top: 0; top: 0;
background: #000; background: #000;
...@@ -426,7 +426,7 @@ ul { ...@@ -426,7 +426,7 @@ ul {
} }
.solution .list { .solution .list {
float: right; float: right;
width: 860px; width: 890px;
display: inline-block; display: inline-block;
height: 704px; height: 704px;
position: relative; position: relative;
...@@ -475,7 +475,7 @@ ul { ...@@ -475,7 +475,7 @@ ul {
width: 374px; width: 374px;
left: 0; left: 0;
top: 0; top: 0;
height: 300px ; height: 281px ;
position: absolute; position: absolute;
opacity: 0; opacity: 0;
-webkit-transition: all 1s; -webkit-transition: all 1s;
...@@ -488,9 +488,9 @@ ul { ...@@ -488,9 +488,9 @@ ul {
} }
.solution .list .item { .solution .list .item {
width: 374px; width: 374px;
height: 300px; height: 281px;
margin-right: 26px; margin-right: 24px;
margin-bottom: 27px; margin-bottom: 24px;
position: relative; position: relative;
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
...@@ -503,7 +503,7 @@ ul { ...@@ -503,7 +503,7 @@ ul {
} }
.solution .list .item a .img-container { .solution .list .item a .img-container {
width: 374px; width: 374px;
height: 212px; height: 193px;
overflow: hidden; overflow: hidden;
} }
.solution .list .item a img { .solution .list .item a img {
......
...@@ -267,7 +267,7 @@ ul { ...@@ -267,7 +267,7 @@ ul {
top: 15px; top: 15px;
font-size: 38px; font-size: 38px;
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
opacity: 0.3; opacity: 0.1;
width: 500px; width: 500px;
letter-spacing: 1px; letter-spacing: 1px;
} }
...@@ -354,7 +354,7 @@ ul { ...@@ -354,7 +354,7 @@ ul {
display: inline-block; display: inline-block;
// background: url('/img/bg3.png') top center no-repeat; // background: url('/img/bg3.png') top center no-repeat;
background-position: 0 0; background-position: 0 0;
width: 280px; width: 250px;
.menu-title { .menu-title {
height: 115px; height: 115px;
img { img {
...@@ -367,11 +367,11 @@ ul { ...@@ -367,11 +367,11 @@ ul {
border-left: 2px solid rgba(204,204,204,1); border-left: 2px solid rgba(204,204,204,1);
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
height:305px; height:285px;
padding-top: 47px; padding-top: 47px;
.menu-item { .menu-item {
line-height: 45px; line-height: 34px;
height: 45px; height: 34px;
padding-left: 25px; padding-left: 25px;
font-size: 18px; font-size: 18px;
margin-bottom: 34px ; margin-bottom: 34px ;
...@@ -389,7 +389,7 @@ ul { ...@@ -389,7 +389,7 @@ ul {
content: ""; content: "";
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 45px; height: 34px;
left: -2px; left: -2px;
top:0; top:0;
background: #000; background: #000;
...@@ -459,7 +459,7 @@ ul { ...@@ -459,7 +459,7 @@ ul {
} }
.list { .list {
float: right; float: right;
width: 860px; width: 890px;
display: inline-block; display: inline-block;
// height: 654px; // height: 654px;
height: 704px; height: 704px;
...@@ -507,7 +507,7 @@ ul { ...@@ -507,7 +507,7 @@ ul {
width: 374px; width: 374px;
left: 0; left: 0;
top: 0; top: 0;
height:300px ; height:281px ;
position: absolute; position: absolute;
opacity: 0; opacity: 0;
-webkit-transition: all 1s; -webkit-transition: all 1s;
...@@ -526,9 +526,9 @@ ul { ...@@ -526,9 +526,9 @@ ul {
} }
.item { .item {
width:374px; width:374px;
height: 300px; height: 281px;
margin-right: 26px; margin-right: 24px;
margin-bottom: 27px; margin-bottom: 24px;
position: relative; position: relative;
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
...@@ -540,7 +540,7 @@ ul { ...@@ -540,7 +540,7 @@ ul {
overflow: hidden; overflow: hidden;
.img-container { .img-container {
width:374px; width:374px;
height:212px; height:193px;
overflow: hidden; overflow: hidden;
} }
img { img {
......
...@@ -273,7 +273,7 @@ ul { ...@@ -273,7 +273,7 @@ ul {
} }
.solution .list { .solution .list {
float: right; float: right;
width: 860px; width: 890px;
display: inline-block; display: inline-block;
height: 704px; height: 704px;
position: relative; position: relative;
...@@ -322,7 +322,7 @@ ul { ...@@ -322,7 +322,7 @@ ul {
width: 374px; width: 374px;
left: 0; left: 0;
top: 0; top: 0;
height: 310px ; height: 286px ;
position: absolute; position: absolute;
opacity: 0; opacity: 0;
-webkit-transition: all 1s; -webkit-transition: all 1s;
...@@ -335,9 +335,9 @@ ul { ...@@ -335,9 +335,9 @@ ul {
} }
.solution .list .item { .solution .list .item {
width: 374px; width: 374px;
height: 310px; height: 286px;
margin-right: 26px; margin-right: 24px;
margin-bottom: 27px; margin-bottom: 24px;
position: relative; position: relative;
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
...@@ -351,7 +351,7 @@ ul { ...@@ -351,7 +351,7 @@ ul {
} }
.solution .list .item a .img-container { .solution .list .item a .img-container {
width: 374px; width: 374px;
height: 212px; height: 193px;
overflow: hidden; overflow: hidden;
} }
.solution .list .item a .img-container img { .solution .list .item a .img-container img {
...@@ -423,7 +423,7 @@ ul { ...@@ -423,7 +423,7 @@ ul {
.left-menu { .left-menu {
display: inline-block; display: inline-block;
background-position: 0 0; background-position: 0 0;
width: 280px; width: 250px;
} }
.left-menu .menu-title { .left-menu .menu-title {
height: 115px; height: 115px;
...@@ -438,12 +438,12 @@ ul { ...@@ -438,12 +438,12 @@ ul {
border-left: 2px solid #cccccc; border-left: 2px solid #cccccc;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
height: 305px; height: 285px;
padding-top: 47px; padding-top: 47px;
} }
.left-menu .menu-list .menu-item { .left-menu .menu-list .menu-item {
line-height: 45px; line-height: 34px;
height: 45px; height: 34px;
padding-left: 25px; padding-left: 25px;
font-size: 18px; font-size: 18px;
margin-bottom: 34px ; margin-bottom: 34px ;
...@@ -460,7 +460,7 @@ ul { ...@@ -460,7 +460,7 @@ ul {
content: ""; content: "";
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 45px; height: 34px;
left: -2px; left: -2px;
top: 0; top: 0;
background: #000; background: #000;
...@@ -650,7 +650,8 @@ ul { ...@@ -650,7 +650,8 @@ ul {
margin-right: 1%; margin-right: 1%;
} }
.product-detail-container { .product-detail-container {
min-height: 650px; min-height: 600px;
padding-bottom: 50px;
} }
.detail-container { .detail-container {
background: url('/img/kuang3.png') top center no-repeat; background: url('/img/kuang3.png') top center no-repeat;
...@@ -700,7 +701,7 @@ ul { ...@@ -700,7 +701,7 @@ ul {
} }
.detail-container .introduce .bottom { .detail-container .introduce .bottom {
width: 307px; width: 307px;
height: 198px; min-height: 198px;
text-align: justify; text-align: justify;
padding-top: 40px; padding-top: 40px;
color: #979797; color: #979797;
......
...@@ -290,7 +290,7 @@ ul { ...@@ -290,7 +290,7 @@ ul {
} }
.list { .list {
float: right; float: right;
width: 860px; width: 890px;
display: inline-block; display: inline-block;
// height: 654px; // height: 654px;
height: 704px; height: 704px;
...@@ -338,7 +338,7 @@ ul { ...@@ -338,7 +338,7 @@ ul {
width: 374px; width: 374px;
left: 0; left: 0;
top: 0; top: 0;
height:310px ; height: 286px ;
position: absolute; position: absolute;
opacity: 0; opacity: 0;
-webkit-transition: all 1s; -webkit-transition: all 1s;
...@@ -357,9 +357,9 @@ ul { ...@@ -357,9 +357,9 @@ ul {
} }
.item { .item {
width:374px; width:374px;
height: 310px; height: 286px;
margin-right: 26px; margin-right: 24px;
margin-bottom: 27px; margin-bottom: 24px;
position: relative; position: relative;
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
...@@ -372,7 +372,7 @@ ul { ...@@ -372,7 +372,7 @@ ul {
overflow: hidden; overflow: hidden;
.img-container { .img-container {
width:374px; width:374px;
height:212px; height:193px;
overflow: hidden; overflow: hidden;
img { img {
width: 100%; width: 100%;
...@@ -458,7 +458,7 @@ ul { ...@@ -458,7 +458,7 @@ ul {
display: inline-block; display: inline-block;
// background: url('/img/bg3.png') top center no-repeat; // background: url('/img/bg3.png') top center no-repeat;
background-position: 0 0; background-position: 0 0;
width: 280px; width: 250px;
.menu-title { .menu-title {
height: 115px; height: 115px;
height:167px; height:167px;
...@@ -473,11 +473,11 @@ ul { ...@@ -473,11 +473,11 @@ ul {
border-left: 2px solid rgba(204,204,204,1); border-left: 2px solid rgba(204,204,204,1);
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
height:305px; height:285px;
padding-top: 47px; padding-top: 47px;
.menu-item { .menu-item {
line-height: 45px; line-height: 34px;
height: 45px; height: 34px;
padding-left: 25px; padding-left: 25px;
font-size: 18px; font-size: 18px;
margin-bottom: 34px ; margin-bottom: 34px ;
...@@ -495,7 +495,7 @@ ul { ...@@ -495,7 +495,7 @@ ul {
content: ""; content: "";
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 45px; height: 34px;
left: -2px; left: -2px;
top:0; top:0;
background: #000; background: #000;
...@@ -693,7 +693,8 @@ ul { ...@@ -693,7 +693,8 @@ ul {
} }
.product-detail-container { .product-detail-container {
min-height: 650px; min-height: 600px;
padding-bottom: 50px;
} }
.detail-container { .detail-container {
background: url('/img/kuang3.png') top center no-repeat; background: url('/img/kuang3.png') top center no-repeat;
...@@ -742,7 +743,7 @@ ul { ...@@ -742,7 +743,7 @@ ul {
} }
.bottom { .bottom {
width:307px; width:307px;
height:198px; min-height:198px;
text-align: justify; text-align: justify;
padding-top: 40px; padding-top: 40px;
color: #979797; color: #979797;
......
\scp -r ./style root@47.94.12.217:/home/webroot/html \scp -r ./ root@47.94.12.217:/home/webroot/html
\ No newline at end of file \ No newline at end of file
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 sign in to comment