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

body { font-family:宋体; font-size: 12px; color: #000; background-color:#fff; height:100%;}

a:link { font-size: 12px; text-decoration: none; color: #000; } 
a:visited { font-size: 12px; text-decoration: none; color:#000; } 
a:hover { font-size: 12px; text-decoration: none; color: #8ec63c;}
a:active { font-size: 12px; text-decoration: none; color:#8ec63c; } 

img{border:0px;}
.input{height:20px; width:300px; border:solid 1px #7f9db9;}
.textarea{  border:solid 1px #7f9db9; width: 400px; height: 80px;}
li{ list-style:none;}
.right{float:right;}
.left{float:left;}
.p_10{ padding:10px;}

#box {width: 1004px; height:100%; margin-left: auto; margin-right: auto; text-align:center;}

#top {width:1004px; height: 226px;}

#mid { width:1004px; height:auto;overflow:hidden; text-align:left;}
#mid_left { float:left; width: 256px; height:100%; background:url(../images/left_bg.gif) repeat-y; margin-bottom: -2000px; padding-bottom: 2000px;}
#mid_right { float:left; width: 748px; height:100%; margin-bottom: -2000px; padding-bottom: 2000px;}

#menu_left{width:256px; height:79px; background:url(../images/menu_left.gif) no-repeat;}
#nav{ float:left; width:728px; padding-left:20px; height:46px; background:url(../images/nav_bg.gif) no-repeat;}
#nav li { float:left; color:#fff; padding-top:16px;}
#nav li a:link,#nav li a:visited{ float:left; color:#fff; display:block; font-weight:bold; font-size:14px;}
#nav li a:hover,#nav li a:active{color:#fff;}
.line{width:1px; width:40px; text-align:center;}

#bottom{width:924px; background:url(../images/bottom_bg.gif) no-repeat left; height:72px; padding-top:5px; line-height:2.5em; text-align:center; padding-left:80px; margin-top:5px;}

/*首页 start*/

#menu_top{ width:220px; height:40px; background:url(../images/menu_top.gif) no-repeat left; padding-left:36px; padding-top:45px;}
#menu_top span{ letter-spacing:2px; font-weight:bold; font-size:20px; font-family:黑体; display:block;}

#mid_l{ float:left; width:230px; height:auto; overflow:hidden; padding-left:26px;}
#mid_index li { float:left; width:180px;}
#mid_index li a:link,#mid_index li a:visited{color:#000; display:block; width:170px; height:45px; margin-top:15px; padding:5px 0px; text-align:center; border-bottom:solid 1px #ccc;}
#mid_index li a:hover,#mid_index li a:active{color:#fff;}
.l_logo{width:170px; height:45px;}

#mid_r{ float:left;width:748px; height:auto; overflow:hidden; background-color:#fff;}
.r_t{ float:left; background:url(../images/circle.gif) no-repeat left top; height:20px; width:708px; padding-left:20px; margin-top:15px; font-weight:bold; font-size:14px; border-bottom:solid 1px #ccc;}
#hot_pro{ float:left; width:728px; height:150px; margin-top:10px;}
#hot_pro_l{ float:left; width:15px; height:150px; background:url(../images/show_pro_l.gif) no-repeat;}
#hot_pro_m{ float:left; width:696px; height:150px; background:url(../images/show_pro_m.gif) repeat-x;}
#hot_pro_r{ float:left; width:16px; height:150px; background:url(../images/show_pro_r.gif) no-repeat;}


#demo{ width:686px; height:150px; overflow:hidden; margin-left:5px;}
.product_pic{width:120px;height:110px;float:left;margin-right:15px; margin-top:15px; border:solid 1px #ccc; padding:2px;}


#index_left{ float:left; width:570px; height:auto; overflow:hidden;}
#index_pro{ text-align:center; width:570px; height:auto; overflow:hidden;}
#index_pro li { float:left; width:180px; height:140px; margin-top:5px; padding:5px;}
#index_pro li a:link,#index_pro li a:visited{color:#000; display:block; width:150px; height:140px; border:solid 1px #ccc; }
#index_pro li a:hover,#index_pro li a:active{color:#8ec63c; border:solid 1px #8ec63c;}
.r_pic{ width:120px; height:110px; padding:5px;}

#index_right{ float:right; width:145px; height:auto; overflow:hidden;}
#hbkj{ width:145px; height:51px; margin-top:10px;}
#search{ width:143px; text-align:center; margin:5px 0px; border:solid 1px #e2e7e9; height:125px;}
#search_t{ background-color:#e2e7e9; color:#305869; padding:3px 0px;}

#kf_t{ float:left; width:144px; height:32px; background:url(../images/kf_t.gif) no-repeat;}
#kf_m{ float:left; width:144px; height:100px; background:url(../images/kf_m.gif) repeat-y;}
#kf_b{ float:left; width:144px; height:7px; background:url(../images/kf_b.gif) no-repeat;}
.qq{ border:0px; margin-top:8px;}

/*首页 end*/

/*公司简介 start*/
.banner{ float:left; width:746px; height:164px; margin:2px;}
.tl{ float:left; width:700px; height:25px; color:#000; font-weight:bold; padding-left:46px; padding-top:5px; background: url(../images/nav.gif) no-repeat; margin:10px 0px; border-bottom:solid 1px #ccc;}
.tc{ float:left; width:736px; height:auto; overflow:hidden; padding:10px 5px; line-height:2em;}


.mid_l{ float:left; width:236px; height:auto; overflow:hidden; background:url(../images/left_bg.gif) repeat-y; padding-left:20px;}

.l_menu{ width:185px; text-align:center; margin:5px 0px; height:auto; overflow:hidden;}
.l_menu_t{ float:left; width:185px; background-color:#e2e7e9; color:#305869; padding:8px 0px; letter-spacing:1px;}

.l_menu_c{ width:185px; margin:10px 0px; height:auto; overflow:hidden;}
.l_menu_c li { float:left; width:185px; margin-top:5px; }
.l_menu_c li a:link,.l_menu_c li a:visited{ height:20px; padding-left:35px; color:#000; display:block; width:150px; text-align:left; border-bottom:solid 1px #ccc;}
.l_menu_c li a:hover,.l_menu_c li a:active{ color:#8ec63c;}

.l_1{ background:url(../images/num1.gif) no-repeat;}
.l_2{ background:url(../images/num2.gif) no-repeat;}
.l_3{ background:url(../images/num3.gif) no-repeat;}
.l_4{ background:url(../images/num4.gif) no-repeat;}
.l_5{ background:url(../images/num5.gif) no-repeat;}

.c_1{ background:url(../images/c1.gif) no-repeat;}
.c_2{ background:url(../images/c2.gif) no-repeat;}
.c_3{ background:url(../images/c3.gif) no-repeat;}
.c_4{ background:url(../images/c4.gif) no-repeat;}

/*公司简介 end*/

/*新闻 start*/

#news{color:#000; }
.news_t{background:url(../images/sj.gif) no-repeat left; width:90%; padding-left:15px; height:30px; border-bottom:dotted 1px #ccc;}
#news a:link,#news a:visited{color:#000; }
#news a:hover,#news a:active{color:#8ec63c;}
.xia{border-bottom:dotted 1px #ccc;}

.news_title{text-align:center; border-bottom:solid 1px #cccccc; padding:5px 10px; font-size:14px; font-weight:bold;}
.news_date{text-align:right; padding:10px;}
.news_content{ text-align:left; padding:10px; line-height:2.0em;}
.news_bottom{text-align: right; margin-top: 20px;}


/*新闻 end*/


/*产品中心 start*/
.pro_menu a:link,.pro_menu a:visited{color:#000; display:block; width:157px; height:16px; padding:8px 0px 0px 30px; margin-top:8px; background:url(../images/menu_bg1.gif) no-repeat;}
.pro_menu a:hover,.pro_menu a:active{color:#fff; background: url(../images/menu_bg3.gif) no-repeat; font-weight:bold;}

.pro_submenu{ width:187px; text-align:left; background-color:#f5f5f5;}
.pro_submenu a:link,.pro_submenu a:visited{color:#000; display:block; width:167px; height:15px; padding:5px 0px 0px 10px; margin-top:2px;}
.pro_submenu a:hover,.pro_submenu a:active{color:#fff; background-color:#0080ff; font-weight:bold;}

.pro{ float:left; width:350px; height:auto; overflow:hidden; background:url(../images/pro_bg.gif) no-repeat; margin-top:10px; padding:5px;}
.pro_title{ color:#000; font-weight:bold; margin:2px 0px; height:20px;}
.pro_pic{ float:left; width:137px; height:110px; border:solid 1px #ccc; padding:5px; margin-right:10px;}
.pro_more{ float:left; width:26px; height:10px; margin-top:10px;}

.pro li { float:left; list-style:none; width:180px; height:18px; display:block;}
.pro li a:link,.pro li a:visited{color:#32576a;}
.pro li a:hover,.pro li a:active{color:#0080ff;}

#pro_content{width:100%; height:auto;}
#pro_content li{ list-style:none;}
.big_pic{width:400px; height:350px; padding:3px; border:solid 1px #ccc;}

.pro2{ width:150px; margin:20px; margin-right:0px; text-align:center;}

/*产品中心 end*/


/*在线订购 start*/
.collapse{ border-collapse:collapse; border:1px solid #c4d0e7; background-color:#f3f6f7;}
.collapse td,th{border-collapse:collapse; border:1px solid #c4d0e7;}
.b1{width:150px; height:25px; text-align:right; color:#003463;}
.b2{text-align:left; background-color:#fff; padding-left:5px;}
.red{ color:#ff0000;}

/*在线订购 end*/


/*联系我们 start*/

#contact{background:url(../images/contact_bg.gif) no-repeat bottom left; height:450px;}
.contact_c{ margin-top: 70px; margin-left: 350px;}

/*联系我们 end*/


/*产品导航 start*/
#l_promenu{ width:185px; margin:10px 0px; height:auto; overflow:hidden;}

#menu {
   width:180px;
   line-height: 24px; 
   list-style-type: none;
   text-align:left;
    /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#menu a {
 width: 160px; 
 display: block;
 padding-left:20px;
 /*Width(一定要)，否则下面的Li会变形*/
}
#menu li {
 float:left;
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承menu的width,限制宽度，li自动向下延伸*/
}
#menu a:link,#menu a:visited  {
 background:url(../images/tip1.gif) no-repeat left 5px; 
 color:#000; text-decoration:none;
}
#menu li a:hover,#menu a:active{
  color:#000;
}
/*==================二级目录===================*/
#menu li ul {
 list-style:none;
 text-align:left;
}
#menu li ul li{ 
 margin-left:10px; 
}
#menu li ul a{
   padding-left:20px;
   width:150px;
   /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#menu li ul a:link,#menu li ul a:visited  {
   background:url(../images/tip2.gif) no-repeat left 5px; 
   color:#048e83; text-decoration:none;
}
#menu li ul a:hover,#menu li ul a:active  {
 color:#043b8e;
}
/*==============================*/
#menu li:hover ul {
 left: auto;
}
#menu li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#menu ul.collapsed {
 display: none;
}
-->
#PARENT{
 width:185px;
 padding:10px 0px;
}

/*产品导航 end*/

/*产品查询 start*/

.ddl{ width:130px; height:20px; margin-top:5px; border:solid 1px #7f9cb9;}
.search_txt{ height:18px; width:90px; border:solid 1px #7f9db9; margin-top:5px; color:#ccc;}
.search_btn{ background:url(../images/go.gif) no-repeat; width:28px; height:17px; margin-top:5px;}

/*产品查询 end*/


.ProDiv
{
    width:736px;
    height:300px; 
    overflow:scroll;
    scrollbar-face-color:#ccc; 
    scrollbar-highlight-color:#ccc;
    scrollbar-shadow-color:#454545;
    scrollbar-arrow-color:#454545;
    scrollbar-base-color:#454545;  
    scrollbar-darkshadow-color:#454545;
    scrollbar-3dlight-color:#efefef;
    scrollbar-track-color:#efefef;
}

.ProDiv table{border-collapse:collapse; border:1px solid #ccc;}
.ProDiv td{border-collapse:collapse; border:1px solid #ccc;}

.collapse table{border-collapse:collapse; border:1px solid #ccc;}
.collapse td{border-collapse:collapse; border:1px solid #ccc;}
    
.tab{display:none;}
.page{ width:100%; height:20px; border:1px solid #ccc; margin-top:10px; padding:5px 0px; text-align:center; color:red;}