Commit b39a18ec by hank

解决方案详情 新闻详情 解决方案

parent 9803f007
......@@ -185,8 +185,11 @@
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
<object data="" type="">
<div>扫一扫获取更多资讯</div>
</object>
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
......
......@@ -27,6 +27,8 @@
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script> -->
<script src="../js/tools.js"></script>
<!-- <script src="https://cdn.bootcss.com/babel-polyfill/7.2.5/polyfill.min.js"></script> -->
<script src="../js/rem.js"></script>
</head>
<body>
......@@ -158,8 +160,10 @@
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
<object data="" type="">
<div>扫一扫获取更多资讯</div>
</object>
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
......
......@@ -54,12 +54,12 @@
<a id="nav-products" href="./products.html">
我们的产品
<ul class="dropdown-menu">
<li>
<object data="" type=""><a href="./products.html">智慧城市可视化管控平台</a></object>
</li>
<li>
<object data="" type=""><a href="./products2.html">企业智慧可视化管控平台</a></object>
</li>
<li>
<object data="" type=""><a href="./products.html">智慧城市可视化管控平台</a></object>
</li>
<li>
<object data="" type=""><a href="./products2.html">企业智慧可视化管控平台</a></object>
</li>
</ul>
</a>
</li>
......@@ -114,179 +114,16 @@
< </span> <span class="spanbtn" id="slideNext"> >
</span>
</div>
<div id="dashuju" class="list-item">
<div id="dashuju" class="list-item hidden-xs">
<div class="swiper-container swiper1" id="swiper1">
<div class="swiper-wrapper">
<!-- <div class="swiper-slide" data-swiper-column="0" data-swiper-row="0">
<div class="swiper-wrapper" style="width: 2000px;">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro1.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统0</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide" data-swiper-column="0" data-swiper-row="1">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统1</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro3.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统2</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro4.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统3</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro5.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统4</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro6.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统5</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro7.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统6</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro8.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统7</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro9.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统8</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro7.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统9</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div> -->
</div>
</div>
</div>
<div class="list-item list-item-moblie visible-xs">
</div>
</div>
</div>
</div>
......@@ -310,7 +147,7 @@
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
<a href="http://www.maxrocky.com/" target="_blank">迈动互联(北京)科技有限公司</a>
</p>
<p>
......@@ -324,8 +161,10 @@
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
<object data="0" type="">
<div>扫一扫获取更多资讯</div>
</object>
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
......@@ -557,6 +396,7 @@
$('#swiper1')
.children()
.html(html ? html : createHtml(ideal.produtsList));
$('.list-item-moblie').html(html ? html : createHtml(ideal.produtsList))
mySwiper.update(true);
computeMasking(mySwiper);
}
......
......@@ -1788,7 +1788,11 @@ margin-top: 0.1rem;
top: 0;
}
body .main-container .navbar-brand {
padding: 7px 15px;
padding: 10px 15px;
}
body .main-container .navbar-brand img {
width: 1.62rem;
/* height:1.04rem; */
}
body .main-container .swiper-container .word-box p.btword {
font-size: 28px;
......
......@@ -935,3 +935,279 @@ ul {
padding-right: 0px;
}
}
@media (max-width: 768px) {
body .main-container {
height: 240px;
margin-top: 50px;
}
body .main-container .word-box {
position: absolute;
padding-left: 20px;
padding-top: 10%;
z-index: 555;
width: 80%;
}
.solution {
padding-top: 1rem;
padding-bottom: 0;
}
.solution .table-a {
margin-bottom: 20px;
}
.solution .list {
float: none;
width: 100%;
display: inline-block;
height: auto;
overflow: hidden;
position: relative;
}
.solution .list .ctr {
display: none;
padding-top: 16px;
}
.solution .list .ctr span {
display: inline-block;
}
.solution .list .ctr .spanbtn {
cursor: pointer;
width: 38px;
height: 30px;
background: #000000;
line-height: 30px;
font-size: 18px;
color: white;
opacity: 0.8;
text-align: center;
}
.solution .list .list-item {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.solution .list .list-item .swiper-slide {
position: relative;
width: auto;
height: auto;
float: left;
}
.solution .list .list-item .swiper-slide::after {
content: "";
background: rgba(0, 0, 0, 0.5);
width: 374px;
left: 0;
top: 0;
height: 281px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
display: none;
}
.solution .list .list-item .swiper-slide:nth-child(2n-1) {
margin-right: 0.1rem;
}
.solution .list .list-item .show-mask::after {
opacity: 1;
display: none;
}
.solution .list .item {
width: 3.4rem;
height: 2.9rem;
margin-right: 0rem;
margin-bottom: 0.2rem;
position: relative;
-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);
}
.solution .list .item a {
display: inline-block;
height: 100%;
width: 100%;
overflow: hidden;
}
.solution .list .item a .img-container {
width: 3.4rem;
height: 2rem;
overflow: hidden;
}
.solution .list .item a img {
width: 100%;
height: 100%;
}
.solution .list .item a .tag-list {
list-style: circle;
overflow: hidden;
width: 100%;
padding-left: 0.45rem;
padding-top: 0.05rem;
}
.solution .list .item a .tag-list li {
list-style: disc;
float: left;
font-size: 12px;
padding-right: 22px;
color: rgba(0, 0, 0, 0.6);
}
.solution .list .item .item-title {
padding-left: 0.2rem;
padding-top: 0.1rem;
font-size: 0.2rem;
font-weight: 400;
color: #000000;
}
.solution .list .item:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.solution .list .item::after {
content: '';
clear: both;
}
.detail-container {
background: none;
min-height: 400px;
background-size: 95% ;
position: relative;
margin-top: 0.8rem;
padding-top: 0.7rem;
}
.detail-container .introduce {
margin-left: 0%;
width: 6.4rem;
min-height: 3.8rem;
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
padding-left: 0.5rem;
}
.detail-container .introduce .top {
padding-top: 0.5rem;
}
.detail-container .introduce .top .line1 {
width: 169px;
height: 1px;
background: #c70151;
}
.detail-container .introduce .top .line2 {
width: 33px;
height: 1px;
background: #c70151;
}
.detail-container .introduce .top .name {
font-size: 24px;
font-weight: 400;
color: #c70151;
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.detail-container .introduce .top .en {
font-size: 12px;
font-weight: 300;
line-height: 1;
color: #c70151;
padding-bottom: 18px;
}
.detail-container .introduce .bottom {
width: 5.6rem;
min-height: 1rem;
text-align: justify;
padding-top: 0.6rem;
padding-bottom: 0.3rem;
color: #979797;
font-size: 16px;
line-height: 26px;
}
.detail-container .list {
width: 5.8rem;
height: 3.3rem;
position: relative;
top: 1rem;
right: 70px;
display: inline-block;
}
.detail-container .list .ctr {
display: none;
}
.detail-container .list .list-item {
position: relative;
top: 0;
left: auto;
margin-left: 2.8rem;
right: 0;
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.detail-container .list .list-item .swiper-container {
width: 5.8rem;
height: 3.3rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.detail-container .list .list-item .swiper-container .swiper-slide {
position: relative;
width: auto;
height: auto;
}
.detail-container .list .list-item .swiper-container .swiper-slide::after {
content: "";
background: rgba(0, 0, 0, 0.5);
width: 374px;
left: 0;
top: 0;
height: 310px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
display: none;
}
.detail-container .list .list-item .swiper-container .show-mask::after {
opacity: 1;
display: block;
}
.detail-container .list .item {
width: 5.8rem;
height: 3.3rem;
margin-right: 26px;
margin-bottom: 27px;
position: relative;
-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);
}
.detail-container .list .item .img-container {
height: 100%;
width: 100%;
overflow: hidden;
}
.detail-container .list .item .img-container img {
width: 100%;
height: 100%;
}
.detail-container .list .item .img-container:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.detail-container .list .item::after {
content: '';
clear: both;
}
.dynamic-detail {
padding-top: 1rem;
}
.dynamic-detail .title {
font-size: 0.45rem;
}
}
......@@ -995,3 +995,309 @@ ul {
.jobs .block .detail{width: 95%;}
.jobs .block .pdr24{padding-right: 0px;}
}
@media (max-width: 768px) {
body .main-container {
height: 240px;
margin-top: 50px;
.word-box {
position: absolute;
padding-left: 20px;
padding-top: 10%;
z-index: 555;
width: 80%;
}
}
.solution {
padding-top: 1rem;
padding-bottom: 0;
.table-a {
margin-bottom: 20px;
}
.list {
float: none;
width: 100%;
display: inline-block;
// height: 654px;
height: auto;
overflow: hidden;
position: relative;
.ctr {
display: none;
padding-top: 16px;
span {
display: inline-block;
}
.spanbtn {
cursor: pointer;
width:38px;
height: 30px;
background:rgba(0,0,0,1);
line-height: 30px;
font-size: 18px;
color: white;
opacity:0.8;
text-align: center;
}
}
.list-item {
position: relative;
top: 0;
left: 0;
// width: calc(860px + (100vw - 1200px)/2);
width: 100%;
height: auto;
-webkit-transition: all 0.5s;
transition: all 0.5s;
.swiper-slide {
position: relative;
width: auto;
height: auto;
float: left;
&::after {
content: "";
background: rgba(0,0,0, 0.5);
width: 374px;
left: 0;
top: 0;
height:281px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
display: none;
}
&:nth-child(2n-1) {
margin-right: 0.1rem;
}
}
.show-mask {
&::after {
opacity: 1;
display: none;
}
}
}
.item {
width: 3.4rem;
height: 2.9rem;
margin-right: 0rem;
margin-bottom: 0.2rem;
position: relative;
-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);
// background: url('/img/banner2.jpg') center no-repeat;
a {
display: inline-block;
height: 100%;
width: 100%;
overflow: hidden;
.img-container {
width: 3.4rem;
height:2rem;
overflow: hidden;
}
img {
width: 100%;
height: 100%;
}
.tag-list {
list-style: circle;
overflow: hidden;
width: 100%;
padding-left: 0.45rem;
padding-top: 0.05rem;
li {
list-style: disc;
float: left;
font-size: 12px;
padding-right: 22px;
color:rgba(0,0,0,0.6);
}
}
}
.item-title {
padding-left: 0.2rem;
padding-top: 0.1rem;
font-size: 0.2rem;
font-weight:400;
color:rgba(0,0,0,1);
}
&:hover {
img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
}
}
.item::after {
content: '';
clear: both;
}
}
}
.detail-container {
background: none;
min-height: 400px;
background-size: 95% ;
position: relative;
margin-top: 0.8rem;
padding-top: 0.7rem;
.introduce {
margin-left:0%;
width: 6.4rem;
// height: 3.8rem;
min-height: 3.8rem;
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
padding-left: 0.5rem;
.top {
padding-top:0.5rem;
.line1 {
width:169px;
height:1px;
background:rgba(199,1,81,1);
}
.line2 {
width:33px;
height:1px;
background:rgba(199,1,81,1);
}
.name{
font-size:24px;
font-weight:400;
color:rgba(199,1,81,1);
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.en {
font-size:12px;
font-weight:300;
line-height: 1;
color:rgba(199,1,81,1);
padding-bottom: 18px;
}
}
.bottom {
width:5.6rem;
min-height: 1rem;
text-align: justify;
padding-top: 0.6rem;
padding-bottom: 0.3rem;
color: #979797;
font-size: 16px;
line-height: 26px;
}
}
.list {
width: 5.8rem;
height: 3.3rem;
position: relative;
top: 1rem;
right: 70px;
display: inline-block;
// height: 654px;
// overflow: hidden;
.ctr {
display: none;
}
.list-item {
position: relative;
top: 0;
left: auto;
margin-left: 2.8rem;
right: 0;
// width: calc(860px + (100vw - 1200px)/2);
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
.swiper-container {
width: 5.8rem;
height: 3.3rem;
margin-left: auto;
margin-right: auto;
display: block;
.swiper-slide {
position: relative;
width: auto;
height: auto;
&::after {
content: "";
background: rgba(0,0,0, 0.5);
width: 374px;
left: 0;
top: 0;
height:310px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
display: none;
}
}
.show-mask {
&::after {
opacity: 1;
display: block;
}
}
}
}
.item {
width: 5.8rem;
height: 3.3rem;
margin-right: 26px;
margin-bottom: 27px;
position: relative;
-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);
// background: url('/img/banner2.jpg') center no-repeat;
.img-container {
height: 100%;
width: 100%;
overflow: hidden;
img {
width: 100%;
height: 100%;
}
&:hover {
img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
}
}
}
.item::after {
content: '';
clear: both;
}
}
}
.dynamic-detail {
padding-top: 1rem;
.title {
font-size: 0.45rem;
}
}
}
\ 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