@charset "UTF-8";
/*! 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];
*/
#main {
  width: 100%;
  position: relative; }

.section_0 {
  position: relative;
  width: 100%;
  padding: 50px 0 0 0; }
  .section_0 .bg {
    width: 100%;
    height: 390px;
    background: #383d9c;
    color: #fff;
    text-align: right;
    line-height: 1; }
    .section_0 .bg .title_0 {
      font-size: 116px;
      margin-right: 70px;
      padding: 30px 0 10px 0;
      font-family: "avenir","微软雅黑","yahei"; }
    .section_0 .bg .title_1 {
      font-size: 48px;
      margin-right: 70px; }
  .section_0 .car {
    margin-top: -230px;
    overflow: hidden; }
    .section_0 .car .car_swiper-container img {
      width: 80%;
      margin: 0 auto; }
    .section_0 .car .car_swiper-pagination {
      width: 100%;
      position: relative;
      text-align: center;
      z-index: 10;
      display: none;
      margin-top: 10px; }
      .section_0 .car .car_swiper-pagination span {
        width: 28px;
        height: 28px;
        background: none;
        border-radius: 0;
        position: relative;
        opacity: 1;
        margin: 0 37px; }
        .section_0 .car .car_swiper-pagination span:after {
          content: "";
          display: block;
          position: absolute;
          width: 6px;
          height: 6px;
          background: #8e8e8e;
          border-radius: 50%;
          left: 50%;
          margin-left: -3px;
          top: 50%;
          margin-top: -3px; }
        .section_0 .car .car_swiper-pagination span.swiper-pagination-bullet-active {
          width: 24px;
          height: 24px;
          border: 2px solid #383d9c; }
          .section_0 .car .car_swiper-pagination span.swiper-pagination-bullet-active:after {
            background: #383d9c; }
  .section_0 .next, .section_0 .prev {
    width: 74px;
    height: 74px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -37px;
    z-index: 10;
    cursor: pointer; }
  .section_0 .prev {
    left: 0; }

.section_1, .section_2, .section_4, .section_3, .section_6{
  position: relative;
  width: 100%; }
  .section_1 .title, .section_2 .title, .section_4 .title, .section_3 .title, .section_6 .title{
    text-align: center;
    color: #8e8e8e;
    position: relative;
    padding: 60px 0; }
    .section_1 .title .prev, .section_2 .title .prev, .section_4 .title .prev, .section_3 .title .prev, .section_6 .title .prev {
      width: 25px;
      height: 25px;
      position: absolute;
      left: 50%;
      margin-left: -100px;
      top: 50%;
      margin-top: -12.5px;
      cursor: pointer; }
    .section_1 .title .next, .section_2 .title .next, .section_4 .title .next, .section_3 .title .next, .section_6 .title .next, .section_1 .title .section_0 .prev, .section_0 .section_1 .title .prev, .section_2 .title .section_0 .prev, .section_0 .section_2 .title .prev,
    .section_4 .title .section_0 .prev, .section_0 .section_4 .title .prev, .section_3 .title .section_0 .prev, .section_0 .section_3 .title .prev, .section_6 .title .section_0 .prev, .section_0 .section_6 .title .prev {
      width: 25px;
      height: 25px;
      position: absolute;
      left: 50%;
      margin-left: 75px;
      top: 50%;
      margin-top: -12.5px;
      cursor: pointer; }
  .section_1 .list, .section_2 .list, .section_4 .list, .section_3 .list,  .section_6 .list {
    background: #efefef;
    padding: 24px 0; }
    .section_1 .list > div, .section_2 .list > div, .section_4 .list > div, .section_3 .list > div,  .section_6 .list > div{
      overflow: hidden; }
    .section_1 .list .columns, .section_2 .list .columns, .section_4 .list .columns, .section_3 .list .columns, .section_6 .list .columns {
      float: left !important; }
    .section_1 .list .box, .section_2 .list .box, .section_4 .list .box, .section_3 .list .box, .section_6 .list .box {
      width: 80%;
      margin: 0 auto;
      background: #383d9c;
      color: #fff;
      overflow: hidden; }
      .section_1 .list .box .img, .section_2 .list .box .img, .section_4 .list .box .img, .section_3 .list .box .img, .section_6 .list .box .img {
        width: 100%;
        height: 210px;
        overflow: hidden;
        position: relative; }
        .section_1 .list .box .img img, .section_2 .list .box .img img, .section_4 .list .box .img img, .section_3 .list .box .img img, .section_6 .list .box .img img {
          width: 370px;
          max-width: none;
          height: 100%;
          position: absolute;
          left: 50%;
          margin-left: -185px; }
      .section_1 .list .box .txt, .section_2 .list .box .txt, .section_4 .list .box .txt, .section_3 .list .box .txt, .section_6 .list .box .txt {
        font-size: 13px;
        margin: 10px 0 0 10px;
        height: 90px; }
        .section_1 .list .box .txt span, .section_2 .list .box .txt span, .section_4 .list .box .txt span, .section_3 .list .box .txt span, .section_6 .list .box .txt span {
          font-size: 12px; }

.section_2 .list, .section_6 .list {
  background: #fff;
  padding: 0; }

.section_3 .title .prev {
  margin-left: -120px; }
.section_3 .title .next, .section_3 .title .section_0 .prev, .section_0 .section_3 .title .prev {
  margin-left: 95px; }

.section_5 {
  position: relative;
  width: 100%;
  height: 500px;
  background: #efefef;
  margin-top: 50px; }
  .section_5 .bg {
    width: 300px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
    top: 50%;
    margin-top: -169px; }
  .section_5 .txt_group {
    position: absolute;
    left: 50%;
    margin-left: 58px;
    top: 50%;
    margin-top: -102px;
    color: #8e8e8e;
    text-align: left; }
    .section_5 .txt_group h2 {
      padding: 0;
      line-height: 1.2; }
    .section_5 .txt_group h6 {
      padding: 0; }

.cover {
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  display: none; }
  .cover .img {
    width: 600px;
    height: 340px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -170px; }
  .cover .close {
    width: 32px;
    height: 32px;
    position: absolute;
    /*top: 20%;
    right: 120px;*/
    top: 50%;
    right: 20px;
    margin-top: -212px;
    cursor: pointer; }

/*
medium
num must multiply $medium-[0-12];
*/
@media screen and (max-width: 62em) {
  .section_0 .bg .title_0 {
    font-size: 80px; }

  .section_0 .bg .title_1 {
    font-size: 30px; }
  
}
/*
small
num must multiply $large-[0-12];
*/
@media screen and (max-width: 40em) {
  .section_0 .bg {
    height: 250px; }
    .section_0 .bg .title_0 {
      font-size: 60px; }
    .section_0 .bg .title_1 {
      font-size: 30px; }
  .section_0 .car {
    margin-top: -100px; }
    .section_0 .car .car_swiper-pagination {
      display: block; }
  .section_0 .prev {
    display: none; }
  .section_0 .next, .section_0 .prev {
    display: none; }

  .section_1 .list .box, .section_2 .list .box, .section_4 .list .box, .section_3 .list .box {
    width: 96%;
    margin: 5px 0; }

  .section_5 .bg {
    margin-left: -300px; }
  .section_5 .txt_group {
    margin-left: 28px; } }

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

/* 18/09/28 add */
@media all and (min-width: 768px) {
  .cover .close {
    right: auto;
    left: 50%;
    margin-left: 268px;
  }
}