/*!	文档说明：
 *	说明：专题页样式设置
 *	作者：刘刚
 *	版本：1.0
 *	编写日期：2013-12-21
 *	最后修改：2013-12-21
 */



/*--------------------------------------------------
 *	基础样式
 *--------------------------------------------------*/
html,body{ font-family:"微软雅黑"; background:url(../img/body_bg.jpg); }

/*--------------------------------------------------
 *	头部区域样式
 *--------------------------------------------------*/
.header{ width:100%; height:567px; background:url(../img/header_bg.jpg) no-repeat top center; }
.top{ width:960px; margin:0 auto;}
.logo{ width:642px; height:465px; position:relative; left:-50px;}
/*--------------------------------------------------
 *	中间区域样式
 *--------------------------------------------------*/
.center{ width:100%; position:relative;}
.part1{ width:100%; height:506px; background:url(../img/part1_bg.jpg) no-repeat top center;}
.part2{ width:100%; height:600px; background:url(../img/part2_bg.jpg) no-repeat top center;}
.part3{ width:100%; height:516px; background:url(../img/part3_bg.jpg) no-repeat top center;}
.part4{ width:100%; height:339px; background:url(../img/part4_bg.jpg) no-repeat top center;}
.part5{ width:100%; height:513px; background:url(../img/part5_bg.jpg) no-repeat top center;}
.part6{ width:100%; height:2078px; background:url(../img/part6_bg.jpg) no-repeat top center;}
.part7{ width:100%; height:395px; background:url(../img/part7_bg.jpg) no-repeat top center;}
.part8{ width:100%; height:774px; background:url(../img/part8_bg.jpg) no-repeat top center;}
.part9{ width:100%; height:402px; background:url(../img/part9_bg.jpg) no-repeat top center;}
.part10{ width:100%; height:285px; background:url(../img/part10_bg.jpg) no-repeat top center;}
.part11{ width:100%; height:434px; background:url(../img/part11_bg.jpg) no-repeat top center;}
.box{ width:960px; margin:0 auto; position:relative;}

/*简介*/
.introduction{ width:545px; position:absolute; left:75px; z-index:1; }
.intro p{ font-size:12px; color:#1b1c1e; letter-spacing:2px; line-height:30px;}

/*传说*/
.reputation{ width:710px; position:absolute; top:185px; right:10px;  }
.chuanshuo{ margin-left:338px;}
.reputation ul{ margin-top:36px;}
.reputation li{ width:186px; height:175px; float:left; display:inline; margin-left:40px; }
.reputation li a{ width:186px; height:175px; display:block;}

/*变迁之路*/
.change{ width:900px; margin:0 auto;}
.change-route{ position:relative;}
.change-one{ width:240px; position:absolute; top:10px; left:60px;}
.change-one h2{ font-size:20px;  color:#922d2d; font-family:"宋体";  font-weight:normal;}
.change-one h2 a{ font-size:16px; color:#555; font-family:"楷体","宋体";  font-weight:bold;}
.change-one h2 a:hover{ text-decoration:underline;}
.change-one p{ width:180px; font-size:12px; margin-left:55px; color:#80766a; line-height:20px;}
.change-two{ width:240px; position:absolute; top:120px; left:260px;}
.change-two h2{ font-size:20px;  color:#922d2d; font-family:"宋体";  font-weight:normal;}
.change-two h2 a{ font-size:16px; color:#555; font-family:"楷体","宋体";  font-weight:bold;}
.change-two h2 a:hover{ text-decoration:underline;}
.change-two p{ width:210px; font-size:12px; margin-left:10px; color:#80766a; line-height:20px;}
.change-there{ width:240px; position:absolute; top:-30px; left:405px;}
.change-there h2{ font-size:20px;  color:#922d2d; font-family:"宋体";  font-weight:normal;}
.change-there h2 a{ font-size:16px; color:#555; font-family:"楷体","宋体";  font-weight:bold;}
.change-there h2 a:hover{ text-decoration:underline;}
.change-there p{ width:210px; font-size:12px; margin-left:10px; color:#80766a; line-height:20px; }
.change-four{ width:270px; position:absolute; top:118px; left:550px;}
.change-four h2{ font-size:20px;  color:#922d2d; font-family:"宋体";  font-weight:normal;}
.change-four h2 a{ font-size:16px; color:#555; font-family:"楷体","宋体";  font-weight:bold;}
.change-four h2 a:hover{ text-decoration:underline;}
.change-four p{ width:210px; font-size:12px; margin-left:60px; color:#80766a; line-height:20px; }
.change-five{ width:450px; position:absolute; top:238px; left:370px;}
.change-five h2{ font-size:20px;  color:#922d2d; font-family:"宋体";  font-weight:normal; margin-left:243px;}
.change-five h2 a{ font-size:16px; color:#555; font-family:"楷体","宋体";  font-weight:bold; }
.change-five h2 a:hover{ text-decoration:underline;}
.change-five p{ width:220px; font-size:12px; color:#80766a; line-height:20px; position:relative; top:-20px; }
.change-six{ width:450px; position:absolute; top:350px; left:445px;}
.change-six h2{ font-size:20px;  color:#922d2d; font-family:"宋体";  font-weight:normal; margin-left:243px;}
.change-six h2 a{ font-size:16px; color:#555; font-family:"楷体","宋体";  font-weight:bold; }
.change-six h2 a:hover{ text-decoration:underline;}
.change-six p{ width:220px; font-size:12px; color:#80766a; line-height:20px;  }
/*标记遗爱湖*/
.sign{ width:900px; margin:0 auto;}
.sign h2{ width:860px; margin:10px auto; font-size:16px; font-weight:normal; color:#625140; line-height:26px;}
.sign ul{ margin-top:30px;}
.sign ul li{ width:200px; float:left; display: inline;}
.sign ul li h1{ font-size:16px; line-height:24px; text-align:center; margin-bottom:20px;}
.sign ul li h1 a{ color:#383028; }
.sign ul li p{ font-size:12px; line-height:26px; color:#443a31; text-indent:24px; letter-spacing:1px;}

/*文化推广*/
.culture{width:900px; margin:0 auto;}
.culture ul{ margin-top:100px;}
.culture ul li{ width:250px; float:left; display:inline; text-align:center;}
.culture ul li a{ font-size:18px; font-family:"黑体"; color:#000; font-weight:bold;}
.culture ul li a span{ color:#8d0c0c;}
.culture ul li p{ font-size:14px; font-family:"黑体"; color:#000; font-weight:bold; margin-bottom:5px;}

/*遗爱十二景*/
.twelve{width:900px; margin:0 auto;}
.twelve ul{ padding-top:155px; margin-left:25px;}
.twelve ul li{ width:124px; float:left; display:inline; margin-left:20px; margin-top:10px; text-align:center;}
.twelve ul li img{ width:120px; height:90px; border:2px solid #cab8a7;}
.twelve ul li h1{ font-size:16px; margin-top:5px;} 
.twelve li h1 a{ color:#635240;}
.twelve li p{ font-size:12px; color:#7a736c;}
/*节日活动*/
.festival{ width:855px; margin:0 auto; }
.festival_bar{ padding-top:20px;}
.festival-left{ width:440px; float:left; display:inline; margin-left:15px; }
.festival-right{ width:353px; float:right;display:inline; margin-left:15px; position:relative;}

.festival-left h1{ font-size:20px; margin-bottom:10px;}
.festival-left h1 a{ color:#3e1717;}
.festival-left p{ font-size:12px; color:#453d33; line-height:20px; margin-top:5px;}
.festival-left li{ background:url(../img/sub.jpg) no-repeat left center; text-indent:12px; line-height:22px;}
.festival-left li a{ font-size:12px; color:#453d33;}

.festival-right li{ background:url(../img/sub.jpg) no-repeat left center; text-indent:12px; height:22px; line-height:22px;}
.festival-right li a{ font-size:12px; color:#453d33; display:block;}
.festival-right h1{ font-size:20px; margin-bottom:10px; position:absolute; text-align:right;}
.festival-right h1 a{ color:#3e1717;}
.festival-right p{ font-size:12px; color:#453d33; line-height:20px; margin-top:5px;}
.left1{ height:325px; margin-top:20px;}
.right1{ margin-top:30px;}
.left2{ height:375px; margin-top:50px;}
.right2{ margin-top:60px; height:360px;}
.right2 h1{ top:345px; right:0;}
.left3{ height:405px; margin-top:45px;}
.right3{ margin-top:55px; height:395px;}
.right3 h1{ top:380px; right:-15px;}
.left4{ height:350px; margin-top:39px;}
.right4{ margin-top:45px; height:363px;}
.right4 h1{ top:317px; right:-15px;}
.right4 p{ margin-left:5px;}
.left5{ height:360px; margin-top:35px;}
.right5{ margin-top:22px; height:360px;}
.right5 h1{ top:317px; right:-5px;}

.scroll{ width:353px; height:264px; overflow:hidden;}
/*休闲娱乐*/
.leisure{ width:855px; margin:0 auto;}
.banner li{ text-indent:0;}
.left6{ margin-top:35px;}
.right6{ margin-top:5px;}

/*我说几句*/
.talk{ width:900px; margin:0 auto;}
.talk ul{}
.talk li{ width:267px; height:128px; background:url(../img/card.png) no-repeat; float:left; display:inline; margin:10px 15px 0;}
.talk .talk_card{ width:255px; height:120px; margin-left:5px; }
.talk_card h1{ margin-top:15px; font-size:16px; }
.talk_card h1 a{ color:#69523d;}
.talk_card p{ width:240px; line-height:20px; margin:0 auto; font-family:"仿宋","宋体"; font-size:12px; color:#666;}

/*图说遗爱*/
.picture{width:860px; margin:0 auto;}
.picture_bar{ padding-top:40px;}
.picture ul{ margin-left:5px; margin-top:10px;}
.picture ul li{ width:150px; float:left; display:inline; margin-left:20px; margin-bottom:10px;text-align:center;}
.picture ul li img{ width:150px; height:100px;}
.picture li p{ font-size:14px; line-height:20px; margin-top:5px;}
.picture li p a{ color:#3d3228; }
/*视频展示*/
.video{width:860px; margin:0 auto; position:relative;}
.video_bar{ padding-top:40px;}
.video_box{ width:850px; height:130px; margin-top:10px; overflow:hidden; position:relative; }
.video ul{ width:99999px; position:absolute;}
.video ul li{ width:170px; float:left; display:inline; margin-bottom:10px;text-align:center;}
.video ul li img{ width:150px; height:100px;}
.video li p{ font-size:14px; line-height:20px; margin-top:5px;}
.video li p a{ color:#3d3228; }
a.prev,a.next{ width:38px; height:38px; background:url(../img/prev.png) no-repeat; position:absolute; left:-40px; top:130px; text-indent:-99999px;}
a.next{ left:855px;  background:url(../img/next.png) no-repeat;}
/*遗爱心语*/
.hart-language{width:860px; margin:0 auto; }
.hart_bar{ padding-top:10px;}
.hart-left{ width:470px; float:left; display:inline; margin-top:15px;}
.hart-left h1{ font-size:16px; font-weight:normal; margin-top:6px; margin-bottom:5px;}
.hart-left h1 a{ color:#000;}
.hart-left p{ font-size:12px; line-height:20px; color:#6a6660; font-family:"宋体";}
.hart-right{ width:350px; float:right; display:inline; margin-top:6px;}
.hart-right li{ background:url(../img/sub.jpg) no-repeat left center; text-indent:12px; line-height:22px;}
.hart-right li a{ font-size:12px; color:#453d33;}

/*----------------------------------------
    边导航
--------------------------------------------*/
.sub_nav{ width:28px; position:absolute; top:0; left:-45px;}
.sub_nav li{ text-align:center;}
.sub_nav li a{ width:22px; background:url(../img/sub_nav.gif) no-repeat; display:block; text-indent:-9999px;}
.sub_nav .nav1 a{ background-position:0 -13px; height:95px;}
.sub_nav .nav1 a:hover{ background-position:-22px -13px;}
.sub_nav .nav2 a{ background-position:0 -108px; height:112px;}
.sub_nav .nav2 a:hover{ background-position:-22px -108px;}
.sub_nav .nav3 a{ background-position:0 -221px; height:90px;}
.sub_nav .nav3 a:hover{ background-position:-22px -221px;}
.sub_nav .nav4 a{ background-position:0 -290px; height:89px;}
.sub_nav .nav4 a:hover{ background-position:-22px -290px;}
.xian{ background:url(../img/sub_nav.gif) no-repeat 0 0; width:28px; height:13px; margin:10px 0px;}
.sub_nav .selected1 a{ background-position: -44px -13px;}
.sub_nav .selected2 a{ background-position: -44px -109px;}
.sub_nav .selected3 a{ background-position: -44px -221px;}
.sub_nav .selected4 a{ background-position: -44px -290px;}