@charset"utf-8";
/*样式重置（reset）*/
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,form,input,textarea,th,td,select{ margin:0; padding:0; }
em{ font-style: normal; }
li{ list-style: none; }
a{ text-decoration: none; color:#333;}
i{ font-style: normal; }
img{ border: none;}
table{ border-collapse: collapse; }
input,textarea{ outline: none; }
textarea{ resize: none; overflow: auto; }
dl{ display: block; }
dt{ float: left; }
body{
	font-family: 'Microsoft Yahei',sans-serif,arial;
	font-size: 14px;
	line-height: 150%;
	color: #333;
	background: #fff;
}
.wrap{
	width: 1200px;
	margin: 0 auto;
}

/*public*/
.red{ color: #e91919;}
.clearfix{ *zoom:1; }
.clearfix:after{ display: block; content:""; height: 0; clear: both; 1font-size: 0; overflow: hidden; visibility: hidden; }
.fl{ float: left; }
.fr{float: right;}

/*课程列表*/
.text-over{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.course-list ul{margin-left: -10px;	margin-right: -10px;}
.course-list ul li{ position: relative; width: 285px;float: left; background: #fff; margin: 10px;	}
.course-list ul li img{display: block;width: 100%;height: 175px;overflow: hidden;}
.course-list li h4,.course-list li .des{background: #eff5f5;}
.course-list li h4{ height: 35px; line-height: 35px; padding: 5px 10px 0;font-size: 14px;}
.course-list .des{ height: 30px; line-height: 30px; padding: 0 10px 15px;}
.course-list .des span {display: inline-block; max-width: 190px; color: #676767;}
.course-list .des em{float: right;}
.course-list .iconfont{ font-size: 24px; color: #676767; vertical-align: middle; float: left;}
.course-list li:before{	content: ''; position: absolute;	z-index: -1; top:-10px; left: -10px; right: -10px;bottom: -10px; transition: all 0.5s;}
.course-list li:hover:before{ background: #fff; -webkit-box-shadow: 0px 0px 10px 3px #d5e7e5; -moz-box-shadow: 0px 0px 10px 3px #d5e7e5; box-shadow: 0px 0px 10px 3px #d5e7e5;}
.course-list li:hover h4,.course-list li:hover .des{ background: #fff;}
.no-data{ font-size: 14px;text-align: center;padding: 150px 0;}
.no-data img{margin-bottom: 20px;}
.no-data p{ font-size: 16px; color: #b7b7b7; }
.no-data p a{ color: #0e746b; margin: 0 3px; }

/*翻页*/
.page{
	text-align: center;
	margin: 70px 0 20px;
}
.page-wrap{
	display: inline-block;
	margin: 0 auto;
}
.page .rule{
	display: inline-block;
	height: 29px;
	line-height: 29px;
}
.page .form-control{
	display: inline-block;
	height: 29px;
	line-height: 29px;
	padding: 3px 8px;
	margin-right: 50px;
	border-radius: 4px;
	border: 1px solid #ececec;
	font-size: 14px;
}
.page .select_box{
	display: none;
}
.pagination{
	float: left;
	margin: 0;
}
.page-num a,.page-num span,.page a{
	display: inline-block;
	padding: 3px 8px;
	border-radius: 3px;
	border: 1px solid #ececec;
	margin: 0 3px;
}
.page-num .turn{
	display: inline-block;
	width: 0px;
	height: 0px;
	border-style: solid;
}
.page-num .turn-left{
	border-width: 6px 7px 6px 0;
	border-color: transparent #c2c2c2 transparent transparent;
}
.page-num .turn-right{
	border-width: 6px 0 6px 7px;
	border-color: transparent transparent transparent #c2c2c2;
}
.page-num span.disabled{
	display: none;
}
.page-num span.current,.page a.cur{
	border-color: #0db3a2;
	background: #0db3a2;
	color: #fff;
}
.page-num a:hover{
	border-color: #0db3a2;
	color: #333;
}
.page-wrap .jump{
	margin-left: 40px;
}
.page-wrap .jump input{
	display: inline-block;
	width: 40px;
	height: 27px;
	line-height: 27px;
	border: 1px solid #ececec;
	text-align: center;
	border-radius: 3px;
	margin-right: 10px; 

}
.page-wrap .jump .go{
	background: none;
	box-sizing: content-box;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 2px #ececec;
	-moz-box-shadow: 1px 1px 2px #ececec;
	box-shadow: 1px 1px 2px #ececec;
}
.page-wrap .jump .go:hover{
	background: #0db3a2;
	border-color: #0db3a2;
	color: #fff;
	-webkit-box-shadow: 1px 1px 2px #0db3a2;
	-moz-box-shadow: 1px 1px 2px #0db3a2;
	box-shadow: 1px 1px 2px #0db3a2;
}

/*header*/
.header .nav,.menu,h3{
	letter-spacing: 1px;
}
.top{
	height: 30px;
	line-height: 30px;
	background: #343434;
	color: #fc9b3a;
}
.top a{
	color: #b7b7b7;
	margin: 0 25px;
}
.top a:hover{
	color: #fff;
}
.header,.header .logo,.nav li{
	height: 80px;
}
.header{ 
	line-height: 80px;
}
.header .logo img{ 
	width: 216px;
	display: block;
	margin-top: 15px;
}
.header select.area,#main select.area{
	font-family: inherit;
	font-weight: bold;
	font-size: 14px;
	color: #0e746b;
	margin-top: 28px;
	margin-left: 5px;
	margin-right: 40px;
	border: none;
}
.header .area,#main .area{
	font-size: 14px;
	font-weight: bold;
	color: #0e746b;
	margin-left: 5px;
	margin-right: 40px;
	letter-spacing: 1px;
}
.header .select_box{
	display: none;
}
.nav li{
	display: block;
	float: left;
	margin: 0 15px;
}
.nav li a{ 
	display: block;
	font-size: 16px;
}
.nav .active a,.login-list .active a,.nav li a:hover,.login-list li a:hover{
	color: #0e746b;
}
.search{
	position: relative;
	width: 310px;
	height: 34px;
	margin-top: 23px;
	margin-right: 30px;
}
.search .inp-text{
	display: block;
	width: 255px;
	height: 32px;
	line-height: 32px;
	padding: 0 40px 0 15px;
	border: 1px solid #c6cbd1;
	border-radius: 4px;
	color: #b7b7b7;
	font-size: 16px;
	letter-spacing: 1px;
}
.search .inp-btn{
	position: absolute;
	right: 7px;
	top: 0px;
	width: 25px;
	height: 34px;
	border: none;
	cursor: pointer;
	background: url(../images/search.png) no-repeat 0 6px;
}
.login{
	height: 80px;
	position: relative;
	padding-left: 20px;
}
.login .photo{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	object-fit: cover;
	vertical-align: middle;
	float: left;
	margin-top: 23px;
}
.login .name{
	display: inline-block;
	max-width: 75px;
	margin-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.login-list{
	display: none;
	position: absolute;
	z-index: 999;
	width: 120px;
	top:68px;
	left: -23px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.1);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,.1);
}
.login-list:before,.login-list:after{
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	top:-5px;
	left: 50%;
	margin-left: -5px;
	overflow: hidden;
	pointer-events: none;
	-webkit-transform:rotate(225deg);  
	-mz-transform:rotate(225deg);  
	transform:rotate(225deg);  
}
.login-list:before{
	background: #fff;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}
.login-list:after{
	background: #fff;
	top:-5px;
}
.login-list li{
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.login-list li a{
	display: block;
}
.login-list li.identity{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #eaeaea;
	color: #a6a6a6;
	margin-bottom: 10px;
}

/*footer*/
.footer{
	text-align: center;
	color: #777;
	line-height: 24px;
	padding: 115px 0 85px;
	background: #eff5f5;
}
.footer img{
	margin-bottom: 10px;
}

/*分享*/
.share{position: relative;padding-bottom: 20px;}
.share-box{display: none;position: absolute; width:230px;height:50px; top:40px;right: 0px; line-height: 50px;padding: 0 5px;background: #fff;box-shadow: 0px 0px 6px 2px #e1e1e1;-moz-box-shadow:0px 0px 6px 2px #e1e1e1;-webkit-box-shadow:0px 0px 6px 2px #e1e1e1; }
.share-box:after{position: absolute;display: block; content: '';border-style: solid;border-width: 6px;border-color:#fff #fff transparent transparent;transform: rotate(-45deg); top:-6px; right: 30px; box-shadow: 2px -2px 6px #e1e1e1;-moz-box-shadow:2px -2px 6px #e1e1e1;-webkit-box-shadow:2px -2px 6px #e1e1e1; }
.share-box li{ width: 36px; height: 50px; margin: 0 5px; display: block; text-align: center; float: left;}
.share-box li .iconfont{font-size: 30px;}
.share-box li .icon-weibo11{ color: #db2008; }
.share-box li .icon-qqkongjian{ color: #ffc548; }
.share-box li .icon-qq11{ color: #0ca7f9; }
.share-box li .icon-weixin11{ color: #1ab722; }
.share-box li .icon-pengyouquan{ color: #4acb62; }
.share-box li a:hover .icon-weibo11{ color: #f96754; }
.share-box li a:hover .icon-qqkongjian{ color: #f6cc73; }
.share-box li a:hover .icon-qq11{ color: #54c3fd; }
.share-box li a:hover .icon-weixin11{ color: #54cf5a; }
.share-box li a:hover .icon-pengyouquan{ color: #79ed8e; }

/*------------------------------------表单验证-----------------------------------*/
.Validform_checktip{
  display: none;
  margin-left:8px;
  line-height:28px;
  height:28px;
  overflow:hidden;
  color:#d8534f;
  font-size:12px;
}
.Validform_right{
  color:#71b83d;
}
.Validform_wrong{
  color:red;
  white-space:nowrap;
}
.Validform_loading{
  padding-left:20px;
}
.myform .Validform_error{
  border-color: #d8534f;
}
.myform .Validform_error:focus{
  border-color: #d8534f;
  box-shadow: none;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:9999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}