/*通用*/
h2.common-h2{
  color:#000;
  margin-top:70px;
}
h3.common-h3{
  color:#333;
  margin-top:70px;
  text-align: center;
}
p.common-p{
  margin-top:20px;
  color:#666;
  font-size:16px;
}
/*
**导航栏
*/
.navbar-itcast #nav-bar .navbar-nav > li > a{
  color:#333;
}
.navbar-itcast #nav-bar .navbar-nav > li a > p{
  border-color:#459ad3;
  color:#459ad3;
}
.navbar-itcast #nav-bar .navbar-nav > li a > p:hover{
  color:#fff;
  border-color:#3466f6;
}
/*
**banner
*/
#banner,#job-banner{
  width:100%;
  height:400px;
  background:url(../img/erp/banner.png) center center no-repeat;
  margin-top:80px;
  color:#fff;
}
#banner .container .word,#job-banner .container .word{
  margin-left:30px;
  font-size:16px;
}
#banner .container .word  h1,#job-banner .container .word  h1{
  font-size:40px;
  margin-top:120px;
}
#banner .container .word  p,#job-banner .container .word  p{
  font-size:18px;
  margin-top:30px;
  color:#fff;
}
#banner .container .word  .button button,#job-banner .container .word  .button button{
  width: 126px;
  height: 46px;
  background-color: #ffffff;
  border-radius: 2px;
  margin-top:35px;
  border:none;
  color: #0042a3;
}
#banner .container .word  .button button+button,#job-banner .container .word  .button button+button{
  color:#fff;
  background: transparent;
  border: solid 1px #ffffff;
  margin-left:20px;
}

/*
**ERP企业版简介
*/
#introduce{
  width:100%;
  height:1080px;
  text-align:center;
}
#introduce .container .top h2{
  color:#000;
  margin-top:100px;
}
#introduce .container .top p{
  font-size:16px;
  color:#666;
  margin-top:20px;
}
#introduce .container .bottom >ul >li{
  float:left;
  padding:0 47px;
  line-height:22px;
  font-size:14px;
  color:#999;
  position: relative;
}
#introduce .container .bottom >ul >li:hover{
  color:#085cae;
}
#introduce .container .bottom >ul >li:hover p{
  color:#8fbbf8;
}
#introduce .container .bottom >ul >li+li::after{
  content: " ";
  display: block;
  height: 99px;
  width: 1px;
  background-color: #edf1f5;
  position: absolute;
  left: 0;
  top: 36px;
}
#introduce .container .bottom >ul  p{
  font-size:18px;
  color:#333;
  margin-top:10px;
  margin-bottom:18px;
}
/*
**我们能为您做什么
*/
#compose{
  width:100%;
  height: 877px;
  background-color: #f7f8f9;
  text-align:center;
}
#compose .detail{
  margin-top:86px;
}
#compose .detail >ul  >li{
  float:left;
  width: 280px;
  height: 540px;
  padding:0 27px;
  background-color: #ffffff;
  box-shadow: 2px 4px 7px 2px rgba(116, 116, 116, 0.12);
}
#compose .detail >ul  >li:hover{
  background-color: #f2f9ff;
  border: 1px solid #94c5f3;
  cursor:pointer;
}
#compose .detail >ul  >li img{
  margin-top:30px;
  margin-bottom:10px;
}
#compose .detail >ul  >li p{
  font-size: 20px;
  line-height: 55px;
  color: #508ce5;
}
#compose .detail >ul  >li ul{
  margin-left:10px;
  margin-top:20px;
  color:#666;
}
#compose .detail >ul  >li  li{
  list-style: disc;
  text-align:left;
  line-height:26px;
}
#compose .detail >ul  >li+li{
  margin-left:16px;
}
/*
*客户故事
*/
#story{
  width:100%;
  height:596px;
  text-align:center;
}
#story .introduce{
  width:100%;
  height:377px;
  margin-top:70px;
  background:url(../img/company/08.png) center center no-repeat;
}
#story .introduce div >ul >li{
  float:left;
  color:#fff;
  text-align:justify;
  font-size:16px;
  width:761px;
  height:377px;
  padding-left:30px;
  padding-right:110px;
}
#story .introduce div>ul >li+li{
  width:407px;
  padding-right:90px;
}
#story .introduce ul li h3{
  font-size:26px;
  margin-top:80px;
  margin-bottom:30px;
}
#story .introduce ul li p{
  line-height:30px;
}
/*
*纵向时间轴
*/
#story .time-vertical {
  list-style-type: none;
  padding: 0;
  margin-left:90px;
  height: 377px;
}

#story .time-vertical li {
  height: 56px;
  border-left: 2px solid #fff;
  position: relative;
  margin-top:30px;
}
#story .time-vertical li a {
  display: inline-block;
  margin-left: 20px;
  margin-top: 15px;
  text-decoration: none;
  color: #000;
}

#story .time-vertical li b:before {
  content: '';
  position: absolute;
  left: -10px;
  width: 18px;
  top:-25px;
  height: 18px;
  border: 2px solid #ffffff;
  border-radius: 10px;
  background-color: #577cb5;
}

#story .time-vertical li span.before {
  position: absolute;
  color: #fff;
  top: 58px;
  left: -88px;
}
#story .time-vertical li span.after {
  position: absolute;
  color: #fff;
  font-size:14px;
  top: 48px;
  left: 25px;
  line-height:22px;
}
#story .time-vertical li span.special{
  width: 41px;
  height: 18px;
  background-color: #ffb321;
  border-radius: 2px;
  text-align:center;
  line-height:18px;
}
/*
*核心诉求
*/
#heart{
  width: 100%;
  height: 718px;
  background-color: #f7f8f9;
}
#heart .container .detail{
  height:408px;
  width:100%;
  background:url(../img/company/09.png) center center no-repeat;
  margin-top:96px;
  position: relative;
}
#heart .container .detail >div{
  position:absolute;
  height:72px;
}
#heart .container .detail >div >ul >li{
  float:left;
}
#heart .container .detail >div >ul >li.logo{
  text-align: center;
  margin-right:20px;
  /*width:76px;*/
  /*height:76px;*/
  /*border:8px none rgba(253, 72, 91,0.8);*/
  /*border-radius:40px;*/
}
#heart .container .detail >div >ul >li.logo div{
  width: 60px;
  height: 60px;
  background-color: #fd485b;
  line-height: 60px;
  border-radius: 30px;
}
#heart .container .detail >div >ul >li.logo div:hover{
  box-shadow: 0 0 0 8px rgba(253, 72, 91,0.3);
}
#heart .container .detail >div:nth-child(2) >ul >li.logo div:hover{
  box-shadow: 0 0 0 8px rgba(38, 161, 255,.3);
}
#heart .container .detail >div:nth-child(3)  >ul >li.logo div:hover{
  box-shadow: 0 0 0 8px rgba(81, 196, 254,.3);
}
#heart .container .detail >div:nth-child(4)  >ul >li.logo div:hover{
  box-shadow: 0 0 0 8px rgba(255, 134, 33,.3);
}
#heart .container .detail >div:nth-child(5)  >ul >li.logo div:hover{
  box-shadow: 0 0 0 8px rgba(241, 199, 81,.3);
}
#heart .container .detail >div:nth-child(6) >ul >li.logo div:hover{
  box-shadow: 0 0 0 8px rgba(99, 106, 236,.3);
}
#heart .container .detail >div >ul >li.word{
  margin-top:-10px;
}
#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;
}

/*
*解决方案
*/
#solution{
  width:100%;
  height:649px;
}
#solution .container >div{
  width:100%;
  height:405px;
  margin-top:76px;
  background:url(../img/company/16.png) center center no-repeat;
}
/*
*项目演进节点
*/
#item{
  width:100%;
  height: 458px;
  background-color: #f7f8f9;
}
/*横向时间轴*/
#item .time-horizontal {
  height: 3px;
  border: solid 2px rgba(38, 161, 253,0.74);
  width:1008px;
  margin:0 auto;
  margin-top:160px;
}

#item .time-horizontal li {
  float: left;
  position: relative;
  text-align: left;
  width: 25%;
  padding-top: 10px;
}
#item .time-horizontal li h6{
  background: url(../img/company/17.png) no-repeat;
  width:82px;
  height:95px;
  line-height:18px;
  text-align:center;
  position:absolute;
  top:-123px;
  left:-43px;
  font-size:16px;
  color:#fff;
  padding-top: 18px;
}
#item .time-horizontal li h6 span{
  line-height:20px;
  font-size:12px;
  color:#fff;
  opacity:0.6;
}
#item .time-horizontal li div{
  width:121px;
  text-align:center;
  font-size:18px;
  color: #333;
  margin-left:-62px;
  margin-top:23px;
}
#item .time-horizontal li div p{
  font-size:14px;
  color: #8e8e8e;
  text-align: left;
}
#item .time-horizontal li >b{
  content: '';
  position: absolute;
  top: -7px;
  left: -10px;
  width: 26px;
  height: 26px;
  border-radius:13px;
}
#item .time-horizontal li >b span {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #26a1ff;
  border-radius: 6px;
}
#item .time-horizontal li i,#item .time-horizontal li tt,#item .time-horizontal li em{
  position:absolute;
  width:120px;
  height:226px;
  left:-60px;
  top:-118px;
}
#item .time-horizontal li em{
  left:192px;
}
#item .time-horizontal li > b.hover span{
  box-shadow: 0 0 0 7px rgba(29, 157, 255, 0.29);
  animation: shine 2s infinite 0ms;
}
/*
*动画
*/
@-webkit-keyframes shine{
  from {box-shadow: 0 0 0 0 rgba(29, 157, 255, 1);}
  to {box-shadow: 0 0 0 7px rgba(29, 157, 255, 0);}
}
@-moz-keyframes shine{
 from {box-shadow: 0 0 0 0 rgba(29, 157, 255, 1);}
  to {box-shadow: 0 0 0 7px rgba(29, 157, 255, 0);}
}
@-o-keyframes shine{
 from {box-shadow: 0 0 0 0 rgba(29, 157, 255, 1);}
  to {box-shadow: 0 0 0 7px rgba(29, 157, 255, 0);}
}
@keyframes shine{
 from {box-shadow: 0 0 0 0 rgba(29, 157, 255, 1);}
  to {box-shadow: 0 0 0 7px rgba(29, 157, 255, 0);}
}
/*
*带来的价值
*/
#value{
  width:100%;
  height: 562px;
  background:url("../img/company/18.png") bottom center no-repeat;
}
#value .container >ul{
  position: relative;
  height:430px;
  width:885px;
  margin: 0 auto;
  margin-top:36px;
}
#value .container >ul >li{
  position: absolute;
  width: 266px;
  height: 228px;
  background-image: linear-gradient(0deg,#f78c32 0%,#ff9f4e 100%),
  linear-gradient(#ffffff,#ffffff);
  background-blend-mode: normal,normal;
  opacity: 0.9;
  bottom:53px;
  color:#fff;
  font-size:16px;
  text-align:center;
}
#value .container >ul >li h2{
  margin-top:52px;
}
#value .container >ul >li .current{
  width:175px;
  margin:0 auto;
  margin-top:42px;
}
#value .container >ul >li .change{
  display:none;
  text-align: justify;
  padding: 0 32px;
  font-size:22px;
  margin-top:38px;
  line-height:23px;
}
#value .container >ul >li .change div{
  border-bottom: 1px solid rgba(255,255,255,.6);
  padding-bottom: 12px;
  text-align: center;
}
#value .container >ul >li .change span{
  font-size: 26px;
}
#value .container >ul >li .change ul{
  margin-top: 20px;
  margin-left:15px;
}
#value .container >ul >li .change ul li{
  font-size:14px;
  list-style:disc;
}
#value .container >ul >li:hover{
  cursor:pointer;
  height: 328px;
  animation: height 500ms linear 0ms;
}
#value .container >ul >li:hover .current,#value .container >ul >li:hover h2{
  display: none;
}
#value .container >ul >li:hover .change{
  display: block;
}
/*动画*/
@-webkit-keyframes height {
  from {height: 328px;}
  to {height: 328px;}
}