
.topbox{
	border-bottom:1px solid #f2f2f2;
}
.choicetop{
	border-bottom:1px solid #f2f2f2;
}
.top{
	width:1200px;
	height:80px;
	line-height:80px;
	margin:0 auto;
	overflow:hidden;
}
.btom{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.logo{
	position:relative;
	top:15px;
	margin-right:60px;
}
.nav .navitem{
	margin-right:60px;
	color: #333333;
	font-size:18px;
	text-align:center;
	position:relative;
	cursor:pointer;
}
.lineshow{
	display:block;
}
.linenone{
	display:none;
}
.nav .line{
	background:#13bf6c;
	height:3px;
	width:calc(100% + 6px);
	border-radius:5px;
	position:absolute;
	bottom:15px;
	left:-3px;
}


#login{
	float:right;
	cursor:pointer;
	position:relative;
	z-index:10;
}
.sperate{
	color:#999999;
}
#banner{
	height:470px;
}
#banner img{
	width:100%;
	height:100%;
}

#coursesbox{
	width:1200px;
	margin:0 auto;
}

.hotCourses1{
	text-align:center;
	font-size:20px;
	color:#999999;
	font-family:"arial rounded mt bold";
	padding-top:40px;
}
.hotCourses2{
	text-align:center;
	font-size:34px;
	font-weight:bold;
	color:#333;
	font-family:"microsoft yahei";
	margin-bottom:40px;
}

.childenBox{
	margin-top:10px;
	width:285px;
	height:250px;
	float:left;
	border-radius:5px;
	box-shadow:0 0 8px 3px rgba(0,0,0,0.15);
	margin-right:20px;
	margin-bottom:20px;
	box-sizing:border-box;
	position: relative;
	overflow: hidden;
}
.imgbox{
	height:160px;
}
.imgbox img{
	width:100%;
	height:100%;
	border-radius:5px 5px 0 0;
}
.img_filter{
    filter: blur(6px);
}
.imgbox_text{
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.text{
   position:absolute;
   bottom:15px;
   text-align:center;
   font-size:16px;
   width:100%;
   font-family: "microsoft yahei"; 
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding:0 20px;
   width:100%;
   box-sizing:border-box;
}
.imgbox .img2{
	width:80px;
	height:80px;
	border-radius:10px;
	box-shadow:0 0 10px 5px rgba(0,0,0,0.15);
	position: absolute;
	left:30px;
	top:120px;
}
.renshu{
	position:absolute;
	top:180px;
	right:30px;
	font-size:14px;
	color:#999;
}

.bottom{
	 height:90px;
	 line-height:90px;
	 text-align:center;
	 color: #000;
	 font-size:14px;
}


/* 实验中心 */

.choicebox{
  color:#808080;
  font-size:16px;
  overflow:hidden;
}

.choicebox .top{
   height:80px;
   line-height:80px;
   border-bottom:1px solid #f2f2f2;	
   padding-top:26px;
   box-sizing:border-box;
}
.choicebox .btom{
   height:80px;
   line-height:80px;	
   padding-top:26px;
   box-sizing:border-box;
}

.inputbox{
	width:160px;
	height:32px;
	line-height:32px;
	border-radius:16px;
	padding-left:20px;
	box-sizing:border-box;
	color:#808080;
	border:1px solid #cccccc;
	display:block;
	margin-right:10px;
	font-size:16px;
	outline:none;
}

.choicebox .hjnf{
	width:80px;
	text-align:left;
}
.module1{
	width:390px;
	overflow:hidden;
}
.module2{
	width:298px;
}
.module3{
	width:376px;
	overflow:hidden;
}
.module span{
	width:60px;
	height:28px;
	line-height:28px;
	display:inline-block;
	text-align:center;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
}
.search{
	width:62px;
	height:34px;
	border-radius:20px;
	background:#13BF6C;
	color:#FFFFFF;
	text-align:center;
	line-height:34px;
	border:none;
	font-size:16px;
	cursor:pointer;
}

/* 选择区激活样式 */

.choiceActive{
	background:#13bf6c;
	color:#fff;
	border-radius:15px;
}

.mask{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
	background:#fff;
	padding:30px 20px 20px;
	box-shadow:0 0 8px 3px rgba(0,0,0,0.15);
	box-sizing:border-box;
	cursor:pointer;
	opacity:0.7;
	display: flex;
	flex-flow: column;
}

.projectname{
	margin-bottom:10px;
}
.schoolname{
	margin-bottom:15px;
}
.describe{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp:8;
}
#description{
	height: 224px;
	overflow: hidden;
	font-size: 14px;
    line-height: 28px;
    cursor: pointer;
}

.show{
	display:block;
}

/* 登陆 */
.mengban{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index: 999999;
}
.mengbanhide{
	display:none;
}
.mengbanshow{
	display:block;
}
.Loginboxhide{
	display:none;
}
.Loginboxshow{
	display:block;
}

#bigBg .innerDiv{
	width:1024px;
	height:576px;
	border-radius:10px;
	background:#FFFFFF;
	position:fixed;
	left:50%;
	margin-left:-512px;
	top:50%;
	margin-top:-238px;
	text-align:center;
}
#bigBg .bg_close{
	width: 20px;
	height: 20px;
	font-size: 18px;
	line-height: 17px;
	border-radius: 50%;
	background: #FFF;
	border: 1px solid #CCC;
	position: absolute;
	top: -10px;
	right: -10px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
#bigBg .bg_close:hover{
	cursor: pointer;
}




.loginbtn{
	background:#13bf6c;
	width:320px;
	height:40px;
	color:#feffff;	
}
.loginbox{
	width:440px;
	/* height:450px; */
	border-radius:10px;
	background:#FFFFFF;
	position:fixed;
	left:50%;
	margin-left:-220px;
	top:50%;
	margin-top:-225px;
	text-align:center;
}
 .loginbox .title{
	 height:90px;
	 line-height:90px;
	 font-size:24px;
	 color:#333;
	 margin-bottom:40px;
	 border-bottom:1px solid #f2f2f2;
	 
 }
 .loginbox .inputbox{
	 display:block;
	 width:320px;
	 height:40px;
	 margin-bottom:10px;
	 background:#f5f5f5;
	 border:none;
	 border-radius:3px;
	 font-size:14px;
	 color: #999999;
	 
	 
 }
 .loginbox .imginputbox{
	 width:200px;
 }
 .loginbox .loginbtn{
	 outline:none;
	 border:none;
	 border-radius:5px;
	 margin-top:30px;
	 font-size:18px;
 }
 .loginbox .ma10{
	 margin-top:10px;
 }
 
 .leftbox{
	 padding:0 60px;
 }
.loginbox .left{
  width:440px;
  box-sizing:border-box;
  margin-bottom: 20px;
}

.loginbox .right{
  margin-bottom: 20px;
  border-radius:0 10px 10px 0;
  overflow:hidden;
}

.checkboxbox{
	overflow:hidden;
}
.loginbox .checkbox{
	width:14px;
	height:14px;
	display:inline-block;
	border:1px solid #999;
	position:relative;
	top:3px;
}
.next{
  color:#333;
  font-size:14px;
}
.gozhuce{
	margin-top:40px;
	font-size:14px;
}
.gozhuce2{
	margin-top:30px;
	font-size:14px;
}
.nowzhuce{
	color:#13bf6c;
	font-size:14px;
	cursor:pointer;
}
.loginbox .right{
  width:290px;	 
}