html{font-family:Arial,'微软雅黑'}
body,div,dl,dt,dd,ul,ol,li,pre,form,
fieldset,input,textarea,p,blockquote,th,td
{margin:0;padding:0;font-size:12px;}
table
{border-collapse:collapse;border-spacing:0;}
fieldset,img
{border:0;}
h1,h2,h3,h4,h,h6,h7{margin:0;padding:0;}
address,caption,cite,code,dfn,th,var
{font-style:normal;font-weight:normal; }
ol,ul,li
{list-style:none;list-style-position : outside  }
caption,th
{text-align:left;}
q:before,q:after
{content:''; }
abbr,acronym
{border:0;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clear{position:static;zoom:1;}
.clear:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
} 
.wrapper{width:980px;margin:0 auto;position:static;zoom:1;}
.wrapper:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
} 
.wrap{width:950px;margin:0 auto;}
a{text-decoration:none;}
a:link{color:#333;}
a:visited{color:#666;}
a:hover{color:#000;text-decoration:underline;}
.t_c{text-align:center;}
.m_t{margin-top:10px;}
/*---------- 公共部分 ----------------*/
body{background:url(bg.jpg) no-repeat center top;}
.top_right{float:right;width:678px;line-height:37px;}
.top_right p a{margin:0 8px;}
#nav{background:url(nav.gif) no-repeat center bottom;line-height:37px;height:37px;position:relative;padding-left:33px;}
#nav li{float:left;line-height:37px;height:37px;position:relative;width:79px;padding-right:11px;}
#nav li a{display:block;height:37px;width:79px;text-indent:999em;overflow:hidden;}
#nav li ul{position:absolute;top:37px;left:-6px;background:url(menu_sub.gif) no-repeat right;width:100px;padding-right:15px;;display:none;}
#nav li ul li{line-height:33px;text-indent:0;text-align:center;float:left;width:80px;padding:0;}
#nav li ul li a{text-indent:0;}
#nav li.hover ul,#nav li:hover ul{display:block;}
#nav li a:hover{background:url(nav.gif) no-repeat;}
#nav li ul li a:hover{background:none;}

#nav li.nav_home a:hover{background-position:-33px top;}
#nav li.nav_about a:hover{background-position:-123px top;}
#nav li.nav_products a:hover{background-position:-213px top;}
#nav li.nav_news a:hover{background-position:-303px top;}
#nav li.nav_join a:hover{background-position:-393px top;}
#nav li.nav_biao a:hover{background-position:-483px top;}
#nav li.nav_contact a:hover{background-position:-573px top;}
.banner{padding:10px 0;}

#nav li.nav_about ul{width:360px;}
#nav li.nav_news ul{width:487px;left:-150px;}
#nav li ul li.sub_first{background:url(menu_sub.gif) no-repeat left;padding-left:15px;width:1px;float:left;position:relative;margin-left:-10px;}

.left{width:235px;float:left;margin-right:14px;}
.midd{width:492px;float:left;}
.right{width:225px;float:right;background:#EEEEEE url(right_box_top.gif) no-repeat center top;padding-bottom:5px;}

.box{background:url(box_bottom.gif) no-repeat center bottom;padding-bottom:6px;margin-bottom:10px;}
.box h3{background:url(left_title_bg.jpg) no-repeat;height:25px;line-height:25px;padding:8px 10px 0;}
.box .box_cont{border:1px solid #D5D5D5;border-width:0 1px;padding:5px;line-height:200%;}

.contact_bg{background:url(contact_pic.gif) no-repeat 100px bottom;}
.contact_bg h4,.contact_bg span{color:#285271;text-align:center;display:block;}

.news_pic{padding:8px 0;border-bottom:1px dotted #ccc;line-height:200%;display:block;height:100px}
.news_pic img{float:left;margin-right:10px;border:1px solid #ccc;padding:2px;}
.news_pic p{color:#999;line-height:150%;}
.news_pic h4{font-size:16px}

.news_list{line-height:200%;color:#999;padding:8px;}
.news_list li span{float:right}
.news_list li{background:url(lidian.gif) no-repeat left center;padding-left:10px;}

.right_cont{padding:5px;background:url(right_box_bottom.gif) no-repeat center bottom;}
.right_cont h3{padding:7px 5px;border-bottom:1px solid #93A3C3;}

.search_box{padding:5px;font-size:14px;font-weight:bold;line-height:30px;}
.search_box .search_txt{height:19px;line-height:19px;}
.search_box p{padding:4px 0;line-height:20px;}
#footer{background:url(footer.gif) repeat-x center top;line-height:200%;padding:15px 0 10px;color:#666}
#footer a{margin:0 5px;}
#footer a:link,#footer a:visited{color:#666}
#footer .footer_logo{background:url(footer_logo.gif) no-repeat 23px center; padding-left:110px;}
#footer span{float:right;}

.midd h3{background:url(right_title_bg.jpg) no-repeat right;height:33px;line-height:33px;padding-right:10px;}
.midd #menu1{background:url(right_title_bg.jpg) no-repeat left;height:30px;line-height:30px;padding-left:10px;padding-top:3px}
.midd #menu1 li{float:left;color:#fff;padding:0 10px;}
.midd #menu1 li.hover{color:#666;background:#fff;}

.nei{width:730px;float:right;}
.nei h3{font-size:15px;color:#fff;background:url(right_title_bg.jpg) no-repeat;height:30px;line-height:30px;padding-bottom:3px;padding:0 10px;}
.nei h3 span{float:right;font-size:12px;font-weight:normal;}

.nei .news_list li{border-bottom:1px dotted #ccc;line-height:250%;}
.picplay{padding:2px;border:1px solid #ccc;margin:10px auto 0;width:200px;}


.info{line-height:200%;padding:10px;}
.subject{font-size:20px;text-align:center;font-weight:bold;line-height:250%;border-bottom:1px solid #efefef}

.products_list{padding-top:5px;line-height:150%;color:#666}
.products_list b{font-size:14px;line-height:200%;}
.products_list li{float:left;width:48%;height:118px;padding:8px 5px;}
.products_list li img{float:left;margin-right:10px;border:1px solid #ccc;padding:1px;}

.pages{border-top:1px solid #ccc;padding-top:10px;text-align:center;}
.pages a{margin:0 5px;}

.cate li{border-bottom:1px solid #efefef;line-height:250%;background:url(lidian.gif) no-repeat left center;padding-left:10px;}