body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer {
  margin: 0;
}

body, button, input, select, textarea {
  font: 12px/1.5 tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

em, b {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0;
}

button, input, select, textarea {
  font-size: 100%;
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th, ul, ol {
  padding: 0;
}

li {
  list-style: none;
}

html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}

a, img, input {
  border: none;
}

a {
  text-decoration: none;
}

ul, li {
  list-style: none;
}

a, img {
  -webkit-touch-callout: none;
}

html, body {
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

body {
  font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-drag: none;
}

@font-face {
  font-family: "H-B";
  src: url(../fonts/HarmonyOS_Sans_Bold.ttf);
}
@font-face {
  font-family: "H-R";
  src: url(../fonts/HarmonyOS_Sans_Regular.ttf);
}
body[data-page=pc] .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #0e1216;
}
body[data-page=pc] .wrapper *,
body[data-page=pc] .wrapper *::before,
body[data-page=pc] .wrapper *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body[data-page=pc] .header-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background-color: #0e1116;
  z-index: 100;
}
body[data-page=pc] .header-model .cont {
  margin: 0 auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12rem;
  height: 100%;
}
body[data-page=pc] .header-model .logo {
  font-family: "Microsoft YaHei";
  font-size: 0.26rem;
  line-height: 1;
  color: #ffffff;
}
body[data-page=pc] .header-model .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body[data-page=pc] .header-model .nav li {
  font-size: 0.16rem;
  padding: 0 0.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
}
body[data-page=pc] .header-model .nav li a {
  font-family: "Microsoft YaHei";
  color: #ffffff;
}
body[data-page=pc] .header-model .nav li:hover a, body[data-page=pc] .header-model .nav li.active a {
  color: #1e71ff;
}
body[data-page=pc] .section {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0e1116;
  overflow: hidden;
}
body[data-page=pc] .common-section-title, body[data-page=mobile] .section-model6 .cont body[data-page=pc] .title, body[data-page=mobile] .section-model5 .cont body[data-page=pc] .title, body[data-page=mobile] .section-model4 .cont body[data-page=pc] .title, body[data-page=mobile] .section-model3 .cont body[data-page=pc] .title, body[data-page=mobile] .section-model2 .cont body[data-page=pc] .title, body[data-page=pc] .section-model6 .cont .title, body[data-page=pc] .section-model5 .cont .title, body[data-page=pc] .section-model4 .cont .title, body[data-page=pc] .section-model3 .cont .title, body[data-page=pc] .section-model2 .cont .title {
  font-family: "H-B";
  font-weight: 800;
  font-size: 0.56rem;
  line-height: 1;
  text-align: center;
  color: #ffffff;
}
body[data-page=pc] .common-section-desc, body[data-page=mobile] .section-model6 .cont body[data-page=pc] .desc, body[data-page=mobile] .section-model5 .cont body[data-page=pc] .desc, body[data-page=mobile] .section-model4 .cont body[data-page=pc] .desc, body[data-page=mobile] .section-model3 .cont body[data-page=pc] .desc, body[data-page=mobile] .section-model2 .cont body[data-page=pc] .desc, body[data-page=pc] .section-model6 .cont .desc, body[data-page=pc] .section-model5 .cont .desc, body[data-page=pc] .section-model4 .cont .desc, body[data-page=pc] .section-model3 .cont .desc, body[data-page=pc] .section-model2 .cont .desc {
  margin-top: 0.32rem;
  font-family: "H-R";
  font-size: 0.16rem;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
}
body[data-page=pc] .section-model1 {
  width: 100%;
  height: 10rem;
  background: url(../images/header_bg.jpg) no-repeat center center/100% 100%;
}
body[data-page=pc] .section-model1 .cont {
  position: relative;
  width: 12rem;
}
body[data-page=pc] .section-model1 .cont .title {
  width: 7.08rem;
  font-family: "H-B";
  font-weight: 800;
  font-size: 0.64rem;
  line-height: 1;
  color: #ffffff;
}
body[data-page=pc] .section-model1 .cont .desc {
  width: 7.08rem;
  margin-top: 0.24rem;
  font-family: "H-R";
  font-size: 0.2rem;
  line-height: 1.5;
  color: #ffffff;
}
body[data-page=pc] .section-model1 .cont .contact-btn {
  display: block;
  margin-top: 0.48rem;
  width: 2.21rem;
  height: 0.57rem;
  font-family: "H-R";
  font-size: 0.18rem;
  line-height: 0.57rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#1D70FF), color-stop(45%, #1D70FF), color-stop(99%, #1632A6));
  background: linear-gradient(90deg, #1D70FF 0%, #1D70FF 45%, #1632A6 99%);
  border-radius: 0.04rem;
  color: #ffffff;
}
body[data-page=pc] .section-model1 .cont .title, body[data-page=pc] .section-model1 .cont .desc, body[data-page=pc] .section-model1 .cont .contact-btn {
  opacity: 0;
  -webkit-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease;
  -webkit-animation: fadeOutUp;
          animation: fadeOutUp;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model1 .cont.activeAni .title, body[data-page=pc] .section-model1 .cont.activeAni .desc, body[data-page=pc] .section-model1 .cont.activeAni .contact-btn {
  opacity: 1;
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model2 {
  padding-top: 0.8rem;
  width: 100%;
  height: 10.06rem;
  background: url(../images/s2_bg.png) no-repeat center top;
  background-color: #0e1216;
}
body[data-page=pc] .section-model2 .cont {
  width: 17.6rem;
}
body[data-page=pc] .section-model2 .cont .service-list {
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body[data-page=pc] .section-model2 .cont .service-list .service-item {
  width: 4.28rem;
  height: 5.5rem;
  border: 1px solid #3c53b9;
  border-radius: 0.08rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e1319), color-stop(72%, #0e1319), to(#1e3386));
  background: linear-gradient(180deg, #0e1319 0%, #0e1319 72%, #1e3386 100%);
  overflow: hidden;
}
body[data-page=pc] .section-model2 .cont .service-list .service-item .imgbox {
  width: 100%;
  height: 4.08rem;
}
body[data-page=pc] .section-model2 .cont .service-list .service-item .imgbox img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body[data-page=pc] .section-model2 .cont .service-list .service-item .textbox {
  padding: 0.36rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 1.42rem;
}
body[data-page=pc] .section-model2 .cont .service-list .service-item .textbox .item-tit {
  width: 100%;
  font-weight: 800;
  font-family: "H-B";
  font-size: 0.2rem;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
}
body[data-page=pc] .section-model2 .cont .service-list .service-item .textbox .item-text {
  width: 100%;
  font-family: "H-R";
  font-size: 0.12rem;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  opacity: 0.6;
}
body[data-page=pc] .section-model2 .cont .title, body[data-page=pc] .section-model2 .cont .desc,
body[data-page=pc] .section-model2 .cont .service-list .service-item {
  opacity: 0;
  -webkit-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease;
}
body[data-page=pc] .section-model2 .cont .title, body[data-page=pc] .section-model2 .cont .desc {
  -webkit-animation: fadeOutUp;
          animation: fadeOutUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
body[data-page=pc] .section-model2 .cont .service-list .service-item:nth-child(1),
body[data-page=pc] .section-model2 .cont .service-list .service-item:nth-child(4) {
  -webkit-animation: fadeOutDown;
          animation: fadeOutDown;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
}
body[data-page=pc] .section-model2 .cont .service-list .service-item:nth-child(2),
body[data-page=pc] .section-model2 .cont .service-list .service-item:nth-child(3) {
  -webkit-animation: fadeOutDown;
          animation: fadeOutDown;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
}
body[data-page=pc] .section-model2 .cont.activeAni .title, body[data-page=pc] .section-model2 .cont.activeAni .desc {
  opacity: 1;
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model2 .cont.activeAni .service-list .service-item:nth-child(1),
body[data-page=pc] .section-model2 .cont.activeAni .service-list .service-item:nth-child(4) {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
}
body[data-page=pc] .section-model2 .cont.activeAni .service-list .service-item:nth-child(2),
body[data-page=pc] .section-model2 .cont.activeAni .service-list .service-item:nth-child(3) {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
}
body[data-page=pc] .section-model3 {
  width: 100%;
  height: 9.92rem;
  background-color: #0e1216;
}
body[data-page=pc] .section-model3 .cont {
  width: 12rem;
}
body[data-page=pc] .section-model3 .cont .pecu-list {
  margin-top: 0.64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.16rem;
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item {
  padding-top: 0.33rem;
  width: 3.89rem;
  height: 3.2rem;
  background-color: #222528;
  border-radius: 0.16rem;
  text-align: center;
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item img {
  width: 2.04rem;
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item .item-desc {
  margin-top: 0.1rem;
  font-family: "H-B";
  font-size: 0.2rem;
  line-height: 1.5;
  color: #ffffff;
}
body[data-page=pc] .section-model3 .cont .title, body[data-page=pc] .section-model3 .cont .desc,
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item {
  opacity: 0;
  -webkit-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease;
}
body[data-page=pc] .section-model3 .cont .title, body[data-page=pc] .section-model3 .cont .desc {
  -webkit-animation: fadeOutUp;
          animation: fadeOutUp;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item:nth-child(1) {
  -webkit-animation: fadeOutDown;
          animation: fadeOutDown;
  -webkit-animation-duration: calc(1s + 0.25s * 1);
          animation-duration: calc(1s + 0.25s * 1);
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item:nth-child(2) {
  -webkit-animation: fadeOutDown;
          animation: fadeOutDown;
  -webkit-animation-duration: calc(1s + 0.25s * 2);
          animation-duration: calc(1s + 0.25s * 2);
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item:nth-child(3) {
  -webkit-animation: fadeOutDown;
          animation: fadeOutDown;
  -webkit-animation-duration: calc(1s + 0.25s * 3);
          animation-duration: calc(1s + 0.25s * 3);
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item:nth-child(4) {
  -webkit-animation: fadeOutDown;
          animation: fadeOutDown;
  -webkit-animation-duration: calc(1s + 0.25s * 4);
          animation-duration: calc(1s + 0.25s * 4);
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item:nth-child(5) {
  -webkit-animation: fadeOutDown;
          animation: fadeOutDown;
  -webkit-animation-duration: calc(1s + 0.25s * 5);
          animation-duration: calc(1s + 0.25s * 5);
}
body[data-page=pc] .section-model3 .cont .pecu-list .pecu-item:nth-child(6) {
  -webkit-animation: fadeOutDown;
          animation: fadeOutDown;
  -webkit-animation-duration: calc(1s + 0.25s * 6);
          animation-duration: calc(1s + 0.25s * 6);
}
body[data-page=pc] .section-model3 .cont.activeAni .title, body[data-page=pc] .section-model3 .cont.activeAni .desc {
  opacity: 1;
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model3 .cont.activeAni .pecu-list .pecu-item:nth-child(1) {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: calc(1s + 0.25s * 1);
          animation-duration: calc(1s + 0.25s * 1);
}
body[data-page=pc] .section-model3 .cont.activeAni .pecu-list .pecu-item:nth-child(2) {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: calc(1s + 0.25s * 2);
          animation-duration: calc(1s + 0.25s * 2);
}
body[data-page=pc] .section-model3 .cont.activeAni .pecu-list .pecu-item:nth-child(3) {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: calc(1s + 0.25s * 3);
          animation-duration: calc(1s + 0.25s * 3);
}
body[data-page=pc] .section-model3 .cont.activeAni .pecu-list .pecu-item:nth-child(4) {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: calc(1s + 0.25s * 4);
          animation-duration: calc(1s + 0.25s * 4);
}
body[data-page=pc] .section-model3 .cont.activeAni .pecu-list .pecu-item:nth-child(5) {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: calc(1s + 0.25s * 5);
          animation-duration: calc(1s + 0.25s * 5);
}
body[data-page=pc] .section-model3 .cont.activeAni .pecu-list .pecu-item:nth-child(6) {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: calc(1s + 0.25s * 6);
          animation-duration: calc(1s + 0.25s * 6);
}
body[data-page=pc] .section-model4 {
  width: 100%;
  height: 9.02rem;
  background-color: #0e1216;
}
body[data-page=pc] .section-model4 .cont {
  width: 100%;
}
body[data-page=pc] .section-model4 .cont .big-swiper {
  margin-top: 0.8rem;
  width: 100%;
}
body[data-page=pc] .section-model4 .cont .big-swiper .swip-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
body[data-page=pc] .section-model4 .cont .big-swiper .swiper-slide {
  margin-right: 0.16rem;
  width: 4.61rem;
  height: 3rem;
  background-color: #222528;
  border: 1px solid #4B4B4B;
  border-radius: 0.08rem;
  overflow: hidden;
}
body[data-page=pc] .section-model4 .cont .big-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body[data-page=pc] .section-model4 .cont .small-swiper {
  margin-top: 0.2rem;
  width: 100%;
}
body[data-page=pc] .section-model4 .cont .small-swiper .swip-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
body[data-page=pc] .section-model4 .cont .small-swiper .swiper-slide {
  margin-right: 0.16rem;
  width: 4.59rem;
  height: 3rem;
  background-color: #222528;
  border: 1px solid #4B4B4B;
  border-radius: 0.08rem;
  overflow: hidden;
}
body[data-page=pc] .section-model4 .cont .small-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body[data-page=pc] .section-model4 .cont .title, body[data-page=pc] .section-model4 .cont .desc,
body[data-page=pc] .section-model4 .cont .big-swiper, body[data-page=pc] .section-model4 .cont .small-swiper {
  opacity: 0;
  -webkit-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease;
}
body[data-page=pc] .section-model4 .cont .title, body[data-page=pc] .section-model4 .cont .desc {
  -webkit-animation: fadeOutUp;
          animation: fadeOutUp;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model4 .cont .big-swiper {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model4 .cont .small-swiper {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model4 .cont.activeAni .title, body[data-page=pc] .section-model4 .cont.activeAni .desc {
  opacity: 1;
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model4 .cont.activeAni .big-swiper {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model4 .cont.activeAni .small-swiper {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model5 {
  width: 100%;
  height: 7.86rem;
  background-color: #0e1216;
}
body[data-page=pc] .section-model5 .cont {
  width: 12.02rem;
}
body[data-page=pc] .section-model5 .cont .img-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.8rem;
  width: 12.02rem;
}
body[data-page=pc] .section-model5 .cont .img-cont .img-item {
  width: 5.92rem;
  height: 4rem;
  border-radius: 0.16rem;
}
body[data-page=pc] .section-model5 .cont .img-cont .img-item.left-img {
  background: url(../images/frame_1.png) no-repeat center center/100% 100%;
}
body[data-page=pc] .section-model5 .cont .img-cont .img-item.right-img {
  background: url(../images/frame_2.png) no-repeat center center/100% 100%;
}
body[data-page=pc] .section-model5 .cont .title, body[data-page=pc] .section-model5 .cont .desc,
body[data-page=pc] .section-model5 .cont .left-img, body[data-page=pc] .section-model5 .cont .right-img {
  opacity: 0;
  -webkit-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease;
}
body[data-page=pc] .section-model5 .cont .title, body[data-page=pc] .section-model5 .cont .desc {
  -webkit-animation: fadeOutUp;
          animation: fadeOutUp;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model5 .cont .right-img {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model5 .cont .left-img {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model5 .cont.activeAni .title, body[data-page=pc] .section-model5 .cont.activeAni .desc {
  opacity: 1;
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model5 .cont.activeAni .right-img {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model5 .cont.activeAni .left-img {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model6 {
  width: 100%;
  height: 10.63rem;
  background: url(../images/s2_bg.png) no-repeat center top;
  background-color: #0e1216;
}
body[data-page=pc] .section-model6 .cont {
  width: 12rem;
}
body[data-page=pc] .section-model6 .cont .contact-cont {
  margin-top: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
body[data-page=pc] .section-model6 .cont .form-cont {
  padding: 0.42rem 0.36rem 0 0.62rem;
  width: 7.44rem;
  height: 5.5rem;
  background-color: #2D2F31;
  border-radius: 0.16rem;
}
body[data-page=pc] .section-model6 .cont .form-cont input[name=apiKey] {
  height: 0;
  width: 0;
  visibility: hidden;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-title {
  margin-bottom: 0.2rem;
  font-family: "H-B";
  font-size: 0.2rem;
  line-height: 1;
  color: #9f9f9f;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item {
  padding: 0.22rem 0.33rem;
  margin-bottom: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-radius: 0.08rem;
  background-color: #3a3b3d;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item label {
  font-family: "H-B";
  font-size: 0.14rem;
  text-align: right;
  color: #ffffff;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item input {
  width: 90%;
  font-family: "H-R";
  margin-left: 0.16rem;
  font-size: 0.14rem;
  color: #ffffff;
  border: none;
  background-color: transparent;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item input::-webkit-input-placeholder {
  font-family: "H-R";
  font-size: 0.14rem;
  color: #9f9f9f;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item input::-moz-placeholder {
  font-family: "H-R";
  font-size: 0.14rem;
  color: #9f9f9f;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item input:-ms-input-placeholder {
  font-family: "H-R";
  font-size: 0.14rem;
  color: #9f9f9f;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item input::-ms-input-placeholder {
  font-family: "H-R";
  font-size: 0.14rem;
  color: #9f9f9f;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item input::placeholder {
  font-family: "H-R";
  font-size: 0.14rem;
  color: #9f9f9f;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item textarea {
  width: 100%;
  font-family: "H-R";
  font-size: 0.14rem;
  color: #ffffff;
  border: none;
  background-color: transparent;
  resize: none;
  padding: 0;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item.textbox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 1.69rem;
}
body[data-page=pc] .section-model6 .cont .form-cont .form-item.textbox textarea {
  margin-top: 0.04rem;
  width: 100%;
  height: 1rem;
}
body[data-page=pc] .section-model6 .cont .form-cont .submit-btn {
  display: block;
  width: 100%;
  height: 0.66rem;
  font-family: "H-B";
  font-size: 0.14rem;
  line-height: 0.66rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#1D70FF), color-stop(45%, #1D70FF), color-stop(99%, #1632A6));
  background: linear-gradient(90deg, #1D70FF 0%, #1D70FF 45%, #1632A6 99%);
  border-radius: 0.04rem;
  color: #ffffff;
  border: none;
}
body[data-page=pc] .section-model6 .cont .form-cont .submit-item {
  position: relative;
  margin-top: 0.2rem;
  width: 100%;
  height: 2rem;
  overflow-x: hidden;
}
body[data-page=pc] .section-model6 .cont .form-cont .submit-item .g-recaptcha {
  position: absolute;
  top: 0;
  right: -10rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body[data-page=pc] .section-model6 .cont .form-cont .submit-item:hover .g-recaptcha {
  right: 0;
}
body[data-page=pc] .section-model6 .cont .info-cont {
  padding: 0.42rem 0.65rem 0;
  width: 4.4rem;
  height: 5.5rem;
  background-color: #2D2F31;
  border-radius: 0.16rem;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-title {
  margin-bottom: 0.2rem;
  font-family: "H-B";
  font-size: 0.2rem;
  line-height: 1;
  color: #9f9f9f;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-list {
  margin-top: 0.6rem;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item {
  padding: 0.14rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item .icon {
  margin-right: 0.21rem;
  width: 0.36rem;
  height: 0.36rem;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item .text {
  font-family: "H-R";
  font-size: 0.18rem;
  line-height: 1;
  color: #FFFFFF;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item .text.small {
  font-size: 0.16rem;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item .qrcode {
  width: 0.8rem;
  height: 0.8rem;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item:last-child {
  border-bottom: none;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item:nth-child(1) .icon {
  background: url("../images/icon_s1.png") no-repeat center center/100% 100%;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item:nth-child(2) .icon {
  background: url("../images/icon_s2.png") no-repeat center center/100% 100%;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item:nth-child(3) .icon {
  background: url("../images/icon_s3.png") no-repeat center center/100% 100%;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item:nth-child(4) .icon {
  background: url("../images/icon_s4.png") no-repeat center center/100% 100%;
}
body[data-page=pc] .section-model6 .cont .info-cont .info-item:nth-child(5) .icon {
  background: url("../images/icon_s5.png") no-repeat center center/100% 100%;
}
body[data-page=pc] .section-model6 .cont .copyright {
  font-family: "Microsoft YaHei";
  margin-top: 0.57rem;
  font-size: 0.14rem;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  opacity: 0.6;
}
body[data-page=pc] .section-model6 .cont .copyright a {
  color: #1e71ff;
  text-decoration: none;
  transition: color 0.3s ease;
}
body[data-page=pc] .section-model6 .cont .copyright a:hover {
  color: #ffffff;
}
body[data-page=pc] .section-model6 .cont .title, body[data-page=pc] .section-model6 .cont .desc, body[data-page=pc] .section-model6 .cont .form-cont, body[data-page=pc] .section-model6 .cont .info-cont {
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
body[data-page=pc] .section-model6 .cont .title, body[data-page=pc] .section-model6 .cont .desc {
  -webkit-animation: fadeOutUp;
          animation: fadeOutUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
body[data-page=pc] .section-model6 .cont .info-cont {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
body[data-page=pc] .section-model6 .cont .form-cont {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
body[data-page=pc] .section-model6 .cont.activeAni .title, body[data-page=pc] .section-model6 .cont.activeAni .desc {
  opacity: 1;
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model6 .cont.activeAni .form-cont {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .section-model6 .cont.activeAni .info-cont {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=pc] .pc {
  display: block;
}
body[data-page=pc] .h5 {
  display: none;
}

body[data-page=mobile] .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
body[data-page=mobile] .wrapper *,
body[data-page=mobile] .wrapper *::before,
body[data-page=mobile] .wrapper *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body[data-page=mobile] .header-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.92rem;
  background-color: #0e1116;
  z-index: 100;
}
body[data-page=mobile] .header-model .cont {
  margin: 0 auto 0;
  width: 100%;
  height: 100%;
}
body[data-page=mobile] .header-model .logo {
  width: 100%;
  font-family: "Microsoft YaHei";
  font-size: 0.36rem;
  height: 0.96rem;
  line-height: 0.96rem;
  text-align: center;
  color: #ffffff;
}
body[data-page=mobile] .header-model .nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body[data-page=mobile] .header-model .nav li {
  font-size: 0.24rem;
  padding: 0 0.18rem;
  height: 0.96rem;
  line-height: 0.96rem;
  text-align: center;
}
body[data-page=mobile] .header-model .nav li a {
  font-family: "Microsoft YaHei";
  color: #ffffff;
}
body[data-page=mobile] .header-model .nav li:hover a, body[data-page=mobile] .header-model .nav li.active a {
  color: #1e71ff;
}
body[data-page=mobile] .section {
  margin-top: -1px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0e1116;
  overflow: hidden;
}
body[data-page=mobile] .common-section-title, body[data-page=mobile] .section-model6 .cont .title, body[data-page=mobile] .section-model5 .cont .title, body[data-page=mobile] .section-model4 .cont .title, body[data-page=mobile] .section-model3 .cont .title, body[data-page=mobile] .section-model2 .cont .title, body[data-page=pc] .section-model2 .cont body[data-page=mobile] .title, body[data-page=pc] .section-model3 .cont body[data-page=mobile] .title, body[data-page=pc] .section-model4 .cont body[data-page=mobile] .title, body[data-page=pc] .section-model5 .cont body[data-page=mobile] .title, body[data-page=pc] .section-model6 .cont body[data-page=mobile] .title {
  font-family: "H-B";
  font-weight: 800;
  font-size: 0.8rem;
  line-height: 1;
  text-align: center;
  color: #ffffff;
}
body[data-page=mobile] .common-section-desc, body[data-page=mobile] .section-model6 .cont .desc, body[data-page=mobile] .section-model5 .cont .desc, body[data-page=mobile] .section-model4 .cont .desc, body[data-page=mobile] .section-model3 .cont .desc, body[data-page=mobile] .section-model2 .cont .desc, body[data-page=pc] .section-model2 .cont body[data-page=mobile] .desc, body[data-page=pc] .section-model3 .cont body[data-page=mobile] .desc, body[data-page=pc] .section-model4 .cont body[data-page=mobile] .desc, body[data-page=pc] .section-model5 .cont body[data-page=mobile] .desc, body[data-page=pc] .section-model6 .cont body[data-page=mobile] .desc {
  margin-top: 0.48rem;
  font-family: "H-R";
  font-size: 0.28rem;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
}
body[data-page=mobile] .section-model1 {
  margin-top: 1.92rem;
  padding-bottom: 6.2rem;
  width: 100%;
  height: 12rem;
  background: url(../images/m/header_bg.jpg) no-repeat center bottom;
  background-size: cover;
}
body[data-page=mobile] .section-model1 .cont {
  width: 6.48rem;
}
body[data-page=mobile] .section-model1 .cont .title {
  font-family: "H-B";
  font-weight: 800;
  font-size: 0.6rem;
  line-height: 1;
  text-align: center;
  color: #ffffff;
}
body[data-page=mobile] .section-model1 .cont .desc {
  margin-top: 0.32rem;
  font-family: "H-R";
  font-size: 0.28rem;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
}
body[data-page=mobile] .section-model1 .cont .contact-btn {
  display: block;
  margin: 0.56rem auto 0;
  width: 2.92rem;
  height: 0.78rem;
  font-family: "H-R";
  font-size: 0.26rem;
  line-height: 0.78rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#1D70FF), color-stop(45%, #1D70FF), color-stop(99%, #1632A6));
  background: linear-gradient(90deg, #1D70FF 0%, #1D70FF 45%, #1632A6 99%);
  border-radius: 0.06rem;
  color: #ffffff;
}
body[data-page=mobile] .section-model2 {
  padding-top: 0.8rem;
  width: 100%;
  height: 33.38rem;
  background: url(../images/m/s2_bg.png) no-repeat center top;
  background-color: #0e1216;
  background-size: 100% 8rem;
}
body[data-page=mobile] .section-model2 .cont {
  width: 6.86rem;
}
body[data-page=mobile] .section-model2 .cont .service-list {
  margin-top: 0.96rem;
}
body[data-page=mobile] .section-model2 .cont .service-list .service-item {
  margin-bottom: 0.32rem;
  width: 6.86rem;
  height: 6rem;
  border: 1px solid #3c53b9;
  border-radius: 0.32rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e1319), color-stop(62%, #0e1319), to(#1e3386));
  background: linear-gradient(180deg, #0e1319 0%, #0e1319 62%, #1e3386 100%);
  overflow: hidden;
}
body[data-page=mobile] .section-model2 .cont .service-list .service-item .imgbox {
  width: 100%;
  height: 3.8rem;
}
body[data-page=mobile] .section-model2 .cont .service-list .service-item .imgbox img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body[data-page=mobile] .section-model2 .cont .service-list .service-item .textbox {
  padding: 0.4rem 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 2.2rem;
}
body[data-page=mobile] .section-model2 .cont .service-list .service-item .textbox .item-tit {
  width: 100%;
  font-weight: 800;
  font-family: "H-B";
  font-size: 0.36rem;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
}
body[data-page=mobile] .section-model2 .cont .service-list .service-item .textbox .item-text {
  width: 100%;
  font-family: "H-R";
  font-size: 0.24rem;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  opacity: 0.6;
}
body[data-page=mobile] .section-model3 {
  width: 100%;
  height: 16.4rem;
  background-color: #0e1216;
}
body[data-page=mobile] .section-model3 .cont {
  width: 100%;
}
body[data-page=mobile] .section-model3 .cont .pecu-list {
  margin-top: 0.96rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.16rem;
}
body[data-page=mobile] .section-model3 .cont .pecu-list .pecu-item {
  padding-top: 0.33rem;
  width: 3.34rem;
  height: 4rem;
  background-color: #222528;
  border-radius: 0.16rem;
  text-align: center;
}
body[data-page=mobile] .section-model3 .cont .pecu-list .pecu-item img {
  width: 2.24rem;
}
body[data-page=mobile] .section-model3 .cont .pecu-list .pecu-item .item-desc {
  margin-top: 0.2rem;
  font-family: "H-B";
  font-size: 0.24rem;
  line-height: 1.5;
  color: #ffffff;
}
body[data-page=mobile] .section-model4 {
  width: 100%;
  height: 12.18rem;
  background-color: #0e1216;
}
body[data-page=mobile] .section-model4 .cont {
  width: 100%;
}
body[data-page=mobile] .section-model4 .cont .small-swiper,
body[data-page=mobile] .section-model4 .cont .big-swiper {
  margin-top: 0.96rem;
  width: 100%;
}
body[data-page=mobile] .section-model4 .cont .small-swiper .swip-wrapper,
body[data-page=mobile] .section-model4 .cont .big-swiper .swip-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
body[data-page=mobile] .section-model4 .cont .small-swiper .swiper-slide,
body[data-page=mobile] .section-model4 .cont .big-swiper .swiper-slide {
  margin-right: 0.16rem;
  width: 3.66rem;
  height: 2.4rem;
  background-color: #222528;
  border: 1px solid #4B4B4B;
  border-radius: 0.06rem;
  overflow: hidden;
}
body[data-page=mobile] .section-model4 .cont .small-swiper .swiper-slide img,
body[data-page=mobile] .section-model4 .cont .big-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body[data-page=mobile] .section-model4 .cont .small-swiper {
  margin-top: 0.24rem;
}
body[data-page=mobile] .section-model5 {
  width: 100%;
  height: 16.86rem;
  background-color: #0e1216;
}
body[data-page=mobile] .section-model5 .cont {
  width: 6.86rem;
}
body[data-page=mobile] .section-model5 .cont .img-cont {
  margin-top: 0.96rem;
  width: 6.86rem;
}
body[data-page=mobile] .section-model5 .cont .img-cont .img-item {
  margin-bottom: 0.32rem;
  width: 6.86rem;
  height: 4.6rem;
  border-radius: 0.18rem;
}
body[data-page=mobile] .section-model5 .cont .img-cont .img-item.left-img {
  background: url(../images/frame_1.png) no-repeat center center/100% 100%;
}
body[data-page=mobile] .section-model5 .cont .img-cont .img-item.right-img {
  background: url(../images/frame_2.png) no-repeat center center/100% 100%;
}
body[data-page=mobile] .section-model6 {
  width: 100%;
  height: 28.84rem;
  background: url(../images/m/s2_bg.png) no-repeat center top;
  background-color: #0e1216;
  background-size: 100% 8rem;
}
body[data-page=mobile] .section-model6 .cont {
  width: 6.86rem;
}
body[data-page=mobile] .section-model6 .cont .contact-cont {
  margin-top: 96px;
  width: 100%;
}
body[data-page=mobile] .section-model6 .cont .form-cont {
  padding: 0.68rem 0.32rem 0.32rem 0.32rem;
  width: 6.86rem;
  background-color: #2D2F31;
  border-radius: 0.18rem;
}
body[data-page=mobile] .section-model6 .cont .form-cont input[name=apiKey] {
  height: 0;
  width: 0;
  visibility: hidden;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-title {
  margin-bottom: 0.48rem;
  font-family: "H-B";
  font-size: 0.36rem;
  line-height: 1;
  text-align: center;
  color: #9f9f9f;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item {
  padding: 0.44rem 0.48rem;
  margin-bottom: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-radius: 0.16rem;
  background-color: #3a3b3d;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item label {
  font-family: "H-B";
  font-size: 0.32rem;
  line-height: 1;
  text-align: right;
  color: #ffffff;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item input {
  width: 78%;
  font-family: "H-R";
  font-size: 0.28rem;
  line-height: 1;
  color: #ffffff;
  border: none;
  background-color: transparent;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item input::-webkit-input-placeholder {
  font-family: "H-R";
  font-size: 0.28rem;
  color: #9f9f9f;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item input::-moz-placeholder {
  font-family: "H-R";
  font-size: 0.28rem;
  color: #9f9f9f;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item input:-ms-input-placeholder {
  font-family: "H-R";
  font-size: 0.28rem;
  color: #9f9f9f;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item input::-ms-input-placeholder {
  font-family: "H-R";
  font-size: 0.28rem;
  color: #9f9f9f;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item input::placeholder {
  font-family: "H-R";
  font-size: 0.28rem;
  color: #9f9f9f;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item textarea {
  width: 100%;
  font-family: "H-R";
  font-size: 0.28rem;
  line-height: 1;
  color: #ffffff;
  border: none;
  background-color: transparent;
  resize: none;
  padding: 0;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item.textbox {
  padding: 0.32rem 0.48rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 3.6rem;
}
body[data-page=mobile] .section-model6 .cont .form-cont .form-item.textbox textarea {
  margin-top: 0.04rem;
  width: 100%;
  height: 2.36rem;
}
body[data-page=mobile] .section-model6 .cont .form-cont .submit-btn {
  display: block;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  width: 100%;
  height: 1.2rem;
  font-family: "H-B";
  font-size: 0.28rem;
  line-height: 1.2rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#1D70FF), color-stop(45%, #1D70FF), color-stop(99%, #1632A6));
  background: linear-gradient(90deg, #1D70FF 0%, #1D70FF 45%, #1632A6 99%);
  border-radius: 0.16rem;
  color: #ffffff;
  border: none;
}
body[data-page=mobile] .section-model6 .cont .info-cont {
  margin-top: 0.48rem;
  padding: 0.64rem 0.32rem 0;
  width: 6.86rem;
  height: 9.76rem;
  background-color: #2D2F31;
  border-radius: 0.18rem;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-title {
  margin-bottom: 0.48rem;
  font-family: "H-B";
  font-size: 0.36rem;
  line-height: 1;
  text-align: center;
  color: #9f9f9f;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-list {
  margin-top: 0.32rem;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item {
  padding: 0.24rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 6.2rem;
  border-bottom: 1px solid #424345;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item .icon {
  margin-right: 0.46rem;
  width: 0.72rem;
  height: 0.72rem;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item .text {
  font-family: "H-R";
  font-size: 0.36rem;
  line-height: 1;
  color: #FFFFFF;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item .text.small {
  font-size: 0.32rem;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item .qrcode {
  width: 1.6rem;
  height: 1.6rem;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item:last-child {
  border-bottom: none;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item:nth-child(1) .icon {
  background: url("../images/icon_s1.png") no-repeat center center/100% 100%;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item:nth-child(2) .icon {
  background: url("../images/icon_s2.png") no-repeat center center/100% 100%;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item:nth-child(3) .icon {
  background: url("../images/icon_s3.png") no-repeat center center/100% 100%;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item:nth-child(4) .icon {
  background: url("../images/icon_s4.png") no-repeat center center/100% 100%;
}
body[data-page=mobile] .section-model6 .cont .info-cont .info-item:nth-child(5) .icon {
  background: url("../images/icon_s5.png") no-repeat center center/100% 100%;
}
body[data-page=mobile] .section-model6 .cont .copyright {
  margin-top: 1.74rem;
  font-size: 0.24rem;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  opacity: 0.6;
}
body[data-page=mobile] .section-model6 .cont .copyright a {
  color: #1e71ff;
  text-decoration: none;
  transition: color 0.3s ease;
}
body[data-page=mobile] .section-model6 .cont .copyright a:hover {
  color: #ffffff;
}
body[data-page=mobile] .pc {
  display: none;
}
body[data-page=mobile] .h5 {
  display: block;
}
body[data-page=mobile] .section-model1-cont .title, body[data-page=mobile] .section-model1-cont .desc, body[data-page=mobile] .section-model1-cont .contact-btn {
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  -webkit-animation: fadeOutUp;
          animation: fadeOutUp;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .section-model1-cont.activeAni .title, body[data-page=mobile] .section-model1-cont.activeAni .desc, body[data-page=mobile] .section-model1-cont.activeAni .contact-btn {
  opacity: 1;
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .section-model6-cont .title, body[data-page=mobile] .section-model6-cont .desc,
body[data-page=mobile] .section-model5-cont .title,
body[data-page=mobile] .section-model5-cont .desc,
body[data-page=mobile] .section-model4-cont .title,
body[data-page=mobile] .section-model4-cont .desc,
body[data-page=mobile] .section-model3-cont .title,
body[data-page=mobile] .section-model3-cont .desc,
body[data-page=mobile] .section-model2-cont .title,
body[data-page=mobile] .section-model2-cont .desc {
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  -webkit-animation: fadeOutUp;
          animation: fadeOutUp;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .section-model6-cont.activeAni .title, body[data-page=mobile] .section-model6-cont.activeAni .desc,
body[data-page=mobile] .section-model5-cont.activeAni .title,
body[data-page=mobile] .section-model5-cont.activeAni .desc,
body[data-page=mobile] .section-model4-cont.activeAni .title,
body[data-page=mobile] .section-model4-cont.activeAni .desc,
body[data-page=mobile] .section-model3-cont.activeAni .title,
body[data-page=mobile] .section-model3-cont.activeAni .desc,
body[data-page=mobile] .section-model2-cont.activeAni .title,
body[data-page=mobile] .section-model2-cont.activeAni .desc {
  opacity: 1;
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .service-item1, body[data-page=mobile] .service-item2,
body[data-page=mobile] .service-item3, body[data-page=mobile] .service-item4 {
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
body[data-page=mobile] .service-item1 {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .service-item1.activeAni {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .service-item2 {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .service-item2.activeAni {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .service-item3 {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .service-item3.activeAni {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .service-item2 {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .service-item4.activeAni {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .pecu-list .pecu-item {
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
body[data-page=mobile] .pecu-list .pecu-item:nth-child(1) {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .pecu-list .pecu-item:nth-child(3) {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
}
body[data-page=mobile] .pecu-list .pecu-item:nth-child(5) {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
}
body[data-page=mobile] .pecu-list .pecu-item:nth-child(2) {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .pecu-list .pecu-item:nth-child(4) {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
}
body[data-page=mobile] .pecu-list .pecu-item:nth-child(6) {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
}
body[data-page=mobile] .pecu-list.activeAni .pecu-item:nth-child(1) {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .pecu-list.activeAni .pecu-item:nth-child(3) {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
}
body[data-page=mobile] .pecu-list.activeAni .pecu-item:nth-child(5) {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
}
body[data-page=mobile] .pecu-list.activeAni .pecu-item:nth-child(2) {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .pecu-list.activeAni .pecu-item:nth-child(4) {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
}
body[data-page=mobile] .pecu-list.activeAni .pecu-item:nth-child(6) {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
}
body[data-page=mobile] .section-model4-cont .small-swiper,
body[data-page=mobile] .section-model4-cont .big-swiper {
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
body[data-page=mobile] .section-model4-cont .small-swiper {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .section-model4-cont .small-swiper.h5, body[data-page=mobile] .section-model4-cont .big-swiper {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .section-model4-cont.activeAni .small-swiper.h5,
body[data-page=mobile] .section-model4-cont.activeAni .big-swiper {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .section-model4-cont.activeAni .small-swiper {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .img-cont .img-item {
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
body[data-page=mobile] .img-cont .img-item.left-img {
  -webkit-animation: fadeOutLeft;
          animation: fadeOutLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .img-cont .img-item.right-img {
  -webkit-animation: fadeOutRight;
          animation: fadeOutRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .img-cont.activeAni .left-img {
  opacity: 1;
  -webkit-animation: fadeInLeft;
          animation: fadeInLeft;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .img-cont.activeAni .right-img {
  opacity: 1;
  -webkit-animation: fadeInRight;
          animation: fadeInRight;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
body[data-page=mobile] .info-cont,
body[data-page=mobile] .form-cont {
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
body[data-page=mobile] .info-cont.activeAni,
body[data-page=mobile] .form-cont.activeAni {
  opacity: 1;
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}