/**********加载页**********/

#load {
	background: url(../img/loading.jpg) no-repeat center center;
	background-size: 16rem 100%;
}

.ball1{
	position: absolute;
	width: 0.8rem;
	height: auto;
	top: 54%;
	left: 69%;
	-webkit-animation: ball 2s 0.3s ease-in infinite;
}
.ball2{
	position: absolute;
	width: 0.6rem;
	height: auto;
	top: 48.5%;
	left: 64%;
	-webkit-animation: ball 1.5s 0.3s ease-in infinite;
}
.ball3{
	position: absolute;
	width: 0.8rem;
	height: auto;
	top: 57.5%;
	left: 62%;
	-webkit-animation: ball 1.5s 0.3s ease-in infinite;
}
@-webkit-keyframes ball{
	0%{transform: translateX(0);}
	50%{transform: translateX(20%);}
	100%{transform: translateX(0);}
}
.progressPar {
	position: absolute;
	top: 50%;
	left: 5%;
	background-color: red;
	width: 50%;
	height: 0.5%;
	-webkit-transform: rotate(90deg);
}

#progressDown {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #0d5182;
}

#progressUp {
	position: absolute;
	width: 0%;
	height: 100%;
	background: #70b6e9;
}

.pro-info {
	position: absolute;
	left: 40%;
	top: -600%;
	color: #000000;
	font-size: 10px;
}


/**********内容页**********/


/*卷轴*/
#content{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #010820;
	/*overflow: hidden;*/
	/*display: none;*/
}

.desktop {
	position: absolute;
	z-index: 1;
	width: 16rem;
	height: 100%;
	overflow: hidden;
}

.jz_left {
	position: absolute;
	z-index: 99999;
	width: 15.5rem;
	height: 1.8rem;
	top: 0.3rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
}

.jz_right {
	position: absolute;
	z-index: 99999;
	width: 15.5rem;
	height: 1.8rem;
	top: 1rem;
	left: 50%;
	-webkit-transform: translateX(-49.9%);
}

.run.jz_right {
	-webkit-animation: jz_move 6s ease-in-out;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes jz_move {
	0% {
		top: 1rem;
	}
	100% {
		top: calc( 100% - 2rem);
	}
}


/*容器*/

.container {
	width: 13.5rem;
	height: calc( 100% - 2rem);
	position: absolute;
	z-index: 9;
	overflow: hidden;
}
.title_zh{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 20;
	background-color: transparent;
	background: url(../img/sjcy/10060.png) center top no-repeat;
	background-position-y: 0.1rem;
	background-size: 10rem 6rem;
	padding-left: 1rem;
}
.run.title_zh{
	-webkit-animation: hua_height 6s ease-in-out;
	-webkit-animation-fill-mode: forwards;
}
/*盛景朝阳*/
.title{
	position: absolute;
	top: -5.9rem;
	left: 0;
	width: 100%;
	border-right: 1px solid silver;
	/*box-sizing: border-box;*/
	height: 6rem;
	z-index: 20;
	background-color: #f4f0e5;
}
.title img{
	width: 10rem;
	height: auto;
	margin: 0 auto;
	padding-left: 1rem;
}
.title2 {
	position: absolute;
	bottom: 1%;
	left: 24%;
	z-index: 20;
	width: 7rem;
	height: auto;
}
.title2 img{
	width: 4.5rem;
	height: auto;
	margin: 0 auto;
	
}

/*白色背景*/

.zh {
	width: 13.5rem;
	height: 100%;
	background-color: black;
	position: absolute;
	z-index: 2;
	opacity: 0;
}

.run.zh {
	-webkit-animation: opcity_up 1s;
	-webkit-animation-fill-mode: forwards;
}


/*背景画面*/

.hua {
	position: absolute;
	z-index: 8;
	width: 13.5rem;
	background: url(../img/baitian.jpg) center top no-repeat;
	background-position-y: 6rem;
	background-color: #f4f0e5;
	background-size: 13.5rem auto;
}

.run.hua {
	-webkit-animation: hua_height 6s ease-in-out;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes hua_height {
	from {
		height: 0.8rem;
	}
	to {
		height: 100%;
	}
}


/*按钮*/

.forward {
	position: absolute;
	width: 2rem;
	height: 2rem;
	top: 5%;
	left: 1rem;
	z-index: 30;
	display: none;
}
.run.forward{
	animation: button 2s linear infinite;
}
@-webkit-keyframes button{
	0%{transform: scale(1);opacity: 0;}
	50%{transform: scale(1.4);opacity: 1;}
	100%{transform: scale(1);opacity: 0;}
}
.retreat {
	position: absolute;
	width: 2.1rem;
	height: 2.1rem;
	bottom: 5%;
	left: 1rem;
	z-index: 30;
	display: none;
}
.run.retreat{
	animation: button 2s linear infinite;
}
@-webkit-keyframes opcity_down {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-webkit-keyframes opcity_up {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/*背景*/

.bgmove1,
.bgmove2 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 6rem;
	display: none;
}

.bgmove1 .bg,
.bgmove2 .bg {
	width: 100%;
}

.bgmove1 {
	z-index: 4;
}

.bgmove2 {
	z-index: 3;
}

.run.bgmove1 {
	-webkit-animation: opcity_up 0s, bgmove1 40s linear;
	-webkit-animation-fill-mode: forwards;
}

.run.bgmove2 {
	-webkit-animation: opcity_up 0s, bgmove2 40s linear;
	-webkit-animation-fill-mode: forwards;
}

.back.bgmove1 {
	-webkit-animation: backmove1 40s linear;
	-webkit-animation-fill-mode: forwards;
}

.back.bgmove2 {
	-webkit-animation: backmove2 40s linear;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes bgmove1 {
	0% {
		top: 6rem;
		opacity: 1;
	}
	30% {
		opacity: 1;
	}
	40% {
		opacity: 0.3;
	}
	50% {
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(calc( -100% - 8rem ));
		top: 100%;
		opacity: 0;
	}
}

@-webkit-keyframes bgmove2 {
	0% {
		top: 6rem;
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	40% {
		opacity: 0.7;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(calc( -100% - 8rem));
		top: 100%;
		opacity: 1;
	}
}

@-webkit-keyframes backmove1 {
	0% {
		-webkit-transform: translateY(calc( -100% - 8rem));
		top: 100%;
		opacity: 0;
	}
	100% {
		top: 6rem;
		opacity: 1;
	}
}

@-webkit-keyframes backmove2 {
	0% {
		-webkit-transform: translateY(calc( -100% - 8rem));
		top: 100%;
		opacity: 1;
	}
	100% {
		top: 6rem;
		opacity: 0;
	}
}


/*文字*/

.text>li {
	position: fixed;
	width: 3rem;
	z-index: 15;
	top: 1rem;
	right: 0.7rem;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}

.text img {
	position: absolute;
	width: 80%;
	height: auto;
}

.text1 {
	height: 11.27rem;
	width: auto;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
}

.run.text1 {
	-webkit-animation: opcity_up 1s 3s, opcity_down 1s 11s;
	-webkit-animation-fill-mode: forwards;
}

.text2 {
	height: 8rem;
	width: auto;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
}

.run.text2 {
	-webkit-animation: opcity_up 1s 13s, opcity_down 1s 21s;
	-webkit-animation-fill-mode: forwards;
}

.text3 {
	height: 6.9rem;
	width: auto;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
}

.run.text3 {
	-webkit-animation: opcity_up 1s 23s, opcity_down 1s 31s;
	-webkit-animation-fill-mode: forwards;
}

.text4 {
	height: 12rem;
	width: auto;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
}

.run.text4 {
	-webkit-animation: opcity_up 1s 33s, opcity_down 1s 41s;
	-webkit-animation-fill-mode: forwards;
}

.text5 {
	height: 11.27rem;
	width: auto;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
}

.run.text5 {
	-webkit-animation: opcity_up 1s 3s, opcity_down 1s 11s;
	-webkit-animation-fill-mode: forwards;
}

.text6 {
	height: 8rem;
	width: auto;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
}

.run.text6 {
	-webkit-animation: opcity_up 1s 13s, opcity_down 1s 21s;
	-webkit-animation-fill-mode: forwards;
}

.text7 {
	height: 6.9rem;
	width: auto;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
}

.run.text7 {
	-webkit-animation: opcity_up 1s 23s, opcity_down 1s 31s;
	-webkit-animation-fill-mode: forwards;
}

.text8 {
	height: 12rem;
	width: auto;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
}

.run.text8 {
	-webkit-animation: opcity_up 1s 33s, opcity_down 1s 41s;
	-webkit-animation-fill-mode: forwards;
}


/*大雁*/

.bird_bg {
	position: absolute;
	z-index: 14;
	top: 100%;
	right: 10%;
}

.run.bird_bg {
	-webkit-animation: bird_move 15s 3s linear;
	-webkit-animation-fill-mode: forwards;
}

.bird1 {
	height: 2rem;
	width: 2.2rem;
	-webkit-transform: rotate(90deg);
}

.bird_bg1 {
	position: absolute;
	z-index: 14;
	top: 105%;
	right: 0%;
}

.run.bird_bg1 {
	-webkit-animation: bird_move1 15s 4s linear;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes run11 {
	from {
		background-position-y: 0;
	}
	to {
		background-position-y: 3.2rem;
	}
}

.bird2 {
	width: 0.684rem;
	height: 0.8rem;
	background-image: url(../img/bird/bird11.png);
	background-size: 100% auto; 
	z-index: 40;
	-webkit-animation: run11 1s 0s steps(4) infinite;
}

.bird3 {
	margin-left: 0rem;
	margin-top: 0rem;
	width: 0.684rem;
	height: 0.8rem;
	background-image: url(../img/bird/bird11.png);
	background-size: 100% auto; 
	z-index: 40;
	-webkit-animation: run11 1s 0.1s steps(4) infinite;
}

.bird4 {
	margin-left: 0.7rem;
	margin-top: 0rem;
	width: 0.684rem;
	height: 0.8rem;
	background-image: url(../img/bird/bird11.png);
	background-size: 100% auto; 
	z-index: 40;
	-webkit-animation: run11 1s 0.2s steps(4) infinite;
}

.bird5 {
	margin-top: -0.9rem;
	margin-left: -0.7rem;
	width: 0.684rem;
	height: 0.8rem;
	background-image: url(../img/bird/bird11.png);
	background-size: 100% auto; 
	z-index: 40;
	-webkit-animation: run11 1s 0.2s steps(4) infinite;
}

.bird6 {
	margin-top: 0rem;
	margin-left: 1.5rem;
	width: 0.684rem;
	height: 0.8rem;
	background-image: url(../img/bird/bird11.png);
	background-size: 100% auto; 
	z-index: 40;
	-webkit-animation: run11 1s 0.3s steps(4) infinite;
}

.bird7 {
	margin-top: -0.9rem;
	margin-left: -1.5rem;
	width: 0.684rem;
	height: 0.8rem;
	background-image: url(../img/bird/bird11.png);
	background-size: 100% auto; 
	z-index: 40;
	-webkit-animation: run11 1s 0.3s steps(4) infinite;
}

@-webkit-keyframes bird_move {
	from {
		top: 100%;
	}
	to {
		-webkit-transform: translateY(-100%);
		top: 0;
	}
}

@-webkit-keyframes bird_move1 {
	0% {
		top: 100%;
	}
	60% {
		right: 25%;
		top: 40%;
	}
	100% {
		-webkit-transform: translateY(-100%);
		top: 0;
		right: 10%;
	}
}


/*飞机*/

.plane_1 {
	height: 2rem;
	width: 1rem;
	position: fixed;
	z-index: 5;
	top: -2rem;
	right: 20%;
}

.run.plane_1 {
	-webkit-animation: plane_move 5s 30s ease-in;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes plane_move {
	from {
		top: -2rem;
	}
	to {
		-webkit-transform: translateY(100%);
		top: 100%;
		right: 10%;
	}
}

.plane1 {
	height: 2rem;
	width: 1rem;
	position: absolute;
	background-image: url(../img/plane.png);
	background-size: 100% auto;
	z-index: 6;
	-webkit-transform: rotateX(180deg);
	-webkit-animation: run 1s 0s steps(2) infinite;
}

@-webkit-keyframes run {
	from {
		background-position-y: 0;
	}
	to {
		background-position-y: -4rem;
	}
}

.plane_2 {
	height: 2rem;
	width: 1rem;
	position: absolute;
	z-index: 5;
	top: 90%;
	right: 30%;
}

.plane_2 {
	-webkit-animation: plane_move2 30s 0s ease-in infinite;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes plane_move2 {
	0% {
		top: 86%;
	}
	20% {
		right: 31%;
		top: 80%;
	}
	60% {
		right: 10%;
		-webkit-transform: translateY(-100%);
		top: 0%;
	}
	100% {
		right: 10%;
		-webkit-transform: translateY(-100%);
		top: 0%;
	}
}

.plane2 {
	height: 2rem;
	width: 1rem;
	position: absolute;
	background-image: url(../img/plane.png);
	background-size: 100% auto;
	z-index: 6;
	-webkit-animation: run 1s 0s steps(2) infinite;
}


/*汽車*/

.car1 {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	z-index: 20;
	top: 15.5rem;
	left: 5.5rem;
	-webkit-animation: car_move1 3s 0s ease-in-out infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car2 {
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	z-index: 20;
	top: 15.5rem;
	left: 5.55rem;
	-webkit-animation: car_move1 3s 1.5s ease-in-out infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car5 {
	width: 0.45rem;
	height: 0.45rem;
	position: absolute;
	z-index: 20;
	top: 15.5rem;
	left: 5.55rem;
	-webkit-animation: car_move1 5s 4s ease-in-out infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car3 {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	z-index: 20;
	top: 10.3rem;
	left: 5.5rem;
	-webkit-animation: car_move2 2s ease-in-out infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car4 {
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	z-index: 20;
	top: 21rem;
	left: 4rem;
	-webkit-animation: car_move3 2s ease-in-out infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car6 {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	z-index: 20;
	top: 27.9rem;
	left: 1rem;
	-webkit-animation: car_move4 3s ease-in-out infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car7 {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	z-index: 20;
	top: 27.9rem;
	left: 1rem;
	-webkit-animation: car_move4 3s 1s ease-in-out infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car8 {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	z-index: 20;
	top: 28rem;
	left: 1rem;
	-webkit-animation: car_move4 3s 2s linear infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car9 {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	z-index: 20;
	top: 49.5rem;
	left: 6.9rem;
	-webkit-animation: car_move9 3s 2.3s linear infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
	-webkit-transform: rotate(20deg);
}

.car10 {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	z-index: 20;
	top: 37.5rem;
	left: 5.4rem;
	-webkit-animation: car_move5 10s 2.5s linear infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
	-webkit-transform: rotate(20deg);
}

.car11 {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	z-index: 20;
	top: 31rem;
	left: 3rem;
	-webkit-animation: car_move6 7s 2s linear infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
	-webkit-transform: rotate(20deg);
}

.car12 {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	z-index: 20;
	top: 35.1rem;
	left: 0.8rem;
	-webkit-animation: car_move7 3s 1s linear infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}

.car13 {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	z-index: 20;
	top: 45.2rem;
	left: 6.3rem;
	-webkit-animation: car_move8 6s 1s linear infinite;
	-webkit-animation-fill-mode: forwards;
	display: block;
}
@-webkit-keyframes car_move9 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	20% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	30% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	45% {
		-webkit-transform: translate(-0.5rem, -4rem);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-0.5rem, -4rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-0.5rem, -4rem);
		opacity: 0;
	}
}

@-webkit-keyframes car_move8 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	20% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	30% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	45% {
		-webkit-transform: translate(0.6rem, 3rem);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0.6rem, 3rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0.6rem, 3rem);
		opacity: 0;
	}
}

@-webkit-keyframes car_move7 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	20% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	30% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	45% {
		-webkit-transform: translate(1.7rem, 0.9rem);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(1.7rem, 0.9rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(1.7rem, 0.9rem);
		opacity: 0;
	}
}

@-webkit-keyframes car_move6 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	35% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	45% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	60% {
		-webkit-transform: translate(-0.2rem, 6rem);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-0.2rem, 6rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-0.2rem, 6rem);
		opacity: 0;
	}
}

@-webkit-keyframes car_move5 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	20% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	30% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	45% {
		-webkit-transform: translate(0.3rem, -3.5rem);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0.3rem, -3.5rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0.3rem, -3.5rem);
		opacity: 0;
	}
}

@-webkit-keyframes car_move4 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	20% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	30% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	47% {
		-webkit-transform: translate(2.5rem, 1.5rem);
		opacity: 1;
		
	}
	70% {
		-webkit-transform: translate(5.1rem, 4.9rem);
		opacity: 1;
		
	}
	80% {
		-webkit-transform: translate(5.1rem, 4.9rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(5.1rem, 4.9rem);
		opacity: 0;
	}
}

@-webkit-keyframes car_move3 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	10% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate(0.6rem, 1.5rem);
		opacity: 1;
	}
	70% {
		-webkit-transform: translate(1.5rem, 3rem);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(1.5rem, 3rem);
		opacity: 0;
	}
}

@-webkit-keyframes car_move2 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	10% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	30% {
		-webkit-transform: translate(-0.5rem, 2.7rem);
		opacity: 1;
	}
	50% {
		-webkit-transform: translate(-0.5rem, 2.7rem);
		opacity: 0;
	}
	55% {
		-webkit-transform: translate(-0.9rem, 4.2rem);
		opacity: 0;
	}
	60% {
		-webkit-transform: translate(-0.9rem, 4.2rem);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-1.7rem, 6.2rem);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-1.7rem, 6.2rem);
		opacity: 0;
	}
}

@-webkit-keyframes car_move1 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
	60% {
		-webkit-transform: translate(-1.5rem, -4rem);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-1.5rem, -4rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-1.5rem, -4rem);
		opacity: 0;
	}
}


/*喷泉*/

.water {
	position: absolute;
	width: 2rem;
	height: auto;
	left: 3.1rem;
	top: 41%;
	z-index: 25;
	-webkit-transform: rotate(90deg);
}


/*灯光*/

.light1 {
	position: absolute;
	right: 25%;
	top: 50%;
	width: 3rem;
	height: auto;
	z-index: 25;
}

.light2 {
	position: absolute;
	right: 25%;
	top: 40%;
	width: 3rem;
	height: auto;
	z-index: 25;
}

.light3 {
	position: absolute;
	right: 27%;
	top: 35%;
	width: 3rem;
	height: auto;
	z-index: 25;
}

.light4 {
	position: absolute;
	right: 3%;
	top: 60%;
	width: 2rem;
	height: auto;
	z-index: 25;
}

.light5 {
	position: absolute;
	right: 7%;
	top: 90%;
	width: 1.5rem;
	height: auto;
	z-index: 25;
}

.light6 {
	position: absolute;
	right: 5%;
	top: 70%;
	width: 1rem;
	height: auto;
	z-index: 25;
}

.light7 {
	position: absolute;
	right: 2%;
	top: 85%;
	width: 1rem;
	height: auto;
	z-index: 25;
}

.light8 {
	position: absolute;
	right: 24.3%;
	top: 96.8%;
	width: 2rem;
	height: auto;
	z-index: 25;
}

.light9 {
	position: absolute;
	right: 33%;
	top: 63.5%;
	width: 1rem;
	height: auto;
	z-index: 25;
}

.light10 {
	position: absolute;
	right: 26.4%;
	top: 83.5%;
	width: 1.5rem;
	height: auto;
	z-index: 25;
}

.light11 {
	position: absolute;
	right: 30%;
	top: 70.3%;
	width: 1.5rem;
	height: auto;
	z-index: 25;
}


/*流星雨*/

.star1 {
	position: absolute;
	right: 5%;
	top: 59%;
	height: 0.7rem;
	width: auto;
	z-index: 25;
	-webkit-animation: star 4s ease-in infinite;
	-webkit-animation-fill-mode: forwards;
}

.star2 {
	position: absolute;
	right: 5%;
	top: 70%;
	height: 0.7rem;
	width: auto;
	z-index: 25;
	-webkit-animation: star 4s ease-in infinite;
	-webkit-animation-fill-mode: forwards;
}

.star3 {
	position: absolute;
	right: 5%;
	top: 90%;
	height: 0.7rem;
	width: auto;
	z-index: 25;
	-webkit-animation: star 4s ease-in infinite;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes star {
	0 {
		-webkit-transform: translate(0);
	}
	30% {
		-webkit-transform: translate(-3rem, 3.5rem);
	}
	33% {
		-webkit-transform: translate(-3rem, 3.5rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-3rem, 3.5rem);
		opacity: 0;
	}
}


/*线条*/

.line1 {
	position: absolute;
	right: 41.5%;
	top: 47%;
	z-index: 25;
	width: 4rem;
	height: auto;
	-webkit-transform: rotate(85deg);
}

.line2 {
	position: absolute;
	right: 42.5%;
	top: 47%;
	z-index: 25;
	width: 4rem;
	height: auto;
	-webkit-transform: rotate(85deg);
}

.line3 {
	position: absolute;
	right: 43.5%;
	top: 47%;
	z-index: 25;
	width: 4rem;
	height: auto;
	-webkit-transform: rotate(85deg);
}

.line4 {
	position: absolute;
	left: 8%;
	top: 44%;
	z-index: 25;
	width: 5rem;
	height: auto;
	-webkit-transform: rotate(29deg);
}

.line5 {
	position: absolute;
	left: 9%;
	top: 44.4%;
	z-index: 25;
	width: 5rem;
	height: auto;
	-webkit-transform: rotate(42deg);
}

.line6 {
	position: absolute;
	left: 10%;
	top: 45.3%;
	z-index: 25;
	width: 5rem;
	height: auto;
	-webkit-transform: rotate(31deg);
}

.line7 {
	position: absolute;
	left: 4.5%;
	top: 49%;
	z-index: 15;
	width: 5rem;
	height: auto;
	-webkit-transform: rotate(97deg);
}

.line8 {
	position: absolute;
	left: 24%;
	top: 53%;
	z-index: 15;
	width: 5rem;
	height: auto;
	-webkit-transform: rotate(101deg);
}

.line9 {
	position: absolute;
	left: 28.3%;
	top: 63%;
	z-index: 15;
	width: 5rem;
	height: 0.5rem;
	-webkit-transform: rotate(84deg);
}

.line10 {
	position: absolute;
	left: 32.8%;
	top: 71%;
	z-index: 15;
	width: 5rem;
	height: 0.5rem;
	-webkit-transform: rotate(75deg);
}


/*光束*/

.light_hide {
	position: absolute;
	left: 41%;
	top: 60%;
	z-index: 25;
	width: 2rem;
	height: 2rem;
	opacity: 0.5;
	-webkit-transform: rotate(-90deg);
}

.light {
	position: absolute;
	z-index: 25;
	width: 0.1rem;
	height: 1.4rem;
	border: 1px inset white;
	border-radius: 1rem;
	background-color: white;
	-webkit-transform-origin: 0 0;
}

.l1 {
	-webkit-transform: rotateZ(-32deg);
	-webkit-animation: spotlight_1 4s linear infinite;
}

.l2 {
	-webkit-transform: rotateZ(42deg);
	opacity: .4;
	-webkit-animation: spotlight_2 4s linear .5s infinite;
}

.l3 {
	-webkit-transform: rotateZ(27deg);
	-webkit-animation: spotlight_3 4s linear 1s infinite;
}

@keyframes spotlight_1 {
	0% {
		opacity: 0.5;
		-webkit-transform: rotateZ(-32deg);
	}
	25% {
		opacity: 0;
		-webkit-transform: rotateZ(-34deg);
	}
	50% {
		opacity: 0.5;
		-webkit-transform: rotateZ(-32deg);
	}
	75% {
		opacity: 0;
		-webkit-transform: rotateZ(-30deg);
	}
	100% {
		opacity: 0.5;
		-webkit-transform: rotateZ(-32deg);
	}
}

@keyframes spotlight_2 {
	0% {
		opacity: 0.5;
		-webkit-transform: rotateZ(42deg);
	}
	25% {
		opacity: 0;
		-webkit-transform: rotateZ(40deg);
	}
	50% {
		opacity: 0.5;
		-webkit-transform: rotateZ(42deg);
	}
	75% {
		opacity: 0;
		-webkit-transform: rotateZ(44deg);
	}
	100% {
		opacity: 0.5;
		-webkit-transform: rotateZ(42deg);
	}
}

@keyframes spotlight_3 {
	0% {
		opacity: 0.5;
		-webkit-transform: rotateZ(27deg);
	}
	25% {
		opacity: 0;
		-webkit-transform: rotateZ(29deg);
	}
	50% {
		opacity: 0.5;
		-webkit-transform: rotateZ(27deg);
	}
	75% {
		opacity: 0;
		-webkit-transform: rotateZ(25deg);
	}
	100% {
		opacity: 0.5;
		-webkit-transform: rotateZ(27deg);
	}
}

/*出品单位*/
.cp{
	/*transform: rotate(90deg);*/
	position: absolute;
	top: calc( 100% - 0.1rem);
	z-index: 30;
	width: 13.5rem;
	height: 9rem;
	color: #000000;
	background-color: #f4f0e5;
}
.cp img{
	width: 2rem;
	height: 2rem;
	float: left;
}
.cp ul{
	-webkit-transform: rotate(90deg);
	margin-top: 4rem;
	margin-left: 9rem;
	width: 7rem;
}
.cp1{
	width: 7rem;
	margin: 0rem auto 0;
	float: left;
}
.cp2{
	width: 7rem;
	margin: 1rem auto 0;
	float: left;
}
.cp p{
	color: #000000;
	font-size: 0.3rem;
}

/*建筑*/
.build1{
	position: absolute;
	z-index: 30;
	left: 41.5%;
	top: 63%;
	width: 3.8rem;
	height: auto;
	-webkit-animation: build 3s linear infinite;
}
.build2{
	position: absolute;
	z-index: 30;
	left: 29.3%;
	top: 66.7%;
	width: 3.35rem;
	height: auto;
	-webkit-animation: build 3s 1s linear infinite;
}
.build3{
	position: absolute;
	z-index: 30;
	left: 41.7%;
	top: 50.975%;
	width: 2.15rem;
	height: auto;
	-webkit-animation: build 3s 1s linear infinite;
}
.build4{
	position: absolute;
	z-index: 20;
	left: 31.25%;
	top: 59.9%;
	width: 2.32rem;
	height: auto;
	-webkit-animation: build 2.5s 0.4s linear infinite;
}
.build5{
	position: absolute;
	z-index: 20;
	left: 43.2%;
	top: 55.65%;
	width: 2.23rem;
	height: auto;
	-webkit-animation: build 2.5s 0.4s linear infinite;
}
.build6{
	position: absolute;
	z-index: 20;
	left: 43.6%;
	top: 46.5%;
	width: 2.7rem;
	height: auto;
	-webkit-animation: build 2.5s 0.6s linear infinite;
}
.build7{
	position: absolute;
	z-index: 20;
	left: 34.98%;
	top: 36.3%;
	width: 3.83rem;
	height: auto;
	-webkit-animation: build 2.5s 0.6s linear infinite;
}
.build8{
	position: absolute;
	z-index: 20;
	left: 26.3%;
	top: 27.75%;
	width: 3.75rem;
	height: auto;
	-webkit-animation: build 2.5s 0.8s linear infinite;
}
@-webkit-keyframes build{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}