/*
**banner
*/
#banner{
  background:url(../img/revolution-o2o/banner.jpg) center center no-repeat;
}
#banner p{
  margin-bottom:23px;
}

/*
*新零售时代
*/
#heart{
  height: 1075px;
  text-align:center;
  background-color:#fff;
}
    #heart .container .detail {
        height: 551px;
        background: url(../img/revolution-o2o/01.png) center center no-repeat;
        margin-top: 166px;
    }
#heart .container .detail >div{
  position:absolute;
  height:72px;
}
#heart .container .detail >div >ul >li.word{
  width:280px;
  text-align:justify;
  line-height:23px;
}
#heart .container .detail >div  >ul >li.width{
  width:322px;
}
#heart .container .detail >div >ul >li.word  h4{
  font-size:16px;
  color:#000;
}
#heart .container .detail >div >ul >li.word  p{
  font-size:14px;
  color:#999;
}


.container{
  position: relative;
}

#this-ip{
  position: absolute;
  top: 10px;
  left: 0;
}
#this-ip a{
	color: #ffffff;
}
 #this-ip a:hover{
    color: #0064FA !important;
}
/*
*新零售解决方案
*/
#new-solution{
  height: 1075px;
  background-color: #f7f8f9;
  text-align:center;
}
#new-solution img{
  margin-top:71px;
}

/*
*我们的优势
*/
#our-advantage {
    height: 780px;
    background: url('../img/revolution-o2o/bj.png') center center no-repeat;
    text-align: center;
}
#our-advantage .common-h2,#our-advantage .common-p{
  color:#fff;
}
#our-advantage .bottom >ul{
  margin-top:68px;
}
#our-advantage .bottom >ul >li{
  float:left;
  width: 386px;
  height: 230px;
  background-color: #fff;
  margin-top:6px;
  font-size:14px;
  color:#999;
  line-height:25px;
  border-bottom: 4px solid #4486ff;
}
#our-advantage .bottom >ul >li+li{
  margin-left:6px;
}
#our-advantage .bottom >ul >li:nth-child(4){
  margin-left:0;
}
#our-advantage .bottom >ul >li img{
  margin-top:38px;
}
#our-advantage .bottom >ul >li img.white{
  display:none;
}
#our-advantage .bottom >ul >li h4{
  font-size:20px;
  color:#000;
  margin-top:20px;
  margin-bottom:18px;
}
#our-advantage .bottom >ul >li p{
  padding: 0 78px;
}
#our-advantage .bottom >ul >li:hover{
  cursor: pointer;
  background-image: linear-gradient(180deg,#4486ff 35%,#2664d1 100%),linear-gradient(#00aaff,#00aaff);
  box-shadow: 2px 4px 7px 0 rgba(20, 116, 205, 0.12);
  border-bottom:none;
  color:#fff;
  text-align:center;
}
#our-advantage .bottom >ul >li:hover h4{
  color:#fff;
}
#our-advantage .bottom >ul >li:hover img.gray{
  display: none;
}
#our-advantage .bottom >ul >li:hover img.white{
  display: block;
  margin:0 auto;
  margin-top:38px;
}
/*
*客户案例
*/
#customer-case{
  height:1021px;
  text-align:center;
}
#customer-case .bottom >ul{
  margin-top:38px;
}
#customer-case .bottom ul li{
  float:left;
  width: 362px;
  height: 334px;
  margin-top:36px;
}
#customer-case .bottom >ul >li+li{
  margin-left:42px;
}
#customer-case .bottom >ul >li:nth-child(4){
  margin-left:0;
}
#customer-case .bottom >ul >li div{
  height:160px;
  width:364px;
  margin-top:-10px;
  border: solid 1px #e1e1e1;
  border-top:none;
  color:#000;
  padding: 18px 24px 0 20px;
  text-align:justify;
}
#customer-case .bottom >ul >li div p{
  font-size:14px;
  color:#999;
}
#customer-case .bottom >ul >li h4{
  margin-top:12px;
}
#customer-case .bottom >ul >li h5 span:after{
  content:'';
  border-right: 1px solid #bbbbbb;
  margin:0 10px;
}
#customer-case .bottom >ul >li:hover{
  cursor: pointer;
}
#customer-case .bottom >ul >li:hover div{
  background-color: #f2f9ff;
  box-shadow: 5px 8px 7px 0 rgba(0, 122, 204, 0.12);
  border-color: #8abff1;
}