.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(../images/icon_right.jpg) center center no-repeat;}

i.add {

    background: url(../images/icon_add.jpg) 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;
	border: 1px solid #ddd;}

.faculty-con .story-box h4{

	font-size: 16px;}

.faculty-con .story-box .figure {

	border: 6px solid #fff;

	background: #fff url(../images/icon-user.jpg) center center no-repeat;}
.faculty-con .story-box:after{
	content: "";
	width: 160px;
    height: 80px;
    position: absolute;
    top: -80px;
    left: 50%;
    margin-left: -80px;
    border: 1px solid #ddd;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	border-bottom: none;}





/*师资详情*/

.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(../images/icon_inner_bg.jpg) 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;}

.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(../images/bg.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;}

.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(../images/icon-pdf.jpg) center center no-repeat;

	background-size: cover;

	vertical-align: middle;}

.download .icon-word{

	background: url(../images/icon-word.jpg) center center no-repeat;

	background-size: cover;

	vertical-align: middle;}

.download .icon-ppt{

	background: url(../images/icon-ppt.jpg) center center no-repeat;

	background-size: cover;

	vertical-align: middle;}

.download .icon-txt{

	background: url(../images/icon-txt.jpg) 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;}
}

.faculty-star .star{
	position: absolute;
	top:-80px;
	left: 50%;
	margin-left: 50px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
	display: none;}
.faculty-star .star img{
	width: 50px;
	display: none;}
.faculty-star .story-box:after,.faculty-star .story-box{
	/*border-color: #ffc823;*/
	border-color: #990000;}