/*! 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; }

.section_0 {
  position: relative; }
  .section_0 .placeholder {
    opacity: 0; }
  .section_0 .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .section_0 .swiper-container .swiper-wrapper > div {
      position: relative;
      width: 100%;
      height: 90%;
      overflow: hidden;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .section_0 .swiper-container .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      display: inline-block;
      border-radius: 50%;
      background-color: #8e8e8e;
      margin: 0 25px !important;
      opacity: .5; }
    .section_0 .swiper-container .swiper-pagination-bullet-active {
      opacity: 1; }
    .section_0 .swiper-container .swiper-pagination {
      bottom: 0; }

.section_1 {
  position: relative; }
  .section_1 .txt_group_ctn {
    position: relative;
    height: 400px; }
    .section_1 .txt_group_ctn > div {
      position: absolute;
      display: none;
      width: 100%; }
      .section_1 .txt_group_ctn > div.txt_group_0 {
        display: block; }
      .section_1 .txt_group_ctn > div.pr {
        position: relative; }
  .section_1 .txt_group {
    color: #8e8e8e;
    padding: 60px 0; }
    .section_1 .txt_group .line {
      background-color: #8e8e8e; }
    .section_1 .txt_group .more_btn {
      border-color: #8e8e8e;
      color: #8e8e8e; }

.section_2 .news_container {
  width: 92%;
  margin: 0 auto;
  background-color: #383d9c; }
  .section_2 .news_container .content_select, .section_2 .news_container .carType_select {
    position: relative;
    float: left;
    height: 88px; }
    .section_2 .news_container .content_select .select_btn, .section_2 .news_container .carType_select .select_btn {
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      opacity: 0;
      cursor: pointer; }
    .section_2 .news_container .content_select h5, .section_2 .news_container .carType_select h5 {
      position: absolute;
      color: #fff;
      top: 50%;
      margin-top: -12px;
      left: 20%; }
    .section_2 .news_container .content_select .arrow, .section_2 .news_container .carType_select .arrow {
      position: absolute;
      top: 50%;
      right: 32px;
      width: 12px;
      margin-top: -4px; }
    .section_2 .news_container .content_select #category, .section_2 .news_container .carType_select #category {
      display: none;
      z-index: 9;
      position: absolute;
      top: 40px;
      right: 10%;
      width: 40%;
      height: 100%;
      color: #fff;
      text-transform: uppercase; }
      .section_2 .news_container .content_select #category div, .section_2 .news_container .carType_select #category div {
        width: 100%;
        background-color: #fff;
        margin-bottom: 1px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #8e8e8e;
        cursor: pointer; }
        .section_2 .news_container .content_select #category div:hover, .section_2 .news_container .carType_select #category div:hover {
          background-color: #383d9c;
          color: #fff; }
    .section_2 .news_container .content_select select::-ms-expand, .section_2 .news_container .carType_select select::-ms-expand {
      display: none; }
  .section_2 .news_container .content_select:after {
    position: absolute;
    top: 0;
    right: 0;
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #fff; }
  .section_2 .news_container .content_ctn {
    background-color: #f8f8f8; }
    .section_2 .news_container .content_ctn h6 {
      color: #fff;
      padding-top: 32px;
      padding-bottom: 32px;
      height: 70px; }
    .section_2 .news_container .content_ctn .line {
      width: 30px;
      margin: 0 30px;
      background-color: #fff; }
    .section_2 .news_container .content_ctn .more_btn {
      margin-top: -20px;
      width: 128px;
      border: none; }
      .section_2 .news_container .content_ctn .more_btn i {
        margin-top: -8px;
        width: 6px; }
    .section_2 .news_container .content_ctn .columns_0.gray h6 {
      color: #8e8e8e; }
    .section_2 .news_container .content_ctn .columns_0.gray .line {
      background-color: #8e8e8e; }
    .section_2 .news_container .content_ctn .columns_0.gray .more_btn {
      color: #8e8e8e; }
    .section_2 .news_container .content_ctn .columns_0.blue {
      background-color: #383d9c; }
      .section_2 .news_container .content_ctn .columns_0.blue h6 {
        color: #fff; }
      .section_2 .news_container .content_ctn .columns_0.blue .line {
        background-color: #fff; }
      .section_2 .news_container .content_ctn .columns_0.blue .more_btn {
        color: #fff; }

.img_ctn {
  position: relative;
  width: 100%;
  height: 230px;
  overflow: hidden; }
  .img_ctn img {
    width: 100%; }

.page_pagination {
  margin: 30px auto;
  text-align: center; }
  .page_pagination span, .page_pagination a {
    display: inline-block;
    padding: 0 13px;
    margin: 0 5px 0 0;
    color: #8e8e8e;
    cursor: pointer; }
    .page_pagination span.current, .page_pagination a.current {
      background-color: #383d9c;
      color: #fff; }
    .page_pagination span:first-child, .page_pagination a:first-child {
      width: 70px; }
    .page_pagination span:last-child, .page_pagination a:last-child {
      width: 70px; }

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

  .m-show {
    display: block; }

  #main .section_1 .txt_group {
    padding: 20px 0; }
  #main .section_2 .news_container {
    width: 100%; }
  #main .section_2 .news_container .content_select #category {
    width: 60%; }
  #main .img_ctn {
    height: 114px; }
  #main .section_2 .gray .img_ctn, #main .section_2 .blue .img_ctn {
    float: left;
    display: inline-block;
    height: 140px;
    width: 257px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    #main .section_2 .gray .img_ctn img, #main .section_2 .blue .img_ctn img {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      height: auto;
      width: 257px;
      max-width: none;
      -webkit-transform: translate3d(-50%, -50%, 0);
      /* Safari, Chrome */
      -moz-transform: translate3d(-50%, -50%, 0);
      /* Firefox 3.5~16.0 */
      -ms-transform: translate3d(-50%, -50%, 0);
      /* IE9~10 */
      -o-transform: translate3d(-50%, -50%, 0);
      /* Opera 10.5~12.10 */
      transform: translate3d(-50%, -50%, 0); }
  #main .section_2 .gray h6, #main .section_2 .blue h6 {
    float: left;
    display: inline-block;
    width: 323px;
    height: 80px;
    padding: 30px; }
  #main .section_2 .gray .row, #main .section_2 .blue .row {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 383px; }
  #main .m-select {
    position: relative;
    width: 100%;
    height: 88px; }
  #main .select_title {
    position: absolute;
    top: 0;
    left: 40px;
    height: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 88px; }
  #main .select_show {
    position: absolute;
    top: 0;
    right: 60px;
    height: 100%;
    color: #fff;
    text-align: right;
    font-size: 20px;
    line-height: 88px; }
  #main i {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -6px; }
  #main select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; } }

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