﻿html {background: url(html_bg.gif);}
body {color: #666; line-height: 18px;}
a {color: #666;}
a:hover {color: #DD0000;}

#header {width: 950px; margin: 0 auto; height: 100%; clear: both; position: relative;}
#header .fun {text-align: right; height: 30px; line-height: 30px; padding: 0 10px 0 0; color: #AAA;}
#header .fun a {color: #333;}
#header .nav {height: 40px; background: url(header_nav_bg.gif) no-repeat;}
#header .nav ul {padding: 0 0 0 10px;}
#header .nav li {float: left; display: inline; background: url(header_nav_a.gif) no-repeat right 0; position: relative; z-index: 9999999;}
#header .nav li a {display: block; font-size: 12px; color: #FFF;}
#header .nav li a:hover {color: #FFFF00;}
#header .nav li > a {padding: 0 12px; height: 40px; line-height: 40px; text-align: center; letter-spacing: 3px;}
#header .nav li > a:hover, #header .nav li:hover > a, #header .nav li.active > a {background: url(header_nav_a.gif) repeat-x 0 -40px; text-decoration: none; color: #FFFF00;}
#header .nav li > div {background: #5A4337; position: absolute; z-index: 99999999; left: 0; top: -999999px; letter-spacing: 3px; width: 130px;}
#header .nav li:hover > div {top: 39px;}
#header .nav li > div > a {display: block; height: 22px; line-height: 22px; font-weight: bold; border-top:1px solid #775b4d; padding: 5px 0 5px 12px;}
#header .nav li > div > a:first-of-type {border-top: none;}
#header .nav li > div > p {padding: 0 0 10px 0;}
#header .nav li > div > p > a {padding: 1px 0 1px 22px; background: url(ico_line1.gif) no-repeat 12px center; font-weight: normal;}
#header .bar {height: 60px; padding: 10px 0; overflow: hidden; clear: both;}
#header .bar a.logo {display: block; float: left; width: 220px; height: 60px; background: url(logo.gif) no-repeat center center;}
#header .bar a.facebook {display: block; float: left; width: 70px; height: 25px; background: url(ico_facebook.gif) no-repeat; margin: 25px 0 0 0;}
#header .bar a.skype {display: block; float: right; width: 40px; height: 35px; background: url(ico_skype.gif) no-repeat left center;}
#header .bar form {padding: 20px 0; float: right;}
#header .bar form input {float: left; display: inline; width: 240px; height: 16px; line-height: 16px; color: #888; padding: 3px 3px 3px 20px; background: #FFF url(ico_search.gif) no-repeat 5px center; border: 1px solid #CCC;}
#header .bar form input:hover {border: 1px solid #999;}
#header .bar form button {float: left; display: inline; width: 50px; height: 24px; margin: 0 0 0 5px; font-weight: bold; background: #666; color: #FFF; border: 0; cursor: pointer;}

#cont {background: #FFF url(content_bg.gif) no-repeat center top;}

#footer {text-align: center; padding: 20px 0; background: url(footer_bg.gif) no-repeat center top; color: #888;}
#footer a {color: #0088CC;} 
#footer a:hover {color: #0066CC; text-decoration: none;}
#footer .nav {color: #CCC; padding: 0 0 15px 0;}
#footer .nav a {margin: 0 3px;}

#cen {padding: 30px 30px 0 30px; height: 100%; overflow: hidden; clear: both; background: url(warp_cen.gif) no-repeat center top; margin: 10px 0 0 0;}
#cen h1 {font-family: 微软雅黑; font-size: 22px; line-height: 22px; height: 24px; font-weight: bold; padding: 0 0 10px 0; text-align: center;}
#btm {height: 20px; overflow: hidden; clear: both; background: url(warp_btm.gif) no-repeat center bottom;}
#main {float: left; display: inline; width: 660px;}
#side {float: right; display: inline; width: 200px;}
#side .tit {border-bottom: 1px dashed #CCC;}
#side .tit h2 {font-size: 14px; height: 34px; font-weight: bold;}

.warp {width: 950px; margin: 0 auto; padding: 0 0 20px 0; height: 100%; overflow: hidden; clear: both;}

.pmd {height: 60px; line-height: 60px; background: url(ico_news.gif) no-repeat left center; padding: 0 0 0 120px;}
.pmd marquee {height: 60px;}
.pmd marquee a {color: #0088CC;}

.pic280 {height: 230px; overflow: hidden; margin: 0 0 10px 0;}
.pic280 #btn {padding: 0 15px; float: right; position: relative; right: 0; top: -90px; z-index: 3;}
.pic280 #btn a {color: #666; background: #FFF; border: 1px solid #FFF; margin: 0 5px 0 0; float: left; display: block; width: 22px; height: 22px; line-height: 22px; text-align: center;}
.pic280 #btn a.activeSlide {color: #FFF; font-weight: bold; background: #F57E00; border: 1px solid #FF6600;}
.pic280 #btn a:hover {text-decoration: none;}
.pic280 #banner {height: 280px; overflow: hidden; position: relative; z-index: 2;}

.grzText {line-height: 20px; height: 130px; margin: 0 0 10px 0; background: url(grzsm_bg.gif) no-repeat;}
.grzText ul {padding: 0 0 0 180px;}
.grzText li {float: left; display: inline; width: 250px; height: 100px; padding: 15px 0; border-right: 1px dashed #DDD; text-align: center;}
.grzText h2 {color: #DD0000; font-size: 16px; font-weight: bold;}
.grzText h3 {color: #0088CC;}

.listText dl {padding: 15px 0;}
.listText dl dt {border: 1px solid #DDD; padding: 0 10px; height: 30px; line-height: 30px;}
.listText dl dt strong {padding: 0 0 0 10px;}
.listText dl dt strong a {color: #0081C2;}
.listText dl dt em {float: right;}
.listText dl dd a {color: #0081C2;}
.listText dl dd.detail {padding: 10px 0 0 0; text-indent: 14px; line-height: 18px; color: #888;}
.listText dl dd.detail em {color: #0081C2;}

.article .info {text-align: center; padding: 5px 0 15px 0; border-bottom: 1px dashed #CCC;}
.article .info span {color: #888;}
.article .text {padding: 15px 0 0 0;}
.article .text p {font-size: 14px; line-height: 24px; padding: 0 0 15px 0;}
.article .text img {max-width: 540px;}
.article .tool {text-align: center; line-height: 40px; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; color: #CCC;}
.article .related ul {padding: 10px 0;}
.article .related ul li {font-size: 14px; line-height: 24px;}
.article .related ul li a {color: #0081C2; font-size: 14px;}

.guestbook .error {text-align: center; height: 30px; line-height: 30px; background: #FFFED1; border: 1px dotted #FFA200; color: #FF3300;}
.guestbook .time {float: right; color: #888; font-size: 11px;}
.guestbook .bt {background: #F7F7F7 url(ico_comment.gif) no-repeat 10px center; border-top: 1px dashed #DDD; padding: 0 10px 0 30px; margin: 10px 0 0 0; height: 26px; line-height: 26px;}
.guestbook .nr {padding: 10px 10px 0 10px;}
.guestbook .nr .fb {color: #0081C2;}
.guestbook .hf {padding: 5px 10px 0 10px;}
.guestbook .hf .fb {color: #DD0000;}
.guestbook .pages {padding: 10px; height: 24px; line-height: 24px; overflow: hidden; clear: both;}
.guestbook .pages span {float: right;}
.guestbook .pages strong {color: #DD0000;}
.guestbook form {border: 1px dashed #DDD; background: #F9F9F9; padding: 15px;}
.guestbook form .hs {color: #DD0000;}
.guestbook form .sr input {border-right: 1px solid #E2E3EA; border-bottom: 1px solid #E2E3EA; border-top: 1px solid #ABADB3; border-left: 1px solid #ABADB3; width: 292px; height: 16px; padding: 3px;}
.guestbook form .sr textarea {border-right: 1px solid #E2E3EA; border-bottom: 1px solid #E2E3EA; border-top: 1px solid #ABADB3; border-left: 1px solid #ABADB3; width: 392px; height: 92px; padding: 3px;}
.guestbook form .sr p {padding: 5px 0 0 0; color: #888;}
.guestbook form .btn1 {width: 118px; height: 48px; cursor: pointer; border: 1px solid #ABADB3; background: #EEE;}

.sitemap {padding: 0 0 20px 0;}
.sitemap h2 {background: url(ico_li2.gif) no-repeat left 20px; padding: 15px 0 10px 20px; margin: 10px 0 0 0; font-size: 16px; font-weight: bold; border-top: 1px dashed #CCC; clear: both;}
.sitemap h3 {background: url(ico_li1.gif) no-repeat 3px center; padding: 0 0 0 20px; clear: both; font-size: 14px; line-height: 24px;}
.sitemap h4 {background: url(herder_menu_bg.gif) no-repeat right center; float: left; display: inline; margin: 0 0 10px 20px; line-height: 20px;}
.sitemap h4 a {color: #0074C3;}
.sitemap h4 a:hover {color: #DD0000;}

.search {padding: 15px;}
.search .form {padding: 0 0 15px 15px; color: #03C203; height: 100%; overflow: hidden; clear: both;}
.search .form label {float: left; display: inline;}
.search .form .type {padding: 1px 0 0 0;}
.search .form .ipt {margin: 0 5px;}
.search .form .ipt input {width: 240px; height: 16px; line-height: 16px; color: #888; padding: 3px 3px 3px 20px; background: #FFF url(ico_search.gif) no-repeat 5px center; border: 1px solid #CCC;}
.search .form .btn {padding: 1px 0 0 0;}
.search .form .btn input {width: 50px; height: 22px; font-weight: bold; background: #666; color: #FFF; border: 0; cursor: pointer;}
.search .keyword {background: #F7F7F7; border: 1px solid #CCC; padding: 10px;}
.search .keyword h4 {display: inline; color: #FF0000; font-size: 14px; font-weight: bold;}
.search .cot {padding: 0 0 15px 0;}
.search .cot ul li {height: 40px; line-height: 40px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 13px; border-bottom: 1px dotted #CCC;}
.search .cot ul li em {float: right; color: #999;}

.page {overflow: hidden; height: 100%; clear: both; padding: 30px 0; line-height: 40px;}
.page span {float: right;}
.page a {float: left; display: block; width: 40px; height: 40px; color: #666; text-align: center; font-family: Arial; font-size: 14px;}
.page a:hover {background: #0081C2; color: #FFF;}
.page a.page-num-current {background: #0081C2; color: #FFF; pointer-events: none;}
.page p {text-align: center; color: #DD0000;}

.lsText1 li {height: 26px; line-height: 26px; border-top: 1px dashed #CCC; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lsText1 li a {display: block; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 10px;}

.lsPic1 {height: 100%; overflow: hidden; clear: both;}
.lsPic1 li {float: left; display: inline; width: 140px; height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lsPic1 li img {width: 120px; height: 90px; display: block; margin: 0 auto 5px auto; border: 3px solid #FFF;}

.more {float: right;}
.more a {font-family: 宋体;}

.type ul {padding: 30px 0 0 0;}
.type li {border-top: dashed 1px #DDD; padding: 5px 0 10px 0;}
.type li:first-of-type {border-top: none;}
.type li a {display: block; line-height: 20px;}
.type li a.active {color: #DD0000;}
.type li > a {background: url(ico_li2.gif) no-repeat left center; padding: 5px 0 5px 20px; font-weight: bold; font-size: 14px;}
.type li > p > a {background: url(ico_li1.gif) no-repeat 3px center; padding: 0 0 0 20px;}

.picBtn {padding: 10px 0 0 0;}
.picBtn li {margin: 0 0 5px 0;}

.biaoge1 {background: #c5d6e0;}
.biaoge1 th {background: #6E8C9E; color: #FFF; font-weight: bold; font-size: 14px; height: 30px;}
.biaoge1 td {background: #FFF;}
.biaoge1 a {font-size: 24px;}
.biaoge1 a:hover {text-decoration: none;}