@-webkit-keyframes fadeInShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes fadeInShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes display {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes display {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height: inherit;}

.js_text span {
  opacity: 0;
}

.js_text.active span {
  -webkit-animation: letter-glow 0.5s 0s ease both;
          animation: letter-glow 0.5s 0s ease both;
}
.js_text.active span:nth-child(1) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
.js_text.active span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.js_text.active span:nth-child(3) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.js_text.active span:nth-child(4) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.js_text.active span:nth-child(5) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.js_text.active span:nth-child(6) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.js_text.active span:nth-child(7) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.js_text.active span:nth-child(8) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.js_text.active span:nth-child(9) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.js_text.active span:nth-child(10) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.js_text.active span:nth-child(11) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.js_text.active span:nth-child(12) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.js_text.active span:nth-child(13) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.js_text.active span:nth-child(14) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.js_text.active span:nth-child(15) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.js_text.active span:nth-child(16) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.js_text.active span:nth-child(17) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
.js_text.active span:nth-child(18) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.js_text.active span:nth-child(19) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
.js_text.active span:nth-child(20) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.js_text.active span:nth-child(21) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
.js_text.active span:nth-child(22) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.js_text.active span:nth-child(23) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}
.js_text.active span:nth-child(24) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.js_text.active span:nth-child(25) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.js_text.active span:nth-child(26) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.js_text.active span:nth-child(27) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
.js_text.active span:nth-child(28) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.js_text.active span:nth-child(29) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
.js_text.active span:nth-child(30) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.js_text.active span:nth-child(31) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
}
.js_text.active span:nth-child(32) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.js_text.active span:nth-child(33) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}
.js_text.active span:nth-child(34) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.js_text.active span:nth-child(35) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.js_text.active span:nth-child(36) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.js_text.active span:nth-child(37) {
  -webkit-animation-delay: 1.85s;
          animation-delay: 1.85s;
}
.js_text.active span:nth-child(38) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.js_text.active span:nth-child(39) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}
.js_text.active span:nth-child(40) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.js_text.active span:nth-child(41) {
  -webkit-animation-delay: 2.05s;
          animation-delay: 2.05s;
}
.js_text.active span:nth-child(42) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.js_text.active span:nth-child(43) {
  -webkit-animation-delay: 2.15s;
          animation-delay: 2.15s;
}
.js_text.active span:nth-child(44) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.js_text.active span:nth-child(45) {
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
}
.js_text.active span:nth-child(46) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}
.js_text.active span:nth-child(47) {
  -webkit-animation-delay: 2.35s;
          animation-delay: 2.35s;
}
.js_text.active span:nth-child(48) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.js_text.active span:nth-child(49) {
  -webkit-animation-delay: 2.45s;
          animation-delay: 2.45s;
}
.js_text.active span:nth-child(50) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.js_text.active span:nth-child(51) {
  -webkit-animation-delay: 2.55s;
          animation-delay: 2.55s;
}
.js_text.active span:nth-child(52) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.js_text.active span:nth-child(53) {
  -webkit-animation-delay: 2.65s;
          animation-delay: 2.65s;
}
.js_text.active span:nth-child(54) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}
.js_text.active span:nth-child(55) {
  -webkit-animation-delay: 2.75s;
          animation-delay: 2.75s;
}
.js_text.active span:nth-child(56) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.js_text.active span:nth-child(57) {
  -webkit-animation-delay: 2.85s;
          animation-delay: 2.85s;
}
.js_text.active span:nth-child(58) {
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s;
}
.js_text.active span:nth-child(59) {
  -webkit-animation-delay: 2.95s;
          animation-delay: 2.95s;
}
.js_text.active span:nth-child(60) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.js_text.active span:nth-child(61) {
  -webkit-animation-delay: 3.05s;
          animation-delay: 3.05s;
}
.js_text.active span:nth-child(62) {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}
.js_text.active span:nth-child(63) {
  -webkit-animation-delay: 3.15s;
          animation-delay: 3.15s;
}
.js_text.active span:nth-child(64) {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}
.js_text.active span:nth-child(65) {
  -webkit-animation-delay: 3.25s;
          animation-delay: 3.25s;
}
.js_text.active span:nth-child(66) {
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s;
}

@-webkit-keyframes letter-glow {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(25, 30, 160, 0.1);
  }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 20px rgba(25, 30, 160, 0.9);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 0.9;
    text-shadow: 0px 0px 20px rgba(25, 30, 160, 0);
  }
}

@keyframes letter-glow {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(25, 30, 160, 0.1);
  }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 20px rgba(25, 30, 160, 0.9);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 0.9;
    text-shadow: 0px 0px 20px rgba(25, 30, 160, 0);
  }
}
@-webkit-keyframes dd_span {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes dd_span {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
:root {
  --color: #4157da;
}

.fontEn {
  line-height: 1.1;
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.a a {
  padding: 0 10px 0 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 200px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.a a i {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.a a i svg {
  width: 16px;
  height: 16px;
}
.a a span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1;
}

@media screen and (max-width: 1600px) {
  .a a {
    width: 160px;
    height: 45px;
    font-size: 16px;
  }
  .a a span {
    font-size: 16px;
  }
}
@media screen and (max-width: 700px) {
  .a a {
    width: 120px;
    height: 36px;
    font-size: 14px;
  }
  .a a span {
    font-size: 14px;
  }
  .a a i {
    width: 20px;
    height: 20px;
  }
}
.mo_img {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .pc_img {
    display: none !important;
  }
  .mo_img {
    display: block !important;
  }
}
.banner {
  position: relative;
  background: #000;
}
.banner .swiper-slide {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.banner .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner .banner_img img {
  width: 100%;
  opacity: 0;
}
.banner .swiper-slide video {
  width: 100%;
  display: block;
}
.banner .swiper-horizontal > .swiper-pagination-bullets {
  top: 90vh;
}
.banner .swiper-pagination-bullet {
  width: 80px;
  height: 4px;
  background-color: #fff;
  border-radius: 0px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 120px;
}
.banner .text {
  position: absolute;
  left: 50%;
  top: 70vh;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  z-index: 5;
  max-width: 950px;
  text-align: center;
}
.banner .text img {
  max-width: 100%;
}
.banner .text h3 {
  font-weight: 700;
  overflow: hidden;
}
.banner .text h3 span {
  opacity: 0;
  position: relative;
  -webkit-transform: translateY(25px);
      -ms-transform: translateY(25px);
          transform: translateY(25px);
  display: inline-block;
}
.banner .swiper-slide:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  top: 80%;
  background-size: cover !important;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/2609c483-4669-4747-bbe4-756a7258e61e.png) no-repeat center bottom;
  z-index: 3;
}

#videoModal {
  display: none;
}

.video_close {
  z-index: 99;
}

.video_btn {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60px;
}

.video_btn svg {
  width: 100%;
  height: 100%;
}

.touch_body .video_btn {
  display: block;
}

.touch_body .banner .swiper-slide video {
  display: none;
}

.touch_body .banner .swiper-slide {
  height: 70vh;
}

.banner .swiper-horizontal > .swiper-pagination-bullets {
  top: 80%;
}

.isFENV .banner .swiper-slide {
  height: 100%;
}

@media screen and (max-width: 1700px) {
  .banner .swiper-horizontal > .swiper-pagination-bullets {
    top: 95%;
  }
}
@media screen and (max-width: 1600px) {
  .banner .text {
    top: 60vh;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets {
    top: 75vh;
  }
}
@media screen and (max-width: 1500px) {
  .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 80px;
  }
  .banner .swiper-pagination-bullet {
    width: 40px;
  }
}
@media screen and (max-width: 1400px) {
  .banner .text {
    top: 55%;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets {
    top: 80%;
  }
}
@media screen and (max-width: 1000px) {
  .banner .text dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .banner .swiper-slide {
    height: 70vh;
  }
  .banner .text {
    width: 90%;
  }
  .banner .text h3 {
    font-size: 24px;
  }
  .banner .text p {
    font-size: 16px;
  }
  .banner .text .img img {
    width: 70%;
  }
  .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
  }
  .banner .swiper-pagination-bullet {
    width: 13px;
    height: 2px;
    margin: 0 2px;
  }
}
.in_con0 {
  height: 10vw;
  background: #010305;
}

.in_con01 {
  background: #010305;
  position: relative;
  width: 100%;
}
.in_con01 .in_con01_1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 1;
}
.in_con01 .in_con01_1 img {
  width: 100%;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.in_con01 .in_con01_1 .text {
  color: #fff;
  text-align: center;
  font-weight: 700;
  opacity: 0;
  -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
          transform: translateY(80px);
  position: absolute;
  left: 0%;
  top: 30%;
  width: 100%;
  z-index: 2;
}
.in_con01 .in_con01_2.mo_div {
  display: block;
}
.in_con01 .in_con01_2 {
  display: none;
  opacity: 0;
  position: relative;
  z-index: 2;
}
.in_con01 .in_con01_2 > img {
  width: 100%;
}
.in_con01 .in_con01_2 svg {
  width: 100%;
}
.in_con01 .in_con01_2 image {
  width: 100%;
  display: block;
  border: 0;
  margin: 0px;
  padding: 0px;
}
.in_con01 .in_con01_2 .text {
  position: absolute;
  top: 8%;
  left: 0px;
  z-index: 3;
  color: #fff;
  width: 100%;
}
.in_con01 .in_con01_2 .text .in_title {
  opacity: 0;
  font-size: 14px;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
.in_con01 .in_con01_2 .text .in_title span {
  display: inline-block;
  margin-right: 30px;
}
.in_con01 .in_con01_2 .text .con {
  max-width: 670px;
  line-height: 1.4;
  position: relative;
}
.in_con01 .in_con01_2 .text .con p {
  opacity: 0;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.in_con01 .in_con01_2 .text .p {
  position: relative;
  z-index: 3;
}
.in_con01 .in_con01_2 .text .p2 {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
}
.in_con01 .in_con01_2 .text .p2 p {
  opacity: 1;
}
.in_con01 .in_con01_2 .text .p2 span {
  opacity: 0.2 !important;
}
.in_con01 .in_con01_3 {
  position: absolute;
  height: 15vw;
  z-index: -3;
  top: 80%;
  left: 0px;
  opacity: 0;
  width: 100%;
}

@media screen and (max-width: 1600px) {
  .in_con01 .in_con01_2 .text .con {
    max-width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .in_con01 .in_con01_2 .text .con {
    max-width: 430px;
  }
}
@media screen and (max-width: 700px) {
  .in_con01 .in_con01_2 .text {
    top: 15vw;
  }
  .in_con01 .in_con01_2 .text .con {
    font-size: 18px;
    max-width: 250px;
    width:250px;
  }
  .in_con01 .in_con01_2 {
    opacity: 1;
    height: 70vh;
    display: block;
  }
  .in_con01 .in_con01_2 > img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .in_con01 .in_con01_2.mo_div {
    display: none;
  }
  .in_con01 .in_con01_1 {
    display: none;
  }
  .in_con01 .in_con01_3 {
    display: none;
  }
}
.in_con02 {
  position: relative;
  z-index: 3;
  min-height: 90vh;
}
.in_con02 .in_con02_1 {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.in_con02 .in_con02_1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: 40vw;
}
.in_con02 .in_con02_1 li {
  height: 100%;
  background: #fff;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  opacity: 0;
}
.in_con02 .in_con02_2 {
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
.in_con02 .in_con02_2 .wrap_1600 {
  position: relative;
  top: -8vw;
  left: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.in_con02 .in_con02_2 .in_title {
  width: 450px;
  margin-right: 10vw;
}
.in_con02 .in_con02_2 .in_title span {
  color: #999;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 1.1;
  display: block;
}
.in_con02 .in_con02_2 .in_title p {
  color: #474747;
  line-height: 1.1;
}
.in_con02 .in_con02_3 {
  overflow: hidden;
  background: #fff;
}
.in_con02 .in_con02_3 .js_in_con02_3 {
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  position: relative;
  z-index: 3;
}
.in_con02 .in_con02_3 .list_con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: calc((100% - 1600px) / 2);
}
.in_con02 .in_con02_3 .shu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.in_con02 .in_con02_3 .shu span {
  font-size: 200px;
  color: var(--color);
  line-height: 0.8;
  letter-spacing: -4px;
  font-weight: 100;
}
.in_con02 .in_con02_3 .shu i {
  color: var(--color);
}
.in_con02 .in_con02_3 .xian {
  height: 4px;
  width: 100%;
  background: #d4d5d7;
  position: relative;
  margin-top: 90px;
}
.in_con02 .in_con02_3 .xian_c {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  background: var(--color);
}
.in_con02 .in_con02_3 .fang {
  position: absolute;
  left: 0px;
  top: -13px;
  width: 30px;
  height: 30px;
  background: #ccc;
  z-index: 2;
}
.in_con02 .in_con02_3 .list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  padding-bottom: 80px;
}
.in_con02 .in_con02_3 .list .wen {
  color: #999;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.in_con02 .in_con02_3 .jt {
  position: absolute;
  left: calc((100% - 1670px) / 2);
  bottom: 35px;
  opacity: 0;
}

.isFENV .in_con02 {
  min-height: 500px;
}

@media screen and (max-width: 1700px) {
  .in_con02 .in_con02_3 .list_con {
    margin-left: calc((100% - 80vw) / 2);
  }
  .in_con02 .in_con02_3 .shu span {
    font-size: 10vw;
  }
  .in_con02 .in_con02_3 .shu i {
    margin-left: 10px;
  }
  .in_con02 .in_con02_3 .fang {
    width: 20px;
    height: 20px;
    top: -8px;
  }
}
@media screen and (max-width: 1500px) {
  .in_con02 .in_con02_2 .in_title {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1200px) {
  .in_con02 {
    min-height: 70vh;
  }
}
@media screen and (max-width: 1000px) {
  .in_con02 {
    min-height: 50vh;
  }
  .in_con02 .in_con02_2 .wrap_1600 {
    top: -13vw;
  }
  .in_con02 .in_con02_2 .in_title {
    width: 330px;
  }
}
@media screen and (max-width: 700px) {
  .in_con02 {
    min-height: 50vh;
  }
  .in_con02 .in_con02_2 .wrap_1600 {
    top: 0vw;
  }
  .in_con02 .in_con02_2 .in_title {
    width: auto;
  }
  .in_con02 .in_con02_3 {
    margin-top: 20vw;
    padding-bottom: 10vw;
  }
  .in_con02 .in_con02_3 .fang {
    width: 14px;
    height: 14px;
    top: -6px;
  }
  .in_con02 .in_con02_3 .list {
    padding-bottom: 16vw;
  }
  .in_con02 .in_con02_3 .shu span {
    letter-spacing: 0;
  }
  .in_con02 .in_con02_3 .xian {
    margin-top: 10vw;
  }
  .in_con02 .in_con02_3 .list .wen {
    padding-right: 40px;
    font-size: 14px;
  }
  .in_con02 .in_con02_3 .xian {
    height: 2px;
  }
  .in_con02 .in_con02_3 .shu i {
    line-height: 1;
    font-size: 14px;
  }
}
@-webkit-keyframes rotate_a {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_a {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.in_con03 {
  background: #17181b;
  position: relative;
  overflow: hidden;
}
.in_con03 .in_con03_bg .bg {
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-filter: blur(80px);
          filter: blur(80px);
  width: 50vw;
  height: 50vw;
}
.in_con03 .in_con03_bg .bg1 {
  background: linear-gradient(300deg, transparent, transparent, #04145b, #051971, #051971, transparent) border-box;
  border-radius: 0% 70% 100% 50%/0% 100% 100% 50%;
  height: 50%;
  width: 100%;
  -webkit-animation: rotate_a 40s alternate infinite;
          animation: rotate_a 40s alternate infinite;
}
.in_con03 .in_con03_bg .bg2 {
  left: 10%;
  background: linear-gradient(152deg, transparent, transparent, #0635e1, #0635e1);
  -webkit-animation: rotate_a 30s cubic-bezier(0.8, 0.2, 0.2, 0.8) alternate infinite;
          animation: rotate_a 30s cubic-bezier(0.8, 0.2, 0.2, 0.8) alternate infinite;
  border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  will-change: border-radius;
}
.in_con03 .in_con03_bg .bg3 {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  will-change: border-radius;
  -webkit-animation: rotate_a 20s alternate infinite;
          animation: rotate_a 20s alternate infinite;
  background: linear-gradient(152deg, transparent, transparent, #072cb2, #072cb2);
}
.in_con03 .text {
  color: #fff;
  width: 100%;
  position: relative;
  z-index: 2;
}
.in_con03 .text .in_title {
  font-size: 14px;
}
.in_con03 .text .in_title span {
  display: inline-block;
  margin-right: 30px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}
.in_con03 .text .con {
  max-width: 1150px;
  line-height: 1.4;
  color: #fff;
  font-weight: 700;
}
.in_con03 .text .con_background {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
.in_con03 .text .con_background span {
  display: inline-block;
  position: relative;
}
.in_con03 .text .con_background span i {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  white-space: nowrap;
  width: 0px;
  overflow: hidden;
}
.in_con03 .text .text_con {
  position: relative;
}
.in_con03 .text .con_height {
  opacity: 0;
}
.in_con03 .text .con_height span i {
  display: none;
}
.in_con03 .text .con_absolute {
  position: absolute;
  left: 0px;
  top: 0px;
}
.in_con03 .text .con_mask {
  opacity: 0;
  position: relative;
  height: 90px;
  overflow: hidden;
  outline: 1px transparent;
}
.in_con03 .text .con_mask .con {
  color: #fff;
}
.in_con03 .text .con_mask span i {
  display: none;
}
.in_con03 .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 2;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.in_con03 .bottom dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 90px;
  position: relative;
}
.in_con03 .bottom dl:nth-of-type(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 826px;
          flex: 0 0 826px;
}
.in_con03 .bottom dl:nth-of-type(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 554px;
          flex: 0 0 554px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: end;
  position: relative;
  top: 50px;
}
.in_con03 .bottom dl:nth-of-type(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1180px;
          flex: 0 0 1180px;
  margin-top: 120px;
}
.in_con03 .bottom dt {
  text-align: right;
}
.in_con03 .bottom dt img {
  width: 100%;
}
.in_con03 .bottom dd {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fff;
  z-index: 2;
  padding: 50px 0;
  overflow: hidden;
  width: 100%;
}
.in_con03 .bottom dd:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #000fdb), color-stop(#000fdb), to(transparent));
  background: linear-gradient(0deg, #000fdb 50%, #000fdb, transparent);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  display: none;
}
.in_con03 .bottom dd:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: radial-gradient(circle, rgba(0, 188, 235, 0), rgb(0, 188, 235), rgba(0, 188, 235, 0));
  pointer-events: none;
  z-index: 1;
}
.in_con03 .bottom dd:hover:after {
  opacity: 1;
}
.in_con03 .bottom dd > * {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
.in_con03 .bottom .p {
  max-width: 640px;
}
.in_con03 .bottom .con p {
  line-height: 1;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
}
.in_con03 .bottom .con h3 {
  margin-top: 10px;
}
.in_con03 .bottom .span span {
  display: inline-block;
  margin-right: 30px;
  padding-left: 20px;
  position: relative;
}
.in_con03 .bottom .span span a {
  color: #fff;
}
.in_con03 .bottom .span span:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  border: 3px solid #06e0d5;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.in_con03 .bottom dd.img {
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
  padding: 0px;
  z-index: 1;
}
.in_con03 .bottom dd.img img {
  width: 100%;
}
.in_con03 .bottom dl:hover dd.img {
  opacity: 1;
}
.in_con03 .bottom dl:nth-of-type(3) dd.img {
  top: 0px;
  bottom: 0;
  max-width: 792px;
}
.in_con03 .bottom dl:nth-of-type(3) dd.img img {
  padding-left: 0px;
  height: 100%;
}

@media screen and (min-width: 700px) {
  .in_con03 .bottom dl:nth-of-type(3) dd {
    top: 0px;
  }
  .in_con03 .bottom dl:nth-of-type(3) dd > * {
    width: 80%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 50px;
  }
  .in_con03 .bottom dl:nth-of-type(3) dd:after {
    height: 100%;
    width: 90%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000fdb), color-stop(#000fdb), to(transparent));
    background: linear-gradient(180deg, #000fdb 50%, #000fdb, transparent);
    border-radius: 100%;
    left: -50%;
    top: -50%;
    -webkit-filter: blur(80px);
            filter: blur(80px);
  }
  .in_con03 .bottom dl:nth-of-type(3) dd .span {
    position: absolute;
    bottom: 50px;
    left: 0px;
  }
}
@media screen and (max-width: 1700px) {
  .in_con03 .bottom dl {
    margin-left: 5vw;
  }
  .in_con03 .bottom dl:nth-of-type(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
  .in_con03 .bottom dl:nth-of-type(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37%;
            flex: 0 0 37%;
  }
  .in_con03 .bottom dl:nth-of-type(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}
@media screen and (max-width: 1000px) {
  .in_con03 .bottom dt img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .in_con03 .bottom dl:nth-of-type(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-left: 0px;
  }
  .in_con03 .bottom dl:nth-of-type(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
  }
}
@media screen and (max-width: 700px) {
  .in_con03 .text .con {
    font-size: 26px;
    font-weight: normal;
  }
  .in_con03 .text .con_absolute {
    font-size: 26px;
    font-weight: normal;
    color: #fff;
  }
  .in_con03 .text .con_mask {
    height: auto;
  }
  .in_con03 .bottom {
    padding-top: 0px;
  }
  .in_con03 .text .con_height {
    height: 30px;
  }
  .in_con03 .bottom dl:nth-of-type(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 8vw;
  }
  .in_con03 .bottom dl:nth-of-type(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-left: 0;
    top: 0px;
  }
  .in_con03 .bottom dl:nth-of-type(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 8vw;
  }
  .in_con03 .bottom dl:nth-of-type(3) dt {
    height: 50vh;
  }
}
.in_con04 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.in_con04 .top .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative;
  z-index: 3;
}
.in_con04 .top .left .img {
  width: 100%;
}
.in_con04 .top .left .img img {
  width: 100%;
}
.in_con04 .top .left #custom-carousel {
  width: 100%;
  position: absolute;
  left: 20%;
  top: 20%;
  z-index: 3;
}
.in_con04 .top .left #custom-carousel canvas {
  opacity: 0;
  -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
          transform: translateY(80px);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -ms-touch-action: none;
      touch-action: none;
  height: 100%;
  width: 100%;
}
.in_con04 .top .left #custom-carousel.showM canvas {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.in_con04 .top .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  background: #eeeff1;
  overflow: hidden;
}
.in_con04 .top .right .con_wrap {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.in_con04 .top .right .in_title {
  font-size: 14px;
  opacity: 0;
}
.in_con04 .top .right .in_title span {
  display: inline-block;
  margin-right: 30px;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.in_con04 .top .right .con .fontEn {
  text-transform: uppercase;
  color: #666;
  line-height: 1;
}
.in_con04 .top .right .con h3 {
  margin-top: 20px;
  line-height: 1.2;
}
.in_con04 .top .right .con h3 span {
  display: block;
  color: var(--color);
}
.in_con04 .top .right .con .p {
  color: #666;
  max-width: 430px;
}
.in_con04 .top .right .con .a a {
  color: #fff;
  background: #3b54e2;
}
.in_con04 .top .right .con .a a i {
  background: #4f65e5;
}
.in_con04 .top .right .con .a a:hover span {
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}
.in_con04 .top .right .con .a a:hover i {
  -webkit-animation: swing 0.5s ease-in-out;
          animation: swing 0.5s ease-in-out;
}
.in_con04 .top .right .dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.in_con04 .top .right .dl dl {
  border-right: 1px solid #ccc;
  margin-right: 30px;
  padding-right: 30px;
}
.in_con04 .top .right .dl dl:last-child {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}
.in_con04 .top .right .dl dt {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.in_con04 .top .right .dl dt span {
  font-weight: 500;
  line-height: 1;
}
.in_con04 .top .right .dl dt i {
  color: #999;
  padding-left: 5px;
}
.in_con04 .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #eeeff1;
  border-bottom: 1px solid #262626;
}
.in_con04 .bottom .an_list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  background: #000;
  position: relative;
  -webkit-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
}
.in_con04 .bottom .an_list:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 60%;
  display: block;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(3, 5, 150)), to(rgba(3, 5, 150, 0)));
  background-image: linear-gradient(0deg, rgb(3, 5, 150), rgba(3, 5, 150, 0));
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.in_con04 .bottom dl {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 130px;
  margin-bottom: 300px;
  position: relative;
  z-index: 2;
}
.in_con04 .bottom .an_list:nth-of-type(3) {
  margin-top: 100px;
}
.in_con04 .bottom .an_list:nth-of-type(4) {
  margin-top: 200px;
}
.in_con04 .bottom .an_list:nth-of-type(3) dl {
  margin-bottom: 200px;
}
.in_con04 .bottom .an_list:nth-of-type(4) dl {
  margin-bottom: 100px;
}
.in_con04 .bottom dt span {
  color: #9e9e9e;
}
.in_con04 .bottom dt h3 {
  color: #fff;
  line-height: 1.2;
}
.in_con04 .bottom dt h3 a {
  color: #fff;
}
.in_con04 .bottom dd {
  color: #737373;
  text-align: center;
}
.in_con04 .bottom dd a {
  color: #737373;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.in_con04 .bottom dd a:hover {
  color: #fff;
}
.in_con04 .bottom .more_a {
  position: absolute;
  bottom: 30px;
  right: 40px;
  z-index: 2;
}
.in_con04 .bottom .more_a svg {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.in_con04 .bottom .an_list:hover:after {
  opacity: 1;
}
.in_con04 .bottom .an_list:hover .more_a svg {
  opacity: 1;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media screen and (min-width: 1950px) {
  .in_con04 .top .left .img {
    height: 1100px;
  }
  .in_con04 .top .left .img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .in_con04 .top .right .con_wrap {
    margin-top: 4vw;
  }
  .in_con04 .top .right .con_wrap .con {
    margin-top: 3vw;
  }
  .in_con04 .top .right .dl {
    margin-top: 3vw;
  }
}
@media screen and (max-width: 1700px) {
  .in_con04 .top .right .con_wrap {
    width: 80%;
  }
}
@media screen and (max-width: 1500px) {
  .in_con04 .top .right .con .p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .in_con04 .top .right .con .fontEn {
    font-size: 18px;
  }
  .in_con04 .top .right .con .fontEn br {
    display: none;
  }
  .in_con04 .bottom .an_list:nth-of-type(3) {
    margin-top: 6vw;
  }
  .in_con04 .bottom .an_list:nth-of-type(4) {
    margin-top: 12vw;
  }
  .in_con04 .bottom dl {
    margin-bottom: 20vw;
    margin-top: 6vw;
  }
  .in_con04 .bottom .an_list:nth-of-type(3) dl {
    margin-bottom: 10vw;
  }
  .in_con04 .bottom .an_list:nth-of-type(4) dl {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 1000px) {
  .in_con04 .top .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .in_con04 .top .left #custom-carousel {
    left: 50%;
    width: 80%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .in_con04 .top .left .img {
    height: 300px;
  }
  .in_con04 .top .left .img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .in_con04 .top .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .in_con04 .top .right .con_wrap {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
  .in_con04 .bottom dt {
    padding: 0 20px;
  }
  .in_con04 .bottom dd {
    padding: 0 20px;
  }
  .in_con04 .bottom dd a br {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .in_con04 .top .left {
    overflow: hidden;
  }
  .in_con04 .top .left #custom-carousel {
    width: 120%;
  }
  .in_con04 .top .right .con_wrap {
    width: 90%;
    margin-top: 15vw;
    margin-bottom: 15vw;
  }
  .in_con04 .top .right .dl dl {
    margin-right: 5vw;
    padding-right: 5vw;
  }
  .in_con04 .top .right .con .a a:hover span {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .in_con04 .top .right .dl dd {
    font-size: 16px;
  }
  .in_con04 .top .right .dl dt i {
    font-size: 14px;
  }
  .in_con04 .bottom .more_a {
    bottom: 20px;
    right: 20px;
  }
  .in_con04 .bottom dl {
    margin-top: 10vw !important;
    margin-bottom: 15vw !important;
  }
  .in_con04 .bottom .an_list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .in_con04 .bottom .an_list:nth-of-type(3) {
    margin-top: 0px;
  }
  .in_con04 .bottom .an_list:nth-of-type(4) {
    margin-top: 0px;
  }
}
.in_con05 {
  background: #080808;
  position: relative;
}
.in_con05 .con {
  color: #fff;
  width: 280px;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
}
.in_con05 .con .img {
  position: absolute;
  right: 0px;
  top: -35%;
  width: 221px;
  height: 227px;
  overflow: hidden;
  display: none;
}
.in_con05 .con .greater-svg path {
  -webkit-transition: stroke-dashoffset 2s ease-out;
  transition: stroke-dashoffset 2s ease-out;
}
.in_con05 .con .text {
  position: relative;
  z-index: 2;
}
.in_con05 .con .text h3 {
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.in_con05 .con .text p {
  color: #747474;
  margin-top: 20px;
  line-height: 1.2;
  text-align: center;
}
.in_con05 .con .a {
  margin-top: 60px;
}
.in_con05 .con .a a {
  color: #3b54e2;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}
.in_con05 .con .a a i {
  background: #4f65e5;
}
.in_con05 .con .a a:hover span {
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}
.in_con05 .con .a a:hover {
  background: #3b54e2;
  color: #fff;
}
.in_con05 .con .a a:hover i {
  background: #fff;
}
.in_con05 .con .a a:hover i svg path {
  fill: #3b54e2;
}
.in_con05 .showM .greater-svg path {
  stroke-dashoffset: 0;
}
.in_con05 .img_video {
  width: 910px;
  margin: 0 auto;
}
.in_con05 .img_video img {
  width: 100%;
}
.in_con05 .img_video video {
  width: 100%;
}
.in_con05 .img_video > img {
  opacity: 0;
}
.in_con05 .img_po {
  position: relative;
  width: 100%;
}
.in_con05 .img_po img {
  position: absolute;
  left: 0px;
  right: 0px;
}

.in_con05 .img_po img {
  -webkit-animation: floatUpDown 3s ease-in-out infinite;
          animation: floatUpDown 3s ease-in-out infinite;
}

.in_con05 .img_po img:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.in_con05 .img_po img:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.in_con05 .img_po img:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.in_con05 .img_po img:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.in_con05 .img_po img:nth-child(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.in_con05 .img_po img:nth-child(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.in_con05 .img_po img:nth-child(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.in_con05 .img_po img:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.in_con05 .img_po img:nth-child(9) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

@media screen and (max-width: 1700px) {
  .in_con05 .img_video {
    width: 50vw;
  }
  .in_con05 .con .a {
    margin-top: 3vw;
  }
}
@media screen and (max-width: 1200px) {
  .in_con05 .img_video {
    width: 65vw;
  }
}
@media screen and (max-width: 700px) {
  .in_con05 {
    overflow: hidden;
  }
  .in_con05 .con {
    position: static;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    width: 100%;
  }
  .in_con05 .con .a {
    margin-top: 8vw;
  }
  .in_con05 .con .a a:hover span {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .in_con05 .img_video {
    width: 80vw;
  }
}
@-webkit-keyframes floatUpDown {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
@keyframes floatUpDown {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
.about_banner {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh + 200px);
}
.about_banner .text {
  position: absolute;
  left: 50%;
  top: 17%;
  z-index: 2;
  color: #fff;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.about_banner .text .top {
  max-width: 83%;
  font-weight: 700;
}
.about_banner .text .span {
  font-weight: 100;
}
.about_banner .text .span .fontEn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
}
.about_banner .text .span .span2 {
  background: #fff;
  color: #7b89ad;
}
.about_banner img {
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .about_banner {
    min-height: calc(100vh + 10vw);
  }
  .about_banner .text .span {
    font-size: 24px;
  }
  .about_banner .text .span .fontEn {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 1000px) {
  .about_banner {
    min-height: auto;
  }
  .about_banner .text .top br {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .about_banner {
    height: 690px;
    overflow: hidden;
  }
  .about_banner img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .about_banner .text {
    top: 10%;
  }
  .about_banner .text .top {
    font-size: 20px;
  }
  .about_banner .text .p br {
    display: none;
  }
  .about_banner .text .span {
    font-size: 18px;
  }
  .about_banner .text .span .fontEn {
    width: 26px;
    height: 26px;
  }
}
.ab_title {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.ab_title h3 {
  font-weight: 700;
}
.ab_title span {
  color: #999;
}

.about_right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 5;
  max-width: 530px;
}
.about_right .span {
  font-weight: 700;
}
.about_right .p p {
  margin-bottom: 13px;
}
.about_right a:hover {
  color: var(--color);
}

@media screen and (max-width: 1300px) {
  .about_right .img {
    width: 130px;
  }
  .about_right .img img {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .about_right .con {
    margin-top: 5vw;
  }
  .about_right .con .p {
    margin-top: 5vw;
  }
}
.about_con01 {
  position: relative;
  top: -200px;
}
.about_con01 .ab_c1_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about_con01 .ab_c1_01 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 555px;
          flex: 0 0 555px;
  position: relative;
  margin-left: 5%;
}
.about_con01 .ab_c1_01 .left:after {
  content: "";
  display: block;
  position: absolute;
  top: 10%;
  left: 30%;
  width: 80%;
  height: 95%;
  background: #f3fcfc;
}
.about_con01 .ab_c1_01 .left:before {
  content: "";
  display: block;
  position: absolute;
  top: 10%;
  left: 55%;
  width: 110%;
  height: 85%;
  background: #f3fcfc;
}
.about_con01 .ab_c1_01 .img1 {
  position: absolute;
  right: 0px;
  top: 25px;
  border-radius: 18px;
  overflow: hidden;
  z-index: 1;
  width: 333px;
}
.about_con01 .ab_c1_01 .img1 img {
  width: 100%;
}
.about_con01 .ab_c1_01 .img2 {
  position: absolute;
  right: 0px;
  top: 25px;
  z-index: 2;
  border-radius: 18px;
  width: 330px;
  height: 559px;
  overflow: hidden;
}
.about_con01 .ab_c1_01 .img2 img {
  position: absolute;
  right: -45px;
  top: -25px;
}
.about_con01 .ab_c1_01 .img3 {
  position: relative;
  z-index: 3;
}
.about_con01 .ab_c1_01 .img3 img {
  width: 100%;
}
.about_con01 .ab_c1_01 .border {
  width: 320px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  right: -150px;
  z-index: 4;
}
.about_con01 .ab_c1_01 .border1 {
  border: 2px solid rgba(4, 242, 244, 0.5);
  width: 200px;
  height: 80px;
  right: 50px;
  bottom: 170px;
}
.about_con01 .ab_c1_01 .border2 {
  border: 2px solid rgba(6, 233, 98, 0.5);
}
.about_con01 .ab_c1_01 .right {
  margin-left: 11%;
}
.about_con01 .ab_c1_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.about_con01 .ab_c1_02 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 660px;
          flex: 0 0 660px;
  position: relative;
  padding-top: 40px;
}
.about_con01 .ab_c1_02 .left:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 25%;
  width: 120%;
  height: 40%;
  background: #f6f8fc;
}
.about_con01 .ab_c1_02 .img1 {
  position: absolute;
  right: 0px;
  top: 60px;
  border-radius: 18px;
  overflow: hidden;
  z-index: 1;
  width: 559px;
}
.about_con01 .ab_c1_02 .img1 img {
  width: 100%;
}
.about_con01 .ab_c1_02 .img3 {
  position: relative;
  z-index: 3;
  top: 50px;
  right: 100px;
}
.about_con01 .ab_c1_02 .img3 img {
  width: 100%;
}
.about_con01 .ab_c1_02 .border {
  width: 175px;
  height: 330px;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 50px;
  z-index: 4;
}
.about_con01 .ab_c1_02 .border1 {
  border: 2px solid rgb(204, 231, 255);
  width: 85px;
  height: 280px;
  left: 200px;
  top: -40px;
}
.about_con01 .ab_c1_02 .border2 {
  border: 2px solid rgb(147, 187, 255);
}
.about_con01 .ab_c1_02 .right {
  margin-left: 10%;
}
.about_con01 .ab_c1_02 .right .fontEn {
  color: #a7c9f9;
}

@media screen and (max-width: 1600px) {
  .about_con01 .ab_c1_01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44%;
            flex: 0 0 44%;
  }
  .about_con01 .ab_c1_01 .img1 {
    width: 60%;
  }
  .about_con01 .ab_c1_01 .img2 {
    width: 60%;
  }
  .about_con01 .ab_c1_01 .img2 img {
    width: 181.5%;
    right: -13.5%;
    top: -4.8%;
  }
  .about_con01 .ab_c1_01 .right {
    padding-top: 8vw;
  }
  .about_con01 .ab_c1_01 .border {
    width: 15vw;
    height: 10vw;
    right: -8vw;
  }
  .about_con01 .ab_c1_01 .border1 {
    width: 10vw;
    height: 5vw;
    bottom: 7vw;
    right: 2vw;
  }
  .about_con01 .ab_c1_02 {
    margin-top: 10vw;
  }
  .about_con01 .ab_c1_02 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .about_con01 .ab_c1_02 .img1 {
    width: 80%;
  }
  .about_con01 .ab_c1_02 .img3 {
    width: 90%;
    right: 3vw;
  }
  .about_con01 .ab_c1_02 .border {
    width: 8vw;
    height: 15vw;
    left: 7vw;
    top: 2vw;
  }
  .about_con01 .ab_c1_02 .border1 {
    width: 4vw;
    height: 14vw;
    left: 13vw;
    top: 0vw;
  }
}
@media screen and (max-width: 1300px) {
  .about_con01 {
    top: -23vw;
  }
}
@media screen and (max-width: 1000px) {
  .about_con01 {
    top: -13vw;
  }
}
@media screen and (max-width: 700px) {
  .about_con01 {
    top: -20vw;
  }
  .about_con01 .ab_c1_01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    overflow: hidden;
    margin: 0px;
  }
  .about_con01 .ab_c1_01 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0px;
  }
  .about_con01 .ab_c1_01 .border {
    width: 15vw;
    height: 30vw;
    right: 12vw;
  }
  .about_con01 .ab_c1_01 .border1 {
    width: 10vw;
    height: 25vw;
    bottom: 10vw;
    right: 6vw;
  }
  .about_con01 .ab_c1_02 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    overflow: hidden;
    margin: 0px;
  }
  .about_con01 .ab_c1_02 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0px;
  }
  .about_con01 .ab_c1_02 .border {
    width: 15vw;
    height: 30vw;
    left: 12vw;
  }
  .about_con01 .ab_c1_02 .border1 {
    width: 10vw;
    height: 25vw;
    top: 10vw;
    left: 6vw;
  }
}
.about_con02 {
  position: relative;
  top: -80px;
}
.about_con02 .ab_title span {
  text-align: right;
  display: block;
  padding-right: 50px;
}
.about_con02 .ab_c2_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about_con02 .ab_c2_01 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 720px;
          flex: 0 0 720px;
  position: relative;
  margin-left: 8%;
}
.about_con02 .ab_c2_01 .left:after {
  content: "";
  display: block;
  position: absolute;
  top: 10%;
  left: 25%;
  width: 83%;
  height: 80%;
  background: #f4f8ff;
}
.about_con02 .ab_c2_01 .img1 {
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 18px;
  overflow: hidden;
  z-index: 1;
  width: 480px;
}
.about_con02 .ab_c2_01 .img1 img {
  width: 100%;
}
.about_con02 .ab_c2_01 .img3 {
  position: relative;
  z-index: 3;
}
.about_con02 .ab_c2_01 .img3 img {
  width: 100%;
}
.about_con02 .ab_c2_01 .border {
  width: 210px;
  height: 320px;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: -50px;
  left: 50px;
  z-index: 4;
}
.about_con02 .ab_c2_01 .border1 {
  border: 2px solid rgba(1, 241, 211, 0.5);
  width: 160px;
  height: 120px;
  left: -30px;
  top: 35%;
}
.about_con02 .ab_c2_01 .border2 {
  border: 2px solid rgba(36, 50, 138, 0.5);
}
.about_con02 .ab_c2_01 .right {
  margin-left: 3%;
}

@media screen and (max-width: 1600px) {
  .about_con02 .ab_c2_01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    margin-left: 4%;
  }
  .about_con02 .ab_c2_01 .img1 {
    width: 60%;
  }
  .about_con02 .ab_c2_01 .border {
    width: 8vw;
    height: 23vw;
    left: 3vw;
  }
  .about_con02 .ab_c2_01 .border1 {
    height: 8vw;
    width: 10vw;
    left: -2vw;
  }
}
@media screen and (max-width: 1000px) {
  .about_con02 {
    top: 0px;
  }
}
@media screen and (max-width: 700px) {
  .about_con02 .ab_c2_01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    overflow: hidden;
    margin: 0px;
  }
  .about_con02 .ab_c2_01 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0px;
  }
  .about_con02 .ab_c2_01 .border {
    width: 15vw;
    height: 30vw;
    left: 12vw;
    top: 20vw;
  }
  .about_con02 .ab_c2_01 .border1 {
    width: 10vw;
    height: 25vw;
    top: 10vw;
    left: 6vw;
  }
}
.about_con03 {
  position: relative;
  margin-top: 30px;
}
.about_con03 .ab_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about_con03 .ab_title span {
  padding-left: 10px;
}
.about_con03 .ab_c3_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.about_con03 .ab_c3_01 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 650px;
          flex: 0 0 650px;
  position: relative;
  padding-bottom: 6%;
}
.about_con03 .ab_c3_01 .left:after {
  content: "";
  display: block;
  position: absolute;
  top: 20%;
  right: 0%;
  width: 50%;
  height: 50%;
  background: #f4f8f1;
}
.about_con03 .ab_c3_01 .left:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 73%;
  height: 60%;
  background: #f4f8f1;
}
.about_con03 .ab_c3_01 .img1 {
  position: absolute;
  left: 30%;
  top: 0px;
  border-radius: 18px;
  overflow: hidden;
  z-index: 1;
  width: 330px;
}
.about_con03 .ab_c3_01 .img1 img {
  width: 100%;
}
.about_con03 .ab_c3_01 .img3 {
  position: relative;
  z-index: 3;
  width: 360px;
  top: 23%;
  left: 50%;
}
.about_con03 .ab_c3_01 .img3 img {
  width: 100%;
}
.about_con03 .ab_c3_01 .border {
  width: 135px;
  height: 205px;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 4;
}
.about_con03 .ab_c3_01 .border1 {
  border: 2px solid rgba(17, 254, 105, 0.5);
  width: 200px;
  height: 320px;
  left: 25%;
  top: 38%;
}
.about_con03 .ab_c3_01 .border2 {
  border: 2px solid rgba(92, 193, 225, 0.5);
}
.about_con03 .ab_c3_01 .right {
  margin-left: 5%;
}
.about_con03 .ab_c3_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.about_con03 .ab_c3_02 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 610px;
          flex: 0 0 610px;
  position: relative;
  margin-left: 5%;
}
.about_con03 .ab_c3_02 .left:after {
  content: "";
  display: block;
  position: absolute;
  top: 17%;
  left: -6%;
  width: 90%;
  height: 72%;
  background: #f4f8ff;
}
.about_con03 .ab_c3_02 .img1 {
  position: absolute;
  right: 0px;
  top: 13px;
  border-radius: 18px;
  overflow: hidden;
  z-index: 1;
  width: 559px;
}
.about_con03 .ab_c3_02 .img1 img {
  width: 100%;
}
.about_con03 .ab_c3_02 .img3 {
  position: relative;
  z-index: 3;
  left: -10%;
}
.about_con03 .ab_c3_02 .img3 img {
  width: 100%;
}
.about_con03 .ab_c3_02 .border {
  width: 205px;
  height: 315px;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: 30%;
  left: 23%;
  z-index: 4;
}
.about_con03 .ab_c3_02 .border1 {
  border: 2px solid rgba(34, 255, 34, 0.5);
  width: 165px;
  height: 115px;
  left: 42%;
  top: 70%;
}
.about_con03 .ab_c3_02 .border2 {
  border: 2px solid rgba(135, 255, 255, 0.5);
  left: 52%;
}
.about_con03 .ab_c3_02 .right {
  margin-left: 10%;
}

@media screen and (max-width: 1600px) {
  .about_con03 .ab_c3_01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
  }
  .about_con03 .ab_c3_01 .img1 {
    width: 60%;
  }
  .about_con03 .ab_c3_01 .img3 {
    width: 65%;
    left: 40%;
  }
  .about_con03 .ab_c3_01 .border {
    width: 6vw;
    height: 10vw;
  }
  .about_con03 .ab_c3_01 .border1 {
    width: 10vw;
    height: 15vw;
    top: 18vw;
  }
  .about_con03 .ab_c3_02 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-left: 0px;
  }
  .about_con03 .ab_c3_02 .img1 {
    width: 80%;
  }
  .about_con03 .ab_c3_02 .border {
    width: 10vw;
    height: 15vw;
    top: 12vw;
  }
  .about_con03 .ab_c3_02 .border1 {
    width: 8vw;
    height: 5vw;
    top: 18vw;
  }
  .about_con03 .ab_c3_02 .right {
    margin-right: 5%;
    margin-left: 5%;
  }
  .about_con03 .ab_c3_02 .right .p p br {
    display: none;
  }
  .about_con03 .ab_c3_02 .img3 {
    left: 0px;
  }
}
@media screen and (max-width: 1000px) {
  .about_con03 {
    margin-top: 13vw;
  }
}
@media screen and (max-width: 700px) {
  .about_con03 {
    margin-top: 20vw;
    padding-bottom: 5vw;
  }
  .about_con03 .ab_c3_01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    overflow: hidden;
    margin: 0px;
  }
  .about_con03 .ab_c3_01 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0px;
  }
  .about_con03 .ab_c3_01 .border {
    width: 15vw;
    height: 30vw;
    left: 12vw;
    top: 20vw;
  }
  .about_con03 .ab_c3_01 .border1 {
    width: 10vw;
    height: 25vw;
    top: 10vw;
    left: 6vw;
  }
  .about_con03 .ab_c3_02 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    overflow: hidden;
    margin: 0px;
  }
  .about_con03 .ab_c3_02 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0px;
  }
  .about_con03 .ab_c3_02 .border {
    width: 15vw;
    height: 30vw;
    left: 12vw;
    top: 20vw;
  }
  .about_con03 .ab_c3_02 .border1 {
    width: 10vw;
    height: 25vw;
    top: 10vw;
    left: 6vw;
  }
}
.about_con04 {
  position: relative;
}
.about_con04 .q720 {
  width: 120px;
  position: absolute;
  left: 50%;
  bottom: 10%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.about_con04 .q720 img {
  width: 100%;
}
.about_con04 .q720:after {
  content: "";
  display: block;
  width: 300%;
  height: 1px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 120%;
  top: 50%;
}
.about_con04 .q720:before {
  content: "";
  display: block;
  width: 300%;
  height: 1px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 120%;
  top: 50%;
}
.about_con04 img {
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .about_con04 .q720 {
    width: 80px;
  }
  .about_con04 .q720:before {
    width: 200%;
  }
  .about_con04 .q720:after {
    width: 200%;
  }
}
@media screen and (max-width: 700px) {
  .about_con04 {
    height: 300px;
  }
  .about_con04 img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about_con04 .q720:before {
    width: 100%;
  }
  .about_con04 .q720:after {
    width: 100%;
  }
}
.img_mo {
  display: none;
}

@media only screen and (max-width: 700px) {
  .img_mo {
    display: block;
  }
  .img_pc {
    display: none;
  }
}
.n_banner {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
.n_banner .text {
  position: absolute;
  left: 58%;
  top: 25%;
  z-index: 2;
  color: #333;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.n_banner .text .top {
  max-width: 83%;
  font-weight: 700;
}
.n_banner .text .bottom {
  max-width: 660px;
}
.n_banner .text .bottom p {
  margin-bottom: 15px;
  line-height: 1.4;
}
.n_banner .text .span span {
  color: #0e1a03;
  margin-right: 20px;
  display: inline-block;
}
.n_banner img {
  width: 100%;
}

.n_banner.dongL .text {
  top: 30%;
}
.n_banner.dongL .text .bottom p {
  margin-bottom: 7px;
}

.n_banner.xinW .text {
  top: 20%;
}
.n_banner.xinW .text .bottom p {
  margin-bottom: 7px;
}

@media screen and (max-width: 1700px) {
  .n_banner .text {
    top: 20%;
    left: 5%;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .n_banner .text .bottom {
    max-width: 50%;
  }
  .n_banner.xinW .text .bottom p br {
    display: none;
  }
}
@media screen and (max-width: 1600px) {
  .n_banner .text {
    top: 15%;
  }
  .n_banner .text .bottom{max-width: 60%;}
}
@media screen and (max-width: 1000px) {
  .n_banner .text {
    top: 5%;
  }
  .n_banner.dongL .text {
    top: 10%;
  }
  .n_banner.xinW .text {
    top: 10%;
  }
  .n_banner .text .bottom br {
    display: none;
  }
  .n_banner .text .bottom p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 700px) {
  .n_banner {
    margin-top: 0px;
  }
  .n_banner .text .bottom {
    max-width: 100%;
  }
  .n_banner .text .p br {
    display: none;
  }
}
.title_all {
  text-align: center;
  padding: 0 20px;
}

.title_all h3 {
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.2;
}

.chenx1 .title_all h3 {
  color: #1f295a;
}
.chenx1 .title_all h3 span {
  color: var(--color);
}
.chenx1 .dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chenx1 .dl dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chenx1 .dl dt {
  width: 300px;
  height: 300px;
  color: #fff;
  border: 1px dashed #999;
  border-radius: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chenx1 .dl dt .text {
  width: 80%;
  height: 80%;
  background: var(--color);
  border-radius: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chenx1 .dl .liuc {
  height: 300px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chenx1 .dl .other_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 300px;
}
.chenx1 .dl .other_dl dt {
  height: 100px;
  width: 230px;
}
.chenx1 .dl .other .liuc {
  height: 53px;
  margin-top: 20px;
}
.chenx1 .dl .other .liuc svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.chenx1 .dl .other dd {
  padding: 0px;
  margin-top: 20px;
  width: 230px;
  height: 100px;
  border: 0px;
  color: #fff;
  border: 1px dashed #999;
  border-radius: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chenx1 .dl .other dd .text {
  background: var(--color);
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80%;
  height: 80%;
  text-align: center;
}
.chenx1 .dl dd {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #747474;
  margin-top: 30px;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chenx1 .dl dd span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 5px 0px;
  min-width: 33.33%;
  text-align: center;
}
.chenx1 .p {
  text-align: center;
  color: #747474;
}

.chenx1 .dl dl {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.chenx1 .dl .liuc {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.chenx1 .dl.animated dl {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.chenx1 .dl.animated .liuc {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.chenx1 .dl.animated dl:nth-of-type(1) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.chenx1 .dl.animated dl:nth-of-type(2) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.chenx1 .dl.animated dl:nth-of-type(3) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.chenx1 .dl.animated dl:nth-of-type(4) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.chenx1 .dl.animated .liuc:nth-of-type(1) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.chenx1 .dl.animated .liuc:nth-of-type(2) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.chenx1 .dl.animated .liuc:nth-of-type(3) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

@media screen and (max-width: 1600px) {
  .chenx1 .dl dt {
    width: 15vw;
    height: 15vw;
  }
  .chenx1 .dl .liuc {
    height: 15vw;
  }
  .chenx1 .dl .liuc svg {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
  .chenx1 .dl .other .liuc svg {
    -webkit-transform: scale(0.7) rotate(90deg);
        -ms-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg);
  }
  .chenx1 .dl .other_dl {
    height: 15vw;
  }
  .chenx1 .dl .other_dl dt {
    height: 5vw;
    width: 12vw;
  }
  .chenx1 .dl .other dd {
    width: 12vw;
    height: 5vw;
  }
  .chenx1 .dl dd {
    width: 80%;
  }
}
@media screen and (max-width: 1200px) {
  .chenx1 .dl .fnt_24 {
    font-size: 16px;
  }
  .chenx1 .dl dd {
    width: 100%;
    padding-top: 1vw;
    margin-top: 2vw;
  }
  .chenx1 .dl .other .liuc {
    margin-top: 0;
  }
  .chenx1 .dl .other dd {
    margin-top: 0vw;
  }
  .chenx1 .dl dd span {
    min-width: 50%;
    font-size: 14px;
    margin: 0px;
  }
}
@media screen and (max-width: 1000px) {
  .chenx1 .dl dt .text {
    width: 90%;
    height: 90%;
    text-align: center;
  }
}
@media screen and (max-width: 700px) {
  .chenx1 {
    margin-top: 15vw;
  }
  .chenx1 .dl {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .chenx1 .dl dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .chenx1 .dl dt {
    width: 50vw;
    height: 50vw;
    margin-left: auto;
    margin-right: auto;
  }
  .chenx1 .dl .liuc {
    height: 60px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .chenx1 .dl .liuc svg {
    -webkit-transform: scale(0.7) rotate(90deg);
        -ms-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg);
  }
  .chenx1 .dl dd {
    padding-top: 5vw;
    margin-top: 5vw;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .chenx1 .dl dd span {
    min-width: auto;
  }
  .chenx1 .dl .other_dl dt {
    width: 40vw;
    height: 13vw;
  }
  .chenx1 .dl dl.other {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  .chenx1 .dl dl.other .liuc {
    -webkit-transform: scale(0.7) rotate(-90deg);
        -ms-transform: scale(0.7) rotate(-90deg);
            transform: scale(0.7) rotate(-90deg);
    position: absolute;
    left: 75%;
    top: 37%;
  }
  .chenx1 .dl dl.other dd {
    width: 10vw;
    height: 30vw;
    position: absolute;
    right: 0px;
    top: 20%;
  }
}
.chenx2 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/e9f9adb3-ef6e-442c-94ab-bbb505a4c0aa.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}
.chenx2 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chenx2 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 460px;
          flex: 0 0 460px;
  margin-right: 200px;
}
.chenx2 .left .title_all {
  text-align: left;
  padding-left: 0px;
}
.chenx2 .left .title_all span {
  color: #00ffff;
}
.chenx2 .left .title_all h3 {
  margin-bottom: 20px;
}
.chenx2 .left .title_all .p {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
}
.chenx2 .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chenx2 .right dl {
  background: rgba(59, 86, 226, 0.4);
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px;
  min-height: 140px;
  padding: 30px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chenx2 .right dl:nth-of-type(2n) {
  background: rgba(59, 86, 226, 0.6);
}
.chenx2 .right dt {
  width: 78px;
  height: 78px;
  background-color: var(--color);
  border-radius: 100%;
  position: absolute;
  left: -36px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  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;
}
.chenx2 .right dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chenx2 .right .dd_l {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  margin-right: 50px;
}
.chenx2 .right .dd_r {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chenx2 .right .dd_r span {
  color: rgba(255, 255, 255, 0.6);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-right: 10px;
}
.chenx2 .right .dd_r.other span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
}
.chenx2 .right .dd_r span.fontEn {
  font-weight: 700;
  color: #00ffff;
}

.chenx2 .right dl {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.chenx2 .right.animated dl {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.chenx2 .right.animated dl:nth-of-type(1) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.chenx2 .right.animated dl:nth-of-type(2) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.chenx2 .right.animated dl:nth-of-type(3) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.chenx2 .right.animated dl:nth-of-type(4) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

@media screen and (max-width: 1700px) {
  .chenx2 .left {
    margin-right: 7vw;
  }
  .chenx2 .right dl {
    padding: 2vw 4vw;
  }
}
@media screen and (max-width: 1600px) {
  .chenx2 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
  }
  .chenx2 .left .title_all .p br {
    display: none;
  }
  .chenx2 .right dl {
    padding-left: 90px;
  }
  .chenx2 .right .dd_l {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
}
@media screen and (max-width: 1500px) {
  .chenx2 .right .dd_l {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .chenx2 .right .dd_r.other span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media screen and (max-width: 1100px) {
  .chenx2 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    padding-left: 20px;
    margin-bottom: 8vw;
  }
  .chenx2 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .chenx2 .right dl {
    margin-left: 20px;
  }
  .chenx2 .right .dd_l {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
}
@media screen and (max-width: 700px) {
  .chenx2 .left .title_all {
    padding-right: 0px;
  }
  .chenx2 .right dl {
    padding-left: 60px;
    padding-top: 8vw;
    padding-bottom: 8vw;
    padding-right: 5vw;
  }
  .chenx2 .right .dd_l {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 3vw;
  }
}
.chenx3 {
  overflow: hidden;
}
.chenx3 .wrap_1600 {
  position: relative;
}
.chenx3 .title_all {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: left;
  padding-left: 0px;
  width: 370px;
}
.chenx3 .title_all span {
  color: #000fdb;
  font-weight: 700;
}
.chenx3 .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 730px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 15px;
}
.chenx3 .con .dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chenx3 .con .dl:nth-child(1) {
  height: 16.66%;
}
.chenx3 .con .dl:nth-child(2) {
  height: 33.32%;
}
.chenx3 .con .dl:nth-child(3) {
  height: 49.98%;
}
.chenx3 .con .dl:nth-child(4) {
  height: 66.64%;
}
.chenx3 .con .dl:nth-child(5) {
  height: 83.3%;
}
.chenx3 .con .dl:nth-child(6) {
  height: 99.96%;
}
.chenx3 .con dl {
  background: #f1f1f1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 20px;
  padding-bottom: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.chenx3 .con dl dt p {
  font-weight: 700;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.chenx3 .con dl dt span {
  font-weight: normal;
  color: #666;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.chenx3 .con dl dd {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding: 0 3px;
}
.chenx3 .con dl dd span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3px;
          flex: 0 0 3px;
  text-indent: -9999em;
  display: block;
  height: 50%;
  background: #fff;
  margin-right: 6px;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.chenx3 .con dl dd span:nth-of-type(1) {
  height: 50%;
}
.chenx3 .con dl dd span:nth-of-type(2) {
  height: 60%;
}
.chenx3 .con dl dd span:nth-of-type(3) {
  height: 70%;
}
.chenx3 .con dl dd span:nth-of-type(4) {
  height: 60%;
}
.chenx3 .con dl dd span:nth-of-type(5) {
  height: 50%;
}
.chenx3 .con dl dd span:nth-of-type(6) {
  height: 40%;
}
.chenx3 .con dl dd span:nth-of-type(7) {
  height: 50%;
}
.chenx3 .con dl dd span:nth-of-type(8) {
  height: 60%;
}
.chenx3 .con dl dd span:nth-of-type(9) {
  height: 70%;
}
.chenx3 .con dl dd span:nth-of-type(10) {
  height: 80%;
}
.chenx3 .con dl dd span:nth-of-type(11) {
  height: 75%;
}
.chenx3 .con dl dd span:nth-of-type(12) {
  height: 60%;
}
.chenx3 .con dl dd span:nth-of-type(13) {
  height: 50%;
}
.chenx3 .con dl dd span:nth-of-type(14) {
  height: 30%;
}
.chenx3 .con dl dd span:nth-of-type(15) {
  height: 40%;
}
.chenx3 .con dl dd span:nth-of-type(16) {
  height: 50%;
}
.chenx3 .con dl dd span:nth-of-type(17) {
  height: 60%;
}
.chenx3 .con dl dd span:nth-of-type(18) {
  height: 70%;
}
.chenx3 .con dl dd span:nth-of-type(19) {
  height: 80%;
}
.chenx3 .con dl dd span:nth-of-type(20) {
  height: 70%;
}
.chenx3 .con dl dd span:nth-of-type(21) {
  height: 60%;
}
.chenx3 .con dl dd span:nth-of-type(23) {
  height: 50%;
}
.chenx3 .con dl dd span:nth-of-type(24) {
  height: 40%;
}
.chenx3 .con dl dd span:nth-of-type(25) {
  height: 30%;
}
.chenx3 .con dl dd span:nth-of-type(26) {
  height: 50%;
}
.chenx3 .con dl dd span:nth-of-type(27) {
  height: 60%;
}
.chenx3 .con dl dd span:nth-of-type(28) {
  height: 70%;
}
.chenx3 .con dl dd span:nth-of-type(29) {
  height: 80%;
}
.chenx3 .con .dl:nth-of-type(1) dd {
  height: 50px;
}
.chenx3 .con .dl:nth-of-type(2) dd {
  height: 100px;
}
.chenx3 .con .dl:nth-of-type(3) dd {
  height: 150px;
}
.chenx3 .con .dl:nth-of-type(4) dd {
  height: 200px;
}
.chenx3 .con .dl:nth-of-type(5) dd {
  height: 250px;
}
.chenx3 .con .dl:nth-of-type(6) dd {
  height: 300px;
}
.chenx3 .con dl:after {
  content: "";
  width: 30vw;
  height: 30vw;
  border-radius: 100%;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 3vw;
  top: -5vw;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
}
.chenx3 .con dl:before {
  content: "";
  width: 30vw;
  height: 30vw;
  border-radius: 100%;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  right: 3vw;
  top: 5vw;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
  opacity: 0;
}
.chenx3 .con dl:hover {
  background: var(--color);
  color: #fff;
}
.chenx3 .con dl:hover dt p {
  color: #fff;
}
.chenx3 .con dl:hover dt span {
  color: #fff;
}
.chenx3 .con dl:hover:after {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
.chenx3 .con dl:hover:before {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
.chenx3 .con dl:hover dd span {
  -webkit-animation: dd_span 0.5s 0s ease both;
          animation: dd_span 0.5s 0s ease both;
}
.chenx3 .con dl:hover dd span:nth-child(1) {
  -webkit-animation-delay: 0.02s;
          animation-delay: 0.02s;
}
.chenx3 .con dl:hover dd span:nth-child(2) {
  -webkit-animation-delay: 0.04s;
          animation-delay: 0.04s;
}
.chenx3 .con dl:hover dd span:nth-child(3) {
  -webkit-animation-delay: 0.06s;
          animation-delay: 0.06s;
}
.chenx3 .con dl:hover dd span:nth-child(4) {
  -webkit-animation-delay: 0.08s;
          animation-delay: 0.08s;
}
.chenx3 .con dl:hover dd span:nth-child(5) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.chenx3 .con dl:hover dd span:nth-child(6) {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
.chenx3 .con dl:hover dd span:nth-child(7) {
  -webkit-animation-delay: 0.14s;
          animation-delay: 0.14s;
}
.chenx3 .con dl:hover dd span:nth-child(8) {
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
}
.chenx3 .con dl:hover dd span:nth-child(9) {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}
.chenx3 .con dl:hover dd span:nth-child(10) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.chenx3 .con dl:hover dd span:nth-child(11) {
  -webkit-animation-delay: 0.22s;
          animation-delay: 0.22s;
}
.chenx3 .con dl:hover dd span:nth-child(12) {
  -webkit-animation-delay: 0.24s;
          animation-delay: 0.24s;
}
.chenx3 .con dl:hover dd span:nth-child(13) {
  -webkit-animation-delay: 0.26s;
          animation-delay: 0.26s;
}
.chenx3 .con dl:hover dd span:nth-child(14) {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
}
.chenx3 .con dl:hover dd span:nth-child(15) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.chenx3 .con dl:hover dd span:nth-child(16) {
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
}
.chenx3 .con dl:hover dd span:nth-child(17) {
  -webkit-animation-delay: 0.34s;
          animation-delay: 0.34s;
}
.chenx3 .con dl:hover dd span:nth-child(18) {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
}
.chenx3 .con dl:hover dd span:nth-child(19) {
  -webkit-animation-delay: 0.38s;
          animation-delay: 0.38s;
}
.chenx3 .con dl:hover dd span:nth-child(20) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.chenx3 .con dl:hover dd span:nth-child(21) {
  -webkit-animation-delay: 0.42s;
          animation-delay: 0.42s;
}
.chenx3 .con dl:hover dd span:nth-child(22) {
  -webkit-animation-delay: 0.44s;
          animation-delay: 0.44s;
}
.chenx3 .con dl:hover dd span:nth-child(23) {
  -webkit-animation-delay: 0.46s;
          animation-delay: 0.46s;
}
.chenx3 .con dl:hover dd span:nth-child(24) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.chenx3 .con dl:hover dd span:nth-child(25) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.chenx3 .con dl:hover dd span:nth-child(26) {
  -webkit-animation-delay: 0.52s;
          animation-delay: 0.52s;
}
.chenx3 .con dl:hover dd span:nth-child(27) {
  -webkit-animation-delay: 0.54s;
          animation-delay: 0.54s;
}
.chenx3 .con dl:hover dd span:nth-child(28) {
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
}
.chenx3 .con dl:hover dd span:nth-child(29) {
  -webkit-animation-delay: 0.58s;
          animation-delay: 0.58s;
}
.chenx3 .con dl:hover dd span:nth-child(30) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.chenx3 .con .dl {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.chenx3 .con.animated .dl {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.chenx3 .con.animated .dl:nth-of-type(1) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.chenx3 .con.animated .dl:nth-of-type(2) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.chenx3 .con.animated .dl:nth-of-type(3) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.chenx3 .con.animated .dl:nth-of-type(4) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.chenx3 .con.animated .dl:nth-of-type(5) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.chenx3 .con.animated .dl:nth-of-type(6) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

@media screen and (max-width: 1600px) {
  .chenx3 .con {
    height: 40vw;
  }
  .chenx3 .con .dl {
    min-height: 120px;
  }
}
@media screen and (max-width: 1350px) {
  .chenx3 .con dl {
    padding: 1vw;
  }
  .chenx3 .con dl dt span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .chenx3 .con dl {
    padding: 20px 13px;
  }
}
@media screen and (max-width: 1000px) {
  .chenx3 .con {
    height: 50vw;
  }
}
@media screen and (max-width: 700px) {
  .chenx3 .title_all {
    position: static;
    max-width: 320px;
    margin-bottom: 5vw;
  }
  .chenx3 .con {
    height: auto;
  }
  .chenx3 .con .dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30.5%;
            flex: 0 0 30.5%;
  }
  .chenx3 .con dl dt span{display: block;width:70px;}
  .chenx3 .con dl {
    min-height: 200px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .chenx3 .con dl dd {
    height: 100px !important;
  }
}
.chenx4 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/3a9869a2-f4cf-4436-a29d-37aebdf489fd.jpg) no-repeat;
  background-size: cover;
}
.chenx4 .title_all {
  color: #fff;
}
.chenx4 .title_all span {
  color: #00ffff;
}
.chenx4 .con {
  margin-top: 40px;
  overflow: hidden;
  position: relative;
}
.chenx4 .con img {
  width: 100%;
}
.chenx4 .con .img_abs img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.chenx4 .con > img {
  opacity: 0;
}

.chenx4 .con .img_abs img {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.chenx4 .con .img_abs img:nth-of-type(2) {
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

.chenx4 .con .img_abs img:nth-of-type(3) {
  -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
          transform: translateX(50px);
}

.chenx4 .con.animated .img_abs img {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.chenx4 .con.animated .img_abs img:nth-of-type(2) {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.chenx4 .con.animated .img_abs img:nth-of-type(3) {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.chenx4 .con.animated .img_abs img:nth-of-type(4) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.chenx4 .con.animated .img_abs img:nth-of-type(5) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.chenx4 .con.animated .img_abs img:nth-of-type(6) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.chenx4 .con.animated .img_abs img:nth-of-type(7) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

@media screen and (max-width: 700px) {
  .chenx4 .con > img {
    opacity: 1;
  }
}
.dongL1 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/2d44ecf2-c96e-4560-a69a-86526bfa41ec.jpg) no-repeat center;
  background-size: 100% 100%;
  color: #333;
}
.dongL1 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dongL1 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 660px;
          flex: 0 0 660px;
}
.dongL1 .left .title_all {
  text-align: left;
  padding-left: 0px;
}
.dongL1 .left .title_all span {
  color: var(--color);
}
.dongL1 .left .title_all h3 {
  margin-bottom: 20px;
}
.dongL1 .left .title_all .p {
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}
.dongL1 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 670px;
          flex: 0 0 670px;
}
.dongL1 .right li {
  color: #666666;
  margin-bottom: 20px;
  position: relative;
  padding-left: 17px;
}
.dongL1 .right li:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--color);
  display: block;
  position: absolute;
  left: 0px;
  top: 13px;
  border-radius: 100%;
}
.dongL1 .list_con1 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dongL1 .list_con1 .list {
  border-right: 1px solid #999;
  padding-right: 100px;
  margin-right: 100px;
}
.dongL1 .list_con1 .list:last-child {
  padding-right: 0px;
  margin-right: 0;
  border-right: 0px;
}
.dongL1 .list_con1 .shu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 15px;
}
.dongL1 .list_con1 .shu span {
  font-size: 100px;
  line-height: 0.8;
  letter-spacing: -4px;
  font-weight: 300;
}
.dongL1 .list_con1 .shu i {
  margin-left: 10px;
}
.dongL1 .list_con1 .list:hover .shu span {
  color: var(--color);
}
.dongL1 .list_con1 .list:hover .shu i {
  color: var(--color);
}
.dongL1 .list_con1 .list:hover .wen {
  color: var(--color);
}

@media screen and (max-width: 1700px) {
  .dongL1 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
  }
  .dongL1 .left .title_all .p {
    font-size: 36px;
  }
  .dongL1 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
  }
  .dongL1 .list_con1 .shu span {
    font-size: 80px;
  }
  .dongL1 .list_con1 .list {
    margin-right: 5vw;
    padding-right: 5vw;
  }
}
@media screen and (max-width: 1400px) {
  .dongL1 .left .title_all .p {
    font-size: 30px;
  }
  .dongL1 .list_con1 .shu span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1000px) {
  .dongL1 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 3vw;
  }
  .dongL1 .left .title_all h3 {
    margin-bottom: 5px;
  }
  .dongL1 .left .title_all .p {
    font-size: 20px;
  }
  .dongL1 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .dongL1 .right li {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 700px) {
  .dongL1 {
    margin-top: 8vw;
  }
  .dongL1 .left {
    margin-bottom: 5vw;
  }
  .dongL1 .right li {
    font-size: 14px;
  }
  .dongL1 .right li:after {
    top: 9px;
  }
  .dongL1 .list_con1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .dongL1 .list_con1 .shu span {
    font-size: 30px;
    letter-spacing: 0;
  }
  .dongL1 .list_con1 .list {
    margin-right: 3vw;
    padding-right: 3vw;
    border-color: #ddd;
  }
  .dongL1 .list_con1 .shu i {
    margin-left: 0;
  }
  .dongL1 .list_con1 .shu {
    margin-bottom: 5px;
  }
  .dongL1 .list_con1 .wen {
    font-size: 14px;
  }
}
.dongL2 {
  overflow: hidden;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/2878db5c-b537-4233-9777-4e77ff022268.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.dongL2 .title_all {
  position: absolute;
  left: 50%;
  top: 100px;
  text-align: left;
  padding-left: 0px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: #fff;
}
.dongL2 .title_all h3 span {
  display: block;
}
.dongL2 .title_all h3 p {
  font-weight: normal;
}
.dongL2 .title_all .p {
  max-width: 840px;
  color: rgba(255, 255, 255, 0.7);
}
.dongL2 .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-top: 300px;
}
.dongL2 .con dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#223598), to(transparent));
  background: linear-gradient(#223598, transparent);
}
.dongL2 .con dl dt {
  position: absolute;
  left: 0px;
  top: -60px;
  color: #fff;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-bottom: 20px;
}
.dongL2 .con dl dt span {
  opacity: 0.6;
}
.dongL2 .con dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  padding-bottom: 0px;
}
.dongL2 .con dl dd h3 {
  color: #fff;
  margin-bottom: 10px;
}
.dongL2 .con dl dd h3 p {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
}
.dongL2 .con dl dd .p {
  color: rgba(255, 255, 255, 0.4);
}
.dongL2 .con dl:nth-of-type(1) {
  height: 250px;
}
.dongL2 .con dl:nth-of-type(2) {
  height: 350px;
}
.dongL2 .con dl:nth-of-type(3) {
  height: 450px;
}
.dongL2 .con dl:nth-of-type(4) {
  height: 550px;
}
.dongL2 .con dl:nth-of-type(5) {
  height: 650px;
}

@media screen and (max-width: 1700px) {
  .dongL2 .con {
    margin-top: 17vw;
  }
  .dongL2 .con dl:nth-of-type(1) {
    height: 12vw;
  }
  .dongL2 .con dl:nth-of-type(2) {
    height: 17vw;
  }
  .dongL2 .con dl:nth-of-type(3) {
    height: 22vw;
  }
  .dongL2 .con dl:nth-of-type(4) {
    height: 27vw;
  }
  .dongL2 .con dl:nth-of-type(5) {
    height: 32vw;
  }
}
@media screen and (max-width: 1600px) {
  .dongL2 .con dl dt {
    top: -50px;
  }
}
@media screen and (max-width: 1350px) {
  .dongL2 .con {
    margin-top: 20vw;
  }
  .dongL2 .title_all .p {
    max-width: 700px;
  }
}
@media screen and (max-width: 1200px) {
  .dongL2 .con {
    margin-top: 6vw;
  }
  .dongL2 .title_all {
    position: static;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    margin-top: 10vw;
  }
  .dongL2 .con dl {
    min-height: 160px;
  }
  .dongL2 .con dl dd .p {
    font-size: 14px;
  }
  .dongL2 .con dl dd h3 p {
    line-height: 1.2;
    margin-top: 5px;
  }
  .dongL2 .con dl dt {
    top: -40px;
  }
}
@media screen and (max-width: 1000px) {
  .dongL2 .con dl {
    height: auto !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 50px;
    min-width: 33%;
  }
  .dongL2 .con dl dt {
    left: 20px;
  }
}
@media screen and (max-width: 700px) {
  .dongL2 {
    padding-top: 5vw;
  }
  .dongL2 .con {
    margin-top: 8vw;
  }
  .dongL2 .title_all {
    padding-right: 0;
  }
  .dongL2 .con dl {
    min-width: 50%;
  }
  .dongL2 .con dl dd {
    padding: 15px 30px 15px 20px;
  }
}
.dongL3 {
  background: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/f79eb80b-e7be-4f37-9d2b-b977466d787e.jpg") no-repeat;
  background-size: 100% 100%;
}
.dongL3 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dongL3 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 860px;
          flex: 0 0 860px;
}
.dongL3 .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dongL3 .right dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dongL3 .right dd {
  background: #ebf3fa;
  border-radius: 10px;
  margin-right: 10px;
  padding: 10px 20px;
}
.dongL3 .right dd p {
  color: #999;
}
.dongL3 .title_all {
  color: #333;
  text-align: left;
  padding: 0px;
  margin-bottom: 45px;
}
.dongL3 .title_all span {
  color: var(--color);
}
.dongL3 .title_all .p {
  color: #999;
  line-height: 1.3;
}
.dongL3 .con {
  margin-top: 40px;
  overflow: hidden;
  position: relative;
}
.dongL3 .con img {
  width: 100%;
}
.dongL3 .con .img_abs img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.dongL3 .bottom .title_all {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dongL3 .bottom .title_all .p {
  color: #333;
}
.dongL3 .bottom dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 720px;
          flex: 0 0 720px;
}
.dongL3 .bottom dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 40px 60px;
  border-radius: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(214, 137, 245, 0.7)), to(rgba(214, 137, 245, 0)));
  background: linear-gradient(180deg, rgba(214, 137, 245, 0.7), rgba(214, 137, 245, 0));
  color: #fff;
  text-align: right;
}
.dongL3 .bottom dd h3 {
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
}
.dongL3 .bottom dd:nth-of-type(1) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 149, 253, 0.7)), to(rgba(72, 149, 253, 0)));
  background: linear-gradient(180deg, rgba(72, 149, 253, 0.7), rgba(72, 149, 253, 0));
  position: relative;
  left: 40px;
  text-align: left;
}
.dongL3 .bottom dd .p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dongL3 .bottom dd:nth-of-type(2) .p {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.dongL3 .bottom dd:nth-of-type(1) .p img {
  margin-right: 10px;
}

@media screen and (max-width: 1700px) {
  .dongL3 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-right: 5vw;
  }
  .dongL3 .bottom dd {
    padding: 2vw 3vw;
  }
  .dongL3 .bottom dd h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1500px) {
  .dongL3 .bottom dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 680px;
            flex: 0 0 680px;
  }
}
@media screen and (max-width: 1300px) {
  .dongL3 .right dd {
    margin-bottom: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 20px 10px;
  }
  .dongL3 .bottom dd {
    padding: 3vw 40px;
  }
  .dongL3 .bottom dd img {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    margin: 0 !important;
  }
  .dongL3 .bottom dd h3 {
    font-size: 50px;
  }
  .dongL3 .bottom dd .p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .dongL3 .bottom .title_all {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .dongL3 .wrap_1600 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dongL3 .bottom dd .p {
    margin-bottom: 5px;
  }
  .dongL3 .bottom dd:nth-of-type(1) {
    left: 20px;
  }
  .dongL3 .bottom dd:nth-of-type(2) {
    right: 20px;
    position: relative;
  }
}
@media screen and (max-width: 700px) {
  .dongL3 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
  }
  .dongL3 .con {
    margin-top: 0px;
    margin-bottom: 8vw;
  }
  .dongL3 .bottom dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .dongL3 .bottom dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    right: 0px !important;
    left: 0px !important;
    margin-bottom: 5vw;
    text-align: left;
    padding: 20px 40px;
  }
  .dongL3 .bottom dd:nth-of-type(2) .p {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.dongL4 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/5e22cc99-41f9-4ab1-8328-035f0ac38330.jpg) no-repeat center;
  background-size: 100% 100%;
  color: #333;
}
.dongL4 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dongL4 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 660px;
          flex: 0 0 660px;
}
.dongL4 .left .title_all {
  text-align: left;
  padding-left: 0px;
}
.dongL4 .left .title_all span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
.dongL4 .left .title_all h3 {
  margin-bottom: 20px;
  color: #fff;
}
.dongL4 .left .title_all .p {
  color: #fff;
  text-transform: uppercase;
}
.dongL4 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 670px;
          flex: 0 0 670px;
}
.dongL4 .right h3 {
  color: #fff;
  margin-bottom: 15px;
}
.dongL4 .right li {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dongL4 .right li span {
  position: relative;
  top: 6px;
  width: 20px;
  height: 20px;
  background: #909299;
  border-radius: 100%;
  display: block;
  margin-right: 10px;
  color: #020918;
  text-align: center;
  font-size: 13px;
}
.dongL4 .bottom {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/4d814b19-7fda-4322-aa5c-19fd35282d66.png) no-repeat center bottom;
  height: 240px;
  background-size: 100% 100%;
}
.dongL4 .list_con1 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  height: 100%;
}
.dongL4 .list_con1 .list {
  position: relative;
  padding-top: 60px;
}
.dongL4 .list_con1 .list:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 5px solid #00deff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.dongL4 .list_con1 .list:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  background: #00deff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.dongL4 .list_con1 .shu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 15px;
}
.dongL4 .list_con1 .shu span {
  font-size: 100px;
  line-height: 0.8;
  letter-spacing: -4px;
  font-weight: 100;
  background: -webkit-gradient(linear, left top, left bottom, from(#5994ff), to(#ffffff));
  background: linear-gradient(180deg, #5994ff, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dongL4 .list_con1 .shu i {
  margin-left: 10px;
  opacity: 1;
}
.dongL4 .list_con1 .wen {
  opacity: 1;
  padding-left: 10px;
}

@media screen and (max-width: 1700px) {
  .dongL4 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
  .dongL4 .list_con1 .shu span {
    font-size: 80px;
  }
  .dongL4 .list_con1 .list:after {
    width: 20px;
    height: 20px;
    border-width: 3px;
    bottom: -15px;
  }
  .dongL4 .list_con1 .list:before {
    width: 10px;
    height: 10px;
    bottom: -7px;
  }
}
@media screen and (max-width: 1400px) {
  .dongL4 .list_con1 .shu span {
    font-size: 60px;
  }
  .dongL4 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .dongL4 .right li span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 17px;
            flex: 0 0 17px;
    height: 17px;
    line-height: 17px;
  }
  .dongL4 .bottom {
    height: 190px;
  }
}
@media screen and (max-width: 700px) {
  .dongL4 {
    padding-top: 15vw;
  }
  .dongL4 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 8vw;
  }
  .dongL4 .left .title_all {
    padding-right: 0px;
  }
  .dongL4 .left .title_all h3 {
    margin-bottom: 10px;
  }
  .dongL4 .right h3 {
    margin-bottom: 10px;
  }
  .dongL4 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .dongL4 .bottom {
    height: auto;
    background: none;
  }
  .dongL4 .list_con1 .list {
    padding-top: 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-bottom: 8vw;
  }
  .dongL4 .list_con1 .list:after {
    display: none;
  }
  .dongL4 .list_con1 .list:before {
    display: none;
  }
  .dongL4 .right li span {
    color: #fff;
    opacity: 0.8;
  }
}
.meiye1 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.meiye1 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 750px;
          flex: 0 0 750px;
  margin-right: 140px;
}
.meiye1 .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.meiye1 .right dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px dashed #ccc;
  padding-top: 40px;
  margin-top: 40px;
}
.meiye1 .right dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-bottom: 20px;
  font-weight: 700;
}
.meiye1 .right dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0px 15px;
  border-left: 5px solid #76a73d;
}
.meiye1 .right dd h3 {
  font-weight: 700;
  margin-bottom: 5px;
}
.meiye1 .right dd p {
  color: #666;
}
.meiye1 .title_all {
  color: #333;
  text-align: left;
  padding: 0px;
}
.meiye1 .title_all span {
  color: #46c899;
}
.meiye1 .title_all .p {
  color: #474747;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.meiye1 .title_all .p p {
  margin-right: 30px;
  margin-bottom: 10px;
}
.meiye1 .con {
  margin-top: 40px;
  overflow: hidden;
  position: relative;
}
.meiye1 .con img {
  width: 100%;
}
.meiye1 .con .img_abs img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.meiye1 .con .img_abs img.last {
  opacity: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.5s ease 0.3s;
  transition: all 0.5s ease 0.3s;
}
.meiye1 .con .img_abs img.animated.last {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  opacity: 1;
}
.meiye1 .con > img {
  opacity: 0;
}

@media screen and (max-width: 1700px) {
  .meiye1 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-right: 5vw;
  }
  .meiye1 .right dl {
    margin-top: 2vw;
    padding-top: 2vw;
  }
  .meiye1 .right dd p br {
    display: none;
  }
}
@media screen and (max-width: 1500px) {
  .meiye1 .left{flex:0 0 45%;}
}
@media screen and (max-width: 1300px) {
  .meiye1 .right dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .meiye1 .bottom .title_all {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .meiye1 .wrap_1600 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 700px) {
  .meiye1 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
  }
  .meiye1 .con {
    margin-top: 0px;
    margin-bottom: 8vw;
  }
  .meiye1 .right dl {
    margin-top: 8vw;
    padding-top: 8vw;
  }
}
.meiye2 {
  background: #080b34;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.meiye2:after {
  content: "";
  display: block;
  width: 50vw;
  height: 50vw;
  z-index: 0;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: radial-gradient(ellipse at left bottom, #6000b5 0%, #141e71 47%, #070a31 70%);
}
.meiye2:before {
  content: "";
  display: block;
  width: 20vw;
  height: 20vw;
  z-index: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  background: radial-gradient(ellipse at right top, #2e096a 0%, #141e71 47%, #070a31 70%);
}
.meiye2 .border {
  position: absolute;
  right: 50%;
  top: 0px;
  width: 60vw;
  height: 60vw;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  z-index: 1;
}
.meiye2 .border2 {
  width: 34vw;
  height: 34vw;
  top: 25%;
}
.meiye2 .title_all {
  padding: 0px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.meiye2 .title_all h3 span {
  color: #2cfdff;
}
.meiye2 .title_all .fontEn {
  text-transform: uppercase;
}
.meiye2 .bottom {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.meiye2 .bottom .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 370px;
          flex: 0 0 370px;
}
.meiye2 .bottom .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.meiye2 .bottom dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.meiye2 .bottom dd {
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  position: relative;
  justify-content: center;
    align-items: center;
}
.meiye2 .bottom dd h3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 0 10px;
  font-weight: 700;
  margin-bottom: 5px;
}
.meiye2 .bottom dd p {
  color: rgba(255, 255, 255, 0.7);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 0 10px;
  line-height: 1.3;
}
.meiye2 .bottom .dd1 {
  width: 260px;
  height: 260px;
  background: #fff;
  left: 70px;
  z-index: 3;
}
.meiye2 .bottom .dd1 h3 {
  color: #333;
}
.meiye2 .bottom .dd1 p {
  color: #666;
}
.meiye2 .bottom .dd2 {
  width: 350px;
  height: 350px;
  background: #2144f7;
  left: 50px;
  z-index: 2;
}
.meiye2 .bottom .dd3 {
  width: 500px;
  height: 500px;
  z-index: 1;
}
.meiye2 .bottom .dd3 h3 {
  font-weight: normal;
}
.meiye2 .bottom .dd3:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #2144f7;
  -webkit-filter: blur(80px);
          filter: blur(80px);
  z-index: -1;
  border-radius: 100%;
}

@media screen and (max-width: 1700px) {
  .meiye2 .bottom .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 19vw;
            flex: 0 0 19vw;
  }
  .meiye2 .bottom .dd1 {
    width: 14vw;
    height: 14vw;
  }
  .meiye2 .bottom .dd2 {
    width: 19vw;
    height: 19vw;
  }
  .meiye2 .bottom .dd3 {
    width: 25vw;
    height: 25vw;
  }
}
@media screen and (max-width: 1500px) {
  .meiye2 .bottom dd h3 {
    font-size: 18px;
  }
  .meiye2 .bottom dd p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1300px) {
  .meiye2 .bottom dd h3 {
    font-size: 16px;
  }
  .meiye2 .bottom dd p {
    padding: 0 30px;
  }
  .meiye2 .bottom dd p br {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .meiye2 .bottom .dd1 {
    width: 17vw;
    height: 17vw;
  }
  .meiye2 .bottom .dd2 {
    width: 22vw;
    height: 22vw;
  }
  .meiye2 .bottom .dd3 {
    width: 30vw;
    height: 30vw;
  }
}
@media screen and (max-width: 1000px) {
  .meiye2 .bottom {
    margin-top: 4vw;
  }
  .meiye2 .bottom .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 4vw;
  }
  .meiye2 .bottom .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .meiye2 .bottom .dd1 {
    width: 23vw;
    height: 23vw;
    left: 0px;
  }
  .meiye2 .bottom .dd2 {
    width: 30vw;
    height: 30vw;
    left: auto;
    right: 5px;
  }
  .meiye2 .bottom .dd3 {
    width: 35vw;
    height: 35vw;
  }
  .meiye2 .border {
    right: 0px;
    width: 100vw;
    height: 100vw;
  }
  .meiye2 .border2 {
    top: 0px;
    right: auto;
    left: 0px;
    width: 70vw;
    height: 70vw;
  }
}
@media screen and (max-width: 700px) {
  .meiye2 .bottom {
    margin-top: 30px;
  }
  .meiye2 .bottom .left {
    margin-bottom: 30px;
  }
  .meiye2 .bottom dd {
    width: 100% !important;
    height: auto !important;
    border-radius: 50px !important;
    margin-bottom: 20px;
    padding: 20px 20px;
  }
  .meiye2 .bottom .dd3:after {
    -webkit-filter: blur(40px);
            filter: blur(40px);
  }
}
.meiye3 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/8c870635-a5a1-4096-a8e9-11e257519d1a.jpg) no-repeat center;
  background-size: 100% 100%;
  color: #333;
}
.meiye3 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.meiye3 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 630px;
          flex: 0 0 630px;
}
.meiye3 .con {
  margin-top: 40px;
  overflow: hidden;
  position: relative;
}
.meiye3 .con img {
  width: 100%;
}
.meiye3 .con .img_abs img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.meiye3 .con > img {
  opacity: 0;
}
.meiye3 .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 140px;
  -ms-flex-line-pack: center;
      align-content: center;
}
.meiye3 .right dd {
  border-radius: 10px;
  background: #fff;
  padding: 40px 50px;
  max-width: 510px;
  margin-bottom: 20px;
  border: 1px solid #eff5fd;
}
.meiye3 .right dd span {
  color: #0635e1;
}

@media screen and (max-width: 1700px) {
  .meiye3 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
  }
  .meiye3 .right {
    margin-left: 7vw;
  }
  .meiye3 .right dd {
    padding: 2vw 3vw;
  }
}
@media screen and (max-width: 1000px) {
  .meiye3 .right dd br {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .meiye3 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 8vw;
  }
  .meiye3 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-left: 0px;
  }
}
.xinwang1 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.xinwang1 .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.xinwang1 .title_all {
  text-align: left;
}
.xinwang1 .title_all span {
  color: #3b56e2;
}
.xinwang1 .title_all .p {
  text-transform: uppercase;
}
.xinwang1 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 700px;
          flex: 0 0 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xinwang1 .list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  background: #f3f5f9;
  border-radius: 10px;
  margin-bottom: 2%;
  margin-left: 2%;
  padding: 30px;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
}
.xinwang1 .list .fontEn {
  line-height: 0.8;
}
.xinwang1 .list i {
  line-height: 1;
  padding-left: 5px;
}
.xinwang1 .shu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
.xinwang1 .wen {
  margin-top: 60px;
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
.xinwang1 .list:hover {
  background: #3b54e2;
}
.xinwang1 .list:hover .shu {
  color: #fff;
}
.xinwang1 .list:hover .wen {
  color: #fff;
}

@media screen and (max-width: 1700px) {
  .xinwang1 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
  }
  .xinwang1 .list {
    padding: 2vw;
  }
  .xinwang1 .wen {
    margin-top: 3vw;
  }
}
@media screen and (max-width: 700px) {
  .xinwang1 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 8vw;
  }
  .xinwang1 .left .title_all {
    padding: 0px;
  }
  .xinwang1 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    gap: 4%;
  }
  .xinwang1 .list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin: 0px;
    padding: 5vw;
    margin-bottom: 4%;
  }
  .xinwang1 .wen {
    margin-top: 8vw;
  }
}
.xinwang2 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/f58ba5d4-1508-41a5-87c7-6c52630ad9fe.jpg) no-repeat;
  background-size: 100% 100%;
}
.xinwang2 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.xinwang2 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 900px;
          flex: 0 0 900px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.xinwang2 .left dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
  position: relative;
  -webkit-transition: all 1s ease-in-out 0.2s;
  transition: all 1s ease-in-out 0.2s;
  opacity: 0;
}
.xinwang2 .left .dl1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.xinwang2 .left dt {
  width: 450px;
  height: 450px;
  border-radius: 100%;
  margin: 0 auto;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(37, 163, 255, 0.4)), color-stop(70%, rgba(37, 163, 255, 0)));
  background-image: linear-gradient(0deg, rgba(37, 163, 255, 0.4), rgba(37, 163, 255, 0) 70%);
}
.xinwang2 .left .dl2 dt {
  background-image: linear-gradient(-135deg, rgba(37, 163, 255, 0.4), rgba(37, 163, 255, 0) 70%);
}
.xinwang2 .left .dl3 dt {
  background-image: linear-gradient(135deg, rgba(37, 163, 255, 0.4), rgba(37, 163, 255, 0) 70%);
}
.xinwang2 .left dd {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0.5s;
  transition: opacity 0.3s ease-in-out 0.5s;
}
.xinwang2 .left dd h3 {
  margin-bottom: 10px;
}
.xinwang2 .left dd p {
  color: rgba(255, 255, 255, 0.6);
}
.xinwang2 .left .dl1 {
  top: 70px;
}
.xinwang2 .left .dl2 {
  top: -50px;
  left: 35px;
  -webkit-transform: translate(calc(50% - 35px), -74%);
      -ms-transform: translate(calc(50% - 35px), -74%);
          transform: translate(calc(50% - 35px), -74%);
}
.xinwang2 .left .dl3 {
  top: -50px;
  right: 35px;
  -webkit-transform: translate(calc(-50% + 35px), -74%);
      -ms-transform: translate(calc(-50% + 35px), -74%);
          transform: translate(calc(-50% + 35px), -74%);
}
.xinwang2 .left.showM dl {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.xinwang2 .left.showM dd {
  opacity: 1;
}
.xinwang2 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 550px;
          flex: 0 0 550px;
}
.xinwang2 .title_all {
  text-align: left;
  color: #fff;
}
.xinwang2 .title_all span {
  color: #00ffff;
}
.xinwang2 .title_all .p {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 1700px) {
  .xinwang2 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
  .xinwang2 .left dt {
    width: 23vw;
    height: 23vw;
  }
  .xinwang2 .left .dl1 {
    top: 3.5vw;
  }
  .xinwang2 .left .dl2 {
    top: -3.5vw;
    left: 2vw;
    -webkit-transform: translate(calc(50% - 2vw), -74%);
        -ms-transform: translate(calc(50% - 2vw), -74%);
            transform: translate(calc(50% - 2vw), -74%);
  }
  .xinwang2 .left .dl3 {
    top: -3.5vw;
    right: 2vw;
    -webkit-transform: translate(calc(-50% + 2vw), -74%);
        -ms-transform: translate(calc(-50% + 2vw), -74%);
            transform: translate(calc(-50% + 2vw), -74%);
  }
  .xinwang2 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media screen and (max-width: 1200px) {
  .xinwang2 .left .dl1 {
    top: 3vw;
  }
  .xinwang2 .left .dl2 {
    top: -4vw;
    left: 3.5vw;
    -webkit-transform: translate(calc(50% - 3.5vw), -74%);
        -ms-transform: translate(calc(50% - 3.5vw), -74%);
            transform: translate(calc(50% - 3.5vw), -74%);
  }
  .xinwang2 .left .dl3 {
    top: -4vw;
    right: 3.5vw;
    -webkit-transform: translate(calc(-50% + 3.5vw), -74%);
        -ms-transform: translate(calc(-50% + 3.5vw), -74%);
            transform: translate(calc(-50% + 3.5vw), -74%);
  }
}
@media screen and (max-width: 1000px) {
  .xinwang2 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}
@media screen and (max-width: 700px) {
  .xinwang2 .wrap_1600 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .xinwang2 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
  .xinwang2 .left dt {
    width: 43vw;
    height: 43vw;
  }
  .xinwang2 .left dd h3 {
    font-size: 18px;
  }
  .xinwang2 .left dd p {
    font-size: 14px;
  }
  .xinwang2 .left .dl1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    top: 5vw;
  }
  .xinwang2 .left .dl2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    top: -7vw;
  }
  .xinwang2 .left .dl3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    top: -7vw;
  }
  .xinwang2 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 8vw;
  }
  .xinwang2 .title_all {
    padding: 0px;
  }
  .xinwang2 .title_all .p br {
    display: none;
  }
}
.xinwang3 {
  background-image: linear-gradient(20deg, rgba(64, 112, 241, 0.04), rgba(64, 112, 241, 0) 30%);
}
.xinwang3 .wrap_1600 {
  position: relative;
  min-height: 620px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xinwang3 .con {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xinwang3 .con dl {
  margin-bottom: 20px;
  background: #f4f5fa;
  padding: 20px 25px;
  width: 420px;
  border-radius: 10px;
}
.xinwang3 .con dt {
  color: #3b6cf0;
  margin-bottom: 7px;
}
.xinwang3 .con dd {
  color: #999;
}
.xinwang3 .con dd p {
  padding-left: 10px;
  position: relative;
  margin-bottom: 5px;
}
.xinwang3 .con dd p:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 100%;
  background: #999;
}
.xinwang3 .con .img_title {
  display: none;
}
.xinwang3 .right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.xinwang3 .right dl {
  min-height: 190px;
}
.xinwang3 .right dt {
  color: #09a6ec;
}
.xinwang3 .xian {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  -webkit-transition: opacity 0.5s ease-in 0.5s;
  transition: opacity 0.5s ease-in 0.5s;
  opacity: 0;
}
.xinwang3 .xian img {
  width: 100%;
}
.xinwang3 .yuan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 450px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.xinwang3 .yuan .img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 225px;
          flex: 0 0 225px;
  position: relative;
}
.xinwang3 .yuan .img p {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.xinwang3 .yuan .img1 p {
  left: 30%;
}
.xinwang3 .yuan .img2 p {
  left: 70%;
}
.xinwang3 .yuan img {
  width: 100%;
}
.xinwang3 .yuan .greater-svg path {
  -webkit-transition: stroke-dashoffset 2s ease-out;
  transition: stroke-dashoffset 2s ease-out;
}
.xinwang3 .left dl {
  -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
          transform: translateX(30px);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.xinwang3 .right dl {
  -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
          transform: translateX(-30px);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.xinwang3 .con dl:nth-of-type(1) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.xinwang3 .con dl:nth-of-type(2) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.xinwang3 .con dl:nth-of-type(3) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.xinwang3.showM .yuan .img path {
  stroke-dashoffset: 0;
}
.xinwang3.showM .xian {
  opacity: 1;
}
.xinwang3.showM .con dl {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}

@media screen and (max-width: 1700px) {
  .xinwang3 .yuan {
    -webkit-transform: translate(-50%, -50%) scale(var(--scale-factor));
        -ms-transform: translate(-50%, -50%) scale(var(--scale-factor));
            transform: translate(-50%, -50%) scale(var(--scale-factor));
  }
  .xinwang3 .con dl {
    width: 51%;
  }
}
@media screen and (max-width: 1500px) {
  .xinwang3 .con dl {
    width: 54%;
  }
}
@media screen and (max-width: 1200px) {
  .xinwang3 .con {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    gap: 10px;
  }
  .xinwang3 .con dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31.3%;
            flex: 0 0 31.3%;
  }
  .xinwang3 .right {
    margin-top: 20px;
  }
  .xinwang3 .yuan {
    position: static;
    -webkit-transform: translate(0, 0) scale(1) rotate(90deg);
        -ms-transform: translate(0, 0) scale(1) rotate(90deg);
            transform: translate(0, 0) scale(1) rotate(90deg);
    margin: 0 auto;
    width: 50%;
  }
  .xinwang3 .yuan .img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .xinwang3 .yuan .img1 p {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
  }
  .xinwang3 .yuan .img2 p {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
  }
  .xinwang3 .xian {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .xinwang3 .yuan {
    display: none;
  }
  .xinwang3 .con {
    gap: 0px;
  }
  .xinwang3 .con .img_title {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 5vw;
    padding: 5vw;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
  }
  .xinwang3 .con dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 8vw 5vw;
    width: 100%;
    min-height: auto;
  }
  .xinwang3 .left .img_title {
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(59, 108, 240)), to(rgba(59, 108, 240, 0)));
    background-image: linear-gradient(90deg, rgb(59, 108, 240), rgba(59, 108, 240, 0));
  }
  .xinwang3 .right .img_title {
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(9, 166, 236)), to(rgba(9, 166, 236, 0)));
    background-image: linear-gradient(90deg, rgb(9, 166, 236), rgba(9, 166, 236, 0));
  }
}
.kuajing1 {
  padding: 200px 0;
}
.kuajing1 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kuajing1 .wrap_1600 .con {
  border-radius: 100%;
  color: #fff;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  display:flex;flex-wrap:wrap;
  justify-content: center;
    align-items: center;
}
.kuajing1 .wrap_1600 .con img {
  width: 100%;
}
.kuajing1 .wrap_1600 .con h3 {
  margin-bottom: 7px;
}
.kuajing1 .wrap_1600 .con1, .kuajing1 .wrap_1600 .con5 {
  width: 255px;
  height: 255px;
  background: #4157da;
  justify-content: center;
  flex-direction: column-reverse;
}
.kuajing1 .wrap_1600 .con4 img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.kuajing1 .wrap_1600 .con3 {
  width: 435px;
  height: 435px;
  background-image: linear-gradient(-45deg, #7c8ced, #4157da);
  text-align: left;
  padding: 0 80px 0 80px;
  position: relative;
}
.kuajing1 .wrap_1600 .con3 > * {
  position: relative;
  z-index: 2;
}
.kuajing1 .wrap_1600 .con3 h3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  padding-bottom: 20px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.kuajing1 .wrap_1600 .con3:after, .kuajing1 .wrap_1600 .con3::before {
  content: "";
  width: 150%;
  height: 150%;
  background: linear-gradient(-45deg, #7c8ced, #4157da);
  opacity: 0.12;
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.kuajing1 .wrap_1600 .con3:after {
  width: 200%;
  height: 200%;
}

.kuajing1 .wrap_1600.img_mo {
  display: none;
}

@media screen and (max-width: 1700px) {
  .kuajing1 .wrap_1600 .con3 {
    width: 28vw;
    height: 28vw;
    padding: 0 4vw;
  }
  .kuajing1 .wrap_1600 .con1, .kuajing1 .wrap_1600 .con5 {
    width: 15vw;
    height: 15vw;
  }
  .kuajing1 .wrap_1600 .con2, .kuajing1 .wrap_1600 .con4 {
    width: 6vw;
  }
}
@media screen and (max-width: 1100px) {
  .kuajing1 .wrap_1600 .con3 h3 {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .kuajing1 .wrap_1600 .con br {
    display: none;
  }
  .kuajing1 .wrap_1600 .con .fontEn {
    font-size: 12px;
  }
}
@media screen and (max-width: 700px) {
  .kuajing1 {
    padding: 20vw 0;
  }
  .kuajing1 .wrap_1600 .con br {
    display: block;
  }
  .kuajing1 .wrap_1600 .con3 {
    width: 90vw;
    height: 90vw;
    padding: 0 10vw;
  }
  .kuajing1 .wrap_1600 .con3:after {
    width: 105%;
    height: 105%;display: none;
  }
  .kuajing1 .wrap_1600 .con3::before {
    width: 110%;
    height: 110%;
  }
  .kuajing1 .wrap_1600 .con1, .kuajing1 .wrap_1600 .con5 {
    width: 40vw;
    height: 40vw;
    margin-left: 2vw;
    margin-right: 2vw;
  }
  .kuajing1 .wrap_1600.img_pc {
    display: none;
  }
  .kuajing1 .wrap_1600.img_mo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.kuajing2 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/6fde5ad6-0965-4ea2-ad7d-e3cc91f9aa60.jpg) no-repeat;
  background-size: 100% 100%;
}
.kuajing2 .title_all {
  text-align: left;
  color: #fff;
  padding: 0;
}
.kuajing2 .title_all span {
  color: #00ffff;
}
.kuajing2 .title_all .p {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.kuajing2 .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fff;
}
.kuajing2 .con_list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0px 50px 80px;
  position: relative;
}
.kuajing2 .con_list:after {
  content: "";
  position: absolute;
  left: -2px;
  top: 0px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  width: 1px;
}
.kuajing2 .con_list .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kuajing2 .con_list .list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-bottom: 50px;
  margin-top: 80px;
}
.kuajing2 .con_list .shu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 15px;
}
.kuajing2 .con_list .shu span {
  font-size: 60px;
  line-height: 0.8;
  font-weight: 100;
  background: -webkit-gradient(linear, left top, left bottom, from(#5994ff), to(#ffffff));
  background: linear-gradient(180deg, #5994ff, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.kuajing2 .con_list .shu i {
  margin-left: 10px;
  opacity: 1;
}
.kuajing2 .con_list .shu i img {
  width: 23px;
}
.kuajing2 .con_list .wen {
  opacity: 1;
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 20px;
  border-radius: 30px;
  margin-top: 10px;
}
.kuajing2 .con_list .list_text h3 {
  font-weight: 700;
  margin-bottom: 20px;
}
.kuajing2 .con_list .list_text .p {
  color: rgba(255, 255, 255, 0.6);
}
.kuajing2 .con_list .list_text .p p {
  margin-bottom: 10px;
}
.kuajing2 .con_list.right {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.kuajing2 .con_list.hover {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 114, 255, 0.3)), to(rgba(0, 114, 255, 0)));
  background-image: linear-gradient(90deg, rgba(0, 114, 255, 0.3), rgba(0, 114, 255, 0));
}
.kuajing2 .con_list.hover:after {
  width: 4px;
  background: #000fdb;
}

@media screen and (max-width: 1700px) {
  .kuajing2 .con_list {
    padding: 0 3vw 4vw;
  }
  .kuajing2 .con_list .list {
    margin-top: 4vw;
    margin-bottom: 2.5vw;
  }
  .kuajing2 .con_list .shu i img {
    width: 20px;
  }
}
@media screen and (max-width: 1300px) {
  .kuajing2 .con_list .shu span {
    font-size: 40px;
  }
  .kuajing2 .con_list .shu i img {
    width: 17px;
  }
}
@media screen and (max-width: 1000px) {
  .kuajing2 .con_list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 5vw 8vw;
  }
  .kuajing2 .con_list.left {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
  .kuajing2 .con_list .list {
    margin-top: 8vw;
    margin-bottom: 0vw;
  }
  .kuajing2 .con_list .list_text {
    margin-top: 10vw;
  }
  .kuajing2 .con_list .shu i img {
    width: 12px;
  }
}
@media screen and (max-width: 700px) {
  .kuajing2 .title_all .p br {
    display: none;
  }
  .kuajing2 .con_list {
    padding: 0 5vw 10vw;
  }
  .kuajing2 .con_list .list_text .p br {
    display: none;
  }
}
.kuajing3 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/a9f3dbb8-8ba6-48e7-b874-59617d5f1cce.jpg);
  background-size: 100% 100%;
}
.kuajing3 .wrap_1600 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.kuajing3 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 670px;
          flex: 0 0 670px;
}
.kuajing3 .title_all {
  color: #333;
  padding: 0;
  margin-bottom: 60px;
}
.kuajing3 .title_all h3 {
  line-height: 1.2;
  margin-bottom: 20px;
}
.kuajing3 .title_all span {
  color: #4257d8;
}
.kuajing3 .title_all .p {
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
}
.kuajing3 .right_text h3 {
  color: #4257d8;
  margin-bottom: 10px;
  font-weight: 700;
}
.kuajing3 .right_text .p {
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
}
.kuajing3 .left dl dt {
  background-image: radial-gradient(circle at center, rgba(107, 123, 223, 0), rgba(107, 123, 223, 0.3) 80%) !important;
}
.kuajing3 .left dt {
  width: 350px;
  height: 350px;
}
.kuajing3 .left dl dd h3 {
  margin-bottom: 0px;
  color: #333;
}
.kuajing3 .left dl dd p {
  color: #333;
}
.kuajing3 .left .dl1 {
  top: 30px;
}
.kuajing3 .left .dl2 {
  top: -50px;
  left: 65px;
}
.kuajing3 .left .dl3 {
  top: -50px;
  right: 65px;
}

@media screen and (max-width: 1700px) {
  .kuajing3 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
  .kuajing3 .left dt {
    width: 20vw;
    height: 20vw;
  }
  .kuajing3 .left .dl1 {
    top: 2vw;
  }
  .kuajing3 .left .dl2 {
    left: 3vw;
    top: -3vw;
  }
  .kuajing3 .left .dl3 {
    right: 3vw;
    top: -3vw;
  }
}
@media screen and (max-width: 1200px) {
  .kuajing3 .left .dl2 {
    left: 4vw;
  }
  .kuajing3 .left .dl3 {
    right: 4vw;
  }
}
@media screen and (max-width: 700px) {
  .kuajing3 .left dl dt {
    width: 43vw;
    height: 43vw;
  }
  .kuajing3 .left .dl2 {
    top: -7vw;
  }
  .kuajing3 .left .dl3 {
    top: -7vw;
  }
  .kuajing3 .left dl dd h3 {
    font-size: 40px;
  }
  .kuajing3 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 8vw;
    margin-bottom: 0px;
  }
}
.kuajing4 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/9a7e1373-9df1-4a53-b4d1-0c2c6615a0dd.jpg);
  background-size: 100% 100%;
  overflow: hidden;
}
.kuajing4 .wrap_1600 {
  position: relative;
}
.kuajing4 .dl dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.kuajing4 dd {
  position: relative;
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
}
.kuajing4 dd > img {
  width: 100%;
  height: 100%;
}
.kuajing4 dd .text_title {
  position: absolute;
  left: 0px;
  top: 30%;
  font-weight: 700;
}
.kuajing4 dd .text_title span {
  color: #2cfdff;
}
.kuajing4 dd .text {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 40px;
  width: 100%;
  z-index: 2;
}
.kuajing4 dd .text h3 {
  margin-bottom: 10px;
  margin-top: 20px;
}
.kuajing4 .other_dl {
  position: absolute;
  right: -158px;
  top: 0px;
  width: 159px;
}
.kuajing4 .other_dl dd img {
  position: relative;
  z-index: 2;
}
.kuajing4 .other_dl dd:first-child:after {
  content: "";
  display: block;
  width: 400%;
  height: calc(100% + 2px);
  background: #3174c3;
  position: absolute;
  left: 159px;
  top: 0px;
  z-index: 0;
}
.kuajing4 .bottom {
  margin-top: 300px;
  margin-bottom: 100px;
}
.kuajing4 .title_all {
  text-align: left;
  padding: 0px;
  color: #fff;
}
.kuajing4 .title_all span {
  color: #2cfdff;
}
.kuajing4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1300px;
  margin-top: 70px;
}
.kuajing4 li {
  color: #fff;
  width: 195px;
  height: 50px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  margin-right: 20px;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1700px) {
  .kuajing4 dd {
    height: 19vw;
  }
  .kuajing4 dd .text_title {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .kuajing4 .other_dl {
    width: 7.87vw;
    right: -7.87vw;
  }
  .kuajing4 .other_dl dd:first-child:after {
    left: 7.85vw;
  }
  .kuajing4 dd .text {
    padding: 35px 30px;
  }
  .kuajing4 dd .text > img {
    width: 30px;
  }
  .kuajing4 dd .text h3 {
    font-size: 24px;
  }
  .kuajing4 .bottom {
    margin-top: 13vw;
    margin-bottom: 5vw;
  }
  .kuajing4 ul {
    margin-top: 4vw;
  }
}
@media screen and (max-width: 1400px) {
  .kuajing4 dd {
    height: 24vw;
  }
  .kuajing4 dd:nth-of-type(1) {
    height: 15vw;
  }
  .kuajing4 dd:nth-of-type(2) {
    height: 15vw;
  }
  .kuajing4 dd:nth-of-type(3) {
    height: 15vw;
  }
  .kuajing4 .other_dl dd:first-child:after {
    left: 7.87vw;
    height: calc(100% + 1px);
  }
  .kuajing4 .other_dl dd:nth-of-type(1) {
    height: 15vw;
  }
}
@media screen and (max-width: 1200px) {
  .kuajing4 dd {
    height: auto;
  }
  .kuajing4 dd .text {
    position: relative;
    z-index: 2;
  }
  .kuajing4 dd > img {
    position: absolute;
    left: 0px;
    top: 0px;
  }
}
@media screen and (max-width: 700px) {
  .kuajing4 dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .kuajing4 dd > img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .kuajing4 .other_dl {
    display: none;
  }
  .kuajing4 dd .text_title {
    position: static;
  }
  .kuajing4 dd:nth-of-type(1) {
    height: auto;
    margin-bottom: 8vw;
  }
  .kuajing4 dd:nth-of-type(2) {
    display: none;
  }
  .kuajing4 dd:nth-of-type(3) {
    display: none;
  }
  .kuajing4 dd .text {
    padding: 8vw 5vw;
  }
  .kuajing4 dd:nth-of-type(5) > img {
    display: none;
  }
  .kuajing4 dd:nth-of-type(7) > img {
    display: none;
  }
  .kuajing4 dd:nth-of-type(9) > img {
    display: none;
  }
  .kuajing4 ul {
    margin-top: 8vw;
  }
  .kuajing4 ul li {
    width: 30%;
    margin-right: 3%;
    margin-bottom: 3%;
    height: 43px;
  }
}
.kuajing5 .title_all span {
  color: #4157da;
}
.kuajing5 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kuajing5 dd:nth-of-type(1) {
  width: 540px;
}
.kuajing5 dd:nth-of-type(2) {
  margin: 0 50px;
  width: 220px;
}
.kuajing5 dd:nth-of-type(3) {
  width: 555px;
}
.kuajing5 dd img {
  width: 100%;
}

@media screen and (max-width: 1700px) {
  .kuajing5 dd:nth-of-type(1) {
    width: 40%;
  }
  .kuajing5 dd:nth-of-type(2) {
    width: 10%;
    margin: 0 5%;
  }
  .kuajing5 dd:nth-of-type(3) {
    width: 40%;
  }
}
@media screen and (max-width: 700px) {
  .kuajing5 dd:nth-of-type(1) {
    width: 100%;
  }
  .kuajing5 dd:nth-of-type(2) {
    width: 30%;
    margin: 0 5%;
    height: 30vw;
  }
  .kuajing5 dd:nth-of-type(2) img {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .kuajing5 dd:nth-of-type(3) {
    width: 100%;
  }
}
.kuajing6 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/d085ecb8-a773-4685-aa04-e21a52106539.jpg) no-repeat;
  background-size: 100% 100%;
}
.kuajing6 .title_all {
  color: #fff;
}
.kuajing6 .title_all .p {
  color: rgba(255, 255, 255, 0.6);
}
.kuajing6 .con {
  margin-top: 50px;
}
.kuajing6 .con img {
  width: 100%;
}

.kuajing7 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/34caf3cc-65ad-4fdf-ae54-bf97041d78ef.jpg) no-repeat;
  background-size: 100% 100%;
}
.kuajing7 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kuajing7 .title_all {
  text-align: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
}
.kuajing7 .title_all span {
  color: #4157da;
}
.kuajing7 .title_all .p {
  text-transform: uppercase;
}
.kuajing7 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 940px;
          flex: 0 0 940px;
}
.kuajing7 .left img {
  width: 100%;
}

.kuajing8 {
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025041611420743647/cms/image/06a24e73-a156-447b-b34a-2467918ab339.jpg) no-repeat;
  background-size: 100% 100%;
}
.kuajing8 .wrap_1600 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.kuajing8 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 850px;
          flex: 0 0 850px;
}
.kuajing8 .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 1700px) {
  .kuajing7 .title_all {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .kuajing7 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
  }
  .kuajing8 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
  }
}
@media screen and (max-width: 1000px) {
  .kuajing7 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .kuajing8 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media screen and (max-width: 700px) {
  .kuajing7 .wrap_1600 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .kuajing7 .title_all {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0px;
  }
  .kuajing7 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 8vw;
  }
  .kuajing8 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.contact01 .wrap_1600 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact01 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 260px;
          flex: 0 0 260px;
}
.contact01 .left img {
  width: 100%;
}
.contact01 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 905px;
          flex: 0 0 905px;
}
.contact01 .right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #333;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact01 .right li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-bottom: 10px;
  cursor: pointer;
}
.contact01 .right li:hover {
  color: #3b56e2;
}
.contact01 .right li.active {
  color: #3b56e2;
}
.contact01 .tab_con {
  margin-top: 50px;
}
.contact01 .tab_con .tb {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: none;
}
.contact01 .tab_con .tb.active {
  display: block;
}
.contact01 .tab_con .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.contact01 .tab_con .list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  margin-right: 4%;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.contact01 .tab_con .list:nth-child(2n) {
  margin-right: 0;
}
.contact01 .tab_con .list .p {
  color: #999;
}

.contact02 {
  position: relative;
}
.contact02 .wrap_1600 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
}
.contact02 .wrap_1600 a {
  display: block;
  width: 200px;
  height: 50px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 50px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contact02 .wrap_1600 a:hover {
  background: #fff;
  color: #333;
}
.contact02 > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.contact01 .tab_con .list_scroll {
  height: 560px;
  overflow-y: auto;
}

.tab_con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #eee;
}

.tab_con .mCSB_scrollTools .mCSB_draggerRail {
  background: #c9c9c9;
}

.tab_con .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #eee;
}

.tab_con .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.tab_con .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #eee;
}

@media screen and (max-width: 1700px) {
  .contact01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
  .contact01 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
  .contact01 .tab_con {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 1000px) {
  .contact01 .left {
    display: none;
  }
  .contact01 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .contact01 .right ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .contact01 .right li {
    padding-bottom: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .contact01 .tab_con {
    margin-top: 5vw;
  }
  .contact02 {
    height: 400px;
  }
}
@media screen and (max-width: 700px) {
  .contact01 .right li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
  }
  .contact01 .tab_con .list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
  }
  .contact02 .wrap_1600 a {
    width: 145px;
    height: 40px;
    line-height: 40px;
  }
  .contact01 .tab_con {
    margin-top: 40px;
  }
  #c_static_001-1747705856176 .list_scroll {
    margin-top: 20px !important;
  }
}