.closestyle1148646{ font-size:12px;color:#333333;text-decoration: none ;}

 .pic{
display: block;
padding-top:73%;
position: relative;
overflow: hidden;}

.fg-list-img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;}
  .carousel-container {
            position: relative;
            width: 100%;
            max-width: 1200px;
          
            margin: 0px auto;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);}

        /* 图片包裹层 */
        .carousel-wrapper {
            display: flex;
            height: 100%;
            transition: transform 0.5s ease;}

        /* 单张图片 */
        .carousel-item {
            flex: 0 0 100%;
            height: 100%;}

        /* 链接样式 */
        .carousel-item a {
            display: block;
            width: 100%;
            height: 100%;}

        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;}

        /* 底部半透明背景栏 */
        .carousel-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height:50px;
            background: rgba(0, 0, 0, 0.6);
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            color: #fff;}

        /* 标题样式 */
        .carousel-title {
            font-size: 16px;
            font-weight: 500;
            overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

        /* 切换圆点容器 */
        .carousel-dots {
            display: flex;
            gap: 10px;}

        /* 圆点样式 */
        .dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;}

        /* 激活状态圆点 */
        .dot.active {
            background:#f17408;
            transform: scale(1.2);}

        /* 响应式适配 */
        
         @media screen and (max-width: 1440px) {
        .pic{padding-top:88%;}
        }
          @media screen and (max-width: 1024px) {
        .pic{padding-top:105%;}
        }
        
        
        
          @media screen and (max-width: 840px) {
        .pic{padding-top:62%;}
        }
        
        
        
        @media (max-width: 768px) {
            .carousel-container { height: 300px;}
            .carousel-footer { height: 50px;}
            .carousel-title { font-size: 16px;}
        }

        @media (max-width: 480px) {
            .carousel-container { height: 220px;}
            .carousel-title { font-size: 14px;}
        }
       
.headline p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;}
.headline h2{
    color: #cc0000;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;}