@charset "utf-8";
/* CSS of landRecoment */
body{background-color: #f1fafa;min-width: 1024px;}
.headerBG{width: 100%;height: 512px;display: block;text-indent: -200em;}
.placeholder2{width: 992px;height: 534px;}
.placeholder2 a:hover{ color:#e31e00!important;}
.mainContent{width:1000px;margin: 0 auto;}
.recoment_tab{width:992px;margin-bottom: 1px;border:4px solid #e1e1e1;-webkit-border-radius:4px;border-radius:4px;background-color: #ffffff;}


.intro_title{padding:0 15px;border-left: 5px solid #b6dbea;}
.brief_intro1{width: 455px;margin: 20px 0 0px 40px; border-right: 1px solid #e1e1e1;}
.brief_intro2{width: 396px;margin: 20px 40px 0px 60px;}
.brief_intro1 p{padding: 15px 65px 0 5px;line-height: 22px;}
.brief_intro2 p{padding: 15px 5px 0;line-height: 22px;}

.pic_intro{margin-bottom: 25px; }
.carouselImg-container{ position:relative; height:475px;}
.pic_intro .carouselImg{ position:absolute;top:0; left:0; z-index:0;}
.pic_intro ul{margin:-18px 1px -13px;padding: 18px 4px;height:70px;}
.pic_intro li{ float:left;margin-right: 5px;width: 134px;height: 70px;border: 1px solid #e1e1e1;position:relative; z-index:1;cursor: pointer;}
.pic_intro li img{width: 134px;height: 70px; }
.pic_intro li .mask{width: 134px;height: 70px;position:absolute;top:0;left:0;background-color: #000;opacity: 0.5;filter:alpha(opacity=50);z-index: 10; display:inline; zoom:1;}
.pic_intro li.last{ margin-right: 0;}
.pic_intro li:hover,.pic_intro li.current{z-index: 999;}
.pic_intro li:hover img,.pic_intro li.current img{position:relative;margin:-13px -8px;width:150px;height:96px;z-index: 1000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#282828',Direction=135, Strength=4);background-color: #ccc;-webkit-box-shadow:0 0 10px #282828;box-shadow:0 0 10px #282828; }

	.basic_info{margin: 20px;height:200px;border: 1px solid #e1e1e1;}
	.basic_info ul{margin: 15px 10px 0 335px;}
	.basic_info li{line-height: 25px;margin-bottom:10px;vertical-align: bottom; position:relative;}
	.basic_info li span{display:inline-block;font-weight: bold;font-size: 14px; padding-left:13px;}
	.basic_info li .dot{ position:absolute; width:5px; height:5px; top:10px; left:0; background:url(/uiResource/images/land-TJH-Images/common/ul.gif) no-repeat;}
	.areaInfotab1 li{line-height: 25px;margin-bottom:11px;}
	.areaInfotab2 li{line-height: 24px;margin-bottom:7px;}
	.areaInfotab3 li{line-height: 27px;margin-bottom:12px;}
	.areaInfotab4 li{line-height: 27px;margin-bottom:12px;}
	.areaInfotab5 li{line-height: 27px;margin-bottom:12px;}

	.areaInfo-left{ position:relative;}
	.areaInfo-left span{ font:30px "Microsoft yahei";color:#fff;position:absolute; width:316px; height:202px; left:0; top:0; z-index:2; text-align:center; line-height:202px; }
	.areaInfo-left .mask{ position:absolute;width:316px; height:202px; left:0; top:0; z-index:1; background-color:#916a16; opacity:0.3;  filter:alpha(opacity=30);}
	.chart_intro-head{ background-color:#424140;width:108px;}
	.chart_intro-head li{width:108px;height:99px;color:#fff; position:relative; text-align:center; float:left;}
	.chart_intro-head li:hover{ cursor:pointer;}
	.chart_intro-head li .icon{ display: block; background:url(/uiResource/images/land-TJH-Images/common/area_intro.png) no-repeat; width:42px;height:56px; margin:0 auto;}
	.chart_intro-head li .icon1{ background-position:-10px 0;}
	.chart_intro-head li .icon2{ background-position:-10px -100px;}
	.chart_intro-head li .icon3{ background-position:-10px -196px;}
	.chart_intro-head li .icon4{ background-position:-10px -290px;}
	.chart_intro-head li .icon5{ background-position:-10px -386px;}

	.chart_intro-head li .icon1:hover,.chart_intro-head li.current .icon1{background-position:-71px 0;}
	.chart_intro-head li .icon2:hover,.chart_intro-head li.current .icon2{background-position:-74px -101px;}
	.chart_intro-head li .icon3:hover,.chart_intro-head li.current .icon3{background-position:-68px -196px;}
	.chart_intro-head li .icon4:hover,.chart_intro-head li.current .icon4{background-position:-75px -290px;}
	.chart_intro-head li .icon5:hover,.chart_intro-head li.current .icon5{background-position:-73px -386px;}

	.chart_intro{height: 495px;}
	.chart_intro-head li.current .icon-arrow{ position:absolute;width:7px; height:18px; top:36px;right:-7px; background:url(/uiResource/images/land-TJH-Images/common/arrow.png); display:inline-block;}
	.chart_intro .tab-body{ margin-left:108px; height:100%; background-color:#c1e0ea;}
	.tab{padding: 10px 35px ;}.tab_last{padding: 10px 20px 10px 35px;}.part1{height: 235px;}.part2{height: 240px;}.part3{height: 200px;}
	.tab_text{width: 315px;padding: 35px 0 0 15px }
	.tab_text span{font:bold 14px "宋体";}
	.tab_text p{display: inline-block;margin-top: 18px;line-height: 28px}
	.part1 img{float: right;margin-top: 20px}
	.part2 img{float: right;margin-top: 30px}
	.tab_last .part1{height: 225px;}
	.tab_last .part1 .tab_text{width:305px;}
	.tab_last .part2{height:275px;}
	.tab_last .part2 .tab_text{width: 815px;margin-top:-55px;padding-left:15px; }
	.tab_last .part2 .tab_text p.last{width: 275px;padding:0;display: inline-block;margin-top: 0}
	.tab_last .part2 img{position: absolute;bottom: 15px;right: 0;}

	.side_bar{width: 76px; height: 220px; position: fixed;left: 50%;margin-left:540px;top:55%;}
	.index_bar li{display: block;padding: 13px 10px;border-bottom:1px solid #ffffff; cursor: pointer;}
	.index_bar a{text-decoration: none;font: normal 14px "宋体";color: #ffffff;}
	.to_top{display: block;margin-top:2px;padding: 10px 28px 5px; cursor:pointer;}
	.to_top:hover,.index_bar a:hover li,.index_bar li.current,.chart_intro-head li.current{background-color:#64a5ba;}

	.map-layer{ position:absolute; top:80px; z-index:10000000; width:236px;}
	.map-land-item{ margin-bottom:5px;}
	.map-land-item h3{height:40px; background:#e1e1e1; line-height:40px; text-indent:10px; position:relative; font-weight:bold;  }
	.map-land-item h3.current{ background-color:#64a5ba; }
	.map-land-item h3 a{color:#267c98;}
	.map-land-item h3.current a{color:#fff;}
	.map-land-item h3 a:hover{color:#e31e00;}
	.map-land-item h3 .arrow{top:17px; right:20px; cursor:pointer;}
	.map-land-item h3 .arrow-d{border-top-color:#fff;}
	.map-land-item h3 .arrow-u{border-bottom-color:#fff;top:14px;}
	.map-land-item .con{ background-color:#fff;padding:20px 10px;font-size:12px; color:#666; }
	.map-land-item .con h4{ border-bottom:1px solid #e1e1e1; padding-bottom:5px;}
	.map-land-item .con  li{ padding:4px 0;}
	.map-land-item .con  span{ display:inline-block; color:#999;width:78px; text-align:left;}

	.map-land-item .con a{ color:#64a5ba;}
	.map-land-item .con a:hover{ color:#e31e00;}

	.map-type{ position:absolute; right:10px; top:90px; z-index:10000000; }
	.map-type li{ float:left;height:18px;width:50px;padding-bottom:2px; text-align:center; line-height:18px; background-color:#e1e1e1; border:1px solid #999; margin-left:-1px;font-size:12px;cursor:pointer;}
	.map-type li.current{ background-color:#883b2d; border-color:#e31e00; color:#fff;}

	/*loading*/
	.ui-loading{ position:absolute; width:100%; height:100%; z-index:1000;top:0; left:0;}
	.ui-loading .icon-loading{ background:url(/uiResource/images/loader.gif) no-repeat; width:32px; height:32px; position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-16px;}
	.ui-loading .icon-loading-lg{ background-image:url(/uiResource/images/loader-lg.gif);width:50px;height:50px;margin-top:-25px;margin-left:-25px;}

	.topic-content-column h2{text-indent: -200em; overflow: hidden;display:block;width: 992px;height: 80px;}
	#areaIntro h2{ background-position:0 0;}
	#areaInfo h2{ background-position:0 -80px;}
	#landDetail h2{ background-position:0 -160px;}
	#docDownload h2{ background-position:0 -240px;}


	.back-map-center{ display:inline-block; background:url(/uiResource/images/land-TJH-Images/common/back-center.png) no-repeat; width:43px; height:42px; position:absolute; bottom:34px; right:10px; z-index:10000; text-indent:-9999px; cursor:pointer;}


	/*隐藏腾讯字样*/
	.hideTencentFont{ position:absolute;bottom:-4px; left:-4px;width:992px; height:20px; background-color:#f6fcfc;border-top:4px solid #e1e1e1; border-bottom:4px solid #f6fcfc; border-left:4px solid #f6fcfc; border-right:4px solid #f6fcfc;}

	.ui-hlist-1 li h3, .ui-hlist-1 li h4, .ui-hlist-1 li p{
		max-height: 200px;
	}

	/*换肤*/
	.CH h2{background:url(/uiResource/images/land-TJH-Images/CH/header_bg.png) no-repeat;}
	.CH .headerBG{background:url(/uiResource/images/land-TJH-Images/CH/banner.jpg) no-repeat center top;}
	.CH .index_bar li,.CH .to_top{background-color:#444443;}
	.CH .index_bar li.current,.CH .to_top:hover{background-color:#64a5ba;}

	.JN h2{background:url(/uiResource/images/land-TJH-Images/JN/header_bg.png) no-repeat;}
	.JN .headerBG{background:url(/uiResource/images/land-TJH-Images/JN/banner.jpg) no-repeat center top;}
	.JN .index_bar li,.JN .to_top{background-color:#444443;}
	.JN .index_bar li.current,.JN .to_top:hover{background-color:#64a5ba;}


	.PZ h2{background:url(/uiResource/images/land-TJH-Images/PZ/header_bg.png) no-repeat;}
	.PZ .index_bar li,.PZ .to_top{background:url(/uiResource/images/land-TJH-Images/PZ/sidebar-bg.png) no-repeat 0 -47px;}
	.PZ .index_bar li.current,.PZ .to_top:hover{ background-position:0 0;}
	.PZ .topic-content-column h2{text-indent:0;color:#fff;font:bold 36px "Microsoft Yahei";}
	.PZ h2 span{padding:20px 0 0 150px; display: inline-block;}
	.PZ .basic_info  li{padding-left:12px;}
	.PZ .side_bar{top:48%;}
	.PZ .chart_intro-head li{background-color: #063250;}
	.PZ .chart_intro-head li.current{background-color: #1c6d7f;}
	.PZ .chart_intro-head li.current .icon-arrow{border-left-color: #1c6d7f;}
	.PZ .chart_intro .tab-body{background-color: #d5e8e6;}

	.table,.table th,.table td{border:1px solid #104d79;background-color:#c7e3e7; text-align: center;}
	.table th{background-color: #a1c5dd;color:#063250;}
	.table th,.table td{padding:4px 10px;}
	.xinchengInfo-col-3{overflow: hidden;margin-right: -20px;}
	.xinchengInfo-col-3 .xincheng-detail{background-color: #f6f6f6;padding:0 10px;height:180px;margin-right: 20px;}
	.xinchengInfo-col-3 .xincheng-detail p{line-height: 24px;}
	.xinchengInfo-col-3 h3{font-weight: bold;font-size: 16px;padding:10px 0 5px;}
	.xinchengInfo-col-3 .xincheng-item{float:left;width:33.33333%;}
	.xinchengInfo-col-4{overflow: hidden;margin-right: -20px;}
	.xinchengInfo-col-4 .xincheng-detail{background-color: #f6f6f6;padding:0 10px;height:250px;margin-right: 20px;}
	.xinchengInfo-col-4 .xincheng-detail p{line-height: 24px;}
	.xinchengInfo-col-4 h3{font-weight: bold;font-size: 16px;padding:10px 0 5px;}
	.xinchengInfo-col-4 .xincheng-item{float:left;width:25%;}

	.WJ{background-color: #d8edf7;}
	.WJ h2{background:url(/uiResource/images/land-TJH-Images/WJ/header_bg.png) no-repeat;}
	.WJ .column-box1 h2{background-position: 0 0;}
	.WJ .column-box2 h2{background-position: 0 -80px;}
	.WJ .column-box3 h2{background-position: 0 -160px;}
	.WJ .column-box4 h2{background-position: 0 -240px;}
	.WJ .column-box5 h2{background-position: 0 -320px;}
	.WJ .column-box6 h2{background-position: 0 -400px;}

	.WJ .index_bar li{padding:0;margin-bottom:7px;}
	.WJ .index_bar a,.WJ .to_top a{display:block;text-decoration: none;font: normal 14px "Microsoft Yahei";color: #ffffff;width:84px;height:30px;background:url(/uiResource/images/land-TJH-Images/WJ/nav_bg.png) no-repeat 0 -30px; text-align: center; line-height: 30px;}
	.WJ .index_bar li.current a,.WJ .index_bar a:hover,.WJ .to_top a:hover{background-position: 0 0;}
	.WJ .to_top{padding:0;}
	.WJ .to_top a{padding-top:2px;height:28px;}
	.WJ .to_top img{margin:0 auto; }
	.WJ .basic_info{height:auto!important;}

	.WJ .pic_intro{padding:0 5px;}
	.WJ .pic_intro li{width:132px;}
	.WJ .pic_intro li:hover img,.WJ .pic_intro li.current img{
		height:82px;
		margin-top:-6px;
	}
	.WJ .side_bar{
		display:none;
		top:50%;

	}

	.WJ .side_bar_inner{
		position: relative;
		top:-50%;
	}
	.WJ .areaInfo-left span{
		text-shadow: 0 2px 12px rgba(0,0,0,1),0 2px 0 rgba(0,0,0,0.5);
	}
	.supply-land-area{
		position: relative;
	}
	.supply-land-area .text{
		width:302px;
		background-color: #4d5055;
		float:left;
		color:#fff;
		padding: 9px;
		height:570px;
		margin:5px 0 5px 5px;
	}
	.supply-land-area .text div{
		display:none;
		text-align:center;
	}
	.supply-land-area .text .current{
		display: block;
	}
	.supply-land-area .img{float:right;position: relative;}
	.supply-land-area .img img{padding:5px 5px 5px 0;}

	.supply-land-area  .circle{
		width:126px;
		height:126px;
		background:url(/uiResource/images/land-TJH-Images/WJ/circle.png);
		background-size:126px 126px;
		position: absolute;
		top:0;
		left:0;
	}
	.supply-land-area  .circle:hover,	.supply-land-area  .circle.current{
		/*background:url(/uiResource/images/land-TJH-Images/WJ/circle-hover.png);*/
		/*background-size:126px 126px;*/
	}
	.supply-land-area .circle.current:after{
		content:"";
		display:inline-block;
		width:35px;
		height:34px;
		background: url(/uiResource/images/land-TJH-Images/WJ/position.png);
		position: relative;
		top:20px;
		left:55px;
		-webkit-animation: bounce 1s linear infinite;
		        animation: bounce 1s linear infinite;
	}
	@-webkit-keyframes bounce {
		0%,100%,20%,50%,80% {
			-webkit-transform: translateY(0);
			transform: translateY(0)
		}

		40% {
			-webkit-transform: translateY(-15px);
			transform: translateY(-15px)
		}

		60% {
			-webkit-transform: translateY(-5px);
			transform: translateY(-5px)
		}
	}
	@keyframes bounce {
		0%,100%,20%,50%,80% {
			-webkit-transform: translateY(0);
			transform: translateY(0)
		}

		40% {
			-webkit-transform: translateY(-15px);
			transform: translateY(-15px)
		}

		60% {
			-webkit-transform: translateY(-5px);
			transform: translateY(-5px)
		}
	}



	.supply-land-area  .circle-chengnan{
		top:145px;
		left:227px;
	}
	.supply-land-area  .circle-wangchun{
		left:135px;
		top:-5px;
	}

	.supply-land-area  .circle-haowang{
		top:283px;
		left:287px;
	}

	.supply-land-area  .circle-jinma{
		top:412px;
		left:133px;
	}
	.supply-land-area  .circle-hongqiao{
		top:220px;
		left:403px;
	}
	.supply-land-area  .circle-yixue{
		top:-5px;
		left:515px;
	}

	.supply-land-area .arrow{
		display:inline-block;
		width:0;
		height:0;
		border-width:15px;
		border-style:solid;
		border-color:transparent  transparent transparent #4d5055;
		position: absolute;
		left:325px;
		top:100px;

	}

	@-webkit-keyframes slideLeft{
		0%{
			opacity:0;
			-webkit-transform: translateX(-20px);
			        transform: translateX(-20px);
		}
		100%{
			opacity:1;
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
	}

	@keyframes slideLeft{
		0%{
			opacity:0;
			-webkit-transform: translateX(-20px);
			        transform: translateX(-20px);
		}
		100%{
			opacity:1;
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
	}
	@-webkit-keyframes slideUp{
		0%{
			opacity:0;
			-webkit-transform: translateY(20px);
			        transform: translateY(20px);
		}
		100%{
			opacity:1;
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}
	}
	@keyframes slideUp{
		0%{
			opacity:0;
			-webkit-transform: translateY(20px);
			        transform: translateY(20px);
		}
		100%{
			opacity:1;
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}
	}




	.supply-land-area  h3{
		font-family:"Microsoft Yahei";
		font-size:56px;

		margin:80px 0 20px;
		border-bottom:1px solid #fff;
		display:inline-block;
		padding-bottom:30px;
		-webkit-animation:slideLeft 0.5s linear 1;
		        animation:slideLeft 0.5s linear 1;




	}
	.supply-land-area .area-chengnan h3{
		color:#bd6022;
	}
	.supply-land-area .area-haowang h3{
		color:#792060;
	}
	.supply-land-area .area-yixue h3{
		color:#deb71e;
	}
	.supply-land-area .area-jinma h3{
		color:#2f975c;
	}
	.supply-land-area .area-hongqiao h3{
		color:#275f92;
	}
	.supply-land-area .area-wangchun h3{
		color:#3e9fc2;
	}
	.supply-land-area .text p{
		line-height:28px;
		width:230px;
		margin:0 auto;
		text-indent: 2em;
		margin-top: 20px;
		-webkit-animation:slideUp 0.5s linear 1;
		        animation:slideUp 0.5s linear 1;
		        text-align:left;
	}
.WJ .xinchengInfo-col-3{
	padding:0 5px 5px;
}
.WJ .xincheng-detail{
	height:270px;

}
.WJ .xinchengInfo-col-3 .xincheng-detail p{
	text-indent:2em;
}
.WJ .xincheng-item img{width:314px;}