.parent-div {

	overflow: hidden;
	text-align: center;
	z-index: 10;
	position: relative;
	background: rgba(0, 0, 0, 0);
	background-image: url(../images/index01.jpg);
	/* background-image: url(../images/rzbg.webp); */
	height: 26vw;
	background-color: rgba;
	background-position: center;
	background-size: cover;
}

.parent-div {
	position: relative;
}

.img-responsive-plus {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: rgba(0, 0, 0, 0.5); */
}

.logo-title {
	font-size: 3vw;
	margin-top: 1%;
	text-align: center;
	color: #ffffff;
	/* 设置阴影 */
	text-shadow: 2px 2px 4px #969696;
	font-family: sans-serif, Arial;
}

.logo-title-2 {
	font-size: 1vw;
	margin-top: 0.5%;
	text-align: center;
	color: #ffffff;
	/* 设置阴影 */
	text-shadow: 2px 2px 4px #969696;
	font-family: sans-serif, Arial;
}

.pplogo-parent {
	position: absolute;
	top: 20%;
	left: 0;
	/* width: 100%; */
	height: 100%;
}

.logoq-container {
	width: 100%;
	display: inline-block;
	overflow: hidden;
}

.logoq-container2 {
	width: 100%;
	display: inline-block;
	overflow: hidden;
}

.logoq-container3 {
	width: 100%;
	display: inline-block;
	overflow: hidden;
}

.scroll-inline-container {
	white-space: nowrap;
	font-size: 0;
}

.scroll-inline-container2 {
	white-space: nowrap;
	font-size: 0;
}

.scroll-inline-container3 {
	white-space: nowrap;
	font-size: 0;
}


.scroll-container {
	width: 307%;
	display: inline-block;
	animation: infiniteScroll linear infinite;
	animation-duration: 200s !important; /* 数值越小越快，越大越慢 */
}

.scroll-container .scroll-item {
	width: 10vw;
	height: 4vw;
	margin-right: 1vw;
	margin-top: 1vw;
}


.scroll-container2 {
	width: 307%;
	display: inline-block;
	animation: infiniteScroll linear infinite;
	animation-duration: 150s !important; /* 数值越小越快，越大越慢 */
}

.scroll-container2 .scroll-item {
	width: 10vw;
	height: 4vw;
	margin-right: 1vw;
	margin-top: 1vw;
}



.scroll-container3 {
	width: 307%;
	display: inline-block;
	animation: infiniteScroll linear infinite;
	animation-duration: 250s !important; /* 数值越小越快，越大越慢 */
}

.scroll-container3 .scroll-item {
	width: 10vw;
	height: 4vw;
	margin-right: 1vw;
	margin-top: 1vw;
}

@keyframes infiniteScroll {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(-100%, 0, 0);
	}
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto
}



@media only screen and (max-width: 797px) {
	.logo-title {
		margin-top: 1% !important;
	}

	.scroll-container .scroll-item {
		/* margin-top: -1vh; */
	}

	.scroll-container2 .scroll-item {
		/* margin-top: -1vh; */
	}

	.scroll-container3 .scroll-item {
		/* margin-top: -1vh; */
	}
	
	.parent-div {
		height: 30vw;
	}
}


/*添加动画左边入场动画*/
.rcdonghua {
	/* 指定动画在执行前后都应用最终状态的样式，确保动画结束后元素保持最终状态。 */
	/* animation-fill-mode: both; */
	animation: none;
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
}


@media (min-width: 599px) {

	/* 针对较大屏幕（如 PC 端） */
	.rcdonghua.in-view-large {
		animation: fadeInLeft 2s both;
		/* 将前面定义的名为fadeInLeft的关键帧动画应用到选中的元素上，使其从左侧淡入显示。 */
		animation-name: fadeInLeft;
	}
}

.blur-overlay {
	/* 模糊过渡遮罩 */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 上下渐变模糊效果 */
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 0.3) 0%,
			/* 顶部模糊层（白色半透明） */
			rgba(255, 255, 255, 0) 5%,
			/* 中间透明 */
			rgba(255, 255, 255, 0) 95%,
			/* 中间透明 */
			rgba(255, 255, 255, 0.3) 100%
			/* 底部模糊层（白色半透明） */
		);
	z-index: 2;
	pointer-events: none;
	/* 允许点击穿透到下层内容 */
}