.case-page .banner .bg {
  height: 20em;
  background-image: url("/assets/imgs/images/case/banner.png");
}
.case-page .body {
  padding-bottom: 7.14em;
}
.case-page .body .item {
  visibility: hidden;
}
.case-page .body .item + .item {
  margin-top: 5em;
}
.case-page .body .item:nth-child(2n) .item-group {
  direction: rtl;
  text-align: left;
}
.case-page .body .item:nth-child(2n) .item-group .left {
  border-radius: 0 0.7em 0.7em 0;
}
.case-page .body .item:nth-child(2n) .item-group .left .img-wrap {
  border-radius: 0 0.7em 0.7em 0;
  left: 0.85em;
  bottom: -0.85em;
}
.case-page .body .item:nth-child(2n) .item-group .left .img-wrap .area {
  right: 1.07em;
  border-bottom-right-radius: 0;
}
.case-page .body .item:nth-child(2n-1) .item-group .left {
  border-radius: 0.7em 0 0 0.7em;
}
.case-page .body .item:nth-child(2n-1) .item-group .left .img-wrap {
  border-radius: 0.7em 0 0 0.7em;
  top: 0.85em;
  left: -0.85em;
}
.case-page .body .item:nth-child(2n-1) .item-group .left .img-wrap .area {
  left: 1.07em;
  border-bottom-left-radius: 0;
}
.case-page .body .item-group {
  height: 16.78em;
  border: 1px solid #002fa7;
  display: flex;
  border-radius: 0.7em;
}
.case-page .body .item-group .left {
  width: 26em;
  position: relative;
  background-color: #002fa7;
}
.case-page .body .item-group .left .img-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.case-page .body .item-group .left .img-wrap img {
  width: 100%;
  height: 100%;
}
.case-page .body .item-group .left .img-wrap .area {
  color: #ffffff;
  bottom: 1.66em;
  padding: 0 0.83em;
  position: absolute;
  font-size: 0.85em;
  line-height: 2;
  border-radius: 1.25em;
  background-color: #eb6100;
}
.case-page .body .item-group .left .img-wrap .area .icon {
  font-size: 1.5em;
}
.case-page .body .item-group .left .img-wrap .area span {
  display: inline-block;
  vertical-align: middle;
}
.case-page .body .item-group .info {
  flex: 1;
  color: #4f4f4f;
  padding: 2.14em;
  display: flex;
  overflow: hidden;
  direction: ltr;
  flex-direction: column;
  justify-content: space-between;
}
.case-page .body .item-group .info h2 {
  font-size: 1.85em;
  font-weight: bold;
}
.case-page .body .item-group .info .address {
  font-size: 1.42em;
}
.case-page .body .item-group .info .address span {
  opacity: 0.8;
  display: inline-block;
  vertical-align: middle;
}
.case-page .body .item-group .info .tag-wrap {
  width: 100%;
  display: flex;
  overflow: hidden;
  font-size: 1.28em;
}
.case-page .body .item-group .info .tag-wrap .tag {
  display: flex;
  align-items: center;
}
.case-page .body .item-group .info .tag-wrap .tag + .tag {
  margin-left: 1.14em;
}
.case-page .body .item-group .info .tag-wrap .icon {
  font-size: 1.77em;
  margin-right: 0.32em;
}

@media screen and (max-width: 768px) {
  .case-page .banner .bg {
    height: 9.375em;
    background-image: url("/assets/imgs/images/case/banner@768.png");
  }
  .case-page .body {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
  .case-page .body .item {
    padding: 1.5em 1em;
    border-bottom: 1px solid #eeeeee;
  }
  .case-page .body .item-group {
    border: none;
    overflow: hidden;
    font-size: 0.58em;
  }
  .case-page .body .item-group .left {
    width: 15em;
    background: none;
  }
  .case-page .body .item-group .left .img-wrap {
    top: 0 !important;
    left: 0 !important;
  }
  .case-page .body .item-group .left .img-wrap img {
    object-fit: cover;
  }
  .case-page .body .item-group .info {
    padding: 0;
    padding-left: 1.57em;
    padding-bottom: 1.5em;
  }
  .case-page .body .item-group .info .tag-wrap {
    flex-wrap: wrap;
  }
  .case-page .body .item-group .info .tag-wrap .tag {
    margin-top: 1em;
    margin-right: 1.4em;
  }
  .case-page .body .item-group .info .tag-wrap .tag + .tag {
    margin-left: 0;
  }
  .case-page .body .item + .item {
    margin-top: 0;
  }
}<!--0.00015091896057129-->