body {
  overflow: hidden;
  height: 100%;
  background-color: #f3f3f3;
  font-family: arial, "Microsoft Yahei", "微软雅黑", sans-serif;
}
* {
  padding: 0;
  margin: 0;
}
.text h3 {
  font-size: 32px;
  color: #6f6d6e;
  margin: 0 0 28px 0;
}
.text p {
  font-size: 20px;
  color: #b6b6b6;
  margin: 10px 0 0 0;
}
.page-index {
  height: 100%;
}
.page-wrapper {
  height: 100%;
}
.header,
.footer {
  visibility: hidden;
}
.main {
  height: 100%;
}
.main {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.main .segment {
  height: 100%;
  min-height: 100%;
}
.main .segment .left.text {
  position: absolute;
  display: block;
  width: 371px;
  height: 200px;
  top: 50%;
  left: 35%;
  margin: -100px 0 0 -285.5px;
  z-index: 1000;
}
.main .segment .right.text {
  position: absolute;
  width: 371px;
  height: 200px;
  top: 50%;
  left: 75%;
  margin: -100px 0 0 -185.5px;
}
.main .segment.segment-1 {
  min-height: 100%;
  height: 100%;
}
.main .segment.segment-1 .right {
  position: absolute;
  width: 387px;
  height: 569px;
  top: 50%;
  left: 50%;
  margin: -284.5px 0 0 0;
}
.main .segment.segment-2 {
  height: 100%;
}
.main .segment.segment-2 .left {
  position: absolute;
  width: 341px;
  height: 397px;
  display: block;
  top: 50%;
  left: 30%;
  margin: -175.5px 0 0 -195.5px;
}
.main .segment.segment-3 {
  height: 100%;
}
.main .segment.segment-3 .right {
  display: block;
  position: absolute;
  width: 355px;
  height: 399px;
  top: 50%;
  left: 75%;
  margin: -199.5px 0 0 -177.5px;
}
.main .segment.segment-4 {
  height: 100%;
}
.main .segment.segment-4 .left {
  display: block;
  position: absolute;
  width: 484px;
  height: 428px;
  top: 50%;
  left: 25%;
  margin: -214px 0 0 -242px;
}
ul,
li,
a {
  list-style: none;
  text-decoration: none;
}
ul:hover,
li:hover,
a:hover {
  text-decoration: solid;
}
.download {
  position: fixed;
  left: 5%;
  bottom: 5%;
}
.download:hover {
  text-decoration: solid;
}