.mySwiper .swiper-slide {
  position: relative;
  height: 695rem;
  text-align: center; }
.mySwiper .swiper-button-prev {
  left: 150rem; }
.mySwiper .swiper-button-next {
  right: 150rem; }
.mySwiper .swiper-button-prev,
.mySwiper .swiper-button-next {
  color: rgba(255, 255, 255, 0.7);
  transition: ease 0.3s; }
  .mySwiper .swiper-button-prev:hover,
  .mySwiper .swiper-button-next:hover {
    transform: scale(1.1);
    color: #fff; }
.mySwiper .swiper-pagination-bullet {
  width: 38rem;
  height: 3rem;
  border-radius: 0;
  background: #fff;
  transition: ease 0.3s; }
  .mySwiper .swiper-pagination-bullet:hover {
    opacity: 1; }
.mySwiper .box {
  position: absolute;
  top: 32%;
  left: 50%;
  transform: translateX(-50%); }
.mySwiper .title {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 64rem;
  font-weight: bold;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); }
  .mySwiper .title p {
    display: flex;
    overflow: hidden; }
    .mySwiper .title p span {
      display: inline-block;
      color: #fff;
      opacity: 0;
      animation: show ease .8s forwards; }
      .mySwiper .title p span:nth-child(1) {
        animation-delay: .6s; }
      .mySwiper .title p span:nth-child(2) {
        animation-delay: .45s; }
      .mySwiper .title p span:nth-child(3) {
        animation-delay: .3s; }
      .mySwiper .title p span:nth-child(4) {
        animation-delay: .15s; }
    .mySwiper .title p:nth-child(2) {
      display: inline-block;
      margin-left: 100rem; }
      .mySwiper .title p:nth-child(2) span:nth-child(1) {
        animation-delay: .15s; }
      .mySwiper .title p:nth-child(2) span:nth-child(2) {
        animation-delay: .3s; }
      .mySwiper .title p:nth-child(2) span:nth-child(3) {
        animation-delay: .45s; }
      .mySwiper .title p:nth-child(2) span:nth-child(4) {
        animation-delay: .6s; }
.mySwiper .subtitle {
  margin-top: 5rem;
  justify-content: space-between;
  opacity: 0;
  text-transform: uppercase;
  animation: show2 1.5s 1.2s forwards; }
  .mySwiper .subtitle span {
    font-size: 34rem;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); }
.mySwiper img {
  height: 100%; }

.title-box {
  padding: 60rem 0 48rem; }
  .title-box .main-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44rem;
    font-family: SiYuanHei-Medium; }
    .title-box .main-title span {
      color: #555;
      text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); }
      .title-box .main-title span:first-child, .title-box .main-title span:last-child {
        position: relative; }
        .title-box .main-title span:first-child::before, .title-box .main-title span:last-child::before {
          content: "";
          position: absolute;
          left: -100rem;
          top: calc(50% - 1rem);
          width: 87rem;
          height: 2rem;
          background-color: rgba(39, 149, 255, 0.58); }
      .title-box .main-title span:last-child::before {
        left: auto;
        right: -100rem; }
      .title-box .main-title span:first-child, .title-box .main-title span:last-child {
        position: relative; }
        .title-box .main-title span:first-child::after, .title-box .main-title span:last-child::after {
          content: "";
          position: absolute;
          left: -37rem;
          top: calc(50% - 2rem);
          width: 24rem;
          height: 4rem;
          background-color: #2795ff; }
      .title-box .main-title span:last-child::after {
        left: auto;
        right: -37rem; }
  .title-box p {
    margin-top: 10rem;
    color: #666;
    text-align: center;
    opacity: 0.8; }
  .title-box.white .main-title span {
    color: #fff; }
  .title-box.white p {
    color: #fff; }

.product {
  margin: 0 192rem 198rem;
  height: 720rem;
  display: grid;
  grid-template-columns: 50% auto;
  grid-template-rows: 50% auto;
  grid-gap: 12rem;
  grid-template-areas: "area0 area1" "area0 area2"; }
  .product .area {
    position: relative;
    overflow: hidden; }
    .product .area:hover img {
      width: 110%;
      height: 110%;
      transform: translate(-5%, -5%); }
    .product .area img {
      width: 100%;
      height: 100%;
      transition: ease 0.3s; }
    .product .area .box {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 17rem 58rem 56rem;
      cursor: pointer;
      opacity: 0.8;
      transition: ease 0.3s; }
      .product .area .box:hover {
        opacity: 1; }
      .product .area .box h5 {
        font-size: 32rem;
        color: #fff; }
      .product .area .box p {
        margin-top: 8rem;
        color: #fff; }

.case {
  padding: 0 179rem 92rem; }
  .case .swiper-slide {
    display: flex;
    background: rgba(255, 255, 255, 0.1);
    transition: background ease 0.3s; }
    .case .swiper-slide:hover {
      background: rgba(255, 255, 255, 0.2); }
    .case .swiper-slide .img {
      width: 623rem;
      height: 451rem;
      overflow: hidden; }
      .case .swiper-slide .img img {
        width: 100%;
        height: 100%;
        transition: 0.3s ease; }
      .case .swiper-slide .img:hover img {
        width: 110%;
        height: 110%;
        transform: translate(-5%, -5%); }
    .case .swiper-slide > div {
      margin-right: 20rem; }
      .case .swiper-slide > div .logo {
        margin-top: 53rem;
        margin-bottom: 32rem; }
        .case .swiper-slide > div .logo img {
          margin-right: 10rem;
          width: 50rem;
          height: 50rem;
          float: left; }
        .case .swiper-slide > div .logo span {
          color: #fff;
          line-height: 50rem;
          font-family: YouSheBiaoTiHei;
          font-size: 26rem; }
      .case .swiper-slide > div p {
        max-width: 838rem;
        line-height: 35rem;
        color: #fff;
        font-weight: normal;
        font-size: 20rem;
        font-family: SiYuanHei-Light; }
      .case .swiper-slide > div .btn {
        margin-top: 36rem;
        width: 126rem;
        height: 34rem;
        display: inline-block;
        line-height: 34rem;
        border-radius: 4rem;
        text-align: center;
        font-family: SiYuanHei-Light;
        background: #3d94ea;
        color: #fff;
        cursor: pointer;
        float: right;
        transition: ease 0.3s; }
        .case .swiper-slide > div .btn:hover {
          background: #227bea; }
  .case .swiper-pagination {
    margin-top: 30rem;
    text-align: center; }
    .case .swiper-pagination .swiper-pagination-bullet {
      width: 37rem;
      height: 2rem;
      border-radius: 0;
      background: rgba(255, 255, 255, 0.36); }
      .case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 128rem;
        height: 3rem;
        background-color: #a8d4fe; }

.info {
  margin: 0 196rem;
  padding: 35rem 100rem 70rem 30rem;
  box-sizing: border-box;
  display: flex;
  background: rgba(249, 249, 249, 0.71); }
  .info .area {
    display: grid;
    grid-template-columns: 50% auto;
    grid-template-rows: 50% auto;
    grid-gap: 15rem; }
    .info .area .img {
      width: 292rem;
      height: 242rem;
      overflow: hidden; }
      .info .area .img:hover img {
        width: 110%;
        height: 110%;
        transform: translate(-5%, -5%); }
    .info .area img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: ease 0.3s; }
  .info ul {
    flex: 2;
    margin-left: 96rem; }
    .info ul li .active {
      margin-bottom: 20rem;
      display: flex;
      cursor: pointer; }
      .info ul li .active .txt {
        flex: 2;
        margin-right: 40rem; }
        .info ul li .active .txt h5 {
          font-size: 24rem;
          line-height: 48rem;
          color: #2795ff;
          border-bottom: 1px solid #dfdfdf; }
        .info ul li .active .txt p {
          height: 58rem;
          padding-top: 10rem;
          color: #999998; }
      .info ul li .active .btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50rem; }
        .info ul li .active .btn .day {
          font-size: 30rem;
          font-weight: bold;
          color: #999; }
        .info ul li .active .btn .date {
          font-size: 12rem;
          color: #999; }
        .info ul li .active .btn img {
          height: 35rem; }
    .info ul li .normal {
      line-height: 60rem;
      border-bottom: 1px solid #dfdfdf; }
      .info ul li .normal .title {
        font-size: 18rem; }
      .info ul li .normal .date {
        float: right;
        font-size: 12rem;
        color: #999; }

.mySwiper3 {
  padding: 0 266rem 0 186rem;
  height: 658rem;
  background: url(/image/index_plan.png); }
  .mySwiper3 .swiper-slide {
    display: flex;
    align-items: center; }
    .mySwiper3 .swiper-slide.reverse .h0 {
      display: flex;
      flex-direction: column-reverse; }
      .mySwiper3 .swiper-slide.reverse .h0 h5 {
        margin-top: 0;
        margin-bottom: -40rem; }
    .mySwiper3 .swiper-slide.reverse ul li {
      margin-top: 25rem;
      margin-bottom: 0; }
    .mySwiper3 .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide ul {
      display: none; }
    .mySwiper3 .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide h5::after {
      display: none; }
  .mySwiper3 .h0 {
    width: 100%;
    height: 0;
    user-select: none; }
  .mySwiper3 h5 {
    position: relative;
    margin-top: -40rem;
    font-size: 40rem;
    font-weight: bold;
    line-height: 80rem;
    color: rgba(188, 183, 179, 0.8); }
    .mySwiper3 h5.active {
      color: #2795ff; }
    .mySwiper3 h5::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      width: calc(100% - 110rem);
      height: 2rem;
      background-color: #7dbcf9;
      opacity: 0.5; }
  .mySwiper3 ul li {
    margin-bottom: 25rem; }
    .mySwiper3 ul li span {
      font-size: 24rem;
      color: #bcb7b3; }
    .mySwiper3 ul li p {
      font-size: 20rem;
      color: #e6f1fd; }
  .mySwiper3 .swiper-button-prev {
    left: 80rem; }
  .mySwiper3 .swiper-button-next {
    right: 80rem; }
  .mySwiper3 .swiper-button-prev,
  .mySwiper3 .swiper-button-next {
    color: #2795ff;
    transition: ease 0.3s; }
    .mySwiper3 .swiper-button-prev:hover,
    .mySwiper3 .swiper-button-next:hover {
      transform: scale(1.1); }
  .mySwiper3 .swiper-slide-prev .h0 {
    display: none !important; }

.partner {
  padding: 0 196rem;
  display: flex;
  flex-wrap: wrap; }
  .partner .box {
    margin-bottom: 40rem;
    width: 220rem;
    height: 210rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #edeeee;
    box-sizing: border-box; }
    .partner .box:not(.partner .box:nth-child(2n + 5)) {
      margin-right: calc((100% - 1100rem) / 4); }
    .partner .box img {
      width: 128rem;
      height: 128rem; }
    .partner .box .img {
      padding: 0 30rem;
      font-family: YouSheBiaoTiHei;
      font-size: 48rem;
      line-height: 56rem;
      color: #2795ff;
      text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); }
    .partner .box .txt {
      margin-top: 16rem;
      display: inline-block;
      font-size: 18rem;
      color: #999; }

.ipo {
  margin-bottom: 150rem;
  padding: 0 196rem;
  display: flex;
  flex-wrap: wrap; }
  .ipo .box {
    margin-left: 1px;
    margin-bottom: 40rem;
    width: calc(20% - 1px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box; }
    .ipo .box .border {
      margin-left: -1rem;
      width: 100%;
      height: 140rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #edeeee; }
    .ipo .box .img {
      font-family: YouSheBiaoTiHei;
      font-size: 48rem;
      line-height: 56rem;
      color: #2795ff;
      text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); }
    .ipo .box .txt {
      margin-top: 16rem;
      display: inline-block;
      font-size: 18rem;
      color: #999; }

@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes show2 {
  0% {
    opacity: 0;
    width: 140%;
    transform: translateX(-20%); }
  100% {
    opacity: 1;
    width: 100%;
    transform: translateX(0); } }

/*# sourceMappingURL=index.css.map */