/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
img {
	border: none;
}
input, img {
	vertical-align: middle;
}
html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
body {
	margin: 0 auto;
	width: 100%;
	font: 85%/1 "\9ED1\4F53";
	background-color:#ffffff;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	height:100%;
}
.imgwidth{ width:100%;}
 
   /*welcome页面公共样式 start*/
    .welcome_bg{ position:absolute;top:0; width:100%; }
	.page{ display:none;}
  /*welcome页面公共样式   end*/
  
  
 /**********welcome样式   start*************/
 	.welcome{position: absolute;width: 100%; height:100%; top: 0%;left: 0%;}
	.welcome_txt{ margin: 0 0 0 15%;width: 70%;}
	.welcome_txt ul{padding: 80% 0 0 0;}
	.welcome_txt li{ width:10%; float:left;}
	.welcome_line{position: absolute;top: 40%;width: 70%;left: 10%;}
 
    .welcome_page01{ position:absolute; top:0; width:100%; height:100%; display:block;}
	.welcome_page01_texts{ padding-top:25%; width:100%; position:relative;}
	.welcome_page01_texts li{ width:6%; margin:0 auto; opacity:0;}

    .welcome_logo{ position:absolute; top:20%; display:none;}
	.welcome_touch_logoflower{ position:absolute; bottom:0; width:0%; right:36%; opacity:0;}
	.welcome_touch_logoflower_float{position:absolute; bottom:0; width:10%; right:36%; opacity:1; display:none; z-index:99;}
	.touch{ position:absolute; bottom:35%; width:100%; display:none;}
	.touch p{ position:absolute; top:0;  width: 25%;  left: 38%;}
	.welcome_page02{position:absolute; left:0; top:0; width:100%; height:100%;}
	/**nav样式 start**/
	  .nav_bg{ display:none; position:absolute; width:100%; height:100%; overflow:hidden;}
	  .nav_bgPic{   position: absolute;  right: 0;  top: 0;  width: 60%;}
	  
	  .nav_logo{ position:absolute; top:3%; }
	  .nav_logoflower{ position:absolute; bottom:0; width:8%; right:15%; }
	  .nav_logo_02{ position:absolute; top:15%;}
	  
	  .nav_btns{ position:relative; width:33%; margin-left:3%; margin-top:13%;}
	  .nav_btns li{ }
	  .nav_btn{ padding: 10% 0 0% 0;}
	  .nav_line{ border-bottom: 1px dashed #d6cbbb;  margin: 4% 34% 12%;   width: 60%; opacity:0.5}
	  .nav_btn_circle{ margin-top:10%; margin-left:5%; clear:both;}
	  .nav_btn_circle p{float: left;width: 35%;position: relative;padding: 20% 0;margin-left: 15%;}
	  .marginLeft{ margin-left:15%;}
	/**nav样式   end**/
 /**********welcome样式     end*************/


/*--------------------户型欣赏 start-----------------------------------------*/
.content_hx{position: absolute;top: 0;left: 0;height: 100%; width:100%;}
.top_hx{position: absolute;top: 7%;}
.backimg_hx{position: absolute;top: 8%;}
.hxbtn_a{position: absolute;top: 30%;width: 70%;left: 15%;}
.muneimg_hx{position: absolute;top: 47%;}
.btnmune_b{position: absolute;top: 55%;width: 70%;left: 15%;}
/*--------------------户型欣赏 end-----------------------------------------*/

/*--------------------全景看房 start-----------------------------------------*/
.menu_details{position: absolute;width: 70%;left: 15%;top: 20%;}

.qjdetail_img1{ position: absolute;top: 20%;}
.qjdetail_txt1{ position: absolute;bottom:5%;}
/*--------------------全景看房 end-----------------------------------------*/

/*--------------------物业管理 start-----------------------------------------*/
.tenement_tit{position: absolute;top: 9%;}
.tenement_img{ position: absolute;top:22%;}
.tenement_txt{ position: absolute;bottom: 15%;}
.backimg1{ position: absolute;bottom:5%;}
/*--------------------物业管理 end-----------------------------------------*/

/*--------------------项目详情 start-----------------------------------------*/
.itempt_menu{position: absolute;width: 70%;left: 15%;top:25%;}
.item_back{ position: absolute;bottom:5%;}
/*--------------------项目详情 end-----------------------------------------*/
  /*苹果4手机 start*/
@media screen and (min-height:400px) and (max-height: 420px) {
	.imgwidth{ width:90%; margin:0 0 0 5%;}
	/**nav样式 start**/
	  .nav_logo_02{ position:absolute; top:14%;}
	/**nav样式   end**/
	.welcome_txt ul {padding: 60% 0 0 0;}
	.welcome_line {position: absolute;top: 38%;width: 70%;left: 10%;}
 	
	.qjdetail_txt1{ position: absolute;bottom:2%;}
}   

/*************动画 start****************/
	  .rollIn{
		-webkit-animation-name: rollIn;
		-webkit-animation-duration: 2s;
		-webkit-animation-timing-function:linear;
		  -webkit-animation-fill-mode: both;
	  }
	  @-webkit-keyframes rollIn {
		  0% {
		  opacity:0;
		  -webkit-transform:translateX(-100%) rotate(-120deg);
		  }
		  100% {
		  opacity:1;
		  -webkit-transform:translateX(0px) rotate(0deg);
		  }
	  }
	  
	  .getBig{
		-webkit-animation-name: getBig;
		-webkit-animation-duration: .5s;
		-webkit-animation-timing-function:linear;
		  -webkit-animation-fill-mode: both;
	  }
	  @-webkit-keyframes getBig {
		  0% {
		  opacity:0;-webkit-transform:scale(0,0);
		  }
		  100% {
		  opacity:1;-webkit-transform:scale(1,1);
		  }
	  }
	  
	  .fadeIn{
		-webkit-animation-name: fadeIn;
		-webkit-animation-duration: 1s;
		-webkit-animation-timing-function:linear;
		  -webkit-animation-fill-mode: both;
	  }
	  @-webkit-keyframes fadeIn {
		  0% {
		  opacity:0;
		  }
		  100% {
		  opacity:.3;
		  }
	  }
	  
	  .slideInLeft{
		-webkit-animation-name: slideInLeft;
		-webkit-animation-duration: 1s;
		-webkit-animation-timing-function:linear;
		  -webkit-animation-fill-mode: both;
	  }
	  @-webkit-keyframes slideInLeft {
		  0% {
		  opacity:0;-webkit-transform:translateX(-10%);
		  }
		  100% {
		  opacity:1;-webkit-transform:translateX(0%);
		  }
	  }
	  


/*************动画  end****************/