* {
margin: 0;
padding: 0;
box-sizing: border-box;}

body {
font-family: 'Noto Sans SC', "思源黑体";
font-weight: 400;
overflow-x: hidden;}

.container {
margin: 0 auto;}

/* 头部 */
header {
background-color: #fff;
position: sticky;
top: 0;
z-index: 1000;}

/* 导航栏 */
nav {
height: 6vw;
background-color: #fff;}

.nav-container {
display: grid;
grid-template-columns: 4fr 15fr 1fr;
justify-items: center;
align-items: center;
height: 100%;
width: 100%;}

.nav-right {
display: flex;
align-items: center;}

.search-btn {
padding: 2.21vw;
border-left: 2px solid #f2f2f2;}

.search-btn img {
width: 1.11vw;
height: 1.11vw;
cursor: pointer;}

/* 搜索蒙层 */
.search-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
display: none;}

.search-container {
background-color: transparent;
padding: 0;
border-radius: 0;
box-shadow: none;
width: 50vw;
max-width: 800px;
text-align: center;}

.search-input-container {
display: flex;
align-items: center;
background-color: white;
border-radius: 4px;
overflow: hidden;}

.search-input {
flex: 1;
padding: 1.39vw;
font-size: 9pt;
border: none;
border-radius: 4px 0 0 4px;
margin-bottom: 0;
outline: none;}

.search-submit {
padding: 1.39vw 1.39vw;
color: white;
border: none;
border-radius: 0 4px 4px 0;
font-size: 9pt;
cursor: pointer;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;}

.search-submit img {
width: 1.11vw;
height: 1.11vw;}

.search-close {
position: absolute;
top: 2.78vw;
right: 2.78vw;
padding: 0.69vw;
background-color: rgba(255, 255, 255, 0.8);
color: #333;
border: none;
border-radius: 50%;
font-size: 9pt;
cursor: pointer;
width: 3.47vw;
height: 3.47vw;
display: flex;
align-items: center;
justify-content: center;}

.logo {
display: flex;
align-items: center;
border-right: 2px solid #f2f2f2;}

.logo div {
    width: 17.316vw;
    height: 2.22vw;
    background-image: url(images/picture/logo1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 1.74vw 2.22vw;
    cursor: pointer;}

.logo div:hover {
    background-image: url(images/picture/logo2.png);}

.nav-menu {
display: flex;
list-style: none;
height: 100%;}

.nav-menu > li {
display: flex;
align-items: center;
padding: 1vw;
margin: 1.15vw 1.78vw;
position: relative;}

.nav-menu > li > a {
display: flex;
align-items: center;
height: 100%;
color: #383838;
text-decoration: none;
font-size: 12pt;
transition: color 0.3s;}

.nav-menu > li:hover {
color: #023bcc;
border-bottom: 4px solid #023bcc;}

/* 下拉菜单 */
.sub-menu {
position: absolute;
top: 145%;
left: -1.78vw;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
list-style: none;
display: none;
min-width: 8.89vw;
border-top: 1px solid #023bcc;
z-index: 1001;}

.nav-menu > li.active > .sub-menu {
display: block;}

.sub-menu li a {
display: block;
width:100%;
padding: 1.2vw;
color: #383838;
text-decoration: none;
text-align: center;
font-size: 12pt;
transition: background-color 0.3s;
border-bottom: 1px solid #f2f2f2;}

.sub-menu li a:hover {
background-color: #f0f0f0;}

/* 轮播图 */
.carousel {
position: relative;
height: 27.778vw;
overflow: hidden;}

.carousel-inner {
display: flex;
transition: transform 0.5s ease;
height: 100%;}

.carousel-item {
min-width: 100%;
height: 100%;}

.carousel-item img {
width: 100%;
height: 100%;
object-fit: cover;}

.carousel-indicator.active {
background-color: #023bcc;}

/* 内容区域 */
.content {
width: 100%;
padding-top: 1.389vw;
overflow: hidden;
background-image: url(images/picture/content_bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;}

.section {
width: 83%;
padding: 1.389vw;
margin: 0 auto;}

/* 底部 */
footer {
color: #808080;}

.footer-background {
width: 100%;
height: 34.722vw;
background-image: url(images/picture/btimg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;}

.footer-content {
display: grid;
grid-template-columns: 1fr 2fr 1fr 1fr;
gap: 2.778vw;
padding: 3.472vw 1.389vw 1.389vw 1.389vw;
width: 83%;
margin: 0 auto;}

.footer-logo {
display: flex;
align-items: center;
margin-bottom: 1.389vw;}

.footer-logo img {
height: 4.583vw;
width: 22.222vw;
margin-right: 1.389vw;}

.footer-qrcode {
display: flex;
align-items: center;
margin-top: 1.389vw;}

.footer-qrcode img {
height: 6.944vw;
width: 6.944vw;
margin-right: 2.361vw;}

.footer-logo h2 {
font-size: 15pt;
font-weight: 400;}

.footer-info {
font-size: 12pt;
letter-spacing: 0.8px;
line-height: 1.5;}

.footer-links h3 {
font-size: 12pt;
font-weight: 400;
margin-bottom: 1.041vw;
letter-spacing: 1px;
color: #383838;}

.footer-links ul {
list-style: none;}

.footer-links li {
margin-bottom: 0.694vw;}

.footer-links a {
color: #808080;
text-decoration: none;
transition: color 0.3s;
letter-spacing: 0.8px;
font-size: 10.5pt;}

.footer-links a:hover {
color: #808080;}

.footer-bottom {
text-align: center;
padding-top: 1.389vw;
font-size: 10.5pt;
letter-spacing: 0.8px;
color: #999;
padding: 1.389vw;}

/* 汉堡菜单按钮 */
.hamburger {
display: none;
flex-direction: column;
justify-content: space-between;
width: 24px;
height: 20px;}

.hamburger span {
width: 100%;
height: 2px;
background-color: rgba(0, 0, 0, 1);
transition: all 0.3s ease;}

.hamburger.active span:nth-child(1) {
transform: rotate(45deg) translateY(5px);}

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

.hamburger.active span:nth-child(3) {
transform: rotate(-45deg) translateY(-5px);}

/* 移动端导航菜单 */
.mobile-nav-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9998;}

.mobile-nav-menu {
position: fixed;
top: 0;
left: -280px;
width: 280px;
height: 100%;
background-color: #fff;
z-index: 9999;
transition: left 0.3s ease;
overflow-y: auto;}

.mobile-nav-menu.active {
width: 100%;
left: 0;}

.mobile-nav-menu .logo {
border: none;
padding: 20px;
border-bottom: 1px solid #f2f2f2;}

.mobile-nav-menu .mobile-logo {
    width: 80%;
    height: 50px;
    background-image: url(images/picture/logo1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    cursor: pointer;}

.mobile-nav-menu .mobile-logo:hover {
    background-image: url(images/picture/logo2.png);}

.mobile-nav-menu .logo img {
height: auto;
width: 80%;
margin: 0;}

.mobile-nav-list {
list-style: none;
padding: 0;
margin: 0;}

.mobile-nav-list li {
border-bottom: 1px solid #f2f2f2;}

.mobile-nav-list li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
color: #383838;
text-decoration: none;
font-size: 14px;}

.mobile-nav-list li a:hover {
background-color: #f8f8f8;}

.mobile-sub-menu {
display: none;
list-style: none;
padding: 0;
background-color: #f8f8f8;}

.mobile-sub-menu li {
border-bottom: 1px solid #e0e0e0;}

.mobile-sub-menu li a {
padding-left: 40px;
font-size: 13px;
color: #666;}

.mobile-nav-close {
position: absolute;
right: 15px;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 20px;
color: #999;}

.mobile-nav-list .arrow {
font-size: 18px;
color: #999;}

/* 学院概况页面样式 */
.college-section {
padding: 0;}

.college-container {
display: flex;
width: 100%;
margin-bottom: 13.89vw;}

.college-nav {
width: 13.889vw;
min-height: 34.722vw;
padding: 0 2.083vw 2.083vw 2.083vw;}

.college-nav-header {
background-color: #023bcc;
padding: 1.041vw;
color: #ffffff;
font-size: 18pt;
text-align: center;
margin-bottom: 1.111vw;}

.college-nav ul {
list-style: none;
padding: 0;
margin: 0;}

.college-nav li {
position: relative;}

.college-nav a {
display: block;
padding: 1.111vw;
color: #383838;
text-decoration: none;
font-size: 12pt;
transition: all 0.3s;
background-color: white;
position: relative;}

.college-nav a::after {
content: '';
position: absolute;
bottom: 0;
left: 5%;
width: 8.75vw;
height: 1px;
background-color: rgba(229, 229, 229, 1);}

.college-nav .sub-menu {
position: absolute;
top: 0;
left: 100%;
width: 11.806vw;
background-color: white;
list-style: none;
padding: 0;
margin: 0;
display: none;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
z-index: 1000;}

.college-nav .sub-menu li {
margin-bottom: 0;}

.college-nav .sub-menu a {
font-size: 9pt;
padding: 1.25vw;
text-align: center;
font-weight: 400;
letter-spacing: 0px;
vertical-align: top;
background-color: #f7f7f7;}

.college-nav .sub-menu a::after{
content: '';
position: absolute;
bottom: 0;
left: 50%; /* 居中 */
transform: translateX(-50%);
width: 8.75vw; /* 自定义长度 */
height: 1px; /* 边框粗细 */
background: rgba(229, 229, 229, 1);}

.college-nav .sub-menu a:hover {
color: #023bcc;
background-color: #f7f7f7;}

.college-nav ul:hover li:not(:hover) a.active + .sub-menu {
display: none;}

.college-nav li:hover .sub-menu {
display: block;}

.college-nav li a.active + .sub-menu {
display: block;}

.college-nav a.active {
color: #023bcc;
background-color: #f7f7f7;}

.college-nav a:hover {
color: #023bcc;
background-color: #f7f7f7;}

.college-content {
flex: 1;
background-color: white;
padding: 2.0833vw;}

.breadcrumb {
font-size: 13.5pt;
color: #666;}

.breadcrumb a {
color: #666;
text-decoration: none;}

.breadcrumb .current {
color: #002fa7;}

.college-content h2 {
font-size: 15pt;
color: #383838;
margin: 0;}

.college-content h3{
font-size: 13.5pt;
font-weight: 400;
color: rgba(56, 56, 56, 1);
margin-bottom: 3.472vw;
text-align: center;}

.college-content p {
line-height: 1.8;
color: #808080;
font-size: 12pt;
margin: 0 0 1.0417vw 0;}

.college-content p:last-child {
margin-bottom: 0;}

.content-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(166, 166, 166, 1);
padding-bottom: 1.111vw;
margin-bottom: 3.472vw;}

/* 媒体查询 - 平板设备 (768px - 1024px) */
/* 媒体查询 - 手机设备 (max-width: 767px) */
@media screen and (max-width: 1024px) {
/* 导航栏 */
nav {
    height: 56px;}

.nav-menu > li > a {
    font-size: 5pt;}

.nav-container {
        grid-template-columns: 3fr 1fr 1fr;
        padding-left: 19px;
        padding-right: 33px;}
    
    .nav-right {
        display: none;}
    
    .hamburger {
        display: flex;
        justify-self: flex-end;}
    
    .logo {
        border: none;
        justify-self: flex-start;}
    
    .logo img {
        height: 30px;
        margin: 13px 0;}
    
    .search-btn {
        padding: 0vw;
        width: 20px;
        height: 20px;
        border-left: 0px solid #f2f2f2;
        justify-self: flex-end;}

    .search-btn img {
    width: 20px;
    height: 20px;
    cursor: pointer;}

/* 轮播图 */
.carousel {
    height: 50.625vw;}

/* 内容区域 */
.content {
    padding-top: 15px;}

.section {
    width: 95%;
    padding: 15px;}

.section-header {
    margin-bottom: 20px;}

.section-title {
    font-size: 10.5pt;}

.section-more {
    font-size: 12px;}

/* 搜索蒙层 */
.search-container {
    width: 90%;}

.search-input {
    padding: 15px;}

.search-submit {
    padding: 15px;}

.search-close {
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;}

.footer-content {
    display: grid;
    grid-template-columns: 3fr 0.5fr 0.8fr 0.8fr;
    gap: 2.778vw;
    padding: 3.472vw 1.389vw 1.389vw 1.389vw;
    width: 83%;
    margin: 0 auto;}

.footer-logo {
    display: flex;
    align-items: center;
    margin-bottom: 1.389vw;}

.footer-logo img {
    height: 4.583vw;
    width: 22.222vw;
    margin-right: 1.389vw;}

.footer-qrcode {
    display: flex;
    align-items: center;
    margin-top: 1.389vw;}

.footer-qrcode img {
    height: 6.944vw;
    width: 6.944vw;
    margin-right: 2.361vw;}

.footer-info {
    font-size: 4.5pt;
    letter-spacing: 0.5px;
    line-height: 1.5;}

.footer-links h3 {
    font-size: 6pt;
    margin-bottom: 1.041vw;
    letter-spacing: 1px;
    color: #383838;}

.footer-links ul {
    list-style: none;}

.footer-links li {
    height: 1.25vw;}

.footer-links a {
    color: #808080;
    text-decoration: none;
    transition: color 0.3s;
    letter-spacing: 0.8px;
    font-size: 4.5pt;}

.footer-links a:hover {
    color: #808080;}

.footer-bottom {
    width: 100%;
    height: 8.89vw;
    font-size: 4.5pt;
    display: flex;
    align-items: center;
    justify-content: center;}

.college-nav{
    display: none;}

.college-content h2 {
    font-size: 10.5pt;}

.college-content h3 {
    font-size: 10.5pt;}

.college-content p {
    font-size: 9pt;}

.breadcrumb {
    font-size: 10.5pt;}
}