@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
.Banner{width:100%;overflow:hidden;position:relative;z-index:1;}

.flexslider .slides li a{display: block;position: relative;z-index:1;}
.Banner .flex-direction-nav{display: block;}
.Banner .flex-direction-nav a{text-indent: -9999px; width:40px;height: 40px; border-radius: 50%;}
.Banner .flex-direction-nav .flex-prev{left: 30px; background-color: #012d6c; background: url(../images/lf.png) no-repeat center center rgba(1,45,108,0.6) ;}
.Banner .flex-direction-nav .flex-next{right:30px; background-color: #012d6c; background: url(../images/rt.png) no-repeat center center rgba(1,45,108,0.6) ;}

.Banner .flex-direction-nav a.flex-prev:hover,.Banner .flex-direction-nav a.flex-next:hover{background-color: rgba(1,45,108,1);}


.Banner .flex-control-nav{display: block;}
.Banner .flex-control-nav{bottom:10px;text-align: center;}
.Banner .flex-control-paging li a {width: 10px;height: 10px;border-radius: 0; background:#fff;text-indent: 9999px;transition:all 0.5s ease-in-out;}
.Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover {background:#f6dc00; }




.content{overflow:hidden;}
.mode{width: 1280px;margin:0 auto;padding: 30px 0; overflow: hidden;}
/*鞍师新闻*/
.mode01{}
.listTitle{margin-bottom: 30px;}
.listTitle h2{font-size:22px;}
.listTitle h2 i{font-style: normal;font-size: 18px;font-weight: normal;letter-spacing: 0.5px;}
.listTitle a:hover{color:#012d6c;}


.more{float: right;margin-top: 10px;}
.more a{display: block;position: relative; color:#999;font-size: 16px;font-family: 'Arial'; padding-right: 25px;background: url(../images/more.png) no-repeat center right;font-weight: bold;}
.more a:hover{color:#de8721;}

.lf{float: left;}
.rt{float: right;}


/*鞍师新闻*/
.newsList{overflow: hidden;width: 102%;}
.newsList li{float: left;width: 25%;*width: 24.5%;}
.newsList li a{display: block;margin-right: 20px;}
.newsBox{}
.newsInfo{overflow: hidden;}
.newsInfo .leftDate{float: left;width: 50px;height: 50px;background: #012d6c;color:#fff;text-align: center;transition:all 0.5s ease-in-out;}
.newsInfo .leftDate strong{display: block;font-weight: normal;font-size: 18px;font-family: 'Arial';margin-top: 5px;}
.newsInfo .leftDate i{display: block;font-style: normal;font-size: 12px;font-family: 'Arial';}
.newsInfo .info{margin-left: 60px;margin-top: 20px;}
.newsInfo .info h3{font-size: 16px;height: 48px;line-height: 24px;overflow: hidden;margin-bottom: 10px;padding-left: 0;transition:all 0.5s ease-in-out;}
.newsInfo .info p{font-size: 14px;color:#999999;height:63px;line-height: 21px;overflow: hidden;}
.newsList li a:hover .newsInfo .leftDate{background: #de8721}
.newsList li a:hover .newsInfo h3{padding-left: 10px;color:#de8721;}





.wrap_mode02{width: 100%;background: #f5f5f5;}


/*校内公告*/
.noticeList{overflow: hidden;width:  104%;}
.noticeList li{float: left;width: 25%;*width: 24.5%;}
.noticeList li a{display: block;margin-right: 50px;}

.noticeBox{overflow: hidden;}
.noticeBox .leftDate01{float: left;width: 38px;border-right: 1px solid #012d6c;height: 50px;}
.noticeBox .leftDate01 strong{display: block;font-size: 18px;font-family: 'Arial';margin-top: 5px;color:#333;}
.noticeBox .leftDate01 i{display: block;font-style: normal;font-size: 12px;color:#999999; font-family: 'Arial';}
.noticeBox .title01{margin-left: 50px;font-size: 16px;line-height: 24px;height: 72px; padding-left: 0; overflow: hidden;transition:all 0.5s ease-in-out;}

.noticeList li a:hover .noticeBox .title01{padding-left: 10px;color:#de8721;}



/*学工在线*/
.mode03{}
.mode03 .lf{float: left;width: 68.32%;}
.mode03 .rt{float: right;width: 28.4%;}



.workList{overflow: hidden;width: 103%;}
.workList li{float: left;width: 33.33%;*width: 32.33%;}
.workList li a{display: block;margin-right: 30px;}
.workList .imgResponsive{padding-bottom:59.25%; }

.workInfo{margin-top: 10px;}
.workInfo h3{font-size: 16px;font-weight: normal;margin-bottom:5px;height:48px;line-height: 24px;overflow: hidden;padding-left: 0px;transition:all 0.5s ease-in-out;}
.workInfo .date{display: block;color:#999;font-size: 12px;}


.workList li a:hover .workInfo h3{padding-left: 10px;color:#de8721;}




.articleList03{margin-top: 70px;}

.featureList{overflow: hidden;width: 102%;}
.featureList li{width: 25%;float: left;margin-bottom: 15px;*width: 24.5%;}
.featureList li a{display: block;margin-right: 15px;}
.featureList li.li50 {width: 33.3%;*width:33%;}
.featureList li.li50 .imgResponsive{padding-bottom: 66.58%}
.feature{position: relative;}

.feat_info{position: absolute;width: 100%;height: 40px;line-height: 40px;bottom:0;left: 0;background: #0066ad;background: rgba(0,102,173,0.8);overflow: hidden;}
.feat_info p{padding:0 10px;color:#fff;font-size: 16px;text-indent: 0;transition:all 0.5s ease-in-out;}

.feat_info02{background: #d78400;background: rgba(215,132,0,0.8);}
.feat_info03{background: #008aad;background: rgba(0,138,173,0.8);}
.feat_info04{background: #00ad1c;background: rgba(0,173,28,0.8);}
.feat_info05{background: #4900ad;background: rgba(73,0,173,0.8);}
.feat_info06{background: #cc2b00;background: rgba(204,43,0,0.8);}
.feat_info07{background: #be1f54;background: rgba(190,31,84,0.8);}

.featureList li a:hover .feat_info p{text-indent: 1rem;}



/*鞍师媒体*/
.mediaBox{background: #efefef;padding: 30px;}
.mediaBox .flex-control-nav{display: none;}

.mediaBox .flex-direction-nav{display: block;}
.mediaBox .flex-direction-nav a{top:-55px;width: 30px;height: 30px;text-indent: -9999px;}
.mediaBox .flex-direction-nav .flex-prev{right: 2px;left: auto;background: url(../images/left.png) no-repeat center center #e1e1e1;}
.mediaBox .flex-direction-nav .flex-next{right: -30px;background: url(../images/right.png) no-repeat center center #e1e1e1;}
.mediaBox .flex-direction-nav .flex-prev:hover{background-image: url(../images/left_hover.png) ;background-color:#012f6f; }
.mediaBox .flex-direction-nav .flex-next:hover{background-image: url(../images/right_hover.png) ;background-color:#012f6f;}

.mediaBox .imgResponsive{padding-bottom: 60.60%;}
.mediaBox .info{margin-top: 10px;}
.mediaBox .info p{font-size: 16px;height: 48px;line-height: 24px;overflow: hidden;margin-bottom: 10px;}
span.more01 {display: inline-block; *display: inline;zoom:1;color:#fff;background: url(../images/more1.png) no-repeat  83px center #012f6f;padding: 10px 20px;padding-right: 45px;font-size: 16px;font-weight: bold;transition:all 0.5s ease-in-out;}

.mediaBox .slides li a:hover  span.more01{background-color: #de8721;}

/*学术讲座*/

.articleList05{background:#efefef;padding: 30px;overflow: hidden;margin-top: 16px;}
.more1Box:hover span.more01{background-color: #de8721;}

.academicList{}
.academicList li{border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.academicList li a{font-size: 16px;display: block;height:48px;line-height: 24px;overflow: hidden;padding-right: 0;transition:all 0.5s ease-in-out;}
.academicList li span{display: block;color:#999;font-size: 12px;letter-spacing: 1px;margin-top: 5px;}
.academicList li:last-child{border-bottom: none;}
.academicList li a:hover{padding-left: 10px;}

/*快速通道*/
.mode04{padding: 0;margin-bottom: 30px;}

.trackList{overflow: hidden;width: 101%;}
.trackList li{width: 10%;float: left;}
.trackList li a{display: block;margin-right: 15px;}
.track{border:1px solid #ddd;padding:15px 4px;background: #fff;text-align: center;}
.track p{font-size: 16px;margin-top: 5px;}
.track .Img{height: 32px;line-height: 32px;}
.track .Img img{
	transform:rotateY(0deg);
-ms-transform:rotateY(0deg); 	/* IE 9 */
-moz-transform:rotateY(0deg); 	/* Firefox */
-webkit-transform:rotateY(0deg); /* Safari 和 Chrome */
-o-transform:rotateY(0deg); 	/* Opera */transition:all 0.5s ease-in-out;
}
.trackList li a:hover .track .Img img{transform:rotateY(360deg);
-ms-transform:rotateY(360deg); 	/* IE 9 */
-moz-transform:rotateY(360deg); 	/* Firefox */
-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
-o-transform:rotateY(360deg); 	/* Opera */}


/*0807*/
.threeBox{overflow: hidden;}
.threeBox .left{width: 31%;float: left;}
.threeBox .middle{width: 31%;float: left;margin-left: 3.5%;}
.threeBox .right{width: 31%;float: right;}
.workList{width: 100%;}
.workList li{float: none;width: 100%;}
.workList li a{margin-right: 0;}


@media screen  and (max-width:1380px){

	.mode{width: 1100px;}
	.newsInfo .info h3{padding-left: 12px;}
	.newsInfo .info{margin-left: 0;margin-top: 13px;}
	.mediaBox,.articleList05{padding:18px;}
	.mediaBox .flex-direction-nav .flex-next{right: -19px;}
	.mediaBox .flex-direction-nav .flex-prev{right: 16px;}
	.listTitle h2{font-size: 2rem;}
	span.more01 {background-position:74px center;padding: 5px 11px;padding-right: 39px;}
}


@media screen  and (max-width:1200px) {
	.mode{width: auto;padding-left:30px;padding-right: 30px;}
	.noticeList li{width: 50%;margin-bottom: 20px;}
	.noticeBox .title01{height: 50px;}
	.noticeList li a{margin-right: 30px;}
	.mode03 .lf,.mode03 .rt{width: 100%;float: none;}
	.mode03 .rt{margin-top: 30px;clear: both;}
	.mode03 .rt:after{display: block;clear: both;content: '';}
	.articleList04{float: left;width: 49%;}
	/*0807*/
	.articleList04{float: none;width:100%;}

	.articleList05{float: right;width: 49%;}
	.articleList03{margin-top: 30px}
	.mediaBox .info p{height: 24px;color:#fff;margin:10px;}
	.articleList05{background: none;padding: 0;margin-top: 0;}
	.academicBox{padding: 36px;background: #ededed;}
	.mediaBox .info {position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5); width: 100%;}
	.trackList li{width: 20%;margin-bottom: 10px;}
}

@media screen and (max-width:992px){
	.academicBox{padding: 20px;}
}
@media screen and (max-width:850px){
	.academicBox{padding: 11px;}
}


@media screen and (max-width:767px) {
 	.newsList li{width: 50%;margin-bottom: 20px;}
 	.newsList {width: 103%;}
 	.newsInfo .info p{height: 42px;}
	.noticeList li a{margin-right: 19px;}
	.listTitle h2{font-size: 1.8rem;}
	.listTitle h2 i{font-size: 16px;}
	.more a{font-size: 1.4rem;}
	.articleList04,.articleList05{width: 100%;float: none;}
	.articleList05{margin-top: 30px;}
	.mediaBox .info {position: static;bottom: auto;left: auto;background: none; width: 100%;}
	.mediaBox .info p{height: 24px;color:#333;margin:10px 0;font-size: 14px;}
	.academicList li a{height: auto;font-size: 14px;}
	.academicBox{padding: 18px;}
	.workInfo h3,.feat_info p{font-size: 14px;height: auto;}
	.featureList li{width: 50%;}
	.featureList{width: 101%;}
	.track p{font-size: 14px;}
	.featureList li.li50{width: 50%;}
	.featureList li:last-child.li50{width: 100%;}
	.articleList05{margin-top: 0;display: none;}
	.mode{padding-top:20px;}
	.mediaBox .flex-direction-nav a{top:-46px;}
	.mode03 .lf,.mode04{display: none;}
 }





@media screen and (max-width:640px){
	.noticeList li{width: 100%;float: none;}
	.noticeList {width: 100%;}
	.noticeList li a{margin-right: 0;}
	.noticeBox .title01{height: auto;font-size: 15px;}
	.newsInfo .info h3{font-size: 15px;}
	.newsInfo .info p{font-size: 14px;}
	/*.workList {width: 100%;}
	.workList li{width: 100%;float: none;margin-bottom: 20px;}
	.workList li a{margin-right: 0;}*/
	.trackList li{width: 25%;}

}
	

@media screen and (max-width:480px){
	
	.newsList li{width: 100%;float: none;}
	.newsList li a{margin-right: 0;}
 	.newsList {width: 100%;}
 	.newsInfo .info h3,.newsInfo .info p{height: auto;}
 	.featureList li{width: 100%;float: none;}
 	.featureList {width: 100%;}
 	.featureList li a{margin-right: 0}
 	.featureList li.li50{width: 100%;}
 	.trackList li{width: 50%;}
 	.trackList{width: 103%;}

}
@media screen and (max-width:380px){
	
}