body{ color:#000000; font-family:"����"; font-weight:normal; background:url(images/top_bg.jpg) repeat-x #f0f0f0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,div{margin:0;padding:0; list-style:none; font-size:14px; line-height:22px;}
body,div,ul,li,dl,dt,dd{ font-size:12px; font-weight:normal;}
input{ border:none; margin:0px; padding:0px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#000000;font-weight:normal; text-decoration:none}
a:hover{ color:#f00} 
img{ border:none;}
.C{ clear:both}

.wrapper{ width:1001px; margin:auto;}

#header_bg{ background:url(images/top_bg.jpg) repeat-x;}
#header{ position:relative;}
.set{ position:absolute; right:15px; padding-top:5px; color:#fff;}
.set a{ color:#fff; padding:0 5px;}
.set a:hover{ color:#efcc0c;}
.logo{ float:left;}
.tel{ float:right;}

#nav{ background:url(images/nav_bg.jpg) repeat-x; height:38px; font-family:Microsoft Yahei;}
#nav ul li{ float:left; font-size:14px; color:#FFFFFF; line-height:38px; width:110px; text-align:center; color:#FFFFFF; background:url(images/nav_line.jpg) no-repeat;}
#nav ul li a{ color:#FFFFFF;}
#nav ul li a:hover{ color:#efcc0c;}
#nav ul li.no_bg{ background:none;}

#banner{}
#banner .inner{}

#container{ margin-top:18px;}

.about{ width:383px; float:left; margin-right:5px; display:inline; border:1px #cdcdcd solid;}
.about h2{ background:url(images/title_bg.jpg) no-repeat; text-indent:19px; height:28px; line-height:25px; color:#ce0100; border-bottom:1px #cdcdcd solid;}
.about h2 span{ float:right;}
.about .inner{ margin-top:11px; height:138px; line-height:24px; padding:0px 20px 0 10px; text-indent:2em; color:#555555; background:#f0f0f0;}
.about .inner img{ float:left; padding:7px; border:1px #cfcfcf solid; margin-right:8px;}

.news{ width:383px; float:left; margin-right:8px; display:inline; border:1px #cdcdcd solid; }
.news h2{ background:url(images/title_bg.jpg) no-repeat; text-indent:19px; height:28px; line-height:25px; color:#ce0100; border-bottom:1px #cdcdcd solid;}
.news h2 span{ float:right;}
.news .inner{ padding-top:12px; height:137px;}
.news .inner ul{ width:363px; margin:auto;}
.news .inner ul li{ background:url(images/icon.jpg) no-repeat 3px; text-indent:9px; line-height:28px; border-bottom:1px #000000 dashed; text-indent:20px;}

.contact{ width:214px; float:right; border:1px #cdcdcd solid;}
.contact h2{ background:url(images/contact.jpg) no-repeat; border-bottom:1px #cdcdcd solid; height:28px; line-height:25px; text-indent:10px; color:#FFFFFF;}
.contact h2 span{ float:right}
.contact .inner{ background:url(images/contact_bg.jpg) no-repeat bottom; padding-left:10px; padding-right:10px; padding-top:8px; line-height:24px; height:141px;}

.products{ border:1px #cdcdcd solid; margin-top:18px;}
.products h2{ background:url(images/title_bg.jpg) no-repeat; text-indent:19px; height:28px; line-height:25px; color:#ce0100; border-bottom:1px #cdcdcd solid;}
.products h2 span{ float:right;}
.products .inner{ padding:10px 10px 0 20px; height:138px; }
.products .inner ul li{ float:left; margin-right:30px; display:inline;}
.products .inner ul li img{ padding:5px;}


.products .inner li a{ border:1px #c5c3c4 solid; display:block;}
.products .inner li a:hover{ border:1px #b00100 solid; display:block;}

#footer{}

.q_link{}
.q_link h2{ font-size:12px; color:#b00100; float:left;}
.q_link .inner{ float:left; text-align:left;}
.q_link .inner a{ color:#b00100;}
.q_link .inner a:hover{ color:#666666;}

.copyright{ background:url(images/footer.jpg) repeat-x; height:42px; margin-top:5px; text-align:center; padding-top:20px; color:#555555;}
.copyright a{ color:#555555;}
.copyright a:hover{ color:#FF0000}

.sidebar{ width:215px; float:left; display:inline; }
.subnav{ border:1px #cdcdcd solid;}
.subnav h2{ background:url(images/contact.jpg) no-repeat; border-bottom:1px #cdcdcd solid; height:28px; line-height:25px; text-indent:10px; color:#FFFFFF;}
.subnav ul{ margin-bottom:15px; padding-top:5px;}
.subnav img{ display:block}
.subnav .sub1{  text-align:left; height:30px; line-height:30px;  width:175px; margin:auto; background:url(images/icon2.jpg) no-repeat 3px; text-indent:30px; border-bottom:1px #333 dashed;}
.subnav .sub1 a{ color:#000000;}
.subnav .sub1 a:hover{ color:#0f8bd1}
.subnav .sub2{ text-align:left; height:30px; line-height:30px;  width:175px; margin:auto; text-indent:30px;}
.subnav .sub2 a{ color:#000000; }
.subnav .sub2 a:hover{ color:#0f8bd1}

.main{ width:772px; float:right; display:inline; }
.crumb{background:url(images/title_bg.jpg) no-repeat; text-indent:19px; height:28px; line-height:25px; color:#ce0100; border-bottom:1px #cdcdcd solid; border:1px #cdcdcd solid;}
.crumb span{ float:right; font-weight:normal; color:#333; margin-right:10px; font-size:12px;}

.article { width:750px; margin:auto; line-height:24px; text-align:left; border:1px #50bfc8 solid; border-top:none; padding:10px; border:1px #cdcdcd solid; border-top:none;}





