* {
	margin: 0;
	padding: 0;
	list-style: none;
}

.events_list .ic_events {
	position: absolute;
	width: 51px;
	height: 98px;
	top: 0;
	overflow: hidden;
}

.events_list:nth-child(1) .ic_events {
	animation: entic_effect .8s 1s linear both;
}

@keyframes entic_effect {
	0% {
		width: 20px;
		height: 24px;
		opacity: 0;
	}
	100% {
		width: 51px;
		height: 98px;
	}
}

@-webkit-keyframes entic_effect {
	0% {
		width: 20px;
		height: 24px;
		opacity: 0;
	}
	100% {
		width: 51px;
		height: 98px;
	}
}

.tiao {
	width: 2px;
	height: 100px;
	background-color: red;
}

.region-list {
	position: absolute;
	left: 0;
	top: 0
}

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

.area-box .dot {
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*background: #a2a9b4;*/

	opacity: 1;
	filter: alpha(opacity=100)
}

.area-box .pulse {
	position: absolute;
	top: -28px;
	left: -28px;
	height: 66px;
	width: 66px;
	border: 2px solid #b7b7b7;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	-webkit-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	-moz-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	opacity: .12;
	filter: alpha(opacity=0);
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	-o-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background: 0 0
}

.area-box .delay-1 {
	-webkit-animation-delay: -.8s;
	-moz-animation-delay: -.8s;
	-o-animation-delay: -.8s;
	animation-delay: -.8s
}

.area-box .delay-2 {
	-webkit-animation-delay: -.4s;
	-moz-animation-delay: -.4s;
	-o-animation-delay: -.4s;
	animation-delay: -.4s
}

.region-list .dot {
	/*background: red;*/
	background:#fa5c42;
}

.region-list .pulse {
	/*border-color: red;
	box-shadow: 0 0 12px red, 0 0 20px red inset;*/
	border-color: #fa5c42;
	box-shadow: 0 0 12px #fa5c42, 0 0 20px #fa5c42 inset;
}

.region-list span {
	position: relative;
	color: #ccc
}

.postition-7 .pulse {
	top: -50px;
	left: -50px;
	width: 110px;
	height: 110px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.postition-7 {
	/*left: 700px;
	top: 370px*/
	/*left: 46%;
	top: 426px;*/
}

.events_list .ic_events {
	left: 704px;
	top: 275px
}

.one {
	position: relative;
	top: 255px;
	left: 685px;
	color: #fff;
}

.backgroundA {
	background-image: url(../img/banner1.jpg);background-repeat: no-repeat;background-position-x: center;background-position-y: center;background-size: cover;
	/*background: url(../img/tuoyuan.png) no-repeat;*/

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

.ban_s1{position: absolute;left: 46%;top: 85%;}
.ban_s2{position: absolute;left: 22%;top: 40%;}
.ban_s3{position: absolute;left: 77%;top: 57%;}

/*.backgroundB {
	background: url(../img/pink.png) no-repeat;
	background-position: center 100%;
	height: 500px;
	width: 100%;
}

.backgroundC {
	background: url(../img/qiu.png) no-repeat;
	background-position: center 100%;
	height: 500px;
	width: 100%;
}*/


/*轨道旋转*/

.solarsystem {
	width: 1366px;
	margin: 0 auto;
	position: relative;
	height: 0;
	top: -150px;
	left: 100px;
	perspective-origin: 50% 0;
	transform-style: preserve-3d !important;
}


.solarsystem .sun {
	position: absolute;
	/*background: url(../img/banner2.jpg);*/
	/*background: url(../images/quan.png) no-repeat;*/
	background-position: center 100%;
	background-size: 100%;
	width: 800px;
	height: 500px;
	top: 230px;
	/*left: 25%;
	margin-left: -75px;*/
}

.orbit {
	border-radius: 50%;
	position: absolute;
	transform-style: preserve-3d !important;
	animation: orbitrotate 10s linear 0s normal none infinite;
}

.planet {
	position: absolute;
	transform-style: preserve-3d !important;
	transform: rotateX(-90deg) rotateY(0deg);
	-ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

@keyframes orbitrotate {
	0% {
		transform: rotateX(77deg) rotateY(-6deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(77deg) rotateY(-6deg) rotateZ(-360deg);
	}
}

.planet .ball {
	transform-origin: 50% 50% 0;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(0deg, rgba(95, 11, 2, 1) 0%, rgba(201, 54, 38, 1) 100%);
	box-shadow: 0px 0px 9px 0px rgba(41, 38, 38, 0.36);
	border-radius: 50%;
	transform: rotateX(-90deg) rotateY(0deg);
	animation: planetrotate 0s linear 0s normal none infinite;
}

@keyframes planetrotate {
	0% {
		transform: rotateX(0deg) rotateY(0deg);
	}
	100% {
		transform: rotateX(0deg) rotateY(-360deg);
	}
}

.orbit.mercury {
	height: 700px;
	width: 700px;
	left: 23.5%;
	top: 60px;
	animation-duration: 13s;
	z-index: 10;
}

.orbit.mercury>.planet {
	height: 21px;
	left: 210px;
	top: 15px;
	width: 21px;
}

.orbit.mercury>.planet>.ball {
	animation-duration: 13s;
}

.orbit.earth {
	height: 800px;
	width: 800px;
	left: 19.5%;
	top: 25px;
	animation-duration: 22s;
	z-index: 12;
}

.orbit.earth>.planet {
	height: 21px;
	left: 110px;
	top: 98px;
	width: 21px;
}

.orbit.earth>.planet>.ball {
	animation-duration: 22s;
}

.orbit.mars {
	height: 800px;
	width: 800px;
	left: 19.5%;
	top: 25px;
	animation-duration: 30s;
	z-index: 13;
}

.orbit.mars>.planet {
	height: 21px;
	left: 110px;
	top: 98px;
	width: 21px;
}

.orbit.mars>.planet>.ball {
	background: linear-gradient(0deg, rgba(83, 8, 0, 1) 0%, rgba(201, 54, 38, 1) 100%);
	box-shadow: 0px 0px 9px 0px rgba(41, 38, 38, 0.36);
	border-radius: 50%;
	animation-duration: 30s;
}

.orbit.jupiter {
	height: 800px;
	width: 800px;
	left: 19.5%;
	top: 25px;
	animation-duration: 60s;
}

.orbit.jupiter>.planet {
	height: 30px;
	left: 210px;
	top: 48px;
	width: 30px;
}

.orbit.jupiter>.planet>.ball {
	animation-duration: 60s;
}

.orbit.neptune {
	height: 700px;
	width: 700px;
	left: 23.5%;
	top: 60px;
	animation-duration: 100s;
}

.orbit.neptune>.planet {
	height: 30px;
	left: 210px;
	top: 15px;
	width: 30px;
}

.orbit.neptune>.planet>.ball {
	animation-duration: 100s;
}


@media screen and (max-width: 767px) {
	.area-box .dot{width: 4px;height: 4px;}
	.area-box .pulse{width: 33px;height: 33px;top: -15px;left: -15px;}
	.orbit.mercury{width: 100%;height: 100%;}
	.orbit.earth{width: 100%;height: 100%;}
	.orbit.mars{width: 100%;height: 100%;}
	.orbit.jupiter{width: 100%;height: 100%;}
	.orbit.neptune{width: 100%;height: 100%;}


	.orbit,.ban_s1,.ban_s2,.ban_s3{display: none;}
}