* {
  padding: 0;
  margin: 0;
}

img {
  border: none;
}

a {
  text-decoration: none;
}

ol,
ul {
  list-style: none;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.clear {
  clear: both;
}

body.pc > div {
  min-width: 1144px;
  text-align: center;
}

body.pc .section1 {
  height: 1085px;
  background: #000000;
}

body.pc .section2 {
  height: 724px;
  background: #e4f3ff;
}

body.pc .section3 {
  height: 311px;
  background: #fff;
}

body.pc .section4 {
  height: 390px;
  line-height: 390px;
  background: #1b1b1b;
  overflow: hidden;
}

body.pc .section4 .footer {
  position: relative;
  margin: 94px auto 0;
  width: 1017px;
  height: 205px;
  vertical-align: middle;
}

body.pc .section4 .footer img {
  vertical-align: top;
}

body.pc .section4 .footer a {
  position: absolute;
  display: inline-block;
  width: 268px;
  height: 24px;
  line-height: 24px;
  right: 0;
  bottom: 0;
  cursor: pointer;
  color: #02cca9;
  text-align: right;
  border: none;
  outline: none;
}

body.mobile {
  width: 100%;
}

body.mobile > div {
  width: 100%;
  text-align: center;
}

body.mobile img {
  display: block;
  width: 20rem;
}

body.mobile .section5 {
  position: relative;
}

body.mobile .section5 a {
  position: absolute;
  display: block;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 4.53rem;
  width: 8.53rem;
  height: 1.28rem;
}