@charset "gb2312";
body { margin:0; padding:0; background: none; width:100%; background:#fff;}
html { padding:0; margin:0;}
.clr {clear:both;}
a {text-decoration:none;}
a:hover {color:#009;}
img{border:none;}
.style1 {font-size: 12px}
.p_10 {  font-size: 11pt; line-height: 20pt; color: #006600}
.style5 {color: #000000}
td {
	font-family: "ËÎÌå";
	font-size: 12px;
	line-height:18px;
}

/* main */
.main {width:1000px; padding:0; margin:0 auto;}
.shadow {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/* header */
.header { width:1000px; margin:0; padding:0;}
.logo { width:1000px; height:72px; margin:0; padding:0;  background:url(images/head.png) top left no-repeat;}
.logo h2 { font:12px "΢ÈíÑźÚ","ËÎÌå", Geneva, sans-serif; color:#242424; padding:10px 0 5px 680px; margin:0;}
.logo .text { font: 12px "ËÎÌå",Arial, Helvetica, sans-serif; color:#999; padding:0 0 0 740px; margin:0;}
.logo .text a{color:#999; }
.logo .text a:hover {color:#009;}

/* menu */

#menu{BACKGROUND: url(images/menu_bg.png);  HEIGHT: 47px;list-style: none;
	width: 900px\9;
	margin: 10px auto;
	padding-left:100px;
padding-right:0;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}


#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu:before, #menu:after {
	content: "";
	display: table;
}
#menu:after {
	clear: both;
}
#menu {
	zoom: 1;
}
#menu li {
	float: left;
	border-right: 1px solid #999;
	-moz-box-shadow: 1px 0 0 #444;
	-webkit-box-shadow: 1px 0 0 #444;
	box-shadow: 1px 0 0 #444;
	position: relative;
}
#menu a {
	float: left;
	padding: 5px 12px;
	color: #fff;
	text-transform: uppercase;
	font:  14px "΢ÈíÑźÚ","ËÎÌå", Geneva, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
#menu li:hover > a {
	color: #6C0;
}
*html #menu li a:hover {
	color: #fafafa;
}
#menu ul {
	margin:  0;
	_margin: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 1;
	background: #444;
	background: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#444, #111);
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0;
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3);
		background: #444;
	background: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#444, #111);
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
}
#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0;
	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#menu ul li:last-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#menu ul a {
	padding: 10px;
width: 88px;
	width: 66px\9;
	
	_height: 10px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}
#menu ul a:hover {
	background-color: #0186ba;
	background-image: -moz-linear-gradient(#04acec, #0186ba);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background-image: -webkit-linear-gradient(#04acec, #0186ba);
	background-image: -o-linear-gradient(#04acec, #0186ba);
	background-image: -ms-linear-gradient(#04acec, #0186ba);
	background-image: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3;
	border-bottom-color: transparent;
}
#menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
/* Mobile */
#menu-trigger {
	display: none;
}
@media screen and (max-width: 600px) {
	/* nav-wrap */
	#menu-wrap {
		position: relative;
	}
	#menu-wrap * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* menu icon */
	#menu-trigger {
		display: block;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		padding: 0 0 0 35px;
		border: 1px solid #222;
		color: #fafafa;
		font-weight: bold;
		background-color: #111;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}
	/* main nav */
	#menu {
		margin: 0;
		padding: 10px;
		position: absolute;
		top: 40px;
		width: 100%;
		z-index: 1;
		background-color: #444;
		display: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu:after {
		content: '';
		position: absolute;
		left: 25px;
		top: -8px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #444;
	}
	#menu ul {
		position: static;
		visibility: visible;
		opacity: 1;
		margin: 0;
		background: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu ul ul {
		margin: 0 0 0 20px !important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu li {
		position: static;
		display: block;
		float: none;
		border: 0;
		margin: 5px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu ul li {
		margin-left: 20px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu a {
		display: block;
		float: none;
		padding: 0;
		color: #999;
	}
	#menu a:hover {
		color: #fafafa;
	}
	#menu ul a {
		padding: 0;
		width: auto;
	}
	#menu ul a:hover {
		background: none;
	}
	#menu ul li:first-child a:after, #menu ul ul li:first-child a:after {
		border: 0;
	}
}
@media screen and (min-width: 600px) {
	#menu {
		display: block !important;
	}
}
/* iPad */
.no-transition {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 1;
	visibility: visible;
	display: none;
}
#menu li:hover > .no-transition {
	display: block;
}

/* slider pic*/
img { vertical-align: top; border: 0; }
.container, .container *{margin:0; padding:0;}

.container{width:1000px; height:320px; overflow:hidden;margin: 0 auto;background:#ececec; }

.slider{position: relative;  }
.slider li{ list-style:none;display:inline;}
.slider img{ width:802px; height:320px; display:block;}

.slider2{width:2000px;}
.slider2 li{float:left;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{
	float: left;
	color: #FF7300;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #FF7300;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #FF7300;
	font-weight: bold;
}
	
/* main_body */
.main_body {width:1000px; padding:0; margin:0 auto;}


	
/* left_body*/
.left_body { width:222px; _height:300px;padding:0;margin-left: 0px;margin-top: 10px; float:left;}
.left_body ul{ margin-top: 10px;list-style-type:circle;  list-style-position: inside;}

.left_body li{width:190px; margin-left: 20px;margin-top:8px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.left_body li a{FONT:12px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;}
.hotline{width:222px; height:211px;background:url(images/hotlines.png) top left no-repeat;}
.more-l{padding-left:170px;padding-top:7px}
.more-a{padding-left:260px;padding-top:7px}
.more-r{padding-left:520px;padding-top:7px}
.news{width:222px; height:205px;margin-top:-25px;background:url(images/hnews_bg.png) top left no-repeat;}
.know{width:222px; height:205px;margin-top:5px;background:url(images/hknow_bg.png) top left no-repeat;}
.scene{width:222px; height:205px;margin-top:5px;background:url(images/hscene_bg.png) top left no-repeat;}

/* right_body*/
.right_body { width:769px; _width:301px;padding:0; margin-left: 9px;margin-top: 10px; float:right;}
.video{width:250px; height:210px;background:url(images/hvideo_bg.png) top left no-repeat;float:left;padding-bottom:2px;}
.vv{padding-top:28px;}
.about{width:313px; height:210px;background:url(images/habout_bg.png) top left no-repeat;margin-left: 8px; float:right}
.about p{margin:10px;FONT:12px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;}
.style{width:571px; height:205px;margin-top:5px;background:url(images/hstyle_bg.png) top left no-repeat;}
.cele{width:571px; height:205px;margin-top:5px;background:url(images/hcele_bg.png) top left no-repeat;}
.cult{width:571px; height:205px;margin-top:5px;background:url(images/hculture_bg.png) top left no-repeat;}
.nav_sub{width:769px; height:35px;padding:7px 0 0 30px;background:url(images/content_bg.png) top left no-repeat;FONT: bold 18px  "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;}
.content{padding:10px 25px 25px 25px;BORDER: #eee 1px solid;FONT:12px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;line-height:26px; }	
.content p{text-align:center;Font:14px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;}

.content a{ color:#000;}
.content a:hover{ color:#009;}
.content .title{text-align:center;Font:18px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;}
.content .text{Font:14px/2em "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;}
.pic-l{ float: left;     margin: 10px 10px 0 0 ;  }
.pic-r{ float: right;     margin: 10px 0 0 10px  ;  }
p.mx {width:220px;Font:11px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;margin: 5px 10px 0 0 ;float:left; } 
.mx img{ height:156px} 
p.lands {Font:11px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;margin: 5px 5px 0 5px ;float:left; } 
.lands img{width:171px;height:122px; } 
p.lands-2 {Font:11px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;margin: 5px 5px 0 5px  ;float:left; } 
 .content-lands{padding:10px 5px 25px 5px;BORDER: #eee 1px solid;FONT:12px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;line-height:26px; text-align:center;}	
.page {Font:12px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#fff;margin: 20px 15px 0 5px ; padding:3px; background:#999;} 
.page a{Font:12px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif; color:#fff;} 

.ry-h{width:280px; margin:5px 30px;float:left;}
.zz-h{width:500px; margin:10px 100px;float:left;}
.zz-s{width:300px; margin:10px 200px;float:left;}
.sm{width:600px; margin:5px 50px;float:left;}
.mr{width:600px; margin:5px 50px;float:left;}
.mr-1{width:200px;height:300px; margin:5px 60px;float:left;}
.mr-txt {Font:11px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#000;margin: 5px 10px 0 0 ;float:left; } 

/* map */
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/* footer */
.footer { width:1000px;height:101px; background:url(images/footer_bg.png) top left no-repeat; text-align:center; font: normal 12px "΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif; color:#fff; letter-spacing:0.5em;margin:0 auto; padding:10px 0;  border:0px solid #fff;}
.footer a {color:#fff;FONT:12px "΢ÈíÑźÚ","ËÎÌå", arial, verdana, sans-serif;  color:#fff;}
.footer a:hover {color:#009;}
.footer .topsign {width:762px;height:50px; margin:  -18px 10px ;}