body { text-align: center; font: 12px arial, serif; }
body, p, ul, li, h1, h2, h3, h4, h5, h6, form, input { margin: 0px; padding: 0px; }
a:link, a:visited { color: #333980; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { width: 980px; margin-right: auto; margin-left: auto; }
.top { background: url(top_bg.gif) repeat-x; width: 968px; line-height: 24px; height: 24px; overflow: hidden; border-right: 1px solid #CCC; border-left: 1px solid #CCC; text-align: left; padding-left: 10px; }
.top a { padding-right: 5px; padding-left: 5px; }
.top span { float: right; }
.header { width: 980px; overflow: hidden; padding-top: 5px; }
.header .banner { height: 60px; width: 468px; float: right; overflow: hidden; clear: right; }
.menu { width: 700px; overflow: hidden; float: right; margin-top: 5px; }
.menu ul li { float: left; list-style: none; line-height: 27px; background: url(menu_bg.png) no-repeat left -27px; margin-right: 30px; font-weight: bold; font-size: 12px; padding-left: 20px; cursor: pointer; }
.menu ul li span { background: url(menu_bg.png) no-repeat right 0px; padding-right: 20px; display: block; line-height: 27px; }
.header h1 a { background: url(logo.gif); display: block; height: 68px; width: 211px; float: left; text-indent: -200em; overflow: hidden; clear: left; margin-top: -60px; }
.header h2 { float: left; width: 210px; text-align: left; font-size: 14px; color: #7D001E; }
.search { background: url(search_bg.png); height: 64px; width: 980px; margin-bottom: 5px; }
.search_block { width: 980px; height: 40px; text-align: left; overflow: hidden; }
.search_block .keyboard { height: 25px; width: 580px; float: left; vertical-align: middle; line-height: 22px; border-top: 2px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 2px solid #666; margin-top: 8px; margin-left: 130px; margin-right: 20px; }
.search_block .searchsubmit { float: left; height: 30px; width: 72px; background: #FFF url(search_submit.png); border-style: none; vertical-align: middle; line-height: 30px; text-indent: -200em; margin-top: 7px; }
.search p { width: 720px; margin-right: auto; margin-left: auto; text-align: left; color: #FFF; }
.search p a { color: #FFF; text-decoration: none; padding-right: 5px; padding-left: 5px; }
.nav { width: 980px; margin-bottom: 5px; text-align: left; }

.main { width: 980px; overflow: hidden; }
.body { float: right; width: 740px; overflow: hidden; }
.body .right { float: right; width: 230px; }
.body .right .members { border: 1px solid #FDD187; width: 228px; font-size: 16px; color: #F30; background: #FFF8EC; overflow: hidden; padding-top: 10px; padding-bottom: 10px; }
.right .members .button { background: url(members_bg.png) no-repeat; display: block; height: 35px; width: 130px; line-height: 30px; font-size: 14px; font-weight: bold; margin: 10px auto; }
.right .members .button:link, .right .members .button:visited { color: #F60; }
.right .members .button:hover { background: url(members_bg.png) no-repeat 0px -35px; text-decoration: none; }
.body .left { float: left; width: 500px; }
.body .left .mini_banner { width: 500px; overflow: hidden; margin-bottom: 5px; }
.body .left .products { width: 498px; border: 1px solid #9BBDD3; margin-bottom: 5px; }
.body .left .products h3 { font-size: 14px; line-height: 27px; text-align: left; padding-left: 10px; background: url(h_bg.png) repeat-x; border-top: 1px solid #FFF; border-bottom: 1px solid #9BBDD3; color: #003366; }
.body .left .products ul { padding-top: 5px; padding-bottom: 5px; width: 498px; }
.body .left .products ul li { white-space: nowrap; text-overflow: ellipsis; width: 115px; list-style: none; float: left; text-align: center; height: 115px; overflow: hidden; margin-right: 3px; margin-left: 4px; }
.body .left .products ul li img { height: 80px; width: 80px; padding: 5px; border: 1px solid #CCC; margin-right: auto; margin-left: auto; display: block; }
.body .left .products ul li img:hover { border: 1px solid #F60; }
.body .left .suppliers { width: 498px; border: 1px solid #9BBDD3; }
.body .left .suppliers h3 { font-size: 14px; line-height: 27px; text-align: left; padding-left: 10px; background: url(h_bg.png) repeat-x; border-top: 1px solid #FFF; border-bottom: 1px solid #9BBDD3; color: #003366; }
.body .left .suppliers ul { padding-top: 5px; padding-bottom: 5px; width: 498px; overflow: hidden; }
.body .left .suppliers ul li { float: left; width: 498px; text-align: left; margin-top: 5px; margin-bottom: 5px; }
.body .left .suppliers ul li .pic { float: left; border: 1px solid #CCC; margin-right: 10px; margin-left: 10px; }
.body .left .suppliers ul li .pic img { height: 80px; width: 80px; border-style: none; }
.body .left .suppliers ul li h4 { float: left; width: 395px; overflow: hidden; font-size: 14px; }
.body .left .suppliers ul li p { width: 395px; float: left; height: 60px; overflow: hidden; color: #666; }
.sidebar { float: left; width: 230px; }
.sidebar .category { width: 228px; overflow: hidden; border: 1px solid #FDD187; margin-bottom: 5px; }
.sidebar .category h3 { line-height: 27px; background: url(h_bg.png) repeat-x 0px -27px; border-top: 1px solid #FFF; border-bottom: 1px solid #FDD187; font-size: 14px; text-align: left; padding-left: 10px; color: #FF6600; }
.sidebar .category ul li { line-height: 30px; text-align: left; list-style: none; margin-top: -1px; border-top: 1px solid #F3F3F3; font-weight: bold; padding-left: 20px; background: url(category_ico.png) no-repeat 10px 13px; }
.sidebar .category ul li a:link, .sidebar .category ul li a:visited { text-decoration: none; color: #F06000; }
.sidebar .category ul li a:hover { text-decoration: underline; }
.spotlight-products { width: 978px; border: 1px solid #CCC; margin-bottom: 5px; overflow: hidden; padding-bottom: 5px; }
.spotlight-products h3 { background: url(h_bg.png) repeat-x 0px -54px; line-height: 27px; font-size: 14px; text-align: left; border-top: 1px solid #FFF; border-bottom: 1px solid #CCC; padding-left: 10px; color: #666; }
.spotlight-products ul { padding-top: 5px; }
.spotlight-products ul li { float: left; list-style: none; line-height: 20px; background: url(spotlight_products_ico.png) no-repeat 7px 7px; width: 220px; padding-left: 20px; text-align: left; }
.spotlight-products ul li a:link,.spotlight-products ul li a:visited { color:#999999; text-decoration: underline; }
.footer { width: 980px; overflow: hidden; line-height: 25px; }
.footer .links { height: 111px; width: 980px; background: url(footer_links_bg.png) no-repeat; display: block; color: #FFF; }
.footer .links span { width: 400px; margin-right: auto; margin-left: auto; display: block; margin-bottom: 5px; }
.footer .links a { color: #FFF; text-decoration: underline; padding-right: 5px; padding-left: 5px; }
.footer .copyright { line-height: 25px; }
/*------------------------------------------封面--------------------------------*/
.sidebar .quick { width: 228px; overflow: hidden; border: 1px solid #9BBDD3; margin-bottom: 5px; }
.sidebar .quick h3 { line-height: 27px; background: url(h_bg.png) repeat-x; border-top: 1px solid #FFF; border-bottom: 1px solid #9BBDD3; font-size: 14px; text-align: left; padding-left: 10px; }
.sidebar .quick ul { background: #E7EFF9; text-align: left; }
.sidebar .quick ul li { list-style: decimal inside; padding-left: 10px; line-height: 20px; }
.body .products { width: 738px; overflow: hidden; border: 1px solid #9BBDD3; }
.body .products h3 { line-height: 27px; background: url(h_bg.png) repeat-x ; border-top: 1px solid #FFF; border-bottom: 1px solid #9BBDD3; font-size: 14px; text-align: left; padding-left: 10px; }
.body .products ul { background: #E7EFF9; overflow: hidden; }
.body .products ul li { white-space: nowrap; text-overflow: ellipsis; width: 140px; list-style: none; float: left; text-align: center; height: 120px; overflow: hidden; margin-right: 3px; margin-left: 4px; margin-top: 10px; }
.body .products ul li img { height: 88px; width: 100px; border: 1px solid #CCC; margin-right: auto; margin-left: auto; display: block; }
.body .category { width: 738px; overflow: hidden; margin-bottom: 5px; border-right: 1px solid #9BBDD3; border-bottom: 1px solid #9BBDD3; border-left: 1px solid #9BBDD3; }
.body .category ul { overflow: hidden; }
.body .category ul li { float: left; width: 359px; text-align: left; padding-left: 10px; line-height: 30px; font-weight: bold; }
/*------------------------------------------列表--------------------------------*/
.list_right { float: right; width: 230px; overflow: hidden; }
.list_left { float: left; width: 740px; overflow: hidden; }
.list_left .product_catalog { width: 738px; overflow: hidden; border: 1px solid #9BBDD3; margin-bottom: 5px; }
.list_left .product_catalog h3 { line-height: 27px; background: url(h_bg.png) repeat-x ; border-top: 1px solid #FFF; border-bottom: 1px solid #9BBDD3; font-size: 14px; text-align: left; padding-left: 10px; }.list_left .product_catalog ul { overflow: hidden; padding-bottom: 10px; }
.list_left .product_catalog ul li { float: left; width: 738px; list-style: none; margin-top: 10px; }
.list_left .product_catalog ul li .pic { float: left; width: 120px; }
.list_left .product_catalog ul li .pic img { height: 100px; width: 100px; border: 1px solid #CCC; }
.list_left .product_catalog ul li h2 { float: left; width: 468px; text-align: left; font-size: 14px; font-weight: normal; }
.list_left .product_catalog ul li h2 span { float: right; color: #CCC; font-size: 12px; }
.list_left .product_catalog ul li p { text-align: left; width: 468px; float: left; height: 80px; }
.list_left .product_catalog ul li .contact_now_s { background: url(contact_now_s.gif); float: right; display: block; height: 20px; width: 106px; margin-right: 10px; }
/*-------------------------------------------------------------------------*/
.body .content { width: 738px; overflow: hidden; border: 1px solid #9BBDD3; margin-bottom: 5px; }
.body .content h3 { line-height: 27px; background: url(h_bg.png) repeat-x ; border-top: 1px solid #FFF; border-bottom: 1px solid #9BBDD3; font-size: 14px; text-align: left; padding-left: 10px; }
.body .content .nav_link { width: 738px; overflow: hidden; }
.body .content .nav_link .nav_left { float: left; width: 369px; text-align: left; }
.body .content .nav_link .nav_right { float: right; width: 369px; text-align: right; }
.body .content h1 { font-size: 14px; line-height: 30px; text-align: left; }
.body .content .description { float: left; }