@charset "utf-8";

/* CSS Document */
html {
	/*background: rgb(245, 244, 244);*/
	font-size: 62.5%;}

body {
	font-size: 16px;
	font-size: 1.6rem;
	/* 14梅10=1.4 */
	color: #333;
	/*font-family: "segoe ui", "lucida grande", helvetica, arial, "microsoft yahei", freesans, arimo, "droid sans", "wenquanyi micro hei", "hiragino sans gb", "hiragino sans gb w3", fontawesome, sans-serif;*/
	font-family: Arial,Microsoft YaHei,-apple-system,BlinkMacSystemFont,"PingFang SC",Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;}

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dl,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,http://222.204.2.67:8080/_vsl/FEF2DCAD48DC982105043D7F9B864471/117D3918/86C7
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset {
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: subpixel-antialiased;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;}

fieldset,
img {
	border: 0;}

img,
object {
	max-width: 100%;
	/*height:auto;*/
	width: auto;
	/* for ie8 */
	-ms-interpolation-mode: bicubic;}
.xueg_more a {
	color: #333 !important;}
.xueg_more:hover a {
	color: #fff !important;}
a {
	outline: none;
	blr: expression(this.onFocus=this.blur());
	text-decoration: none;
	color: #333;}

a:hover {
	color: #2164b9;
	text-decoration: none;}

input[type='button'] {
	outline: none;
	border: 0 none;
	background-color: transparent;
	cursor: pointer;}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: 400;}

ul,
ol,
li {
	list-style: none outside none;}

.tc {
	text-align: center !important;}

.tl {
	text-align: left !important;}

.tr {
	text-align: right !important;}

.pa {
	position: absolute;}

.pr {
	position: relative;}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;}

q:before,
q:after {
	content: '';
	content: none;}

input,
textarea,
select {
	font-weight: inherit;}

input,
select,
textarea,
button {
	vertical-align: middle
;}

.new_item {}

.clearFix {
	*zoom: 1;
	clear: both;}

.clearFix:after {
	content: '';
	display: block;
	clear: both;}

.clear {
	width: 100%;
	overflow: hidden;}

.imgResponsive {
	width: 100%;
	height: 0;
	padding-bottom: 55.41%;
	overflow: hidden;
	display: block;}
.section-header h2 {
	font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
  	font-size: 2.5rem;
  	font-weight: 700;
  	color: #1a365d;
  	line-height: 1.2;
  	margin-bottom: 1rem;
  	letter-spacing: -0.02em;}
.imgResponsive img {
	width: 100%;
	transition: all 0.3s ease-in-out;}

.imgResponsive img:hover {
	transform: scale(1.05);
	opacity: 0.85;}
.news-list {
    list-style: none;
    padding: 0;
    margin: 2rem 0;}

/* 列表项样式 */
.news-list li {
    position: relative;
    padding: 0;
	overflow: hidden;
	height: 30px;
    /* margin-bottom: 0.8rem; */
    /* background-color: #fff; */
    /* border-radius: 6px; */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
    /* transition: all 0.3s ease; */
	list-style: none !important;}

.news-list li a.newTitle {
	display: block; /* 转为块级元素 */
	width: 100%; /* 宽度占满li */
	height: 100%; /* 高度占满li */
	padding-top: 5px; /* 保留内边距（根据实际样式调整） */
	position: relative; /* 确保在最上层 */
	z-index: 1; /* 避免被其他元素遮挡 */
	box-sizing: border-box; /* 内边距计入宽高 */
	text-decoration: none;}
.newTime {
    float: right;
    color: #6b7280;
    font-size: 1.3rem;
    white-space: nowrap;}

.list {
    list-style: none;
    padding: 0;
    margin: 2rem 0;}

/* 列表项样式 */
.list li {
    position: relative;
    padding: 0;
	overflow: hidden;
	height: 65px;
    margin-bottom: 0.8rem;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
	list-style: none !important;}

.list li a.listTitle {
	display: block; /* 转为块级元素 */
	width: 100%; /* 宽度占满li */
	height: 100%; /* 高度占满li */
	padding: 20px; /* 保留内边距（根据实际样式调整） */
	position: relative; /* 确保在最上层 */
	z-index: 1; /* 避免被其他元素遮挡 */
	box-sizing: border-box; /* 内边距计入宽高 */
	text-decoration: none;}

.list li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}

/* 列表项装饰元素 */
.listDeco {
    position: absolute;
    left: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1e3a8a;}

/* 列表项标题链接 */
.listTitle {
    margin-left: 1.5rem;
    color: #333;
    text-decoration: none;
    font-size: 1.5rem;
    transition: color 0.2s ease;}

.listTitle:hover {
    color: #1e3a8a;
    text-decoration: underline;}

/* 列表项时间戳 */
.listTime {
    float: right;
	margin: auto 8px;
    color: #6b7280;
    font-size: 1.3rem;
    white-space: nowrap;}

.p-2 {}
.top_img {
	font-size: 1.6rem;
    color: #333;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 400px;
    width: 100%;
    background: url(../images/n_ba1.jpg) center center no-repeat;
    background-size: cover;}

.nav-menu {
    width: 90%;
    height: 10vh;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: auto;
	/* gap: 0.35rem; */
	padding-top:0.5rem;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
  
  .nav-item {
	position: relative;}
  
  .nav-item a {
	font-size: clamp(14px,2vw,22px);}
  .nav-link {
	display: block;
	padding: 0.5rem 1rem;
	color: white;
	text-decoration: none;
	font-size: 0.1rem;
	font-weight: 500;
	border-radius: 0.25rem;
	transition: background-color 0.2s ease;}
  
  .nav-link:hover {}
  
  .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 5%;
	min-width: 13rem;
	background-color: white;
	border: 1px solid #e5e7eb;
	border-radius: 0.375rem;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.2s ease;
	z-index: 50;}
  
  .nav-item:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);}
  
  .dropdown-item {
	display: block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	font-size: 1.75rem !important;
	transition: background-color 0.2s ease;}
  
  .dropdown-item:hover {
	background-color: #dbeafe;
	color: #2563eb;}


/*党建展厅意见*/
.PrevDisabled {
	border: 1px solid #cccccc !important;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	height: 30px !important;
	padding: 8px 14px !important;
	color: #222222 !important;}

.this-page {
	border: 1px solid #cccccc !important;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	height: 30px !important;
	padding: 8px 14px !important;
	background-color: #002656 !important;
	color: #fff !important;}

.NextDisabled {
	border: 1px solid #cccccc !important;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	height: 30px !important;
	padding: 8px 14px !important;
	color: #222222 !important;}

.headStyle2wb9mqp7hb .this-page {
	background: #002656 !important;
	color: #fff !important;}

.headStyle2tvf7ls7td {
	width: 50% !important;}

.biaoti {
	background-color: #002656 !important;}

.headStyle46uug4pdwr .this-page {
	background-color: #002656;
	color: fff;}

.window1020392>tbody>tr>td>table {
	margin: 0 auto;
	width: 500px;
	margin-top: 20px;}

/*分页*/
.pb_sys_common .p_fun_d,
.pb_sys_common .p_no_d,
.pb_sys_common .p_no_o,
.pb_sys_common .p_fun a,
.pb_sys_common .p_no a {
	border: 1px solid #ccc;
	padding: 8px 14px !important;
	margin: 0px 0px 0px 5px;
	height: 30px !important;

	height: auto;
	line-height: 16px !important;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;}

.pb_sys_style1 .p_no_d {
	border: 1px solid #021731 !important;
	color: #fff;
	background-color: #021731 !important;}

.logo-l {
	width: 30%;}

.logo-l .logo {
	width: 100%;
	text-align: center;}
.header-schoolmotto {
    width:50%;
    display:flex;
    justify-content:center;
    align-items:center;}
.header-schoolmotto h1 {
    color: #fff;
    font-size: clamp(1.5rem, 2.5vw, 3.2rem);
    /*font-family: 'comic sans ms', cursive;*/
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    line-height: 1.2;
    margin: 0;}
.logo_r {
	width:20%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.5em;}

.headerTop {
	background-color: transparent;}

.logo_r .nav {
	width: 100%;
	background-color: transparent;
	color: #fff;}

.logo_r .nav a {
	color: #fff;
	font-size: 1.5em;}

.headerTop .rt {
	padding-right: 120px;}

.new_box {
	min-height: 50px;
	width: 100%;}

.header {
	width: 100%;
	min-width: 300px;
	height: auto;
	z-index: 990;
	position: relative;
	height: 300px;
	margin: auto;
	top: 0;
	left: 0;
	padding: 30px 0;
 background:
linear-gradient(to bottom, #13408D 30%, transparent 100%),
url(new/images/logo_bj.png) no-repeat top center;
background-size: 100% 100%; 
display:flex;
flex-direction:column;}
.header-container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    	width: 90%;
    margin: auto;}
.serBtn_box {
	display: flex;
	justify-content: flex-end;
	font-size: 12px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 10px;}

.serBtn_box .menhu {
	width: auto;
	height: 25px;
	background-color: #002656;
	line-height: 25px;
	text-align: center;
	margin-right: 15px;
	padding: 0px 10px;}

.serBtn_box .menhu a {
	color: #fff;}

.headerTop {
	margin: 15px;}

.sous_box {
	width: auto;
	float: right;}
.menhu {
	display: flex;
	/* background-color: #002656; */
	/* background-color: #000; */
	color: #fff;
	font-size: 15px;
	height: 25px;
	width: 90px;
	text-align: center;
	line-height: 25px;
	margin-left: 15px;
	border-radius: 2px;}
.menhu a {
	flex: 75%;
	color: #fff;
	height: 25px;
	width: 90px;
	text-align: center;
	line-height: 25px;
	border-radius: 2px;}
.menhu svg {
	flex: 25%;
	margin-left: 3px;
	margin-top: 1px;}

.menhu a span {
	font-size: 14px;}

.suoru input {
	background: #fff;
	width: 160px;
	outline: none;
	border: none;
	font-size: 12px;
	color: #999;
	padding-left: 5px;
	line-height: 25px;}

.anniu input {
	/* background: #002656; */
	background: #000;
	height: 25px;
	width: 60px;
	color: #fff;
	outline: none;
	border: none;
	padding-left: 20px;
	cursor: pointer;}



.black_bg01 {
	position: fixed;
	background-color: #000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	display: none;
	filter: alpha(opacity=70);
	top: 115px;
	left: 0;}

/* .top{height: 120px;width: 1200px;margin:0 auto;background:url("../images/header_bg.png") no-repeat right center;} */
.logo {
	width: 561px;
	float: left;
	transition: all 0.3s ease;}

.logo img {
	width: auto;}

.logo:hover {
	opacity: 0.8;}

.serBtn {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 20px;
	height: 20px;
	margin-right: 39px;}

.nav {
	background-color: #fff;}

.nav ul {
	margin: 0 auto;
	position: relative;
	float: right;}

.nav ul>li {
	float: left;
	height: 50px;}
.nav ul li:hover .subNav {
    display: flex;}
.nav ul li>a {
	font-size: 18px;
	font-size: 1.8rem;
	display: block;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding: 0 38px;}

.nav ul li.on>a,
.nav ul li:hover>a {
	color: #fff;
	background-color: #002656;}

.nav ul li.on .subNav {
	display: flex;
	position: absolute;
	left: 0;}

/* .subNav{width:100%;background:url("../images/subnav_bg.png") repeat;} */
.subNav {
	display: none;}

.subNav a {}

.subNav a:hover {}

.subNav2 {
	width: 100%;
	height: 220px;
	background: url(../images/nav_bg.png) 100% no-repeat #fff;
	position: absolute;
	z-index: 999;
	left: 0;
	border-top: 3px solid #002656;}

.subNav2 .l {
	width: 50%;
	display: flex;
	justify-content: space-between;}

.subNav2 .l .l_img {
	width: 50%;
	overflow: hidden;
	margin: 30px;}

.subNav2 .l .l_img img {
	width: 100%;
	height: 100%;}

.subNav2 .l .l_text {
	color: #002656;
	line-height: 180%;
	padding-bottom: 10px;
	width: 50%;
	margin-top: 40px;
	font-size: 18px;}

.subNav2 .r {
	width: 40%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-left: 30px;
	height: 120px;}

.subNav2 .r a {
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 40%;}

.subNav2 .r a span {
	font-size: 14px;
	color: #002656;}

/*.header.currents{height: 60px;line-height: 60px;background:none;background-color:#0d325c;position: fixed;top: 0;left: 0;}*/
/*.header.currents{height: 60px;line-height: 60px;background:none;background-color:#0d325c;position: fixed;top: 0;left: 0;}*/
.header.current {
	height: 285px;
	overflow: hidden;}

.header.currents .headerTop {
	display: none;}

.header.currents .top {
	display: none;}

.header.currents .nav {
	height: 50px;
	line-height: 50px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #ccc;
	z-index: 1010
;}

.header.currents .nav li {
	background: none;}

.header.currents .subNav {
	top: 50px;}

.header.currents .nav-wrapper {
	height: 56px;}

.header.currents .nav ul li>a {
	height: 50px;
	line-height: 50px;}

.header.currents .nav ul li.on>a,
.header.currents .nav ul li:hover>a {
	color: #fff;}

.header.currents {}

.header.scroll {
	transition: 1s;
	z-index: 10;}

.flipInY {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	animation-duration: .3s;
	-webkit-animation-duration: .3s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
	display: block;}


@keyframes flipInY {
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;}
	to {
		opacity: 1;
		transition: opacity 0.2s ease-out 0s;}
}

/* 学院新闻*/
.index-news {
            width: 100%;
            margin: 10vh auto 5vh;
            background: url(../images/home12_bg.jpg) no-repeat right top;
            background-size: cover;
    background-position: center;
            position: relative;
            overflow: hidden;}
        .index-news h2 {
            text-align: center;
            font-weight: 600;
            margin-bottom: 4vh;
            position: relative;
            z-index: 10;}
        .index-news-bg-all {
            width: 50%;
            height: 60vh;
            margin: auto;
            position: absolute;
            bottom: 1%;
            left: 1%;
            background: url(../images/ftbg.jpg) no-repeat right center;
            background-size: cover;
            background-position: center;}
        .index-news-bg {
            position: relative;
            width: 85%;
            margin: 0 auto;
            padding: 4vh 0;
            z-index: 10;}
        .index-news-content {
            display: flex;
            justify-content: space-between;
            gap: 2vw;}
        .index-news-content-left {
            display: flex;
            flex-direction: column;
            width: 60%;
            box-shadow: 0 2px 8px rgba(0,0,0,0.12);
            background: #fff;}
        .news-left-img-slider-all {
            display: flex;
            height: 40vh;}
        .news-left-img-slider {
            width: 55%;
            height: 100%;
            overflow: hidden;
            position: relative;
            background: #f0f0f0;}
        .news-left-img-slider .slide {
            display: none;
            width: 100%;
            height: 100%;}
        .news-left-img-slider .slide.active {
            display: block;}
        .news-left-img-slider img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;}
        .left-img-content-slider {
            width: 45%;
            height: 100%;
            background: url(../images/home12_bg.jpg) no-repeat right bottom;

}
        .left-img-content {
            display: none;
            flex-direction: column;
            width: 100%;
            height: 60%;
            padding-top: 1.2vh;
margin-top:7vh;
background:#13428d;
color:#fff;
}
        .left-img-content.active {
            display: flex;}
        .left-img-content-top {
            display: flex;
            height: 40px;
            color: #002656;}
        .left-img-content-top-date {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80px;
            height: 40px;
            font-size: clamp(18px, 2vw, 28px);
            color: #fff;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
            background-color: #BC1522;}
        .left-img-content-top-date2 {
            margin: 0 1vh;
            font-size: clamp(14px, 2vw, 20px);
            font-weight: 600;
color:#fff;
}
        .left-img-content-center {
            display: flex;
            flex-direction: column;
            width: 100%;
            padding: 2vh;}
        .left-img-content-center h3 {
            margin-bottom: 1vh;}
        .left-img-content-center p {
            font-size: clamp(10px, 2vw, 13px);
            color: #fff;}
        .index-news-content-left-bottom {
            height: 30vh;
            display: flex;
            flex-direction: column;
            padding: 2vh 4vh;
            background-color: #fff;}
        .index-news-content-left-bottom ul {
            list-style: none;
            padding: 0;
            margin: 0;}
        .index-news-content-left-bottom ul li {
            height: 7vh;
            margin-bottom: 1vh;
            position: relative;
            padding-left: 1.5em;}
        .index-news-content-left-bottom ul li::before {
            content: "•";
            color: #13408d;
            position: absolute;
            left: 0;}
        .index-news-content-right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 0 2vh;
            width: 38%;
            border-top: 4px solid #002656;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);}
        .right-items {
            flex: 1;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #ccc;
            padding: 1.5vh 0;
            cursor: pointer;
            transition: all 0.3s ease;}
        .right-items:hover {
            background-color: rgba(188, 21, 34, 0.05);}
        .right-items-date {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 80px;
            height: 80px;
            margin-right: 2vh;
            transition: all 0.3s ease;}
        .right-items:hover .right-items-date {
            background-color: #BC1522;
            border-radius: 50%;}
        .right-items-date .span {
            font-size: clamp(18px, 2vw, 30px);
            font-weight: 600;
            color: #002656;
            transition: color 0.3s ease;}
        .right-items-date .span1 {
            font-size: clamp(10px, 2vw, 15px);
            color: #7a7a7b;
            font-weight: 600;
            transition: color 0.3s ease;}
        .right-items:hover .right-items-date .span,
        .right-items:hover .right-items-date .span1 {
            color: #fff;}
        .right-items:hover .right-items-content {
            color: #BC1522;}
        .index-news-content-right .right-items:last-child {
            border-bottom: none;}
        .right-items-content {
            font-size: clamp(14px, 2vw, 19px);
            flex: 1;}
        .text-ellips3 {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.5;}
        .text-ellips {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.5;
            max-height: 3em;
            max-width: 100%;
            font-size: clamp(14px, 2vw, 18px);}
        /*科教公告*/
.wp {
    width: 85%;
  margin: 10vh auto;}
.intit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;}
.h4.flex-left.flexc {
  display: flex;
  align-items: center;}
.cn {
   font-size: clamp(0.8em, 4vw, 1.8em);}
.cn span {
  color: #BC1522;}
.en {
 font-size: clamp(0.2em, 2vw, 0.8em);
  color: #999;}
.intit-more a {
  text-decoration: none;
  color: #BC1522;
  font-weight: bold;
   font-size: clamp(0.3em, 2vw, 1em);}
.box.flex {
    width: 100%;
  display: flex;
  gap: 20px;}
.left ul {
  list-style-type: none;
  padding: 0;}
.left li {
  background-color: #f9f9f9;
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 5px;}
.left ul li a .h4.eclips:before {
    content: "▶";
    color: #dbe1ea;
    transition: color 0.3s ease;}
.left ul li a:hover {
      color: #BC1522;}
.left ul li a:hover .h4.eclips::before {
  color: #BC1522;}
.left .h4.eclips {
  font-size: 1.2em;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.left .time {
  font-size: 0.8em;
  color: #999;
  font-weight: 600;
  padding-left: 10px;}
.swiper-container1 {
            position: relative;
            width: 100%;
            height: 400px;
            border-radius: 8px;
            overflow: hidden;}
.right .img.zoomImg {
  width: 100%;
   /*height: 34vh;*/
   /*height: auto;*/
  overflow: hidden;
  border-radius: 5px;}
.img.zoomImg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;}
/*.right .img img {*/
/*  width: 100%;*/
/*  height: auto;*/
/*  transition: transform 0.3s ease;*/
/*}*/
 .swiper-slide:hover .img.zoomImg img {
            transform: scale(1.05);}
.right .txt {
            width:70%;
            margin:auto;
            background: url(../images/111.jpg) no-repeat right top;
            height: 16vh;
            margin-top:-5vh;
            padding: 20px;
            color: #fff;
            border-radius: 10px;
            background-size: cover;
    background-position: center;
    z-index: 999;}
.right .txt .time {
           width: 35%;
           height: 30px;
           margin-left: -2.5vw;
           margin-left: -20px;
            background-color: #bc1522;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 5px;
            border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;}
        .swiper-slide {
            position: relative;
            background: #fff;
             height: 100%;
             width: 100%;}
.right .swiper-slide a {
    display:flex;
    flex-direction:column;
     text-decoration: none;
            color: #333;
            height: 100%;
             width: 100%;}
.right .time i.swiper-icons.swi-shijian {
  margin-right: 5px;}
.right .h4p .h4.line2 {
  font-size: 1em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
/*科教工作*/
.box.flex {
    display: flex;
    justify-content: space-between;
    margin: auto;}
.box.flex .left {
    width: 60%;
    margin: auto;}
.box.flex .right {
    width: 38%;
    margin: auto;}
        .h4p {
            font-size: 18px;
            line-height: 1.5;
            font-weight: 500;}
        .h4.line2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;}
        /* 导航按钮样式 */
        .swiBtn.ubtn {
            position: absolute;
            top: 40%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 15px;
            transform: translateY(-50%);
            z-index: 10;}
        .prev, .next {
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            cursor: pointer;
            transition: background 0.3s;}
        .prev:hover, .next:hover {
            background: rgba(255,255,255,1);}
/* 按钮样式 */
.swiBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;}
.swiBtn a {
  text-decoration: none;
  color: #BC1522;
  font-weight: bold;
  font-size: clamp(10px,2vw,17px);}
.teaching_box {
    margin: 15vh auto;}
.teaching_container {
    display: grid;
    grid-template-columns: 3fr 3fr 2fr;
    gap: 30px;
    width: 85%;
    /*max-width: 1400px;*/
    margin: 10vh auto;
    padding: 0 20px;}

/* 通用样式 */
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #002656;}
.section-title {
    display: flex;
    align-items: baseline;
    gap: 10px;}
.title-main {
    font-size: 22px;
    font-weight: 700;
    color: #002656;
    margin: 0;}
.title-en {
    font-size: 14px;
    color: #666;
    font-weight: 500;}
.more-link a {
    color: #BC1522;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;}
.more-link a:hover {
    color: #002656;}
.icon-arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23BC1522"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg>') no-repeat center;
    transition: transform 0.3s ease;}
.more-link a:hover .icon-arrow {
    transform: translateX(3px);}
/* 通知公告和党建思政样式 */
.notice-section, .party-section {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 25px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;}
.notice-section:hover, .party-section:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);}
.notice-list, .party-list {
    display: flex;
    flex-direction: column;
    gap: 0;}
.notice-item, .party-item {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;}
.notice-item:last-child, .party-item:last-child {
    border-bottom: none;}
.notice-item:hover, .party-item:hover {
    background-color: #f9f9f9;}
.notice-item a, .party-item a {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 12px 0;}
.notice-content, .party-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;}
.notice-text, .party-text {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1;}
.dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #BC1522;
    border-radius: 50%;
    margin-top: 8px;
    flex-shrink: 0;}
.notice-text h3, .party-text h3 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin: 0;
    line-height: 1.4;}
.text-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.notice-date, .party-date {
    font-size: 14px;
    color: #999;
    white-space: nowrap;
    flex-shrink: 0;}

/* 专题专栏样式 */
.feature-section {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 25px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;}
.feature-section:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);}
.feature-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;}
.feature-card {
     width: 85%;
      margin: auto;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;}
.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);}
.feature-card a {
    text-decoration: none;
    color: inherit;
    display: block;}
.feature-image {
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;}
.feature-image img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    transition: transform 0.5s ease;}
.feature-card:hover .feature-image img {
    transform: scale(1.05);}
.feature-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: white;
    padding: 20px 15px 15px;
    transform: translateY(5px);
    transition: transform 0.3s ease;}
.feature-card:hover .feature-overlay {
    transform: translateY(0);}
.feature-overlay h3 {
    font-size: 18px;
    margin: 0 0 5px;
    font-weight: 600;}
.feature-overlay p {
    font-size: 14px;
    margin: 0;
    opacity: 0.9;}
/*页面底部*/
.footer_box {
            background-color: #002656;
            color: #fff;
            margin-top: 0;
            padding: 40px 0 20px;
            width: 100%;}
        .footer02 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;}
        .footer03_logo img {
            width: 267px;
            max-width: 100%;
            height: auto;}
        .footer02_ul {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            margin-left: 30px;}
        .footer02_ul li {
            margin-right: 15px;}
        .footer02_ul a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;}
        .footer02_ul a:hover {
            text-decoration: underline;}
        
        /* 主要导航部分 */
        .ft-m {
            width: 95%;
            max-width: 1500px;
            margin: 40px auto 20px;}
        .wid {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 30px;}
        .ftm-l {
            flex: 1;}
        .ftm-l-ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            list-style: none;
            gap: 20px;}
        .footer-category {
            flex: 1 1 200px;
            margin-bottom: 20px;}
        .footer-category > a {
            color: #fff;
            font-weight: bold;
            font-size: clamp(14px, 1.5vw, 18px);
            text-decoration: none;
            display: block;
            margin-bottom: 10px;
            padding-bottom: 5px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
        .footer-category > a:hover {
            color: #BC1522;}
        .footer-category ul {
            list-style: none;}
        .category-children {
            margin: 8px 0;}
        .category-children a {
            color: rgba(255, 255, 255, 0.8);
            font-size: clamp(12px, 1.3vw, 14px);
            text-decoration: none;
            transition: color 0.3s;}
        .category-children a:hover {
            color: #BC1522;
            text-decoration: underline;}
        /* 联系信息部分 */
        .ftm-r {
            width: 25%;
            min-width: 250px;
            padding: 10vh 20px;
            color: #ccc;
            font-size: clamp(12px, 1.3vw, 14px);
            border-left: 1px solid rgba(255, 255, 255, 0.2);}
        .ftm-r ul {
            list-style: none;}
        .ftmr_li {
            margin-bottom: 12px;}
        /* 版权信息 */
        .footer03_copyright {
            text-align: center;
            padding-top: 20px;
            margin-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);}
.serWrap {
	height: 0;
	overflow: hidden
;}

#ser {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	background-color: #fff;
	border-bottom: 1px solid #ededed;
	display: none;}

.ser {
	width: 800px;
	height: 38px;
	line-height: 34px;
	background-color: #fff;
	z-index: 9999994;
	margin: 0 auto;
	position: relative;}

/*#btn_ser{width: 18px;height: 39px;display: block;cursor: pointer;background:url(../images/btn_bg01.png) no-repeat center center;}
#btn_ser.close_btn{background:url(../images/closebtn_bg01.png) no-repeat center center;}*/
/*.close_btn{display: none;}*/
/*.searchWrap{width:18px; height: 39px;position:relative; z-index:9999999;float:right; margin-right: 30px;}*/
.search input {
	position: absolute;
	height: 34px;
	line-height: 34px;
	color: #262626;
	border: none;
	background: none;
	top: 0px;
	padding-left: 0px;}

.search input.notxt {
	color: #a4a4a4;
	padding: 0 0 0 7px;
	width: 83%;
	border: 1px solid #bfbfbf;}

.search input.notxt1 {
	position: absolute;
	width: 15%;
	height: 34px;
	right: 0;
	border: none;
	cursor: pointer;
	overflow: hidden;
	padding-right: 0;
	color: #fff;
	border: none;
	background-color: #0f5035;
	border: 1px solid #0f5035;
	height: 36px;}

.container {
	padding: 0 3%;}

.content-row {
	padding: 0 3%;}

.quick-access {
	background: white;
	border: 1px solid #e5e7eb;
	border-radius: 0.5rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	margin: 10vh auto;}
  
  .quick-access-header {
	background-color: #BC1522;
	color: white;
	text-align: center;}
  
  .quick-access-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 1.5rem;
	padding: 2rem;}
  
  .quick-access-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: #374151;
	padding: 1rem;
	border: 2px solid #e5e7eb;
	border-radius: 0.5rem;
	transition: all 0.2s ease;}
  
  .quick-access-item:hover {
	border-color: #3b82f6;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
  
  .quick-access-icon {
	font-size: 5rem;
	margin-bottom: 1rem;}
  
  .quick-access-text {
	font-size: 16px;
	font-weight: 500;
	transition: color 0.2s ease;}
  
  .quick-access-item:hover .quick-access-text {
	color: #3b82f6;}
.page {
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 2rem auto;
	padding: 0 1rem;
	gap: 2rem;}
.page-l {
	flex: 0 0 280px;}
.page-l .title {
    background-color: #1e3a8a;
    color: #fff;
    padding: 1rem 1.2rem;
    margin-bottom: 1rem;
    border-radius: 4px;}

.page-l .title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;}

.page-l .p-2 {
    background-color: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 1rem 0;}
.p-2 .active {
	background-color: #dbeafe;
    color: #1d4ed8 !important;}
.p-2 {
    display: flex;
    flex-direction: column;}
.page-l .p-2 a {
    /*display: block;*/
    padding: 0.8rem 1.2rem;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 12px;
    cursor: pointer;
z-index:999;
}

.page-l .p-2 a:hover {
    background-color: #dbeafe;
    color: #1d4ed8;
    padding-left: 1.5rem;}

.page-l .p-2 a:not(:last-child) {
    border-bottom: 1px dotted #e5e7eb;}

.page-r {
	flex: 1;}
.page-r .bg-white {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    padding: 2rem;}

.page-r h1 {
    color: #002656;
    font-size: 2rem;
    margin-top: 0;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 1.5rem;}

.page-r p {
    color: #333;
    line-height: 1.8;
    margin-bottom: 1rem;
    font-size: 1.4rem;}

.page-r h2 {
    color: #002656;
    font-size: 1.8rem;
    margin-top: 1.8rem;
    margin-bottom: 1rem;}

.page-r ul {
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;}

.page-r ul li {
    list-style-type: disc;
    line-height: 1.8;
    color: #333;
    margin-bottom: 0.5rem;}

.page-r h3 {
    color: #002656;
    font-size: 1.6rem;
    margin-bottom: 1rem;}
.ar_tit h3 {
	font-size: 20px;
    color: #222222;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;}
.ar_tit h6 {
	font-size: 16px;
	font-family: 'Times New Roman', Times, serif;
    color: #6f6f6f;
    line-height: 1.5;
	text-align: center;}
.home_row {
	width: 88%;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
	gap: 3%;}

.row {
	width: 88%;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
	gap: 3%;}
  
  .section {
	flex: 1;
	background-color: #fff;
	padding: 20px;
	border-radius: 6px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
  
  .section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;}
  
  .section-header h2 {
	font-size: 24px;}
  
  .section-header h2 span {
	font-size: 32px;
	color: #c00;
	margin-right: 4px;}
  .news-item p {
	font-size: 14px;}
  .more {
	text-decoration: none;
	color: #999;
	font-size: 14px;}
  .detail {
	float: right;}
  .news-text .news-content {
	max-height: 160px;
	line-height: 2.66rem;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 6; /* 控制显示的行数，根据字体大小调整 */
    -webkit-box-orient: vertical;}
  .news-item {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;}
  .news-img {
	flex: 50%;}
  .news-text {
	flex: 50%;
	max-width: 50%;}
  .news-item img {
	width: 100%;
	height: auto;
	border-radius: 4px;}
  .news-title {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .news-title a {
	display: inline-block;
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .news-title h3 {
	font-size: 18px;
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  
  .detail {
	display: inline-block;
	margin-top: 10px;
	text-decoration: none;
	color: #0066cc;
	font-size: 14px;}
  .list li {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px dotted #eee;}

  .list li span {
	color: #999;
	font-size: 14px;}
  .news-list {
	list-style: none;}
  
  .news-list li {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px dotted #eee;}
  
  .news-list li span {
	color: #999;
	font-size: 14px;}
/* 领导院系领导列表容器样式 */
.people_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
    padding: 2rem 0;}
.people_list1 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2rem;
padding: 2rem 0;
}

@media (max-width: 1200px) {
.people_list1 {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 768px) {
.people_list1 {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 480px) {
.people_list1 ,.people_list {
grid-template-columns: 1fr;
}
}

/* 单个领导信息卡片样式 */
.people {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.people:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}

/* 领导信息内部布局 */
.card {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1.5rem;}

/* 领导照片样式 */
.people img {
    width: 120px;
    height: 160px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #eee;
	margin-right: 2rem;}

/* 领导信息文本区域 */
.people .name {
    color: #002656;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    font-weight: 600;}

.people .zw1 {
    color: #333;
    font-size: 1.5rem;
    margin-bottom: 0.3rem;}

.people .zw2 {
    color: #666;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-style: italic;}
#pages {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin: 30px 0; /* 居中显示 */
	padding: 0 15px;}
  
  /* 可以添加子元素样式（如果需要） */
  #pages  .page-item {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    text-decoration: none;
    color: #333; /* 文字颜色 */
    border: 1px solid #ddd; /* 边框 */
    border-radius: 4px; /* 圆角 */
    background-color: #fff; /* 背景色 */
    transition: all 0.2s ease;}

  #pages .page-item a {
    /* 让a标签铺满整个按钮 */
    display: block; /* 转为块级元素 */
    width: 100%;
    height: 100%;
    padding: 0; /* 按钮内边距 */
    text-decoration: none;
    color: #333;
    background-color: #fff;
    transition: all 0.2s ease;
    text-align: center; /* 文字居中 */
    box-sizing: border-box;}
  
  #pages  .page-item:hover {
	border-color: #0066cc; /* 边框变色 */
    color: #0066cc; /* 文字变色 */
    background-color: #f0f7ff;}

  #pages .page-item.now {
    /* 当前页样式 */
    background-color: #1e3a8a; /* 背景色 */
    color: #fff !important; /* 文字颜色 */
    border-color: #0066cc; /* 边框色 */
    font-weight: bold;}

	#pages .page-item:visited {
	    /* 去除链接访问后的颜色变化 */
	    color: inherit;}

  .shiz_box .row.mode03 {
    width: 100%;
    padding: 0 15px; /* 增加内边距避免内容贴边 */
    box-sizing: border-box;}
.swiper-container {
    margin-top: -40px;}
.swiper-container.teacher-swiper-container {
    width: 100%;
    overflow: hidden;}

.sizi_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;}

.sizi_list img {
    width: 100%; /* 图片自适应容器宽度 */
    height: auto; /* 保持图片比例 */
    max-width: 180px;}

/* 响应式调整不同屏幕下的显示数量和间距 */
@media (max-width: 1200px) {
    .teacher-swiper-container {
        --slides-per-view: 6;}
}

@media (max-width: 992px) {
    .teacher-swiper-container {
        --slides-per-view: 4;}
}

@media (max-width: 768px) {
    .teacher-swiper-container {
        --slides-per-view: 3;}
}

@media (max-width: 576px) {
    .teacher-swiper-container {
        --slides-per-view: 2; /* 手机显示2个 */
        --space-between: 10px;}
}

/* 研究方向样式 */
.direction {
    margin-top: 1rem;}

.direction .direction_title {
    color: #002656;
    font-weight: 500;
    margin-bottom: 0.3rem;
    font-size: 1.4rem;}

.direction p {
    color: #555;
    line-height: 1.6;
    font-size: 1.3rem;}

.main-content {
	background-color: white;
	padding: 4rem 0;}
  
  .content-row {
	font-size: 16px !important;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-bottom: 4rem;}
  
  .content-card {
	background: white;
	border: 1px solid #e5e7eb;
	border-radius: 0.5rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	overflow: hidden;}
  
  .card-header {
	padding: 1rem 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;}
  
  .news-header {
	background-color: #2563eb;
	color: white;}
  
  .notices-header {
	background-color: #dc2626;
	color: white;}
  
  .department-header {
	background-color: #16a34a;
	color: white;}
  
  .party-header {
	background-color: #b91c1c;
	color: white;}
  
  .student-header {
	background-color: #9333ea;
	color: white;}
  
  .research-header {
	background-color: #4f46e5;
	color: white;}
  
  .card-title {
	font-size: 24px;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 0.5rem;}
  
  .more-link {
	color: inherit;
	text-decoration: none;
	font-size: 16px;
	opacity: 0.9;
	transition: opacity 0.2s ease;}
  
  .more-link:hover {
	opacity: 1;
	color: #fff;}
  
  .card-content {
	padding: 0;}
  
  .news-item,
  .notice-item {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #f3f4f6;}
  
  .news-item:last-child,
  .notice-item:last-child {
	border-bottom: none;}
  
  .news-link,
  .notice-link {
	text-decoration: none;
	color: inherit;}
  
  .news-title,
  .notice-title {
	font-size: 16px;
	font-weight: 500;
	color: #111827;
	margin-bottom: 0.5rem;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s ease;}
  
  .news-link:hover .news-title {
	color: #2563eb;}
  
  .notice-link:hover .notice-title {
	color: #dc2626;}
  
  .notice-title.important {
	color: #dc2626;
	font-weight: 600;}
  
  .important-dot {
	color: #ef4444;
	margin-right: 0.25rem;}
  
  .news-meta,
  .notice-meta {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	color: #6b7280;
	font-size: 0.75rem;}
.quick-access {
	margin: 30px 6%;}
.quick-access-item img {
	width: 60px;
	padding-bottom: 8px;
	object-fit: cover;
	transition: transform 0.3s ease;}
.quick-access-item:hover img {
	transform: scale(1.1);}
/* .goTop {position: fixed;bottom: 40px;right: 20px;z-index: 9999999;color: #fff;text-align: center;font-size: 14px;transition: none;background:url("../images/top.png")tpa=https://www.nudt.edu.cn/images/top.png no-repeat center #000;width: 50px;height: 50px;line-height: 50px;text-align: center;} */
.goTop {
	position: fixed;
	bottom: 40px;
	right: 15px;
	z-index: 9999999;
	color: #fff;
	text-align: center;
	font-size: 20px;
	transition: none;
	background-color: #94070a;
	width: 31px;
	height: 31px;
	line-height: 33px;
	text-align: center;
	opacity: 0.8;
	display: none;
	border: 1px solid #e0e0e0;}

.goTop:hover {
	color: #94070a;
	background-color: #fff;}

.mobile {
	width: 100%;
	position: relative;
	height: 40px;
	display: none;
	top: -25px;
	right: 0;
	z-index: 99;}

.mobile-inner-header {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2
;}

.mobile-inner-header-icon {
	color: #ffffff;
	height: 40px;
	font-size: 25px;
	text-align: center;
	float: right;
	width: 40px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;}

.mobile-inner-header-icon:hover {
	cursor: pointer;}

.mobile-inner-header-icon span {
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 3);
	width: 25px;
	height: 2px;
	background-color: #fff;}

.mobile-inner-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);}

.mobile-inner-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);}

.mobile-inner-header-icon-click span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;}

.mobile-inner-header-icon-click span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;}

.mobile-inner-header-icon {
	color: #fff;
	height: 40px;
	float: right;
	width: 50px;
	position: relative;
	cursor: pointer;
	margin-right: 5px;
	text-align: right;}

.mobile-inner-header-icon-click {
	margin-top: 5px;}

.mobile-inner-header-icon-out span {
	width: 22px;
	height: 2px;
	background-color: #fff;
	display: block;}

.mobile-inner-header-icon-out span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;}

.mobile-inner-header-icon-out span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;}

.mobile-inner-header-icon-out span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outthird;}

.mobile-inner-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);}

.mobile-inner-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);}

.mobile-inner-header-icon span:nth-child(3) {
	transform: translateY(-4px) rotate(0deg);}

.mobile-inner-header-icon-click span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;}

.mobile-inner-header-icon-click span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;}

.mobile-inner-header-icon-click span:nth-child(3) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickthird;}

@keyframes clickfirst {
	0% {
		transform: translateY(4px) rotate(0deg);}

	100% {
		transform: translateY(0) rotate(45deg);}
}

@keyframes clicksecond {
	0% {
		transform: translateY(-4px) rotate(0deg);}

	100% {
		transform: translateY(0) rotate(-45deg);}
}

@keyframes clickthird {
	0% {
		opacity: 0
	;}

	100% {
		opacity: 0
	;}
}

.mobile-inner-header-icon-out span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;}

.mobile-inner-header-icon-out span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;}

.mobile-inner-header-icon-out span:nth-child(3) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outthird;}

@keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg);}

	100% {
		transform: translateY(-4px) rotate(0deg);}
}



@keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg);}

	100% {
		transform: translateY(4px) rotate(0deg);}
}

@keyframes outthird {
	0% {
		transform: translateY(0) rotate(90deg);}

	100% {
		transform: translateY(12px) rotate(0deg);}
}

.mobile-inner-nav {
	background-color: #1e3a8a;
	width: 100%;
	position: absolute;
	top: 40px;
	left: 0px;
	padding-top: 10px;
	padding-bottom: 25px;
	display: none;}

.mobile-inner-nav a {
	display: inline-block;
	line-height: 45px;
	text-decoration: none;
	width: 100%;
	font-size: 1.4rem;
	border-bottom: solid 0.5px #eeeeee85;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	color: #fff;}

.mobile-inner-nav a:hover {
	color: #fff;}

.mobile-inner-nav li {
	position: relative;
	padding: 0 20px;}

.mobile-inner-nav li a {
	text-indent: 15px;}

.mobile-inner-nav li strong {
	color: #aaa;
	position: absolute;
	right: 20px;
	top: 0;
	font-size: 2.5rem;
	cursor: pointer;
	width: 40px;
	height: 45px;
	text-align: center;
	line-height: 40px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}

.mobile-inner-nav a {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;}

@-webkit-keyframes returnToNormal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}

@keyframes returnToNormal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}

.mobile_subNav {
	display: none;
	padding-left: 10px;}

.mobile-inner-nav dd a {
	height: 35px;
	line-height: 35px;
	border-bottom: dotted 1px rgba(219, 219, 219, 0.2);
	font-size: 1.2rem;}

.mobile_search {
	clear: both;
	position: relative;
	height: 36px;
	margin: 10px 20px 0;
	border-bottom: 1px solid #fff;
	overflow: hidden;}

.mobile_search input.notxt {
	width: 90%;
	color: #fff;
	margin-left: 55px;
	border: none;
	outline: none;}

.mobile_search input.notxt1 {
	width: 55px;
	background-color: #fff;
	right: auto;
	left: 0;
	background: url(../images/serbtn-1.png) no-repeat center center;
	border: none;}

.mobile-link {
	float: left;
	padding-left: 10px;}

.mobile-link a {
	color: #b8c1bc;
	margin: 0 5px;
	height: 40px;
	line-height: 40px;}

.mobile-link02 {
	margin: 0 20px;}

.mobile-inner-nav .mobile-link02 a {
	width: auto;
	float: left;
	margin: 0 7px;}
.news-list .dian {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
    margin: auto 8px;}
.news-text h3 {
	display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
/*footer*/
.footer_box {
	background: url(../images/bottom.png) left top no-repeat;
	background-color: rgba(0, 38, 86, 0.9);
	background-size: cover;
	/* height: 310px; */
	width: 100%;
	padding: 10px 50px;
	box-sizing: border-box;}

.footer_box a {
	color: #fff;}

.footer01,
.footer02,
.footer03 {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;}


.font_top {
	width: 100%;
	height: 80px;}

.footer01 {
	height: 150px;}


.footer01 .footer01_icn {
	width: 60%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;}

.footer01 .footer01_icn .footer01_item {
	width: 150px;
	height: 120px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
;}

.footer01 .footer01_icn .footer01_item .iconfont {
	font-size: 42px;
	margin-bottom: 15px;}

.footer01 .footer01_icn .footer01_item p {
	line-height: 150%;
	width: 100%;
	min-height: 40px;
	font-size: 1.4rem;}

.footer03_copyright,
.footer03_copyright a {
	color: #fff;}

.footer01 .footer01_wx {
	margin-left: 60px;}

.footer01 .footer01_wx h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;}

.footer01 .footer01_wx .footer01_ul {
	display: flex;
	justify-content: flex-start;
	align-items: center
;}

.footer01 .footer01_wx .footer01_ul li {
	margin-right: 30px;
	line-height: 180%;}

.footer01 .footer01_wx .footer01_ul li p {
	text-align: center;
	margin: 5px 0;
	color: #fff;}

.footer01 .footer01_wx .footer01_ul .footer01_p {
	text-align: left;}

.footer01 .footer01_wx .footer01_ul .footer01_p span {
	margin-right: 5px;
	color: #eee;
	font-size: 14px;}

.footer02_ul {
	height: 80px;
	width: 100%;
	border-bottom: 1px solid #0a2f67;
	padding: 0px 25px;}

.footer02_ul {
	display: flex;
	justify-content: center;
	align-items: center;}

.footer02_ul li:nth-child(1) {
	font-size: 24px;
	padding-right: 20px;}

.footer02_ul td {
	font-size: 16px;}

.footer02_ul li {
	margin-right: 25px;
	color: #fff;}

.footer03 {
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center
;}

.mail_item {
	margin-right: 15px;
	background: #25386a;
	width: 240px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;}

.mail_item span {
	margin-right: 3px;
	font-size: 12px;}

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

	.headerTop>div,
	.top,
	.nav ul,
	.footer {
		width: 1000px;}

	.xuetong_box ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;}
	
	.xuetong_box li {
		width: calc(40% - 10px) !important;
		padding: 0 15px;
		box-sizing: border-box;}
	.StudentWorker {
		height: 1120px !important;}
}
.swiper-button-next:after, 
.swiper-button-prev:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '' !important;}
@media (max-width: 1200px) {
    .teaching_container {
        grid-template-columns: 1fr 1fr;}
    
    .feature-section {
        grid-column: 1 / -1;}
    
    .feature-grid {
        grid-template-columns: 1fr 1fr;}
    .index-news-bg-all {
    background: url(../images/ftbg.jpg) no-repeat right center;}
}
@media screen and (max-width:1020px) {

	.headerTop>div,
	.top,
	.nav ul,
	.footer {
		width: auto;
		padding: 0 15px;}

	.wechatList {
		left: auto;
		right: 0;
		margin-left: 0
	;}


}
@media screen and (max-width:1024px) {
	.nav-menu {
		display: none;}
	.logo-l .logo {
		padding: 0px !important;}
	.teaching_box {
		display: flex;
		flex-direction: column;
		gap: 20px;}
	.teaching_box>div {
		width: 100% !important;
		padding: 0 15px;}

	.row {
		display: flex;
		flex-direction: column;
		gap: 20px;}
	.row .section {
		width: 100%;
		float: none;}
	.footer_box {
		padding: 10px 20px;}
	.footer01, .footer02, .footer03 {
		flex-direction: column;
		height: auto;
		gap: 30px;}
	.footer01 .footer01_icn,.footer02 .footer02_icn,.footer03 .footer03_icn {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;}
	.footer01 .footer01_wx,.footer02 .footer02_wx,.footer03 .footer03_wx {
		margin-left: 0;
		width: 100%;
		text-align: center;}
	.footer01 .footer01_wx .footer01_ul,.footer02 .footer02_wx .footer02_ul,.footer03 .footer03_wx .footer03_ul {
		justify-self: center;}
}
@media screen and (max-width:1020px) {

	.headerTop,
	.nav {
		display: none;}

	.mobile {
		display: block;}

	.logo {
		float: none;
		margin: 0 auto;
		padding: 14px 0
	;}

	.top {
		height: auto;
		background: none;}

	.footer_md {
		width: 220px;}

	.footer_lf,
	.footer_rt {
		width: 220px;
		padding: 15px 0;}

	.footer_lf li a {
		font-size: 14px;}

	.copyRight {
		font-size: 12px;
		line-height: 1.6;}

	.slide-bg02 {
		height: 40px;
		line-height: 40px;}

	.header {
		height: auto;}

}
@media (max-width: 992px) {
    .box.flex {
                flex-direction: column;}
            
            .swiper-container1 {
                height: 350px;}
            
            .img.zoomImg {
                height: 200px;}
            .index-news {
                width: 95%;
                height: auto;
                margin: 12vh auto 5vh;}
            
            .index-news-bg {
                width: 90%;
                padding: 3vh 0;}
            
            .index-news-content {
                flex-direction: column;
                gap: 3vh;}
            
            .index-news-content-left,
            .index-news-content-right {
                width: 100% !important;
                height: auto !important;}
            
            .news-left-img-slider-all {
                flex-direction: column;
                height: auto;}
            
            .news-left-img-slider,
            .left-img-content-slider {
                width: 100%;
                height: 40vh;}
            
            .index-news-content-right {
                height: auto;
                padding: 2vh;}
            
            .right-items {
                padding: 2vh 1vh;}
            
            .right-items-date {
                width: 60px;
                height: 60px;
                margin-right: 1.5vh;}
             .footer02 {
                flex-direction: column;
                align-items: flex-start;}
            
            .footer02_ul {
                margin-left: 0;
                margin-top: 20px;}
            
            .wid {
                flex-direction: column;}
            
            .ftm-r {
                width: 100%;
                border-left: none;
                border-top: 1px solid rgba(255, 255, 255, 0.2);
                padding: 20px 0 0;
                margin-top: 20px;}
            
            .ftm-l-ul {
                justify-content: flex-start;}
            
            .footer-category {
                flex: 1 1 45%;}
            .box.flex {}
.box.flex .left {
    width: 95%;}
.box.flex .right {
    width: 95%;}
        }
@media screen and (max-width:820px) {
	.logo {
		width: 260px;}

	.footer_md {
		height: auto;
		padding: 15px 0 0;
		position: static;}

	.copyRight .lf,
	.copyRight .rt {
		float: none;
		text-align: center;}

	.footer_md2 {
		position: static;
		padding: 0 0 15px;}

}
@media screen and (max-width: 768px) {
     /*轮播图*/
    .swiper-button-prev , .swiper-button-next {
    width: 25px;
    height: 40px;}
/*科教工作*/
.right .txt .time {
   width: 45%;}
.prev, .next {
    width: 20px;
    height: 20px;}
    /*移动端导航栏*/
    .mobile {
	top: -35px;}
     .index-news {
        background-size: cover; /* 或者 contain */
        background-position: center;}
  .box.flex {
    flex-direction: column;}

  .right .swiper-slide {
    width: 100%;}

  .left li {
    padding: 10px 0 10px 15px;}

  .left .h4.eclips {
    font-size: 14px;}

  .right .swiper-container {
    height: 200px;}
   .footer_box {
                padding: 30px 0 15px;}
            
            .ft-m {
                width: 100%;
                padding: 0 15px;}
             .teaching_container {
        grid-template-columns: 1fr;
        gap: 20px;}
    
    .feature-grid {
        grid-template-columns: 1fr;}
    
    .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;}
    
    .more-link {
        align-self: flex-end;}
    
    .notice-content, .party-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;}
    
    .notice-date, .party-date {
        align-self: flex-end;}
            
            .footer02_ul {
                flex-direction: column;}
            
            .footer02_ul li {
                margin-bottom: 8px;}
            
            .footer-category {
                flex: 1 1 100%;}
            
            .footer02 {
                padding: 0 15px;}
	.xuetong_box ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;}
	
	.xuetong_box li {
		width: calc(80% - 10px) !important;
		padding: 0 15px;
		box-sizing: border-box;}
	.StudentWorker {
		height: 2000px !important;}

	.footer02_ul li {
		margin-right: 5px !important;
		color: #fff;}
	.list li {
        padding: 1rem;}

    .listTitle {
        font-size: 1.4rem;
        display: block;
        margin-bottom: 0.5rem;}

    .listTime {
        float: none;
        display: block;
        margin-left: 1.5rem;
        font-size: 1.2rem;}
	.people_list {
        grid-template-columns: 1fr;
        gap: 1.5rem;}

    .people > div {
        flex-direction: column;
        text-align: center;}

    .people img {
        margin-bottom: 1rem;}

    .direction {
        text-align: left;
        padding-left: 1rem;}
    .page {
        flex-direction: column;}
    
    .page-l {
        flex: none;
        width: 100%;}
    
    .page-r .bg-white {
        padding: 1.5rem 1rem;}
    
    .page-r h1 {
        font-size: 1.5rem;}
    
    .page-r h2 {
        font-size: 1.3rem;}
}
@media screen and (max-width:600px) {
	.news-item {
		display: flex;
		flex-direction: column;
		gap: 10px;}
	.news-item img {
		width: 100%;
		float: none;}
	.news-item .news-text {
		width: 100%;
		float: none;}
}
  @media (max-width: 576px) {
            .right .txt{
   max-height: 120px;}
.right .txt .time {
   margin-left: -10px;}
            .index-news {
                margin: 2vh auto 5vh;}
            
            .index-news h2 {
                font-size: clamp(20px, 6vw, 28px);
                margin-bottom: 3vh;}
            
            .index-news-bg {
                width: 95%;
                padding: 2vh 0;}
            
            .news-left-img-slider,
            .left-img-content-slider {
                height: 35vh;}
            
            .left-img-content-top {
                margin-top: 2vh;}
            
            .left-img-content-top-date {
                width: 60px;
                height: 32px;
                font-size: clamp(14px, 4vw, 20px);
                border-radius: 0 16px 16px 0;}
            
            .left-img-content-top-date2 {
                margin: 0 10px;
                font-size: clamp(12px, 3.5vw, 16px);
color:#fff;
}
            
            .left-img-content-center {
                padding: 1.5vh;}
            
            .left-img-content-center h3 {
                font-size: clamp(14px, 4vw, 18px);}
            
            .left-img-content-center p {
                font-size: clamp(10px, 3.5vw, 13px);}
            
            .index-news-content-left-bottom {
                height: auto;
                padding: 2vh;}
            
            .index-news-content-left-bottom ul li {
                height: auto;
                margin-bottom: 1.5vh;
                padding-bottom: 1.5vh;
                border-bottom: 1px solid #eee;}
            
            .index-news-content-left-bottom ul li:last-child {
                border-bottom: none;}
            
            .right-items {
                padding: 1.5vh 0.5vh;}
            
            .right-items-date {
                width: 50px;
                height: 50px;
                margin-right: 1vh;}
            
            .right-items-date .span {
                font-size: clamp(16px, 4.5vw, 24px);}
            
            .right-items-date .span1 {
                font-size: clamp(10px, 3.5vw, 13px);}
            
            .right-items-content {
                font-size: clamp(12px, 4vw, 16px);}
             .intit {
    align-items: flex-start;}

  .intit .more {
    margin-top: 10px;}

  .left .time {
    font-size: 10px;}

  .right .txt {
    padding: 10px;}

  .right .txt .time {
    font-size: 10px;
    padding: 2px 6px;}

  .right .txt .h4p {
    font-size: 14px;}
   .teaching_container {
        padding: 0 15px;}
    
    .notice-section, .party-section, .feature-section {
        padding: 20px;}
    
    .title-main {
        font-size: 20px;}
    
    .feature-image {
        height: 150px;}
  .footer03_logo img {
                width: 200px;}
            
            .footer02_ul {
                font-size: 14px;}
            
            .footer-category > a {
                font-size: 16px;}
            
            .category-children a {
                font-size: 14px;}
            
            .ftm-r {
                font-size: 14px;}
}
@media screen and (max-width:480px) {
	.footer_lf {
		width: 100%;
		text-align: center;
		max-width: 360px;
		margin: 0 auto;
		float: none;
		overflow: hidden;
		padding: 0 0 15px;}

	.footer_rt {
		float: none;
		margin: 0 auto 15px;
		padding: 0 0 15px;
		width: 280px;}

	.wechatList {
		right: -10px;}
}

.academic_dj_tab {}
.academic_dj_tab span{ margin: 0px 10px;}
.academic_dj_item,.academic_dj_item li{ padding: 0px; margin: 0px; overflow: hidden; box-sizing: border-box;}