/*css*/
*{ margin:0px auto; padding:0px}
body{ margin:0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; color:#666; border-right:1px solid #353535; background:#caede7}
*+html body{margin:0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; color:#666; border-left:2px solid #353535; background:#caede7}
a{ text-decoration:none; color:#006D62}
a:hover{ text-decoration:underline}
input{ font-family:Arial, Helvetica, sans-serif}
td{ padding-left:10px}

/*main*/
#main{ width:900px; margin:0 auto; background:#FFFFFF}

/*top*/
#top{ width:900px; height:130px; position:relative; background:#FFFFFF}
#top .chinese{ position:absolute; top:5px; right:5px; text-transform:uppercase}
#top .logo{ width:200px; height:130px; float:left}
#top .name{ position:absolute; width:700px; top:40px; left:200px; }

/*menu*/
#menu{ margin:0px; height:28px; line-height:28px; }
.menu-left{ list-style:none}
.menu-left li{ display:block; float:left; padding:0 10px;background:#006D62; height:28px;position:relative}

#menu .menu-left ul{ visibility:hidden; position:absolute ; top:28px; left:0px; background:#006D62;border:1px solid #fff; z-index:100}

#menu a{ color:#FBCF02; text-transform:uppercase; height:28px; font-weight:bold}
.menu-left li.span{width:32px; background:#fff;padding:0}

.menu-right{ list-style:none}
.menu-right li{ display:block; float:right; padding:0 10px;background:#006D62; height:28px;}
.menu-right li a{ color:#FBCF02; text-transform:capitalize; height:28px; font-weight:bold}
.menu-right li.span{width:32px; background:#fff;padding:0}

#menu table {position:absolute; top:0; left:0;}

#menu .menu-left li:hover ul,
#menu .menu-left a:hover ul{ visibility:visible}

#menu .menu-left ul li{ list-style:none; clear:both; line-height:18px; height:20px; width:120px; padding:0px; line-height:20px}
#menu .menu-left ul li a{ color:#fff;font-weight:normal; display:block; padding-left:6px;}
#menu .menu-left ul li a:hover{ color:#FBCF02}

/*bannar*/
#bannar{ width:900px; height:207px}

/*left*/

#left{ background:#fff; width:650px; float:right;}
#left h1{font-size:20px; font-weight:bold; text-transform:capitalize}

#left .company{ margin:40px 50px 0 50px}
#left .company p{ margin:10px; padding-left:10px; border-left:1px solid #FBCF02; font-size:12px}
#left .company p a{color:#FB8F02; font-weight:bold; text-decoration:underline; text-transform:uppercase; margin-left:6px}

#left .products{margin:40px 50px 0 50px}
#left .products p{ width:550px}
#left .products a{ display:block; margin:10px 5px; padding:5px;background:#eee; width:156px; float:left; text-align:center}
#left .products a:hover{background:#ddd}

#left .directory{margin:40px 50px 0 50px; clear:both}
#left .directory p{width:500px; margin-top:10px; font-size:12px}
#left .directory a{ display:block; float:left; width:150px; background:url(images/icon1.jpg) no-repeat left center; padding-left:10px; line-height:23px; color:#666; margin-left:5px}
#left .directory a:hover{ background:#efefef; font-weight:bold; color:#00664D}

/*right*/
#right{background:#eee; width:250px; float:left;}
#right .pro{ margin:0px; list-style:none; line-height:25px;}
#right .pro li{ font-weight:bold; border-bottom:1px solid #fff; padding-left:10px; text-transform:capitalize; color:#555}
#right .pro li a{ font-weight:normal;padding-left:17px; display:block}
#right .pro li.big{ background:url(images/icon1.jpg) no-repeat 4px center}
#right .pro li.big a{ padding-left:5px; font-weight:bold; text-transform:uppercase}
#right .pro li a:hover{ background:#00664D; color:#fff; font-weight:bold; text-decoration:none}

#right .online{ background:url(images/en_13.jpg) repeat-y; width:250px; padding-bottom:10px}
#right .online p{ margin:10px 10px 0 10px; color:#fff;}
#right .online p a{color:#FB8F02; font-weight:bold; text-decoration:underline; text-transform:uppercase; margin-left:6px}

#right .content{ margin-top:2px}
#right .content p{ margin:10px}

/*about*/
#left .about{ margin:40px 50px}
#left .about p{ margin:10px; padding-left:10px; border-left:1px solid #FBCF02; font-size:12px}
#left .about p img{ float:left; margin:10px 20px 10px 0px}

/*contact*/
#left .contact{ margin:40px 50px; background:url(images/02.gif) no-repeat right bottom; height:80%}
#left .contact p{ margin:10px; padding-left:10px; border-left:1px solid #FBCF02; font-size:12px}
#left .contact p span{ color:#009571; text-transform:uppercase; font-weight:bold}
#left .contact p img{ padding:3px; background:#efefef; width:200; height:88px}

/*online*/
#left .online{ margin:40px 50px}
#left .online p{ margin:10px; padding-left:10px; border-left:1px solid #FBCF02; font-size:12px}
#left .online p img{ float:left; margin:10px 20px 10px 0px}
#left .online .span{ display:block; border:2px solid #efefef; margin:5px; padding:5px; color:#999; font-weight:bold}

/*products*/
#left .products2{ margin:40px 50px 10px 50px}
#left .products2 ul{ width:530px; margin:10px 8px;border-left:1px solid #FBCF02; list-style:none; }
#left .products2 li{ width:220px; float:left;margin-left:20px}
#left .products2 h2{ font-size:12px; font-weight:normal}


#left .our-products{ margin:40px 50px 10px 50px; widows:100%; float:left}
#left .our-products p{ margin-left:20px}
#left .our-products p a{display:block;padding:0 5px;background:url(images/icon1.jpg) no-repeat left center; width:156px; float:left; padding-left:10px; margin-left:5px}

/*products-view*/
#left .products-view{margin:40px 50px}
#left .products-view img{ text-align:center;  margin:5px auto}
#left .products-view table{ margin:0px}

/*footer*/
#foot{ clear: both;background:url(images/en_17.jpg) no-repeat center; width:900px;line-height:43px; text-align:center; color:#FBCF02; text-transform:capitalize;}