.w1200 {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.w934 {
  position: relative;
  width: 9.34rem;
  margin: 0 auto;
}
html body {
  font-size: 12px;
}
.web-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0.32rem;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.web-header .menu-phone {
  display: none;
}
.web-header .logo {
  margin-left: 0.78rem;
}
.web-header .logo img {
  height: 0.32rem;
}
.web-header .navs {
  margin-right: 1.45rem;
}
.web-header .navs ul {
  display: flex;
}
.web-header .navs ul li {
  margin-left: 0.52rem;
}
.web-header .navs ul li a {
  font-size: 0.18rem;
  color: #fff;
  opacity: 0.9;
  transition: all 0.2s;
}
.web-header .navs ul li a:hover {
  opacity: 1;
}
.web-header .navs ul li.active a {
  opacity: 1;
}
.web-footer {
  background-color: #2d3845;
}
.web-footer .w1200 {
  padding-bottom: 0.56rem;
}
.web-footer .wf01 {
  display: flex;
  justify-content: space-between;
}
.web-footer .wf-logo {
  margin-left: -0.4rem;
}
.web-footer .wf-logo img {
  width: 3.19rem;
}
.web-footer .wf-nav {
  margin-top: 0.44rem;
  width: 1.6rem;
}
.web-footer .wf-nav ul li {
  border-bottom: 1px solid #555;
  font-size: 0.13rem;
  line-height: 0.34rem;
}
.web-footer .wf-nav ul li a {
  color: #fff;
}
.web-footer .wf-contact {
  text-align: right;
  margin-top: 0.48rem;
  margin-right: -0.42rem;
}
.web-footer .wf-contact dl {
  margin-top: 0.08rem;
  font-size: 0.15rem;
  line-height: 0.28rem;
}
.web-footer .wf-contact dl dt {
  color: rgba(255,255,255,0.8);
}
.web-footer .wf-contact dl dd {
  color: #9faebe;
}
.web-footer .wf-contact a.join-us {
  margin-top: 0.22rem;
  font-size: 0.18rem;
  color: #9faebe;
  line-height: 0.25rem;
}
.web-footer .wf-copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.bei {
  font-size: 12px;
  color: #9faebe;
  text-align: center;
  line-height: 0.4rem;
  background-color: #202d3b;
}
.bei a {
  color: #9faebe;
}
.web-fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0.9rem;
  height: 0;
  overflow: visible;
}
.web-fixed a.up {
  float: right;
  margin-right: -0.42rem;
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 20px;
}
.web-body {
  position: relative;
}
.index-top {
  position: relative;
  height: 8rem;
}
.index-top .bg {
  position: relative;
  width: 100%;
}
.index-top .w1200 {
  position: absolute;
  z-index: 1;
}
.index-top .it-words {
  color: #fff;
}
.index-top .it-words hr {
  margin: 0.16rem 0;
  width: 2.54rem;
  border: 2px solid #fff;
}
.index-top .it-words p {
  font-size: 0.64rem;
  line-height: 0.82rem;
}
.index-top .it-words p.en {
  font-size: 0.24rem;
  color: rgba(255,255,255,0.77);
  line-height: 0.32rem;
}
.index-part .ip-tit .ch span {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.32rem;
  color: #333;
  line-height: 0.52rem;
  font-weight: 800;
  text-align: center;
}
.index-part .ip-tit .ch span:before,
.index-part .ip-tit .ch span:after {
  margin: 0 0.32rem;
  content: "";
  width: 1.06rem;
  border: 1px solid #b0b0b0;
}
.index-part .ip-tit .en {
  margin-top: -2px;
  font-size: 0.16rem;
  color: #959595;
  line-height: 0.24rem;
  text-align: center;
}
.part01 {
  padding-top: 0.8rem;
}
.part01 .ip-list {
  margin-top: 0.94rem;
}
.part01 .ip-list .blocks {
  display: flex;
}
.part01 .ip-list .blocks .blo {
  margin: 0 0.1rem;
  border-radius: 0.06rem;
  width: 2.4rem;
  height: 2.7rem;
  padding-top: 0.52rem;
  box-shadow: 0px 2px 40px rgba(0,0,0,0.08);
  text-align: center;
}
.part01 .ip-list .blocks .blo .ic-box {
  border-radius: 0.19rem;
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
  transition: all 0.2s;
}
.part01 .ip-list .blocks .blo .ic-box img {
  max-width: 90%;
  max-height: 90%;
}
.part01 .ip-list .blocks .blo .ic-tit {
  margin-top: 0.28rem;
  font-size: 0.19rem;
  color: #333;
  font-weight: 500;
  line-height: 0.26rem;
  transition: all 0.2s;
}
.part01 .ip-list .blocks .blo .ic-intro {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  color: #999;
  line-height: 0.26rem;
  transition: all 0.2s;
}
.part01 .ip-list .blocks .blo .more {
  margin-top: 0.2rem;
  font-size: 0.15rem;
  color: #663cfc;
  line-height: 0.21rem;
  opacity: 0;
  transition: all 0.2s;
}
.part01 .ip-list .blocks .blo:nth-child(1) .ic-box {
  background-color: #fab005;
}
.part01 .ip-list .blocks .blo:nth-child(2) .ic-box {
  background-color: #60dcaa;
}
.part01 .ip-list .blocks .blo:nth-child(3) .ic-box {
  background-color: #f03e3d;
}
.part01 .ip-list .blocks .blo:nth-child(4) .ic-box {
  background-color: #7752be;
}
.part01 .ip-list .blocks .blo:nth-child(5) .ic-box {
  background-color: #4dadf7;
}
.part01 .ip-list .blocks .blo:hover .ic-box {
  margin-top: -0.21rem;
}
.part01 .ip-list .blocks .blo:hover .ic-tit {
  color: #663cfc;
}
.part01 .ip-list .blocks .blo:hover .more {
  opacity: 1;
}
.part01 .ip-img {
  margin-top: 1.38rem;
  text-align: center;
}
.part01 .ip-img img {
  max-width: 100%;
}
.part02 {
  margin-top: 1.82rem;
  margin-bottom: 1.4rem;
}
.part02 .ip-list {
  padding-top: 0.16rem;
}
.part02 .ip-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.part02 .ip-list ul li {
  margin-top: 0.58rem;
  width: 16.666666%;
  text-align: center;
}
.part02 .ip-list ul li img {
  max-width: 100%;
}
.solution-top {
  position: relative;
  height: 4.82rem;
}
.solution-top .words {
  color: #fff;
  text-align: center;
}
.solution-top .words .zh {
  font-size: 0.46rem;
  line-height: 0.65rem;
}
.solution-top .words .en {
  margin-top: 0.12rem;
  font-size: 0.16rem;
  line-height: 0.45rem;
}
.solution-tabs {
  position: relative;
  width: 11.4rem;
  height: 2rem;
  margin: -1.4rem auto 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0px 3px 0.4rem rgba(0,0,0,0.16);
  background-color: #fff;
  z-index: 1;
  overflow: visible;
}
.solution-tabs a.st {
  width: 1.9rem;
  height: 2rem;
  text-align: center;
}
.solution-tabs a.st .ic-box {
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
}
.solution-tabs a.st .ic-box img {
  max-width: 100%;
  max-height: 100%;
}
.solution-tabs a.st .ic-box .active {
  display: none;
}
.solution-tabs a.st p {
  margin-top: 0.16rem;
  font-size: 0.18rem;
  line-height: 0.25rem;
  color: #999;
}
.solution-tabs a.st.active {
  height: 2.2rem;
  background-color: #663cfc;
}
.solution-tabs a.st.active .ic-box .normal {
  display: none;
}
.solution-tabs a.st.active .ic-box .active {
  display: inline;
}
.solution-tabs a.st.active p {
  color: #fff;
}
.part03 {
  margin-top: 0.82rem;
}
.part03 .ip-content {
  margin: 1.14rem auto 0 auto;
  width: 12rem;
  height: 2.08rem;
  background-image: url("../images/img-solution01.jpg");
  text-align: center;
}
.part03 .ip-content p.blue {
  margin-bottom: 0.08rem;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #653bfb;
}
.part03 .ip-content p.gray {
  font-size: 0.18rem;
  line-height: 0.4rem;
  color: #666;
}
.part03.part07 .ip-content p.gray {
  line-height: 0.3rem;
}
.part04 {
  margin-top: 1rem;
}
.part04 .ip-content {
  margin-top: 0.37rem;
  font-size: 0.18rem;
  line-height: 0.36rem;
  color: #653bfb;
  text-align: center;
}
.part04 .ip-img {
  margin-top: 0.44rem;
  text-align: center;
}
.part04 .ip-img img {
  max-width: 100%;
}
.part05 {
  margin-top: 0.58rem;
  margin-bottom: 2rem;
}
.part05 .ip-tabs {
  margin-top: 0.48rem;
}
.part05 .ip-tabs .limit {
  width: 8.9rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.part05 .ip-tabs .tab-indexes {
  width: 3.6rem;
}
.part05 .ip-tabs .tab-indexes ul li {
  margin-bottom: 0.12rem;
  border-radius: 0.03rem;
  height: 0.9rem;
  font-size: 0.18rem;
  color: #999;
  box-shadow: 0 0.03rem 0.26rem rgba(0,0,0,0.1);
}
.part05 .ip-tabs .tab-indexes ul li p {
  padding: 0 0.18rem;
}
.part05 .ip-tabs .tab-indexes ul li.active {
  font-weight: 600;
  color: #653bfb;
}
.part05 .ip-tabs .tab-panes {
  width: 4.3rem;
}
.part05 .ip-tabs .tab-panes .tab-panel {
  display: none;
  position: relative;
  padding-top: 0.14rem;
}
.part05 .ip-tabs .tab-panes .tab-panel.active {
  display: block;
}
.part05 .ip-tabs .tab-panes .tab-panel .ic-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.part05 .ip-tabs .tab-panes .tab-panel p.top {
  margin-bottom: 0.08rem;
  font-size: 0.16rem;
  color: #9f9f9f;
  line-height: 0.22rem;
}
.part05 .ip-tabs .tab-panes .tab-panel .big {
  margin-bottom: 0.28rem;
  font-size: 0.28rem;
  color: #171717;
  line-height: 0.36rem;
  font-weight: 600;
}
.part05 .ip-tabs .tab-panes .tab-panel p.intro {
  margin-bottom: 0.36rem;
  font-size: 0.14rem;
  color: #505457;
  line-height: 0.3rem;
}
.part08 {
  margin-top: 1.06rem;
}
.part08 .ip-img {
  margin-top: 0.68rem;
  text-align: center;
}
.part08 .ip-img img {
  max-width: 100%;
}
.part09 {
  margin-top: 1.5rem;
}
.part09 .ip-content {
  margin-top: 0.34rem;
}
.part09 .ip-content p.word {
  font-size: 0.18rem;
  color: #666;
  font-weight: 500;
  text-align: center;
  line-height: 0.25rem;
}
.part09 .ip-content .ip-intros {
  margin-top: 0.74rem;
}
.part09 .ip-content .ip-intros ul {
  width: 12rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.part09 .ip-content .ip-intros ul li {
  width: 3.2rem;
  margin-bottom: 0.5rem;
}
.part09 .ip-content .ip-intros ul li .icons {
  height: 0.37rem;
  font-size: 0.23rem;
  color: #653bfb;
}
.part09 .ip-content .ip-intros ul li .icons img {
  max-height: 100%;
}
.part09 .ip-content .ip-intros ul li .icons span {
  margin: 0 0.14rem;
}
.part09 .ip-content .ip-intros ul li p.tit {
  margin-top: 0.3rem;
  font-size: 0.18rem;
  font-weight: 500;
  line-height: 0.22rem;
  color: #333;
}
.part09 .ip-content .ip-intros ul li p.intro {
  margin-top: 0.25rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #999;
}
.part10 {
  margin-top: 1.48rem;
}
.part10 .ip-content {
  margin-top: 0.8rem;
  justify-content: space-between;
}
.part10 .ip-content .ipc-left {
  position: relative;
  width: 5.16rem;
  padding: 0.5rem 0 1rem 0;
  text-align: center;
}
.part10 .ip-content .ipc-left .words {
  position: absolute;
}
.part10 .ip-content .ipc-left .words p.tit {
  font-size: 0.2rem;
  color: #333;
  font-weight: 500;
  line-height: 0.28rem;
}
.part10 .ip-content .ipc-left .words p.intro {
  margin-top: 0.06rem;
  font-size: 0.15rem;
  color: #999;
  line-height: 0.21rem;
  white-space: nowrap;
}
.part10 .ip-content .ipc-left .words.word01 {
  top: 0;
  left: 0;
}
.part10 .ip-content .ipc-left .words.word01 p.tit {
  text-align: right;
}
.part10 .ip-content .ipc-left .words.word02 {
  top: 0.04rem;
  right: 0;
}
.part10 .ip-content .ipc-left .words.word02 p.tit {
  text-align: left;
}
.part10 .ip-content .ipc-left .words.word03 {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.part10 .ip-content .ipc-right {
  width: 5.9rem;
}
.part10 .ip-content .ipc-right ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.part10 .ip-content .ipc-right ul li {
  margin: 0.15rem 0;
  width: 2.8rem;
  min-height: 2.4rem;
  padding: 0.16rem 0.19rem 0.12rem 0.15rem;
  box-shadow: 0 0.03rem 0.4rem rgba(0,0,0,0.1);
  border-radius: 0.12rem;
}
.part10 .ip-content .ipc-right ul li:nth-child(2) {
  transform: translateY(50%);
}
.part10 .ip-content .ipc-right ul li .icons {
  padding-left: 0.06rem;
}
.part10 .ip-content .ipc-right ul li p.title {
  margin-top: 0.1rem;
  font-size: 0.19rem;
  line-height: 0.34rem;
  color: #333;
  font-weight: 500;
}
.part10 .ip-content .ipc-right ul li p.intro {
  margin-top: 0.07rem;
  font-size: 0.15rem;
  line-height: 0.28rem;
  color: #666;
}
.part11 {
  margin-top: 1.85rem;
  margin-bottom: 1.82rem;
}
.part11 .ip-content {
  margin-top: 0.29rem;
}
.part11 .ip-content p.word {
  font-size: 0.18rem;
  line-height: 0.25rem;
  text-align: center;
}
.part11 .ip-content .two {
  margin-top: 0.77rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.part11 .ip-content .two .words {
  width: 6.1rem;
}
.part11 .ip-content .two .words ul li {
  line-height: 0.34rem;
  margin-bottom: 0.66rem;
}
.part11 .ip-content .two .words ul li:last-child {
  margin-bottom: 0;
}
.part11 .ip-content .two .words ul li p.tit {
  font-size: 0.24rem;
  color: #333;
  font-weight: 500;
}
.part11 .ip-content .two .words ul li p.intro {
  font-size: 0.18rem;
  color: #999;
}
.part11 .ip-content .two .img img {
  width: 4.95rem;
}
.part12 {
  margin-top: 0.83rem;
}
.part12 .ip-img {
  margin-top: 1.5rem;
  text-align: center;
}
.part12 .ip-img img {
  max-width: 100%;
}
.part13 {
  margin-top: 0.66rem;
}
.part13 .ip-content {
  margin-top: 0.29rem;
}
.part13 .ip-content p.word {
  font-size: 0.18rem;
  line-height: 0.25rem;
  text-align: center;
}
.part13 .ip-content .imgs {
  margin-top: 0.32rem;
}
.part13 .ip-content .imgs div img:nth-child(2) {
  margin: 0 -0.14rem;
}
.part14 {
  margin-top: 0.76rem;
}
.part14 .ip-content {
  margin-top: 0.29rem;
}
.part14 .ip-content p.word {
  font-size: 0.18rem;
  line-height: 0.25rem;
  text-align: center;
}
.part14 .ip-content .img-box {
  margin-top: 0.37rem;
  text-align: center;
}
.part14 .ip-content .img-box img {
  max-width: 100%;
}
.part15 .ip-content {
  margin-top: 0.65rem;
  height: 2.11rem;
  background-image: url("../images/img-solution011.png");
}
.part16 {
  margin-top: 1.5rem;
}
.part16 .ip-content {
  margin-top: 0.55rem;
  justify-content: space-between;
}
.part16 .ip-content .img {
  width: 4.72rem;
}
.part16 .ip-content .img img {
  width: 100%;
}
.part16 .ip-content ul {
  flex: 1;
  display: flex;
  margin-left: 0.74rem;
  justify-content: space-between;
}
.part16 .ip-content ul li .tit {
  position: relative;
  font-size: 0.2rem;
  color: #333;
  line-height: 0.28rem;
  font-weight: 500;
}
.part16 .ip-content ul li .tit img {
  position: absolute;
  top: 50%;
  transform: translate(-0.42rem, -50%);
}
.part16 .ip-content ul li dl {
  margin-top: 0.3rem;
  text-align: center;
  font-size: 0.15rem;
  color: #999;
  line-height: 0.4rem;
}
.part17 {
  margin-top: 1.87rem;
  margin-bottom: 0.8rem;
}
.part17 .ip-content {
  margin-top: 0.26rem;
}
.part17 .ip-content p.word {
  font-size: 0.18rem;
  line-height: 0.25rem;
  text-align: center;
}
.part17 .ip-content .list {
  margin-top: 0.44rem;
  display: flex;
  justify-content: space-around;
}
.part17 .ip-content .list li .icon-box {
  margin: 0 auto;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  border: 1px solid #e1e0e6;
  background-color: #f9f9f9;
}
.part17 .ip-content .list li .icon-box img {
  max-width: 95%;
  max-height: 95%;
}
.part17 .ip-content .list li p.tit {
  margin-top: 0.24rem;
  font-size: 0.18rem;
  font-weight: 600;
  color: #333;
  font-weight: 500;
  line-height: 0.25rem;
  text-align: center;
}
.part17 .ip-content .list li dl {
  margin-top: 0.14rem;
}
.part17 .ip-content .list li dl dd {
  font-size: 0.15rem;
  color: #999;
  line-height: 0.4rem;
  text-align: center;
}
.part18 {
  margin-top: 0.42rem;
  height: 8.6rem;
  background-image: url("../images/bg-solution05.png");
  padding-top: 0.37rem;
}
.part18 .ip-list {
  margin-top: 0.41rem;
}
.part18 .ip-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.part18 .ip-list ul li {
  width: 3.4rem;
  margin-bottom: 0.18rem;
  min-height: 2rem;
  padding: 0.11rem 0.44rem 0 0.16rem;
  background-color: #fff;
}
.part18 .ip-list ul li .tit {
  position: relative;
  padding: 0.16rem 0;
  border-bottom: 2px solid #c6c6c6;
}
.part18 .ip-list ul li .tit:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 1.78rem;
  content: "";
  border-top: 2px solid #663cfc;
}
.part18 .ip-list ul li .tit .ic-box {
  width: 0.4rem;
  display: flex;
  justify-content: space-around;
}
.part18 .ip-list ul li .tit .ic-box img {
  max-width: 100%;
}
.part18 .ip-list ul li .tit span {
  margin-left: 0.07rem;
  font-size: 0.2rem;
  color: #333;
  font-weight: 500;
  line-height: 0.28rem;
}
.part18 .ip-list ul li .cont {
  margin-top: 0.21rem;
  font-size: 0.14rem;
  color: #666;
  line-height: 0.25rem;
}
.part18 .ip-list ul li .cont p {
  width: 19.5em;
  letter-spacing: 2px;
  -webkit-line-clamp: 3;
}
.cases-top {
  height: 4.5rem;
}
.cases-top .words {
  color: #fff;
  text-align: center;
}
.cases-top .words .zh {
  font-size: 0.46rem;
  line-height: 0.65rem;
}
.cases-top .words .en {
  margin-top: 0.24rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
}
.cases {
  margin-top: 0.46rem;
  padding-bottom: 0.66rem;
}
.cases .ip-list {
  margin-top: 0.56rem;
}
.cases .ip-list .list {
  display: flex;
  flex-wrap: wrap;
  max-width: 13.66rem;
}
.cases .ip-list .list li {
  width: 3.65rem;
  margin: 0 0.33rem 0.66rem 0.33rem;
  box-shadow: 0 0.03rem 0.1rem rgba(0,0,0,0.1);
}
.cases .ip-list .list li a {
  display: block;
}
.cases .ip-list .list li a .img-box {
  position: relative;
  height: 2.7rem;
  overflow: hidden;
}
.cases .ip-list .list li a .img-box img.ban {
  width: 100%;
  max-height: 100%;
}
.cases .ip-list .list li a .img-box .c-dimmer {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 0.26rem;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}
.cases .ip-list .list li a .img-box .c-dimmer p {
  margin-top: 0.12rem;
  font-size: 0.18rem;
  color: #fff;
  line-height: 0.24rem;
}
.cases .ip-list .list li a .img-box .c-dimmer p:first-child {
  margin-bottom: 0;
}
.cases .ip-list .list li a .c-bot {
  height: 0.7rem;
  text-align: center;
  padding-top: 0.11rem;
}
.cases .ip-list .list li a .c-bot p.tit {
  font-size: 0.16rem;
  color: #0f0f0f;
  line-height: 0.22rem;
  font-weight: 500;
}
.cases .ip-list .list li a .c-bot p.tag {
  margin-top: 0.07rem;
  font-size: 0.12rem;
  color: #999;
  line-height: 0.14rem;
}
.cases .ip-list .list li a:hover .c-dimmer {
  display: flex;
}
.cases .ip-list .list li a:hover .c-bot {
  background-color: #7049fa;
}
.cases .ip-list .list li a:hover .c-bot p.tit,
.cases .ip-list .list li a:hover .c-bot p.tag {
  color: #fff;
}
.crumbs {
  padding: 0.18rem 0;
  border-bottom: 1px solid #ccc;
}
.crumbs ul li {
  float: left;
  margin-right: 0.12rem;
  line-height: 0.21rem;
  font-size: 0.15rem;
  color: #333;
}
.crumbs ul li:after {
  margin-left: 0.12rem;
  content: ">";
}
.crumbs ul li:last-child:after {
  display: none;
}
.crumbs ul li a {
  color: #333;
}
.crumbs ul li a .ic {
  margin-right: 0.12rem;
}
.article {
  padding-top: 0.3rem;
  padding-bottom: 1.2rem;
}
.article .a-title h1 {
  font-size: 0.26rem;
  color: #333;
  text-align: center;
  font-weight: 500;
  line-height: 0.37rem;
}
.article .a-content {
  position: relative;
  padding: 0.2rem 0;
}
.article .a-content img {
  max-width: 100% !important;
}
.about-us-top {
  height: 4.5rem;
}
.about-us-top .box {
  color: #fff;
  text-align: center;
}
.about-us-top .box .zh {
  font-size: 0.46rem;
  line-height: 0.65rem;
}
.about-us-top .box .en {
  margin-top: 0.24rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
}
.about-us {
  margin-top: 0.6rem;
  padding-bottom: 0.9rem;
}
.about-us .au-navs {
  float: left;
  width: 1.9rem;
  box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,0.16);
}
.about-us .au-navs ul {
  padding: 0.4rem 0;
}
.about-us .au-navs ul li {
  margin-bottom: 0.4rem;
  text-align: center;
}
.about-us .au-navs ul li:last-child {
  margin-bottom: 0;
}
.about-us .au-navs ul li a {
  position: relative;
  font-size: 0.16rem;
  color: #666;
  line-height: 0.22rem;
  font-weight: 600;
}
.about-us .au-navs ul li a:before {
  display: none;
  position: absolute;
  top: 50%;
  left: -0.18rem;
  transform: translateY(-50%);
  width: 0.08rem;
  height: 0.08rem;
  border: 1px solid #653bfb;
  border-radius: 50%;
  content: "";
}
.about-us .au-navs ul li.active a {
  color: #653bfb;
}
.about-us .au-navs ul li.active a:before {
  display: block;
}
.about-us .au-panes {
  margin-left: 2.55rem;
}
.about-us .au-panes .au-panel {
  display: none;
}
.about-us .au-panes .au-panel .content {
  width: 6.8rem;
}
.about-us .au-panes .au-panel .content img {
  max-width: 100%;
}
.strategic-partners {
  width: 7rem;
}
.strategic-partners ul {
  margin-left: -0.2rem;
  flex-wrap: wrap;
}
.strategic-partners ul li {
  width: 25%;
  margin-bottom: 0.6rem;
}
.strategic-partners ul li img {
  max-width: 100%;
  transform: scale(0.9);
  transition: all 0.2s;
}
.strategic-partners ul li img:hover {
  transform: scale(1);
}
.honor-list ul li {
  float: left;
  position: relative;
  margin: 0 0.2rem 0.18rem 0;
  width: 1.4rem;
  height: 1.8rem;
  border: 1px solid #707070;
}
.honor-list ul li a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.honor-list ul li a img {
  max-width: 100%;
  max-height: 100%;
  transition: all 0.4s linear;
}
.honor-list ul li a:hover img {
  transform: scale(1.2);
}
.contacts {
  width: 8rem;
}
.contacts ul li {
  float: left;
  margin-bottom: 0.5rem;
  position: relative;
}
.contacts ul li:nth-child(2),
.contacts ul li:nth-child(5),
.contacts ul li:nth-child(8),
.contacts ul li:nth-child(11),
.contacts ul li:nth-child(14),
.contacts ul li:nth-child(17) {
  width: 40%;
}
.contacts ul li:nth-child(2):before,
.contacts ul li:nth-child(5):before,
.contacts ul li:nth-child(8):before,
.contacts ul li:nth-child(11):before,
.contacts ul li:nth-child(14):before,
.contacts ul li:nth-child(17):before,
.contacts ul li:nth-child(2):after,
.contacts ul li:nth-child(5):after,
.contacts ul li:nth-child(8):after,
.contacts ul li:nth-child(11):after,
.contacts ul li:nth-child(14):after,
.contacts ul li:nth-child(17):after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.02rem;
  height: 0.9rem;
  content: "";
  background-color: #eaeaea;
}
.contacts ul li:nth-child(2):before,
.contacts ul li:nth-child(5):before,
.contacts ul li:nth-child(8):before,
.contacts ul li:nth-child(11):before,
.contacts ul li:nth-child(14):before,
.contacts ul li:nth-child(17):before {
  left: 0;
}
.contacts ul li:nth-child(2):after,
.contacts ul li:nth-child(5):after,
.contacts ul li:nth-child(8):after,
.contacts ul li:nth-child(11):after,
.contacts ul li:nth-child(14):after,
.contacts ul li:nth-child(17):after {
  right: 0;
}
.contacts ul li .box {
  padding-left: 0.76rem;
}
.contacts ul li:nth-child(1),
.contacts ul li:nth-child(4),
.contacts ul li:nth-child(7),
.contacts ul li:nth-child(10),
.contacts ul li:nth-child(13),
.contacts ul li:nth-child(16),
.contacts ul li:nth-child(19) {
  width: 30%;
}
.contacts ul li:nth-child(1) .box,
.contacts ul li:nth-child(4) .box,
.contacts ul li:nth-child(7) .box,
.contacts ul li:nth-child(10) .box,
.contacts ul li:nth-child(13) .box,
.contacts ul li:nth-child(16) .box,
.contacts ul li:nth-child(19) .box {
  padding-left: 0;
}
.contacts ul li:nth-child(3),
.contacts ul li:nth-child(6),
.contacts ul li:nth-child(7),
.contacts ul li:nth-child(12),
.contacts ul li:nth-child(15),
.contacts ul li:nth-child(18) {
  width: 30%;
}
.contacts ul li:nth-child(3) .box,
.contacts ul li:nth-child(6) .box,
.contacts ul li:nth-child(7) .box,
.contacts ul li:nth-child(12) .box,
.contacts ul li:nth-child(15) .box,
.contacts ul li:nth-child(18) .box {
  padding-left: 0;
  float: right;
}
.contacts ul p.tit {
  position: relative;
  padding-bottom: 0.16rem;
  font-size: 0.21rem;
  color: #333;
  font-weight: 500;
  line-height: 0.29rem;
}
.contacts ul p.tit:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.27rem;
  content: "";
  border-top: 2px solid #1e2635;
}
.contacts ul .det {
  padding-top: 0.2rem;
}
.contacts ul .det p {
  font-size: 0.12rem;
  color: #666;
  line-height: 0.26rem;
}
@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
  .w1200 {
    width: 100%;
  }
  .web-footer {
    display: none;
  }
  .web-header {
    top: 0.1rem;
  }
  .web-header a.logo {
    margin-left: 0.1rem;
    height: auto;
  }
  .web-header a.logo img {
    height: auto;
  }
  .web-header .navs {
    display: none;
    position: absolute;
    left: 0;
    top: 125%;
    width: 100%;
    background-color: #663cfc;
  }
  .web-header .navs ul {
    display: block;
    padding: 0.01rem 0;
  }
  .web-header .navs ul li {
    margin-left: 0;
    margin: 0.2rem 0;
    line-height: 0.2rem;
    text-align: center;
  }
  .web-header .menu-phone {
    display: block;
    right: 0.1rem;
  }
  .web-header .menu-phone span {
    display: block;
    margin-bottom: 0.04rem;
    width: 0.26rem;
    height: 0.04rem;
    border-radius: 0.02rem;
    background-color: #fff;
  }
  .web-header .menu-phone span:last-child {
    margin-bottom: 0;
  }
  .index-top {
    height: 6rem;
  }
  .index-top .it-words {
    left: 0.5rem;
  }
  .index-top .it-words p {
    font-size: 0.42rem;
    line-height: 0.56rem;
  }
  .index-top .it-words p.en {
    font-size: 0.16rem;
    line-height: 0.2rem;
  }
  .index-part .ip-tit .ch span {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .index-part .ip-tit .ch span:before,
  .index-part .ip-tit .ch span:after {
    width: 0.5rem;
  }
  .index-part .ip-tit .en {
    line-height: 0.2rem;
  }
  .part01 .ip-list {
    margin-top: 0.6rem;
  }
  .part01 .ip-list .blocks {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .part01 .ip-list .blocks .blo {
    margin-bottom: 0.3rem;
  }
  .part01 .ip-img {
    margin-top: 0.7rem;
    padding: 0 0.1rem;
  }
  .part02 {
    margin-top: 1.2rem;
  }
  .part02 .ip-list ul {
    padding: 0 20px;
  }
  .part02 .ip-list ul li {
    margin-top: 0.4rem;
    width: 33.33333333%;
  }
  .part02 .ip-list ul li img {
    max-width: 70%;
  }
  .solution-top .words {
    padding: 0 0.4rem;
  }
  .solution-top .words .zh {
    font-size: 0.32rem;
    line-height: 0.52rem;
  }
  .solution-top .words .en {
    margin-top: 0.08rem;
    line-height: 0.3rem;
  }
  .solution-tabs {
    width: 100%;
    height: 1rem;
    padding: 0 0.2rem;
    margin-top: -0.6rem;
  }
  .solution-tabs a.st {
    width: 20%;
    height: 1rem;
  }
  .solution-tabs a.st.active {
    height: 1.2rem;
  }
  .solution-tabs a.st .ic-box {
    width: 0.32rem;
    height: 0.32rem;
  }
  .solution-tabs a.st p {
    margin-top: 0.08rem;
    font-size: 0.14rem;
    line-height: 0.18rem;
  }
  .part03 .ip-content {
    margin-top: 0.4rem;
    width: 100%;
    height: 1.11rem;
  }
  .part03 .ip-content p.blue {
    font-size: 0.14rem;
    line-height: 0.24rem;
  }
  .part03 .ip-content p.gray {
    margin: 0 auto;
    max-width: 3.1rem;
    font-size: 0.1rem;
    line-height: 0.2rem;
  }
  .part04 .ip-content {
    margin-top: 0.2rem;
    font-size: 0.12rem;
    line-height: 0.24rem;
  }
  .part04 .ip-img {
    margin-top: 0.3rem;
  }
  .part05 .ip-tabs {
    margin-top: 0.32rem;
  }
  .part05 .ip-tabs .limit {
    width: 100%;
    padding: 0 0.1rem;
  }
  .part05 .ip-tabs .limit .tab-indexes {
    width: 30%;
  }
  .part05 .ip-tabs .limit .tab-indexes ul li {
    height: 0.8rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
  }
  .part05 .ip-tabs .limit .tab-panes {
    margin-left: 0.2rem;
  }
  .part05 .ip-tabs .limit .tab-panes .tab-panel .ic-top-right {
    max-width: 0.8rem;
  }
  .part05 .ip-tabs .limit .tab-panes .tab-panel p.top {
    font-size: 0.14rem;
    line-height: 0.2rem;
  }
  .part05 .ip-tabs .limit .tab-panes .tab-panel .big {
    margin-bottom: 0.22rem;
    font-size: 0.22rem;
    line-height: 0.28rem;
  }
  .part09 {
    margin-top: 1.2rem;
  }
  .part09 .ip-content {
    margin-top: 0.24rem;
  }
  .part09 .ip-content p.word {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
  .part09 .ip-content .ip-intros {
    margin-top: 0.6rem;
  }
  .part09 .ip-content .ip-intros ul {
    justify-content: space-between;
    padding: 0 0.2rem;
  }
  .part09 .ip-content .ip-intros ul li {
    width: 45%;
  }
  .part10 .ip-content {
    display: block;
    margin-top: 0.5rem;
  }
  .part10 .ip-content .ipc-left {
    margin: 0 auto;
  }
  .part10 .ip-content .ipc-right {
    margin: 0.3rem auto 0 auto;
  }
  .part11 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
  }
  .part11 .ip-content {
    margin-top: 0.18rem;
  }
  .part11 .ip-content p.word {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
  .part11 .ip-content .two {
    margin-top: 0.5rem;
    display: block;
  }
  .part11 .ip-content .two .words {
    width: 6rem;
    margin: 0 auto;
  }
  .part11 .ip-content .two .words ul li {
    margin-bottom: 0.4rem;
  }
  .part11 .ip-content .two .words ul li p.tit {
    font-size: 0.2rem;
  }
  .part11 .ip-content .two .words ul li p.intro {
    font-size: 0.14rem;
    line-height: 0.24rem;
  }
  .part11 .ip-content .two .img {
    text-align: center;
    max-width: 80%;
    margin: 0.3rem auto 0 auto;
  }
  .part12 .ip-img {
    margin-top: 0.6rem;
    padding: 0 0.2rem;
  }
  .part13 .ip-content p.word {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
  .part13 .ip-content .imgs {
    margin-top: 0.2rem;
  }
  .part13 .ip-content .imgs div img:nth-child(1),
  .part13 .ip-content .imgs div img:nth-child(3) {
    width: 2.3rem;
  }
  .part13 .ip-content .imgs div img:nth-child(2) {
    width: 2.5rem;
    margin: 0 -0.32rem;
  }
  .part14 {
    margin-top: 0.5rem;
  }
  .part14 .ip-content {
    margin-top: 0.22rem;
  }
  .part14 .ip-content p.word {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
  .part14 .ip-content .img-box {
    margin-top: 0.1rem;
  }
  .part16 {
    margin-top: 1rem;
  }
  .part16 .ip-content {
    display: block;
  }
  .part16 .ip-content .img {
    margin: 0 auto;
  }
  .part16 .ip-content ul {
    margin-top: 0.3rem;
    display: flex;
    justify-content: space-around;
    margin-left: 0.3rem;
  }
  .part16 .ip-content ul li .tit img {
    max-width: 0.26rem;
  }
  .part17 {
    margin-top: 1rem;
  }
  .part17 .ip-content .list li .icon-box img {
    max-width: 50%;
    max-height: 50%;
  }
  .part17 .ip-content p.word {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
  .part18 {
    margin-top: 0;
    background-image: none;
    height: auto;
  }
  .part18 .ip-list ul {
    padding: 0 0.4rem;
    justify-content: space-between;
  }
  .part18 .ip-list ul li {
    width: 47%;
    box-shadow: 0 0.02rem 0.4rem rgba(0,0,0,0.08);
  }
  .part18 .ip-list ul li .tit .ic-box img {
    max-width: 0.24rem;
    max-height: 0.24rem;
  }
  .part18 .ip-list ul li .tit span {
    font-size: 0.16rem;
  }
  .part18 .ip-list ul li .cont p {
    width: 100%;
    padding-left: 0.1rem;
  }
  .cases-top .words .zh {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
  .cases-top .words .en {
    font-size: 0.14rem;
    line-height: 0.18rem;
    margin-top: 0.16rem;
  }
  .cases .ip-list .list {
    justify-content: space-between;
    padding: 0 0.2rem;
  }
  .cases .ip-list .list li {
    margin-left: 0;
    margin-right: 0;
    width: 47%;
  }
  .cases .ip-list .list li a .img-box {
    height: 2.09rem;
  }
  .crumbs {
    padding: 0.18rem 0.16rem;
  }
  .crumbs ul li a .ic {
    height: 0.21rem;
  }
  .crumbs ul li a span {
    white-space: nowrap;
  }
  .article {
    padding-left: 10px;
    padding-right: 10px;
  }
  .about-us-top .box .zh {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
  .about-us-top .box .en {
    font-size: 0.14rem;
    line-height: 0.18rem;
    margin-top: 0.08rem;
  }
  .about-us {
    margin-top: 0;
    display: block;
  }
  .about-us .au-navs {
    float: none;
    width: 100%;
    box-shadow: 0 0.02rem 0.4rem rgba(0,0,0,0.08);
  }
  .about-us .au-navs ul {
    display: flex;
    padding: 0.1rem 0;
  }
  .about-us .au-navs ul li {
    margin: 0.1rem 0;
    width: 20%;
    text-align: center;
  }
  .about-us .au-navs ul li a {
    font-size: 0.14rem;
  }
  .about-us .au-navs ul li.active a:before {
    display: none;
  }
  .about-us .au-panes {
    margin-top: 0.4rem;
    margin-left: 0;
  }
  .about-us .au-panes .au-panel .content {
    width: 100%;
    padding: 0 10px;
  }
  .strategic-partners {
    width: 100%;
    padding: 0 20px;
  }
  .strategic-partners ul li {
    width: 33.33333333%;
    text-align: center;
  }
  .strategic-partners ul li img {
    max-width: 75%;
  }
  .honor-list {
    width: 100%;
  }
  .honor-list ul {
    width: 5.7rem;
    margin: 0 auto;
  }
  .honor-list ul li {
    float: left;
    margin: 0.25rem;
  }
  .contacts {
    width: 100%;
  }
  .contacts ul li {
    width: 47% !important;
  }
  .contacts ul li .box {
    float: none !important;
    padding-left: 0.76rem !important;
  }
  .contacts ul li:before {
    display: none !important;
  }
  .contacts ul li:after {
    display: block !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.02rem;
    height: 0.9rem;
    content: "";
    background-color: #eaeaea;
  }
}