.bangcont{
	width: 1060px;
	margin: 20px auto 150px;
	min-height: 600px;
}
.contl,
.contc{
	float: left;
	_display: inline;
}
#navFixed{
	width: 210px;
	position: fixed;
	top: 159px;
	z-index: 9;
}
.contr{
	float: right;
	_display: inline;
}
.contl,
.contc,
.contr{
	min-height: 600px;
}
.contl{
	width: 210px;
	margin-right: 20px;
}
.clNav,
.articlelist{
	background: #FFFFFF;
	margin-bottom: 20px;
}
.clNav{
	padding-bottom: 10px;
}
.clNav li{
	position: relative;
}
.clNav li a{
	display: block;
	padding-left: 70px;
	line-height: 50px;
	font-size: 16px;
	color: #525252;
	border-left: solid 4px #FFFFFF;
	position: relative;
}
/*正常*/
.clNav li a.home{
	background: #ffffff url(http://static.vko.cn/vkobang/common/images/home.png) no-repeat 30px center;
}
.clNav li a.book{
	background: #ffffff url(http://static.vko.cn/vkobang/common/images/book.png) no-repeat 30px center;
}
.clNav li a.playAll{
	background: #ffffff url(http://static.vko.cn/vkobang/common/images/playAll.png) no-repeat 30px center;
}
.clNav li a.light{
	background: #ffffff url(http://static.vko.cn/vkobang/common/images/light.png) no-repeat 30px center;
}
.clNav li a.tag{
	background: #ffffff url(http://static.vko.cn/vkobang/common/images/tag.png) no-repeat 30px center;
}
.clNav li a.our{
	background: #ffffff url(http://static.vko.cn/vkobang/common/images/our.png) no-repeat 30px center;
}
/*高亮*/
.clNav li.cur a.home,
.clNav li a.home:hover{
	background: #3395FF url(http://static.vko.cn/vkobang/common/images/home2.png) no-repeat 30px center;
}
.clNav li.cur a.book,
.clNav li a.book:hover{
	background: #3395FF url(http://static.vko.cn/vkobang/common/images/book2.png) no-repeat 30px center;
}
.clNav li.cur a.playAll,
.clNav li a.playAll:hover{
	background: #3395FF url(http://static.vko.cn/vkobang/common/images/playAll2.png) no-repeat 30px center;
}
.clNav li.cur a.light,
.clNav li a.light:hover{
	background: #3395FF url(http://static.vko.cn/vkobang/common/images/light2.png) no-repeat 30px center;
}
.clNav li.cur a.tag,
.clNav li a.tag:hover{
	background: #3395FF url(http://static.vko.cn/vkobang/common/images/tag2.png) no-repeat 30px center;
}
.clNav li.cur a.our,
.clNav li a.our:hover{
	background: #3395FF url(http://static.vko.cn/vkobang/common/images/our2.png) no-repeat 30px center;
}
.clNav li.cur a,
.clNav li a:hover{
	color: #FFFFFF;
	background: #3395FF;
	border-left: solid 4px #1C7EF3;
}
.clNav li a i.subnavIco{
	display: block;
	width: 5px;
	height: 100%;
	background: #ffffff url(http://static.vko.cn/vkobang/common/images/subnav2.png) no-repeat center center;
	position: absolute;
	right:10%;
	top:0;
}
.clNav li a:hover i.subnavIco,
.clNav li.cur a i.subnavIco{
	background: #3395FF url(http://static.vko.cn/vkobang/common/images/subnav.png) no-repeat center center;
}
.clNav li .subnav{
	display: none;
	position: absolute;
	right: -186px;
	top:0;
	z-index: 9;
}
.clNav li .subnav a{
	display: block;
	width: 186px;
	line-height: 49px;
	color: #525252;
	text-align: center;
	background: #DAE5F6;
	border-bottom: solid 1px #EFF3F6;
	/*background: #1c7ef3;
	border-bottom: solid 1px #3395ff;*/
	padding: 0;
	border-left: none;
}

.clNav li .subnav a:hover{
	color:#fff;
	background: #1c7ef3;
}


.articlelist p.tit{
	font-size: 16px;
	color: #525252;
	line-height: 40px;
	padding-left: 20px;
	border-left: solid 4px #1C7EF3;
	border-bottom: solid 1px #EFF3F5;
}
.artList{
	padding: 8px 0;
	background: #fff;
}
.contr .artList{
	padding: 8px 20px 8px 0;
	background: #fff;
	margin-bottom: 30px;
}

.artList li{
	height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.artList li.cur,
.artList li.cur a,
.artList li:hover,
.artList li:hover a{
	background: #3395FF url(http://static.vko.cn/vkobang/common/images/dot2.png) no-repeat 35px  center;
	color: #ffffff;
}
.contr .artList li:hover,
.contr .artList li:hover a{
	background: url(http://static.vko.cn/vkobang/common/images/dot.png) no-repeat 35px  center;
	color: #999999;
}
.artList li a{
	padding-left: 48px;
	line-height: 34px;
	font-size: 14px;
	color: #999999;
	background: url(http://static.vko.cn/vkobang/common/images/dot.png) no-repeat 35px  center;
}

.contc{
	width: 600px;
}
.ban{
	width: 100%;
	height: 280px;
	background: #fff;
}
.contc .flexslider{
	width: 100%;
	height: 280px;
}
.flexslider {
	width: 600px!important;
	min-width: 600px!important;
}

.flex-control-nav {
	background-size: 15%!important;
}

.flexslider .slides li {
	width: 100%;
	float: left;
	margin-right: -100%;
	position: relative;
	opacity: 0;
	display: block;
	z-index: 1;
}

.flexslider .slides li:nth-child(1),
.flexslider .slides li.ban1 {
	background: url(http://static.vko.cn/v8/index/images/gaokao20160415.jpg) 50% 0px no-repeat;
	/*background-size: contain;*/
}

.flexslider .slides li:nth-child(2),
.flexslider .slides li.ban2 {
	background: url(http://static.vko.cn/v8/index/images/ggdl20160415.jpg) 50% 0px no-repeat;
	/*background-size: contain;*/
}

.flexslider .slides li:nth-child(3),
.flexslider .slides li.ban3 {
	background: url(http://static.vko.cn/v8/index/images/join1200x300.jpg) 50% 0px no-repeat;
	/*background-size: contain;*/
}

.artTit{
	text-align: center;
	line-height: 50px;
}
.artTit p{
	font-size: 14px;
	color: #8c8c8c;
}
.artTit p i{
	font-size: 18px;
	font-style: normal;
	color: #4dacdf;
}
.article{
	/*height: 290px;*/
	padding: 0 20px 30px;
	background: #FFFFFF;
	margin-bottom: 30px;
	overflow: hidden;
}
.article .tit{
	padding: 12px 0 18px;
}
.article .tit p.title{
	color: #585858;
	font-size: 18px;
	line-height: 30px;
	width: 100%;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	cursor: pointer;
}
.article .tit p,
.article .tit p span{
	color: #A5A5A5;
	font-size: 12px;
	line-height: 20px;
}
.article .tit p span{
	padding: 0 10px;
}
.article .tit p b{
	color: #3481d2;
	font-weight: lighter;
	padding: 0 10px;
}

 .artPic{
	width: 100%;
	max-height: 130px;
	background: #FFF;
	overflow: hidden;
}
.artPic img{
	width: 100%;
	height: auto;
}
.intro {
}
.intro p.t{
	line-height: 20px;
	font-size: 14px;
	color: #787878;
	height: 40px;
	margin: 20px 0;
	display: -webkit-box;
	display: -moz-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-box-orient: vertical;
	-moz-line-clamp: 2;
}

.contr{
	width: 210px;
}
.cr1{
	text-align: center;
	padding: 16px;
	background: #FFFFFF;
	margin-bottom: 20px;
}
.cr1 img{
	width: 178px;
}
.cr1 p{
	font-size: 16px;
	color: #5D5D5D;
	line-height: 22px;
	padding-top: 18px;
}

.cr2{
	width: 100%;
	height: 150px;
	background: #FFFFFF none no-repeat center;
	margin-bottom: 20px;
}
.cr3{
	width: 100%;
	height: 200px;
	background: #FFFFFF none no-repeat center;
	margin-bottom: 20px;
	cursor: pointer;
}
/*aboutus*/
.aboutusPart{
	width: 830px;
}
.aboutus{
	padding: 20px 20px 50px;
	background: #ffffff;
}
.aboutus .title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #585858;
	line-height: 40px;
}
.aboutus .tit{
	font-size: 14px;
	color: #787878;
	text-align: right;
}
.aboutus p{
	text-indent: 30px;
	font-size: 14px;
	color: #787878;
	line-height: 22px;
	margin-bottom: 20px;
}
.aboutus .cr1{
	text-align: left;
}
.aboutus .cr1 p{
	text-indent: 20px;
}
.contact{
	padding-top: 50px;
}
.contact p{
	margin-bottom: 0;
}











































