/*! Prefixes.scss v0.2.0 | CSS(3) prefixes mixins library for Sass/Scss, Custom you need CSS prefixes. | Author: Pandao | Copyright (c) 2015 Pandao, MIT License | https://github.com/pandao/prefixes.scss | 2015-06-19 */
/*
small
num must multiply $small-[0-12];
*/
.pc-show {
  display: block; }

.m-show {
  display: none; }

#main {
  width: 100%;
  position: relative; }

.section_0 {
  position: relative;
  width: 100%; }
  .section_0 .txt_group {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 80px; }
    .section_0 .txt_group .line {
      background: #fff; }
    .section_0 .txt_group .more_btn {
      border-color: #fff;
      color: #fff; }

.section_1 {
  position: relative;
  width: 100%;
  color: #8e8e8e; }
  .section_1 .line {
    background: #8e8e8e; }
  .section_1 .content {
    width: 1040px;
    margin: 0 auto; }
  .section_1 .txt_group {
    width: 100%;
    margin: 90px auto; }
  .section_1 .period {
    padding-bottom: 60px; }
    .section_1 .period h2 {
      text-align: center; }
    .section_1 .period .car {
      position: relative;
      height: 203px;
      width: 360px; }
      .section_1 .period .car img {
        width: 350px;
        position: absolute;
        top: 50%;
        margin-top: -91.5px; }
    .section_1 .period .txt {
      font-size: 20px;
      line-height: 203px;
      position: relative;
      width: 144px; }
      .section_1 .period .txt:before {
        width: 0;
        height: 0;
        display: block;
        content: "";
        border-left: 14px solid #8e8e8e;
        border-top: 16px solid #fff;
        border-bottom: 16px solid #fff;
        position: absolute;
        left: -30px;
        top: 50%;
        margin-top: -16px; }
    .section_1 .period .box {
      width: 260px;
      height: 170px;
      background: #2328ad;
      margin: 16px 0; }
      .section_1 .period .box .font {
        margin-left: 26px;
        color: #fff; }
      .section_1 .period .box .line {
        margin-left: 26px;
        margin-top: 52px;
        background: #fff; }

.section_2 {
  position: relative;
  width: 100%; }
  .section_2 .txt_group {
    color: #8e8e8e;
    width: 100%;
    position: absolute;
    top: 50px; }
  .section_2 .btn {
    position: absolute;
    left: 0;
    top: 0;
    color: #8e8e8e;
    width: 100%;
    height: 100%; }
    .section_2 .btn li {
      width: 50px;
      height: 50px;
      position: absolute; }
      .section_2 .btn li .icon {
        width: 100%;
        height: 100%;
        cursor: pointer; }
      .section_2 .btn li .info {
        position: absolute;
        display: none;
        z-index: 2;
        color: #7d7b7b;
        width: 300px;
        background: rgba(255, 255, 255, 0.8);
        padding: 15px; }
        .section_2 .btn li .info h5 {
          padding: 0;
          white-space: nowrap; }
        .section_2 .btn li .info h6 {
          padding: 0; }
    .section_2 .btn .btn_0 {
      left: 28%;
      top: 28%; }
      .section_2 .btn .btn_0 .info {
        right: 60px;
        top: 13px; }
    .section_2 .btn .btn_1 {
      left: 33%;
      top: 31%; }
      .section_2 .btn .btn_1 .info {
        left: 60px;
        bottom: 13px; }
    .section_2 .btn .btn_2 {
      left: 35%;
      top: 39%; }
      .section_2 .btn .btn_2 .info {
        left: 60px;
        top: 13px; }
    .section_2 .btn .btn_3 {
      left: 41%;
      top: 41%; }
      .section_2 .btn .btn_3 .info {
        left: 60px;
        top: 13px; }
    .section_2 .btn .btn_4 {
      left: 51%;
      top: 41%; }
      .section_2 .btn .btn_4 .info {
        left: 60px;
        top: 13px; }
    .section_2 .btn .btn_5 {
      right: 12%;
      top: 24%; }
      .section_2 .btn .btn_5 .info {
        right: 60px;
        top: 13px; }

.section_3 {
  position: relative;
  width: 100%;
  color: #8e8e8e;
  padding: 60px 0 80px 0; }
  .section_3 .line {
    background: #8e8e8e; }
  .section_3 .txt_group {
    margin-top: 40px; }
  .section_3 .box {
    border: 2px solid #8e8e8e;
    text-align: center;
    padding: 40px 0; }
  .section_3 .tips {
    text-align: center;
    margin-top: 20px; }

.section_5 {
  position: relative;
  width: 100%;
  margin-top: -60px; }
  .section_5 .txt_group {
    background: #383d9c;
    color: #fff;
    padding: 20px 0; }
    .section_5 .txt_group .line {
      margin: 10px auto; }
    .section_5 .txt_group .more_btn {
      border: 2px solid #fff;
      color: #fff; }
  .section_5 table {
    border: 2px dashed #8e8e8e;
    text-align: center;
    font-size: 16px;
    color: #8e8e8e;
    margin-top: 30px;
    display: table; }
    .section_5 table tr {
      border-top: 2px dotted #8e8e8e;
      height: 60px; }
    .section_5 table td {
      border-left: 2px dotted #8e8e8e;
      width: 33%; }
  .section_5 .tips {
    color: #383d9c;
    text-align: center;
    margin-top: 30px; }

/*
medium
num must multiply $medium-[0-12];
*/
/*
small
num must multiply $large-[0-12];
*/
@media screen and (max-width: 40em) {
  .pc-show {
    display: none; }

  .m-show {
    display: block; }

  br {
    display: none; }

  br.m-show {
    display: block; }

  .section_0 .bg {
    height: 520px; }
    .section_0 .bg img {
      height: 100%;
      max-width: none;
      width: auto;
      position: absolute;
      left: 50%;
      margin-left: -474.88584px; }

  .section_1 .content {
    width: 100%; }
    .section_1 .content .car {
      margin: 0 auto;
      float: none; }
    .section_1 .content .txt {
      margin: 30px auto 0 auto;
      float: none;
      line-height: 100px;
      text-align: center; }
      .section_1 .content .txt:before {
        -webkit-transform: rotate(90deg);
        /* Safari, Chrome */
        -moz-transform: rotate(90deg);
        /* Firefox 3.5~16.0 */
        -ms-transform: rotate(90deg);
        /* IE9~10 */
        -o-transform: rotate(90deg);
        /* Opera 10.5~12.10 */
        transform: rotate(90deg);
        top: 0;
        left: 50%;
        margin-top: 0;
        margin-left: -8px; }
    .section_1 .content .box {
      margin: 0 30px; }

  .section_2 {
    height: 470px; }
    .section_2 .bg {
      margin-top: 120px;
      height: auto; }
      .section_2 .bg img {
        position: static;
        margin-left: 0;
        width: 100% !important;
        height: auto; }
    .section_2 .txt_group {
      top: -120px;
      color: #8e8e8e; }
      .section_2 .txt_group .line {
        background-color: #8e8e8e; }
    .section_2 .btn {
      display: none; }

  .section_3 .box {
    padding: 40px 10px; }

  .section_4 {
    height: 300px;
    position: relative; }
    .section_4 img {
      height: 100%;
      max-width: none;
      width: auto;
      position: absolute;
      left: 50%;
      margin-left: -508.47458px; }

  .section_5 {
    margin: 0; }
    .section_5 table td {
      border-left: 2px dotted #8e8e8e;
      width: 30%; }
    .section_5 table td:first-child {
      width: 40%; } }

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