.bg {
	/* background-image: url('../images/WechatIMG11.jpg'); */
}
html { overflow: auto; /* 确保在内容超出容器大小时显示滚动条 */ }
.middle {
	background-size: 100% 100%;
	width: 100%;
	/* 或者具体的宽度，如 500px */
	height: 100vh;
	/* 或者具体的高度 */
	background-size: cover;
	/* 或 use contain, 100% 100%, 500px 300px, 100vw 100vh */
	background-position: center;
	/* 可选，使图片居中 */
	/* display: none; /* 初始时隐藏下一个页面 */
	*/ animation: slideIn 0.5s ease forwards;
	/* 添加动画效果，让页面从底部向上滑动进入 */
}

.bg-foot {
	background-image: url('../images/world-map-dark.png');
	background-position: 50% 20px;
	background-repeat: no-repeat;

}



/* 容器样式 */
.my-item {
	display: flex;
	/* 使用 Flexbox 布局 */
	width: 90%;
	height: 400px;
	gap: 10px;
	/* 设置 div 之间的间距 */
}

/* 每个 div 的初始样式 */
.c-item {
	flex: 1;
	/* 初始平分宽度 */
	background-color: lightblue;
	transition: all 0.3s ease;
	/* 平滑过渡效果 */
}

/* 默认第一个 div 放大 */
.my-item .c-item:first-child {
	flex: 6;
	/* 第一个 div 放大 */
}

/* 鼠标悬停时放大目标 div，其他 div 缩小 */
.c-item:hover {
	flex: 6;
	/* 放大目标 div */
}

/* 非悬停的 div 缩小 */
.my-item:hover .box:not(:hover) {
	flex: 0.5;
	/* 缩小其他 div */
}

@keyframes slideBackground {
	0% {
		background-position: 0% 0;
	}

	100% {
		background-position: 100% 0;
	}
}

.element {
	animation: slideBackground 1s linear;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* 设置黑色遮罩层的透明度 */
}

.image2 {
	position: absolute;
	top: 34%;
	left: 56%;
	transform: translate(-50%, -50%);
	width: 370px;
	height: 320px;
	z-index: 1;
}

.image3 {
	position: absolute;
	top: 6%;
	left: 68%;
	transform: translate(-50%, -50%);
	/* 	width: 370px;
				height: 320px; */
	height: 680px;
	height: ;
	z-index: 1;
}
.item-card{
	background-color: aliceblue;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.02);
	border-radius: 20px 20px 20px 20px;
}
.shop-item{
	height: 150px;
	padding: 20px;
	border-radius: 16px;
	background-image: url('../images/before.png');
}
.shop-item:hover{
	transition: all 0.3s ease;
		background-image: url('../images/hover.png')
}
.item-img{
width: 100px;
height: 100px;
margin-left: 10px;
margin-top: 20px;
margin-top: -20px;
}
.item-text{
	background: linear-gradient(90deg, #fbf4ee, #fbf6f2 101.4%);
	color: #a35100;border-radius: 8px;overflow: hidden;
}
.timeline-time{
	background:rgba(25,102,255,.08) ;color: #1966FF;border-radius: 5px;padding: 4px;margin-left: 20px;
}

.video {
		position: absolute;
		top: 41.5%;
		left: 76.1%;
		transform: translate(-50%, -50%);
		width: 286px;
		height: 610px;
		border-radius: 36px;
}
/* 底部居中 */
.bt-center{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;  /* 水平居中 */
}
.timeline .timeline-item {
    margin: 3rem 2rem 3rem 2rem;
}

.newscentent img{
	max-width: 100%;
}
.newscentent p{
	font-size:1.2rem ;
}