@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  font-family: "微软雅黑";
}

body {
  padding-bottom: 0;
}

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

table,
tr,
td,
th,
thead,
tbody {
  position: static;
}

fieldset,
img {
  border: 0;
}

img {
  vertical-align: top;
  border: none;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

abbr,
acronym {
  border: 0;
}

em,
i {
  font-style: normal;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.module-wrap {
  box-sizing: border-box;
  position: relative;
  background-position: top;
  padding-top: 529px;
}
.module-wrap * {
  box-sizing: border-box;
}
.module-wrap .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.module-wrap .webicon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.module-wrap .module.dark .module-title {
  color: #fff;
}
.module-wrap .module.dark .module-dec .dec-wrap::before {
  background: #e1e2ff;
  opacity: 0.2;
}
.module-wrap .module.dark .module-dec .dec-wrap .dec {
  color: #fff;
}
.module-wrap .module .module-title {
  font-size: 38px;
  font-weight: 400;
  color: #5a54ea;
  line-height: 42px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.module-wrap .module .module-title::before {
  content: "";
  width: 41px;
  height: 33px;
  background-image: url(../images/title-before.png);
  display: block;
  margin-right: 17px;
}
.module-wrap .module .module-title::after {
  content: "";
  width: 41px;
  height: 33px;
  background-image: url(../images/title-before.png);
  display: block;
  margin-left: 17px;
}
.module-wrap .module .module-dec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 14px;
}
.module-wrap .module .module-dec .dec-wrap {
  position: relative;
}
.module-wrap .module .module-dec .dec-wrap::before {
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
  width: 100%;
  height: 7px;
  background: #e1e2ff;
  border-radius: 4px;
}
.module-wrap .module .module-dec .dec-wrap .dec {
  position: relative;
  font-size: 26px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.module-wrap .module .module-btn {
  width: 384px;
  height: 80px;
  background: linear-gradient(0deg, #c7eaff, #b5e2fd);
  border-radius: 40px;
  padding: 7px;
  display: block;
  margin: 0 auto;
}
.module-wrap .module .module-btn .title {
  height: 100%;
  background: linear-gradient(180deg, #51e6ca, #00a0de);
  box-shadow: inset 0px -4px 6px 0px #1b8efb;
  border-radius: 33px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  line-height: 30px;
  text-shadow: 0px 2px 6px rgba(37, 131, 223, 0.5);
}
.module-wrap .module .module-btn .title::after {
  content: "";
  background-image: url(../images/bg-btn.png);
  width: 19px;
  height: 23px;
  display: block;
  margin-left: 14px;
  -webkit-animation: ani 1s ease 0s infinite;
          animation: ani 1s ease 0s infinite;
}
.module-wrap .banner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1920px;
}
.module-wrap .banner .swiper-slide {
  height: 580px;
  background-repeat: no-repeat;
  background-position: top;
  overflow: hidden;
}
.module-wrap .banner .swiper-slide .banner1 {
  width: 1200px;
  height: 580px;
  transform-style: preserve-3d;
  position: relative;
  perspective: 500px;
  margin: 0 auto;
}
.module-wrap .banner .swiper-slide .banner1 .icon-img {
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  position: absolute;
  opacity: 0;
  -webkit-animation-name: jingshen;
          animation-name: jingshen;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  transform: translateZ(-2000px);
}
.module-wrap .banner .swiper-slide .banner1 .icon1 {
  left: 152%;
  width: 190px;
  bottom: -14%;
}
.module-wrap .banner .swiper-slide .banner1 .icon2 {
  width: 238px;
  right: 112%;
  bottom: -40%;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.module-wrap .banner .swiper-slide .banner1 .icon3 {
  left: 132%;
  width: 355px;
  bottom: 40%;
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.module-wrap .banner .swiper-slide .banner1 .icon4 {
  left: -34%;
  width: 586px;
  bottom: 19%;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.module-wrap .banner .banner-pagination {
  bottom: 80px;
}
.module-wrap .module1 {
  width: 1200px;
  height: 100px;
  background: #ffffff;
  box-shadow: 0px 5px 30px 0px rgba(89, 104, 244, 0.12);
  border-radius: 10px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 26px;
  position: relative;
  z-index: 1;
}
.module-wrap .module1 .left {
  width: 170px;
  line-height: 100px;
  background: linear-gradient(-35deg, #3b61f0, #433dd1);
  border-radius: 10px 0px 0px 10px;
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.module-wrap .module1 .center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
}
.module-wrap .module1 .center .card {
  text-align: center;
  padding: 0 37px;
  position: relative;
}
.module-wrap .module1 .center .card + .card::before {
  width: 1px;
  height: 21px;
  background: #e5e5e5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
}
.module-wrap .module1 .center .card:nth-child(1) .title-wrap .title-parent::before {
  background: #d6f8ed;
}
.module-wrap .module1 .center .card:nth-child(2) .title-wrap .title-parent::before {
  background: #fdfce2;
}
.module-wrap .module1 .center .card:nth-child(3) .title-wrap .title-parent::before {
  background: #ddf4ff;
}
.module-wrap .module1 .center .card:nth-child(4) .title-wrap .title-parent::before {
  background: #fdf1e8;
}
.module-wrap .module1 .center .card .title-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.module-wrap .module1 .center .card .title-wrap .title-parent {
  position: relative;
}
.module-wrap .module1 .center .card .title-wrap .title-parent::before {
  content: "";
  width: 100%;
  height: 9px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.module-wrap .module1 .center .card .title-wrap .title-parent .title {
  position: relative;
  font-size: 34px;
  font-weight: 500;
  color: #333333;
  line-height: 38px;
}
.module-wrap .module1 .center .card .title-wrap .title-parent .title .strong {
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}
.module-wrap .module1 .center .card .dec {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
.module-wrap .module1 .btn {
  width: 181px;
  line-height: 52px;
  background: linear-gradient(90deg, #51e6ca, #00a0de);
  border-radius: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  padding-left: 41px;
  position: relative;
}
.module-wrap .module1 .btn::before {
  content: "";
  background-image: url(../images/bg-btn.png);
  width: 19px;
  height: 23px;
  position: absolute;
  top: 17px;
  left: 130px;
}
.module-wrap .module2 {
  padding-top: 73px;
  padding-bottom: 51px;
}
.module-wrap .module2 .main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1200px;
  margin: 0 auto 36px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 28px;
}
.module-wrap .module2 .main .card {
  width: 376px;
  height: 287px;
  background: linear-gradient(0deg, #ffffff, #e7edf8);
  border: 2px solid #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(183, 185, 194, 0.5);
  border-radius: 10px;
  padding-left: 32px;
  padding-top: 52px;
  position: relative;
  margin: 13px 0;
}
.module-wrap .module2 .main .card::before {
  content: "";
  background-image: url(../images/arrow2-1.png);
  position: absolute;
  width: 58px;
  height: 22px;
  top: 80px;
  right: 23px;
}
.module-wrap .module2 .main .card::after {
  content: "";
  background-image: url(../images/arrow2-2.png);
  position: absolute;
  width: 372px;
  height: 26px;
  left: 0px;
  bottom: 0;
  background-size: 100% 100%;
}
.module-wrap .module2 .main .card:nth-child(4)::before, .module-wrap .module2 .main .card:nth-child(5)::before, .module-wrap .module2 .main .card:nth-child(6)::before {
  transform: rotateY(180deg);
}
.module-wrap .module2 .main .card:nth-child(4)::after, .module-wrap .module2 .main .card:nth-child(5)::after, .module-wrap .module2 .main .card:nth-child(6)::after {
  transform: rotateY(180deg);
}
.module-wrap .module2 .main .card:hover {
  background-image: url(../images/bg2.png);
  background-position: top;
  background-size: 100%;
  box-shadow: none;
}
.module-wrap .module2 .main .card:hover .webicon {
  display: none;
}
.module-wrap .module2 .main .card:hover .copy {
  display: block;
}
.module-wrap .module2 .main .card:hover .num {
  color: #c7d0f2;
}
.module-wrap .module2 .main .card:hover .title {
  color: #ffffff;
}
.module-wrap .module2 .main .card:hover .dec {
  color: #ffffff;
}
.module-wrap .module2 .main .card .webicon {
  width: 49px;
  height: 49px;
}
.module-wrap .module2 .main .card .copy {
  color: #fff;
  display: none;
}
.module-wrap .module2 .main .card .num {
  font-size: 44px;
  font-weight: 400;
  color: #c7d0f2;
  line-height: 48px;
  position: absolute;
  top: 33px;
  right: 28px;
}
.module-wrap .module2 .main .card .title {
  margin-top: 16px;
  font-size: 24px;
  font-weight: 800;
  color: #11254c;
  line-height: 28px;
}
.module-wrap .module2 .main .card .dec {
  margin-top: 24px;
  width: 270px;
  font-size: 18px;
  color: #11254c;
  line-height: 28px;
}
.module-wrap .module3 {
  padding-top: 58px;
  padding-bottom: 59px;
  background: linear-gradient(-35deg, #3b61f0, #433dd1);
}
.module-wrap .module3 .swiper3 {
  width: 1200px;
  margin: 39px auto 38px;
}
.module-wrap .module3 .swiper3 .swiper-slide {
  width: 406px;
  transition: 300ms;
  transform: scale(0.9);
}
.module-wrap .module3 .swiper3 .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.module-wrap .module3 .swiper3 .swiper-slide.slide1 .title-wrap {
  background-image: url(../images/bg3-1.png);
}
.module-wrap .module3 .swiper3 .swiper-slide.slide2 .title-wrap {
  background-image: url(../images/bg3-2.png);
}
.module-wrap .module3 .swiper3 .swiper-slide.slide3 .title-wrap {
  background-image: url(../images/bg3-3.png);
}
.module-wrap .module3 .swiper3 .swiper-slide .title-wrap {
  height: 150px;
  background: #f5f6fa;
  border-radius: 10px 10px 0px 0px;
  padding-left: 154px;
  padding-top: 49px;
}
.module-wrap .module3 .swiper3 .swiper-slide .title-wrap .title1 {
  font-size: 24px;
  font-weight: 400;
  color: #393d52;
  line-height: 28px;
}
.module-wrap .module3 .swiper3 .swiper-slide .title-wrap .title2 {
  margin-top: 11px;
  font-size: 18px;
  font-weight: 400;
  color: #a2a6b9;
  line-height: 22px;
}
.module-wrap .module3 .swiper3 .swiper-slide .dec-list {
  background-color: #fff;
  padding-top: 44px;
  padding-bottom: 48px;
}
.module-wrap .module3 .swiper3 .swiper-slide .dec-list .dec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 35px;
  font-size: 18px;
  font-weight: 400;
  color: #373d52;
  line-height: 22px;
}
.module-wrap .module3 .swiper3 .swiper-slide .dec-list .dec + .dec {
  margin-top: 18px;
}
.module-wrap .module3 .swiper3 .swiper-slide .dec-list .dec .num {
  width: 26px;
  background: rgba(245, 246, 250, 0);
  border: 1px solid #5c7cff;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 400;
  color: #5c7cff;
  line-height: 24px;
  text-align: center;
  margin-right: 9px;
}
.module-wrap .module3 .swiper3 .swiper-slide .footer {
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(-90deg, #0160ec, #069df2);
  border-radius: 10px;
}
.module-wrap .module3 .swiper3 .swiper-slide .footer .left {
  width: 104px;
  line-height: 83px;
  background: linear-gradient(-90deg, #0160ec, #069df2);
  border-radius: 0 0 0 10px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
.module-wrap .module3 .swiper3 .swiper-slide .footer .right {
  border-radius: 0 0 10px 0;
  -ms-flex: 1;
      flex: 1;
  padding-top: 19px;
}
.module-wrap .module3 .swiper3 .swiper-slide .footer .right .check {
  padding-left: 32px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  position: relative;
}
.module-wrap .module4 {
  padding-top: 73px;
  background-image: url(../images/bg4.png);
  background-position: center 700px;
  background-repeat: no-repeat;
  padding-bottom: 116px;
}
.module-wrap .module4 .main {
  width: 1200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 40px auto 43px;
  padding-left: 29px;
  padding-right: 26px;
}
.module-wrap .module4 .main .card {
  width: 333px;
  height: 205px;
  padding-top: 137px;
}
.module-wrap .module4 .main .card:nth-child(1) {
  background-image: url(../images/bg4-1.png);
}
.module-wrap .module4 .main .card:nth-child(2) {
  background-image: url(../images/bg4-2.png);
}
.module-wrap .module4 .main .card:nth-child(3) {
  background-image: url(../images/bg4-3.png);
}
.module-wrap .module4 .main .card .title {
  font-size: 24px;
  font-weight: 400;
  color: #393d52;
  line-height: 28px;
}
.module-wrap .module4 .main .card .dec {
  margin-top: 6px;
  font-size: 28px;
  font-weight: 400;
  color: #ff5d79;
  line-height: 32px;
}
.module-wrap .module4 .swiper4-wrap {
  padding-bottom: 44px;
  position: relative;
}
.module-wrap .module4 .swiper4-wrap .swiper4 {
  width: 1200px;
  background: #ffffff;
  box-shadow: 0px 2px 20px 0px rgba(183, 185, 194, 0.5);
  border-radius: 10px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide {
  height: 608px;
  padding-top: 31px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide .title {
  font-size: 28px;
  font-weight: 400;
  color: #393d52;
  line-height: 44px;
  color: #f54559;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide .title .num {
  width: 44px;
  line-height: 44px;
  background: linear-gradient(90deg, #f88559, #f54559);
  border-radius: 50%;
  font-size: 24px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  background-clip: initial;
  margin-right: 15px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide .dec {
  font-size: 18px;
  font-weight: 400;
  color: #a2a6b9;
  line-height: 24px;
  text-align: center;
  margin-top: 3px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide .dec .strong {
  font-size: 20px;
  color: #5a54ea;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide .btn {
  margin: 0 auto;
  width: 370px;
  line-height: 66px;
  background: linear-gradient(180deg, #51e6ca, #00a0de);
  box-shadow: 0px 4px 6px 0px #1b8efb;
  border-radius: 33px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0px 2px 6px rgba(37, 131, 223, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide .btn::after {
  content: "";
  background-image: url(../images/bg-btn.png);
  background-size: 100% 100%;
  width: 24px;
  height: 28px;
  display: block;
  margin-left: 14px;
  -webkit-animation: ani 1s ease 0s infinite;
          animation: ani 1s ease 0s infinite;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 {
  background-image: url(../images/slide4-1.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list {
  position: relative;
  height: 396px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  position: absolute;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(1) {
  top: 37px;
  left: 170px;
  width: 90px;
  height: 89px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(2) {
  left: 202px;
  top: 243px;
  width: 71px;
  height: 71px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(3) {
  left: 294px;
  top: 127px;
  width: 86px;
  height: 86px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(4) {
  left: 411px;
  top: 42px;
  width: 94px;
  height: 94px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(5) {
  left: 408px;
  top: 231px;
  width: 95px;
  height: 95px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(6) {
  left: 541px;
  top: 112px;
  width: 116px;
  height: 116px;
  color: #00c6fb;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(7) {
  left: 599px;
  top: 288px;
  width: 71px;
  height: 71px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(8) {
  left: 750px;
  top: 93px;
  width: 97px;
  height: 97px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(9) {
  left: 748px;
  top: 260px;
  width: 79px;
  height: 79px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(10) {
  left: 925px;
  top: 51px;
  width: 71px;
  height: 71px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide1 .list .sqit:nth-child(11) {
  left: 920px;
  top: 231px;
  width: 84px;
  height: 84px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 116px;
  padding-right: 80px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 50px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card {
  margin-top: 40px;
  position: relative;
  width: 305px;
  line-height: 115px;
  background-size: 100% 100%;
  padding-left: 60px;
  font-size: 24px;
  text-align: center;
  font-weight: 400;
  color: #1071f5;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:nth-child(1) {
  background-image: url(../images/bg4-2-1.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:nth-child(2) {
  background-image: url(../images/bg4-2-2.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:nth-child(3) {
  background-image: url(../images/bg4-2-3.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:nth-child(4) {
  background-image: url(../images/bg4-2-4.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:nth-child(5) {
  background-image: url(../images/bg4-2-5.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:nth-child(6) {
  background-image: url(../images/bg4-2-6.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:hover {
  color: #ffffff;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:hover:nth-child(1) {
  background-image: url(../images/bg4-2-1-active.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:hover:nth-child(2) {
  background-image: url(../images/bg4-2-2-active.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:hover:nth-child(3) {
  background-image: url(../images/bg4-2-3-active.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:hover:nth-child(4) {
  background-image: url(../images/bg4-2-4-active.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:hover:nth-child(5) {
  background-image: url(../images/bg4-2-5-active.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card:hover:nth-child(6) {
  background-image: url(../images/bg4-2-6-active.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide2 .list .card .icon4-2 {
  position: absolute;
  top: -5px;
  left: -30px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 {
  background-image: url(../images/slide4-3.png);
  background-repeat: no-repeat;
  background-position: 252px 144px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 252px;
  padding-right: 257px;
  -ms-flex-align: end;
      align-items: flex-end;
  padding-top: 82px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card {
  width: 43px;
  position: relative;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card:nth-child(1) {
  height: 32px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card:nth-child(2) {
  height: 58px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card:nth-child(3) {
  height: 70px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card:nth-child(4) {
  height: 174px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card:nth-child(5) {
  height: 169px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card:nth-child(6) {
  height: 193px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card:nth-child(7) {
  height: 137px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card .num {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  top: -28px;
  white-space: nowrap;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .list .card .money {
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  bottom: -34px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide3 .ps {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
  text-align: center;
  margin-top: 56px;
  margin-bottom: 13px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 {
  background-image: url(../images/slide4-4.png);
  background-position: 465px 245px;
  background-repeat: no-repeat;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list {
  height: 384px;
  position: relative;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card {
  position: absolute;
  line-height: 50px;
  border: 1px solid #3273f6;
  border-radius: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  padding-left: 53px;
  padding-right: 38px;
  white-space: nowrap;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card::before {
  content: "";
  background-image: url(../images/icon4-4-1.png);
  width: 18px;
  height: 18px;
  left: 22px;
  top: 17px;
  position: absolute;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(1) {
  top: 36px;
  left: 247px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(2) {
  top: 119px;
  left: 95px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(3) {
  top: 205px;
  left: 155px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(4) {
  top: 307px;
  left: 72px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(5) {
  top: 48px;
  left: 543px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(6) {
  top: 23px;
  left: 841px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(7) {
  top: 128px;
  left: 706px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(8) {
  top: 144px;
  left: 936px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(9) {
  top: 227px;
  left: 782px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:nth-child(10) {
  top: 324px;
  left: 841px;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:hover {
  background: linear-gradient(90deg, #f88559, #f54559);
  border-color: rgba(255, 255, 255, 0);
  color: #fff;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper-slide.slide4 .list .card:hover::before {
  background-image: url(../images/icon4-4-1-active.png);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper4-prev {
  width: 52px;
  height: 41px;
  background-image: url(../images/arrow4-left.png);
  background-size: 100%;
  top: 33px;
  left: 0;
  margin-top: 0;
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper4-prev:hover {
  background-image: url(../images/arrow4-right.png);
  transform: rotateY(180deg);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper4-next {
  width: 52px;
  height: 41px;
  background-image: url(../images/arrow4-left.png);
  background-size: 100%;
  top: 33px;
  right: 0;
  margin-top: 0;
  transform: rotateY(180deg);
}
.module-wrap .module4 .swiper4-wrap .swiper4 .swiper4-next:hover {
  background-image: url(../images/arrow4-right.png);
  transform: rotateY(0deg);
}
.module-wrap .module4 .swiper4-wrap .swiper4-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  bottom: 0;
}
.module-wrap .module4 .swiper4-wrap .swiper4-pagination .swiper-pagination-bullet {
  width: 52px;
  height: 8px;
  background: #ffffff;
  opacity: 0.2;
  border-radius: 0;
}
.module-wrap .module4 .swiper4-wrap .swiper4-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 11px;
}
.module-wrap .module4 .swiper4-wrap .swiper4-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #42fdff;
}
.module-wrap .module5 {
  padding-bottom: 31px;
  width: 100%;
  overflow: hidden;
}
.module-wrap .module5 .main {
  width: 1200px;
  height: 600px;
  background: #ffffff;
  border: 20px solid #f1f0ff;
  border-radius: 10px;
  margin: 50px auto 38px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.module-wrap .module5 .main::before {
  content: "";
  background-image: url(../images/img5-left.png);
  width: 182px;
  height: 411px;
  position: absolute;
  left: -202px;
  bottom: 0;
}
.module-wrap .module5 .main::after {
  content: "";
  background-image: url(../images/img5-right.png);
  width: 246px;
  height: 682px;
  position: absolute;
  right: -214px;
  bottom: 0;
}
.module-wrap .module5 .main .left {
  width: 439px;
  padding-top: 30px;
  padding-left: 35px;
}
.module-wrap .module5 .main .left .card {
  width: 313px;
  line-height: 48px;
  padding-left: 41px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #f1f0ff;
  font-size: 18px;
  font-weight: bold;
  color: #393d52;
  position: relative;
  cursor: pointer;
}
.module-wrap .module5 .main .left .card + .card {
  margin-top: 15px;
}
.module-wrap .module5 .main .left .card.active {
  color: #ffffff;
  background: linear-gradient(90deg, #f88559, #f54559);
}
.module-wrap .module5 .main .left .card.active::before {
  content: "";
  background-image: url(../images/arrow5.png);
  width: 29px;
  height: 23px;
  position: absolute;
  right: -65px;
  top: 14px;
}
.module-wrap .module5 .main .right {
  -ms-flex: 1;
      flex: 1;
  overflow: auto;
}
.module-wrap .module5 .main .right .card-wrap {
  display: none;
}
.module-wrap .module5 .main .right .card-wrap.active {
  display: block;
}
.module-wrap .module5 .main .right .card-wrap .card-list {
  padding-top: 30px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card {
  width: 689px;
  background: rgba(235, 238, 255, 0.4);
  padding-top: 31px;
  padding-bottom: 27px;
  padding-left: 46px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card + .card {
  margin-top: 19px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card.card3 {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 9px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card.card3 .label {
  margin-right: 18px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card.card3 .post-list {
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card.card3 .post-list .post {
  padding: 0 12px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #1361f5;
  font-size: 16px;
  font-weight: 400;
  color: #225fff;
  line-height: 26px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card.card3 .post-list .post + .post {
  margin-left: 7px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card .label .label-title {
  font-size: 18px;
  font-weight: bold;
  color: #fe6681;
  line-height: 22px;
  margin-left: 13px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card .content {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  margin-top: 18px;
}
.module-wrap .module5 .main .right .card-wrap .card-list .card .card-dec {
  margin-top: 22px;
  padding-right: 39px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.module-wrap .module6 {
  background-image: url(../images/bg6.png);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 90px;
}
.module-wrap .module6 .list {
  width: 1200px;
  margin: 35px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.module-wrap .module6 .list .card {
  width: 150px;
}
.module-wrap .module6 .list .card + .card {
  position: relative;
}
.module-wrap .module6 .list .card + .card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 57px;
  background: #225fff;
  opacity: 0.2;
}
.module-wrap .module6 .list .card .num {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #ff5d79;
  line-height: 28px;
}
.module-wrap .module6 .list .card .title {
  margin-top: 12px;
  text-align: center;
  font-size: 19px;
  font-weight: 400;
  color: #86869b;
  line-height: 23px;
}
.module-wrap .module6 .list2 {
  position: relative;
  z-index: 2;
  width: 1200px;
  margin: 44px auto 0;
  padding-left: 360px;
}
.module-wrap .module6 .list2 .icon-list {
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 26px;
}
.module-wrap .module6 .list2 .icon-list .icon-wrap {
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.module-wrap .module6 .list2 .icon-list .icon-wrap + .icon-wrap {
  margin-left: 14px;
}
.module-wrap .module6 .list2 .icon-list .icon-wrap.active .icon-parent {
  border-color: #6b7beb;
}
.module-wrap .module6 .list2 .icon-list .icon-wrap .icon-parent {
  position: relative;
  overflow: hidden;
  width: 92px;
  height: 112px;
  background: linear-gradient(238deg, #d4d7df, #b4b9c7);
  border: 2px solid rgba(255, 255, 255, 0);
  border-radius: 10px;
}
.module-wrap .module6 .list2 .icon-list .icon-wrap .icon-parent .teacher {
  position: absolute;
  top: 9px;
  left: -20px;
  width: 120px;
}
.module-wrap .module6 .list3 {
  position: relative;
  height: 204px;
}
.module-wrap .module6 .list3 .swiper6 {
  padding-top: 192px;
  width: 1290px;
  background-image: url(../images/bg-teacher.png);
  background-repeat: no-repeat;
  background-position: center 175px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -145px;
}
.module-wrap .module6 .list3 .swiper6 .swiper-slide {
  height: 384px;
  padding-left: 420px;
}
.module-wrap .module6 .list3 .swiper6 .swiper-slide .left {
  position: absolute;
  left: 30px;
  top: -145px;
  height: 529px;
  overflow: hidden;
}
.module-wrap .module6 .list3 .swiper6 .swiper-slide .right {
  padding-top: 47px;
}
.module-wrap .module6 .list3 .swiper6 .swiper-slide .right .name {
  font-size: 30px;
  font-weight: bold;
  color: #424242;
  line-height: 34px;
  width: 781px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f2f2f2;
}
.module-wrap .module6 .list3 .swiper6 .swiper-slide .right .post {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 400;
  color: #424242;
  line-height: 24px;
}
.module-wrap .module6 .list3 .swiper6 .swiper-slide .right .dec {
  height: 156px;
  overflow: auto;
  padding-top: 15px;
  margin-bottom: 15px;
  width: 759px;
  font-size: 16px;
  font-weight: 400;
  color: #86869b;
  line-height: 28px;
}
.module-wrap .module6 .list3 .swiper6 .swiper-slide .right .btn {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  display: block;
  padding-left: 36px;
  width: 190px;
  line-height: 46px;
  background: linear-gradient(90deg, #f88559, #f54559);
  position: relative;
}
.module-wrap .module6 .list3 .swiper6 .swiper-slide .right .btn::before {
  content: "";
  background-image: url(../images/bg-btn.png);
  top: 12px;
  right: 32px;
  position: absolute;
  width: 19px;
  height: 23px;
  -webkit-animation: ani 1s ease 0s infinite;
          animation: ani 1s ease 0s infinite;
}
.module-wrap .module6 .list3 .swiper6 .swiper6-prev {
  width: 36px;
  height: 36px;
  background-image: url(../images/arrow6-left.png);
  background-size: 100%;
  margin-top: 0;
  top: 238px;
  right: 124px;
  left: auto;
}
.module-wrap .module6 .list3 .swiper6 .swiper6-prev:hover {
  background-image: url(../images/arrow6-right.png);
  transform: rotateY(180deg);
}
.module-wrap .module6 .list3 .swiper6 .swiper6-next {
  width: 36px;
  height: 36px;
  background-image: url(../images/arrow6-left.png);
  background-size: 100%;
  margin-top: 0;
  transform: rotateY(180deg);
  top: 238px;
  right: 73px;
}
.module-wrap .module6 .list3 .swiper6 .swiper6-next:hover {
  background-image: url(../images/arrow6-right.png);
  transform: rotateY(0deg);
}
.module-wrap .module6 .list3 .swiper6 .swiper6-pagination {
  right: 185px;
  left: auto;
  top: 242px;
  bottom: auto;
  width: auto;
  font-size: 20px;
  font-weight: 400;
  color: #d5d5d5;
  line-height: 24px;
}
.module-wrap .module6 .list3 .swiper6 .swiper6-pagination .swiper-pagination-current {
  color: #424242;
}
.module-wrap .module7 {
  background: linear-gradient(-35deg, #3b61f0, #433dd1);
  padding-top: 263px;
  padding-bottom: 53px;
  overflow: hidden;
}
.module-wrap .module7 .list {
  width: 1200px;
  display: -ms-flexbox;
  display: flex;
  margin: 38px auto 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.module-wrap .module7 .list .card {
  width: 237px;
  height: 174px;
  padding-left: 27px;
  padding-top: 30px;
  position: relative;
  overflow: hidden;
}
.module-wrap .module7 .list .card:nth-child(1) {
  background-image: url(../images/bg7-1.png);
}
.module-wrap .module7 .list .card:nth-child(2) {
  background-image: url(../images/bg7-2.png);
}
.module-wrap .module7 .list .card:nth-child(3) {
  background-image: url(../images/bg7-3.png);
}
.module-wrap .module7 .list .card:nth-child(4) {
  background-image: url(../images/bg7-2.png);
}
.module-wrap .module7 .list .card:nth-child(5) {
  background-image: url(../images/bg7-5.png);
}
.module-wrap .module7 .list .card .num {
  position: absolute;
  font-size: 55px;
  font-weight: bold;
  color: #c7d0f2;
  line-height: 59px;
  opacity: 0.06;
  left: 115px;
  top: -15px;
}
.module-wrap .module7 .list .card .title {
  font-size: 24px;
  font-weight: 400;
  color: #fff77e;
  line-height: 28px;
}
.module-wrap .module7 .list .card .dec {
  width: 160px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  margin-top: 9px;
}
.module-wrap .module7 .swiper7-wrap {
  margin-top: 48px;
  background: linear-gradient(90deg, #7772ff, #7a4bff);
}
.module-wrap .module7 .swiper7-wrap .swiper7-parent {
  width: 1334px;
  padding: 19px 84px;
  margin: 0 auto;
  position: relative;
}
.module-wrap .module7 .swiper7-wrap .swiper7-parent .swiper7 .swiper-slide {
  margin: 0 5px;
  width: auto;
  padding: 0 17px;
  line-height: 46px;
  border: 1px solid #ffffff;
  border-radius: 24px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.module-wrap .module7 .swiper7-wrap .swiper7-parent .swiper7 .swiper-slide.active {
  background: linear-gradient(-36deg, #f2927d, #ee6386);
  font-weight: bold;
  border-color: rgba(255, 255, 255, 0);
}
.module-wrap .module7 .swiper7-wrap .swiper7-parent .swiper7-prev {
  display: block;
  width: 48px;
  height: 48px;
  background-image: url(../images/arrow7.png);
  background-size: 100% 100%;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%) rotateY(180deg);
  left: 0;
}
.module-wrap .module7 .swiper7-wrap .swiper7-parent .swiper7-next {
  display: block;
  width: 48px;
  height: 48px;
  background-image: url(../images/arrow7.png);
  background-size: 100% 100%;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.module-wrap .module7 .list1 {
  width: 1200px;
  margin: 41px auto 0;
  position: relative;
}
.module-wrap .module7 .list1 .item {
  display: none;
  position: relative;
  min-height: 572px;
  -ms-flex-direction: column;
      flex-direction: column;
}
.module-wrap .module7 .list1 .item.active {
  display: -ms-flexbox;
  display: flex;
}
.module-wrap .module7 .list1 .item .img-wrap {
  position: absolute;
}
.module-wrap .module7 .list1 .item .img-wrap .pro-img {
  width: 888px;
}
.module-wrap .module7 .list1 .item .label {
  width: 100px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #ffffff;
  border-radius: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 915px;
}
.module-wrap .module7 .list1 .item .content {
  margin-top: 10px;
  margin-left: 915px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
.module-wrap .module7 .list1 .item .dec-wrap {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  margin-left: 594px;
  padding-top: 31px;
  padding-left: 40px;
  width: 606px;
  background: #096aed;
  box-shadow: 0px 2px 29px 0px rgba(9, 106, 237, 0.5);
  border-radius: 20px 20px 20px 0px;
  margin-top: 48px;
  padding-right: 51px;
  padding-bottom: 31px;
}
.module-wrap .module7 .list1 .item .dec-wrap .label {
  margin-left: 0;
}
.module-wrap .module7 .list1 .item .dec-wrap .content {
  margin-left: 0;
}
.module-wrap .module7 .list1 .btn {
  width: 230px;
  line-height: 46px;
  background: linear-gradient(90deg, #f88559, #f54559);
  position: absolute;
  bottom: 0;
  left: 382px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  padding-left: 45px;
}
.module-wrap .module7 .list1 .btn::before {
  content: "";
  background-image: url(../images/bg-btn.png);
  top: 16px;
  right: 45px;
  position: absolute;
  width: 19px;
  height: 23px;
  -webkit-animation: ani 1s ease 0s infinite;
          animation: ani 1s ease 0s infinite;
}
.module-wrap .module8 {
  padding-bottom: 62px;
  padding-top: 56px;
  overflow: hidden;
}
.module-wrap .module8 .main {
  position: relative;
  width: 1200px;
  background: #ffffff;
  border: 20px solid #f1f0ff;
  height: 517px;
  margin: 54px auto 0;
  position: relative;
}
.module-wrap .module8 .main::before {
  content: "";
  background-image: url(../images/img8-right.png);
  right: -68px;
  bottom: 0;
  position: absolute;
  width: 156px;
  height: 151px;
}
.module-wrap .module8 .main .tab-list {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  top: -40px;
}
.module-wrap .module8 .main .tab-list .tab {
  width: 360px;
  line-height: 54px;
  background: #ffffff;
  border: 2px solid #0596f1;
  border-radius: 27px;
  font-size: 20px;
  font-weight: 400;
  color: #0596f1;
  text-align: center;
  cursor: pointer;
}
.module-wrap .module8 .main .tab-list .tab + .tab {
  margin-left: 25px;
}
.module-wrap .module8 .main .tab-list .tab.active {
  background: linear-gradient(0deg, #0160ec, #069df2);
  color: #fff;
}
.module-wrap .module8 .main .card-list {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 50px;
  -ms-flex-align: start;
      align-items: flex-start;
}
.module-wrap .module8 .main .card-list.active {
  display: -ms-flexbox;
  display: flex;
}
.module-wrap .module8 .main .card-list.list1 {
  padding-top: 20px;
}
.module-wrap .module8 .main .card-list.list1 .card {
  margin-top: 40px;
  width: 244px;
}
.module-wrap .module8 .main .card-list.list1 .card:hover .card-img-wrap .btn-wrap {
  transform: translateY(-100%);
}
.module-wrap .module8 .main .card-list.list1 .card .card-img-wrap {
  overflow: hidden;
  position: relative;
  text-align: center;
  display: inline-block;
}
.module-wrap .module8 .main .card-list.list1 .card .card-img-wrap .card-img {
  display: block;
  max-width: 100%;
}
.module-wrap .module8 .main .card-list.list1 .card .card-img-wrap .btn-wrap {
  transition: all 0.4s;
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.module-wrap .module8 .main .card-list.list1 .card .card-img-wrap .btn-wrap .card-btn {
  width: 131px;
  line-height: 39px;
  background: linear-gradient(90deg, #059dff, #006dff);
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  display: block;
}
.module-wrap .module8 .main .card-list.list1 .card .title {
  margin-top: 17px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.module-wrap .module8 .main .card-list.list2 {
  padding-top: 42px;
}
.module-wrap .module8 .main .card-list.list2 .card {
  margin-top: 27px;
  width: 244px;
  height: 141px;
  text-align: center;
  background-image: url(../images/bg9-2.png);
  background-size: 188px;
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 19px;
  overflow: hidden;
  position: relative;
}
.module-wrap .module8 .main .card-list.list2 .card:nth-child(1) {
  background-color: #3ac88c;
}
.module-wrap .module8 .main .card-list.list2 .card:nth-child(2) {
  background-color: #c76dc5;
}
.module-wrap .module8 .main .card-list.list2 .card:nth-child(3) {
  background-color: #13679e;
}
.module-wrap .module8 .main .card-list.list2 .card:nth-child(4) {
  background-color: #e8643e;
}
.module-wrap .module8 .main .card-list.list2 .card:nth-child(5) {
  background-color: #388fe8;
}
.module-wrap .module8 .main .card-list.list2 .card:nth-child(6) {
  background-color: #ae7683;
}
.module-wrap .module8 .main .card-list.list2 .card:nth-child(7) {
  background-color: #7039e9;
}
.module-wrap .module8 .main .card-list.list2 .card:nth-child(8) {
  background-color: #ea4c89;
}
.module-wrap .module8 .main .card-list.list2 .card:hover .hover-wrap {
  transform: translateY(100%);
}
.module-wrap .module8 .main .card-list.list2 .card .icon {
  color: #fff;
  font-size: 49px;
}
.module-wrap .module8 .main .card-list.list2 .card .title {
  margin-top: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 19px;
}
.module-wrap .module8 .main .card-list.list2 .card .dec {
  margin: 4px auto 0;
  width: 142px;
  line-height: 21px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
.module-wrap .module8 .main .card-list.list2 .card .hover-wrap {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: all 0.4s;
}
.module-wrap .module8 .main .card-list.list2 .card .hover-wrap .hover-btn {
  position: relative;
  width: 148px;
  line-height: 44px;
  text-align: center;
  background: linear-gradient(90deg, #059dff, #006dff);
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
}
.module-wrap .module9 {
  background: #f7f8fa;
  padding-top: 56px;
  padding-bottom: 42px;
}
.module-wrap .module9 .list-wrap {
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin: 27px auto 0;
  height: 468px;
}
.module-wrap .module9 .list-wrap .item {
  width: 146px;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.module-wrap .module9 .list-wrap .item:nth-child(1) {
  background-image: url(../images/bg8-1.jpg);
}
.module-wrap .module9 .list-wrap .item:nth-child(2) {
  background-image: url(../images/bg8-2.png);
}
.module-wrap .module9 .list-wrap .item:nth-child(3) {
  background-image: url(../images/bg8-3.png);
}
.module-wrap .module9 .list-wrap .item:nth-child(4) {
  background-image: url(../images/bg8-4.png);
}
.module-wrap .module9 .list-wrap .item:nth-child(5) {
  background-image: url(../images/bg8-5.png);
}
.module-wrap .module9 .list-wrap .item.active {
  -ms-flex: 1;
      flex: 1;
}
.module-wrap .module9 .list-wrap .item.active:nth-child(1) {
  background-image: url(../images/bg8-1-active.jpg);
}
.module-wrap .module9 .list-wrap .item.active:nth-child(2) {
  background-image: url(../images/bg8-2-active.jpg);
}
.module-wrap .module9 .list-wrap .item.active:nth-child(3) {
  background-image: url(../images/bg8-3-active.jpg);
}
.module-wrap .module9 .list-wrap .item.active:nth-child(4) {
  background-image: url(../images/bg8-4-active.jpg);
}
.module-wrap .module9 .list-wrap .item.active:nth-child(5) {
  background-image: url(../images/bg8-5-active.jpg);
}
.module-wrap .module9 .list-wrap .item.active .left {
  padding-top: 126px;
}
.module-wrap .module9 .list-wrap .item.active .left::before {
  content: none;
}
.module-wrap .module9 .list-wrap .item.active .left .title::before {
  content: "";
}
.module-wrap .module9 .list-wrap .item.active .left .dec {
  opacity: 1;
}
.module-wrap .module9 .list-wrap .item.active .left .btn {
  opacity: 1;
}
.module-wrap .module9 .list-wrap .item .left {
  width: 146px;
  padding-top: 186px;
  position: relative;
}
.module-wrap .module9 .list-wrap .item .left::before {
  content: "";
  background-image: url(../images/arrow8.png);
  width: 38px;
  height: 10px;
  position: absolute;
  top: 254px;
  left: 50%;
  transform: translateX(-50%);
}
.module-wrap .module9 .list-wrap .item .left .title {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 14px;
  line-height: 24px;
  position: relative;
  text-align: center;
}
.module-wrap .module9 .list-wrap .item .left .title::before {
  width: 80px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.module-wrap .module9 .list-wrap .item .left .dec {
  width: 112px;
  font-size: 14px;
  color: #ffffff;
  margin: 36px auto 0 auto;
  line-height: 18px;
  text-align: center;
  opacity: 0;
  transform: all 0.4s;
}
.module-wrap .module9 .list-wrap .item .left .btn {
  display: block;
  width: 91px;
  height: 30px;
  line-height: 30px;
  border-radius: 6px;
  border: solid 1px #e8f3fc;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  margin: 28px auto 0 auto;
  transition: all ease-out 0.3s;
  opacity: 0;
}
.module-wrap .module9 .list-wrap .item .left .btn:hover {
  background: #fff;
  color: #326cf6;
}
.module-wrap .module9 .list-wrap .item .right {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}
.module-wrap .module9 .list-wrap .item .right .list {
  overflow-y: auto;
  padding: 0 25px;
  height: 100%;
  width: 466px;
}
.module-wrap .module9 .list-wrap .item .right .list .content {
  padding-bottom: 12px;
  position: relative;
}
.module-wrap .module9 .list-wrap .item .right .list .content + .content {
  border-top: 1px solid #dde0e5;
}
.module-wrap .module9 .list-wrap .item .right .list .content .title {
  font-size: 18px;
  color: #333333;
  padding: 20px 0 12px 0;
  line-height: 22px;
}
.module-wrap .module9 .list-wrap .item .right .list .content .dec {
  width: 266px;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}
.module-wrap .module9 .list-wrap .item .right .list .content .btn {
  width: 91px;
  height: 30px;
  line-height: 28px;
  border-radius: 6px;
  border: solid 1px #326cf6;
  font-size: 14px;
  text-align: center;
  color: #326cf6;
  box-sizing: border-box;
  transition: all ease-out 0.3s;
  position: absolute;
  bottom: 12px;
  right: 0;
}
.module-wrap .module10 {
  padding-top: 73px;
  background: linear-gradient(-35deg, #3b61f0, #433dd1);
  padding-bottom: 72px;
}
.module-wrap .module10 .main {
  width: 1200px;
  margin: 132px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.module-wrap .module10 .main .list {
  width: 380px;
  height: 628px;
  background: linear-gradient(270deg, rgba(48, 215, 251, 0.3), rgba(32, 121, 255, 0.3));
  border: 2px solid #65f6ff;
  border-radius: 20px;
  padding-top: 132px;
  padding-left: 19px;
  position: relative;
}
.module-wrap .module10 .main .list:nth-child(2) {
  margin-top: 35px;
}
.module-wrap .module10 .main .list .img10 {
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
}
.module-wrap .module10 .main .list .card {
  width: 342px;
  background: rgba(242, 242, 254, 0.1);
  border-radius: 5px;
  font-weight: 400;
  color: #fff;
  line-height: 44px;
  padding-left: 20px;
  position: relative;
}
.module-wrap .module10 .main .list .card + .card {
  margin-top: 15px;
}
.module-wrap .module10 .main .list .card.active {
  color: #333;
  background: #e9e9ff;
}
.module-wrap .module10 .main .list .card.active .btn {
  display: block;
}
.module-wrap .module10 .main .list .card .btn {
  display: none;
  top: 8px;
  right: -35px;
  position: absolute;
  width: 72px;
  line-height: 28px;
  text-align: center;
  background: linear-gradient(-36deg, #f2927d, #ee6386);
  border-radius: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}

@-webkit-keyframes jingshen {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.7;
    transform: translateZ(500px) translateY(-100%);
  }
}

@keyframes jingshen {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.7;
    transform: translateZ(500px) translateY(-100%);
  }
}
@-webkit-keyframes ani {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ani {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}