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

#header {width: 950px; margin: 0 auto; height: 100%; overflow: visible; clear: both; padding: 15px 0; position: relative;}
#header .logo {float: left; display: inline; width: 180px; height: 70px; margin: 0 0 10px 0;}
#header .logo a {display: block; height: 70px; background: url(logo.gif) no-repeat;}
#header .fun {float: right; display: inline; width: 750px; clear: right;}
#header .fun li {float: left; display: inline; margin: 0 5px; color: #FFF;}
#header .fun a {color: #FFF;}
#header form {float: right; display: inline;}
#header form * { float: left; display: inline; margin: 0 0 0 5px;}
#header form .ipt {width: 60px; border: 1px solid #CCC; height: 18px; line-height: 18px; padding: 0 5px;}
#header form .btn {border: 0; background: #FFF; color: #666; padding: 3px;}

#header .fun .left {float: left;}
#header .fun .left a {float: left; display: inline;}
#header .fun .left a.pdf {background: url(pdf.gif) no-repeat left center; padding: 3px 0 3px 22px; margin: 0 0 0 10px;}
#header .fun .right {float: right;}
#header .nav {float: right; display: inline; width: 750px; height: 34px; background: url(header_nav_bg.gif) no-repeat;}
#header .nav ul {padding: 0 0 0 10px;}
#header .nav li {float: left; display: inline; position: relative; z-index: 999;}
#header .nav li a {color: #FFF;}
#header .nav li a.one {display: block; float: left; padding: 0 11px; height: 34px; line-height: 34px;}
#header .nav li a.one:hover, #header .nav li:hover a.one {background: #3F4454; text-decoration: none; color: #FFFF00;}
#header .nav li div {background: #3F4454; position: absolute; left: 0; top: -999999px; padding: 0 11px 5px 11px; width: 90px;}
#header .nav li div.a2 {width: 150px;}
#header .nav li:hover div {top: 34px;}
#header .nav li:hover div a {display: block; height: 22px; line-height: 22px;}
#header .nav li:hover div a:hover {color: #FFFF00; text-decoration: none;}
#header .pic260 {height: 260px; overflow: hidden; clear: both;}
#header .pic260 #btn {padding: 0 15px; float: right; position: relative; right: 0; top: -60px; z-index: 3;}
#header .pic260 #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;}
#header .pic260 #btn a.activeSlide {color: #FFF; font-weight: bold; background: #F57E00; border: 1px solid #FF6600;}
#header .pic260 #btn a:hover {text-decoration: none;}
#header .pic260 #banner {height: 280px; overflow: hidden; position: relative; z-index: 2;}

#online {position: absolute; z-index: 99; width: 120px; right: -125px; top: 100px;}
#online .top {height: 50px; background: url(online_bg.gif) no-repeat 0 0;}
#online .btm { height: 20px; background: url(online_bg.gif) no-repeat 0 -50px;}
#online .cen {border-left: 5px solid #8693EB; border-right: 5px solid #8693EB; background: #FFF; overflow: hidden; clear: both;}
#online .cen ul {padding: 0 5px;}
#online .cen ul li {height: 22px; margin: 5px 0 0 0;}
#online .cen ul li a { display: block; height: 22px;}
#online .cen ul li.msn a {background: url(online_bg.gif) no-repeat 0 -80px;}
#online .cen ul li.yahoo a {background: url(online_bg.gif) no-repeat 0 -110px;}
#online .cen ul li.skype a {background: url(online_bg.gif) no-repeat 0 -140px;}
#online .cen ul li.qq a {background: url(online_bg.gif) no-repeat 0 -170px;}
#online .cen ul li {clear: both; height: 22px; background: url(online_bg.gif) no-repeat0 -80px;}
#online .cen ul li {clear: both; height: 22px; background: url(online_bg.gif) no-repeat0 -80px;}

#footer {width: 910px; margin: 0 auto; text-align: center; padding: 20px; background: #FFF url(cont_btm_bg.gif) no-repeat center bottom; color: #888;}
#footer a {color: #0088CC;} 
#footer a:hover {color: #0066CC; text-decoration: none;}
#footer .nav {color: #CCC; height: 30px; line-height: 30px; background: #EDEDED; border: 1px solid #DDD; margin: 0 0 10px 0;}
#footer .nav a {margin: 0 3px;}

#cen {padding: 45px 30px 0 30px; height: 100%; overflow: hidden; clear: both; background: #FFF url(warp_cen.gif) no-repeat center top;}
#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 30px 180px;}
#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; height: 100%; overflow: hidden; clear: both; background: #FFF;}
.pmd {height: 50px; line-height: 50px; background: url(cont_top_bg.gif) no-repeat left top; padding: 0 20px 0 130px;}
.pmd marquee {height: 60px;}
.pmd marquee a {color: #0088CC;} 

.video {height: 100%; overflow: hidden; clear: both;}
.video ul {height: 100%; overflow: hidden; clear: both; width: 930px; margin: 0 0 0 5px;}
.video ul li {float: left; display: inline; width: 145px; height: 130px; margin: 0 0 0 10px; text-align: center;}
.video ul li img {width: 145px; height: 90px; background: #EEE; margin: 0 0 8px 0;}

.home {padding: 0 20px;}
.home dt {height: 30px; background: url(home_tit1.gif) no-repeat;}
.home dd {background: #EDEDED; border: 1px solid #DDD; padding: 15px;}
.home .pic {height: 100%; overflow: hidden; clear: both; width: 930px; margin: 0 0 0 -20px;}
.home .pic li {float: left; display: inline; width: 445px; margin: 20px 0 0 20px; text-align: center;}
.home .pic li img {width: 445px; height: 200px; display: block; margin: 0 auto 8px auto;}
.home .pic li a {font-size: 14px;}

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

.listSearch .keyword {background: #F7F7F7; border: 1px solid #CCC; padding: 10px; margin: 0 0 -1px 0;}
.listSearch .keyword h4 {display: inline; color: #FF0000; font-size: 14px; font-weight: bold;}
.listSearch .cot {padding: 0 0 15px 0;}
.listSearch .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;}
.listSearch .cot ul li em {float: right; color: #999;}

.article h1 {font-family: 微软雅黑; font-size: 26px; line-height: 26px; height: 36px; font-weight: bold; color: #FF2461; text-align: center; padding: 20px 0 0 0;}
.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;}

.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; font-size: 14px;}
.guestbook form .hs {color: #DD0000;}
.guestbook form .sr input, .guestbook form .ipt2 {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 .ipt2 {width: 92px;}
.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;}

.otherLinks {width: 960px; margin: 0 auto; clear: both;}
.otherLinks ul {width: 960px; margin: 0 0 0 -10px;}
.otherLinks li {border: 1px solid #DDD; background: #FFF; float: left; width: 280px; height: 110px; margin: 0 0 10px 10px; padding: 14px;}
.otherLinks strong {font-size: 14px; line-height: 20px; height: 20px; font-family: Microsoft YaHei;}
.otherLinks p {padding: 10px 0;}
.otherLinks a {color: #06F;}
.otherLinks a:hover {color: #DD0000;}

#searchLinks {text-align: center; padding: 30px 0;}
#searchLinks a {padding: 10px 15px; border: 1px solid #DDD; background: #F7F7F7; margin: 0 3px;}
#searchLinks a:hover {color: #FFF; border: 1px solid #ad100e;  background: #ad100e; text-decoration: none;}