/* 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"; 
	_font-size:12px;
}

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

h2, h3 {
	font-weight:normal;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:20px;
	letter-spacing:1px;
}

h3 {
	font-size:18px;
	font-weight: 700;
	color:#333;
    letter-spacing: 0.1em;
}

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

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, a.selected {
	color:#cf5152;
}

p {
	marign:5px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	background:#1b66a2;
	color:#fff;
	font-size:14px;
	line-height:24px;
	border:1px solid #1b66a2;
	border-right:1px solid #1b66a2;
	height:30px;
}

td {
	padding:5px;
	background:#fff;
	border:1px solid #1b66a2;
}

.row td, .row {
	background:#d1e0ec;
}

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

/*header*/
#header {
	width:1000px;
	position:relative;
	height:350px;
	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:5% 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:1000px;
}

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

.portfolio_stage {
	clear:both;
	overflow:hidden;
	margin:10px auto;
}

.content {
	overflow:hidden;
	margin:0 auto 40px auto;
}

/*title*/
.title {
	height:42px;
	letter-spacing:0.1em;
	background:url(../images/titlebg.png) center bottom no-repeat;
	margin:40px 0;
	zoom:1;
	color:#785146;
	text-align:center;
	color:#1b66a2;
	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;
}


/*****************************基础概念*****************************/
#TourismEstate1 strong {
	color:#333;
}


/*什么是旅游地产？*/
.view div {
	overflow:hidden;
}

.view div dl {
	border-bottom:1px dotted #ccc;
	padding:20px 0;
	overflow:hidden;
}

.view div dt {
	float:left;
	width:100px;
	height:75px;
	padding-top:25px;
	color:#fff;
	background:url(../images/img001.png) no-repeat;
	text-align:center;
}

#TourismEstate1 .view div strong {
	color:#fff;
}

.view div dd {
	float:right;
	width:830px;
}

.view div dd p {
	margin-bottom:10px;
}

.qc_view {
	background:#e7eff5;
	padding:20px;
	border-radius:5px;
}

.qc_view strong {
	color:#333;
}

/*旅游地产发展历程*/
.course {
	margin:10px 0;
	overflow:hidden;
}

.course h6 {
	font-size:14px;
	color:#1b66a2;
}

.course dl {
	margin-top:5px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	display:block;
}

.course dd {
	float:left;
	margin:0 20px;
	width:200px;
	text-align:center;
	font-weight:bold;
	color:#333;
}

.course li {
	float:left;
	margin:0 15px;
	width:210px;
}

.course .axis {
	height:30px;
	background:url(../images/img002.png) no-repeat;
	overflow:hidden;
}

.course .gn {
	background-position:0 -35px;
}

.domestic dd {
	width:210px;
	margin:0 30px 0 70px;
}

.domestic li {
	width:268px;  
	margin:0 10px 0 40px;
} 

.domestic li ul {
	list-style:square;
	margin-left:20px;
}

.domestic li li {
	margin:0;
}

.xz_box {
	overflow:hidden;
	background:url(../images/img016.png) no-repeat right;
}

.xz_box dl {
	overflow:hidden;
}

.xz_box dt {
	float:left;
	width:10%;
	font-size:18px;
	background:url(../images/img001.png) no-repeat 0 -110px;
	height:57px;
	width:82px;
	text-align:center;
	color:#fff;
	padding:35px 5px 0 0;
}

.xz_box dd {
	float:right;
	width:85%;
	padding:15px 20px 0 20px;
}

.xz_box dd p {
	margin-bottom:10px;
}

.xz_box span {
	color:#1b66a2;
}

.xz_box dd h5 {
	margin-bottom:10px;
}

.arrow {
	text-align:center;
	margin:10px 0 0 0;
	height:30px;
}

.process h4 {
	margin:10px 0;
	background:url(../images/icon01.png) no-repeat 0 5px;
	padding-left:20px;
	color:#1B66A2;
}

.process dl {
	margin:10px 20px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}

.process dt {
	font-weight:bold;
	color:#333;
	margin-bottom:5px;
}

.process  dd ul {
	list-style:square;
	padding-left:20px;
}

.process  dd li {
	margin:5px 0;
}

.pr {
	background:url(../images/img017.png) no-repeat;
	color:#fff;
	text-align:center;
	line-height:30px;
	border-radius:20px;
	font-size:15px;
	letter-spacing:1px;
}

.manage {
	margin:5px 0 20px 0;
}

.manage ul {
	list-style:square;
	margin-left:15px;
}

.sort {
	background:url(../images/img006.png) no-repeat 0  30px;
	width:960px;
	height:314px;
}

.sort p {
	width:310px;
}

.sort ul {
	overflow:hidden;
}

.sort li {
	float:left;
	font-weight:bold;
	margin-right:30px;
	width:130px;
	text-align:center;
	letter-spacing:1px;
	font-size:16px;
	color:#333;
}

.sort .tit3 {
	margin-left:350px;
}

.sort .tit4 {
	margin:0
}

.sort dl {
	margin:18px  0 25px 325px;
	clear:both;
	width:300px;
	height:260px;
}

.sort dd {
	height:100px;
}

/*旅游地产的土地相关概念*/
.land {
	background:url(../images/img005.png) no-repeat;
	width:940px;
	height:142px;
	margin:20px 0;
	position:relative;
}

.land p {
	position:absolute;
	font-weight:normal;
}

.land .mode1 {
	top:20px;
	left:80px;
	width:300px;
}

.land .mode2 {
	top:60px;
	left:600px;
	width:260px;
}

.build table {
	margin:10px 0
}

.build  p {
	margin:10px 0;
}

/*旅游地产的土地获取问题*/
.pattern {
	margin:10px 0;
	overflow:hidden;
}

.pattern h5 {
	margin-top:20px;
	color:#1b66a2;
	border-top:2px solid #1b66a2;
	padding:5px 0 5px 0;
	position:relative;
}

.pattern h5 span {
	position:absolute;
	right:0;
	color:#333;
	font-size:14px;
}

.pattern ul {
	margin:10px 0 0 15px;
	list-style:square;
}

.pattern ol {
	margin:10px 0 10px 25px;
}

.aol li {
	margin:10px 0
}

.cility p {
	margin:10px 0
}

.spacing {
	margin:10px 0;
}

 .t_green h5 {
	color:#95b149;
	border-top:2px solid #95B149;
}

.t_blue {
	color:#1B66A2;
}

.green_title {
	color:#95b149;
	font-weight:bold;
}


/*国有土地使用权取得方式*/
.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;
}

.claim li {
	margin-bottom:10px;
}

.gt {
	border-radius:5px;
	background:#E7EFF5;
	text-align:right;
	line-height:26px;
}


/*****************************奇创业务*****************************/
.stop_serve {
	margin:20px 0;
	overflow:hidden;
}

.stop_serve h4 {
	border-bottom:2px solid #1b66a2;
	font-weight:bold;
	color:#333;
	margin-bottom:20px;
	padding-bottom:5px;
}

.stop_serve h4 span {
	font-size:14px;
	font-weight:normal;
	display:inline-block;
	background:url(../images/serve_bg.png) no-repeat;
	width:76px;
	height:18px;
	line-height:18px;
	text-align:center;
	color:#fff;
	margin:0 10px;
}

.detail dl {
	margin-bottom:20px;
}

.detail dt {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	color:#333;
}

.detail p {
	color:#1b66a2; 
}

.detail ul {
	list-style:square;
	margin-left:20px;
}

.case {
	background:#f5f5f5;
	padding:20px;
	min-height:220px;
	min-width:220px;
}

.case ol {
	margin:10px 0 10px 30px;
}

.case li {
	line-height:22px;
}

.service h5 {
	margin-top:20px;
}

.service ul {
	margin-top:10px;
	overflow:hidden;
}

.service li {
	float:left;
	border:1px solid  #d1e0ec;
	width:274px;
	margin-right:20px;
	height:46px;
	text-align:right;
	padding:20px 15px 15px 15px;
	background:url(../images/service_logo.png) no-repeat;
}

.service .lvmama {
	background-position:15px  15px;
}

.service .yingxiao {
	background-position:15px -63px;
}

.service .lvfa {
	background-position:15px -140px;
	margin-right:0;
}


/*****************************奇创实践*****************************/
.topic {
	overflow:hidden;
}

.topic li {
	text-align:center;
	margin:0 30px 20px 0;
	float:left;
	overflow:hidden;
}
 
.topic li img {
	border:2px solid #fff;
}
 
.topic li a {
	display:block;
	width:210px;
	height:125px;
} 

.topic li a:hover img {
	border:2px solid #cf5152;
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    -khtml-opacity:0.8; 
	opacity:0.8;
}

.topic_list div {
	overflow:hidden;
	margin-top:30px;
}

.topic_list ul {
	margin-top:5px;
	overflow:hidden;
	list-style-position:inside;
}

.topic_list li {
	border-bottom:1px dotted #eee;
	line-height:30px;
}

.topic_list li:hover {
	background:#f5ebd8;
}

.topic_list li a {
	margin-right:10px;
}


/*****************************奇创观点*****************************/

.viewpoint h3 {
	background:url("../images/img.png") no-repeat -919px -72px;
    color:#1B66A2;
    text-indent:25px;
}

.viewpoint div {
	float:left;
	width:48.5%;
	overflow:hidden;
	margin:0 0 20px 0;
}

.viewpoint div ul {
	margin:10px 0;
}

.viewpoint li {
	margin:0 0 5px 0;
}

.boxdh {
	height:400px;
}


/*****************************行业动态*****************************/
.dynamic {
	margin:20px 0;
}

.dynamic ul {
	padding:0 0 5px 10px;
	list-style:square;
	list-style-position:inside;
}

.dynamic li {
	line-height:30px;
	border-bottom:1px dotted #ddd;
	text-indent:10px;
}

.dynamic li:hover {
	background:#f5ebd8;
}

/*****************奇创旅游地产图集*****************/
/*stapel*/
.tp-grid {
	list-style-type:none;
	position:relative;
	display:block;
}

.tp-grid li {
	position:absolute;
	cursor:pointer;
	border:5px solid #fff;
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
	display:none;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
}

.no-js .tp-grid li {
	position:relative;
	display:inline-block;
}

.tp-grid li a {
	display:block;
	outline:none;
	width:200px;
	height:145px;
}

.tp-grid li img {
	display:block;
	border:none;
	width:200px;
	height:145px;
}

.tp-info,
.tp-title {
	position:absolute;
	background:#000;
	line-height:18px;
	color:#F7F7F7;
	bottom:0;
	width:80%;
	height:35px;
	left:-100%;
	box-shadow:
		1px 1px 1px rgba(0,0,0,0.1),
		5px 0 5px -3px rgba(0,0,0,0.4),
		inset 0 0 5px rgba(0,0,0,0.04);
	filter:alpha(opacity=65); 
    -moz-opacity:0.65; 
    -khtml-opacity:0.65; 
	opacity:0.65;
	font-size:13px;
	z-index:99;
}

.touch .tp-info {
	left:0px;
}

.no-touch .tp-info {
	display:none;/*内页提示文字隐藏*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.no-touch .tp-grid li:hover .tp-info {
	display:none;/*内页提示文字隐藏*/
	-webkit-transition-delay:150ms;
	-moz-transition-delay:150ms;
	-o-transition-delay:150ms;
	-ms-transition-delay:150ms;
	transition-delay:150ms;
}

.no-touch .tp-open li:hover .tp-info {
	left:0px;
	display:none;/*内页提示文字隐藏*/
}

.tp-title {
	padding:10px 30px 10px 10px;
	left:0px;
	bottom:0;
}

.tp-title span:nth-child(2) {
	color:#F7F7F7;
	padding:0 5px;
	background:#333;
	right:0px;
	height:100%;
	line-height:40px;
	bottom:0px;
	position:absolute;
	display:block;
}

.tp-title:hover {
	color:#fff;
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    -khtml-opacity:0.8; 
	opacity:0.8;
}

.num {
	color:#F7F7F7;
	padding:0 5px;
	background:#333;
	right:0px;
	height:100%;
	line-height:40px;
	bottom:0px;
	position:absolute;
	display:block;
	*height:55px;
}

/*custom*/
.gallery {
	position:relative;
	padding:0 0 50px 0;
}

.topbar {
	position:relative;
	padding:10px;
	margin:0 0 20px;
	border-bottom:1px dotted #eee;
}

.back {
	float:right;
	width:50px;
	height:24px;
	line-height:24px;
	color:#bbb;
	letter-spacing:0;
	border:1px solid #ddd;
	text-align:center;
	display:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.no-touch .back:hover {
	border:1px solid #1b66a2;
	color:#1b66a2;
}

/* Loader */
.loader {
	left:50%;
	position:absolute;
	margin-left:-120px;
}

.loader i {
	display:inline-block;
	width:40px;
	height:40px;
	-webkit-animation:loading 1s linear infinite forwards;
	-moz-animation:loading 1s linear infinite forwards;
	-o-animation:loading 1s linear infinite forwards;
	-ms-animation:loading 1s linear infinite forwards;
	animation:loading 1s linear infinite forwards;
}

.cssanimations .loader span {
	display:none;
}

.no-cssanimations .loader i {
	display:none;
}

.loader i:nth-child(2) {
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-o-animation-delay:0.1s;
	-ms-animation-delay:0.1s;
	animation-delay:0.1s;
}

.loader i:nth-child(3) {
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	animation-delay:0.2s;
}

.loader i:nth-child(4) {
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	-ms-animation-delay:0.3s;
	animation-delay:0.3s;
}

.loader i:nth-child(5) {
	-webkit-animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-o-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
	animation-delay:0.4s;
}

.loader i:nth-child(6) {
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	-ms-animation-delay:0.5s;
	animation-delay:0.5s;
}

@-webkit-keyframes loading {
	0% {
		opacity:0;
		background-color:rgba(255,255,255,0.9);
	}

	100% {
		opacity:1;
		-webkit-transform:scale(0.25) rotate(75deg);
		background-color:rgba(155,155,155,0.9);
	}
}

@-moz-keyframes loading {
	0% {
		opacity:0;
		background-color:rgba(255,255,255,0.9);
	}

	100% {
		opacity:1;
		-moz-transform:scale(0.25) rotate(75deg);
		background-color:rgba(155,155,155,0.9);
	}
}

@-o-keyframes loading {
	0% {
		opacity:0;
		background-color:rgba(255,255,255,0.9);
	}

	100% {
		opacity:1;
		-o-transform:scale(0.25) rotate(75deg);
		background-color:rgba(155,155,155,0.9);
	}
}

@-ms-keyframes loading {
	0% {
		opacity:0;
		background-color:rgba(255,255,255,0.9);
	}

	100% {
		opacity:1;
		-ms-transform:scale(0.25) rotate(75deg);
		background-color:rgba(155,155,155,0.9);
	}
}

@keyframes loading {
	0% {
		opacity:0;
		background-color:rgba(255,255,255,0.9);
	}

	100% {
		opacity:1;
		transform:scale(0.25) rotate(75deg);
		background-color:rgba(155,155,155,0.9);
	}
}

@media screen and (max-width:680px) {
	.topbar h2, .topbar h3 { text-align:left; padding:0; display:block;}
	.back { left:auto; right:0px; margin-left:0px;}
}

#main .fixCoverLayer {
	position:absolute;
	width:220px;
	height:160px;
	opacity:0;
	filter:alpha(opacity:0);
	left:0;
	bottom:0;
	z-index:10000;
	background:#000;
}

.topbar h4 {
	font-weight:normal;
}