#top-slider {
	width: 100%;
	height: 300px;
	text-align: center;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px 0px 20px 0px;
}

#top-slider .slider-bg {
	background: url('../image/img/oooo1.jpg') no-repeat;
    margin: 0 auto;
    background-size: cover;
    padding: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 300px;
    background-position: 0 68%;
}

.fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease, transform 1s ease;
}

.fade-in {
  opacity: 1;
  transform: translateY(0);
}



.fade-ups {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 2s ease, transform 2s ease;
}
.fade-ins {
  opacity: 1!important;
  transform: translateY(0)!important;
}
.slide-left {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.5s ease, transform 1s ease;
}
.slide-right {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.5s ease, transform 1s ease;
}



.scroll-anim {
  height: 0;
  overflow: hidden;
}

.scroll-anim.active {
  height: 100px; /* 自动高度，根据内容的高度动态调整 */
  transition: height 0.5s ease; /* 添加过渡效果，控制展开的速度 */
  overflow: initial;
}



@media screen and (max-width: 768px) {
	.scroll-anim {
	  height: 53px!important;
	  overflow: hidden;
	}
	
}