/* CSS Document */
body{width:100%; margin:0; padding:0; background-color:#fef5e0; font-family:"微软雅黑", "黑体"; font-size:14px; color:#4f4f4f;}

ul,ol{ list-style-type:none;}
a:hover{ text-decoration:none;}
input,img{ outline:none;}
.clear{ clear:both;}
/*top样式*/
.top{ width:100%; padding:0; margin:0 auto; height:8px;}
/*内容样式*/
.content{ width:96%; margin:0% auto; padding-bottom:5%;}
/*头部标题包括logo返回键*/
.title{width:100%;}
.title ul{ width:100%;}
.title ul li{ float:left;}
.title .logo{width:34%; margin-left:-10%;}
.title .zygw_01{width: 22%;margin-left: 6%;margin-top: 0%;}
.title .back{width:14%; position:absolute; top:8%; right:3%;}
/*置业顾问姓名，电话，拨打键*/
.zygw_name{width:98%; border-bottom:1px solid #910782; margin:10% auto 0%;}
.zygw_name ul{ width:100%;}
.zygw_name ul li{ float: left;}
.zygw_name p{ text-align:left; width:92%; margin:3% auto;}
.zygw_name .name{width:20%; margin-left:-7%;}
.zygw_name .infor{ width:40%; margin-left:3%; }
.zygw_name .tel{ width:20%; margin-right:13%; float:right;}
.zygw_name .infor .p1{ color:#910782; font-size:25px;}
.zygw_name .infor .p2{ font-size:18px;margin-top:5%;}

/*
wls 样式
*/
.none{ display:none;}
.opacity{ opacity:0;}
.clear{ clear:both;}


/*welcome start*/
    .spinner {
      margin: 50% auto 0;
      width: 70px;
      text-align: center;
    }

    .spinner > div {
      width: 18px;
      height: 18px;
      background-color:#CCC;

      border-radius: 100%;
      display: inline-block;
      -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
      animation: bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }

    .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }

    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }

    @keyframes bouncedelay {
      0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }

.welcome_bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.welcome_bg .diamond_logo{ margin:0; padding:0; width:96%; position:absolute; top:15%; left:3%;}
.welcome_bg .diamond{ position:absolute;  left:11%; width:80%;}
.welcome_bg .logo_bg{ position:absolute; left: 23%;margin-top: 12%;width: 55%;}
.welcome_bg .logo_wls{ position:absolute; left: 23%;margin-top: 30%;width: 55%;}

.welcome_bg .enter{position: absolute;left: 38%;bottom: 18%;width: 22%;margin: 0;padding: 0;}
.welcome_bg .enter li{ width:100%;}
.welcome_bg .enter_down{ padding-top: 0%;}
.welcome_bg .enter_up{ margin-top: 6%;}
.welcome_bg .enter_text{ margin-top: 13%;}

/*welcome end*/

/*nav start*/
.nav_bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.nav_logo{ width:50%; margin:0 auto; padding-top:0%;}
.nav_btns{position: relative;width: 100%;margin: 0;padding: 0;}
.nav_btns .btnlist{width:30%;padding-top:3%;margin-left: 70%; padding-bottom:3%; background:rgba(195,13,35,.8); margin-top:12%;}
.nav_btns .btnlist>div{ width: 100%;}
.nav_btns .btn{width: 28%; text-align:right; position:absolute; right:30%; z-index:111; }
.nav_btns .btn img{ width: 17%;}
.btn_bottom{ position:absolute; bottom:2%; padding:0; margin:0;width: 100%;}
.btn_bottom li{float: left;width: 12%;margin-right: 13%;}
.btn_bottom .marginL{ margin-left:18%;}
/*nav end*/
/*xmjj stjg start*/
.xmjj_bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.xmjj_top{ width:100%; padding-top:8%;}
.xmjj_back{ width:20%; position:absolute; top:9%; right:5%;}
.xmjj_content{ width:86%; margin:8% auto 0;}
.xmjj_content>div{ width:100%; margin-bottom:8%;}

.stjg_text01{ width:88%; margin:8% auto 0;}
.stjg_pic{ width:85%; margin:5% auto 0%;}
.stjg_text02{ width:86%; margin:5% auto;}
/*xmjj stjg end*/
/*动画 转圈 start*/
@-webkit-keyframes turnRound {
  0%{ -webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)} 
}
.turnRound {
	-webkit-animation-name: turnRound;
	-moz-animation-name: turnRound;
	-o-animation-name: turnRound;
	animation-name: turnRound;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 2.5s;
	   -moz-animation-duration: 2.5s;
	     -o-animation-duration: 2.5s;
	        animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
@-webkit-keyframes turnRound02 {
  0%{  -webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(-360deg)} 
}
.turnRound02 {
	-webkit-animation-name: turnRound02;
	-moz-animation-name: turnRound02;
	-o-animation-name: turnRound02;
	animation-name: turnRound02;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 2.5s;
	   -moz-animation-duration: 2.5s;
	     -o-animation-duration: 2.5s;
	        animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/*动画 转圈 end*/
/*动画 转圈小 start*/
@-webkit-keyframes turnRoundS{
0% {
opacity:0;
-webkit-transform:translateX(-500%) rotate(-200deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
}
}
.turnRoundS {
	-webkit-animation-name: turnRoundS;
	-moz-animation-name: turnRoundS;
	-o-animation-name: turnRoundS;
	animation-name: turnRoundS;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.delay01{ -webkit-animation-delay:.2s;}
.delay02{ -webkit-animation-delay:.4s;}
.delay03{ -webkit-animation-delay:.6s;}
/*动画 转圈小 end*/
/*动画 上下跳动 start*/
@-webkit-keyframes toDown {
0% {-webkit-transform:translateY(15%);}
100% {-webkit-transform:translateY(0%);}
}
.toDown {
	-webkit-animation-name: toDown;
	-moz-animation-name: toDown;
	-o-animation-name: toDown;
	animation-name: toDown;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-iteration-count: infinite;
	     -o-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
@-webkit-keyframes toUp{
0% {-webkit-transform:translateY(-15%) ;}
100% {-webkit-transform:translateY(0%);}
}
.toUp {
	-webkit-animation-name: toUp;
	-moz-animation-name: toUp;
	-o-animation-name: toUp;
	animation-name: toUp;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-iteration-count: infinite;
	     -o-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
/*动画 上下跳动 end*/
/*动画 slideleft start*/
@-webkit-keyframes slideLeft{
0% {-webkit-transform:translateX(50%) ;}
100% {-webkit-transform:translateX(0%);}
}
.slideLeft {
	-webkit-animation-name: slideLeft;
	-moz-animation-name: slideLeft;
	-o-animation-name: slideLeft;
	animation-name: slideLeft;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/*动画 sldeleft end*/
/*动画 slideleft02 start*/
@-webkit-keyframes slideLeft02{
0% {-webkit-transform:translateX(0%) ;}
100% {-webkit-transform:translateX(50%);}
}
.slideLeft02 {
	-webkit-animation-name: slideLeft02;
	-moz-animation-name: slideLeft02;
	-o-animation-name: slideLeft02;
	animation-name: slideLeft02;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/*动画 sldeleft02 end*/
/*动画 slideleft03 start*/
@-webkit-keyframes slideLeft03{
0% {-webkit-transform:translateX(50%) ;}
100% {-webkit-transform:translateX(0%);}
}
.slideLeft03 {
	-webkit-animation-name:slideLeft03;
	-moz-animation-name: slideLeft03;
	-o-animation-name: slideLeft03;
	animation-name: slideLeft03;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/*动画 sldeleft03 end*/
/*动画 aleft start*/
@-webkit-keyframes aleft{
0% {-webkit-transform:translateX(-50%) ; opacity:0;}
100% {-webkit-transform:translateX(0%);opacity:1;}
}
.aleft {
	-webkit-animation-name:aleft;
	-moz-animation-name: aleft;
	-o-animation-name: aleft;
	animation-name: aleft;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/*动画 aleft end*/
/*动画aright start*/
@-webkit-keyframes aright{
0% {-webkit-transform:translateX(50%) ;opacity:0;}
100% {-webkit-transform:translateX(0%);opacity:1;}
}
.aright {
	-webkit-animation-name:aright;
	-moz-animation-name: aright;
	-o-animation-name: aright;
	animation-name: aright;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/*动画aright end*/
/*动画ain start*/
@-webkit-keyframes ain{
0% { opacity:0 ;}
100% { opacity:1;}
}
.ain {
	-webkit-animation-name:ain;
	-moz-animation-name: ain;
	-o-animation-name: ain;
	animation-name: ain;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/*动画ain end*/
/*三星小屏手机样式*/
@media screen and (max-height: 479px) and (min-height:421px) {
	/*welcome start*/
.welcome_bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.welcome_bg .diamond_logo{ margin:0; padding:0; position:absolute; top:5%; height:300px;}
.welcome_bg .diamond{ position:absolute;top:7%;left:11%; width:80%; }
.welcome_bg .logo_bg{ position:absolute; left: 23%; top:6%;width: 55%;}
.welcome_bg .logo_wls{ position:absolute; left: 23%;top:8%; width: 55%;}

.welcome_bg .enter{position: absolute;left: 38%;bottom: 10%;width: 22%;margin: 0;padding: 0;}
.welcome_bg .enter li{ width:100%;}
.welcome_bg .enter_down{ padding-top: 0%;}
.welcome_bg .enter_up{ margin-top: 6%;}
.welcome_bg .enter_text{ margin-top: 13%;}
	/*welcome end*/
/*xmjj stjg start*/
.xmjj_bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.xmjj_top{ width:100%; padding-top:5%;}
.xmjj_back{ width:20%; position:absolute; top:9%; right:5%;}
.xmjj_content{ width:86%; margin:5% auto 0;}
.xmjj_content>div{ width:100%; margin-bottom:3%;}

.stjg_text01{ width:88%; margin:5% auto 0;}
.stjg_pic{ width:85%; margin:3% auto 0%;}
.stjg_text02{ width:86%; margin:3% auto;}
/*xmjj stjg end*/

}
/*苹果4手机*/
@media screen and (max-height: 420px) {
.welcome_bg .enter{position: absolute;left: 38%;bottom: 7%;width: 22%;margin: 0;padding: 0; }

/*nav start*/
.nav_bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.nav_logo{ width:40%; margin:0 auto; padding-top:0%;}
.nav_btns{position: relative;width: 100%;margin: 0;padding: 0;}
.nav_btns .btnlist{width:25%;padding-top:3%;margin-left: 75%; padding-bottom:3%; background:rgba(195,13,35,.8); margin-top:10%;}
.nav_btns .btnlist>div{ width: 100%;}
.nav_btns .btn{width: 28%; text-align:right; position:absolute; right:25%; z-index:111; }
.nav_btns .btn img{ width: 17%;}
.btn_bottom{ position:absolute; bottom:2%; padding:0; margin:0;width: 100%;}
.btn_bottom li{float: left;width: 10%;margin-right: 13%;}
.btn_bottom .marginL{ margin-left:20%;}
/*nav end*/

/*xmjj stjg start*/
.xmjj_bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.xmjj_top{ width:100%; padding-top:5%;}
.xmjj_back{ width:20%; position:absolute; top:9%; right:5%;}
.xmjj_content{ width:80%; margin:2% auto 0;}
.xmjj_content>div{ width:100%; margin-bottom:2%;}

.stjg_text01{ width:80%; margin:3% auto 0;}
.stjg_pic{ width:80%; margin:2% auto 0%;}
.stjg_text02{ width:80%; margin:2% auto;}
/*xmjj stjg end*/
	}
/*三星，华为，小米手机*/
@media screen and (min-height: 521px)and (max-height: 600px) {
.welcome_bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.welcome_bg .diamond_logo{ margin:0; padding:0; position:absolute; top:5%; height:300px;}
.welcome_bg .diamond{ position:absolute;top:7%;left:11%; width:80%; }
.welcome_bg .logo_bg{ position:absolute; left: 23%; top:6%;width: 55%;}
.welcome_bg .logo_wls{ position:absolute; left: 23%;top:8%; width: 55%;}

.welcome_bg .enter{position: absolute;left: 38%;bottom: 18%;width: 22%;margin: 0;padding: 0;}
.welcome_bg .enter li{ width:100%;}
.welcome_bg .enter_down{ padding-top: 0%;}
.welcome_bg .enter_up{ margin-top: 6%;}
.welcome_bg .enter_text{ margin-top: 13%;}
}
/*比苹果四高，有虚拟按钮的奇葩手机*/
@media screen and (min-height:510px) and (max-height: 520px) {
/*xmjj stjg start*/
.xmjj_bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.xmjj_top{ width:100%; padding-top:5%;}
.xmjj_back{ width:20%; position:absolute; top:9%; right:5%;}
.xmjj_content{ width:86%; margin:5% auto 0;}
.xmjj_content>div{ width:100%; margin-bottom:3%;}

.stjg_text01{ width:88%; margin:5% auto 0;}
.stjg_pic{ width:85%; margin:3% auto 0%;}
.stjg_text02{ width:86%; margin:3% auto;}
/*xmjj stjg end*/
.btn_bottom{ position:absolute; bottom:1%; padding:0; margin:0;width: 100%;}
.btn_bottom li{float: left;width: 12%;margin-right: 13%;}
.btn_bottom .marginL{ margin-left:19%;}

.welcome_bg .enter{position: absolute;left: 38%;bottom: 18%;width: 22%;margin: 0;padding: 0; height:80px;}
.welcome_bg .enter_up{ margin-top: 6%;}
.welcome_bg .enter_text{ margin-top: 13%;}

}