.condetail{overflow:hidden;margin-top:-100px;padding-bottom:100px}
.condetail_main{overflow:hidden;background-color:#fff;border-radius:24px;position:relative;z-index:1}
.condetail_content{display:flex;flex-direction:row-reverse;padding:80px}
.condetail_content .condetail_left{width:130px}
.condetail_time{width:100%;height:auto;overflow:hidden;margin-bottom:100px;padding:24px;background-color:#004797;border-radius:16px}
.condetail_time p{line-height:50px;color:#fff;font-size:48px;font-weight:bold;text-align:center}
.condetail_time span{display:block;line-height:28px;color:rgba(255,255,255,.5);font-size:18px;text-align:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.25)}
.condetail_content .condetail_text{width:calc(100% - 130px);padding-left:80px}
.condetail_text h1{line-height:40px;color:#222;font-size:30px;margin-bottom:32px}
.condetail_views{height:30px;overflow:hidden;line-height:30px;color:#004797;font-size:16px;margin-bottom:32px}
.condetail_views i{display:block;width:22px;height:22px;overflow:hidden;margin:5px 10px 5px 0;float:left}
.condetail_con{min-height:300px;line-height:30px;color:#777;font-family:'\5FAE\8F6F\96C5\9ED1','Microsoft Yahei','Arial';font-size:16px}

.condetail_con table::-webkit-scrollbar{height:3px}
.condetail_con table tr th,.condetail_con table tr td{margin:-1px 0 0 -1px;padding:10px;border:1px solid #ddd !important;border-right:0 !important}
.condetail_con table tr th:last-child,.condetail_con table tr td:last-child{border-right:1px solid #ddd !important}
.condetail_con table tr{background-color:#f8f8f8}
.condetail_con table tr:nth-child(2n){background-color:#fff}
.ey_back{margin:40px 0}
.ey_back a{display:block;height:40px;line-height:40px;color:#555;font-size:16px;padding-left:50px;background:url(../images/listico.png) center left no-repeat;background-size:40px 40px}
.ey_prev,.ey_next{line-height:1;color:#999;font-size:16px}
.ey_prev a,.ey_next a{display:block;height:40px;line-height:40px;color:#555;font-size:0;padding-left:50px}
.ey_prev a{background:url(../images/previco.png) center left no-repeat;background-size:40px 40px}
.ey_next a{background:url(../images/nextico.png) center left no-repeat;background-size:40px 40px}
.ey_prev a::before,.ey_next a::before{display:block;height:40px;line-height:40px;color:#555;font-size:16px}
.ey_prev a::before{content:'上一篇'}
.ey_next a::before{content:'下一篇'}
.ey_back a:hover,.ey_prev a:hover::before,.ey_next a:hover::before{color:#004797}
@media (max-width:1680px){.condetail{margin-top:-80px;padding-bottom:80px}
.condetail_main{border-radius:20px}
.condetail_content{padding:60px}
.condetail_time{margin-bottom:80px}
.condetail_content .condetail_text{padding-left:60px}
.condetail_text h1,.condetail_views{margin-bottom:24px}
}
@media (max-width:1440px){.condetail_main{border-radius:16px}
.condetail_content{padding:40px}
.condetail_content .condetail_left{width:120px}
.condetail_time{margin-bottom:60px;padding:20px;border-radius:12px}
.condetail_time p{line-height:1;font-size:44px}
.condetail_time span{line-height:24px;font-size:16px;margin-top:8px;padding-top:8px}
.ey_back{margin:30px 0}
.ey_prev,.ey_next,.ey_back a,.ey_prev a::before,.ey_next a::before{font-size:15px}
.condetail_content .condetail_text{padding-left:40px}
.condetail_text h1{line-height:36px;font-size:26px;margin-bottom:20px}
.condetail_views{font-size:15px;margin-bottom:20px}
.condetail_views i{width:18px;height:18px;margin:7px 10px 0 0}
.condetail_con{font-size:15px}
.condetail_con,.condetail_con div,.condetail_con p,.condetail_con span{font-size:15px !important}
}
@media (max-width:1280px){.condetail{margin-top:-60px;padding-bottom:60px}
.condetail_main{border-radius:12px}
}
@media (max-width:1080px){.condetail_main{border-radius:10px}
.condetail_time{border-radius:8px}
}
@media (max-width:920px){.condetail_content{padding:30px}
.condetail_content .condetail_text{padding-left:30px}
.condetail_text h1{line-height:36px;font-size:24px}
.condetail_text h1,.condetail_views{margin-bottom:15px}
}@media (max-width:820px){.condetail{margin-top:0;padding-bottom:0}
.condetail_main{width:100%;border-radius:0}
}@media (max-width:767px){.condetail_content{display:block;padding:40px 3%}
.condetail_content .condetail_text{width:100%;padding-left:0}
.condetail_content .condetail_left{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.condetail_time{display:none}
.ey_back{margin:0}
.condetail_text h1{line-height:32px;font-size:22px}
div.condetail_con{padding:10px;}
}

.condetail_con { width:100%; height:auto; overflow:hidden; line-height:28px!important; color:#666!important; font-family:Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif!important; font-size:16px!important; word-break:break-all; text-align:justify; margin:0 auto; padding:30px;}

 .condetail_con p strong{color:#222222;}
.condetail_con img { display: block;
    width: auto !important;
    height: auto !important;
    margin: 1.2rem auto;
    border-radius: 10px;
    max-width: 90% !important;
    box-shadow: 0 4px 20px rgba(0, 20, 40, 0.08);
    background: #f0f4f8;}
    
                /* 整体容器 —— 纯白背景，大留白，居中 */
        .case_wrapper {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0px 30px 60px;
            background: #ffffff;          /* 纯白背景，无灰色 */
            font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
            color: #1e293b;
            font-size: 16px;
            line-height: 1.8;
            letter-spacing: 0.01em;
        }

        /* ---- 标题（替代 h 标签） ---- */
        .case_sec_title {
            font-size: 28px;
            font-weight: 700;
            color: #004797;
            margin: 48px 0 16px 0;
            padding-bottom: 14px;
            border-bottom: 2px solid rgba(0, 71, 151, 0.15);
            position: relative;
            letter-spacing: -0.02em;
        }
        .case_sec_title::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 70px;
            height: 3px;
            background: #004797;
            border-radius: 2px;
        }

        .case_sub_title {
            font-size: 20px;
            font-weight: 600;
            color: #004797;
            margin: 32px 0 16px 0;
            padding-left: 16px;
            border-left: 4px solid #004797;
            line-height: 1.4;
            letter-spacing: -0.01em;
        }

        /* ---- 正文段落 ---- */
        .case_wrapper p {
            margin: 0 0 16px 0;
            text-align: justify;
            color: #334155;
            font-weight: 400;
        }

        /* ---- 列表 ---- */
        .case_wrapper ul {
            margin: 12px 0 22px 0;
            padding: 0;
            list-style: none;
        }
        .case_wrapper ul li {
            position: relative;
            padding-left: 26px;
            margin-bottom: 10px;
            color: #334155;
            line-height: 1.7;
        }
        .case_wrapper ul li::before {
            content: "◆";
            position: absolute;
            left: 0;
            top: 0;
            color: #004797;
            font-size: 14px;
            font-weight: 700;
        }
        .case_wrapper ul li strong {
            color: #004797;
            font-weight: 600;
        }

        /* ---- 高亮引用框（optional） ---- */
        .case_highlight_box {
            background: #f8faff;
            border-left: 6px solid #004797;
            padding: 18px 24px;
            margin: 20px 0 28px 0;
            border-radius: 0 12px 12px 0;
            box-shadow: 0 1px 4px rgba(0,0,0,0.02);
        }
        .case_highlight_box p {
            margin: 0;
        }

        /* ---- 图片与文字左右交错卡片 ---- */
        .case_flex_row {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            margin: 40px 0 50px 0;
            align-items: center;
            background: #ffffff;
            border-radius: 20px;
            padding: 24px 28px;
            box-shadow: 0 10px 40px rgba(0, 71, 151, 0.06), 0 2px 8px rgba(0,0,0,0.02);
            transition: box-shadow 0.3s ease, transform 0.2s ease;
            border: 1px solid rgba(0, 71, 151, 0.06);
        }
        .case_flex_row:hover {
            box-shadow: 0 20px 60px rgba(0, 71, 151, 0.10);
            transform: translateY(-2px);
        }
        .case_flex_row .case_text_part {
            flex: 1 1 48%;
            min-width: 280px;
        }
        .case_flex_row .case_image_part {
            flex: 1 1 48%;
            min-width: 280px;
        }
        .case_flex_row .case_image_part img {
            width: 100%;
            height: auto;
            border-radius: 16px;
            box-shadow: 0 8px 30px rgba(0, 71, 151, 0.10);
            display: block;
            transition: transform 0.4s ease;
            background: #f0f4fa; /* 图片加载前的占位色 */
        }
        .case_flex_row .case_image_part img:hover {
            transform: scale(1.01);
        }

        /* 控制图片左右顺序 */
        .case_flex_row.case_image_right .case_text_part { order: 1; }
        .case_flex_row.case_image_right .case_image_part { order: 2; }
        .case_flex_row.case_image_left .case_text_part { order: 2; }
        .case_flex_row.case_image_left .case_image_part { order: 1; }

        /* ---- 数据网格卡片（品牌风格） ---- */
        .case_data_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
            gap: 20px;
            margin: 24px 0 20px 0;
        }
        .case_data_grid .case_data_item {
            background: #ffffff;
            border-radius: 16px;
            padding: 22px 12px 18px;
            text-align: center;
            border: 1px solid #eef2f6;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
            transition: all 0.25s ease;
        }
        .case_data_grid .case_data_item:hover {
            border-color: #004797;
            box-shadow: 0 8px 30px rgba(0, 71, 151, 0.08);
            transform: translateY(-4px);
        }
        .case_data_grid .case_data_item .case_number {
            font-size: 32px;
            font-weight: 700;
            color: #004797;
            display: block;
            line-height: 1.2;
            letter-spacing: -0.02em;
        }
        .case_data_grid .case_data_item .case_label {
            font-size: 14px;
            color: #475569;
            margin-top: 6px;
            font-weight: 500;
        }

        /* ---- 带图标的辅助文字（Font Awesome 兼容帝国CMS） ---- */
        .case_icon_line {
            margin-top: 12px;
            color: #004797;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .case_icon_line i {
            font-size: 18px;
            width: 1.4em;
            text-align: center;
        }

        /* ---- 响应式 ---- */
        @media (max-width: 768px) {
            .case_wrapper {
                padding: 20px 16px 40px;
            }
            .case_flex_row {
                flex-direction: column;
                padding: 18px 16px;
                gap: 24px;
                margin: 28px 0 36px;
            }
            .case_flex_row .case_text_part,
            .case_flex_row .case_image_part {
                flex: 1 1 100%;
                min-width: unset;
                order: 0 !important;  /* 取消order，按DOM顺序排列 */
            }
            .case_sec_title {
                font-size: 24px;
            }
            .case_sub_title {
                font-size: 18px;
            }
            .case_data_grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 14px;
            }
            .case_data_grid .case_data_item .case_number {
                font-size: 26px;
            }
        }
        @media (max-width: 480px) {
            .case_sec_title { font-size: 20px; }
            .case_sub_title { font-size: 16px; }
            .case_data_grid { grid-template-columns: 1fr 1fr; }
            .case_data_grid .case_data_item { padding: 16px 8px; }
        }