/*-----menu-----*/
.clear{clear:both;}
#menu{
	float: left;
	width: 800px;/*800px靠右移动*/
	height: 34px;
	margin-top: 0px;/*-----menu top-----*/
}
#menu li{
	float: left;
	width: 96px;
	height: 34px;!important;
	text-align: center;
	margin-left: 6px;
	cursor:hand;
}
#menu li.m1{
	background:url("/images/menu_02.jpg"/*tpa=http://www.weclfj.com/images/menu_02.jpg*/) no-repeat;
	width: 96px;
	height: 34px;!important;
	text-align: center;
	margin-left: 6px;
    cursor:hand;
}
#menu li.m2{
	background:url("/images/menu_01.jpg"/*tpa=http://www.weclfj.com/images/menu_01.jpg*/) no-repeat;
	width: 96px;
	height: 34px;!important;
	text-align: center;
    cursor:hand;
}
/*-----nav-----*/
#nav li{ float:left;}
#nav li a{
	float: left;
	width: 96px;
	height: 34px;!important;
	text-align: center;
	padding-top: 8px;
	cursor:hand;
}
#nav a:link,#nav a:visited{
	color:#fff;
	font-family: "宋体";
	font-size: 12px;
    color:#fff;text-decoration:none
}
#nav a:hover,#nav a:active,#hover{
	color:#fff;
	font-family: "宋体";
	font-size: 12px;
	background-image: url("/images/menu_02.jpg"/*tpa=http://www.weclfj.com/images/menu_02.jpg*/);
	float: left;
	width: 96px;
	height: 34px;!important;
	text-align: center;
	padding-top: 8px;
}

/*-----product下拉菜单-----*/

#product1{position:absolute;margin-top:-33px;margin-left:-65px;width:800px;padding:10;} /*-----padding:10定义感应区域，使得二级菜单可以停留点击；margin-left:-??个性定义弹出水平位置居中（之前定义无效是因为在html应用中就定义了style="display:none; margin-left:0px;定义冲突了"）；margin-top:-33px定义弹出位置高度（之前定义无效是因为又定义了margin:0px，定义冲突）-----*/
#product2{position:absolute;margin-top:-33px;margin-left:-104px;width:800px;padding:10;}
#product3{position:absolute;margin-top:-33px;margin-left:-65px;width:800px;padding:10;}
#product4{position:absolute;margin-top:-33px;margin-left:-270px;width:800px;padding:10;} /*-----字跑到第二，定义width:800px;后解决！-----*/
#product5{position:absolute;margin-top:-33px;margin-left:5px;width:800px;padding:10;}

#product li,#product1 li,#product2 li,#product3 li,#product4 li,#product5 li{ 
    float:left;
    text-align: center;
}

#product1 li.m1 a{font-family:"宋体";font-size:12px;height:16px;color:#cccccc;}/*-----删width:100px;,使得字均匀排得，以m2样式的“|”间隔-----*/
#product1 li.m2 a{font-family:"宋体";font-size:12px;width:30px;}
#product2 li.m1 a{font-family:"宋体";font-size:12px;height:16px;color:#cccccc;}/*-----删width:80px;-----*/
#product2 li.m2 a{font-family:"宋体";font-size:12px;width:30px;}
#product3 li.m1 a{font-family:"宋体";font-size:12px;height:16px;color:#cccccc;}/*-----删width:100px;-----*/
#product3 li.m2 a{font-family:"宋体";font-size:12px;width:30px;}
#product4 li.m1 a{font-family:"宋体";font-size:12px;height:16px;color:#cccccc;}/*-----删width:50px;-----*/
#product4 li.m2 a{font-family:"宋体";font-size:12px;width:20px;}
#product5 li.m1 a{font-family:"宋体";font-size:12px;height:16px;color:#cccccc;}/*-----删width:100px;-----*/
#product5 li.m2 a{font-family:"宋体";font-size:12px;width:30px;}

#product1 a:link,#product1 a:visited,#product2 a:link,#product2 a:visited,#product3 a:link,#product3 a:visited,#product4 a:link,#product4 a:visited,#product5 a:link,#product5 a:visited{
	color: #cccccc;
	text-decoration: none;
}
#product1 a:hover,#product1 a:active,#product2 a:hover,#product2 a:active,#product3 a:hover,#product3 a:active,#product4 a:hover,#product4 a:active,#product5 a:hover,#product5 a:active{
	color:#ffffff;
	text-decoration: none;
	/*background-color:#003366;*/
}