@media screen {
	html,body{
	width:100%;
	}
	body{
		width:100%;
		min-width:1080px;
	}
	.menu-container{
		width:700px;
	}
}

@media screen and (min-width:1320px){
	html,body{
		width:100%;
	}
	body{
		width:100%;
		min-width:1320px;
	}
	.menu-container{
		width:880px;
	}
}

@media screen and (min-width:1698px){
	html,body{
		width:100%;
	}
	body{
		width:100%;
		min-width:1698px;
	}
	.menu-container{
		width:980px;
	}
}

@media screen and (min-width:1920px){
	html,body{
		width:100%;
	}
	body{
		width:100%;
		min-width:1920px;
	}
	.menu-container{
		width:1080px;
	}
}


/* 轮播图容器 */
 .carousel-container {
     width: 100%;
     height: 420px;
     position: relative;
     overflow: hidden;
 }
 
 .carousel {
     display: flex;
     transition: transform 0.5s ease-in-out;
     height: 420px;
 }
 
 .slide {
     min-width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
     color: white;
     text-align: left;
     position: relative;
     transform: translateZ(0);
     
 }
 
.slide-image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 420px;
     object-fit: cover;
     z-index: -1;
     transform: translateZ(0);
     backface-visibility: hidden;
     image-rendering: -webkit-optimize-contrast;
     image-rendering: crisp-edges;
}
 
 /* 导航点样式 */
 .carousel-controls {
     position: absolute;
     bottom: 50px;
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 20px;
 }
 
 .dot {
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 1);
     cursor: pointer;
     border: 1px solid rgba(22, 48, 105, 1)
 }
 
 .dot.active {
     background: rgba(14, 50, 131, 1);
     border: 1px solid rgba(22, 48, 105, 1)
 }
 /* 底部区域 */
.bottom-menu {
    position: relative;
    overflow:hidden;
}

.navigation-bar {
   	background: rgba(22, 48, 105, 1);
    position: relative;
    height:520px;
}     

.menu-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    top:40px;
}

.menu-column h3 {
	font-family: Microsoft YaHei;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
    margin-bottom: 0px;
    color: white;
    flex-shrink: 0; /* 防止标题被压缩 */
}
.menu-column {
    display: flex;
    flex-direction: column;
    height: 100%; /* 确保所有列高度一致 */
}

.menu-content {
    flex-grow: 1; /* 让内容区域占据可用空间 */
    display: flex;
    flex-direction: column;
}
.menu-column ul {
    list-style: none;
    flex-grow: 1; /* 让列表占据剩余空间 */
    display: flex;
    flex-direction: column;
    padding-inline-start: 0px;
}

.menu-column li {
    font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
    
}

.menu-column a {
    color: #ddd;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
    padding: 5px 0;
    font-size: min(max(14px, 1.5vw), 16px);
}

.menu-column a:hover {
    color: #a777e3;
    transform: translateX(5px);
    padding-left: 5px;
}

/*
	竖状地图导航
*/
.address-bar{
	position:absolute;
	width: 300px;
	height: 940px;
	top:0px;
	left: 360px;
	background: #27468C;
}
#campuses-bar{
	padding:33px 50px 0px 50px;
}

.address-logo{
	width:148px;
	height:145px;
	margin-left:35px;
	margin-right:35px;
	margin-bottom:64px;
}
.title1{
	font-family: Microsoft YaHei;
	font-weight: 700;
	font-style: Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 28px;
	letter-spacing: 0%;
	color: #FFFFFF;
	
}
.title2{
	height:60px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	font-style: Bold;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 30px;
	letter-spacing: 0%;
	color: #FFFFFF;
	margin-bottom:16px;
}
.address2{
	/*height:48px;*/
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 22px;
	letter-spacing: 0%;
	color: #FFFFFF;
	margin-bottom:16px;
	
}
.phone2{
	width:173px;
	height:30px;
	background: rgba(255, 255, 255, 0.1);
	margin-bottom:46px;
}
.bi-telephone{
	position:relative;
	top:8px;
	color:#FFFFFF;
}
.phone-sp{
	font-family: Microsoft YaHei;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #FFFFFF;
	position:relative;
	top:5px;
}