html {
	font-size: 16px;
	/* 1rem = 16px */
}

.banner {
	width: 100vw;
	box-sizing: border-box;
	/* margin-top: 7vw; */
	display: flex;
	align-items: center;
	justify-content: center;



}

.banner-editor {
	position: absolute;
	left: 10vw;
	top: 15vw;
	z-index: 999;
	color: #ffffff;
	font: 3vw 微软雅黑;
	font-weight: 800;
	/* 比 bold 更粗 */
}

.banner2 {
	width: 100vw;
	box-sizing: border-box;
	/* height: 70vh; */
	/* height: 400px; */
	background-color: #252525;
	display: flex;
	background-image: url('../qbbimg/nybanner1.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 70vh;
	/* 容器高度至少占满视口 */
}

.bannerjishu {
	width: 100vw;
	box-sizing: border-box;
	/* height: 70vh; */
	min-height: 70vh;
	/* 容器高度至少占满视口 */
	/* background-color: #252525; */
	display: flex;
	background-color: #4c5660;
	background-image: url('../qbbimg/bannerdian.png');
	background-repeat: no-repeat;
	background-size: cover;
}


.bannerzhidao {
	width: 100vw;
	box-sizing: border-box;
	/* height: 70vh; */
	height: 400px;
	background-color: #252525;
	display: flex;
	background-image: url('../qbbimg/bannerg.png');
	background-repeat: no-repeat;
	background-size: cover;
}


.banner2-left {
	width: 50%;
	/* border: 1px solid red; */
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	color: #ffffff;
	padding-left: 12vw;
}

.banner2-left1 {
	width: 50%;
	/* border: 1px solid red; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	/* padding-left: 12vw; */
}

.banner2-left-1 {

	color: #ffffff;
	font: 2.3vw 微软雅黑;
	font-weight: 700;
}

.banner2-left-2 {
	color: #ffffff;
	font: 2.3vw 微软雅黑;
	font-weight: 700;
}

.banner2-left-4 {

	margin-top: 2vh;
	font: 1vw 微软雅黑;
	text-align: left;
	line-height: 2vw;
}

.banner2-left-3 {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(451deg, rgb(0, 162, 233) 0%, rgb(47, 49, 139) 100%);
	font: 1.5vw 微软雅黑;
	font-weight: 700;
	margin-top: 6vh;
}

.banner2-right {
	width: 50%;
	/* border: 1px solid red; */


}

.imgyan {
	width: 100%;
	height: 100%;
}


.banner3 {
	width: 100vw;
	box-sizing: border-box;
	/* height: 90vh; */
	/* border: 1px solid red; */
	background-color: #252525;
	display: flex;
	background-image: url('../qbbimg/nybanner2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 70vh;
}

.bannerdi {
	width: 100vw;
	box-sizing: border-box;
	/* height: 90vh; */
	/* border: 1px solid red; */
	background-color: #252525;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('../qbbimg/nybanner3.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 70vh;
}


.shoubi {
	width: 50%;
	position: relative;
	/* border: 1px solid red; */
}

.shiyong {
	padding-left: 10vh;
	width: 50%;
	/* border: 1px solid red; */
	display: flex;
	flex-direction: column;
	align-items: start;
	/* justify-content: space-around; */
	color: #ffffff;
}

.linian {
	font: 2.3vw 微软雅黑;
	font-weight: 700;
	margin-top: 10vh;
}

.jishu {
	font: 2.3vw 微软雅黑;
	font-weight: 700;
	margin-top: 1vw;
}

.pra {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(451deg, rgb(0, 162, 233) 0%, rgb(47, 49, 139) 100%);
	font: 1.5vw 微软雅黑;
	font-weight: 700;
	margin-top: 6vh;
}

.rat {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(451deg, rgb(0, 162, 233) 0%, rgb(47, 49, 139) 100%);
	font-size: 24px;
	font-family: 'Tahoma', sans-serif;
	margin-top: 3vh;
}

.women {
	margin-top: 2vw;
	text-align: left;
	font: 1vw 微软雅黑;
	text-align: left;
	line-height: 2vw;
}

.fangan {
	position: relative;
	width: 100vw;
	min-height: 70vh;
	/* 容器高度至少占满视口 */
	border: 1px solid red;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-image: url('../qbbimg/hybanner1.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

}

.gaofeng {
	z-index: -1;
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100vw;
	/* height: 50vw; */
	height: auto;
}

.yizhan {
	font: 2.3vw 微软雅黑;
	font-weight: 700;
	margin-top: 10vh;
	color: #ffffff;
}

.yizhany {
	align-self: flex-start;
	font: 2.3vw 微软雅黑;
	font-weight: 700;
	margin-top: 7vh;
	margin-left: 12vw;

	color: #ffffff;
}

.yizhanm {
	align-self: flex-start;
	font: 2.3vw 微软雅黑;
	font-weight: 700;
	margin-top: 2vh;
	color: #ffffff;
	margin-left: 12vw;
}

.one {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(451deg, rgb(0, 162, 233) 0%, rgb(47, 49, 139) 100%);
	font: 1.5vw 微软雅黑;
	font-weight: 700;
	margin-bottom: -2vw !important;
	/* align-self: start; */
}

.jiaoyao {
	border: 1px solid red;
	color: #ffffff;
	margin-top: 3vw;
	margin-bottom: -5vw;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 60%;
	text-align: center;
	font: 1vw 微软雅黑;
	line-height: 2vw;
}

.dzbox {
	position: relative;
	width: 100vw;
	/* min-height: 70vw; */
	box-sizing: border-box;
	padding: 5vw;
	display: flex;
	align-items: center;
	border: 1px solid red;
	background: url('../qbbimg/banner5.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.dzimg {
	z-index: -1;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	width: 100vw;
	/* height: 60%; */
	display: flex;
	align-items: center;
}

.yuanbox {
	/* border: 1px solid red; */
	height: 100%;
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;

}

.yuanl {
	font: 2vw 微软雅黑;
	color: #ffffff;
	font-weight: 700;
}

.yuanli {
	margin-top: 5vw;
	color: #ffffff;
	/* border: 1px solid red; */
	width: 70%;
	max-height: 60%;
	line-height: 3vw !important;
	font: 1.3vw 微软雅黑;
	color: #ffffff;
}

.ship {
	width: 60%;
	height: 100%;
	/* border: 1px solid red; */
	box-sizing: border-box;
	padding: 5vw;
	padding-top: 0px;
	display: flex;
	align-items: center;
	justify-content: center;


}

.vid {
	/* border: 1px solid red; */
	/* background-color: #fff; */
	width: 35vw;
	height: 29vw;

}

.lunbo {
	position: relative;
	width: 100vw;
	/* height: 60vh; */
	box-sizing: border-box;
	background-color: #000000;
	padding: 5vw;
}

.carousel {
	position: relative;
	border: 1px solid red;
	/* max-width: 100vw; */
	width: 60%;
	/* height: 100%; */
	margin: 0 auto;
	overflow: hidden;
}

.carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.carousel-item {
	min-width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.kongzhi {
	margin-top: 3vw;
	font: 2vw 微软雅黑;
	color: #ffffff;
	font-weight: 700;
}

.jieshao {
	margin-top: 1vw;
	line-height: 2vw !important;
	font: 1.3vw 微软雅黑;
	color: #ffffff;
}

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

/* 响应式调整 */
@media (max-width: 768px) {
	.carousel-item img {
		height: 300px;
	}
}

@media (max-width: 480px) {
	.carousel-item img {
		height: 200px;
	}
}

/* 指示点 */
.carousel-dots {
	position: absolute;
	bottom: 4vw;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 1vw;
}

.dot {
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: background 0.3s ease;
}

.dot.active {
	background: #fff;
}

.yueqiu {
	width: 100vw;
	/* height: 60vh; */
	box-sizing: border-box;
	padding: 5vw;
	padding-left: 10vw;
	padding-right: 10vw;
	position: relative;
	border: 1px solid red;
	background-image: url('../qbbimg/yueqiu.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.yueqiuimg {
	z-index: -1;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;

}

.wangge {
	width: 100%;
	height: 50%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.leidian {
	/* border: 0.4vw solid #ff490c; */
	width: 32.8%;
	/* border: 1px solid red; */
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.shu1 {
	height: 15vw;
	width: 1px;
	background-color: #b9b9b9;
}

.hengxian {
	width: 100%;
	height: 1px;
	background-color: #b9b9b9;
}


.nengl {
	font: 2vw 微软雅黑;
	color: #ffffff;
	font-weight: 700;
	margin-top: 2vw;
}

.dianzishu {
	font: 1.3vw 微软雅黑;
	color: #ffffff;
	font-weight: 700;
}

.tubiaoimg {
	width: 4vw;
}