/************COMMON STYLE************/
body { height:auto; background:#ccc; padding:10px 0 }
.wrap { clear:both; width:740px; background:#fff; margin:0 auto; padding:5px; text-align:left }
/************FORM STYLE************/
.iTextA { float:left; height:15px; border:#777 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; background:#fff; padding:0 5px; line-height:15px; font-size:12px; font-weight:normal; color:#333 }
.iTextB { float:left; height:17px; border:#777 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; background:#fff; padding:0 5px; line-height:17px; font-size:12px; font-weight:normal; color:#333 }
.textarea { border:#777 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; background:#fff; padding:5px; line-height:14px; font-size:12px; font-weight:normal; color:#333 }
/************HEAD STYLE************/
.head .nav { clear:both; height:20px; background:#666 url(/images/s_s_line2.gif) 515px 0 repeat-y }
.head .nav .fl { width:515px }
.head .nav .fr { width:220px }
.head .nav .fl ul { clear:both; margin:3px 0 0 10px }
.head .nav .fl li { float:left; display:inline; border-right:#999 1px solid; padding:0 14px; line-height:14px; font-weight:bold; vertical-align:bottom }
.head .nav .fl li a { color:#fff }
.head .nav .fl li a:hover { color:#000 }
.head .nav .fl li.s { border:0 }
.head .nav .fr h1 { clear:both; padding:0 10px; line-height:20px; text-align:center }
/************FOOT STYLE************/
.foot .nav { clear:both; height:5px; padding:5px 10px }
.foot .nav img { vertical-align:middle }
/************BARA STYLE************/
.barA { clear:both; border:#e1e1ff 1px solid; border-bottom:0; padding:0 10px; line-height:25px }
.conA { clear:both; border:#e1e1ff 1px solid; padding:10px }
.barB { clear:both; background:#f7f7ff; border-bottom:#e1e1ff 1px solid; padding:0 10px; line-height:25px }
.conB { clear:both; padding:5px }
.barC { clear:both; border:#e1e1ff 1px solid; border-bottom:0; background:#eeeeff; padding:0 10px; line-height:25px }
.conC { clear:both; border:#e1e1ff 1px solid; padding:10px }
/************common STYLE************/
.location { clear:both }
.main { clear:both; background:url(/images/s_s_line1.gif) 515px 0 repeat-y; overflow:auto; *display:inline-block
}
.mainLeft { float:left; display:inline; width:485px; padding:10px 20px 10px 10px }
.mainRight { float:right; display:inline; width:200px; padding:10px }
/************right STYLE************/
.companyInfo li { clear:both; padding:1px 0; line-height:14px; vertical-align:bottom; overflow:auto; *display:inline-block
}
.companyInfo li b { float:left; width:59px; font-size:11px; }
.companyInfo li span { float:right; width:136px }
.companyInfo li.s b, .companyInfo li.s span { clear:both; float:none; display:block; width:100% }
.feedback { clear:both; background:#fafafa; padding:10px }
.feedback li { clear:both; padding:3px 0; line-height:17px; color:#333; vertical-align:bottom; overflow:auto; *display:inline-block
}
.feedback li b { float:left; width:70px; background:url(/images/form_title_bg.gif) no-repeat; font-weight:normal; text-align:center }
.feedback li span { float:right; width:105px }
.search { clear:both; background:#fafafa; padding:10px }
.search ul { clear:both; overflow:auto; *display:inline-block
}
.search li { float:left; display:inline; margin-right:5px; vertical-align:bottom }
/************index STYLE************/
.productInfo { clear:both; overflow:auto; *display:inline-block
}
.productInfo .fl { width:230px }
.productInfo .fr { width:245px }
.productInfo .fl .name { line-height:25px; font-size:14px; text-align:center }
.productInfo .fl .name h1 { display:inline-block; background:url(/images/magnifier.gif) left center no-repeat; padding-left:20px }
.productInfo .fl .name h1 { *display:inline
}
.productInfo .fr dl { clear:both; _height:208px; min-height:208px; border:#e1e1ff 1px solid; padding:10px }
.productHot ul { clear:both; padding:5px 0; overflow:auto; *display:inline-block
}
.productHot li { float:left; display:inline; width:106px; margin:0 6px; vertical-align:bottom; text-align:center }
.productHot li img { display:block; width:100px; height:80px; border:#e5e5e5 1px solid; padding:2px; margin:0 auto }
.productPicList ul { clear:both; padding:10px 0; overflow:auto; *display:inline-block
}
.productPicList li { float:left; display:inline; width:120px; background:#eee; margin:0 10px; padding:10px; line-height:14px; vertical-align:bottom; text-align:center }
.productPicList li img { display:block; margin:0 auto }
.productTxtList ul { clear:both; padding:5px 0; overflow:auto; *display:inline-block
}
.productTxtList li { float:left; display:inline; width:141px; margin:0 10px; line-height:14px; vertical-align:bottom }
.productCateList ul { clear:both; overflow:auto; *display:inline-block
}
.productCateList li { display:inline-block; border:#e1e1ff 1px solid; background:#fafaff; padding:0 10px; margin-right:5px; vertical-align:bottom }
.productCateList li { *display:inline
}
.productPicListA ul { clear:both; padding:10px 0; overflow:auto; *display:inline-block
}
.productPicListA li { float:left; display:inline; width:140px; margin:0 10px; line-height:14px; vertical-align:bottom; text-align:center }
.productPicListA li img { display:block; margin:0 auto }
.productIntr { padding:10px; text-indent:2em }
/************material STYLE************/
.materialPic { clear:both; border-top:#808080 1px solid; padding:20px 0; text-align:center }
.materialDesc { clear:both; overflow:auto; *display:inline-block
}
.materialDesc .fl { width:230px }
.materialDesc .fr { width:245px }
.materialDesc .fl dl { clear:both; border:#e1e1ff 1px solid; padding:10px }
.materialCate li { clear:both; border-bottom:#ccc 1px dashed; padding:10px }
.materialCate li.s { border-bottom:0 }
.materialCate li a { display:inline-block; margin:0 5px; vertical-align:bottom }
.materialCate li a { *display:inline
}
.colorList li { clear:both; padding:10px; border-bottom:#eee 1px solid; overflow:auto; *display:inline-block
}
.colorList li dl.fl, .colorList li dl.fr { width:222px }
.colorList li dt { float:left; width:120px }
.colorList li dd { float:right; width:92px }
/************product STYLE************/
.productList dl { clear:both; border:#e1e1ff 1px solid; background:url(/images/s_s_line3.gif) 140px 0 repeat-y; overflow:auto; *display:inline-block
}
.productList dt { float:left; display:inline; width:120px; padding:10px }
.productList dt img { width:120px; height:90px }
.productList dd { float:right; display:inline; width:322px; padding:10px; line-height:25px }
.productPic { clear:both; border-top:#808080 1px solid; padding:20px 0; text-align:center }
.productBtn { clear:both; text-align:center }
/************factory STYLE************/
.factory li { clear:both; line-height:25px; vertical-align:bottom; text-align:center; overflow:auto; *display:inline-block
}
.factory li img { display:block; border:#eee 1px solid; padding:2px; margin:0 auto }
.factory li .fl, .factory li .fr { width:235px }
/************samples STYLE************/
.samples li { clear:both; padding:10px 0 }
.mail h6 { clear:both; background:#f9f9f9; padding:10px }
.mail li { clear:both; padding:5px 0; line-height:17px; vertical-align:bottom; overflow:auto; *display:inline-block
}
.mail li b { float:left; display:inline; width:150px; text-align:right }
.mail li span { float:right; display:inline; width:325px }
/************link STYLE************/
.link li { line-height:35px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:25px }
/************sitemap STYLE************/
.sitemap dl { clear:both; overflow:auto; *display:inline-block
}
.sitemap dt { float:left; display:inline; width:100px; background:#d1eca5; border:#fff 1px solid; padding:0 10px; font-weight:bold }
.sitemap dd { float:left }
.sitemap dd dt { width:200px; background:#e1f4fa; font-weight:normal }
.sitemap dd dd { width:50px }
.sitemap dd dd li { clear:both; background:#f5fdff; border:#fff 1px solid; font-weight:normal }