/* CSS Document */
   *{ margin:0; padding:0; border:0;}
   body{ padding:0; margin:0; width:100%; height:100%; overflow:hidden; font-family:"微软雅黑", "黑体"; color:#000; font-size:16px;}
   div,ul,li{ margin:0; padding:0; width:100%;}
   li{ list-style:none;}
   a,a:hove{ text-decoration:none;}
   img,input{ border:0; vertical-align:middle;}
   .clear{ clear:both;}
   .opacity{ opacity:0;}
   .pages{ display:none;position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
   .copyright{ position:absolute; bottom:1%; font-size:9px; color:#fff; width:100%; text-align:center; z-index:99;}
   /***welcome样式  start***/
/*音乐*/
.topCon{ display:block;position:absolute; z-index: 99999999999999; bottom:5px; width:100%; height:40px;background:rgba(204,204,204,0);}
.sound{ width:15px; height:15px; padding:5px; right:15px;  position: absolute;  border:2px solid #CCC;  border-radius: 15px;-webkit-border-radius: 15px;  background:url(../images/soundoff.png) center center no-repeat; background-size:50% 50%; background-color:rgba(0,0,0,.5); }
.rotateAm{
  -webkit-animation-name: rotateAm;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes rotateAm {
	0%{ opacity:1;}
  25% { -webkit-transform: rotate(0deg) }
  25% { -webkit-transform: rotate(90deg) }
  50% { -webkit-transform: rotate(180deg) }
  75% { -webkit-transform: rotate(270deg) }
  100% { -webkit-transform: rotate(360deg) }
}
.musicOn{ position:absolute; right:13%; bottom:9%; display:none; font-size:10px; color:#000; z-index:55;}

/*音乐end*/
      /*page01  start*/
	  .page{ position:absolute; top:0; left:0; width:100%; height:100%;}
      .page01_con{ position:absolute; top:20%;}
	  .page01_con div{ position:absolute; top:0;}
      /*page01  end*/
	  
      /*page02  start*/
	  .page02{ display:none;}
      .page02_con{ position:absolute; top:50%;}
	  .page02_con div{ position:absolute; top:0;}
      /*page02  end*/

      /*page03  start*/
	  .page03{ display:none;}
      .page03_con{ position:absolute; top:50%;}
	  .page03_con div{ position:absolute; top:0;}
      /*page03  end*/
	  
      /*page04  start*/
	  .page04{ display:none;}
      .page04_con{ position:absolute; top:15%;}
	  .page04_con div{ position:absolute; top:0;}
      /*page04  end*/

      /*page05  start*/
	  .page05{ display:none;}
      .page05_con{ position:absolute; top:0%; width:100%; height:100%;}
	  .welcome_page05_tragles { position:absolute; top:8%;}
	  .welcome_page05_tragles div{ position:absolute; top:0;}
	  .welcome_page05_text05s{ position:absolute; bottom:30%;}
	  .welcome_page05_text05s div{ position:absolute; bottom:0;}
	  .welcome_page05_text06s{ position:absolute; bottom:10%;}
	  .welcome_page05_text06s div{ position:absolute; bottom:0%;}
      /*page05  end*/

   /***welcome样式   end***/
   
   /***nav样式  start***/
       .nav_logos{ position:absolute; top:10%; z-index:8;}
	   .nav_logos p{ position:absolute; top:0;}
	   .nav_logo_2{ width:12%; right:0;}
	   
	   .nav_btns{ position:absolute; top:20%; z-index:8;}
	   .nav_btns p{ margin-top:-2%;}
	   
	   .btn_bg{ background:rgba(0,0,0,.8); width:37%; position:absolute; top:0; right:0; height:100%; z-index:1; }
	   .nav_circles{ position:absolute; bottom:20%;width:100%;}
	   .nav_circles p{ float:left;  width: 31%;  margin-left: 12%;}
	   .nav_erweima{ position:absolute; bottom:13%;width:80%; left:10%;}
   /***nav样式    end***/
   
  /*苹果4手机 start*/
@media screen and (max-height: 500px) {
	  .welcome_page05_tragles { position:absolute; top:5%; width:90%; left:5%;}
	  .welcome_page05_text05s{ position:absolute; bottom:25%;width:90%; left:5%;}
	  .welcome_page05_text06s{ position:absolute; bottom:8%;width:90%; left:5%;}

       .nav_logos{ position:absolute; top:5%; z-index:8;}
	   .nav_btns{ position:absolute; top:15%; z-index:8;}
	   .nav_circles{ position:absolute; bottom:16%;width:100%;}
	   .nav_erweima{ position:absolute; bottom:8%;width:80%; left:10%;}
}
@media screen and (min-height: 150px) and (max-height: 200px) {
}