@charset "utf-8";
/* global */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0;}
body, button, input, select, textarea {font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; vertical-align: middle;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, var{font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier,monospace;}
small {font-size: 12px;}
ul, ol{list-style: none;}
a {text-decoration: none;}
a:hover{text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend{color: #000;}
fieldset, img{border: 0;}
button, input, select, textarea{font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
/* clear float */
.clearfix:after {clear: both; content: '.'; display: block; font-size: 0; height: 1; visibility: hidden;}
*html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}

/* custom */
body {background: #fff url(bg1.png) repeat-x top;}
body,select,input,textarea {color: #555; font: normal 12px normal Arial, Helvetica, sans-serif; vertical-align: middle;}
a {color: #555; text-decoration: none;}
a:hover {color: #F00; text-decoration: underline;}
.border {border: solid 1px #dadada;}
.mag {margin-top: 15px;}
.pad {padding: 8px;}
.more {display: block; float: right; height: 35px; width: 60px;}
.title {background: url(title.jpg) no-repeat; color: #555; font: bold 12px/33px normal; height: 33px; padding-left: 20px;}
.sipt {background: url(sipt.png) no-repeat; border: solid 1px #eaeaea; padding: 3px;}
.sbtn {background: #ed2900; border: 0; color: #FFF; padding: 3px 5px;}
/* wrapper */
#wrapper {margin: 0px auto; width: 950px;}
/* header */
#header {}
#tophead {height: 100px;}
.logo {background: url(spirit.png) no-repeat 0 0; display: block; float: left; height: 100px; width: 460px;}
.tel {background: url(spirit.png) no-repeat -380px 0; display: none; float: right; height: 100px; width: 200px;}
/* mainnav */
#mainnav {}
.navbar {display: block; height: 45px;}
.navbar li {display: block; float: left; font: normal 16px/45px '微软雅黑'; width: 115px;}
.navbar li a {color: #fff; display: block; text-align: center;}
.navbar li a:hover {background: #76ac10; border: solid 2px #690; border-top: 0; border-bottom: 0; color: #fff; text-decoration: none;}
.navbar li ul {background: #fff; border: solid 2px #690; border-top: 0; display: none; padding: 3px 0px; position: absolute; width: 112px;}
.navbar li ul li {border-bottom: dashed 1px #dadada; display: block; float: none; font: normal 12px/30px normal; margin: 0 auto; width: 100px;}
.navbar li ul li a {color: #555;}
.navbar li ul li a:hover {background: #690; color: #fff; text-decoration: none;}
.navbar li:hover ul {display: block;}
.navbar li.sfhover ul {display: block;}
.navbar li.navline {background: url(spirit.png) no-repeat -603px 0; display: block; height: 45px; width: 1px;}
#flash {height: 350px; overflow: hidden;}
/* business */
#business {background: url(spirit.png) no-repeat 0 -110px; display: block; height: 90px;}
#business span {display: block; float: left; height: 90px; width: 90px;}
#business a {display: block; float: left; height: 90px; margin-right: 65px; width: 200px;}
/* homebox */
#homebox {}
/* cols1 */
#cols1 {}
/* about */
#about {float: left; width: 300px;}
#about dt {background: url(spirit.png) no-repeat -136px -210px; display: block; height: 35px;}
#about dd {line-height: 25px; padding: 8px;}
#about dd span {background: url(spirit.png) no-repeat 0px -210px; display: block; float: left; height: 89px; margin: 5px 10px 0 0; width: 126px;}
/* news */
#news {float: left; margin-left: 20px; width: 330px;}
#news dt {background: url(spirit.png) no-repeat -136px -255px; display: block; height: 35px;}
#news dd {padding: 5px;}
.newslist {}
.newslist li {background: url(arrow.gif) no-repeat left center; display: block; overflow: hidden; padding: 6px; padding-left: 15px; white-space: nowrap;}
.newslist li span {float: right; font-size: 10px;}
/* slide */
#slide {float: right; width: 280px;}
#slide dt {background: url(spirit.png) no-repeat -136px -300px; display: block; height: 35px;}
#slide dd {line-height: 23px; padding-top: 10px;}
/* casebox */
#casebox {}
#casebox dt {background: url(spirit.png) no-repeat 0 -345px; display: block; height: 35px;}
#casebox dd {padding: 10px;}
.marquee {height: 170px; margin: 0px auto; width: 930px; overflow: hidden;}
.marquee li {text-align: center;}
.marquee li img {}
.level li {float: left;}
.caselist {margin: 10px 0px 0px 7px;}
.caselist li {float: left; margin: 1px; padding: 5px 13px;}
.caselist li img {background: #fff; border: solid 1px #dadada; padding: 2px;}
.caselist li strong {display: block; font-weight: normal; height: 14px; margin-top: 3px; overflow: hidden; text-align: center; width: 136px;}
/* footer */
#footer {background: #fbf9fa; height: 80px; line-height: 23px; padding-top: 5px; text-align: center;}
/* mainbox */
#mainbox {margin-top: 15px;}
#mainbox-left {float: left; width: 230px;}
#mainbox-right {float: right; width: 700px;}
/* subnav */
#subnav {border: solid 1px #e9e9e9; padding: 1px;}
#subnav h3 {background: url(spirit.png) no-repeat -496px -210px; display: block; height: 35px;}
.snav {background: #f9f9f9; padding: 8px;}
.snav li {border-bottom: dashed 1px #ccc; display: block; height: 35px; line-height: 35px; margin: 0 auto; text-align: center; width: 200px;}
/* contact */
#contact {border: solid 1px #e9e9e9;}
#contact h3 {background: url(spirit.png) no-repeat -496px -255px; display: block; height: 75px;}
#contact div {background: #f9f9f9; line-height: 25px; padding: 5px;}
/* sitepath */
.sitepath {background: url(spirit.png) no-repeat 0 -390px; display: block; height: 35px; line-height: 25px; padding-left: 35px;}
/* artlist */
.artlist {padding: 10px 0px;}
.artlist li {background: url(arrow.gif) no-repeat left center; border-bottom: dashed 1px #dadada; display: block; overflow: hidden; padding: 12px; padding-left: 15px; white-space: nowrap;}
.artlist li a {float: left; font-size: 14px; overflow: hidden; white-space: nowrap; width: 560px;}
.artlist li span {float: right; font-size: 10px;}
/* piclist */
.piclist {padding-top: 15px;}
.piclist li {float: left; padding: 9px;}
.piclist li img {background: #fff; border: solid 1px #dadada; padding: 2px;}
.piclist li div {display: block; font-weight: normal; height: 14px; margin-top: 3px; overflow: hidden; text-align: center; width: 154px;}
/* showpage */
.showpage {display: block; font-size: 12px; padding: 10px 0;}
.showpage a {color: #555;}
.total_page, .jump_page {background: #f9f9f9; border: solid 1px #e8e8e8; color: #fff; display: block; float: left; margin-right: 5px; padding: 3px 8px;}
.prePage, .nextPage, .pages {background: #fff; border: solid 1px #e8e8e8; color: #486ba2; display: block; float: left; margin-right: 5px; padding: 3px 8px; text-decoration: none;}
.current {background: #f60; border: solid 1px #f30; color: #fff; display: block; float: left; margin-right: 5px; padding: 3px 8px;}
/* detail */
.detail {padding: 8px;}
.detail .title {color: #F30; font: bold 24px normal; text-align: center; padding: 10px 0px;}
.detail .attr {background: #f9f9f9; padding: 3px; text-align: center;}
.detail .content {font-size: 14px; line-height: 30px; padding: 10px;}
.detail .content img {text-align: center;}
/* guest */
.guelist {}
.guelist li {border-bottom: dashed 1px #e8e8e8; padding: 8px;}
.guest-content {line-height: 23px;}
.guest-reply {background: #ffc; border: dashed 1px #f60; margin: 5px 0; padding: 5px;}
.guest-info {color: #999; padding: 3px 0;}
.gueform {border: solid 1px #e8e8e8; margin-top: 30px;}
.gueform h5 {background: #f9f9f9; padding: 7px;}
.guest-post {margin-left: 150px;}
.guest-post li {display: block; padding: 5px;}
.guest-post li strong {display: block; float: left; font-weight: normal; padding-top: 8px; text-align: right; width: 70px;}
.guest-post li p {color: #ccc; float: left; font-size: 12px; padding: 8px 0 0 10px;}
.gipt {background: url(sipt.png) no-repeat; border: solid 1px #eaeaea; padding: 4px; width: 250px;}
.gbtn {background: #92b700; border: 0; color: #fff; padding: 3px 5px;}