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


/**************************** 当前标题 ****************************/
.ej_t{ width:100%; height:62px; background:url(../images/bt_line.png) no-repeat left bottom; margin-bottom:25px;}
.ej_t .ej_bt { width:400px;height:62px; float:left;}
.ej_t .ej_bt p{ width:56px;height:43px; display:block; float:left; margin:7px 10px 0px 20px;}
.ej_t .ej_bt h3{ width:300px;height:62px; display:block; float:left;color:#010101;font:26px/62px "微软雅黑"; font-weight:normal;}


.ej_t{ width:100%; height:62px; background:url(../images/bt_line.png) no-repeat left bottom; margin-bottom:25px;}
.ej_t .ej_bt { width:400px;height:62px; float:left;}
.ej_t .ej_bt p{ width:56px;height:38px; display:block; float:left; margin:16px 10px 0px 20px;}
.ej_t .ej_bt h3{ width:300px;height:62px; display:block; float:left;color:#010101;font:26px/62px "微软雅黑"; font-weight:normal;}

/***** 当前位置 *****/
.position { float:right; background:url(../images/dq_ico.png) 10px center no-repeat; height:40px;font:12px/40px "宋体";color:#6a6a6a; margin-right:24px; margin-top:20px;}
.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:50px 0px 20px 0px; 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; }





/***************************************** 景区概况右边 *****************************************/
/****************** 概况 ******************/
.mian_top{ width:100%; height:338px;background:#f6f6f6; margin-bottom:30px;}
.mian_top .mian_top_l{ width:240px; margin-left:14px; float:left;}
.mian_top h3{ width:240px; height:48px;color:#03878c;font:26px/48px "微软雅黑"; font-weight:normal; }
.mian_top h3 span{ width:240px; height:48px; color:#9d9d9d;font:14px/48px "微软雅黑"; margin-left:5px;}
.mian_top .mian_top_jj{ width:240px; height:250px; overflow:hidden; }
.mian_top .mian_top_jj p{ color:#323232;font:13px/24px "微软雅黑"; margin:10px 0px;}
.mian_top .mian_top_l a{ width:88px; height:27px; display:block; float:right; margin-right:5px; color:#323232;font:12px/27px "宋体"; background:#e2e2e2; text-align:center;
-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..)*/}

/****************** 概况右边图片切换 ******************/
.mian_top .mian_top_pic{ float:right; width:833px; height:338px;}

.mian_top_pic .bd{ position:relative; float:left; width:833px;padding-bottom:18px;}
.mian_top_pic .prev,.mian_top_pic .next{ position: absolute; top:130px; left:0px; display: block; width:34px; height:59px; background: url(../images/qh_ico03.png) 0 0; z-index:9; overflow: hidden; }
.mian_top_pic .next{ left:auto; right:0px; background-position:0px bottom; }
.mian_top_pic .prev:hover{ background-position:0 0; }
.mian_top_pic .next:hover{ background-position:0 bottom; }
.mian_top_pic .prevStop{ background-position:0 0 !important; }
.mian_top_pic .nextStop{ background-position:0 bottom !important; }

.mian_top_pic .scrollWrap{ width:833px;margin:0 auto;margin-left:auto;margin-right:auto;}
.mian_top_pic .picList{overflow:hidden; zoom:1; }
.mian_top_pic .picList li{float:left;width:833px; height:338px;text-align:center; position:relative; margin:0px;}
.mian_top_pic .picList li img{width:833px;height:338px;}
.mian_top_pic .picList li p{ position:absolute; top:308px;text-align:center;float:left;width:833px;color:#fff;height:30px;font:16px/30px "微软雅黑"; 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);}
.mian_top_pic .picList li a:hover p{ text-decoration:underline;}



.mianright{ width:865px; float:right; }
.mianright .mianright_t{width:865px;height:445px;}
.mianright .mianright_bt{width:833px;height:41px;margin-left:31px; margin-bottom:10px;}
.mianright .mianright_bt h3{width:110px;height:37px; float:left;font:21px/30px "微软雅黑";  color:#181818; border-bottom:4px solid #dcdcdc;}
.mianright .mianright_bt h3 span{width:58px;height:30px;float:left;font:21px/30px "微软雅黑";  color:#fff; background:#ee9a1a; text-align:center; margin-right:5px;}
.mianright .mianright_bt a {width:87px;height:25px; float:right;color:#1f1f1f;font:14px/25px "微软雅黑"; background:#e5e5e5; text-align:center;
-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..)*/}
/****************** 第一张大图片 ******************/
.mianright_bigpic{position:relative;width:545px;height:385px;float:left; margin-left:31px;}
.mianright_bigpic a{width:545px;height:385px; display:block;}
.mianright_bigpic a span{width:545px;height:385px; display:block; overflow:hidden;}
.mianright_bigpic a span img{width:545px;height:385px;display:block;;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.mianright_bigpic:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.mianright_bigpic a h3{width:545px;height:50px; display:block; position:absolute;bottom:0; left:0px; color:#fff;font:18px/50px "微软雅黑"; font-weight:normal; text-align:center;
background:rgba(0,0,0,0.52);
-moz-opacity: 0.85; /* FF 3.5以下 */  
opacity: 0.85; /* FF 3.5及以上 */  
filter: alpha(opacity=85); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}

/****************** 图片列表 ******************/
.mianright_t .mianright_spic01{float:left; margin-left:31px;}
.mianright_t .mianright_spic01 li{position:relative;width:257px;height:180px; margin-bottom:24px;}
.mianright_t .mianright_spic01 li a{width:257px;height:180px; display:block;}
.mianright_t .mianright_spic01 li a span{width:257px;height:180px; display:block; overflow:hidden;}
.mianright_t .mianright_spic01 li a span img{width:257px;height:180px;display:block;;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.mianright_t .mianright_spic01 li:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.mianright_t .mianright_spic01 li a h3{width:257px;height:28px; display:block; position:absolute; bottom:0; left:0px; color:#fff;font:14px/28px "微软雅黑"; font-weight:normal; text-align:center;
background:rgba(0,0,0,0.52);
-moz-opacity: 0.85; /* FF 3.5以下 */  
opacity: 0.85; /* FF 3.5及以上 */  
filter: alpha(opacity=85); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}

.mianright .mianright_spic02{}
.mianright .mianright_spic02 li{position:relative;width:257px;height:180px; float:left; margin:0px 0px 24px 31px;}
.mianright .mianright_spic02 li a{width:257px;height:180px; display:block;}
.mianright .mianright_spic02 li a span{width:257px;height:180px; display:block; overflow:hidden;}
.mianright .mianright_spic02 li a span img{width:257px;height:180px;display:block;;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.mianright .mianright_spic02 li:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.mianright .mianright_spic02 li a h3{width:257px;height:28px; display:block; position:absolute; bottom:0; left:0px; color:#fff;font:14px/28px "微软雅黑"; font-weight:normal; text-align:center;
background:rgba(0,0,0,0.52);
-moz-opacity: 0.85; /* FF 3.5以下 */  
opacity: 0.85; /* FF 3.5及以上 */  
filter: alpha(opacity=85); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}

/***************************************** 暗河右边 *****************************************/
.mianright_ah{ width:833px; float:right; }

.mianright_wz{width:505px; height:244px;float:left; margin-top:35px;}
.mianright_wz p{ color:#212423;font:15px/26px "微软雅黑"; margin-bottom:30px;}
.mianright_pic{ width:310px; float:right;}

/***** 其他景区 *****/
.qtjq{ width:1140px; height:270px; float:left;}
.qtjq .qtjq_bt { width:1140px;height:44px;}
.qtjq .qtjq_bt h3 { width:400px;height:44px; padding-left:15px;font:24px/44px "微软雅黑"; color:#176542; float:left; }
.qtjq .qtjq_bt h3 span {color:#616161;font:14px/44px "微软雅黑"; margin-left:15px;}
.qtjq .qtjq_bt a { margin-top:10px;width:58px;height:22px;font:12px/22px "宋体"; color:#fff; text-align:center;float:right; background:url(../images/more_bg02.png) no-repeat left top;transition-duration:300ms;-webkit-transition-duration:300ms; }
.qtjq .qtjq_bt a:hover { color:#176542;background:url(../images/more_bg01.png) no-repeat left top;transition-duration:300ms;-webkit-transition-duration:300ms; } 

.qtjq .bd{ position:relative; float:left; width:1140px;padding-bottom:18px; border:solid 1px #d1e0d9; border-top:#176542 solid 3px;}
.qtjq .prev,.qtjq .next{ position: absolute; top:70px; left:0px; display: block; width:34px; height:60px; background: url(../images/qh_ico02.png) 0px 0px; z-index:9; overflow: hidden; }
.qtjq .next{ left:auto; right:0px; background-position:0px -60px ; }

.qtjq .scrollWrap{ width:994px;margin:0 auto;margin-left:auto;margin-right:auto; margin-top:20px;}
.qtjq .picList{overflow:hidden; zoom:1; }
.qtjq .picList li{float:left;width:228px; height:180px;text-align:center; margin:0px 10px;}
.qtjq .picList li img{width:228px;height:150px;}
.qtjq .picList li p{text-align:center;float:left;width:100%;color:#141414;line-height:40px;font:15px/40px "微软雅黑";}
.qtjq .picList li a:hover p{ color:#F00;}

/***************************************** 暗河风采 *****************************************/
.mianright_qtjd{ width:833px; float:right; }

.mianright_qtjd li{display:block;width:833px; float:left; height:191px;border-bottom:1px solid #f1f1f1; transition-duration:500ms;-webkit-transition-duration:500ms;}
.mianright_qtjd li a{ width:833px;height:191px;display:block;}
.mianright_qtjd li a .news_pic{ width:230px;height:145px; float:left; display:block; margin:20px 20px 0px 20px;}
.mianright_qtjd li a .news_pic  img{ width:230px;height:145px;}
.mianright_qtjd li a h3{width:540px;float:left; height:30px;font:18px/30px "微软雅黑";color:#000; margin-top:20px;}
.mianright_qtjd li a .news_jj{ width:540px;height:84px; overflow:hidden; float:left; display:block; color:#585858;font:13px/26px "微软雅黑";}
.mianright_qtjd li a .news_xq{ width:540px;height:22px;float:left;display:block; color:#b7b7b7;font:12px/22px "微软雅黑";}
.mianright_qtjd li a:hover .news_xq{ color:#F00;}
.mianright_qtjd li a:hover{ background:#f8f8f8;}


/***************************************** 景区视频右边 *****************************************/
.mianright_sp{width:833px; float:right; }

.mianright_sp li{float:right;width:822px; height:297px;margin-bottom:35px;}
.mianright_sp li a{float:left;width:335px; height:241px;margin:28px 30px 0px 38px;}
.mianright_sp li h3{float:left;width:394px; height:42px;margin:28px 0px 10px 0px; color:#161616;font:24px/42px "微软雅黑";}
.mianright_sp li p{float:left;width:394px; height:195px;color:#262626;font:14px/24px "微软雅黑"; overflow:hidden;}
.mianright_sp .sp_bg01{ background:url(../images/sp_bg01.png) no-repeat left top;}
.mianright_sp .sp_bg02{ background:url(../images/sp_bg02.png) no-repeat left top;}
.mianright_sp .sp_bg03{ background:url(../images/sp_bg03.png) no-repeat left top;}

.mianright_sp .sp_bg01 img{ width:335px; height:240}
.mianright_sp .sp_bg02 img{ width:335px; height:240}
.mianright_sp .sp_bg03 img{ width:335px; height:240}


/***************************************** 目的地指南右边 *****************************************/
.mianright{width:865px; float:right; }
/****************** 标题 ******************/
.mianright .mianright_znbt{width:833px;height:41px;margin-left:23px; margin-bottom:10px;}
.mianright .mianright_znbt h3{width:110px;height:37px; float:left;font:21px/30px "微软雅黑";  color:#181818; border-bottom:4px solid #dcdcdc;}
.mianright .mianright_znbt h3 span{width:58px;height:30px;float:left;font:21px/30px "微软雅黑";  color:#fff; background:#ee9a1a; text-align:center; margin-right:5px;}
.mianright .mianright_znbt a {width:87px;height:25px; float:right;color:#1f1f1f;font:14px/25px "微软雅黑"; background:#e5e5e5; text-align:center;
-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..)*/}

/****************** 推荐景点 ******************/
.right_tjjd{float:left; margin-left:8px;}
.right_tjjd ul li{position:relative;width:262px;height:180px; float:left; margin-left:23px; margin-bottom:24px;}
.right_tjjd ul li a{width:262px;height:180px; display:block;}
.right_tjjd ul li a span{width:262px;height:180px; display:block; overflow:hidden;}
.right_tjjd ul li a span img{width:262px;height:180px;display:block;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.right_tjjd ul li:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.right_tjjd ul li a h3{width:262px;height:28px; display:block; position:absolute; bottom:0; left:0px; color:#fff;font:14px/28px "微软雅黑"; font-weight:normal; text-align:center;
background:rgba(0,0,0,0.52);
-moz-opacity: 0.85; /* FF 3.5以下 */  
opacity: 0.85; /* FF 3.5及以上 */  
filter: alpha(opacity=85); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}

/****************** 视频欣赏 ******************/
.right_spxs{float:left; margin-left:8px; margin-bottom:30px;}
.right_spxs ul{ width:833px; height:355px; background:url(../images/spxs_bg.jpg) no-repeat center top; margin-left:23px;}
.right_spxs ul li{position:relative;width:336px;height:300px; float:left; margin:40px 22px 0px 48px;}
.right_spxs ul li a{width:336px;height:300px; display:block;}
.right_spxs ul li a span{width:336px;height:240px; display:block; overflow:hidden;}
.right_spxs ul li a span img{width:336px;height:240px;display:block;}
.right_spxs ul li a h3{width:336px;height:50px; display:block; color:#000;font:24px/50px "微软雅黑"; font-weight:normal; text-align:center;}

/****************** 交通线路 ******************/
.right_jtxl{float:left; margin-left:8px;}

.right_jtxl ul li{position:relative;width:401px;height:122px; float:left; margin-left:23px; margin-bottom:24px;}
.right_jtxl ul li a{width:401px;height:122px; display:block;}
.right_jtxl ul li a span{width:401px;height:122px; display:block; overflow:hidden;}
.right_jtxl ul li a span img{width:401px;height:122px;display:block;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.right_jtxl ul li:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}

.right_jtxl ul .mianright_znbt01 a h3{width:152px;height:67px; padding:24px 22px 0px 0px; display:block; position:absolute; bottom:0; right:0px; color:#fff45c;font:22px/22px "微软雅黑"; font-weight:normal; text-align:right;
background:rgba(48,171,96,0.90);
-moz-opacity: 0.90; /* FF 3.5以下 */  
opacity: 0.90; /* FF 3.5及以上 */  
filter: alpha(opacity=90); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9030ab60,endColorstr=#9030ab60);}
.right_jtxl ul .mianright_znbt01 a h3 p{width:152px;display:block; color:#fff45c;font:18px/30px "微软雅黑"; font-weight:normal;text-align:right; }

.right_jtxl ul .mianright_znbt02 a h3{width:152px;height:67px; padding:24px 0px 0px 22px; display:block; position:absolute; bottom:0; left:0px; color:#fff45c;font:22px/22px "微软雅黑"; font-weight:normal; text-align:left;
background:rgba(48,171,96,0.90);
-moz-opacity: 0.90; /* FF 3.5以下 */  
opacity: 0.90; /* FF 3.5及以上 */  
filter: alpha(opacity=90); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9030ab60,endColorstr=#9030ab60);}
.right_jtxl ul .mianright_znbt02 a h3 p{width:152px;display:block; color:#fff45c;font:18px/30px "微软雅黑"; font-weight:normal;text-align:left; }

.right_jtxl ul .mianright_znbt03 a h3{width:152px;height:67px; padding:24px 22px 0px 0px; display:block; position:absolute; top:0; right:0px; color:#fff45c;font:22px/22px "微软雅黑"; font-weight:normal; text-align:right;
background:rgba(48,171,96,0.90);
-moz-opacity: 0.90; /* FF 3.5以下 */  
opacity: 0.90; /* FF 3.5及以上 */  
filter: alpha(opacity=90); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9030ab60,endColorstr=#9030ab60);}
.right_jtxl ul .mianright_znbt03 a h3 p{width:152px;display:block; color:#fff45c;font:18px/30px "微软雅黑"; font-weight:normal;text-align:right; }

.right_jtxl ul .mianright_znbt04 a h3{width:152px;height:67px; padding:24px 0px 0px 22px; display:block; position:absolute; top:0; left:0px; color:#fff45c;font:22px/22px "微软雅黑"; font-weight:normal; text-align:left;
background:rgba(48,171,96,0.90);
-moz-opacity: 0.90; /* FF 3.5以下 */  
opacity: 0.90; /* FF 3.5及以上 */  
filter: alpha(opacity=90); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9030ab60,endColorstr=#9030ab60);}
.right_jtxl ul .mianright_znbt04 a h3 p{width:152px;display:block; color:#fff45c;font:18px/30px "微软雅黑"; font-weight:normal;text-align:left; }



.yuyin{float:left;}
.yuyin ul li{width:350px;height:280px; float:left; margin:0px 15px 20px 15px; margin-bottom:24px;}
.yuyin ul li a{width:350px;height:280px; display:block;}
.yuyin ul li a span{width:350px;height:240px; display:block; overflow:hidden;}
.yuyin ul li a span img{width:350px;height:240px;display:block;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;}
.yuyin ul li:hover img{ -moz-transform:scale(1.05);-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.yuyin ul li a h3{width:350px;height:40px; display:block;color:#1a1a1a;font:18px/40px "微软雅黑";font-weight:normal;text-align:center;}