/* CSS Document */

*{padding:0px;margin:0px;}

body{ margin:5px auto;font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:150%}

a{ text-decoration:none; color:#62970C}

a:hover{ text-decoration:underline}



#main{ width:770px; background:url(images/1_01.gif) repeat-x top; margin:0px auto; padding:5px;}

#top{background:#92C937; margin-bottom:5px; height:70px;width:}

#top-bg{ margin:0 5px 5px 5px; background:url(images/1_04.gif) repeat-x; height:65px;}

#body{ background:#fff; margin-bottom:5px;border:5px solid #B7B7B7}



#body-nei1{ background:#fff url(images/bg_id_main.gif) repeat-x bottom; margin-bottom:5px;border:5px solid #B7B7B7; width:760px}

#body-nei2{filter:FlipV; background:#fff url(images/bg_id_main.gif) repeat-x top; margin-bottom:5px;}



#foot{ background:#321E7A; color:#fff; font-size:11px; line-height:20px; clear:both; }



/*bannar*/

.bannar-bg{ background:#fff url(images/1_21.gif) repeat-x top;padding-top:20px}

.bannar{ background:#fff url(images/1_24.gif) bottom repeat-x; height:250px; }

.bannar-flash{ height:250px; text-align:right; float:right}



/*menu*/

#menu{width:580px; margin-top:6px; margin-right:0px}

#menu li{ list-style:none; float:left;margin:0; padding:0; position:relative}

#menu li a{ color:#000; font-weight:bold;display:block; background:url(images/1_10.gif) no-repeat left top; height:27px; line-height:27px; text-transform:uppercase; font-size:11px;float:left;}

#menu a span{ cursor:hand;display:block; background:url(images/1_14.gif) no-repeat right top; padding:0px 10px 0px 15px; float:left}



#menu li a:hover{ color:#000; font-weight:bold;display:block; background:url(images/1_100.gif) no-repeat left top; height:27px; line-height:27px; text-decoration:none;}



#menu a:hover span{ display:block; background:url(images/1_144.gif) no-repeat right top;}



#home #menu li#m1 a,#company  #menu li#m2 a{color:#000; font-weight:bold;display:block; background:url(images/1_100.gif) no-repeat left top; height:27px; line-height:27px; text-decoration:none}

#home #menu li#m1 a span,#company  #menu li#m2 a span{display:block; background:url(images/1_144.gif) no-repeat right top; }



/*˵*/

#menu li ul {line-height: 27px; list-style-type: none; display:none;position:absolute;left:0px; top:27px; padding:0 5px 5px 5px; background:#B7B7B7; font-size:11px; width:140px;}

#menu li ul li{float:left; width:140px}



#menu li ul a{display:block;width:135px;text-align:left;background:url(images/two1.gif) repeat-y; border-bottom:1px solid #5D7535; border-top:1px solid #DEF6B7;text-align:right; color:#000; padding-right:5px;}



#menu li ul a:hover {color:#000;text-decoration:none;background:#93CA38;border-top:1px solid #FFF; border-bottom:1px solid #000}

#menu li ul a:active{color:#000;text-decoration:none;background:url(images/two2.gif) repeat-y;border-top:1px solid #FFF; border-bottom:1px solid #000}



#menu li:hover ul,#menu li.over ul{display:block;}



/*content*/

#content-left{ background:#fff url(images/1_31.gif) repeat-x bottom; float:left;margin-top:20px;  width:40%}

.search{ border-bottom:1px solid #666; margin:5px; padding-bottom:5px; font:Arial, Helvetica, sans-serif}

.search-pro{width:140px; float:left; margin-top:10px}

.sea{ background:#94CB39; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-family:11px; border:0px; margin-left:5px; border:1px solid #fff}

.sea-pro{ background:#94CB39; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-family:11px; border:0px; border:1px solid #fff; margin-top:5px}

.titel1{ font-size:15px; font-weight:bold; color:#000; margin:10px 5px; text-transform:uppercase}



/*content news*/

.content-news{ padding:10px}

.content-news ul{ margin:0px;}

.content-news ul li{ list-style:none; widows:220px;margin-left:10px;}

.content-news ul li a{ display:block; background:url(images/news-ico.gif) no-repeat 0 center; padding-left:15px}





/*content-right*/

#content-right{ background:#F7F5DD url(images/1_29.gif) no-repeat left; float:right;margin-top:20px; height:395px; width:60%; text-align:right}

.proimg{margin:5px 10px}



/*foot*/

#foot{ background:#321e7a;}

#foot .foot-left{ margin:2px 10px; width:400px;}

#foot .foot-right a{ margin:2px 10px; width:50px; font-weight:bold; float:right; text-align:center; color:#fff}



/*company-left*/

#company-left{ float:left; width:145px; background:url(images/bg_id_menuleft.gif) top left no-repeat; padding-right:25px; position:relative}



.left-menu{ margin:0px;line-height:27px; background:#b7b7b7; width:145px; padding-bottom:5px; margin-left:0px;}

.left-menu li{ list-style:none; background:url(images/two1.gif) repeat-y;}

.left-menu li a{ display:block; width:135px;border-bottom:1px solid #5D7535; border-top:1px solid #DEF6B7; color:#000; font-weight:bold;padding-right:5px;text-align:right}

.left-menu li a:hover{ display:block; width:135px;border-bottom:1px solid #000; border-top:1px solid #fff; color:#000; font-weight:bold;padding-right:5px;text-align:right; background:url(images/two2.gif) repeat-y; text-decoration:none}

.left-menu .span a{display:block; width:135px;border-bottom:1px solid #000; border-top:1px solid #fff; color:#fff; font-weight:bold;padding-right:5px;text-align:right; background:url(images/two2.gif) repeat-y; text-decoration:none}





.left-bottom{display:block;width:130px;position:absolute; bottom:40px; left:10px}



/*company-right*/

#company-right{ float:left; width:590px}

.hui{ line-height:15px; background:#b7b7b7; color:#fff; width:570px; margin:10px 0px 0px 0px; padding-left:20px}

.hui span{ color:#000}

.titel2{ font-weight:bold; font-size:18px; text-transform:capitalize; background:url(images/title2.gif) no-repeat bottom left; line-height:35px; margin-top:10px}



.about{ width:365px; margin:20px 0px;}







/*contact us*/

.green-bg-contact{ background:#96C930; padding-left:15px; font-weight:bold; color:#000}

.span-contact{font-weight:bold; color:#000}



/*orders*/

.order1{ background:#96C930}

.order2{ text-transform:capitalize; color:#000; line-height:24px; padding-left:5px}

.order3{ margin-right:10px; border:1px solid #333; float:right}

.order4{ background:#96C930; border:0px; font-weight:bold; margin:5px; font-family:Arial}



/*news*/

.news-title{ background:#96C930; padding:5px 8px; margin-bottom:10px}

.news-bg{ background:#96C930; margin-top:10px}

.news-bg{ padding:10px}

.news-bg ul{ margin:0px; line-height:26px}

.news-bg ul li{ list-style:none; widows:220px;margin-left:10px;}

.news-bg ul li a{ display:block; background:url(images/news-ico2.gif) no-repeat 0 center; padding-left:15px; color:#000}





/*products*/

ul{ list-style:none}

.pro a{ display:block;background:#B7B7B7; padding:5px; margin-top:8px; width:330px; color:#fff; height:100px;}

.pro a:hover{ background:#96C930; text-decoration:none}

.pro .pro-img{ float:left; border:0px; width:100px; margin-right:10px; position:relative;}

.pro-right{ float:left; width:200px; margin-top:10px}

.pro .pro-title{ font-weight:bold; font-size:18px; text-transform:capitalize}



/*products-1*/



.products-1{margin:20px 0px; width:570px}

.pro-border-bottom{ border-bottom:1px solid #333; font-size:15px; text-transform:capitalize; margin-top:10px}

.products-1 li{ margin-left:10px; width:250px; float:left}

.pro2 a{ display:block;background:#B7B7B7; padding:5px; margin-top:8px; color:#fff; height:80px;}

.pro2 a:hover{ background:#96C930; text-decoration:none}

.pro2 .pro-img{ float:left; border:0px; margin-right:10px; position:relative; width:147px; height:80px}

.pro2 .pro-title2{float:left; font-weight:bold; font-size:13px; text-transform:capitalize;}

.pro2 .pro-intro{ float:left}



/*products-view*/

.products-view{ color:#fff; font-weight:bold; background:#321E7A; padding-left:10px; margin:10px 0;}





/*new-products*/

.new-products{ width:550px; margin:10px 5px; background:#b7b7b7; padding:10px 0}

.left-right{ margin:0 5px}