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


/********************************** 食、住、行、娱、购、玩二级页面背景和口号 **********************************/
.shi_bg{ width:100%; min-height:1000px; background:#f5f5f5 url(../images/ej03_bigbg.png) no-repeat center 100px; background-attachment:fixed}

/****** banner ******/
.shi_banner_w{ width:100%; height:256px; background:#966 url(../images/ej03_top_bg.png) no-repeat top center;padding-top:180px; margin-bottom:40px;}
.shi_banner_w p{ width:1000px; text-align:right;}

/***** 当前位置 *****/
.position { float:right; background:url(../images/dq_ico.png) 10px center no-repeat; height:40px;font:12px/40px "宋体";color:#6a6a6a; margin-right:24px;}
.position a{height:40px;font:12px/40px "宋体";color:#6a6a6a; text-decoration:none; }
.position a:hover{ text-decoration:underline;}  
/***** 分页 *****/
.page { margin:5px 3px 5px 3px; padding:3px; text-align:center; clear:both;}
.page a { font:11px/30px "Helvetica"; margin:2px; padding:5px 8px; background:#176542; border:1px solid #176542;color:#fff; text-decoration:none; }
.page a:hover { border:1px solid #176542; color:#176542; background:#fff; }
.page a:active { border:1px solid #176542; color:#176542; background:#fff; }
.page span { margin:2px; padding:5px 8px; border:1px solid #8c8c8c; color:#8c8c8c; font-size:12px; }
.page span.strong { margin:2px; padding:5px 8px; border:1px solid #8c8c8c; font-weight:bold; color:#fff; background-color:#8c8c8c; }

.shi_mian{ width:1200px; height:auto;}

/************************** 大标题**************************/
.nav{width:1170px;height:42px;margin-bottom:45px; padding-left:23px;}
.nav a{ display:block;width:183px;height:42px; float:left;font:20px/42px "微软雅黑"; color:#2c2c2c;background:url(../images/ej03_bt.png) no-repeat left center; text-align:center; margin-right:10px;transition-duration:300ms;-webkit-transition-duration:300ms;}
.nav a:hover {background:url(../images/ej03_bthover.png) no-repeat left center; color:#fff;transition-duration:300ms;-webkit-transition-duration:300ms;  }
.nav .on {background:url(../images/ej03_bthover.png) no-repeat left center; color:#fff;  }


/************************** 濯水美食、景区住宿、特色商品、景区娱乐、主页面**************************/
/****************** 左边大图片 ******************/
.ej03_left{width:311px; height:563px; padding-top:23px;background:url(../images/ej03_pic_bigbg.png) no-repeat left top; float:left; margin-left:20px; }
.ej03_left_pic{width:274px;height:494px; display:block;overflow:hidden;}
.ej03_left_pic a img{width:274px;height:494px;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.ej03_left_pic a:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}

.ej03_left_bt { display:block;width:311px;height:69px;background:url(../images/ej03_jt.png) no-repeat 247px center;  }
.ej03_left_bt a { display:block;width:273px;height:69px;font:30px/69px "微软雅黑"; color:#fff;padding-left:38px;}
.ej03_left_bt a:hover{ color:#defaf2;}

/****************** 右边切换 ******************/
.ej03_right{width:844px; height:563px; float:right; padding-bottom:80px;}

.ej03Tab{width:844px;}
.ej03Tab .hd{ width:802px; line-height:40px; height:40px;position:relative;z-index:0;padding-right:10px;background:#fff; margin-bottom:27px;}
.ej03Tab .hd .ej03Tab_more{ float:right;width:58px; height:22px;text-align:center; overflow:hidden; display:block; margin-top:8px; }
.ej03Tab .hd .ej03Tab_more a{width:58px; height:22px; display:block; font:12px/22px "宋体"; color:#fff; background:url(../images/more_bg02.png) no-repeat left top; text-align:center;transition-duration:300ms;-webkit-transition-duration:300ms;}
.ej03Tab .hd .ej03Tab_more a:hover{color:#176542; background:url(../images/more_bg01.png) no-repeat left top;transition-duration:300ms;-webkit-transition-duration:300ms; }
.ej03Tab .hd ul{ float:left;width:650px; z-index:5; position:absolute; height:40px; overflow:hidden; zoom:1;}
.ej03Tab .hd li{ float:left;cursor:pointer;height:40px;margin-right:1px; display:block; }
.ej03Tab .hd li a{ padding:0px 22px; height:40px;display:block; color:#0d0d0d;float:left;font:16px/40px "微软雅黑"; text-align:center; background:#e5f5f0; }
.ej03Tab .hd li.on a{height:40px; line-height:40px;color:#fff; background:#009c5b url(../images/ej03_sjx.png) no-repeat center bottom;  }

.ej03Tab .bd{ float:left; position:relative; }
.ej03Tab .bd ul li{position:relative;width:250px;height:244px; float:left; margin:0px 31px 22px 0px;}
.ej03Tab .bd ul li a{width:250px;height:244px; display:block;}
.ej03Tab .bd ul li a span{width:250px;height:192px; display:block; overflow:hidden;}
.ej03Tab .bd ul li a span img{width:250px;height:192px;display:block;;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.ej03Tab .bd ul li:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.ej03Tab .bd ul li a h3{width:250px;height:35px; display:block; position:absolute; top:157px; left:0px; color:#fff;font:15px/35px "微软雅黑"; font-weight:normal; text-align:center;
background:rgba(0,0,0,0.80);
-moz-opacity: 0.80; /* FF 3.5以下 */  
opacity: 0.80; /* FF 3.5及以上 */  
filter: alpha(opacity=80); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}
.ej03Tab .bd ul li a p{ background:#efa630;width:210px;height:40px; padding:8px 20px 6px 20px;display:block;color:#fff;font:12px/21px "微软雅黑"; overflow:hidden;}


/************************** 濯水美食、景区住宿、特色商品、景区娱乐、图片列表页面**************************/
.pic_lb{ width:1154px; height:auto; padding-bottom:30px; background:url(../images/nav_bg.png) repeat left top; margin-left:21px;}

.pic_lb_t{ width:1154px;height:40px; margin-bottom:26px;}
.pic_lb_bt{ width:630px; height:40px;float:left;}
.pic_lb_bt a{ padding:0px 22px;display:block; float:left; color:#0d0d0d;float:left;font:16px/40px "微软雅黑"; text-align:center; background:#e5f5f0; margin-right:1px; }
.pic_lb_bt a:hover{ padding:0px 22px;height:40px; line-height:40px;color:#fff; background:#009c5b url(../images/ej03_sjx.png) no-repeat bottom center;}
.pic_lb_bt .on{ padding:0px 22px;height:40px; line-height:40px;color:#fff; background:#009c5b url(../images/ej03_sjx.png) no-repeat center bottom;}

.pic_lb ul{ width:100%;}
.pic_lb ul li{position:relative;width:250px;height:244px; float:left; margin:0px 10px 22px 25px;}
.pic_lb ul li a{width:250px;height:244px; display:block;}
.pic_lb ul li a span{width:250px;height:192px; display:block; overflow:hidden;}
.pic_lb ul li a span img{width:250px;height:192px;display:block;;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.pic_lb ul li:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.pic_lb ul li a h3{width:250px;height:35px; display:block; position:absolute; top:157px; left:0px; color:#fff;font:15px/35px "微软雅黑"; font-weight:normal; text-align:center;
background:rgba(0,0,0,0.80);
-moz-opacity: 0.80; /* FF 3.5以下 */  
opacity: 0.80; /* FF 3.5及以上 */  
filter: alpha(opacity=80); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}
.pic_lb ul li a p{ background:#efa630;width:210px;height:40px; padding:8px 20px 6px 20px;display:block;color:#fff;font:12px/21px "微软雅黑"; overflow:hidden;}

/************************** 濯水美食、景区住宿、特色商品、景区娱乐、行至濯水、玩转濯水图片内容详情页面**************************/


#text             { width:90%; font:16px/35px "宋体"; text-align:center; color:#333333; }
#text a           { color:#333333; }
#text a:visited   { color:#333333; }
#text a:hover     { color:#b20000; }
#text h1		  { font:30px/50px "Microsoft YaHei","宋体"; color:#212121; margin-top:20px; }
#text h2          { font:20px/40px "Microsoft YaHei","宋体"; color:#212121; }
#text h3          { font:12px/20px "Microsoft YaHei","宋体"; color:#898989; margin-top:10px; }
#text h4          { font:12px/30px "Microsoft YaHei","宋体"; color:#898989;margin-top:10px; }
#showcontent 	  { margin-top:25px; margin-bottom:25px; font:16px/35px "宋体","Microsoft YaHei"; text-align:left; }
#showcontent p    { text-indent:32px;}
#showcontent p img    { text-align:center; margin:0px auto; display:block;}

.ArticleInfo_xg {clear: both; padding-top: 10px;color: #666666;font:14px/50px "微软雅黑"; border-top:solid 1px #cacaca; text-align:left;}
.ArticleInfo_xg a {color: #666666;font:14px/50px "微软雅黑"; margin-right:20px;}

/************************** 行至濯水页面**************************/
.xzzs{ width:1154px; height:auto; padding-bottom:20px; background:url(../images/nav_bg.png) repeat left top; margin-left:21px;}

.xzzs ul{ width:100%;}
.xzzs ul li{ width:553px; height:303px; float:left; margin:0px 12px 30px 12px; background:#f5f5f5; }
.xzzs ul .xzzs_ty h3 a{ margin-left:28px; height:60px;color:#176542;font:24px/60px "微软雅黑";}
.xzzs ul .xzzs_ty p{ margin-left:28px; width:502px; height:96px; margin-bottom:10px;}
.xzzs ul .xzzs_ty p img{width:502px; height:96px;}
.xzzs ul .xzzs_ty span{ margin-left:28px; width:502px; display:block; height:80px;color:#000000;font:14px/20px "微软雅黑"; margin-bottom:12px;}
.xzzs ul .xzzs_ty h2 a{ float:right; margin-right:28px; display:block; width:101px;height:26px;color:#fff;font:14px/24px "微软雅黑"; background:#30ab60; text-align:center;transition-duration:300ms;-webkit-transition-duration:300ms;
-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..)*/}
.xzzs ul .xzzs_ty h2 a:hover{ transition-duration:300ms;-webkit-transition-duration:300ms; border:#30ab60 1px solid; background:none; color:#30ab60;}

.xzzs ul .xzzs_ts{ width:553px; height:303px; background:url(../images/xz_pic.png) no-repeat left top;}
.xzzs ul .xzzs_ts h2{ width:100%; color:#fff45c;font:48px/60px "微软雅黑";text-align:center; margin-top:65px; font-weight:normal;}
.xzzs ul .xzzs_ts h3{ width:100%; color:#e2e860;font:42px/60px "微软雅黑";text-align:center;font-weight:normal;}
.xzzs ul .xzzs_ts span{ display:block;width:100%; color:#fff45c;font:15px/25px "微软雅黑";text-align:center; margin-bottom:15px;}
.xzzs ul .xzzs_ts p{width:101px;height:26px;color:#37ae6b;font:14px/26px "微软雅黑";text-align:center; background:#fff;margin:0 auto;margin-left:auto;margin-right:auto;
-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..)*/}


/************************** 玩转濯水主页面**************************/
.wzzs{ width:1154px; height:auto; padding-bottom:40px; background:url(../images/nav_bg.png) repeat left top; margin-left:21px;}


.flash{ width:1110px; height:470px;margin-left:27px;}
.flash .con{ width:1110px; height:470px;}
.flash .con ul li{ display:block; width:119px;background:#f7f7f7; height:470px; position:relative; overflow:hidden; float:left;}
.flash .con ul li.current{ width:622px;float:left;}
.flash .con ul li span{ width:119px; height:470px;}
.flash .con ul li span img{ width:345px; height:470px;}
.flash .con ul li .show{ position:absolute; left:345px; top:0; width:276px; height:470px;border-right:1px #f0f0f0 solid;}
.flash .con ul li .show h3 a{ display:block; width:200px;color:#176542;font:30px/70px "微软雅黑"; border-bottom:solid 1px #176542; text-align:center; margin-bottom:6px;}
.flash .con ul li .show p{ width:235px; height:340px; overflow:hidden; display:block;color:#232323;font:13px/24px "微软雅黑"; margin:0 auto; margin-bottom:6px;}
.flash .con ul li .show h2 a{ display:block; width:101px; padding-left:33px;height:25px;color:#fff;font:14px/25px "微软雅黑"; background:#eea630 url(../images/xin.png) 10px center no-repeat; float:right; margin-right:20px;
 -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..)*/}

.flash .con ul li .show h2 a:hover{background:#176542 url(../images/xin.png) 10px center no-repeat;}
























/************************** 玩转濯水二级页面**************************/

.wz_pic_lb{ width:1154px; height:auto; padding-bottom:30px; background:url(../images/nav_bg.png) repeat left top; margin-left:21px;}
.wz_pic_lb ul{}
.wz_pic_lb ul li{width:528px;height:202px; float:left; border:solid 1px #ceded7; margin:0px 10px 32px 25px;}
.wz_pic_lb ul li span{width:300px;height:202px; float:left; margin-right:18px; overflow:hidden; }
.wz_pic_lb ul li span img{width:300px;height:202px; overflow:hidden;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.wz_pic_lb ul li span:hover img{ -moz-transform:scale(1.1);-ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.wz_pic_lb ul li h3{width:200px;height:40px;color:#1f1f1f;font:18px/40px "微软雅黑"; float:left;}
.wz_pic_lb ul li p{width:200px;height:115px;color:#686868;font:13px/22px "微软雅黑"; float:left;}
.wz_pic_lb ul li a{ display:block;width:101px;height:25px;color:#fff;font:14px/25px "微软雅黑";background:#eea630 url(../images/xin.png) no-repeat 10px center; float:left; padding-left:33px; margin-left:60px; margin-top:10px;
-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..)*/}
.wz_pic_lb ul li a:hover{background:#176542 url(../images/xin.png) no-repeat 10px center;}