﻿@charset "utf-8";
/* CSS Document */
html, body {height:100%;}
body {margin:0; padding:0; font:11px/18px Verdana, Tahoma, Arial; color:#fff; background:#1c1c1c;}
/*body {windsor:expression(document.body.onselectstart=document.body.oncontextmenu=function(){return false;});}*/
input, select {vertical-align:middle;}
input[type=checkbox] {vertical-align:middle;}
input[type=radio] {vertical-align:text-bottom;}
* + html input[type=radio] {vertical-align:middle;}
img {border:0;}
a {color:#fff; text-decoration:none;}
a:hover {color:#99cc00; text-decoration:underline;}

.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {_height:1%;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {clear:both; font-size:0px; width:100%; height:0; line-height:0px; overflow:hidden;}
.hspacer {clear:both; width:100%; height:12px; font-size:1px; overflow:hidden;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.grayfont  {color:gray;}
.redfont   {color:red;}
.bluefont  {color:blue;}
.greenfont {color:blue;}
.textbox, .textbox:hover {padding:1px 2px; border:#bca77e solid 1px; background:#fff;}
.textbox:hover {border:#9e865e solid 1px;}
.textarea, .textarea:hover {padding:1px 2px; border:#bca77e solid 1px; background:#fff;}
.textarea:hover {border:#9e865e solid 1px;}
.checkbox {}
.button, .button:hover {margin:0 2px; padding:0 14px; height:20px; cursor:pointer; overflow:visible;}
.button, .button:hover {background:#efe1b4; border:1px solid #bca77e;}
.button:hover {border:1px solid #9e865e;}

/* pages */
.pages {clear:both; margin:20px 0 0 0; padding-top:10px; width:100%; text-align:center; border-top:2px solid #6f6f6f;}
.pages span {margin:0 6px;}
.pages strong {margin:0 6px;}
.pages a {margin:0 6px;}

/**/
#wrapper {width:100%;}

#header {width:100%; height:79px;}
#header #headerWrap {margin:0 auto; width:996px; height:79px;}
#header #logo {float:left; display:inline;}
#header #headerLinks {float:right; display:inline; margin:10px 0 0 0; color:#efefef; text-align:right;}
#header #headerLinks a {color:#dcdcdc;}

#nav {clear:both; width:100%; height:22px; background:#009a00 url(../images/nav_bg.jpg) repeat-x left top;}
#nav #navWrap {margin:0 auto; width:996px;; height:22px;}
#nav ul {float:right; margin:0; padding:0; list-style:none;}
#nav li {float:left;}
#nav li a {display:block; float:left; padding:0 16px; height:21px; line-height:21px; white-space:nowrap; overflow:hidden;}
#nav li a:hover {color:#003300;}
#nav li.current a {color:#003300; background:url(../images/nav_cur.jpg) no-repeat center top;}
#nav li.split {width:2px; height:22px; background:url(../images/nav_split.gif) no-repeat center center;}

#flash {clear:both; margin:0 auto; width:996px; text-align:center; overflow:hidden;}

#container {clear:both; width:100%; height:auto; overflow:hidden; background:#343434; zoom:1;}
#containerWrap {margin:0 auto; padding:22px 0; width:976px; zoom:1;}
#containerWrap .left {float:left; display:inline; width:195px; padding-bottom:50px;}
#containerWrap .right {float:right; display:inline; width:772px; padding-bottom:60px;}
#containerHome {margin:0 auto; padding:0 0 22px 0; width:996px; zoom:1;}

#footer {clear:both; width:100%; height:57px; color:#999; border-top:2px solid #888888;}
#footer #footerWrap {margin:0 auto; width:996px; height:57px; background:url(../images/logo_bottom.jpg) no-repeat left center;}
#footer a {color:#999;}
#footer a:hover {color:#99cc00;}
#footer #footerLinks {float:right; display:inline; margin:2px 0 0 0; text-align:right;}
#footer #copyright {float:left; display:inline; margin:18px 0 0 60px;}
#footer #copyright a {text-decoration:underline;}

/* home */
#area {margin:0 auto; padding:20px 0; width:996px; zoom:1; background:url(../images/main_bg.gif) repeat-x left -1px;}
#areaSide {float:right; display:inline; width:185px;}
#areaMain {float:left; display:inline; width:800px;}
#homeNews {width:185px;}
#homeNews .hd {width:185px; height:21px;}
#homeNews .hd h5 {margin:0; padding:0; width:185px; height:21px; text-indent:-9999px; background:url(../images/home_news_hd.jpg) no-repeat left top;}
#homeNews .bd {width:185px; height:auto; zoom:1; padding:2px 0; background:url(../images/home_news_bd.jpg) repeat-y left top;}
#homeNews .ft {width:185px; height:6px; font-size:1px; background:url(../images/home_news_ft.jpg) no-repeat left top;}
#homeNews ul {margin:0 8px; padding:0; list-style:none;}
#homeNews ul li {padding-left:14px; width:155px; height:24px; line-height:24px; background:url(../images/li_normal.gif) no-repeat 0 10px; overflow:hidden;}
#homeNews ul li a {text-decoration:none;}
#homeNews ul li span {margin-left:5px; color:#999; font-size:10px;}
#homeNews p {margin:0 10px; padding:0; text-align:right;}

#homeContact {width:185px; margin-top:10px;}
#homeContact .hd {width:185px; height:21px;}
#homeContact .hd h5 {margin:0; padding:0; width:185px; height:21px; text-indent:-9999px; background:url(../images/home_contact_hd.jpg) no-repeat left top;}
#homeContact .bd {width:185px; height:auto; zoom:1; padding:2px 0; background:url(../images/home_contact_bd.jpg) repeat-y left top;}
#homeContact .ft {width:185px; height:6px; font-size:1px; background:url(../images/home_contact_ft.jpg) no-repeat left top;}
#homeContact p {margin:0 12px; padding:0;}

#homeService {width:800px;}
#homeService .hd {width:800px; height:21px;}
#homeService .hd h5 {margin:0; padding:0; width:800px; height:21px; text-indent:-9999px; background:url(../images/home_service_hd.jpg) no-repeat left top;}
#homeService .bd {width:800px;}
#homeService .ft {width:800px;}
#homeService ul {margin:0; padding:0; list-style:none;}
#homeService ul li {float:left; display:inline; padding:0 5px; width:185px; height:280px; text-align:center;}
#homeService ul li h4 {margin:10px 0 0 0; padding:0; font-size:13px; font-weight:700; height:20px; color:#ebe9a0}
#homeService ul li h5 {margin:0; padding:0; font-size:11px; font-weight:400; height:50px; color:#bed24b}
#homeService ul li p {margin:0; padding:0;}
#homeService ul li h6 {display:block; width:191px; margin:0; padding:0; font-size:10px; font-weight:400; line-height:14px;}
.sl_h4 {display:block; width:181px; margin:10px 5px 0 5px; padding:0; font-size:13px; font-weight:700; height:20px; color:#ebe9a0}
.sl_h5 {display:block; width:181px; margin:0 5px; padding:0; font-size:11px; font-weight:400; height:50px; color:#bed24b}
.sl_p {display:block; width:181px; margin:0 5px; padding:0;}
.sl_h6 {display:block; width:181px; margin:0 5px; padding:0; font-size:10px; font-weight:400; line-height:14px;}
.li1 {background:url(../images/home_p_bg.jpg) no-repeat left top;}
.li2 {background:none;}

#area2 {clear:both; margin:0 auto; padding-bottom:z; width:959px;}
#homeLinks .hd {width:959px; height:21px;}
#homeLinks .hd h5 {margin:0; padding:0; width:959px; height:21px; text-indent:-9999px; background:url(../images/home_links_hd.jpg) no-repeat left top;}
#homeLinks .bd {width:959px;}
#homeLinks .ft {width:959px;}

#categories {width:195px;}
#categories .c1 {width:195px; height:auto; background:url(../images/cat_bd.jpg) repeat-y left top;}
#categories .c2 {width:195px; height:auto; background:url(../images/cat_hd.jpg) no-repeat left top;}
#categories .c3 {width:195px; height:auto; min-height:200px; overflow:hidden; padding-bottom:18px; background:url(../images/cat_ft.jpg) no-repeat left bottom;}
#categories h5 {margin:0 14px; padding:0; height:35px; line-height:35px;}
#categories ul {margin:0; padding:0; list-style:none;}
#categories ul li {width:195px; height:25px;}
#categories ul li a {display:block; width:195px; height:25px; line-height:25px; text-indent:24px; text-decoration:none; overflow:hidden; background:url(../images/li_normal.gif) no-repeat 10px 10px;}
#categories ul li a:hover {color:#999; text-decoration:none; overflow:hidden; background:url(../images/li_hover.gif) no-repeat 10px 10px;}
#categories ul li.cur {width:195px; height:25px; background:url(../images/cat_over.jpg) no-repeat left top;}
#categories ul li.cur a {color:#003300; background:url(../images/li_hover.gif) no-repeat 10px 10px;}

#contact {width:195px;}
#contact .c1 {width:195px; height:auto; background:url(../images/left_bd.jpg) repeat-y left top;}
#contact .c2 {width:195px; height:auto; background:url(../images/left_hd.jpg) no-repeat left top;}
#contact .c3 {width:195px; height:auto; padding-bottom:18px; background:url(../images/left_ft.jpg) no-repeat left bottom;}
#contact h5 {margin:0 14px; padding:0; height:35px; line-height:35px; color:#bdd973; text-indent:-9999px; background:url(../images/menu-contactus2.jpg) no-repeat 0 12px;}
#contact p {margin:10px 12px 0 12px; padding:0;}
#titleAboutUs {text-indent:-9999px; background:url(../images/menu-aboutus.jpg) no-repeat 0 13px;}
#titleFactoryTour {text-indent:-9999px; background:url(../images/menu-factorytour.jpg) no-repeat 0 13px;}
#titleProducts {text-indent:-9999px; background:url(../images/menu-products.jpg) no-repeat 0 13px;}
#titleServices {text-indent:-9999px; background:url(../images/menu-services.jpg) no-repeat 0 13px;}
#titleNews {text-indent:-9999px; background:url(../images/menu-news.jpg) no-repeat 0 13px;}
#titleContact {text-indent:-9999px; background:url(../images/menu-contactus.jpg) no-repeat 0 13px;}

/* main */
#banner {width:772px; overflow:hidden;}
#main {margin-top:22px; width:772px; overflow:hidden; color:#d8e9ab}
#main .title {margin:0 auto; width:754px;}
#main .title h5 {margin:0; padding:0; height:12px; line-height:12px;}
#main .content {margin:15px auto 0 auto; width:754px;}

#newsList {margin:0 auto; width:95%;}
#newsList ul {margin:0; padding:0; list-style:none;}
#newsList ul li {padding-left:14px; height:26px; line-height:26px; border-bottom:1px dotted #838a6b; background:url(../images/li_normal.gif) no-repeat 0 12px;}
#newsList ul li span {margin-left:10px; color:#999;}

#newsTitle {width:100%; line-height:160%; font-size:22px; font-weight:700; text-align:center;}
#newsPublish {width:100%; margin-bottom:16px; padding-bottom:10px; color:#999; text-align:center; border-bottom:1px dotted #838a6b;}
#newsContent {width:100%; font-size:14px; line-height:170%;}
#newsContent img {margin-bottom:12px; border:1px solid #000;}
#newsPrevNext {margin-top:16px; padding-top:15px; border-top:1px dotted #838a6b;}
#newsPrevNext ul {margin:0 0 0 2em;}
#newsPrevNext ul li {}
#newsPrevNext ul li span {margin-left:10px; color:#999;}

#productClassList {width:100%;}
#productClassList ul {margin:0; padding:0; list-style:none;}
#productClassList ul li {float:left; display:inline; margin:10px;}
#productClassList ul li p {margin:0; padding:0;}

#productList {width:100%;}
#productList ul {margin:0; padding:0; list-style:none;}
#productList ul li {float:left; display:inline; margin:0 0 15px 0; width:118px; height:138px; overflow:hidden;}
#productList ul li img {vertical-align:top;}
#productList ul li a {display:block; width:118px; height:138px; text-align:center; text-decoration:none;}
#productList ul li a:hover {color:#fff; background:url(../images/bg_productlist.jpg) no-repeat left bottom;}
#productList ul li.space {float:left; display:inline; width:9px; height:138px;}

#productDetails {width:100%;}
#productDetails .hd {width:762px; height:39px; background:url(../images/RF_detailsInfo.jpg) no-repeat left top;}
#productDetails .bd {width:762px; height:auto; overflow:hidden; zoom:1; background:url(../images/RF_center.jpg) repeat-y left top;}
#productDetails .ft {width:762px; height:15px; background:url(../images/RF_bottom.jpg) no-repeat left top;}
#productDetails #pdl {float:left; display:inline; margin:10px 20px 0 20px; width:226px;}
#productDetails #pdr {float:left; display:inline; margin:10px 0 0 0; width:476px;}
#productDetails dl {margin:0; padding:0; list-style:none;}
#productDetails dl dt {margin:0; padding:0;}
#productDetails dl dt img {vertical-align:top;}
#productDetails dl dd {margin:0; padding:0; height:32px; line-height:32px; background:#56ac0d; color:#fff; text-align:center; overflow:hidden;}
#productDetails #text {width:476px;}
#productDetails #prev_next {margin-top:20px; padding-top:15px; border-top:2px solid #838a6b;}
#productDetails #prev_next ul {margin:0; list-style:none;}
#productDetails #prev_next ul li {}
#productDetails #prev_next li span {margin-left:10px; color:#999;}
#productDetails #relatedProductsTitle {margin-top:20px; width:470px; height:14px; line-height:14px; text-indent:-9999px; background:url(../images/ti_sameSeries.jpg) no-repeat left top;}
#productDetails #relatedProducts {width:470px; height:85px; overflow:hidden;}
#relatedProducts #goleft {float:left; clear:left; margin:4px 0 0 0; cursor:pointer;}
#relatedProducts #goright {float:right; clear:right; margin:4px 0 0 0; cursor:pointer;}
#relatedProducts #photos {float:left; margin:10px 0 0 2px; width:438px; height:73px; line-height:73px; overflow:hidden;}
#relatedProducts #showArea img {display:block; float:left; margin:0 7px; padding:3px; background:url(../images/p_s_bg.jpg) no-repeat center center;}