.page-tab{text-align: center;}

.pages{text-align:center; overflow: hidden;margin-bottom: 30px;display: inline-block;}

.pages a{ padding:6px 12px; float:left;background-color: #fff;border: 1px solid #ddd; margin-left: -1px;}

.pages .active,.pages .current{ background-color:#900; color:#fff;border-color: #79120A;}

.pages a:hover{ background-color:#eee; border-color:#ddd;}

.pages .active,.pages .current:hover{ background-color:#900; color:#fff;border-color: #79120A;border: 1px solid #ddd;cursor: default;}

/*块元素样式*/

.story-box {

	position: relative;

	background: #fff;

	padding: 4em 0 2em;

	border-radius: 5px;



}



.story-box img{

	-webkit-transition: all .4s ease-in-out 0s;

	-o-transition: all .4s ease-in-out 0s;

	transition: all .4s ease-in-out 0s;

}

.story-box {

	border-right: 0;

	margin-top: 110px;

}

.story-box .figure {

	width: 160px;

	height: 160px;

	position: absolute;

	top: -80px;

	left: 50%;

	margin-left: -80px;

	background: #fff;

	border: 10px solid #fff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	border-radius: 50%;

	overflow: hidden;

}

.story-box .figure img {

  	width: 100%;
  	-webkit-transition: all .3s;
  	-o-transition: all .3s;
  	transition: all .3s;

}
.story-box:hover .figure img{
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}

.story-box .text {

  	padding: 30px 20px 0 20px;

}

.story-box h4{

  	margin-bottom: 5px;

}

.story-box .sub-title{

	display: block;

	font-size: 13px;

	line-height: 150%;

}

.story-box .desc{

	margin-top: 20px;

  	text-align: left;

  	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	height: 57px;

	font-size: 13px;

	text-align: center;

}

@media (max-width: 768px) {

	.story-box .desc{

		height: auto;

	}

}

/*分割线*/

.hr-block{

	margin-bottom: 20px;

	border-top: 1px dashed #ccc;

}

/*相关教师块*/

.people-block{

	margin-bottom: 30px;

}

.people-block .story-box{

	background: #F7F7F7;

	border-top: 3px solid #79210A;

	padding-bottom: 1em;

	border-radius: 0;

}

.people-block .story-box .figure{

	width: 110px;

	height: 110px;

	margin-left: -55px;

	border: none;

}

.people-block .story-box .text {

    padding: 15px 20px 0 20px;

}

.people-block .story-box .sub-title{

	color: #666!important;

	margin-top: 10px;

}

.people-block .story-box .desc{

	color: #666;

}



/*相关新闻、报道、论文、活动块*/

.news-block,.event-block,.student-block,.people-block {

	margin-bottom: 30px

}

.relevant-list{

	padding-top: 15px;

}

.relevant-list p{

	margin-bottom: 0;

}

.relevant-list li{

	padding-left: 15px;

	position: relative;

	font-size: 13px;

	padding-bottom: 8px;

	margin-bottom: 10px;

	border-bottom: 1px dashed #ccc;

}

.relevant-list li a{

	color: #000;

}

.relevant-list li a:hover{

	color: #900;

}

.relevant-list li:last-of-type{

	border-bottom: none;

}

.relevant-list li .glyphicon{

	position: absolute;

	left: -5px;

	margin-top: 2px;

	color: #444;

}

.relevant-list .category{

	display: inline-block;

	margin-right: 5px;

}

.relevant-list .desc .glyphicon{

	position: static;

	color: #666;

}

.relevant-list .desc{

	color: #666;

	font-size: 12px;

}

.relevant-list .desc:nth-of-type(1){

	margin-top: 5px;

}



.student-block .relevant-list .media{

	border-bottom: 1px dotted #ccc;

	padding-bottom: 10px;

}

.student-block .relevant-list .media img{

	border-radius: 50%;

}

.student-block .relevant-list .media:last-of-type{

	border-bottom: none;

}

/*新增*/

.inner-main .relevant-list.book-catalog li{

	padding-left: 0;

}

.inner-main .relevant-list.book-catalog .current a{

	color: #bbb;

}





.inner-item{

	min-height: 400px;

}

.inner-banner{

	height: 260px;

	position: relative;

	border-bottom: 3px solid #79210A;

}

.inner-banner:before{

	content: " ";

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: #666;

	opacity: 0.55;

}

.inner-banner h2{

	position: relative;

	z-index: 2;

	color: #fff;

	margin-top: 100px;

}

@media (max-width: 767px) {

	.inner-banner{

		height: 200px;

	}

	.inner-banner h2{

		margin-top: 75px;

	}

}

.inner-main .side-left{

	background: #fff;

	overflow-y: auto;

	border-left: 1px solid #ccc;

	margin-top: 15px;

	margin-bottom: 15px;

	padding: 0 0px 0 20px;

}

.inner-main .side-left .title{

	padding: 2px 0px;

}

.inner-main .side-left .heading-border{

	width: 36px;

	height: 3px;

}

.inner-main .side-left a{

}

.inner-main .side-left .glyphicon{

	font-size: 12px;

}

.inner-main .side-left .list{

	padding: 10px 5px;

}

.inner-main .side-left .list li{

	line-height: 30px;

}

.inner-main .side-left .list li li{

	margin-left: 40px;

	list-style: circle outside;

	line-height: 150%;

	margin-bottom: 5px;

}

.inner-main .side-left .list li.active,

.inner-main .side-left .list li.active a{

	color: #79210A;

}

.inner-main .side-left .read-more{

	color: #333;

	border-color: #ccc;

}

.inner-main .side-left .read-more:hover{

	color: #fff;

}



.inner-main .con-right{

	padding: 15px 0 30px;

}

.inner-main .con-right p{

	line-height: 180%;

}

.inner-main .con-right ul li,.inner-main .con-right ol li{

	line-height: 180%;

}

.inner-main .con-right ul,.inner-main .con-right ol{

	list-style: disc outside;

	padding-left: 20px;

	margin-bottom: 10px;

}

.inner-main .con-right img{

	clear: both; 

	display: block; 

	margin:auto; 

	width: 500px;

	max-width: 100%;

	margin-bottom: 10px;

}

.inner-main .con-right a{

	color: #900;

}

.bread-crumb{

	font-size: 12px;

}







/*课程日历*/



.faculty-module{

	margin-bottom: 0px;

	padding: 10px 0;

}

.faculty-module li{

	padding: 10px 0;

}

.open_title{

	cursor: pointer;

}

.open_answer{

	display: none;

}

.faculty-module li:first-child .faculty-list{

	display: block;

}

.faculty-module .faculty-list span{

	display: inline-block;

	height: 34px;

	line-height: 34px;

	padding-left: 10px;

	background: #fff;

	width: 100%;

	margin-top: 15px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	-ms-box-orient: vertical;

	box-orient: vertical;

	padding-right: 28px;

	position: relative;

}

.faculty-module .faculty-list span:hover,

.faculty-module .faculty-list span.active{

	background: #4c4c4c;

	color: #fff;

}

.faculty-module .faculty-list span:hover i.add,

.faculty-module .faculty-list span.active i.add{

	background: url(imagesicon_right.png) center center no-repeat;

}

i.add {

    background: url(imagesicon_add.png) center center no-repeat;

    vertical-align: middle;

    float: right;

    margin-top: 7px;

    display: inline-block;

    width: 20px;

    height: 20px;

    position: absolute;

    right: 7px;

    top: 0;

}

i.dot {

    height: 14px;

    width: 14px;

    border: 2px solid #fff;

    border-radius: 50%;

    margin-right: 5px;

    vertical-align: middle;

    margin-bottom: 2px;

    display: inline-block;

}

.faculty-list .filter-box .dot{

	background: #E6A83D;

}

.alumni-filter .row{
	margin-left: -5px;
	margin-right: -5px;
}
.alumni-filter .filter-box{
	padding: 0 5px;
	width: 165px;
	float: left;
}
@media screen and (max-width: 767px) {
	.alumni-filter .filter-box{
		width: 50%;
	}
}
.faculty-module .alumni-filter span{
	padding-right: 0;
	padding-left: 5px;
}

.faculty-list.letter a{

	display: inline-block;

	width: 30px;

	height: 30px;

	line-height: 30px;

	background: #fff;

	border: 1px solid #efefef;

	text-align: center;

	margin-top: 10px;

}

.faculty-list.letter a.active,

.faculty-list.letter a:hover{

	background: #4C4C4C;

	color: #fff;

}



/*faculty-con*/

.faculty-con{

	margin-bottom: 60px;

}

.faculty-con .story-box{

	background: #fff;

}

.faculty-con .story-box h4{

	font-size: 16px;

}

.faculty-con .story-box .figure {

	border: 6px solid #fff;

	background: #fff url(imagesicon-user.png) center center no-repeat;

}





/*师资详情*/

.inner-main .faculty-detail{

	background: #fff;

	min-height: 800px;

	padding: 20px 25px;

	position: relative;

	margin-top: -60px;

	margin-right: -30px;

}

.faculty-detail .top-con{

	position: relative;

	min-height: 90px;

	padding-bottom: 15px;

}

.faculty-detail .top-con img{

	width: 90px;

	height: 90px;

	position: absolute;

	left: 0;

}

.faculty-detail .top-con .profile{

	padding-left: 110px;

}

@media (min-width: 991px) {

	.faculty-detail .top-con img{

		width: 200px;

		height: 200px;

	}

	.faculty-detail .top-con .profile{

		padding-left: 220px;

	}

	.faculty-detail .top-con{

		min-height: 200px;

	}

}

.faculty-detail .top-con .name{

	margin-top: 0;

}

.faculty-detail .top-con .sub-title{

	color: #eee;

}

.faculty-detail .detail h4{

	color: #79210A;

	padding-bottom: 15px;

	margin-bottom: 15px;

	margin-top: 30px;

	border-bottom: 1px dashed #ccc;

	position: relative;

}

.faculty-detail .detail h4:before{

	content: "\e253";

	font-family: 'Glyphicons Halflings';

	position: absolute;

	bottom: -7px;

	left: 10px;

	color: #ccc;

}

.faculty-detail .detail li{

	margin-bottom: 5px;

}

@media (max-width: 991px) {

	.inner-main .faculty-detail{

		margin-left: 0;

		margin-top: 0;

	}

}

@media (max-width: 767px) {

	.inner-main .faculty-detail{

		margin-left: -15px;

		margin-right: -15px;

		padding: 30px 15px;

	}

	.inner-main .faculty-detail .top-con{

		padding-bottom: 0;

	}

	.faculty-detail .top-con .profile{

		padding-left: 100px;

	}

	.faculty-detail .top-con .profile p{

		margin-bottom: 5px;

	}

}



/*--gallery start--*/





.picturebox.row{

  margin: 30px -10px;

}

.picturebox .col-md-3,.picturebox .col-sm-4{

  padding: 0 10px;

}

.picturebox .picture{

  display: inline-block;

  height: 0;

  padding-bottom: 66.66667%;

  overflow: hidden;

  cursor: pointer;

  position: relative;

  width: 100%;

}

.picturebox .picture p{

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 30px;

  line-height: 30px;

  text-align: center;

  margin-bottom: 0;

  color: #fff;

  font-size: 12px;

  background: url(imagesicon_inner_bg.png) repeat;

  overflow: hidden;

	-ms-text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	-ms-box-orient: vertical;

	box-orient: vertical;

}

@media (min-width: 568px) and (max-width: 767px) {

  .col-xsm{

    width: 50%;

    float: left;

  }

}

.picturebox img{

  width: 100%;

}

.picturebox li{

  margin-bottom: 20px;

}

/*--gallery end--*/





/*news*/

.news-box{

	padding: 30px 0;

}

.news-item{

	background: #fff;

	margin-bottom: 30px;

}

.news-item .thumb{

	height: 0;

	padding-bottom: 66.666666%;

	overflow: hidden;

}

.news-item .thumb img{

	width: 100%;

	-webkit-transition: all .4s ease-in-out 0s;

    -o-transition: all .4s ease-in-out 0s;

    transition: all .4s ease-in-out 0s;

}

.news-item:hover img{

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2);

}

.news-item .desc{

	padding: 5px 15px 15px;

}

.news-item .title{

	font-size: 15px;

	font-weight: normal;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 130%;

    color: #000;

    height: 39px;

}

.news-item .con p{

	color: #555;

	font-size: 13px;

	font-weight: normal;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient: vertical;

    margin-bottom: 30px;

    height: 57px;

}

.news-item .time{

	font-size: 13px;

	color: #666;

	display: block;

	padding-top: 5px;

	border-top: 1px solid #aaa;

}

@media (min-width: 568px) and (max-width: 767px) {

	.news-box li{

		width: 50%;

		float: left;

	}

}

@media (min-width: 992px) and (max-width: 1200px) {

	.news-box li{

		width: 33.333333%;

		float: left;

	}

}



/*event*/

.event-box {

	padding: 30px 0;

}

.event-box .event-item {

    position: relative;

    height: 180px;

    margin-bottom: 20px;

    background: #fff;

}

.event-box .event-item:first-of-type{

	margin-top: 0;

}

.event-item .other {

     width: 80px;

     height: 180px;

     padding: 0 8px;

     text-align: center;

     background: #323232;

     position: absolute;

     top: 0px;

     bottom: 0;

 }

 .event-item .other em {

     margin-top: 20px;

     display: block;

     line-height: 50px;

     color: #fff;

     border-bottom: 1px solid #fff;

     font-style: normal;

 }

 .event-item .other b{

 	color: #fff;

 	font-size: 30px;

 	display: block;

 	text-align: center;

 	padding: 15px 0 5px;

 }

 .event-item .other span{

 	color: #fff;

 	display: block;

 	margin-top: 5px;

 }

.event-item .thumb{

	position: absolute;

	left: 80px;

	width: 270px;

	height: 180px;

}

.event-item .thumb img{

	width: 100%;

}

 .event-item .desc {

     padding-left: 100px;

     padding-right: 15px;

 }

 

 .event-item .title {

     font-size: 16px;

     width: 100%;

     padding-top: 20px;

     margin-bottom: 15px;

     margin-top: 0;

 }

 

 .event-item .title>a {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    line-height: 120%;

    -webkit-box-orient: vertical;

    max-height: 20px;

 }



 .event-item .con {

	padding-bottom: 15px;

	font-size: 12px;

	color: #666;

	width: 100%;

	float: left;

 }

 

 .event-item .con p {

    overflow: hidden;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	height: 53px;

	font-size: 12px;

 }

  .event-item .con .local{

  	display: inline-block;

  	color: #888;

  	position: absolute;

  	bottom: 15px;

  }

  .event-item .con a span{

  	display: inline-block;

  }

 .event-item .event-more{

     display: inline-block;

     float: right;

     margin-top: 12px;

 }

 .event-item .event-more a {

     font-size: 12px;

     color: #333;

 }

 .event-item .event-more a:hover{

 	color: #fff;

 }

.event-item .event-more{

	position: absolute;

	right: 15px;

	bottom: 10px;

}

@media (max-width: 767px){

	.event-item .desc{

		padding-left: 90px;

	}

	.event-item .con p{

		margin-bottom: 15px;

	}

	.event-item .con {

		padding-bottom: 20px;

	}

}









/*news-detail*/

.inner-main .news-detail{

	background: #fff;

	min-height: 800px;

	padding: 20px 25px;

	position: relative;

	font-size: 16px;

}

@media (min-width: 992px) {

	.inner-main .news-detail{

		margin-right: -30px;

		margin-top: -60px;

	}

}

@media (min-width: 1200px) {

	.inner-main .news-detail{

		padding: 20px;

	}

}

@media (max-width: 767px) {

	.inner-main .news-detail{

		margin-left: -15px;

		margin-right: -15px;

		padding: 20px 15px;

	}

}

.news-detail .letter{

	position: absolute;

	left: 30px;

	top: 15px;

}

.news-detail .letter span{

	color: #fff;

	background: #1e1e1e;

	display: inline-block;

	font-size: 50px;

	padding: 25px 15px;



}

.news-detail .news-title{

	text-align: center;

	border-bottom: 1px solid #ccc;

	padding-bottom: 10px;

	padding-left: 85px;

	padding-right: 40px;

}

.news-detail .news-title p{

	text-align: center;

	margin-top: 15px;

}

.news-detail .news-title span{

	display: inline-block;

	margin: 0 10px;

	color: #555;

	font-size: 13px;

}

.news-detail .con{

	padding: 30px 0;

}

.news-detail img{

	clear: both; 

	display: block; 

	margin:auto; 

	width: 100%;

	max-width: 100%;

	margin-bottom: 10px;

}

@media (max-width: 991px) {

	.news-detail{

		margin-top: 0;

		background: none;

		padding: 20px 0;

	}

}

@media(max-width: 1199px) and (min-width: 991px){

	.news-detail .letter{

		left: 20px;

	}

}

@media (max-width: 767px) {

	.news-detail img {

	    max-width: 500px;

	}

	.news-detail .news-title{

		padding-left: 0px;

		padding-right: 0px;

	}

	.news-detail .news-title span{

		margin: 0 5px;

	}

	.news-detail .con{

		padding: 20px 0 10px;

	}

}

.news-detail .apply {

	text-align: center;

}

.news-detail .apply .read-more{

	background: #AE0505;

	color: #fff;

	text-align: center;

	width: 140px;

	height: 36px;

	line-height: 36px;

	padding: 0;

	margin-bottom: 20px;

}



/*college*/

.inner-page{

	background: #fff;

}

.inner-item{

	padding: 30px 0;

}

.about-block{

	background: #EAEAEA;

	padding: 20px 30px;

	margin-bottom: 20px;

}

.about-block a{

	color: #900;

}

.about-block .glyphicon{

	color: #666;

}

.about-block .title{

    margin-top: 10px;

    margin-bottom: 25px;

    /*font-weight: 300;*/

}

.inner-main .heading-border {

    width: 60px;

    height: 5px;

    opacity: 1;

    margin-top: 10px;

    margin-bottom: 0;

    background: #79210A;

}

.about-block .iconBox li{

	position: relative;

	padding-left: 25px;

	font-size: 16px;

	margin-left: 7px;

	margin-bottom: 15px;

}

.about-block .develop li{

	color: #79210A;

	border-left: 1px dashed #888;

}

.about-block .iconBox .glyphicon{

	position: absolute;

	left: -7px;

	margin-top: 0px;

}

.about-block .develop .glyphicon{

	color: #79210A;

}

.about-block .iconBox li p{

	color: #333;

	font-size: 13px;

	margin-top: 8px;

}

@media (max-width: 767px) {

	.about-block{

		background: none;

		padding: 0;

	}

}

@media (max-width: 991px) {

	.college-leader .about-block img{

		max-width: 300px;

		margin-bottom: 10px;

	}

}

.about-block .contact-list li{

	font-size: 14px;

	color: #333;

	margin-bottom: 10px;

}

.about-block .contact-list .glyphicon:first-of-type{

	color: #555;

	font-size: 13px;

	margin-top: 2px;

}



/*大事记*/

/* -------------------------------- 



Modules - reusable parts of our design



-------------------------------- */

.memorabilia{

	background: url(imagesbg.jpg) center center no-repeat;

	background: cover;

	background-attachment: fixed;

	position: relative;

}

.memorabilia:before{

	content: " ";

	position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #333;

    opacity: 0.8;

}

.memorabilia h3{

	position: relative;

	z-index: 2;

}

.cd-container {

  width: 100%;

  max-width: 1170px;

  margin: 0 auto;

}

.cd-container::after {

  content: '';

  display: table;

  clear: both;

}



/* -------------------------------- 



Main components 



-------------------------------- */



#cd-timeline {

  position: relative;

  padding: 2em 0;

  margin-top: 2em;

  margin-bottom: 2em;

}

#cd-timeline::before {

  /* this is the vertical line */

  content: '';

  position: absolute;

  top: 0;

  left: 18px;

  height: 100%;

  width: 4px;

  background: #d7e4ed;

}

@media only screen and (min-width: 992px) {

  #cd-timeline {

    margin-top: 3em;

    margin-bottom: 3em;

  }

  #cd-timeline::before {

    left: 50%;

    margin-left: -2px;

  }

}



.cd-timeline-block {

  position: relative;

  margin: 2em 0;

}

.cd-timeline-block:after {

  content: "";

  display: table;

  clear: both;

}

.cd-timeline-block:first-child {

  margin-top: 0;

}

.cd-timeline-block:last-child {

  margin-bottom: 0;

}

@media only screen and (min-width: 992px) {

  .cd-timeline-block {

    margin: 3em 0;

  }

  .cd-timeline-block:first-child {

    margin-top: 0;

  }

  .cd-timeline-block:last-child {

    margin-bottom: 0;

  }

}

.cd-timeline-content h4{

	line-height: 140%;

	font-size: 16px;

	color: #000;

}

.cd-timeline-img {

  position: absolute;

  top: 0;

  left: 0;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  box-shadow: 0 0 0 4px #D7E4ED, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);

}

.cd-timeline-img img {

  display: block;

  width: 24px;

  height: 24px;

  position: relative;

  left: 50%;

  top: 50%;

  margin-left: -12px;

  margin-top: -12px;

}

#cd-timeline .cd-timeline-block .cd-timeline-img{

	background: #900;

}

/*#cd-timeline .cd-timeline-block:nth-child(2n+1) .cd-timeline-img{

	background: #c03b44;

}*/

@media only screen and (min-width: 992px) {

  .cd-timeline-img {

    width: 60px;

    height: 60px;

    left: 50%;

    margin-left: -30px;

    /* Force Hardware Acceleration in WebKit */

    -webkit-transform: translateZ(0);

    -webkit-backface-visibility: hidden;

  }

  .cssanimations .cd-timeline-img.is-hidden {

    visibility: hidden;

  }

  .cssanimations .cd-timeline-img.bounce-in {

    visibility: visible;

    -webkit-animation: cd-bounce-1 0.6s;

    -moz-animation: cd-bounce-1 0.6s;

    animation: cd-bounce-1 0.6s;

  }

}



.cd-timeline-content {

  position: relative;

  margin-left: 60px;

  background: white;

  border-radius: 0.25em;

  padding: 1em;

  /*box-shadow: 0 3px 0 #d7e4ed;*/

}

.cd-timeline-content:after {

  content: "";

  display: table;

  clear: both;

}

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {

  font-size: 13px;

}

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {

  display: inline-block;

}

.cd-timeline-content p {

  margin: 1em 0;

  line-height: 1.6;

}

.cd-timeline-content .cd-read-more {

  float: right;

  padding: .8em 1em;

  background: #acb7c0;

  color: white;

  border-radius: 0.25em;

}

.no-touch .cd-timeline-content .cd-read-more:hover {

  background-color: #bac4cb;  

}

a.cd-read-more:hover{text-decoration:none; background-color: #424242;  }

.cd-timeline-content .cd-date {

  float: left;

  padding: .8em 0;

  opacity: .7;

}

.cd-timeline-content::before {

  content: '';

  position: absolute;

  top: 16px;

  right: 100%;

  height: 0;

  width: 0;

  border: 7px solid transparent;

  border-right: 7px solid white;

}

@media only screen and (min-width: 768px) {

  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {

    font-size: 14px;

  }

}

@media only screen and (min-width: 992px) {

  .cd-timeline-content {

    margin-left: 0;

    padding: 1em;

    width: 45%;

  }

  .cd-timeline-content::before {

    top: 24px;

    left: 100%;

    border-color: transparent;

    border-left-color: white;

  }

  .cd-timeline-content .cd-read-more {

    float: left;

  }

  .cd-timeline-content .cd-date {

    position: absolute;

    width: 100%;

    left: 122%;

    top: 6px;

    font-size: 18px;

    color: #fff;

    opacity: 1;

  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {

    float: right;

  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {

    top: 24px;

    left: auto;

    right: 100%;

    border-color: transparent;

    border-right-color: white;

  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {

    float: right;

  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {

    left: auto;

    right: 122%;

    text-align: right;

  }

  .cssanimations .cd-timeline-content.is-hidden {

    visibility: hidden;

  }

  .cssanimations .cd-timeline-content.bounce-in {

    visibility: visible;

    -webkit-animation: cd-bounce-2 0.6s;

    -moz-animation: cd-bounce-2 0.6s;

    animation: cd-bounce-2 0.6s;

  }

}



@media only screen and (min-width: 992px) {

  /* inverse bounce effect on even content blocks */

  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {

    -webkit-animation: cd-bounce-2-inverse 0.6s;

    -moz-animation: cd-bounce-2-inverse 0.6s;

    animation: cd-bounce-2-inverse 0.6s;

  }

}





/*课程建设*/

.course{

	padding: 30px 0;

}

.course-box{

	min-height: 120px;

	background-size: cover!important;

	position: relative;

	margin-bottom: 20px;

}

.course-box .bg{

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: #1e1e1e;

	opacity: 0.6;

}

.course-box .course-text{

	position: absolute;

	z-index: 5;

	color: #fff;

	text-align: center;

	border: 1px solid #fff;

	top: 20px;

	right: 20px;

	bottom: 20px;

	left: 20px;

	padding: 0;

	-webkit-transition: all .4s ease-in-out 0s;

	-o-transition: all .4s ease-in-out 0s;

	transition: all .4s ease-in-out 0s;

}

.course-box a:hover .course-text{

	padding: 20px;

	border: 1px solid transparent;

	top: 0px;

	right: 0px;

	bottom: 0px;

	left: 0px;

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}

@media (min-width: 768px) {

	.course{

		padding: 50px 0;

	}

	.course-box{

		min-height: 200px;

	}

	.course-box .course-text{

		padding: 35px 0;

	}

}



.side-right{

	padding: 30px 0;

}

.side-right .right-item{

	min-height: 80px;

	margin-bottom: 15px;

	padding: 15px;

	color: #fff;

	position: relative;

}

.side-right .right-item a{

	color: #fff;

}

.side-right .right-item:nth-of-type(1){

	background: #5A9DA7;

}

.side-right .right-item:nth-of-type(2){

	background: #E6A73D;

}

.side-right .right-item:nth-of-type(3){

	background: #7C475B;

}

.side-right .right-item .glyphicon{

	font-size: 50px;

	position: absolute;

	left: 15px;

	top: 15px;

}

.side-right .right-item p{

	padding-left: 70px;

	margin-top: 2px;

}

@media (min-width: 991px) and (max-width: 1199px) {

	.side-right .right-item .glyphicon{

		font-size: 40px;

	}

	.side-right .right-item p{

		padding-left: 55px;

	}

}





/*list-items*/

.list-items {

	padding: 30px 0;
	min-height: 400px;

}

.list-items li{

	position: relative;

	padding-left: 30px;

	padding-right: 10px;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.list-items li:nth-of-type(odd){

	background: #f5f5f5;

}

.list-items li a{

	display: block;

	padding: 12px 0;

}

.list-items li .glyphicon{

	position: absolute;

	left: 10px;

	top: 14px;

	color: #ccc;

	font-size: 12px;

}

.list-items li:hover{

	background: #f0f0f0;

}

.list-items li .title{

	padding-right: 75px;

	overflow: hidden;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis; 

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    height: 16px;

    margin: 0;

}

.list-items li .time{

	position: absolute;

	right: 10px;

	top: 10px;

	height: 16px;

	line-height: 16px;

	color: #888;

	font-size: 12px;

}



/*科研项目*/

.project{

	padding: 30px 0;

	overflow-x: auto;

}

.project .table{

	min-width: 600px;

	text-align: center;

}

.project .table thead th{

	text-align: center;

}



.project .table thead tr th:first-of-type,

.project .table tbody tr td:first-of-type{

	text-align: left;

}

.table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #f5f5f5;

}

.table-striped>tbody>tr:hover{

	background: #f0f0f0;

}

.table>thead>tr>th {

     border-bottom: none; 

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th {

    border-top: none;

}



.home-research.research-results{

	background: none;

	padding: 30px 0;

}

.home-research.research-results:before{

	content: none;

}

.home-research.research-results .media{

	margin-top: 0;

	margin-bottom: 20px;

	background: #fff;

	position: relative;

}

.home-research.research-results .media:hover{

	-webkit-box-shadow: 5px 5px 10px #aaa;

	box-shadow: 5px 5px 10px #aaa;

	position: relative;

	top: -2px;

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.home-research.research-results .col-md-3{

		width: 33.33333%;

	}

}





.download .icon{

	width: 18px;

	height: 18px;

	display: none;

	position: absolute;

	top: 50%;

	margin-top: -9px;

	left: 10px;

}

.download .icon-pdf{

	background: url(imagesicon-pdf.png) center center no-repeat;

	background-size: cover;

	vertical-align: middle;

}

.download .icon-word{

	background: url(imagesicon-word.png) center center no-repeat;

	background-size: cover;

	vertical-align: middle;

}

.download .icon-ppt{

	background: url(imagesicon-ppt.png) center center no-repeat;

	background-size: cover;

	vertical-align: middle;

}

.download .icon-txt{

	background: url(imagesicon-txt.png) center center no-repeat;

	vertical-align: middle;

	background-size: cover;

}

.list-items.download li .glyphicon {

    right: 5px;

    left: auto;

}

.list-items.download li{

    padding-left: 40px;

}

.list-items.download li .title{

	padding-right: 20px;

}
.college-leader .leader-box{
	text-align: center;
	margin-bottom: 30px;
}
.college-leader .leader-box .img-box{
	width: 50%;
	margin: 0 auto;
	height: 0;
	padding-bottom: 75%;
	overflow: hidden;
}
.college-leader .leader-box .img-box img{
	width: 100%;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	/*.title{
		font-size: 14px;
		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-line-clamp: 1;

		-webkit-box-orient: vertical;

		height: 16px;
	}*/
}
.faculty-detail .top-con .img-box{
    display: inline-block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
}
.faculty-detail .top-con .img-box img {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: none;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 991px) and (min-width: 767px) {
	.faculty-detail .top-con .img-box+.profile{
		padding-left: 220px;
	}
}
@media screen and (max-width: 767px) {
	.faculty-detail .top-con .img-box{
		width: 90px;
		height: 135px;
	}
	.college-leader .leader-box .img-box{
		width: 100%;
		padding-bottom: 150%;
	}
}
/*媒体聚焦*/
.media-facus .con{
	margin-bottom: 20px;
}
@media screen and (max-width: 1199px) and (min-width: 991px) {
	.media-facus .con{
		margin-bottom: 5px;
	}
}