/* 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;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
   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;}
   .page_con{ width: 100%; position: absolute; top: 0;}
   .page_nav_con{ width: 100%; position:absolute; top: 0;}
   /***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*/
      /*page00  start*/
      .welcome_bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
      .welcome_img{ position: relative;}     
	  .page{ position:absolute; top:0; left:0; width:100%; height:100%;}
	  .page00{ position: absolute; z-index: 7;}
      .welcome_page00_logo{ margin: 40% auto 0; }
	  .welcome_page00_starts{ margin: 26% 0% 0% 32%;}
	  .welcome_page00_starts img{ position: relative; float: left;}
      .welcome_page00_arrowleft{ width: 12%;margin-top: -2%;}
      .welcome_page00_start{ width: 12%;}
      .welcome_page00_arrowright{ width: 12%; margin-top: -2%;}
      /*page00  end*/
	  
      /*page01  start*/
	  .page01{ display:block;position: absolute; z-index: 6;}
	  .welcome_page01_text_01{ margin: 10% auto 0;}
      /*page01  end*/

      /*page02  start*/
	  .page02{ display:block;position: absolute; z-index: 5;}
      .welcome_page02_text03{ background:rgba(64,175,202,.8); padding: 2% 0; width: 90%;}
      /*page02  end*/

      /*page03  start*/
	  .page03{ display:block;position: absolute; z-index: 4;}
      .welcome_page03_text03{ background:rgba(64,175,202,.8); padding: 2% 0; width: 86%;}
      /*page03  end*/
     	  
      /*page04  start*/
      .page04{ display:block;position: absolute; z-index: 3;}
	  .welcome_page04_text03{background:rgba(64,175,202,.8); padding: 2% 0; width: 80%;}
      /*page04  end*/

      /*page05  start*/
      .page05{ display:block;position: absolute; z-index: 2;}
      .margin-left{ margin-left: 2%;}
	  .welcome_page05_star{ width: 4%;}
	  .welcome_page05_stars{ margin: 4% 0% 8% 41%;}
      /*page05  end*/

      /*page06  start*/
      .page06{ display:block;position: absolute; z-index: 1;}
	  .welcome_page06_text_04{ margin: 3% auto 0;}
	  .welcome_page06_text_05{ margin: 0% auto 0;}
	  .welcome_page06_text_06{margin: -13% auto 0;}
	  .welcome_page06_text_07{margin: -10% auto 0;}
      /*page06  end*/

      /*page07  start*/
      .page07{ display:block;position: absolute; z-index: 0;}
      .welcome_page07_text_01{ margin: 20% auto 0;}
      .welcome_page07_texts{   width: 32%;  padding: 3% 20% 0% 0%;  border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  margin: 8% 0% 0% 15%;}
      .welcome_page07_text_04{  width: 80%;  background: #006696;}
      /*page07  end*/
   /***welcome样式   end***/
   
   /***nav样式  start***/
       .nav_pic{ position: absolute; bottom: 0;}
	   .nav_logo{ margin: 10% auto 2%;}
	   .nav_btns_list01{  margin: 2% 0% 0% 28%;}
	   .nav_btns_list02{  margin: 2% 0% 0% 15%;}
	   .nav_btns_list03{  margin: 2% 0% 0% 28%;}
	   .nav_margin_right{ margin-right: 5%;}
	   .nav_btns_list01 img,.nav_btns_list02 img,.nav_btns_list03 img{ width: 20%; position: relative;}
	   
   /***nav样式    end***/
  
  
  /*makers_world 创客天地样式 start*/
 .width_img{ width: 100%;}
 
 .makers_tit{position: absolute; top:1%;left: 0;}
 .makers_back{position: absolute; top:2%;left: 0;}
 .makers01_details1{position: absolute; top:15%;left: 0;}
 .makers01_details2{position: absolute; top:37%;left: 0;}
 .makers01_details3{position: absolute; top:38%;left: 0;}

 .makers02_details1{position: absolute; top:15%;left: 0;}
 .makers02_details2{position: absolute; top:28%;left: 0;}
 .makers02_details3{position: absolute; top:30%;left: 0;}

 .makers03_details{position: absolute; bottom:17%;left: 0;}

 .makers04_details1{position: absolute; top:15%;left: 0;}
 .makers04_details2{position: absolute; top:35%;left: 0;}
 .makers04_details3{position: absolute; top:37%;left: 0;}
 /*makers_world 创客天地样式 end*/

 /*project_intro 项目简介 start*/
 .project01_details{position: absolute;top: 15%;left: 0;width: 80%;background: #2eaef0;padding: 2% 5% 2% 4%;}
 .project02_details{position: absolute;top: 15%;left: 0;width: 70%;background: #2eaef0;padding: 2% 5% 2% 4%;}
 .project03_details{position: absolute;top: 15%;left: 0;width: 58%;background: #2eaef0;padding: 2% 5% 2% 4%;}
 .project04_details{position: absolute;top: 15%;left: 0;width: 51%;background: #2eaef0;padding: 2% 5% 2% 4%;}
 .project05_details{position: absolute;top: 15%;left: 0;width: 52%;background: #2eaef0;padding: 2% 5% 2% 4%;}
 .project06_details{position: absolute;top: 15%;left: 0;width: 54%;background: #2eaef0;padding: 2% 5% 2% 4%;}
 .project07_details{position: absolute;top: 15%;left: 0;width: 74%;background: #2eaef0;padding: 2% 5% 2% 4%;}
 .project08_details{position: absolute;top: 15%;left: 0;width: 35.7%;background: #2eaef0;padding: 2% 5% 2% 4%;}
/*project_intro 项目简介 end*/ 

/*yh_group 玉宏集团 start*/
.group_logo{position: absolute;top: 4%;left: 0;}
.group_back{position: absolute; bottom:5%;right: 0;}

.group01_details1{position: absolute;top: 29%;left: 0;}
.group01_details2{position: absolute;top: 49%;left: 0;}
.group01_details3{position: absolute;top: 59%;left: 0;}

.group02_details1{position: absolute;top: 20%;left: 0;}
.group02_details2{position: absolute;top: 38.5%;left: 0;}
.group02_details3{position: absolute;bottom: 11%;left: 0;}

.group03_details1{position: absolute;top:14%;left: 0;}
.group03_details2{position: absolute;top: 34.5%;left: 0;}
.group03_details3{position: absolute;bottom: 12.5%;left: 0;}
 /*yh_group 玉宏集团 end*/

/*panorama_show 全景看房 start*/
 .frame_line{position: absolute; top: 5%; left:5%; width: 90%; height: 90%; border:1px solid #FFF;}
 .panorama_logo{position: absolute;top: 10%;left: 10%;width: 30%;}
 .panorama_logo_txt{position: absolute;top: 10%;left: 42%;width: 40%;}
 .panorama_btn1{position: absolute;top: 40%;left: 15%;width: 70%;}
 .panorama_line{position: absolute; bottom:41%; left: 0; width: 100%;}
 .panorama_btn2{position: absolute;bottom:25%;left: 15%;width: 70%;}
 .panorama_back{position: absolute;bottom: 10%;left: 0;width: 100%;}
/*panorama_show 全景看房 end*/
.width_img1{ width:100%;}
  /*苹果4手机 start*/
@media screen and (max-height: 500px) {
   .welcome_page00_logo{ margin: 30% auto 0; }
   .page_con{ width: 80%; position: absolute; top: 0; left: 10%;}
   
   
   .page_nav_con{ width:80%; position:absolute; top: 0; left: 10%;}
   .nav_pic{ position: absolute; bottom:-5%;}
   
   /*全景看房 样式*/
   .panorama_logo {position: absolute;top: 10%;left: 18%;width: 25%;}
   .panorama_logo_txt {position: absolute;top: 10%;left: 46%;width: 35%;}
   
   /*玉宏集团 样式*/
   .width_img1{width: 90%;margin: 0 5%;}   
   
   .group02_details1 {position: absolute;top: 13%;left: 0;}
   .group02_details2 {position: absolute;top: 33.5%;left: 0;}
   
   .group03_details1 {position: absolute;top: 10%;left: 0;}
   .group03_details2 {position: absolute;top: 32.5%;left: 0;}
   .group03_details3 {position: absolute;bottom: 9.5%;left: 0;}
   
   /*创客天地 样式*/
   .makers01_details1 {position: absolute;top: 14%;left: 0;}
   .makers01_details3 {position: absolute;top: 39%;left: 0;}
}
@media screen and (min-height: 150px) and (max-height: 200px) {
}