@charset "utf-8";


html, body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow-x:hidden;
}

.slide{
	height: 630px;
}



.nav{
	z-index:100;
	height:30px;
	position:fixed;
	top:600px;
	left:43%;
}


.nav li{
	margin-left: 20px;
}



.dotnav a{
	background-color: #dedede;
}





#wrap h1{
	text-align: center;
	font-family: "Mplus 1p";
	font-size: 38px;
	font-weight: 500;
	color:#ffffff;
	letter-spacing: 5px;
	line-height: 70px;
	padding-top: 120px;
}



#wrap p{
	text-align: center;
	font-family: "Mplus 1p";
	font-size: 30px;
	font-weight: 500;
	color:#ffffff;
	letter-spacing: 5px;
	padding-top: 20px;
}



#content1 , #content2 , #content3{
	height:630px;
	width:100%;
	position:fixed;
}
#content1 {
	z-index:99;
}
#content2 {
	z-index:98;
	background:url(../images/top2.png);
	background-size:cover; 
}
#content3 {
	z-index:97;
	background:url(../images/top3.png);
	background-size:cover;
}


#leftout {
	margin-top:420px;
}

.top-bullet{
	width: 1500px;
	height:auto;
	position: relative;
	top:100px;
}

.top-bullet2{
	width: 1700px;
	height:auto;
	position: relative;
	top:100px;
}



.star{
	width: 100%;
	position: relative;
	top:0px;
}


.top-ill{
	z-index: 110;
	position: fixed;
	top:360px;
}


.arrow{
	z-index: 210;
	position: absolute;
  top:300px;
  display: inline-block;
  text-decoration: none;
  padding-top: 60px;
  left: 49%;
}

.arrow a{
  color: #ffffff;
}


.arrow a:hover { text-decoration:none; color: #dfdfdf;}



.arrow a {
  padding-top: 80px;
}
.arrow span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}






.arrow2{
	z-index: 210;
	position: absolute;
  top:3300px;
  display: inline-block;
  text-decoration: none;
  padding-top: 60px;
  left: 49%;
}

.arrow2 a{
  color: #ffffff;
}


.arrow2 a:hover { text-decoration:none; color: #a5a5a5;}



.arrow2 a {
  padding-top: 80px;
}
.arrow2 span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}