html,body{
	height: auto;
}
.nav-box{
	height: 44px;
	background: #333;
	position: relative;
	z-index: 999;
}
.nav-box a:hover{
	opacity: 0.6;
}
.nav-box .container{
	height: 100%;
}
.max-nav{
	height: 100%;
	text-align: justify;
}
.max-nav:after{
	content: '';
	display:inline-block;
	width:100%;
	height:0;
	line-height: 0;
}
.nav-box a{
	color:#fff;
	display: inline-block;
	vertical-align: top;	
	line-height: 44px;
	transition:opacity .4s;
}

.min-nav{
	height: 100%;
	padding: 0 15px;
	text-align: justify;
}
.min-nav:after{
	content: '';
	display:inline-block;
	width:100%;
	height:0;
	line-height: 0;
}
.btn{
	display: inline-block;
	width: 44px;
	height: 44px;
	position: relative;
}
.btn span{
	margin:14px auto; 
	display: block;
	width: 24px;
	border: 1px solid #fff;
	transition:all .5s;
}
.active .btn-top{
	margin-top: 21px;
	transform:rotate(135deg);
}
.active .btn-bottom{
	margin-top:0;
	position: absolute;
	top:50%;
	left: 25%;
	transform:rotate(45deg);
}
.min-nav a{
	display: inline-block;
}
#sousuo{
	display: none;
}
.active1{
	transform:rotate(45deg);
}


.title,.title-w{
	text-align: center;
}

.titles,.titles-w{
	display: block;
	text-align: center;
}
.titles-w{
	margin: 20px 0 10px 0;
	font-weight: bold;
}
.href{
	display: block;
	text-align: center;
	color: #0088CC;
}
.bannerbox{
	cursor: pointer;
}
.bannerbox .banner{
	position: absolute;
	left:0;
	top:0;
}
.bannerbox .banner a:hover{
	color: #333;
}
.bannerbtn{
	position: absolute;
	left: 47.3%;
	top:95%;
}
.bannerbtn li{
	width: 8px;
	border-radius: 50%;
	height: 8px;
	margin-right: 20px;
	background: #999999;
	float: left;
	cursor: pointer;
}
/*内容*/
.main{overflow: hidden;}
.main li{position: relative;height: 200px;overflow: hidden;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
.main img{position: absolute;left:50%;margin-left: -320px;}

/*footer*/
.footer{background: #f2f2f2;padding-left:0px;}
.table{display: table;}
.zibox{margin-top:20px;display:table-cell;width: 20%;}
.zibox2{margin-bottom: 30px;}
.zibox h3{color: #333;font-size: 10px;font-weight: 300;display: inline-block;}
.zibox a{color: #666;font-size: 10px;}
.zibox a:hover{text-decoration: underline;color: #333;}
.zibox li{height: 20px;line-height: 20px;}
.xiazi a:hover{text-decoration: underline;color: #333;}
.jingxiaobox{height:auto;font-size: 10px;color:#666;margin:0 auto;}
.table{padding: 15px 0;}
.line{padding: 10px 0;color:#999;}
.line a{color:#08c;}
.line a:hover{color:#333;text-decoration: underline;}
.line{border-bottom: 1px solid #e3e3e3;}
.cop{line-height: 30px;}
.cop a{color:#666;margin:0 1px;}
.cop span{color:#999;margin-left: -15px;}
.cop a:hover{color:#333;text-decoration: underline;}
.c-z{display: block;margin-right: -15px;margin-left: -25px;}
.d_d{margin-left: -15px;}
.c-z a{line-height:29px;}
.c-z img{width:16px;height: 16px;margin-top: 10px;margin-right:3px;display: inline-block;float: left;}
.copp{line-height: 20px;color:#999;padding-bottom:20px;}
.copp a{color:#999;}
.copp a:hover{text-decoration: underline;}

@media screen and (min-width: 768px){
	.max-nav{
		display: block;
	}
	.min-nav{
		display:none;
	}
	#sousuo{
		display: none;
	}
	.xxla{
		display: block;
	}
	.zibox{
		width: 20%;
	}
	.bannerbox{
		height: 604px;
		overflow: hidden;
		position: relative;
		left: 0;
		top:0;
	}
	.bannerbox .banner{
		width: 100%;
		height: 604px;
		overflow: hidden;
	}
	.title{
		font-size: 52px;
		margin:60px 0 20px 0;
	}
	.title-w{
		font-size: 52px;
		margin:10px 0 20px 0;
	}
	.titles{
		font-size: 18px;
	}
	.titles-w{
		font-size: 24px;
	}
	.href{
		font-size: 14px;
		margin:10px;
	}
}
@media screen and (max-width: 767px){
	.max-nav{
		display:none;
		height: auto;
		padding: 0 15px;
	}
	.min-nav{
		display:block;
	}
	.max-nav .xiaxia{
		display: none;
	}
	.max-nav a{
		font-size:18px;
		margin:0 50px;
		display: block;
		height: 50px;
		border-bottom:1px solid #fff; 
	}
	#sousuo{
		display: block;
	}
	.zhuti{
		display: inline;			
	}
	.zibox h3{
		width: 100%;
		height:39px;
		line-height:39px;		
		margin-right: 18px;
		cursor: pointer;	
	}
	.p_z{
		height: auto;
		border-bottom: 1px solid #E3E3E3;
		line-height: 39px;
	}
	.zibox h3:after{
		content: '+';
		float: right;
		font-size:16px;
		margin-right: 18px;
		transition: transform 0.3s;
	}
	.xxla{
		display: none;
		width: 100%;
		height:auto;
		line-height:39px;
		margin-right: 18px;
		cursor: pointer;
	}
	.zibox,.zibox2{
		width:100%;
		display: inline-block;
		line-height:39px;
		height:auto;
		margin: 0;
		padding: 0;
	}
	.bannerbox{
		width: 100%;
		height: 345px;
		overflow: hidden;
		position: relative;
	}
	.bannerbox .banner{
		width: 100%;
		height: 345px;
	}
	.title{
		font-size: 18px;
		margin:20px 0 10px 0;
	}
	.title-w{
		font-size: 18px;
		margin:20px 0 10px 0;
	}
	.titles{
		font-size: 18px;
	}
	.titles-w{
		font-size: 12px;
	}
	.href{
		font-size: 12px;
		margin:10px;
	}


}