/*! 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%;
  background: #ebebeb;
  overflow: hidden;
  -webkit-perspective: 800px;
  /* Safari, Chrome */
  perspective: 800px;
  /* None yet / Non-standard */ }
  .section_0 > .columns {
    position: absolute;
    height: 100%;
    background: #fff;
    overflow: hidden; }
  .section_0 .before {
    top: 0; }
  .section_0 .after {
    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: 80px; }
    .section_0 .txt_group .en {
      width: 380px;
      margin: 0 auto 10px auto; }
    .section_0 .txt_group .line {
      background: #fff; }

.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: #fff;
    width: 100%;
    position: absolute;
    top: 80px; }
    .section_1 .txt_group .line {
      background: #fff; }

.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: #fff;
    width: 100%;
    position: absolute;
    top: 80px; }
    .section_4 .txt_group .line {
      background: #fff; }

.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 18px #000;
      }

/*
medium
num must multiply $medium-[0-12];
*/
@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; } }
/*
large
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; }

  #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 {
    height: 540px; }
    #main .section_1 .after {
      background-color: #dddddd; }
    #main .section_1 .bg {
      margin-top: 30px; }
      #main .section_1 .bg img {
        width: 100%;
        height: auto; }
    #main .section_1 .txt_group {
      top: 40px;
      color: #8e8e8e; }
      #main .section_1 .txt_group .line {
        background-color: #8e8e8e; }
  #main .section_3 {
    height: 540px; }
    #main .section_3 .bg {
      margin-top: 190px;
      height: auto; }
      #main .section_3 .bg img {
        position: static;
        margin-left: 0;
        width: 100% !important;
        height: auto; }
    #main .section_3 .txt_group {
      top: 40px;
      color: #8e8e8e; }
      #main .section_3 .txt_group .line {
        background-color: #8e8e8e; }
  #main .section_4 {
    height: 540px; }
    #main .section_4 .bg {
      margin-top: 190px;
      height: auto; }
      #main .section_4 .bg img {
        position: static;
        margin-left: 0;
        width: 100% !important;
        height: auto; }
    #main .section_4 .txt_group {
      top: 40px;
      color: #8e8e8e; }
      #main .section_4 .txt_group .line {
        background-color: #8e8e8e; } }

/*# sourceMappingURL=style.css.map */
.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;
}

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

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

}