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


/*
**旺店通ERP
*/
#customized{
  width:100%;
  height: 1055px;
  background-color: #f7f8f9;
  text-align:center;
}
#customized ul{
  overflow: hidden;
  margin-top:45px;
}
#customized ul li{
  float:left;
  width: 294px;
  height: 200px;
  margin-top:66px;
}
#customized ul li+li{
  margin-left:127px;
}
#customized ul li:nth-child(4),#customized ul li:nth-child(7){
  margin-left:0;
}
#customized ul li h4{
  font-size:17px;
  color:#000;
  font-family: SourceHanSansCN-Medium;
  margin-top:25px;
  margin-bottom:21px;
}
#customized ul li p{
  color: #727171;
  font-size:14px;
  text-align:justify;
}
/*
**整体架构方案
*/
#ensemble{
  height: 994px;
  width:100%;
  text-align:center;
}

/*
**我们能做什么
*/
#erp-function{
  width:100%;
  height: 837px;
  background-color: #f7f8f9;
  text-align:center;
}
#erp-function ul{
  position: relative;
}
#erp-function ul li{
  position:absolute;
}
#erp-function ul li div.img{
  width: 76px;
  height: 76px;
  background-image: linear-gradient(0deg,#3cc9c2 0%,#3fdec3 100%),linear-gradient(#e9e7ec,#e9e7ec);
  border-radius:39px;
  font-family: SourceHanSansCN-Light;
  font-size: 28px;
  font-style: italic;
  line-height: 76px;
  letter-spacing: 1px;
  font-weight:300;
  color: #ffffff;
  position: relative;
}
#erp-function ul li div{
  float:left;
}
#erp-function ul li div.img b{
  width: 48px;
  height: 5px;
  border-top: 1px solid #5fa9f7;
  position: absolute;
  top: 38px;
  left: -48px;
}
#erp-function ul li div.img b:before{
  content:'';
  width:5px;
  height:5px;
  border-radius:5px;
  background-color: #5fa9f7;
  position:absolute;
  top: -3px;
  left: -5px;
}
#erp-function ul li div.mar{
  margin-right:80px;
}
#erp-function ul li div.img b.right{
  left: 76px;
}
#erp-function ul li div.img b.right:before{
  left: 48px;
}
#erp-function ul li div.word{
  text-align: left;
  margin-top:21px;
  color: #424242;
  font-size: 14px;
}
#erp-function ul li div.word h4{
  color: #3173dc;
}

/*
*完美覆盖全行业
*/
#coverage{
  background: #fff;
  height:709px;
}


#about-us{


  width:100%;
  margin-bottom: 60px;
}

/*
*旺店通ERP
*/
#erp-introduce{
  height:870px;
  background-color: #f7f8f9;
  width:100%;
  text-align:center;
}
#erp-introduce .container >ul{
  margin-top:95px;
}
#erp-introduce .container >ul >li{
  width: 420px;
 height: 543px;

  background-color: #ffffff;
  border: solid 1px #ebeff2;
  float:left;
  position: relative;
}
#erp-introduce .container >ul >li+li{
  margin-left:14px;
}
#erp-introduce .container >ul >li div{
  padding-left:27px;
  padding-right:21px;
  text-align: left;
}
#erp-introduce .container >ul >li div.top{
  height: 216px;
  background-color: #f0f5fd;
  padding-top:29px;
}
#erp-introduce .container >ul >li div.top dt{
  font-size: 24px;
  color: #002163;
  font-weight:normal;
}
#erp-introduce .container >ul >li div.top dt span{
  text-align: center;
  display: inline-block;
  width: 119px;
  height: 26px;
  line-height:26px;
  background-color: #e2e8f5;
  border-radius: 12px;
  font-size:14px;
  color: #7f8fac;
}
#erp-introduce .container >ul >li div.top dd{
  margin-top:32px;
  font-size:14px;
  color: #7f8fac;
  line-height:23px;
}
#erp-introduce .container >ul >li div ul{
  margin-top:30px;
}
#erp-introduce .container >ul >li div li{
  height:60px;
  line-height:60px;
  color: #575a60;
  font-size:14px;
  border-bottom: 1px solid rgba(7,15,31,0.13);
  position: relative;
}
#erp-introduce .container >ul >li div a{
  color: #005eff;
  font-size:16px;
  text-align:center;
  width: 204px;
  height: 49px;
  line-height:45px;
  border-radius: 3px;
  border: solid 2px #005eff;
  position:absolute;
  bottom:22px;
  left:50%;
  margin-left:-102px;
}
#erp-introduce .container >ul >li.hover{
  cursor: pointer;
  width:372px;
  z-index: 99;
  margin-left:-50px;
  margin-right:-50px;
  background-image: linear-gradient(#f7f8f9,#f7f8f9),linear-gradient(#3a4351,#3a4351);
  box-shadow: 2px 4px 7px 7px rgba(49, 106, 213, 0.16);
  border:none;
}
#erp-introduce .container >ul >li:nth-child(1).hover{
  margin-right:-100px;
  margin-left:0;
}
#erp-introduce .container >ul >li.hover div.top{
  background-image: linear-gradient(-82deg,#00a8ff 0%,#0054ff 100%),linear-gradient(#f0f5fd,#f0f5fd);
  color:#fff;
}
#erp-introduce .container >ul >li.hover div.top dt{
  color:#fff;
}
#erp-introduce .container >ul >li.hover div.top dd{
  color:#fff;
}
#erp-introduce .container >ul >li.hover div.top dt span{
  background-color:#006bde;
  color:#fff
}
#erp-introduce .container >ul >li.hover div li{
  font-size:16px;
  color:#333;
}
#erp-introduce .container >ul >li.hover div a{
  background-image: linear-gradient(-82deg,#ffa200 0%,#ff8400 100%),linear-gradient(#08cea7,#08cea7);
  color:#fff;
  border:none;
}
#erp-introduce .container >ul >li.hover a:hover{
  background-image: linear-gradient(-82deg,#f29903 0%,#e15b01 100%),linear-gradient(#08cea7,#08cea7);
}