@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
.Banner{width:100%;overflow:hidden;position: relative;margin-top: -70px;float: left;height: 535px !important;}

.flexslider .slides li a{display: block;position: relative;}
.Banner .slides_tills{position: absolute;width: 100%;overflow: hidden;bottom: 0;left: 0;height:48px;line-height: 48px;background: #101a21; background: rgba(16,26,33,0.5);}
.Banner .slides_tills p{max-width: 1200px;margin: 0 auto;color:#fff;font-size: 16px;}
.Banner .flex-direction-nav{display: block;}
.Banner .flex-direction-nav a{}
.Banner .flex-direction-nav a.flex-prev{transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* ie 9 */
-moz-transform:rotate(180deg); 	/* firefox */
-webkit-transform:rotate(180deg); /* safari 和 chrome */
-o-transform:rotate(180deg); 	/* opera */left:50px;}
.Banner .flex-direction-nav a.flex-next{right:50px;}
.Banner .flex-direction-nav a{width: 80px;height: 80px;background: rgba(0,0,0,0.4);color:#fff;line-height: 80px;margin-top: -40px; font-size: 4rem;text-align: center;transition:all 0.5s ease-in-out;top:auto; bottom:46%;border-radius: 50%;}
.Banner .flex-direction-nav a:hover{background: rgba(27,75,204,0.4);}
.Banner .flex-control-nav{bottom:41px;max-width: 1200px;margin: 0 auto;position: relative;text-align: right;}
.Banner .flex-control-paging li a {width: 10px;height: 10px; background:#405572;text-indent: 9999px;transition:all 0.5s ease-in-out;border-radius: 0;}
.Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover {background:#ffcc61;}




.content{overflow:hidden;}
.mode{width: 1200px;margin:0 auto; padding: 20px 0; overflow: hidden;}

/*新闻聚焦*/
.wrap_mode{width: 1250px;margin: 30px auto;background: #fff;border-top: 2px solid #5977c6;}
.mode01{}
.listTitle{margin-bottom: 30px;overflow: hidden;}
.listTitle h2{font-size: 23px;color:#5977c6;position: relative;padding-bottom: 10px;float: left;}
.listTitle h2:after{position: absolute;bottom: 0;left: 0;content: '';clear: both;width: 27px;height: 2px;background: #5977c6;}
.more{float: right;margin-left: 10px;}
.more a{display: block;position: relative; color:#6f7676;font-size: 1.4rem;padding-top: 10px;}
.more a:hover{color:#5977c6;}
.col{}
.lf{float: left;}
.rt{float: right;}

.mode01 .lf{width:100%;}
.mode01 .rt{width: 22.5%;}

.newsList{overflow: hidden;width: 102%;}
.newsList li{float: left;width: 33.33%;*width: 33%;}
.newsList li a{display: block;margin-right: 20px;border:1px solid #9eb0e3;background: #f7f7f9;}

.newsBox{}
.newsInfo{padding: 15px;}
.newsInfo h3{font-size: 16px;line-height: 26px;height: 26px;overflow: hidden;font-weight: normal;margin-bottom: 10px;}
.newsInfo span{display: block;padding-left: 20px;background: url(../images/time.png) no-repeat center left;color:#6f7676;font-size: 12px;margin-bottom: 10px;}
.newsInfo p{color:#6f7676;line-height: 30px;height: 60px;overflow: hidden;font-size: 14px;}
.newsList li a:hover{background: #fff;}

.topicList .imgResponsive{padding-bottom: 21.51%;position: relative;z-index: 1;}
.topicList {overflow: hidden;}
.topicList li{margin-bottom: 27px;*margin-bottom: 20px;}
.topicList li a{display: block;}
.topic{position: relative;}
.topicInfo{position: absolute;top:50%; left: 0;width: 100%;z-index: 3;margin-top: -12px;}
.topicInfo p{font-size: 16px;height: 24px;line-height: 24px;overflow: hidden;color:#fff;text-shadow:1px 1px 5px #000;margin: 0 20px;padding-left: 15px;position: relative;font-weight: bold; transition:all 0.5s ease-in-out;}
.topicInfo p:after{position: absolute;top:4px;left: 0;width: 3px;height: 16px;background: #fff;content: '';clear: both;}
.topicList li.last {margin-bottom: 0;}



.mode02 .lf{width:49%;}
.mode02 .rt{width: 49%;}


/*日历*/
.calendar{}
#CalendarMain {width: 100%; height: 245px;margin: 0 auto;overflow:hidden;}
#title {height: 30px;width: 100%; line-height: 30px;}
.selectBtn {font-weight: 400;font-size: 14px;color: #5977c6;cursor: pointer;text-decoration: none;}
.selectYear {float: left;margin-left: 70px;position: absolute;line-height: 20px;}
.selectMonth {float: left;margin-left: 123px;position: absolute;line-height: 20px;}
.prevMonth{width:18px; color:#666666; height:18px;font-size: 12px;text-align: center;line-height: 20px;background: url(../images/lf1.png) no-repeat center center ;}
.nextMonth{width:18px;color:#666666; height:18px;font-size: 12px;text-align: center;line-height: 20px;background: url(../images/rt1.png) no-repeat center center ;}
.prevMonth:hover,.nextMonth:hover{color:#5977c6;border-color: #5977c6;}
.month {float: left;position: absolute;}
.nextMonth {float: right;}
.currentDay {float: right;}
#context {	background-color: none;width: 100%;}
.week {width: 100%;height:30px;margin-bottom:20px;*margin-bottom: 27px;margin-bottom: 27px\9;}
.week>h3 {float: left;color: #333;text-align: center;margin: 0;padding: 0;font-size: 12px;height:30px;line-height: 30px;font-weight: normal;}
.dayItem {float: left;}
.lastItem p{color: #5977c6 !important;}
.item {color: #5977c6;	float: left;text-align: center;	cursor: pointer;margin: 0;	font-family: "微软雅黑";font-size: 12px;*border:none; box-sizing: border-box;}
.item>p:hover ,.currentItem>p{color: #ffcc61;font-weight: bold;}
.lastItem {display:none;}
#foots {width: 100%;height: 35px;background-color: #fff;border-top: 1px solid #ccc;	margin-top: -1px;display: none;}
#footNow {	float: right;margin: 6px 15px 0 0;	color: #009ad6;	font-family: "微软雅黑";}
#Container {overflow: hidden;	float: left;}
#center {width: 100%;overflow: hidden;}
#centerMain {width: 300%;margin-left: -100%;}
#selectYearDiv {float: left;}
#selectYearDiv>div {float: left;text-align: center;	font-family: "微软雅黑";font-size: 16px;border: 1px solid #ccc;	margin-left: -1px;	margin-top: -1px;
	cursor: pointer;color: #909090;}
.currentYearSd, .currentMontSd {color: #ff4400 !important;}
#selectMonthDiv {float: left;background-color: none;}
#selectMonthDiv>div {color: #909090;float: left;text-align: center;	font-family: "微软雅黑";font-size: 16px;border: 1px solid #ccc;	margin-left: -1px;
	margin-top: -1px;cursor: pointer;}
#selectYearDiv>div:hover, #selectMonthDiv>div:hover {background-color: #efefef;}
#centerCalendarMain {float: left;}


.noticeBox{overflow: hidden;}
.noticeCal{float: left;width: 228px;border-top: 1px solid #5977c6;padding-top: 20px;overflow: hidden;}
.noticeList{ }


.noticeList{overflow: hidden;}
.noticeList li{margin-bottom: 20px;}
.notice{overflow: hidden;}
.notice .leftDate{float: left;width: 55px;text-align: center;}
.notice .leftDate strong{position: relative; display: block;color:#5977c6;font-size: 20px;font-style: italic;padding-bottom: 2px;}
/%
.notice .leftDate strong:after{position: absolute;bottom:0;left: 8px;height: 2px;width: 10px;background: #5977c6;content: '';clear: both;}*/
.notice .leftDate i{font-size: 12px;display: block;color:#5977c6;}
.notice a{display: block;font-size: 16px;height: 24px;line-height: 24px;overflow: hidden; padding-left: 0;transition:all 0.5s ease-in-out;float: left;}
.noticeList li.last{margin-bottom: 0;}
.notice a:hover{padding-left: 15px;}
.notice p{    float: right;padding-top: 3px;}

.policyList{overflow: hidden;}
.policyList li{margin-bottom: 20px;    overflow: hidden;}
.policyList li.last{margin-bottom: 0;}
.policyList li a{display: block;font-size: 16px;height: 24px;line-height: 24px;overflow: hidden;padding-left: 0;transition:all 0.5s ease-in-out;float: left;}
.policyList li p{    float: right;padding-top: 3px;}
.policyList li a:hover{padding-left: 15px;}



.studentBox .carousel{width: 90%;margin: 0 auto;}
.studentBox .flex-control-nav{display: none;}
.studentBox .flex-direction-nav{display: block;}
.studentBox .flex-direction-nav a{width: 30px;height: 50px;line-height: 50px;opacity: 1!important;text-indent: -999px;border-radius: 5px;margin-top: -50px;}
.studentBox .flex-direction-nav a.flex-prev{background: url(../images/lf.png) no-repeat center center #5977c6;left: -60px;}
.studentBox .flex-direction-nav a.flex-next{background: url(../images/rt.png) no-repeat center center #5977c6;right:-60px;}


.studentBox{overflow: hidden;margin-top: 20px;}
.studentBox span{float: right;font-size: 12px;color:#6f7676;margin-top: 10px;margin-left: 10px;}
.studentBox .student{}
.studentBox .student h3{font-weight: normal;
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: center;}
.studentBox .student p{font-size: 14px;height: 20px;line-height: 20px;overflow: hidden;color:#6f7676;}











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

	.mode{width: 1000px;}
	.Banner .flex-control-nav{width: 92%;}
	.Banner .slides_tills p{width: 93%;}
	.wrap_mode{width: 1050px;}
	.listTitle h2{font-size: 20px;}
	.studentBox .flex-direction-nav a.flex-prev{left: -40px;}
	.studentBox .flex-direction-nav a.flex-next{right:-40px;}
	.mode02 .lf{width: 61%;}


}


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

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

	.mode{width: auto;padding:20px;}
	.wrap_mode{width: auto;margin:0px 20px 30px;}

	.Banner .flex-direction-nav a{width: 40px;height: 40px;margin-top: -20px;line-height: 40px;font-size: 2rem;}
	.Banner .flex-direction-nav a.flex-prev{left: 10px;}
	.Banner .flex-direction-nav a.flex-next{right: 10px;}
	.mode01 .lf{width:100%;float: none;}
	.mode01 .rt{width: 100%;float: none;margin-top: 30px;}
	.topicList {width: 102%;overflow: hidden;}
	.topicList li{float: left;width: 50%;}
	.topicList li a{margin-right: 20px;display: block;}
	.topicInfo p{font-size: 14px;}
	.newsInfo h3{height: 40px;line-height: 20px;font-size: 14px;}
	.newsInfo p{line-height: 20px;font-size: 12px;height: 60px;}

}


@media screen  and (max-width:992px) { 
  .listTitle h2{font-size: 18px;}
  .mode02 .lf{width: 100%;float: none;}
  .mode02 .rt{width: 100%;float: none;margin-top: 20px;}
  .policyList li a{height: auto;}
  .studentBox .flex-direction-nav a.flex-prev{left: -20px;}
	.studentBox .flex-direction-nav a.flex-next{right:-20px;}

}


@media screen and (max-width:767px) {
	
	.Banner{margin-top: 0;}
	.Banner .slides_tills p,.notice a,.policyList li a{font-size: 14px;}
	.policyList li,.noticeList li{margin-bottom: 15px;}

 }



@media screen and (max-width:640px) {
   .newsList li{margin-bottom: 30px; float: none;width: 100%;}
   .newsList {width: 100%;}
   .newsList li a{margin-right: 0;}
   .newsInfo h3,.newsInfo p{height: auto;}
	.noticeCal{width: 100%;float: none;}
	.noticeList{margin-left: 0;margin-top: 30px;}
	.studentBox .flex-direction-nav a.flex-prev{left: -10px;}
	.studentBox .flex-direction-nav a.flex-next{right:-10px;}
 }





@media screen and (max-width:480px){
	.topicList li{width: 100%;float:none;margin-bottom: 15px;}
	.topicList li a{margin-right: 0;}
	.topicList {width: 100%;}

	

}
@media screen and (max-width:380px){
	.Banner .slides_tills{display: none;}
	
}