@charset "utf-8";
.curriculum {
	clear: both;
	height: auto;
	width: 100%;
}
.curriculum .title {
	width: 140px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9c9c9c;
	padding-bottom: 5px;
}
.curriculum .title h2 {
	background-image: url(../images/di1_03.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-align: right;
	height: 40px;
	line-height: 2em;
	color: #2e2e2e;
	margin-right: 5px;
	line-height:48px;
	font-size: 20px;
	font-weight: bold;
}

.curriculum .list {
	width: 95%;
	height: auto;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.curriculum .list ul {
	
}
.curriculum .list ul li {
	width: 20%;
	margin-left:2.3%;
	margin-right:2.4%;
	float: left;
	text-align: center;
	overflow:hidden;
}
.curriculum .list ul li .img {
	position: relative;
	width: 100%;
	height: 80px;
	overflow: hidden;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size:auto 100%;
}

.curriculum .list ul li .img img{ width:100%; height:100%; position:relative;}

.curriculum .list ul li .img i{
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: -2px top;
	z-index:500;
	width:30px;
	height:30px;
	background-size:auto 100%;
}


.curriculum .list ul li a {
	width: 100%;
	
}

.curriculum .list ul li a  p {
	color: #383838;
	font-size: 15px;
	line-height: 2em;
	margin-bottom: 10px;
	
}




.curriculum .list_bs {
	height: auto;
	width: 100%;
	margin-top: 30px;
}
.curriculum .list_bs ul li {
	width: 100%;
}
.curriculum .list_bs ul li img {
	width: 100%;
	margin-bottom: 40px;
}
.curriculum .list_bs ul .in {
	clear: both;
	width: 100%;
	height: auto;
}
.curriculum .list_bs ul .in .gd {
	float: left;
	width: 20%;
}
.curriculum .list_bs ul .in .gd a p {
	width: 85px;
	height: 35px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);






        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	color: #000000;
	font-size: 14px;
	margin-top: 100%;
	background-image: url(../images/hf_06.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: "微软雅黑";
	background-size: 80% 25%;
}


.curriculum .list_bs ul .in .img {
	float: left;
	width: 70%;
}
.curriculum .list_bs ul .in .img img{
	height:auto;
}
.curriculum .list_bs ul .in .bs {
	float: right;
	width: 20%;
}
.curriculum .list_bs ul .in .bs a p {
	font-size: 16px;
	color: #5e5e5e;
	background-image: url(../images/hf_06.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: auto;
	width: 85%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-size: 80% 25%;
	padding-bottom: 15px;
	text-align:right;
}








.title_s {
	clear: both;
	height: 80px;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #5b5658;
	line-height: 80px;
}
.title_s h2 {
	width: 155px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #848484;
	text-align: center;
	padding-bottom: 5px;
	height: 55px;
	margin-top: 0px;
	font-size: 22px;
	font-weight: normal;
	color: #000000;
}


.More {
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
.More a {
}


.More a img {
	height: 55px;
	width: 55px;
}
.img-sp {
	clear: both;
	width: 100%;
	height: auto;
}
.img-sp a img {
	width: 100%;
	margin-top: 10px;
}


/*教学环境*/


/**********************************************
*
* 2. Container Styles
*
**********************************************/
.js .sky-carousel {
	visibility: hidden;
}

.sky-carousel {
	width: 100%;
	height: 320px;
	position: relative;
	
	overflow: hidden;
	background-color: #f9f9f9;
	margin-bottom: 30px;
	
	margin-right: auto;
	margin-left: auto;
}
#site-wrapper {
	clear: both;
	width: 100%;
}


.sky-carousel .sky-carousel-container {
	position: relative;
	list-style-type: none;
	float: left;
	
	
}

/**********************************************
*
* 3. Carousel Item Styles
*
**********************************************/
.sky-carousel .sky-carousel-container li {
	position: absolute;
	border: 0;
	background-color: #FFF;
}

.sky-carousel .sky-carousel-container li img {
	display: block;
	border: 0;
	max-width: none !important;
	width:400px;
	
}
#site-wrapper #second-phase .shell .second-row article .sky-carousel-wrapper .sky-carousel-container li p {
	line-height: 4em;
	font-size: 20px;
	text-align: center;
	color: #3d3d3d;
}


#videolist{ clear:both; overflow:hidden; width:100%; padding-top:20px; padding-bottom:15px; margin-bottom:20px;-moz-box-shadow:0px 2px 10px #EFEFEF; -webkit-box-shadow:0px 2px 10px #EFEFEF; box-shadow:0px 2px 10px #EFEFEF;}

#videolist ul{}

#videolist li{ float:left; padding:0 5px;}

#videolist li .img{ width:100%; height:80px;}

#videolist li .img img{ width:100%; height:71px;}

#videolist li .info{ clear:both;}

#videolist li .info span{
	float: right;
	padding-left: 20px;
	background-image: url(c23.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:18px auto;
}
#videolist li p{
	display: -webkit-box;
   -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
   overflow: hidden;
   text-align:center;
}


.yqlj{
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	color: #282828;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 100px;
	padding-left: 0;
}

.yqlj span{ display:block; margin-left:10px;}

.yqlj a{ color:#282828; font-size:14px; display:inline-block; margin:0 10px;}

.yqlj #nav{ clear:both;}

.yqlj #nav li{ float:left;}

.yqlj #menu_con{ clear:both; width:100%; overflow-y:hidden; overflow-x: auto; position: relative;}

.yqlj #menu_con .tag{width: 600%;}

.yqlj .selected {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333;
}

.footer .kong{ margin-bottom:0px;}