* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }
        
        /* PC端样式 */
        .top-banner {
            height: 200px;
            width: 100%;
            background: url('../images/top.jpg') center/cover no-repeat;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }
        
        .banner-content {
            width: 100%;
            max-width: 1320px;
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
        }
        
        .left-image {
            height: 100px;
            width: auto;
            max-width: 100%;
        }
        
        .right-section1 {
            display: flex;
            align-items: center;
            gap: 40px;
        }
        
        .image-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        
        .right-image {
            height: 100px;
            width: 100px;
            object-fit: cover;
            border-radius: 5px;
        }
        
        .image-label {
            font-size: 16px;
            color: white;
            font-weight: bold;
        }
        

.search-btn{
            /*padding: 8px 16px;*/
            background: #083b90;
            color: #ffffff;
            border: none;
            /*border-radius: 5px;*/
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            transition: all 0.3s;
            text-decoration: none;
            /*position: relative;*/
            /*bottom: 55px;*/
            margin-bottom: 178px;
        }
.search-btn a:hover {
    color: #ffffff;
}

        
        /* 导航栏样式 */
        .nav-container {
            width: 100%;
        }
        
        .nav-row {
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: center;
        }
        
        .nav-content {
            width: 100%;
            max-width: 1320px;
            height: 100%;
            display: flex;
            align-items: center;
            /*padding: 0 20px;*/
            justify-content: space-between;
        }
        
        .nav-row:nth-child(1) {
            background: #083b90;
        }
        
        .nav-row:nth-child(2) {
            background: #e8effd;
        }
        
        .nav-row:nth-child(3) {
            display: none;
        }
        
        .nav-item {
            padding: 0 45px;
            height: 100%;
            display: flex;
            align-items: center;
            cursor: pointer;
            white-space: nowrap;
            font-size: 18px;
            text-decoration: none;
            flex-shrink: 0;
            
        }
        
        /*地方样式开始*/
         .nav-item_difang {
            /*padding: 0 45px;*/
            height: 100%;
            display: flex;
            align-items: center;
            cursor: pointer;
            white-space: nowrap;
            font-size: 18px;
            text-decoration: none;
            flex-shrink: 0;
            
        }
        
          a.nav-item_difang:last-child {
            padding-right: 0;
            letter-spacing: -1px;
        }
                
        .nav-row:nth-child(1) .nav-item_difang {
            color: white;
        }
        
        .nav-row:nth-child(2) .nav-item_difang {
            color: #333;
        }
        
        .nav-row:nth-child(3) .nav-item_difang {
            color: #333;
            padding: 0 12px;
            font-size: 16px;
        }
        
        .nav-item_difang:hover {
            background: rgba(255,255,255,0.2);
        }
        
        .nav-item_difang.active {
            background: rgba(255,255,255,0.3);
            font-weight: bold;
        }
        
        
        /*地方结束*/
        
        
        
        a.nav-item:last-child {
            padding-right: 0;
            letter-spacing: -1px;
        }
                
        .nav-row:nth-child(1) .nav-item {
            color: white;
        }
        
        .nav-row:nth-child(2) .nav-item {
            color: #333;
        }
        
        .nav-row:nth-child(3) .nav-item {
            color: #333;
            padding: 0 12px;
            font-size: 16px;
        }
        
        .nav-item:hover {
            background: rgba(255,255,255,0.2);
        }
        
        .nav-item.active {
            background: rgba(255,255,255,0.3);
            font-weight: bold;
        }
        
         .sy1{
                padding: 0 0;
            }
            
            .dfpd1{
                padding: 0 0;
            }
        .daohang3{
            height:40px;
        }
        
        /* 移动端样式优化 */
 
        
         @media (max-width: 1090px) {
             
                /*移动端轮播图设置高度*/
         .carousel {
           
            height: 400px!important
           
        }
        
        /*footer*/
         .footer-link {
           width: 50%;
            margin-bottom: 15px;
        }
        
        
             .container_lunbo {
          
            padding: 0 15px;
        }
        
        @media (min-width: 768px) and (max-width: 992px) {
          .left-image {
          
             /*margin-left: -333; */
            }
        
        }
        
       
        
        
        
        
        .container{
            padding: 0 15px;
        }
             
             
            .top-banner {
                height: 120px; /* 调整高度 */
                background-size: cover;
                background-position: center;
                position: relative;
            }
            .article-list a{
                font-size: 14px;
            }
            .banner-content {
                flex-direction: column;
                gap: 10px;
                padding: 0 10px;
            }
            
            .appshow{
                display: none;
            }
            
            .pcshow{
                display: none;
            }
            
            /*.left-image {*/
                
            /*    height: 60px;*/
            /*    margin-right: 250px;*/
                
                /*height: 42px;*/
                
            /*    margin-top: 42px;*/
                /*margin-left: -333;*/
            /*}*/
            
            @media (max-width: 1090px) {
    .left-image {
        height: 60px;
        margin-top: 42px;
    }
}

@media (max-width: 768px) {
    .left-image {
        margin-right: 0; /* 移除移动端的 margin-right */
    }
}
            
            
            .search-btn {
                position: absolute;
                top: 10px;
                right: 10px;
                /*padding: 6px 12px;*/
                font-size: 12px;
               
            }
            
            .nav-row {
                height: auto;
                flex-direction: column;
                overflow: hidden;
                display: flex;
                
            }
            
            .nav-content {
                flex-wrap: wrap;
                justify-content: center;
                /*padding: 5px;*/
            }
            
            .nav-item {
                 display: flex;
                padding: 5px 10px;
                font-size: 12px;
                white-space: normal;
                text-align: center;
                flex: 1 0 25%; /* 每行显示4个 */
                max-width: 25%;
                box-sizing: border-box;
                overflow: hidden;
                text-overflow: ellipsis;
                justify-content: center;
            }
            
            .nav-row:nth-child(3) .nav-item {
                
                /*padding: 5px 8px;*/
                font-size: 11px;
                flex: 1 0 33.333%; /* 每行显示3个 */
                /*max-width: 33.333%;*/
            }
            
            .nav-row:nth-child(3) {
                flex-wrap: wrap;
            }
            
            .cc{
                padding:0 5px;
            }
            a.nav-item:last-child {
                padding-right: 10px;
                letter-spacing: 0px;
            }
            
            /*地方样式开始*/
              .nav-item_difang {
                 display: flex;
                padding: 5px 10px;
                font-size: 12px;
                white-space: normal;
                text-align: center;
                flex: 1 0 25%; /* 每行显示4个 */
                max-width: 25%;
                box-sizing: border-box;
                overflow: hidden;
                text-overflow: ellipsis;
                justify-content: center;
            }
            
            .nav-row:nth-child(3) .nav-item_difang {
                
                /*padding: 5px 8px;*/
                font-size: 11px;
                flex: 1 0 33.333%; /* 每行显示3个 */
                /*max-width: 33.333%;*/
            }
            
            .nav-row:nth-child(3) {
                flex-wrap: wrap;
            }
            
            .cc{
                padding:0 5px;
            }
            a.nav-item_difang:last-child {
                padding-right: 10px;
                letter-spacing: 0px;
            }
            /*地方频道结束*/
            
            
        }
        


.msreadout-word-highlight:not(.msreadout-inactive-highlight) {
    background: #ffff00 !important;
    color: black !important;
}

.msreadout-line-highlight:not(.msreadout-inactive-highlight) {
    background: #b2d6f3 !important;
    color: black !important;
}

@media screen and (-ms-high-contrast: active) {
    .msreadout-word-highlight:not(.msreadout-inactive-highlight) {
        -ms-high-contrast-adjust: none;
        background-color: Highlight !important;
        color: HighlightText !important;
    }

    .msreadout-line-highlight:not(.msreadout-inactive-highlight) {
        -ms-high-contrast-adjust: none;
        background: yellow !important;
        color: black !important;
    }
}
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    }
   
    .container {
        width: 100%;
        max-width: 1320px;
        margin: 0 auto;
        /*position: relative;*/
    }

    .title-wrapper {
        width: 100%;
        min-height: 100px;
        border: 1px solid #e0e0e0;
        display: flex;
        align-items: center;
        padding: 20px 100px 20px 100px;
        background: #fff;
        position: relative;
        background-image: url('../images/4819.png');
        background-repeat: no-repeat;
        background-position: 15px center;
        background-size: 100px 100px;
        justify-content:center;
    }

    .title-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 90%;
        overflow: hidden;
    }

    .main-title {
        font-size: 42px;
        font-weight: 700;
        color: #222;
        margin-bottom: 5px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.3;
        text-align: center;
        letter-spacing: 1px;
    }

    /* 走马灯样式 - 添加浅灰色背景和边框 */
    .marquee-container {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        height: 36px;
        border: 1px solid #e8e8e8;
        border-radius: 20px;
        background-color: #f8f8f8;
        display: flex;
        align-items: center;
    }
    
    .marquee-content {
        display: inline-block;
        white-space: nowrap;
        padding-left: 100%;
        animation: marquee 30s linear infinite;
        line-height: 36px;
    }
    
    .marquee-content:hover {
        animation-play-state: paused;
    }
    
    .marquee-content a {
        color: #404040;
        text-decoration: none;
        margin-right: 30px;
        transition: color 0.3s;
        font-size: 14px;
        font-family: Tahoma, sans-serif;
        /*font-weight: 500;*/
    }
    
    .marquee-content a:hover {
        color: #083b90;
    }
    
    @keyframes marquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-100%); }
    }
    
    /* 时间盒子样式 */
    .time-box {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    /* 星期几样式 */
    .weekday-top {
        font-size: 16px;
        color: #666;
        margin-bottom: 0;
        /*font-weight: bold;*/
    }
    
    /* 翻页日期容器 */
    .flip-date-container {
        display: flex;
        justify-content: center;
        margin-bottom: 8px;
    }
    
    /* 单个数字样式 */
    .flip-digit {
        width: 30px;
        height: 40px;
        background: #083b90;
        color: white;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        font-weight: bold;
        margin: 0 2px;
        position: relative;
        overflow: hidden;
    }
    
    .flip-digit::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(0,0,0,0.1);
    }
    
    /* 月份和日期样式 */
    .month-day {
        font-size: 14px;
        font-weight: bold;
        color: #333;
        /*margin-bottom: 5px;*/
    }
    
    /* 完整日期样式 */
    .full-date {
        font-size: 12px;
        color: #999;
    }
    
    /* 平板设备 */
    @media (max-width: 992px) {
        .title-wrapper {
            min-height: 120px;
            padding: 20px 20px 30px 20px;
            background-image: none !important;
        }
        .main-title {
            font-size: 32px;
        }
        .marquee-content a {
            font-size: 16px;
        }
        
        .marquee-container {
            height: 34px;
        }
        
        /* 平板端隐藏时间和图片 */
        .time-box {
            display: none;
        }
    }
    
    /* 移动端适配 */
    @media (max-width: 768px) {
        .title-wrapper {
            min-height: auto;
            padding: 15px 15px 25px 15px;
            background-image: none !important;
        }
        
        .main-title {
            font-size: 24px;
            margin-bottom: 12px;
        }
        
        .marquee-container {
            height: 32px;
            width: 88%;
            border-radius: 16px;
        }
        
        .marquee-content a {
            font-size: 14px;
            margin-right: 25px;
        }
        
        /* 移动端隐藏时间和图片 */
        .time-box {
            display: none;
        }
    }
    
    @media (max-width: 576px) {
        .title-wrapper {
            padding: 12px 12px 20px 12px;
        }
        
        .main-title {
            font-size: 20px;
        }
        
        .marquee-container {
            height: 30px;
        }
        
        .marquee-content a {
            font-size: 12px;
            margin-right: 20px;
        }
    }



        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        /*body {*/
        /*    font-family: 'Microsoft YaHei', sans-serif;*/
        /*    background: #f8f8f8;*/
        /*}*/
        .container_lunbo {
            max-width: 1320px;
            margin: 20px auto;
            /*padding: 0 15px;*/
        }
        .layout-wrapper {
            display: flex;
            flex-direction: column;
            gap: 35px;
        }
        @media (min-width: 992px) {
            .layout-wrapper {
                flex-direction: row;
            }
        }
        .left-section {
            width: 100%;
        }
        @media (min-width: 992px) {
            .left-section {
                width: 835px;
            }
        }
        .carousel {
            width: 100%;
            height: 530px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .carousel-inner {
            display: flex;
            height: 100%;
            transition: transform 0.5s ease;
        }
        .carousel-item {
            min-width: 100%;
            position: relative;
        }
        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .carousel-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px;
            background: rgba(0,0,0,0.7);
            color: white;
        }
        .carousel-control {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: rgba(0,0,0,0.5);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 24px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
            z-index: 10;
        }
        .carousel-control:hover {
            background: rgba(0,0,0,0.8);
        }
        .carousel-control.prev {
            left: 20px;
        }
        .carousel-control.next {
            right: 20px;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        .carousel-indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: all 0.3s;
        }
        .carousel-indicator.active {
            background: white;
            transform: scale(1.2);
        }
        .video-row {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 20px;
        }

.video-row .xwbox{            flex: 1 1 calc(33.33% - 14px);
            min-width: 250px;}
.video-row .xwbox .tp{            width: 100%;
            height: 180px;
            background: #000;
            border-radius: 5px;
            overflow: hidden;}
.video-row .xwbox .tp img{width: 100%;height: 180px;}
.video-row .xwbox .bt{padding: 10px 0;}
.video-row .xwbox .bt a{color: #333;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}


        .video-item {
            flex: 1 1 calc(33.33% - 14px);
            min-width: 250px;
        }
        .video-player {
            width: 100%;
            height: 180px;
            background: #000;
            border-radius: 5px;
            overflow: hidden;
        }
        .video-player video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .video-info {
            padding: 10px 0;
        }
        .video-info a {
            color: #333;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        }
        
        
        
        .video-info a:hover {
            /*color: #e74c3c;*/
        }
        .video-desc {
            color: #666;
            font-size: 14px;
            margin-top: 5px;
        }
        .right-section {
            flex: 1;
            background: white;
            padding: 20px;
            /*box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }
        .article-header {
            margin-bottom: 20px;
        }
        .article-title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }
        .article-title a {
            color: inherit;
            text-decoration: none;
            transition: color 0.3s;
        }
        .article-title a:hover {
            /*color: #e74c3c;*/
        }
        .article-desc {
            color: #777;
            font-size: 14px;
            line-height: 1.5;
        }
        .divider {
            border-top: 1px dashed #ddd;
            margin: 15px 0;
        }
        .article-list {
            list-style: none;
        }
        .article-list li {
            position: relative;
            padding-left: 15px;
            margin-bottom: 12px;
        }
        .article-list li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #333;
        }
        .article-list a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s;
        }
        .article-list a:hover {
            /*color: #e74c3c;*/
        }
  
    /* 新增图片+标题样式 - 固定宽高 */
    .image-title-box {
        display: flex;
        margin-bottom: 15px;
        align-items: center;
    }
    
    .image-title-box .image-box {
        width: 120px;  /* 固定宽度 */
        height: 80px;  /* 固定高度 */
        margin-right: 15px;
        flex-shrink: 0;
        overflow: hidden;
    }
    
.image-title-box .image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;  /* 保持图片比例 */
        border-radius: 4px;
    }
    
    .title-box {
        flex: 1;
    }
    
    .column-title {
        font-size: 16px;
        font-weight: 700;
        margin: 0;
        line-height: 1.4;
    }
    
    .column-title a {
        color: #333;
        text-decoration: none;
        transition: color 0.3s;
    }
    
    .column-title a:hover {
        color: #083b90;
    }
    
    /* 原有样式保持不变 */
    .main-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 30px;
    }
    
    .declaration-section {
        background: white;
        padding: 15px;
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    
    .notice-container {
        width: 100%;
        max-width: 1320px;
        margin: 30px auto;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .notice-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }
    
    .notice-title {
        font-size: 22px;
        color: #333;
        font-weight: 600;
        margin: 0;
        padding-left: 15px;
        position: relative;
    }
    
    .notice-title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 18px;
        background: #083b90;
        border-radius: 2px;
    }
    
    .more-link {
        color: #083b90;
        text-decoration: none;
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    
    .more-link span {
        margin-left: 5px;
    }
    
    .divider {
        border-top: 1px solid #e0e0e0;
        margin-bottom: 25px;
    }
    
    .notice-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
    }
    
    .notice-column ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .notice-column li {
        padding: 12px 0 12px 15px;
        border-bottom: 1px dashed #eee;
        display: flex;
        align-items: center;
        font-size: 16px;
        position: relative;
    }
    
    .notice-column li::before {
        content: "•";
        position: absolute;
        left: 0;
        color: #666;
    }
    
    .notice-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
        transition: color 0.3s;
    }
    
    .notice-text:hover {
        color: #083b90;
    }
    
    /* 响应式设计 */
    @media (max-width: 992px) {
        .main-grid {
            grid-template-columns: 1fr;
        }
        
        .declaration-section {
            margin-top: 30px;
        }
        
        .image-box {
            width: 100px;
            height: 70px;
        }
    }
    
    @media (max-width: 768px) {
        .notice-title {
            font-size: 18px;
        }
        
        .notice-text {
            font-size: 14px;
        }
        
        .notice-column li {
            padding: 10px 0 10px 12px;
        }
        
        .main-grid {
            gap: 20px;
        }
        
        .image-title-box {
            flex-direction: column;
            align-items: flex-start;
        }
        
        .image-box {
            width: 100%;
            height: 120px;
            margin-right: 0;
            margin-bottom: 10px;
        }
    }
    
    @media (max-width: 576px) {
        .notice-content {
            grid-template-columns: 1fr;
        }
        
        .image-box {
            height: 100px;
        }
    }
     .banner-container {
            max-width: 1320px;
            width: 100%;
            margin: 30px auto;
            padding: 0 15px;
            box-sizing: border-box;
        }
        
        /*第一个轮播*/
        .responsive-banner {
            width: 100%;
            height: 100px;
            background-image: url('/uploads/20250626/202506261530133687Vx4BVsiVNuERyw.jpg');
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        
        /*第二个轮播*/
         .responsive-banner1 {
            width: 100%;
            height: 100px;
            background-image: url('/uploads/20250626/202506261530133687Vx4BVsiVNuERyw.jpg');
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        

        @media (max-width: 767px) {
            .banner-container {
                margin: 15px auto;
                padding: 0 10px;
            }
            .responsive-banner {
                height: 80px;
            }
            .responsive-banner1 {
                height: 80px;
            }
        }
        
        
          a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s;
        }
        a:hover {
            color: #083b90;
        }
        
        
    
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: "Microsoft YaHei", sans-serif;
            /*background-color: #f5f5f5;*/
            line-height: 1.6;
        }

        .comment-section {
            display: flex;
            max-width: 1320px;
            margin: 0 auto;
            background: #fff;
            padding: 0 15px;
            box-sizing: border-box;
        }

        .comment-column {
            flex: 1;
            padding: 0 15px;
        }

        .comment-header {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .comment-title {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            padding-left: 12px;
            position: relative;
            margin: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: calc(100% - 60px);
        }

        .comment-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 28%;
            height: 50%;
            width: 4px;
            background: #083b90;
        }

        .comment-more {
            color: #083b90;
            font-size: 14px;
            text-decoration: none;
            flex-shrink: 0;
        }

        .comment-more::after {
            content: "→";
            margin-left: 5px;
        }

        .comment-content {
            margin-top: 15px;
        }

        .comment-top {
            display: flex;
            margin-bottom: 15px;
        }

        .comment-img {
            width: 116px;
            height: 88px;
            margin-right: 15px;
            overflow: hidden;
        }

        .comment-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .comment-info {
            flex: 1;
        }

        .comment-main-title {
            font-size: 18px;
            margin-bottom: 8px;
            position: relative;
            padding-left: 16px;
        }

        .comment-main-title::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #083b90;
            font-weight: bold;
        }

        .comment-main-title a {
            text-decoration: none;
        }

        .comment-main-desc {
            color: #666;
            font-size: 14px;
        }

        .comment-divider {
            height: 1px;
            background: #eee;
            margin: 15px 0;
        }

        .comment-list {
            list-style: none;
        }

        .comment-item {
            padding: 10px 0 10px 16px;
            border-bottom: 1px dashed #eee;
            position: relative;
        }

        .comment-item::before {
            content: "•";
            position: absolute;
            left: 0;
            /*color: #083b90;*/
            font-weight: bold;
        }

        .comment-link {
            color: #333;
            text-decoration: none;
            /*font-size: 14px;*/
        }

        /* 移动端响应式样式 */
        @media (max-width: 768px) {
            .comment-section {
                width: 100%;
                flex-direction: column;
                padding: 0;
            }

            .comment-column {
                width: 100%;
                padding: 0;
                margin-bottom: 25px;
            }

            .comment-header {
                padding: 20px 15px;
            }

            .comment-title {
                font-size: 18px;
                max-width: calc(100% - 80px);
            }

            .comment-more {
                font-size: 16px;
            }

            .comment-content {
                padding: 0 15px;
            }

            .comment-top {
                flex-direction: column;
            }

            .comment-img {
                width: 100%;
                height: 180px;
                margin-right: 0;
                margin-bottom: 15px;
            }

            .comment-main-title {
                font-size: 18px;
                padding-left: 20px;
            }

            .comment-main-desc {
                font-size: 16px;
            }

            .comment-divider {
                margin: 20px 0;
            }

            .comment-item {
                padding: 12px 0 12px 20px;
                font-size: 18px;
            }

            .comment-link {
                font-size: 14px;
            }
        }
        
        /*阴影*/
        
        .shoadou_ylzx{
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }
          /* 桌面设备 */
   @media (max-width: 992px) {
        .main-grid {
            grid-template-columns: 1fr;
        }
        .declaration-section {
            margin-top: 30px;
        }
    }


       .cn-story-section {
            width: 1320px;
            margin: 0 auto;
            padding: 30px 0;
            font-family: "Microsoft YaHei", sans-serif;
        }
        .cn-story-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }
        .cn-story-title {
            font-size: 24px;
            color: #333;
            font-weight: bold;
            padding-left: 15px;
            position: relative;
        }
        .cn-story-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 20px;
            background: #083b90;
        }
        .cn-story-more {
            color: #083b90;
            text-decoration: none;
            font-size: 16px;
            display: flex;
            align-items: center;
        }
        .cn-story-more span {
            margin-left: 5px;
        }
        .cn-story-divider {
            border-top: 1px solid #e0e0e0;
            margin-bottom: 25px;
        }
        .cn-story-gallery {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .cn-story-item {
            position: relative;
            height: 230px;
            overflow: hidden;
        }
        .cn-story-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s;
        }
        .cn-story-item:hover .cn-story-img {
            transform: scale(1.05);
        }
        .cn-story-desc {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0,0,0,0.6);
            color: #fff;
            padding: 10px;
            font-size: 14px;
            text-align: center;
        }

        @media (max-width: 1300px) {
            .cn-story-section {
                width: 95%;
            }
        }
        @media (max-width: 1024px) {
            .cn-story-gallery {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 768px) {
            .cn-story-gallery {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 480px) {
            .cn-story-gallery {
                grid-template-columns: 1fr;
            }
        }


    /* 新增样式 */
     body {
            margin: 0;
            font-family: "Microsoft YaHei", sans-serif;
        }
        .notice-container-rycb {
            width: 100%;
            max-width: 1320px;
            margin: 30px auto;
            padding: 0 15px;
            box-sizing: border-box;
        }
        .notice-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }
        .notice-title {
            font-size: 22px;
            color: #333;
            font-weight: 600;
            margin: 0;
            padding-left: 15px;
            position: relative;
        }
        .notice-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 18px;
            background: #083b90;
            border-radius: 2px;
        }
        .divider {
            border-top: 1px solid #e0e0e0;
            margin-bottom: 25px;
        }
        .notice-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }
        .notice-column ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .notice-column li {
            padding: 12px 0 12px 15px;
            border-bottom: 1px dashed #eee;
            display: flex;
            align-items: center;
            font-size: 16px;
            position: relative;
        }
        .notice-column li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #666;
        }
        .notice-text {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 1;
            transition: color 0.3s;
        }
        .notice-text:hover {
            color: #083b90;
        }
        .banner {
            width: 100%;
            height: 100px;
            margin: 30px auto 0;
            background: url('http://dev2.yihaiguantao.cn/uploads/shouye/4.jpg') center/cover no-repeat;
        }
        /* 响应式设计 */
        @media (max-width: 768px) {
            .notice-title {
                font-size: 18px;
            }
            .notice-text {
                font-size: 14px;
            }
        }
        
         /* 响应式设计 */
        @media (max-width: 926px) {
            .notice-title {
                font-size: 18px;
            }
            .notice-text {
                font-size: 14px;
            }
        }
        
        
        /*添加图片背景的地方频道*/
        .column-banner {
            width: 100%;
            height: 150px; /* 默认高度 */
            background-size: cover;
            background-position: center;
            margin-bottom: 15px;
        }
    
        @media (max-width: 768px) {
            .column-banner {
                height: 100px; /* 移动端高度 */
            }
        }
        
        @media (max-width: 926px) {
            .column-banner {
                height: 120px; /* 平板端高度 */
            }
        }



   .play-pause-btn {
        border: none;
        background: none;
        padding: 0;
        cursor: pointer;
        display: inline-block; /* 确保按钮是内联块元素 */
        vertical-align: middle; /* 确保按钮与文字垂直对齐 */
    }

    .play-pause-icon {
        width: 20px;
        height: 20px;
        vertical-align: middle; /* 确保图标与文字垂直对齐 */
    }

    .notice-text {
        display: inline-block; /* 确保文字是内联块元素 */
        vertical-align: middle; /* 确保文字与按钮垂直对齐 */
    }

    .no-audio-source {
        color: red;
        font-size: 14px;
        margin-top: 5px;
    }


       .site-footer {
            width: 100%;
            min-height: 300px;
            background-color: rgb(245, 245, 247);
            margin-top: 50px;
            padding: 30px 0;
clear: both;
        }
        .footer-container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
            box-sizing: border-box;
        }
        .footer-links {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }
        .footer-link {
            margin-right: 30px;
            margin-bottom: 15px;
        }
        .footer-link a {
            color: #666;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }
        .footer-link a:hover {
            color: #083b90;
        }
        .footer-divider {
            width: 100%;
            height: 1px;
            background-color: #ddd;
            margin: 20px 0;
        }
        .footer-copyright {
            text-align: center;
            color: #999;
            line-height: 1.8;
        }
        .footer-copyright p {
            margin: 8px 0;
            font-size: 15px;
        }
        @media (min-width: 768px) {
            .footer-copyright p {
                font-size: 16px;
            }
        }
        @media (min-width: 1024px) {
            .footer-copyright p {
                font-size: 17px;
            }
        }
        
         @media (max-width: 1090px) {
             
          /*footer*/
         .footer-link {
            margin-right:0;
            width: 50%;
            margin-bottom: 15px;
        }
           
        }


            .form-container {
                width: 100%;
                max-width: 1320px;
                padding: 30px;
                background: #fff;
                border-radius: 8px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                margin: 20px auto;
                /* 上下外边距自动居中 */
                text-align: center;
            }

 .result-box {
                width: 100%;
                max-width: 1320px;
                margin: 20px auto;
                padding: 20px;
                background: #fff;
                border-radius: 8px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                text-align: center;
            }

            .result-box h2 {
                font-size: 24px;
                font-weight: bold;
                color: #000;
                margin-bottom: 15px;
            }

            .result-box .article-text {
                font-size: 16px;
                text-align: justify;
                text-indent: 2em;
                letter-spacing: 0.02em;
                line-height: 1.8;
                word-wrap: break-word;
                overflow-wrap: break-word;
                max-width: 100%;padding: 50px 0px 30px 0px;
            }

            .result-box .article-text p {
                margin-bottom: 30px;
            }
.article-text p {
    margin-bottom: 30px;
}

            .result-box .article-text img {
                max-width: 100%;
                height: auto;
                display: block;
                margin: 0 auto;
            }

            /* 响应式适配 */
            @media (max-width: 768px) {
                .form-container, .result-box {
                    padding: 20px;
                }

                .result-box h2 {
                    font-size: 18px;
                }

                .result-box .article-text {
                    font-size: 14px;
                    text-indent: 1em;
                }
            }

            @media (max-width: 480px) {
                .result-box h2 {
                    font-size: 16px;
                }

                .result-box .article-text {
                    font-size: 12px;
                    line-height: 1.6;
                }
            }


/* 右侧内容区 */
        .right-content {
            width: 340px;
            margin-left: 20px;
float:left;
        }

        .notice-box {
            background: #f0f0f0;
            width: 340px;
            margin-bottom: 20px;
        }

        .notice-title1 {
            background:#083b90;
            height: 50px;
            color: white;
            font-size: 18px;
            line-height: 50px;
            padding-left: 15px;
            position: relative;
        }

        .notice-title1::before {
            content: "";
            position: absolute;
            left: 8px;
            top: 15px;
            width: 3px;
            height: 20px;
            background: yellow;
        }

        .notice-list {
            padding: 15px;
            list-style: none;
        }

        .notice-list li {
            position: relative;
            padding-left: 15px;
            font-size: 14px;
            line-height: 2em;
        }

        .notice-list li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #000;
        }

        .notice-list li a {
            text-decoration: none; /* 去掉下横线 */
            color: #000; /* 默认颜色为黑色 */
        }

        .notice-list li a:hover {
color: rgb(8, 59, 144); 
        }

        .image-box {
            background: #f0f0f0;
            width: 340px;
            height: 340px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .image-box img {
            width: 260px;
            height: 260px;
            object-fit: cover;
        }

        /* 响应式适配 */
        @media (max-width: 1300px) {
            .container {
                width: 100%;
                padding: 20px;
                flex-direction: column;
            }
}
        @media (max-width: 1300px) {
            .article-content {
                width: 100%;
                margin-bottom: 20px;
            }
            .right-content {
                width: 100%;
                margin-left: 0;
                display: flex;
                flex-direction: column;
float:left;
            }
            .notice-box, .image-box {
                width: 100%;
                margin-bottom: 20px;
            }
        }

        @media (max-width: 768px) {
            .article-content {
                padding: 15px;
            }
            .article-text {
                font-size: 14px;
                text-indent: 1em;
            }
        }

        @media (max-width: 480px) {
            .article-title {
                font-size: 18px;
            }
            .article-date {
                font-size: 12px;
            }
            .article-text {
                font-size: 14px;
                line-height: 1.6;
            }
        }
        
        .article-content video {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.article-content1 video {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.bianji{margin-top:30px;text-align: right;font-size: 14px;margin-bottom:30px;}


 /* 左侧内容区 */
        .left-content {
            width: 960px;
            border: 1px solid #ddd;
            padding: 15px;
            background: #fff;
float:left;
        }
        .breadcrumb {
            color: #666;
            font-size: 14px;
            margin-bottom: 20px;
        }
        .content-list {
            list-style: none;
        }
        .content-list li {
            position: relative;
            padding-left: 15px;
            font-size: 16px;
            line-height: 1.5em;
            margin-bottom: 1em;
            display: flex;
            justify-content: space-between;
        }
        .content-list li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #000;
        }
        .content-date {
            color: #999;
            font-size: 14px;
            flex-shrink: 0;
            margin-left: 10px;
        }
        .content-list li:hover {
            color: red;
            font-weight: bold;
            cursor: pointer;
        }
        /* 为 title 添加 a 标签的样式 */
        .title-link {
            text-decoration: none;
            color: inherit;
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-right: 10px;
        }
        .title-link:hover {

color: rgb(8, 59, 144);
            font-weight: bold;
        }
        /* 分页样式 */
        .pagination {
            margin-top: 30px;
            text-align: center;
        }
        .pagination ul {
            display: inline-block;
            padding: 0;
            list-style: none;
        }
        .pagination li {
            display: inline-block;
            margin: 0 5px;
        }
        .pagination a, .pagination span {
            display: inline-block;
            padding: 5px 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            color: #333;
            text-decoration: none;
            background-color: #f9f9f9;
            transition: background-color 0.3s, border-color 0.3s;
        }
        .pagination .active a, .pagination .active span {
            background-color: #ddd;
            border-color: #ccc;
            color: #333;
        }
        .pagination a:hover, .pagination span:hover {
            background-color: #e7e7e7;
            border-color: #ccc;
        }


        .comment-item {
            padding: 10px 0 10px 16px;
            border-bottom: 1px dashed #eee;
            position: relative;
        }

        .comment-item::before {
            content: "•";
            position: absolute;
            left: 0;
            /*color: #cb1c1d;*/
            font-weight: bold;
        }

        .comment-link {
            color: #333;
            text-decoration: none;
            /*font-size: 14px;*/
        }

.article-content {
    width: 960px;
    background: #fff;
    padding: 30px;
    position: relative;
}

.htbjse{background-color: #f5f5f5;}

.article-title1 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 15px;
}
.article-date {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-bottom: 30px;
}
.article-text {
    font-size: 16px;
    text-align: justify;
    text-indent: 2em;
    letter-spacing: 0.02em;
    line-height: 1.8;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}
.article-text p {
    margin-bottom: 12px;
}
@media (max-width: 1300px) {
            .container1 {
                width: 100%;
        padding: 20px;
        flex-direction: column;
}}

.container1 {
    width: 1320px;
    margin: 0 auto;
    display: flex;
    padding: 20px 0;
}

.article-content1 {
    width: 960px;
    background: #fff;
    padding: 30px;
    position: relative;
}
@media (max-width: 1300px) {
    .article-content1 {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .article-content1 {
        padding: 15px;
    }
}
@media (max-width: 1300px) {
    .left-content {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .content-list li, .notice-list li {
        flex-direction: row;
    }
}
@media (max-width: 480px) {
    .content-list li, .notice-list li {
        font-size: 14px;
        flex-wrap: wrap;
    }
}