/* 公共 ----------------------------------------------------- */

  /* 
  *  公用参数存放位置，如颜色值等
  *  本CSS只可放置全站公用样式
  *
  *
  */
  
  /* 初始化 */
  body { font-family: "微软雅黑"; min-width: 1260px;}
  a {color: #434343;}
  a:hover {color: #900}
  #solo  img{ position: absolute; }
  td{
    font:12px "宋体";
	color:#5e4e40;
	line-height:23px;
}

a,.nav li a,#hd .nv li,.slide-box li,.ul-wz li img {
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.yd-main li em {
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.line5{ clear:both; height:5px;}
.line10{ clear:both; height:10px;}
.line15{ clear:both; height:15px;}
.line20{ clear:both; height:20px;}
.line25{ clear:both; height:25px;}
.line30{ clear:both; height:30px;}
.clear{ clear:both;}

/*顶部导航*/




/**menu**/

/*二级列表*/
#Layer6 {
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	z-index:-10;
	left: 0px;
	top: 0px;
}

.ercen2{
	width: 100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:0px;
}
.ercen2 .img {display: inline; overflow: hidden; width:100px;float:left; height:100px; background-repeat: no-repeat;background-position: bottom center;background-size:cover;position:relative;}
.ercen2 .all_show{width:100%; height:100%;}

  /* 字体，边框 */
  
  /* 按钮 */

  #fix-btn {width: 45px; height: 182px; background: url(../images/fix-btn.png) no-repeat; position: fixed; right: 0; top: 230px; z-index: 999}
  #fix-btn a { display: inline-block; width: 45px; height: 0; padding-top: 57px; overflow: hidden;}
 
  /* 头部 */
 #hd {height: 100px; border-bottom: 1px solid #010000; background: #4d4845;}  
 #hd .logo {width: 220px; float: left; background: #332f2e; height: 100px; text-align: center;}
 #hd .logo a {display: inline-block; padding-top: 15px;}
 #hd .nv {width: 783px; float: left;}
 #hd .nv li {width: 110px; height: 100px; border-right: 1px solid #37322f; 
  float: left; text-align: center;
  font-size: 14px;
}
#hd .nv li a {color: #fd3; display: block; background: url(../images/nv-ico.png) no-repeat 30px 20px; padding-top: 60px;}
#hd .nv li a.s2 {background-position: -80px 20px;}
#hd .nv li a.s3 {background-position: -190px 20px;}
#hd .nv li a.s4 {background-position: -300px 20px;}
#hd .nv li a.s5 {background-position: -410px 20px;}
#hd .nv li a.s6 {background-position: -520px 20px;}
#hd .nv li a.s7 {background-position: -630px 20px;}
#hd .nv li.ok,#hd .nv li.on {background-color: #FD3;}
#hd .nv li.ok a,#hd .nv li.on a { background-image: url(../images/nv-ico-on.png); color:#000;}
#hd .nv li a span {display: block;}
#hd .hdr {width: 290px; float: right; color: #ccc; } 
.hdr div.s1 { padding-top: 28px;}
.hdr a { color: #ccc; background: url(../images/i1.jpg) no-repeat; padding-left: 20px;}
.hdr a.tel {background-image: url(../images/i2.jpg);}
.hdr a.tel b { color: #fd3}
.hdr #Zn{ background:none; display:inline; padding:0px; margin:0px; width:18px; height:18px; background:#2e2b2a; text-align:center; line-height:18px; border-radius:2px; margin-top:4px; margin-right:2px;}
.hdr #Zn:hover{ color:#ffea00;}


.snv { width: 220px; border-right: 1px solid #000; position: absolute;
 left: 0; top: 0;}
.snv li {height: 145px; background: #ff5b4c; border-bottom: 1px solid #000;}
.snv li a,.snv li span,.snv li strong { display: block; color: #fff}
.snv li a { padding: 50px 0 0 100px; background: url(../images/ico-r1.png) no-repeat 50px 52px;}
.snv li strong { font-weight: bold; font-size: 18px;}
.snv li.s2 {background-color: #ffb54c;}
.snv li.s3 {background-color: #f5ca49;}
.snv li.s4 {background-color: #c3d957;}
.snv li.s2 a{background-image: url(../images/ico-r2.png);}
.snv li.s3 a{background-image: url(../images/ico-r3.png);}
.snv li.s4 a{background-image: url(../images/ico-r4.png);}
.slide { margin-left: 221px; position: relative;}

.tab-box {width: 220px; background:#000; background: rgba(0,0,0,0.8); position: absolute; left: 221px; top: 0; z-index: 999; overflow: hidden;}
.tab-list li {height: 80px; color: #808080; padding: 8px 8px 0 8px; position: relative;}
.tab-list li .pic { float: left; margin-right: 8px;}
.tab-list li .pic img {border: 2px solid #fff;}
.tab-list li .tit { font-size: 14px; color: #ff5b4c; line-height: 1.3em}
.tab-list li div {position: relative; z-index: 888}
.tab-list li em {display: block; width: 220px; background: #ff5b4c; position: absolute; left: -220px; top: 0; height: 90px; z-index: 777}
.tab-list-b li .tit { color:#ffb54c}
.tab-list-b li em {background:#ffb54c ;}
.tab-list-c li .tit { color:#f5ca49}
.tab-list-c li em {background:#f5ca49 ;}
.tab-list-d li .tit { color:#c3d957}
.tab-list-d li em {background:#c3d957 ;}
.tab-list li.ok,.tab-list li.ok .tit { color: #fff;}

.wenhua {width: 100%; text-align: center; left: 0; bottom: 135px; z-index: 999;}
.wenhua a { display: inline-block; width: 145px; height: 72px; background: url(../images/btn1.png) no-repeat; line-height: 1.2em;  }
.wenhua a h3 { display: block; width:80px; height:19px; margin:0 auto; margin-top:25px;}
.wenhua a span {  font-family: serif;}
.wenhua a:hover,.wenhua a.on {background-image: url(../images/btn1on.png);}


#fd { height:33px; background:url(../images/bottom-bg.jpg); border-top: 1px solid #000; padding: 10px; overflow-x: hidden; color: #ccc}
#fd a {color: #ccc; margin: 0 5px}

#bd,#bd3,#bd4 {overflow: hidden; position: relative;}
#bd,.snv,.tab-box,.tab1{ height: 100%;}
#bd3,#bd4 {height: 555px; }
#bd2,#bd2 .left{height: 530px;}

#bd_gf,#bd_gf .left{}
#bd_gf {position: relative; background: #f5f5f5;}
#bd_gf .left {width: 220px; background: #fd3; border-right: 1px solid #000; position: absolute; left: 0; top:0;}
#bd_gf .right { margin-left: 221px; padding: 20px; padding-right: 60px;}


/*内容页*/
.banner1 { height: 176px; background: url(../images/banner1.jpg) no-repeat center top #000; text-align: center; color: #fff;}
.banner1 h1 { padding-top: 35px; font-size: 36px; font-weight: normal;}
#bd2 {position: relative; background: #f5f5f5;}
#bd2 .left {width: 220px; background: #fd3; border-right: 1px solid #000; position: absolute; left: 0; top:0;}
#bd2 .right { margin-left: 221px; padding: 20px; padding-right: 60px;}
.h2-a { background: #f5c918; padding: 10px 15px;  line-height: 1.5em}
.h2-a div {border-left: 5px solid #c01; padding-left: 5px;}
.h2-a strong {display: block; font-family: "楷体_gb2312"; font-size: 30px;}
.h2-a span {font-family: serif;font-weight: normal;}
.h2-b {height: 45px; margin-bottom: 20px; border-bottom: 1px dashed #333;}
.h2-b span {float: right; font-size: 12px; padding-top: 10px; font-weight: normal;}
.h2-b strong {font-size: 24px; font-weight: normal;}
.ul-snv li { border-bottom: 1px solid #f5c918; border-top: 1px solid #ffe74c;
  font-size: 15px; 
  height: 35px; line-height: 35px;
  padding-left: 15px;
}
.ul-snv li a {color: #000; display: block; height: 35px; 
  background: url(../images/si1.png) no-repeat left center;
  padding-left: 10px;
}

.ul-snv li a:hover {color:#c01 }

.ul-snv .on a{color: #c01; display: block; height: 35px; 
  padding-left: 10px;
}

.con-body { line-height: 2em; font-size: 14px; color: #666; padding-right: 20px; width:100%;}
.con-body p {margin-bottom: 20px;}
.con-body h3 {font-size: 20px; margin-bottom: 15px; color: #b39559}
.con-body .img {width: 400px; float: right;}
.con-body .img li { float: left; padding: 0 0 10px 10px; height: 140px; width: 190px}

/*遗世美景*/

.banner2 { text-align: center; color: #000; padding-top: 30px; margin-bottom: 20px;}
.banner2 h1 { font-size: 36px; font-weight: normal; font-family: "楷体_gb2312";}
.slide-box {width: 1150px; margin: 0 auto;}
.slide-box li {width: 210px; background: #ede8b2; height: 320px; 
  border-top: 8px solid #990f1b; 
  float: left; 
  margin: 0 10px;
  color: #332414;
}
.slide-box li div { padding: 10px 10px;}
.slide-box li h3 { margin-bottom: 5px; font:24px "楷体_gb2312" "微软雅黑" ; font-weight: normal;}
.slide-box li h3 a {color:#990f1b }
.slide-box li img {border: 1px solid #990f1b; padding: 2px;}
.slide-box li .desc { padding-top: 8px;}
.slide-box li.ok {background: #990f1b; border-top-color: #000;}
.slide-box li.ok h3 a { color: #ff0}
.slide-box li.ok { color: #ccbd8f}
.slide-box li.ok img {border-color: #ff0;}
.slide-box .prev,.slide-box .next {background: url(../images/ll.png) no-repeat; display: inline-block; width: 43px; height: 81px; 
  top: 50%;
  margin-top: -40px;
  position: absolute;}
.slide-box .prev {left: 8px;}
.slide-box .next {right: 10px; background-image: url(../images/rr.png);}

.yun-l,.yun-r {width: 413px;height: 137px; display: block; position: absolute; bottom: 0; background: url(../images/yun-l.png) no-repeat;}
.yun-l {left: 0}
.yun-r {right: 0; background-image: url(../images/yun-r.png);}

/*文化 2014-7-7 14:57:11*/
.wp-wh {width: 1145px; background: url(../images/wh.png) no-repeat; height: 100%; margin: 70px auto; position: relative;}
.wp-wh .back { display: inline-block; width: 60px; height: 20px; position: absolute; left: 160px; top: 230px; }
.wh-body { width: 820px;float: right;}
.wh-box {background: #e8df96; width: 735px; padding: 40px; padding-top: 20px;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.wh-box .wh-txt {line-height: 1.8em; font-size: 14px;}
.wh-txt p {margin-bottom: 10px;}
.h2-c {border-bottom: 1px solid #b39c59; height: 45px; margin-bottom: 10px;}
.h2-c strong { font-size: 26px; color: #c01; border-bottom: 3px solid #c01; font-family: "楷体_gb2312"; height: 44px; display: inline-block;}
.h2-c span { font-weight: normal; font-family: monospace; color: #b39c59}

/*玩转*/

.ul-wz {width: 1220px; height:400px; margin:0px auto;}
.ul-wz li {width:200px; float: left; position: relative; background: #000; overflow: hidden; height:400px; margin-right:1px; font:14px "微软雅黑"; line-height:24px;}
.ul-wz li img {position: absolute; top:0; left: 0; z-index: 0; width: 200px;height: 400px; opacity: 0.5}
.ul-wz li a { position: absolute; 
  left: 0; 
  margin-top: 120px;
  display: block; 
  width: 100%; 
  text-align: center; 
  z-index: 1; 
  color: #fff;
  padding-top: 99px;
  background: url(../images/wzi1.png) no-repeat center top;
}
.ul-wz li a.wz2 { background-image: url(../images/wzi2.png);}
.ul-wz li a.wz3 { background-image: url(../images/wzi3.png);}
.ul-wz li a.wz4 { background-image: url(../images/wzi4.png);}
.ul-wz li a.wz5 { background-image: url(../images/wzi5.png);}
.ul-wz li a.wz6 { background-image: url(../images/wzi6.png);}
.ul-wz li a strong {display: block;}
.ul-wz li.ok a.wz1 { background-image: url(../images/wzi-on1.png); color: #ff0;}
.ul-wz li.ok a.wz2 { background-image: url(../images/wzi-on2.png); color: #ff0;}
.ul-wz li.ok a.wz3 { background-image: url(../images/wzi-on3.png); color: #ff0;}
.ul-wz li.ok a.wz4 { background-image: url(../images/wzi-on4.png); color: #ff0;}
.ul-wz li.ok a.wz5 { background-image: url(../images/wzi-on5.png); color: #ff0;}
.ul-wz li.ok a.wz6 { background-image: url(../images/wzi-on6.png); color: #ff0;}
.ul-wz li.ok img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  
}


/*活动*/
.wp-hd {width: 840px; margin: 0 auto}
.hd-nav {text-align: center; padding: 40px 0;}
.hd-nav li{ display: inline;}
.hd-nav li a {display: inline-block; padding: 5px 15px; 
font-size: 15px;
  background: #fd3; color: #c01; margin: 0 5px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.hd-nav li a:hover,.hd-nav li.on a { background: #c01; color: #fd3}

.hd-main {height: 430px;}
.hd-post { height: 110px; padding-right: 30px;}
.hd-post .l {width: 400px; height: 100px; background: url(../images/qz.png) no-repeat;}
.hd-post .l p { padding: 44px 0 0 20px; color: #c01; font-weight: bold; font-size: 14px; line-height: 1.1em}

.hd-post .l1 {width: 130px; height: 120px; background: url(../images/qz1.png) no-repeat;}
.hd-post .l1 p { padding: 54px 0 0 20px; color: #c01; font-weight: bold; font-size: 14px; line-height: 1.1em}

.hd-post .r {width: 800px; 
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 0px 0 0px;
height: 80px;
box-shadow: 0 0 15px #ccc;
border: 1px solid #666;
}

.hd-post .pic { float: left; margin-right: 10px; }
.hd-post h3 { font-size: 16px; padding-left:10px;}
.hd-post .r p {padding-top: 6px; padding-left:10px; color:#666}

.hd-post01{ height: 50px; padding-right: 30px;}
.hd-post01 .r {width: 800px; 
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 0px 0 0px;
height: 30px;
box-shadow: 0 0 15px #efe8ba;
border: 1px solid #efe8ba;
}
.hd-post01 h3 { font-size: 16px; padding-left:10px;}

.hd-mains {height: 430px;}
.hd-posts { height: 350px; padding-right: 30px;}
.hd-posts .l {width: 350px; height: 350px; background: url(../images/qz.png) no-repeat;}
.hd-posts .l p { padding: 44px 0 0 20px; color: #c01; font-weight: bold; font-size: 14px; line-height: 1.1em}

.hd-posts .l1 {width: 130px; height: 120px; background: url(../images/qz1.png) no-repeat;}
.hd-posts .l1 p { padding: 54px 0 0 20px; color: #c01; font-weight: bold; font-size: 14px; line-height: 1.1em}

.hd-posts .r {width: 420px; 

padding: 15px 0px 0 0px;
height: 90px;

}

.hd-posts .pic { float: left; margin-right: 10px;}
.hd-posts h3 { font-size: 16px;}
.hd-posts .r p {padding-top: 6px; line-height:22px;}

/*旅游攻略*/

.wp-gl {width: 1000px; margin: 0 auto; padding-top: 70px;}
.gl-nav{width: 230px; float: left; position: relative;}
.gl-nav ul { position: absolute; top: 170px; left: -40px}
.gl-nav li a{ 
  display: block;
  width: 90px; 
  height: 90px; 
  background: #88b3b5;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);
  position: absolute;
  text-align: center;
  line-height: 90px;
}
.gl-nav li a span{
  color: #fff;
  display: block;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  transform:rotate(-45deg);
  font-size: 14px;
}

.gl-nav li a.s1 {width: 66px; height: 66px; line-height: 70px; z-index: 888; top: 74px; left: 74px; border:3px solid #c2d9d9;}
.gl-nav li a.s2 {left: 0; top: 65px; text-align: left;}
.gl-nav li a.s3 {left: 65px; top: 0; }
.gl-nav li a.s4 {left: 130px; top: 65px;text-align: right;}
.gl-nav li a.s5 {left: 65px; top: 130px;}

.gl-nav li.on a,.gl-nav li.ok a{background: #3d995c; }
.gl-nav li.on a span,.gl-nav li.ok a span {color: #ff0}
.gl-main {float: right; width: 768px;}
.gl-ns {width: 697px;}
.gl-ns-box {height: 500px;}
.gl-main h2 { height: 50px; clear: both;}
.gl-main h2 strong{ color: #3d995c; font-size: 28px; float: left; font-weight: normal; line-height: 1.1em}
.gl-main h2 span { float: left; color: #b8d3d3; line-height: 1.1em; font-size: 13px;  font-weight: normal; padding-top: 3px; padding-left: 6px;}
.gl-ns { background: #fff; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
}
.gl-post {height: 148px; padding-top: 20px; border-bottom: 1px dashed #ccc; color: #666; width: 690px;}
.gl-post .pic { float: left; width: 211px;}
.gl-post .info { float: left; width: 345px;}
.gl-post .eye { float: right; width: 100px; padding-right: 20px; text-align: center;}
.gl-post a {color: #fa0}
.gl-post a:hover {text-decoration: underline;}
.gl-post h3 { font-size: 20px; font-weight: normal; line-height: 1em}
.gl-post .user { padding: 10px 0;}
.gl-post .desc { line-height: 1.5em; font-size: 14px;}
.ico-eye { background: url(../images/eye.jpg) no-repeat left center; padding-left: 10px; display: block; margin-bottom: 20px;}
.ico-ding { display: block; background: url(../images/ding.jpg) no-repeat center top; padding-top: 45px; text-align: center;}

/*预订*/

.wp-yd {width: 630px; margin: 0 auto;}
.yd-tit {text-align: center; padding-top: 50px; margin-bottom: 60px; color: #6bb39b}
.yd-tit h1 { font-family: "楷体_gb2312"; font-size: 34px; font-weight: normal;}
.yd-tit p {letter-spacing:8px}
.yd-main li{ width: 157px; height:200px; text-align: center;  float: left; padding-left: 0px; padding-top:30px;}
.yd-main li em {display: block; background: url(../images/yd1.png) no-repeat center top; padding-top: 81px; margin-bottom: 20px; }
.yd-main li em.ydi2{ background-image: url(../images/yd2.png);}
.yd-main li em.ydi3{ background-image: url(../images/yd3.png);}
.yd-main li em.ydi4{ background-image: url(../images/yd4.png);}
.yd-main li span {display: block; font-size: 10px; 
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -o-text-size-adjust:none;
  text-size-adjust:none;
}
.yd-main li strong { font-size: 15px; font-weight: normal;}
.yd-main li a{color: #333;  font-size:16px}
.yd-main li a:hover em{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
}

.PictruesBox{ margin:0 auto; line-height:120%;  height:120px;}
.PictruesBox li{ height:170px; width:220px; padding:5px; background:#fff; border:#e2e2e2 3px solid; float:left; margin:0px 6px 30px 6px;}
.PictruesBox li:hover{border:#178166 3px solid; background:#eee;}
.PictruesBox li img{ width:220px; height:150px;}
.PictruesBox li h3{ font-size:12px; line-height:30px;color:#444;}
.PictruesBox li p{ line-height:170%; margin:0 auto; padding:0px; margin-top:-10px; height:74px; overflow:hidden; color:#666; text-align:left}
.PictruesBox li a{  display:block; height:170px; width:220px;}
.PictruesBox li h4{ font-weight:normal; font-size:12px; height:24px; line-height:24px; border-top:#eee 1px solid; margin-top:5px;}

.PicinfoBox{ line-height:160%; padding:10px; margin-top:10px; color:#efefef;}

.TravelBox{ width:948px; height:684px; overflow:hidden; margin:0 auto; position:relative;}
.TravelMap{ background:url(../images/travelMap.png) no-repeat; width:0px; height:633px; position:absolute; top:51px; left:0px; z-index:0; overflow:hidden;}
.TravelMapT{ background:url(../images/travelMapT.png) no-repeat; width:127px; height:670px; position:absolute; top:0px; left:0px; z-index:1; opacity:0;}
.TravelMap li{ background:url(../images/Tpoint.png) no-repeat; width:10px; height:10px; position:absolute; cursor:pointer; opacity:0;}
.TravelMap li:hover{ background:url(../images/Tpoint_on.png) no-repeat;}
.TravelMap .on{ background:url(../images/Tpoint_on.png) no-repeat;}
.TravelMap li a{ display:block; width:10px; height:10px;}
.TravelMap #jccy{left:513px;top:206px;}
.TravelMap #cydd{left:573px;top:235px;}
.TravelMap #syt{left:495px;top:360px;}
.TravelMap #jcqj{left:373px;top:300px;}
.TravelMap #ylc{left:390px;top:278px;}
.TravelMap #njm{left:388px;top:249px;}
.TravelMap #ssl{left:466px;top:370px;}
.TravelMap #gjt{left:516px;top:249px;}
.TravelMap #lyxd{left:480px;top:270px;}
.TravelMap #jds{left:332px;top:236px;}
.TravelMap #yjf{left:311px;top:240px;}
.TravelMap #grt{left:775px;top:205px;}

.headTitle{ padding-left:30px; padding-top:30px; float:left; width:300px;}
.headTitle h3{ font-size:20px; color:#ffffff; font-weight:normal; line-height:100%}
.headTitle h4{ font-size:10px; color:#fff; font-weight:normal; font-family:arial;}
.travelBack{ width:220px; background:url(../images/travelbutton.jpg) no-repeat 10px center; height:50px;}
.travelBack a{ display:block; width:220px; height:50px;}

.backhome{ background:url(../images/backhome.jpg) no-repeat; width:86px; height:33px; float:right;margin-right:20px; margin-top:35px;}
.backhome a{ display:block; width:86px; height:33px; background:none;}