/* banner */
main>.banner{
	width: 100%;
	height: 29vw;
	position: relative;
	top: -1px;
	margin: 0 auto;
}
main>.banner .left{
	width: 25%;
	height: 29vw;
	background-color: #1d9bfa;
	text-align: center;
	overflow: hidden;
}

main>.banner .left .login{
	display: inline-block;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 15px;
	padding: 1.2vw 3vw;
}
main>.banner .left .login:hover{
	background-color: #0073ff
}
main>.banner .left .register{
	text-align: center;
	margin-top: 0.5vw;
	padding-bottom: 1vw;
	line-height: 2.5vw;
	font-size: 1.1vw;
	border-bottom: 1px solid #28BFFE;
}
main>.banner .left .register a,main>.banner .left .search a{
	color: #fff;
}
main>.banner .left .search{
	/*padding-left: 4vw;*/
	padding-left: 3vw;
	line-height: 3vw;
	font-size: 1.1vw;
	text-align: left;
	margin-top: 1vw;
}
main>.banner .right{
	width: 75%;
	height: 29vw;  
	display: inline-block;
}
#carousel-example-generic{
	width: 100%;
}
#carousel-example-generic .item{
	width: 100%;
	height: 29vw;
}
main>.banner .right img{
	width: 100%;
	height: 29vw;
}

/* search */
main>.search{
	width: 100%;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
main>.search>li{
	width: 25%;
	text-align: center;
}
main>.search>li:hover{
	cursor:pointer;
}
main>.search>li img{
	margin-right: 1vw;
}

main>.search>li span{
	display: inline-block;
	width: 100%;
}

main>.search>li:nth-of-type(n+2) span{
	border-left: 1px solid #eee;
	position: relative;
	left: 0;
}

main>.search>li a{
	color: #000;
}

main>.search>li:nth-of-type(n+2) a{
	position: relative;
	left: 0;
}

/* news */
main>.news{
	width: 100%;
	padding-top: 1.5vw;
	margin-bottom: 1vw;
}
main>.news .title{
	color: #0090ff;
	line-height: 2vw;
	margin-bottom: 1vw;
	background-color: #fff
}
main>.news .title>span{
	border-left: 5px solid #0072FF;
	padding-left: 10px;
}
main>.news .title a{
	color: #666;
}
main>.news .title a:hover{
	color: #0090ff;
}

main>.news .content{
	width: 100%;
	overflow: hidden;
}
main>.news .block .lists{
	width: 110%;
	height: 100%;
	overflow-y: auto;
	list-style: disc !important;
}
main>.news .block .lists li{
	list-style-type:disc;
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
main>.news .block .lists li a{
	color: #333;
}

main>.news .block .lists li a:hover,main>.courses .title .more:hover{
	color: #0090ff;
}
main>.news .block .lists li .left{
	display: inline-block;
	width: 70%;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
main>.news .block .lists li .right{
	display: inline-block;
	width: 30%;
	height: 30px;
	text-align: right;
	color: #666;
	padding-right: 9%;
}

/* course */
main>.courses{
	width: 100%;
	margin-bottom: 3vw;
	/* margin-top: 20px; */
	position: relative;
}
main>.courses .title{
	width: 100%;
	/*height: 6vw;*/
	height: 75px;
	line-height: 75px;
	/*line-height: 6vw;*/
	color: #0090ff;
	top: 0;
	left: 0;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}
main>.courses .title .more{
	color: #666;
}

main>.courses .lists{
	width: 100%;
	
}

main>.courses .lists .course img{
	width: 100%;
}
main>.courses .lists .course .detail{
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}
main>.courses .lists .course .detail>span:nth-of-type(1){
	color: darkorange;
}
main>.courses .lists .course .detail>span:nth-of-type(2){
	color: #0090ff;
}

/* 学校环境样式 */
.wrap{
	/* border: 3px solid #f00; */
	width: 100%;
	position: relative;
	overflow: hidden;
}

.wrap ul{
	overflow: hidden;
	position:absolute;
	width: 2000px;
	left: 0;
	top: 0;
	_height:1px;
}

.wrap ul li{
	float: left;
	list-style-type: none;
}

/* pc */
@media screen and (min-width: 768px) {
	main>.banner .left .login{
		font-size: 1.2vw;
		/*margin-top: 5vw;*/
		margin-top: 3vw;
	}
	main>.search{
		height: 6vw;
	}
	main>.search>li{
		height: 6vw;
		line-height: 6vw;
	}
	main>.search>li img{
		height: 4vw;
	}
	main>.search>li:hover{
		transform: scale(1.2);
	}
	main>.search>li span{
		height: 3vw;
	}
	main>.search>li:nth-of-type(n+2) span{
		top: 1.5vw;
	}
	main>.search>li:nth-of-type(n+2) a{
		top: -1.5vw;
	}
	
    main>.search>li a,main>.courses .lists .course .detail,main>.news .title,main>.courses .title{
    	/*font-size: 1.2vw;*/
		font-size: 16px;
    }
	main>.news{
		height: 18vw;
		min-height: 205px;
	}
	/* main>.news .block{
		height: 14vw;
	} */
	main>.news .block:nth-of-type(n+2){
		border-left: 1px solid #eee;
	}
	/* main>.news .title>span{
		position: relative;
		top: 0;
		left: -15px;
	} */
	
	main>.news .title a,main>.news>.block .lists li,main>.courses .title .more{
		font-size: 1vw;
	}
	/* main>.news .content{
		height: 15vw;
	} */
	main>.courses{
		height: 36vw;
		border-top: 1px solid #eee;
	}
	main>.courses.video{
		height: 18vw;
	}
	main>.courses .title img{
		/*height:3vw*/
		height: 25px;
	}
	main>.courses .lists .course img,.wrap{
		height: 12.2vw;
	}
	.wrap ul{
		padding: 0 15px;
	}
	.wrap ul li{
		width: 265px;
		height: 12.2vw;
	}
}

/* app */
@media screen and (max-width: 768px) {
	main>.banner .register,main>.banner .search{
		display: none;
	}
	main>.banner .left .login{
		font-size: 12px;
		margin-top: 10vw;
	}
	main>.search{
		height: 10vw;
	}
	main>.search>li{
		height: 10vw;
		line-height: 10vw;
	}
	main>.search>li img{
		height: 5vw;
	}
	main>.search>li span{
		height: 4vw;
	}
	main>.search>li a{
		font-size: 2.2vw;
	}
	main>.search>li:nth-of-type(n+2) span{
		top: 3vw;
	}
	main>.search>li:nth-of-type(n+2) a{
		top: -3vw;
	}
	
	main>.news .title,main>.courses .title{
		font-size: 14px;
	}
	main>.news{
		margin-top:15px;
		height: 470px;
	}
	main>.news .title,main>.courses .title img{
		line-height: 30px;
	}
	main>.news .title a,main>.news .block .lists li,main>.courses .lists .course .detail,main>.courses .title .more{
		font-size: 12px;
	}
	main>.news .content{
		height: 160px;
	}
	main>.news .block{
		margin-bottom: 10px;
	}
	main>.courses .title{
		height: 45px;
		line-height: 45px;
	}
	main>.courses .lists .course{
		height: 40vw;
	}
	main>.courses .lists .course img{
		height: 26.5vw;
	}
	main>.courses.video{
		display: none;
	}
	main>.search>li {
		width: 50%;
		text-align: left;
		padding-left: 5vw;
	}
	main>.search {
		height: auto;
	}
	main>.banner .left {
		display: none;
	}
}