#MAIN {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}

body, html {
  min-width: 100%;
  min-height: 100%;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
}

#fp-nav {
  left: 20px;
  right: inherit !important;
}

.p_box_mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 109;
  background: black;
}

#RUNBANNER .pages {
  min-height: 100%;
  position: absolute;
  height: 100%;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  overflow: hidden;
}

#RUNBANNER .pages .kox__ {
  width: 75%;
  margin: 0 auto 0 auto;
  position: relative;
  height: 100%;
}

#RUNBANNER .pages.def {
  -webkit-transform: scale(0);
          transform: scale(0);
}

#RUNBANNER .pages.rezo_ac {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

#RUNBANNER .fp-tableCell {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  overflow: hidden;
  position: relative;
}

#RUNBANNER .pages:nth-child(1) {
  z-index: 9;
}

#RUNBANNER .pages {
  padding: 0 0 0 0;
  position: absolute;
  overflow: hidden;
}

#RUNBANNER .pages .light {
  position: absolute;
  left: -280px;
  top: 0;
  width: 60px;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
  transform: skewx(-25deg);
  -webkit-transform: skewx(-25deg);
  opacity: 0.5;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.7s;
          transition-duration: 1.7s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  mix-blend-mode: overlay;
}

#RUNBANNER .pages .hhh {
  position: absolute;
  overflow: hidden;
  left: 0px;
  text-align: left;
  padding: 0;
  top: 18%;
  z-index: 10;
}

#RUNBANNER .pages .hhh .en {
  font-family: dense;
  position: relative;
  bottom: 0;
  opacity: 1;
  font-size: 6.9vw;
  line-height: 6vw;
  letter-spacing: 0.03em;
  color: #8a8a8a;
  padding: 3vw 0 0 0;
  height: auto;
}

#RUNBANNER .pages .hhh .en a {
  font-family: dense;
}

#RUNBANNER .pages .hhh .cn {
  position: relative;
  bottom: 0;
  padding: 14px 0 0 0;
  opacity: 1;
  font-size: 0.8vw;
  letter-spacing: 0.08em;
  color: #8a8a8a;
}

#RUNBANNER .pages .hhh .line {
  width: 30px;
  height: 2px;
  background: #ef6d00;
  overflow: hidden;
}

#RUNBANNER .pages .hhh .more {
  position: relative;
  padding: 110px 0 0 0;
  width: 122px;
}

#RUNBANNER .pages .hhh .more a {
  border: 1px solid #2f2f2f;
  font-family: 'Trebuchet MS';
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 32px;
  font-size: 13px;
  height: 32px;
  color: #777;
  text-align: center;
}

#RUNBANNER .pages .hhh .more a:hover {
  background: #ef6d00;
  color: #fafafa;
  border-color: #ef6d00;
}

#RUNBANNER .pages .hhh .line {
  width: 0;
}

#RUNBANNER .pages .hhh .en {
  left: -100%;
}

#RUNBANNER .pages .hhh .cn {
  left: -100%;
}

#RUNBANNER .pages .hhh .more {
  left: -100%;
}

#RUNBANNER .pages .__mask .sfs {
  right: -100%;
}

.__mask {
  opacity: 1;
  background-size: cover;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.__mask .sfs {
  width: 71%;
  border-radius: 14vw 0 0 0;
  right: 0;
  top: 18%;
  position: absolute;
  height: 71%;
  -webkit-box-shadow: #1a1f22 0 0 0 140vw;
          box-shadow: #1a1f22 0 0 0 140vw;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.__mask .sfs img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.__mask .sfs.zoom {
  -webkit-transform: scale(2);
          transform: scale(2);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.3s;
          transition-duration: 1.3s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.__mask .sfs.c0 {
  -webkit-box-shadow: #424242 0 0 0 140vw;
          box-shadow: #424242 0 0 0 140vw;
}

@media screen and (max-width: 650px) {
  #fp-nav {
    left: 0;
    bottom: 7%;
    top: inherit;
    right: inherit !important;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 94%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #fp-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #fp-nav ul li {
    margin: 0px;
  }
  #fp-nav ul li a span {
    height: 3px;
    width: 3px;
  }
  #fp-nav ul li a.active span {
    height: 3px;
    width: 3px;
    margin: -2px 0 0 -2px;
  }
  #RUNBANNER .pages {
    min-height: 100%;
    position: absolute;
    height: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    overflow: hidden;
  }
  #RUNBANNER .pages .kox__ {
    width: 84%;
    margin: 0 auto 0 auto;
    position: relative;
    height: 100%;
  }
  #RUNBANNER .pages.def {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  #RUNBANNER .pages.rezo_ac {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  #RUNBANNER .fp-tableCell {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    overflow: hidden;
    position: relative;
  }
  #RUNBANNER .pages:nth-child(1) {
    z-index: 9;
  }
  #RUNBANNER .pages {
    padding: 0 0 0 0;
    position: absolute;
    overflow: hidden;
  }
  #RUNBANNER .pages .light {
    position: absolute;
    left: -280px;
    top: 0;
    width: 60px;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
    opacity: 0.5;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.7s;
            transition-duration: 1.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    mix-blend-mode: overlay;
  }
  #RUNBANNER .pages .hhh {
    position: absolute;
    overflow: hidden;
    left: 0px;
    text-align: left;
    padding: 0;
    top: 18%;
    z-index: 10;
  }
  #RUNBANNER .pages .hhh .en {
    font-family: dense;
    position: relative;
    bottom: 0;
    opacity: 1;
    font-size: 10vw;
    line-height: 11vw;
    letter-spacing: 0.03em;
    color: #eee;
    padding: 3vw 0 0 0;
    height: auto;
  }
  #RUNBANNER .pages .hhh .en a {
    font-family: dense;
    color: #eee;
  }
  #RUNBANNER .pages .hhh .cn {
    position: relative;
    bottom: 0;
    padding: 1vw 0 0 0;
    opacity: 1;
    font-size: 4vw;
    letter-spacing: 0.08em;
    color: #eee;
  }
  #RUNBANNER .pages .hhh .line {
    width: 30px;
    height: 2px;
    background: #ef6d00;
    overflow: hidden;
  }
  #RUNBANNER .pages .hhh .more {
    position: relative;
    padding: 110px 0 0 0;
    width: 122px;
  }
  #RUNBANNER .pages .hhh .more a {
	  background: #00000050;
    border: 1px solid #eee;
    font-family: 'Trebuchet MS';
    display: block;
    margin: 0 0 10px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 32px;
    font-size: 13px;
    height: 32px;
    color: #eee;
    text-align: center;
  }
  #RUNBANNER .pages .hhh .more a:hover {
    background: #ef6d00;
    color: #fafafa;
    border-color: #ef6d00;
  }
  #RUNBANNER .pages .hhh .line {
    width: 0;
  }
  #RUNBANNER .pages .hhh .en {
    left: -100%;
  }
  #RUNBANNER .pages .hhh .cn {
    left: -100%;
  }
  #RUNBANNER .pages .hhh .more {
    left: -100%;
  }
  #RUNBANNER .pages .__mask .sfs {
    right: -100%;
  }
  #RUNBANNER .page_0 .hhh {
    -webkit-transform: translateY(-20vw);
            transform: translateY(-20vw);
  }
  #RUNBANNER .page_0 .hhh .more {
    position: relative;
    padding: 52vw 0 0 0;
    width: 122px;
  }
  #RUNBANNER .page_0 .sfs {
    width: 88%;
    border-radius: 0 0 13vw 0;
    right: inherit;
    left: 0;
    top: 45%;
    position: absolute;
    height: 40%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_0 .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #RUNBANNER .page_0 .sfs.zoom {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_1 .hhh {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  #RUNBANNER .page_1 .hhh .more {
    position: relative;
    padding: 32vw 0 0 0;
    width: 122px;
  }
  #RUNBANNER .page_1 .sfs {
    width: 88%;
    border-radius: 0 0 13vw 0;
    right: inherit;
    left: 0;
    top: 45%;
    position: absolute;
    height: 48%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_1 .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #RUNBANNER .page_1 .sfs.zoom {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_2 .hhh {
    -webkit-transform: translateY(62%);
            transform: translateY(62%);
  }
  #RUNBANNER .page_2 .hhh .more {
    position: relative;
    padding: 10vw 0 0 0;
    width: 122px;
  }
  #RUNBANNER .page_2 .sfs {
    width: 88%;
    border-radius: 0 0 13vw 0;
    right: inherit;
    left: 0;
    top: 14%;
    position: absolute;
    height: 38%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_2 .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #RUNBANNER .page_2 .sfs.zoom {
    -webkit-transform: scale(4.8);
            transform: scale(4.8);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_3 .hhh {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  #RUNBANNER .page_3 .hhh .more {
    position: relative;
    padding: 10vw 0 0 0;
    width: 122px;
  }
  #RUNBANNER .page_3 .sfs {
    width: 88%;
    border-radius: 0 0 13vw 0;
    right: inherit;
    left: 0;
    top: 45%;
    position: absolute;
    height: 48%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_3 .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #RUNBANNER .page_3 .sfs.zoom {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_4 .hhh {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  #RUNBANNER .page_4 .sfs {
    width: 88%;
    border-radius: 0 0 13vw 0;
    right: inherit;
    left: 0;
    top: 45%;
    position: absolute;
    height: 48%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_4 .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #RUNBANNER .page_4 .sfs.zoom {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_5 {
    background: url(../img/m_prodss_5.jpg) no-repeat fixed !important;
    background-size: cover !important;
  }
  #RUNBANNER .page_5 .hhh {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  #RUNBANNER .page_5 .sfs {
    width: 88%;
    border-radius: 0 0 13vw 0;
    right: inherit;
    left: 0;
    top: 45%;
    position: absolute;
    height: 48%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_5 .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #RUNBANNER .page_5 .sfs.zoom {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_6 .hhh {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  #RUNBANNER .page_6 .hhh .more {
    position: relative;
    padding: 10vw 0 0 0;
    width: 122px;
  }
  #RUNBANNER .page_6 .sfs {
    width: 88%;
    border-radius: 0 0 13vw 0;
    right: inherit;
    left: 0;
    top: 45%;
    position: absolute;
    height: 48%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_6 .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #RUNBANNER .page_6 .sfs.zoom {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_7 .hhh {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  #RUNBANNER .page_7 .hhh .more {
    position: relative;
    padding: 32vw 0 0 0;
    width: 122px;
  }
  #RUNBANNER .page_7 .sfs {
    width: 88%;
    border-radius: 0 0 13vw 0;
    right: inherit;
    left: 0;
    top: 45%;
    position: absolute;
    height: 48%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  #RUNBANNER .page_7 .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #RUNBANNER .page_7 .sfs.zoom {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  .__mask {
    opacity: 1;
    background-size: cover;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
  .__mask .sfs {
    width: 71%;
    border-radius: 14vw 0 0 0;
    right: 0;
    top: 18%;
    position: absolute;
    height: 71%;
    -webkit-box-shadow: #1a1f22 0 0 0 140vw;
            box-shadow: #1a1f22 0 0 0 140vw;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  .__mask .sfs img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .__mask .sfs.zoom {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  .__mask .sfs.c0 {
    -webkit-box-shadow: #424242 0 0 0 140vw;
            box-shadow: #424242 0 0 0 140vw;
  }
}
/*# sourceMappingURL=product_ss.css.map */