@import url(../css/public.css);
@import url(../css/iconfont.css);
.banner {
  width: 100%;
  float: left; }
  .banner .phone {
    display: none; }
  .banner img {
    width: 100%; }

.m_box_01 {
  width: 100%;
  float: left;
  height: auto;
  padding: 40px 0; }
  .m_box_01 .box_title {
    display: block;
    text-align: center; }
    .m_box_01 .box_title h2 {
      display: inline-block;
      position: relative; }
      .m_box_01 .box_title h2:before {
        width: 40px;
        left: -60px;
        content: "";
        position: absolute;
        top: 15px;
        height: 2px;
        background: #007aff; }
      .m_box_01 .box_title h2:after {
        width: 40px;
        right: -60px;
        content: "";
        position: absolute;
        top: 15px;
        height: 2px;
        background: #007aff; }
  .m_box_01 .box .tips {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
    margin-top: 30px; }
  .m_box_01 .box .list {
    border: 1px solid #007aff;
    border-radius: 5px;
    width: 100%;
    float: left;
    margin-top: 20px; }
    .m_box_01 .box .list .text {
      background: #007aff;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-size: 18px; }
    .m_box_01 .box .list ul {
      padding: 30px;
      width: 100%;
      float: left; }
      .m_box_01 .box .list ul li {
        float: left;
        text-align: center;
        margin-right: 55px; }
        .m_box_01 .box .list ul li span {
          font-size: 28px;
          margin-top: 40px;
          float: left;
          color: #007aff; }
          .m_box_01 .box .list ul li span em {
            font-size: 60px;
            line-height: 30px;
            position: relative;
            top: 10px; }
        .m_box_01 .box .list ul li .d {
          border-radius: 50%;
          border: 1px solid #007aff;
          width: 150px;
          height: 150px;
          text-align: center; }
          .m_box_01 .box .list ul li .d em {
            font-size: 26px;
            margin-top: 35px;
            float: left;
            color: #f46814; }
          .m_box_01 .box .list ul li .d strong {
            margin-top: 26px;
            display: block;
            font-size: 16px; }
          .m_box_01 .box .list ul li .d p {
            margin-top: 10px;
            padding: 0 10px; }
        .m_box_01 .box .list ul li .t {
          font-size: 16px;
          margin-top: 15px; }
      .m_box_01 .box .list ul li:nth-child(n+2) {
        position: relative; }
        .m_box_01 .box .list ul li:nth-child(n+2):before {
          position: absolute;
          content: "+";
          right: -45px;
          font-size: 40px;
          top: 40px; }
      .m_box_01 .box .list ul li:nth-child(5):before {
        content: ""; }

.m_box_02 {
  width: 100%;
  float: left;
  height: auto;
  background: #f8f8f8;
  padding: 40px 0; }
  .m_box_02 .box_title {
    display: block;
    text-align: center; }
    .m_box_02 .box_title h2 {
      display: inline-block;
      position: relative; }
      .m_box_02 .box_title h2:before {
        width: 40px;
        left: -60px;
        content: "";
        position: absolute;
        top: 15px;
        height: 2px;
        background: #007aff; }
      .m_box_02 .box_title h2:after {
        width: 40px;
        right: -60px;
        content: "";
        position: absolute;
        top: 15px;
        height: 2px;
        background: #007aff; }
  .m_box_02 .box {
    width: 100%;
    float: left;
    text-align: center; }
    .m_box_02 .box .tips {
      text-align: center;
      max-width: 800px;
      margin: 0 auto;
      line-height: 1.8;
      margin-top: 30px; }
    .m_box_02 .box .content {
      margin-top: 20px;
      text-align: center;
      display: inline-block; }
      .m_box_02 .box .content .left {
        width: 480px;
        height: 200px;
        margin: 0 10px;
        display: inline-block;
        float: left;
        background: #fff;
        border-radius: 10px;
        padding: 30px;
        border: 1px solid #007aff;
        text-align: center; }
        .m_box_02 .box .content .left .t {
          width: 100%;
          float: left;
          line-height: 40px;
          font-size: 20px;
          color: #007aff;
          font-weight: bold; }
        .m_box_02 .box .content .left .d {
          line-height: 1.8; }
      .m_box_02 .box .content .right {
        width: 480px;
        height: 200px;
        display: inline-block;
        float: left;
        background: #fff;
        margin: 0 10px;
        border-radius: 10px;
        padding: 30px;
        text-align: center;
        border: 1px solid #ff0000; }
        .m_box_02 .box .content .right .t {
          width: 100%;
          float: left;
          line-height: 40px;
          font-size: 20px;
          color: #ff0000;
          font-weight: bold; }
        .m_box_02 .box .content .right .d {
          line-height: 1.8; }

.m_box_03 {
  width: 100%;
  float: left;
  height: auto;
  padding: 40px 0 40px 0;
  overflow: hidden; }
  .m_box_03 .box_title {
    display: block;
    text-align: center; }
    .m_box_03 .box_title h2 {
      display: inline-block;
      position: relative; }
      .m_box_03 .box_title h2:before {
        width: 40px;
        left: -60px;
        content: "";
        position: absolute;
        top: 15px;
        height: 2px;
        background: #007aff; }
      .m_box_03 .box_title h2:after {
        width: 40px;
        right: -60px;
        content: "";
        position: absolute;
        top: 15px;
        height: 2px;
        background: #007aff; }
  .m_box_03 .box {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
    margin-top: 20px; }
    .m_box_03 .box p {
      text-align: center;
      max-width: 850px;
      margin: 0 auto;
      line-height: 1.8; }
    .m_box_03 .box ul {
      float: left;
      width: 110%;
      overflow: hidden;
      margin-top: 40px; }
      .m_box_03 .box ul li {
        width: 280px;
        float: left;
        margin-right: 20px;
        border: 1px solid #ccc;
        padding: 20px;
        border-radius: 5px; }
        .m_box_03 .box ul li .fl {
          float: left; }
          .m_box_03 .box ul li .fl em {
            font-size: 30px;
            font-weight: bold;
            color: #ff0000; }
        .m_box_03 .box ul li .fr {
          float: right;
          border: 1px solid #f1c30c;
          color: #f1c30c;
          padding: 0px 5px;
          margin-top: 15px; }
        .m_box_03 .box ul li .item {
          width: 100%;
          float: left;
          margin-top: 10px;
          border-bottom: 1px solid #f0f0f0;
          border-right: 1px solid #f0f0f0; }
          .m_box_03 .box ul li .item span {
            border-top: 1px solid #f0f0f0;
            border-left: 1px solid #f0f0f0;
            width: 50%;
            text-align: center;
            float: left;
            line-height: 30px; }
        .m_box_03 .box ul li .zx {
          width: 100%;
          line-height: 30px;
          border: 1px solid #007aff;
          float: left;
          text-align: center;
          margin-top: 10px; }
          .m_box_03 .box ul li .zx a {
            color: #007aff; }
        .m_box_03 .box ul li .click {
          width: 100%;
          line-height: 30px;
          background: #007aff;
          float: left;
          text-align: center;
          margin-top: 10px; }
          .m_box_03 .box ul li .click a {
            color: #fff; }

.m_box_04 {
  width: 100%;
  float: left;
  height: auto; }
  .m_box_04 .box_title {
    display: block;
    text-align: center; }
    .m_box_04 .box_title h2 {
      display: inline-block;
      position: relative; }
      .m_box_04 .box_title h2:before {
        width: 40px;
        left: -60px;
        content: "";
        position: absolute;
        top: 15px;
        height: 2px;
        background: #007aff; }
      .m_box_04 .box_title h2:after {
        width: 40px;
        right: -60px;
        content: "";
        position: absolute;
        top: 15px;
        height: 2px;
        background: #007aff; }
  .m_box_04 .list {
    width: 100%;
    float: left;
    border-top: 2px solid #999;
    margin-top: 40px; }
    .m_box_04 .list .item {
      border-bottom: 1px dotted #ccc;
      padding: 20px 0; }
      .m_box_04 .list .item .t {
        font-size: 18px;
        font-weight: bold;
        color: #f46814; }
      .m_box_04 .list .item .d {
        color: #666;
        margin-top: 5px;
        line-height: 1.8; }

@media screen and (max-width: 769px) {
  .m_box_01 {
    padding: 20px 10px; }
    .m_box_01 .box .tips {
      margin-top: 10px; }
    .m_box_01 .box .list {
      display: none; }
      .m_box_01 .box .list ul {
        padding: 10px; }
        .m_box_01 .box .list ul li {
          text-align: center;
          margin-right: 0; }
          .m_box_01 .box .list ul li span {
            margin-top: 0px; }

  .m_box_02 {
    padding: 20px 10px; }
    .m_box_02 .box .content {
      width: 100%;
      float: left; }
      .m_box_02 .box .content .left {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 10px 30px;
        margin-bottom: 10px; }
      .m_box_02 .box .content .right {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 10px 30px;
        margin-bottom: 10px; }

  .m_box_03 {
    padding: 20px 0; }
    .m_box_03 .swiper {
      float: left;
      width: 100%; }
    .m_box_03 .box ul {
      width: 100%;
      overflow: visible;
      margin-top: 20px; }

  .m_box_04 {
    padding: 0px 20px; }
    .m_box_04 .list {
      margin-top: 20px; } }

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