@charset "utf-8";
/* CSS Document */
body{ background:#fff;}
.marb28{ margin-bottom:28px;}
#little-banner,#little-banner img{ width:100%; height:540px;}
strong{ font:inherit;}

#banners{ width:100%;  height:540px;}
.tp-leftarrow{ left:150px!important;}
.tp-rightarrow{ right:150px!important;}

/*====================证书&学历=============*/
.educational{width:1200px; }
.educational li{width:280px; background:#fff; float:left; margin: 0 18px 28px 0; border:1px solid #f1f1f1; position:relative;}
.educational li .img{width:280px; height:164px; position:relative; }
.educational li .img img{width:280px; height:164px;  }
.educational li .bottom_bg{width:280px; height:8px; position:absolute; bottom:-9px; left:0px; background:url(../images/bottom_bg.png) no-repeat; }
.educational li .img i.meng{width:280px; height:164px; background:url(../images/meng_info.png) no-repeat; position:absolute; left:0px; top:0px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity:0;filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;}
.educational li .img a:hover i.meng{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity:1;filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;}
.educational.book li a:hover .img i.meng{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity:1;filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;}
.educational li .img em.tui{ position:absolute; top:0px; left:0px; width:42px; height:24px; line-height:24px; color:#fff; background:#f97e7e; display:block; text-align:center; border-bottom-right-radius:3px;}

.educational li .info{ padding:15px 20px;}
.educational li .info .edu-title{ border-bottom:1px dashed #e7e7e7; height:20px; display:block; padding-bottom:15px; margin-bottom:10px;}
.educational li .info .edu-title em.title{ font-size:16px;width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.educational li .info .edu-title:hover em.title{color:#32a8f5;}
.educational li .info .edu-title em.lei{ height:20px; padding:0 8px; line-height:20px; border-radius:20px; font-size:12px;}
.educational li .info .edu-title em.lei.a{ border:1px solid #0ac986; color:#0ac986;}
.educational li .info .edu-title em.lei.b{ border:1px solid #32a8f5; color:#32a8f5;}

.educational li .info strong{ font-size:16px; color:#333; display:block; line-height:26px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.educational.book li a:hover .info strong{ color:#32a8f5;}
.educational li .info p.person{ color:#bbb; background-position:0 -362px; line-height:24px; padding-left:25px; margin-top:5px;}

/*====================公开课=============*/
.public-class-list{width:1200px; }
.public-class-list li{width:280px; background:#fff; float:left; margin: 0 20px 20px 0;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.public-class-list li:hover{box-shadow:0 4px 8px #e2e2e2;}
.public-class-list li .img{width:280px; height:164px; position:relative; }
.public-class-list li .img i.meng{width:280px; height:164px; background:url(../images/meng.png) no-repeat; position:absolute; left:0px; top:0px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity:0;filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;}
.public-class-list li:hover .img i.meng{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity:1;filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;}
.public-class-list li:hover a strong{ color:#32a8f5;}
.public-class-list li .info{ padding:15px 20px;}
.public-class-list li .info strong{ font-size:16px; color:#333; display:block; line-height:26px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.public-class-list li .info p.person{ color:#bbb; background-position:0 -362px; line-height:24px; padding-left:25px; margin-top:5px;}
.public-class-list li .info p.price{ color:#ff7f67; line-height:24px;/*margin-top:5px;*/}

/*====================直播=============*/
.live-list li{ margin: 0 18px 28px 0;}
.live-list li .img i.meng{ z-index:2;}
.live-list .play-state{ width:280px; height:36px; line-height:36px; background:url(../images/little/live_play.png); position:absolute; bottom:0px; left:0px; color:#fff;}
.live-list .play-state span.time{ width:190px; text-indent:1.5em;}
.live-list .play-state span.state{ width:90px; text-indent:2.7em;}
.live-list .play-state span.state.play{ background:#07c986 url(../images/little/a.png) no-repeat 12px center; }
.live-list .play-state span.state.none{ background:#171c25 url(../images/little/b.png) no-repeat 12px center; }
.live-list .play-state span.state.again{ background:#32a8f5 url(../images/little/c.png) no-repeat 12px center; }
.live-list li .info p.teach{ color:#999;line-height:24px; margin-top:5px;}