* {
	margin:0;
	padding:0;
	list-style:none;
}

img {
	border:0;
}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix10:after {
	content:".";
	display:block;
	height:10px;
	clear:both;
	visibility:hidden;
}
.h10{height:10px;}
.h15{height:15px;}
#header{width:1000px; margin:0 auto;}
.navBar {
	width:100%; 
	margin:0 auto;

	height:90px;
transition: all 0.3s ease;
	background:rgba(0,0,0,0.5);
	color:#fff;
	position:fixed; left: 0px; top: 0px; z-index: 500;
	 border-bottom: 1px solid #fff;}

.navBar2{background: #fff; 
 border-bottom: 1px solid rgba(0,0,0,0.2);}
.navBar .logo{width: 280px;height: auto; overflow: hidden; float: left;}
.navBar .logo img{display: block;width: 100%;}
.navBar .logo img.img1{display: none;}
.navBar2 .logo img.img1{display: block;}
.navBar2 .logo img.img0{display: none;}
.navBar .navBar-l{width:calc(100% - 330px);
	float: left;}


.nav {
	

	float: right;
	
	
}
.nav a {
	color:#fff;
}

.navBar2 .nav a{color: #333;}
.nav h3 {
	font-size:100%;
	font-weight:normal;
}
.nav .m {
	float:left;
	position:relative;
	z-index:1; margin-left: 30px;
}
.nav .s {
	float:left;
	width:3px;
	text-align:center;
	color:#D4D4D4;
	font-size:12px;
}

.nav h3 a {
	display:block;
	line-height: 90px;
	text-align:center;
	font-weight:500; font-size: 16px;
}
.nav .m:hover h3 a{ color: #1d84d6; }
.nav .sub {
	padding: 20px 0;
	display:none;
	position:absolute;
	right:50%;
	margin-right:-100px; 
	top:90px;
	z-index:1;
	width:200px;
	
	border-top:0;
	background:rgba(0,25,55,0.85); border-top: 2px solid #1d84d6;
}
.nav .sub li {
	
	padding:0 8px;
	margin-bottom:-1px;
}
.nav .sub li a {
	display:block;
	border-bottom:1px solid rgba(255,255,255,0.5); 
	padding:8px 0;
	text-align: center;
	
	line-height:24px;
	color:#fff;
	font-size:14px;
	font-weight:500;
}
.nav .sub li a:hover {
	color:#1d84d6;
}
.nav .block {
	height:8px;
	width:120px;
	background:#1d84d6;
	position:absolute;
	left:0;
	top:42px;
	overflow:hidden;
}


.nav .m2{position: static !important;}
.nav .m2 .sub{width: 100%; margin: auto; left: 0px; letter-spacing: -3px; font-size: 0;}
.nav .m2 .sub li{display: inline-block; width:14.2%;  padding:  15px; 
 letter-spacing: 0px; vertical-align:top; }
.nav .m2 .sub{width: 100%; margin: auto; left: 0px; }
.nav .m2 .sub li a{border-bottom:0px solid rgba(255,255,255,0.5); }
.nav .m2 .sub li a img{width: 40px;display: block; margin: 0 auto;}
.nav .m2 .sub li a h6{text-align: left; font-weight: 500; font-size: 16px; text-align: center;}
.navBar .search{width: 60px; height: 90px;  cursor: pointer; margin-left: 10px; background-image: url(../pic/002.png); 
	background-repeat: no-repeat; background-position: center;  float: left; 
transition: all 0.3s ease;}
.navBar .search:hover{background-color: #eb5a0d;}

.navBar .nav .m3 h3 a{padding-left: 30px; background: url(../pic/008.png) no-repeat left center;}
.navBar2 .nav .m3 h3 a{ background-image: url(../pic/008-2.png);}

.navBar .nav .m4 h3 a{padding-left: 30px; background: url(../pic/028.png) no-repeat left center;}
.navBar2 .nav .m4 h3 a{ background-image: url(../pic/028-2.png);}


.nav .m2 .sub li:hover{background: #1d84d6;}
.nav .m2 .sub li:hover a {
	color:#fff;
}