@charset "utf-8";
/* CSS sxf 2013 */
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0; text-decoration:none;}
a i{ display:none}
body { color:#fff; background:url(../images/bg.jpg) repeat; font-family:"Microsoft Yahei",Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:14px}
.fl{ float:left;*display:inline}
.fr{ float:right;*display:inline}
img{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cb { clear:both;}
.corg { color:#e8683b;}
.cblu { color:#00aeff;}
.pr{ position:relative} 
.pa{ position:absolute}
.cg { color:#8dc014;}
.ovh{ overflow:hidden;*zoom:1}
.tac{ text-align:center}
.tar{ text-align:right}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.mt50{ margin-top:50px}

.wp{width:1000px; margin:auto; }

.header{ background:url(../images/bg_header.jpg) no-repeat top center;}
.header .wp{ height:744px ; }
.header .wp .more{width:145px; height:38px; display:block; position:absolute; left:384px; bottom:50px;}
.header .bd{ width:420px; height:280px; position:absolute; bottom:20px; right:10px; }

.section-intro{ background:url(../images/bg_intro.jpg) no-repeat top center; height:547px;}
.section-intro p{ padding:250px 0 0 560px; line-height:34px; font-size:14px}




/* 模块二 */
.m-list{ margin:30px 0 0 0; background:url(../images/tit03.png) no-repeat top center; padding-top:180px}
.container1{ height:820px}
.m-list .bd{}
.m-list ul{ margin-top:-25px; margin-left:-12px;*zoom:1 }
.m-list li{float:left; margin:25px 0 0 12px; height:330px; width:241px; cursor:pointer; }
.m-list li a{ color:#fff;}
.m-list li a:hover{ text-decoration:none}
.m-list img{ display:block; }
.m-list h4{ color:#616161;cursor:pointer; font-family:"宋体";font-weight:normal;;height:60px; line-height:20px; color:#000;padding:6px 6px; overflow:hidden;*zoom:1; border-bottom: dashed 1px #ccc; margin-left:0;font-size: 14px;}
.pic-box{ position:relative;}
.m-list li .on{ border:solid 2px #ccc;}
.pic-box .p-tit{width:100%; position:absolute; background:url(../images/bg_tit.png) repeat-x; bottom:0; left:0; line-height:34px; height:34px; text-align:center; font-size:14px}
.m-list .price{ color:#993b3a; font-size:14px; padding:6px 6px 0}
.m-list .price span{ font-size:24px}
.btn-rd{width:144px; height:38px;background: url(../images/btn_rd.png) no-repeat; display:block; color:#fff; text-align:center; line-height:38px; font-size:14px; font-weight:normal;margin:5px 0 0 0}
.tit-more{ background:url(../images/t_more.png) no-repeat; display:block; margin:20px 0 0 0; font-size:20px; color:#8b6f43}
.tit-more:hover{ color:#b17d2a}


/* 美食 */
.jd-list {width: 100%;}

.bd-main{ height:470px}
.jd-list .bd-main .hd{ width:460px; padding-top:10px}
.jd-list .bd-main .hd p{ padding:20px 0 0 0; line-height:26px; font-size:14px}
.jd-list .bd-main .bd{ height:432px; overflow: hidden;*zoom:1; background:url(../images/bg_jd.jpg) no-repeat right center; margin-right:-100px; width:610px; ; float:right;  position:relative}
.jd-list .bd-main .bd .snav { text-align:center;width: 500px;}
.jd-list .bd-main .bd .snav li{ background:url(../images/dot2.png) no-repeat; width:10px; height:10px; display:inline-block; margin:0 5px; *display:inline;*zoom:1; cursor:pointer; text-indent:-999em; overflow:hidden}
.jd-list .bd-main .bd .snav li.on{ background:url(../images/dot1.png)}
.jd-list .bd-main .bd .next,
.jd-list .bd-main .bd .prev{width:28px; height:77px; display:block; top:150px; position:absolute; z-index:9}
.jd-list .bd-main .bd .next{ background-image:url(../images/next.png); right:135px}
.jd-list .bd-main .bd .prev{ background-image:url(../images/prev.png); left:20px}
.jd-list .bd-main h2{ font-size:35px; font-family:"方正准圆简体",Microsoft Yahei; font-weight:normal; padding-bottom:30px; height:auto; margin-bottom:0}
#jd1 h2{ color:#49A2A6}
#jd2 h2{ color:#BE7A49}
#jd3 h2{ color:#8b8841}
#jd4 h2{ color:#BF616C}
#jd1 h2 span{ background:url(../images/jd_t1.png) no-repeat;}
#jd2 h2 span{ background:url(../images/jd_t2.png) no-repeat;}
#jd3 h2 span{ }
#jd4 h2 span{ background:url(../images/jd_t4.png) no-repeat;}
.jd-list .bd-main h2 span{}
.jd-list .bd-main .txt1{ background:url(../images/bg_x1.png) no-repeat; height:36px; width:415px; line-height:36px; color:#fff; font-size:18px; padding-left:30px; margin:10px 0}
.jd-list .bd-main .txt2{ background:url(../images/bg_x2.png) no-repeat; height:36px; width:415px; line-height:36px; color:#fff;font-size:18px; padding-left:30px}
.section-theme{ position: relative;}
.hd-nav{ height:58px; margin-top:20px}
.hd-nav ul{ margin-left:-18px;*zoom:1}
.hd-nav li{ float:left; margin-left:18px}
.hd-nav li a{ width:236px; height:60px; color:#fff; font-size:24px; text-align:center; line-height:60px;text-align:center;  display:block;:}
.hd-nav li.h-nav1 a{ background:url(../images/bg_n1.png) no-repeat}
.hd-nav li.h-nav2 a{ background:url(../images/bg_n2.png) no-repeat}
.hd-nav li.h-nav3 a{ background:url(../images/bg_n3.png) no-repeat}
.hd-nav li.h-nav4 a{ background:url(../images/bg_n4.png) no-repeat}
.theme-header{ background:url(../images/bg_theme.png) no-repeat; height:121px; margin-left:-7px;*zoom:1}
.theme-header ul{ padding:70px 0 0 630px}
.theme-header ul li{ background:url(../images/line.png) no-repeat right center; padding:0 10px; float:left}
.theme-header ul li:last-child{ background:none}
.theme-header ul li a{ color:#fff; padding-bottom:11px}
.theme-header ul li a.selected{ background:url(../images/arr01.png) no-repeat bottom center}
.theme-main{ padding-top: 40px; }
.theme-main .top{ width:300px; position:absolute; top:-123px; left:300px; width:300px; }
.theme-main .top strong{ background:url(../images/bg_zttit.png) no-repeat; width:77px; height:50px; color:#fff; font-size:18px; text-align:center; display:block; padding-top:13px; margin-left:100px}
.theme-main .top p{ line-height:36px; color:#fff; font-size:16px;}
.theme-main{ position:relative; }
.theme-main ul{ padding:20px 0 0 0; margin-left:-28px;*zoom:1; height: 402px}
.theme-main li{ float:left; width:314px; margin-left:28px;}
.theme-main .snav li{ float: none;}
.theme-main li h5{ width:314px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:20px; margin:20px 0}
.theme-main li h5 a{color:#fff; }
.theme-main h6{ font-size:30px; text-align:center; padding-top:100px; font-weight:normal}
.theme-main li h5.ty01{ background:url(../images/bg_zt01.png) no-repeat}
.theme-main li h5.ty02{ background:url(../images/bg_zt02.png) no-repeat}
.theme-main li h5.ty03{ background:url(../images/bg_zt03.png) no-repeat}
.theme-main li p{ border-top:dashed 1px #999; border-bottom:dashed 1px #999; padding:5px 0; text-align:center}
.theme-main li p a{ color:#333; font-size:14px}
.theme-main li p a:hover{ color:#FF0000}

.footer{ margin:30px 0 0 0}






/* 分享到 二维码 */
.cf a{background:url(http://pages.ctrip.com/commerce/promote/201307/vacation/fxd/spirite_temp.png) no-repeat;}
.sider_bar a {background:url(http://pages.ctrip.com/commerce/promote/201307/vacation/fxd/share_spirite.png) no-repeat;}

/*== 分享到 ==*/
.htlShare{ z-index:999999; position:fixed; bottom:5px; right:0; width:160px; _position:absolute; _top:expression(documentElement.scrollTop+400); overflow:visible}
#rlist1{ width:46px; float:right; margin-bottom:45px; z-index:101}
#rlist5{ width:160px; z-index:999999; clear:both; overflow:hidden; position:relative; right:-125px}
.cf li{ height:46px; width:46px; margin-bottom:5px; position:relative;}
.cf li:hover{ background:#ffae01}
.cf a{ display:block; height:46px;  text-indent:-99em; overflow:hidden}
.share .share_a{ background-position:0 -128px}
.share .share_a:hover,.share .cur{ background-position:-105px -128px}
.top .top_a{ background-position:-53px -128px}
.top .top_a:hover{ background-position:-158px -128px}
.share_lis{ position:absolute; top:0; right:44px; background:#ffae01; height:30px; width:112px; padding:8px 0 8px 3px;}
.share_lis a{ float:left; display:inline; height:30px; width:30px; margin-left:5px}
.share_lis .a0{ background-position:0 -88px}
.share_lis .a1{ background-position:-40px -88px}
.share_lis .a2{ background-position:-80px -88px}
.share_lis .a3{ background-position:-120px -88px}
.share_lis .a4{ background-position:-160px -88px}

#ewm { width:160px; position: fixed; right:0; bottom:10px;}

/* demo */
#demo{height:424px;margin:20px auto;overflow:hidden; border:solid 3px #ccc;}
#demo li{float:left;position:relative;width:145px;height:100%;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer; margin:0 0 0 2px}
#demo li .txt{position:absolute;width:100%;height:80px;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;bottom:0;left:0;display:none;color:#fff; font-size:14px}
#demo li .txt p{ line-height:24px; font-weight:bold}
#demo li .txt p.p1{padding:20px 20px 0 280px; }
#demo li .txt p.p2{padding:20px 20px 0 260px; }
#demo li .txt p.p3{padding:20px 20px 0 220px; }
#demo li:first-child{width:704px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin:0}
#demo li:first-child div{display:block;}

/*== 二维码 ==*/
#w2wm{ padding-top:4px; width:36px; height:100px; text-align:center; cursor:pointer; overflow:hidden; border-top-left-radius:4px; border-bottom-left-radius:4px; background:#009eda}
#w2wm p{ padding:6px 11px 0 11px; width:14px; height:75px; font-size:12px; line-height:16px; color:#fff; border-top-left-radius:4px}
#w2wm .pointr{ display:block; width:36px; height:19px; background:url(http://pages.ctrip.com/commerce/promote/han/images/shareArr4.gif) 4px -19px no-repeat}
#w2wm .pointl{ display:block; width:36px; height:19px; background:url(http://pages.ctrip.com/commerce/promote/han/images/shareArr4.gif) -23px -19px no-repeat}
.ewm{ background:#fff; padding:10px; width:100px; border:3px solid #009eda; border-right:none; text-align:center}
.ewm img{ width:100px; height:178px}	


.container1 .div_scroll {
	width: 100%;
	height: 200px;
	overflow: auto;
	float: left;
}	

.container1 .scroll_container {
	overflow: hidden;
	position: relative;
}

.container1 .scroll_absolute {
    position: absolute;
}

.container1 .scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 6px;
    width: 1px;
    height: 100%;
    background: #df3b2f;
    margin: 0;
    padding: 0;
	z-index:9;
	*zoom:1
}

.container1 .scroll_track {
	position: relative;
	background-color: #df3b2f;
	width: 1px;
}

.container1 .scroll_drag {
	position: relative;
	top: 0;
	left: -2px;
	cursor: pointer;
	background-color: #df3b2f;
	width:5px;
}

.container1 .scroll_arrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-color: #D6B74B; display:none
}
/*
.container1 .scroll_vertical_bar .scroll_arrow {
    height: 16px;
}*/