
.banner-box {
  //background-image: url(../images/top_banner_bg.png);
}


.advantage, .case-show {
  padding: 70px 20% 70px;
}
.framework {
  padding: 80px 19% 70px;
}


.framework {
  width: 100%;
  background: #f5f9fc;
}
.framework > .row {
  margin: 0 auto;
  display: flex;
}
.main_solution_pic {
  padding: 1%;
  margin-right: 4%;
  margin-left: -2%;
  border-radius: 5px;
}

.main_solution_pic > img {
  width: 100%;
  border-radius: 5px;
}
.emphasize-content {
  margin: 0 0 8%;
}
.framework-box {
  margin-right: -2%;
  padding: 4% 2%;
  box-shadow: 6px 0px 15px -2px #197DD2;
  border-radius: 5px;
}

.framework-ul-top > .text-16, .framework-ul-bottom > .text-16, .text-13 {
  margin-bottom: 4%;
}
.framework-line {
  margin: 70% auto 10%;
  width: 80%;
  border-bottom: 1px solid #98caf2;
}
.case-show-left img, .case-show-right img {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate( 0, -50%);
  -ms-transform: translate( 0, -50%);   /* IE 9 */
  -moz-transform: translate( 0, -50%);  /* Firefox */
  -webkit-transform: translate( 0, -50%); /* Safari 和 Chrome */
  -o-transform: translate( -0, -50%);  /* Opera */
}
.width-text {
  margin-left: 20%;
}


.case-show-left, .case-show-right {
  border: 1px solid #bfbfbf;
  background: hsla(0, 0%, 100%, .7);
  cursor:pointer; 
}
.case-show-left img, .case-show-right img {
  float: left;
}
.case-show-left:hover, .case-show-right:hover {
  background: #fff;
}

.case-show-left > .emphasize-content, .case-show-left > .text-content, .case-show-right > .emphasize-content, .case-show-right > .text-content {
  color: #fff;
  white-space:nowrap; 
}
.case-show {
  background: #f5f9fc;
}
.width-text {
  //width: 56%;
}
.case-show-text > .text-14 {
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.see {
  filter: alpha(opacity=0);
  opacity: 0; 
  margin-top: 0;
  background: #fff;
  border: 1px solid #66b4f4;
  color: #66b4f4;
  width: 100px;
}


.online-retailers-yewu {
  background-image: url(../images/solution_icon_tanxingyewu.png);
}
.online-retailers-guanli {
  background-image: url(../images/solution_icon_guanli.png);
}
.online-retailers-jiansuo {
  background-image: url(../images/solution_icon_jiansuo.png);
}
.online-retailers-fenbuyingyong {
  background-image: url(../images/solution_icon_fenbuyingyong.png);
}
.online-retailers-bingfa {
  background-image: url(../images/solution_icon_bingfa.png);
}
.online-retailers-IOxingneng {
  background-image: url(../images/solution_icon_IOxingneng.png);
}
.online-retailers-yewuleixing {
  background-image: url(../images/solution_icon_yewuleixing.png);
}
.online-retailers-pingtai {
  background-image: url(../images/solution_icon_pingtai.png);
}



