@charset "utf-8";
/*njmain N+1*/
body{background: #FFF;overflow-x:hidden;overflow-y:auto;}
img{border: 0;/*max-width: 100%;*/height: auto;}
#footer{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #a17c4f;
	border-top: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	position:fixed;
	_position:absolute;
	bottom: 0;
	z-index: 999;
}
#footer a{color: #FFF;}
#njiaone{max-width: 90%;height: 900px;position: relative;overflow:hidden;}

#actleft{
	height: 100%;
	width: 248px;
	background: url(../images/bg.png) left top repeat-y;
	position: relative;
	padding-right: 10px;
	float: left;
	z-index: 99;
}
#actleft .logo div{
	padding: 24px 0 25px 18px;
}
#actleft .logo p{
	padding: 15px 15px 0 0;
	font: 12px/24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";
}
#actleft .njhome{
	width:248px;
	height:52px;
	border-top: 1px solid #383838;
}
#actleft .njhome a{
	display: block;
}
#actright{
    position: absolute;
    left: 258px;
    right: 0;
    overflow: hidden;
    height: 100%;
}



.sidecur{
	width:248px;
	height:241px;
}
.sidecur li{
	height: 52px;
	border-bottom: 1px solid #383838;
	cursor: pointer;
}
.sidecur li span,.njhome span{
	display: block;
	height: 52px;
	background: url(../images/iconb.png) no-repeat;
	padding-left: 75px;
	font: 18px/52px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";
	color: #FFF;
}
.sidecur li span a,.njhome span a{
	display: block;
	color: #FFF;
}
.sidecur li span.icoa{
	background-position: 0 -53px;
}
.sidecur li span.icob{
	background-position: 0 -104px;
}
.sidecur li span.icoc{
	background-position: 0 -157px;
}
.sidecur li span.icod{
	background-position: 0 -210px;
}
.sidecur li.titcur,.sidecur li:hover,#actleft .njhome a.homecur,#actleft .njhome a:hover{background: #8d6b4f;}


.fenlei{
	padding-left: 16px;
}
.fenlei a{
	display: inline-block;
	width: 52px;
	height: 52px;
	background: #929090;
	margin: 0 0 19px 10px;
	border-radius: 25px;
	font-size: 12px;
	color: #333333;
	line-height: 52px;
	text-align: center;
}
.fenlei a:hover{background: #8d6b4f;color: #FFF;}


/*****public*****/
.period .icon,.friend .icon{
	display: block;
	width: 33px;
	height: 66px;
	background: url(../images/icona.png) no-repeat;
	position: absolute;
	z-index: 9;
	top: 50%;
	margin-top: -33px;
}
.period .btnb,.friend .btnb{
	background-position: -33px 0;
	right: 0;
}
.period .btna,.friend .btna{
	left: 0;
	
}
/*****public*****/


/*****period 本期 挚友*****************/
.concur{
	float: left;
}
.concur li{
	float: left;
}

.concur .biaota{padding: 50px 0 7px 76px;}
.bentxt .jianxu{
	height: 92px;
}
.bentxt .biaotb{
	background: url(../images/biaotb.jpg) no-repeat;
	height: 25px;
	padding-left: 12px;
	margin: 10px 0;
	font: 16px/25px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";
	color: #FFF;
}
.benc{
	width: 31.0625%;
	position: relative;
	margin-left: 93px;
}
.bentxt{
	width: 53.75%;
	position: relative;
	margin: 50px 0 0 58px;
}
/*****period 本期 挚友 end*****************/



/*****friend 柏德 挚友*****************/



/*****friend 柏德 挚友 end*****************/



.banner_show {
    height: 100%;
    position: relative;
}

/*加载中情况*/
.banner_show.loading {
    background: #F1F1F1 url(../images/loading6.gif) no-repeat center center;
}
/*.banner_show .b_list {
    height:100%;
}*/
.banner_show .b_list li {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
}



/*箭头*/
.banner_show .b_arrows {
    position:absolute;
    top: 50%;
    right: 4px;
    width: 33px;
	height: 66px;
	background: url(../images/icona.png) no-repeat;
	background-position: -33px 0;
    z-index: 1;
    margin-top: -33px;
    display:none;
}
.banner_show .b_arrows.l {
    left:0;
    background-position:0 0;
}
.banner_show:hover .b_arrows{
    display:block;
    opacity:1;
    filter:alpha(opacity=40);
}

.banner_show .b_arrows:hover{
    opacity:.8;
    filter:alpha(opacity=60);
}



.banner_show .boxaa li{
	float: left;
	margin-right: 0.2%;
	position: static;
	display: block;
	background: #000;
}

.banner_show .boxaa li.boxwa{
	width: 39.5%;
}
.banner_show .boxaa li.boxwb{
	width: 19.88237%;
}
.banner_show .boxaa li.mlc{
	margin-right: 0%;
}
.boxaa li a{
	position: relative;
	display:block;
}

.zpmenu{max-width: 1645px;height: 900px;overflow:hidden;background: #FFF;}
.zpmenu #youa{background: url(../images/rena/001v.jpg) center center no-repeat;}
.zpmenu #youb{background: url(../images/rena/002v.jpg) center center no-repeat;}
.zpmenu #youc{background: url(../images/rena/003v.jpg) center center no-repeat;}
.zpmenu #youd{background: url(../images/rena/004v.jpg) center center no-repeat;}

.zpmenu #youe{background: url(../images/rena/005v.jpg) center center no-repeat;}
.zpmenu #youf{background: url(../images/rena/006v.jpg) center center no-repeat;}
.zpmenu #youg{background: url(../images/rena/007v.jpg) center center no-repeat;}
.zpmenu #youh{background: url(../images/rena/008v.jpg) center center no-repeat;}
.zpmenu dl{width: 1645px;float:left;height: 900px;}
.zpmenu dt{width: 19.88237%;float:left;height: 900px;border-right: 1px solid #FFF;cursor: pointer;}
.zpmenu .open{display: none;}
.zpmenu dd{position:relative;width: 40%;display:block;float:left;height: 900px;overflow:hidden}
.zpinfor{background: #FFF;}
.zpinfor a{display: block;}
.zpinfor img{height: 900px;}


@media screen and (max-width: 1920px){
	#njiaone{
		max-width: 100%;
	}
}

@media screen and (max-width: 1580px){
    .zpmenu{
    	max-width: 1325px;
    }
    .zpmenu dl{
    	width: 1325px;
    }
    .zpmenu #amLa img{
    	margin-left: -115px;
    }
    .zpmenu #amLb img{
    	margin-left: -62px;
    }
    .zpmenu #amLc img{
    	margin-left: -40px;
    }
    .zpmenu #amLd img{
    	margin-left: -32px;
    }
    .zpmenu #amLe img{
    	margin-left: -28px;
    }
    .zpmenu #amLf img{
    	margin-left: -55px;
    }
    
}

@media screen and (max-width: 1600px){
	#njiaone{
		max-width: 100%;
	}
	.zpmenu{
    	max-width: 1325px;
    }
    .zpmenu dl{
    	width: 1325px;
    }
    .zpmenu #amLa img{
    	margin-left: -115px;
    }
    .zpmenu #amLb img{
    	margin-left: -62px;
    }
    .zpmenu #amLc img{
    	margin-left: -40px;
    }
    .zpmenu #amLd img{
    	margin-left: -32px;
    }
    .zpmenu #amLe img{
    	margin-left: -28px;
    }
    .zpmenu #amLf img{
    	margin-left: -55px;
    }
}