<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
  padding: 0;
  margin: 0;
}
img {
  max-width: 100%;
}
.banner {
  /* margin-top: 17px; */
}
.banner .text1 {
  font-size: 16px;
  padding-bottom: 20px;
}
.banner h5 {
  margin-top: 80px;
}
.banner h6 {
  font-size: 20px;
}
.banner .image-background {
  background-size: cover;
}
.banner .text02 {
  color: #acacac;
}
.banner p a.btn {
  margin-top: 30px;
}
.banner .btnwarning {
  background: #04ADF0;
}
.banner .btnwarning:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1000px) {
  .banner h5 {
    margin-top: 55px;
  }
}
.section-name {
  font-size: 12px;
  color: #00A8FF;
  padding-top: 80px;
  text-align: center;
}
.section-title {
  text-align: center;
  font-size: 36px;
  padding-bottom: 70px;
}
.section-price {
  background: url(../images/pricebg.png) no-repeat 0 80px;
}
.section-title2 {
  text-align: center;
  font-size: 36px;
  padding-top: 70px;
}
.textsub {
  color: #353535;
  font-size: 16px;
  text-align: center;
}
.solution .side-text {
  /* width: 58.33333333%; */
  margin-right: 50px;
  width: auto;
}
.solution .side-text h3 {
  font-size: 52px;
  padding-left: 0;
}
.solution .side-text p {
  padding-left: 0;
  color: #676A6C;
}
.solution .side-text .linespan {
  height: 2px;
  background: #0089FF;
  width: 42px;
  display: inline-block;
}
.solution .head #icon div.current {
  border-color: #0089FF;
  color: #0089FF;
}
.solution .head #icon,
.solution .body #content {
  width: 100%;
}
.solution .head {
  margin-bottom: 100px;
}
.solution-container {
  /* padding: 0 calc(50vw - 483px); */
}
.solution-container .head {
  padding: 0 41.66667px;
}
.solution-container .owl-stage {
  display: flex;
  justify-content: center;
  min-width: 100%;
}
.solution-container .owl-stage .owl-item {
  margin-right: 25px;
}
.solution-container .owl-stage .owl-item:last-child {
  margin-right: 0;
}
.solution-container .head #icon .item,
.solution-container .head #icon1 .item {
  padding: 5.83333px 46px;
  height: auto;
  line-height: 1.4;
}
.cases-container .body .item {
  width: 80%;
}

.body-container .item .row {
  display: flex;
  justify-content: center;
}
.coreFunctions {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px 0px #DDE7EC;
  border-radius: 12px;
  text-align: center;
  /* color: #5C5F61; */
  color: #333;
  line-height: 2;
  padding: 35px 30px 30px;
  /* font-size: 14px; */
  font-size: 16px;
  -webkit-transition-property: all;
  -webkit-transition-duration: 1.3s;
  -webkit-transition-delay: 0.2;
  -webkit-transition-timing-function: ease;
}
/* .coreFunctions .text {
  font-size: 20px;
  color: #222;
} */
.coreFunctions .text {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.coreFunctions:hover {
  transform: translateY(-12px);
  -webkit-transition-property: all;
  -webkit-transition-duration: 1.3s;
  -webkit-transition-delay: 0.2;
  -webkit-transition-timing-function: ease;
  box-shadow: 0px 2px 12px 0px rgba(68, 127, 250, 0.54);
}
.functionalFeatures {
  padding-top: 10px;
}
.functionalFeatures dl {
  padding-bottom: 30px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 2;
  color: #676A6C;
}
.functionalFeatures dl dt {
  color: #2B2B2B;
  font-size: 20px;
  padding-bottom: 12px;
  font-weight: 500;
}
.functionalFeatures dl dt span {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #999CFB;
  opacity: 0.54;
  border: 1px solid #6969C8;
  border-radius: 12px;
  margin-right: 10px;
  line-height: 1;
}
.functionalFeatures dl:nth-child(2) dt span {
  background: #B8E886;
  border-color: #94C562;
}
.functionalFeatures dl dd {
  line-height: 2;
}
.functionalFeatures dl:last-child {
  padding-bottom: 0;
}
.pb70 {
  padding-bottom: 70px;
}
.codeinfo {
  padding: 40px 0 40px 45px;
  line-height: 1.5;
  color: #fff;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
}
.codeinfo pre {
  background: #1A1B38;
  padding: 0;
  margin: 0;
  border: 0;
  color: #fff;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
}
.codeinfo p {
  margin: 0;
  padding: 0;
  color: #fff;
}
.code1 {
  color: #EB78F7;
}
.code2 {
  color: #3E96E7;
}
.code3 {
  color: #994457;
}
.solution-owl-stage-outer {
  background: #1A1B38;
  border-radius: 12px;
}
.solution2 .head {
  margin-bottom: 35px;
}
.solution .head #icon1 .owl-stage {
  display: flex;
}
.solution .head #icon1 .item {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: center;
  flex: 1;
  margin-bottom: 0px;
  z-index: 999;
  border-bottom: #d9d9d9 solid 3px;
}
.solution .head #icon1 div.current {
  border-bottom: #4a90e2 solid 3px;
  z-index: 99999;
  font-weight: 600;
}
.priceLeft {
  background: #FFFFFF;
  box-shadow: 0px 1px 9px 5px rgba(9, 157, 253, 0.06);
  border-radius: 12px;
  border: 1px solid #F0F9FF;
  padding: 80px 0 90px 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 1.3s;
  -webkit-transition-delay: 0.2;
  -webkit-transition-timing-function: ease;
  max-width: 475px;
  margin: 0 auto;
}
.priceLeft h6 {
  font-size: 35px;
  color: #222;
  text-align: center;
  padding-bottom: 30px;
}
.priceLeft ul {
  padding-bottom: 30px;
  padding-left: 110px;
}
.priceLeft ul li {
  padding-bottom: 15px;
  color: #5C5F61;
  font-size: 16px;
}
.priceLeft ul li img {
  vertical-align: middle;
  padding-right: 20px;
}
.priceLeft .price {
  font-size: 35px;
  color: #099DFD;
  padding-left: 110px;
  padding-bottom: 20px;
}
.priceLeft:hover {
  transform: translateY(-12px);
  -webkit-transition-property: all;
  -webkit-transition-duration: 1.3s;
  -webkit-transition-delay: 0.2;
  -webkit-transition-timing-function: ease;
  box-shadow: 0px 2px 12px 0px rgba(68, 127, 250, 0.54);
}
.pb90 {
  padding-bottom: 90px;
}
.priceBtn {
  background: #099DFD;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  padding: 13px 100px;
  display: inline-block;
  margin-left: 110px;
  text-decoration: none;
}
.priceBtn:hover {
  color: #fff;
  text-decoration: none;
}
.priceL10 {
  margin-left: 10px;
  margin-right: 70px;
}
.priceR10 {
  margin-right: 30px;
  margin-left: 35px;
}
.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.wrodebg {
  margin-top: 70px;
  background: #131d7e url(../images/wordimgImg.jpg) no-repeat center 0;
  background-size: auto 100%;
  padding-top: 66px;
  padding-bottom: 60px;
}
.wrodebg ul {
  padding: 0 10%;
  display: flex;
  display: -webkit-flex;
}
.wrodebg ul li {
  -webkit-flex: 1;
  flex: 1;
  color: #fff;
  font-size: 14px;
  padding-left: 30px;
  border-right: 1px solid #7076b3;
}
.wrodebg ul li p {
  font-size: 20px;
  color: #fff;
}
.wrodebg ul li:last-child {
  border-right: 0;
}
.wrodebg ul li a {
  color: #fff;
}
@media (max-width: 767px) {
  .banner {
    margin-top: 0;
  }
  .banner h5 {
    margin-top: 55px;
    margin-bottom: 0;
  }
  .banner h6 {
    font-size: 12px;
    margin: 0;
  }
  .banner .text1 {
    padding-bottom: 0;
    font-size: 12px;
  }
  .banner p a.btn {
    margin-top: 5px;
  }
  .banner .text02 {
    font-size: 12px;
  }
  .section-title {
    font-size: 30px;
    padding-bottom: 40px;
  }
  .section-name {
    padding-top: 50px;
  }
  .section-name2 {
    padding-top: 0;
  }
  .solution .head #icon .item {
    border-width: 2px;
    font-size: 12px;
  }
  .solution .side-text h3 {
    font-size: 30px;
  }
  .solution .side-text {
    width: 100%;
  }
  .solution .head {
    margin-bottom: 30px;
  }
  .solution .side-text p {
    font-size: 12px;
  }
  .coreFunctions {
    margin-bottom: 25px;
  }
  .coreFunctions .text {
    font-size: 18p;
  }
  .functionalFeatures {
    padding-top: 10px;
  }
  .functionalFeatures dl {
    font-size: 13px;
    margin-bottom: 0;
  }
  .functionalFeatures dl dt {
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 500;
  }
  .functionalFeatures dl dd {
    line-height: 1.7;
  }
  .solution2 {
    display: none;
  }
  .section-title2 {
    padding-top: 20px;
  }
  .priceLeft {
    margin-bottom: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .priceLeft ul {
    padding-left: 50px;
  }
  .priceLeft .price {
    padding-left: 50px;
  }
  .priceLeft .priceBtn {
    padding-left: 50px;
    margin-left: 50px;
  }
  .priceR10 {
    margin-right: 0;
    margin-left: 0;
  }
  .priceL10 {
    margin-left: 0;
    margin-right: 0;
  }
  .pb90 {
    padding-bottom: 50px;
  }
  .section-title2 {
    font-size: 30px;
  }
  .wrodebg {
    padding-top: 30px;
  }
  .wrodebg ul {
    padding: 0;
  }
  .wrodebg ul li {
    padding-left: 15px;
    font-size: 12px;
  }
  .wrodebg ul li p {
    font-size: 16px;
  }
}
</pre></body></html>