
/* 轮播图外层容器 - 控制整体大小、定位和外观 */
.enclosure2 {
margin:0;
padding:0;
  position: relative;
  width: 100%;
  max-width: 600px; /* 可根据需要调整最大宽度 */
  margin: 20px auto; /* 上下间距，水平居中 */
  overflow: hidden; /* 隐藏超出容器的轮播项 */
  border-radius: 8px; /* 圆角效果，可选 */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* 阴影效果，可选 */
  background-color: #f5f5f5;}

/* 轮播列表容器 - 维持宽高比例 */
.tplist.jjtp {
margin:0;
padding:0;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 16:9 比例，如需 4:3 可改为 75% */
  list-style: none;}

/* 清除浮动（保留原类名兼容性） */
.clearfix::after {
  content: "";
  display: block;
  clear: both;}

/* 单个轮播项 - 绝对定位实现层叠 */
.tplist.jjtp .tm_jjtp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;}

/* 图片容器 - 确保图片铺满 */
.tplist.jjtp .tm_jjtp .pic_p {
  width: 100%;
  height: 100%;
  overflow: hidden;}

/* 轮播图片 - 铺满容器且不变形 */
.tplist.jjtp .tm_jjtp .pic_p img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 关键：保持图片比例，填充容器 */
  display: block; /* 消除图片底部默认空白间隙 */
  transition: opacity 0.5s ease;}

/* 链接样式 - 去除下划线，铺满整个轮播项 */
.tplist.jjtp .tm_jjtp a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;}

