/*通用*/
#banner{
  background:url('../image/banner1.jpg') center center no-repeat;
}
#banner .container h2{
  margin-top:80px;
  line-height:46px;
}
#banner .container .button{
  margin-top:20px;
}


/*
**为什么选择WMS
*/
#choice{
  width:100%;
  height:1524px;
  text-align:center;
}
/*
**我们能做什么
*/
#effect{
  height: 820px;
}
#effect .detail ul{
  margin-top:66px;
  padding-left:9px;
}
#effect .detail ul li{
  position: relative;
  float:left;
  width: 273px;
  height: 197px;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(12, 4, 7, 0.11);
  border-radius: 3px;
  padding-left:26px;
  padding-right:27px;
}
#effect .detail ul li:hover{
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(148, 197, 243, 0.11);
}
#effect .container .detail ul li+li{
  margin-left:18px;
}
#effect .detail ul li.com-top{
  margin-top:66px;
}
#effect .detail ul li >div{
  margin:0;
  margin-top:10px;
  width:220px;
}
#effect .detail ul li >img{
  position:absolute;
  top:-40px;
  left:68px;
}
#effect .detail ul li div p{
  margin:10px 0;
  text-align:center;
}
/*
*完美覆盖全行业
*/
#coverage{
  background: #fff;
}

/*
*客户故事
*/
#story .introduce{
  background:url(../image/13.png) no-repeat center center;
}

/*
*核心诉求
*/
#heart{
  width: 100%;
  height: 718px;
  background-color: #fff;
}
#heart .container .detail{
  background:url(../image/14.png) no-repeat center center;
}

/*
*解决方案
*/
#solution{
  width:100%;
  height: 593px;
  background-color: #f7f8f9;
}

/*
*项目演进节点
*/
#item{
  background-color: #fff;
}
#item .time-horizontal{
  border: solid 2px rgba(56, 198, 208,0.74);
}
#item .time-horizontal li >b span{
  background-color: rgba(56, 198, 208, 1);
}
#item .time-horizontal li h6{
  background: url(../image/151.png) no-repeat;
  width:82px;
}
#item .time-horizontal li >b:hover .active{
  box-shadow: 0 0 0 7px rgba(56, 198, 208, 0.29);
  animation: shine 500ms linear 0ms;
}
/*
*动画
*/
@-webkit-keyframes shine{
  from {box-shadow: 0 0 0 0 rgba(56, 198, 208, 0.29);}
  to {box-shadow: 0 0 0 7px rgba(56, 198, 208, 0.29);}
}
@-moz-keyframes shine{
  from {box-shadow: 0 0 0 0 rgba(56, 198, 208, 0.29);}
  to {box-shadow: 0 0 0 7px rgba(56, 198, 208, 0.29);}
}
@-o-keyframes shine{
  from {box-shadow: 0 0 0 0 rgba(56, 198, 208, 0.29);}
  to {box-shadow: 0 0 0 7px rgba(56, 198, 208, 0.29);}
}
@keyframes shine{
  from {box-shadow: 0 0 0 0 rgba(56, 198, 208, 0.29);}
  to {box-shadow: 0 0 0 7px rgba(56, 198, 208, 0.29);}
}

/*
*价值
*/
#value{
  height: 539px;
}
#value .container >ul{
  width:885px;
  margin:0 auto;
  margin-top: 33px;
}
#value .container >ul >li{
  bottom:0;
}
#value .container >ul >li .current{
  margin-top:32px;
  width:208px;
}
#value .container >ul >li .change ul{
  margin-left:0;
}

/*
**客户的声音
*/
#source{
  height: 815px;
  width:100%;
  text-align:center;
}
#source .slide {
  height:380px;
  position: relative;
  margin-top:80px;
}
#source .slide li{
  /*float:left;*/
  position: absolute;
  background:#fff;
  box-shadow: 0 8px 27px 0 rgba(12, 4, 7, 0.17);
  border: solid 1px rgba(191, 203, 215, 0.37);
  padding:0 57px 0 62px;
  text-align:center;
  font-size:16px;
  color:#333;
  line-height:32px;
  width:626px;
  height:368px;
  top:46px;
  left:60px;
}
#source .slide li:nth-child(2){
  height:408px;
  left:275px;
}
#source .slide li:nth-child(3){
  left:480px;
}
#source .slide li img{
  margin-top:18px;
  margin-bottom:-20px;
}
#source .slide li img.com-img{
  position:absolute;
}
#source .slide li img:nth-child(2){
  left:20px;
}
#source .slide li img.last-img{
  bottom:58px;
  margin-left:156px;
  z-index:-1;
}
#source .slide li p{
  text-align:justify;
}
#source .slide li h4,#source .slide li h5{
  color:#999;
  font-size:16px;
  text-align:justify;
}
#source .slide li h5{
  margin-top:30px;
  text-align:right;
}
#source .arrow{
  opacity: 0.3;
  position: relative;
  z-index:100;
}
#source .prev{
  width:56px;
  height:112px;
  position: absolute;
  top:188px;
  left:10px;
  background: url(../image/071.png) no-repeat;
  z-index: 99;
}
#source .next{
  right:0;
  width:56px;
  height:112px;
  position: absolute;
  top:188px;
  background: url(../image/081.png) no-repeat;
  z-index: 99;
}

/*动画*/
@-webkit-keyframes height {
  from {height: 302px;}
  to {height: 302px;}
}