body {
  overflow-x: hidden;
  height: fit-content;
  overflow-y: auto;
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #000000;
  background-color: #FFFFFF;
}

.main {
  position: absolute;
  width: 1920px;
  left: 50%;
  transform-origin: 0 0;
  background: url(https://cdn-file.heheshield.com/web2/directX/tg/4/images/bg-bbc09b165b.png) top center no-repeat;
}

.main .header {
  margin: 0 auto;
  width: 1200px;
  height: 50px;
}

.main .header .logo {
  float: left;
  margin-top: 19px;
  margin-left: 15px;
  width: 146px;
  height: 22px;
  cursor: pointer;
}

.main .header .right {
  float: right;
  margin-top: 31px;
}

.main .header .right a {
  display: inline-block;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
  color: #3D3D3D;
}

.main .header .right a:hover {
  color: #1777EB;
}

.main .header .right a:first-child {
  margin-right: 60px;
}

.main .section1 {
  width: 1200px;
  height: 394px;
  margin: 177px auto 0;
}

.main .section1 .left {
  float: left;
  width: 632px;
  height: 394px;
}

.main .section1 .left > video {
  width: 632px;
  height: 394px;
}

.main .section1 .right {
  float: left;
  margin-left: 64px;
  height: 394px;
  width: 480px;
}

.main .section1 .right .title {
  margin-top: 9px;
  width: 455px;
  height: 59px;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/title-b1b4763285.png") no-repeat;
}

.main .section1 .right .item {
  margin-top: 24px;
  height: 24px;
}

.main .section1 .right .item-icon {
  float: left;
  width: 24px;
  height: 23px;
}

.main .section1 .right .item-icon.warn {
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/warn-ea6a00de33.png") no-repeat;
}

.main .section1 .right .item-icon.repair {
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/repair-469cd99b28.png") no-repeat;
}

.main .section1 .right .item-text {
  float: left;
  margin-left: 8px;
  font-size: 18px;
  color: #FF0000;
  line-height: 24px;
}

.main .section1 .right .item .green {
  color: #0AA339;
}

.main .section1 .right .download {
  margin-top: 24px;
  width: 340px;
  height: 154px;
  cursor: pointer;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/btn1-e2172fe9a4.png") no-repeat;
}

.main .section1 .right .download:hover {
  background-position-x: -340px;
}

.main .section1 .right .download:active {
  background-position-x: -680px;
}

.main .section1 .right .desc {
  margin-top: 24px;
  width: 388px;
  height: 19px;
}

.main .section1 .right .desc > img {
  width: 100%;
  height: 100%;
}

.main .section2 {
  margin: 222px auto 0;
  width: 1200px;
}

.main .section2 > img {
  width: 100%;
  height: 100%;
}

.main .section2 .download {
  margin: 37px auto 0;
  width: 273px;
  height: 71px;
  cursor: pointer;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/btn2-c51299ce2d.png") no-repeat;
}

.main .section2 .download:hover {
  background-position-x: -273px;
}

.main .section2 .download:active {
  background-position-x: -546px;
}

.main .section3 {
  margin: 169px auto 0;
  width: 1693px;
}

.main .section3-title {
  margin: 0 auto;
  width: 742px;
  height: 36px;
}

.main .section3-title > img {
  width: 100%;
  height: 100%;
}

.main .section3-tabs {
  margin: 35px auto 0;
  height: 229px;
  width: 864px;
}

.main .section3-tab {
  width: 202px;
  height: 229px;
  cursor: pointer;
  float: left;
  margin-right: 129px;
}

.main .section3-tab > img {
  display: block;
  margin: 50px auto 0;
  width: 124px;
  height: 88px;
}

.main .section3-tab-text {
  display: block;
  margin-top: 24px;
  text-align: center;
  font-size: 20px;
  color: #282828;
  line-height: 26px;
}

.main .section3-tab.active, .main .section3-tab:hover {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.08) 51%, rgba(0, 113, 234, 0.1) 100%);
}

.main .section3-tab.active > span, .main .section3-tab:hover > span {
  color: #1664FF;
}

.main .section3-content {
  width: 1200px;
  height: 485px;
  margin: 70px auto 0;
  position: relative;
}

.main .section3-content.list {
  margin: 0 auto;
  width: 1200px;
  height: 485px;
}

.main .section3-content.list > img {
  width: 1200px;
  height: 485px;
}

.main .section3-content .section3-arrow-left {
  position: absolute;
  top: 195px;
  left: -117px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/arrow_left-cfa5e1cef9.png") no-repeat;
}

.main .section3-content .section3-arrow-right {
  position: absolute;
  top: 195px;
  right: -117px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/arrow_right-b726beab45.png") no-repeat;
}

.main .section3-content .download {
  position: absolute;
  bottom: 67px;
  left: 64px;
  width: 273px;
  height: 71px;
  cursor: pointer;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/btn2-c51299ce2d.png") no-repeat;
}

.main .section3-content .download:hover {
  background-position-x: -273px;
}

.main .section3-content .download:active {
  background-position-x: -546px;
}

.main .section4 {
  margin: 173px auto 0;
  height: 379px;
  width: 1200px;
}

.main .section4-title {
  margin: 0 auto;
  width: 390px;
  height: 36px;
}

.main .section4-title > img {
  width: 100%;
  height: 100%;
}

.main .section4-content {
  margin: 116px auto 0;
  width: 1200px;
  height: 228px;
}

.main .section4-content > img {
  width: 100%;
  height: 100%;
}

.main .section5 {
  margin: 206px auto 0;
  height: 349px;
  width: 1438px;
  overflow: hidden;
  position: relative;
}

.main .section5-title {
  margin: 0 auto;
  width: 390px;
  height: 36px;
}

.main .section5-title > img {
  width: 100%;
  height: 100%;
}

.main .section5 .carousel-box {
  margin: 89px auto 0;
  height: 225px;
  width: 1200px;
  overflow: hidden;
}

.main .section5 .carousel-box .list {
  width: 4140px;
  height: 225px;
}

.main .section5 .carousel-box .list img {
  width: 545px;
  height: 225px;
  margin-right: 110px;
}

.main .section5 .carousel-box .left {
  position: absolute;
  top: 200px;
  left: 0px;
  width: 48px;
  height: 48px;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/arrow_left-cfa5e1cef9.png") no-repeat;
  cursor: pointer;
  z-index: 99;
}

.main .section5 .carousel-box .right {
  position: absolute;
  top: 200px;
  right: 0px;
  width: 48px;
  height: 48px;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/arrow_right-b726beab45.png") no-repeat;
  cursor: pointer;
  z-index: 99;
}

.main .download {
  margin: 75px auto 0;
  width: 273px;
  height: 71px;
  cursor: pointer;
  background: url("https://cdn-file.heheshield.com/web2/directX/tg/4/images/btn2-c51299ce2d.png") no-repeat;
}

.main .download:hover {
  background-position-x: -273px;
}

.main .download:active {
  background-position-x: -546px;
}

.main .footer {
  margin: 102px auto 70px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #A3A3A3;
}

.main .footer span {
  margin-left: 51px;
}