body { margin: 0; padding: 0; background: #570010; font: 13px Arial, Helvetica, sans-serif; background: url(images/bg.gif); }
.l { float: left }
.r { float: right }
h3, h4, ul { margin:0; padding:0; list-style: none }
a:link, a:visited, a:active { color: #000; }
a:hover { color: #FF9900; }
.showclear { clear: both; margin: 0; padding: 0 }
.wrapper { margin: 0 auto; width: 950px; }
.header { background: url(images/header.gif) no-repeat; width: 950px; height: 160px }
/**********************************************/
.logo { width: 200px; height: 60px }
.logo img { margin: 13px 0 0 10px }
.menu { position: absolute; margin: -40px 0 0 32px; padding: 0; text-align: right }
.menu li { float: left; margin: 0 3px; padding: 0; list-style: none }
.menu li a { display: block; padding: 0; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: 600; color: #000; width: 120px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; text-indent: 36px; letter-spacing: 1px }
.menu li a:link, .menu li a:visited { background: url(images/menu_bg_a.gif) }
.menu li a:hover { background: url(images/menu_bg_b.gif); color: #480000 }
.menu li #mon_a { background: url(images/menu_bg_b.gif); color: #f00 }
/**********************************************/
.main { margin: 0; padding: 9px; background: #fff; border: 1px #997b00 solid; }
.show { margin: 0; padding: 0; width: 930px; background: url(images/tea_bg.gif) no-repeat 490px bottom; }
.bcastr { margin: 0; padding: 0; width: 498px; height: 330px; text-align: center }
/**********************************************/
.product { margin: 8px 0 0 0; padding: 0; width: 498px }
.product .top { margin: 0; padding: 10px 0 0 0; background: #fff url(images/show_title.gif) no-repeat;  width: 498px  height: 27px;
line-height: 27px; }
.product .title { margin: 0 0 0 36px; padding: 0; font-weight: 600; color: #005a02 }
.product .more { margin-left: 370px }
.product .more a { font-weight: 600; color: #005a02 }
.product .showmain { padding: 10px 5px; border: 1px #005a02 solid; width: 486px; height: 100px; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
.product .showmain a:link { font: 12px Arial, Helvetica, sans-serif; color: #333; text-decoration: none }
.product .showmain a:visited { font: 12px Arial, Helvetica, sans-serif; color: #333; text-decoration: underline }
.product .showmain a:hover { font: 12px Arial, Helvetica, sans-serif; color: #ff9000; text-decoration: underline }
.product .showmain .topic { width: 100px; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; text-align: center }
.product .showmain img { width: 100px; height: 90px }
/**********************************************/
.news { margin: 0; padding: 0; width: 420px }
.news .top { margin: 0; padding: 10px 0 0 0; background: #fff url(images/show_title.gif) no-repeat; width: 420px; height: 27px; line-height: 27px; }
.news .title { margin: 0 0 0 36px; padding: 0; font-weight: 600; color: #005a02 }
.news .more { margin-left: 288px }
.news .more a { font-weight: 600; color: #005a02 }
.news .showmain { padding: 6px 10px; border: 1px #005a02 solid; height: 134px; overflow: hidden }
.news .showmain li { margin: 4px 0; padding: 0; list-style: none; line-height: 24px; border-bottom: 1px #ccc dotted }
.news .showmain li a { float: left; display: block; font: 12px Verdana, Arial, Helvetica, sans-serif; width: 330px; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; line-height: 20px; overflow: hidden }
.news .showmain li a:link { color: #630; text-decoration: none }
.news .showmain li a:visited { color: #630; text-decoration: underline }
.news .showmain li a:hover { color: #ff9000; text-decoration: underline }
.news .showmain li span { color: #333 }
/**********************************************/
.video { margin: 0; padding: 0; width: 420px }
.video .top { margin: 0; padding: 10px 0 0 0; background: #fff url(images/show_title.gif) no-repeat; width: 420px; height: 27px; line-height: 27px; }
.video .title { margin: 0 0 0 36px; padding: 0; font-weight: 600; color: #005a02 }
.video .ay2008 { margin: 0 0 0 80px; }
.video .showmain { margin: 0; padding: 6px; border: 1px #005a02 solid; width: 406px; height: 261px; overflow: hidden }
/**********************************************/
/* about */
.main_about { margin: 10px 0 10px 20px; background: url(images/about_img.gif) no-repeat 50px right; word-break:break-all; word-wrap:break-word; width: 910px; line-height: 100% }
.main_about .show { word-break:break-all; word-wrap:break-word; width: 880px; font: 14px Arial, Helvetica, sans-serif; text-indent: 20px; line-height: 40px; overflow: hidden }
/* news */
.main_news { margin: 0 auto; padding: 0 15px; background: url(images/news_img.gif) no-repeat 40px right; width: 900px; line-height: 100% }
.newslist { margin: 0 0 20px 0; padding: 0; }
.newslist li { margin: 0; padding: 10px 0; list-style: none; display: block; border-bottom: 1px #ccc solid; }
.newslist li a:link { margin: 0; padding: 4px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration: none; border: 1px #fff solid; cursor:pointer; display:block }
.newslist li a:visited { margin: 0; padding: 4px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration: none; border: 1px #fff solid; cursor:pointer; display:block }
.newslist li a:hover { margin: 0; padding: 4px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration: none; border: 1px #f90 solid; cursor:pointer; display:block }
.newslist li .title { margin: 0; padding: 0 0 4px 0; font: 16px Arial, Helvetica, sans-serif; font-weight: 600; color: #630; width: 890px; border-bottom: 1px #ccc dotted }
.newslist li .title span { font: 12px Georgia, "Times New Roman", Times, serif; color: #005a02 }
.newslist li .content { margin: 0; padding: 4px 0 0 0; font: 12px Arial, Helvetica, sans-serif; color: #666; line-height: 140% }
.main_news li span { margin: 0; padding: 0 0 0 20px; font: 16px Georgia, "Times New Roman", Times, serif }
.main_news .view { margin: 0 10px 0 0; border: 1px #FADC80 solid; background: #FFF9E3; font-weight: 600; width: 40px; height: 36px; line-height: 36px; text-align: center }
.main_news .title { margin: 0; padding: 0; border-bottom: 1px #ccc dotted; width: 848px }
.main_news .title h3 { font: 16px Verdana, Arial, Helvetica, sans-serif; font-weight: 600 }
.main_news .addtime { display: block; margin: 0; padding: 0; font: 16px Georgia, "Times New Roman", Times, serif }
.main_news .showcontent img {
 width:expression(this.width > 880 ? "880px" : this.width); overflow:hidden; }
.main_news .showcontent { clear: both; margin: 20px 0 0 0; padding: 0; font: 14px Verdana, Arial, Helvetica, sans-serif; word-break:break-all; word-wrap:break-word; line-height: 180% }
/* product */
.main_product { margin: 10px 0 0 25px !important; margin: 10px 0 0 18px; background: url(images/product_img.gif) no-repeat 570px 500px; width: 890px; line-height: 100% }
.main_product .showlist { margin: 0; padding: 20px 0 0 0; }
.productlist { margin: 0; width: 890px; }
.productlist li { float: left; margin: 0 8px 10px 8px; padding: 0; width: 130px; height: 140px; list-style: none }
.productlist li a:link { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none }
.productlist li a:visited { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none }
.productlist li a:hover { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: underline }
.productlist .topic { margin: 0; padding: 6px 0 0 0; width: 130px; height: 20px; line-height: 20px; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; text-align: center }
.main_product .showlist .view { margin: 0 10px 0 0; border: 1px #FADC80 solid; background: #FFF9E3; font-weight: 600; width: 40px; height: 36px; line-height: 36px; text-align: center }
.main_product .showlist .title { margin: 0; padding: 0; border-bottom: 1px #ccc dotted; width: 818px }
.main_product .showlist .title h4 { font: 16px Verdana, Arial, Helvetica, sans-serif; font-weight: 600 }
.main_product .showlist .addtime { display: block; margin: 0; padding: 0; font: 12px Georgia, "Times New Roman", Times, serif }
.main_product .showlist .showcontent { clear: both; margin: 0; padding: 10px 0 0 0; font: 14px Verdana, Arial, Helvetica, sans-serif; word-break:break-all; word-wrap:break-word; width: 890px; }
#motioncontainer A IMG { margin: 10px 5px; border: 1px #fff solid; }
#motioncontainer A:hover IMG { border: 1px #ccc solid }
#motioncontainer A:hover { COLOR: red }
#motioncontainer { margin: 0 auto; padding: 0; width: 880px; height: 120px; }
NOBR { margin: 0; padding: 0; }
.photo { margin: 0 auto; padding: 0; width: 890px; border:2px solid #FFCE9D }
.photo img { text-decoration: none; border: medium none }
.main_product .showlist .showmorelink { margin: 0 0 0 5px; padding: 10px 0 0 0; }
.main_product .showlist .showmorelink li { float: left; margin: 0 3px; padding: 5px; border: 1px #CC9900 solid; width: 423px !important; width: 420px; height: 24px; line-height: 24px }
.main_product .showlist .content { margin: 0; padding: 20px 0 0 0; font: 14px Arial, Helvetica, sans-serif; word-break:break-all; word-wrap:break-word; width: 890px; line-height: 120% }
/* message */
.main_message { margin: 0 0 0 20px; padding: 10px 0 0 0; background: url(images/message_img.gif) no-repeat 520px 120px; width: 890px; line-height: 100% }
.post { margin: 0 0 0 160px; padding: 0; }
.post li { margin: 4px 0; padding: 0; list-style: none; line-height: 100% }
.post li label { float: left; margin: 0 !important; margin: 0 -20px 0 0; padding: 6px 4px 0 0; width: 80px; text-align: right; line-height: 100% }
.post #topic, .post #username, .post #email, .post #tel, .post #phone { font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: 600; border: 1px #ccc solid; color: #400000; width: 200px; height: 22px; line-height: 22px }
.post .ubbshow { position: relative; margin: -4px 0 0 70px !important; margin: -10px 0 0 0; padding: 0 0 0 14px; width: 300px; }
.post .ubbshow #edit { margin: 0; padding: 0; }
.post #codestr { font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: 600; border: 1px #ccc solid; color: #400000; letter-spacing: 4px; width: 56px; height: 22px; line-height: 22px }
.post .postbotton { padding: 3px 0 0 0; letter-spacing: 4px; width: 120px; }
/* contact */
.main_contact { margin: 10px 0 0 20px; background: url(images/contact_img.gif) no-repeat 540px 40px; width: 890px; height: 400px }
.main_contact h3 { margin: 10px 0 10px 20px }
.main_contact li { display: block; margin: 8px 0 8px 30px; padding: 0; font: 13px Verdana, Arial, Helvetica, sans-serif; list-style-type: none }
.main_contact li .mt { margin: 0 10px 0 0 !important; padding: 0; width: 80px; text-align: right }
.main_contact .email { margin: -26px 0 0 42px !important; margin: -26px 0 0 56px; text-align: left; }
.main_contact .email p { margin: 8px 0; padding: 0 }
.main_contact .email_ { font: 16px Georgia, "Times New Roman", Times, serif; font-weight: 600; color: #FF3300 }
/* sitemap */
.main_sitemap { margin: 10px 0 0 20px; background: url(images/sitemap_img.gif) no-repeat 560px 220px; width: 720px; height: 400px }
.main_sitemap li { margin: 10px 0 10px 20px; padding: 0; list-style-type: circle; font: 14px Arial, Helvetica, sans-serif; font-weight: 600 }
.msg { margin: 40px 0 10px 80px; border: 1px #FADC80 solid; background: #FFF9E3; width: 400px; height: 30px; line-height: 30px; text-align: center }
/**********************************************/
.links { margin: 10px 0; padding: 6px 4px !important; padding: 6px 4px 0 4px; background: #fff; border: 1px #997b00 solid; width: 940px; }
.links ul { margin: 0; padding: 0; list-style-type: none }
.links li { float: left; margin: 0 2px; padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #9A8085; height: 31px; line-height: 31px; }
.links li a:link, .links li a:visited, .links li a:active { font: 12px Arial, Helvetica, sans-serif; color: #9A8085; text-decoration: none }
.links li a:hover { font: 12px Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: none }
.links li img { border: medium none }
/**********************************************/
.bottom { margin: 20px auto 0 auto; padding: 0; height: 80px }
.bottom_logo { margin: 0 0 0 30px; padding: 0; background: url(images/bottom_logo.gif) no-repeat; width: 150px; height: 60px; }
.copyright { border-left: 1px #9A8085 solid; width: 735px; text-align: left }
.copyright ul { margin: 0 0 0 20px; padding: 0; list-style-type: none }
.copyright li { font: 12px Arial, Helvetica, sans-serif; color: #9A8085 }
.copyright li a:link, .copyright li a:visited, .copyright li a:active { margin: 0 20px 0 0; font: 12px Arial, Helvetica, sans-serif; color: #9A8085; text-decoration: none }
.copyright li a:hover { margin: 0 20px 0 0; font: 12px Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: none }
.copyright li img { margin: 0 2px 0 0 }
.copyright .tongji { float: right; display: block; margin: -40px 0 0 0; padding: 0; width: 180px; }
/************* showpage **************/
.showpage { padding: 4px; position:relative; height: 24px; line-height: 24px; text-align: center }
.showpage a { padding: 3px 6px; font-size: 12px; text-decoration: none; }
.page_num { border: 1px solid #DEDEB8; margin-right:3px; vertical-align: middle; }
a:hover.page_num { background-color: #FFFFCC; border: 1px solid #ff6c00; color:#000000; text-decoration: none }
.page_curpage { margin-right:3px; border: 1px solid #DEDEB8; vertical-align: middle; background-color: #FF6600; color: #000000; font-weight: bold; }
.p_redirect { border: 1px solid #DEDEB8; margin-right:3px; vertical-align: middle; font-size: 11px !important; font-size: 12px; }
a:hover.p_redirect { background-color: #FFFFCC; border: 1px solid #ff6c00; color:#000000; text-decoration: none }
.p_input { margin: 0px; padding: 0px; border: 1px solid #DEDEB8; background: #FFFFFF; vertical-align: -3px; width: 26px; height: 20px; line-height: 20px }

