@charset "utf-8";
/************Common Style************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#dcdcde; font:12px/19px Arial, Helvetica, sans-serif; color:#000; text-align:center }
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6, th, td { font-size:12px; font-weight:normal }
img { border:0; vertical-align:bottom }
input, select, textarea { font:12px; vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#f60; text-decoration:underline }
.wrap { clear:both; width:950px; margin:0 auto; text-align:left }
.clear { clear:both; height:0; line-height:0; font-size:0; overflow:hidden }
.fl { float:left }
.fr { float:right }
.mt { margin:10px 0 0 }
.hidden { display:none }
/************Font Style************/
.c000 { color:#000 }
.cf60 { color:#f60 }
.c999 { color:#999 }
.c666 { color:#666 }
.cf00 { color:#f00 }
.c047330 { color:#047330 }
.f18 { font-size:18px }
.fb { font-weight:bold }
/************Page Style************/
.page { clear:both; padding:20px 0; font:11px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#4b2222; text-align:center }
.page span, .page a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#666; vertical-align:middle }
.page span, .page a { *display:inline
}
.page input { height:21px; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; line-height:19px; color:#666; vertical-align:middle }
.page a:hover, .page a.ondown, .page span.ondown { border:#ff8a00 1px solid; background:#ff8a00; color:#fff }
.page a.ondown, .page span.ondown { font-weight:bold }
/************Bg Style************/
.headTop .fr, .headTop .fr ul, .headTop .fr li, .headBottom .banner, .headBottom .nav li, .headBottom .nav li span, .barA h5, .productList dd h6, .barB, .barB h6, .news li, .cart .cartBtn h6, .cart .cartBtn h6 a, #foot, .barC, .barC h5, .barC h6 { background:url(../images/36_bg.gif) no-repeat }
/************Head Style************/
#head { clear:both; width:950px; margin:5px auto 0; text-align:left }
.headTop { height:21px }
.headTop .fr { background-position:0 -4px }
.headTop .fr ul { float:left; height:21px; background-position:right -210px }
.headTop .fr li { display:inline-block; height:9px; background:url(../images/36_head_top_line.gif) right center no-repeat; padding:6px 10px; line-height:9px; font-size:9px; overflow:hidden }
.headTop .fr li { *display:inline
}
.headBottom { width:940px; background-color:#fff; padding:5px 5px 0; position:relative }
.headBottom .banner { height:208px; background-position:0 205px; background-repeat:repeat-x; background-color:#19685f }
.headBottom .logo { position:absolute; left:45px; top:35px }
.headBottom .logo a { display:block; width:100px; height:131px; background-image:url(../images/36_logo.png)!important; background-repeat:no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/36_logo.png');
_ background-image:none
}
.headBottom .icon { width:307px; height:61px; position:absolute; right:5px; bottom:3px; _bottom:2px; background-image:url(../images/36_head_ico.png)!important; background-repeat:no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/36_head_ico.png');
_ background-image:none
}
.headBottom .nav { width:100%; position:absolute; left:5px; bottom:-29px; _bottom:-30px }
.headBottom .nav ul { height:32px }
.headBottom .nav li { float:left; display:inline; background-position:0 -59px; margin:0 5px 0 0; line-height:29px; font-size:16px; text-align:center; vertical-align:bottom }
.headBottom .nav li a { color:#fff; text-decoration:none }
.headBottom .nav li span { display:block; width:130px; height:32px; background-position:right -259px }
.headBottom .nav li.s { background-position:0 -26px }
.headBottom .nav li.s span { background-position:right -292px }
/************Main Style************/
.barA { clear:both; height:27px; background:url(../images/36_h_x_line.gif) repeat-x; padding:0 10px; line-height:27px }
.barA h5 { float:left; background-position:-291px -362px; padding:0 0 0 15px; font-weight:bold; color:#03786b }
.barA h6 { float:right }
.conA { clear:both }
.barB { clear:both; height:26px; background-position:0 -92px; background-color:#878a8f; line-height:26px; color:#fff }
.barB a { color:#fff }
.barB h5 { float:left; padding:0 0 0 10px; font-weight:bold }
.barB h6 { float:right; height:26px; background-position:right -325px; padding:0 10px 0 0 }
.conB { clear:both; background:#f4f4f4; padding:5px }
.barC { clear:both; height:30px; background-position:0 -454px; background-repeat:repeat-x; line-height:30px }
.barC h5 { float:left; height:30px; background-position:0 -485px; padding:0 0 0 10px; font-size:14px; font-weight:bold }
.barC h6 { float:right; height:30px; background-position:right -485px; padding:0 10px 0 0 }
.conC { clear:both; border:#dedede 1px solid; padding:10px }
.tableA { clear:both }
.tableA td { padding:5px 10px }
#main { clear:both; width:940px; background:#fff; padding:5px; margin:0 auto; text-align:left }
.partA .fl { width:669px; margin:32px 0 0 }
.partA .fr { width:261px }
.productList dl { float:left; display:inline; width:319px; border-bottom:#ccc 1px solid; padding:15px 0 15px 15px; position:relative }
.productList dt { float:left; width:164px; display:inline; background:#eee }
.productList dt img { border:#d7d7d7 1px solid; padding:1px; background:#fff; position:relative; top:-2px; left:-2px }
.productList dd { float:right; width:140px }
.productList dd h3 { line-height:19px; font-size:14px; font-weight:bold; word-wrap:break-word }
.productList dd h3 a { color:#047330 }
.productList dd h4 { line-height:17px; white-space:nowrap; color:#999 }
.productList dd h6 { width:100px; background-position:-291px -395px; padding:0 0 0 15px; position:absolute; left:192px; bottom:20px }
.productList dd h6 a { font-size:11px; color:#f00 }
.news h6 { background:#fff; padding:0 10px; font-weight:bold }
.news ul { padding:5px 10px 0 }
.news li { background-position:-295px -421px; padding:3px 0 3px 10px; line-height:14px; font-size:11px }
.factories { background:#0b9283; padding:5px }
.factories h5 { font-size:11px; color:#fff }
.factories h5 img { display:block }
.factories h6 { padding:5px 0; text-align:right }
.factories h6 a { display:inline-block; background:#25a698; padding:0 5px; font-size:11px; color:#fff }
.factories h6 a { *display:inline
}
.cart { padding:10px }
.cart .cartIntr { color:#5a5a5a }
.cart .cartList { background:#fff; padding:5px 10px }
.cart .cartList dl { padding:5px 0; overflow:auto; *display:inline-block
}
.cart .cartList dt { float:left; display:inline; width:80px; margin:0 10px 0 0 }
.cart .cartList dd { float:left; width:110px }
.cart .cartList dd h1 { height:19px; font-weight:bold; overflow:hidden }
.cart .cartList dd h5 { color:#999 }
.cart .cartList dd h6 { text-align:right; cursor:pointer }
.cart .cartBtn { text-align:center }
.cart .cartBtn h6, .cart .cartBtn h6 a { display:inline-block }
.cart .cartBtn h6, .cart .cartBtn h6 a { *display:inline
}
.cart .cartBtn h6 { background-position:0 -119px }
.cart .cartBtn h6 a { height:26px; background-position:right -232px; padding:0 20px; line-height:24px }
.contact { padding:20px 40px }
.contact img { vertical-align:middle }
.send { padding:0 5px }
.send .list { background:url(../images/36_h_x_line1.gif) left bottom repeat-x; padding:5px 0; overflow:auto; *display:inline-block
}
.send .list dl { float:left; width:500px; padding:10px }
.send .list dt { float:left; width:164px; display:inline; background:#eee }
.send .list dt img { border:#d7d7d7 1px solid; padding:1px; background:#fff; position:relative; top:-2px; left:-2px }
.send .list dd { float:right; width:326px }
.send .list li { overflow:auto; *display:inline-block
}
.send .list li input.inputText { height:15px; border:#ccc 1px solid; background:#fff; padding:0 5px; line-height:15px; font-size:11px; color:#666 }
.send .list li b { float:left; width:100px; text-align:right }
.send .list li span { float:right; width:216px; color:#999 }
.send .list h6 { float:right; width:137px; height:114px; background:#f5f5f5; padding:40px 0 0; text-align:center }
.send .list h6 img { cursor:pointer }
.send .btn { padding:20px; text-align:center }
.productDetail { padding:10px 0 }
.productDetail dl { overflow:auto; *display:inline-block
}
.productDetail dt { float:left; display:inline; width:478px; border:#d7d7d7 1px solid; padding:10px }
.productDetail dt p { display:table-cell; width:478px; height:378px; vertical-align:middle; text-align:center; overflow:hidden; +position:relative
}
.productDetail dt span { position:static; +position:absolute;
top:50% }
.productDetail dt img { position:static; +position:relative;
top:-50%; left:-50% }
.productDetail dd { float:right; width:157px }
.productDetail dd ul { padding:1px 0 0 }
.productDetail dd li { border:#d7d7d7 1px solid; margin:-1px 0 0 }
.productDetail dd li h5 { padding:5px 10px; border-bottom:#d7d7d7 1px solid; color:#666 }
.productDetail dd li h2 { padding:10px; font-weight:bold; text-align:center }
.productDetail dd h6 { margin:10px 0 0 }
.productDetail dd h6 a { display:block; background:#f60; line-height:25px; font-weight:bold; color:#fff; text-align:center }
.factory li { padding:5px 0; line-height:25px; color:#666; text-align:center }
.factory li img { display:block; border:#f5f5f5 5px solid; background:#fff; padding:1px; margin:0 auto }
.buy { padding:0 10px 10px }
.buy ul { overflow:auto; *display:inline-block
}
.buy li { float:left; display:inline; width:300px; height:272px; background:#f5f5f5; padding:5px; margin:10px 6px 0 6px; vertical-align:bottom }
.buy li h6 { padding:10px; color:#666 }
.tableB { border-collapse:collapse }
.tableB td { border:#e5e5e5 1px solid; padding:5px; word-wrap:break-word; overflow:hidden }
.tableB td.name { width:100px }
.tableB td.origin { width:80px }
.tableB td.type { width:60px }
.tableB td.size { width:100px }
.tableB td.inch { width:80px }
.tableB td.price { width:80px }
.tableB td.quantity { width:auto }
/************Foot Style************/
#foot { clear:both; width:948px; height:53px; border-left:#d4d4d6 1px solid; border-right:#d4d4d6 1px solid; background-position:0 -146px; background-repeat:repeat-x; background-color:#fff; margin:10px auto 0; padding:10px 0 0; text-align:left }
#foot .fl { display:inline; width:300px; height:29px; background:url(../images/36_head_foot_line.gif) right center no-repeat; padding:12px 20px 0 0; text-align:right }
#foot .fr { width:608px; font-size:11px; color:#666 }
#foot .fr img { vertical-align:middle }