.page-container .banner-top {
  width: 100%;
  height: 6.66666667rem;
  background: url("../images/erp/banner_01.png") 0 0 / cover;
  padding: 1.33333333rem 0.50666667rem 1.17333333rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
}
.page-container .banner-top .title-main {
  width: 100%;
  font-size: 0.66666667rem;
  color: #fff;
}
.page-container .banner-top .title-small {
  width: 100%;
  font-size: 0.32rem;
  color: #fff;
  margin: 0.26666667rem 0 0.98666667rem;
}
.page-container .banner-top .now-service {
  width: 2.72rem;
  height: 0.81333333rem;
  border-radius: 0.41333333rem;
  border: solid 0.01333333rem #fff;
  font-size: 0.33333333rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-container .bg-f7f8fc {
  background-color: #f7f8fc;
}
.page-container .box-1 .description {
  margin-bottom: 0.96rem;
  font-size: 0.34666667rem;
  color: #666666;
  line-height: 1.5;
  text-align: center;
}
.page-container .box-1 .img {
  width: 9.6rem;
  margin: 0 auto;
}
.page-container .box-2 .list {
  padding: 0 0.26666667rem;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.page-container .box-2 .list .item {
  flex: 1;
  margin-right: 0.4rem;
  border-radius: 0.08rem;
  overflow: hidden;
}
.page-container .box-2 .list .item .top {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.68rem;
}
.page-container .box-2 .list .item .top .icon {
  width: 0.66666667rem;
  height: 0.66666667rem;
  object-fit: contain;
}
.page-container .box-2 .list .item .top .label {
  margin-left: 0.13333333rem;
  font-size: 0.37333333rem;
  color: #ffffff;
}
.page-container .box-2 .list .item .top.color-f7934f {
  background-color: #f7934f;
}
.page-container .box-2 .list .item .top.color-ffc000 {
  background-color: #ffc000;
}
.page-container .box-2 .list .item .top.color-527bfd {
  background-color: #527bfd;
}
.page-container .box-2 .list .item .top.color-6aca6c {
  background-color: #6aca6c;
}
.page-container .box-2 .list .item .top.color-ed8d8d {
  background-color: #ed8d8d;
}
.page-container .box-2 .list .item .top.color-8dafed {
  background-color: #8dafed;
}
.page-container .box-2 .list .item .info {
  padding: 0.4rem;
  height: 4.53333333rem;
  background-color: #fafafc;
  font-size: 0.29333333rem;
  text-align: center;
  color: #333333;
}
.page-container .box-2 .list .item .info .text {
  line-height: 2;
}
.page-container .box-2 .list .item .info-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0.4rem 1.41333333rem;
  font-size: 0.29333333rem;
  text-align: center;
  color: #333333;
  background-color: #fafafc;
}
.page-container .box-2 .list .item .info-list .info-item {
  margin-right: 0.4rem;
  line-height: 2.5;
}
.page-container .box-2 .list .item .info-list .info-item:nth-child(4n) {
  margin: 0;
}
.page-container .box-2 .list .item:last-child {
  margin-right: 0;
}
.page-container .box-3 .img {
  display: block;
  margin: 0.8rem auto 0;
  width: 6.93333333rem;
  height: 5.70666667rem;
}
.page-container .box-3 .list {
  padding: 0 0.4rem;
}
.page-container .box-3 .list .item {
  padding-left: 0.53333333rem;
  margin-bottom: 0.53333333rem;
  background: url(../images/erp/icon_07.png) no-repeat left 0.13333333rem/0.36rem 0.25333333rem;
}
.page-container .box-3 .list .item .title {
  font-size: 0.4rem;
  color: #1a1a1a;
}
.page-container .box-3 .list .item .desctiption {
  margin-top: 0.26666667rem;
  font-size: 0.29333333rem;
  line-height: 1.5;
  color: #4d4d4d;
}
.page-container .box-4 .list {
  padding: 0 0.26666667rem;
}
.page-container .box-4 .list .item {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4rem;
  padding: 0 0.8rem;
  width: 100%;
  height: 4.24rem;
  border-radius: 0.08rem;
  text-align: center;
  background-size: cover;
}
.page-container .box-4 .list .item .icon {
  width: 1.02666667rem;
  height: 1.02666667rem;
  object-fit: contain;
}
.page-container .box-4 .list .item .title {
  margin: 0.26666667rem 0;
  font-size: 0.4rem;
  font-weight: bold;
  color: #ffffff;
}
.page-container .box-4 .list .item .description {
  font-size: 0.29333333rem;
  color: #ffffff;
  line-height: 1.5;
}
.page-container .box-4 .list .item:nth-child(1) {
  background-image: url(../images/erp/img_07.png);
}
.page-container .box-4 .list .item:nth-child(2) {
  background-image: url(../images/erp/img_07.png);
}
.page-container .box-4 .list .item:nth-child(3) {
  background-image: url(../images/erp/img_07.png);
}
.footer {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4rem;
  background: url(../images/erp/img_10.png) no-repeat center center / cover;
}
.footer .title {
  font-size: 0.4rem;
  color: #ffffff;
}
.footer .button {
  margin-top: 0.46666667rem;
  width: 2.42666667rem;
  height: 0.72rem;
  border: solid 0.01333333rem #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  line-height: 0.29333333rem;
  color: #ffffff;
  border-radius: 0.72rem;
}