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 a {font-size: 14px; color: #FFF;}
#header .nav a:hover {text-decoration: none; color: #FFFF00;}
#header .nav a.a1 {display: block; float: left; padding: 0 10px; height: 40px; line-height: 40px; text-align: center; letter-spacing: 3px;}
#header .nav li {float: left; display: inline; background: url(header_nav_a.gif) no-repeat right 0; position: relative; z-index: 999;}
#header .nav li:hover {position: relative; z-index: 900;}
#header .nav li.iso {color: #FF6600; width: 80px; text-align: center; line-height: 40px; font-size: 24px;}
#header .nav li dl {width: 120px; position: absolute; left: 0; top: -999999px; background: #5a6279; z-index: 901;}
#header .nav li:hover dl {top: 39px;}
#header .nav dd {border-top: 1px solid #3f4454;}
#header .nav dd:hover {position: relative; z-index: 902;}
#header .nav a.a2 { display: block; background: #5a6279; height: 30px; line-height: 30px; padding: 0 10px;}
#header .nav p {display: block; width: 160px; background: #5a6279; position: absolute; left: 90px; top: -99999px; z-index: 903;}
#header .nav dd:hover p {top: 0;}
#header .nav a.a3 { display: block; background: #3f4454; height: 30px; line-height: 30px; padding: 0 10px;}

#header .bar {height: 30px; padding: 10px 0; overflow: hidden; clear: both;}
#header .bar a.logo {display: block; float: left; width: 340px; height: 30px; 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;}

#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;}
#btm {height: 20px; overflow: hidden; clear: both; background: url(warp_btm.gif) no-repeat center bottom;}
#main {float: left; display: inline; width: 660px;}
#main h1 {font-family: 微软雅黑; font-size: 22px; line-height: 22px; height: 24px; font-weight: bold; padding: 0 0 10px 0; text-align: center;}
#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;}
#side .lsText2 li {line-height: 18px; padding: 5px 0 0 0;}



.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: 250px; overflow: hidden; margin: 0 0 10px 0;}

.pic280 #btn {padding: 0 15px; float: right; position: relative; right: 0; top: -70px; 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;}

.picFour li {margin: 0 0 20px 0;}



.listPage .text p {font-size: 14px; line-height: 24px; padding: 0 0 15px 0;}

.listPage .text img {max-width: 660px;}



.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; font-size: 16px; line-height: 24px;}

.article .text p {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 {height: 40px; line-height: 40px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 13px; border-bottom: 1px dashed #CCC; clear: both;}

.sitemap h3 {float: left; display: inline; padding: 5px 13px; background: url(herder_menu_bg.gif) no-repeat right center;}

.sitemap h3 a {color: #0074C3;}



.page {overflow: hidden; height: 100%; clear: both;}

.page ul {overflow: hidden; height: 100%;}

.page ul li {float: left; display: inline; text-align: center; margin: 0 5px 0 0; width: 26px; height: 26px; overflow: hidden;}

.page ul li a {display: block; width: 24px; height: 24px; line-height: 24px; background: #FFF; border: 1px solid #DDD;}

.page ul li a:hover {background: #0081C2; border: 1px solid #0081C2; color: #FFF; text-decoration: none; font-weight: bold;}

.page ul li.prev {width: 52px;}

.page ul li.prev a {width: 50px;}

.page ul li.active {width: 26px; line-height: 26px; color: #0081C2; font-weight: bold;}

.page ul li.record {float: right; margin: 0; width: auto;}



.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 li {background: url(ico_li2.gif) no-repeat left center; height: 22px; line-height: 22px; padding: 0 0 0 15px;}

.type .active {color: #DD0000;}



.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;}

/* 選項卡 */
.news {margin: 10px auto;}
#tabBox {overflow: hidden; clear: both;}
#tabBox li {float: left; display: inline; padding: 0 14px; height: 30px; line-height: 30px; text-align: center; margin: 0 2px 0 0; cursor: pointer;}
#tabBox .blur {background: #F5F5F5; color: #0088CC;}
#tabBox .focus {background: #FFF; border: 1px solid #DDD; border-bottom: #FFF; color: #666;}
.show {clear: both; background: #FFF; border: 1px solid #DDD; margin: -1px 0 10px 0; padding: 14px;}
.show li {height: 22px; line-height: 22px; background: url(ico_li1.gif) no-repeat 5px center; padding: 0 0 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show li em {float: right; color: #CCC;}
.show p {text-align: right; border-top: 1px dashed #DDD; padding: 10px 0 0 0; margin: 10px 0 0 0; font-family: 宋体;}