/* 公用 */
.mg-title{
    padding-bottom: .2rem;
}
.mg-b-title{
    color: #666;
}


/* 全场景多方位的数据采集 */

.collect-container .mg-title{
    padding-top: .97rem;
    padding-bottom: .2rem;
}
.collect-container .mg-b-title{
    padding-bottom: 1.04rem;
    color: #666;
}
.collect-box .bg-img{
  width: 100%;
  padding-bottom: .95rem;
}
.collect-box{
  position: relative;
}
.collect-box img[class^='img-']{
  position: absolute;
}
.collect-box .img-1{
  top: 40%;
  left: 25%;
  width: 0;
}
.collect-box .img-2{
  top: 40%;
  right: 50%;
  width: 0;
}
.collect-box .img-3{
  top: 40%;
  right: 80%;
  width: 0;
}


/* 垂直大数据深度挖掘 */

.excavate-container {
    background: url(/static/images/bigDataLab/02-bg.png) center/cover;
    min-height: 9.07rem;
}
.excavate-container .mg-title{
    color: #fff;
    padding-top: .97rem;
    padding-bottom: .2rem;
}
.excavate-container .mg-b-title{
    padding-bottom: 1.16rem;
    color: #fff;
}
.excavate-box{
    font-size: 0;
}
.excavate-box img{
    width: 58%;
    margin-bottom: .4rem;
    float: left;
}
.excavate-box img:last-of-type{
    width: 42%;
    position: relative;
    top: .4rem;
}


/* 基于独特算法的数据分析 */
.analysis-container {
}
.analysis-container .mg-title{
  padding-top: .9rem;
}
.analysis-container .mg-b-title{
  padding-bottom: .75rem;
}
.analysis-box{
  padding-bottom: 1rem;
}
.analysis-box .analysis-list{
  width: calc(25% - .8rem);
  padding: .4rem .4rem;
  text-align: center;
}
.analysis-box .analysis-list:hover{
  background: #f5f9fb;
}
.analysis-box .analysis-list > img{
  width: 1rem;
}
.analysis-box .analysis-list > .title{
  font-size: .16rem;
  color: #333;
  padding: .46rem 0 .3rem;
  font-weight: bold;
}
.analysis-box .analysis-list > .tips{
  font-size: .14rem;
  color: #666;
  text-align: center;
}

/* 全连接的大数据综合运营生态 */

.ecology-box{
  padding: .75rem 0 .65rem;
}


/* 赋能各行各业 */

.programme-container{
  background: url(/static/images/bigDataLab/05-bg.png) no-repeat center/cover;
  min-height: 6.24rem;
}
.programme-container .mg-title{
  color: #fff;
  padding-top: .83rem;
}
.programme-container .mg-b-title{
  color: #fff;
}
.programme-container .programme-box{
  position: relative;
}
.programme-container .programme-box img{
  position: absolute;
  top: 100%;
  width: 0;
}
.programme-container .programme-box .img-bg{
  width: 100%;
  position: inherit;
}
.programme-container .programme-box .img-1{
  left: 10%;
}
.programme-container .programme-box .img-2{
  right: 24%;
}
.programme-container .programme-box .img-3{
  left: 24%;
}
.programme-container .programme-box .img-4{
  right: 24%;
}
.programme-container .programme-box .img-5{
  left: 24%;
}
.programme-container .programme-box .img-6{
  left: 24%;
}
.programme-container .programme-box .img-7{
  left: 24%;
}
.programme-container .programme-box .img-8{
  left: 24%;
}
.programme-container .programme-box .img-9{
  left: 24%;
}
.programme-container .programme-box .img-10{
  left: 24%;
}
.programme-container .programme-box .img-11{
  left: 24%;
}

/* 多业务应用场景 */
.scene-container{

}
.scene-container .mg-title{
  padding-top: .9rem;
}
.scene-container .mg-b-title{
  padding-bottom: .9rem;
}
.scene-box{

}
.scene-box .scene-list{
  width: calc(100% / 6);
  text-align: center;
  padding-bottom: .4rem;
}

.scene-list .icon{
  display: block;
  height: .7rem;
  width: .7rem;
  margin: 0 auto;
  background: url(/static/images/bigDataLab/06-70x70.png) 0 0 no-repeat;
  background-size: 600%;
}
/* 缩放时定位有问题，暂时去掉鼠标经过的效果 */
.scene-list:hover .icon{
  background-image: url(/static/images/bigDataLab/06-70x70-h.png);
  /* background: url(/static/images/bigDataLab/06-70x70-h.png) 0 0 no-repeat; */
}
.scene-list .name{
  font-size: .16rem;
  color: #333;
}
.scene-list:hover .name{
  /* color: #1ea3f0; */
}
.scene-list:nth-of-type(2) .icon{
  background-position: -.7rem 0;
}
.scene-list:nth-of-type(3) .icon{
  background-position: -1.4rem 0;
}
.scene-list:nth-of-type(4) .icon{
  background-position: -2.1rem 0;
}
.scene-list:nth-of-type(5) .icon{
  background-position: -2.8rem 0;
}
.scene-list:nth-of-type(6) .icon{
  background-position: -3.5rem 0;
}
.scene-list:nth-of-type(7) .icon{
  background-position: 0 -.7rem;
}
.scene-list:nth-of-type(8) .icon{
  background-position: -.7rem -.7rem;
}
.scene-list:nth-of-type(9) .icon{
  background-position: -1.4rem -.7rem;
}
.scene-list:nth-of-type(10) .icon{
  background-position: -2.1rem -.7rem;
}
.scene-list:nth-of-type(11) .icon{
  background-position: -2.8rem -.7rem;
}
.scene-list:nth-of-type(12) .icon{
  background-position: -3.5rem -.7rem;
}
.scene-list:nth-of-type(13) .icon{
  background-position: 0 -1.4rem;
}
.scene-list:nth-of-type(14) .icon{
  background-position: -.7rem -1.4rem;
}
.scene-list:nth-of-type(15) .icon{
  background-position: -1.4rem -1.4rem;
}
.scene-list:nth-of-type(16) .icon{
  background-position: -2.1rem -1.4rem;
}
.scene-list:nth-of-type(17) .icon{
  background-position: -2.8rem -1.4rem;
}
.scene-list:nth-of-type(18) .icon{
  background-position: -3.5rem -1.4rem;
}

/* 前沿额度数据安全保障技术 */
.guarantee-container{

}
.guarantee-container .mg-title{
  padding-top: .9rem;
}
.guarantee-container .mg-b-title{
  padding-bottom: .6rem;
}
.guarantee-content{
  background-color: #1a1c25;
}
.guarantee-box{
  font-size: 0;
}
.guarantee-box .guarantee-list{
  width: 20%;
  position: relative;
}
.guarantee-box .guarantee-list img{
  width: 100%;
}
.guarantee-box .guarantee-list .hover-box{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  font-size: .2rem;
  color:#fff;
  transition: .3s;
}
.guarantee-box .guarantee-list .hover-box p {
  text-align: center;
}
.guarantee-box .guarantee-list .hover-box .cont-box{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
	-ms-transform:translateY(-50%); 
	-moz-transform:translateY(-50%); 
	-webkit-transform:translateY(-50%); 
	-o-transform:translateY(-50%);
}
.guarantee-box .guarantee-list:hover .hover-box{
  background-color: rgba(32, 186, 252, 0.6);
}

@media (max-width: 800px){
  .hardware-container .banner-wrap .mg-btn{
    display: none;
  }
  .product-container{
    display: none;
  }
  .analysis-box .analysis-list{
    width: 35% !important;
    margin-bottom: 15px;
  }
  .introduct-text{
    padding-bottom:40px;
    font-size: 14px;
  }
  .analysis-box .analysis-list > .title{
    font-size: 16px;
  }
  .excavate-container,.programme-container{
    min-height: auto;
  }
}