﻿/* Copyright byecity ** verson 20090201 —— index.htm styles——*/

/*loading 效果样式*/	
#loadingDiv{
	 z-index:100;
	 padding:5px 0 5px 9px;
	 background:#c44;
	 left:45%;
	 top:0;
	 width:75px;
	 color:#fff;
	 position:fixed;
	 font-size:12px
}
*html #loadingDiv{
	position:absolute;
	left:45%; 
	top:0; 
}
/*loading 效果样式 END*/

body{color:#666; background:#fff;}
body, p, td, form, img, ol, dl, ul, li{
    padding:0px;
    margin:0px;
    border:0px transparent none;
    background-position:left top;
    background-repeat:no-repeat;
    font-size:12px;
	font-weight:normal;
	line-height:24px;
	font-family:"宋体"	
}
h1, h2, h3, h4, h5, h6{margin:0; padding:0}
img, select, input{vertical-align:middle}

input{ border:1px #7f9db9 solid;}
ul, li, ol{list-style-type:none; list-style-position:outside;}
.clear{ clear:both; }
.left{float:left}
.right{float:right}
.center{text-align:center}
.paddingTD{padding:3px 8px}
.inline{display:inline}
.hidden{display:none}
.banner{ margin-bottom:10px; clear:both;}
							/*************************头部样式********************************/
.header a{ color:#004884}
.header a:hover,.secNav a.hover{color:#ff7600; text-decoration:underline}
.header{ background:url(../images/head_bg.gif) repeat-x;}
.header .logo{ background:url(../images/logo.gif) left center no-repeat; float:left;width:287px; height:49px; margin-top:15px;}
		.titleTools{ width:500px; margin-right:10px; text-align:left; line-height:28px; color:#fff; }
		.titleTools a{ margin:0 5px; color:#fff;}
		.titleTools a:hover{ color:#FFFFF;}
		.titleTools img{margin:13px 0 13px 80px}
.nav{ width:958px; clear:both; margin:0 auto; background:url(../images/nav_bg.gif) repeat-x; height:34px; position:relative; z-index:9;}
.nav .left{ background:url(../images/nav_l.gif) no-repeat; width:20px; height:34px; }
.nav ul{ float:left; width:920px; display:inline; padding:0;}
.nav .right{ background:url(../images/nav_r.gif) no-repeat; width:6px; height:34px;}
.nav li{
	margin:4px 2px 0;
	line-height:29px;
	height:29px;
	float:left;
	display:inline;
	color:#FFFFFF;
}
.nav li a{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	height:29px;
	padding-left:15px;
	margin-right:15px;	
}
.nav li.hover{
	background:url(../images/nav_hover.gif) right bottom no-repeat;
}
.nav li.hover a{
	background:url(../images/nav_hover.gif) left bottom no-repeat;
}
/*右上角头部装饰*/
.top{ height:77px; z-index:100;}
.topic{position:absolute;top:-80px;left:840px;background:url(/images/topic.png) no-repeat; width:120px; height:110px;
	}
*html .topic{ background:none;}
.topic a{ width:120px; height:110px; display:block;*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/topic.png',sizingMethod='crop'); cursor:pointer;}

/*主题游下拉菜单样式*/
.thematicMenu{ position:absolute; line-height:28px; width:95px; text-align:center; z-index:10; top:33px; overflow:hidden; border-top:none; opacity:0; display:none; margin-left:55px;}
.thematicMenu div{border:1px #004a88 solid; background:#e4f3ff; }
.thematicMenu a{ display:block; border-bottom:1px #a0d5ff solid; width:85px; margin:0 auto; text-align:center; font-size:12px;background:#e4f3ff; }

.secNav{ margin:0 auto; position:relative; background:#f0f0f0; border:1px #e0e0e0 solid; border-top:none; text-indent:20px; color:#666; width:948px; line-height:28px;}
.secNav a{ margin:0 10px;  color:#004884; text-decoration:none;}
.secNav a:hover,.secNav a.hover,.thematicMenu a:hover{color:#ff7600; text-decoration:underline}
.hot_new{
	width:17px;
	height:12px;
	position:absolute;
	right:220px;
	*right:220px;
	_right:200px;
	top:0px;
	*top:8px;
	_top:8px;
}
/*面包屑样式*/
.theCurrent{ width:950px; margin:0 auto; line-height:30px;}
.theCurrent span,.theCurrent a{ font-weight:bold; margin:0 5px; }
.theCurrent span{ color:#333;}
.theCurrent a{color:#004884;text-decoration:none;}
.theCurrent a:hover{text-decoration:underline}

/*************************头部样式结束********************************/
							
/*************************页面底部样式********************************/							
#foot{ margin:10px auto; width:950px; color:#999; font-size:12px;}
#foot a{ color:#999}
#friendship {color: #828282;text-align:left;}
#friendship a {color: #999;margin:0 3px;}
#friendship b{float:left;height:40px;}
#serverInfo{ height:50px; margin:10px auto; text-align:center; clear:both}
#serverInfo li{display:inline-block; height:40px; padding:5px 0 0 2px; margin-right:2px; border:1px solid #dedede; list-style-type:none; overflow:hidden; zoom:1; *display:inline}
#serverInfo li img{float:left}
#serverInfo li span{display:inline-block; width:64px; margin:4px 0 0 2px; text-align:left; color:#999; font-weight:normal; font-size:12px; line-height:14px;}
#serverInfo li a{color:#999}

#globeBottom{text-align:center; clear:both; font-family:Arial, Helvetica, sans-serif}
#globeBottom li{list-style-type:none; font-weight:normal;color:#999}
#globeBottom, #globeBottom a{text-decoration:none; line-height:20px; color:#FF7600}
#globeBottom a:hover{text-decoration:underline; color:#999}
#byecityArea{margin:0 auto; padding:6px 10px; border-top:1px solid #ededed;clear:both}
#byecityArea td{ color:#999}
.cityB{font-weight:bold; padding-right:2px}
#foot a:hover,#globeBottom a:hover,#serverInfo li a:hover,#friendship a:hover{ text-decoration:underline;color:#ff7600;}
/*************************页面底部样式结束********************************/							
	

/*首页样式*/
.header h1 span{ text-indent:-1000px;}
.hot,.sale,.new{
	background-image:url(../images/icon_hot.gif);
	height:10px;
	margin:8px 0 0 3px;
	background-repeat:no-repeat;
	overflow:hidden;
}
.hot{ background-position:left -13px;
	 width:22px;
}
.sale{
	background-position:left -1px;
	width:26px;
}
.new{
	background-position:left -28px;
	width:22px;
}
.blank10{ height:10px; clear:both; overflow:hidden}
.area{ width:950px; margin:0 auto; clear:both; }

.dotblueul li{padding-left:8px; background:url(../images/dot_blue.gif) left center no-repeat;}

.secCol{ width:350px;}
.mainCol{ width:590px;}

.search{ position:relative; background:url(../images/search_2.gif) repeat-y; margin-bottom:10px;}
.search h3{ position:absolute; background:url(../images/search_icon.gif) no-repeat; width:80px; height:47px; text-indent:-5000px; top:0; left:0;}
.search .bar{ background:url(../images/search_1.gif) no-repeat; height:36px;}
.search .bar ul{ margin-left:90px;}
.search .bar li{ float:left; width:58px; text-align:center; background:url(../images/search_btn_link.gif) no-repeat; margin:13px 2px 0 0; font-weight:bold; cursor:pointer}
.search .bar li.hover{ background:url(../images/search_btn_focus.gif) no-repeat; color:#0069c2;}
.search .btmline{ background:url(../images/search_3.gif) bottom no-repeat; padding:10px 0;}
*html .search .btmline{ background:none; padding:10px 0 0 0}
.search .btmline table{ width:300px; height:150px;margin: 0 auto; display:table;}
.search .btmline select,.search .btmline textarea{ width:220px;}
.search .search2{
	float:left;
	text-align:left;
	width:145px;
	display:inline;
}
.search .search2 select{
	width:70px;
	display:block;

}
.search2 em{
	color:#FF0000;
	font-style:normal;
}
.search .btn{ border-top:1px #ccc dashed; width:330px; margin:0 auto; padding-top:8px; margin-top:8px;}
*html .search .btn{background:url(../images/search_3.gif) bottom no-repeat; padding-bottom:9px; width:350px;}


.graytab{ background:url(../images/sidecol_bg.gif) repeat-y; margin-bottom:10px; clear:both;}
.graytab .bar{ background:url(../images/sidebar_cross_bg.gif) no-repeat;height:29px;}
.graytab .bar ul li{ float:left; background:url(../images/tab_gray2.gif) no-repeat; text-align:center; width:44px; line-height:23px; margin:6px 2px 0 0; color:#666; cursor:pointer }
.graytab .bar ul li.hover{ color:#ff6600; font-weight:bold; background:url(../images/tab_gray1.gif) no-repeat;}

.graytab h3{ float:left; width:70px; text-align:center; line-height:29px; color:#0069c2; font-size:14px;}
.graytab h4{ float:left; width:115px; text-align:center; line-height:29px; color:#0069c2; font-size:14px;}
.graytab .more{ line-height:23px; margin:6px 5px 0 0;color:#004884 }
.graytab .btmline{ background:url(../images/bottom_line.gif) bottom no-repeat; padding:10px 0;}
.btom{ border:1px #CCCCCC solid; border-top:none;}
/*.sec2ul li{ float:left; margin:0 5px 0 25px;  line-height:24px; width:130px; display:inline}*/

.Rprice{ float:right; color:#ea1111; font-family:Arial;}
a:hover .Rprice{
	text-decoration:underline;
	color:#ff7600
}
.sec2ul li,.sec3ul li{ margin:0 25px; line-height:24px;}

/*地图和热门目的地*/
.infodesti{ border:3px #c6e6ff solid; overflow:hidden;zoom:1; margin-bottom:10px; padding-bottom:8px;}
.infodesti dl{ margin:6px 10px 0; overflow:hidden;}
.infodesti dt{ font-weight:bold;color:#333;}
.infodesti dt a{ float:right; font-weight:normal;}
.infodesti dd{ margin:0 0 0 5px; float:left; white-space:nowrap}
.infodesti dd.first{ margin:0; clear:left;}
.infodesti dd a{ margin-right:5px;}
.map{ background:url(../images/mapnew.gif) no-repeat; width:344px; height:214px; position:relative; border-bottom:1px #c6e6ff solid;}
.map h2{ position:absolute; font-weight:normal; font-size:18px; font-family:"微软雅黑","黑体"; color:#024884; top:10px; left:10px;}
.map a{ background:url(../images/hot_icon1.gif) center no-repeat; line-height:18px; color:#FFFFFF;width:37px; height:25px; display:block;text-align:center;position:absolute;}
.map .a2{  left:50px; top:65px; }
.map .a1{ left:120px; top:78px;}
.map .a3{ left:42px; top:135px;}
.map .a4{ left:133px; top:150px;}
.map .a5{ left:240px; top:75px;}
/*.map a{ background:url(../images/hot_icon1.gif) center no-repeat; line-height:18px; color:#FFFFFF;width:37px; height:25px; display:block;text-align:center;position:absolute;}
.map .a2{  left:35px; top:35px; }
.map .a1{ left:105px; top:48px;}
.map .a3{ left:30px; top:105px;}
.map .a4{ left:110px; top:120px;}
.map .a5{ left:215px; top:45px;}*/
.map a:hover{ background:url(../images/hot_icon.gif) no-repeat;color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold}
/*酒店列表样式*/
.hotel{ 
	clear:both;
	overflow:hidden;
	zoom:1;
}
.hotel li{
	padding-left:10px; 
	background:url(../images/dot_blue.gif) 0 10px no-repeat;
	float:left;
	width:140px;
	margin-left:22px;
	display:inline;
	color:#666;	
}
.hotel li a{
	color:#666;
}
.hotel li a span{
	width:88px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	float:left;
	color:#004884;
	cursor:pointer;
}
.hotel li a:hover,.hotel li a:hover span{text-decoration:underline; color:#ff7600 }

.toolbox{ background:url(../images/sidecol_bg.gif) repeat-y; margin-bottom:10px; clear:both;}
.toolbox h3{ background:url(../images/side_bar_bg.gif) no-repeat; line-height:28px; color:#333; padding:0 8px;}
.toolbox .btmline{ width:328px; padding:8px 10px; background:url(../images/bottom_line_light.gif) bottom no-repeat;overflow:hidden; zoom:1}
	.tool a{ background:url(../images/toolbox_icon.gif) no-repeat; padding-left:20px; float:left; margin:0 17px;
	display:inline;}
	.tool .t2{ background-position:0 6px }
	.tool .t3{ background-position:left -48px;}
	.tool .t4{ background-position:left -98px;}
	.tool .t1{ background-position:left -20px;}
	.tool .t6{ background-position:left -73px;}
	.tool .t5{ background-position:left -125px;}
.edm input{ width:245px; border:1px #7f9bbe solid; color:#666; margin-right:5px;}
.edm{ color:#969696;}
							/*************************出境旅游********************************/							
body .out_travel .btmline{
	padding-left:10px;
	padding-right:10px;
}
.out_travel dl{
	border-bottom:1px #c2c2c2 dashed;
	clear:both;
	margin-bottom:7px;
	padding-bottom:8px;
	overflow:hidden;
	zoom:1;
}
.out_travel dl.last{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
.out_travel dt{
	font-size:14px;
	font-weight:bold;
	float:left;
	width:90px;
	margin-left:10px;
	color:#333;
	line-height:40px;
	text-align:left;
	display:inline;
}
.out_travel dt.lh20{
	line-height:20px;
}
.out_travel dd{
	float:left;
	line-height:20px;
	width:230px;
	margin-left:0;
	overflow:hidden;
}
.out_travel a{
	width:70px;
	display:inline-block;
}

							/*************************资讯类栏目样式********************************/							
.info_col{
	border:1px #b6b6b6 solid;
	margin-bottom:10px;
	*margin-bottom:3px;
	_margin-bottom:3px;
	padding-right:1px;
	background:#fff;
	width:287px;
	overflow:hidden;
	zoom:1;	

}
.info_col .bar{
	background:url(../images/bar_index_info.gif) no-repeat;
	line-height:30px;
	color:#1a982d;
	text-align:right;
	padding:0 8px;
}
.info_col .bar h2{
	color:#fff;
	float:left;
	font-size:14px;
	line-height:30px;
}
.info_col .bar a:link,.info_col .bar a:visited{
	color:#fff;
	margin:0 5px;
}
.info_col .bar a:hover{
	color:#ff7600;
}
.info_col .cnt{
	padding:8px;
	overflow:hidden;
	zoom:1;
}
.info_col .cnt img{
	float:left;
	padding:1px;
	border:1px #b6b6b6 solid;
	margin:5px 5px 0;
}
.info_col .cnt li{
	background:url(/images/dot_blue.gif) no-repeat left center;
	line-height:24px;
	padding-left:8px;
	overflow:hidden;
	white-space:nowrap;
}
.info_col .cnt ul{
	margin-left:5px;
}
.short_ul{
	overflow:hidden;
	clear:both;
	zoom:1;
	height:74px;
}
.info_col .short_ul ul{
	float:left;
	margin:0 0 0 5px;
	overflow:hidden;
	display:inline;
	width:190px;
}
.info_col .long_ul{
	clear:both;
	overflow:hidden;
	margin-top:0;
}

							/*************************首页右半部分样式********************************/							
.focus{ width:590px; overflow:hidden; height:255px; margin-bottom:10px;}
.main2{ width:290px;}
.main2 h3 a{ margin:10px 0 0 0; line-height:20px; font-weight:normal; font-size:12px; color:#000; float:right; font-family:"宋体"}
.main2 h3 a:link,.main2 h3 a:visited{ color:#000; text-decoration:none;}
.main2 h3 a:hover{ text-decoration:underline; color:#000;}
.main2 h3{ font-size:20px; font-family:"微软雅黑","黑体"; font-weight:normal; color:#FFFFFF; line-height:33px; padding:10px 8px 0 10px;}

.main2 .cnt li{ border-bottom:1px #c2c2c2 dashed; line-height:28px;margin:0 8px; padding:0 10px 0 18px; background-position: 12px 13px; cursor:pointer;}
.main2 .cnt li a{
	display:block;
	clear:both;
}
.main2 .cnt li a span{
	cursor:pointer;
}
.main2 .cnt li span.hot{
	cursor:auto;
}
.main2 .cnt  h4{
	cursor:pointer;
}
.main2 .cnt li.hover h4{
	font-weight:bold;
}
.main2 .cnt h4{
	float:left;
	font-weight:normal;
	line-height:28px;
}
.main2 li br{ clear:both}
.main2 .cnt li img{ margin:0px 18px 12px; border:1px #d8d8d8 solid;}
.main2 li.hover{ font-weight:bold;}



.main2_1{ background:url(../images/bar_ora.gif) no-repeat;}
.main2_2{ background:url(../images/bar_green.gif) no-repeat;}

.main2 .cnt,.main2 .cnt2{ border:3px solid; border-top:none; padding:5px 0; overflow:hidden;zoom:1}
.main2 .cnt{ border-color:#ff7200}
.main2 .cnt2{ border-color:#46a500;}
.main2 .cnt2 li{ text-align:center; float:left; width:94px; margin-top:8px; height:79px;display:inline;}
.main2 .cnt2 li img{ border:1px #ccc solid; padding:1px;}
.main2 .cnt2 li p{ line-height:12px; margin-top:5px;}
.main2 .cnt2 li a:hover p{ text-decoration:underline;}
.main2 .cnt2 ul{
	margin-bottom:7px;
	overflow:hidden;
	zoom:1;
}



					
					/*************************关于我们样式********************************/	
.mainBtm{ border:1px #d8d8d8 solid;}
.mainBtm h1{ font-size:12px; font-weight:normal; display:inline;}
.mainBtm dl{border-right:1px #d8d8d8 solid; float:left; height:160px;}
.mainBtm dt{ font-weight:bold;border-bottom:1px #d8d8d8 solid; color:#333; margin:5px 8px;}
.mainBtm dd{ margin:5px 8px; line-height:18px;}
.mainBtm_1{ width:348px;}
.mainBtm_2 {width:374px;}
.mainBtm_2 span{ color:#ff7200; display:block}
.mainBtm .mainBtm_3{ border:none; float:right; width:226px;}



#bc_map_main{ width:948px; margin:0 auto; border:1px solid #b6b6b6;  height:auto; overflow:hidden;}
.bc_title{ margin:10px 10px 10px 30px}
.bc_title h2{ font:bold 16px "宋体"; color:#000000; margin-bottom:4px;}
.bc_title p{ margin:0; padding:0; line-height:18px;}
.bc_map_list{ width:700px; margin:0 auto;}
.bc_map_list h3{color:#004988;}
.bc_map_list dl{}
.bc_map_list dl dt{ clear:both; height:25px; background:#efefef; color:#ff7600; font:bold 18px "宋体"; padding-left:20px; line-height:25px; margin-top:10px;}
.bc_map_list dl dd{ width:330px;  float:left; display: inline; margin:0 10px; height:70px; padding-top:10px; line-height:17px; border-bottom:1px dashed #b6b6b6;} 
.bc_map_list dl dd span{ float:left; margin-right:10px;}
.bc_map_list dl dd p{ margin:0; padding:0; float:right;}
.bc_map_list dl dd p h3{ margin:0; padding:0; font:bold 14px "宋体"; }
.bc_map_list dl dd span img{ border:1px solid #b6b6b6; padding-bottom:1px; width:55px; height:55px;}

.bc_map_nav{ width:650px;  height:83px;  margin:0 auto; padding:0;  padding-top:10px; padding-left:50px; background:#e7f4ff}
.bc_map_nav ul{ margin:0; padding:0; list-style:none;}
.bc_map_nav ul li{ width:70px; float:left; display:block; text-align:center; margin:0 8px;}
.bc_map_nav ul li img{border:1px solid #b6b6b6; width:55px; height:55px;}  
.bc_map_nav ul h3{ font: normal 12px "宋体"; line-height:20px; color:#004988}

.graytab,.graytab h2, .graytab h3,.graytab h4,{ 
	background:url(../images/bar_common.gif) no-repeat;
}
.gray_n_a{
	background-position:-580px bottom;
	
}