* {
  margin: 0;
  padding: 0; }

html, body {
  position: relative;
  height: 100%; }

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
  overflow: hidden; }

.content-container {
  width: 750px;
  margin: 0 auto;
  list-style: none;
  background: #fff; }
.content-item {
  list-style: none;
  font-size: 0; }

.entrance {
  position: absolute;
  z-index: 12;
  width: 100%;
  min-width: 1000px;
  height: 54px;
  font-size: 0;
  text-align: center; }
  .entrance.one {
    bottom: 6%; }
  .entrance.oneHide {
    top: 0; }
  .entrance.two {
    background-color: #333;
    top: 70px;
    transition: top 2s ease 0s; }
    .entrance.two a {
      animation: none !important;
      top: 0 !important; }
  .entrance a {
    position: relative;
    top: 200%;
    display: inline-block;
    width: 96px;
    height: 30px;
    margin: 10px 42px;
    font: 24px 'Microsoft Yahei';
    color: #ffffff; }
  .entrance a.home {
    background-position: 0px 0;
    animation: flyUp 0.8s 0s forwards; }
    .entrance a.home.on, .entrance a.home:hover {
      color: #e2ba7b; }
  .entrance a.data {
    background-position: -100px 0;
    animation: flyUp 0.8s 0.2s forwards; }
    .entrance a.data.on, .entrance a.data:hover {
      color: #e2ba7b; }
  .entrance a.praise {
    background-position: -200px 0;
    animation: flyUp 0.8s 0.4s forwards; }
    .entrance a.praise.on, .entrance a.praise:hover {
      color: #e2ba7b; }
  .entrance a.phenomenon {
    background-position: -300px 0;
    animation: flyUp 0.8s 0.6s forwards; }
    .entrance a.phenomenon.on, .entrance a.phenomenon:hover {
      color: #e2ba7b; }
  .entrance a.industry {
    background-position: -400px 0;
    animation: flyUp 0.8s 0.8s forwards; }
    .entrance a.industry.on, .entrance a.industry:hover {
      color: #e2ba7b; }

.cover-nav {
  display: none;
  left: 50%;
  position: absolute;
  bottom: 0;
  z-index: 9999;
  margin-left: -calc(100vw / 1080 * 71.9999)/2;
  padding-right: 4px;
  width: calc(100vw / 1080 * 71.9999);
  height: calc(100vw / 1080 * 27);
  min-width: 64px;
  min-height: 24px; }

.cover-nav .nav-tab {
  bottom: -18%; }

.cover-nav.show {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.cover-nav svg {
  position: relative;
  width: 100%;
  cursor: pointer; }

.cover-nav .arrow {
  position: absolute;
  bottom: calc(100vw/1080 * 4.5);
  left: -4px;
  right: 0;
  margin: 0 auto;
  width: calc(100vw/1080 * 6.749);
  height: calc(100vw/1080 * 4.499);
  min-width: 10px;
  min-height: 6px; }

.cover-nav.arrup .arrow {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg); }

.cover-nav.arrdown.loop .arrow {
  -webkit-animation: arrhover-down .6s 4 ease-out;
  animation: arrhover-down 0.6s 4 ease-out; }

.cover-nav.arrup.loop .arrow {
  -webkit-animation: arrhover-up .6s 4 ease-out;
  animation: arrhover-up 0.6s 4 ease-out; }

@keyframes flyUp {
  0% {
    top: 150%; }
  40% {
    top: -65%; }
  100% {
    top: 0; } }
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0); } }
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.head {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }

.swiper-container {
  width: 100%;
  height: 100%; }
.swiper-wrapper {
  width: 100%;
  transition-timing-function: ease-in; }
.swiper-slide {
  font-size: 18px;
  background: #fff; }

.page-head {
  /* Center slide text vertically*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0; }
.page-bg {
  width: 100%;
  height: 100%;
  border-top: 70px solid transparent;
  background: url(../img/cover.jpg) center center no-repeat;
  background-size: 100%; }
.page-body {
  width: 100%;
  min-width: 750px;
  background-color: #fdfbf9;
  overflow-x: hidden; }
  .page-body.slideDown {
    margin-top: 70px;
    transition: 2s ease 0s; }

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