* Table of Contents :
* 1.0 - #header CSS
* 2.0 - Nav CSS
* 3.0 - Baner CSS
* 4.0 - School Motto CSS
* 5.0 - HSchool News CSS
* 6.0 - Nav CSS
* 7.0 - Baner CSS
* 8.0 - School Motto CSS
* 9.0 - School News CSS
* 10.0 - School Activity CSS
* 11.0 - School Media CSS
* 12.0 - Footer Href CSS
* 
* 13.0 - Baner CSS
* 14.0 - School Motto CSS
* 15.0 - HSchool News CSS
* 16.0 - Nav CSS
* 17.0 - Baner CSS
* 18.0 - School Motto CSS
* 19.0 - HSchool News CSS

[Color codes]

Background:		#e8e9eb (gray)
Content:		#444444 (Black Smoke)
#header h1:		#6510ad (Purple Black)
#header h2:		#000000 (light Black)
Footer:			#acabac (gray Smoke)
Border-bottom: 	#eeeeee

title hover: 	#ff9501(yellow)
a (visited):	#f68f08 (yellow)


[Typography]
  
Body copy:		14px/ 'Montserrat', sans-serif;
#headers:		'Raleway', sans-serif;
Input, textarea:	'Montserrat', sans-serif;
Sidebar heading:	'Montserrat', sans-serif;

/*-------------------------------------------------------------------*/
.new_content li{padding-top:5.5px !important;}
	
			#banner2 .swiper-pagination-switch {
			display: inline-block;
			width: 25px;
			height: 25px;
			border-radius: 0;
			background:rgba(0, 63, 139, 0.6);
			margin: 0 1px;
			opacity: 0.8;
			color: #fff;
			font-size: 14px;
			font-weight: bolder;
			line-height: 25px;
			text-align: center;
			/* border: 1px solid #fff; */
			cursor: pointer;}
			#banner2 .swiper-active-switch {
			background:#fff;
			color: #003f8b;}
			#banner2 .swiper-active-switch a{
				color:#000;}
 #right_table{
	float: right;}
 #mt_right_table{
	float: right;}
#huiyi{}
.mt_more{
	float: right;
    font-size: 14px;
    background: url(../images/gt_.png)no-repeat 38px 3px;
    background-size: 13px 16px;
    width: 50px;
    cursor: pointer;
    color: #003f8b;
    margin-right: 25px;}
.mt_more a{color:#333333}
body {
	min-width: 1200px;
	background: url(../images/big_bg.jpg)repeat;}

.idx_block {
	width: 100%;
	height: 165px;}

.idx_block2 {
	width: 100%;
	height: 346px;}
/*******2019.3.4调整样式修改******/
.school_act>li:nth-child(2){}
.left_content li{
	margin-left: 22px;
	width: 253px;
	float: right;
	height: 100%;
	line-height: 75px;}
#left_content li:first-child div:nth-child(2){
	line-height: 55px;}
#left_content li div:nth-child(2){

	/*margin-left: 22px;*/
	width: 253px;
	float: left;
	height: 100%;
	line-height: 75px;}
.left_content li:first-child div:nth-child(1){
	display: block !important;
	border: 1px solid #c6c4c4;}
#left_content li:first-child #div_time{
	font-size: 18px;
	line-height: 26px;
	text-indent:0;
	text-align: center;
	background: #c6c4c4;
	width: 100%;}
#left_content li:first-child #div_date{
	font-size: 12px;
	line-height: 16px;
	text-indent:0;
	text-align: center;
	/*background: #c6c4c4;*/
	width: 100%;}
#left_content li:first-child #div_{
	/*font-size: 18px;
	line-height: 26px;*/
	text-indent:0;
	text-align: center;
	margin-top: 3px !important;
	/*background: #c6c4c4;*/
	width: 100%;
	height: 88%;}
#left_content li #div_{
	margin-right: 20px;}
#div_time{
	font-size: 18px;
	line-height: 26px;
	text-indent:0;
	text-align: center;
	background: #c6c4c4;
	width: 100%;}
#div_date{
	font-size: 12px;
	line-height: 16px;
	text-indent:0;
	color: #aaa;}
#right_content li:first-child div:nth-child(2){
	line-height: 55px;}
#right_content li div:nth-child(2){

	margin-left: 10px;
	width: 253px;
	float: left;
	height: 100%;
	line-height: 75px;}
.right_content li:first-child div:nth-child(1){
	display: block !important;
	border: 1px solid #c6c4c4;}
#right_content li:first-child #div_time{
	font-size: 18px;
	line-height: 26px;
	text-indent:0;
	text-align: center;
	background: #c6c4c4;
	width: 100%;}
#right_content li:first-child #div_date{
	font-size: 12px;
	line-height: 16px;
	text-indent:0;
	text-align: center;
	/*background: #c6c4c4;*/
	width: 100%;}
#div_:hover{

	cursor:pointer;
	color: #003f8b;}
#div_:hover #div_time{

	cursor:pointer;
	color: #fff;
	background-color:#003f8b !important;}

.action_div_time{

	cursor:pointer;
	color: #fff;
	background-color:#003f8b !important;}
.action_div_date{

	color: #003f8b !important;}
.action_div_{
	border-color: #003f8b !important;}
/*#div_title:hover ~#div_ #div_date{
	color: #003f8b;
}
#div_title:hover ~#div_ #div_time{

	cursor:pointer;
	color: #fff;
	background-color:#003f8b !important;
	

}*/
#div_:hover #div_date{
	color: #003f8b;}
#right_content li:first-child #div_{
	font-size: 16px;
	line-height: 18px;
	text-indent:0;
	text-align: center;
	/*background: #c6c4c4;*/
	width: 100%;
	height: 88%;
	margin-top: 3px!important;}
/*******调整右侧会议纪要*******/
/*
	  ==============================================================
		   Float Banner CSS
	  ==============================================================
*/

#imgDiv{
	position:absolute;
	left:50px;
	top:60px;
	z-index: 9999999
;}

#imgDiv div:nth-child(1){
	width:20px;height:20px;
	position:absolute;
	right:0px;
	background:salmon;
	text-align: center;
	cursor: pointer;}




/*
	  ==============================================================
		   School Motto CSS
	  ==============================================================
*/

.motto {
	margin: 39px auto;
	height: 100px;
	display: none;}


/*
	  ==============================================================
		   School News CSS
	  ==============================================================
*/
.title{
	border-bottom:3px #003e8b solid;
	box-sizing:border-box;}
.b2t{
	border:none;}
#left_content li:first-child {
	height: 55px;}

#left_content li:first-child >div:first-child{
	height: 20px;
	line-height: 20px;}

#left_content li:first-child >div:last-child{
	height: 50px;
	line-height: 50px;}

#right_content li:first-child >div:last-child{
	height: 50px !important;
	line-height: 50px;}

#right_content li:first-child {
	height: 55px;}

#right_content li:first-child >div:first-child{
	height: 20px;
	line-height: 20px;}

#right_content li:first-child >div:last-child{
	height: 30px;}

.school_news {
	
	height: 450px;
	/*margin-top: 20px;*/
	background: #fff;}
.big_title{
	width: 817px;
	/* width: 761px; */
	height: 60px;
	background: url(../images/act_bac.jpg)no-repeat left 56px;
	background-size: 100% 100%;
	/* padding: 0 25px; */
	/* margin-left: 25px;
	margin-right: 25px; */

	line-height: 60px;
	color: #003f8b;
	letter-spacing: 2px;
	font-size: 22px;
	margin-bottom: 20px;
	transition: .3s;
	float: left;
	box-sizing:border-box;
	border-bottom: 3px #003e8b solid;}
#b_left{
margin-left: 25px;
font-size: 22px;
float: left;}
.big_title .fuck{
	margin-right: 25px;
	font-size: 14px;
    float: right;
    background: url(../images/gt.png)no-repeat 68px 26px;
    background-size: 16px 16px;
    width: 80px;
    cursor: pointer;
    line-height: 70px;}
.big_title>div:first-child {
    font-size: 22px;
    float: left;}
.big_title>div:last-child {
    font-size: 14px;
    float: right;
    background: url(../images/gt.png)no-repeat 68px 26px;
    background-size: 16px 16px;
    width: 80px;
    cursor: pointer;
    line-height: 70px;}
.talk_msg_title{
	height: 60px;
	/*width: 380px;*/
	width: 378px;
	/*background: tan;*/
	float: right;
    line-height: 60px;
    font-size: 22px;
    background: url(../images/act_bac.jpg)no-repeat left 56px;
    background-size: 100% 100px;
    overflow: hidden;
    color: #003f8b;
    /*text-align: center;*/
   	/* padding: 0 25px; */
    letter-spacing: 2px;
    transition: all .3s;
     border-bottom: 3px #003e8b solid;
    box-sizing:border-box;}
.talk_msg_title>div:first-child{
	float: left;}
.talk_msg_title #b_left{
	float: left;
	margin-left: 25px;}
.talk_msg_title .fuck{
	font-size: 14px;
    float: right;
    background: url(../images/gt.png)no-repeat 68px 26px;
    background-size: 16px 16px;
    width: 80px;
    cursor: pointer;
	line-height: 70px;
	margin-right: 25px;}
.talk_msg_title>div:last-child{
	font-size: 14px;
    float: right;
    background: url(../images/gt.png)no-repeat 68px 26px;
    background-size: 16px 16px;
    width: 80px;
    cursor: pointer;
    line-height: 70px;}
/*--------School News Left CSS---------*/
.school_news_left{
	width: 817px;
	float: left;
	height: 350px;}
.school_news_left .left {
	/*width: 407px;*/
	width: 347px;
	height: 275px;
	height: 350px;
	float: left;}

.ban_img2>li>img {
	cursor:pointer;
	width: 100%;
	/*height: 300px;*/
	height: 275px;}

.ban_img2>li>div {
	
	width: 100%;
	height: 71px;
	padding: 0 15px;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;}

.ban_img2>li>div>.title {
	/*background: red;*/
	color: #000;
	height: 38px;
	width: 100%;
	/*margin-top: 12px;*/
	margin-top: 33px;
	text-align: center;
	line-height: 19px;
	font-size: 16px;
	letter-spacing: 1px;
	cursor: pointer;
	transition: 0.2s;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}

.ban_img2>li>div>.title:hover {
	color: #003f8b;}

.ban_img2>li>div>.text {
	text-indent: 2em;
	color: #aeaeae;
	font-size: 13px;}

.banner2 {
	position: relative;
	overflow: hidden;}

.banner2 .page2 {
	width: 207px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 245px;
	z-index: 9;}

/*.banner2 .page2 span {
	margin-right: 1px;
	float: left;
	margin-top: 12px;
	width: 38px;
	height: 38px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 0 !important;
	z-index: -1;
	opacity: 1;
}
*/
.banner2 .page2 span {
	margin-right: 1px;
	float: left;
	margin-top: 5px;
	width: 25px;
	height: 25px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 0 !important;
	z-index: -1;
	opacity: 1;}

.banner2 .page2 span:hover {
	opacity: 0.8;}

.banner2 .page2 span:last-child {
	margin-right: 0px;}


.banner2 .page2 span>div:first-child {
	font-size: 14px;
	line-height: 25px;}



/*.banner2 .page2 span>div:last-child {
	font-size: 11px;
	line-height: 1;
}*/

.banner2 .swiper-pagination-bullet-active {
	background:#fff !important;
	color: #000!important
;}

.banner2 .swiper-pagination-bullet-active span {
	color: #000 !important;}

.banner2 .swiper-pagination-bullet-active  a {
	color: #000 !important;}




/*--------School News Right CSS---------*/

.school_news .right {
	
	/*width: 480px;*/
	/* width:466px; */
	width: 440px;
	height: 350px;
	background: #fff;
	float: right;}

.school_news>.right>.title {
	width: 100%;
	height: 60px;
	background: url(../images/news_right.jpg);
	background-size: 100% 100%;
	padding: 0 50px;
	line-height: 60px;
	color: #fff;
	letter-spacing: 2px;}

.school_news>.right>.title>div:first-child {
	font-size: 22px;
	float: left;}

.school_news>.right>.title>div:last-child {
	font-size: 14px;
	float: right;
	background: url(../images/gt.png)no-repeat 44px 20px;
	background-size: 15px 19px;
	width: 57px;
	cursor: pointer;}
#div_{
	height:87%;
	border: 1px solid #c6c4c4;
	width: 47px;
	color: #fff;
	text-align: center;
	margin-top: 3px;}
#div_01{
	height: auto;
	font-size: 18px;
	background: #c6c4c4;
	line-height: 26px;
	text-align: center;
	width: 100%;}
#div_02{
	height: auto;
	color: #aaa;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	font-weight: normal;}
#special_div{
	width: 286px;}
.talk_msg .news_content li:hover .div_{
	/*border-style: #003f8b !important;*/
	border: 1px solid #003f8b !important;}

.talk_msg .news_content li:nth-child(4) .div_{
	margin-top: 4px !important;}

.talk_msg .news_content li:hover .div_01{
	background-color: #003f8b !important;
	color: #FFF;}

.talk_msg .news_content li:hover .div_02{
	color: #003f8b !important;
	font-weight: bold !important;}

.school_news>.right>.news_content {
	padding: 13px 50px 0;
	box-sizing: border-box;}

.school_news .news_content>li {
	width: 100%;
	height: 51px;
	border-bottom: 1px solid #eeeeee;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;}

.school_news .news_content>li:last-child {
	border: none;}

.school_news .news_content>li>div:first-child {
	height: 40px;
	width: 32px;
	font-size: 14px;
	text-align: left;
	line-height: 52px;
	background-size: 13px 13px;
	color: #003f8b;
	float: left;
	margin-right: 20px;
	font-weight: bolder;}

.school_news .news_content>li>div:last-child {
	width: 376px;
	color: #333;
	font-size: 16px;
	line-height: 52px;
	height: 36px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	transition: .2s;
	float: left;}

.school_news .news_content>li>div:last-child:hover {
	color: #003f8b;}
.talk_msg{
	background: #fff;
	width: 380px;
	height: 350px;
	float: right;}
.talk_msg ul{
	margin: 0 10px;}
.talk_msg_title{
	height: 60px;
	float: right;
	width: 378px;
	line-height: 60px;}
/*
	  ==============================================================
		   School Activity CSS
	  ==============================================================
*/

.school_act {
	margin-top: 20px;
	background: #fff;
	width: 1200px;
	height: 480px;}

.school_act>li {
	/*width: 398px;*/
	width: 393px;
	height: 480px;
	/*margin-right: 3px;*/
	margin-right: 10px;
	background: #fff;
	float: left;}

.school_act>li:nth-child(3n) {
	margin-right: 0;}

.school_act .title {
	/*width: 398px;*/
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	background: url(../images/act_bac.jpg)no-repeat left 46px;
	background-size: 100% 100px;
	overflow: hidden;
	color: #003f8b;
	text-align: center;
	letter-spacing: 2px;
	transition: all .3s;}

/*.act_content {
	padding: 10px 25px;
	box-sizing: border-box;
}

.act_content>li {
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #eeeeee;
}

.act_content>li>div:first-child {
	height: 40px;
	width: 100%;
	font-size: 12px;
	text-align: left;
	text-indent: 1.5em;
	line-height: 40px;
	background: url(../images/clock.jpg)no-repeat left center;
	background-size: 13px 13px;
	color: #999999;
}

.act_content>li>div:last-child {
	color: #444444;
	font-size: 16px;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	cursor: pointer;
	transition: .2s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}*/

.act_content>li>div:last-child:hover {
	color: #003f8b;}

.act_content>li:last-child {
	border: none;}

.school_act .more {
	float: right;
	font-size: 14px;
	background: url(../images/gt_.png)no-repeat 38px 3px;
    background-size: 13px 16px;
	width: 50px;
	cursor: pointer;
	color: #003f8b;
	margin-right: 25px;}

.school_act .more a{
	color: #003f8b;}

.inMedia .more a, .outMedia .more a{
	color: #003f8b;}

.school_act>li:hover .title {
	background-position-y: 0;
	color: #fff;
	background-color: #003f8b;}


/*
	  ==============================================================
		   School Media CSS
	  ==============================================================
*/

.school_media {
	margin-top: 20px;}

.school_media>.media {
	width: 100%;
	height: 480px;
	background: #fff;
	float: left;}

.school_media>.media>li {
	width: 49%;
	height: 100%;
	overflow: hidden;}

.inMedia{
	float: left;}

.outMedia{
	float: right;}

.school_media>.media .title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	background: url(../images/act_bac.jpg)no-repeat left 46px;
	background-size: 100% 100px;
	overflow: hidden;
	margin-bottom: 24px;
	color: #003f8b;
	text-align: center;
	letter-spacing: 2px;
	transition: all .3s;}

.school_media li:hover .title {
	background-position-y: 0;
	color: #fff;
	background: #003f8b;}

.banner3 {
	width: 100%;
	height: 406px;
	overflow: hidden;
	position: relative;}


/*.banner3 .swiper-slide>img:first-child{width: 400px; height: 245px;}*/

.banner3_content {
	padding: 12px 29px 20px;}

.banner3_content>div:first-child {
	font-size: 18px;
	width: 100%;
	line-height: 54px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .3s;}

.banner3_content>div:nth-child(2) {
	font-size: 12px;
	color: #aeaeae;
	line-height: 19px;}

.banner3_content>div:nth-child(3) {
	margin-top: 26px;
	width: 60px;
	background: url(../images/clock.jpg)no-repeat left center;
	background-size: 13px 13px;
	color: #999999;
	text-indent: 2em;}

.banner3 .toolbar3>div {
	width: 28px;
	height: 47px;
	background-color: rgba(0, 0, 0, .45);
	top: 33%;
	background-image: url(../images/white_gt.jpg);
	background-size: 30px;}

.banner3 .toolbar3>div.left_bar {
	left: 0;}

.banner3 .toolbar3>div.right_bar {
	right: 0;
	transform: rotateY(180deg);}

.banner3 .toolbar3>div:hover {
	background-image: url(../images/yellow_gt.jpg);
	background-color: rgba(0, 0, 0, .6);}

.banner3 .play_pause {
	width: 53px!important;
	height: 53px!important;
	position: absolute;
	left: 173px;
	top: 27%;
	z-index: 9;}

.banner3 li {
	cursor: pointer;}

.banner3_content>div:first-child:hover {
	color: #ff9501;}

.banner3 .swiper-slide>img:first-child {
	transition: .3s;
	overflow: hidden;
	width: 400px;
	height: 245px;}

.inMedia>.content,.outMedia>.content {
	padding: 0 30px;
	height: 381px;
	position: relative;}

.inMedia>.content>div,.outMedia>.content>div {
	cursor: pointer;}

.inMedia .first_msg,.outMedia .first_msg {
	width: 100%;
	height: 92px;
	margin-bottom: 18px;}

.inMedia .first_msg>div,.outMedia .first_msg>div {
	float: left;}

.inMedia .first_msg>div,.outMedia .first_msg>div {
	width: 150px;
	height: 100%;
	position: relative;
	overflow: hidden;}

.media_hover {
	float: left;
	width: 189px !important;
	height: 100%;
	padding-left: 15px;}

.outMedia .first_msg>div>img:first-child,.outMedia .first_msg>div>img:first-child {
	width: 100%;
	height: 100%;
	transition: .3s;}

.inMedia .first_msg>div>img:last-child ,.outMedia .first_msg>div>img:last-child {
	width: 38px;
	height: 38px;
	position: absolute;
	left: 61px;
	top: 27px;}

/*.outMedia .first_msg:hover .first_poster {
	transform: scale(1.1);
}*/

.inMedia .first_msg>div:last-child>div:first-child,.outMedia .first_msg>div:last-child>div:first-child {
	width: 60px;
	background: url(../images/clock.jpg)no-repeat left center;
	background-size: 13px 13px;
	color: #999999;
	text-indent: 2em;
	margin: 4px 0 16px;}

.inMedia .first_msg>div:last-child>div:last-child,.outMedia .first_msg>div:last-child>div:last-child {
	font-size: 14px;
	color: #444444;
	line-height: 16px;
	transition: 0.3s;}

/*.outMedia_content>li {
	width: 100%;
	height: 65px;
	border-top: 1px solid #eeeeee;
	overflow: hidden;
	cursor: pointer;
}*/

.outMedia_content>li:first-child{
	border: none;}

.media_li_hover{
	height: 110px !important;
	padding-top: 10px;}

.media_img_con{
	position: relative;
	float: left;
	width: 150px;
	height: 92px;
	display: none;}

.media_img_con>img:first-child{
	width: 100%;
	height: 100%;}

.media_img_con>img:last-child,#me_logo{
	width: 38px;
	height: 38px;
	position: absolute;
    left: 61px;
    top: 27px;}

/*.media_item_con_hover{
	width: 300px !important;
	margin-left: 10px;
    padding-left: 15px;
}*/
/*.media_item_con_hover>div:first-child{
	background: url(../images/clock.jpg)no-repeat center!important;

}
.media_item_con_hover>div:last-child{
	padding-left: 10px!important;

}
.media_item_con_hover span:first-child{
	margin-left: 8px;

}

.media_item_text_hover{
	width: 100px !important;
	float: right;
    padding-left: 15px;
}*/

/*.media_item_con>div:first-child {
	height: 38px;
	width: 100%;
	font-size: 12px;
	text-align: left;
	text-indent: 2em;
	line-height: 38px;
	background: url(../images/clock.jpg)no-repeat left;
	background-size: 13px 13px;
	color: #999999;
}

.media_item_con>div:last-child {
	 display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
	white-space: nowrap;
	text-overflow:ellipsis;
	max-height: 40px!important;
	color: #444444;
	font-size: 16px;
	line-height: 1;
	overflow: hidden;
	transition: .2s;
	line-height: 20px;
}*/

.elill{
	white-space: pre-line!important;}

.inMedia .more,.outMedia .more {
	float: right;
	font-size: 14px;
	background: url(../images/gt.jpg)no-repeat 38px 3px;
    background-size: 13px 16px;
	width: 50px;
	cursor: pointer;
	color: #003f8b;
	position: absolute;
    bottom: 0px;
    right: 25px;}

.outMedia_content>li>div:last-child:hover {
	color: #ff9501;}

.inMedia .first_msg>div:last-child>div:last-child:hover,.outMedia .first_msg>div:last-child>div:last-child:hover {
	color: #ff9501;}


/*-------------Party Member Css-------------*/

.school_media>.party {
	width: 391px;
	height: 480px;
	float: right;
	background: #fff;}

/*.school_media .poster {
	width: 100%;
	height: 241px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	cursor: pointer;
}

.school_media .poster figcaption {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 60%;
	text-align: left;
	width: 100%;
	left: 0;
	backface-visibility: hidden;
}

.school_media .poster img {
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	position: relative;
	opacity: 0.85;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-22px, 0, 0);
	transform: translate3d(-22px, 0, 0);
}

figure.poster p {
	-webkit-transform: translate3d(0, 22px, 0);
	transform: translate3d(0, 22px, 0);
}

figure.poster p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

.party:hover img,
.party:hover h2,
.party:hover p {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.party:hover img,
.party:hover p {
	opacity: 1;
}

.party:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}*/

.party>.title{
	width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    background: url(../images/act_bac.jpg)no-repeat left 46px;
    background-size: 100% 100px;
    overflow: hidden;
    color: #003f8b;
    text-align: center;
    letter-spacing: 2px;
    transition: all .3s;}

.party:hover .title {
    background-position-y: 0;
	color: #fff;
	background: #003f8b;}

.party_list{
	width: 100%;
	height: 420px;
	margin-top: 2px;}

.party_list>li{
	float: left;
	width: 190px;
	height: 97px;
	margin-bottom: 10px;}
.party_list>li:nth-child(2n){
	float: right;}
.party_list>li img{
	width: 100%;
	height: 100%;}
/*.party_list>li:hover img{
	transform: rotateX(25deg);
	transform-origin: 0 33.5px;
	box-shadow: 0 10px 15px rgba(0,0,0,.5)
}*/


.party_list>li:last-child{
	margin-bottom: 0;}

/*魅力职院===========================================================================*/
.meili_box{width: 1200px; background-color: #FFFFFF; margin: 10px auto 0;}
.title_meili{width: 100%; height: 54px; border-bottom: 4px #003e8b solid; box-sizing: border-box;}
.title_text{float: left; line-height: 50px; font-size: 22px; color: #003f8b; padding-left: 24px;}
.title_mo{float: right;
    font-size: 14px;
    background: url(../images/gt_.png)no-repeat 38px 17px;
    background-size: 13px 16px;
    width: 50px;
    cursor: pointer;
    color: #003f8b;
    margin-right: 25px;
	line-height: 50px;}
.title_mo a{color:#333333;}
.meilizhiyuan_banner{overflow: hidden; height: 260px; padding-top: 30px;}
.img_ml{width: 100%;}
.banner_mltext{font-size: 16px; text-align: center; padding-top: 5px;}
.arrow-left {
	width: 20px;
	height: 10px;
	
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -53px;
	width: 20px;
	height: 77px;
	z-index: 10;
	cursor: pointer;}
.arrow-right {
	/*background-color: red;*/
	
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -53px;
	width: 20px;
	height: 77px;
	z-index: 10;
	cursor: pointer;}
.meilizhiyuan_banner{
	position: relative;}
.swiperBtn{
	display: block;
	width: 50px;
	height:50px;
	z-index: 1111;
	background-color: red;
	position: absolute;
	top: 20px;
	left: 0
;}
.meilish{cursor: pointer;}
.cool_pic_wrap{/*width: 600px; */position: fixed; top: 60%; left: 50%; transform: translate(-50%,-50%); z-index: 999; display: none; box-shadow: 0px 0px 40px #000;}
/*#cool_big_pic{width: 600px; height: 400px; max-height: 500px;}*/
.cool_close_btn{width: 40px; height: 40px; position: absolute; right: -20px; top: -20px; cursor: pointer;}

.htmleaf-content {
	padding: 2em 0em;}
.str_wrap {
	height: 212px!important;
	background: #ffffff;
	font-size: 1.2em;}

.str3 {
	font-size: 0 !important
;}

.str3-2 {
	background: none !important;}

.str3-2 span {
	border: 5px solid #ccc;
	background: #f1f1f1;
	color: #999;
	margin: 0 5px;
	text-align: center;
	font: 40px/100px Arial, Helvetica, sans-serif;
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: top;}

.str4 .str_item {
	font-size: 0;
	line-height: 0
;}

.str4 img {
	margin: 0 8px;
	width: 224px;
        height:150px;
        object-fit:cover;
	opacity: 0.8
;}

.str4 img:hover {
	opacity: 1
;}

.str4.str_wrap.str_active {
	background: #fff;}
.Fka{position: relative;}
.FKspan{position: absolute; top: 100px; left: 0; display: block; width: 240px; text-align: center; overflow: hidden; 
text-overflow:ellipsis; 
white-space:nowrap; line-height: 25px; margin: 0 auto; padding: 0 7px; color: #404D58; font-size: 16px;}

/*==================================================================================*/
figure.poster p {
	text-align: center;
	font-size: 22px;
	color: rgba(255, 255, 255, 1);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;}
/*===================================================================================*/
.school_media{overflow: hidden;}
/*===================================================================================*/
.>.party .content {
	width: 100%;
	height: 239px;
	padding: 38px 28px 0;}

.school_media>.party .content>.title {
	line-height: 1;
	color: #ff9501;
	font-size: 12px;}

.school_media>.party>.content>.head:hover {
	color: #ff9501;}

.school_media>.party .content>.head {
	line-height: 66px;
	font-size: 18px;
	letter-spacing: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: 0.3s;
	cursor: pointer;}

.school_media>.party .content>li:last-child {
	font-size: 12px;
	color: #9f9f9f;
	line-height: 18px;
	height: 100px;
	overflow: hidden;}





.table_title{
	cursor:default;
	width: 100%;
	height: 20px;}
.table_title li{
	transition: background 2s;
	list-style: none;
	line-height: 20px;
	float: left;
	width: 49%;
	height: 24px;
	text-align: center;
	/*line-height: 50px;*/
	font-size: 15px;}
.dj_table_title{}
.dj_table_title li{
	transition: background 2s;
    list-style: none;
    line-height: 20px;
    width: 32%;
    height: 24px;
    text-align: center;
    /* line-height: 50px; */
    font-size: 15px;}
.dj_table_title li:nth-child(1){
	float: left;
	margin-right: 7.5px;}
.dj_table_title li:nth-child(2){
	float: left;}
.dj_table_title li:nth-child(3){
	float: right;}
.dj_table_title li p{
	width: 100%; height: 24px;}

.dj_content {
	padding: 10px;
	box-sizing: border-box;}
.dj_content>li {
	width: 100%;
	height: 51px;
	border-bottom: 1px solid #eeeeee;}
.dj_content>li:last-child{
	border-bottom: none;}
.dj_content>li>div:first-child {
	float: right;
	height: 40px;
	/*width: 100%;*/
	font-size: 12px;
	text-align: left;
	text-indent: 1.5em;
	line-height: 40px;
	/*background: url(../images/clock.jpg)no-repeat left center;*/
	background-size: 13px 13px;
	color: #999999;}

.dj_content>li>div:last-child {
	width: 260px;
	float: left;
	color: #444444;
	font-size: 16px;
	line-height: 18px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	cursor: pointer;
	transition: .2s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;}




.table_title li p{
	width: 100%;
	height: 24px;}


.table_title li:last-child{}


.action{
	/*border-bottom: 1px solid #003f8b;*/
	/*background: #003f8b;*/
	background:#006fca; 
	color: #fff;}
.foot_01 div:nth-child(3):hover{

	background: url(../images/address_icon_hover.jpg)no-repeat left center;
	/*pointer:cursor;*/
	cursor:pointer;}

.search_02:hover{
	background-image:url(../images/hover.jpg);}
/*************2019.3.27************/
.act_content {
	padding: 10px;
	box-sizing: border-box;}
.act_content>li {
	width: 100%;
	height: 51px;
	border-bottom: 1px solid #eeeeee;}
.act_content>li>div:first-child {
	float: right;
	height: 40px;
	/*width: 100%;*/
	font-size: 12px;
	text-align: left;
	text-indent: 1.5em;
	line-height: 40px;
	/*background: url(../images/clock.jpg)no-repeat left center;*/
	background-size: 13px 13px;
	color: #999999;}

.act_content>li>div:last-child {
	width: 300px;
	float: left;
	color: #444444;
	font-size: 16px;
	line-height: 18px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	cursor: pointer;
	transition: .2s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;}
.act_content li:nth-child(1){
	margin-top: 24px;}
#left_content li:nth-child(1){
	margin-top: 0;}
#right_content li:nth-child(1){
	margin-top: 0;}
#right_content li,#left_content li{}
#right_content li div:nth-child(2){

	margin-left: 22px;
	width: 300px;
	/*float: right;*/
	height: 100%;
	line-height: 51px;}
.outMedia_content>li {
	width: 100%;
	height: 51px;
	border-top: 1px solid #eeeeee;
	overflow: hidden;
	cursor: pointer;}
.media_item_con>div:first-child {
	margin-top:8px;
	float:right;
	height: 38px;
	/*width: 100%;*/
	font-size: 12px;
	text-align: left;
	text-indent: 2em;
	line-height: 38px;
	/*background: url(../images/clock.jpg)no-repeat left;*/
	background-size: 13px 13px;
	color: #999999;}

.media_item_con>div:last-child {
	margin-top:18px;
	width:250px;
	float:left;
	 display: -webkit-box;
  	-webkit-line-clamp: 1;
  	-webkit-box-orient: vertical;
	/*white-space: nowrap;*/
	text-overflow:ellipsis;
	/*max-height: 40px!important;*/
	height:20px;
	color: #444444;
	font-size: 16px;
	line-height: 1;
	overflow: hidden;
	transition: .2s;
	line-height: 20px;}
.media_item_con_hover{
	/*width: 300px !important;*/
	width:325px;
	margin-left: 10px;
	/*float: right;*/
    padding-left: 15px;}
.media_item_con_hover>div:first-child{
	/*background: url(../images/clock.jpg)no-repeat ;*/
	background-position:12px 12px;
	float:right;
	margin-top:0;}
.media_item_con_hover>div:last-child{
	padding-left: 10px!important;
	width:159px;
	height:40px;
	float:right;
	margin-top:0;
	-webkit-line-clamp: 2 !important;}
.media_item_con_hover span:first-child{
	margin-left: 8px;}
#left_content li div:nth-child(2) {
    /*margin-left: 22px;*/
    width: 300px;
    float: left;
    height: 100%;
    line-height: 51px;}

.media_item_text_hover{
	width: 100px !important;
	float: right;
    padding-left: 15px;}
.outMedia_content li:nth-child(1) div:nth-child(2) div:nth-child(1){
	padding-right:0;
/***********2019.3.27**************/
@media (max-width: 1199px){
	.banner{width:1200px;height: 407px;}
}
@media (min-width: 1200px) and (max-width: 1365px){
	.banner{width:1200px;height: 407px;}
}
@media (min-width: 1366px) and (max-width: 1600px){
	.banner{width:1300px; height:440px;}
}