﻿/* CSS Document */
*{ padding:0px; font-size:12px; margin:0 auto;}
ul {list-style:none;}
a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:active  {text-decoration: none;}
a:hover   {text-decoration: none;}
a:focus { outline:none }
a,area { blr:expression(this.onFocus=this.blur());}
a { color:#656565; font-family:"宋体"; font-family:12px;}
img{ border:0;}
.left{ float:left;} .right{ float:right;} .box{ position:relative;} .inn{ position:absolute;}
﻿
/*布局样式*/
html,body{ width:100%; height:auto; background:#008115;}
body{ padding:20px 0 35px 0; position:relative;}
#box{background: url(hdgy_imagesbg_left_top.jpg) left top no-repeat #F2F2F2;  width:792px; padding-left:210px; _height:1010px; min-height:1010px;}

/*顶部和左侧导航*/
.date{ width:792px; height:30px; text-align:left; line-height:30px; color:#000; padding-left:10px;}
.toplink{ display:block; width:58px; padding-left:22px; height:30px; line-height:30px; color:#165C9A; background:url(hdgy_imagesicon_bjhd.jpg) 0 6px no-repeat; float:right; top:0; right:5px; padding-left:20px;}
.main{ width:782px; _width:791px; min-height:800px; _height:800px;  padding:9px 0 0 9px; border:1px dashed #A5A5A5; border-right:none; background:#FFF; z-index:800; overflow:hidden; _overflow: inherit}
.nav{ width:81px; top:41px; left:130px; border-top:1px dashed #A5A5A5; z-index:900}
.nav li{ width:81px; height:33px; line-height:33px; border-bottom:1px dashed #A5A5A5; overflow:}
.nav li a{ display:block; width:80px; height:33px; font-size:14px; font-family:"微软雅黑";font-weight:bold; margin-left:1px; text-align:center; text-decoration:none;color:#656565;}
.nav li a:hover{ background: #FFF; border-left:1px dashed #A5A5A5; color:#006310; margin-left:0px;}
.nav .current a{ background: #FFF; border-left:1px dashed #A5A5A5; color:#006310; margin-left:0px;}

/*第一部分 图片轮换 通知公告*/
.newspics{ width:381px; height:283px; background:#D0D0D0; float:left; margin-right:10px;overflow:hidden;position:relative; padding-top:3px;}
#JDBox{position:relative;}
#JDNumID{ position:absolute; bottom:5px; right:5px;}
#JDNumID li{list-style:none;float:left;width:5px;height:15px; background:url(hdgy_imagesicon.gif) 0 0 no-repeat; text-indent:-9999px; cursor:pointer; margin-right:7px; }
#JDNumID li:hover,#JDNumID li.active{background:url(hdgy_imagesicon2.gif) 0 0 no-repeat; }
#JDContentID li{position:relative;}
#JDContentID li img{ width:373px; height:278px; border:1px solid #FFF}
.mask{FILTER:alpha(opacity=60);opacity:0.6;width:373px;height:26px;background-color:#000000;position:absolute;bottom:0;left:0;display:block; margin-left:1px; margin-bottom:5px;}
.comt{width:320px;height:23px;position:absolute;left:0;bottom:0px;font-size:12px;color:#ffffff;font-weight:bold;text-indent:10px;text-align:left;}
.comt a{color:#ffffff;}


.notice{ width:381px; height:286px; float:left; }
.notice .title{ width:381px; height:30px; line-height:30px; border-bottom:1px solid #A5A5A5}
.notice .title h1{ height:31px; width:76px; float:left; background:url(hdgy_imagestt_tzgg.jpg) 0 0 no-repeat; text-indent:-9999px; left:5px; bottom:-1px;}
.notice .title a{ display:block; float:right; padding:10px 5px 0 0; height:20px; line-height:20px;}
.notice .content{ width:381px; height:250px;}
.notice .content ul{ background:url(hdgy_imagesbg_tzgg.jpg) 0 0 repeat;}
.notice .content ul li{ height:30px; line-height:30px; padding-left:18px; width:363px; background:url(hdgy_imagesicon_01.jpg) 10px 15px no-repeat;}
.notice .content ul li a{ display:block; height:30px; width:300px; float:left}

/*第二部分 游览指南 景点介绍*/
.guide,.introduction{ width:379px; height:271px; border:1px solid #D0D0D0; float:left; margin-top:10px;}
.guide{ margin-right:10px; background:url(hdgy_imagesbg_guide.jpg) 0 0 no-repeat;}
.guidemap{width:217px; height:271px;float:left;}
.guidemap img{ width:217px; height:271px;}
.guide ul{ width:140px; float:right; margin-top:40px;}
.guide ul li{ width:140px; height:36px;}
.guide ul li a{ display:block; width:140px; height:36px; text-indent:-9999px;}
.introduction .content{ width:381px; height:233px;  padding:10px 0 0 0; _margin-left:-9px;}
.introduction .title{ width:381px; height:29px; background:url(hdgy_imagestt_jdjs.jpg) 0 0 no-repeat; left:0; top:-1px;}
.introduction .title h1{ text-indent:-9999px;}
.introduction .title a{ display:block; float:right; padding:10px 5px 0 0; height:20px; line-height:20px;}
.intropics{ float:left; width:82px; height:115px; text-align:center; margin-left:10px; overflow:hidden}
.intropics img{ width:78px; height:91px; border:2px solid #979795; float:left;}
.intropics h1{ width:82px; height:20px; line-height:20px; float:left;}
.intropics h1,.intropics h1 a{ color:#000}

/*第三部分 文化活动 问卷 链接*/
.activity,.poll,.other{height:202px;float:left; margin:10px 0 0 10px;} 
.activity{ width:379px; height:200px; border:1px solid #D0D0D0; margin-left:0;}
.activity .title{ width:379px; height:29px; background:url(hdgy_imagestt_hd2.jpg) 0 0 no-repeat #F2F2F2}
.activity .title li,.activity .title li a{ display:block; width:109px; height:29px; float:left; text-indent:-999px;}

.act_tt_1 .now{ background:url(hdgy_imagestt_hd.jpg) 0 0 no-repeat}
.act_tt_2 .now{ background:url(hdgy_imagestt_hd.jpg) -109px 0 no-repeat}
.act_tt_3 .now{ background:url(hdgy_imagestt_hd.jpg) -218px 0 no-repeat}

.act_con{ width:357px; height:163px; padding-top:7px;}
.act_con li{ padding-left:12px; width:345px; height:30px; line-height:30px; border-bottom:1px dashed #656565; background:url(hdgy_imagesicon_01.jpg) 5px 15px no-repeat}

.poll{ width:186px; }
.poll .title{ width:185px; height:30px; background: url(hdgy_imagestt_wjdc.jpg) 12px 0 no-repeat #008115; text-indent:-9999px; }
.poll .content{ width:160px; height:160px; padding:7px 10px 5px 15px}
.poll .content p{ line-height:18px;}
.poll .content .bt{ bottom:10px; left:12px;color:#028015}
.poll .content .more{bottom:13px; left:72px;color:#028015}
.other{ width:185px;}
.other .bt{ margin-bottom:10px; float:left}
.other .links{ width:183px; height:96px; border:1px solid #D0D0D0; float:left;}
.other .links ul{ padding-top:5px;}
.other .links ul li{ height:22px; line-height:22px; padding-left:8px;}
.other .links ul li a{ color:#008115; }

/*第四部分 图片滚动*/
.scroll{ width:772px; height:120px; padding-top:10px; float:left; position:relative;}
#CSSBox{ width:733px; height:105px; padding-left:7px; position:absolute; left:16px; top:10px;}
#CSSContent{ width:713px; height:105px; overflow:hidden;}
#CSSContent li{ float:left; background:#C2C2C0; width:137px; height:103px; padding:2px 0 0 2px; margin-right:7px;}
#CSSContent li img{ width:135px; height:101px;}
#LeftButton,#RightButton{ width:16px; height:105px; position:absolute; top:10px;}
#LeftButton{ background:url(hdgy_imagesbt_left.jpg) 0 41px no-repeat; left:0; }
#RightButton{ background:url(hdgy_imagesbt_right.jpg) 0 41px no-repeat; right:0;}

.foot{ width:1003px; height:75px; margin-left:-211px; text-align:center; padding-top:10px;}
.foot p{ text-align:center; line-height:20px;}
.foot a{ color:#000;}


/*二级页面*/
.second{ width:752px; min-height:850px;_height:850px; float:left; margin-left:10px; _margin-left:7px; padding-bottom:70px;}
.second .secondnav{width:752px; height:24px; background:#F3F3F3; margin:10px 0}
.second .secondnav ul{float:right}
.second .secondnav ul li,.second .secondnav ul li a{ float:left; width:92px; text-align:center; height:24px; line-height:24px;}
.second .secondnav ul li a{ display:block; font-family:"宋体"; font-size:14px; font-weight:bold; color:#000}
.second .secondnav ul li a:hover{ background:#008115; color:#FFF}
.second .secondnav ul .current a{ background:#008115; color:#FFF}
.second .title{ width:752px; height:30px; line-height:30px; border-bottom:1px solid #A5A5A5; text-align:left;}
.second .title h1{ height:31px; width:752px; float:left; background:url(hdgy_imagessite_second.jpg) left bottom no-repeat; left:5px; bottom:-1px; line-height:31px; color:#000; text-indent:5px; font-weight:normal}
.second .container{ width:752px; _height:750px; min-height:750px;}
.second .container .listnews li{ height:40px; line-height:40px; padding-left:17px; width:690px; background:url(hdgy_imagesicon_01.jpg) 10px 20px no-repeat; border-bottom:1px dotted #999}
.second .container .listnews li a{ display:block; height:30px; width:625px; float:left}

.page{ width:707px; height:54px; line-height:54px; text-align:center; background:#F0F0F0; bottom:25px; left:30px;}

.second .container .picnews{ width:180px; height:154px; background:#D7D7D7; text-align:center; padding-top:2px; float:left; margin: 29px 4px 0 4px; _margin: 29px 3px 0 3px;}
.second .container .picnews img{ width:174px; height:129px; border:1px solid #FFF;}
.second .container .picnews h1{ width:180px; height:24px; line-height:24px;  *margin-top:-3px; }
.second .container .picnews h1 a{ color:#000}

.second .container .content{ font-size:12px; line-height:24px; padding:20px; }
.second .container .content p{ font-size:12px; line-height:24px;}

/*三级页面*/
.main_t{ width:791px; _width:800px; padding:9px 0 0 0}
.third{ float:left; min-height:911px; _height:911px;}
.third .title{ width:752px; height:93px; background:url(hdgy_imagesbg_third_tt.jpg) bottom left repeat-x; text-align:center}
.third .title h1{ height:29px; line-height:29px; padding-top:20px; font-size:22px; font-family:"微软雅黑"; font-weight:normal; color:#008115}
.third .title span{ height:40px; line-height:40px;}
.third .content{ margin-left:20px; width:700px; min-height:850px; _height:850px; font-size:12px; line-height:24px; padding:25px; float: left;}
.third .content p{ width:700px; font-size:12px; line-height:24px;}

/*三级页面图片春夏秋冬*/
.third .secondnav{width:752px; height:24px; background:#F3F3F3; margin:10px 0px; margin-left:19px; _margin-left:23px;}
.third .secondnav ul{float:right}
.third .secondnav ul li,.second .secondnav ul li a{ float:left; width:92px; text-align:center; height:24px; line-height:24px;}
.third .secondnav ul li a{ display:block; font-family:"宋体"; font-size:14px; font-weight:bold; color:#000}
.third .secondnav ul li a:hover{ background:#008115; color:#FFF}
.third .secondnav ul .current a{ background:#008115; color:#FFF}
