@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-01-12 13:50:08
 * @version $Id$
 */
	.bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1001;}
    .bg img { display: block; width: 100%; height: 100%;}
    .family_pic{width:1200px; display: table-cell; overflow: hidden; margin:0 auto; overflow: hidden; position: absolute;left:50%; margin-left:-600px;z-index: 1002; top:0;}
    .page_one_L{float:left; position: relative;}
    .page_one_R{float:right; position: relative;}
    .pao1{position: absolute; top:120px; left:0; opacity: 0;}
    .pao2{position: absolute; top:100px; left:50px; opacity: 0;}
    .pao3{position: absolute; top:150px; left:40px; opacity: 0;}
    .pao4{position: absolute; top:170px; left:0; opacity: 0;}
    .pao5{position: absolute; top:200px; left:30px; opacity: 0;}
    
    .pao7{position: absolute; top:60px; right:120px;}
    .pao8{position: absolute; top:80px; right:140px;}
    .pao9{position: absolute; top:100px; right:170px;}
    .pao10{position: absolute; top:130px; right:180px;}
    .city_list{width:1200px;position: absolute;z-index: 1006; top:10%; left:50%; margin-left:-600px;}
    .city_list_cont{padding:0 120px;text-align: center;display: table-cell;}
    .city_list_cont li{ display: inline-block;*display: inline;*zoom:1; margin-right:180px;*width:150px;}
    .city_list_cont li.mar_ri{margin-right:0;}
    .city_list_cont li span{ display: block;}
    .city_list_cont li span img{width:150px;cursor: pointer;}
    .city_list_cont li a{ display: block; text-align: center; color:#666666; font-size: 22px; line-height: 28px;cursor: pointer;}
    .city_list_cont li a:hover{text-decoration: none;color:#666666;}

  	.caidai{position: absolute;top:0; z-index: 1020;width:100%;text-align: center;}
	.caidai img{ display: inline-block;width:100%;}



    .house_se{width:100%;position: absolute;z-index: 1005; bottom:18%;}
    .house_se img{display: block; width:100%;}
    .car_es{width:100%;position: absolute;z-index: 1005; bottom:0;}
    .cae_list{position: relative;width:100%;}
    .cae_list img{display: block; cursor: pointer;}
    .lu_pai{position: absolute; bottom:85%; left:50%; z-index: 1018;}
    .lu_pai span{ display: block;position: relative;}
    .lu_pai span img{position: absolute;}
    .lu_pai span .decr_one{right:-35%;top:-30px;}
    .lu_pai span .decr_two{right:-44%; top:-34px;}
    .lu_pai span .decr_three{right:-50%; top:-36px;}

    .four_page_top{position: absolute;width: 100%;top:11%; z-index: 1007; opacity: 0; transition:all 1s;}
    .four_page_top p{text-align: center;color:#fff3b6; font-size: 32px;line-height: 32px; margin-bottom:50px;}
    .four_page_top p span{display: inline-block;width:12px; height:12px;border-radius: 50%;background-color: #fff3b6;}

    .four_page_mid{position: absolute;left:50%; width:1200px;margin-left: -600px; top:18%; z-index: 1007;}
    .four_page_house_list{width:100%;overflow: hidden;}
    .four_page_house_list li{ float:left;padding:10px; width:206px;margin:35px 37px 0 37px; background-color: #fff; cursor: pointer;}
    .four_page_house_list li img{ width:206px; height:154px;}
    .four_page_house_list li span{color:#ed1451; font-size: 14px; font-weight: bold; line-height: 18px;}
    .four_page_house_list li p{ color:#666666; font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 18px;}


    .three_page_bot{position: absolute;width: 100%;bottom:0; z-index: 1007;}
	.three_page_bot_top{position: relative; width:100%;}
	.coloud{display: block;width:100%;}
	.fengche{ position: absolute; top:35%; left:30%;}
	.start_begin{position: absolute;top:58%;left:32%;}
	.start_end{position: absolute;top:68%; left:72%;}
	
	.flash_smal{ position: absolute; top:32%; z-index: 1009; left:40%;}
	.flash_big{ position: absolute; top:33%; z-index: 1008; right:35%;}
	.tanceng{position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1020;}
	.city_tancen{ position: fixed;top:50%; left:50%; *top:10%; *margin-left:-536px;  width:1126px;height:auto; z-index: 10000;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
	.city_tancen_cont{ position: relative;}
	.city_tancen_cont img{position: absolute;right:3px; top:2px; cursor: pointer;}
	.city_tancen_cont ul{width:100%; overflow: hidden; padding:50px 0;background: url(../images/tanceng_bg.png) no-repeat left;background-size: 100% 100%;}
	.city_tancen_cont ul li{width: 20%; text-align: center; float:left; line-height: 62px; cursor: pointer;}
	.city_tancen_cont ul li a{color:#57656b; font-size: 32px;}
	.city_tancen_cont ul li a:visited{color:#e50000; text-decoration: none;}
	.city_tancen_cont ul li a:hover{color:#e50000; text-decoration: none;}
	.dis{display:none;}
	
	.car_more{position: absolute;bottom:60px; z-index: 1012;left:0; width:100%;}
	.car_one{position: absolute; bottom:20px; z-index: 1014; left:0;}

	.yanhua_one{position: absolute; z-index: 1016; top:15%; left:1350px;}
	.yanhua_one.yanhua_two{left:800px;}
	.yanhua_one.yanhua_three{left:300px;}
	.yanhua_one div{position: relative;}
	.yanhua_one div img{opacity: 0;}
	.yanhua_one div span{display: block; width:3px; height:50px; background-color: #c20000;border-radius: 6px; position: absolute; left:40%; bottom:-700px; z-index: 1018; opacity: 0;}
	.animated .yanhua_one .yanhua{-webkit-animation:flip 1s linear 5.5s backwards;-moz-animation:flip 1s linear 5.5s backwards;-ms-animation:flip 1s linear5.5s backwards;-o-animation:flip 1s linear 5.5s backwards;animation:flip 1s linear 5.5s backwards;}
	.animated .yanhua_one .yanhua_bang{-webkit-animation:bang 1.5s linear 	s backwards;-moz-animation:bang 1.5s linear 4s backwards;-ms-animation:bang 1.5s linear 4s backwards;-o-animation:bang 1.5s linear 4s backwards;animation:bang 1.5s linear 4s backwards;}

	.animated .yanhua_one.yanhua_two .yanhua{-webkit-animation:flip 1s linear 3.5s backwards;-moz-animation:flip 1s linear 3.5s backwards;-ms-animation:flip 1s linear3.5s backwards;-o-animation:flip 1s linear 3.5s backwards;animation:flip 1s linear 3.5s backwards;}
	.animated .yanhua_one.yanhua_two .yanhua_bang{webkit-animation:bang 1.5s linear 2s backwards;-moz-animation:bang 1.5s linear 2s backwards;-ms-animation:bang 1.5s linear 2s backwards;-o-animation:bang 1.5s linear 2s backwards;animation:bang 1.5s linear 2s backwards;}

	.animated .yanhua_one.yanhua_three .yanhua{webkit-animation:flip 1s linear 6.5s backwards;-moz-animation:flip 1s linear 6.5s backwards;-ms-animation:flip 1s linear6.5s backwards;-o-animation:flip 1s linear 6.5s backwards;animation:flip 1s linear 6.5s backwards;}
	.animated .yanhua_one.yanhua_three .yanhua_bang{-webkit-animation:bang 1.5s linear 5s backwards;-moz-animation:bang 1.5s linear 5s backwards;-ms-animation:bang 1.5s linear 5s backwards;-o-animation:bang 1.5s linear 5s backwards;animation:bang 1.5s linear 5s backwards;}




	/* CSS3过度及动画 */
	.bianpao1 {-webkit-animation:flip 0.5s linear 0.1s infinite;-moz-animation:flip 0.5s linear 0.1s infinite;-ms-animation:flip 0.5s linear 0.1s infinite;-o-animation:flip 0.5s linear 0.1s infinite;animation:flip 0.5s linear 0.1s infinite;}
	.bianpao2{-webkit-animation:flip  0.6s linear 0.5s infinite;-moz-animation:flip  0.6s linear 0.5s infinite;-ms-animation:flip  0.6s linear 0.5s infinite;-o-animation:flip 0.6s linear 0.5s infinite;animation:flip  0.6s linear 0.5s infinite;}
	.bianpao3{-webkit-animation:flip 0.7s linear 1s infinite;-moz-animation:flip 0.7s linear 1s infinite;-ms-animation:flip 0.7s linear 1s infinite;-o-animation:flip 0.7s linear 1s infinite;animation:flip 0.7s linear 1s infinite;}
	.bianpao4{-webkit-animation:flip 0.8s linear 1.5s infinite;-moz-animation:flip 0.8s linear 1.5s infinite;-ms-animation:flip 0.8s linear 1.5s infinite;-o-animation:flip 0.8s linear 1.5s infinite;animation:flip 0.8s linear 1.5s infinite;}
	.bianpao5{-webkit-animation:flip 0.5s linear 1.5s infinite;-moz-animation:flip 0.5s linear 4.5s infinite;-ms-animation:flip 0.5s linear 4.5s infinite;-o-animation:flip 0.5s linear 1.5s infinite;animation:flip 0.5s linear 1.5s infinite;}

	.bianpao7 {-webkit-animation:flips 1.5s linear 0.1s infinite;-moz-animation:flips 1.5s linear 0.1s infinite;-ms-animation:flips 1.5s linear 0.1s infinite;-o-animation:flips 1.5s linear 0.1s infinite;animation:flips 1.5s linear 0.1s infinite;}
	.bianpao8{-webkit-animation:flips 1.5s linear 1s infinite;-moz-animation:flips 1.5s linear 1s infinite;-ms-animation:flips 1.5s linear 1s infinite;-o-animation:flips 1.5s linear 1s infinite;animation:flips 1.5s linear 1s infinite;}
	.bianpao9{-webkit-animation:flips 1.5s linear 1.5s infinite;-moz-animation:flips 1.5s linear 1.5s infinite;-ms-animation:flips 1.5s linear 1.5s infinite;-o-animation:flips 1.5s linear 1.5s infinite;animation:flips 1.5s linear 1.5s infinite;}
	.bianpao10{-webkit-animation:flips 1.5s linear 2s infinite;-moz-animation:flips 1.5s linear 2s infinite;-ms-animation:flips 1.5s linear 2s infinite;-o-animation:flips 1.5s linear 2s infinite;animation:flips 1.5s linear 2s infinite;}
	
/*城市*/
	.active .cityanm1{-webkit-animation:flips 1.5s linear 0.5s both;-moz-animation:flips 1.5s linear 0.5s both;-ms-animation:flips 1.5s linear 0.5s both;-o-animation:flips 1.5s linear 0.5s both;animation:flips 1.5s linear 0.5s both;}
	.active .cityanm2{-webkit-animation:flips 1.5s linear 0.7s both;-moz-animation:flips 1.5s linear 0.7s both;-ms-animation:flips 1.5s linear 0.7s both;-o-animation:flips 1.5s linear 0.7s both;animation:flips 1.5s linear 0.7s both;}
	.active .cityanm3{-webkit-animation:flips 1.5s linear 0.9s both;-moz-animation:flips 1.5s linear 0.9s both;-ms-animation:flips 1.5s linear 0.9s both;-o-animation:flips 1.5s linear 0.9s both;animation:flips 1.5s linear 0.9s both;}
	.active .cityanm4{-webkit-animation:flips 1.5s linear 1.1s both;-moz-animation:flips 1.5s linear 1.1s both;-ms-animation:flips 1.5s linear 1.1s both;-o-animation:flips 1.5s linear 1.1s both;animation:flips 1.5s linear 1.1s both;}
	.active .cityanm5{-webkit-animation:flips 1.5s linear 1.3s both;-moz-animation:flips 1.5s linear 1.3s both;-ms-animation:flips 1.5s linear 1.3s both;-o-animation:flips 1.5s linear 1.3s both;animation:flips 1.5s linear 1.3s both;}
	.active .cityanm6{-webkit-animation:flips 1.5s linear 1.5s both;-moz-animation:flips 1.5s linear 1.5s both;-ms-animation:flips 1.5s linear 1.5s both;-o-animation:flips 1.5s linear 1.5s both;animation:flips 1.5s linear 1.5s both;}
	.active .cityanm7{-webkit-animation:flips 1.5s linear 1.7s both;-moz-animation:flips 1.5s linear 1.7s both;-ms-animation:flips 1.5s linear 1.7s both;-o-animation:flips 1.5s linear 1.7s both;animation:flips 1.5s linear 1.7s both;}
	.active .cityanm8{-webkit-animation:flips 1.5s linear 1.9s both;-moz-animation:flips 1.5s linear 1.9s both;-ms-animation:flips 1.5s linear 1.9s both;-o-animation:flips 1.5s linear 1.9s both;animation:flips 1.5s linear 1.9s both;}



/*房子*/
.active .houseLeft{-webkit-animation:houserL 15s linear 1s infinite;-moz-animation:houserL 15s linear 1s infinite;-ms-animation:houserL 15s linear 1s infinite;-o-animation:houserL 15s linear 1s infinite;animation:houserL 15s linear 1s infinite;}
.active .houseRight{-webkit-animation:houserR 5s linear 1s infinite;-moz-animation:houserR 5s linear 1s infinite;-ms-animation:houserR 5s linear 1s infinite;-o-animation:houserR 5s linear 1s infinite;animation:houserR 5s linear 1s infinite;}
/*箭头*/

.active .down_one{-webkit-animation:up_dow 1s linear infinite;-moz-animation:up_dow 1s linear infinite;-ms-animation:up_dow 1s linear infinite;-o-animation:up_dow 1s linear infinite;animation:up_dow 1s linear infinite;}

/*风车*/

.active .trasfengche{-webkit-animation:up_dows 5s linear infinite;-moz-animation:up_dows 5s linear infinite;-ms-animation:up_dows 5s linear infinite;-o-animation:up_dows 5s linear infinite;animation:up_dows 5s linear infinite;}


/*汽车提示语*/
.active .start_begins{-webkit-animation:left_indc 0.8s linear infinite;-moz-animation:left_indc 0.8s linear infinite;-ms-animation:left_indc 0.8s linear infinite;-o-animation:left_indc 0.8s linear infinite;animation:left_indc 0.8s linear infinite;}

.active .start_ends{-webkit-animation:right_indc 1.2s linear 1s infinite;-moz-animation:right_indc 1.2s linear 1s infinite;-ms-animation:right_indc 1.2s linear 1s infinite;-o-animation:right_indc 1.5s linear 1s infinite;animation:right_indc 1.2s linear 1s infinite;}

/*飞机的运动*/

.active .flash_blue{-webkit-animation:flash_b 30s linear 1s both;-moz-animation:flash_b 30s linear 1s both;-ms-animation:flash_b 30s linear 1s both;-o-animation:flash_b 30s linear 1s both;animation:flash_b 30s linear 1s both;}

.active .flash_red{-webkit-animation:flash_r 5s linear 1s both;-moz-animation:flash_r 5s linear 1s both;-ms-animation:flash_r 5s linear 1s both;-o-animation:flash_r 5s linear 1s both;animation:flash_r 5s linear 1s both;}

.active .s2t1,.active .s2t2{opacity: 1; -webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.6s;}




@-webkit-keyframes flash_r{
	0%{right:35%;}
	10%{right:30%;}
	20%{right:25%;}
	30%{right:20%;}
	40%{right:15%;}
	50%{right:10%;}
	60%{right:5%;}
	70%{right:0%;}
	100%{right:-20%;}
}
@-moz-keyframes flash_r{
	0%{right:35%;}
	10%{right:30%;}
	20%{right:25%;}
	30%{right:20%;}
	40%{right:15%;}
	50%{right:10%;}
	60%{right:5%;}
	70%{right:0%;}
	100%{right:-20%;}
}
@-o-keyframes flash_r{
	0%{right:35%;}
	10%{right:30%;}
	20%{right:25%;}
	30%{right:20%;}
	40%{right:15%;}
	50%{right:10%;}
	60%{right:5%;}
	70%{right:0%;}
	100%{right:-20%;}
}
@-ms-keyframes flash_r{
	0%{right:35%;}
	10%{right:30%;}
	20%{right:25%;}
	30%{right:20%;}
	40%{right:15%;}
	50%{right:10%;}
	60%{right:5%;}
	70%{right:0%;}
	100%{right:-20%;}
}
@keyframes flash_r{
	0%{right:35%;}
	10%{right:30%;}
	20%{right:25%;}
	30%{right:20%;}
	40%{right:15%;}
	50%{right:10%;}
	60%{right:5%;}
	70%{right:0%;}
	100%{right:-20%;}
}



@-webkit-keyframes flash_b{
	0%{left:40%;}
	10%{left:-35%;}
	20%{left:-30%;}
	30%{left:-25%;}
	40%{left:-20%;}
	50%{left:-15%;}
	60%{left:-10%;}
	70%{left:-5%;}
	100%{left:-10%;}
}
@-moz-keyframes flash_b{
	0%{left:40%;}
	10%{left:-35%;}
	20%{left:-30%;}
	30%{left:-25%;}
	40%{left:-20%;}
	50%{left:-15%;}
	60%{left:-10%;}
	70%{left:-5%;}
	100%{left:-10%;}
}
@-o-keyframes flash_b{
	0%{left:40%;}
	10%{left:-35%;}
	20%{left:-30%;}
	30%{left:-25%;}
	40%{left:-20%;}
	50%{left:-15%;}
	60%{left:-10%;}
	70%{left:-5%;}
	100%{left:-10%;}
}
@-ms-keyframes flash_b{
	0%{left:40%;}
	10%{left:-35%;}
	20%{left:-30%;}
	30%{left:-25%;}
	40%{left:-20%;}
	50%{left:-15%;}
	60%{left:-10%;}
	70%{left:-5%;}
	100%{left:-10%;}
}
@keyframes flash_b{
	0%{left:40%;}
	10%{left:-35%;}
	20%{left:-30%;}
	30%{left:-25%;}
	40%{left:-20%;}
	50%{left:-15%;}
	60%{left:-10%;}
	70%{left:-5%;}
	100%{left:-10%;}
}



@-webkit-keyframes right_indc{
	0%{top:65%;}
	100%{top:64%;}
}
@-moz-keyframes right_indc{
	0%{top:65%;}
	100%{top:64%;}
}
@-o-keyframes right_indc{
	0%{top:65%;}
	100%{top:64%;}
}
@-ms-keyframes right_indc{
	0%{top:65%;}
	100%{top:64%;}
}
@keyframes right_indc{
	0%{top:65%;}
	100%{top:64%;}
}


@-webkit-keyframes left_indc{
	0%{ top:58%;}
	100%{top:57%;}
}
@-moz-keyframes left_indc{
	0%{ top:58%;}
	100%{top:57%;}
}
@-o-keyframes left_indc{
	0%{ top:58%;}
	100%{top:57%;}
}
@-ms-keyframes left_indc{
	0%{ top:58%;}
	100%{top:57%;}
}
@keyframes left_indc{
	0%{ top:58%;}
	100%{top:57%;}
}



@-webkit-keyframes up_dows{
	0%{ transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	50%{ transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	100%{ transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-moz-keyframes up_dows{
	0%{ transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	50%{ transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	100%{ transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-o-keyframes up_dows{
	0%{ transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	50%{ transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	100%{ transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-ms-keyframes up_dows{
	0%{ transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	50%{ transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	100%{ transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}

@keyframes up_dows{
	0%{ transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	50%{ transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	100%{ transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}



@-webkit-keyframes up_dow{
	0%{left:0;}
	100%{ left:10px;/* transform:scale(0.6, 0.6);*/}
}
@-moz-keyframes up_dow{
	0%{left:0;}
	100%{ left:10px; /*transform:scale(0.6, 0.6);*/}
}
@-o-keyframes up_dow{
	0%{left:0;}
	100%{ left:10px;/* transform:scale(0.6, 0.6);*/}
}
@-ms-keyframes up_dow{
	0%{left:0;}
	100%{ left:10px;/* transform:scale(0.6, 0.6);*/}
}
@keyframes up_dow{
	0%{left:0;}
	100%{ left:10px;/* transform:scale(0.6, 0.6);*/}
}


@-webkit-keyframes houserR{
	0%{left:0;}
	10%{left:10%;}
	20%{left:20%;}
	30%{left:30%;}
	40%{left:40%;}
	50%{left:50%;}
	60%{left:60%;}
	70%{left:70%;}
	80%{left:80%;}
	90%{left:90%;}
	100%{left:100%;}
}
@-moz-keyframes houserR{
	0%{left:0;}
	10%{left:10%;}
	20%{left:20%;}
	30%{left:30%;}
	40%{left:40%;}
	50%{left:50%;}
	60%{left:60%;}
	70%{left:70%;}
	80%{left:80%;}
	90%{left:90%;}
	100%{left:100%;}
}
@-o-keyframes houserR{
	0%{left:0;}
	10%{left:10%;}
	20%{left:20%;}
	30%{left:30%;}
	40%{left:40%;}
	50%{left:50%;}
	60%{left:60%;}
	70%{left:70%;}
	80%{left:80%;}
	90%{left:90%;}
	100%{left:100%;}
}
@-ms-keyframes houserR{
	0%{left:0;}
	10%{left:10%;}
	20%{left:20%;}
	30%{left:30%;}
	40%{left:40%;}
	50%{left:50%;}
	60%{left:60%;}
	70%{left:70%;}
	80%{left:80%;}
	90%{left:90%;}
	100%{left:100%;}
}
@keyframes houserR{
	0%{left:0;}
	10%{left:10%;}
	20%{left:20%;}
	30%{left:30%;}
	40%{left:40%;}
	50%{left:50%;}
	60%{left:60%;}
	70%{left:70%;}
	80%{left:80%;}
	90%{left:90%;}
	100%{left:100%;}
}

@-webkit-keyframes houserL{
	0%{left:100%;}
	10%{left:80%;}
	20%{left:60%;}
	30%{left:40%;}
	40%{left:20%;}
	50%{left:0%;}
	60%{left:-20%;}
	70%{left:-40%;}
	80%{left:-60%;}
	90%{left:-80%;}
	100%{left:-100%;}
}
@-moz-keyframes houserL{
	0%{left:100%;}
	10%{left:80%;}
	20%{left:60%;}
	30%{left:40%;}
	40%{left:20%;}
	50%{left:0%;}
	60%{left:-20%;}
	70%{left:-40%;}
	80%{left:-60%;}
	90%{left:-80%;}
	100%{left:-100%;}
}
@-o-keyframes houserL{
	0%{left:100%;}
	10%{left:80%;}
	20%{left:60%;}
	30%{left:40%;}
	40%{left:20%;}
	50%{left:0%;}
	60%{left:-20%;}
	70%{left:-40%;}
	80%{left:-60%;}
	90%{left:-80%;}
	100%{left:-100%;}
}
@-ms-keyframes houserL{
	0%{left:100%;}
	10%{left:80%;}
	20%{left:60%;}
	30%{left:40%;}
	40%{left:20%;}
	50%{left:0%;}
	60%{left:-20%;}
	70%{left:-40%;}
	80%{left:-60%;}
	90%{left:-80%;}
	100%{left:-100%;}
}
@keyframes houserL{
	0%{left:100%;}
	10%{left:80%;}
	20%{left:60%;}
	30%{left:40%;}
	40%{left:20%;}
	50%{left:0%;}
	60%{left:-20%;}
	70%{left:-40%;}
	80%{left:-60%;}
	90%{left:-80%;}
	100%{left:-100%;}
}

@-webkit-keyframes bang{
	0%{opacity: 0; bottom:-600px;}
	100%{ opacity: 0.8; bottom:-50px;}
}
@-moz-keyframes bang{
	0%{opacity: 0; bottom:-600px;}
	100%{ opacity: 0.8; bottom:-50px;}
}
@-o-keyframes bang{
	0%{opacity: 0; bottom:-600px;}
	100%{ opacity: 0.8; bottom:-50px;}
}
@-ms-keyframes bang{
	0%{opacity: 0; bottom:-600px;}
	100%{ opacity: 0.8; bottom:-50px;}
}
@keyframes bang{
	0%{opacity: 0; bottom:-600px;}
	100%{ opacity: 0.8;bottom:-50px;}
}

@-webkit-keyframes flip{
	0%{opacity: 0;}
	100%{ opacity: 1;}
}
@-moz-keyframes flip{
	0%{opacity: 0;}
	100%{ opacity: 1;}
}
@-o-keyframes flip{
	0%{opacity: 0;}
	100%{ opacity: 1;}
}
@-ms-keyframes flip{
	0%{opacity: 0;}
	100%{ opacity: 1;}
}
@keyframes flip{
	0%{opacity: 0;}
	100%{ opacity: 1;}
}


@-webkit-keyframes flips{
	0%{opacity: 0;}
	30%{opacity: 0.3;}
	60%{opacity: 08;}
	100%{ opacity: 1;}
}
@-moz-keyframes flips{
	0%{opacity: 0;}
	30%{opacity: 0.3;}
	60%{opacity: 08;}
	100%{ opacity: 1;}
}
@-o-keyframes flips{
	0%{opacity: 0;}
	30%{opacity: 0.3;}
	60%{opacity: 08;}
	100%{ opacity: 1;}
}
@-ms-keyframes flips{
	0%{opacity: 0;}
	30%{opacity: 0.3;}
	60%{opacity: 08;}
	100%{ opacity: 1;}
}
@keyframes flips{
	0%{opacity: 0;}
	30%{opacity: 0.3;}
	60%{opacity: 08;}
	100%{ opacity: 1;}
}


.qanum1,.qanum2,.qanum3,.qanum4,.qanum5,.qanum6{opacity: 0; -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
    transform:rotateY(180deg);transition: all 1s; overflow: hidden;}
.active .qanum1,.active .qanum2,.active .qanum3,.active .qanum4,.active .qanum5,.active .qanum6{opacity: 1;  -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);}
.active .qanum1{transition-delay: 0.5s}
.active .qanum2{transition-delay: 0.8s}
.active .qanum3{transition-delay: 1.1s}
.active .qanum4{transition-delay: 1.3s}
.active .qanum5{transition-delay: 1.5s}
.active .qanum6{transition-delay: 1.8s}
.city_list_cont li:hover{animation:bounceIn 0.75s cubic-bezier(0.215,.61,.355,1);}
.four_page_house_list img{transition:all 0.2s;}
.four_page_house_list img:hover{
	transform:scale(1.1);
}
@-webkit-keyframes bounceIn{0%{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-moz-keyframes bounceIn{0%{-moz-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}20%{-moz-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-moz-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-moz-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-moz-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-o-keyframes bounceIn{0%{-o-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}20%{-o-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-o-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-o-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-o-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-ms-keyframes bounceIn{0%{-ms-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}20%{-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{0%{transform:scale3d(.8,.8,.8)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{opacity:1;transform:scale3d(1,1,1)}}
.imgPt{width:206px;height:154px; overflow: hidden; display: block;}

@media screen and (max-height: 720px) and (min-height: 650px){
	.city_list{top:5%;}
	.city_list_cont li{width:20%;}
	.city_list_cont li span img{width: 100px;}
	.city_tancen_cont ul li{line-height: 30px;}
	.city_tancen_cont ul li a{font-size: 14px;}
	.house_se{bottom:19%;}
	.start_end{top:61%;}
	.start_begin{left:28%; top:52%;}
	.fengche{left:30%;}
	.four_page_house_list li img{height: 110px;}
	.imgPt{height:110px;}
	.four_page_top{top:5%;}
	.four_page_house_list li{margin-top:20px;}
}