@charset "utf-8";
/* css document */
@charset "utf-8";
/* css document */
.content.currents{margin-top:150px;}




.mode{width: 1200px;margin:0px auto ;padding:21px 0; clear: both;*overflow: hidden;}
.mode:after{content: '';clear: both;display: block;}
/*学院新闻*/



.headlinebox{margin:26px 10px 0;overflow: hidden;}
.headlinebox .headtitle{font-size: 30px;height: 32px;line-height: 32px;overflow: hidden;text-align: center;}
.headlinebox .headtitle a{display: block;}
.headlist{overflow: hidden;margin-top:15px; }
.headlist li{float: left;width: 33.3%;text-align: center;}
.headlist li a{display: block;margin:0 20px;font-size: 16px;height: 24px;line-height: 24px;overflow: hidden;}


/*banner*/
.banner{overflow: hidden!important;padding-bottom: 20px;padding-top: 20px;width: 100%;position: relative;}
.banner .flexslider{padding:0 21%;}
.banner .flex-viewport{overflow: visible!important;}
.banner .flex-active-slide{margin: 0 auto;}
.banner .slides li{margin: 0 auto;}
.banner .slides li a{padding:0 71px;display: block;}
.banner .imgresponsive{box-shadow: 0px 5px 35px  rgba(0,0,0,0.1);}

.banner  .slide_still{display: none;margin-top: 20px;}
.banner  .slide_still h3{font-size: 20px;overflow: hidden;height: 24px;line-height: 24px;margin-bottom: 10px;transition:all 0.5s ease-in-out;}
.banner  .slide_still p{font-size: 16px;overflow: hidden;height: 48px;line-height: 24px;overflow: hidden;color:#666;}
.banner  .flex-control-nav {display: none;}
.banner .flex-active-slide .slide_still{display: block;}


.banner  .flex-direction-nav a{width: 100px;height: 100px;line-height: 100px;text-align: center;font-size: 38px;color:#fff;background-color: #000; background: rgba(0,0,0,0.2);border-radius: 50%;margin-top: -70px;}
.banner  .flex-direction-nav a:hover{background-color: #033e99}
.banner  .flex-direction-nav .flex-prev{left: 18.5%;}
.banner  .flex-direction-nav .flex-next{right: 18.5%;}


.wrap_mode02{background: url(/uploads/image/i2019/mode02_bg.png) no-repeat center top #eee;position: relative;z-index:2;}

.mode02 .lf{width: 48.33%;position: relative;z-index:4;}
.mode02 .rt{width: 48.33%;position: relative;z-index:4;}



.more{float: right;color: #10218b;font-size: 14px;margin-top: 5px;position: relative;z-index: 9;}
.more:hover{color:#f0b948;}
.articletitle {margin-bottom: 20px;}
.articletitle h2{font-size: 22px;padding-left: 15px; position: relative; color:#10218b;text-shadow: 2px 3px 0px #c2c2c2;}
.articletitle .title2{font-size: 22px;padding-left: 15px; position: relative; color:#ff0000;text-shadow: 2px 3px 0px #c2c2c2;}
.articletitle h2:after{position: absolute;left: 0;top:5px;content: '';clear: both;width: 4px;height: 22px;background: #10218b;}

.schoolnewslist{overflow: hidden;width: 103%;}
.schoolnewslist li{width: 50%;float: left;margin-bottom: 10px;}
.schoolnewslist li a{margin-right: 20px;display: block;background: #fff;box-shadow: 0px 2px 5px  rgba(0,0,0,0.1);}
.schoolnewslist li.schoolfirst{width: 100%;float: none;margin-bottom: 20px;}
.schoolnews{}
.schoolinfo{padding:15px 20px;}
.schoolinfo p{height: 48px;line-height: 24px;overflow: hidden;font-size: 16px;	transition:all 0.5s ease-in-out;}

.schoolnewslist li.schoolfirst .schoolinfo p{height: 24px;}
.schoolnewslist li a:hover{background: #033e99;}
.schoolnewslist li a:hover .schoolinfo p{color:#fff;}


.totalnewslist{}
.totalnewslist li{margin-bottom: 10px;}
.totalnewslist li a{display: block;background: #fff;box-shadow: 0px 2px 5px  rgba(0,0,0,0.1);padding: 15px 30px;background:linear-gradient(135deg, transparent 0px, #fff 0) top left,
	           linear-gradient(-135deg, transparent 5px, #fff 0) top right,
	           linear-gradient(45deg, transparent 5px, #fff 0) bottom left,
	           linear-gradient(-45deg, transparent 0px, #fff 0) bottom right;
            background-size: 51% 51%;
            background-repeat: no-repeat; position: relative;}
.totalnewslist li a:before{position: absolute;left: -5px;top:-5px;content: '';clear: both;
			border-bottom:5px solid transparent;
        	border-top:5px solid transparent;
        	border-left:5px solid transparent;
        	border-right:5px solid #f0b948;
        	transform:rotate(38deg);
			-ms-transform:rotate(38deg); 	/* ie 9 */
			-moz-transform:rotate(38deg); 	/* firefox */
			-webkit-transform:rotate(38deg); /* safari 和 chrome */
			-o-transform:rotate(38deg); 	/* opera */
        }
.totalnewslist li a:after{position: absolute;right: -5px;bottom:-5px;content: '';clear: both;
			border-bottom:5px solid transparent;
        	border-top:5px solid transparent;
        	border-left:5px solid #f0b948;
        	border-right:5px solid transparent;
        	transform:rotate(38deg);
			-ms-transform:rotate(38deg); 	/* ie 9 */
			-moz-transform:rotate(38deg); 	/* firefox */
			-webkit-transform:rotate(38deg); /* safari 和 chrome */
			-o-transform:rotate(38deg); 	/* opera */
        }


.totalnews{}
.totalnews h3{position: relative;padding-bottom: 12px;margin-bottom: 12px;font-weight: normal;}
.totalnews h3 p{font-size: 16px;height: 24px;line-height: 24px;overflow: hidden;}
.totalnews h3:after{content: '';clear: both;position: absolute;left: 0;bottom:0;width: 30px;height: 1px;background: #eeeeee;}



.totalnewslist li a:hover{background: url(/uploads/image/i2019/news_bg.png) no-repeat top right #033f99;box-shadow: 0 0 10px #033f99;}
.totalnewslist li a:hover:before,.totalnewslist li a:hover:after{display: none;}
.totalnewslist li a:hover .totalnews h3{color:#fff;}
.totalnewslist li a:hover .totalnews h3:after{background: #4c75b3;}
a:hover .lefttime{color:#fff;}

.totalnewslist li.last{margin-bottom: 0;}


.wrap_mode03_box{width: 100%;background: url(/uploads/image/i2019/wrap_mode01_bg.jpg) repeat;overflow: hidden;background-size: 100% 100%;}
.wrap_mode03{background: url(/uploads/image/i2019/mode03_bg.png) repeat;overflow: hidden;}
.mode03{padding-bottom: 10px;}

.noticebox{overflow: hidden;}
.noticebox .flexslider .slides li{margin-right: 24px;}
.noticebox .flex-direction-nav{display: none;}
.noticebox .flex-control-nav{width: 100%;text-align: center;bottom:0;}
.noticebox .flexslider .slides li a{background: #fff;box-shadow: 0px 2px 5px  rgba(0,0,0,0.1);padding: 30px 25px;display: block;position: relative;border:1px solid #efefef;} 
.noticebox .flexslider .slides,.noticebox .flexslider  {padding-bottom: 30px;}
.notice01 h3{font-size: 16px;height: 48px;line-height: 24px;overflow: hidden;font-weight: normal;margin-bottom: 10px;}

.noticelebal{position: relative;top:18px;}
.noticelebal span{background: #de7c40;color:#fff;padding: 0px 10px;height: 27px;line-height: 27px;overflow: hidden; float: left;}
.noticebox .flex-control-paging li a{background: #d6d6d5;border-radius: 0;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* ie 9 */
-moz-transform:rotate(45deg); 	/* firefox */
-webkit-transform:rotate(45deg); /* safari 和 chrome */
-o-transform:rotate(45deg); 	/* opera */}
.noticebox .flex-control-paging li a:hover, .noticebox .flex-control-paging li a.flex-active{background: #de7c40;}

.noticebox .flexslider .slides li a:hover{background: url(/uploads/image/i2019/news1_bg.png) no-repeat top right #033f99;box-shadow: 0  5px 7px #033f99;border:1px solid #033f99;}
.noticebox .flexslider .slides li a:hover .notice01 h3,.noticebox .flexslider .slides li a:hover .noticelebal span{color:#fff;}

.mode04 .lf{width: 38.33%;overflow: hidden;}
.mode04 .md{width: 27.5%;margin-left:38px;overflow: hidden;}
.mode04 .rt{width: 27.5%;overflow: hidden;}

.medialist li{border-top: 1px solid #eee;padding-top: 12px;margin-top: 12px;}
.medialist li h3 a{font-size: 16px;font-weight: normal;height: 24px;line-height: 24px;overflow: hidden;margin-bottom: 10px;display: block;padding-left: 15px;position: relative;}
.medialist li h3 a:before{position: absolute;left: 0;top:10px;content: '';clear: both;width: 4px;height: 4px;background: #eee;}
.medialist li .timebox{overflow: hidden;height: 20px;line-height: 20px;}
.medialist li .timebox .lefttime{float: left;margin-right: 10px;padding-right: 15px;border-right: 1px solid #eee;}
.medialist li .timebox .lebal{float: left;color:#999;}
.medialist li .timebox .lebal a{color:#999;}

.medialist li h3 a:hover{margin-left: 15px;}
.campuslist{overflow: hidden;}
.campuslist li{margin-bottom: 20px;}
.campuslist li a{display: block;border:1px solid #eee;}

.newspaperbox .imgresponsive{background: #fff;padding-bottom: 138%;}
.newspaperbox{background: #eeeeee; position: relative; padding:15px 50px 5px;overflow: hidden;}
.newspaperbox .flexslider{}

.newspaperbox .flex-control-nav{display: none}

.newspaperbox  .periods{text-align: center;padding-bottom: 10px;margin-top: 10px;}
.newspaperbox  .periods span{background: #fff;padding: 7px 18px;font-size: 14px;border-radius: 15px;display: inline-block;transition:all 0.5s ease-in-out;}

.newspaperbox .flexslider .slides li a:hover .periods span{background: #10218b;color:#fff;}

.newspaperbox .flex-direction-nav a{background: #fff;width:54px;height: 70px;line-height: 70px;color:#999;margin-top: -70px;}
.newspaperbox .flex-direction-nav .flex-prev {left: -80px;border-top-right-radius: 100%;border-bottom-right-radius: 100%;padding-right: 17px;text-align: right;}
.newspaperbox .flex-direction-nav .flex-next {right: -80px;border-top-left-radius: 100%;border-bottom-left-radius: 100%;padding-left: 17px;text-align: left;}

.newspaperbox .flex-direction-nav a:hover{background-color: #10218b;color:#fff;}



@media screen  and (max-width:1700px){
	.banner .flexslider {padding: 0 17%;}
	.banner  .flex-direction-nav .flex-prev{left: 14%;}
	.banner  .flex-direction-nav .flex-next{right: 14%;}
}



@media screen  and (max-width:1500px){
	.banner .flexslider {padding: 0 12%;}
	.banner  .flex-direction-nav .flex-prev{left:8.5%;}
	.banner  .flex-direction-nav .flex-next{right: 8.5%;}
}


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

	.mode{width: 1100px;}
	.totalnewslist li a{padding: 11px 20px;}
	
}

@media screen  and (max-width:1200px) {
    .mode{width: auto;padding:21px 20px;}
    .headlinebox .headtitle{font-size: 28px;}
    .banner .flexslider{padding: 0;}
    .banner .slides li a{padding: 0 ;}
    .banner{padding-top: 0;}
    .banner  .flex-direction-nav a{width: 50px;height: 50px;margin-top: -63px;font-size: 20px;line-height: 50px;}
    .banner  .flex-direction-nav .flex-prev{left:5px;}
	.banner  .flex-direction-nav .flex-next{right: 5px;}
	.banner  .slide_still{display: block;}
	.banner .slide_still h3{font-size: 18px;}
	.banner .slide_still p{font-size: 14px;height: 40px;line-height: 20px;}
	.banner .flex-active-slide .slide_still{padding: 0 15px;}
 }




@media screen  and (max-width:992px) { 
	.mode02 .lf{float: none;width: 100%;}
	.mode02 .rt{float: none;width: 100%;margin-top: 20px;	}
	.schoolnewslist li.schoolfirst{width: 33.3%;float: left}
	.schoolnewslist li{width: 33.3%;}
	.schoolnewslist li.schoolfirst .schoolinfo p{height: 40px;line-height: 20px;font-size: 14px;}
	.schoolinfo p{height: 40px;line-height: 20px;font-size: 14px;}
	.totalnewslist li{float: left;width: 50%;}
	.totalnewslist li a{margin-right: 20px;}
	.totalnewslist {width: 102%;overflow: hidden;}
	.totalnews h3 p{font-size: 14px;height: 20px;line-height: 20px;}
	.articletitle h2{font-size: 20px;}
	.schoolinfo {    padding: 15px 10px;}
	.schoolnewslist{width: 100%;}
	.noticebox .flexslider .slides li a{padding:18px 25px 30px 25px;}
	.notice01 h3{font-size: 14px;height: 40px;line-height: 20px;}
	.mode04 .lf{width: 100%;float: none;margin-bottom: 20px;}
	.mode04 .md{width: 48%;margin-left: 0;}
	.mode04 .rt{width: 48%;}

	.medialist li h3 a{font-size: 14px;height: auto;line-height: 20px;}
	.medialist li .timebox span{font-size: 13px;}
	.medialist{border-bottom: 1px solid #eee;padding-bottom: 13px;}


}

@media screen and (max-width:767px) {
	.headlinebox .headtitle{height: 72px;line-height: 36px}
	.headlinebox .headtitle{font-size: 26px;}
	.headlist li a{font-size: 14px;margin: 0 10px;}
	
	.headlinebox{margin-top: 20px;}
	.banner .slide_still h3{font-size: 16px;height: 20px;line-height: 20px;}
	.headlist{display: none;}
	.banner .imgresponsive .time{padding: 5px 15px;border-bottom-left-radius:15px;font-size: 12px}

	.headlinebox{margin-left: 0;margin-right: 0;}
	.articletitle h2{font-size: 18px;}
	.articletitle h2:after{height: 20px;top:3px;}
 }


@media screen and (max-width:640px){
	.headlist li{width: 100%;float: none;margin-bottom: 1px;}
	.headlist li a{margin: 0;}
	.headlinebox .headtitle {font-size: 24px;}
	.schoolnewslist li.schoolfirst{width: 100%;float: none;}
	.schoolnewslist li{width: 100%;float: none;margin-bottom: 20px;}
	.schoolinfo p{height: auto;}
	.totalnewslist li{width: 100%;float: none;}
	.totalnewslist {width: 100%;}
	.totalnewslist li a,.schoolnewslist li a{margin-right: 0;}
	.totalnews h3 p{height: auto;}
	.mode04 .md{width: 100%;float: none;}
	.mode04 .rt{width: 100%;float: none;}
	
}
	

@media screen and (max-width:480px){
	.headlinebox .headtitle {font-size: 20px;line-height: 30px;height: 60px;}

}
@media screen and (max-width:380px){
	.headlinebox .headtitle{font-size: 18px;line-height: 26px;height: 52px;}
	
}