html, body {
	width: 100%;
	min-height: 100%;
	min-width: 1200px;
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Helvetica, Arial, sans-serif;
	background-color: #000
}
a, p, div, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}
a {
	text-decoration: none
}
.fl {
	float: left
}
.fr {
	float: right
}
.clearfix {
	clear: both
}
.inlineBlock {
	display: inline-block
}
.block {
	display: block
}
.screenBox {
	height: 1080px
}
.alineCenter {
	text-align: center
}
.overHidden {
	overflow: hidden
}
.bigTitleWord {
	font-size: 64px;
	font-weight: 400;
	line-height: 90px;
	color: rgba(255,255,255,1);
	padding: 0 100px;
	margin-left: 48px
}
.midTitleWord {
	display: block;
	width: 1000px;
	margin: 20px auto 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	color: #999
}
.titlesTransformDefault {
	opacity: 0;
	position: relative;
	top: 60px
}
.titlesTransformActive {
	opacity: 1;
	top: 0;
	transition: opacity 1s, top 1s;
	-moz-transition: opacity 1s, top 1s;
	-ms-transition: opacity 1s, top 1s;
	-webkit-transition: opacity 1s, top 1s;
	-o-transition: opacity 1s, top 1s
}
.header {
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	height: 48px;
	width: 100%
}
.menus {
	width: 1200px;
	height: 100%;
	margin: 0 auto
}
.logo {
	height: 28px;
	margin-top: 10px;
	font-size: 16px;
	color: rgba(255,255,255,1);
	line-height: 28px;
	font-weight: 400
}
.logo img {
	width: 28px;
	height: 28px;
	margin-right: 8px
}
.links {
	color: rgba(164,164,164,1);
	font-size: 14px;
	line-height: 20px;
	margin: 14px 0 0 40px
}
.links:hover {
	color: #fff
}
.links.new {
	position: relative;
	width: 127px
}
.links.new span {
	background: url(https://se2.360simg.com/t0177f6d71863f725e2.png) center no-repeat;
	position: absolute;
	right: 0;
	top: 3px;
	width: 28px;
	height: 14px;
	background-size: contain
}
.downloadNow {
	width: 86px;
	height: 28px;
	background: linear-gradient(180deg, rgba(64,159,236,1) 0, rgba(0,119,204,1) 100%);
	border-radius: 15px;
	color: rgba(255,255,255,1);
	line-height: 28px;
	margin-top: 10px
}
.bannerBox {
	position: relative;
	left: 0;
	top: 0;
	background-image: url(https://se3.360simg.com/t01ca0abe1bf3cb898b.png);
	background-repeat: no-repeat;
	background-size: 1920px 1080px;
	background-position: top center
}
.bannerContent, .bannerDarkBgBox {
	width: 100%;
	height: 100%;
	padding-top: 178px;
	position: absolute;
	left: 0;
	top: 0
}
.bannerContent {
	z-index: 2
}
.bannerDarkBgBox {
	z-index: 1;
	background-image: url(https://se1.360simg.com/t01777e9cd9d9a432a5.png);
	background-repeat: no-repeat;
	background-size: 1920px 1080px;
	background-position: top center
}
.bannerBigTitle {
	margin-bottom: 8px
}
.bannerMidTitle {
	margin-top: 0
}
.bannerDownload {
	width: 224px;
	height: 56px;
	border-radius: 16px;
	font-size: 20px;
	color: rgba(255,255,255,1);
	background: #017AFF;
	line-height: 56px;
	margin: 34px auto 0
}
.bannerDownload img {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	vertical-align: sub
}
.bannerDownload.bannerDownloadWhite {
	color: #000;
	background: #FFF
}
.bannerDownload.bannerDownloadWhite:hover {
	background: linear-gradient(0deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), #FFF
}
.bannerDownload:hover {
	background: linear-gradient(0deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1)), #017AFF
}
.bannerTips {
	font-size: 14px;
	color: #999;
	margin-top: 10px
}
.bannerTips img {
	width: 14px;
	height: 14px;
	margin-right: 5px
}
.bannerStar {
	width: 95px;
	position: absolute;
	opacity: 0
}
.downloadBox {
	width: 468px;
	margin: 0 auto
}
.a-down-link {
	text-align: center;
	margin-top: 10px
}
.a-down-link a {
	display: inline-block;
	margin: 0 10px;
	font-size: 14px;
	color: #999;
	text-decoration: underline
}
.a-down-link a:hover {
	color: #fff
}
@keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:58%
}
25% {
top:200px;
left:47%
}
50%, 75% {
opacity:1
}
50% {
top:335px;
left:36%
}
75% {
top:470px;
left:25%
}
100% {
top:605px;
left:14%;
opacity:0
}
}
@-webkit-keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:58%
}
25% {
top:200px;
left:47%
}
50%, 75% {
opacity:1
}
50% {
top:335px;
left:36%
}
75% {
top:470px;
left:25%
}
100% {
top:605px;
left:14%;
opacity:0
}
}
@-moz-keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:58%
}
25% {
top:200px;
left:47%
}
50%, 75% {
opacity:1
}
50% {
top:335px;
left:36%
}
75% {
top:470px;
left:25%
}
100% {
top:605px;
left:14%;
opacity:0
}
}
@-ms-keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:58%
}
25% {
top:200px;
left:47%
}
50%, 75% {
opacity:1
}
50% {
top:335px;
left:36%
}
75% {
top:470px;
left:25%
}
100% {
top:605px;
left:14%;
opacity:0
}
}
@-o-keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:58%
}
25% {
top:200px;
left:47%
}
50%, 75% {
opacity:1
}
50% {
top:335px;
left:36%
}
75% {
top:470px;
left:25%
}
100% {
top:605px;
left:14%;
opacity:0
}
}
@keyframes starAnimation2 {
0%, 25% {
opacity:1
}
0% {
top:150px;
left:90%
}
25% {
top:230px;
left:81%
}
50%, 75% {
opacity:1
}
50% {
top:310px;
left:72%
}
75% {
top:390px;
left:63%
}
100% {
top:470px;
left:54%;
opacity:0
}
}
@-webkit-keyframes starAnimation2 {
0%, 25% {
opacity:1
}
0% {
top:150px;
left:90%
}
25% {
top:230px;
left:81%
}
50%, 75% {
opacity:1
}
50% {
top:310px;
left:72%
}
75% {
top:390px;
left:63%
}
100% {
top:470px;
left:54%;
opacity:0
}
}
@-moz-keyframes starAnimation2 {
0%, 25% {
opacity:1
}
0% {
top:150px;
left:90%
}
25% {
top:230px;
left:81%
}
50%, 75% {
opacity:1
}
50% {
top:310px;
left:72%
}
75% {
top:390px;
left:63%
}
100% {
top:470px;
left:54%;
opacity:0
}
}
@-ms-keyframes starAnimation2 {
0%, 25% {
opacity:1
}
0% {
top:150px;
left:90%
}
25% {
top:230px;
left:81%
}
50%, 75% {
opacity:1
}
50% {
top:310px;
left:72%
}
75% {
top:390px;
left:63%
}
100% {
top:470px;
left:54%;
opacity:0
}
}
@-o-keyframes starAnimation2 {
0%, 25% {
opacity:1
}
0% {
top:150px;
left:90%
}
25% {
top:230px;
left:81%
}
50%, 75% {
opacity:1
}
50% {
top:310px;
left:72%
}
75% {
top:390px;
left:63%
}
100% {
top:470px;
left:54%;
opacity:0
}
}
.safeBox {
	width: 1200px;
	margin: 0 auto;
	padding: 68px 0
}
.earthBox {
	height: 600px;
	background-image: url(https://se2.360simg.com/t0122c558da1d2c81ab.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.safeBigTitle {
	margin-top: 290px
}
.pointBox {
	width: 930px;
	margin: -50px auto 0;
	display: flex;
	justify-content: space-around;
	opacity: 0
}
.privateBox {
	padding-bottom: 100px
}
.privateBigTitle {
	margin: 210px auto 0
}
.privateImg {
	width: 813px;
	height: 478px;
	margin: 72px auto 0;
	opacity: 0;
	position: relative;
	top: 80px
}
.allPlatformBigTitle {
	margin: 160px auto 0
}
.allPlatformPointBox {
	margin-top: 48px
}
.allPlatformImgBox {
	position: relative;
	top: 0;
	left: 0;
	height: 846px;
	background-image: url(https://se2.360simg.com/t01494188b29e1a281b.png);
	background-repeat: repeat-x;
	background-size: 50px 846px
}
.allPlatformImg {
	width: 1020px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -510px
}
.allPlatformImg0 {
	z-index: 2;
	opacity: 0
}
.allPlatformImg1 {
	z-index: 1
}
.powerfulBox {
	margin-top: 96px;
	position: relative;
	top: 0;
	left: 0
}
.swiperImgBox {
	width: 630px;
	height: 394px;
	background: rgba(25,25,29,1)
}
.swiperDesBox {
	margin-top: 37px;
	color: #999
}
.swiperDesIconBox {
	font-size: 14px;
	width: 74px;
	margin-right: 10px
}
.swiperDesIcon {
	width: 56px;
	height: 56px;
	margin: 0 auto 12px
}
.swiperDes {
	width: calc(100% - 85px);
	font-size: 16px;
	line-height: 26px;
	margin-top: 2px
}
.customPagination {
	margin-top: 60px;
	height: 20px
}
.mojaveBigTitle {
	margin: 240px auto 0
}
.mojaveImgBox, .rangeInputLabel {
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.mojaveImgBox {
	width: 782px;
	height: 452px;
	margin: 83px auto 20px;
	position: relative;
	top: 0;
	background-image: url(https://se3.360simg.com/t0146d81795fc4993cc.png)
}
.rangeInputLabel {
	width: 58px;
	height: 486px;
	background-image: url(https://se2.360simg.com/t01d4724db82ca0255f.png);
	position: absolute;
	top: -17px;
	margin-left: -29px;
	z-index: 2
}
.topShowBox {
	width: 0;
	height: 100%;
	background-image: url(https://se2.360simg.com/t012330ce0255b12798.png);
	background-repeat: no-repeat;
	background-size: 782px 452px;
	background-position: left top
}
.electricBox {
	padding-bottom: 160px
}
.electricBigTitle {
	margin: 255px auto 0
}
.electricVideoBox {
	width: 1000px;
	height: 580px;
	background: #1b1b1d;
	margin: 64px auto 0;
	position: relative;
	top: 0;
	left: 0
}
.video {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}
.paramBox {
	width: 480px;
	padding-top: 56px;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 2
}
.paramTitle {
	font-size: 18px;
	color: rgba(255,255,255,1);
	margin: 12px 0
}
.barBox {
	width: 408px;
	height: 190px;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2)
}
.greenBar {
	width: 0;
	height: 8px;
	background: linear-gradient(270deg, rgba(55,214,121,1) 0, rgba(0,186,85,1) 100%);
	margin-top: 35px
}
.darkBar {
	width: 0;
	height: 8px;
	background: linear-gradient(90deg, rgba(96,93,104,1) 0, rgba(182,181,189,1) 100%)
}
.barTip {
	font-size: 14px;
	color: rgba(208,208,208,1);
	line-height: 20px;
	margin: 10px 0 22px
}
.times {
	font-size: 44px;
	color: rgba(55,214,121,1)
}
.footer {
	height: 186px;
	text-align: center;
	color: #666;
	font-size: 12px;
	line-height: 30px;
	padding-top: 70px;
	background: rgba(25,25,29,1)
}
.times span {
	font-size: 70px
}
.footer a {
	color: #666
}
.point .circle {
	width: 68px;
	height: 68px;
	border-radius: 100%;
	margin: 0 auto 13px
}
.point .word {
	font-size: 20px;
	color: #999;
	text-align: center
}
.allPlatformPointBox .circle {
	width: 60px;
	height: 60px;
	margin-bottom: 16px
}
.swiper-slide .swiperImg {
	width: 630px;
	height: 394px
}
.customPagination .swiper-pagination-bullet {
	display: inline-block;
	width: 110px;
	height: 2px;
	background: rgba(72,72,76,1);
	border-radius: 2px;
	margin: 0 10px;
	cursor: pointer;
	opacity: 1
}
.customPagination .swiper-pagination-bullet-active {
	background: rgba(255,255,255,1)
}
.point .circle img {
	width: 100%
}
#swiper {
	margin-top: 84px
}
#rangeInput {
	direction: ltr;
	cursor: ew-resize;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: transparent;
	width: 100%;
	position: absolute;
	top: calc(50% + 10px);
	z-index: 3;
	opacity: 0
}
#swiper .swiper-wrapper .swiper-slide, #swiper .swiper-wrapper .swiper-slide-active {
	display: inline-block;
	width: 630px
}
@media screen and (max-width:1440px) {
.bigTitleWord {
	font-size: 52px;
	line-height: 72px;
	margin-left: 18px
}
.midTitleWord {
	font-size: 16px;
	line-height: 26px;
	margin-top: 16px
}
.bannerBox, .bannerDarkBgBox {
	height: 900px;
	background-size: cover;
	background-position: bottom center
}
.bannerContent {
	padding-top: 140px
}
.safeBox {
	padding: 108px 0
}
.privateBox, .allPlatformBox {
	margin: 40px 0
}
.powerfulBox {
	margin: 136px auto 40px
}
.mojaveBox, .electricBox {
	margin: 40px 0
}
@keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:55%
}
25% {
top:165px;
left:44%
}
50%, 75% {
opacity:1
}
50% {
top:265px;
left:33%
}
75% {
top:365px;
left:22%
}
100% {
top:465px;
left:11%;
opacity:0
}
}
@-webkit-keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:55%
}
25% {
top:165px;
left:44%
}
50%, 75% {
opacity:1
}
50% {
top:265px;
left:33%
}
75% {
top:365px;
left:22%
}
100% {
top:465px;
left:11%;
opacity:0
}
}
@-moz-keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:55%
}
25% {
top:165px;
left:44%
}
50%, 75% {
opacity:1
}
50% {
top:265px;
left:33%
}
75% {
top:365px;
left:22%
}
100% {
top:465px;
left:11%;
opacity:0
}
}
@-ms-keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:55%
}
25% {
top:165px;
left:44%
}
50%, 75% {
opacity:1
}
50% {
top:265px;
left:33%
}
75% {
top:365px;
left:22%
}
100% {
top:465px;
left:11%;
opacity:0
}
}
@-o-keyframes starAnimation1 {
0%, 25% {
opacity:1
}
0% {
top:65px;
left:55%
}
25% {
top:165px;
left:44%
}
50%, 75% {
opacity:1
}
50% {
top:265px;
left:33%
}
75% {
top:365px;
left:22%
}
100% {
top:465px;
left:11%;
opacity:0
}
}
}
.banner {
    text-align: center;
}

.banner a {
    display: inline-block;
}

.banner p {
    text-align: center;
}
.center-text {
    text-align: center;
    color: white;
}