﻿@charset "utf-8";
html,body,div,h1,h2,h3,h4,p,ul,ol,li,table,td,tr,img,dl,dt,dd{
	padding: 0;
	margin:0;
	border:0;
}
img{border:0;}
li{list-style: none;}
table{border-collapse: collapse;}
html{
	width: 100%;
	height: 100%;
}
body{
	font-family:'微软雅黑','宋体',Arial, Helvetica, Tahoma, Helvetica;
	color:#dcc599;
	font-size:14px;
	background:#231f20;
}
h2 img{display: block; margin: 0 auto;}
a{text-decoration:none; color: #dcc599;}
a:hover {color:#d3a164 !important; text-decoration:underline;}
.clearfix:after {clear:both; display:block; visibility:hidden; overflow:hidden; height:0!important; line-height:0; content:".";*zoom:1;}
.clear {clear:both;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.w1002{
	margin: 0 auto;
	width: 1002px;
}
.imgBox{
	text-align: center;
}
.fl{float: left;}
.fr{float: right;}
/***************** 头图 **************/
.banner{
	width: 100%;
	min-width: 1002px;
	height: 597px;
	overflow: hidden;
	background:#231f20 url('../images/bg_banner_9bd4f37f.jpg') center center no-repeat;
}
.banner .w1002{
	position: relative;
	height: 597px;
}
.banner h1{
	position: absolute;
	top: 60px;
	left: 375px;
	z-index: 10;
	width: 266px;
	height: 466px;
	text-indent: -9000px;
	overflow: hidden;
	background: url('../images/5d91d5db78157b4fa30140b778e1553a.png') no-repeat;
}
.banner h1.animate{
	-webkit-animation:zoomInDown 1s ease 0s both;
    animation:zoomInDown 1s ease 0s both
}
}
.banner .house{
	position: absolute;
	top: 178px;
	left: 40px;
	z-index: 2;
	width: 914px;
	height: 357px;
	overflow: hidden;
	background: url('../images/banner_house_1c33c44a.png') no-repeat;
}
.banner .house.animate{
	-webkit-animation:fadeIn 1s ease .5s both;
    animation:fadeIn 1s ease .5s both
}
.banner .cloud_1{
	position: absolute;
	left: -100px;
	top: 450px;
	z-index: 10;
	width: 338px;
	height: 63px;
	background: url('../images/cloud_1_c6ef5e10.png') no-repeat;
}
.banner .cloud_2{
	position: absolute;
	right: -100px;
	top: 115px;
	z-index: 10;
	width: 313px;
	height: 59px;
	background: url('../images/cloud_2_4c3054d2.png') no-repeat;
}
.cloud_1.animate{
	-webkit-animation:cloudMove 5s linear 1.5s infinite both;
    animation:cloudMove 5s linear 1.5s infinite both
}
.cloud_2.animate{
	-webkit-animation:cloudMove 5s linear 1s infinite both;
    animation:cloudMove 5s linear 1s infinite both
}
@keyframes fadeIn{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(8.1, 8.1, 8.1) translate3d(0, -9000px, 0);
    -webkit-transform: scale3d(8.1, 8.1, 8.1) translate3d(0, -9000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(4.475, 4.475, 4.475) translate3d(0, 60px, 0);
    -webkit-transform: scale3d(4.475, 4.475, 4.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(8.1, 8.1, 8.1) translate3d(0, -9000px, 0);
    -webkit-transform: scale3d(8.1, 8.1, 8.1) translate3d(0, -9000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(4.475, 4.475, 4.475) translate3d(0, 60px, 0);
    -webkit-transform: scale3d(4.475, 4.475, 4.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes cloudMove{
	0% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
	30% {
		transform: translate3d(30px, 0, 0);
		-webkit-transform: translate3d(30px, 0, 0);
	}
	60%{
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
	80%{
		transform: translate3d(-30px, 0, 0);
		-webkit-transform: translate3d(-30px, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes cloudMove{
	0% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
	30% {
		transform: translate3d(30px, 0, 0);
		-webkit-transform: translate3d(30px, 0, 0);
	}
	60%{
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
	80%{
		transform: translate3d(-30px, 0, 0);
		-webkit-transform: translate3d(-30px, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
}
/********************十大事件**********************/
.tenEvents{
	width: 100%;
	min-width: 1002px;
	height: 1000px;
	padding-top: 35px;
	background: url('../images/bg_tenevents_eedad7c4.jpg') center center no-repeat;
}
.tenEvents .fl{
	width: 587px;
	padding-top: 40px;
}
.tenEvents .fr{
	width: 415px;
	padding-top: 110px;
}
.tenEvents .conBox ul{
	width: 100%;
	overflow: hidden;
	display: none;
}
.tenEvents .conBox li{
	float: left;
	width: 230px;
	height: 181px;
	background: #000 url('../images/dot_67f8e26a.png') 227px 227px no-repeat;
	border: 1px solid #d8b989;
	margin: 0 34px 0px 0;
	padding: 11px 11px 0 11px;
}
.tenEvents .conBox li.item_1{margin-top: 24px;}
.tenEvents .conBox li.item_2{margin-bottom: 27px;}
.tenEvents .conBox li.item_3{margin-top: 48px;}
.tenEvents .conBox li.item_4{margin-bottom: 30px;}
.tenEvents .conBox li img{
	display: block;
	margin: 0 auto;
	width: 230px;
	height: 150px;
}
.tenEvents .conBox li h4{
	width: 100%;
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	overflow: hidden;
}
.tenEvents .conBox li h4,.tenEvents .conBox li h4 a{
	color: #d3a164;
}
.tenEvents .conBox li p{
	width: 95%;
	line-height: 32px;
}
.tenEvents_intro{
	height: 215px;
}
.tenEvents_intro h4{
	font-size: 16px;
	margin-bottom: 10px;
}
.tenEvents_intro h4,.tenEvents_intro h4 a{
	color: #d3a164;
}
.tenEvents_intro p{
	line-height: 25px;
}
.clickWrapper{
	margin: 0 auto;
	width: 305px;
}
.clickWrapper img{
	margin: 0 auto;
	display: block;
}
/********************房产十宗罪**********************/
.tenSins{
	width: 100%;
	min-width: 1002px;
	height: 837px;
	padding-top: 5px;
	background: url('../images/bg_tensins_490c9c6c.jpg') center center no-repeat;
}
.tenSins .conBox{
	position: relative;
	margin: 80px auto 30px auto;
	width: 537px;
	height: 537px;
	padding: 50px 50px 0 50px;
	background: url('../images/tensins_pan_0c99414b.png') center center no-repeat;
}
.tenSins .conBox div{display: none;}
.tenSins .conBox p{
	position: absolute;
	top: 222px;
	left: 177px;
	z-index: 100;
	width: 290px;
	font-size: 16px;
	line-height: 22px;
}
.tenSins .conBox ul{
	margin: -60px 0 0 -45px;
	width: 600px;
	height: 600px;
	position: relative;
	z-index: 10;
}
.tenSins .conBox li{
	position: absolute;
	width: 163px;
	height: 163px;
	z-index: 10;
	cursor: pointer;
}
.tenSins .conBox li.item_1{    left: 262px;
    top: -70px;}
.tenSins .conBox li.item_2{    right: -20px;top: 124px;}
.tenSins .conBox li.item_3{right: 18px;top: 384px;}
.tenSins .conBox li.item_4{    left: 168px;
    top: 473px;}
.tenSins .conBox li.item_5{     left: -59px;
    top: 301px;}
.tenSins .conBox li.item_6{   left: -7px;
    top: 21px;}
.tenSins .click_button img{
	display: block;
	margin: 0 auto;
}
.rotate{
	 -webkit-animation:rotate 20s linear 0s infinite both;
	    animation:rotate 20s linear 0s infinite both 
}
@-webkit-keyframes rotate{
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    /* -webkit-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg); */
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rotate{
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    /* -webkit-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg); */
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
}
/***************************十大格言***************************/
.tenMottos{
	width: 100%;
	min-width: 1002px;
	height: 569px;
	padding-top: 15px;
	background: url('../images/bg_tenmottos_b49e972d.jpg') center center no-repeat;
}
.tenMottos_slide{
	position: relative;
	margin-top: 70px;
}
.tenMottos_slide .prev,.tenMottos_slide .next{
	position: absolute;
	top: 145px;
	z-index: 10;
	width: 29px;
	height: 55px;
	cursor: pointer;
}
.tenMottos_slide .prev{
	left: -40px;
	background: url('../images/prev_d66f9dcf.png') no-repeat;
}
.tenMottos_slide .next{
	right: -40px;
	background: url('../images/next_69cd833d.png') no-repeat;
}
.tenMottos_slide .box{
	position: relative;
	width: 1002px;
	overflow: hidden;
}
.tenMottos_slide .box ul{
	width: 9999px;
	overflow: hidden;
}
.tenMottos_slide .box ul li{
	position: relative;
	float: left;
	width: 188px;
	height: 320px;
	border: 4px solid #d3a164;
	background: #dcc599;
	margin-right: 5px;
}
.tenMottos_slide .box ul li img{
	display: block;
	width: 100%;
	height: 320px;
}
.tenMottos_slide .box ul li div{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');
	background:rgba(0,0,0,0.7);
	display: none;
}
:root .tenMottos_slide .box ul li div{filter: none;}
.tenMottos_slide .box ul li div a:hover{text-decoration: ;}
.tenMottos_slide .box ul li div h4{
	font-size: 16px;
	text-align: center;
	margin-top: 90px;
}
.tenMottos_slide .box ul li div h4 a{
	color: #d3a164;
}
.tenMottos_slide .box ul li div p{
	margin: 20px auto 0 auto;
	width: 90%;
	line-height: 22px;
}
.tenMottos_slide .box ol{display: none;}
/*******************十大猜想*******************/
.tenGuesss{
	width: 100%;
	min-width: 1002px;
	height: 672px;
	padding-top: 20px;
	background: url('../images/bg_tenguesss_d4d05cf9.jpg') center center no-repeat;
}
.tenGuesss_slide{
	position: relative;
	margin: 45px auto 40px auto;
	width: 833px;
	padding: 0 84px 0 85px;
}
.tenGuesss_slide .prev,.tenGuesss_slide .next{
	position: absolute;
	top: 45px;
	z-index: 10;
	width: 29px;
	height: 55px;
	cursor: pointer;
}
.tenGuesss_slide .prev{
	left: 0px;
	background: url('../images/prev_d66f9dcf.png') no-repeat;
}
.tenGuesss_slide .next{
	right: 0px;
	background: url('../images/next_69cd833d.png') no-repeat;
}
.tenGuesss_slide .box{
	margin: 0 auto;
	width: 833px;
	overflow: hidden;
}
.tenGuesss_slide .box ul{
	width: 9999px;
	overflow: hidden;
}
.tenGuesss_slide .box ul li{
	float: left;
	width: 138px;
	height: 138px;
	margin-right: 35px;
	cursor: pointer;
}
.tenGuesss_slide .box ul li img{
	display: block;
	width: 100%;
	height: 138px;
}
.tenGuesss_slide .box ol{display: none;}
.tenGuesss_con{
	width: 982px;
	padding-right: 20px;
	overflow: hidden;
	display: none;
}
.tenGuesss_con .imgBox{
	float: left;
	width: 480px;
	text-align: center;
}
.tenGuesss_con h4{
	font-size: 18px;
	padding-top: 75px;
	line-height: 40px;
}
.tenGuesss_con h4,.tenGuesss_con h4 a{
	color: #d3a164;
}
.tenGuesss_con p{
	font-size: 16px;
	line-height:30px;
}
/***********************楼盘风云榜**************************/
.rankingList{
	width: 100%;
	min-width: 1002px;
	padding-top: 20px;
	background: url('../images/bg_rankinglist_3e19f80a.jpg') center center no-repeat;
}
.rankingList h2{margin-bottom: 25px;}
.rankingList .w1002{
	position: relative;
	height: 838px;
}
.rankingList .tc_tab{
	position: absolute;
	left: 0;
	top: 110px;
	z-index: 10;
	width: 180px;
}
.rankingList .tc_tab li{
	width: 100%;
	height: 110px;
	cursor: pointer;
	text-indent: -9000px;
	overflow: hidden;
}
.rankingList .tc_tab li.tc_tab_1{
	margin-bottom: 140px;
	background: url('../images/rankinglist_1_fe9b06c3.png') no-repeat;
}
.rankingList .tc_tab li.tc_tab_2{
	background: url('../images/rankinglist_2_8d055609.png') no-repeat;
}
.rankingList .tc_con{
	position: relative;
	width: 100%;
	height: 610px;
	display: none;
}
.rankingList .tc_con .rankingList_slide{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 920px;
	height: 112px;
	padding: 0 41px;
}
.rankingList .tc_con .rankingList_slide .prev,.rankingList .tc_con .rankingList_slide .next{
	position: absolute;
	top: 30px;
	z-index: 10;
	width: 29px;
	height: 55px;
	cursor: pointer;
}
.rankingList .tc_con .rankingList_slide .prev{
	left: 0px;
	background: url('../images/prev_d66f9dcf.png') no-repeat;
}
.rankingList .tc_con .rankingList_slide .next{
	right: 0px;
	background: url('../images/next_69cd833d.png') no-repeat;
}
.rankingList .tc_con .rankingList_slide .box{
	margin: 0 auto;
	width: 920px;
	overflow: hidden;
}
.rankingList .tc_con .rankingList_slide .box ul{
	width: 9999px;
	overflow: hidden;
}
.rankingList .tc_con .rankingList_slide .box ul li{
	float: left;
	width: 176px;
	height: 112px;
	margin-right: 10px;
	cursor: pointer;
}
.rankingList .tc_con .rankingList_slide .box ul li img{
	display: block;
	width: 100%;
	height: 112px;
}
.rankingList .tc_con .rankingList_slide .box ol{display: none;}
.rankingList_con{padding-left: 186px; display: none;}
.rankingList_con .imgBox{
	width: 810px;
	height: 470px;
	background: #dcc599;
	border: 3px solid #d3a164;
	border-radius: 3px;
}
.rankingList_con .imgBox img{
	display: block;
	width: 100%;
	height: 470px;
}
/************侧边导航**************/
.sideNav{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
	width: 205px;
	height: 364px;
	background: url('../images/bg_sidenav_5c9b7857.png') no-repeat;
}
.m .sideNav{display: none;}
.sideNav ul{
	padding-top: 55px;
}
.sideNav ul li{
	text-align: center;
	margin-bottom: 6px;
}
.sideNav ul li.sideNav_5{margin-bottom: 5px;}
.sideNav ul li.sideNav_6{margin-bottom: 0;}

/***************小屏适配*******************/
.m .generalHeader,.m .generalFooter{display: none;}
.m h2 img{height: 60px;}
.m .cmtContainer{display: none;}
.m .tenMottos_slide .prev{left: 0;}
.m .tenMottos_slide .next{right: 0;}