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

.header {
  transition: all .3s; }

.section_0 {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .section_0 > .columns {
    height: 100%; }
  .section_0 .before {
    position: absolute;
    top: 0;
    background: #fff; }
  .section_0 .after {
    position: absolute;
    top: 100%; }
  .section_0 .bg {
    position: absolute;
    height: 100%; }
  .section_0 .video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .section_0 .txt_group {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 50px; }

.section_1 {
  position: relative;
  width: 100%;
  background: #ebebeb;
  overflow: hidden;
  -webkit-perspective: 800px;
  /* Safari, Chrome */
  perspective: 800px;
  /* None yet / Non-standard */ }
  .section_1 > .columns {
    position: absolute;
    height: 100%;
    background: #fff;
    overflow: hidden; }
  .section_1 .before {
    top: 0; }
  .section_1 .after {
    top: 100%; }
  .section_1 .bg {
    position: absolute;
    height: 100%; }
  .section_1 .txt_group {
    color: #8e8e8e;
    width: 100%;
    position: absolute;
    top: 80px; }
    .section_1 .txt_group .line {
      background: #8e8e8e; }

.section_2 {
  position: relative;
  width: 100%;
  background: #ebebeb;
  overflow: hidden;
  -webkit-perspective: 800px;
  /* Safari, Chrome */
  perspective: 800px;
  /* None yet / Non-standard */ }
  .section_2 > .columns {
    position: absolute;
    height: 100%;
    background: #fff;
    overflow: hidden; }
  .section_2 .before {
    top: 0; }
  .section_2 .after {
    top: 100%; }
  .section_2 .bg {
    position: absolute;
    height: 100%; }
  .section_2 .txt_group {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 80px; }
    .section_2 .txt_group .line {
      background: #fff; }

.section_3 {
  position: relative;
  width: 100%;
  background: #ebebeb;
  overflow: hidden;
  -webkit-perspective: 800px;
  /* Safari, Chrome */
  perspective: 800px;
  /* None yet / Non-standard */ }
  .section_3 > .columns {
    position: absolute;
    height: 100%;
    background: #fff;
    overflow: hidden; }
  .section_3 .before {
    top: 0; }
  .section_3 .after {
    top: 100%; }
  .section_3 .bg {
    position: absolute;
    height: 100%; }
  .section_3 .txt_group {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 80px; }
    .section_3 .txt_group .line {
      background: #fff; }

.section_4 {
  position: relative;
  width: 100%;
  background: #ebebeb;
  overflow: hidden;
  -webkit-perspective: 800px;
  /* Safari, Chrome */
  perspective: 800px;
  /* None yet / Non-standard */ }
  .section_4 > .columns {
    position: absolute;
    height: 100%;
    background: #fff;
    overflow: hidden; }
  .section_4 .before {
    top: 0; }
  .section_4 .after {
    top: 100%; }
  .section_4 .bg {
    position: absolute;
    height: 100%; }
  .section_4 .txt_group {
    color: #8e8e8e;
    width: 100%;
    position: absolute;
    top: 80px; }
    .section_4 .txt_group .line {
      background: #8e8e8e; }

.side_bar {
  width: 56px;
  position: fixed;
  top: 50%;
  margin-top: -140px;
  right: 0;
  z-index: 2;
  display: none; }
  .side_bar li {
    width: 56px;
    height: 56px;
    cursor: pointer;
    position: relative; }
    .side_bar li.back_top {
      background: #fff; }
    .side_bar li.dot {
      background: #383d9c; }
      .side_bar li.dot:after {
        width: 4px;
        height: 4px;
        position: absolute;
        left: 50%;
        margin-left: -2px;
        top: 50%;
        margin-top: -2px;
        background: #fff;
        border-radius: 50%;
        content: "";
        display: block; }
    .side_bar li.dot.cur:before {
      width: 20px;
      height: 20px;
      border: 2px solid #fff;
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -12px;
      margin-top: -12px; }

      /*追加*/
      .text_ver2{
        text-shadow: 1px 1px 7px #000;
      }


@media screen and (max-width: 62em) {
  #main > div {
    height: 520px; }
    #main > div .bg {
      position: static; }
      #main > div .bg img, #main > div .bg .video {
        width: 949.77169px !important;
        height: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        margin-left: -474.88584px; }
    #main > div .before {
      display: none; }
    #main > div .after {
      top: 0; }
      .text_ver2{
        text-shadow: none;
      }
    }
@media screen and (max-width: 40em) {
  .pc-show {
    display: none; }

  .m-show {
    display: block; }

  br {
    display: none; }

  br.m-show {
    display: block; }

  #main > div {
    height: 520px; }
    #main > div .bg {
      position: static; }
      #main > div .bg img, #main > div .bg .video {
        width: 949.77169px !important;
        height: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        margin-left: -474.88584px; }
    #main > div .before {
      display: none; }
    #main > div .after {
      top: 0; }
  #main .section_1 .txt_group {
    top: 40px; }
  #main .section_2 {
    height: 710px; }
    #main .section_2 .bg {
      margin-top: 192px; }
      #main .section_2 .bg img {
        width: 100%;
        height: auto; }
    #main .section_2 .txt_group {
      top: 40px;
      color: #8e8e8e; }
      #main .section_2 .txt_group .line {
        background-color: #8e8e8e; }
  #main .section_3 {
    height: 740px; }
    #main .section_3 .bg {
      margin-top: 222px; }
      #main .section_3 .bg img {
        width: 100%;
        height: auto; }
    #main .section_3 .txt_group {
      top: 40px;
      color: #8e8e8e; }
      #main .section_3 .txt_group .line {
        background-color: #8e8e8e; }
  #main .section_4 .txt_group {
    top: 40px; } }

    .header .third_nav ul li{
    	line-height: 18px !important;
    	position: relative;
    }

    .header .third_nav ul li:nth-child(6){
    	line-height: 28px;
    	vertical-align: middle;
    }
    .header .third_nav ul li b{
    color: #383d9b;
    }

    .header .third_nav ul li.cur {
        background: #383d9b;
        padding: 3px;
        height: 36px;
    }

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

@media screen and (max-width: 40em){

.m_other_nav .title i{
          left: 87%;
}

}