@charset "utf-8";
/* flexslider */
	.flexslider{position:relative;height:300px;overflow:hidden;background:url(../images/ban-loading.gif) 50% no-repeat;}
	.slides{position:relative;z-index:1;}
	.slides li{height:400px; cursor: pointer;}
	.slides li a{width: 100%; height: 100%; cursor: pointer;}
	.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
	.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
	.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/ban-dot.png) right 0 no-repeat;cursor:pointer;}
	.flex-control-nav .flex-active{background-position:0 0;}
	
	.flex-direction-nav{display: none; position:absolute;z-index:3;width:100%;top:35%;}
	.flex-direction-nav li a{display:block;width:60px;height:90px;overflow:hidden;cursor:pointer;position:absolute;}
	.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
	.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
	
/* unslider */
.banner { position: relative; overflow: auto; text-align: center; background: #fff;}
.banner li { list-style: none;}
.banner ul li { float: left; }
.banner ul { z-index: 0; }
#b06 { width: 640px;}
#b06 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#b06 .dots li 
{ 
	display: inline-block;
	width: 6px; 
	height: 6px; 
	margin: 0 4px; 
	text-indent: -999em; 
	border: 2px solid #fff; 
	border-radius: 6px; 
	cursor: pointer; 
	opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;
}
#b06 .dots li{
 _zoom:1; *display:inline; /*推荐:IE67*/
}
#b06 .dots li.active 
{
	background: #fff;
	opacity: 1;
}
#b06 .arrow { position: absolute; top: 120px;}
#b06 #al { left: 15px;}
#b06 #ar { right: 15px;}	


/* others */
.head{width:100%; background:url(../images/headbg.png) repeat-x; text-align:center;}
.foot{width:100%; background:url(../images/footbg.jpg) repeat-x; text-align:center}
.w1200{ /* width:1200px; */  max-width: 1200px;
  width: auto;}
.center{ margin:0 auto;}
.mt10{ margin-top:10px;width: 364px; height: 102px; overflow: hidden; position: relative;}
.mt20{ margin-top:20px;}
.ada{border:1px solid #dbe4eb; border-bottom:2px solid #dbe4eb; /* width:384px;  */width:32%; height: 377px; background:#ffffff; overflow: hidden;}
.ada dl{padding:10px;overflow: hidden;}
.ada dt{ font-size:14px; color:#848484;}

.brtx{ border-top:1px dashed #dbe4eb}
.f14{ font-size:14px;}
.sl{ color:#329ab5;}
.sh{ color:#999999;}

.lh180{ line-height:180%;}


.pt5{ padding-top:5px;}

.fl{ float:left;}
.fr{ float:right;}
.mr20{/*  margin-right:21px; */ margin-right:1.5%;}
.cb{ clear:both;}

/* main_img */
.main_img{
    height: 214px;
    /* width: 384px; */
    width: 100%;
	overflow:hidden;
	position: relative;
}
.main_img img{
	height: 214px;
    /* width: 384px; */
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.2);
    height:214px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:384px;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:6px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}

.main_img:hover .show .imgArea a{ background: url(../images/123b.png)!important\9;}
.main_img .show .imgArea a:hover{ background: url(../images/123a.png)!important\9;}

.main_img:hover img {
	transform: scale(1.1, 1.1);
	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}

	.bottom{ width:1200px; height:auto; margin:0 auto; color:#fff; line-height:30px;padding:16px 0 0 0; position:relative;}
	.bottom p{ width:1200px;/*  margin:0 auto; */ text-align:center;}
	.bottom p img{ position: relative; bottom: -10px;}
		.close{ position:absolute; right:50px; bottom:60px; width:18px; height:18px; background:url(../images/close.png) no-repeat; cursor: pointer;}
				.ask{ bottom:0px; right:-15px; position:absolute;}
				.bottom_box-keleyi-com{ position:fixed; left:0; bottom:0; z-index:8; width:100%; display:none; background:url(../images/footbg2.png) repeat-x bottom;}
* html .bottom_box-keleyi-com{position:absolute; left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}

/* new-home */
#wrap{
	width: 100%;
	min-width: 0!important;
	background: #fff;
	padding-bottom: 20px;
}
.sub-nav{
	width: 99.8%;
	height: 73px;  
	border: 1px solid #dbe4eb;
  	border-bottom-width: 2px;
  	line-height: 73px
}
.sub-nav li{
	width: 23.3%;
	padding-left: 10%;
	height: 100%;
	float: left;
	font-size: 24px;
	color: #333333;
	background: url(../images/iconyjt.png) no-repeat right center;
}
.no-bg{
	background: none!important;
}
.sub-nav li span{
	display: inline-block;
	width: 40px;
	height: 100%;
	margin-right: 10px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	background: url(../images/iconquan.png) no-repeat center center;
}
.topic-dd{
	width: 360px;
  	height: 107px;
	background: url(../images/topic-dd-bg.png) no-repeat center center;
}
.topic-l{
	float: left;
	_display: inline;
  	width: 66%;
  	border-right: solid 1px #fedb85;
  	margin: 10px 0;
  	padding: 10px;
	color: #999999;
}
.topic-l h4{
	font-size: 14px;
	line-height: 24px;
}
.topic-l p{
	font-size: 12px;
	line-height: 20px;
}
.topic-r{
	float: left;
  	width: 28%;
  	line-height: 100px;
  	text-align: center;
}
.topic-r a{
	font-size: 14px;
	font-weight: bold;
	color: #d37f3c;
	text-decoration: none;
}
//轮播图
#kl-slider {
	width: 100%;
	height: 300px;
	background: #000;
	overflow: hidden;
}
.kl-slider {
    position: relative;
}

.kl-slider .kl-ban a {
    position: absolute;
}

/* nav */
.kl-slider .navs {
    list-style: none;
    position: absolute;
    z-index: 9;
    bottom: 5px;
    width: 100%;
    *width: 60%;
    *padding-left: 45%;
    height: 20px;
    text-align: center;
}

.kl-slider .navs a {
	text-indent: -9999px;
    display: inline-block;
    width: 14px;
    height: 14px;
    /* text-align: center;
    line-height: 20px; */
    margin-left: 10px;
    color: #999;
    border-radius: 30px;
    cursor: pointer;
    /* background: #fff;
    border: solid 3px #57D6F9; */
    background:url(../images/ban-dot.png) right 0 no-repeat;
}
.kl-slider .navs a {
	*float: left;
	*display: block;
    *zoom:1;
}
.kl-slider .navs a.on {
    /* background: #57D6F9; */background-position:0 0;
}
/* nav */

/* prev & next */
.kl-slider .prev {
	text-indent: -9999px;
    position: absolute;
    z-index: 9;
    left: 40px;
    top: 100px;
    width: 80px;
    height: 100px;
    background: url(../images/prev.png) center center no-repeat;
    cursor: pointer;
}

.kl-slider .next {
	text-indent: -9999px;
    position: absolute;
    z-index: 9;
    right: 40px;
    top: 100px;
    width: 80px;
    height: 100px;
    background: url(../images/next.png) center center no-repeat;
    cursor: pointer;
}

//无缝滚动
.mt10{
      height: 120px!important;
  overflow: hidden!important;
}
.kl-wfgd{
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}
.kl-wfgd .content{
    position: absolute;

}
.kl-wfgd .content ul li{
    width: 364px;
}
.kl-wfgd .content ul li a{
    font-size: 14px;
    color: #248dac;
}
.kl-boxs{
	height: 55px;
	border-bottom: 1px dashed #dbe4eb;
	margin-top: 4px;
}
.kl-boxs span.f14{
	line-height: 26px;
}
.kl-boxs .sh{  
	display: inline-block;
    width: 366px;
	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;
}

//学渣变学霸
.vko_into{
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 999999;
}
#into_vko{
	width: 360px;
	height: 80px;  
	line-height: 80px;
    background: url(http://static.vko.cn/v8/index/images/tcc_bg.jpg);
	margin: 310px auto;
	text-align: center;
}
#into_vko a{
	display: inline-block;
    width: 150px!important;
    height: 40px!important;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF1B0;
    background: #2C1412;
    box-shadow: 2px 2px 1px #572c23;
}
#into_vko .arts{
	margin-right: 10px
}
#into_vko .science{
	
}