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

.m-show {
  display: none !important; }

.sec2_video {
  position: relative; }

.video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.video_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px; }
  .video_btn:after {
    display: block;
    width: 100%;
    content: "PLAY VIDEO";
    font-size: 12px;
    color: #fff;
    padding-top: 20px;
    text-align: center; }

.year_side_bar {
  display: none;
  position: fixed;
  top: 20%;
  left: 7%;
  width: 80px;
  font-size: 16px;
  color: #8e8e8e; }
  .year_side_bar li {
    cursor: pointer; }
  .year_side_bar a {
    text-decoration: none;
    color: #8e8e8e; }
  .year_side_bar > h5 {
    padding: 0; }
  .year_side_bar li {
    list-style: disc; }

.video_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -45px 0 0 -45px; }
  .video_btn:after {
    display: block;
    width: 100%;
    content: "PLAY VIDEO";
    font-size: 14px;
    color: #fff;
    padding-top: 20px;
    text-align: center; }
  .video_btn.gray:after {
    color: #8e8e8e; }

.txt_group {
  padding: 75px 0; }

.fr {
  float: right; }

.gray {
  color: #8e8e8e; }
  .gray .line {
    background-color: #8e8e8e; }

.section_1 {
  position: relative; }

.section_2 .title {
  height: 43%;
  background-color: #383d9c; }
  .section_2 .title h2 {
    padding-top: 168px;
    padding-bottom: 54px;
    padding-left: 68px;
    color: #fff; }
  .section_2 .title img {
    padding-top: 168px;
    padding-bottom: 54px; }
.section_2 .desc .line {
  background-color: #8e8e8e;
  margin-top: 36px;
  margin-left: 68px; }
.section_2 .desc h6 {
  color: #8e8e8e;
  padding-left: 68px;
  padding-top: 10px; }

.section_4_ctn {
  position: relative; }
  .section_4_ctn .txt_group {
    position: absolute;
    top: 100px;
    left: 0;
    width: 42%; }
    .section_4_ctn .txt_group h2, .section_4_ctn .txt_group h6 {
      text-align: left; }

.section_4 {
  color: #fff; }
  .section_4 .pr_0 {
    position: relative;
    margin-top: 116px;
    float: none;
    background-color: #383d9c; }
  .section_4 .pr_1 {
    position: relative;
    margin-top: -150px;
    float: none; }
  .section_4 h2, .section_4 h6 {
    padding-left: 64px;
    padding-right: 0; }
  .section_4 h2 {
    padding-top: 73px; }
  .section_4 .line {
    margin-left: 64px; }
  .section_4 .btn_ctn {
    padding-bottom: 253px; }
    .section_4 .btn_ctn .more_btn {
      margin-left: 64px;
      border-color: #fff;
      color: #fff; }

.section_5 {
  margin-top: 50px;
  position: relative; }
  .section_5 .txt_group {
    position: absolute;
    top: -30px;
    width: 100%; }
    .section_5 .txt_group .more_btn {
      color: #8e8e8e;
      border-color: #8e8e8e; }
  .section_5 .btn {
    background-color: #383d9c;
    height: 114px;
    margin-top: -50px; }
    .section_5 .btn h2 {
      color: #fff;
      text-align: center;
      padding-top: 30px; }

.section_6 {
  color: #8e8e8e; }
  .section_6 .fs_80 {
    font-size: 80px;
    color: #383d9b; }
    .section_6 .fs_80:after {
      font-size: 44px;
      content: ""; }
  .section_6 .fs_27 {
    font-size: 27px; }
  .section_6 .fs_12 {
    font-size: 12px; }
  .section_6 .line {
    background-color: #8e8e8e;
    margin-left: 30px; }
  .section_6 .row_0 {
    padding: 80px 0; }
    .section_6 .row_0 .img {
      margin-top: 40px; }
  .section_6 .row_1 {
    padding: 80px 0; }
    .section_6 .row_1 .img {
      margin-top: 185px; }
  .section_6 .row_2 {
    padding: 80px 0; }
    .section_6 .row_2 .img {
      margin-top: 120px; }
  .section_6 .row_3 {
    padding: 80px 0; }
    .section_6 .row_3 .img {
      margin-top: 225px; }
  .section_6 .row_4 {
    padding: 80px 0; }
    .section_6 .row_4 .img {
      margin-top: 74px; }
  .section_6 .row_5 {
    padding: 80px 0; }
    .section_6 .row_5 .img {
      margin-top: 180px; }
  .section_6 .row_6 {
    padding: 80px 0; }
    .section_6 .row_6 .img {
      margin-top: 122px; }
  .section_6 .row_7 {
    padding: 80px 0; }
    .section_6 .row_7 .img {
      margin-top: 62px; }
  .section_6 .row_8 {
    padding: 80px 0; }
    .section_6 .row_8 .img {
      margin-top: 142px; }
  .section_6 .row_17 {
    padding: 80px 0; }
    .section_6 .row_17 .img {
      margin-top: 142px; }
  .section_6 .row_9 {
    padding: 80px 0; }
    .section_6 .row_9 .img {
      margin-top: 60px; }
  .section_6 .row_10 {
    padding: 80px 0; }
    .section_6 .row_10 .img {
      margin-top: 144px; }
  .section_6 .row_11 {
    padding: 80px 0; }
    .section_6 .row_11 .img {
      margin-top: 102px; }
  .section_6 .row_12 {
    padding: 80px 0; }
    .section_6 .row_12 .img {
      margin-top: 143px; }
  .section_6 .row_13 {
    padding: 80px 0; }
    .section_6 .row_13 .second_row {
      margin-top: 80px; }
    .section_6 .row_13 .img_0 {
      margin-top: 77px; }
    .section_6 .row_13 .img_1 {
      margin-top: -19px; }
  .section_6 .row_14 {
    padding: 80px 0; }
    .section_6 .row_14 .img {
      margin-top: 143px; }
  .section_6 .row_15 {
    padding: 80px 0; }
    .section_6 .row_15 .img {
      margin-top: 134px; }
  .section_6 .row_16 {
    padding: 80px 0; }
    .section_6 .row_16 .second_row {
      margin-top: 130px; }
    .section_6 .row_16 .img_0 {
      margin-top: 122px; }
    .section_6 .row_16 .img_1 {
      margin-top: -80px; }
  .section_6 .row_15 {
    padding: 80px 0; }
    .section_6 .row_15 .img {
      margin-top: 120px; }
  .section_6 .row_16 {
    padding: 80px 0; }
    .section_6 .row_16 .img {
      margin-top: 90px; }

@media screen and (max-width: 40em) {
  #main br {
    display: none; }
  #main br.m-show {
    display: block !important; }
  #main .pc-show {
    display: none !important; }
  #main .m-show {
    display: block !important; }
  #main .section_2 .title img {
    padding-top: 54px; }
  #main .section_2 .desc {
    padding-bottom: 44px; }
  #main .section_4 .txt_group {
    margin-top: -140px;
    width: 100%; }
    #main .section_4 .txt_group h2 {
      text-align: center;
      padding: 0 30px; }
    #main .section_4 .txt_group h6 {
      text-align: center;
      padding: 0 30px; }
    #main .section_4 .txt_group .line {
      margin: 26px auto 30px auto; }
    #main .section_4 .txt_group .more_btn {
      margin: 30px auto 0 auto; }
  #main .section_4 .section_4_0 .txt_group {
    color: #8e8e8e;
    margin-top: -150px; }
    #main .section_4 .section_4_0 .txt_group .line {
      background-color: #8e8e8e; }
    #main .section_4 .section_4_0 .txt_group .btn_ctn {
      padding-bottom: 0; }
      #main .section_4 .section_4_0 .txt_group .btn_ctn .more_btn {
        border-color: #8e8e8e;
        color: #8e8e8e; }
  #main .section_4 .section_4_0 > img {
    margin-top: 340px; }
  #main .section_5 .txt_group {
    top: -240px;
    padding-bottom: 0;
    background-color: #f6f6f6; }
  #main .section_5 .m-reset {
    margin-top: 200px; }
  #main .section_5 .m-reset-margin {
    margin-top: 0 !important; }
  #main .section_6 .row_0 {
    padding: 0; }
  #main .section_6 .row_1 .img {
    margin-top: 44px; }
  #main .section_6 .row_2 {
    padding: 0; }
    #main .section_6 .row_2 .img {
      margin-top: 44px; }
  #main .section_6 .row_3 .img {
    margin-top: 44px; }
  #main .section_6 .row_4 {
    padding: 0; }
    #main .section_6 .row_4 .img {
      margin-top: 44px; }
  #main .section_6 .row_5 .img {
    margin-top: 44px; }
  #main .section_6 .row_6 {
    padding: 0; }
    #main .section_6 .row_6 .img {
      margin-top: 44px; }
  #main .section_6 .row_7 .img {
    margin-top: 44px; }
  #main .section_6 .row_8 {
    padding: 0; }
    #main .section_6 .row_8 .img {
      margin-top: 44px; }
  #main .section_6 .row_17 {
    padding: 80px 0; }
    #main .section_6 .row_17 .img {
      margin-top: 44px !important; }
  #main .section_6 .row_9 {
    padding: 0; }
    #main .section_6 .row_9 .img {
      margin-top: 44px; }
  #main .section_6 .row_10 .img {
    margin-top: 44px; }
  #main .section_6 .row_11 {
    padding: 0; }
    #main .section_6 .row_11 .img {
      margin-top: 44px; }
  #main .section_6 .row_12 .img {
    margin-top: 44px; }
  #main .section_6 .row_13 {
    padding: 0; }
    #main .section_6 .row_13 .img {
      margin-top: 44px; }
    #main .section_6 .row_13 .m-reset {
      margin-top: 44px; }
  #main .section_6 .row_14 .img {
    margin-top: 44px; }
  #main .section_6 .row_15 {
    padding: 0; }
    #main .section_6 .row_15 .img {
      margin-top: 44px; }
  #main .section_6 .row_16 .img_0 {
    margin-top: 44px; }
  #main .section_6 .row_16 .second_row {
    margin-top: 80px; }
  #main .section_6 .row_16 .m-reset {
    margin-top: 44px; }
  #main .section_6 .row_17 {
    padding: 0; }
    #main .section_6 .row_17 .img {
      margin-top: 44px; }
  #main .section_6 .row_18 .img {
    margin-top: 44px; } }

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