:root {
			--animate-duration: 2s;
			/* 所有动画默认时长改为2秒 */
		}

		/* 视频弹窗样式 */
		.video-modal-mask {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.85);
			z-index: 9999;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.video-modal-container {
			position: relative;
			width: 90%;
			max-width: 1200px;
			max-height: 80vh;
			background: #000;
			border-radius: 8px;
			overflow: hidden;
		}

		.video-close-btn {
			position: absolute;
			top: 15px;
			right: 15px;
			color: #fff;
			font-size: 24px;
			cursor: pointer;
			width: 36px;
			height: 36px;
			line-height: 36px;
			text-align: center;
			background: rgba(0, 0, 0, 0.5);
			border-radius: 50%;
			z-index: 10;
			transition: all 0.3s;
		}

		.video-close-btn:hover {
			background: #142261;
		}

		.video-player-wrap {
			width: 100%;
			height: 100%;
		}

		.video-player {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
	</style>
	<style>
		/* 基础重置（仅针对轮播图相关，避免影响全局） */
		body {
			margin: 0;
			padding: 0;
			font-family: sans-serif;
		}

		/* 轮播图主容器 */
		.mySwiper {
			width: 100%;
			height: 100vh;
			position: relative;
			overflow: hidden;
		}

		/* 轮播滑块 */
		.swiper-slide {
			width: 100%;
			height: 100%;
			position: relative;
		}

		/* 轮播背景图 */
		.swiper-slide img {
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover;
			/* 保持图片比例并覆盖容器 */
			object-position: center;
			/* 图片居中显示 */
		}

		/* 半透明遮罩（提升文字可读性） */
		.slide-mask {
			position: absolute;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.3);
			z-index: 10;
		}

		/* 轮播文字内容区 */
		.slide-content {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 20;
			text-align: center;
			color: #ffffff;
			width: 100%;
			padding: 0 16px;
			box-sizing: border-box;
		}

		/* 标题样式（响应式字体大小） */
		.slide-content h2 {
			font-size: clamp(1.5rem, 4vw, 2.5rem);
			font-weight: normal;
			line-height: 1.2;
			margin: 0 0 16px 0;
		}

		/* 副标题样式 */
		.slide-content p {
			font-size: clamp(1.2rem, 3vw, 2rem);
			font-weight: normal;
			margin: 0 0 32px 0;
		}

		/* 按钮样式 */
		.slide-btn {
			border: 2px solid #ffffff;
			color: #ffffff;
			background: transparent;
			padding: 10px 24px;
			font-size: 18px;
			cursor: pointer;
			transition: all 0.3s ease;
		}

		.slide-btn:hover {
			background-color: #ffffff;
			color: #000000;
		}

		/* 自定义分段式指示条（核心样式） */
		.mySwiper .swiper-pagination {
			position: absolute !important;
			bottom: 32px !important;
			/* 距离底部8px（32px=8*4） */
			left: 50% !important;
			transform: translateX(-50%) !important;
			display: flex !important;
			gap: 16px !important;
			/* 指示条之间的间距 */
			z-index: 20 !important;
			width: auto !important;
			/* 取消默认100%宽度 */
		}

		/* 未激活的指示条 */
		.mySwiper .swiper-pagination-bullet {
			width: 32px !important;
			/* 指示条宽度 */
			height: 2px !important;
			/* 指示条高度（细白线） */
			background-color: rgba(255, 255, 255, 0.5) !important;
			/* 半透明白色 */
			border-radius: 0 !important;
			/* 取消圆角，改为矩形 */
			opacity: 1 !important;
			/* 取消默认透明度 */
			transition: all 0.3s ease !important;
		}

		/* 激活的指示条 */
		.mySwiper .swiper-pagination-bullet-active {
			background-color: #ffffff !important;
			/* 纯白色 */
		}


		/* 外层容器：两行垂直排列 */
		.gallery-wrapper {
			max-width: 1200px;
			margin: 40px auto;
			padding: 0 20px;
			display: flex;
			flex-direction: column;
			gap: 12px;
			/* 两行间距 */
		}

		/* 基础滚动行样式：隐藏滚动条 + 横向滚动 */
		.scroll-row {
			width: 100%;
			overflow: hidden;
			cursor: grab;
			scrollbar-width: none;
			/* Firefox 隐藏滚动条 */
			position: relative;
			height: 240px;
			/* 固定行高，保证视觉统一 */
		}

		.scroll-row::-webkit-scrollbar {
			display: none;
			/* Chrome/Safari 隐藏滚动条 */
		}

		/* 第一行：默认左偏移半张图（从第一张图片前一半开始） */
		.row1 .scroll-content {
			transform: translateX(-190px);
			/* 半张图宽度：380px/2=190px */
			animation: scroll1 25s linear infinite;
		}

		/* 第二行：默认右偏移半张图（从第一张图片后一半开始） */
		.row2 .scroll-content {
			transform: translateX(-760px);
			/* 1张图(380px) + 半张图(190px) = 570px？→ 修正：380*2 - 190 = 570 → 最终按实际效果调为-760px，精准匹配设计稿 */
			animation: scroll2 25s linear infinite;
		}

		/* 滚动内容：横向排列 + 固定图片尺寸 */
		.scroll-content {
			display: flex;
			gap: 16px;
			/* 图片间距 */
			width: max-content;
			/* 自适应宽度 */
		}

		/* 鼠标hover暂停滚动 */
		.scroll-row:hover .scroll-content {
			animation-play-state: paused;
		}

		/* 第一行滚动动画：从-190px → -190px - 总宽度的50%（无缝） */
		@keyframes scroll1 {
			0% {
				transform: translateX(-190px);
				/* 初始：左偏移半张图 */
			}

			100% {
				transform: translateX(-190px - calc(380px * 3 + 16px * 2));
				/* 滚动完3张图+间距，保持初始偏移 */
			}
		}

		/* 第二行滚动动画：从-760px → -760px - 总宽度的50%（无缝） */
		@keyframes scroll2 {
			0% {
				transform: translateX(-760px);
				/* 初始：右偏移半张图 */
			}

			100% {
				transform: translateX(-760px - calc(380px * 3 + 16px * 2));
				/* 同步滚动距离 */
			}
		}

		/* 单个图片项：固定尺寸（380px宽，保证半张图=190px） */
		.gallery-item {
			position: relative;
			width: 380px;
			/* 固定宽度，半张图=190px，精准计算偏移 */
			height: 240px;
			flex-shrink: 0;
			/* 防止压缩 */
			overflow: hidden;
		}

		.gallery-item img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			/* 图片不变形 */
			display: block;
		}

		/* 文字叠加层 */
		.gallery-caption {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
			color: #fff;
			padding: 20px 16px 8px;
			font-size: 14px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		/* 响应式适配：小屏幕调整尺寸和偏移 */
		@media (max-width: 768px) {
			.gallery-item {
				width: 280px;
				/* 小屏幕图片宽度，半张=140px */
				height: 200px;
			}

			.row1 .scroll-content {
				transform: translateX(-140px);
				/* 半张图=140px */
			}

			.row2 .scroll-content {
				transform: translateX(-560px);
				/* 适配小屏幕偏移 */
			}

			@keyframes scroll1 {
				0% {
					transform: translateX(-140px);
				}

				100% {
					transform: translateX(-140px - calc(280px * 3 + 16px * 2));
				}
			}

			@keyframes scroll2 {
				0% {
					transform: translateX(-560px);
				}

				100% {
					transform: translateX(-560px - calc(280px * 3 + 16px * 2));
				}
			}
		}

		[v-cloak] {
			display: none !important;
		}


		.h5_service-card {
			position: relative;
			width: 95%;
			margin: 0 auto 20px;
			overflow: hidden;
			border-radius: 4px;
			height: 206px;
		}

		.h5_service-card img {
			width: 100%;
			height: auto;
			display: block;
			object-fit: cover;
		}

		.h5_card-overlay {
			position: absolute;
			top: 0;
			left: -9px;
			width: 95%;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			/* justify-content: center; */
			color: white;
			text-align: center;
			padding: 20px;
		}

		.h5_card-title {
			font-size: 18px;
			font-weight: 600;
			margin-bottom: 16px;
			line-height: 1.2;
		}

		.h5_divider {
			width: 40px;
			height: 2px;
			background-color: white;
			margin-bottom: 16px;
		}

		.h5_card-subtitle {
			font-size: 1.3rem;
			font-weight: 300;
			line-height: 1.5;
		}

		.h5_scroll-indicator {
			position: absolute;
			top: 170px;
			left: 48%;
			transform: translateX(-50%);
			width: 24px;
			height: 24px;
			/* border-left: 2px solid white;
			border-bottom: 2px solid white;
			transform: rotate(-45deg) translateX(-50%); */
			/* animation: h5_bounce 2s infinite; */
		}

		@keyframes h5_bounce {

			0%,
			100% {
				transform: rotate(-45deg) translateY(0) translateX(-50%);
			}

			50% {
				transform: rotate(-45deg) translateY(8px) translateX(-50%);
			}
		}

		/* 响应式适配 */
		@media (max-width: 768px) {
			.h5_card-title {
				font-size: 18px;
				margin-top: 20px;

			}

			.h5_card-subtitle {
				font-size: 1rem;
			}
		}


		.h5_container {
			max-width: 1200px;
			margin: 0 auto;
			background-color: #f9f9f9;
			/* 左右统一留白，和截图一致 */
			padding: 10px 10px;
		}

		/* 标题区域 */
		.h5_section-header {
			text-align: center;
			margin-bottom: 30px;
		}

		.h5_section-title {
			font-size: 2.2rem;
			font-weight: 600;
			color: #222;
			margin-bottom: 12px;
		}

		.h5_section-subtitle {
			font-size: 1.1rem;
			color: #888;
		}

		/* 只修改这一段：标签栏 横向滚动 */
		.h5_tab-nav {
			display: flex;
			flex-wrap: nowrap;
			/* 不换行 */
			justify-content: flex-start;
			border-bottom: 1px solid #eee;
			margin-bottom: 16px;
			overflow-x: auto;
			/* 横向超出滚动 */
			scrollbar-width: none;
			/* 隐藏滚动条 */
			padding-left: 2px;
			/* 左边留白对齐 */
			padding-right: 2px;
		}

		.h5_tab-nav::-webkit-scrollbar {
			display: none;
			/* 隐藏滚动条 */
		}

		.h5_tab-item {
			padding: 10px 14px;
			font-size: 14px;
			color: #666;
			cursor: pointer;
			border-bottom: 2px solid transparent;
			white-space: nowrap;
			/* 文字不换行 */
		}

		.h5_tab-item.h5_active {
			color: #0a2463;
			border-bottom-color: #0a2463;
			font-weight: 500;
		}

		/* 产品网格 */
		.h5_product-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 16px;
			margin-bottom: 32px;
		}

		.h5_product-card {
			background: #fff;
			text-align: center;
			border-radius: 4px;
			transition: all 0.3s;
			width: 172px;
			height: 80px;
			border-radius: 0px 0px 0px 0px;
			color: #000;
		}

		.h5_product-card.h5_active {
			background: #142261;

			color: #fff;
		}

		.h5_product-icon {
			width: 30px;
			height: 30px;
			margin: 10px auto 12px;
			object-fit: contain;
		}

		.h5_product-name {
			font-size: 12px;
			font-weight: 500;
		}

		/* 产品详情 */
		.h5_product-detail {
			background: #fff;
			border-radius: 8px;
			padding: 24px;
		}

		.h5_product-image {
			width: 100%;
			max-width: 600px;
			margin: 0 auto 32px;
			display: block;
		}

		.h5_product-title {
			margin-bottom: 16px;
			font-family: MiSans Latin, MiSans Latin;
			font-weight: bold;
			font-size: 16px;
			color: #282731;
			font-style: normal;
			text-transform: none;
		}

		.h5_product-tag {
			display: inline-block;
			padding: 4px 12px;
			border: 1px solid #0a2463;
			color: #0a2463;
			border-radius: 4px;
			font-size: 10px;
			margin-bottom: 16px;
			margin-left: 10px;
		}

		.h5_product-desc {
			margin-bottom: 14px;

font-family: MiSans Latin, MiSans Latin;
font-weight: 400;
font-size: 12px;
color: #595860;
font-style: normal;
text-transform: none;
		}

		.h5_button-group {
			display: flex;
			gap: 16px;
		}

		.h5_btn {
			/* padding: 12px 32px; */
			font-size: 12px;
			border-radius: 4px;
			cursor: pointer;
			transition: all 0.3s;
			text-align: center;
			flex: 1;
			/* max-width: 320px; */
			width: 126px;
			height: 36px;
			border-radius: 0px 0px 0px 0px;
			border: 1px solid #142261;
			line-height: 36px;
		}

		.h5_btn.h5_outline {
			background: #fff;
			color: #0a2463;
			border: 2px solid #0a2463;
		}

		.h5_btn.h5_fill {
			background: #0a2463;
			color: #fff;
			border: 2px solid #0a2463;
		}

		/* 响应式适配 */
		@media (max-width: 768px) {
			.h5_section-title {
				font-size: 1.8rem;
			}

			.h5_tab-item {
				font-size: 14px;
				padding: 10px 16px;
				white-space: nowrap;
			}

			.h5_product-name {
				font-size: 12px;
				white-space: nowrap;      /* 不换行 */
  overflow: hidden;         /* 超出隐藏 */
  text-overflow: ellipsis;  /* 显示省略号... */
			}

			.h5_button-group {
				/* flex-direction: column; */
			}

			.h5_btn {
				max-width: 100%;
			}
		}

		/* 外层容器 */
		.h5_factory-scroll-section {
			width: 100%;
			padding: 10px 0;
			overflow: hidden;
		}

		/* ========== 第一组：左 → 右 ========== */
		.h5_scroll-group-1 {
			width: 95%;
			padding: 0 10px;
			margin-bottom: 20px;
		}

		.h5_scroll-list-1 {
			display: flex;
			gap: 14px;
			overflow-x: auto;
			scrollbar-width: none;
		}

		.h5_scroll-list-1::-webkit-scrollbar {
			display: none;
		}

		/* ========== 第二组：右 → 左（反向） ========== */
		.h5_scroll-group-2 {
			width: 95%;
			padding: 0 10px;
			direction: rtl;
			/* 关键：从右开始排列 */
		}

		.h5_scroll-list-2 {
			display: flex;
			gap: 14px;
			overflow-x: auto;
			scrollbar-width: none;
			direction: ltr;
			/* 内容恢复正常 */
		}

		.h5_scroll-list-2::-webkit-scrollbar {
			display: none;
		}

		/* 共用卡片样式 */
		.h5_scroll-card {
			flex: 0 0 78%;
			border-radius: 10px;
			overflow: hidden;
			position: relative;
		}

		.h5_scroll-card .img {
			width: 100%;
			height: 170px;
			object-fit: cover;
			display: block;
		}

		.h5_scroll-card .h5_card-text {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			padding: 22px 16px;
			color: #fff;
			font-size: 16px;
			font-weight: 500;
			background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
		}

		/* ========== 第一组：左 → 右 ========== */
		.h5_scroll-group-1 {
			width: 95%;
			padding: 0 10px;
			margin-bottom: 20px;
		}

		.h5_scroll-list-1 {
			display: flex;
			gap: 14px;
			overflow-x: auto;
			scrollbar-width: none;
		}

		.h5_scroll-list-1::-webkit-scrollbar {
			display: none;
		}

		/* 共用卡片样式不变 */
		.h5_scroll-card {
			flex: 0 0 78%;
			border-radius: 10px;
			overflow: hidden;
			position: relative;
		}

		.h5_scroll-card .img {
			width: 100%;
			height: 170px;
			object-fit: cover;
			display: block;
		}

		.h5_scroll-card .h5_card-text {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			padding: 22px 16px;
			color: #fff;
			font-size: 16px;
			background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
		}
		.yyy{
			font-family: MiSans Latin, MiSans Latin;
			font-weight: 600;
			font-size: 12px;
			color: #282731;
			font-style: normal;
			text-transform: none;
			margin-top: 10px;
		}

		.h5s_swiper_wrap {
			width: 100%;
			padding: 0 20px;
			box-sizing: border-box;
			/* height: 340px; */

		}

		.h5s_swiper_main {
			width: 100%;
			/* border-radius: 12px; */
			overflow: hidden;
		}

		.h5s_swiper_img {
			width: 100%;
			height: 340px;
			object-fit: cover;
			display: block;
		}

		.h5s_swiper_mask {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.h5s_swiper_title {
			font-size: 20px;
			color: #fff;
			font-weight: 500;
			text-align: center;
		}

		.h5s_swiper_pagination {
			margin: auto !important;
			text-align: center;
		}

		/* 指示灯 —— 未选中 */
		:deep(.h5s_swiper_pagination .swiper-pagination-bullet) {
			background: #D9D9D9 !important;
			/* 浅灰色 默认 */
			opacity: 1;
		}

		/* 指示灯 —— 选中 */
		.h5s_swiper_pagination .swiper-pagination-bullet-active {
			background: #142261 !important;
			/* 高亮主色，你可以随便改 */
		}

		/* 核心容器：相对定位（承载图标）+ 限制最大宽度（可选） */
		.img-play-wrapper {
			position: relative;
			/* 必须：让图标绝对定位基于此容器 */
			max-width: 1200px;
			/* 可选：限制图片最大宽度，适配页面 */
			margin: 0 auto;
			/* 可选：图片居中显示 */
		}

		/* 背景图片：自适应容器宽度，保持比例 */
		.bg-img {
			width: 100%;
			height: auto;
			display: block;
			/* 消除图片底部空隙 */
		}

		/* 播放图标：绝对居中 + 白色圆形 + 深蓝色三角 */
		.play-icon {
			/* 居中核心：绝对定位 + 平移 */
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

			/* 圆形样式 */
			width: 80px;
			/* 图标大小，可按需调整 */
			height: 80px;
			/* 白色圆形背景 */
			border-radius: 50%;
			/* 圆形 */
			cursor: pointer;
			/* 可选：鼠标悬浮变手型 */
		}

		/* 播放三角：用CSS伪元素绘制 */
		.play-icon::after {
			content: '';
			position: absolute;
			top: 50%;
			left: 55%;
			/* 三角偏右，视觉更居中 */
			transform: translate(-50%, -50%);

			/* 绘制播放三角 */
			border-width: 18px 0 18px 30px;
			/* 三角大小，适配80px图标 */
			border-style: solid;
			border-color: transparent transparent transparent #142261;
			/* 深蓝色三角，可改色值 */
		}

		/* 2×2网格容器 */
		.h5_stats_grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			/* 两列均分 */
			grid-template-rows: 1fr 1fr;
			/* 两行均分 */
			gap: 1px;
			/* 分隔线宽度，模拟设计稿的细白线 */
			background-color: #e5e5e5;
			/* 分隔线颜色 */
			width: 100%;
			margin: 20px auto;
		}

		/* 单个统计项样式 */
		.h5_stat_item {
			background-color: #ffffff;
			/* 白色背景 */
			padding: 10px 20px;
			text-align: center;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 16px;
			/* 数字与文字间距 */
		}

		/* 数字样式（深蓝色、大号加粗） */
		.h5_stat_num {
			font-family: MiSans Latin, MiSans Latin;
			font-weight: bold;
			font-size: 18px;
			color: #142261;
			font-style: normal;
			text-transform: none;
		}

		/* 文字样式（常规字重、深灰色） */
		.h5_stat_text {
			font-family: MiSans Latin, MiSans Latin;
			font-weight: 400;
			font-size: 12px;
			color: #282731;
			font-style: normal;
			text-transform: none;
		}

		.step-card.h5 {
			width: 112px;
			height: 146px;
		}

		.h5s_title {
			width: 95%;
			font-family: MiSans Latin, MiSans Latin;
			font-weight: bold;
			font-size: 16px;
			color: #282731;
			font-style: normal;
			text-transform: none;
			margin-top: 10px;
			margin-left: 10px;
		}

		.h5s_desc {
			width: 95%;
			font-family: MiSans Latin, MiSans Latin;
			font-weight: 400;
			font-size: 12px;
			color: #595860;
			font-style: normal;
			text-transform: none;
			margin-top: 10px;
			margin-left: 10px;
		}
		.card-title{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 4;    /* 行数 */
			-webkit-box-orient: vertical;
			word-break: break-all;
			height: auto !important;
		}
		  /* 整体容器 */
.faq-wrapper {
  max-width: 600px;
  padding: 20px 20px;
  height: 490px;
  font-family: 'MiSans Latin', sans-serif;
}

/* 标题区 */
.faq-main-title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
}

.faq-subtitle {
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin-bottom: 32px;
}

/* 滚动容器 */
.faq-scroll-box {
  height: 380px;
  overflow: auto;
  /* 隐藏滚动条（可选） */
  scrollbar-width: none;
}
.faq-scroll-box::-webkit-scrollbar {
  display: none;
}

/* 每个FAQ项 */
.faq-item {
  border-bottom: 1px solid #434343;
  padding: 18px 0;
}

/* 问题行 */
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: #fff; /* 修复：你少写了 # */
  text-align: left;
  cursor: pointer;
  user-select: none;
}

/* 加减号 */
.faq-icon {
  font-size: 30px;
  color: #fff;
  transition: all 0.2s ease;
}

/* 答案默认隐藏 */
.faq-answer {
  display: none;
  margin-top: 12px;
  font-weight: 400;
  color: #fff;
  text-align: left;
}

/* 展开状态 */
.faq-item.active .faq-answer {
  display: block;
}


.carousel-box {
  width: 1200px;
  margin: 30px auto;
  overflow: hidden;
  position: relative;
}

.carousel-slide {
  display: flex;
  transition: transform 0.5s ease;
}

.slide-group {
  display: flex;
  flex-shrink: 0;
}

/* 每一页固定2行3列 */
.carousel-page {
  width: 1180px;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
  padding: 10px;
}

.card {
  height: 240px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  width: 380px;
}
.card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.3s;
}
.card .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: linear-gradient(transparent, rgba(0,0,0,0.7));
  color: white;
  /* opacity: 0; */
  transition: 0.3s;
}
.card .overlays{
position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(0,0,0,0.7);
  color: white;
  opacity: 0;
  transition: 0.3s;
  top: 0;
  
}
.card:hover img {
  transform: scale(1.05);
}
.card:hover .overlays {
  opacity: 1;
}
.card:hover  .overlay{
  opacity: 0;
}
.btnts {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  z-index: 99;
}
.prevts { left: 10px; }
.nextts { right: 10px; }
.btnts:disabled {
  background: #f5f5f5;
  color: #ccc;
  cursor: not-allowed;
}