.banner-bar {
  height: 180px;
  text-align: center;
  background-repeat: no-repeat, no-repeat;
  background-position: center,center;
  font-size: 0;
}
.banner-bar:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.banner-bar .banner-img {
  vertical-align: middle;
  width: 250px;
  display: inline-block;
}
.banner-bar.nopaper-banner {
  background-image: url("../img/banner-bg-why.png"), linear-gradient(-180deg, #516EDB 0%, #6A8FF2 100%);
}
.banner-bar.im-banner {
  background-image: url("../img/banner-XIM.png"), linear-gradient(75deg, #F38181, #FCE38A);
}
.banner-bar.im-banner .banner-img {
  width: 272px;
}
.banner-bar.erp-banner {
  background-image: url("../img/banner-bg-XERP.png"), linear-gradient(75deg, #5F71FE, #4DBCFF);
}
.banner-bar.erp-banner .banner-img {
  width: 270px;
}
.banner-bar.why-banner {
  background-image: url("../img/banner-bg-why.png"), linear-gradient(-180deg, #516EDB 0%, #6A8FF2 100%);
}
.banner-bar.why-banner .banner-img {
  width: 431px;
}
.banner-bar.pk-banner {
  background-image: linear-gradient(-180deg, #516EDB 0%, #6A8FF2 100%);
  height: auto;
}
.banner-bar.pk-banner .banner-img-wrap {
  text-align: center;
  font-size: 0;
}
.banner-bar.pk-banner .banner-img-pk {
  display: inline-block;
  vertical-align: middle;
  margin: 50px 0;
}
.banner-bar.pk-banner .banner-img-pk-1 {
  width: 251px;
  margin: 0 20px 0 90px;
}
.banner-bar.pk-banner .banner-img-pk-2 {
  width: 164px;
}
.banner-bar.pk-banner .banner-img-pk-3 {
  width: 342px;
  margin-left: 20px;
}
.g-row:nth-child(2n) {
  background: rgba(218, 230, 246, 0.1);
}
.g-row h2 {
  font-size: 24px;
}
.g-row .p-tips {
  font-size: 14px;
  padding: 15px 0;
}
.vs-bar .vs-item {
  width: 50%;
  float: left;
  text-align: center;
}
.vs-bar .vs-item .p-tips {
  padding: 0 10px;
  min-height: 60px;
  line-height: 20px;
  margin: 15px 0;
}
.vs-bar .vs-item.has-vs {
  position: relative;
}
.vs-bar .vs-item.has-vs:after {
  color: #8f8f8f;
  content: "VS";
  position: absolute;
  display: block;
  width: 150px;
  font-size: 32px;
  text-align: center;
  right: -75px;
  bottom: 75px;
}
.list-bar {
  text-align: center;
  line-height: normal;
  padding-bottom: 50px;
  background: #fff url("../img/bolang.png") no-repeat center bottom / auto 106px;
}
.list-bar h1 {
  font-size: 32px;
}
.list-bar .p-tips {
  margin-top: 5px;
  font-size: 23px;
  color: #3D464A;
}
.flow-title-bar {
  text-align: center;
}
.flow-title-bar p {
  margin-top: 12px;
  font-size: 14px;
  color: #768893;
}
.flow-img-wrap {
  max-width: 928px;
  margin-top: 12px;
}
.table-wrap {
  padding: 50px 0 0;
}
.table-wrap td {
  text-align: left;
  width: 50%;
  padding: 25px 20px;
}
.nopaper-body .img-cont {
  overflow: hidden;
  margin: 0 auto;
  background-image: url("../img/no-paper.png");
  background-size: 1300px auto;
  background-repeat: no-repeat;
}
.nopaper-body .img-cont-250-300 {
  width: 250px;
  height: 300px;
}
.nopaper-body .img-cont-280-260 {
  width: 280px;
  height: 260px;
}
.nopaper-body .nopaper-row1-1 {
  background-position: -20px -20px;
}
.nopaper-body .nopaper-row1-2 {
  background-position: -290px -20px;
}
.nopaper-body .nopaper-row2-1 {
  background-position: -15px -340px;
}
.nopaper-body .nopaper-row3-1 {
  background-position: -315px -340px;
}
.nopaper-body .nopaper-row4-1 {
  background-position: -620px -340px;
}
.nopaper-body .nopaper-row5-1 {
  background-position: -915px -340px;
}
.im-body .img-cont {
  overflow: hidden;
  margin: 0 auto;
  background-image: url("../img/XIM.png");
  background-size: 560px auto;
  background-repeat: no-repeat;
}
.im-body .img-cont-250-300 {
  width: 250px;
  height: 300px;
}
.im-body .img-cont-280-260 {
  width: 280px;
  height: 260px;
}
.im-body .im-row1-1 {
  background-position: -20px -20px;
}
.im-body .im-row1-2 {
  background-position: -290px -20px;
}
.erp-body .g-row:nth-child(2n) {
  background: #fff;
}
.erp-body .img-cont {
  overflow: hidden;
  margin: 0 auto;
  background-image: url("../img/XERP.png");
  background-size: 560px auto;
  background-repeat: no-repeat;
}
.erp-body .img-cont-250-300 {
  width: 250px;
  height: 300px;
}
.erp-body .img-cont-280-260 {
  width: 280px;
  height: 260px;
}
.erp-body .erp-row1-1 {
  background-position: -20px -20px;
}
.erp-body .erp-row1-2 {
  background-position: -290px -20px;
}
.erp-body .flow-list-item {
  padding: 120px 0 0;
  position: relative;
}
.erp-body .flow-list-item:after {
  content: "";
  position: absolute;
  top: 45px;
  left: 50%;
  overflow: hidden;
  margin-left: -20px;
  width: 40px;
  height: 45px;
  background-image: url("../img/XERP.png");
  background-size: 560px auto;
  background-repeat: no-repeat;
  background-position: -20px -338px;
}
.comparative-body .table-wrap,
.why-body .table-wrap {
  padding: 0 0 50px;
  color: #3D464A;
}
.comparative-body .table-wrap .cfg-true,
.why-body .table-wrap .cfg-true {
  color: #fda32b;
  font-size: 12px;
}
.comparative-body .table-wrap tr td:not(:first-child),
.why-body .table-wrap tr td:not(:first-child) {
  text-align: center;
}
.comparative-body .table-wrap td.type-title,
.why-body .table-wrap td.type-title {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  color: #3D464A;
}
.comparative-body .table-wrap td,
.why-body .table-wrap td {
  width: 25%;
}
@media screen and (max-width: 600px) {
  .nopaper-body .nopaper-row1-1,
  .nopaper-body .nopaper-row1-2 {
    width: 125px;
    height: 150px;
    background-size: 650px auto;
  }
  .nopaper-body .nopaper-row1-1 {
    background-position: -10px -10px;
  }
  .nopaper-body .nopaper-row1-2 {
    background-position: -145px -10px;
  }
  .why-body .banner-bar.why-banner {
    background-size: cover;
    background-image: url("../img/banner-bg-why-mobile.png"), linear-gradient(-180deg, #516EDB 0%, #6A8FF2 100%);
  }
  .im-body .banner-bar.im-banner {
    background-size: cover;
    background-image: url("../img/banner-bg-im-mobile.png"), linear-gradient(75deg, #F38181, #FCE38A);
  }
  .im-body .im-row1-1,
  .im-body .im-row1-2 {
    width: 125px;
    height: 150px;
    background-size: 280px auto;
  }
  .im-body .im-row1-1 {
    background-position: -10px -10px;
  }
  .im-body .im-row1-2 {
    background-position: -145px -10px;
  }
  .erp-body .erp-row1-1,
  .erp-body .erp-row1-2 {
    width: 125px;
    height: 150px;
    background-size: 280px auto;
  }
  .erp-body .erp-row1-1 {
    background-position: -10px -10px;
  }
  .erp-body .erp-row1-2 {
    background-position: -145px -10px;
  }
  .banner-bar.pk-banner .banner-img-pk {
    display: block;
    padding: 20px 0;
    margin: 0 auto;
  }
  .banner-bar.pk-banner .banner-img-pk-1 {
    width: 168px;
  }
  .banner-bar.pk-banner .banner-img-pk-2 {
    width: 110px;
    padding: 0;
  }
  .banner-bar.pk-banner .banner-img-pk-3 {
    width: 228px;
  }
}
@media screen and (min-width: 600px) {
  .text-content-wrap {
    max-width: 400px;
  }
  .grid-item-l {
    float: left;
  }
  .grid-item-l .img-cont {
    margin: 0;
  }
  .grid-item-r {
    float: right;
  }
  .grid-item-r .text-content-wrap {
    float: right;
  }
  .grid-item-r .img-cont {
    margin: 0;
    float: right;
  }
  .vs-bar .vs-item.has-vs:after {
    font-size: 64px;
    top: 50%;
    margin-top: -24px;
  }
  .nopaper-body .text-content-wrap {
    margin-top: 65px;
  }
  .im-body .text-content-wrap {
    margin-top: 120px;
  }
}
@media screen and (min-width: 600px) and (max-width: 780px) {
  .wrap-size {
    margin: 0 .24rem;
  }
  .vs-bar .vs-item.has-vs:after {
    font-size: 48px;
  }
  .banner-bar.pk-banner .banner-img-pk-1 {
    width: 168px;
  }
  .banner-bar.pk-banner .banner-img-pk-2 {
    width: 110px;
  }
  .banner-bar.pk-banner .banner-img-pk-3 {
    width: 228px;
  }
}