﻿/*bannerlunbo*/



/*改----2018-1-14*/

@media screen and (max-width: 1000px) {

	.banner_img li {
		background-size: 100%;
	}
}

@media only screen and (max-width:550px) {

}

@media only screen and (max-width:400px) {

}


/*改----2018-1-14*/

.banner_list {
	width: auto!important;
	height: auto;
	bottom: 25%;
	right: 3%;
	position: absolute;
	margin: 0 auto;
	z-index: 1;
	display: none;
}

.banner_list span {
	display: block;
	cursor: pointer;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
	float: left;
	margin: 0 5px;
}

.banner_list .spcss {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

.banner_left {
	position: absolute;
	height: 90px;
	width: 60px;
	top: 50%;
	left: 0;
	background-color: rgba(33, 33, 33, 0.3);
	margin-top: -45px;
	text-align: center;
	transition: all .5s;
	z-index: 2;
}

.banner_left:hover {
	background-color: rgba(33, 33, 33, 0.6);
}

.banner_right {
	position: absolute;
	height: 90px;
	width: 60px;
	top: 50%;
	right: 0;
	background-color: rgba(33, 33, 33, 0.3);
	margin-top: -45px;
	text-align: center;
	transition: all .5s;
	z-index: 2;
}

.banner_right:hover {
	background-color: rgba(33, 33, 33, 0.6);
}

.banner_left img {
	margin-top: 22px;
}

.banner_right img {
	margin-top: 22px;
}


/*bannerlunbo ---end*/

.section_1,
.section_2,
.section_3 {
	position: relative;
}

.section_1 {
	padding-bottom: 0px;
}

.hbg {
	background: url(../images/bg_all.png) repeat;
	position: absolute;
	z-index: 1;
	/*transform: rotate(-3deg);
	transform-origin: center top;
	-ms-transform: rotate(-3deg);
	-ms-transform-origin: center top;*/
	height: 100%;
	width: 200%;
	right: -5px;
	top: 0;
}

@media only screen and (max-width:1200px) {
	.hbg {
		transform: rotate(0deg);
		transform-origin: center top;
		-ms-transform: rotate(0deg);
		-ms-transform-origin: center top;
		height: 100%;
		width: 100%;
		right: auto;
		top: 0;
	}
}

.news {
	position: relative;
	z-index: 2;
}

.hotNews {
	width: 86%;
	margin: 0 auto;
	position: relative;
	z-index: 99;
	top: -10px;
	overflow:hidden;
}
.hotNews img { transition:.5s;}
.hotNews .hotItem:hover img{ transform:scale(1.2);}

@media only screen and (max-width:1200px) {
	.hotNews {
		top: -80px;
	}
}

@media only screen and (max-width: 1000px) {
	.hotNews {
		top: auto;
	}
	.hotNews {
		margin-top: 0px;
	}
}


/*新闻轮播*/


/*style*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/* display none until init*/

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-buttons {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix*/

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
	margin-top: 30px;
	text-align: center;
}


/* Styling Next and Prev buttons*/

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver*/
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	/*IE7 fix*/
	opacity: 0.5;
}


/* Clickable class fix problem with hover on touch devices*/


/* Use it for non-touch hover action*/

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}


/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver*/
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 60px;
	height: 4px;
	margin: 5px 7px;
	background: #4a4747;
}

.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #fff;
}

.owl-theme .owl-controls .owl-page.active span {
	background: #fff;
}


/* If PaginationNumbers is true*/

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}


/* preloading images*/

/*.owl-item.loading {*/
	/*min-height: 150px;*/
	/*background: url(../img/AjaxLoader.gif) no-repeat center center*/
/*}*/

#owl-demo .item {
	margin: 20px 20px ;
	border:1px solid #fff;
	background:rgba(255,255,255,1);
}

#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}


/*style-end*/

.hotItem .hotImg,
.hotItem .hotImg>img {
	width: 100%;
}

.hotItem .hot-txt {
	width: 90%;
	padding: 5% 5% 10%;
	background: url(../img/hot-bg1.jpg) center top repeat-x;
	position: relative;
}

.hotItem .hot-title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px;
	line-height: 24px;
	font-size: 16px;
	color: #666666;
	margin-bottom: 10px;
}

.hotItem .hot-title:hover {
	color: #333333;
}

.hotItem .news-time {
	display: block;
	padding-left: 20px;
	background: url(../img/time-i1.png) left center no-repeat;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 14px;
	position: absolute;
	bottom: 12%;
	left: 2%;
}


/*学院动态*/

.newsCollege {
	margin-top: -160px;
}

@media only screen and (max-width:1200px) {
	.newsCollege {
		margin-top: -80px;
	}
}

@media only screen and (max-width:1000px) {
	.newsCollege {
		margin-top: 0px;
	}
}

.newsCollege h2 {
	font-size: 36px;
	color: #FFFFFF;
	line-height: 1em;
	margin-bottom: 40px;
	text-align: center;
}

.newsCollege h2 b {
	height: 1px;
	width: 60px;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}

.dyItem {
	border-left: 1px solid #b44a54;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0;
	position: relative;
	overflow: hidden;
}

.dyItem>a {
	color: #FFFFFF;
}

.dyItem>a:hover {
	color: #d18e59;
}

.dyItem h4 {
	font-size: 16px;
	line-height: 24px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	float: right;
	margin-top: 0;
	margin-bottom: 0;
	width: 70%;
}

.dyItem>a:hover p {
	color: #FFFFFF;
}

.dyItem .dyTime {
	width: 100px;
	float: left;
}

.dyItem .dyTime>span {
	display: block;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
}

.dyItem .dyTime .day {
	font-size: 24px;
}

.dynamic-more {
	text-align: center;
	margin-top: 30px;
}

.dynamic-more a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	height: 38px;
	width: 148px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 16px;
}


/*学院公告*/

.section_2 {
	z-index: 2;
}

.hbg2 {
	position: absolute;
	background: #f5f5f5 url(../img/bg2.jpg)center center repeat;
	transform: rotate(-3deg);
	transform-origin: right bottom;
	-ms-transform: rotate(-3deg);
	-ms-transform-origin: right bottom;
	height: 120%;
	width: 200%;
	right: -13%;
	top: -109px;
	z-index: -10;
}

@media only screen and (max-width:1200px) {
	.hbg2 {
		transform: rotate(0deg);
		transform-origin: right bottom;
		-ms-transform: rotate(0deg);
		-ms-transform-origin: right bottom;
		right: auto;
		width: 100%;
		top: auto;
		height: 100%;
	}
	.section_2 {
		padding-bottom: 50px;
	}
}

.an-content {
	position: relative;
	padding-left: 30%;
}

.an-tabs {
	width: 20%;
	position: absolute;
	left: 0;
	top: -33px;
	background: #51050f;
	transform: rotate(-3deg);
	transform-origin: right bottom;
	-ms-transform: rotate(-3deg);
	-ms-transform-origin: right bottom;
}

@media only screen and (max-width:1024px) {
	.an-tabs {
		top: -63px;
	}
}

@media only screen and (max-width: 768px) {
	.an-tabs {
		top: -91px;
	}
}

@media only screen and (max-width: 375px) {
	.an-tabs {
		top: -88px;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		left: -16px;
	}
}

@media only screen and (max-width:1200px) {
	.an-tabs {
		top: auto;
		transform: rotate(0deg);
		transform-origin: right bottom;
		-ms-transform: rotate(0deg);
		-ms-transform-origin: right bottom;
	}
}

.an-info {
	position: relative;
	border-bottom: 1px solid #e3e3e3;
	padding-top:20px;
	padding-bottom: 20px;
	overflow: hidden;
	line-height: 30px;
}
.an-info>h4{
	width: 80%;
	float: right;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.an-info>h4>a {
	font-size: 20px;
	color: #333333;
	line-height: 30px;
}

.an-time {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #73000a;
	float: left;
}

.an-time>span {
	display: block;
	text-align: center;
	font-size: 28px;
}

@media only screen and (max-width: 1024px) {

	.an-time,.an-info>h4 a {
		font-size: 16px;
	}
}

@media only screen and (max-width: 768px) {
	.an-info>h4{
		width: 80%;
	}
}


/*tab切换*/

.an-tabs li a {
	display: block;
	padding: 24px 30px 16px;
	background: #51050f;
	font-size: 24px;
	text-decoration: none;
	color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
	.an-tabs li a {
		font-size: 20px;
	}
}

.an-tabs li a>span {
	display: block;
	transform: rotate(3deg);
	transform-origin: right bottom;
	-ms-transform: rotate(3deg);
	-ms-transform-origin: right bottom;
}

.an-tabs li a:hover {
	background: #7f0811;
}

@media only screen and (max-width: 1200px) {
	.an-tabs li a {
		font-size: 16px;
	}
	.an-tabs li a>span {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}
}

#tabs_container {
	overflow: hidden;
	position: relative;
	zoom: 1;
}

#tabs_container div {
	width: 100%;
	min-height: 400px;
	float: left;
	margin-right: 40px;
	zoom: 1;
}
#tabs_container .more{
	margin: 30px auto;
	display: table;
	padding: 10px 30px;
	border: 2px solid #51050f;
	color: #51050f;
	font-size: 18px;
}
#tabs_container .more:hover{
	background-color:#51050f;
	color: #FFFFFF;
}
@media only screen and (max-width: 375px) {
	#tabs_container div {
		margin-right: 0px;
	}
}

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: -1;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
	z-index: 999;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.an-tabs li a:focus,
.tabulous_active {
	background: #73000a !important;
	color: #FFFFFF !important;
	border-right: 2px solid #ff9600;
}

.tabulousclear {
	display: block;
	clear: both;
}



@media only screen and (max-width:1200px) {
	.owl-theme .owl-controls .owl-page span {
		width: 30px;
		height: 3px;
	}
}

@media only screen and (max-width:1000px) {
	.banner_list {
		bottom: 0;
		right: 0;
	}
}

@media only screen and (max-width:700px) {
	.banner_list {
		height: 30px;
		bottom: 0;
		right: 0;
	}
	.banner_list span {
		height: 10px;
		width: 10px;
	}
	.banner_left,
	.banner_right {
		width: 30px;
		height: 60px;
	}
	.banner_left img,
	.banner_right img {
		margin-top: 12px;
	}
	.an-content {
		padding-left: 20%;
	}
	.an-tabs {
		left: -15px;
	}
	.an-info {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.an-time {

	}
	.an-info>h4 {
		margin-top: 0;
		margin-bottom: 0;
		width: 65%;
	}

}

