@media screen {
	html,body{
	width:100%;
	}
	body{
		width:100%;
		min-width:1080px;
	}
}

@media screen and (min-width:1320px){
	html,body{
		width:100%;
	}
	body{
		width:100%;
		min-width:1320px;
	}
	
}

@media screen and (min-width:1698px){
	html,body{
		width:100%;
	}
	body{
		width:100%;
		min-width:1698px;
	}
	
}

@media screen and (min-width:1980px){
	html,body{
		width:100%;
	}
	body{
		width:100%;
		min-width:1980px;
	}
	
}
 body {
    height:1080px;
 }
 
 /* 轮播图容器 */
 .carousel-container {
     width: 100%;
     height: 1080px;
     position: relative;
     overflow: hidden;
 }
 
 .carousel {
     display: flex;
     transition: transform 0.5s ease-in-out;
     height: 1080px;
 }
 
 .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: 1080px;
     object-fit: cover;
     z-index: -1;
}
 
 .slide-content {
     z-index: 2;
     margin-left:170px;
     margin-bottom: 120px;
 }

 
.slide-subtitle {
    font-family: Microsoft YaHei;
	font-weight: 400;
	font-style: Regular;
	font-size: 32px;
	leading-trim: NONE;
	line-height: 140%;
	letter-spacing: 0%;
    
}

.slide-title {
    font-family: Microsoft YaHei;
	font-weight: 700;
	font-style: Bold;
	font-size: 48px;
	leading-trim: NONE;
	line-height: 140%;
	letter-spacing: 0%;
	vertical-align: middle;
}
 
 /* 导航点样式 */
 .carousel-controls {
     position: absolute;
     bottom: 120px;
     right: 170px;
     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)
 }

        
 