@media screen and (min-width: 1441px) {
  html {
    font-size: 24px;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  html {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  html {
    font-size: 24px;
  }
  html .system .common-title {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: 18px;
  }
  html .system .common-title {
    margin: 0 auto;
  }
  html .scenes .select-box > .select-result {
    height: 21.92rem;
  }
  html .scenes .select-box > .select-result > .values .values-li {
    height: 6rem;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
  html .banner .banner-content > img {
    bottom: -5rem;
    width: 10rem;
  }
  html .banner .banner-content .desc {
    width: 100%;
  }
  html .swiper-button-prev,
  html .swiper-button-next {
    display: none;
  }
  html .swiper-button-next {
    right: 10px !important;
  }
  html .case-swiper > .swiper-container {
    width: 100%;
  }
  html .case-swiper > .swiper-container > .swiper-wrapper .swiper-slide > .text {
    padding: 1rem;
  }
  html .case-swiper > .swiper-container > .swiper-wrapper .swiper-slide > .text > .img {
    display: none;
  }
  html .case-swiper > .swiper-container > .swiper-wrapper .swiper-slide > .text > .text-right {
    width: 100%;
  }
  html .case-swiper > .swiper-button {
    display: none;
  }
  html .system {
    margin-top: 4rem;
  }
  html .system > .common-title {
    margin: 0 auto;
  }
  html .all-button {
    margin: auto;
  }
  html .auto-sync .sync-content .sync-img {
    display: none;
  }
  html .auto-sync .sync-content .sync-right {
    width: 100%;
    text-align: center;
  }
  html .common-left-img .content .img-left {
    display: none;
  }
  html .common-left-img .content .text-right {
    width: 100%;
    text-align: center;
  }
  html .likeUse .likeUse-img {
    display: none;
  }
  html .likeUse .likeUse-left {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-right: 0;
  }
  html .common-left-text .text-left {
    width: 100%;
    text-align: center;
  }
  html .common-left-text .img-right {
    display: none;
  }
  html .superiority > .common-title {
    width: 80%;
    margin: 0 auto;
  }
  html .superiority .superiority-list:nth-child(3) {
    margin-top: 0;
  }
  html .superiority .superiority-list .superiority-li {
    display: block;
    width: 80%;
    margin-right: 0;
  }
  html .superiority .superiority-list .superiority-li:nth-child(2n) {
    display: none;
  }
  html .scenes .select-box > .select-bar > a {
    width: calc(50% - 2px);
  }
  html .scenes .select-box > .select-bar > .select-team {
    border-left: 1px solid #e6e9eb;
    border-radius: 1.25rem 0 0 1.25rem;
  }
  html .scenes .select-box > .select-bar > .select-operation {
    border-radius: 0 1.25rem 1.25rem 0;
  }
  html .scenes .select-box > .select-result {
    height: 41.5rem;
  }
  html .scenes .select-box > .select-result > .values .values-li {
    width: 100%;
    margin-right: 0;
  }
  html .spm > img {
    display: none;
  }
  html .spm > .text {
    width: 80%;
    margin-left: 10%;
  }
}
.common-title {
  text-align: center;
  font-size: 1.58rem;
  font-weight: 600;
  color: #111C19;
  line-height: 2.21rem;
}
.common-desc {
  text-align: center;
  font-size: 0.83rem;
  font-weight: 400;
  color: #676D6B;
  line-height: 1.17rem;
  margin-top: 1.25rem;
}
.banner {
  background: rgba(47, 54, 118, 0.0848);
  border-bottom: 1px solid #f1f1f1;
  padding: 3.75rem 0;
}
.banner > .banner-content {
  position: relative;
  max-width: 1000px;
  width: 80%;
  margin: 0 auto;
}
.banner > .banner-content > .title {
  font-size: 1.75rem;
  font-weight: 400;
  color: #23292D;
  line-height: 2.46rem;
}
.banner > .banner-content > .desc {
  width: 49%;
  font-size: 0.83rem;
  color: #111C19;
  line-height: 1.33rem;
  margin: 0.67rem 0 1rem;
}
.banner > .banner-content > img {
  position: absolute;
  width: 60%;
  right: -10%;
  bottom: -7rem;
}
.all-button {
  width: 15.83rem;
}
.all-button .btn {
  margin-right: 0.83rem;
}
.all-button .btn:last-child {
  margin-right: 0;
}
.system {
  width: 80%;
  max-width: 1156px;
  margin: 6.63rem auto 3.54rem;
}
.system .sys-img {
  display: block;
  width: 100%;
  margin: 1.67rem 0;
}
.system > .advantage {
  width: 80%;
  margin: 2.08rem auto 0;
}
.system > .advantage > img {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: 10%;
}
.system > .advantage > .advantage-list {
  width: 40%;
  display: inline-block;
  vertical-align: top;
}
.system > .advantage > .advantage-list > li > .title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #414947;
  line-height: 1.17rem;
}
.system > .advantage > .advantage-list > li > .desc {
  font-size: 0.58rem;
  font-weight: 400;
  color: rgba(65, 73, 71, 0.75);
  line-height: 1rem;
  margin: 5px 0 1rem;
}
.auto-sync {
  background: #fdfdfe;
  border-top: 1px solid #f1f3f4;
  border-bottom: 1px solid #f1f3f4;
  padding: 3.33rem 0;
}
.auto-sync > .sync-content {
  width: 80%;
  max-width: 1020px;
  margin: auto;
}
.auto-sync > .sync-content > .sync-img {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  margin-right: 10%;
  margin-top: 2.54rem;
}
.auto-sync > .sync-content > .sync-right {
  display: inline-block;
  width: 50%;
  margin-top: 2.54rem;
}
.auto-sync > .sync-content > .sync-right .sync-text {
  font-size: 0.67rem;
  font-weight: 400;
  color: #545d66;
  line-height: 1.17rem;
  padding: 0.63rem 0;
}
.common-left-text {
  border-bottom: 1px solid #f1f3f4;
  padding: 3.75rem 0;
}
.common-left-text .content {
  width: 80%;
  max-width: 45.42rem;
  margin: 0 auto;
}
.common-left-text .text-left {
  width: 45%;
  margin-right: 5%;
  display: inline-block;
  margin-top: 2.5rem;
  vertical-align: middle;
}
.common-left-text .text-left .text {
  font-size: 0.67rem;
  font-weight: 400;
  color: #545d66;
  line-height: 1.17rem;
  padding: 0.63rem 0;
}
.common-left-text .img-right {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-top: 3.33rem;
  vertical-align: middle;
}
.common-left-img {
  background: #fdfdfe;
  border-bottom: 1px solid #f1f3f4;
  padding: 3.75rem 0;
}
.common-left-img .content {
  width: 80%;
  max-width: 1060px;
  margin: auto;
}
.common-left-img .img-left {
  display: inline-block;
  width: 50%;
  margin-right: 5%;
  vertical-align: top;
  margin-top: 3.5rem;
}
.common-left-img .text-right {
  display: inline-block;
  width: 45%;
  margin-top: 2.5rem;
}
.common-left-img .text-right .text {
  font-size: 0.67rem;
  font-weight: 400;
  color: #545d66;
  line-height: 1.17rem;
  padding: 0.63rem 0;
}
.likeUse {
  width: 80%;
  max-width: 1060px;
  margin: auto;
  padding: 4.17rem 0;
}
.likeUse .likeUse-left {
  width: 46%;
  margin-right: 2%;
  display: inline-block;
  margin-top: 2.5rem;
  vertical-align: middle;
}
.likeUse .likeUse-left .likeUse-text {
  font-size: 0.67rem;
  font-weight: 400;
  color: #545d66;
  line-height: 28px;
  padding: 1.79rem 0;
}
.likeUse .likeUse-img {
  display: inline-block;
  vertical-align: middle;
  margin-top: 2.5rem;
  width: 52%;
}
.superiority {
  background: #fdfdfe;
  border-top: 1px solid #f1f3f4;
  border-bottom: 1px solid #f1f3f4;
  padding: 3.75rem 0 2.5rem;
}
.superiority > .superiority-list {
  max-width: 1170px;
  width: 80%;
  margin: 2.08rem auto 0;
  text-align: center;
  display: table;
}
.superiority > .superiority-list > .superiority-li {
  text-align: left;
  display: table-cell;
  vertical-align: top;
  padding: 1.25rem 1.67rem;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 1.25rem;
  background: #ffffff;
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.superiority > .superiority-list > .superiority-li:nth-child(2n) {
  width: 4%;
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.superiority > .superiority-list > .superiority-li > img {
  width: 2.83rem;
  display: inline-block;
  vertical-align: top;
}
.superiority > .superiority-list > .superiority-li > .text {
  margin-left: 1.25rem;
  width: calc(100% - 4.08rem);
  display: inline-block;
  vertical-align: top;
}
.superiority > .superiority-list > .superiority-li > .text > .title {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.04rem;
  margin-bottom: 0.42rem;
}
.superiority > .superiority-list > .superiority-li > .text > .desc {
  font-size: 0.58rem;
  font-weight: 400;
  color: #414947;
  line-height: 1rem;
}
.superiority > .all-button {
  margin: 1.8rem auto 0;
}
.scenes {
  padding: 3.75rem 0 1.67rem;
}
.scenes > .select-box {
  max-width: 1080px;
  width: 80%;
  margin: 1.67rem auto 0;
}
.scenes > .select-box > .select-bar {
  margin-bottom: 2.08rem;
}
.scenes > .select-box > .select-bar > a {
  width: calc(25% - 2px);
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background: #ffffff;
  font-size: 0.67rem;
  color: #23292D;
  line-height: 2.5rem;
  border-top: 1px solid #e6e9eb;
  border-bottom: 1px solid #e6e9eb;
  border-right: 1px solid #e6e9eb;
}
.scenes > .select-box > .select-bar > a:hover {
  background: #f9f9f9;
}
.scenes > .select-box > .select-bar > .select-manage {
  border-left: 1px solid #e6e9eb;
  border-radius: 1.25rem 0 0 1.25rem;
}
.scenes > .select-box > .select-bar > .select-sales {
  border-radius: 0 1.25rem 1.25rem 0;
}
.scenes > .select-box.manage > .select-bar .select-manage {
  background: #14be4b;
  color: #FFFFFF;
}
.scenes > .select-box.manage > #manage {
  display: block;
}
.scenes > .select-box.sales > .select-bar .select-sales {
  background: #14be4b;
  color: #FFFFFF;
}
.scenes > .select-box.sales > #sales {
  display: block;
}
.scenes > .select-box.operation > .select-bar .select-operation {
  background: #14be4b;
  color: #FFFFFF;
}
.scenes > .select-box.operation > #operation {
  display: block;
}
.scenes > .select-box.team > .select-bar .select-team {
  background: #14be4b;
  color: #FFFFFF;
}
.scenes > .select-box.team > #team {
  display: block;
}
.scenes > .select-box > .select-result {
  display: none;
  text-align: center;
  height: 17.92rem;
}
.scenes > .select-box > .select-result > .title {
  font-size: 1rem;
  font-weight: 600;
  color: #111c19;
  line-height: 1.38rem;
}
.scenes > .select-box > .select-result > .subtitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #414947;
  line-height: 1.04rem;
  margin: 0.83rem 0 2.5rem;
}
.scenes > .select-box > .select-result > .values {
  text-align: left;
  list-style: none;
}
.scenes > .select-box > .select-result > .values > .values-li {
  display: inline-block;
  vertical-align: top;
  width: 27%;
  height: 4rem;
  margin: 0 9% 2.08rem 0;
}
.scenes > .select-box > .select-result > .values > .values-li > img {
  width: 2.08rem;
  margin-right: 1.25rem;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.scenes > .select-box > .select-result > .values > .values-li > .text {
  width: calc(100% - 3.33rem);
  display: inline-block;
  vertical-align: top;
  margin-top: 0.54rem;
}
.scenes > .select-box > .select-result > .values > .values-li > .text > .title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #111c19;
  line-height: 1.04rem;
  margin-bottom: 0.42rem;
}
.scenes > .select-box > .select-result > .values > .values-li > .text > .desc {
  font-size: 0.58rem;
  font-weight: 400;
  color: #414947;
  line-height: 1rem;
}
.scenes > .select-box > .select-result > .values > .values-li:nth-child(3n) {
  margin-right: 0;
}
.scenes > .all-button {
  margin: 1.8rem auto 0;
}
.spm {
  border-bottom: 1px solid #f1f3f4;
  border-top: 1px solid #f1f3f4;
  background: #fdfdfe;
  padding: 3.75rem 0;
}
.spm > img {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.spm > .text {
  max-width: 516px;
  width: 40%;
  margin-left: 7%;
  display: inline-block;
  vertical-align: top;
}
.spm > .text > .title {
  font-size: 1rem;
  font-weight: 600;
  color: #111c19;
  line-height: 1.38rem;
  margin-bottom: 1.04rem;
}
.spm > .text > .desc {
  width: 70%;
  margin: 0.42rem 0 1.46rem 1rem;
  list-style: disc;
}
.spm > .text > .desc > .desc-li {
  font-size: 0.67rem;
  font-weight: 400;
  color: #404846;
  line-height: 1rem;
  margin-bottom: 0.63rem;
}
.service {
  padding: 3.75rem 0 3.75rem;
  max-width: 1080px;
  width: 80%;
  margin: 0 auto;
}
.service > img {
  margin-top: 2.5rem;
  width: 100%;
  height: auto;
}
.case-swiper {
  position: relative;
  max-width: 1160px;
  margin: 2.5rem auto 0;
  width: 80%;
}
.case-swiper .swiper-button-prev,
.case-swiper .swiper-button-next {
  background: none;
}
.case-swiper > .swiper-container {
  width: 80%;
  box-shadow: 10px 10px 10px -3px #F4F5F7;
}
.case-swiper > .swiper-container > .swiper-wrapper > .swiper-slide > .logo {
  padding: 2.92rem 0;
  background: url(../images/transformatebg.dd65c3.png) no-repeat;
  background-size: cover;
  text-align: center;
}
.case-swiper > .swiper-container > .swiper-wrapper > .swiper-slide > .logo > .common-title {
  margin-bottom: 0.83rem;
}
.case-swiper > .swiper-container > .swiper-wrapper > .swiper-slide > .text {
  box-sizing: border-box;
  padding: 1.5rem 2.79rem;
}
.case-swiper > .swiper-container > .swiper-wrapper > .swiper-slide > .text > .img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 1.6rem;
}
.case-swiper > .swiper-container > .swiper-wrapper > .swiper-slide > .text > .img > img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.case-swiper > .swiper-container > .swiper-wrapper > .swiper-slide > .text > .text-right {
  display: inline-block;
  width: calc(100% - 6.6rem);
  vertical-align: middle;
  font-size: 0.71rem;
  line-height: 1.2rem;
}
.case-swiper > .swiper-container > .swiper-wrapper > .swiper-slide > .text > .text-right > .desc {
  color: rgba(70, 70, 70, 0.6);
}
.case-swiper > .swiper-container > .swiper-wrapper > .swiper-slide > .text > .text-right > .name {
  color: #464646;
  margin-top: 1rem;
  text-align: right;
}
.case-swiper .swiper-button {
  font-family: arrow;
  background: none;
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  color: rgba(70, 70, 70, 0.5);
}
.case-swiper .swiper-button:hover,
.case-swiper .swiper-button:active {
  color: #00C135;
}
html .client {
  padding: 3rem 0 0;
}
html .client .content .video img {
  display: block;
}