.ai-i2-area{
  margin-top: 40px;
  width:100%;
  position: relative;
}

.ai-i2-area .ai-i2-area-item{
  position: absolute;
  width: 100%;

}

.ai-i2-area .ai-i2-area-line{
  width:100%;
  height:2px;
  position: relative;
}

.ai-i2-area .ai-i2-area-line .ai-bottom-line{
  position: absolute;
  width:100%;
  height:100%;
  background:#636771;
}

.ai-i2-area .ai-i2-area-line .ai-top-line{
  position: absolute;
  width:20%;
  height:100%;
  background:#f79229;

  transition:margin-left 0.5s ;
  -o-transition: margin-left 0.5s ; /*兼容parsto内核*/
  -moz-transition: margin-left 0.5s ; /*兼容gecko内核*/
  -webkit-transition: margin-left 0.5s ; /*兼容webkit内核*/
}

.ai-i2-area-names{
  padding-top: 10px;
  padding-bottom: 10px;
}

.ai-i2-area-name{
  float: left;
  text-align: center;
  width: 20%;

  height: 80px !important;
}

.ai-i2-area-name .ai-center{
  /*flex 布局*/
  display: flex;
  /*实现垂直居中*/
  align-items: center;
  /*实现水平居中*/
  justify-content: center;
  
  text-align: center;

  height:80px;
  margin:0 auto;

  padding-left:15px;
  padding-right: 15px;

  border-right: 1px solid #e1e2e1;
}

.ai-i2-area-info{
  width:500%;
  background: white;
  display: flex;
  flex-direction: row;

  transition:margin-left 0.5s ;
  -o-transition: margin-left 0.5s ; /*兼容parsto内核*/
  -moz-transition: margin-left 0.5s ; /*兼容gecko内核*/
  -webkit-transition: margin-left 0.5s ; /*兼容webkit内核*/
}

.ai-i2-area-info-item{
  width:100%;
  display: flex;
  flex-direction: row;
  padding: 0 50px;
}

.ai-i2-area-info-item-left > img{
  margin-left: 30px;
}

.ai-i2-area-info-info{
  float: right;
  margin-right: 30px;
}

.ai-i2-area-content{
  width: 100%;
  overflow: hidden;
}

.ai-i2-area-info-item-right-desc{
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}

.ai-i2-area-info-item-right-desc >img {
  width:30px;
  height:30px;

  margin-right: 5px;
}

.mobile-ai-i2-area{
  display: none;
}