/* CSS Document */

*{ margin:0; padding:0}
body{ font:12px/22px Arial, Helvetica, sans-serif;background:#000;height:100%;}
ul,li{ list-style:none}
a{ color:#666666; text-decoration:none}
a:hover{ text-decoration:underline;}
img{border:0px; vertical-align:middle;}
input{ vertical-align:middle}
.f_red{color:#c00}
.f_grey{color:#999;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}



#container{width:980px;margin:0 auto;}
#header{padding-bottom:23px;height:90px;background:url(../images/line.jpg) 0 bottom no-repeat;margin-bottom:10px; position:relative;}
#header #banner{position:absolute;top:0px;right:0px;background:url(../images/head_01.jpg) top right no-repeat;z-index:-1}
#header ul li{float:left;color:#fff;}
#header ul li#topmenu{text-align:right;margin:10px 20px 0 0;float:right;z-index:9}
#header ul li#topmenu a{color:#fff;font-size:12px;}
#nav{float:left;width:172px;height:412px;background:url(../images/nav_bg.jpg) no-repeat;font-weight:bolder;padding:15px 0 0 30px;}
#nav a{color:#ccc;}
#nav ul h4{color:#ccc;line-height:35px;cursor:pointer;font-size:15px;}
#nav ul div{line-height:30px;background:url(../images/doc.gif) 0 center no-repeat;padding-left:15px;margin-left:10px; cursor:pointer;color:#ccc;display:none}

#nav ul p{margin-left:30px;color:#ccc;height:22px;line-height:22px;display:none;}


#product{position:relative;width:640px;height:380px;overflow:hidden;}


#main{float:left;background:url(../images/banner.jpg) no-repeat;width:640px;height:380px; position:relative;}
#main h3{font-size:14px;color:#ccc;background:#333;height:30px;line-height:30px;padding-left:10px;}
#main h3 span.article{float:right;font-size:12px;font-weight:500;}
#main_box{width:623px;height:350px;overflow:hidden;position:relative;float:left;_height:280px;}
#main_box2{width:610px;height:376px;overflow:hidden;position:relative;float:left;_height:280px;}
.news{padding:10px;height:260px;color:#000;margin-left:20px;line-hegiht:28px;_margin-left:0px;}
.news li a{float:left;width:500px;color:#333;}
.news li span{float:left;color:#666;}
#turnpage{text-align:center;background:#ccc;height:25px; position:absolute;bottom:0px;width:639px;left:0px;_clear:both}
#content{ position:absolute;width:600px;color:#333;left:10px;}
#scroll{float:left;background:#999;width:15px;margin-left:2px;position:absolute;}
#handle{height:330px;padding-bottom:20px;text-align:center;_margin-top:-20px;overflow:hidden;_height:382px;}
#handle a{display:block;background:url(../images/scroll_bar.gif) no-repeat;height:15px;width:15px;}
#alpha{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; position:absolute;top:30px;left:0px;width:640px;height:382px;background:#ccc;}
#main .alpha2{width:639px;height:380px;}
#side{float:right;}

#about{background:url(../images/banner.jpg) no-repeat;width:649px;height:336px;}
.msg table{width:80%;border-left:1px solid #666;border-bottom:1px solid #666;margin:60px 0 0 50px;color:#666;}
.msg table td{border-top:1px solid #666;border-right:1px solid #666;padding:2px 5px;}
.contact{margin:20px 0 0 10px;}

#footer{color:#333;background:url(../images/line.jpg) 0 top no-repeat;height:50px;padding-top:25px;clear:both;margin-top:10px;}
#productslist{width:640px;height:405px;text-align:left;}
.listdiv{width:120px;height:60px;margin-left:5px;margin-top:5px;;overflow:hidden;display:inline;float:left;}
.listimg{width:120px;height:60px;}
.listtxt{width:110px;height:20px;color:White;}
.listtxt a{text-decoration:none;color:White;}
.listtxt a:hover{color:red;}
.listdivbig{width:640px;height:280px;text-align:left;}
.listdivbig img{}
#listbg{width:640px;height:70px;background:#8f8f8d}