@charset "utf-8";
/************
 Init Style
 ************/
html,body{width:100%;height:100%}
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,div,p,table,td,th,form,fieldset,img{margin:0;padding:0;border:0}
body{background:#d7d7d7;font:12px/150% Verdana, Arial, Helvetica, sans-serif;color:#000;text-align:center}
ul,ol{list-style:none}
input,select,img{vertical-align:middle}
a{color:#333;text-decoration:none}
a:hover{color:#333;text-decoration:underline}
.wrap{clear:both;_display:inline-block;width:950px;margin:8px auto 0;text-align:left}
.wrap:after,.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both;*display:inline-block}
.c{clear:both}
.l{float:left}
.r{float:right}
/************
 Public Style
 ************/
.topBorder,.btmBorder{height:6px; overflow:hidden}
.topBorder b,.btmBorder b,.topBorder span,.btmBorder span{width:6px; height:6px; overflow:hidden}
.topBorder{background:url(/images/index_border.gif) repeat-x}
.topBorder b{float:left; background:url(/images/index_border.gif) 0 -14px no-repeat}
.topBorder span{float:right; background:url(/images/index_border.gif) -7px -14px no-repeat}
.btmBorder{background:url(/images/index_border.gif) 0 -7px repeat-x}
.btmBorder b{float:left; background:url(/images/index_border.gif) 0 -21px no-repeat}
.btmBorder span{float:right; background:url(/images/index_border.gif) -7px -21px no-repeat}
.outBorder{background:#fff url(/images/index_09.gif) repeat-y}
.inBorder{background:url(/images/index_12.gif) right top repeat-y; padding:4px 10px; overflow:auto; *display:inline-block}
#banner img{vertical-align:top}
#nav table{border-bottom:#CDC7A1 4px solid; background:#B1AB81; margin:1px 0 5px; padding:0 5px}
#nav td a{display:block; line-height:32px; font-weight:bold; color:#fff; text-align:center}
#nav td a:hover{background:#636363; text-decoration:none}
#nav td.s a{border-left:#fff 1px solid; border-right:#fff 1px solid; background:#636363}
#nav ul{height:32px; border-bottom:#CDC7A1 4px solid; background:#B1AB81; margin:1px 0 5px; padding:0 5px}
#nav li{float:left}
#nav li a{display:block; padding:0 5px; line-height:32px; font-weight:bold; color:#fff}
#nav li a:hover{background:#636363; text-decoration:none}
#nav li.s a{border-left:#fff 1px solid; border-right:#fff 1px solid; background:#636363}
#main{background:url(/images/left-bj.jpg); overflow:auto; *display:inline-block}
.left{float:left; width:206px}
.left p{height:32px; background:url(/images/Factories.jpg) no-repeat; font:bold italic 18px/29px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:center}
.left ul{padding:20px}
.left li{background:url(/images/jiantou.gif) 0 9px no-repeat; padding:5px 0 5px 20px}
.left li a{font-weight:bold; color:#9E8323; text-decoration:underline}
.left li a:hover{color:#B9A048}
.left ul ul{padding:5px 0 0}
.left li li{background:none; padding:2px 0}
.left li li a{font-weight:normal}
.left li.s{background:url(/images/left_menu_bg_yellow.gif) 0 9px no-repeat}
.left li.s a{color:#909E23}
.left li li.s{background:none}
.left li li.s a{font-weight:bold; text-decoration:none}
.left ul.s{padding:10px 20px; border-top:#9E8323 1px solid}
.right{float:right; display:inline; width:684px; _height:900px; min-height:850px; background:#fff; padding:20px; color:#333}
.right p{margin:0 0 20px; overflow:auto; *display:inline-block}
.right p b{float:left; background:url(/images/con_bar_bg.gif) left center no-repeat; padding:0 0 0 15px; font:bold 18px Arial, Helvetica, sans-serif; color:#636363}
.right p span{float:right}
.right p span a{color:#9E8323; text-decoration:underline}
.right p span a:hover{color:#B9A048}
#view{display:table; width:100%; height:100%; overflow:hidden; *position:relative}
#view p{display:table-cell; vertical-align:middle; text-align:center; *position:absolute; *left:50%; *top:50%}
#view img{*position:relative; *left:-50%; *top:-50%}
#map{padding:10px}
#map img{vertical-align:top}
#foot{clear:both; background:#CACACA; padding:10px 0; line-height:30px; color:#333; text-align:center}
#foot p{padding:0 0 0 215px}
#foot b{padding:0 0 0 139px}
#foot a{font-family:Arial, Helvetica, sans-serif; text-decoration:underline}
#foot a:hover{color:#333}
/************
 Index Style
 ************/
#index{background:url(/images/counter_tops_ind5.jpg) center top no-repeat; padding:33px 0 0}
#indexLeft{float:left; width:248px}
#indexLeft p{background:#726C42; margin:5px 0; line-height:30px; color:#fff; text-align:center}
#indexLeft p a{color:#fff}
#indexLeft li{float:left; width:16.6%; margin:5px 0; vertical-align:bottom; text-align:center; cursor:pointer}
#indexRight{float:right; width:657px; _height:250px; min-height:250px; background:#C1BC97; padding:10px; position:relative}
#indexRight li{float:left; display:inline; width:154px; margin:0 5px; vertical-align:bottom; text-align:center}
#indexRight li a{font-weight:bold}
#indexRight li img{display:block; margin:5px auto}
#indexRight li p{padding:5px; font-size:11px; line-height:150%; color:#333; text-align:left}
#indexRight .posTopLeft,#indexRight .posTopRight,#indexRight .posBottomLeft,#indexRight .posBottomRight{width:6px; height:6px; overflow:hidden; position:absolute}
#indexRight .posTopLeft{background:url(/images/index_fillet.gif) no-repeat; left:0; top:0}
#indexRight .posTopRight{background:url(/images/index_fillet.gif) -7px 0 no-repeat; right:0; _right:-1px; top:0}
#indexRight .posBottomLeft{background:url(/images/index_fillet.gif) 0 -7px no-repeat; left:0; bottom:0}
#indexRight .posBottomRight{background:url(/images/index_fillet.gif) -7px -7px no-repeat; right:0; _right:-1px; bottom:0}
#indexFoot{padding:10px 0; line-height:30px; text-align:center}
#indexFoot p{padding:0 0 0 153px}
#indexFoot b{padding:0 0 0 64px}
/************
 About Style
 ************/
.factories ul{background:url(/images/plant1_l.gif)  no-repeat; margin:20px 0; padding:0 0 0 25px; overflow:auto; *display:inline-block}
.factories li{float:left; border:#d5d5d5 4px solid; margin:0 0 0 -4px}
.factories li img{vertical-align:top}
/************
 Materials Style
 ************/
.materials a,.CounterTops a,.edge a{color:#9E8323; text-decoration:underline}
.materials a:hover,.CounterTops a:hover,.edge a:hover{color:#B9A048}
.materials ul,.CounterTops ul,.edge ul{clear:both; margin:0 0 20px}
.materials li{float:left; display:inline; width:140px; background:#F5F5F5; border:#ccc 1px outset; margin:10px 14px; vertical-align:bottom; text-align:center}
.materials li img{display:block; border:#A1A1A1 1px solid; margin:10px auto}
.materials li b{display:block; width:100%; background:#fff; padding:5px 0; line-height:20px; font-weight:normal; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.materials li.s{margin:0 80px}
.materials div,.CounterTops div,.edge div{clear:both; text-align:center}
/************
 CounterTops Style
 ************/
.top dl{background:#fff; padding:0 0 5px; overflow:auto; *display:inline-block}
.top dt{float:left; width:284px}
.top dd{float:right; width:616px; padding:10px; color:#444}
.top dd a{color:#9E8323; text-decoration:underline}
.top dd a:hover{color:#B9A048}
.top dd p{margin:10px 0 20px; overflow:auto; *display:inline-block}
.top dd p b{float:left; background:url(/images/con_bar_bg.gif) left center no-repeat; padding:0 0 0 15px; font:bold 18px Arial, Helvetica, sans-serif; color:#636363}
.top dd p span{float:right}
.proWidth{width:284px}
.CounterTops{width:606px}
.CounterTops li{float:left; display:inline; width:145px; height:151px; background:url(/images/product_list_bg.gif) no-repeat; margin:10px 20px; padding:5px 11px 11px 5px; vertical-align:bottom; text-align:center}
.CounterTops li img{display:block; margin:0 auto 4px}
.CounterTops li b{display:block; background:#F5F5F5; line-height:20px; font-size:11px; font-weight:normal; color:#444}
/************
 Edge Style
 ************/
.edge li{float:left; width:24.9%; font-weight:bold; vertical-align:bottom; text-align:center}
.edge li img{display:block; margin:10px auto}
/************
 Detail Style
 ************/
.detail h1{font-size:12px; font-weight:normal; color:#444; text-align:center}
.detail h2{border-top:#666 1px solid; border-bottom:#666 1px solid; margin:10px 0; padding:20px 0; text-align:center}
.detail h3{font-size:12px; font-weight:normal; color:#444}
/************
 Packing Style
 ************/
.processing ul,.packing ul{padding:0 60px}
.processing li,.packing li{float:left; width:49.9%; margin:20px 0; vertical-align:bottom; text-align:center}
.processing li.s,.packing li.s{width:100%}
/************
 Contact-Us Style
 ************/
.samples .txt li{padding:10px 0}
.samples .txt img{float:right; margin:0 0 0 10px}
.samples .pic li{border-top:#e5e5e5 1px solid; padding:1px 0; vertical-align:bottom; overflow:auto; *display:inline-block}
.samples .pic li b{float:left; width:100px; height:25px; background:#f9f9f9; padding:5px 10px; line-height:25px; font-weight:normal; color:#444; text-align:right}
.samples .pic li span{float:right; width:544px; padding:5px 10px; color:#f00}
.samples .pic li.s b{padding:50px 10px}
.payment li{margin:10px 50px; list-style:disc}
.payment li.s{margin:10px 0; list-style:none}
/************
 Sitemap Style
 ************/
.sitemap dl{clear:both; overflow:auto; _display:inline-block}
.sitemap dt{float:left; 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}
.sitemap dd dd{width:300px}
.sitemap dd dd li{background:#f5fdff; border:#fff 1px solid; padding:0 10px; font-weight:normal}
/************
 Page Style New
 ************/
.newPage { clear:both; font-size:11px; font-family:Tahoma, Verdana, Simsun, Microsoft YaHei, Arial Unicode MS, Mingliu, Arial, Helvetica; ; color:#555; text-align:center }
.newPage select{vertical-align:bottom}
.newPage span, .newPage a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 4px; line-height:170%; color:#555; vertical-align:middle }
.newPage span, .newPage a { *display:inline }
.newPage a:hover, .newPage span.s { border:#690 1px solid; background:#74BF0A; color:#fff }