* {
  font-family: 'ArialMT';
}
a {
  text-decoration: none;
}
.xCenter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.yCenter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.allCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btnStyle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 70px;
  line-height: 70px;
  background-color: #222739;
  color: #12e7e5;
  font-size: 24px;
  position: relative;
  border: 2px solid #12e7e5;
  text-align: center;
}
.btnBefore {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  margin-right: 13px;
  background: url('../img/index/download.png');
}
.btnGroup.active a:nth-child(1) {
  border-color: #12e7e5;
}
.btnGroup.active a:nth-child(2) {
  border-color: #12e7e5;
}
.btnGroup a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 70px;
  line-height: 70px;
  background-color: #222739;
  color: #12e7e5;
  font-size: 24px;
  position: relative;
  border: 2px solid #12e7e5;
  text-align: center;
  margin-right: 20px;
  font-weight: bold;
}
.btnGroup a::before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  margin-right: 13px;
  background: url('../img/index/download.png');
}
.btnGroup a:hover {
  color: #fff;
  background-color: #12e7e5;
  border-color: #12e7e5 !important;
}
.btnGroup a:hover::before {
  background-image: url('../img/index/downloadActive.png');
}
.btnGroup a:nth-child(2) {
  display: none;
}
.container {
  width: 1920px;
  margin: 0 auto;
}
.container .top {
  height: 866px;
  background: url('../img/index/bg1.png') no-repeat;
}
.container .top .desc {
  margin: 70px 196px 0;
  width: 1100px;
}
.container .top .desc .big {
  font-weight: bold;
  font-size: 68px;
  line-height: 66px;
  color: #fff;
  margin-bottom: 28px;
}
.container .top .desc .big span {
  color: #12e7e5;
}
.container .top .desc p:nth-of-type(1) {
  color: #fff;
  font-size: 24px;
  line-height: 30px;
}
.container .top .desc p:nth-of-type(2) {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 58px;
}
.container .top .desc .btnGroup {
  margin: 45px 0 36px;
}
.container .top .desc ul {
  overflow: hidden;
}
.container .top .desc ul li {
  display: inline-flex;
  width: 510px;
  margin-bottom: 33px;
  line-height: 22px;
  color: #fff;
  font-size: 18px;
}
.container .top .desc ul li::before {
  content: "";
  margin-right: 5px;
  width: 18px;
  height: 18px;
  background: url('../img/index/before.png') no-repeat;
}
.container .top .desc2 {
  margin: 70px 196px 0;
  width: 1100px;
}
.container .top .desc2 .big {
  font-weight: bold;
  font-size: 72px;
  line-height: 66px;
  color: #fff;
}
.container .top .desc2 .big span {
  color: #12e7e5;
}
.container .top .desc2 p:nth-of-type(1) {
  margin: 32px 0 74px;
  color: #fff;
  font-size: 24px;
}
.container .top .desc2 p:nth-of-type(2) {
  color: #fff;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 68px;
}
.container .top .desc2 .btnGroup {
  margin-bottom: 36px;
}
.container .top .desc2 ul {
  overflow: hidden;
}
.container .top .desc2 ul li {
  margin-bottom: 40px;
  font-size: 18px;
  color: #fff;
}
.container .top .desc2 ul li::before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 18px;
  height: 18px;
  background: url('../img/index/before.png') no-repeat;
  vertical-align: top;
}
.container header {
  height: 80px;
  margin: 0 196px;
}
.container header .logo {
  height: 52px;
  line-height: 52px;
  margin: 14px 89px 0 0;
  float: left;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
}
.container header .logo img {
  float: left;
  margin-right: 15px;
}
.container header ul {
  float: left;
  height: 80px;
  line-height: 80px;
}
.container header ul li {
  cursor: pointer;
  float: left;
  margin-right: 35px;
}
.container header ul li:hover a {
  color: #13eceb;
}
.container header ul li.active a {
  color: #13eceb;
  font-weight: bold;
}
.container header ul li a {
  font-size: 22px;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}