@charset "UTF-8";
/* rem */
/* reset */
/**********************************全局*************************************/
* {
  margin: 0;
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: #000; }

li {
  list-style-type: none; }

html, body {
  width: 100%;
  height: 100%;
  font-size: 0.6222222222rem;
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; }

section {
  width: 100%; }
  section .content01_nav {
    width: 100%;
    height: 19.3333333333rem;
    background: url("../image/about/1.jpg") no-repeat center;
    background-size: cover;
    position: relative; }
    section .content01_nav .banner_logo {
      width: 8.6888888889rem;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 2.7333333333rem; }
    section .content01_nav .banner_text_img {
      width: 11.1333333333rem;
      height: 1.3111111111rem;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 7.5rem;
      background: url("../image/about/banner_text.png") no-repeat center;
      background-size: 100% 100%;
      color: #ffffff;
      text-align: center;
      line-height: 1.3111111111rem; }
    section .content01_nav .banner_text_warp {
      width: 20rem;
      height: 6.2222222222rem;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 10.6222222222rem;
      font-size: 0.6222222222rem;
      color: #ffffff; }
      section .content01_nav .banner_text_warp p {
        margin-bottom: 0.8888888889rem; }
      section .content01_nav .banner_text_warp ul {
        width: 100%; }
        section .content01_nav .banner_text_warp ul li {
          width: 100%;
          margin-bottom: 0.8888888889rem;
          position: relative; }
          section .content01_nav .banner_text_warp ul li i {
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            width: 0.1777777778rem;
            height: 0.1777777778rem;
            background: #c51c15;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg); }
          section .content01_nav .banner_text_warp ul li span {
            float: left;
            margin-left: 0.8888888889rem; }
        section .content01_nav .banner_text_warp ul li:after {
          content: "";
          clear: both;
          display: block; }
  section .content02_nav {
    width: 100%;
    height: 19.7777777778rem;
    padding-top: 1.5555555556rem; }
    section .content02_nav .content_info {
      width: 21.3333333333rem;
      height: 17.1111111111rem;
      margin: 0 auto; }
      section .content02_nav .content_info .content_logo {
        width: 6.3111111111rem;
        height: 1.2444444444rem;
        margin-bottom: 0.3333333333rem; }
        section .content02_nav .content_info .content_logo img {
          width: 100%;
          height: 100%; }
      section .content02_nav .content_info .content_title {
        width: 15.2888888889rem;
        height: 1.3333333333rem;
        line-height: 1.3333333333rem;
        background: url("../image/about/content_title.png") no-repeat center;
        background-size: 100% 100%;
        color: #ffffff;
        text-indent: 0.4444444444rem;
        font-size: 0.5333333333rem; }
      section .content02_nav .content_info .option_warp {
        margin-top: 1.5555555556rem;
        width: 21.3333333333rem;
        height: 12.4444444444rem;
        position: relative; }
        section .content02_nav .content_info .option_warp .option_bg {
          width: 21.1555555556rem;
          height: 12.2888888889rem;
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 1; }
        section .content02_nav .content_info .option_warp .li_warp {
          width: 7.7777777778rem;
          height: 4.4444444444rem;
          position: absolute;
          z-index: 2; }
          section .content02_nav .content_info .option_warp .li_warp .img_nav {
            text-align: center; }
            section .content02_nav .content_info .option_warp .li_warp .img_nav img {
              height: 1.3333333333rem; }
          section .content02_nav .content_info .option_warp .li_warp p {
            margin-top: 0.3333333333rem;
            text-align: center; }
          section .content02_nav .content_info .option_warp .li_warp .li_title {
            font-size: 0.6666666667rem; }
          section .content02_nav .content_info .option_warp .li_warp .li_text {
            font-size: 0.4rem; }
        section .content02_nav .content_info .option_warp .li_1 {
          left: 0;
          top: 0; }
        section .content02_nav .content_info .option_warp .li_2 {
          right: 0;
          top: 0; }
        section .content02_nav .content_info .option_warp .li_3 {
          left: 0;
          bottom: 0; }
        section .content02_nav .content_info .option_warp .li_4 {
          right: 0;
          bottom: 0; }
  section .content03_nav {
    width: 100%;
    height: 18.5111111111rem;
    background: url("../image/about/2.jpg") no-repeat center;
    background-size: cover;
    position: relative; }
    section .content03_nav > p {
      width: 14.4444444444rem;
      line-height: 1.1111111111rem;
      font-size: 0.7111111111rem;
      color: #ffffff;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 4.7555555556rem; }
    section .content03_nav ul {
      width: 27.7777777778rem;
      position: absolute;
      margin: auto;
      top: 9.7777777778rem;
      left: 0;
      right: 0; }
      section .content03_nav ul li {
        width: 3.7777777778rem;
        height: 3.7777777778rem;
        background: #c51c15;
        border-radius: 100px;
        float: left;
        margin-left: 0.2222222222rem;
        position: relative;
        color: #ffffff; }
        section .content03_nav ul li .text_warp {
          width: 2.2222222222rem;
          height: 3.7777777778rem;
          position: absolute;
          margin: auto;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          text-align: center;
          font-size: 0.5333333333rem; }
          section .content03_nav ul li .text_warp div {
            width: 2.2222222222rem;
            height: 3.7777777778rem;
            display: table-cell;
            vertical-align: middle;
            text-align: center; }
      section .content03_nav ul li:nth-child(1) {
        margin-left: 0; }
      section .content03_nav ul .li_white {
        background: #ffffff;
        color: #000000; }

@media screen and (max-width: 950px) {
  .phone_section {
    width: 100%;
    font-size: 0.7rem; }
    .phone_section .content01_nav {
      width: 100%;
      height: 28.65rem;
      background: url("../image/about/phone_1.png") no-repeat center;
      background-size: cover;
      position: relative; }
      .phone_section .content01_nav .banner_logo {
        width: 9.775rem;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 3.575rem; }
      .phone_section .content01_nav .banner_text_img {
        width: 12.525rem;
        height: 1.475rem;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 9.625rem;
        background: url("../image/about/banner_text.png") no-repeat center;
        background-size: 100% 100%;
        color: #ffffff;
        text-align: center;
        line-height: 1.475rem; }
      .phone_section .content01_nav .banner_text_warp {
        width: 17.2rem;
        height: 7rem;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 14rem;
        font-size: 0.7rem;
        color: #ffffff; }
        .phone_section .content01_nav .banner_text_warp p {
          margin-bottom: 1rem; }
        .phone_section .content01_nav .banner_text_warp ul {
          width: 100%; }
          .phone_section .content01_nav .banner_text_warp ul li {
            width: 100%;
            margin-bottom: 0.75rem;
            position: relative; }
            .phone_section .content01_nav .banner_text_warp ul li i {
              position: absolute;
              margin: auto;
              top: 0;
              bottom: 0;
              left: 0;
              width: 0.375rem;
              height: 0.375rem;
              background: #c51c15;
              transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -webkit-transform: rotate(45deg); }
            .phone_section .content01_nav .banner_text_warp ul li span {
              float: left;
              margin-left: 1rem; }
          .phone_section .content01_nav .banner_text_warp ul li:after {
            content: "";
            clear: both;
            display: block; }
    .phone_section .content02_nav {
      width: 100%;
      height: 26rem;
      padding-top: 3.35rem; }
      .phone_section .content02_nav .content_info {
        width: 17.2rem;
        height: 15.875rem;
        margin: 0 auto; }
        .phone_section .content02_nav .content_info .content_logo {
          width: 7.1rem;
          height: 1.4rem;
          margin-bottom: 0.375rem; }
          .phone_section .content02_nav .content_info .content_logo img {
            width: 100%;
            height: 100%; }
        .phone_section .content02_nav .content_info .content_title {
          width: 17.2rem;
          height: 1.5rem;
          line-height: 1.5rem;
          background: url("../image/about/content_title.png") no-repeat center;
          background-size: 100% 100%;
          color: #ffffff;
          text-indent: 0.5rem;
          font-size: 0.625rem; }
        .phone_section .content02_nav .content_info .option_warp {
          margin-top: 2.25rem;
          width: 17.2rem;
          height: 11.65rem;
          position: relative; }
          .phone_section .content02_nav .content_info .option_warp .option_bg {
            width: 17.2rem;
            height: 10rem;
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1; }
          .phone_section .content02_nav .content_info .option_warp .li_warp {
            width: 6.75rem;
            height: 3.75rem;
            position: absolute;
            z-index: 2; }
            .phone_section .content02_nav .content_info .option_warp .li_warp .img_nav {
              text-align: center; }
              .phone_section .content02_nav .content_info .option_warp .li_warp .img_nav img {
                height: 1.5rem; }
            .phone_section .content02_nav .content_info .option_warp .li_warp p {
              margin-top: 0.125rem;
              text-align: center; }
            .phone_section .content02_nav .content_info .option_warp .li_warp .li_title {
              font-size: 0.8rem; }
            .phone_section .content02_nav .content_info .option_warp .li_warp .li_text {
              font-size: 0.6rem; }
          .phone_section .content02_nav .content_info .option_warp .li_1 {
            left: 0;
            top: 0; }
          .phone_section .content02_nav .content_info .option_warp .li_2 {
            right: 0;
            top: 0; }
          .phone_section .content02_nav .content_info .option_warp .li_3 {
            left: 0;
            bottom: 0; }
          .phone_section .content02_nav .content_info .option_warp .li_4 {
            right: 0;
            bottom: 0; }
    .phone_section .content03_nav {
      width: 100%;
      height: 26rem;
      background: url("../image/about/phone_2.png") no-repeat center;
      background-size: cover;
      position: relative; }
      .phone_section .content03_nav > p {
        width: 17.15rem;
        line-height: 1.25rem;
        font-size: 0.85rem;
        color: #ffffff;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 5.1rem; }
      .phone_section .content03_nav ul {
        width: 11.75rem;
        position: absolute;
        margin: auto;
        top: 10.475rem;
        left: 0;
        right: 0; }
        .phone_section .content03_nav ul li {
          width: 3.75rem;
          height: 3.75rem;
          background: #c51c15;
          border-radius: 100px;
          float: left;
          margin-left: 0.25rem;
          position: relative;
          color: #ffffff; }
          .phone_section .content03_nav ul li .text_warp {
            width: 2.5rem;
            height: 3.75rem;
            position: absolute;
            margin: auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            text-align: center;
            font-size: 0.7rem; }
            .phone_section .content03_nav ul li .text_warp div {
              width: 2.5rem;
              height: 3.75rem;
              display: table-cell;
              vertical-align: middle;
              text-align: center; }
        .phone_section .content03_nav ul li:nth-child(1) {
          margin-left: 0; }
        .phone_section .content03_nav ul .li_white {
          background: #ffffff;
          color: #000000; }
      .phone_section .content03_nav #white_ul {
        width: 15.75rem;
        top: 15.625rem; } }

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