.header.small,.header{background: transparent!important;}
/* 头部 */
.topBox{width: 100%;height: 951px;overflow: hidden;position: relative;}
.topBox>ul>li{width: 100%;height: 951px;}
.topBox>ul>li>img{transform:scale(1.2);-webkit-transform:scale(1.2);}
.topBox .planet1{left: 201px;top: -160px;}
.topBox .planet3{left: 583px;top: 100px;}
.topBox .planet2{left: 735px;top: 165px;}
.topBox .mountain1{top: 43px;}
.topBox .mountain2{top: 532px;}

.topBox .mountain3{bottom: -205px;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.topBox .light1{transform:scale(1.4);-webkit-transform:scale(1.4);}
.topBox .light2{right: 0;transform:scale(1.4);-webkit-transform:scale(1.4);}


.titleBox{width: 1200px;height: 951px;top: 0;padding: 0 20px;}
.txt{position: absolute;letter-spacing: 4px;}
.topBox .txt>p{margin-left: 50px;font-size: 24px;color: #BCBCC1;line-height: 40px;}
.topBox .text1>p{margin-left: 60px;}
.topBox .text1{top: 190px;}
.topBox .text1>.logoImg{width:40px;height:40px;}
.topBox .text2{top: 249px;font-size: 40px;font-weight: bold;color: white;}
.topBox .text3{top: 354px;}
.topBox .text3:before{content:'';background: url('../images/icon1.png') no-repeat;background-size:28px 24px;position: absolute;width:28px;height:24px;margin-top: 8px;}
.topBox .text4{top: 469px;}
.topBox .text4:before{content:'';background: url('../images/icon2.png') no-repeat;background-size:32px 23px;position: absolute;width:32px;height:23px;margin-top: 8px;}
.topBox .txt>ul{margin-top: 10px;width: 600px;}
.topBox .txt>ul>li{display: inline-block;font-size: 18px;margin-right: 15px;line-height: 30px;color: #BCBCC1!important;}
.txt>ul p{color: #BCBCC1!important;}
.topBox .againBtn{top: 642px;color: #FFFFFF;font-size: 26px;width: 376px;height: 72px;
	text-align: center;line-height: 72px;cursor:pointer;
			-webkit-border-radius: 12px;border-radius: 12px;
	    display: block;
			background: rgba(0,0,0,.6);

	    }
.againBtn:hover{background: rgba(0,0,0,.85);}

.topBox .phoneBox{background: url('../images/phoneBg.png') no-repeat;width: 380px;height: 726px;background-size: 100% 100%;left: 670px;top: 118px;}
.top1{top: 55px;}

/* 中间 */
.mainBox{width: 100%;height: 1750px;position: relative;}
.textP{text-align: center;line-height: 2em;}
.textP>span:first-of-type{font-size: 38px;font-weight: bold;letter-spacing: 18px;color: black!important;}
.textP>span:last-of-type{font-size: 14px;color: #6B6B6B;letter-spacing: 8px;}
.mainBox .textINE{margin-left: 20px;}
.mainBox>ul{width: 1100px;top: 90px;}
.mainBox>ul>li{background: url('../images/phoneBg.png') no-repeat;width: 292px;height: 558px;background-size: 100% 100%;display: inline-block;margin: 30px 35px;position: relative;}
.mainBox>ul>li>img{width: 290px;height: 456px;}
.phoneBox>img{width: 376px;height: 596px;}
.mainBox .bottomBg{background: url('../images/code.png') no-repeat;width: 422px;height: 282px;background-size: 100% 100%;bottom: 0;}
.mainBox .bottomBg>img{top: 11px;}

/* 底部 */
.bottomBox{width: 100%;height: 900px;position: relative;overflow: hidden;}
.bottomBox .bottonBg{width: 100%;}
.bottomBox>.textP{top: 200px;}

.bottomBox .swiper-container{width: 1200px;height: 456px;top: 150px;top: 330px;}
.bottomBox .swiper-container>.swiper-wrapper{padding: 0 30px 0 35px;}
.bottomBox .swiper-slide{display: inline-block;position: relative;}
.bottomBox .swiper-slide:nth-of-type(1){margin-left: 40px;}
.swiper-slide>.popBox>a{display: block;width: 100%;height: 100%;cursor: pointer;
    position: absolute;}

.nextBtn{background: url('../images/btnRight.png') no-repeat;background-size: 50px 50px;width: 50px;height: 50px;}
.prevBtn{background: url('../images/btnLeft.png') no-repeat;background-size: 50px 50px; width: 50px;height: 50px;}

.swiper-slide>img{width: 290px;height: 456px;}
.swiper-slide .popBox{width: 290px;height: 456px;background:rgba(0,0,0,.7);position: absolute;}
.popBox .logo{top: 130px;}
.popBox>p{top: 190px;color: white;width: 100%;text-align: center;letter-spacing: 3px;font-size: 18px;overflow: hidden;}
.popBox .circular1{top: 250px;-webkit-animation: circular 3s linear infinite both;animation: object 3s circular infinite both;}
.popBox .circular2{top: 265px;-webkit-animation: circular 3s 1s linear infinite both;animation: object 3s 1s circular infinite both;}
.popBox .circular3{top: 278px;-webkit-animation: circular 3s 2s linear infinite both;animation: object 3s 2s circular infinite both;}
.circular{

}

@-webkit-keyframes circular{
	0%{
		transform: scale(.1);
	    -webkit-transform: scale(.1);
	    opacity: 1;
	}
    50%{
	    transform: scale(2);
	    -webkit-transform: scale(2);
	    opacity: 0;
	}
	100%{
		transform: scale(.1);
	    -webkit-transform: scale(.1);
	    opacity: 1;
	}

}
@keyframes circular{
	0%{
		transform: scale(.1);
	    -webkit-transform: scale(.1);
	    opacity: 1;
	}
    50%{
	    transform: scale(2);
	    -webkit-transform: scale(2);
	    opacity: 0;
	}
	100%{
		transform: scale(.1);
	    -webkit-transform: scale(.1);
	    opacity: 1;
	}
}
.liType{animation: zoomIn 1s both;-webkit-animation: zoomIn 1s both;}
.mainBox>ul>li:nth-of-type(1){}
.mainBox>ul>li:nth-of-type(2){animation-delay:.5s;-webkit-animation-delay:.5s;}
.mainBox>ul>li:nth-of-type(3){animation-delay:1s;-webkit-animation-delay:1s;}
.mainBox>ul>li:nth-of-type(4){animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.mainBox>ul>li:nth-of-type(5){animation-delay:2s;-webkit-animation-delay:2s;}
.mainBox>ul>li:nth-of-type(6){animation-delay:2.5s;-webkit-animation-delay:2.5s;}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}

@media screen and (max-width: 1440px) {
    .topBox{width: 1440px;height: 712px;overflow: hidden;position: relative;}
    /* 头部 */
	.topBox{width: 100%;height: 712px;overflow: hidden;position: relative;}
	.topBox>ul>li{width: 100%;height: 712px;}
	.topBox>ul>li>img{transform:scale(1.2);-webkit-transform:scale(1.2);}
	.topBox .planet1{left: 144px;top: -121px;width: 242px;height: 242px;}
	.topBox .planet3{left: 475px;top: 19px;width: 40px;height: 40px;}
	.topBox .planet2{left: 693px;top: 200px;width: 1000px;height: 375px;}
	.topBox .mountain1{top: 90px;width: 100%;}
	.topBox .mountain2{top: 470px;width: 100%;}

	.topBox .mountain3{bottom: -27.3%;left: 50%;width: 100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
	.topBox .light1{transform:scale(1.4);-webkit-transform:scale(1.4);}
	.topBox .light2{right: 0;transform:scale(1.4);-webkit-transform:scale(1.4);}


	.titleBox{width: 940px;height: 712px;top: 0;padding: 0 20px;}
	.txt{position: absolute;letter-spacing: 4px;}
	.topBox .txt>p{margin-left: 50px;font-size: 22px;color: #BCBCC1;line-height: 40px;}
	.topBox .text1>p{margin-left: 60px;}
	.topBox .text1{top: 93px;}
	.topBox .text1>.logoImg{width:40px;height:40px;}
	.topBox .text2{top: 147px;font-size: 36px;font-weight: bold;color: white;}
	.topBox .text3{top: 227px;}
	.topBox .text3:before{content:'';background: url('../images/icon1.png') no-repeat;background-size:28px 24px;position: absolute;width:28px;height:24px;margin-top: 8px;}
	.topBox .text4{top: 332px;}
	.topBox .text4:before{content:'';background: url('../images/icon2.png') no-repeat;background-size:32px 23px;position: absolute;width:32px;height:23px;margin-top: 8px;}
	.topBox .txt>ul{margin-top: 10px;width: 460px;}
	.topBox .txt>ul>li{display: inline-block;font-size: 16px;margin-right: 15px;line-height: 30px!important;color: #BCBCC1!important;}
	.txt>ul p{color: #BCBCC1!important;}
	.topBox .againBtn{top: 495px;color: #FFFFFF;font-size: 18px;width: 231px;height: 60px;
		text-align: center;line-height: 60px;cursor:pointer;
		-webkit-border-radius: 12px;border-radius: 12px;
		display: block;
		background: rgba(0,0,0,.5);
	}
	.againBtn:hover{background: rgba(0,0,0,.85);}

	.topBox .phoneBox{background: url('../images/phoneBg.png') no-repeat;width: 286px;height: 544px;background-size: 100% 100%;left: 513px;top: 134px;}
	.topBox .phoneBox>img{width: 284px;height: 447px;}
	.top1{top: 40px;}

	/* 中间 */
	.mainBox{width: 100%;height: 1500px;position: relative;}
	.textP{text-align: center;line-height: 2em;margin-top: 30px;}
	.textP>span:first-of-type{font-size: 38px;font-weight: bold;letter-spacing: 18px;}
	.textP>span:last-of-type{font-size: 14px;color: #6B6B6B;letter-spacing: 8px;}
	.mainBox .textINE{margin-left: 20px;}
	.mainBox>ul{width: 920px;top: 90px;}
	.mainBox>ul>li{background: url('../images/phoneBg.png') no-repeat;width: 232px;height: 440px;background-size: 100% 100%;display: inline-block;margin: 30px 35px;position: relative;}
	.mainBox>ul>li>img{width: 230px;height: 362px;}
	.phoneBox>img{width: 376px;height: 596px;}
	.mainBox .bottomBg{background: url('../images/code.png') no-repeat;width: 422px;height: 282px;background-size: 100% 100%;bottom: 0;}
	.mainBox .bottomBg>img{top: 11px;}
	.mainBox .top1{top: 30px;}

	/* 底部 */
	.bottomBox{width: 100%;height: 800px;position: relative;}
	.bottomBox .bottonBg{width: 100%;}
	.bottomBox>.textP{top: 200px;}

	.bottomBox .swiper-container{width: 936px;height: 365px;top: 150px;top: 330px;}
	.bottomBox .swiper-container>.swiper-wrapper{padding: 0 30px 0 20px;}
	.bottomBox .swiper-slide{display: inline-block;position: relative;}


	.nextBtn{background: url('../images/btnRight.png') no-repeat;background-size: 40px 40px;width: 40px;height: 40px;}
	.prevBtn{background: url('../images/btnLeft.png') no-repeat;background-size: 40px 40px; width: 40px;height: 40px;}

	.swiper-slide>img{width: 232px;height: 365px;}
	.swiper-slide .popBox{width: 232px;height: 365px;background:rgba(0,0,0,.7);position: absolute;}
	.popBox .logo{top: 100px;}
	.popBox>p{top: 160px;color: white;width: 100%;text-align: center;letter-spacing: 3px;font-size: 18px;overflow: hidden;}
	.popBox .circular1{top: 220px;-webkit-animation: circular 3s linear infinite both;animation: object 3s circular infinite both;}
	.popBox .circular2{top: 235px;-webkit-animation: circular 3s 1s linear infinite both;animation: object 3s 1s circular infinite both;}
	.popBox .circular3{top: 248px;-webkit-animation: circular 3s 2s linear infinite both;animation: object 3s 2s circular infinite both;}
}