/*
**banner
*/
#banner{
  background:url(../image/banner2.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(../image/012.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;
}

/*
*新零售解决方案
*/
#new-solution{
  height: 1075px;
  background-color: #f7f8f9;
  text-align:center;
}
#new-solution img{
  margin-top:71px;
}

/*
*我们的优势
*/
#our-advantage{
  height: 780px;
  background: url('../image/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;
}