ul,
ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.page-container .box {
  padding: 0;
}
.page-container .box .title-container {
  padding: 0;
}
.box {
  text-align: center;
}
.banner-top {
  width: 100%;
  height: 6.66666667rem;
  background: url("../images/s2b2b2c/bg_01.png") 0 0 / cover;
  padding: 1.33333333rem 0.50666667rem 1.17333333rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
}
.banner-top .title-main {
  width: 100%;
  font-size: 0.66666667rem;
  color: #fff;
}
.banner-top .title-small {
  width: 100%;
  font-size: 0.32rem;
  color: #fff;
  margin: 0.53333333rem 0 0.98666667rem;
}
.banner-top .now-service {
  width: 2.72rem;
  height: 0.81333333rem;
  border-radius: 0.41333333rem;
  border: solid 0.02666667rem #fff;
  font-size: 0.33333333rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solve {
  padding: 0.93333333rem 0.26666667rem;
  background: #fdfdfd;
}
.solve .solve-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.solve .solve-title .title-main {
  font-size: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
}
.solve .solve-title .title-small {
  font-size: 0.32rem;
  color: #999999;
  margin: 0.18666667rem 0 0.42666667rem;
}
.solve .solve-title .title-tip {
  font-size: 0.34666667rem;
  line-height: 0.54666667rem;
  color: #666666;
  margin-bottom: 0.72rem;
}
.solve .solve-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.solve .solve-list .solve-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 0 0.13333333rem 0 rgba(56, 116, 244, 0.2);
  padding: 0.96rem 0.42666667rem;
  text-align: left;
}
.solve .solve-list .solve-item .item-img {
  height: 1.46666667rem;
  margin-right: 0.6rem;
}
.solve .solve-list .solve-item .item-desc .desc-title {
  font-size: 0.4rem;
  color: #1a1a1a;
}
.solve .solve-list .solve-item .item-desc .desc-small {
  margin-top: 0.21333333rem;
  font-size: 0.26666667rem;
  color: #4d4d4d;
}
.solve .solve-list .solve-other {
  width: 4.58666667rem;
  margin-top: 0.32rem;
  flex-wrap: wrap;
  padding: 0.4rem;
}
.solve .solve-list .solve-other .desc-title {
  width: 100%;
}
.operation {
  padding: 0.93333333rem 0.26666667rem;
  background: #fff;
}
.operation .operation-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.operation .operation-title .title-main {
  font-size: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
}
.operation .operation-title .title-small {
  font-size: 0.32rem;
  color: #999999;
  margin: 0.18666667rem 0 0.42666667rem;
}
.operation .content {
  width: 100%;
  height: 5.46666667rem;
  background: url("../images/s2b2b2c/bg_02.png") 0 0 / contain;
}
.special {
  padding: 0.93333333rem 0.26666667rem;
  background: #fdfdfd;
}
.special .special-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.special .special-title .title-main {
  font-size: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
}
.special .special-title .title-small {
  font-size: 0.32rem;
  color: #999999;
  margin: 0.18666667rem 0 0.42666667rem;
}
.special .special-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.special .special-list .special-item {
  width: 4.58666667rem;
  height: 4.58666667rem;
  background: url("../images/s2b2b2c/icon_special_01.png") 0 0 / cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4rem;
  color: #fff;
  margin-bottom: 0.32rem;
}
.special .special-list .special-item:nth-child(2) {
  background: url("../images/s2b2b2c/icon_special_02.png") 0 0 / cover;
}
.special .special-list .special-item:nth-child(3) {
  background: url("../images/s2b2b2c/icon_special_03.png") 0 0 / cover;
}
.special .special-list .special-item:nth-child(4) {
  background: url("../images/s2b2b2c/icon_special_04.png") 0 0 / cover;
}
.special .special-list .special-item:nth-child(5) {
  background: url("../images/s2b2b2c/icon_special_05.png") 0 0 / cover;
}
.special .special-list .special-item:nth-child(6) {
  background: url("../images/s2b2b2c/icon_special_06.png") 0 0 / cover;
}
.special .special-list .special-item:nth-child(7) {
  background: url("../images/s2b2b2c/icon_special_07.png") 0 0 / cover;
}
.special .special-list .special-item:nth-child(8) {
  background: url("../images/s2b2b2c/icon_special_08.png") 0 0 / cover;
}
.system {
  padding: 0.93333333rem 0.26666667rem;
  background: #fff;
}
.system .system-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.system .system-title .title-main {
  font-size: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
}
.system .system-title .title-small {
  font-size: 0.32rem;
  color: #999999;
  margin: 0.18666667rem 0 0.42666667rem;
}
.system .system-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 0.21333333rem 0 rgba(76, 142, 255, 0.16);
  padding: 0.32rem;
  margin-bottom: 0.45333333rem;
}
.system .system-item .item-img {
  height: 0.96rem;
  margin-right: 0.72rem;
}
.system .system-item .content {
  text-align: left;
}
.system .system-item .content .desc-main {
  font-size: 0.4rem;
  color: #333333;
  margin-bottom: 0.26666667rem;
}
.system .system-item .content .desc-small {
  font-size: 0.29333333rem;
  color: #666666;
}
.cost {
  padding: 0.93333333rem 0.26666667rem;
  background: #fff;
}
.cost .value-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.cost .value-title .title-main {
  font-size: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
}
.cost .value-title .title-small {
  font-size: 0.32rem;
  color: #999999;
  margin: 0.18666667rem 0 0.42666667rem;
}
.cost .value-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 0.21333333rem 0 rgba(76, 142, 255, 0.16);
  padding: 0.32rem;
  margin-bottom: 0.45333333rem;
  position: relative;
}
.cost .value-item .item-img {
  position: absolute;
  top: -0.26666667rem;
  left: 0.34666667rem;
  height: 0.96rem;
  margin-right: 0.72rem;
}
.cost .value-item .content {
  text-align: left;
  margin-left: 1.33333333rem;
}
.cost .value-item .content .desc-main {
  font-size: 0.4rem;
  color: #333333;
  margin-bottom: 0.26666667rem;
}
.cost .value-item .content .desc-small {
  font-size: 0.29333333rem;
  color: #666666;
}
.func {
  padding: 0.93333333rem 0.26666667rem;
  background: #fff;
}
.func .func-title {
  padding: 0 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.90666667rem;
}
.func .func-title .title-main {
  font-size: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
}
.func .func-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.func .func-list .func-item {
  width: 4.56rem;
  height: 3.74666667rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.13333333rem 0 rgba(56, 116, 244, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0.66666667rem 0;
  margin-bottom: 0.37333333rem;
}
.func .func-list .func-item .item-img {
  height: 1.25333333rem;
  margin-bottom: 0.69333333rem;
}
.func .func-list .func-item .desc-main {
  width: 100%;
  font-size: 0.4rem;
  color: #333333;
}
.application {
  padding: 0.66666667rem 0 0;
  background: #f7f8fc;
}
.application .application-title {
  padding: 0 1.06666667rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.application .application-title .title-main {
  font-size: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
  width: 100%;
}
.application .application-title .title-small {
  font-size: 0.32rem;
  color: #999999;
  margin: 0.18666667rem 0 0.42666667rem;
}
.application .app-list {
  display: flex;
}
.application .app-list .app-item {
  width: calc(100%/4);
  height: 6.22666667rem;
  background: url("../images/s2b2b2c/icon_app_01.jpg") 0 0 / cover;
  font-size: 0.4rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.application .app-list .app-item:nth-child(2) {
  background: url("../images/s2b2b2c/icon_app_02.jpg") 0 0 / cover;
}
.application .app-list .app-item:nth-child(3) {
  background: url("../images/s2b2b2c/icon_app_03.jpg") 0 0 / cover;
}
.application .app-list .app-item:nth-child(4) {
  background: url("../images/s2b2b2c/icon_app_04.jpg") 0 0 / cover;
}
.application .app-list .app-item .desc-main {
  margin: 0 auto;
  width: 0.4rem;
}
.banner-footer {
  width: 100%;
  height: 4rem;
  background: url("../images/s2b2b2c/bg_03.png") 0 0 / contain;
  padding: 1.2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.banner-footer .desc-main {
  width: 100%;
  font-size: 0.4rem;
  color: #fff;
  margin-bottom: 0.45333333rem;
}
.banner-footer .now-service {
  width: 2.09333333rem;
  height: 0.65333333rem;
  border-radius: 0.33333333rem;
  border: solid 0.01333333rem #ffffff;
  font-size: 0.32rem;
  color: #fff;
}