/* CSS Document */

body{ background:#134234; font-family:Verdana, Arial; font-size:11px; margin:0; text-align:center; line-height:150%; color:#555;}
ul{ margin:0; padding:0; }
li{ list-style:none;}
a{color:#38B853; text-decoration:underline;}
a:hover{ background:#E1F4E5;}
img{ border:0;}
#header,#wrap_content,#wrap_footer{ width:1003px; margin:0 auto; text-align:left; display:block; clear:both;}


/*----------------------头部--------------------*/
#toplogo{ height:50px; background:#000;}
#navigation{ height:30px; background:url(../images/menubg.png) 0 0 repeat-x; clear:both;}
#topmenu{float:right; font-size:12px; margin-right:20px;}
#topmenu li{ float:left; display:inline; }
#topmenu li a{ line-height:30px; display:block; padding:0 0 0 13px; color:#EEE; text-decoration:none; font-weight:700;}
#topmenu li a span{ display:block; padding:0 20px 0 7px; }
#topmenu li a:hover, #topmenu li a.focus{ background:url(../images/menubg.png) 0 -60px no-repeat; color:#FFF; }
#topmenu li a:hover span, #topmenu li a.focus  span{ background:url(../images/menubg.png) right -30px no-repeat;}

/*-------------------首页内容区----------------*/
#wrap_content{ background:#FFF url(../images/leftblockbg.gif) 207px 0 repeat-y; border-top:4px solid #F5F5F5;}
#wrap_content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html #wrap_content {height: 1%;}
* html #smenu a{height:1px;}
#wrap_content {zoom: 1; display: block;}

#frontpage #wrap_content{ background:none; border-top:none;}
#frontpage #content{ height:465px; width:978px; background:url(../images/frontpage_bg.jpg) no-repeat; padding:25px 0 0 25px;}
.indexPanel{ background:#333; width:342px; margin-bottom:25px; padding-bottom:15px; color:#EEE;}
.indexPanel h3{ display:inline; clear:both;}
.indexPanel h3 span{ display:inline-block; color:#FFF;  height:20px; line-height:20px; font-size:14px; border-top:3px solid #D63333; border-bottom:3px solid #A30000; padding:0 20px; background:#C00;}
.indexPanel ul,.indexPanel p{ margin:10px 15px 0 20px;}
.indexPanel li a{ color:#EEE; text-decoration:none; padding-left:10px; background:url(../images/dot1.gif) 0 3px no-repeat;}
.indexPanel li a:hover{ color:#38B853; text-decoration:underline; background:url(../images/dot1.gif) 0 -67px no-repeat;}
.indexPanel span{color:#38B853; font-weight:700;}

.indexProduct{ width:876px; height:100px; padding:10px 0 10px 70px; background:#333 url(../images/scrollbg.gif) left top no-repeat; overflow:hidden;}
.indexProduct ul li{ width:115px; height:100px; float:left; display:inline; margin-right:10px; position:relative; }
.indexProduct ul li span{display:none; }
.indexProduct ul li img{ width:115px; height:100px; }
.indexProduct ul li a{ text-decoration:none;}
.indexProduct ul li a:hover span{ display:block; height:18px; width:115px;top:82px; left:0;  line-height:18px; position:absolute; overflow:hidden;text-align:center; font-weight:bold; color:#38B853; background:#000; }

#count{ padding:8px 30px 0 0; text-align:right; color:#FFF; font-size:14px; font-weight:700;}
#countnum{background:#FFF; color:#C00; font-weight:700; padding:0 2px;}
/*-------------------左侧----------------*/
#leftblock{ float:left; display:inline; width:190px; padding:40px 20px 20px; background:url(../images/leftimage.gif) 20px 10px no-repeat; }
#leftblock h3{ font-size:14px; color:#C00; margin:10px 0;}
#smenu{ border-bottom:1px solid #CCC;}
#smenu li{ line-height:28px; font-size:12px; border-top:1px solid #CCC; font-weight:700;  }
#smenu li a{ padding-left:22px; background:url(../images/dot2.gif) 3px 7px no-repeat; color:#555; display:block; text-decoration:none;}
#smenu li a:hover,#smenu li a.focus{ background:#EEE url(../images/dot2.gif) 3px -33px no-repeat; color:#38B853;}
#smenu ul li{ line-height:14px; font-size:12px; font-weight:700; }
#smenu ul li a{ background:url(../images/dot1.gif) 15px -142px no-repeat; color:#555; display:block; text-decoration:none;padding:5px 0 5px 25px;}
#smenu ul li a:hover,#smenu ul li a.focus{ background:#EEE url(../images/dot1.gif) 15px -212px no-repeat; color:#38B853;}
#smenu ul ul li a{padding:5px 0 5px 40px; background:url(../images/dot1.gif) 30px 8px no-repeat; color:#555; display:block; text-decoration:none; font-size:91.7%; font-weight:100;}
#smenu ul ul li a:hover,#smenu ul ul li a.focus{ background:#EEE url(../images/dot1.gif) 30px -62px no-repeat; color:#38B853;}


#leftblock p{ margin:10px 0 0 0;}
#leftblock p span{ display:block; color:#38B853; background:#EEE; font-weight:700;}

/*-----------------子页内容区----------------*/
#content{ width:710px; padding:10px 30px; float:left; display:inline; background:#FFF; }
#content h2{ font-size:18px; padding:10px 0; margin:10px 0; border-bottom:1px solid #CCC; color:#C00; }
#productList{}
#productList LI {
 DISPLAY: inline; FLOAT: left; HEIGHT: 162px; overflow:hidden;
}
#productList li a{width:140px; display:block; border:1px solid #CCC; padding:4px; margin:10px 13px 10px; text-align:center; color:#666; text-decoration:none;}
#productList li a img{ width:140px; height:105px; margin-bottom:2px;}
#productList li a span{ text-align:center; display:block; line-height:16px;}
#productList li a:hover{ background:#333; border:1px solid #333; color:#CCC;}

.pageprod{ padding:10px 250px; clear:both; display:block; height:32px;}
a.prevprod, a.nextprod{ background-image:url(../images/buttonbg.gif); background-repeat:no-repeat; display:inline; float:left; color:#FFF; font-size:12px; font-weight:700; text-decoration:none; margin-left:20px; }
a.prevprod{ background-position:0 0; padding:7px 0 0 30px; width:55px; height:25px; }
a.nextprod{ background-position:0 -64px; padding:7px 0 0 20px; width:65px; height:25px; }
a.prevprod:hover{ background-position:0 -32px;}
a.nextprod:hover{ background-position:0 -96px;}

/*-----------------分页----------------*/
#content .pagenavi{ font-size:10px; clear:both; font-weight:700; margin:10px; }
#content .pagenavi span{ padding:1px 4px; border:#CCC 1px solid; margin-left:3px; color:#CCC;}
#content .pagenavi a{ padding:1px 4px; border:#CCC 1px solid; margin-left:3px; color:#666; text-decoration:none;}
#content .pagenavi a:hover{ color:#FFF; background:#000; border:#000 1px solid; }

/*-----------------留言本---------------*/
#guestbook_form{ width:700px; line-height:24px; margin-top:20px; }
#guestbook_form li{ clear:both;}
#guestbook_form .guestbook_Item{height:32px;}
#guestbook_form .guestbook_Item2{height:170px; background:url(../images/guestbookPic.jpg) 70px 60px no-repeat;}
#guestbook_form .guestbook_Item3{height:36px; padding-left:250px;}
#guestbook_form .guestbook_Item4{height:36px; width:30px; padding-left:250px;}
#guestbook_form span.guestbook_txt{width:165px; color:#38B853; font-weight:bold; display:block; margin:0 10px 0 0; text-align:right; float:left;}
#guestbook_form input{border:#EEE 1px solid; width:350px; height:14px; line-height:12px; padding:3px; font-family:Verdana; font-size:11px;}
#guestbook_form textArea{border:#EEE  1px solid; width:350px; height:150px; line-height:15px; padding:3px; font-family:Verdana; overflow:auto; font-size:11px;}
#guestbook_form input.button1{ width:60px; border:none; height:18px; background:#38B853; color:#FFF; padding:0; line-height:18px; margin:0 0 0 20px; font-weight:700;}
span.color_red{ color:#C00; margin:0 5px;}

/*-------------------底部----------------*/
#footer{ line-height:30px; text-align:right; padding-right:10px; background:#000; color:#CCC;}