@charset "UTF-8";
/* rem */
/* reset */
/**********************************全局*************************************/
section {
  width: 100%; }
  section .content01_nav {
    width: 100%;
    height: 19.3111111111rem;
    background: url("../image/app/1.png") no-repeat center;
    background-size: cover;
    position: relative; }
    section .content01_nav .banner_title {
      position: absolute;
      left: 14.2888888889rem;
      top: 1.8888888889rem; }
      section .content01_nav .banner_title i {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0.4rem;
        height: 0.4rem;
        background: #000000;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      section .content01_nav .banner_title span {
        float: left;
        margin-left: 0.8888888889rem;
        letter-spacing: 0.0666666667rem; }
    section .content01_nav .app_logo {
      width: 2.8rem;
      position: absolute;
      top: 1.9rem;
      left: 10.8888888889rem; }
    section .content01_nav .option_warp {
      width: 10rem;
      height: 7.3333333333rem;
      position: absolute;
      left: 21.1111111111rem;
      top: 7.2222222222rem; }
      section .content01_nav .option_warp ul {
        width: 100%; }
        section .content01_nav .option_warp ul li {
          width: 100%;
          height: 1.3333333333rem;
          line-height: 1.3333333333rem;
          margin-bottom: 0.4444444444rem;
          color: #ffffff; }
          section .content01_nav .option_warp ul li .img_nav {
            width: 1.3333333333rem;
            height: 1.3333333333rem;
            float: left;
            margin-right: 0.5555555556rem; }
            section .content01_nav .option_warp ul li .img_nav img {
              width: 100%;
              height: 100%; }
          section .content01_nav .option_warp ul li .info_nav {
            width: 6.6666666667rem;
            height: 1.3333333333rem;
            float: left;
            background: url("../image/app/app_1.png") no-repeat center;
            background-size: 100% 100%;
            text-indent: 0.6666666667rem;
            letter-spacing: 0.0444444444rem; }
        section .content01_nav .option_warp ul li:after {
          content: "";
          clear: both;
          display: block; }
  section .content02_nav {
    width: 100%;
    height: 19.2666666667rem;
    background: url("../image/app/2.jpg") no-repeat center;
    background-size: cover;
    position: relative; }
    section .content02_nav .title_p {
      text-align: center;
      font-size: 0.7111111111rem;
      color: #ffffff;
      position: relative;
      top: 2.2222222222rem;
      font-weight: bold;
      letter-spacing: 0.0666666667rem; }
    section .content02_nav ul {
      width: 30.2222222222rem;
      height: 11.6222222222rem;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 5.1111111111rem; }
      section .content02_nav ul li {
        width: 9.1777777778rem;
        height: 11.6222222222rem;
        position: relative;
        float: left;
        margin-left: 1.3333333333rem;
        color: #ffffff; }
        section .content02_nav ul li p {
          width: 100%;
          text-align: center;
          position: absolute;
          letter-spacing: 0.0444444444rem; }
        section .content02_nav ul li img {
          width: 100%;
          height: 100%; }
        section .content02_nav ul li .li_title {
          top: 1.1111111111rem;
          font-weight: bold; }
        section .content02_nav ul li .li_text_1 {
          top: 8.8rem; }
        section .content02_nav ul li .li_text_2 {
          top: 9.7777777778rem; }
      section .content02_nav ul li:nth-child(1) {
        margin-left: 0; }
  section .content03_nav {
    width: 100%;
    height: 19.2666666667rem;
    background: url("../image/app/3.jpg") no-repeat center;
    background-size: cover;
    position: relative; }
    section .content03_nav .title_p {
      text-align: center;
      font-size: 0.7111111111rem;
      position: relative;
      top: 2.1111111111rem;
      font-weight: bold;
      letter-spacing: 0.0666666667rem; }
    section .content03_nav ul {
      width: 28.4444444444rem;
      height: 14.6rem;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 4.1333333333rem; }
      section .content03_nav ul li {
        width: 8.5777777778rem;
        height: 14.6rem;
        position: relative;
        float: left;
        margin-left: 1.3333333333rem;
        color: #ffffff; }
        section .content03_nav ul li p {
          width: 100%;
          text-align: center;
          position: absolute;
          letter-spacing: 0.0666666667rem; }
        section .content03_nav ul li img {
          width: 100%;
          height: 100%; }
        section .content03_nav ul li .li_text_1 {
          top: 4.3777777778rem;
          font-size: 0.7111111111rem;
          font-weight: bold; }
        section .content03_nav ul li .li_text_2 {
          top: 5.6222222222rem;
          font-size: 0.4888888889rem; }
      section .content03_nav ul li:nth-child(1) {
        margin-left: 0; }
  section .content04_nav {
    width: 100%;
    height: 20.2222222222rem;
    background: #c51d16;
    position: relative; }
    section .content04_nav .title_p {
      text-align: center;
      font-size: 0.7111111111rem;
      position: relative;
      top: 2.1111111111rem;
      color: #ffffff;
      font-weight: bold;
      letter-spacing: 0.0666666667rem; }
    section .content04_nav ul {
      width: 30.8888888889rem;
      height: 13.5555555556rem;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 4.9555555556rem; }
      section .content04_nav ul li {
        width: 10rem;
        height: 13.5555555556rem;
        float: left;
        margin-left: 0.4444444444rem;
        color: #ffffff;
        position: relative; }
        section .content04_nav ul li .img_nav {
          width: 5.6rem;
          height: 5.6rem;
          position: absolute;
          margin: auto;
          left: 0;
          right: 0;
          top: 1.3333333333rem; }
          section .content04_nav ul li .img_nav img {
            width: 100%;
            height: 100%; }
        section .content04_nav ul li .center_img {
          width: 7.5111111111rem;
          height: 7.5111111111rem;
          position: absolute;
          margin: auto;
          left: 0;
          right: 0;
          top: 0; }
          section .content04_nav ul li .center_img img {
            width: 100%;
            height: 100%; }
        section .content04_nav ul li .title_nav {
          width: 100%;
          text-align: center;
          position: absolute;
          font-size: 0.7111111111rem;
          font-weight: bold;
          top: 8.1777777778rem;
          letter-spacing: 0.0666666667rem; }
        section .content04_nav ul li .text_nav {
          width: 100%;
          text-align: center;
          position: absolute;
          font-size: 0.4888888889rem;
          top: 9.9111111111rem; }
          section .content04_nav ul li .text_nav p {
            margin-bottom: 0.2222222222rem;
            letter-spacing: 0.0444444444rem; }
      section .content04_nav ul li:nth-child(1) {
        margin-left: 0; }
  section .content05_nav {
    width: 100%;
    height: 20rem;
    background: #ffffff;
    position: relative; }
    section .content05_nav .title_p {
      text-align: center;
      font-size: 0.7111111111rem;
      position: relative;
      top: 3.7777777778rem;
      font-weight: bold;
      letter-spacing: 0.0666666667rem; }
    section .content05_nav .info_nav {
      width: 22.7333333333rem;
      height: 6.8888888889rem;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 8.5555555556rem; }
      section .content05_nav .info_nav img {
        width: 100%;
        height: 100%; }
      section .content05_nav .info_nav .text_warp {
        width: 2.6666666667rem;
        height: 3.7777777778rem;
        text-align: center;
        position: absolute; }
        section .content05_nav .info_nav .text_warp p {
          font-size: 0.3111111111rem;
          margin-bottom: 0.1333333333rem; }
        section .content05_nav .info_nav .text_warp .text_title {
          font-size: 0.6222222222rem;
          font-weight: bold;
          margin-bottom: 0.4444444444rem; }
      section .content05_nav .info_nav .warp_1 {
        left: 8.8888888889rem;
        top: 0; }
      section .content05_nav .info_nav .warp_2 {
        left: 15.1777777778rem;
        top: 6.0444444444rem; }
      section .content05_nav .info_nav .warp_3 {
        right: 0;
        top: 2.2222222222rem; }
  section .content06_nav {
    width: 100%;
    height: 20.1111111111rem;
    background: url("../image/app/4.jpg") no-repeat center;
    background-size: cover;
    position: relative; }
    section .content06_nav .title_p {
      text-align: center;
      font-size: 0.7111111111rem;
      position: relative;
      top: 4.0444444444rem;
      color: #ffffff;
      font-weight: bold;
      letter-spacing: 0.0666666667rem; }
    section .content06_nav .big_arrow {
      width: 26.7777777778rem;
      height: 7.2222222222rem;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
    section .content06_nav .text_warp {
      width: 6rem;
      height: 3.3333333333rem;
      text-align: center;
      color: #ffffff;
      position: absolute; }
      section .content06_nav .text_warp p {
        font-size: 0.3111111111rem;
        margin-bottom: 0.1333333333rem; }
      section .content06_nav .text_warp .text_title {
        font-size: 0.6222222222rem;
        font-weight: bold;
        margin-bottom: 0.4444444444rem; }
    section .content06_nav .warp_1 {
      left: 8.4888888889rem;
      top: 12.8888888889rem; }
    section .content06_nav .warp_2 {
      left: 15.6666666667rem;
      top: 12.8888888889rem; }
    section .content06_nav .warp_3 {
      left: 22.8888888889rem;
      top: 12.8888888889rem; }

@media screen and (max-width: 950px) {
  .phone_section {
    width: 100%;
    font-size: 0.7rem; }
    .phone_section .content01_nav {
      width: 100%;
      height: 22.6rem;
      background: url("../image/app/phone/bg_1.jpg") no-repeat center;
      background-size: cover;
      position: relative; }
      .phone_section .content01_nav .banner_title {
        position: absolute;
        left: 4.55rem;
        top: 1.9rem;
        font-size: 0.75rem; }
        .phone_section .content01_nav .banner_title i {
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0;
          left: 0;
          width: 0.375rem;
          height: 0.375rem;
          background: #000000;
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg); }
        .phone_section .content01_nav .banner_title span {
          float: left;
          margin-left: 0.9rem;
          letter-spacing: 0.075rem; }
      .phone_section .content01_nav .app_logo {
        width: 3.15rem;
        position: absolute;
        top: 1.9rem;
        left: 0.75rem; }
      .phone_section .content01_nav .option_warp {
        width: 9.25rem;
        height: 8.25rem;
        position: absolute;
        right: 0;
        top: 9.5rem; }
        .phone_section .content01_nav .option_warp ul {
          width: 100%; }
          .phone_section .content01_nav .option_warp ul li {
            width: 100%;
            height: 1.5rem;
            line-height: 1.5rem;
            margin-bottom: 0.5rem;
            color: #ffffff; }
            .phone_section .content01_nav .option_warp ul li .img_nav {
              width: 1.5rem;
              height: 1.5rem;
              float: right;
              margin-right: 0.7rem; }
              .phone_section .content01_nav .option_warp ul li .img_nav img {
                width: 100%;
                height: 100%; }
            .phone_section .content01_nav .option_warp ul li .info_nav {
              width: 6.75rem;
              height: 1.5rem;
              float: right;
              background: url("../image/app/phone/text_bg.png") no-repeat center;
              background-size: 100% 100%;
              text-indent: 0.75rem;
              letter-spacing: 0.05rem;
              font-size: 0.75rem; }
          .phone_section .content01_nav .option_warp ul li:after {
            content: "";
            clear: both;
            display: block; }
    .phone_section .content02_nav {
      width: 100%;
      height: 27.55rem;
      background: url("../image/app/phone/bg_2.jpg") no-repeat center;
      background-size: cover;
      position: relative; }
      .phone_section .content02_nav .title_p {
        text-align: center;
        font-size: 0.9rem;
        color: #ffffff;
        position: relative;
        top: 2.5rem;
        font-weight: bold;
        letter-spacing: 0.075rem; }
      .phone_section .content02_nav ul {
        width: 16.125rem;
        height: 20.125rem;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 5.45rem; }
        .phone_section .content02_nav ul li {
          width: 7.95rem;
          height: 9.825rem;
          position: absolute;
          color: #ffffff; }
          .phone_section .content02_nav ul li p {
            width: 100%;
            text-align: center;
            position: absolute;
            letter-spacing: 0.05rem; }
          .phone_section .content02_nav ul li img {
            width: 100%;
            height: 100%; }
          .phone_section .content02_nav ul li .li_title {
            top: 0.85rem;
            font-weight: bold; }
          .phone_section .content02_nav ul li .li_text_1 {
            top: 7.375rem; }
          .phone_section .content02_nav ul li .li_text_2 {
            top: 8.2rem; }
        .phone_section .content02_nav ul .li_1 {
          margin: auto;
          left: 0;
          right: 0;
          top: 0; }
        .phone_section .content02_nav ul .li_2 {
          left: 0;
          bottom: 0; }
        .phone_section .content02_nav ul .li_3 {
          right: 0;
          bottom: 0; }
    .phone_section .content03_nav {
      width: 100%;
      height: 27.8rem;
      background: #ffffff;
      position: relative; }
      .phone_section .content03_nav .title_p {
        text-align: center;
        font-size: 0.9rem;
        position: relative;
        top: 2rem;
        font-weight: bold;
        letter-spacing: 0.075rem; }
      .phone_section .content03_nav ul {
        width: 16.375rem;
        height: 22.75rem;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 3.8rem; }
        .phone_section .content03_nav ul li {
          width: 7.5rem;
          height: 11.45rem;
          position: absolute;
          color: #ffffff; }
          .phone_section .content03_nav ul li p {
            width: 100%;
            text-align: center;
            position: absolute;
            letter-spacing: 0.05rem; }
          .phone_section .content03_nav ul li img {
            width: 100%;
            height: 100%; }
          .phone_section .content03_nav ul li .li_text_1 {
            top: 3.75rem;
            font-size: 0.85rem;
            font-weight: bold; }
          .phone_section .content03_nav ul li .li_text_2 {
            top: 5.075rem;
            font-size: 0.6rem; }
        .phone_section .content03_nav ul .li_1 {
          margin: auto;
          left: 0;
          right: 0;
          top: 0; }
        .phone_section .content03_nav ul .li_2 {
          left: 0;
          bottom: 0; }
        .phone_section .content03_nav ul .li_3 {
          right: 0;
          bottom: 0; }
    .phone_section .content04_nav {
      width: 100%;
      height: 23.375rem;
      background: #c51d16;
      position: relative; }
      .phone_section .content04_nav .title_p {
        text-align: center;
        font-size: 0.9rem;
        position: relative;
        top: 3.45rem;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 0.075rem; }
      .phone_section .content04_nav ul {
        width: 17.35rem;
        height: 9rem;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 9.075rem; }
        .phone_section .content04_nav ul li {
          width: 5.275rem;
          height: 9rem;
          float: left;
          margin-left: 0.375rem;
          color: #ffffff;
          position: relative; }
          .phone_section .content04_nav ul li .img_nav {
            width: 3.95rem;
            height: 3.95rem;
            position: absolute;
            margin: auto;
            left: 0;
            right: 0;
            top: 0.875rem; }
            .phone_section .content04_nav ul li .img_nav img {
              width: 100%;
              height: 100%; }
          .phone_section .content04_nav ul li .center_img {
            width: 5.3rem;
            height: 5.3rem;
            position: absolute;
            margin: auto;
            left: 0;
            right: 0;
            top: 0; }
            .phone_section .content04_nav ul li .center_img img {
              width: 100%;
              height: 100%; }
          .phone_section .content04_nav ul li .title_nav {
            width: 100%;
            text-align: center;
            position: absolute;
            font-size: 0.8rem;
            font-weight: bold;
            top: 5.8rem;
            letter-spacing: 0.075rem; }
          .phone_section .content04_nav ul li .text_nav {
            width: 100%;
            text-align: center;
            position: absolute;
            font-size: 0.6rem;
            top: 7.075rem; }
            .phone_section .content04_nav ul li .text_nav p {
              margin-bottom: 0.25rem;
              letter-spacing: 0.05rem; }
        .phone_section .content04_nav ul .center_li {
          width: 6.025rem; }
        .phone_section .content04_nav ul li:nth-child(1) {
          margin-left: 0; }
    .phone_section .content05_nav {
      width: 100%;
      height: 23.325rem;
      background: #ffffff;
      position: relative; }
      .phone_section .content05_nav .title_p {
        text-align: center;
        font-size: 0.9rem;
        position: relative;
        top: 2.75rem;
        font-weight: bold;
        letter-spacing: 0.075rem; }
      .phone_section .content05_nav .info_nav {
        width: 17.5rem;
        height: 16.05rem;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 5.625rem; }
        .phone_section .content05_nav .info_nav img {
          width: 100%;
          height: 100%; }
        .phone_section .content05_nav .info_nav .text_warp {
          width: 3rem;
          height: 4.25rem;
          text-align: center;
          position: absolute; }
          .phone_section .content05_nav .info_nav .text_warp p {
            font-size: 0.6rem;
            margin-bottom: 0.15rem; }
          .phone_section .content05_nav .info_nav .text_warp .text_title {
            font-size: 0.7rem;
            font-weight: bold;
            margin-bottom: 0.5rem; }
        .phone_section .content05_nav .info_nav .warp_1 {
          left: 5rem;
          top: 4.725rem; }
        .phone_section .content05_nav .info_nav .warp_2 {
          left: 9.75rem;
          top: 9.75rem; }
        .phone_section .content05_nav .info_nav .warp_3 {
          right: 1.5rem;
          top: 1.375rem; }
    .phone_section .content06_nav {
      width: 100%;
      height: 23.4rem;
      background: url("../image/app/phone/bg_3.jpg") no-repeat center;
      background-size: cover;
      position: relative; }
      .phone_section .content06_nav .title_p {
        text-align: center;
        font-size: 0.9rem;
        position: relative;
        top: 4.325rem;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 0.075rem; }
      .phone_section .content06_nav .big_arrow {
        width: 100%;
        height: 4.475rem;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
      .phone_section .content06_nav .text_warp {
        width: 5.5rem;
        height: 3.75rem;
        text-align: center;
        color: #ffffff;
        position: absolute; }
        .phone_section .content06_nav .text_warp p {
          font-size: 0.6rem;
          margin-bottom: 0.15rem; }
        .phone_section .content06_nav .text_warp .text_title {
          font-size: 0.75rem;
          font-weight: bold;
          margin-bottom: 0.5rem; }
      .phone_section .content06_nav .warp_1 {
        left: 0rem;
        top: 14.25rem; }
      .phone_section .content06_nav .warp_2 {
        left: 6.7rem;
        top: 14.25rem; }
      .phone_section .content06_nav .warp_3 {
        left: 13.15rem;
        top: 14.25rem; } }

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