/* 全局 */
html {background: #000;}
body {color: #444; line-height: 18px;}
a {color: #444;}
a:hover {color: #0081C2;}

/* 主體 */
.warp, .topBar p, #content, #footer ul {width: 950px; margin: 0 auto; height: 100%; overflow: hidden; clear: both;}
.warp {position: relative;}
.warp .side {float: left; display: inline; width: 220px; padding: 0 40px 0 0;}
.warp .side .nav ul {padding: 0 0 10px 0;}
.warp .side .nav li {height: 40px; line-height: 40px;}
.warp .side .nav li a {font-size: 18px; font-weight: bold; display: block; padding: 0 0 0 20px;}
.warp .side .nav li a:hover, .warp .side .nav li.active a {background: url(jd.png) no-repeat left center; color: #FFF; text-decoration: none;}
.warp .side .nav li a em {margin: 0 0 0 5px; font-size: 10px; text-transform: capitalize;}
.warp .side .news {width: 180px; height: 170px; background: url(news_bg.png) no-repeat center top; padding: 25px;}
.warp .side .news h2 {font-size: 16px; font-weight: bold; padding: 0 0 0 15px; height: 24px;}
.warp .side .links {padding: 20px 0 0 0;}
.warp .side .links h2 {font-size: 16px; font-weight: bold; height: 24px;}
.warp .side .links a {height: 24px; line-height: 24px; background: url(ico_jt1.gif) no-repeat left center; padding: 0 15px 0 10px; white-space: nowrap;}
.warp .main {float: right; display: inline; width: 650px; padding: 0 0 0 40px; margin: -20px 0 0 0; background: url(line1.gif) repeat-y left top;}
.warp .main .tit {height: 140px; padding: 0 0 0 280px; background: url(tit1.png) no-repeat left top;}
.warp .main .tit h1 {font-family: 微软雅黑; font-size: 34px; line-height: 34px; font-weight: bold; color: #888; padding: 40px 0 15px 0;}
.warp .main .tit em {color: #AAA; font-size: 24px; text-transform: uppercase;}

.logo {position: absolute; left: 0; top: 0; width: 400px;}
.logo a {display: block; height: 160px; background: url(logo.png) no-repeat left top;}

/* 頭尾 主體 */
.topBar {background: #000; height: 30px; line-height: 30px;}
.topBar p {text-align: right; color: #667177;}
.topBar p a {margin: 0 3px;}
.topBar a {color: #C9D2D7;}
.topBar a:hover {color: #E6F0F5;}

#footer {text-align: center; background: url(footer_bg.png) no-repeat center top;}
#footer ul {position: relative; height: 180px;}
#footer li {display: block;}
#footer .goBtn {position: absolute; left: 40px; top: 20px; width: 130px;}
#footer .goBtn a {display: block; height: 60px;}
#footer .pmd {position: absolute; top: 45px; height: 35px; line-height: 35px;}
#footer .pmd marquee {height: 35px; color: #A99175;}
#footer .pmd span {margin: 0 20px 0 0;}
#footer .copy {padding: 110px 0 0 0;}
#footer .copy a {margin: 0 5px; color: #888;}
#footer .copy a:hover {color: #FFFF00; text-decoration: none;}


/* 頁面 */
.home {background: url(home_bg.jpg) no-repeat center top;}
.home .warp {overflow: visible;}
.home .kouhao {position: absolute; left: 550px; top: 20px; width: 220px; height: 160px; background: url(kouhao1.png) no-repeat left top;}
.home .phone {position: absolute; left: 20px; top: 300px; width: 270px; height: 100px; background: url(phone.png) no-repeat left top;}
.home .lsPic3 {padding: 410px 0 0 20px; height: 120px;}
.home .lsPic3 li {width: 84px;}
.home .lsPic3 li a {color: #FFF;}
.home .lsPic3 li a:hover {color: #FFFF00;}
.home .lsPic3 li img {width: 80px; height: 50px;}
.home .jinggao {position: absolute; left: 20px; top: 500px; width: 360px; height: 30px; background: url(jinggao.png) no-repeat left top;}
.home .wine {position: absolute; left: 700px; top: 50px; width: 500px; height: 610px; background: url(wine.png) no-repeat left top; z-index: 9;}
.home .pmd {left: 260px; width: 460px;}
.home .homeText {position: absolute; left: 420px; top: 220px; width: 200px; height: 260px; background: url(homeText_bg.png) no-repeat left top; padding: 20px; color: #FFF;}
.home .homeText p {line-height: 20px;}

.other {background: #DCDCDC url(other_bg.jpg) no-repeat center top;}
.other .warp {padding: 180px 0 20px 0;}
.other .kouhao {position: absolute; left: 720px; top: 20px; width: 220px; height: 160px; background: url(kouhao2.png) no-repeat left top;}
.other .pmd {left: 260px; width: 670px;}

.index .tit2 {height: 55px; overflow: hidden; clear: both; background: url(tit2.gif) no-repeat left top;}
.index .tit2 h2 {color: #007E7E; font-family: 微软雅黑; font-size: 24px; height: 26px; line-height: 24px; font-weight: bold; padding: 0 0 0 45px;}
.index .tit2 em {display: block; font-family: Georgia; font-size: 20px; height: 20px; line-height: 20px; text-transform: uppercase; color: #888;}
.index .tit2 span {float: right; margin: 25px 0 0 0; font-family: 宋体;}
.index .lsPic1 li {float: left; display: inline; width: 140px; height: 220px; margin: 0 0 0 4px; text-align: center;}
.index .lsPic1 li p {width: 120px; height: 150px; padding: 10px; margin: 0 0 5px 0; background: url(lsPic1_bg.gif) no-repeat 0 0;}
.index .lsPic1 li p:hover {background: url(lsPic1_bg.gif) no-repeat 0 -300px;}
.index .lsPic1 li img {max-width: 120px; max-height: 150px;}

.article .info {text-align: center; padding: 0 0 15px 0; color: #888;}
.article .text {padding: 0 0 15px 0; font-size: 14px; line-height: 24px;}
.article .text p {padding: 0 0 15px 0;}
.article .text img {max-width: 650px;}
.article .related ul {padding: 15px 0; border-top: 1px dashed #BBB;}
.article .related ul li {font-size: 14px; line-height: 24px;}
.article .related ul li a {color: #0081C2;}

.listText dl {padding: 15px 0;}
.listText dl dt {border: 1px dashed #BBB; 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: #666;}

.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: #F3F3F3 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 15px; background: #F7F7F7; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.guestbook .nr .fb {color: #0081C2;}
.guestbook .hf {padding: 10px 15px; background: #F7F7F7;}
.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;}

.listSitemap h2 {display: block; border-top: 1px dashed #DDD; border-bottom: 1px dashed #BBB; padding: 15px 0; clear: both;}
.listSitemap h2 a {font-size: 14px; font-weight: bold; background: url(ico_jt1.gif) no-repeat left center; padding: 0 0 0 10px;}
.listSitemap h3 {display: block; padding: 15px 0 10px 10px;}
.listSitemap h3 a {color: #0077B0; font-size: 14px; font-weight: bold;}
.listSitemap h4 {display: inline;}
.listSitemap h4 a {color: #0077B0; font-size: 14px; background: url(ico_li1.gif) no-repeat left center; padding: 0 10px;}
.listSitemap h5 {display: block; clear: both; padding: 5px 0 0 0;}
.listSitemap h5 a {padding: 0 0 0 10px;}

/* 共用 */
.lsText1 {height: 100%; overflow: hidden;}
.lsText1 li {height: 24px; line-height: 24px; background: url(ico_li1.gif) no-repeat 0 center; padding: 0 0 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; clear: both; border-bottom: 1px dashed #C3C3C3;}
.lsText1 li em {float: left; display: inline; color: #DD0000; width: 100px;}

.lsPic1 {height: 100%; overflow: hidden; clear: both; width: 576px; margin: 0 0 0 -4px;}
.lsPic1 li {float: left; display: inline; width: 140px; height: 200px; margin: 0 0 0 4px; text-align: center;}
.lsPic1 li p {width: 120px; height: 150px; padding: 10px; margin: 0 0 5px 0; background: url(lsPic1_bg.gif) no-repeat 0 0;}
.lsPic1 li p:hover {background: url(lsPic1_bg.gif) no-repeat 0 -300px;}
.lsPic1 li img {max-width: 120px; max-height: 150px;}

.lsPic2 {height: 100%; overflow: hidden; clear: both; width: 570px; margin: 0 0 0 -5px;}
.lsPic2 li {float: left; display: inline; width: 185px; height: 170px; text-align: center; margin: 0 0 0 5px;}
.lsPic2 li img {width: 175px; height: 130px; padding: 5px; background: url(lsPic2_bg.gif) no-repeat 0 0; margin: 0 0 5px 0;}
.lsPic2 li a:hover img {background: url(lsPic2_bg.gif) no-repeat 0 -140px;}

.lsPic3 {height: 100%; overflow: hidden; clear: both;}
.lsPic3 li {float: left; display: inline; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lsPic3 li img {display: block; margin: 0 auto 5px auto;}

.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: #333; border: 1px solid #444; color: #FFF;}
.page ul li a:hover {background: #0081C2; border: 1px solid #0081C2; 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;}

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

.position {color: #888; padding: 0 0 10px 0;}
.position a {margin: 0 8px; background: url(ico_jt2.gif) no-repeat left 5px; padding: 0 0 0 7px;}
.position a:hover {color: #DD0000;}

/* 選項卡 */
.news {width: 1350px; 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: #444; color: #FFF;}
.show {clear: both; background: #444; margin: -1px 0 10px 0; overflow: hidden; height: 100%; clear: both; padding: 20px;}
.show a {color: #FFF;}
.show li {float: left; display: inline; width: 290px; height: 22px; line-height: 22px; background: url(ico_li1.gif) no-repeat 5px center; padding: 0 15px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show li em {float: right; color: #999;}
.show p {clear: both; text-align: right; padding: 20px 0 0 0; font-family: 宋体;}