/**/
.list_box5 li a {
    display: block;
    background: #6510ad87 !important;
    width: 100%;
    position: relative;
    transition: .5s;}
.list_box5 li:nth-child(2) a {
    background: #174c02a6 !important;}
.list_box5 li:nth-child(3) a {
    background: #00398d85 !important;}
.img_zd .img_hezi {
    padding-bottom: 30.2rem !important;}.overfloat-dot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;}
.list3 li a{ position: relative;}
.list3 li a .img::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(images/list3_top11111111.png) center bottom no-repeat;background-size: 100% auto;}
.list3 li a .con{
    display: flex;
    justify-content: center;
    padding: 30px 30px;
    flex-direction: column;
    background: #fff;}
.list3 li a .con h5{font-size: 17px;color: #333;max-width: calc(100% - 100px);font-weight: bold;}
.list3 li a .con h6{font-size: 14px;color: #fff;margin-bottom: 13px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;}
.list3w .swiper-pagination{position: absolute;right: 26px;width: auto;left: auto;bottom: 30px;    z-index: 9999;}
.list3w .swiper-pagination span{display: inline-block;
    border-radius: 10px; width: 10px; height: 10px; border: #f8b551 1px solid; background: none; opacity: 1;}
.list3w .swiper-pagination span.swiper-pagination-bullet-active{background: #f8b551; border: #f8b551 1px solid;}

@media (max-width: 812px) {
  .flex {
 
    padding-left: 0;}
}

#hide{display: none !important;}
.slot-item{position: relative;}
.ycimg {
    display: none;
    width: 91px;
    height: 91px;
    position: absolute;
    right: 0;
    top: 0;
   z-index: 1000000000000 !important;}
.ycimg img{    width: 100%;}
.slot-item:hover .ycimg{ display: block;}
/* 主图容器需设置相对定位 */
.pic {
  position: relative;
  width: 50%;
  margin: 0 auto;}

/* 悬停图片默认隐藏 */
.hover-img {
  display: none;
  position: absolute;
  width: 50px;  /* 可根据需求调整尺寸 */
  z-index: 1;}

/* 根据浮动方向设置位置 */
.hover-img[data-float="left"] {
  left: -100%;  /* 向左浮动到主图外侧 */
  top: 0;}
.hover-img[data-float="right"] {
  right: -1350%;
    top: -4px;}

/* 悬停时显示浮动图片 */
.pic:hover .hover-img {
  display: block;
  animation: float 2s ease-in-out infinite;}

/* 定义浮动动画 */