@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	text-align:left;
	background-image:url(../images/bg.gif);
    background-repeat: repeat-y;
    background-position:top;
	FONT-WEIGHT: normal;
	FONT-FAMILY: "Arial";
	font-size:12px;
	color:#444;
}
a{color:#444; text-decoration:none}
ul,li { list-style:none; margin:0px; padding:0px}
img{margin:0; padding:0; border:0px}
#wrapper {
       width:912px;
       margin: 0 auto;
}
#header{
	 height:69px;
	 margin: 0 auto;
}
#logo {
	float:left;
	padding:13px 0 0 33px;
}
#site{
height:8px; 
width:144px;
float:right;
padding:58px 30px 0 0;
}
#learn{
height:172px;
width:629px;
padding:0 0 6px 26px; 
float:left;
}
#learnright{
height:172px; width:223px; padding:0 0 6px 4px; float:left;
}
#bg{height:10px; width:856px; padding-left:26px; float:left;}
#sidebar{
       height:485px;
	   width:850px;
	   float:left;
	   padding-left:32px;
	   margin: 0 auto;
}
#menu{
height:495px;
background-image: url(../images/banner.gif);
background-repeat: repeat-y;
float:left;
width:99px;
}
#menu ul{padding-bottom:4px; margin:0px; float:left;
}
#menu li{float:left;
display:block;
margin:0px;
clear:both;
}
#comter{
float:left;
width:751px;
}
#conleft{
background:url(../images/xu.gif) repeat-y;
float: left;
width:512px;
padding-left:16px;
}
#bring{
float: left;
padding:7px 0 11px 0;
}
#product{
width:508px;
margin:0px;
border-bottom:#ccc 1px dotted;
clear:both;
}
#product ul{
 width:498px;
 float:left;
 padding-left:0px;
 margin:0px;
}
#product li{
width:87px; 
height:120px;
float:left;
display:block; 
margin-right:12px;}
#product li a{font-family: Arial, Helvetica, sans-serif;
	          font-size: 12px;
	          text-decoration: underline;
			  color:#2c9ed8;
}
#product li a:link {color:#2c9ed8;

} 
#cent{
width:507px;
padding:5px 0 12px 0;
background:url(../images/prxu.gif) repeat-x;
}
#new{padding:5px 0 10px 0px;height:14px;}
#news{
    width:500px;
	height:116px;
}
#demo ul{padding:5 5px 0 5px; margin:0px}
#demo ul li{
background:url(../images/arrow.gif) 0 8px no-repeat; height:20px; line-height:20px;
display:block;
padding-left:8px;
}

#demo ul li a{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	text-decoration:none;
	width:450px;
	word-break:keep-all;
text-overflow:ellipsis;
overflow:hidden;
}

#demo ul li a:hover{
	color:#555;
	text-decoration:underline;
}

#right{
width:223px;
float:right;
background-color:#e6e7e8;
height:447px;
list-style-type:none;
}
#right01{
height:13px; 
width:212px;
float:left; 
padding:7px 0 12px 11px;
}
#right02{
height:13px; 
width:61px;
float:left; 
padding:0  0 10px 11px;
}
#more{
height:7px; 
width:23px; 
float:left;
padding:4px 0 10px 110px;
}
#more01{
height:7px; 
width:23px; 
float:left;
padding:4px 0 10px 88px;
}
#car{
width:210px;
float:left;
height:88px;
padding-left:13px;
}
#car ul{
float: left;
padding:0px 5px 0px 5px;
margin:0px;
}
#car ul li{
background:url(../images/index_45.gif) 0 7px no-repeat; height:20px; line-height:20px;
display:block;
padding-left:13px;
}
#car ul li a{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	text-decoration:none;
}
#car ul li a:hover{
	color:#555;
	text-decoration:underline;
}
#shang{
float: left;
width:223px;
padding:5px 0 0 0;
background:url(../images/prxu.gif) repeat-x;
height:1px;
}
#foot{
height:36px;
width:734px;
float:right;
background-color:#858585;
}
#footer{
font:12px Arial, Helvetica, sans-serif;
color:#cecece;
padding:11px 0 0 8px;
}
.cate{
word-break:keep-all;
text-overflow:ellipsis;
overflow:hidden;
line-height:30px; 
text-align:center;
width:87px;
}

#kai{
float: left;
padding:7px 0 5px 16px;
width:730px;
border-bottom:1px solid #c2c2c2;
}
#kaim{
	float: left;
	padding:12px 0 40px 16px;
	width:721px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #555;
}
.txt{ margin-left:550px}
.more{margin-left:400px;}
.title{text-align:center; font-size:14px; font-weight:bold; height:30px; line-height:30px; margin:5px}
.content{line-height:170%; font-size:14px; padding:8px;}
#main{
      float:left;width:751px; 
}
.wrap{width:855px; margin:auto;}
.top{vertical-align:bottom; margin-top:13px;}
.pro{width:167px; float:left; display:block; height:140px; margin:6px;}
.bannerL{width:629px; float:left;}
.bannerR{ float:right}
.main{background:url(../images/leftbg.gif) left repeat-y;height:auto!important;height:400px; display:table; width:855px;}
#leftbar{margin:0 0 0 4px; float:left; width:99px; display:inline;}
#leftbar ul{margin:0 0 230px 0; padding:0px}
#leftbar li{margin: auto auto 2px auto; padding:0px;}
.rightb{width:734px; float:right;}
.va{height:auto!important;height:500px;min-height:500px;}
.bootom{height:35px; background:#999999; line-height:35px; padding:0 9px; clear:both; color:#cecece}
.hrer{height:27px; line-height:27px; margin:0px 0px 5px 0px; border-bottom:#C2C2C2 1px solid}
.catetit{ margin:10px 0px 8px 0px; font-weight:bold; height:27px; line-height:27px; border-bottom:#ccc 1px dotted; color:#777}
.pro a{display:block;width:150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; color:#555; text-decoration:none}
.pro a:hover{ color:#993333; text-decoration:underline}
.lf{width:506px; height:475px; float:left; border-right:#ccc 1px dotted}
.zt{ margin:8px auto 10px auto;}
.nd{clear:both; margin:8px auto 13px auto;}
#demo{overflow:hidden; width:500px; height:155px; margin:10px auto}
.r223{width:223px; float:right; height:475px; background-color:#E6E7E8;}
.tm{margin:7px auto 12px 9px;}
#list{border-bottom:#ccc 1px dotted;}
#list ul{ margin-bottom:7px}
#list li{margin-left:16px; width:184px; background:url(../images/index_45.gif) left no-repeat; text-indent:12px; height:20px; line-height:20px;}
#list li a{width:190px; display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.more110{margin-left:110px}
.more90{margin-left:90px}
.more130{margin-left:148px}
.morer{float:right; top:7px; position:relative}
.va ul{margin-top:10px}
.va li{background:url(../images/cir.gif) left no-repeat;text-indent:12px; border-bottom:#ccc 1px dashed; height:27px; line-height:27px;}
.va li a:hover{color:#993333; text-decoration:underline;}

#left2{ width:160px; background-image:url(../images/2left.jpg);}
#left2top{ background-image:url(../images/2lefttop.jpg); height:12px;}
#left2center{}
#left2bottom{ background-image:url(../images/2leftbottom.jpg); height:12px;}

.menu1{
	padding-top:3px;
	font-size:12px;
	margin:0 0 0 4px; 
	float:left; width:99px;
	display:inline;
}
.lbox_bot {
	height:4px;
	overflow:hidden;
}
.area ul{margin:0 0 230px 0; padding:0px}
.area li{
	height:37px;
	line-height:37px;
	text-align:left;
	position:relative;
	margin: auto auto 2px auto;
	padding:0px;
}
.area li a {
	display:block;
}
.area li dl {
	width:160px;
	overflow:hidden;
	display:none;
	position:absolute;
	top:-1px;
	right:-160px;
	z-index:35533;
	background:#fef4ea;
	padding:0px;
	margin:0px;
}
.area li dl dd{margin:0px; padding:0px 2px 0px 2px; background-color:#34B2CF; height:27px; line-height:27px;}
.area li dl a {
    margin:0 5px;
	padding-left:0px;
	color:#fff;
	padding-left:7px;
	 height:25px;
	 line-height:25px;
}
.area li dl a:hover {
    margin:0 10px;
	padding-left:0px;
}
.area li.lion dl {display:block;}