/* CSS Document */





body {margin: 0px; padding: 0px; font: 12px/22px Arial; color:#666; background:#FBFDFA;}


div,ul,li,h1,h2,h3,h4,p,span,img{ margin:0; padding:0; list-style:none;}


img{ border:0;}


a{ color:#666; text-decoration:none;}


a:hover{ color:#e97200; text-decoration:underline;}


.mar{ margin-top:10px;}


.clear{clear:both;}





/*==================C-LEFT==================*/


.c_left,.leftBox,.l_b_title{ float:left; width:220px;}


.l_b_title{ background:url(images/porducts_top_08.jpg) no-repeat 0 0;}


.l_b_title h2{ color:#FFF; font:bold 14px/30px Arial; padding:5px 0 0 35px;}


/*-----Leftnav Tab---*/


#left_nav {


 width:220px;


 margin:0;


 padding:0;


 float:left;





 border-top-style:none;


    /*定义整个ul菜单的行高和背景色*/


}


/*==================一级目录===================*/


#left_nav a {


 width:220px; /*Width(一定要)，否则下面的Li会变形*/


 display: block;


 float:left;


 padding:1px;


 margin:0;


}


#left_nav li {


 background:url(images/porducts_top_15.jpg) no-repeat 0 0; /*一级目录的背景色*/


  /*border-bottom:#EDEDED 1px solid;下面的一条白边*/


 float:left;


 font:bold 12px/32px Arial;


 color:#333;


 margin:0; padding:0;


 text-indent:32px;


 width:220px;


 /*float：left,本不应该设置，但由于在Firefox不能正常显示


 继承Nav的width,限制宽度，li自动向下延伸*/


}


#left_nav li a:hover{ color:#e88323;/*一级目录onMouseOver显示的背景色*/}


#left_nav a:link,#left_nav a:visited{color:#666; text-decoration:none;}


#left_nav a:hover  {color:#FFF;text-decoration:none;font-weight:bold;}


/*==================二级目录===================*/


#left_nav li ul {list-style:none;text-align:left;}


#left_nav li ul li{ margin:0; padding:0; background:url(images/left_h.jpg) no-repeat 0 0;/*二级目录的背景色*/


 border-bottom:#EDEDED 1px solid;/*下面的一条白边*/}


#left_nav li ul a{


         width:218px;


		 font:400 12px/30px Arial;


 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/


}


/*下面是二级目录的链接样式*/


#left_nav li ul a:link,#left_nav li ul a:visited{color:#666; text-decoration:none;}


#left_nav li ul a:hover {color:#e88323; /* 二级onmouseover的字体颜色、背景色*/}


/*==============================*/


#left_nav li:hover ul {left: auto;}


#left_nav li.sfhover ul {left: auto;}








.head{ width:100%; margin:0 auto; height:137px; background:url(images/head_02.jpg) repeat-x 0 bottom;}


.top{ margin:0 auto; width:980px; height:94px;}


.logo{float:left; padding:24px 15px;}


.logo a{ display:block; background:url(images/logo_03.jpg) no-repeat 0 0; width:414px; height:45px;}


.logo a h2{ display:none;}


.logo_right{ float:right; margin:20px 10px; width:221px; height:26px;}


.logo_right p{ float:right; font:bold 12px/30px Arial; color:#666;}


.logo_right p a{ color:#666; text-decoration:none;}


.logo_right p a:hover{ color:#5A9C03; text-decoration: none;}


.search{ width:228px; float:right;}


.search_input{ border:0; font: 12px/20px Arial;height:20px; width:164px; color:#666; margin:1px 0 0 1px; padding-left:4px; float:left;}


.search_box{ background:url(images/sou_06.jpg) no-repeat 0 0; width:170px; height:26px; float:left;}


.search_btn{ float:left; width:51px; height:26px;}





.menu{ width:980px; height:43px; margin:0 auto;}


.menu li{ float:left; padding:0; position:relative;}


.menu li a{ display:block; text-align:center; text-decoration:none; float:left; font:bold 14px/43px Arial; width:120px; color:#fff; }


.menu li a:hover{ display:block; width:120px; height:43px;float:left; background:url(images/menu_hover_05.jpg) no-repeat; color:#fff; text-decoration:none;}


#hover{ display:block; width:120px; height:43px;float:left; background:url(images/menu_hover_05.jpg) no-repeat; color:#fff; text-decoration:none;}











.bottom{ width:980px; margin:10px auto;_margin:10px; border-top:solid 1px #e6e6e6;}


.bottom p{ font: 12px/20px Arial; text-align:center; padding-top:4px;}






.slideBox{ width:980px;height:242px;overflow:hidden;position:relative;}
.slideBox .hd{ height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1;}
.slideBox .hd ul{ overflow:hidden;zoom:1;float:left;}
.slideBox .hd ul li{ float:left;margin-right:2px;width:15px;height:15px;color:#fff;line-height:15px;text-align:center;background:rgba(245,174,128,.8);cursor:pointer; }
.slideBox .hd ul li.on{ background:rgba(64,65,103,.8);color:#fff;}
.slideBox .bd{ position:relative;height:100%;z-index:0;}
.slideBox .bd li{ zoom:1;vertical-align:middle;}
.slideBox .bd img{ width:980px;height:242px;display:block;}