﻿.condetail{overflow:hidden;margin-top:-100px;padding-bottom:100px}
.condetail_main{overflow:hidden;background-color:#0B1F3A;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:#f26305;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:#fff;font-size:30px;margin-bottom:32px}
.condetail_views{height:30px;overflow:hidden;line-height:30px;color:#C9A24D;font-size:16px;margin-bottom:32px}
.condetail_con{min-height:300px;line-height:30px;color:rgba(255,255,255,.85);font-family:'\5FAE\8F6F\96C5\9ED1','Microsoft Yahei','Arial';font-size:16px}
.condetail_con,.condetail_con div,.condetail_con p,.condetail_con span{line-height:30px !important;font-family:'\5FAE\8F6F\96C5\9ED1','Microsoft Yahei','Arial' !important;color:rgba(255,255,255,.85) !important;font-size:16px !important}
.condetail_con div,.condetail_con p{margin:10px 0 !important}
.condetail_con img,.condetail_con table,.condetail_con tr,.condetail_con td,.condetail_con p,.condetail_con span,.condetail_con div,.condetail_con video,.condetail_con embed{width:auto !important;height:auto !important;max-width:100% !important;max-height:100%}
.condetail_con table{display:block;width:100% !important;overflow-x:scroll;padding-bottom:10px;border-collapse:separate;border-spacing:0;margin:20px 0}
.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}
.xr-_back{margin:40px 0}
.xr-_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}
.xr-_prev,.xr-_next{line-height:1;color:#999;font-size:16px}
.xr-_prev a,.xr-_next a{display:block;height:40px;line-height:40px;color:#555;font-size:0;padding-left:50px}
.xr-_prev a{background:url(../images/previco.png) center left no-repeat;background-size:40px 40px}
.xr-_next a{background:url(../images/nextico.png) center left no-repeat;background-size:40px 40px}
.xr-_prev a::before,.xr-_next a::before{display:block;height:40px;line-height:40px;color:#555;font-size:16px}
.xr-_prev a::before{content:'上一篇'}
.xr-_next a::before{content:'下一篇'}
.xr-_back a:hover,.xr-_prev a:hover::before,.xr-_next a:hover::before{color:#f26305}
@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}
.xr-_back{margin:30px 0}
.xr-_prev,.xr-_next,.xr-_back a,.xr-_prev a::before,.xr-_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}
.xr-_back{margin:0}
.condetail_text h1{line-height:32px;font-size:22px}
}
/* ===== 页面背景统一为深蓝 #0B1F3A ===== */
html,body{background-color:#0B1F3A;min-height:100%}
.condetail{background-color:transparent}

/* ===== 面包屑浅色（concrumb 定义在 common.css，这里覆盖） ===== */
.concrumb p,.concrumb p a{color:rgba(255,255,255,.65) !important}
.concrumb p a:hover{color:#C9A24D !important}
.concrumb p i svg path,.concrumb p em svg path{fill:rgba(255,255,255,.45) !important}

/* ===== 正文强调样式 1：30px 加粗 亮白 #faf6f6 ===== */
.condetail_con .con-30,
.condetail_con div.con-30,
.condetail_con p.con-30,
.condetail_con span.con-30{
    font-size:30px !important;
    font-weight:700 !important;
    color:#faf6f6 !important;
    line-height:1.5 !important;
}

/* ===== 正文强调样式 2：22px 金色 #C9A24D ===== */
.condetail_con .con-gold,
.condetail_con div.con-gold,
.condetail_con p.con-gold,
.condetail_con span.con-gold{
    font-size:22px !important;
    font-weight:400 !important;
    color:#C9A24D !important;
    line-height:1.6 !important;
}
/* 小屏适配：等比例缩小 */
@media (max-width:1440px){
    .condetail_con .con-30,.condetail_con div.con-30,.condetail_con p.con-30,.condetail_con span.con-30{font-size:26px !important}
    .condetail_con .con-gold,.condetail_con div.con-gold,.condetail_con p.con-gold,.condetail_con span.con-gold{font-size:20px !important}
}
@media (max-width:767px){
    .condetail_con .con-30,.condetail_con div.con-30,.condetail_con p.con-30,.condetail_con span.con-30{font-size:22px !important}
    .condetail_con .con-gold,.condetail_con div.con-gold,.condetail_con p.con-gold,.condetail_con span.con-gold{font-size:18px !important}
}

/* ===== 图文卡片表格：圆角 + 悬停动效 + 点击放大 ===== */
.condetail_con .con-zoom{position:relative;margin:26px 0}

/* 隐藏开关（不占位，也不响应鼠标） */
.con-zoom > input.con-zoom-check{
    position:absolute;left:0;top:0;
    width:0;height:0;opacity:0;pointer-events:none;
}

/* ---------- 表格本体 ---------- */
.condetail_con .con-card-table{
    display:table !important;
    width:100% !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    background-color:#132a4a !important;
    border:1px solid rgba(201,162,77,.22) !important;
    border-radius:18px;
    box-shadow:0 6px 18px rgba(0,0,0,.22);
    transition:transform .45s cubic-bezier(.22,.61,.36,1),
               box-shadow .45s cubic-bezier(.22,.61,.36,1),
               border-color .45s;
}
.condetail_con .con-zoom:hover .con-card-table{
    transform:translateY(-6px);
    box-shadow:0 18px 42px rgba(0,0,0,.42);
    border-color:rgba(201,162,77,.6) !important;
}

/* 清掉 common/show.css 对表格的全局覆盖 */
.condetail_con .con-card-table tr,
.condetail_con .con-card-table tr:nth-child(2n){background-color:transparent !important}
.condetail_con .con-card-table tr th,
.condetail_con .con-card-table tr td{
    border:0 !important;
    padding:0 !important;
    background-color:transparent !important;
    width:auto !important;
    vertical-align:middle;
}

/* ---------- 左列：图片 ---------- */
.condetail_con .con-card-table tr td.con-card-img{
    width:45% !important;
    max-width:45% !important;
}
.con-zoom-trigger{
    display:block;
    position:relative;
    overflow:hidden;
    line-height:0;
    cursor:zoom-in;
    border-radius:17px 0 0 17px;
}
.condetail_con .con-zoom-trigger img{
    display:block;
    width:100% !important;
    height:290px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover;
    transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .5s;
}
.condetail_con .con-zoom:hover .con-zoom-trigger img{
    transform:scale(1.08);
    filter:saturate(1.08) brightness(1.04);
}

/* “点击放大”提示层 */
.con-zoom-tip{
    position:absolute;
    left:0;right:0;bottom:0;
    padding:40px 16px 16px;
    font-size:14px !important;
    line-height:1.4 !important;
    color:#fff !important;
    text-align:center;
    background:linear-gradient(to top,rgba(11,31,58,.92),rgba(11,31,58,0));
    opacity:0;
    transform:translateY(14px);
    transition:opacity .45s,transform .45s;
    pointer-events:none;
}
.con-zoom-tip::before{
    content:'';
    display:block;
    width:36px;height:36px;
    margin:0 auto 8px;
    border-radius:50%;
    background:rgba(201,162,77,.95) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1F3A' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6M11 8v6M8 11h6'/%3E%3C/svg%3E") center/18px 18px no-repeat;
    transform:scale(.6);
    transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.condetail_con .con-zoom:hover .con-zoom-tip{opacity:1;transform:translateY(0)}
.condetail_con .con-zoom:hover .con-zoom-tip::before{transform:scale(1)}

/* ---------- 右列：文字 ---------- */
.condetail_con .con-card-table tr td.con-card-text{padding:34px 40px !important}
.condetail_con .con-card-text h3{
    font-size:22px !important;
    font-weight:700 !important;
    color:#C9A24D !important;
    line-height:1.5 !important;
    margin:0 0 14px !important;
}
.condetail_con .con-card-text p{
    font-size:16px !important;
    color:rgba(255,255,255,.82) !important;
    line-height:1.9 !important;
    margin:0 0 10px !important;
}
.condetail_con .con-card-text p:last-child{margin-bottom:0 !important}

/* ---------- 放大遮罩 ---------- */
.con-zoom-mask{
    position:fixed;
    top:0;right:0;bottom:0;left:0;
    z-index:9999;
    display:flex;
    flex-direction:column;      /* 纵向排列 */
    align-items:center;         /* 水平居中 */
    justify-content:center;     /* 垂直居中 */
    padding:5vh 4vw;
    background:rgba(6,17,33,.93);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    opacity:0;
    visibility:hidden;
    transition:opacity .4s,visibility .4s;
}
.con-zoom-check:checked ~ .con-zoom-mask{opacity:1;visibility:visible}
.con-zoom-mask img{
    width:auto !important;
    height:auto !important;
    max-width:92% !important;
    max-height:86vh !important;
    border-radius:12px;
    box-shadow:0 30px 80px rgba(0,0,0,.6);
    transform:scale(.9);
    transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.con-zoom-check:checked ~ .con-zoom-mask img{transform:scale(1)}

/* 关闭按钮（位于放大图片下方） */
.con-zoom-close{
    position:relative;          /* 取消绝对定位 */
    flex:0 0 auto;
    display:block;
    width:46px;height:46px;
    margin-top:26px;            /* 与图片的间距 */
    border-radius:50%;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.28);
    cursor:pointer;
    transition:background .35s,transform .35s,border-color .35s;
}
.con-zoom-close::before,
.con-zoom-close::after{
    content:'';
    position:absolute;
    left:50%;top:50%;
    width:18px;height:2px;
    background:#fff;
    border-radius:2px;
    transition:background .35s;
}
.con-zoom-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.con-zoom-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.con-zoom-close:hover{
    background:#C9A24D;
    border-color:#C9A24D;
    transform:rotate(90deg);
}
.con-zoom-close:hover::before,
.con-zoom-close:hover::after{background:#0B1F3A}

/* ---------- 小屏适配 ---------- */
@media (max-width:1440px){
    .condetail_con .con-zoom-trigger img{height:250px !important}
    .condetail_con .con-card-table tr td.con-card-text{padding:28px 30px !important}
}
@media (max-width:920px){
    .condetail_con .con-zoom-trigger img{height:220px !important}
    .condetail_con .con-card-table tr td.con-card-text{padding:24px 24px !important}
}
@media (max-width:767px){
    /* 表格改为上下堆叠 */
    .condetail_con .con-card-table,
    .condetail_con .con-card-table tbody,
    .condetail_con .con-card-table tr{display:block !important;width:100% !important}
    .condetail_con .con-card-table tr td.con-card-img,
    .condetail_con .con-card-table tr td.con-card-text{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
    }
    .con-zoom-trigger{border-radius:17px 17px 0 0}
    .condetail_con .con-zoom-trigger img{height:200px !important}
    .condetail_con .con-card-table tr td.con-card-text{padding:20px !important}
    .condetail_con .con-card-text h3{font-size:18px !important}
    .condetail_con .con-card-text p{font-size:15px !important}
    .con-zoom-close{width:40px;height:40px;margin-top:18px}
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.banner .swiper-slide img{width:100%;height:100%;display:block;object-fit:cover;}
.faq-list{max-width:940px;margin:0 auto;}
.faq-list details{border:1px solid #e8e8e8;border-radius:6px;margin-bottom:12px;background:#fff;padding:0 20px;}
.faq-list summary{cursor:pointer;padding:16px 0;font-size:16px;font-weight:700;color:#222;list-style:none;}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary::after{content:"＋";float:right;font-weight:400;color:#093e96;}
.faq-list details[open] summary::after{content:"－";}
.faq-list .faq-a {
    padding: 0 0 18px;
    color: #000 !important; /* 强制设置为黑色，优先级最高 */
    line-height: 1.9;
    font-size: 14px;
}
.area-tags{list-style:none;padding:0;margin:0;text-align:center;}
.area-tags li{display:inline-block;margin:6px;padding:6px 16px;border:1px solid #ddd;border-radius:20px;font-size:14px;color:#555;background:#fff;}
.contact-box{text-align:center;}
.contact-box p{line-height:2;color:#555;}
.contact-box .btn{display:inline-block;margin:18px 8px 0;padding:12px 34px;background:#004776;color:#fff;border-radius:4px;font-size:15px;}
.contact-box .btn:hover{background:#0a2f6e;color:#fff;}
/* mmenu 初始状态兜底隐藏 */
nav#menu { display: none; }
nav#menu.mm-menu,
body > .mm-menu { display: block; }