@charset "gb2312";
/* CSS Document */



/********************************** 二级页面背景和口号 **********************************/
/****** 旅游资讯背景和口号 ******/
.fyq_bg{ width:100%; min-height:1000px;background:#f4f4f4 url(../images/ej02_bigbg.jpg) no-repeat center -20px;}
.fyq_kh{ width:1200px; padding-top:180px; margin-bottom:55px;}
.fyq_kh p{ text-align:right;}

/****** 景区概况、景区视频、目的地指南、游览攻略背景和口号 ******/
.zs_bg{ width:100%; min-height:1000px; background:#f4f4f4 url(../images/ej_bigbg01.png) no-repeat center -20px;}
.zs_kh{ width:1200px; padding-top:180px; margin-bottom:55px;}
.zs_kh p{ text-align:right;}

/**************************** 暗河系列背景和口号 ****************************/
.ah_bg{ width:100%; min-height:1000px;background:#f4f4f4 url(../images/ej_bigbg02.png) no-repeat center -20px;}
.ah_kh{ width:1200px; padding-top:180px; margin-bottom:55px;}
.ah_kh p{ text-align:right;}

/**************************** 旅游资讯主体 ****************************/
.ej_mian{ width:1140px; height:auto;padding:30px 30px 10px 30px;background:#fff;
-webkit-border-radius:20px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:20px;/*适配firefox浏览器*/
-ms-border-radius:20px;/*适配IE浏览器*/
-o-border-radius:20px;/*适配opera浏览器*/
border-radius:20px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/}

/********************************** 二级页面左边公共部分 **********************************/
.mianleft{ width:253px; float:left;}
/****** 左边导航 ******/
.nav{width:252px;padding-bottom:150px; margin-bottom:30px; background:url(../images/zjzs_pic.png) no-repeat center bottom; }
.nav dt { 253px:58px;background:url(../images/ej02_btline.png) left bottom no-repeat; margin-bottom:14px; }
.nav dt h3 { height:58px; padding-left:75px; background:url(../images/ej02_btico.png) 12px center no-repeat; font:26px/55px "微软雅黑"; color:#010101;}
.nav dd {}
.nav ul {width:253px;}
.nav ul li{ width:253px; height:42px; margin-bottom:8px;display:block; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.nav ul li a{ display:block;width:197px;height:42px; padding-left:56px;font:18px/42px "微软雅黑"; color:#fff;background:url(../images/ej02_btico01_hover.png) no-repeat left center; }
.nav ul li a:hover {background:url(../images/ej02_bt01.png) no-repeat left center;  }
.nav ul .on a {background:url(../images/ej02_bt01.png) no-repeat left center;  }

/****** 走进濯水图片 ******/
#jrzs_pic{ height:142px;margin-bottom:30px;}

/****** 便捷通道 ******/
#bjtd{ width:252px; height:314px; background:#f8f8f8 url(../images/kjtd_bg.png) no-repeat bottom left;border-top:solid 3px #176542; margin-bottom:30px;}
#bjtd .bjtd_bt{font:24px/42px "微软雅黑"; color:#03878c; font-weight:normal; padding-left:12px; margin-bottom:4px;}
#bjtd .bjtd_bt span{font:14px/42px "微软雅黑"; color:#999; margin-left:5px;}

#bjtd .bjtd_nr{ width:190px; height:241px;background:url(../images/bjtd_line.png) no-repeat top center;}
#bjtd .bjtd_nr a{ width:95px; height:80px; display:block; float:left; text-align:center;font:13px/20px "微软雅黑";}
#bjtd .bjtd_nr a img{ width:45px; height:39px; margin-top:8px;}
#bjtd .bjtd_nr a span{ width:95px; display:block; float:left; color:#000000;}
#bjtd .bjtd_nr a span:hover{ color:#F00;}

/****** 交通线路 ******/
#jtxl{ height:90px;margin-bottom:30px;}

/****** 精彩推荐 ******/
#jctj{ width:252px; height:230px; background:#f0f1f0; margin-bottom:30px;border-top:solid 3px #176542;}
#jctj .jctj_bt{font:24px/30px "微软雅黑"; color:#03878c; font-weight:normal; padding-left:12px; margin-top:10px; margin-bottom:10px;}
#jctj .jctj_bt span{font:14px/30px "微软雅黑"; color:#999; margin-left:5px;}

.jctj_nr { width:212px;position: relative;overflow: hidden; }
.jctj_nr .e_pic_wrap { z-index: 1; white-space: nowrap; width: 212px; height:157px; }
.jctj_nr .e_pic_wrap li {position:relative;  display: inline; width: 212px; height: 157px; overflow: hidden; }
.jctj_nr .e_pic_wrap li img { width: 212px; height:133px;}

.jctj_nr .e_flt_inf { position: absolute; left: 0; bottom: 0; width: 212px; height:26px;overflow: hidden; z-index:20;  background:#009d6f;}
.jctj_nr .e_flt_inf a{ width: 212px; height:26px; display:block; color: #fff;font:13px/26px "微软雅黑"; text-align:center;}

.jctj_nr .prev, .jctj_nr .next { position: absolute; z-index: 30; display: block; }
.jctj_nr .prev { top:50px; left: 0px; }
.jctj_nr .next { top:50px; right:0px; }
.jctj_nr .prev a, .jctj_nr .next a { display: block; width:21px; height: 36px; overflow: hidden; background: url(../images/qh_ico01.png) no-repeat scroll 0 0; _background-image: url(../images/qh_ico01.png); }
.jctj_nr .prev a { background-position: 0 0; }
.jctj_nr .next a { background-position: 0 -37px;}


/****** 最新资讯 ******/
#zxzx{ width:252px; height:auto; background:#f0f1f0; margin-bottom:30px;border-top:solid 3px #176542;}
#zxzx .zxzx_bt{font:24px/30px "微软雅黑"; color:#03878c; font-weight:normal; padding-left:12px; margin-top:10px;}
#zxzx .zxzx_bt span{font:14px/30px "微软雅黑"; color:#999; margin-left:5px;}

.zxzx_nr { width:252px;}
.zxzx_nr .zxzx_nr_f{ width:230px; display:block; margin-bottom:12px;}
.zxzx_nr .zxzx_nr_f li{ width:230px; display:block;}
.zxzx_nr .zxzx_nr_f a{ height:80px; padding:16px 0px;display:block;border-bottom:1px #d0cdcd dashed;}
.zxzx_nr .zxzx_nr_f a p{ width:108px; height:78px; float:left; border:solid 1px #d7d7d7; margin-right:8px;}
.zxzx_nr .zxzx_nr_f a p img{ width:108px; height:78px;}
.zxzx_nr .zxzx_nr_f a h3{ float:left;width:110px;height:80px; font:13px/20px "微软雅黑";font-weight:normal;display:block;color:#000; }
.zxzx_nr .zxzx_nr_f a:hover{ background:#f6f9f6;}

.zxzx_nr .zxzx_nr_lb{width:230px;display:block; padding-bottom:10px;}
.zxzx_nr .zxzx_nr_lb a{font:13px/30px "微软雅黑";height:30px; display:block;color:#000;background:url(../images/left_ico.jpg) 5px center no-repeat; padding-left:15px; overflow:hidden; }
.zxzx_nr .zxzx_nr_lb a:hover{ text-decoration:underline;color:#F00;}

@media (max-width: 1240px){
    .fyq_bg,.zs_bg,.ah_bg {width:1240px;}
}