@charset "UTF-8";
/***********************
***********************/
body{
    background:#f1f1f1;
    font-family:"Microsoft YaHei";
}
.student-banner{
    background:#171b25 url("../images/banner_s.jpg")  no-repeat center -67px;
}
.sub-banner{
    width:100%;
    height:404px ;
}

/* 幻灯片文本 */
.main-con{
    width:1000px ;
    margin:80px auto ;
}
.cur-banner-txt{
}
.cur-banner-txt h2{
    font-size:40px ;
    font-weight:bold ;
    color:#fff ;
	font-family:"Arial Black", Gadget, sans-serif ;
}
.cur-banner-txt h2 span{
    font-size:30px ;
    font-family:"Microsoft YaHei";
}
.cur-banner-txt .txt-line{
	margin:20px 0 ;
	}
.cur-ban-tag p{
    font-size:12px;
    line-height:30px;
    color:#fff;
}
/* 幻灯片文本 */

.student-con{
	width:1000px ;
	min-height:600px ;
	margin: 0 auto ;
	}

.student-con-list{
    margin-top:-60px;
}

/* 左 */
.stree-box-list-c{
    width:1000px ;
    margin-top:20px ;
}
.stree-box-list-c li{
	display:inline-block;
    width:230px;
    height:320px;
	background:#fff ;
    overflow:hidden;
    float:left;
	margin-right:22px ;
	margin-bottom:22px ;
}
.stree-box-list-c li:first-child{
    margin-left:0;
}

.stree-box-list-c .streebox-con{
	display:block ;
	width:230px ;
    height:320px ;
    overflow:hidden;
	color:rgba(0,0,0,0.8) ;
	
	position:relative ;
}
.stree-box-list-c .streebox-con p{
	line-height:18px ;
}
.stree-box-list-c .streebox-con .font12{
	color:rgba(0,0,0,0.5)
}
	/* 学生完成案例-img */
.stree-box-list-c .streebox-con-top{
    height:220px ;
}
.stree-box-list-c .streebox-con-top img{
	width:100% ;
    height:220px ;
}

	/* 学生完成案例-name */
.streebox-con-bot{
	display:block ;
	width:230px ;
    height:130px;
    background:#fff ;
    font-family:"Microsoft YaHei";
	position:absolute ;
	top:220px ;
	left:0 ;
	z-index:2 ;
}
.scb-con{
	padding:10px 20px ;
}
.scb-con p{
    line-height:22px;
}
.scb-con .font14{
	margin-bottom:10px
}

.streebox-con:hover .font14{
	color:#fff ;
}
.streebox-con:hover .font12{
	color:#fff ;
}
.stree-box-list-c .streebox-con:hover .streebox-con-bot{
	background:#22d3b6 ;
	top:190px ;
}
.stree-box-list-c2{
	width:760px ;
	}
	
/*翻页条*/
.page-com2{
}

.page-com a{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#b6b7b9;
    background:#fff;
    font-size:14px;
	font-family:Arial, Helvetica, sans-serif
	
	transition:all 0.3s ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	-ms-transition:all 0.3s ;
	-o-transition:all 0.3s ;
}
.page-com a:hover,
.page-com a.page-com-active{
    background:#22d3b6;
    color:#fff;
}


/* 右 */
.student-ruser{
    width:250px;
    background:#22d3b6;
    top:-216px;
	left:750px ;
    padding-top:88px;
}

.student-ruser-con h3{
    display:block;
    width:217px;
    height:92px;
    background:#fff;
    top:-145px;
    left:17px;
    text-align:center;
    position:absolute;
    font-size:22px;
    font-weight:bold;
    line-height:30px;
    color:#585858;
    font-family:"Microsoft YaHei";
    padding-top:40px;
}
.student-ruser-con h3 span{
    font-size:14px;
	display:block ;
	font-family:Arial, Helvetica, sans-serif ;
	color:rgba(0,0,0,0.4) ;
    font-weight:normal;
}


/**/
.user-list-box{
	padding:0 17px ;
	height:auto ;
	overflow:hidden;
	padding-bottom:30px
	}
.user-list li{
	width:216px ;
	height:35px;
	line-height:35px;
	text-align:center ;
	color:rgba(255,255,255,1) ;
	overflow:hidden ;
	position:relative ;
	}
	
.user-list li a{ color:#FFF}
	/* 头像 */
.user-list li .user-img{
	display:block ;
	width:110px ;
	height:110px ;
	margin: 0 auto ;
	margin-top:20px ;
}	
.user-list li .user-more{
	display:block ;
	width:30px ;
	height:30px ;
	background:url("../images/search_ic.png")  #22d3b6 center center no-repeat ;
	
	border-radius:30px ;
	-webkit-border-radius:30px ;
	-ms-border-radius:30px ;
	-moz-border-radius:30px ;
	-0-border-radius:30px ;
	
	position:absolute ;
	right:-50px ;
	top:65px  ;
	z-index:99 ;
}	
.user-list li .user-img img{
	width:110px ;
	height:110px ;
	background:#22d3b6 ;
	border:none ;
	border-radius:110px  ;
	-webkit-border-radius:110px  ;
	-ms-border-radius:110px  ;
	-moz-border-radius:110px  ;
	-o-border-radius:110px  ;
}
.user-name{
	margin-top:20px ;
	line-height:26px ;
	}
.user-name span{
	display:block ;
	}
.user-name .u-n-01{
	font-size:14px ;
	color:rgba(255,255,255,0.9)
	}

	/* hover */
.user-list li:hover{
	background:#eb6c6c ;
}
.user-list li:hover .user-more{
	right:50% ;
	margin-right:-70px ;
}
.user-list li .user-more:hover{
	background-color:rgba(34,211,182,0.8)
}
.user-list li:hover .user-name .u-n-01{
	color:#fff ;
}
.user-list .user-list-hover{
	background:#eb6c6c ;
}
.user-list .user-list-hover .u-n-01{
	color:#fff ;
	}
.user-list .user-list-hover .user-more{
	right:50% ;
	margin-right:-70px ;
}