*{margin: 0;padding: 0;}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none;}
a:hover, a:active, a:focus{text-decoration: none;}
a:active{color:#aaa;}
img{vertical-align:bottom;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
table { border-collapse:collapse; border-spacing:0}
header, footer, article, section, nav, menu, hgroup {display: block;clear:all;}
@font-face {
font-family: hyjh;
src: url(/css/font/hyjhj.eot);
src: url(/css/font/hyjhj.eot?) format("embedded-opentype"), url(/css/font/hyjhj.woff) format("woff"), url(/css/font/hyjhj.ttf) format("truetype");
  
}

@font-face {
font-family: TrimRegular;
src: url(/css/font/Trim-Regular.eot);
src: url(/css/font/Trim-Regular.eot?) format("embedded-opentype"), url(/css/font/Trim-Regular.woff) format("woff"), url(/css/font/Trim-Regular.ttf) format("truetype");
font-style: normal;
font-weight: 400;
}
html,body{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #fff;font-family:"TrimRegular","hyjh";}

/* 清除浮动 */ 
.clear{ 
clear:both; 
display:block; 
overflow:hidden; 
height:0; 
line-height:0; 
font-size:0; 
} 

#loadingBg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;background: #fff;}
#loadingBg img{width: 300px;height: 300px;position: absolute;top: 50%;margin-top: -250px;left: 50%;margin-left: -150px;}
#loadingBg p{width: 300px;height: 20px;position: absolute;top: 50%;margin-top: 10px;left: 50%;margin-left: -150px;text-align: center;font-size: 20px;color: #000;}

.pageIndex{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}

.return{width: 120px;height: 40px;background: url(../img/return.png);position: absolute;left: 15px;top: 15px;z-index: 99;}
.driveBtn{width: 537px;height: 63px;background: url(../img/driveBtn.png);position: absolute;left: 50%; margin-left: -270px; bottom: 25px;z-index: 99;}

.pageIndex .top{width: 3600px;height: 100%;background: url(../img/top.jpg);left: 50%;position: absolute;    margin-left: -1800px;background-repeat-y:no-repeat;}

.pageIndex .foot{width: 3600px;height: 563px;left: 50%;position: absolute; top:487px;margin-left: -1800px;}
.pageIndex .foot img{width: 600px;float: left;}

.lines{width: 100%;height: 50px;position: absolute;bottom: 40px;}
.lines .d{width: 100%;height: 1px;background: #fff;position: absolute;top: 25px;}
.slideCue{width: 50px;height: 50px;position: absolute;left: 50%;margin-left: -25px;top: 0;}

.slideCue .rotateOut{width: 50px;height: 50px;position: absolute;top: 0;left: 0;background: url(../img/slideCue.png);}
.slideCue .rotateIn{width: 50px;height: 50px;position: absolute;top: 0;left: 0;background: url(../img/slideCueIn.png);}


@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
	}
}

.rotateOut {
	-webkit-animation: rotateOut 5s infinite linear;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(-360deg);
	}
}

.rotateIn {
	-webkit-animation: rotateIn 5s infinite linear;
}

.rotateOutSlow {
	-webkit-animation: rotateOut 60s infinite linear;
}

img.indexImgAni{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;}

@-webkit-keyframes indexImgAni {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.indexImgAni {
	-webkit-animation: indexImgAni 0.6s forwards linear;
}

.circles{width: 100%;}
.circles span{width: 10px;height: 10px;background: #fff;border-radius: 5px;position: absolute;top: 50%;margin-top: -5px;margin-left: -5px;}
.circles span:nth-of-type(1){left: 5%;}
.circles span:nth-of-type(2){left: 20%;}
.circles span:nth-of-type(3){left: 35%;}
.circles span:nth-of-type(4){left: 50%;}
.circles span:nth-of-type(5){left: 65%;}
.circles span:nth-of-type(6){left: 80%;}
.circles span:nth-of-type(7){left: 95%;}
.circles i{width: 49px;height: 33px;background: url(../img/open.png);position: absolute;top: -33px;left: 50%;margin-left: -24px;}

.arrL{width: 80px;height: 80px;background: url(../img/arr.png);position: absolute;left:0;top:50%;z-index: 15; }
.arrR{width: 80px;height: 80px;background: url(../img/arr.png); -webkit-transform:rotateY(180deg); position: absolute;right:0;top: 50%;z-index: 15; }
@-webkit-keyframes arrL {
	0% {
		-webkit-transform:translateX(0);
	}
	50% {
		-webkit-transform:translateX(-10px);
	}
	100% {
		-webkit-transform:translateX(0);
	}
}

.arrL {
	-webkit-animation: arrL 2s infinite linear;
}

@-webkit-keyframes arrR {
	0% {
		-webkit-transform:rotateY(180deg) translateX(0);
	}
	50% {
		-webkit-transform:rotateY(180deg) translateX(-10px);
	}
	100% {
		-webkit-transform:rotateY(180deg) translateX(0);
	}
}

.arrR {
	-webkit-animation: arrR 2s infinite linear;
}


.slideImg{width: 4480px;height: 100%;position: absolute;top: 0;left: 50%; margin-left: -2240px; z-index: 9;}
.slideImg .p{width: 640px;height: 100%;float: left;position: relative;opacity: 1;}
.slideImg img{width: 640px;}
.slideImg .boc{width: 640px;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;display: none;}

.logo{width: 172px;height: 30px;background: url(../img/logo.png);position: absolute;right: 26px;top: 26px;}

/*视频组件*/
#videoS{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10;display: none;overflow: hidden;}
#videoS video{width: 640px;height: 1050px; background: #000;}

/*预约试驾*/
#driveBd{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background: #fff;overflow: hidden;display: none;}
#driveBd img{width: 100%;}
#driveBd input[type="text"]{width: 246px;height: 36px;position: absolute;left: 259px;top: 200px;background: none;border:0;font-size: 20px;text-indent: 10px;}

#driveBd input[type="tel"]{width: 246px;height: 36px;position: absolute;left: 259px;top: 258px;background: none;border:0;font-size: 20px;text-indent: 10px;}

#driveBd select{width: 246px;height: 36px;position: absolute;left: 259px;-webkit-appearance:none;background: none;font-size: 20px;text-indent: 10px;border:0;}
#model{top: 317px;}
#city{top: 374px;}
#dealer{top: 434px;}

#subBtn{width: 400px;height: 57px;background: none;position: absolute;top: 520px;left: 120px;z-index: 9;}

/*哈勃*/
.haboEnter{width: 152px;height: 47px;background: url(../img/haboEnter.png);position: absolute;top: 321px;left: 82px;opacity: 0;}
.haboLine{width: 58px;height: 0px;background: url(../img/haboLine.png);position: absolute;top: 350px;left: 149px;}
.haboTxt{width: 292px;height: 151px;background: url(../img/haboTxt.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.haboTxt1s{width: 292px;height: 151px;background: url(../img/haboTxt1-1.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.haboTxt2s{width: 292px;height: 151px;background: url(../img/haboTxt1-2.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.haboTxt3s{width: 292px;height: 151px;background: url(../img/haboTxt1-3.png);position: absolute;top: 575px;left: 141px;opacity: 0;}

@-webkit-keyframes flashIn {
	0%,30% {
		opacity: 0;
	}
	10,80% {
		opacity: 0.2;
	}
	20,90% {
		opacity: 0.3;
	}
	40%,60% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

.flashIn {
	-webkit-animation: flashIn 1s forwards linear;
}

@-webkit-keyframes haboLine {
	0%{
		height: 0;
	}
	100% {
		height: 233px;
	}
}

.haboLine {
	-webkit-animation: haboLine 0.3s forwards linear;
}

@-webkit-keyframes haboTxt1sAni {
	0%,30% {
		opacity: 0;
	}
	10,70% {
		opacity: 1;
	}
	40%,60% {
		opacity: 1;
	}
	50%,80%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.haboTxt1sAni {
	-webkit-animation: haboTxt1sAni 1s forwards linear;
}

.pageHb{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageHb img{width: 100%;}
.haboLine2{width:0px;height: 178px;background: url(../img/haboLine2.png);position: absolute;top: 408px;left: 194px;}
.haboTxt2{width: 0px;height: 151px;background: url(../img/haboTxt2.png);position: absolute;top: 442px;left: 306px;}
.haboDes{width: 345px;height: 291px;background: url(../img/haboDes.png);position: absolute;top: 655px;left: 150px;opacity: 0;}

.curs{width: 142px;position: absolute;top: 421px;left: 50px;opacity: 0;}
.curs .bd{width: 120px;height: 120px;margin: 0 auto;background: url(../xl/bd1.png) 0 0 no-repeat;-webkit-transform:scale(0.8);}
.curs span{width: 80px;height: 19px;background: url(../img/fd.png);position: relative;margin: 0 auto;margin-top: 10px;display:block;}

@-webkit-keyframes bodong{
    0% {background: url(../xl/bd1.png) 0 0 no-repeat;}
    50% {background: url(../xl/bd2.png) 0 0 no-repeat;}
    100% {background: url(../xl/bd1.png) 0 0 no-repeat;}
}

.bodong{
background: url(../xl/bd1.png) 0 0 no-repeat;
-webkit-animation-name: bodong;/* 动画名称 */
-webkit-animation-iteration-count: infinite;/* 动画无限播放 */
-webkit-animation-timing-function: step-start;/* 马上跳到动画每一结束桢的状态 */
-webkit-animation-duration: 600ms;/* 动画运行的时间 */
}

@-webkit-keyframes haboLine2 {
	0%{
		width: 0;
	}
	100% {
		width: 121px;
	}
}

.haboLine2 {
	-webkit-animation: haboLine2 0.3s 1s forwards linear;
}
@-webkit-keyframes haboTxt2 {
	0%{
		width: 0;
	}
	100% {
		width: 292px;
	}
}

.haboTxt2 {
	-webkit-animation: haboTxt2 0.6s 1.2s forwards linear;
}

@-webkit-keyframes haboDes {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.haboDes {
	-webkit-animation: haboDes 0.6s 1.6s forwards linear;
}


@-webkit-keyframes curs {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.curs {
	-webkit-animation: curs 0.5s 2.5s forwards linear;
}

.pageHbcar{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.HBcar1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: block;}
.HBcar2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.HBcar3{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;background: url(../xl/black.png) no-repeat; display: none;}
.circle1{width: 33px;height: 33px;position: absolute;z-index: 15;top: 400px;left: 315px;}
.circle1 .c1{width: 33px;height: 33px;background: url(../img/circle1.png);position: absolute;top: 0;left: 0;display: block;}
.circle1 .c2{width: 33px;height: 33px;background: url(../img/circle1.png);position: absolute;top: 0;left: 0;display: block;}

@-webkit-keyframes c1 {
	0%{
		opacity: 1;-webkit-transform:scale(1);
	}
	100% {
		opacity: 0;-webkit-transform:scale(3);
	}
}

.c1 {
	-webkit-animation: c1 1.6s 0s infinite linear;
}

@-webkit-keyframes c2 {
	0%{
		opacity: 1;-webkit-transform:scale(1);
	}
	100% {
		opacity: 0;-webkit-transform:scale(3);
	}
}

.c2 {
	-webkit-animation: c2 1.6s 0.8s infinite linear;
}
.bdHabo{width: 96px;height: 57px;background: url(../img/bd.png);position: absolute;z-index: 9;top: 437px;left: 271px;}
.bdHabo .bds{width: 0px;height: 57px;margin: 0 auto;background: url(../img/bd222.png) 0 0 no-repeat;position: absolute;top: 0;left: 0;}

.line3{width: 191px;height: 178px;background: url(../img/line3.png);position: absolute;z-index: 9;top: 433px;left: 271px;}
.line4{width: 110px;height: 93px;background: url(../img/line4.png);position: absolute;z-index: 9;top: 415px;left: 215px;}
.txt3{width: 640px;height: 167px;background: url(../img/txt3.png);position: absolute;z-index: 9;top: 573px;left: 0px;}
.txt4{width: 419px;height: 343px;background: url(../img/txt4.png);position: absolute;z-index: 9;top: 505px;left: 206px;}
/*.txt3 span{width: 419px;height: 217px;background: url(../img/txt3pointer.png);display: block;}*/
@-webkit-keyframes txt3Flash {
	0%{
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

.txt3Flash {
	-webkit-animation: txt3Flash 1.6s 0s infinite linear;
}

@-webkit-keyframes bdsAni {
	0%{
		width: 0px;
	}
	100% {
		width: 96px;
	}
}

.bdsAni {
	-webkit-animation: bdsAni 1.6s infinite linear;
}



#page2Cav{position: absolute;top: 0;left: 0;z-index: 8;}

@-webkit-keyframes step1{
    0% {background: url(../xl/bl1.png) 0 0 no-repeat;}
    20% {background: url(../xl/bl2.png) 0 0 no-repeat;}
    40% {background: url(../xl/bl3.png) 0 0 no-repeat;}
    60% {background: url(../xl/bl4.png) 0 0 no-repeat;}
    80% {background: url(../xl/bl6.png) 0 0 no-repeat;}
    100% {background: url(../xl/bl1.png) 0 0 no-repeat;}
}

.step1{
position: absolute;
width: 100%;
height: 363px;
top: 0;left: 0;
background: url(../xl/bl1.png) 0 0 no-repeat;
-webkit-animation-name: step1;/* 动画名称 */
-webkit-animation-iteration-count: infinite;/* 动画无限播放 */
-webkit-animation-timing-function: step-start;/* 马上跳到动画每一结束桢的状态 */
-webkit-animation-duration: 950ms;/* 动画运行的时间 */
}

.shoushiHabo{width: 490px;height: 740px;background: url(../img/shoushi.png);position: absolute;right: -70px;top: 366px;opacity: 0;-webkit-transform:scale(0.8);}

/*火星车*/
.flip{width: 392px;height: 392px;background: url(../img/flip.png);position: absolute;top: 195px;left: 115px;}

.hxcEnter{width: 152px;height: 47px;background: url(../img/haboEnter.png);position: absolute;top: 321px;left: 82px;opacity: 0;}
.hxcTxt{width: 292px;height: 151px;background: url(../img/allStxt.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.hxcTxt1s{width: 292px;height: 151px;background: url(../img/hxcTx1.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.hxcTxt2s{width: 292px;height: 151px;background: url(../img/hxcTx2.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.hxcTxt3s{width: 292px;height: 151px;background: url(../img/hxcTx3.png);position: absolute;top: 575px;left: 141px;opacity: 0;}


.pageHXC{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageHXC img{width: 100%;}

.hxclin1{width: 89px;height: 0px;background: url(../img/hxclin1.png);position: absolute;top: 341px;left: 204px;}
.hxctxt4{width: 0px;height: 158px;background: url(../img/hxctxt4.png);position: absolute;top: 135px;left: 222px;}
.hxctxt5{width: 0px;height: 151px;background: url(../img/hxctxt5.png);position: absolute;top: 341px;left: 284px;}
.hxcClick1{width: 146px;height: 76px;background: url(../img/hxcClick1.png);position: absolute;top:434px;left: 79px;opacity: 0;}
.hxcClick2{width: 146px;height: 76px;background: url(../img/hxcClick2.png);position: absolute;top: 0;left: 0;}


@-webkit-keyframes hxctxt5 {
	0%{
		width: 0;
	}
	100% {
		width: 292px;
	}
}

.hxctxt5 {
	-webkit-animation: hxctxt5 0.5s 0.5s forwards linear;
}

@-webkit-keyframes hxctxt4 {
	0%{
		width: 0;
	}
	100% {
		width: 356px;
	}
}

.hxctxt4 {
	-webkit-animation: hxctxt4 0.3s 0.8s forwards linear;
}
@-webkit-keyframes hxclin1 {
	0%{
		height: 0;
	}
	100% {
		height: 449px;
	}
}

.hxclin1 {
	-webkit-animation: hxclin1 0.3s 0.5s forwards linear;
}

@-webkit-keyframes hxcClick1 {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.hxcClick1 {
	-webkit-animation: hxcClick1 0.3s 1s forwards linear;
}


.pageHXCcar{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageHXCcar img{width: 100%;}

.hxc5T{width: 406px;height: 185px;background: url(../img/hxc5T.png);position: absolute;top: 696px;left: 204px;opacity: 0;}
@-webkit-keyframes hxc5T {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.hxc5T {
	-webkit-animation: hxc5T 0.3s 0.5s forwards linear;
}

.hxc6T {
    width: 489px;
    height: 353px;
    background: url(../img/hxc6T.png) bottom;
    position: absolute;
    top: 574px;
    left: 62px;
    z-index: 10;opacity: 0;
}

@-webkit-keyframes hxc6T {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.hxc6T {
	-webkit-animation: hxc6T 0.3s 0.5s forwards linear;
}


.hxc7T {
    width: 640px;
    height: 106px;
    background: url(../img/hxc7T.png) bottom;
    position: absolute;
    top: 40px;
    left: 0px;
    display: none;
    z-index: 10;
}



#page3Cav{position: absolute;top: 0;left: 0;z-index: 8;}

.lastHXC{width: 100%;height: 422px;background: url(../img/lastHXC.png);position: absolute;top: 490px;left: 0;z-index: 9;display: none;}


/*鸟骨骼*/
.birdTxt1s{width: 292px;height: 151px;background: url(../img/birdTxt1-1.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.birdTxt2s{width: 292px;height: 151px;background: url(../img/birdTxt1-2.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.birdTxt3s{width: 292px;height: 151px;background: url(../img/birdTxt1-3.png);position: absolute;top: 575px;left: 141px;opacity: 0;}


.birdEnter{width: 152px;height: 47px;background: url(../img/haboEnter.png);position: absolute;top: 321px;left: 82px;opacity: 0;}

.pageBird{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageBird img{width: 100%;}
.birdTxt3{width: 640px;height: 219px;background: url(../img/birdTxt3.png);position: absolute;bottom: 100px;left: 0;opacity: 0;}
.birdTxt4{width: 292px;height: 246px;background: url(../img/birdTxt4.png);position: absolute;top: 177px;right: 55px;opacity: 0;}
.birdClick1{width: 165px;height: 86px;background: url(../img/birdClick1.png);position: absolute;top:544px;left: 413px;opacity: 0;}
.birdClick2{width: 165px;height: 86px;background: url(../img/birdClick2.png);position: absolute;top: 0;left: 0;}

@-webkit-keyframes birdTxt3 {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.birdTxt3 {
	-webkit-animation: birdTxt3 0.3s 0.8s forwards linear;
}

@-webkit-keyframes birdTxt4 {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.birdTxt4 {
	-webkit-animation: birdTxt4 0.3s 0.5s forwards linear;
}



@-webkit-keyframes birdClick1 {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.birdClick1 {
	-webkit-animation: birdClick1 0.3s 1s forwards linear;
}

.pageBirdDing{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageBirdDing img{width: 100%;}
.birdTxt6{width: 640px;height: 280px;background: url(../img/birdTxt6.png);position: absolute;bottom: 50px;left: 0px;opacity: 0;}



.pageBirdCar{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageBirdCar img{width: 100%;}
.lastBird{width: 419px;height: 480px;background: url(../img/lastBirdTxt.png);position: absolute;top: 175px;left: 110px;}

/*飞机*/
.planeTxt1s{width: 292px;height: 113px;background: url(../img/planeTxt1.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.planeTxt2s{width: 292px;height: 113px;background: url(../img/planeTxt2.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.planeTxt3s{width: 292px;height: 113px;background: url(../img/planeTxt3.png);position: absolute;top: 575px;left: 141px;opacity: 0;}

.pagePlane{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pagePlane img{width: 100%;}

.planeTxt4{width: 402px;height: 0px;background: url(../img/planeTxt4.png);position: absolute;top: 315px;left: 100px;}

@-webkit-keyframes planeTxt4 {
	0% {
		height: 0px;
	}

	100% {
		height: 637px;
	}
}

.planeTxt4 {
	-webkit-animation: planeTxt4 1.4s 0.5s forwards ease-in-out;
}

.cursPlane{top: 370px;left: 241px;}

.pagePlaneCar{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pagePlaneCar img{width: 100%;}


.planeEnter{width: 152px;height: 47px;background: url(../img/haboEnter.png);position: absolute;top: 321px;left: 82px;opacity: 0;}

.planeTxt5{width: 383px;height: 179px;background: url(../img/planeTxt5.png);position: absolute;left: 50%;-webkit-transform:translateX(-50%);bottom: 100px;display: none;z-index: 9;}

.arrD{width: 22px;height: 12px;background: url(../img/arrd.png);position: absolute;bottom: 30px;left: 50%;margin-left: -11px;opacity: 0;display: none;}


.pagePlaneLast{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pagePlaneLast img{width: 100%;}
.planeLast{width: 471px;height: 469px;background: url(../img/planeLast.png);position: absolute;top: 390px;left: 77px;z-index: 9;}


#page4Cav{position: absolute;top: 0;left: 0;z-index: 8;}

/*夜视仪*/
.sightEnter{width: 152px;height: 47px;background: url(../img/haboEnter.png);position: absolute;top: 321px;left: 82px;opacity: 0;}
.sightTxt1s{width: 292px;height: 151px;background: url(../img/sight1.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.sightTxt2s{width: 292px;height: 151px;background: url(../img/sight2.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.sightTxt3s{width: 292px;height: 151px;background: url(../img/sight3.png);position: absolute;top: 575px;left: 141px;opacity: 0;}

.pageSight{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageSight img{width: 100%;}

.sightTxt1{width: 0px;height: 185px;background: url(../img/sightTxt1.png);position: absolute;top:394px;left: 200px;}
.sightTxt2{width: 457px;height: 0px;background: url(../img/sightTxt2.png);position: absolute;top: 640px;left:140px;}


.cursG span{width: 91px;height: 18px;background: url(../img/sightTxt3.png);position: relative;margin: 0 auto;margin-top: 10px;display:block;}

.pageSightCar{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageSightCar img{width: 100%;}

.sightLast{width: 419px;height: 549px;background: url(../img/sightTxt5.png);position: absolute;top: 310px;left: 200px;}

.pageSightS{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageSightS img{width: 100%;}

.sightTxt8{width: 100%;height: 140px;background: url(../img/sightTxt8.png);position: absolute;bottom: 80px;left: 0;}

@-webkit-keyframes sightTxt1 {
	0%{
		width: 0;
	}
	100% {
		width: 406px;
	}
}

.sightTxt1 {
	-webkit-animation: sightTxt1 0.5s 0.5s forwards linear;
}

@-webkit-keyframes sightTxt2 {
	0%{
		height: 0;
	}
	100% {
		height: 255px;
	}
}

.sightTxt2 {
	-webkit-animation: sightTxt2 0.3s 0.8s forwards linear;
}

.arrSD{width: 50px;height: 39px;background: url(../img/arrSD.png);position: absolute;left: 50%;margin-left: -25px;bottom: 15px;}




/*音乐厅*/
.bstTxt1s{width: 292px;height: 151px;background: url(../img/bst1.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.bstTxt2s{width: 292px;height: 151px;background: url(../img/bst2.png);position: absolute;top: 575px;left: 141px;opacity: 0;}
.bstTxt3s{width: 292px;height: 151px;background: url(../img/bst3.png);position: absolute;top: 575px;left: 141px;opacity: 0;}


.bstEnter{width: 152px;height: 47px;background: url(../img/haboEnter.png);position: absolute;top: 321px;left: 82px;opacity: 0;}

.pageMusic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageMusic img{width: 100%;}
.bstTxt1{width: 640px;height: 100%;background: url(../img/bstTxt1.png);position: absolute;top: 0px;left: 0;opacity: 0;}
.bstTxt3{width: 292px;height: 246px;background: url(../img/bstTxt3.png);position: absolute;top: 245px;right: 55px;opacity: 0;}
.bstClick1{width: 187px;height: 86px;background: url(../img/bstTxt2.png);position: absolute;top:523px;left: 303px;opacity: 0;}
.bstClick2{width: 187px;height: 86px;background: url(../img/bstClick.png);position: absolute;top: 0;left: 0;}

@-webkit-keyframes bstTxt3 {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.bstTxt3 {
	-webkit-animation: bstTxt3 0.3s 0.5s forwards linear;
}

@-webkit-keyframes bstTxt1 {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.bstTxt1 {
	-webkit-animation: bstTxt1 0.3s 0.8s forwards linear;
}



@-webkit-keyframes bstClick1 {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.bstClick1 {
	-webkit-animation: bstClick1 0.3s 1s forwards linear;
}


.pageMusicCar{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 19;display: none;}
.pageMusicCar img{width: 100%;}
.bstTxt4{width: 100%;height: 673px;background: url(../img/bstTxt4.png);position: absolute;top: 0;left: 0;}

.pageBocs{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 99;display: none;}
.bstTxt5{width: 100%;height: 307px;background: url(../img/bstTxt5.png);position: absolute;bottom: 0;left: 0;}


.array{
  position:absolute;z-index:999; 
  -webkit-animation-name:'start';/*动画属性名，也就是我们前面keyframes定义的动画名*/
     -webkit-animation-duration: 1.5s;/*动画持续时间*/
     -webkit-animation-timing-function: ease-in-out; /*动画频率，和transition-timing-function是一样的*/opacity: 0;
     -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
}

@-webkit-keyframes start {
  0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
  60% {opacity: 1;-webkit-transform: translate(0,0);}
  100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	opacity: 0;
	-webkit-animation: fadeIn 0.5s forwards ease-in-out;
}




/*其他类*/
.delay05{
	-webkit-animation-delay: 0.5s;
}
.delay06{
	-webkit-animation-delay: 0.6s;
}
.delay07{
	-webkit-animation-delay: 0.7s;
}
.delay08{
	-webkit-animation-delay: 0.8s;
}
.delay09{
	-webkit-animation-delay: 0.9s;
}
.delay10{
	-webkit-animation-delay: 1s;
}
.delay11{
	-webkit-animation-delay: 1.1s;
}
.delay12{
	-webkit-animation-delay: 1.2s;
}
.delay13{
	-webkit-animation-delay: 1.3s;
}
.delay15{
	-webkit-animation-delay: 1.5s;
}
.delay16{
	-webkit-animation-delay: 1.6s;
}
.delay17{
	-webkit-animation-delay: 1.7s;
}
.delay20{
	-webkit-animation-delay: 2.0s;
}
.delay21{
	-webkit-animation-delay: 2.1s;
}

.delay25{
	-webkit-animation-delay: 2.5s;
}

.loadEffect{
    width: 100px;
    height: 100px;
    position: fixed;
    top:50%;margin-top: -50px;
    left: 50%;margin-left: -50px;
    z-index: 9999;
    opacity: 1;
    -webkit-transform:scale(0.3);
    display: none;
}
.loadEffect span{
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    -webkit-animation: load 1.04s ease infinite;
}
@-webkit-keyframes load{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0.2;
    }
}
.loadEffect span:nth-child(1){
    left: 0;
    top: 50%;
    margin-top:-8px;
    -webkit-animation-delay:0.13s;
}
.loadEffect span:nth-child(2){
    left: 14px;
    top: 14px;
    -webkit-animation-delay:0.26s;
}
.loadEffect span:nth-child(3){
    left: 50%;
    top: 0;
    margin-left: -8px;
    -webkit-animation-delay:0.39s;
}
.loadEffect span:nth-child(4){
    top: 14px;
    right:14px;
    -webkit-animation-delay:0.52s;
}
.loadEffect span:nth-child(5){
    right: 0;
    top: 50%;
    margin-top:-8px;
    -webkit-animation-delay:0.65s;
}
.loadEffect span:nth-child(6){
    right: 14px;
    bottom:14px;
    -webkit-animation-delay:0.78s;
}
.loadEffect span:nth-child(7){
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    -webkit-animation-delay:0.91s;
}
.loadEffect span:nth-child(8){
    bottom: 14px;
    left: 14px;
    -webkit-animation-delay:1.04s;
}

.driveTop{width: 146px;height: 58px;background: url(../img/driveTop.png);position: absolute;top: 10px;left: 10px;z-index: 10;}