@charset "utf-8";

.header, .content, .footer, .warp {margin: 0 auto; height: 100%; overflow: hidden; clear: both;}

.home {background: #6B100D url(home_body_bg.jpg) repeat-x left top; color: #CECFD1;}
.home a {color: #CECFD1;}
.home a:hover {color: #FFF;}
.home .bg1 {background: url(home_bg1.jpg) no-repeat center 0;}
.home .bg2 {background: url(home_bg2.jpg) no-repeat center 300px;}
.home .bg3 {background: url(home_bg3.jpg) no-repeat center 600px;}
.home .content {width: 810px; padding: 0 0 30px 0; position: relative;}
.home .logo {position: absolute; left: 265px; top: 0;}
.home .logo a {display: block; width: 280px; height: 280px;}
.home .tel {font-family: arial black; font-size: 30px; color: #FFF; width: 260px; text-align: center; position: absolute; left: 280px; top: 340px;}
.home .text {padding: 800px 60px 30px 60px; background: url(code.gif) no-repeat 600px 980px;}
.home .text h1 {font-size: 14px; color: #F9E37D; font-weight: bold; padding: 0 0 10px 0;}
.home .text p {padding: 10px 0 0 0; line-height: 20px; color: #FFF;}
.home .sgxm .tit {height: 70px; background: url(home_sgxm_tit.jpg) no-repeat center top;}
.home .sgxm .cot ul {height: 100%; overflow: hidden; padding: 30px 0 10px 0; width: 820px; margin: 0 0 0 -10px;}
.home .sgxm .cot li {float: left; display: inline; text-align: center; margin: 0 0 0 10px;}
.home .sgxm .cot a {display: block; width: 175px; height: 130px; padding: 9px; background: #450304; border: 1px solid #76130E; position: relative;}
.home .sgxm .cot a:hover {background: #2C0202; border: 1px solid #2C0202;}
.home .sgxm .cot img {width: 175px; height: 130px;}
.home .sgxm .cot p {width: 175px; height: 30px; line-height: 30px; background: #450304; position: absolute; left: 9px; top: 109px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.home .sgxm .cot a:hover p {background: #2C0202;}
.home .go a {display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; font-size: 14px; font-weight: bold; background: #450304;}
.home .go a:hover {text-decoration: none; background: #2C0202; color: #FFFF00;}
.home .footer {background: #450304 url(home_footer_bg.gif) no-repeat center top; text-align: center; padding: 60px 0 30px 0;}
.home .footer .nav {color: #990000;}
.home .footer .nav a {padding: 0 8px;}
.home .footer .nav span {padding: 0 0 0 20px; color: #CECFD1;}

.other {background: #000000 url(other_body_bg.jpg) no-repeat center top;}
.other .content {width: 950px; padding: 280px 0 20px 0; position: relative;}
.other .content .logo {position: absolute; left: 20px; top: 0;}
.other .content .logo a {display: block; width: 220px; height: 240px;}
.other .content .topBar {position: absolute; left: 350px; top: 260px; height: 30px; line-height: 30px; color: #888;}
.other .content .topBar a {color: #FFF;}
.other .content .topBar img {height: 20px;}
.other .content .nav {height: 60px; line-height: 60px; background: url(other_nav_bg.gif) no-repeat left top;}
.other .content .nav ul {padding: 0 0 0 85px;}
.other .content .nav li {float: left; display: inline; position: relative;}
.other .content .nav li a {color: #FFF;}
.other .content .nav li a.one {display: block; float: left;  padding: 0 10px 0 0; margin: 0 10px 0 0; background: url(ico_li1.gif) no-repeat right center; text-align: center;}
/*.other .content .nav li a.one:hover, .other .content .nav li:hover a.one {background: url(header_nav_ahover.gif) repeat-x left top; text-decoration: none; color: #FFF;}*/
.other .content .nav li div {position: absolute; left: -10px; top: -99999px; width: 100px; background: #111;}
.other .content .nav li:hover div {top: 39px;}
.other .content .nav li:hover div a {display: block; height: 30px; line-height: 30px; color: #FFF; padding: 0 10px;}
.other .content .nav li:hover div a:hover {}
.other .content .main {float: left; display: inline; width: 600px;}
.other .content .main .cot {padding: 15px 15px 30px 15px; background: #FFF url(other_cot_bg.gif) repeat-x left top;}
.other .content .main .cot h1 {font-size: 24px; line-height: 24px; height: 40px; font-weight: bold; font-family: 微软雅黑; text-align: center; padding: 10px 0 0 0;}
.other .content .side {float: right; display: inline; width: 320px; padding: 70px 0 0 0;}
.other .content .side .tit {font-family: 微软雅黑; font-size: 18px; height: 18px; line-height: 18px; font-weight: bold; padding: 0 10px; color: #CECFD1;}
.other .content .side .tit .more {float: right; font-size: 12px; font-family: 宋体; font-weight: normal;}
.other .content .side .tit .more a {color: #CECFD1;}
.other .content .side .tit .more a:hover {color: #FFFF00;}
.other .content .side .tit h2 {display: inline; font-weight: bold;}
.other .content .side .tit em {font-family: Georgia; text-transform: uppercase; color: #BB0000;}
.other .content .side .news {margin: 20px 0;}
.other .content .side .news .lsText1 {padding: 15px 0 30px 0; background: url(ico_line1.gif) repeat-x left bottom;}
.other .content .side .links .tit {height: 40px; line-height: 40px;}
.other .content .side .links .cot a {float: left; display: block; width: 90px; height: 24px; line-height: 24px; background: url(ico_li3.gif) no-repeat left center; padding: 0 0 0 10px; color: #CECFD1;}
.other .content .side .links .cot a:hover {color: #FFFF00;}
.other .footer {width: 950px; margin: 0 auto; text-align: center;}
.other .footer .nav {border-top: 1px solid #151515; border-bottom: 1px solid #151515; height: 30px; line-height: 30px;}
.other .footer .nav a {color: #CECFD1; padding: 0 8px;}
.other .footer .nav a:hover {color: #FFF; text-decoration: none;}
.other .footer .nav span {color: #CECFD1; padding: 0 0 0 30px;}
.other .footer .copy {width: 950px; margin: 0 auto; padding: 10px 0;}

.index .tit {height: 55px; overflow: hidden; clear: both; background: url(other_tit1.gif) no-repeat left top;}
.index .tit h2 {color: #640000; font-family: 微软雅黑; font-size: 24px; height: 26px; line-height: 24px; font-weight: bold; padding: 0 0 0 45px;}
.index .tit em {display: block; font-family: Georgia; font-size: 20px; height: 20px; line-height: 20px; text-transform: uppercase; color: #888;}
.index .tit span {float: right; margin: 25px 0 0 0; font-family: 宋体;}

.listPage img {max-width: 570px;}

.listSitemap h2 {font-weight: bold; border-top: 1px dashed #DDD; padding: 10px 0 0 10px; margin: 10px 0 0 0; background: url(ico_jt7.gif) no-repeat left 15px;}
.listSitemap h2 a {font-size: 14px;}
.listSitemap h3 {margin: 8px 0 0 0;}
.listSitemap h3 a {color: #0077B0;}
.listSitemap h4 {display: inline; color: #AAA;}
.listSitemap h4 a {margin: 0 10px; color: #0077B0;}

.listText dl {padding: 0 0 20px 0;}
.listText dl dt {border: 1px dashed #DDD; background: #F7F7F7; padding: 0 10px; height: 30px; line-height: 30px;}
.listText dl dt strong {padding: 0 0 0 10px;}
.listText dl dt strong a {color: #0074B7;}
.listText dl dt em {float: right; color: #888;}
.listText dl dd {padding: 10px 0 0 0; line-height: 20px; color: #666;}
.listText dl dd em, .listText dl dd em a {color: #0074B7;}

.detailed .info {text-align: center; border-bottom: 1px dashed #CCC; padding: 0 0 15px 0; margin: 0 0 15px 0; color: #888;}
.detailed .purchase li {font-size: 16px; line-height: 22px; height: 100%; overflow: hidden; clear: both;}
.detailed .purchase li span {float: left; display: block; width: 80px;}
.detailed .purchase li em {float: left; display: block; width: 490px;}
.detailed .purchase li.price em {color: #DD0000;}
.detailed .purchase li.exp {padding: 5px 0 20px 0;}
.detailed .purchase li.exp em {color: #0076EE;}
.detailed .text {font-size: 14px; line-height: 26px; word-wrap: break-word; word-break: break-all;}
.detailed .text img {max-width: 570px;}
.detailed .text p {padding: 0 0 15px 0;}
.detailed .related {padding: 15px 0 0 0; border-top: 1px dashed #CCC; font-size: 14px;}
.detailed .related ul li {height: 24px; line-height: 24px;}

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

.page ul {height: 100%; overflow: hidden; clear: both;}
.page li {float: left; display: inline; text-align: center; margin: 0 5px 0 0; width: 26px; height: 26px; overflow: hidden;}
.page li a {display: block; width: 24px; height: 24px; line-height: 24px; border: 1px solid #CCC; background: #F7F7F7;}
.page li a:hover {border: 1px solid #DD0000; background: #DD0000; text-decoration: none; color: #FFF;}
.page li.prev {width: 52px;}
.page li.prev a {width: 50px;}
.page li.active {width: 26px; line-height: 26px; color: #DD0000; font-weight: bold;}
.page li.record {float: right; margin: 0; width: auto; color: #888;}

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

.lsPic1 {height: 100%; overflow: hidden; clear: both; width: 576px; margin: 0 0 0 -4px;}
.lsPic1 li {float: left; display: inline; width: 140px; height: 220px; margin: 0 0 0 4px; text-align: center;}
.lsPic1 li p {width: 120px; height: 150px; padding: 10px; margin: 0 0 5px 0; background: url(other_lsPic1_bg.gif) no-repeat 0 0;}
.lsPic1 li p:hover {background: url(other_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(other_lsPic2_bg.gif) no-repeat 0 0; margin: 0 0 5px 0;}
.lsPic2 li a:hover img {background: url(other_lsPic2_bg.gif) no-repeat 0 -140px;}

.lsText1 li {height: 22px; line-height: 22px; background: url(ico_li3.gif) no-repeat left center; padding: 0 0 0 10px;}
.lsText1 li em {float: right; color: #BB0000; font-size: 11px;}
.lsText1 li a {color: #CECFD1;}
.lsText1 li a:hover {color: #FFFF00;}

.lsText2 li {line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lsText2 li a {display: block; height: 45px; background: #151515 url(ico_line2.gif) repeat-x left bottom;}
.lsText2 li a:hover {background: #111 url(ico_line2.gif) repeat-x left bottom; text-decoration: none;}
.lsText2 li em {float: left; width: 60px; height: 45px; line-height: 42px; text-align: center; font-family: Georgia; font-size: 24px; color: #444;}
.lsText2 li .name {padding: 16px 0 0 0; color: #CECFD1;}
.lsText2 li .url {color: #666; font-size: 11px;}
.lsText2 li a:hover .name {color: #FFFF00;}
.lsText2 li a:hover .url {color: #999;}

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