html {background: #F1EFF0;}
body {color: #666; line-height: 18px;}
a {color: #666;}
a:hover {color: #DD0000;}

#header {height: 100%; clear: both;}
#header .fun {background: #FFF; height: 75px;}
#header .fun ul {width: 950px; margin: 0 auto; height: 75px;}
#header .fun .logo {float: left; display: inline; width: 750px;}
#header .fun .logo a {float: left; display: inline;}
#header .fun .logo em {float: left; display: inline; width: 400px; padding: 30px 0 0 0; text-align: center; font-size: 14px;}
#header .fun li {float: right; display: inline; border-left: 1px dashed #DDD; margin: 15px 0 0 0;}
#header .fun li a {display: block; width: 60px; height: 15px; padding: 30px 0 0 0; text-align: center;}
#header .fun li.add a {padding: 0; height: 18px; line-height: 18px;}
#header .fun li.skype a {background: url(ico_skype.gif) no-repeat center top;}
#header .fun li.book a {background: url(ico_book.gif) no-repeat center top;}
#header .nav {height: 36px; background: url(header_nav_bg.gif) repeat-x left top; clear: both;}
#header .nav ul {width: 950px; margin: 0 auto;}
#header .nav li {float: left; display: inline;}
#header .nav li:hover {position: relative; z-index: 900;}
#header .nav li a {color: #FFF; font-size: 14px; font-weight: bold;}
#header .nav li a.one {display: block; float: left; padding: 0 12px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #E2227D;}
#header .nav li a.one:hover, #header .nav li:hover a.one {border: 1px solid #BF0E5B; background: #D3186A; text-decoration: none;}
#header .nav li dl {width: 100px; position: absolute; left: 0; top: -99999px; z-index: 901;}
#header .nav li:hover dl {top: 34px;}
#header .nav li dl.a2 {width: 160px;}
#header .nav li dd {height: 26px;}
#header .nav li dd:hover {position: relative; z-index: 902;}
#header .nav li dd a {display: block; height: 26px; line-height: 26px; padding: 0 12px; background: #D3186A; color: #FFF;}
#header .nav li dd:hover a {background: #ED3E85; color: #FFFF00; text-decoration: none;}
#header .nav li dd p {width: 100px; background: #CFF0F7; position: absolute; left: 150px; top: -99999px; z-index: 903;}
#header .nav li dd:hover p {top: 0;}
#header .nav li dd:hover p a:hover {color: #FFF;}
#header .pmd {height: 32px; line-height: 32px; border-top: 4px solid #EBE9EA; border-bottom: 1px solid #EBE9EA; background: #FFF;}
#header .pmd div {height: 32px; width: 920px; padding: 0 0 0 30px; overflow: hidden; margin: 0 auto; background: url(ico_pmd.gif) no-repeat left center;}
#header .pic220 {width: 950px; margin: 20px auto 5px auto; height: 220px; overflow: hidden; clear: both;}
#header .pic220 #btn {padding: 0 15px; float: right; position: relative; right: 0; bottom: 40px; z-index: 3;}
#header .pic220 #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 .pic220 #btn a.activeSlide {color: #FFF; font-weight: bold; background: #F57E00; border: 1px solid #FF6600;}
#header .pic220 #btn a:hover {text-decoration: none;}
#header .pic220 #banner {height: 220px; overflow: hidden; position: relative; z-index: 2;}

#footer {background: url(footer_bg.jpg) no-repeat center top; height: 350px; overflow: hidden; clear: both;}
#footer dl {width: 950px; margin: 0 auto; color: #FFF;}
#footer dl a {color: #FFF;}
#footer dl a:hover {color: #FFFF00; text-decoration: none;}
#footer .info {float: left; display: inline; width: 290px; height: 140px; padding: 90px 40px 0 150px;}
#footer .info em {font-size: 24px; line-height: 24px; font-weight: bold; border-bottom: 1px solid #DB415F; display: block; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#footer .nav {float: right; display: inline; width: 440px; height: 120px; padding: 110px 0 0 30px; position: relative;}
#footer .nav span {position: absolute; left: 200px; top: 35px; width: 65px; height: 65px;}
#footer .nav span img {height: 65px;}
#footer .nav li {float: left; display: inline; width: 130px; height: 30px; margin: 0 5px 5px 0;}
#footer .nav a {display: block; height: 30px; line-height: 30px; padding: 0 0 0 10px; background: url(footer_nav_a.gif) no-repeat 0 0;}
#footer .nav a:hover {text-decoration: none; background: url(footer_nav_a.gif) no-repeat 0 -50px;}
#footer .copy {float: left; display: inline; width: 340px; height: 90px; padding: 10px 40px 0 100px; text-align: right;}
#footer .copy em {border-bottom: 1px solid #BA3B53; display: block; padding: 0 0 6px 0; margin: 0 0 6px 0;}
#footer .net {float: right; display: inline; width: 440px; height: 90px; padding: 10px 0 0 30px;}
#footer .net p {padding: 0 0 10px 0;}

#content {width: 950px; margin: 0 auto; height: 100%; clear: both;}

.side {float: left; display: inline; width: 230px;}
.main {float: right; display: inline; width: 700px;}

.side .product {position: relative;}
.side .product .bt {width: 174px; height: 40px; background: url(product_bt.gif) no-repeat; position: absolute; left: 28px; top: -6px;}
.side .product ul {padding: 10px 0 0 0;}
.side .product ul h4 {background: url(ico_h4.gif) no-repeat left 18px; padding: 15px 0 0 20px; color: #0356D1;}
.side .product ul li {padding: 5px 0; background: url(ico_li1.gif) no-repeat left 3px; padding: 0 0 0 20px;}

.main .text {margin: 0 0 20px 0;}
.main .text .top {height: 60px; background: url(text_bg.gif) no-repeat left top;}
.main .text .cot {padding: 15px 20px 20px 20px; background: url(text_bg.gif) no-repeat right bottom; color: #FFF;}
.main .news {margin: 0 0 20px 0;}
.main .news .lsText1 {width: 670px; margin: 0 0 0 -15px;}
.main .news .lsText1 li {float: left; display: inline; width: 300px; margin: 0 0 0 15px;}
.main .love .pic1 {height: 100%; overflow: hidden; clear: both;}
.main .love .pic1 li {float: left; display: inline; width: 180px; height: 200px; padding: 5px; background: #EFEFEF; margin: 0 10px 10px 0;}
.main .love .pic1 li a {color: #888;}
.main .love .pic1 li a:hover {color: #DD0000; text-decoration: none;}
.main .love .pic1 li img {width: 180px; height: 200px;}
.main .love .pic1 li.da {width: 250px; height: 420px; float: right; margin: 0;}
.main .love .pic1 li.da img {width: 250px; height: 420px;}
.main .love .pic2 {height: 100%; overflow: hidden; clear: both;}
.main .love .pic2 li {float: left; display: inline; width: 140px; height: 150px; margin: 0 0 10px 10px;}
.main .love .pic2 li a {color: #888;}
.main .love .pic2 li a:hover {color: #DD0000; text-decoration: none;}
.main .love .pic2 li img {width: 140px; height: 150px;}
.main .love .pic2 li.da {width: 210px; height: 310px; margin: 0;}
.main .love .pic2 li.da img {width: 210px; height: 310px;}

.listPage .text p {font-size: 14px; line-height: 24px; padding: 0 0 15px 0;}
.listPage .text img {max-width: 660px;}
.listPage .text a {color: #0081C2;}

.listText dl {padding: 15px 0;}
.listText dl dt {border: 1px dashed #CCC; 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 h1 {font-family: 微软雅黑; font-size: 26px; line-height: 26px; height: 26px; font-weight: bold; color: #FF2461; text-align: center;}
.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 .cen h2 {height: 30px; line-height: 30px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 20px; border-bottom: 1px dashed #CCC; clear: both; margin: 0 0 5px 0;}
.sitemap h3 {display: inline; margin: 0 0 10px 20px; 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;}

.menu {clear: both;}
.menu ul {height: 30px; line-height: 30px; overflow: hidden;}
.menu li {float: left; display: inline; margin: 0 10px 0 0;}

.lsText1 {height: 100%; overflow: hidden;}
.lsText1 li {height: 24px; line-height: 24px; background: url(ico_li2.gif) no-repeat 5px center; border-bottom: 1px dashed #B4B4B4; padding: 0 0 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lsText1 li em {float: right; font-size: 11px; color: #888;}

.col1 .top, .col1 .btm, .col1 .cen {overflow: hidden; clear: both;}
.col1 .top em.center, .col1 .btm em.center {display: block; _margin: 0;}
.col1 .top em.left, .col1 .btm em.left {_margin: 0 -3px 0 0;}
.col1 .top em.right, .col1 .btm em.right {_margin: 0 0 0 -3px;}
.col1 .top, .col1 .top em.left, .col1 .top em.center, .col1 .top em.right {height: 34px;}
.col1 .top em.left, .col1 .top em.right {display: inline; width: 40px;}
.col1 .top em.left {background: url(col1_bg.gif) no-repeat left 0;}
.col1 .top em.right {background: url(col1_bg.gif) no-repeat right -50px;}
.col1 .top em.center {background: url(col1_bg.gif) repeat-x left -100px; margin: 0 40px;}
.col1 .btm, .col1 .btm em.left, .col1 .btm em.center, .col1 .btm em.right {height: 24px;}
.col1 .btm em.left, .col1 .btm em.right {display: inline; width: 20px;}
.col1 .btm em.left {background: url(col1_bg.gif) no-repeat left -150px;}
.col1 .btm em.right {background: url(col1_bg.gif) no-repeat right -200px;}
.col1 .btm em.center {background: url(col1_bg.gif) repeat-x left -250px; margin: 0 20px;}
.col1 .cen {background: #F7F7F7; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; padding: 19px 19px 0 19px; height: 100%;}
.col1 .top h2 {font-family: 微软雅黑; font-size: 18px; line-height: 30px; color: #C8173F;}
.col1 .top em.right a {display: block; height: 34px;}

.col2 .top, .col2 .btm, .col2 .cen {overflow: hidden; clear: both;}
.col2 .top em.center, .col2 .btm em.center {display: block; _margin: 0;}
.col2 .top em.left, .col2 .btm em.left {_margin: 0 -3px 0 0;}
.col2 .top em.right, .col2 .btm em.right {_margin: 0 0 0 -3px;}
.col2 .top, .col2 .top em.left, .col2 .top em.center, .col2 .top em.right {height: 20px;}
.col2 .top em.left, .col2 .top em.right {display: inline; width: 20px;}
.col2 .top em.left {background: url(col2_bg.gif) no-repeat left 0;}
.col2 .top em.right {background: url(col2_bg.gif) no-repeat right -30px;}
.col2 .top em.center {background: url(col2_bg.gif) repeat-x left -60px; margin: 0 20px;}
.col2 .btm, .col2 .btm em.left, .col2 .btm em.center, .col2 .btm em.right {height: 20px;}
.col2 .btm em.left, .col2 .btm em.right {display: inline; width: 20px;}
.col2 .btm em.left {background: url(col2_bg.gif) no-repeat left -90px;}
.col2 .btm em.right {background: url(col2_bg.gif) no-repeat right -120px;}
.col2 .btm em.center {background: url(col2_bg.gif) repeat-x left -150px; margin: 0 20px;}
.col2 .cen {background: #FCFCFC; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; padding: 0 19px; height: 100%;}