body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	 background: #f2f2f2;
}
a{ text-decoration: none;}

li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: bottom;
	display: block;
}
.clear{ clear: both;}
.fr{ float:right;display:block;}
.fl{ float:left;display:block;}
.main{ width: 1200px; margin: 0 auto;}
h2{ font-weight: normal;}


/*even-banner*/
/**/
.zb_span{ padding: 10px 20px; background: #fff; width: 1160px; margin-top: 0px;height: 120px;}
.zb_span dl.fl p{font-size: 16px; margin-bottom: 10px; margin-top: 35px;}
.zb_span dl.fl span{ color: #a1a0a0;}
.zb_span dl.fr dd{ margin-left: 20px; margin-top: 30px;}
.zb_span dl.fr dd span{ background: url(../img/zb_10.jpg) no-repeat left top; width: 100px; display: block; padding-left: 45px;}
.zb_span dl.fr dd span p{ margin-bottom: 5px;}
.zb_span dl.fr dd span p a{ text-decoration: underline; color: #2b6cd7;}
.zb_a{ background: url(../img/zb_10-1.jpg) no-repeat left top; padding-left: 20px; color: #a1a0a0;}
.zb_a:hover{ text-decoration: underline;}

/**/
.zb_video{ position: relative; height:655px; margin-top: 40px;}
.zb_video .module-title{ width: 200px; background: #dce7fa; padding: 20px; height: 615px;}
.zb_video .module-title h3{ font-size: 16px; color: #2b6cd7; text-align: center;}

.title-list li { cursor: pointer; margin: 20px 0 20px 10px; background: #fff; width: 85px; height: 30px; float: left; display: block;text-align: center; line-height: 30px;}
.title-list .on{ background: #2B6CD7; color: #fff;}
.product .video_sp{ position: absolute; left:0px; top:0}
.product dt{ margin-bottom: 20px;}
.product dt img{ margin:0 20px 10px 0px;}
.product dd{ float: left; display: block;}
.product h4{ font-size: 14px; color: #2b6cd7;}
.product dd span{ margin-top: 5px; display: block; color: #454444;}
.product dd span a{ text-decoration: underline; color: #2B6CD7; margin-left: 5px;}
.product dd span a:hover{ background: #5fb41b; color: #fff;}
.product h2{ font-size: 14px; margin-top: 10px;}
.product p{ text-indent: 2em; line-height: 26px; color: #454444;}
.product dl span{ padding: 3px 5px; display: block; background: #fff;  float: left; margin-right: 3px; margin: 10px 3px 10px 0;}
.module-title ol{  clear: both; border-top: solid 1px #fff; padding-top: 25px;  margin-top: 25px;}
.module-title ol p{ text-align: center;}
.module-title ol a{ background: #2B6CD7; color: #fff; text-align: center; width: 100px; height: 25px; display: block; margin: 0 auto; line-height: 25px; margin-top: 10px;}
.module-title ol a:hover{  background: #5fb41b;;}
.product{ display: none;}
.show{ display: block;}

/*公开课*/
.tence_cou{ margin-top: 40px; }
.tence_cou h2 span a{ color: #454444;}
.tence_cou h2 span a:hover{ text-decoration: underline;  color: #5fb41b;}
.tence_cou ol{ width: 1220px;}
.tence_cou dt{ width: 285px; background: #fff; padding-bottom: 20px; margin-top: 20px; float: left; display: block; margin-right: 20px;}
.tence_cou dt:hover{ box-shadow:0px 5px 15px #bdbcbc;}
.tence_cou dt p{ font-size: 14px; margin: 20px 0 12px 10px;}
.tence_cou dt span a{ border: solid 1px #5fb41b; padding: 4px 15px; margin-left: 10px; color: #5fb41b;}
.tence_cou dt span a:hover{ background: #5fb41b; color: #fff;}
.tence_cou .fr{ font-size: 14px;}

/*腾讯课*/
.tx_gkk{ margin-top: 40px;}
.tx_gkk ol{ width: 1220px;}
.tx_gkk h2  span a{ color: #454444;}
.tx_gkk h2  span a:hover{ text-decoration: underline;color: #5fb41b; }
.tx_gkk dt{ width: 386px; background: #fff; padding-bottom: 20px; margin-top: 20px; float: left; display: block; margin-right: 20px;}
.tx_gkk dt:hover{ box-shadow:0px 5px 15px #bdbcbc;}
.tx_gkk dt p{ font-size: 14px; margin: 20px 0 12px 10px;}
.tx_gkk dt span a{ border: solid 1px #5fb41b; padding: 4px 15px; margin-left: 10px; color: #5fb41b;}
.tx_gkk dt span a:hover{ background: #5fb41b; color: #fff;}
.tx_gkk .fr{ font-size: 14px;}