@charset "utf-8";
/* CSS Document */

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", sans-serif;
			list-style:none;
			text-decoration:none;
        }
	a{ color:#333;}
        body {
            background-color: #eeeeee;
            padding: 30px 0;
			padding-top:0px;
			padding-bottom:0px;
        }
		
		.header-top {
            width: 100%;
            height: 150px;
            background-color: #16478b;
        }
        .header-container {
            width: 1400px;
            height: 150px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo-left {
            display: flex;
            align-items: center;
            gap:15px;
            color:#ffffff;
        }
        
        .logo-text h1 {
            font-size:32px;
            font-weight:bold;
        }
        .logo-text p {
            font-size:16px;
            opacity:0.9;
        }
        .header-right {
            display:flex;
            flex-direction:column;
            gap:15px;
        }
        .user-menu {
            display:flex;
            justify-content: flex-end;
            gap:25px;
        }
        .user-menu a {
            color:#fff;
            text-decoration:none;
            font-size:16px;
            display:flex;
            align-items:center;
            gap:6px;
        }
        .search-box {
            display:flex;
			margin-left:140px;
			padding-top:10px;
        }
        .search-box input {
            width:300px;
            height:42px;
            padding:0 15px;
            font-size:16px;
            background:#3477cb;
            border:none;
            color:#fff;
            border-radius:4px 0 0 4px;
float:left;
        }
        .search-box input::placeholder {
            color:#dddddd;

        }
        .search-btn {
            width:42px;
            height:42px;
            background:#ffffff;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:0 4px 4px 0;
            cursor:pointer;
float:left;
        }

        /*=======导航栏部分 高度85px，背景白色，1400px居中=======*/
        .nav-wrap {
            width:100%;
            background:#ffffff;
            box-shadow:0 1px 3px #ddd;
        }
        .nav-container {
            width:1400px;
            height:85px;
            margin:0 auto;
        }
        .nav-list {
            display:flex;
            height:85px;
        }
        .nav-item {
            position:relative;
            height:85px;
            padding:0 37px;
            display:flex;
            align-items:center;
            font-size:20px;
            color:#333333;
            cursor:pointer;
        }
        /*当前选中首页样式：文字红色，下划线宽度和文字一致*/
        .nav-item.active {
            color:#d62828;
        }
        .nav-item.active::after {
            content:"";
            position:absolute;
            bottom:0;
            left:50%;
            transform:translateX(-50%);
            width:calc(100% - 44px);
            height:3px;
            background-color:#d62828;
        }
        /*二级下拉菜单 默认隐藏，transition缓慢展开*/
        .submenu {
            position:absolute;
            top:85px;
            left:20px;
            background:#ffffff;
            box-shadow:0 3px 8px #cccccc;
            width:120px;
            max-height:0;
            overflow:hidden;
            transition: max-height 0.35s ease;
            z-index:99;
        }
        .submenu a {
            display:block;
            height:45px;
            line-height:45px;
         
            color:#333;
            text-decoration:none;
            font-size:16px;
			text-align:center;
        }
        .submenu a:hover {
            background:#0f3470;
            color:#fff;
        }
        .nav-item:hover .submenu {
            max-height:300px;
        }

        /*=======全屏轮播图区域，高度550px=======*/
        .banner-wrap {
            width:100%;
            height:550px;
            overflow:hidden;
            position:relative;
			margin-bottom:40px;
        }
        .banner-list {
            width:100%;
            height:550px;
            display:flex;
            transition: transform 0.6s ease;
        }
        .banner-item {
            min-width:100%;
            height:550px;
        }
        .banner-item img {
            width:100%;
            height:100%;
            object-fit:cover;
        }
        /*轮播圆点*/
        .dots-box {
            position:absolute;
            bottom:20px;
            left:50%;
            transform:translateX(-50%);
            display:flex;
            gap:12px;
        }
        .dot {
            width:14px;
            height:14px;
            border-radius:50%;
            background:rgba(255,255,255,0.5);
            cursor:pointer;
        }
        .dot.active {
            background:#ffffff;
        }

        /*=======中间内容主体区域1400px=======*/
        .content-wrap {
            width:1400px;
            margin:30px auto;
            min-height:600px;
            background:#ffffff;
        }
		
		
		
		
		
		
		
		
		
		
		
		
		
		
        .container {
            width: 1400px;
            margin: 0 auto;
        }
        /*板块通用样式 白色盒子，内部左右10px边距*/
        .box-item {
            background: #ffffff;
            padding: 10px 20px;
            margin-bottom: 24px;
            border-radius: 2px;
			border-radius: 5px;
        }
        /*栏目标题样式*/
        .module-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding:18px 6px 18px;
        }
        .module-title {
            display: flex;
            align-items: center;
            font-size:23px;
            color:#0050aa;
            font-weight:bold;
        }
        .icon-img {
            width:30px;
            height:30px;
            margin-right:10px;
        }
        .more-link {
            font-size:14px;
            color:#0050aa;
            text-decoration: none;
        }
        /*新闻条目样式 标题15px，行高30px，前面圆点*/
        .news-item {
            display:flex;
            justify-content: space-between;
            font-size:16px;
            line-height:50px;
          
			border-bottom: 1px dashed #cccccc;
        }
        .news-item .left-part {
            display:flex;
            align-items:center;
        }
        .news-item .dot {
            width:6px;
            height:6px;
            background:#333;
            border-radius:50%;
            margin-right:8px;
        }
        .news-item a {
            color:#333;
            text-decoration:none;
        }
        .news-date {
            font-size:14px;
            color:#175492;
        }

        /*====================第一行：学院新闻通栏====================*/
        .news-top-wrap {
            display:flex;
            gap:20px;
            padding:0 6px 16px;
        }
        .news-left-part {
            width:62%;
        }
        .slide-container {
            position:relative;
            width:100%;
            height:412px;
            overflow:hidden;
        }
        .slide-image-list {
            display:flex;
            height:100%;
            transition:transform 0.4s ease;
        }
        .slide-image-list img {
            width:100%;
            height:412px;
            flex-shrink:0;
            object-fit:cover;
        }
        .slide-arrow {
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            width:100%;
            height:45px;
            
            color:#fff;
            font-size:20px;
            display:flex;
            align-items:center;
            justify-content:center;
            cursor:pointer;
            z-index:2;
        }
        .arrow-prev {
            left:10px;
        }
        .arrow-next {
            right:10px;
        }
        .slide-bottom-title {
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            background:rgba(0,0,0,0.6);
            color:#fff;
            font-size:16px;
            padding:10px 15px;
        }
        .news-right-part {
            width:36%;
        }



.slide-wrap{
    position: relative;
    overflow:hidden;
}
#slideList{
    display:flex;
    transition: all 0.5s ease;
}
.slide-item{
    flex:0 0 100%;
    position:relative;
}
.slide-item img{
     width:100%;
    height:415px;
    display:block;
   object‑fit: cover !important;
    /*重点：水平、垂直全部居中，以图片中间为基准裁剪*/
    object‑position: center center !important;
}
/*底部标题，不会堆叠*/
.slide-bottom-title{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,0.6);
    color:#fff;
    padding:10px 15px;
    box‑sizing:border‑box;
}
#slidePrev,#slideNext{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z‑index:10;
    width:36px;
text-align:center;
    height:36px;
    background:rgba(0,0,0,0.4);
    color:white;
    border:none;
    cursor:pointer;
    font‑size:20px;
}
#slidePrev{left:12px;}
#slideNext{right:12px;}







        /*====================第二行：党建动态 + 通知公告 分开两个盒子，间隔20px，各占50%====================*/
        .row-two {
            display:flex;
            gap:20px;
        }
        .col-half {
            width:50%;
        }
        .big-pic {
            width:100%;
            height:200px;
            margin:0 6px 8px;
            object-fit:cover;
        }

        /*====================第三行：学团动态 四图布局====================*/
       /*=====原有样式完全保留=====*/
.four-pic-wrap {
    display:flex;
    gap:14px;
    padding:0 6px 16px;
    animation: scrollLoop 30s linear infinite;
}
.pic-item {
    flex:1;
	border:1px solid #f1eeef;
	box-shadow: 0 10px 20px rgba(241, 238, 239, 0.5);
    min-width: calc((100% - 42px) / 4); /* 保证4个卡片等分，gap14*3=42 */
}
.pic-item img {
    width:100%;
    height:205px;
    object-fit:cover;
	border-radius: 5px 5px 0 0;
}
.pic-text {
    font-size:16px;
    text-align:center;
    padding:8px 0 4px;
}
.pic-date {
    font-size:14px;
    color:#777;
    text-align:center;
    padding-bottom:6px;
	line-height:30px;
}

/*====【新增滚动外层容器】====*/
.four-scroll-outer{
    overflow:hidden;
    width:100%;
}
/*鼠标悬停暂停滚动*/
.four-scroll-outer:hover .four-pic-wrap{
    animation-play-state: paused;
}
/*无缝滚动关键帧，数值匹配一组内容宽度*/
@keyframes scrollLoop {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/*====================第四行：学术科技 四图布局====================*/

/*====================第五行：教师学子一体板块 + 右侧廉政板块，间隔20px====================*/
.teacher-honest-wrap {
    display:flex;
    gap:20px;
}
.teacher-stu-box {
    width:55%;
}
.honest-box {
    width:44%;
}
/*教师风采横向滚动*/
.teacher-scroll-wrap {
    position:relative;
    padding:0 6px 16px;
    overflow:hidden;
}
.teacher-list {
    display:flex;
    gap:40px;
    transition:transform 0.3s ease;
}
.teacher-item {
    min-width:150px;
    text-align:center;
}
.teacher-item img {
    width:155px;
    height:191px;
    border-radius:4px;
    object-fit:cover;
}
.teacher-name {
    font-size:16px;
    padding:6px 0 3px;
	color:#033e8a;
	font-weight:bold;
}
.teacher-desc {
    font-size:13px;
    color:#666;
	line-height:30px;
}
.scroll-arrow-btn {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:26px;
    height:35px;
    background:#cccccc;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    user-select:none;
}
.scroll-prev {
    left:0;
}
.scroll-next {
    right:0;
}
        /*学子风采*/
        .stu-wrap {
            padding:16px 6px 16px;
            border-top:1px solid #f5f5f5;
        }
        .stu-list {
            display:flex;
            gap:40px;
        }
        .stu-item {
            min-width:150px;
            text-align:center;
        }
        .stu-item img {
            width:155px;
            height:191px;
            object-fit:cover;
        }

        /*====================页脚通栏区域====================*/
        footer {
            width:100%;
        }
        .friend-link-area {
            width:1400px;
            margin:0 auto;
            padding:35px 0;
            font-size:17px;
			 color:#0050aa;
			 font-weight:bold;
        }
        .friend-link-area a {
         
            text-decoration:none;
            margin:0 12px;
			color:#333;
			font-weight:normal;
        }
        .footer-bottom {
            width:100%;
            background:#004488;
            color:#ffffff;
            display:flex;
            padding:25px calc((100% - 1400px)/2);
        }
        .footer-left {
            width:25%;
			padding-top:20px;
			float:left;
        }
        
        .footer-mid {
            width:950px;
            font-size:16px;
            line-height:30px;
			padding-left:100px;
			float:left;
			padding-top:15px;
	
        }
        .footer-right {
            width:90px;
            text-align:center;
			float:right;
        }
        .footer-right img {
            width:90px;
        }
	.nei_banner {
            width:100%;
            height:300px;
            overflow:hidden;
            position:relative;
			margin-bottom:40px;
			background:url(../images/banner.png) no-repeat top center;
        }
		
		
.main{
	width:100%;
	min-height:500px;
	height:auto !important;
	height:500px;

	


}
.main_center{
	width:1400px;
	height:auto;
	margin:0px auto;
	background:#fff;
	margin-top:-70px;
	


}
.main_left{
	width:260px;
	float:left;
	height:auto;
	    z-index: 99999;
    position: relative;


}
.nei_left {
    width: 250px;
    height: auto;
    float: left;
    margin-top: -70px;
}
.nei_left h2 {
    padding-left: 30px;
    color: #fff;
    background: #0b519a;
    color: #fff;
    line-height: 100px;
}


.nav2_list {
    width: 100%;
    height: auto;
    line-height: 50px;
    background: #f9f9f9;
}

.nav2_list ul li {
    width: 80%;
    text-align: center;
    font-size: 16px;
    margin-left: 10%;
    border-bottom: 1px dotted #cfcfcf;
    height: 65px;
    line-height: 65px;
}

.nav2_list ul li a {
    text-align: center;
    font-size: 18px;
    height: 65px;
    line-height: 65px;
    color: #333;
    transition: all 0.35s ease-in-out;
}


.nei_right{
	width:1100px;
	height:auto;
	float:right;
	margin-right:20px;
	margin-top:30px;
	padding-bottom:30px;
	}


.biaoti{
	width:1100px;
	height:56px;
	margin-top:15px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e4dc;
	float:left;
	}
	
.biaotileft{
	width:600px;
	font-size:25px;
	height:56px;
	line-height:56px;
	color:#444;

	float:left;
	}
	
.position{
	height: auto;
    text-align: right;
    line-height: 20px;
    color: #999999;
    overflow: hidden;
    padding: 10px 0 20px 0;
}		

.neirong{
	width:1100px;
	height:auto;
	float:left;
	font-size:15px;
	line-height:30px;
	color:#444;
	}