/* 解决方案 */
.solution_inner{
  background: rgba(255,255,255,0.5);
  padding: 112px 0 60px;
  overflow: hidden;
}
.solution_item{
  overflow: hidden;
}
.solution_item .index{
  font-size: 60px;
  color: #00A6FD;
  text-align: center;
  line-height: 40px;
  margin: 60px 0;
}
.solution_item .item_text,
.solution_item .item_img{
  flex:1;
  padding: 60px 120px;
}
.solution_item .item_text.flex_start{
  align-items: flex-start;
}
.solution_item .item_text.flex_end{
  align-items: flex-end;
}
.solution_item .flex_start .title,
.solution_item .flex_start .text,
.solution_item .flex_start .label{
  padding-left:30px;
  text-align: left;
}
.solution_item .flex_end .title,
.solution_item .flex_end .text,
.solution_item .flex_end .label{
  padding-right:30px;
  text-align: right;
}
.solution_item .item_text .title{
  color:#507390;
  width: 100%;
  line-height: 28px;
}
.solution_item .item_text .text{
  margin: 16px 0 ;
  line-height: 22px;
  width: 100%;
}
.solution_item .item_text .label_box{
  width: 100%;
}
.solution_item .item_text .label{
  height: 34px;
  color:#fff;
  align-items: center;
}
.solution_item .flex_end .label{
  background: url('../../images/ec-solution/label-right.png') no-repeat right center;
  justify-content: flex-end;
  background-size: cover;
}
.solution_item .flex_start .label{
  background: url('../../images/ec-solution/label-left.png') no-repeat left center;
  background-size: cover;
}
.solution_item .item_line{
  display: block;
  width: 10px;
  background: url('../../images/ec-solution/line.png') no-repeat;
  background-size: contain;
}

.solution_item .item_img img{
  width: 100%;height: 100%;
  object-fit: contain;
}
@media ( max-width:1200px ){
  .solution_item .item_text,
  .solution_item .item_img{
    padding: 40px 80px;
  }
}

@media ( max-width:992px ){
  .solution_item .item_text,
  .solution_item .item_img{
    padding: 28px 40px;
  }
}

@media ( max-width:768px ){
  .solution_sec .solution_inner{
    padding:0 0 56px;
  }
  .solution_item .index{
    font-size: 30px;
    margin: 56px 0 10px;
  }
  .solution_item .item_text{
    padding: 0;
  }
  .solution_item .item_text .title,
  .solution_item .item_text .text{
    padding: 0 10px;
    text-align: center;
  }
  .solution_item .flex_end .label_box{
    padding-right: 30px;
  }
  .solution_item .flex_start .label_box{
    padding-left: 30px;
  }
  .solution_item .item_text .label{
   justify-content: center;
  }
  .solution_item .item_line{
    display: none;
  }
  .solution_item .item_b{
    flex-direction: column;
  }
  .solution_item .item_text{
    order: 1;
  }
  .solution_item .item_img{
    order: 0;
  }
}