@charset "utf-8";

*{margin:0;padding:0}
body{font-size:13px;font-family:arial;-webkit-text-size-adjust:none;line-height:1.62;background-color: #000;}
body,html{width:100%;height:100%;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none;}
ul,li{ padding:0; margin:0; width:100%;}
em{font-style:normal}
img{border:none;}
input,img{vertical-align:middle;}
input,select,textarea{outline:0;-webkit-appearance:none}
q:before, q:after { content:'' }
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{*zoom:1}
a{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}
section,aside,header,footer,hgroup,article{display:block}
.show{display: block}
.hide{display: none}
p{ width:100%; margin:0; padding:0;}
/*index*/
.p-index {height: 100%; width: 100%; overflow: hidden }
/*模块 m-*/ 
.m-page { position:absolute; left:0; top:0; height:100%; width:100%; overflow:hidden; background:#fff; }
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block;}
/*音乐*/
.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*/


	  .opacity{ opacity:0;}
	  .relative{ position:relative;}
	  .display{ display:none;}
	  .absolute{ position:absolute; width:100%; height:100%;}

   /*********公共样式 start*********/
	  .index_map{ position:absolute; top:1%; left:1%; width:11%; padding-right:11%; z-index:9999;}
   /*********公共样式   end*********/

  /*************首页page01样式 start****************/
    .index_bg{ position:absolute; width:100%; height:100%; top:0;}
	.index_bottompic{ position:absolute; bottom:2%;}
	.page01_con{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
	.index_logo{ position:relative; margin-top:8%;}
	.index_logo p{ position:absolute; top:0;}
	.index_logo03{ position:relative; margin-top:18%;}
	.index_text01{ margin:5% auto 5%;}
	.index_bottompic{ position:absolute; bottom:3%;}
  /*************首页page01样式   end****************/
 
  /**page02样式  start**/
    .page01_drops{ position:absolute; top:0; width:100%;}
	.page01_drops p{ position:absolute; top:0;}
	.page01_text01{ margin:5% auto 5%;}
  /**page02样式    end**/
  
  /**page03样式  start**/
    .page02_top{ padding:0% 0 0 0;}
  /**page03样式   end**/
    
  /**page04样式  start**/
	.page03_pic01{ width:51%; margin-bottom:1%; float:left;}
	.page03_pic02{ width:48%; margin-left:1%; margin-bottom:1%; float:left;}
  /**page04样式   end**/

  /**page05样式  start**/
    .page04_drops{ position:absolute;   width: 72%;  top: 9%;  left: 15%;}
	.page04_drops p{ position:absolute;}
  /**page05样式   end**/

  /**page06样式  start**/
     .page05_pic02{ width:51%; float:left;}
	 .page05_pic03{ width:48%; margin-left:1%; float:left;}
	 .page05_text01{ margin:1% auto; padding:1% 0; background:#13a1c9;}
	 .page05_text02,.page05_text03{ background:#13a1c9; margin-top:1%;}
	 
	 .page05_tips{ position:absolute; width:100%; height:100%; top:0;}
	 .page05_tips p{ width:26%;}
	 .page05_tip01{ position:absolute; top:7%; right:7%; z-index:10;}
	 .page05_tip02{ position:absolute; top:50%; left:0%; z-index:10;}
	 .page05_tip03{ position:absolute; top:50%; right:10%; z-index:10;}
	 .page05_text04{ margin:5% auto 0;}
  /**page06样式    end**/

  /**page07样式  start**/
     .page06_tip{position:absolute; bottom:14%; width:30%; left:35%; z-index:99;}
     .page06_text03{ position:absolute; bottom:3%; background:#13a1c9; padding:5% 0;}
  /**page07样式   end**/

  /**page08样式  start**/
	 .page07_pic02{ float:left; width:32%; margin-top:1%;}
	 .page07_pic03{ float:left; width:32%; margin-left:1%;margin-top:1%;}
	 .page07_pic04{ float:left; width:34%; margin-left:1%;margin-top:1%;}
	 .page07_text{ margin:5% auto 4%;}
  /**page08样式   end**/
  
  /**page09样式  start**/
    .page08_text{ margin:3% auto 6%;}
  /**page09样式   end**/

  /**预约看房  start**/
    .yykf_topic{ margin: 4% auto 23%;}
    .inputs{  width: 100%;  margin: 3% 6%;}
	.inputs dt{  width: 24%;  float: left;}
	.inputs dd{   float: left;  width: 60%;  background: #ccc;  border-radius: 10px;}
	.inputtext{  width: 96%;  padding-left: 8px;  border: 0;  background: 0;  border-spacing: 0;  height: 24px;  font-size: 16px;}
	.yykf_btn{ margin:10% auto;}
	.yykf_phone{ margin:24% auto 0;}
  /**预约看房   end**/

  /**page11样式 start**/
     .page10_texts{ position:absolute; top:0; left:0; width:100%; height:100%;}
	 .page10_top { margin:10% auto 10%;}
  /**page11样式  end**/

  /**page12样式  start**/
	.page11_pic02{ float:left; width:49%;margin-top:1%;}
	.page11_pic03{ float:left; width:50%; margin-left:1%;margin-top:1%;}
	.page11_text03{ position:absolute; bottom:1%;background:#13a1c9; padding:3% 0;}
	.page11_text01{ margin:5% auto 5%;}
  /**page12样式  end**/

  /*苹果4手机 start*/
@media screen and (min-height: 410px) and (max-height: 500px) {
	.index_logo{ position:relative; margin-top:5%;}
	.index_logo03{ position:relative; margin-top:15%;}
	.index_text01{ margin:3% auto 3%;}
	.index_bottompic{ position:absolute; bottom:1%;}
	
	.page_pic{width:84%; margin:0 auto;}
	.page_text{  width:84%; margin-left:8%;}
  /**page02样式  start**/
    .page01_drops{ position:absolute; top:0; width:84%; left:8%;}
  /**page02样式    end**/
  /**page05样式  start**/
    .page04_drops{ position:absolute;   width: 60%;  top: 10%;  left: 22%;}
  /**page05样式   end**/
  /**page06样式  start**/
	 .page05_pic{width:84%; margin:0 auto;}
	 .page05_text{  width:84%; margin-left:8%;}
	 .page05_tips p{ width:28%;}
	 .page05_tip01{ position:absolute; top:10%; right:10%; z-index:10;}
	 .page05_tip02{ position:absolute; top:53%; left:8%; z-index:10;}
	 .page05_tip03{ position:absolute; top:53%; right:15%; z-index:10;}
	 .page05_text04{ margin:5% auto 0;}
  /**page06样式    end**/
  
  /**page07样式  start**/
     .page06_tip{position:absolute; bottom:15%; width:20%; left:40%; z-index:99;}
  /**page07样式   end**/

  /**page08样式  start**/
	 .page07_text{ margin:5% auto 2%;}
  /**page08样式   end**/

  /**预约看房  start**/
    .m-page012{ overflow:auto;}
    .inputs{  width: 90%;  margin: 3% 10%;}
    .yykf_topic{ margin: 4% auto 20%;}
	.yykf_phone{ margin:10% auto 0;}
  /**预约看房   end**/
  
  /**page11样式 start**/
	.page11_text01{ margin:5% auto 2%;}
     .page11_pic{ width:80%; margin:0 auto;}
	 .page11_text{  width:80%; margin-left:10%;}
  /**page11样式  end**/
}
@media screen and (min-height: 150px) and (max-height: 200px) {

  /**预约看房  start**/
    .m-page012{ overflow:auto; height:500px;}
    .inputs{  width: 90%;  margin: 3% 10%;}
    .yykf_topic{ margin: 4% auto 20%;}
	.yykf_phone{ margin:10% auto 0;}
  /**预约看房   end**/
}

  /*苹果6 plus样式*/  
@media screen and (min-height: 603px) and (max-height: 672px) {

}
/* global */
.p-index{display:none}
.m-tips{opacity:0;display:block;position:absolute;bottom:0;background:url(../images/arrow.png) no-repeat; background-size:100% 100%;left: 46%; width:8%; height:16px;-webkit-animation:tips ease-out 1s infinite;-webkit-animation-delay:2s}
@-webkit-keyframes tips{
	0%{
		opacity:0;
		-webkit-transform:translate(0,0px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,-30px);
	}
}

.dropUp{
  -webkit-animation-name: dropUp;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: both;
}
@-webkit-keyframes dropUp {
0% {
-webkit-transform:translateX(-70%);
opacity:0;
}
60% {
-webkit-transform:translateX(10%);
opacity:1;
}
80% {
-webkit-transform:translateX(-3%);
opacity:1;
}
100% {
-webkit-transform:translateX(0%);
opacity:1;
}
}
.copyright{position:absolute;bottom:5px;left:0;width:100%;font-size:10px;color:#000;text-align:center;}