.bg_f1 {
  background-color: #f1f1f1; }

* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif; }

body {
  overflow-x: hidden; }

.ws_container {
  width: 1100px;
  margin: auto; }

.m-t-80 {
  margin-top: 0; }

@media only screen and (max-width: 500px) {
  .ws_container {
    width: auto;
    margin: auto; }
  .m-t-80 {
    margin-top: 40px; } }

.header {
  background-color: #2589FF;
  padding-bottom: 80px; }
  .header .header_nav {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .header .header_nav .header_logo {
      width: 80px; }
    .header .header_nav > a {
      display: block;
      width: 116px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      color: #fff;
      border: 1px solid #FFFFFF;
      border-radius: 4px;
      -webkit-transition: .35s all;
      -o-transition: .35s all;
      transition: .35s all; }
      .header .header_nav > a:hover {
        background-color: #fff;
        color: #2589FF; }
  .header .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 386px; }
    .header .cont .desc .title {
      font-size: 40px;
      color: #FFFFFF;
      line-height: 56px;
      margin-bottom: 30px; }
    .header .cont .desc .info {
      font-size: 16px;
      color: #FFFFFF;
      letter-spacing: 1.48px;
      line-height: 22px;
      margin-bottom: 70px; }
    .header .cont .desc .p_info {
      display: none; }
    .header .cont .desc .btn {
      background: #FFFFFF;
      border-radius: 4px;
      width: 201px;
      line-height: 58px;
      height: 58px;
      font-size: 20px;
      color: #2589FF;
      display: block;
      text-align: center;
      -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.01);
      box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.01); }
    .header .cont .header_img_cont {
      width: 498px;
      height: 386px;
      font-size: 0;
      position: relative; }
      .header .cont .header_img_cont::after {
        position: absolute;
        width: 39px;
        height: 30px;
        background-color: #2688ff;
        content: '';
        top: 141px;
        left: 188px;
        z-index: 1; }
      .header .cont .header_img_cont .app {
        position: absolute;
        z-index: 2;
        width: 39px;
        height: 30px;
        top: 130px;
        left: 185px;
        opacity: 0;
        -webkit-animation: app 1s ease-in infinite alternate;
        animation: app 1s ease-in infinite alternate; }
      .header .cont .header_img_cont .cont_img {
        width: 498px;
        height: 386px; }

@media only screen and (max-width: 500px) {
  .header {
    padding-bottom: 0; }
    .header .header_nav {
      padding: 15px 20px;
      height: auto; }
      .header .header_nav .header_logo {
        width: 40px;
        height: 16px; }
      .header .header_nav a {
        display: none; }
    .header .cont {
      height: 250px; }
      .header .cont .desc {
        -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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .header .cont .desc .title {
          font-size: 26px;
          line-height: 36.5px;
          margin-bottom: 13px; }
        .header .cont .desc .info {
          display: none; }
        .header .cont .desc .p_info {
          display: block;
          font-size: 12px;
          color: #FFFFFF;
          letter-spacing: 2.22px;
          line-height: 20px;
          text-align: center;
          margin-bottom: 25px; }
        .header .cont .desc .btn {
          border: 1px solid #FFFFFF;
          background-color: transparent;
          width: 122px;
          height: 37px;
          line-height: 37px;
          border-radius: 2.5px;
          color: #fff;
          font-size: 12px; }
      .header .cont .header_img_cont {
        display: none; } }

@-webkit-keyframes app {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes app {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.container_show {
  padding: 55px 0; }
  .container_show .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .container_show .cont .desc .title {
      font-size: 36px;
      color: #333333;
      line-height: 50px;
      margin-bottom: 12px; }
    .container_show .cont .desc .info {
      font-size: 24px;
      color: #333333;
      line-height: 33px;
      margin-bottom: 38px; }
    .container_show .cont .desc .describe {
      font-size: 18px;
      color: #666666;
      line-height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .container_show .cont .desc .describe > div:first-child {
        margin-right: 39px; }
    .container_show .cont .integral_img {
      width: 534px;
      height: 365px; }
    .container_show .cont .integral_iocn {
      width: 534px;
      height: 365px; }
    .container_show .cont .p_integral_img {
      display: none; }

@media only screen and (max-width: 500px) {
  .container_show {
    padding: 0;
    padding-top: 62px;
    padding-bottom: 44px; }
    .container_show .cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .container_show .cont .desc {
        width: 290px; }
        .container_show .cont .desc .title {
          text-align: center;
          font-size: 25px;
          line-height: 35px; }
        .container_show .cont .desc .info {
          text-align: center;
          font-size: 23px;
          color: #333;
          margin-top: 6.5px;
          line-height: 32.5px; }
        .container_show .cont .desc .describe {
          font-size: 15px;
          color: #666;
          line-height: 21px;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .container_show .cont .desc .describe div {
            margin-bottom: 22.5px; }
          .container_show .cont .desc .describe div:first-child {
            margin-right: 0; }
      .container_show .cont .integral_img {
        width: 267px;
        height: 182.5px; }
      .container_show .cont .integral_iocn {
        display: none; }
      .container_show .cont .p_integral_img {
        width: 267px;
        height: 182.5px;
        display: block; } }

.partners {
  padding: 55px 0;
  text-align: center; }
  .partners .title {
    font-size: 36px;
    color: #333;
    line-height: 50px; }
  .partners .partners_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 50px; }
    .partners .partners_list .item {
      width: 194px;
      height: 42px;
      background-size: 194px 42px;
      margin-right: 108px;
      margin-top: 80px; }
      .partners .partners_list .item:nth-child(4n) {
        margin-right: 0; }

@media only screen and (max-width: 500px) {
  .partners {
    padding: 40px 0; }
    .partners .title {
      font-size: 18px;
      line-height: 25px;
      color: #333333; }
    .partners .partners_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 50px;
      padding: 0 49.5px;
      justify-content: space-between; }
      .partners .partners_list .item {
        width: 69.5px;
        height: 15.5px;
        background-size: 69.5px 15.5px;
        margin-right: 31px;
        margin-top: 25px; }
        .partners .partners_list .item:nth-child(3) {
          margin-right: 0; }
        .partners .partners_list .item:nth-child(4) {
          display: none; }
        .partners .partners_list .item:nth-child(7) {
          margin-right: 0; }
        .partners .partners_list .item:nth-child(8) {
          display: none; } }

@media only screen and (max-width: 375px) {
  .partners .partners_list {
    padding: 0 30px; }
    .partners .partners_list .item {
      margin-right: 24px; } }

footer .registered {
  background-color: #2589FF; }
  footer .registered .cont {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 248px; }
    footer .registered .cont .title {
      color: #fff;
      font-size: 34px;
      line-height: 48px;
      margin-bottom: 30px; }
    footer .registered .cont .btn {
      background: #FFFFFF;
      border-radius: 4px;
      font-size: 20px;
      color: #2589FF;
      width: 201px;
      height: 58px;
      border-radius: 4px;
      text-align: center;
      line-height: 58px;
      display: block; }

footer .footer_nav {
  background: #2B303A; }
  footer .footer_nav .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 88px; }
    footer .footer_nav .cont .item-map {
      color: #fff;
      font-size: 14px; }
    footer .footer_nav .cont .item {
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px; }
      footer .footer_nav .cont .item a {
        color: #fff;
        font-size: 14px; }
      footer .footer_nav .cont .item img {
        width: 15px;
        margin-right: 10px; }
    footer .footer_nav .cont .code {
      cursor: pointer;
      position: relative; }
      footer .footer_nav .cont .code .code_img {
        width: 120px;
        height: 120px;
        position: absolute;
        top: -130px;
        left: 12px;
        border-radius: 5px;
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transition: .35s all;
        -o-transition: .35s all;
        transition: .35s all; }
      footer .footer_nav .cont .code .icon {
        width: 34px;
        height: 34px; }
      footer .footer_nav .cont .code:hover .code_img {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }

.p_footer {
  display: none; }

@media only screen and (max-width: 500px) {
  footer {
    display: none; }
  .p_footer {
    display: block;
    background: #2B303A;
    padding: 40px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end; }
    .p_footer .desc {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .p_footer .desc .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 15px; }
        .p_footer .desc .item a {
          font-size: 12px;
          color: #FFFFFF;
          line-height: 15px; }
        .p_footer .desc .item img {
          width: 12px;
          height: 12px;
          margin-right: 5px; }
        .p_footer .desc .item:last-child {
          margin-top: 22px;
          line-height: 20px;
          width: 88%; }
        .p_footer .desc .item:first-child {
          margin-bottom: 5px; }
    .p_footer .code {
      width: 80px;
      text-align: center; }
      .p_footer .code img {
        width: 80px;
        height: 80px;
        margin-bottom: 10px; }
      .p_footer .code div {
        font-size: 11px;
        line-height: 15px;
        color: #FFFFFF; } }