@charset "gb2312";

/* CSS Document */

body,div,a,img,p,form,h1,h2,h3,h4,h5,h6,input,textarea,ul,li,dt,dd,dl{margin:0;padding:0; font-size:13px;}

/*???д??δ???????????????t???????????????????????????????????γ?????*/

body{

	background:url(img/bg.gif);

	}

.clear{clear:both;}

a{ color:#000; text-decoration:none;font-size:12px;}

a:hover{ color:#8a0000;}

h1{ font-size:16px; font-weight:bold;}
#Nav{width:1010px;margin:0 auto;}

#Banner,#Content,#Contenti,#Content_pro,#Content_news_fl,#Content_btm{width:1002px; margin:0 auto;}

#header{

	width:100%;

	margin:0 auto;

	margin-bottom:16px;

	background:url(img/topbg.jpg) repeat-x;

	height:290px;

	padding-top:20px;
	

	}

#Logo{

height:80px;/*????????????ж??????????????*/

}

#logoLink{

display:block;/*??????a????????????????????????????*/

width:256px;

height:48px;

background:url(img/logo.jpg) no-repeat center;

float:left;/*?????ie6??ff???Ч??????????????????仰???????margin-top:20px;???????????????????????????????仰?????????????Ч?????*/

margin-top:20px;/*????a??????????20????????????????????????жξ???????????????????*/

}



#Nav{height:50px;}

#Nav ul{

height:37px;

list-style:none;

}

#Nav ul li{height:37px; padding:9px 0 0 0; float:left;}

#Nav ul li.midline{ width:1px;}

#Nav ul li.hotline{ font-size:14px; color:#FF0; font-weight:bold; padding:9px 0 0 13px; height:37px; line-height:37px; font-family:Tahoma, Geneva, sans-serif;}

#Nav ul li a{

display:block;/*?????????????????????????????????????????????????????????????????*/

height:37px; 

color:#FFFF00;

padding:0 13px;

line-height:37px;

font-size:14px;

font-weight:bold;

font-family:Arial;

text-decoration:none;/*??????????????????????????????????????κ?????????????????*/

float:left;/*???????????????IE6?л?????????Ч??*/

}

#Nav ul li a:hover{ color:#FFF; }



#Banner{

height:240px;
overflow:hidden;
width:100%;
margin:0 auto; 


}



#Contenti{

	overflow:hidden; /*id?Content??div????????????ContentL????*/

	}

#Content{

	overflow:hidden; /*id?Content??div????????????ContentL????*/

	background:url(img/f_bg.jpg) repeat-y;

	}

#ContentL,#ContentR{float:left;}/*???????????????????????????????*/

#ContentL{width:242px;}

#ContentR{width:746px; margin:0 0 0 14px;}



#sortnav{ width:200px; margin:0 auto;}

#sortnav ul{ 

list-style:none; 

HEIGHT: 151px; /*?????????==>???е?IE???????25px*/

*HEIGHT: 151px; /*?????????==>IE6??IE7?????25px*/

_HEIGHT: 162px;; /*?????????==>IE6?????15px*/

}

#sortnav li{ width:200px; height:30px; }

#sortnav li a{ display:block; height:30px; line-height:30px; background:url(img/pronavbg.jpg); font-size:12px; color:#000; font-weight:bold; width:160px; margin:12px 0 0 0; padding:0 0 0 40px; text-decoration:none;}

#sortnav li a:hover{ color:#8A0000; }



#sortnav2{ width:200px; margin:0 auto;}

#sortnav2 ul{ list-style:none; margin:0 0 30px 0;}

#sortnav2 li{ width:200px; height:30px; }

#sortnav2 li a{ display:block; height:30px; line-height:30px; background:url(img/pronavbg.jpg); font-size:12px; color:#000; font-weight:bold; width:160px; margin:12px 0 0 0; padding:0 0 0 40px; text-decoration:none;}

#sortnav2 li a:hover{ color:#8A0000; }



#Content_pro{ margin:10px auto; background:url(img/pro_bg.gif) repeat-x;}





a.morebtn { color:#FF0; font-size:12px; text-decoration:none; margin-right:15px;}

a.morebtn:hover{ color:#fff;}



.tit14b{ font-size:14px; font-weight:bold; height:27px; line-height:27px;}



#newslist{ width:295px;}

#newslist ul{ list-style:none; }

#newslist ul li{ float:left; width:295px;}

#newslist ul li span{ float:left; width:90px; display:block; height:22px; line-height:22px; text-align:right; font-size:12px;}

#newslist ul li a{ width:205px; float:left; display:block; height:22px; line-height:22px; }



#Footer{

width:100%;

margin:0 auto;

margin-top:16px;

text-align:center;

padding: 26px 0 0 0;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

color:#fff;

line-height:20px;

background:url(img/footbg.gif) repeat-x;

height:80px;

}



#f_contact{ width:230px; margin:0 auto; background:url(img/online_bg.jpg) repeat-y; font-size:12px;}

#f_contact span{ width:200px; padding:5px 15px; line-height:22px; display:block;}



#f_tit{ width:746px; height:30px; background:url(img/f_tit_top.jpg) no-repeat; font-size:12px;}

#f_tit h2{ font-size:14px; color:#ff0; font-weight:bold; padding:0 0 0 46px; float:left; display:block; width:150px; line-height:30px; height:30px; letter-spacing:2px;}

#f_tit span{ width:535px; float:left; display:block; text-align:right; padding:0 15px 0 0; line-height:30px; height:30px;color:#ff0;}

#f_tit span a{ color:#FF0; } 

#f_content{ background:url(img/f_c_top.jpg) no-repeat; padding:30px 15px 15px 15px; line-height:180%; width:716px;}



#Content_btm{ height:14px; background:url(img/f_btm.jpg) no-repeat;}





#demo{width:948px; height:213px; overflow:hidden; overflow:hidden;}

#demo img{ width:189px; height:189px; border:#900 solid 1px; float:left; display:block;}

#demo h2{ width:191px; height:22px; line-height:22px; text-align:center; background:url(img/pro_titbg.jpg) no-repeat; font-size:12px; color:#FFF; font-weight:normal; display:block; float:left;}

#demo li{ margin: 0 10px 0 0; width:191px; float:left; display:block;}

#indemo {

float: left;

width: 800%;

}

#demo1{ float:left;}

#demo2{ float:left; }

.listout{margin:0px; padding:0px; list-style-type:none;}



#zxshop{

	height:150px;

	width:203px;

}

#demoup{overflow:hidden;height:150px;width:203px;}

#demoup ul{ width:203px;}

#demoup #demoup1,#demoup #demoup2{width:203px; height:100%; line-height:180%;}



#c_pro_content{width:710px; line-height:150%;}

#c_pro_content ul{ list-style:none;}

#c_pro_content ul li{ width:235px; line-height:180%; float:left; margin:0 0 10px 0; text-align:center;}

#c_pro_content ul li img{ border:#ccc solid 1px;}



#topage{ width:710px; line-height:150%; height:25px; text-align:center; font-size:12px;}

.hotlink{ font-size:13px;}

#contact_home_top{padding:5px 15px; line-height:22px; font-size:12px;vertical-align:middle;}

#contact_home_top *{vertical-align:middle;}