
/**banner**/
.banner{width:100%;height: 400px;  position:relative;}
.banner .d1{width:100%;height: 400px;display:block;position:absolute;left:0px; z-index: 0;}
.banner .d2{width:150px;height:30px;overflow:hidden;clear:both;position:absolute;z-index:100;left:50%; margin-left:-75px; bottom:0px;}
.banner .d2 table{margin:auto;height:30px;}
.banner .d2 table td{padding:0px 3px 0px 3px;}
.banner .d2 table div{width:20px;height:20px;overflow:hidden;cursor:pointer;background:#ffffff;border-radius:10px;text-align:center;border:2px solid #c0a15d;}
.banner .d2 table div.nuw{background:#c0a15d;color:#FFF;}

.login-contain{
	width: 100%;
	height: auto;
	position: relative;

}
.login-contain-box{
	position: relative;
}
.login-box{
	z-index: 9999;
	width: 300px;
	height: 350px;
	padding: 20px;
	border-radius: 10px;
	/*margin-top: -475px;*/
	position: absolute;
	right: 0px;
	top:50%;
	margin-top: -200px;
	background: rgba(0,0,0,0.4);
}
.login-box h5{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
}
.user-box{
	width: 100%;
	height: 40px;
	background-color: rgba(255,255,255,0.5);
	margin-top: 20px;
}
.user-img{
	margin: 11px;
}
.user-box input{
	width: 200px;
	height: 40px;
	background-color: rgba(255,255,255,0.0);
	border: none;
	outline: none;
	font-size: 16px;
	color: #f0f0f0;
}
.user-box button{
	width: 100%;
	line-height: 40px;
	text-align: center;
	border: 0px;
	outline: none;
	background-color: #02a396;
	color: #FFFFFF;
	font-size: 18px;
	border-radius: 8px;
	cursor: pointer;
}
.user-box button:active{
	background-color: #02c3b4;
}
.user-box .register{
	height: 40px;
	background-color: rgba(255,255,255,0.1);
	border: 2px solid #02a396;
}

.title-content{
	width:260px; margin: 100px auto 60px auto; display: block;
}
.more{
	margin-top: -110px;
}
.more button{
	border: 1px solid #02a396;
	padding: 5px 20px;
	color: #02a396;
	background-color: #FFFFFF;
	border-radius: 5px;
	cursor: pointer;
	outline: none;
}
.more button:active{
	background-color: #02a396;
	color: #FFFFFF;
}


.teacher{
	width: 265px;
	height: 400px;
	background-color: #FFFFFF;
	margin: 5px;
}
.teacher img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border:3px solid #02a396;
	margin: 20px auto;
	display: block;
}
.teacher h3{
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #232323;
}
.teacher p{
	font-size: 14px;
	color: #999999;
	width: 235px;
	margin-left:20px;
	overflow: hidden;
	text-indent: 2em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
	
}
.teacher-current{
	background-color: #02a396;
	box-shadow: 2px 2px 6px 3px #cccccc;
	cursor: pointer;
}



.tixi{
	width: 250px;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	box-shadow: 2px 2px 6px 3px #cccccc;
	cursor: pointer;
}
.tixi h3{
	font-size: 16px;
	font-weight: normal;
	color: #232323;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap
}
.tixi p{
	font-size: 14px;
	text-indent: 2em;
	color: #999999;
	height: 116px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
	
}
.tixi h3:hover{
	color: #02a396;
}


.list{
	position: absolute;left: 0px; top: 60px;
}
.project-list h6{
	font-size: 16px;
	font-weight: normal;
	color: #232323;
	padding: 6px 25px;
	cursor: pointer;
	border: 1px solid #02a396;
	border-radius: 20px;
	margin: 0px 10px;
}
.project-list .project-current{
	background-color: #02a396;
	color: #FFFFFF;
}
.list-contain{
	width: 500px;
	margin-right: 14px;
	margin-bottom: 14px;
	background-color: #FFFFFF;
	padding: 8px;
	cursor: pointer;
}
.list-contain img{
	width: 160px;
	height: 90px;
}
.list-contain div{
	width: 300px;
	margin-left: 20px;
}
.list-contain h4{
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.list-contain p{
	font-size: 14px;
	color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.list{
	margin-top: 30px;
}




.Choices{ width:100%; padding: 30px 0px; float:left; background:url(../img/Choices.jpg) no-repeat center; background-size:cover;}
.Choices_text{ width:1100px;  margin:0 auto;}
.Choices_head:before{ left:175px;}
.Choices_head:after{ right:175px;}

.Choices_content{ width:1100px; height:300px; float:left; margin-left:3px;}
.Choicesnext{ width:38px; height:37px; float:left; margin-left:1136px; margin-top:24px; cursor:pointer;}
.Choices_banner{ width:1100px; float:left; margin-top:0px; overflow: hidden;}
.Choices_banner ul{ width: 12000px;  overflow: hidden;}
.Choices_banner ul li{ width:1100px; height:300px; float:left;}


.Choicesbut{ width:197px; height:49px; float:left; border:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7); text-align:center; line-height:49px; color:#606060; font-size:22px; margin-left:195px; margin-top:57px;}
.Choicestel{ width:1100px; height:38px; text-align:center; line-height:38px; font-size:36px; float:left; font-family:"Arial"; overflow:hidden; color:#FFF; margin-top:100px;
-webkit-user-select:none;/*¹È¸è /Chrome*/
-moz-user-select:none; /*»ðºü/Firefox*/
-ms-user-select:none;    /*IE 10+*/
user-select:none;}
.Choicestel ul{ width:12000px; overflow:hidden;}
.Choicestel ul li{ width:1100px; height:38px; float:left;}

.book-box{
	width: 160px;
	padding: 5px;
	margin: 5px;
	background-color: #FFFFFF;
}
.book-box img{
	width: 160px;
	height: 200px;
}
.book-box h1{
	font-size: 14px;
	color: #232323;
	height: 40px;
	padding:6px 0px;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	
}
.book-box p{
	font-size: 14px;
	color: #999999;
	height: 76px;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}


.beian-box{
	background-color: #eeeeee;
	height: 200px;
	padding: 40px 0px;
}
.beian-box p{
	color: #232323;
}


.jigou-list h6{
	font-size: 16px;
	font-weight: normal;
	color: #232323;
	padding: 6px 25px;
	cursor: pointer;
	border: 1px solid #02a396;
	border-radius: 20px;
	margin: 0px 10px;
}
.jigou-list .jigou-current{
	background-color: #02a396;
	color: #FFFFFF;
}

.jg{
	margin-top: 30px;
}
.jigou-box{
	width: 100%;
	margin-top: 0px;
	 padding: 15px; 
	  background-color: #FFFFFF;
}

.jigou{
	padding: 10px 25px;
	background-color: #f8f8f8;
	margin: 8px;
	cursor: pointer;
}
.jigou:hover{
	background-color: #f65402;
	color: #FFFFFF;
}