
.nav{
	position: fixed;
	height: 70px;

	background-color:rgb(33,33,33);
	opacity:0.9;
	filter:alpha(opacity=90);
	width:100%;
	z-index: 99;
}
.navbox{
	width:1080px;
	margin: 0 auto;
}

.navbox>ul>li, .navbox>a{
	float: left;
	
}
.navbox>ul>li>a{
	padding-top:25px ;
	display: block;
	color: white;
	width:120px;
	text-align: center;
	height: 70px;
	font-size: 14px;
}
.navbox>ul>li:hover >a{
	background: #f5f5f5;
	color:#666666 ;
	border-bottom: 1px solid #131617;
	border-top: 1px solid #131617;
}
.nav ul ul li a{
	display: block;
	width:120px;
	
	background-color:rgb(255,255,255);
	opacity:0.85;
	filter:alpha(opacity=85);
	color:#666666 ;
	line-height: 38px;
	height: 38px;
	text-align: center;
}
.nav ul ul{
	display: none ;
}
.nav ul ul li a:hover {
	background:rgba(0,0,0,.5);
	background-color:rgb(33,33,33);
	opacity:0.9;
	filter:alpha(opacity=90);
	color: white;
	
}
.nav ul  li:hover  ul{
	display:block ;
}

.main{
	z-index:9;
	position: relative;
	background: white;
	
}

	

/*轮播插件CSS样式*/
	*{
	            margin: 0;
	            padding: 0;
	            list-style-type: none;
	        }
	        .banner{
	            width: 100%;
	            /*height: 560px;*/
	            /*background: black;*/
	            /*子绝父相*/
	            position: relative;
	            /*超出部分全部隐藏，解决横向滚动条*/
	            overflow: hidden;
	        }
	        .banner ul{
	            position: absolute;
	        }
	        .banner ul li{
	            /*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
	            width: 100%;
	            height: 596px;
	            float: left;
	            background:  no-repeat center center;
	        }
	        /*.banner ul li:nth-child(1){*/
	            /*background: url('./1.jpg') no-repeat center center;*/
	        /*}*/
	        /*.banner ul li:nth-child(2){*/
	            /*background: url('./2.jpg') no-repeat center center;*/
	        /*}*/
	        /*.banner ul li:nth-child(3){*/
	            /*background: url('./3.jpg') no-repeat center center;*/
	        /*}*/
	        .banner ol{
	            width: 107px !important;
	            height: 20px;
	            
	            background-color:rgb(0,0,0);
				opacity:0.5;
				filter:alpha(opacity=50);
	            position: absolute;
	            left:50%;
	            /*margin-left: -40px;*/
	            bottom: 30px;
	            padding: 0 10px;
	            border-radius: 10px;
	        }
	        .banner ol li{
	            width: 10px;
	            height: 10px;
	            float: left;
	            margin: 5px 5px;
	           
	            background-color:rgb(255,255,255);
				opacity:0.5;
				filter:alpha(opacity=50);
	            border-radius: 50%;
	            cursor: pointer;
	        }
	        .banner ol .current{
	        
	            background-color:rgb(255,255,255);
				opacity:1;
				filter:alpha(opacity=100);
	        }
	        .banner i{
	            width: 58px;
	            height: 120px;
	            position: absolute;
	            top: 50%;
	            margin-top: -60px;
	            cursor: pointer;
	            border-radius: 5px;
	            display: none;
	        }
	        .banner .left{
	            left: 60px;
	            background: url(../img/left_right.png) no-repeat 0 0px;
	        }
	        .banner .right{
	            right: 60px;
	            background: url(../img/left_right.png) no-repeat 0px -120px;
	        }
	        .banner .left:hover , .banner .right:hover{
	           
	             background-color:rgb(0,0,0);
				opacity:0.31;
				filter:alpha(opacity=31);
	        }	