#confucians{
	width:1920px;
	height:100%;
	display: none;
	background:rgba(255,255,255,0);
	z-index: 2;
}
#confucians img{
	height: auto;
}
#confucians .middle{
	position: relative;
	height: 100%;
	z-index: 3;
}
.bgs{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/confucian/img/index_bg.jpg) no-repeat center 0;
	background-size: cover;
	z-index: 0;
	display: none;
}
.kz{
	width: 510px;
	position: absolute;
	bottom: 0;
	z-index: 3;
	display: none;
	}
.logo{
	width: 149px;
	height:153px;
	position: absolute;
	display: none;
	z-index: 3;
	
}
.logo>img{
	width: 100%;
	height:100%;
}
.text_img{
	width:114px;
	height:351px;
	position: absolute;
	display: none;
	z-index: 3;
	
}
.text_img>img{
	width: 100%;
	height:100%;
}
.lifetime{
	width: 102px;
	height:671px;
	position: absolute;
	display: none;
	z-index: 3;
	
}
.lifetime>a{
	display: block;
	width: 100%;
	height:100%;
	background: url(/confucian/img/lifetime_a.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.lifetime>a:hover{
	background: url(/confucian/img/lifetime_a_hover.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.xingtan{
	width: 102px;
	height:671px;
	position: absolute;
	display: none;
	z-index: 3;
	
}
.xingtan>a{
	display: block;
	width: 100%;
	height:100%;
	background: url(/confucian/img/xingtan_a.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.xingtan>a:hover{
	background: url(/confucian/img/xingtan_a_hover.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.travel{
	width: 102px;
	height:671px;
	position: absolute;
	display: none;
	z-index: 3;
	
}
.travel>a{
	display: block;
	width: 100%;
	height:100%;
	background: url(/confucian/img/travel_a.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.travel>a:hover{
	background: url(/confucian/img/travel_a_hover.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.temple{
	width: 102px;
	height:671px;
	position: absolute;
	display: none;
	z-index: 3;
	
}
.temple>a{
	display: block;
	width: 100%;
	height:100%;
	background: url(/confucian/img/temple_a.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.temple>a:hover{
	background: url(/confucian/img/temple_a_hover.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.literature{
	width: 102px;
	height:671px;
	position: absolute;
	display: none;
	z-index: 3;
	
}
.literature>a{
	display: block;
	width: 100%;
	height:100%;
	background: url(/confucian/img/literature_a.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.literature>a:hover{
	background: url(/confucian/img/literature_a_hover.png) no-repeat 0 0;
	background-size: 100% 100%;
}