*{margin:0;padding:0}
html{font-size: 10px;}
ul li{list-style: none;}
a{text-decoration: none;color:#333}
body{
	background: #f5f5f5;
}
BODY, DIV, TABLE, THEAD, TBODY, TFOOT, TR, TH, TD, P{
	font-size: 1.6rem !important;
}
/* 头部开始 */
.header{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	background: rgba(0,0,0,0.1);
}
.headerOther{
	width: calc(100% - 2px);
	height: 12.5rem;
	background: #004EA1;
	border: 1px solid #004EA1;
}
.main{
	width: 95%;
	margin: 0 auto;
	
}
.logo{
	float: left;
	width: 20%;
	display: flex;
}
.logo img{
    height: 110px;
}
.logo span{
	font-family: 'logo-kf';
	font-size: 4rem;
	color: #000;
}
.menu{
	width: 4rem;
	height: 4rem;
	background: #004EA1;
	position: relative;
	
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
	display: none;
}
.menu img{
	width: 3rem;
	height: 3rem;
}
.header .right,.headerOther .right{
	float: right;
}
.header .top,.headerOther .top{
	display: flex;
	margin-top: 2rem;
	justify-content: end;
}
.header .top .lag,.headerOther .top .lag{
	color: #ffffff;
	font-size: 2rem;
}
.header .top .lag span,.headerOther .top .lag span{
	padding: 0 1.3rem;
	position: relative;
	cursor: pointer;
}
.header .top .lag span:first-child,.headerOther .top .lag span:first-child{
	border-right: 1px solid #ffffff;
}
.header .top .search,.headerOther .top .search{
	width: 2rem;
	height: 2rem;
	margin-right: 1.3rem;
	margin-top: 0.3rem;
	cursor: pointer;
}
.header .top .search img,.headerOther .top .search img{
	width: 100%;
	height: 100%;
}
.nav{
	color: #004EA1;
	font-size: 2rem;
	margin-top: 1.6rem;
	margin-bottom: 2rem;
}
.nav ul{
	display: flex;
}
.nav ul li a{
	color: #ffffff;
}
.nav ul>li a.parent{
	color: #FFB640 !important;
}


.menuBox li {
	width: 100%;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: rgb(51, 92, 153);
	color: white;
	font-weight: bold;
	transition: all 0.3s;
	cursor: pointer;
	border-bottom: 1px solid whitesmoke;
	overflow: hidden;
  }
 .menuBox li  a {
	text-decoration: none;
	color: white;
  }
 .menuBox  .subMenu li {
	background: rgb(144, 149, 255)
  }
/* 头部结束 */
/* 树形菜单开始 */
.menuBox{
	width: 50%;
	min-height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	transform:translateX(-100%);
	background: #004EA1;
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	z-index: 99;
}
.menuBox.menuBoxShow{
	transform:translateX(0%);
}
/* 树形菜单结束 */
/* 轮播开始 */
.banner{
	width: 100%;
	min-height: 300px;
overflow: hidden;
}
.banner .focus-title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
text-align:left;
}
/* 轮播结束 */
/* 学院动态开始 */
.dynamics{
	width: 100%;
	margin-top: 4rem;
}
.dynamics-title{
	width: 100%;
	text-align: center;
}
.dynamics-title h4{
	font-size: 4rem;
	color: #333;
}
.dynamics-title p{
	font-size: 2rem;
	color: #666;
	margin-bottom: 2rem;
}
.dynamics-main{
	margin: 0 auto;
	width: 90%;
	display: flex;
	justify-content: space-between;
}
.dynamics-left{
	width: 100%;
	margin-right: 1rem;
	padding: 1rem 0;
	background: #fff;
}
.dynamics-right{
	width: calc(100% - 2rem);
	aspect-ratio: 3 / 2;
	min-height: 300px;
	margin-left: 1rem;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #fff;
	padding: 1rem;
}

/* 学院动态结束 */
/* 通知公告开始 */
.notification{
	width: 100%;
	margin-top: 4rem;
}
.notification-title{
	width: 100%;
	text-align: center;
}
.notification-title h4{
	font-size: 4rem;
	color: #333;
}
.notification-title p{
	font-size: 2rem;
	color: #666;
	margin-bottom: 2rem;
}
.notification-main{
	width: 90%;
	margin: 0 auto;
	min-height: 300px;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2rem;
}
/* 通知公告结束 */
/* 党建工作开始 */
.building{
	width: 100%;
	margin-top: 4rem;
}
.building-title{
	width: 100%;
	text-align: center;
}
.building-title h4{
	font-size: 4rem;
	color: #333;
}
.building-title p{
	font-size: 2rem;
	color: #666;
	margin-bottom: 2rem;
}
.building-main{
	margin: 0 auto;
	width: 90%;
	position: relative;
	height: 472px;
	overflow: hidden;
	
}

.panel {
  position: absolute;
  padding: 1rem;
  top: 0;
  width: calc(50% - 2rem);
  min-height: 500px;
  background-color: #ccc;
  overflow: hidden;
  transform: translateX(-50%); /* 水平居中 */
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  background: #fff;
}
.left-panel {
  left: -50%; /* 初始位置在左侧 */
}
.right-panel {
  right: -50%; /* 初始位置在右侧 */
}
.fly-in {
  transform: translateX(0); /* 向中间飞入 */
    opacity: 1; /* 透明度变为1 */

}
/* 党建工作结束 */
/* 底部开始 */
.footer{
	width: 100%;
	min-height: 300px;
	margin-top: 4rem;
	background: #004EA1;
	color: #fff;
}
.footerBox{
	width: 100%;
	display: flex;
	overflow: hidden;
}
.footer-left{
	width: 50%;
}
.footer-right{
	width: 50%;
}
.footer-right .top{
	display: flex;
}
.footer-right .top ul{
	margin-top: 4rem;
}
.footer-right .top ul li{
	font-size: 2rem;
}
.footer-left .youqing{
	margin: 2rem 0;
}
.erweima{
	width: 12rem;
	margin-top: 2rem;
	margin: 2rem 2rem 0 2rem;
	font-size: 1.6rem;
	text-align: center;
}
.erweima img{
	width: 100%;
}
.footer .bottom{
	font-size: 1.6rem;
	margin-top: 2rem;
}
/* 底部结束*/
/* 弹窗开始 */
#searchPopup{
	display: none;
}
.popup{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.1);
	display: flex;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	z-index: 9900;
}
.serachBox{
	width: 60%;
	height: 5rem;
	background: #fff;
	border-radius: 1rem;
	overflow: hidden;
}
.close{
	width: 4rem;
	position: absolute;
	top: 10rem;
	right:4rem;
}
/* 弹窗结束 */

/* 列表开始 */
.otherMain{
	width: 90%;
	margin: 4rem auto 0;
	min-height: 300px;
	display: flex;
	justify-content: space-between;
	
}
.list{
	width: 20%;
	background: #ffffff;
}
.note{
	width: calc(80% - 2rem);
	background: #ffffff;
}
.notemain{
	width: 100%;
	background: #ffffff;
}
.weizhi{
	font-size:1.6rem;
	padding: 1rem;
	display: flex;
}
.lanmu{
	font-size:1.6rem;
	padding: 0 1rem 1rem 1rem;
}
.neirong{
	font-size:1.6rem;
	padding: 1rem;
	overflow: hidden;
}
.notetitle{
	width: 100%;
	text-align: center;
	font-size: 2.4rem;
	color: #004EA1;
	padding: 1rem 0;
}
.raed{
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 1.6rem;
	color: #666;
}
/* 样式覆盖开始 */
.banner .focus-box ,.banner .focus-container{
	width: 100% !important;
	aspect-ratio: 3 / 2;
	height: auto !important;
}
.dynamics-left .dtjt8_div_img,.dynamics-left img{
	width: 100% !important;
	aspect-ratio: 3 / 2;
	height: auto !important;
}
.dynamics-right .sudynews_rili_2.rili .news_list li.news .news_time .news_days,.news_days{
	background: #004EA1;
}
.notification-main .wp_article_list .list_item{
	width: calc(50% - 2.1rem);
	float: left;
	position: relative;
	height: 8rem;
	padding: 1rem;
	line-height: -1;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.notification-main .wp_article_list .list_item:nth-child(2n+2){
	border-right: none;
}
.notification-main .wp_article_list .list_item .ex_fields{
	position: absolute;
	left: 1rem;
	top: 1rem;
	background: #004EA1;
	padding:0.2rem 0.5rem;
	border: 5px;
}

.notification-main .wp_article_list .list_item .pr_fields{
	margin-top: 3.5rem;
	
	font-size: 1.6rem;
}
.notification-main .wp_article_list .list_item .pr_fields a{
	color: #333;
}
.notification-main .wp_article_list .list_item .pr_fields .Article_Index{
	display: none;
}
.notification-main .wp_article_list .list_item .ex_fields .Article_PublishDate{
	color: #ffffff;
	font-size: 1.6rem;
}
.building-main .div_piccontenttitle_li{
	width: calc(50% - 2rem);
	float: left;
	padding: 1rem;
	line-height: normal;
}
.building-main .div_piccontenttitle_li .c_pt_12 .c_pic{
	float: none;
}
.building-main .div_piccontenttitle_li .c_pt_12 .c_pic img{
	width: 100%;
	aspect-ratio: 3 / 2;
	height: auto;
}
.building-main .div_piccontenttitle_li .c_pt_12 .c_txt h3{
	font-size: 1.8rem;
	color: #333;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 1rem;
}
.building-main .div_piccontenttitle_li .c_pt_12 .c_txt p{
	font-size: 1.6rem;
	color: #666;
	margin-top: 1rem;
}
.building-main .div_piccontenttitle_li .c_pt_12 .c_txt h3 a{
	color: #333;
}
.building-main .div_piccontenttitle_li .c_pt_12 .c_txt p a{
	color: #666;
}
.building-main .sudynews_rili_1.rili .news_list li.news .news_time .news_days{
	color: #fff;
}
.footer-left .imgscroll2_top{
	width: 100% !important;
}
.footer-left .imgscroll2_img img{
	    width: 200px;
	    height: 61.93px;
}
.footerLogo{
    width: 120px;
    height: 177px;
    margin: 20px 20px;
}
.serachBox table{
	width: 100%;
}
.serachBox table td{
	width: 89%;
	height: 5rem;
	line-height: 5rem;
}
.serachBox input{
	width: 100% !important;
	height: 100% !important;
	border: none;
	padding-left: 1rem;
	font-size: 1.8rem;
}
.serachBox .wp_search .search{
	width: 100% !important;
	background-size: 100% 100%;
}
.list .wp_listcolumn .wp_column a{
	background-color: #ffffff;
}
.nav .wp_nav .sub-nav{
	top:32px;
}
.neirong .wp_article_list .list_item{
	height: auto;
	width: calc(100% - 1rem);
	padding: 0.5rem;
	overflow: hidden;
}
.neirong .wp_articlecontent .Article_Content img{
	width: 100%;
}
.daohang{
	display:none;
	width(100% - 2rem);
	background:#004EA1;
	overflow: hidden;
	padding: 0 1rem;
}
.weizhi1{
	width: 200px;
	height: 34px;
	line-height: 34px;
	float: left;
color:#ffffff;
}
.daohang img{
	width: 34px;
	float: right;
}
.building-main .sudynews_rili_2.rili .news_list li.news .news_time .news_days{
background:#004EA1 !important;
}
/* 样式覆盖结束 */
/* 媒体css开始 */ 
@media (max-width: 700px) {
    .right {
        display: none;
    }
	.header .logo{
		width: calc(100% - 4rem);
		margin-top: 0;
	}
.headerOther .logo{
	width:90%;
	margin-top:-1rem;
}
	.menu{
		display: flex;
	}
	.dynamics-main{
		display: block;
	}
	.panel{
		width: calc(100% - 2rem);
		height: 578px;
position: relative;
min-height:auto;
	}
.left-panel{
left:-100%;}
.right-panel{
right:-100%;}
	.footerBox{
		display: block;
	}
	.footer-left{
		width: 100%;
	}.footer-right{
		width: 100%;
	}
	.footer-right .top ul{
		margin: 0 2rem 0 2rem;
		
	}
	.footer .bottom{
		padding: 0 2rem 2rem 2rem;
	}
	.erweima{
		margin: 0 2rem 0 0;
	}
	.footerLogo{
		display: block;
		margin: 2rem auto;
	}
	.otherMain{
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	.list{
		width: 100%;
		margin-bottom: 20px;
		display: none;
	}
	.note{
		width: 100%;
	}
	.dynamics-left,.dynamics-right{
		margin: 0;
	}
	.notification-main .wp_article_list .list_item{
		height: 16rem;
	}
	.building{
	}
	.daohang{
	display:block
	}
	.building-main{
		height: auto;
	}
}
/* 媒体css结束 */
.moretext img{
width:46px;
height:20px}