.header{ background:url(../images/headerbg.jpg) 0 0 repeat-x scroll; height:90px;}
.logo{ float:left; margin-top:18px; margin-left:4px;}
.search{ float:right; margin-top:36px; margin-right:10px;}
.search1{ background:url(../images/searchbg.jpg) 0 0 no-repeat scroll; width:173px; height:23px; line-height:23px; padding-left:5px; color:#999999; border:0;}
.nav{ background:url(../images/navbg.jpg) 0 0 repeat-x scroll; height:34px; line-height:34px;}
.nav ul{ width:950px; margin:0 auto;}
.nav ul li{ display:block; background:url(../images/navbg2.jpg) right 0 no-repeat scroll; float:left}
.nav ul li a{ display:block; height:34px; padding-left:22px; padding-right:22px; color:#000000; font-size:14px; font-weight:bold; float:left}
.nav ul li a:hover{background:url(../images/navbg1.jpg) 0 0 repeat-x scroll; text-decoration:none;}

.wrap{ width:950px; clear:both; margin:0 auto; background-color:#FFFFFF}

.m1 h2,.m2 h2,.m3 h2,.m4 h2,.m5 h2{ font-size:12px; font-weight:bold; color:#333333;}
.m1{
	width:350px;
	height:169px;
	background:url(../images/line.jpg) right 0 no-repeat scroll;
	float:left;
	margin-top:10px
}
.m1 p{
	width:300px;
	padding-top:10px;
	padding-bottom:10px;
	color:#999999;
	line-height:20px;
	padding-left:28px;
}
.m1 h2{ background:url(../images/men1.jpg) 0 0 no-repeat scroll; height:34px; line-height:34px; padding-left:28px;}
.m1 h3{ padding-left:28px;}
.m2 {
	width:320px;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	padding-left: 20px;
}

.m3{
	width:200px;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	padding: 0px;
	margin-left: 30px;
}

.m2 h2 {
	height:30px;
	line-height:34px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 320px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	}

.m3 h2{
	height:30px;
	line-height:34px;
	display: block;
	margin: 0px;
}
.m2 h3{
	padding-left:20px;
	margin-top:10px;
	float: left;
}
.m3 h3{ padding-left:24px; margin-top:10px;}
.m2 p{ text-align:center; margin-top:10px;}
.m3 p{ text-align:center; margin-top:10px;}

*html .m4{
	clear:both;
	margin-left:14px;
	width:230px;
	float:left;
	background:url(../images/line.jpg) right 0 no-repeat scroll
}


.m4{
	clear:both;
	margin-left:28px;
	width:230px;
	float:left;
	background:url(../images/line.jpg) right 0 no-repeat scroll
}
.m4 h2{ background:url(../images/leftbg.jpg) 0 0 no-repeat scroll; height:24px; line-height:24px; padding-left:20px;}
.m4 ul{ margin-top:10px; margin-bottom:10px;}
.m4 ul li{ padding-top:5px; padding-bottom:5px; padding-left:25px; background:url(../images/arrs.gif) 19px 11px scroll no-repeat}
.m4 ul li a{ color:#747474;}
.m5{
	width:652px;
	float:left;
	margin-left:10px;
}
.m5 h2{ background:url(../images/rightbg.jpg) 0 0 no-repeat scroll; height:24px; line-height:24px; padding-left:20px; color:#333333;}
.m5 ul{ margin-top:10px;}
.m5 ul li{ display:inline; margin-left:20px; float:left}
.m5 ul li a{ display:block; float:left; border:#e4e4e4 1px solid}
.m5 ul li a img{ width:130px; height:130px;}

.footer{ width:950px; margin:0 auto; height:132px; clear:both}
.footer ul{ background:url(../images/footerbg.jpg) 0 0 no-repeat scroll; height:33px; line-height:33px; padding-left:20px;}
.footer ul li{ display:inline; margin-left:5px; margin-right:5px; color:#FFFFFF}
.footer ul li a{ color:#FFFFFF}
.fl{ width:614px; float:left; color:#747474; margin-top:10px; margin-left:25px; display:inline}
.fl p{ line-height:24px;}
.fr{ float:right; margin-top:10px; margin-right:30px; display:inline}

.he{ width:950px; margin:0 auto}

.sider{ width:216px; float:left; background-color:#fafafa; margin-left:28px; display:inline; height:auto!important;
min-height: 500px;
height: 500px}
.sider h2{ background:url(../images/orange.jpg) 0 0 no-repeat scroll; width:216px; height:24px; line-height:24px; font-size:14px; padding-left:20px;}
.sider ul{ width:216px; margin-top:10px;}
.sider ul li{ border-bottom:#CCCCCC 1px dotted; padding-top:6px; padding-bottom:6px; padding-left:39px; background:url(../images/arrrrrrr.gif) 23px 9px scroll no-repeat;}
.sider ul li a{ font-weight:bold; color:#666666; font-size:14px;}

.container{ width:652px; float:right; margin-right:28px; display:inline}
.container h2{ background:url(../images/rightbg.jpg) 0 0 no-repeat scroll; line-height:24px; font-size:14px; padding-left:20px;}

.maina{ margin-top:10px; margin-bottom:10px;height:auto!important;
min-height: 500px;
height: 500px
}
.about,.news,.dev,.products{ padding:16px; color:#666666; line-height:22px;}
.news ul{}
.news ul li{ padding-top:6px; padding-bottom:6px; border-bottom:#CCCCCC 1px dotted; padding-left:26px; background:url(../images/arrrr.gif) 6px 14px scroll no-repeat}
.news ul li a{ color:#333333; font-size:14px;}
.conn{ margin-top:20px; text-align:center}
.dev ul li{ display:inline; float:left; border:1px solid #efefef; margin-left:6px; margin-right:6px; margin-top:10px;}
.dev ul li img{ width:140px; height:140px;}
.dev ul li a span{ display:block; text-align:center; color:#FF9933; font-size:14px; padding-top:5px;}

.products ul li{ display:inline; float:left; border:1px solid #efefef; margin-left:6px; margin-right:6px; margin-top:10px;}
.products ul li img{ width:140px; height:140px;}
.products ul li a span{ display:block; text-align:center; color:#FF9933; font-size:14px; padding-top:5px;}
.info{ margin-top:10px;}
.info{ background:url(../images/righth2.gif) 0 0 no-repeat scroll; height:37px; line-height:37px; padding-left:26px; font-size:14px; color:#003399}

.prott{ border-bottom:#c4c2c2 1px dotted}
.xiangce_tupian {
	padding: 0px;
	height: 117px;
	width: 199px;
	border: 1px solid #d6d6d6;
	display: block;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.new_li {
	height: 20px;
	display: block;
	float: left;
	width: 300px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b4b4b4;
	background-image: url(../images/new.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
.proo-b{ clear:both}
.proo-b ul{ margin-bottom:10px;}
.proo-b ul li{ display:block; float:left; margin-left:23px!important; margin-left:15px; margin-top:10px;}

.proo-b1{ clear:both}
.proo-b1 ul{ margin-bottom:10px;}
.proo-b1 ul li{ display:block; float:left; margin-left:23px!important; margin-left:15px; margin-top:10px; width:600px;}

.proo{ background-color:#f3f3f3; width:654px; border:#dddddd 1px solid; margin:0 auto; padding-bottom:10px;overflow: auto;
_height: 1%;}
.proo-al{ width:243px; height:309px; background-color:#FFFFFF; border:#dddddd 1px solid; margin-top:4px; margin-left:4px; float:left}
.proo-ar{ width:348px; float:left;}
.proo-ar1 ul{ margin-top:4px; margin-left:6px;}
.products
.proo-ar1 ul li{ padding-top:10px; padding-bottom:10px; color:#0e9622; font-size:14px; font-weight:bold; border-bottom:#d5eec2 1px solid;}
.a1{ width:390px; height:83px; border:#dddddd 1px solid; background-color:#FFFFFF; margin-top:10px; margin-left:6px;}
.a1 td{ padding-left:5px;}
.a2{ }
.a3{ color:#1f8e2f; margin-left:10px;}
.a3:hover{ text-decoration:underline;}
.a2 li{ display:inline}
.proo-al img{ margin-left:6px; margin-top:6px;}
.proo-all{text-align:center; vertical-align:middle;}
.proo-all img{ margin-left:6px; margin-top:6px;}
.chakan{ text-align:center; padding-top:10px; padding-bottom:10px; background:url(../images/pro/fangda.gif) 181px 4px no-repeat scroll;}
.chakan a{ color:#FF3300;}

.proo-ar1 ul li{ color:#006633; font-weight:bold; padding-top:6px; padding-bottom:6px; border-bottom:#d5eec2 1px solid}
