@charset "utf-8";
/* CSS Document */

/*1 tab*/
	/* 本例子css */
		.slideTxtBox{text-align:left;  }
		.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
		.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
		.slideTxtBox .bd ul{ padding:15px;  zoom:1; height:180px;  }
		.slideTxtBox .bd li{ }
        .slideTxtBox .bd li div{width:193px; height:220px; text-align:center; float:left;}
		.slideTxtBox .bd li img{ width:180px; height:150px; float:left; border:1px solid #CCC;}
		.slideTxtBox .bd li .date{ float:right; color:#999;  }
		

/* 2-foucs */
		.slideBox{ overflow:hidden; position:relative; border:0px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1000px; height:410px; display:block;  }
		
		
		
/* 5-foucs */		
        .picMarquee-left{  overflow:hidden; position:relative;  border:1px solid #ccc;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
		.picMarquee-left .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:175px; height:150px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }
		
/* 本例子css */
	.www360buy{ border-top:1px solid #c00;   }
	.www360buy .hd{ overflow:hidden; background:url(images/bg.png) 0 -32px #efefef; border-left:1px solid #ddd;  }
	.www360buy .hd li{ position:relative; margin-left:-1px;  height:37px; line-height:37px; text-align:center; width:177px; float:left; border:1px solid #ddd; border-top:0;font:normal 14px/37px "Microsoft YaHei"; _font-weight:bold; cursor:default; }
	.www360buy .hd li.on{ width:176px; background:#fff; border-bottom:1px solid #fff; color:#c00; cursor:pointer;  }
	.www360buy .bd{ height:180px; padding-top:10px; border:1px solid #ddd; border-top:0;  }
	.www360buy .lh{ overflow:hidden;  }
	.www360buy .lh li{padding:0 0px; float:left;    }
	.www360buy .lh li img{ width:180px; height:150px; border:1px solid #999; }
	.www360buy .lh div {width:199px; float:left; text-align:center;}
	
	
	#nav{ }
	#nav span{cursor:pointer}
	#navarea{ width:990px; height:78px; margin:0 auto; float:right;}
	#navarea ul {clear:both;float:left;width:990px;padding:4px 18px 0 18px;}
	#navarea li {float:left;height:37px;font-size:12px;line-height:32px; }
	#navarea a {float:left;display:inline-block;height:37px;padding:0 15px;color:#fff;text-decoration: none;}
	#navarea .on a:link, #navarea .on a:visited, #navarea .on a:hover, #navarea .on a:active {float:left;display:inline-block;height:41px;color:#f30; background:url(images/navOnbg.gif) no-repeat;}
	#navarea .on a:link span,  #navarea .on a:visited span, #navarea .on a:hover span, #navarea .on a:active span {display:inline-block;height:41px;background:url(images/navOnbg.gif) no-repeat right; padding:0 0px 0 0; }
	#navarea .col {font-size:12px;font-weight:normal;line-height:32px;float:right;}
	#navarea .col a {display:block;float:left;padding:0 5px;}
	#navarea dl {clear: both; float: left; padding:0; padding-top:4px; width: 990px;}
	#navarea dt {float: left; font-size: 12px; font-weight:normal; height: 41px; line-height: 32px; }
	#menu {clear:both;float:left;color:#ffe9d6;width:990px;height:37px; }
	#menu li {float:left;padding:0 1px 0 1px; font-size:12px; color:#999;line-height:30px;}
	#menu .ul_2 { height:37px;padding:0px; margin:0px; margin-left:140px !important; _margin-left:70px; display:inline; _display:inline;}
	
	#menu .ul_3 { height:37px;padding:0px; margin:0px; margin-left:235px !important; _margin-left:115px; display:inline; _display:inline;}
	#menu .ul_4 { height:37px;padding:0px; margin:0px; margin-left:310px !important; _margin-left:165px; display:inline; _display:inline;}
	
	#menu .ul_8 { height:37px;padding:0px; margin:0px; margin-left:655px !important; _margin-left:165px; display:inline; _display:inline;}
	#menu .ul_9 { height:37px;padding:0px; margin:0px; margin-left:735px !important; _margin-left:165px; display:inline; _display:inline;}
	
	#menu li a:link,#menu li a:visited {color:#666;text-decoration: none;}
	#menu li a:hover,#menu li a:active {color:#f30;text-decoration: none;}
	#menu li strong {font-size:12px;font-weight:normal;}
	#menu a {padding:0 8px;}
	#menu a:link, #menu a:visited {color: #09f;}
	#menu a:hover, #menu a:active {color: #f50;}
	#menu span a:link, #menu span a:visited {color: #999;}
	#menu span a:hover, #menu span a:active {color: #f96;}