/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { 
    padding: 0; 
    margin: 0; 
} 

ul { 
    list-style:none; 
}

ol { 
    margin:0 0 0 20px;
}

body { 
	margin:0; 
	font-size:14px; 
	line-height:20px;
	font-family:"Microsoft Yahei", Tahoma, Verdana, Arial, "SimSun"; 
}

button, a {		/*IE7*/
	border:none;
	*+font-family:"Microsoft Yahei";		/*IE7*/
	cursor:pointer;
}

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}
/*END*/


/*Basic*/
h1 {
	font-size:24px;
}

h2 {
	font-size:20px;
	letter-spacing:0.1em;
	margin-bottom:15px;
	/*font-weight:normal;*/
}

h3 {
	font-size:18px;
	color:#333;
	margin-bottom:15px;
    letter-spacing:0.1em;
}

h4 {
	font-size:16px; 
	line-height:24px;
}

h5 { 
	font-size:15px;
	color:#333;
}

h6 { 
	font-size:12px;
}

a { 
	text-decoration:none; 
	cursor:pointer;
	color:#666;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a:hover {
	color:#cf5152;
}

a img {
	border:none;
}

p {
	margin:0 0 10px 0;
}
/*END*/


#wrap {
	overflow:hidden;
	color:#666;
	background:url(../images/headerbg.jpg) center top no-repeat;
}

/*header*/
#header {
	width:1000px;
	position:relative;
	height:500px;
	margin:0 auto;
}

#logo {
	display:block;
	width:210px;
	height:50px;
	margin:20px 0 0 20px;
	float:left;
	background:url(../images/logo.png) no-repeat;
}


/*navbar*/
#nav {
	float:right;
	height:30px;
	width:500px;
	margin:45px 20px 0 0;
}
	
#nav li {
	float:left;
	font-size:16px;
	text-align:center;
	height:100%;
	width:99px;
	margin-right:1px;
	letter-spacing:0.05em;
}

#nav li a {
	color:#333;
	display:block;
	zoom:1;
	line-height:30px;
	-moz-transition-timing-function:ease;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	-ms-transition-timing-function:ease;
	transition-timing-function:ease;
	transition-property:margin-left;
}

#home #nav .home a, 
#nav a:hover, .hoverBg, 
#TourismEstate1 .TourismEstate1 a, 
#TourismEstate2 .TourismEstate2 a, 
#TourismEstate3 .TourismEstate3 a, 
#TourismEstate4 .TourismEstate4 a, 
#TourismEstate5 .TourismEstate5 a {
	color:#1b66a2;
	background:url(../images/navbg.png) no-repeat;
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    -khtml-opacity:0.8; 
	opacity:0.8;
}

#nav .navCont {
	float:left;
	position:relative;
}

#nav .dropdown {
	background:#fff;
	position:absolute;
	left:0;
	top:30px;
	width:auto;
	height:auto;
	display:none;
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    -khtml-opacity:0.8; 
	opacity:0.8;
	z-index:1000;
	padding:10px 0;
}

#nav .dropdown li {
	display:block;
	float:none;
	width:200px;
	height:24px;
	line-height:24px;
	border:none;
	margin-right:0px;
}

#nav .dropdown a {
	float:none;
	font-size:10pt;
	display:block;
	width:auto;
	text-align:left;
	padding:0 8px 0 10px;
	color:#283247;
	height:24px;
	line-height:24px;
}

#nav .dropdown a:hover {
	background:#1b66a2;
	color:#fff;
}

#nav .dropdown a span {
	font-family:verdana;
	font-size:14px;
	margin-right:5px;
}

#nav .hoverBg {
	color:#1b66a2;
}
/*END*/


/*footer*/
#footer {
	height:220px;
	overflow:hidden; 
	font-size:12px;
	background:url(../images/footbg.jpg) center top no-repeat #283247;
	color:#d1e0ec;
	margin:0 auto;
}

.footer { 
	margin:30px auto 0 auto;
	overflow:hidden;
	width:960px;
}

.contact { 
	float:right; 
	margin:0 20px 0 0px; 
	width:36%;
	line-height:16px;
}

.contact p { 
	margin:0 0 3px 0;
}

.contact a {
	color:#f7c753;
}

.contact a:hover {
	color:#fff;
}

#footer .title_foot { 
	font-size:14px; 
	font-weight:bold;
	margin:0 0 8px 0;
}

.eng { 
	font-size:11px; 
	font-family:tahoma; 
	line-height:12px;
}

.botlogo {
	float:left;
	width:190px;
	height:42px;
}

.botlogo a {
	display:block;
	width:190px;
	height:42px;
	margin-top:50px;
	background:url(../images/footlogo.png) no-repeat;
}

.footbg {
	margin:1% 10% 0 0;
	height:60px;
	background:url(../images/footImg.png) right bottom no-repeat;
	display:block;
}
/*END*/


/*返回顶部*/
.gotopbtn {
	background:url(../images/top.gif) no-repeat;
	display:inline-block;
	cursor:pointer;
	position:absolute;
	right:-100px;
	width:35px;
	height:64px;
	z-index:1000;
}

.gotopbtn a {
	display:inline-block;
}
/*END*/


/*main*/
#main {
	overflow:hidden;
	margin:0 auto;
	width:960px;
}

#content {
	margin:20px 0;
	overflow:hidden;
	position:relative;
	z-index:1;
	min-height:300px;
}

.portfolio_stage {
	overflow:hidden;
	margin:10px auto;
	*zoom:1;
}

.content {
	overflow:hidden;
	margin:0 auto 30px auto;
	zoom:1;
}

.borderT {
	border-top:1px solid #ddd;
}

.borderT_dotted {
	border-top:1px dotted #ddd;
}

.borderL_dotted {
	border-left:1px dotted #ddd;
}

.borderB_dotted {
	border-bottom:1px dotted #ddd;
}

.intro, .process1, .process2, .process3, .process em, 
.example1, .example2, .example3, .example4, .example5, 
.example6, .example7, .example8, .example9, .example10, 
.service, .brother h5, .viewpoint h4 {
	background:url(../images/img.png) no-repeat;
}


/*title*/
.title {
	height:44px;
	letter-spacing:0.1em;
	background:url(../images/titlebg.png) center top no-repeat;
	margin:20px 0 0 0;
	zoom:1;
	color:#1b66a2;
	text-align:center;
	font-size:24px;
	*line-height:28px;
}

.title span {
	color:#888;
	font-size:15px;
	font-weight:normal;
	letter-spacing:0.2em;
	zoom:1;
	*line-height:18px;
}

.title a {
	color:#1b66a2;
}

a .more {
	float:right;
	width:50px;
	height:20px;
	line-height:20px;
	display:block;
	font-size:12px;
	color:#bbb;
	font-family:verdana;
	font-weight:normal;
	letter-spacing:0;
	border:1px solid #ddd;
	text-align:center;
}

a:hover .more {
	border:1px solid #1b66a2;
	color:#1b66a2;
}

h2 a, h2 a:hover,
h3 a, h3 a:hover {
	color:#333;
}

h4 a {
	color:#1b66a2;
}
/*END*/


/*奇创观点*/
.intro {
	background-position:420px 0;
	width:56%;
	float:right;
	padding:5px 0;
	margin:10px 0;
	zoom:1;
}

.intro h2, .intro p {
	margin-right:130px;
	line-height:24px;
}

.intro h2 {
	color:#1b66a2;
	text-align:right;
	margin-bottom:5px;
	font-weight:700;
}


/*旅游地产开发流程*/
.process a {
	float:left;
	display:block;
	height:90px;
	position:relative;
	width:90px;
}

.process a span {
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0;
}

.process1 {
	background-position:15px -151px;
}

.process2 {
	background-position:15px -286px;
}

.process3 {
	background-position:15px -421px;
}

.process em {
	background-position:right 25px;
	float:left;
	display:block;
	width:15px;
	height:90px;
	margin:0 5px;
}

/*国有土地使用权取得方式*/
.method {
	background:url(../images/wayImg.png) center top no-repeat;
	height:240px;
	font-size:12px;
	line-height:18px;
}

.method h5 {
	margin:0 0 6px 0;
}

.method li {
	float:left;
}

.first {
	height:100px;
	padding:130px 0 0 25px;
	width:460px;
	float:left;
}

.first h5 {
	color:#1b66a2;
}

.secend {
	height:80px;
	width:425px;
	float:right;
	margin-top:6px;
}

.secend h5 {
	color:#95b149;
}

/*如何获取建设用地*/
.question1 .portfolio_stage {
	margin-top:10px;
}

.question1 p {
	margin-bottom:5px;
	color:#333;
}

.question1 .portfolio_stage div {
	float:left;
	border-left:1px dotted #ddd;
	padding:0 10px 0 20px;
	height:100px;
}

.question1 ul {
	padding-left:20px;
	list-style:square;
	margin-top:0;
}

/*示例：集体建设用地如何获取？*/
.example a {
	color:#1b66a2;
	float:left;
	width:145px;
	height:45px;
	display:block;
	zoom:1;
	text-indent:60px;
	padding:10px 0 0 0;
}

.example a:hover {
	color:#cf5152;
}

.example .example1 {
	background-position:0 -705px;
	width:175px;
}

.example .example1:hover {
	background-position:0 -784px;
}

.example a.example2 {
	background-position:-179px -705px;
	padding:5px 0;
	width:175px;
}

.example a.example2:hover {
	background-position:-179px -784px;
}

.example2 span {
	float:left;
	width:54%;
	margin-left:60px;
	text-indent:0px;
	height:50px;
}

.example3 {
	background-position:-356px -705px;
}

.example3:hover {
	background-position:-356px -784px;
}

.example4 {
	background-position:-534px -705px;
}

.example4:hover {
	background-position:-534px -784px;
}

.example5 {
	background-position:-711px -705px;
}

.example5:hover {
	background-position:-711px -784px;
}

.example6 {
	background-position:-889px -705px;
}

.example6:hover {
	background-position:-889px -784px;
}

.example a.example7 {
	background-position:-332px -460px;
}

.example a.example7:hover {
	background-position:-332px -550px;
}

.example a.example8 {
	background-position:-518px -460px;
}

.example a.example8:hover {
	background-position:-518px -550px;
}

.example a.example9 {
	background-position:-704px -460px;
}

.example a.example9:hover {
	background-position:-704px -550px;
}

.example a.example10 {
	background-position:-889px -460px;
}

.example a.example10:hover {
	background-position:-889px -550px;
}

.floatR .example {
	padding-left:20px;
}

.floatR .example a {
	width:25%;
	padding:15px 0 0 0;
}

/*奇创旅游地产策划一站式服务*/
.service {
	background-position:-335px -147px;
	height:265px;
	position:relative;
}

.service div {
	position:absolute;
	overflow:hidden;
	zoom:1;
}

.service div ul {
	margin:5px 0 0 0;
	font-size:12px;
	line-height:18px;
}

.service div a {
	color:#fff;
	font-weight:normal;
}

.service div a:hover {
	color:#f5ebd8;
}

.service ul strong {
	font-size:14px;
}

.service1 {
	top:2px;
	left:17px;
}

.service2 {
	top:155px;
	left:17px;
}

.service3 {
	top:2px;
	right:58px;
}

.service4 {
	top:176px;
	right:70px;
}

/*奇创兄弟事业部增值旅游地产服务*/
.brother h5 {
	background-position:-336px -13px;
	height:24px;
	line-height:24px;
	color:#fff;
	padding-left:20px;
	float:right;
	width:140px;
	letter-spacing:0.1em;
	font-weight:normal;
}

.brother li {
	border-bottom:1px dotted #ddd;
	height:55px;
	overflow:hidden;
	width:100%;
	text-align:right;
	padding:20px 0 0 0;
}

.lvmama {
	background:url(../images/service_logo.png) left 15px no-repeat;
}

.joyuyx {
	background:url(../images/service_logo.png) left -65px no-repeat;
}

.joyulf {
	background:url(../images/service_logo.png) left -145px no-repeat;
}

/*奇创旅游地产项目足迹*/
.map {
	background:url(../images/indexMap.png) no-repeat;
	height:390px;
}

/*主题旅游地产*/
.TopicEstate li {
	float:left;
	width:70px;
	text-align:center;
	margin:10px 8px 15px 8px;
	line-height:18px;
}

.TopicEstate li img {
	margin-bottom:5px;
}

.TopicEstate li a:hover img {
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    -khtml-opacity:0.7; 
	opacity:0.7;
}

/*奇创旅游地产图集*/
.gallery img {
	float:left;
	margin-right:25px;
}

/*奇创观点*/
.viewpoint h4 {
	background-position:-919px -70px;
	text-indent:25px;
	color:#1b66a2;
}

.viewpoint div {
	float:left;
	width:46%;
	padding:10px 0 15px 15px;
}

.viewpoint ul li {
	margin:3px 0;
}

/*行业动态*/
.news {
	width:37%;
}

.news ul {
	margin:20px 0 0 5px;
}

.news ul li {
	margin:6px 0;
}


/*其它专题*/
.review {
	height:180px;
	overflow:hidden;
}

.review .title {
	height:42px;
	letter-spacing:0.1em;
	background:url(../images/titlebg.png) center top no-repeat;
	margin:20px 0;
	zoom:1;
	color:#1b66a2;
	text-align:center;
	font-size:24px;
	line-height:42px;
}

.review li img {
	width:190px;
	height:86px;
	padding:0;
	border:none;
}

.infiniteCarousel {
	width:900;
	position:relative;
	height:86px;
	margin:20px 0 0 0;
}

.infiniteCarousel .wrapper {
	width:880px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	height:86px;
	margin:0 40px;
	position:absolute;
	top:0;
}

.infiniteCarousel .wrapper ul {
	width:880px; /* single item * n */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}

.infiniteCarousel ul:hover li img {
	border-color:#ddd;
}

.infiniteCarousel ul:hover li:hover img {
	border-color:#333;
}

.infiniteCarousel ul li {
    display:block;
    float:left;
    height:88px;
    padding:0 15px;
    width:190px;
}

.infiniteCarousel ul li a img {
	display:block;
}

.infiniteCarousel .arrow {
	display:block;
	height:22px;
	width:15px;
	background:url(../images/arrow_review.png) 0 0 no-repeat;
	text-indent:-999px;
	position:absolute;
	top:30px;
	cursor:pointer;
	outline:0;
}

.infiniteCarousel .forward {
	background-position:-20px 0;
	right:0;
}

.infiniteCarousel .forward:hover {
	background-position:-20px -25px;
}

.infiniteCarousel .back {
	background-position:0 0;
	left:0;
}

.infiniteCarousel .back:hover {
	background-position:0 -25px;
}