/* ======================================
   响应式布局媒体查询
   ====================================== */

@media screen and (max-width: 1480px) {
	.header .top .right .nav ul li>a{
		font-size: 18px;
	}
}

/* 全局移动端优化 */
@media screen and (max-width: 992px) {

	/* 确保图片响应式 */
	img {
		max-width: 100%;
		height: auto;
	}

	/* 防止横向滚动 */
	body {
		overflow-x: hidden;
	}

	/* 优化触摸滚动 */
	.swiper-container {
		-webkit-overflow-scrolling: touch;
	}
}

/* 汉堡导航按钮样式 - 默认隐藏 */
.hamburger {
	display: none;
	cursor: pointer;
	z-index: 10001;
	position: relative;
	width: 35px;
	height: 30px;
	flex-shrink: 0;
}

.hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #fff;
	border-radius: 3px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
	top: 0px;
}

.hamburger span:nth-child(2) {
	top: 12px;
}

.hamburger span:nth-child(3) {
	top: 24px;
}

/* 汉堡导航激活状态 */
.hamburger.active span:nth-child(1) {
	top: 12px;
	transform: rotate(135deg);
}

.hamburger.active span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

.hamburger.active span:nth-child(3) {
	top: 12px;
	transform: rotate(-135deg);
}

/* ====================================== 
   平板设备 (≤1200px)
   ====================================== */
@media screen and (max-width: 1200px) {
	.header {
		padding: 0;
	}

	.header.scrolled {
		padding: 0;
	}

	.w {
		width: 90%;
	}

	.header .top .right .nav ul li {
		margin-right: 15px;
	}

	.header .top .right .nav ul li>a {
		font-size: 14px;
	}

	.index-title .name {
		font-size: 30px;
	}

	.index-box .box .left .swiper-slide .text {
		padding: 40px 20px;
	}

	.index-box .box .left .swiper-slide .text .t2 {
		font-size: 18px;
	}

	.index-box3 .swiper-container {
		overflow: hidden;
	}
}

/* ====================================== 
   平板设备 (≤992px) - 显示汉堡导航
   ====================================== */
@media screen and (max-width: 992px) {

	/* 显示汉堡菜单按钮 */
	.hamburger {
		display: block;
	}

	/* 调整头部布局 */
	.header .top {
		padding: 15px 0;
	}

	.header .top .logo {
		flex-shrink: 0;
	}

	.header .top .logo img {
		max-height: 50px;
	}

	.header .top .right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	/* 隐藏原导航区域 */
	.header .top .right .text {
		position: fixed;
		top: 80px;
		right: 0;
		background-color: rgba(31, 67, 163, 0.98);
		width: 280px;
		padding: 15px;
		margin-bottom: 0;
		transform: translateX(100%);
		transition: transform 0.3s ease;
		z-index: 9998;
		justify-content: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.header .top .right .nav {
		position: fixed;
		top: 130px;
		right: 0;
		width: 280px;
		height: calc(100vh - 130px);
		background-color: rgba(31, 67, 163, 0.98);
		transform: translateX(100%);
		transition: transform 0.3s ease;
		overflow-y: auto;
		z-index: 9998;
		padding: 20px 0;
		-webkit-overflow-scrolling: touch;
		/* 移动端流畅滚动 */
	}

	/* 导航菜单显示状态 */
	.header .top .right .text.active,
	.header .top .right .nav.active {
		transform: translateX(0);
	}

	/* 移动端导航布局 */
	.header .top .right .nav ul {
		display: block;
	}

	.header .top .right .nav ul li {
		margin-right: 0;
		margin-bottom: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.header .top .right .nav ul li>a {
		display: block;
		padding: 15px 20px;
		font-size: 16px;
	}

	/* 二级菜单调整 */
	.header .top .right .nav ul li dl {
		position: static;
		transform: none;
		padding-top: 0;
		display: none;
		background-color: rgba(0, 0, 0, 0.2);
	}

	.header .top .right .nav ul li.active dl {
		display: block;
	}

	.header .top .right .nav ul li dl dd a {
		padding: 12px 20px 12px 40px;
		background-color: transparent;
	}

	/* 遮罩层 */
	.nav-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 9997;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.nav-overlay.active {
		display: block;
		opacity: 1;
	}

	/* 学术动态轮播调整 */
	.index-box3 .swiper-container {
		overflow: hidden;
	}

	/* 内容布局调整 */
	.index-box .box {
		margin-top: 40px;
	}

	.index-box .box .left {
		width: 100%;
		margin-bottom: 30px;
	}

	/* 确保轮播图容器正常显示 */
	.index-box .box .left .swiper-container {
		width: 100%;
		overflow: hidden;
	}

	.index-box .right {
		width: 100%;
		margin-left: 0;
	}

	.index-box2 .box {
		width: 100%;
		margin-bottom: 40px;
	}

	.index-box2 .box:last-child {
		margin-bottom: 0;
	}

	.footer-nav {
		flex-wrap: wrap;
	}

	.footer-nav dl {
		width: 50%;
		margin-bottom: 30px;
		box-sizing: border-box;
	}

	.footer-nav dl:nth-child(odd) {
		padding-right: 20px;
	}

	.footer-nav dl:nth-child(even) {
		padding-left: 20px;
	}

	.footer-qrcode {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
}

/* ====================================== 
   手机设备 (≤768px)
   ====================================== */
@media screen and (max-width: 768px) {
	.w {
		width: 90%;
	}

	/* Banner轮播调整 */
	.banner .swiper-slide {
		padding-bottom: 56.25%;
		/* 16:9比例 */
	}

	.banner .swiper-pagination {
		bottom: 15px;
	}

	.banner .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 4px;
	}

	.banner .swiper-pagination-bullet-active {
		width: 30px;
		height: 10px;
	}

	/* 标题调整 */
	.index-title .name {
		font-size: 24px;
		padding-bottom: 15px;
	}

	.index-title .name:before {
		width: 40px;
		height: 2px;
	}

	.index-title .more a {
		font-size: 14px;
	}

	/* 第一块内容区域 */
	.index-box {
		padding: 40px 0;
	}

	.index-box .box .left .swiper-slide a {
		display: block;
	}

	.index-box .box .left .swiper-slide .image {
		width: 100%;
	}

	.index-box .box .left .swiper-slide .image .img {
		padding-bottom: 60%;
		/* 调整图片比例 */
	}

	.index-box .box .left .swiper-slide .text {
		padding: 30px 20px;
		min-height: auto;
	}

	.index-box .box .left .swiper-slide .text .t {
		font-size: 14px;
	}

	.index-box .box .left .swiper-slide .text .t2 {
		font-size: 16px;
		margin: 15px 0;
		-webkit-line-clamp: 2;
		/* 限制2行 */
	}

	.index-box .box .left .swiper-slide .text .t3 {
		font-size: 12px;
		-webkit-line-clamp: 2;
		/* 限制2行 */
	}

	.index-box .swiper-pagination {
		padding: 0 15px;
		margin-top: 15px;
	}

	.index-box .right ul li {
		padding: 15px 20px;
	}

	.index-box .right ul li .t {
		font-size: 12px;
	}

	.index-box .right ul li .t2 {
		font-size: 14px;
	}

	/* 第二块内容区域 */
	.index-box2 {
		padding: 40px 0;
		background: #f8f8f8;
	}

	.index-box2 .hot {
		margin-top: 30px;
	}

	.index-box2 .hot a {
		padding: 15px;
	}

	.index-box2 .hot .date {
		margin: 0 15px 0 0;
	}

	.index-box2 .hot .date .t {
		font-size: 20px;
	}

	.index-box2 .hot .date .t2 {
		font-size: 12px;
	}

	.index-box2 .hot .text {
		padding-left: 15px;
	}

	.index-box2 .hot .text .t {
		font-size: 14px;
	}

	.index-box2 .hot .text .t2 {
		font-size: 14px;
	}

	.index-box2 ul li {
		padding: 12px 15px;
	}

	.index-box2 ul li a {
		font-size: 14px;
	}

	.index-box2 ul li .date {
		width: 80px;
		font-size: 12px;
	}

	/* 第三块内容区域 */
	.index-box3 {
		padding: 40px 0;
		background: linear-gradient(to bottom, transparent 0%, transparent 40%, #e5ebf1 40%, #e5ebf1 100%),
			url(../img/bg2.png) top center no-repeat;
		background-size: auto, cover;
	}

	.index-box3 .swiper-container {
		overflow: hidden;
	}

	.index-box3 .box {
		margin-top: 30px;
	}

	.index-box3 .swiper-slide {
		height: auto;
	}

	.index-box3 .swiper-slide a {
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.index-box3 .swiper-slide .text {
		padding: 15px;
		flex: 1;
	}

	.index-box3 .swiper-slide .date .t {
		font-size: 24px;
	}

	.index-box3 .swiper-slide .date .t2 {
		font-size: 14px;
	}

	.index-box3 .swiper-slide .text .title {
		font-size: 14px;
		min-height: 42px;
	}

	.index-box3 .swiper-slide .text .t2 {
		font-size: 12px;
		margin-top: 10px;
	}

	.index-box3 .swiper-slide .text .t3 {
		font-size: 12px;
		margin-top: 8px;
	}

	.index-box3 .swiper-pagination {
		margin-top: 30px;
	}

	/* 底部调整 */
	.footer-top {
		padding: 40px 0 0;
	}

	.footer-nav {
		margin-bottom: 30px;
		flex-wrap: wrap;
	}

	.footer-nav dl {
		width: 50%;
		margin-right: 0;
		margin-bottom: 25px;
		padding-right: 15px;
		box-sizing: border-box;
	}

	.footer-nav dl:nth-child(2n) {
		padding-right: 0;
		padding-left: 15px;
	}

	.footer-nav dt {
		font-size: 16px;
		margin-bottom: 15px;
		padding-bottom: 10px;
		white-space: nowrap;
	}

	.footer-nav dd {
		margin-bottom: 10px;
	}

	.footer-nav dd a {
		font-size: 13px;
		word-break: break-all;
	}

	.footer-qrcode {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.footer-qrcode img {
		width: 100px;
		height: 100px;
	}

	.footer-bottom {
		padding: 20px 15px;
	}

	.footer-bottom p {
		font-size: 12px;
		line-height: 1.8;
	}

	/* 搜索界面调整 */
	.search-input {
		padding: 15px 20px;
		font-size: 16px;
	}

	.search-button {
		width: 45px;
		height: 45px;
		margin-right: 15px;
	}

	.search-button img {
		width: 20px;
		height: 20px;
		object-fit: contain;
	}

	.search-close {
		top: -50px;
		width: 45px;
		height: 45px;
	}

	.search-close span {
		font-size: 35px;
	}
}

/* ====================================== 
   小屏手机设备 (≤576px)
   ====================================== */
@media screen and (max-width: 576px) {
	.w {
		width: 92%;
	}

	/* 导航宽度调整 */
	.header .top .right .text,
	.header .top .right .nav {
		width: 250px;
	}

	/* 标题 */
	.index-title .name {
		font-size: 20px;
	}

	.index-title .more a {
		font-size: 12px;
	}

	/* 轮播图调整 */
	.banner .swiper-slide {
		padding-bottom: 66.67%;
		/* 3:2比例，适合小屏 */
	}

	.banner .swiper-pagination {
		bottom: 10px;
	}

	.banner .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 3px;
	}

	.banner .swiper-pagination-bullet-active {
		width: 24px;
		height: 8px;
	}

	/* 新闻轮播调整 */
	.index-box .box .left .swiper-slide .text {
		padding: 20px 15px;
	}

	.index-box .box .left .swiper-slide .text .t {
		font-size: 12px;
	}

	.index-box .box .left .swiper-slide .text .t2 {
		font-size: 14px;
		margin: 10px 0;
	}

	.index-box .box .left .swiper-slide .text .t3 {
		font-size: 11px;
	}

	/* 新闻轮播切换按钮移动端调整 */
	.index-box .box .left .swiper-button-prev,
	.index-box .box .left .swiper-button-next {
		width: 45px;
		height: 45px;
	}

	.index-box .box .left .swiper-button-prev::after,
	.index-box .box .left .swiper-button-next::after {
		font-size: 16px;
	}

	.index-box .box .left .swiper-button-prev {
		left: 0;
	}

	.index-box .box .left .swiper-button-next {
		right: 0;
	}

	/* 底部导航两列改单列 */
	.footer-nav dl {
		width: 100%;
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 20px;
	}

	.footer-nav dt {
		font-size: 15px;
	}

	.footer-nav dd a {
		font-size: 12px;
	}

	.footer-qrcode {
		margin-top: 15px;
	}

	.footer-qrcode img {
		width: 90px;
		height: 90px;
	}

	/* 热门新闻调整 */
	.index-box2 .hot a {
		display: block;
		padding: 15px 10px;
	}

	.index-box2 .hot .date .t:before {
		left: 50%;
		transform: translateX(-50%);
	}

	.index-box2 .hot .date {
		margin: 0 0 12px 0;
		text-align: center;
	}

	.index-box2 .hot .date .t {
		font-size: 18px;
	}

	.index-box2 .hot .text {
		border-left: none;
		border-top: 1px solid #ddd;
		padding-left: 0;
		padding-top: 12px;
	}

	.index-box2 .hot .text .t,
	.index-box2 .hot .text .t2 {
		font-size: 13px;
	}
}

/* ====================================== 
   超小屏手机设备 (≤480px)
   ====================================== */
@media screen and (max-width: 480px) {

	.header .top .right .text,
	.header .top .right .nav {
		width: 100%;
	}

	.header .top .right .nav {
		top: 120px;
		height: calc(100vh - 120px);
	}

	/* Banner轮播 */
	.banner .swiper-slide {
		padding-bottom: 75%;
		/* 4:3比例 */
	}

	.banner .swiper-pagination-bullet,
	.index-box .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
	}

	.banner .swiper-pagination-bullet-active,
	.index-box .swiper-pagination-bullet-active{
		width: 20px;
		height: 6px;
	}

	/* 新闻轮播 */
	.index-box .box .left .swiper-slide .text {
		padding: 15px;
	}

	.index-box .box .left .swiper-slide .text .t2 {
		font-size: 13px;
	}

	.index-box .box .left .swiper-slide .text .t3 {
		font-size: 10px;
	}

	/* 通知公告列表 */
	.index-box2 ul li {
		padding: 10px 12px;
	}

	.index-box2 ul li .date {
		width: 100%;
		text-align: left;
		margin-bottom: 5px;
		font-size: 11px;
	}

	.index-box2 ul li a {
		display: block;
		font-size: 13px;
	}

	/* 学术动态 */
	.index-box3 .swiper-slide .text {
		padding: 12px;
	}

	.index-box3 .swiper-slide .text .title {
		font-size: 13px;
		min-height: 38px;
	}

	/* 底部 */
	.footer-bottom p {
		font-size: 11px;
	}

	/* 回到顶部按钮移动端优化 */
	.back-to-top {
		right: 15px;
		bottom: 15px;
		width: 45px;
		height: 45px;
	}

	.back-to-top span {
		font-size: 20px;
	}
}

/* ======================================
   内容页响应式样式
   ====================================== */

/* 平板设备 (≤992px) - 内容页调整 */
@media screen and (max-width: 992px) {
	/* Banner调整 */
	.banner-n {
		padding-bottom: 35%;
	}

	/* 内容区域调整 */
	.view-content {
		margin-top: 40px;
	}

	.view-content .w {
		flex-direction: column;
	}

	/* 左侧菜单调整 */
	.menu {
		width: 100%;
		margin-bottom: 30px;
	}

	.menu span {
		padding: 20px;
		font-size: 28px;
	}
	
	.menu ul{
		padding-bottom: 0;
		background: none;
	}

	.menu ul li a {
		line-height: 60px;
		font-size: 18px;
		padding-left: 30px;
	}

	/* 内容区域调整 */
	.view-content .box {
		margin-left: 0;
	}

	.view-content .index-title .name {
		font-size: 28px;
	}

	/* 新闻列表调整 */
	.news-list ul {
		margin-top: 30px;
	}

	.news-list ul li {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.news-list ul li a {
		display: block;
	}

	.news-list ul li .text {
		font-size: 15px;
	}

	.news-list ul li .date {
		width: 100%;
		text-align: left;
		margin-bottom: 8px;
		font-size: 13px;
	}

	/* 人员列表调整 */
	.personnel-list {
		margin-top: 30px;
	}

	.personnel-section {
		padding: 30px;
		margin-bottom: 30px;
	}

	.personnel-title span {
		font-size: 18px;
		padding: 10px 20px;
	}

	.personnel-grid {
		grid-template-columns: repeat(4, 1fr);
		padding: 30px;
		gap: 15px 0;
		margin-top: 30px;
	}

	.personnel-name {
		font-size: 15px;
		padding: 10px 15px;
	}
}

/* 手机设备 (≤768px) - 内容页调整 */
@media screen and (max-width: 768px) {
	/* Banner调整 */
	.banner-n {
		padding-bottom: 40%;
	}

	/* 内容区域调整 */
	.view-content {
		margin-top: 30px;
		min-height: auto;
	}

	/* 左侧菜单调整 */
	.menu span {
		padding: 18px 20px;
		font-size: 24px;
	}

	.menu ul li a {
		line-height: 50px;
		font-size: 16px;
		padding-left: 25px;
	}

	/* 标题调整 */
	.view-content .index-title {
		flex-direction: column;
		align-items: flex-start;
	}

	.view-content .index-title .name {
		font-size: 24px;
		padding-bottom: 15px;
		margin-bottom: 10px;
	}

	.view-content .index-title .name:before {
		width: 40px;
		height: 2px;
	}

	.view-content .index-title .more {
		font-size: 13px;
		padding-bottom: 10px;
	}

	/* 新闻列表调整 */
	.news-list ul {
		margin-top: 25px;
	}

	.news-list ul li {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.news-list ul li .text {
		font-size: 14px;
		line-height: 1.6;
	}

	.news-list ul li .text img {
		width: 14px;
		height: auto;
		margin-right: 8px;
	}

	.news-list ul li .date {
		font-size: 12px;
		margin-bottom: 6px;
	}

	/* 人员列表调整 */
	.personnel-section {
		padding: 25px 20px;
		margin-bottom: 25px;
	}

	.personnel-title span {
		font-size: 16px;
		padding: 8px 18px;
	}

	.personnel-grid {
		grid-template-columns: repeat(3, 1fr);
		padding: 20px;
		gap: 12px 0;
		margin-top: 20px;
	}

	.personnel-name {
		font-size: 14px;
		padding: 8px 12px;
	}
}

/* 小屏手机设备 (≤576px) - 内容页调整 */
@media screen and (max-width: 576px) {
	/* Banner调整 */
	.banner-n {
		padding-bottom: 50%;
	}

	/* 内容区域调整 */
	.view-content {
		margin-top: 20px;
	}

	/* 左侧菜单调整 */
	.menu {
		margin-bottom: 20px;
	}

	.menu span {
		padding: 15px;
		font-size: 20px;
	}

	.menu ul li a {
		line-height: 45px;
		font-size: 15px;
		padding-left: 20px;
	}

	/* 标题调整 */
	.view-content .index-title .name {
		font-size: 20px;
		padding-bottom: 12px;
	}

	.view-content .index-title .more {
		font-size: 12px;
	}

	/* 新闻列表调整 */
	.news-list ul {
		margin-top: 20px;
	}

	.news-list ul li {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.news-list ul li .text {
		font-size: 13px;
		line-height: 1.5;
	}

	.news-list ul li .text img {
		width: 12px;
		margin-right: 6px;
	}

	/* 人员列表调整 */
	.personnel-section {
		padding: 20px 15px;
		margin-bottom: 20px;
	}

	.personnel-title span {
		font-size: 15px;
		padding: 8px 15px;
	}

	.personnel-grid {
		grid-template-columns: repeat(3, 1fr);
		padding: 15px;
		gap: 10px 0;
		margin-top: 15px;
	}

	.personnel-name {
		font-size: 13px;
		padding: 8px 10px;
	}
}

/* 超小屏手机设备 (≤480px) - 内容页调整 */
@media screen and (max-width: 480px) {
	/* Banner调整 */
	.banner-n {
		padding-bottom: 60%;
	}

	/* 左侧菜单进一步优化 */
	.menu span {
		padding: 12px 15px;
		font-size: 18px;
	}

	.menu ul li a {
		line-height: 42px;
		font-size: 14px;
		padding-left: 18px;
	}

	/* 标题进一步优化 */
	.view-content .index-title .name {
		font-size: 18px;
	}

	/* 新闻列表进一步优化 */
	.news-list ul li .text {
		font-size: 12px;
	}
	
	.view-content .content{
		margin-top: 30px;
	}
	
	.view-content .content .title .t{
		font-size: 24px;
	}
	
	.view-content .content .text{
		font-size: 16px;
		margin-top: 20px;
	}

	/* 人员列表进一步优化 */
	.personnel-section {
		padding: 15px 10px;
		margin-bottom: 15px;
	}

	.personnel-title span {
		font-size: 14px;
		padding: 6px 12px;
		clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%);
	}

	.personnel-grid {
		grid-template-columns: repeat(3, 1fr);
		padding: 12px;
		gap: 8px 0;
		margin-top: 12px;
	}

	.personnel-name {
		font-size: 12px;
		padding: 6px 8px;
	}
}