body {
	 margin:0 auto;
color: #000;
font-size: 12px;
font-family: Arial,Helvetica;
 
}
a,
/* 鼠标悬停 */
a:hover,
/* 点击瞬间 */
a:active,
/* 已访问过 */
a:visited {
  text-decoration: none;
}

.gongj img,.newf img,.luhh img,.dianys img,.tun img,.jnd img {
  transition: transform 0.3s ease-out; /* 悬停时快 */
}

.gongj img:hover,.newf img:hover,.luhh img:hover,.dianys img:hover,.tun img:hover,.jnd img:hover {
  transition: transform 0.3s ease-in; 
  transform-origin: center center;
  transform: scale(1.08);
}

.yemisn{
    position: relative;
    top: -250px;
    left: 10px;
    width: 90%;
}
.yemisn img{
    width: auto !important;
    height: auto !important;
}
.luhh,.dianys,.tun,.jnd{
    overflow: hidden;
}

.sou{width: 100%;background-color: #ffffff;}
.sous{width: 1200px;margin: 0 auto;height: 55px;}
.souy{line-height: 55px;height: 55px;background-color: #f1f1f1; border: 1px solid #cfcfcf;height: 33px;width: 380px;border-radius: 7px;}
.sout{width: 18px;float: left;margin-top: 8px;margin-left: 10px;}
.souz{border: none;background-color: #f1f1f1;float: left;margin-top: 9px;width: 90%; outline: none;}
.souzz{float: left;line-height: 55px;font-size: 15px;}
.souk{float: right;line-height: 55px;margin-top: 10px;}

.top{width: 100%;background-color: #ffffff;}
.topn2{width: 100%;margin: 0 auto;height: 358px;position: relative;overflow: hidden;}
.topn{width: 100%;margin: 0 auto;height: 358px;position: relative;}
.topy{position: absolute;left:19%;top:180px;color: #f2ee33;font-size: 40px;font-weight: 700;line-height: 75px;}
.topd{position: absolute;left:58%;bottom:-14px;width: 450px;}
.logo{
    position: absolute;
    left: 13%;
    top: 35px;
}
.dys {
    display: none;
    width: 100%;
}
.kinw{
    position: fixed;
    right: 10px;
    top:30%;
    width: 80px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 9999999;
}
.kinw img{
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
.kinw a{
    width: 100%;
    position: relative;
    height: 83px;
    margin: 0 auto;
    z-index: 2;
    display: block;
    top: 0;
    left: 0;
}


.liesg,.liesg2{
    width: 100%;
    margin-top: 113px;
    display: none;
}
.xinwenkk {
    width: 100%;
}
.dizu {
    height: 8px;
    background-color: #b6b6b6;
    width: 22px;
    float: left;
    margin-right: 5px;
}

.topcs{width: 100%;background-color: #d32c26;}
.topc{width: 1200px;margin: 0px auto;height: 60px;line-height: 60px;font-size: 16px;}
.topc a{
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}
.is-active a{color: #f2ee33;}
.topf{color: #ffffff;padding: 0px 49px;float: left;}
.sout2{width: 18px;float: left;margin-top: 8px;margin-left: 10px;}
.souz2{border: none;background-color: #ffffff;float: left;margin-top: 9px;width: 90%; outline: none;}

.xias{border: 1px solid #cfcfcf;height: 33px;width: 380px;border-radius: 7px;background-color:#ffffff;}

.xinwen{width: 1150px;margin: 0 auto;overflow: hidden;font-size: 15px;background-color: #fff;padding: 25px 35px;}
.xinwens{background-color: #ffffff;width: 580px;height: 391px;float: left;}
.xinwenx{height: 39px;border-bottom: 1px solid #eeeeee;overflow: hidden;}
.xinwend{height: 39px;padding-right: 45px;color: #e50112;font-weight: 500;float: left;}
.xinwenf{height: 39px;padding-right: 45px;color: #4f4f4f;font-weight: 500;float: left;cursor: pointer;}
.xinweng{height: 39px;color: #cccccc;float: right;font-size: 14px;}
.xinweng a{color: #cccccc;}
.xinwenl{height: 6px;padding: 14px 0px;color: #4f4f4f;}

.tuy{width: 500px;height: 463px;float: right;font-size: 20px;}
.tun{float: right;position: relative;margin-bottom: 7px;}
.tun img{height: 98px;width: 485px;}

.tux{position: absolute;top:35px;left: 208px;color: #fff;}

.gong{width: 100%;position: relative;overflow: hidden;display: table;}
.gonge{width: 1150px;margin: 0 auto;position: absolute;top:40px;left: 50%;margin-left: -610px;padding: 25px 35px;background-color: #fff;}
.gongd{height: 35px;float: left;border-bottom: 1px solid #eeeeee;color: #e50014;font-weight: bold;width: 100%;}
.gongh{height: 35px;float: left;border-bottom: 1px solid #e50014;color: #e50014;font-size: 18px;}
.gongg{width: 100%;float: left;margin-top: 28px;}
.gongj{width: 33.3%;float: left;}
.gongi{
    width: 94%;
    border-radius: 10px;
    height: 189px;
    margin-bottom: 30px;
}
.gongx{width: 1150px;margin: 0 auto;position: absolute;top:385px;left: 50%;margin-left: -610px;padding: 25px 35px;background-color: #fff;padding-bottom: 35px;}

.lie{width: 100%;background: url(../images/image.png) center center/cover no-repeat #f8f1e3;position: relative;height: 700px;margin-top: 0;}
.lies{width: 1150px;margin: 0 auto;background-color: #fff;padding: 25px 35px;overflow: hidden;display: table;}
.lieb{width: 191px;float: left;position: relative;margin-bottom: 33px;}
.kuangzi{
    position: relative;
    width: 152px;
    z-index: 2;
}
.xiamb{
    width: 152px;
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 1;
    height: 180px;
}

.liek{writing-mode: vertical-lr;border:1px solid #875c47;color:#ffffff;background:#00000080;padding: 10px 0px;position: absolute;right: 63px;top:20px;font-size: 13px;z-index: 3;}

.hong{height: 55px;padding: 0px 57px;line-height: 55px;color: #fff;font-size: 16px;background-color: #ad1925;text-align: center;float: left;cursor: pointer;}
.hong2{height: 55px;padding: 0px 57px;line-height: 55px;color: #ad1925;font-size: 16px;text-align: center;float: left;cursor: pointer;}


.dakuangzi{
    width: 1150px;margin: 0 auto;background-color: #fff;padding: 25px 35px;overflow: hidden;display: block;position: absolute;left:50%;margin-left: -610px;top:35px;
    min-height: 526px;
}

.dianys{width: 269px;height:156px;position: relative;float: left;margin-right: 18px;margin-bottom: 15px;}
.dianys:nth-child(4n) {margin-right: 0;}
.dianys img{width:269px;height:156px;position: relative;}


.diany{text-align: center; width: 269px;position: absolute;bottom: 0px;height: 25px;line-height: 25px; background:rgba(0,0,0,0.5);color: #fff;}

.lugg{width: 1150px;margin: 0 auto;background-color: #fff;padding: 25px 35px;padding-bottom: 10px; overflow: hidden;display: table;position: absolute;left:50%;margin-left: -610px;top:604px;}
.luhh{width: 207px;float: left;margin: 20px 0px;margin-right: 25px;background-color: #f7f7f7;
border-radius: 8px 8px 0 0;
}
.lull{width: 207px;float: left;margin: 20px 0px;background-color: #f7f7f7;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.lukk{width: 207px;float: left;margin: 20px 0px;background-color: #f7f7f7;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.lus{border-top-right-radius: 8px;border-top-left-radius: 8px;width:100%;height:120px;}
.lu{width: 100%;height: 40px;text-align: center;line-height: 40px;color: #252e59;font-size: 15px;}

/* 史料文物 - 竖屏展示 */
.lugg.relics-home {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    padding-bottom: 40px !important;
}
.relics-home .gongd { position: relative; }
.gong-more { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #666; font-size: 14px; text-decoration: none; }
.gong-more img { vertical-align: middle; margin-left: 5px; }
.relic-items-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-top: 20px !important;
    width: 100% !important;
    float: none !important;
}
.relics-home a.relic-item {
    display: block !important;
    flex: 0 0 auto !important;
    width: 235px !important;
    float: none !important;
    margin: 0 !important;
    text-decoration: none !important;
    transition: transform 0.3s !important;
    background: none !important;
    border-radius: 0 !important;
    height: auto !important;
}
.relics-home a.relic-item:hover { transform: translateY(-5px) !important; }
.relics-home .relic-imgbox {
    width: 235px !important;
    height: 310px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: #f5f5f5 !important;
    float: none !important;
    margin: 0 !important;
    position: relative !important;
}
.relics-home .relic-imgbox img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 8px !important;
    transition: transform 0.3s !important;
}
.relics-home a.relic-item:hover .relic-imgbox img { transform: scale(1.05) !important; }
.relics-home .relic-title {
    display: block !important;
    margin-top: 12px !important;
    text-align: center !important;
    color: #252e59 !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    height: 44px !important;
    overflow: hidden !important;
    background: none !important;
    position: static !important;
    bottom: auto !important;
    width: 100% !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* 史料文物列表页 - 竖屏布局 */
.relic-list-wrap {
    width: 1150px;
    margin: 0 auto;
    padding: 30px 0;
}
.relic-list-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.relic-list-grid .relic-item {
    width: calc(25% - 20px);
    margin: 0 10px 30px;
    text-decoration: none;
    transition: transform 0.3s;
    display: block;
}
.relic-list-grid .relic-item:hover { transform: translateY(-5px); }
.relic-list-grid .relic-imgbox {
    width: 100%;
    height: 340px;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f5f5;
}
.relic-list-grid .relic-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}
.relic-list-grid .relic-item:hover .relic-imgbox img { transform: scale(1.05); }
.relic-list-grid .relic-title {
    margin-top: 12px;
    text-align: center;
    color: #252e59;
    font-size: 15px;
    line-height: 1.5;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.kaisss{width: 100%;height: 60px;text-align: center;}
.kaisss img{width:130px;}
.jia{width: 100%;background-color: #545454;height: 400px;}
.kaka{width: 1100px;margin: 0 auto;padding: 25px 0;padding-top: 45px;padding-left: 503px;}
.yqlj-box {
  overflow: hidden;
}
.yqlj-title {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  float: left;
  line-height: 28px;
  margin-right: 18px;
}
.yqlj-list {
  float: left;
  line-height: 28px;
}
.yqlj-item {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  margin-right: 12px;
  margin-bottom: 5px;
}
.yqlj-item:hover {
  color: #ddd;
}
.llk{border: none;width: 85%;height: 100%;outline: none;font-size: 14px;}
.bbk{height: 45px;border-radius: 3px;background-color: #fff;width: 200px;line-height: 40px;text-align: center;float: left;margin-right: 25px;}



.gognzongj{width: 1100px;margin: 0 auto;padding: 25px 0;padding-top: 40px;padding-left: 350px;}
.gongzh{width: 108px;float: left;text-align: center;color: #fff;font-size: 14px;margin-right: 45px;}
.gognz{width: 108px;float: left;padding: 5px 5px 0px 5px;background-color: #fff;border-radius: 5px;margin-bottom: 12px;}
.beian{width: 508px;float: left;text-align: left;color: #fff;font-size: 14px;line-height: 40px;}
.dibu{text-align: center; width: 1200px;margin: 0 auto;border-top:1px solid #6d6d6d;margin-top: 160px;padding-top: 27px;color: #878787;font-size: 16px;}
.dibu a{color: #878787;}

.zb{color: #fff;position: absolute;top:150px;font-size: 45px;width: 100%;font-weight: 700;}
.zbt{color: #fff;position: absolute;top:240px;font-size: 25px;width: 100%;}
.zw{margin: 0 auto; width: 1200px;color: #a6a6a6;height: 95px;line-height: 95px;font-size: 14px;}
.zw a{color: #a6a6a6;}
.ep-bc-sep{font-family:'宋体';padding:0 10px;}
.zd{margin: 0 auto; width: 1200px;color: #fff;font-size: 16px;}
.znn{height: 45px;padding: 0px 25px;background-color: #d32c26;color:#ffffff;float: left;line-height: 45px;margin-right: 20px;}
.zcc{height: 45px;padding: 0px 25px;background-color: #f5f5f5;float: left;line-height: 45px;color: #333333;margin-right: 20px;}
.zcj{padding-top: 28px;border-bottom: 1.5px dashed #7b7b7b;width: 100%;display: table;padding-bottom: 28px;transition: all 0.5s;}


.zcll{float: left;height: 47px;background-color: #d32c26;color: #fff;width: 150px;line-height: 47px;text-align: right;font-size: 14px;transition: all 0.5s;}
.zchh{float: left;margin-left: 29px; width: 1020px;font-size: 15px;transition: all 0.5s;}

.jn{width: 100%;display: table;margin-top: 25px;height: 500px;}
.jnd{
    float: left;
    position: relative;
    margin: 0 17px 28px;
    border-radius: 11px;
    height: 150px;
}
.jnf{text-align: center;font-size: 15px; position: absolute;bottom: 0px;border-bottom-right-radius: 11px;border-bottom-left-radius: 11px; background:rgba(0,0,0,0.7);width: 100%;height: 40px;line-height: 40px;color: #fff;}

/* 史料文物列表页 - 竖屏布局 */
.relic-list-page { height: auto !important; }
.relic-list-page .juzhong { width: 1200px !important; margin: 0 auto !important; }
.relic-list-page .relic-mark-item {
    display: block !important;
    float: left !important;
    width: calc(20% - 24px) !important;
    margin: 0 12px 25px !important;
    text-decoration: none !important;
    transition: transform 0.3s !important;
    background: none !important;
}
.relic-list-page .relic-mark-item:hover { transform: translateY(-5px) !important; }
.relic-list-page .relic-mark-imgbox {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: transparent !important;
    position: relative !important;
}
.relic-list-page .relic-mark-imgbox img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 8px !important;
    transition: transform 0.3s !important;
}
.relic-list-page .relic-mark-item:hover .relic-mark-imgbox img { transform: scale(1.05) !important; }
.relic-list-page .relic-mark-title {
    display: block !important;
    position: static !important;
    background: none !important;
    color: #252e59 !important;
    height: 42px !important;
    line-height: 1.5 !important;
    padding: 10px 5px 0 !important;
    font-size: 14px !important;
    border-radius: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    bottom: auto !important;
    width: auto !important;
}

.newk{border-bottom: 1.5px dashed #7b7b7b;width: 100%;display: table;padding: 28px 0px;}
.newf{float: left;color: #666666;width: 320px;text-align: right;font-size: 13px;transition: all 0.5s;}
.newh{float: left;margin-left: 29px; width: 750px;font-size: 15px;}
.newjj{float: left;height: 90px;padding-top: 50px; width: 78px;padding-left: 30px; text-align: left;border-right: 1px solid #d9d9d9;font-size: 21px;line-height: 25px;}
.new_ziru{color:#232323;font-size:18px;font-weight:700;transition: all 0.5s;}

.xiaokung{
    width: 50px;
    height: 50px;
    float: right;
    border:1px solid #999999;
    border-radius: 25px;
    margin-top: 40px;
    margin-right: 10px;
    transition: all 0.5s;
}
.sanjiao{
    border:1px solid #999999;
    border-bottom: none;
    border-left:none;
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    margin: 18px 0 0 13px;
    transition: all 0.5s;
}
.xinwendjtu{
    width:210px;
    height:140px;
    float: left;
}


.newk:hover,.zcj:hover{
    transition: all 0.5s;
    background: #f5f5f5;
}

.newk:hover .xiaokung{
    margin-right: 20px;
    background: #d32c26;
    transition: all 0.5s;
    border:1px solid #d32c26;
}
.newk:hover .sanjiao{
    border-top:1px solid #ffffff;
    border-right:1px solid #ffffff;
    transition: all 0.5s;
}
.newk:hover .new_ziru,.zcj:hover .new_ziru{
    color: #d32c26;
    transition: all 0.5s;
}
.newk:hover .newf{
    margin-left: 20px;
    transition: all 0.5s;
}
.newk:hover .newh{
    width: 720px;
    transition: all 0.2s;
}
.zcj:hover .zchh{
    width: 950px;
    transition: all 0.5s;
}
.zcj:hover .zcll{
    margin-left: 30px;
    transition: all 0.5s;
}






.xq{margin: 10px auto;margin-top: 0px; width: 800px;text-align: center;font-size: 22px;}
.xqdd{margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: darkgrey;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;}
.xqkk{width: 100%;margin-top: 25px;font-size: 14px;color: #545454;min-height:600px;line-height: 1.8;word-wrap: break-word;}
.xqkk img {max-width: 100%;height: auto;display: block;}

.xinwnenneiy{
    margin: 0 auto;
    width: 1200px;
    margin-bottom: 50px;
    background: #efefef;
    padding: 40px 30px 20px;
    box-sizing: border-box;
}


.xrpagination {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.xrpagination ul.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.xrpagination ul.pagination li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.xrpagination ul.pagination li > a,
.xrpagination ul.pagination li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1;
    border-radius: var(--el-border-radius-base);
    border: 1px solid var(--el-border-color);
    background: var(--el-bg-color-overlay);
    color: var(--el-text-color-regular);
    box-sizing: border-box;
    text-decoration: none;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
}

/* 总条数等无 href 的 <a> */
.xrpagination ul.pagination li > a:not([href]) {
    cursor: default;
    background: var(--el-fill-color-light);
    border-color: var(--el-border-color-lighter);
    color: var(--el-text-color-secondary);
}

.xrpagination ul.pagination li > a[href]:hover {
    color: var(--el-color-primary);
    border-color: var(--el-color-primary-light-5);
}

.xrpagination ul.pagination li.active > a,
.xrpagination ul.pagination li.active > span {
    background: var(--el-color-primary);
    border-color: var(--el-color-primary);
    color: #f00;
    cursor: default;
}

.xrpagination ul.pagination li.active > a:hover {
    color: #f00;
    border-color: var(--el-color-primary);
    background: var(--el-color-primary);
}

.xrpagination ul.pagination li.disabled > a,
.xrpagination ul.pagination li.disabled > span {
    cursor: not-allowed;
    opacity: 0.55;
    background: var(--el-fill-color-light);
}

/* 兼容：分页直接挂在 .xrpagination 下（无 ul） */
.xrpagination > a,
.xrpagination > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: var(--el-border-radius-base);
    border: 1px solid var(--el-border-color);
    background: var(--el-bg-color-overlay);
    color: var(--el-text-color-regular);
    box-sizing: border-box;
    text-decoration: none;
}

.xrpagination > a:hover {
    color: var(--el-color-primary);
    border-color: var(--el-color-primary-light-5);
}

.xrpagination .active > span,
.xrpagination .active > a,
.xrpagination li.active > a,
.xrpagination span.current,
.xrpagination .current {
    background: var(--el-color-primary);
    border-color: var(--el-color-primary);
    color: #f00;
}


.ep-show-prevnext-wrap {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--el-border-color-lighter);
}
.fc-show-prev-next {
    font-size: 14px;
    color: var(--el-text-color-secondary);
}
.fc-show-prev-next a{
    color: #232323;
}



.ls{margin: 0 auto; width: 100%;border-radius: 20px;position: relative;}
.lsd{height: 25px;width: 88%;position: absolute;top:35px;left:50%;margin-left: -44%; border-bottom: 2px solid #fff;}
.lsf{float: left;height: 25px;color: #e61f18;border-bottom: 2px solid #e61f18;font-weight: bold;}
.lsg{width: 15%;position: absolute;top:75px;left:50%;margin-left: -44%;text-align: center;line-height: 20px;color: #e61f18;font-weight: bold;}
.lsh{width: 70%;position: absolute;top:75px;left:22%;}
.liff{position: absolute;top:9px;left: 51px;color: #fff;font-size: 14px;}
.ligg{position: absolute;top:43px;left: 45px;font-size: 14px;color: #333333;}
.liti{
    position: absolute;
    top: 43px;
    left: 45px;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    overflow-y: auto;
    max-height: 170px;
    background: #ffffff90;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}
.wojyaojiu{
    position: absolute;
    right: calc(50% - 50px);
    bottom: 90px;
}
.woyao{
    position: absolute;
    right: calc(50% + 50px);
    bottom: 90px;
}
.ximbswdw {
    width: 88%;
    height: 78px;
    margin: 0 auto;
    position: absolute;
    right: 54px;
    bottom: 2px;
    border: 1px solid #c5c5c5;
    padding: 10px;
    box-sizing: border-box;
    background: #fef9a9;
    color: #555555;
    border-radius: 7px;
}
.ximbswdw span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #f00;
}
.woyao a,.wojyaojiu a{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #fff810;
    background: #ff0000;
    padding: 5px 15px;
    display: block;
    border-radius: 5px;
    box-shadow: 0 0 8px #ccc;
    
}
.el-button{
    display: none;
}
/* 遮罩层 - 全屏半透明背景 */
.mask-layer {
  display: none; /* 默认隐藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999; /* 最高层级，不被遮挡 */
  justify-content: center;
  align-items: center;
}

/* 弹窗 - 居中自适应 */
.mask-popup {
    position: relative;
    width: 90%;
    max-width: 1000px;
    height: 640px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); 
}

/* 内嵌页面 - 铺满弹窗 */
.mask-iframe {
  width: 100%;
  height: 100%;
  display: block;
}

/* 关闭按钮 */
.mask-close {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #d32c26;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
}
.mask-close:hover {
  background: #ad1925;
}

.tinbutu{width:100%;height:358px;}

.ssken{width: 1150px;margin: 0 auto;overflow: hidden;height: 50px;}
.datubjhjw{width:100%;height:955px;}
.kunakhuj{width:100%; height:1000px;}
.xiaodahng{height: 55px;width: 100%;background-color: #fef0f0;margin-top: 65px;}

.top_01_tu{width:100%; height:400px;}
.lijikuang{width: 1200px;text-align: center;}
.sskwnr{margin: 25px auto 20px; width: 1200px;}
.netww{margin: 0 auto; width: 1200px;}
.nrn_xmshu{color: #8c8c8c;margin-top: 13px;}
.jnd img{
    width: 265px;
    height: 150px;
    border-radius: 11px;
}
.juzhong{margin: 0 auto; width: 1200px;}

.dabjukwkjru{width:100%;height:566px;}
.sji{width: 70%;position: absolute;top:141px;left:22%;}
.xis{width: 70%;position: absolute;top:211px;left:22%;height: 350px;}
.kwjjj{width: 280px;float: left;}
.kwjjj2{width: 220px;float: left;}


.logo_top{width: 420px;position: absolute;left: 19%;top: 30px;}
/* 手机端适配 */
@media screen and (max-width: 768px) {
    
    .logo_top{width: 20%;left: 3%;top: 20px;}
    /* 全局基础样式 */
body {font-size: 14px;}
.juzhong{width:90%;}
.xqkk img {max-width:90%;}
.lijikuang{width: 100%;text-align: center;}
.sskwnr,.netww,.ssken{width: 100%;}
.xiaokung{display:none;}
.xinwendjtu {
    width: 140px;
    height: 100px;
}
.liti{left: 2%;width: 90%;}
.dabjukwkjru{width:100%;height: calc(100vh - 3px);}
.kwjjj{width: 70%;float: left;}
.kwjjj2{width: 70%;float: left;}
.lsg {width: 20%;}
.lsh {left: 29%;}
.sji{top: 197px;left: 29%;}
.xis{top: 300px;left: 5%;width: 90%;}
.wojyaojiu{right: 0;}
.woyao{right: 80px;}
.newjj{
    height: 65px;
    padding-top: 26px;
    width: 64px;
    padding-left: 15px;
}
.liesg,.liesg2{
    height: 440px;
    overflow: hidden;
}
.newk{width:90%;margin:0 auto}
.newf{width: 221px;}
.newh{
    width: calc(100% - 250px);
    margin-left: 10px;
}
.new_ziru{
    height: 48px;
    overflow: hidden;
}
.nrn_xmshu{
    margin-top: 10px;
    height: 40px;
    overflow: hidden;
}
.top_01_tu{height:200px;}
    /* 搜索栏 */
    .sous {
        width: 100%;
        height: auto;
        padding: 10px 15px;
        box-sizing: border-box;
    }
    .souy, .xias {
        width: 92%;
        float: none;
        margin: 0px auto;
    }
    .souz, .souz2 {
        width: calc(100% - 40px);
    }
    .souzz, .souk {
        float: none;
        line-height: 40px;
        margin: 5px 0;
        text-align: center;
        width: 96%;
    }

    /* 顶部导航 */
    .topcs {
        overflow-x: auto;
        white-space: nowrap;
    }
    .topc {
        width: 100%;
        height: auto;
        line-height: 40px;
        font-size: 14px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .topf {
        padding: 0;
        display: inline-block;
        width: 25%;
        text-align: center;
    }
    
    
  .mask-popup {
    width: 95%;
    height: 80vh;
  }
  .mask-close {
    right: 10px;
    top: 8px;
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
    /* 顶部横幅 */
    .topn {
        height: 200px;
        overflow: hidden;
    }

    .topn2 {
        height: 200px;
        overflow: hidden;
    }
    .tinbutu{width:100%;height:200px;}
    .logo {
        left: 10%;
        top: 20px;
        width: 80%;
    }
    .logo img{
        max-width: 100%;
        height: auto;
    }
    .topy {
        left: -13%;
        width: 90%;
        top: 74px;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
    .topd {
        left: 76%;
        transform: translateX(-50%);
        bottom: -7px;
        width: 50%;
    }
    .dys {
        display: none;
    }

    /* 右侧悬浮按钮 */
    .kinw {
        width: 55px;
        right: 5px;
        top: 20%;
    }
.kinw a {
    height: 55px;
}
    
    /* 新闻板块 */
    .xinwen {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
.xinwenl font{
    display: inline-block;
    width: calc(100% - 170px);
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    }
    .xinwens {
        width: 100%;
        float: none;
        padding: 20px 15px;
        height: auto;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    .xinwend, .xinwenf {
        padding-right: 20px;
    }
    .tuy {
        width: 100%;
        float: none;
        height: auto;
    }
    .tun {
        float: none;
        width: 100%;
    }
    .tun img {
        width: 100%;
        height: auto;
    }
    .tux {
        left: 50%;
        transform: translateX(-50%);
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 16px;
    }

    /* 公告板块 */
    .gong {
        height: auto;
        display: block;
    }
    .datubjhjw,.kunakhuj{display:none}
    
    .gonge, .gongx {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        margin: 20px auto;
        padding: 20px 15px;
        box-sizing: border-box;
        background: none;
    }
   .gongj {
        width: 48%;
        margin: 0 1%;
        height: 89px;
        margin-bottom: 20px;
    }
    .gongi {
        width: 100%;
        height: auto;
    }
.gongd{
    margin-bottom: 10px;
}
.jnf{bottom:0}
.jnd {
    width: 48%;
    margin: 0 1%;
    height: 120px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.jnd img{
        max-width: 100%;
        height: 120px;
    }

    /* 移动端 - 纪念设施模块适配 */
    body div.gong {
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        display: block !important;
    }
    body div.gong div.gonge {
        position: relative !important;
        width: 100% !important;
        top: auto !important;
        left: auto !important;
        margin: 0 !important;
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        background: #fff !important;
        height: auto !important;
        margin-left: 0 !important;
        transform: none !important;
    }
    body div.gong div.gongg div.gongj {
        width: 48% !important;
        margin: 0 1% 15px !important;
        height: auto !important;
        padding: 0 !important;
        float: left !important;
    }
    body div.gong div.gongg div.gongj img.gongi {
        width: 100% !important;
        height: 120px !important;
        object-fit: cover !important;
        border-radius: 8px 8px 0 0 !important;
    }
    body div.gong div.gongg div.gongj div.gongj-title {
        height: 32px !important;
        line-height: 32px !important;
        font-size: 12px !important;
        padding: 0 5px !important;
        bottom: 0 !important;
        position: absolute !important;
    }

    /* 移动端 - 史料文物模块适配 */
    body div.lugg.relics-home {
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        display: block !important;
        overflow: hidden !important;
        margin-left: 0 !important;
        transform: none !important;
    }
    body div.lugg.relics-home div.relic-items-row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        margin-top: 15px !important;
        width: 100% !important;
        float: none !important;
    }
    body div.lugg.relics-home a.relic-item {
        width: 48% !important;
        margin: 0 0 15px !important;
        float: none !important;
    }
    body div.lugg.relics-home div.relic-imgbox {
        width: 100% !important;
        height: 180px !important;
        float: none !important;
    }
    body div.lugg.relics-home div.relic-title {
        font-size: 13px !important;
        height: 38px !important;
        margin-top: 8px !important;
        display: block !important;
        color: #252e59 !important;
        background: none !important;
    }

    /* 移动端 - 政策法规模块适配 */
    .zhengcefg {
        padding: 20px 15px !important;
    }
    .zhengcefg .zf-cols {
        flex-direction: column !important;
    }
    .zhengcefg .zf-card {
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    /* 列表板块 */
    .lie {
        height: auto;
        margin-top: 20px;
        padding: 20px 0;
    }
    .lies {
        position: static;
        width: 100%;
        margin: 0;
        margin-left: 0;
        padding: 20px 15px;
        box-sizing: border-box;
    }
    .lieb {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .lieb:nth-child(2n) {
        margin-right: 0;
    }
    .liek {
        right: 19%;
        top: 22px;
        font-size: 12px;
        padding: 5px 0;
    }
    .xiaodahng {
        height: 45px;
    }
    /* 标签切换 */
    .hong, .hong2 {
        padding: 0 12px;
        font-size: 14px;
        height: 45px;
        line-height: 45px;
    }

    /* 大图展示 */
    .dakuangzi {
        position: static;
        width: 100%;
        margin: 0;
        margin-left: 0;
        padding: 20px 15px;
        box-sizing: border-box;
        min-height: auto;
    }
    .dianys {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
        height: 89px;
    }
    .dianys:nth-child(2n) {
        margin-right: 0;
    }
    .dianys:nth-child(4n) {
        margin-right: 0;
    }
    .dianys img {
        width: 100%;
        height: auto;
    }
    .diany {
        width: 100%;
        font-size: 12px;
    }

    /* 底部列表 */
    .lugg {
        position: static;
        width: 100%;
        margin: 20px 0;
        margin-left: 0;
        padding: 20px 15px;
        box-sizing: border-box;
    }
    .luhh, .lull, .lukk {
        width: 48%;
        margin:0 1% 20px;
    }

    .lus {
        height: 100px;
    }
    .lu {
        font-size: 14px;
    }
    .kaisss img {
        width: 100px;
    }

    /* 页脚 */
    .jia {
        height: auto;
        padding: 30px 15px;
        box-sizing: border-box;
    }
    .kaka, .gognzongj {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .bbk {
        float: none;
        margin: 10px auto;
        width: 80%;
    }
    .gongzh {
        float: none;
        display: inline-block;
        margin: 10px 20px;
    }
    .beian {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 20px;
    }
    .dibu {
        width: 100%;
        margin-top: 30px;
        padding-top: 20px;
        font-size: 14px;
    }

    /* 内页样式 */
    .zb {
        font-size: 28px;
        top: 50px;
        text-align: center;
    }
    .zbt {
        font-size: 18px;
        top: 110px;
        text-align: center;
    }
    .zw, .zd {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .znn, .zcc {
        padding: 0 15px;
        margin-right: 10px;
        font-size: 14px;
    }
    .zcll {
        width: 100%;
        float: none;
        text-align: left;
        padding-left: 15px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    .zchh {
        width: 100%;
        float: none;
        margin-left: 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    /* 新闻内页 */
    .xq {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 18px;
    }
    .xqkk {
        padding: 0 15px;
        box-sizing: border-box;
    }
    .xinwnenneiy {
        width: 100%;
        padding: 20px 15px;
    }

    /* 分页 */
    .xrpagination ul.pagination li > a,
    .xrpagination ul.pagination li > span {
        min-width: 28px;
        height: 28px;
        padding: 0 8px;
        font-size: 12px;
    }


}

/* 更小屏幕适配（360px以下） */
@media screen and (max-width: 360px) {
    .topy {
        font-size: 20px;
        line-height: 35px;
    }
    .hong, .hong2 {
        padding: 0 15px;
        font-size: 13px;
    }
    .lieb {
        width: 100%;
        margin-right: 0;
    }
    .dianys {
        width: 100%;
        margin-right: 0;
    }
    .luhh, .lull, .lukk {
        width: 100%;
        margin-right: 0;
    }
}

/* ============================================
   史料文物竖屏展示样式（最高优先级）
   ============================================ */

/* --- 首页 --- */
body .lugg.relics-home {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    padding-bottom: 25px !important;
    position: absolute !important;
}
body .lugg.relics-home .relic-items-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-top: 20px !important;
    width: 100% !important;
    float: none !important;
}
body .lugg.relics-home a.relic-item {
    display: block !important;
    flex: 0 0 235px !important;
    width: 235px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    background: none !important;
    border-radius: 0 !important;
    height: auto !important;
    transition: transform 0.3s !important;
}
body .lugg.relics-home a.relic-item:hover {
    transform: translateY(-5px) !important;
}
body .lugg.relics-home .relic-imgbox {
    width: 235px !important;
    height: 220px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: #f5f5f5 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}
body .lugg.relics-home .relic-imgbox img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform 0.3s !important;
}
body .lugg.relics-home a.relic-item:hover .relic-imgbox img {
    transform: scale(1.05) !important;
}
body .lugg.relics-home div.relic-title {
    display: block !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #252e59 !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    height: 44px !important;
    overflow: hidden !important;
    background: none !important;
    position: static !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    border-radius: 0 !important;
    border: none !important;
}

/* --- 列表页 --- */
body .jn.relic-list-page {
    height: auto !important;
}
body .jn.relic-list-page .juzhong {
    width: 1200px !important;
    margin: 0 auto !important;
}
body .jn.relic-list-page a.relic-mark-item {
    display: block !important;
    float: left !important;
    width: calc(20% - 24px) !important;
    margin: 0 12px 25px !important;
    padding: 0 !important;
    text-decoration: none !important;
    background: none !important;
    height: auto !important;
    transition: transform 0.3s !important;
}
body .jn.relic-list-page a.relic-mark-item:hover {
    transform: translateY(-5px) !important;
}
body .jn.relic-list-page .jnd.relic-mark-imgbox {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: transparent !important;
    position: relative !important;
}
body .jn.relic-list-page .jnd.relic-mark-imgbox img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform 0.3s !important;
}
body .jn.relic-list-page a.relic-mark-item:hover .jnd.relic-mark-imgbox img {
    transform: scale(1.05) !important;
}
body .jn.relic-list-page div.jnf.relic-mark-title {
    display: block !important;
    position: static !important;
    background: none !important;
    color: #252e59 !important;
    height: 42px !important;
    line-height: 1.5 !important;
    padding: 10px 5px 0 5px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    border-radius: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    margin: 0 !important;
}

/* 纪念设施 - 首页标题显示（卡片式） */
.gong .gongd {
    position: relative;
}
/* 纪念设施栏目整体加高，防止内容被截断 */
.gong {
    min-height: 1006px !important;
    overflow: visible !important;
}

/* ===== 模块独立背景容器 ===== */
.sec-bg {
    width: 100%;
    background: url(../images/image.png) center center/cover no-repeat #f8f1e3;
    position: relative;
    padding-top: 40px;
    padding-bottom: 0;
    margin-top: 0;
    overflow: hidden;
}

/* 政策法规模块间距统一，内容贴底部 */
.zf-wrap {
    margin-top: 0 !important;
    padding-top: 40px !important;
    padding-bottom: 0 !important;
}

/* 红色资源库 - 改为普通流居中 */
body .sec-hongse .dakuangzi {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-left: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    width: 1150px !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

/* 智能语音导览 - 改为普通流居中 */
body .sec-yuyin .lugg.yuyin-box {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-left: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    width: 1150px !important;
    overflow: hidden !important;
    display: block !important;
    float: none !important;
}

/* 纪念设施 - 改为普通流居中 */
body .sec-gong .gonge {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-left: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    width: 1150px !important;
    overflow: hidden !important;
}

/* 史料文物 - 改为普通流居中 */
body .sec-relics .lugg.relics-home {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-left: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    width: 1150px !important;
    display: block !important;
    float: none !important;
    overflow: hidden !important;
}
.gong .gonge {
    height: auto !important;
    padding-bottom: 35px !important;
}
.gong .gongg .gongj {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    height: auto !important;
    width: 33.3% !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}
.gong .gongg .gongj:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.gong .gongg .gongj a {
    display: block;
    text-decoration: none;
}
.gong .gongg .gongj img.gongi {
    display: block !important;
    width: 100% !important;
    height: 150px !important;
    object-fit: contain !important;
    border-radius: 10px 10px 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f5f5f5 !important;
}
.gong .gongg .gongj .gongj-title {
    display: block !important;
    background: #fff !important;
    color: #252e59 !important;
    font-size: 14px !important;
    padding: 10px 8px !important;
    text-align: center !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-weight: normal !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.5 !important;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    border-radius: 0 0 10px 10px !important;
}

/* 政策法规 - 去掉头条图片框，纯文字列表 */
.zf-top {
    display: none !important;
}

/* ============================================
   移动端最终适配（最高优先级，放在最后）
   ============================================ */
@media screen and (max-width: 768px) {

    /* 史料文物 - 移动端一行2个 */
    html body div.sec-relics div.lugg.relics-home {
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        display: block !important;
        overflow: hidden !important;
        margin-left: 0 !important;
        transform: none !important;
    }
    html body div.sec-relics div.lugg.relics-home div.relic-items-row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        margin-top: 15px !important;
        width: 100% !important;
        float: none !important;
    }
    html body div.sec-relics div.lugg.relics-home a.relic-item {
        width: 48% !important;
        margin: 0 0 15px !important;
        float: none !important;
        flex: 0 0 48% !important;
    }
    html body div.sec-relics div.lugg.relics-home div.relic-imgbox {
        width: 100% !important;
        height: 180px !important;
        float: none !important;
    }
    html body div.sec-relics div.lugg.relics-home div.relic-title {
        font-size: 13px !important;
        height: 38px !important;
        margin-top: 8px !important;
        display: block !important;
        color: #252e59 !important;
        background: none !important;
        text-align: center !important;
    }

    /* 纪念设施 - 移动端一行2个 */
    html body div.sec-gong {
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        display: block !important;
    }
    html body div.sec-gong div.gonge {
        position: relative !important;
        width: 100% !important;
        top: auto !important;
        left: auto !important;
        margin: 0 !important;
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        background: #fff !important;
        height: auto !important;
        margin-left: 0 !important;
        transform: none !important;
    }
    html body div.sec-gong div.gongg div.gongj {
        width: 48% !important;
        margin: 0 1% 15px !important;
        height: auto !important;
        padding: 0 !important;
        float: left !important;
    }
    html body div.sec-gong div.gongg div.gongj img.gongi {
        width: 100% !important;
        height: 120px !important;
        object-fit: cover !important;
        border-radius: 8px 8px 0 0 !important;
    }
    html body div.sec-gong div.gongg div.gongj div.gongj-title {
        height: 32px !important;
        line-height: 32px !important;
        font-size: 12px !important;
        padding: 0 5px !important;
        bottom: 0 !important;
        position: absolute !important;
    }

    /* 红色资源库 - 移动端一行2个 */
    html body div.sec-hongse div.dakuangzi {
        width: 100% !important;
        padding: 20px 15px !important;
        box-sizing: border-box !important;
    }
    html body div.sec-hongse div.dys {
        width: 100% !important;
    }
    html body div.sec-hongse div.dianys {
        width: 48% !important;
        margin: 0 1% 15px !important;
        float: left !important;
        height: auto !important;
    }
    html body div.sec-hongse div.dianys img {
        width: 100% !important;
        height: 100px !important;
        object-fit: cover !important;
    }
    html body div.sec-hongse div.diany {
        width: 100% !important;
        font-size: 12px !important;
    }
    html body div.sec-hongse .xiaodahng {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    html body div.sec-hongse .xiaodahng .hong,
    html body div.sec-hongse .xiaodahng .hong2 {
        flex: 1 1 auto !important;
        margin-bottom: 5px !important;
        text-align: center !important;
    }

    /* 智能语音导览 - 移动端一行2个 */
    html body div.sec-yuyin div.lugg.yuyin-box {
        width: 100% !important;
        padding: 20px 15px !important;
        box-sizing: border-box !important;
    }
    html body div.sec-yuyin div.lugg.yuyin-box div.luhh {
        width: 48% !important;
        margin: 0 1% 15px !important;
        float: left !important;
        height: auto !important;
    }
    html body div.sec-yuyin div.lugg.yuyin-box div.luhh img.lus {
        width: 100% !important;
        height: 100px !important;
        object-fit: cover !important;
    }
    html body div.sec-yuyin div.lugg.yuyin-box div.lu {
        font-size: 12px !important;
        height: 32px !important;
        line-height: 32px !important;
    }
}

/* ===== 首页「红色资源库 / 智能语音导览」模块分离 =====
   原布局两块白卡均为 position:absolute 固定 top，内容变高后会互相重叠。
   这里在桌面端改为正常文档流，背景图改为独立铺满图层，两块卡片自然上下排列。 */
@media screen and (min-width: 769px) {
    .home-hongse-sec {
        position: relative;
        overflow: hidden;
    }
    .home-hongse-sec .kunakhuj {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: fill;
        z-index: 0;
    }
    .home-hongse-sec .dakuangzi {
        position: relative;
        left: auto;
        top: auto;
        margin: 35px auto 0;
        width: 1150px;
        min-height: 0;
        z-index: 1;
    }
    .home-hongse-sec .lugg {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        margin: 45px auto 70px;
        width: 1150px;
        z-index: 1;
    }
}

/* ===== 首页「纪念设施」区块底部白条修复 =====
   .gong 容器被强制为 min-height:1006px，而内部背景大图 .datubjhjw 固定 height:955px，
   容器底部约 51px 露出版式白底，形成一条横穿全屏的白条。
   让背景图作为独立图层铺满整个容器即可（移动端该图已 display:none，不受影响）。 */
@media screen and (min-width: 769px) {
    .gong > .datubjhjw {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
    }
}

/* ===== 首页「史料文物」移动端一行两个 =====
   已有的移动端规则选择器挂在 .sec-relics 上，但模板里并没有这个 class，规则一直是死代码；
   实际生效的是全局规则 body .lugg.relics-home a.relic-item{flex:0 0 235px}，
   把卡片锁成固定 235px，手机上只能一行一个。
   这里补一条不依赖 .sec-relics 的规则，强制两列（48% + space-between）。 */
@media screen and (max-width: 768px) {
    body div.lugg.relics-home div.relic-items-row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }
    body div.lugg.relics-home a.relic-item {
        flex: 0 0 48% !important;
        width: 48% !important;
        margin: 0 0 15px !important;
        float: none !important;
    }
    body div.lugg.relics-home div.relic-imgbox {
        width: 100% !important;
        height: 180px !important;
    }
}
/* ===== 手机端体验优化（2026-09-13） =====
   1) 顶部欢迎条 + 重复搜索框在手机端隐藏（手机端保留新闻区搜索）
   2) 栏目导航两行居中（手机端原来第二行左对齐，右侧留空）
   3) 政策法规模块 .zf-box 被写死 1150px，手机端内容被 overflow:hidden 切掉
   4) 新闻列表标题固定只留 160px，大量留白
   注：头部横幅 200px 是设计稿原始构图，压矮会让标语与右下角雕像重叠，故保持不动。
   全部包在 max-width:768px 内，桌面端不受影响。 */
@media screen and (max-width: 768px) {

    /* --- 1. 首屏瘦身：隐藏顶部欢迎条与其搜索框 --- */
    .sou { display: none !important; }

    /* --- 2. 栏目导航两行居中 --- */
    .topc { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; }
    .topf { display: block !important; width: 25% !important; padding: 0 !important; }

    /* --- 3. 政策法规模块自适应 --- */
    .zf-wrap { padding: 20px 0 !important; }
    .zf-box {
        width: 100% !important;
        padding: 18px 15px 8px !important;
        box-sizing: border-box !important;
    }
    .zf-cols { gap: 0 !important; }
    .zf-card { width: 100% !important; flex: none !important; margin: 0 0 18px !important; }
    .zf-card:last-child { margin-bottom: 0 !important; }
    .zf-body { padding: 10px 0 !important; }
    .zf-item { align-items: flex-start !important; padding: 6px 0 !important; }
    .zf-item-title {
        white-space: normal !important;
        overflow: visible !important;
        line-height: 1.5 !important;
    }
    .zf-item-date { margin-left: 10px !important; line-height: 1.5 !important; }

    /* --- 4. 新闻列表标题宽度自适应（原来预留了 170px，过宽） --- */
    .xinwen .xinwenl font { width: calc(100% - 96px) !important; }
}

/* ===== 手机端「圆点与标题对齐」修正（2026-09-13）=====
   问题根因：
   1) 新闻列表：圆点是 images/zuodian.png（实际 15x14），行内元素默认 vertical-align:baseline，
      图片底边压在文字基线上，导致圆点比标题文字的光学中心低约 3.5px，看着往下坠。
      → 改 vertical-align:middle，让圆点中心对齐字号中线。
   2) 政策法规：标题允许折行后 .zf-item 必须是 align-items:flex-start，
      否则 align-items:center 会把圆点甩到两行文字的中间缝里；但 flex-start 又把圆点
      钉在整块顶部，实测比「首行」中心高约 7px（相对两行块的偏差 -17px）。
      → 只给圆点自身补半个行高差，对齐首行中线，不影响其他元素。
      行高 1.5em(13px 字号 → 19.5px)、圆点 5px → 偏移 (19.5-5)/2 = 7.25px。
   仅作用于 max-width:768px，桌面端不受影响（桌面端 .zf-item 仍是 align-items:center，本来就居中）。 */
@media screen and (max-width: 768px) {
    .xinwen .xinwenl img, .xinwen .xinwenl font { vertical-align: middle !important; }
    .zf-item .zf-dot { margin-top: calc((1.5em - 5px) / 2) !important; }
}

/* ===== 史料文物列表页（category id=233）手机端修正（2026-09-13）=====
   三个问题，根因如下：
   ① 整页横向溢出：.juzhong 宽度被写死 1200px（第 378、1438 行），手机视口只有 390px，
      文档 scrollWidth 变成 1200 —— 所以只看得到最左边约 1.8 个卡片，看着像"两列"。
   ② 标题跑到图片右边竖排：.jnd 在移动端块（第 1026 行）被设成 display:flex，
      而 233 页模板给标题加了 position:static，于是标题成了 flex 项、被挤在图片右侧。
   ③ 底部一片空白：分页 .xrpagination 被居中在 1200px 容器里，在手机上整个落到屏幕外看不见，
      只留下它的占位高度（实测 1512~1588 共 77px 整行纯白）。
   修好 ① 之后分页自然回到视口内居中显示，空白随之消失。
   全部包在 max-width:768px 内，桌面端不受影响。 */
@media screen and (max-width: 768px) {

    /* ① 容器自适应屏幕宽度：统一由文件末尾「列表页容器自适应」一段处理 */

    /* ② 一行 3 个（108px 卡片 + 左右各 6px 间距，3 个正好铺满 360px） */
    body .jn.relic-list-page a.relic-mark-item {
        width: calc(33.333% - 12px) !important;
        margin: 0 6px 14px !important;
    }

    /* ③ 图片与标题改成上下排列，标题落到图片下面 */
    body .jn.relic-list-page .jnd.relic-mark-imgbox {
        display: block !important;
        height: auto !important;
    }
    body .jn.relic-list-page .jnd.relic-mark-imgbox img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;   /* 一行三个时卡片变窄，方图比原来 250px 高的竖裁好看 */
        object-fit: cover !important;
    }

    /* ④ 标题：随卡片变窄收紧字号，允许两行 */
    body .jn.relic-list-page div.jnf.relic-mark-title {
        height: auto !important;
        min-height: 36px !important;
        padding: 6px 2px 0 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    /* ⑤ 分页回到视口内（配合 ① 自动居中），并去掉多余上间距 */
    body .jn.relic-list-page .xrpagination {
        margin-top: 4px !important;
        clear: both !important;
    }
}

/* ===== 列表页容器自适应手机宽度（mark.html 模板：206 纪念设施 / 231 VR全景 / 233 史料文物）=====
   .juzhong 宽度被写死 1200px（第 378、1438 行），手机视口只有 390px
   → 文档 scrollWidth 变成 1200，整页可以横向拖动 810px。
   模板里给这个列表容器加了 jn-listpage 类，这里只对它生效，
   不影响其他同样使用 .juzhong 的页面（policies.html 政策法规、search.html 搜索、zndl.html 智能导览）。 */
@media screen and (max-width: 768px) {
    body .jn.jn-listpage .juzhong {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
}

/* ===== 史料文物列表页：消除卡片之间的空白（2026-09-13 追加）=====
   现象：列表里出现"一行只有一张卡片、右边空出 2/3"的大片空白（实测第 6 行、第 8 行都是单张独占）。
   根因：卡片用 float 排列，而卡片高度受标题行数影响（2~4 行 → 卡片 150/163/179px 不等）；
        浮动布局在高度不齐时无法把后续卡片填回空档，就会把它挤到下一行去。
   改法：① .juzhong 改 display:grid（行数由列数决定，结构上不可能出现"孤卡独占一行"）
        ② 标题固定 3 行高度并裁剪，所有卡片高度完全一致，行内也不再有高矮不齐的空档 */
@media screen and (max-width: 768px) {

    /* ① 网格布局：三列等宽 */
    body .jn.relic-list-page .juzhong {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px 12px !important;
    }

    /* 卡片本身不再浮动、不再设宽度，交给网格排 */
    body .jn.relic-list-page a.relic-mark-item {
        width: auto !important;
        margin: 0 !important;
        float: none !important;
        display: block !important;
    }

    /* ② 标题固定 3 行：字号 12px、行高 16px、上下留 6px，共 54px
       超过 3 行的标题带省略号（桌面端本来就限制在 42px / 2 行） */
    body .jn.relic-list-page div.jnf.relic-mark-title {
        height: 54px !important;
        min-height: 0 !important;
        padding: 6px 2px 0 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        box-sizing: border-box !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* ③ 分页横跨整行（网格里必须显式声明，否则会被当成一个格子） */
    body .jn.relic-list-page .xrpagination {
        grid-column: 1 / -1 !important;
        margin: 6px 0 0 !important;
        clear: none !important;
    }
}



/* 一键排版(自动排版)生成的居中段落内图片居中：正文 img 为 display:block，父级 text-align:center 对其无效，改用 margin 居中 */
.xqkk p[style*="text-align:center"] img,
.xqkk p[style*="text-align: center"] img { margin-left: auto; margin-right: auto; }

/* ===== 红色资源库 · 书籍封面显示修正（2026-09-16）=====
   问题：.dianys img 被写死 269x156 且没有 object-fit（默认 fill 拉伸），
        竖版书封面（原始 120×178 / 120×160）被横向拉宽、纵向压扁，变形明显；
        影视类横版封面（1080×608 等）比例接近，所以只有书籍看着别扭。
   处理：① 全局给 .dianys img 加 object-fit: contain —— 任何比例的封面都不再变形；
        ② 红色书籍（首页容器 id=dianyin223）单独改成竖版卡片 269×400：
           卡片比例 269/400=0.6725 与书封面 120/178=0.674 几乎一致，基本铺满、无裁切。
   注意：dianyin223 是 index.html 里 {category module=share pid=209} 循环生成的容器 id。 */
.dianys img {
    object-fit: contain;
    background: #fff;
}

/* 卡片是 float，父容器原本没有清浮动（高度塌陷为 0）；竖版卡片更高，必须清掉 */
#dianyin223 {
    overflow: hidden;
}

#dianyin223 .dianys {
    width: 269px;
    height: 260px;
}

#dianyin223 .dianys img {
    width: 269px;
    height: 260px;
}

/* 移动端：竖版卡片同步缩小，避免桌面尺寸串到手机上 */
@media (max-width: 768px) {
    #dianyin223 .dianys {
        width: 48%;
        height: 210px;
        margin-right: 4%;
        margin-bottom: 15px;
    }
    #dianyin223 .dianys:nth-child(2n) {
        margin-right: 0;
    }
    #dianyin223 .dianys img {
        width: 100%;
        height: 210px;
    }
}

/* ===== 续：红色书籍封面 · 栏目列表页（2026-09-16）=====
   栏目列表页模板 hszyk.html 的卡片 .jnd 原本 265×150 且没有 object-fit（默认拉伸），
   书封面在这里同样被拉宽压扁。该模板已按 catid 输出 class="jn-book"（仅红色书籍 223），
   这里给它竖版卡片；同时全局给 .jnd img 加 contain，任何比例封面都不再变形。 */
.jnd img {
    object-fit: contain;
    background: #fff;
}

.jn-book .jnd {
    width: 265px;
    height: 320px;
}

.jn-book .jnd img {
    width: 265px;
    height: 320px;
}

@media (max-width: 768px) {
    .jn-book .jnd {
        height: 230px;
    }
    .jn-book .jnd img {
        height: 230px;
    }
}

/* ===== 搜索框内置搜索按钮（2026-09-18，含首页 .xias 白底框）===== */
/* 背景：.el-button{display:none} 全局隐藏了提交按钮，搜索框只能按回车。
   这里按 class 精准放开 ep-header-search-submit，做成搜索框内右侧的红色按钮。
   影响范围：页头搜索 + 各栏目列表页 + 搜索结果页（同一结构 .souy > form > button）。 */
.souy, .xias{ position: relative; }
.souy .souz,
.xias .souz2{ width: calc(100% - 118px); }
.souy .ep-header-search-submit,
.xias .ep-header-search-submit{
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    background-color: #c81010;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
}
.souy .ep-header-search-submit:hover,
.xias .ep-header-search-submit:hover{ background-color: #a90d0d; }
.souy .ep-header-search-submit span,
.xias .ep-header-search-submit span{ color: #ffffff; font-size: 13px; line-height: 25px; }


/* ===== 手机端横幅与头部适配（2026-09-18） ===== */
@media screen and (max-width: 768px){
    html, body{overflow-x: hidden;}
    /* 顶部欢迎条 + 搜索条：原 .sous 固定 1200px 导致横向溢出 */
    .sou{overflow: hidden;}
    .sous{width: 100%;height: 44px;padding: 0 12px;box-sizing: border-box;}
    .souzz{line-height: 44px;font-size: 13px;}
    .souk{line-height: 44px;margin-top: 4px;float: right;}
    .souy{width: 150px;height: 28px;}
    .sout{margin-top: 5px;}
    .souz{margin-top: 5px;}
    /* 横幅区：压缩高度；cover+左对齐裁切，避免 fill 拉伸把左侧纪念碑压变形 */
    .topn2{height: 230px;}
    .tinbutu{height: 230px;object-fit: cover;object-position: left center;}
    .logo_top{width: 46%;left: 4%;top: 12px;}
    .topy{left: 4%;right: 2%;top: 96px;font-size: 17px;line-height: 30px;}
    /* 右侧雕塑：重置旧媒体查询遗留的 translateX(-50%)，并补偿图片右侧透明边距，贴死最右边 */
    .topd{width: 200px;left: auto;right: -4px;bottom: -6px;transform: none;}
}
@media screen and (max-width: 400px){
    .topn2{height: 200px;}
    .tinbutu{height: 200px;object-fit: cover;object-position: left center;}
    .logo_top{width: 50%;top: 10px;}
    .topy{top: 86px;font-size: 15px;line-height: 26px;}
    .topd{width: 170px;right: -3px;transform: none;}
}

/* 手机端悬浮卡：缩小下移，避免压住导航菜单 */
@media screen and (max-width: 768px){
    .kinw{top: 42%;width: 48px;right: 4px;border-radius: 8px;}
    .kinw a{height: 48px;}
}

/* 全局：修复 .kaka/.gognzongj 超宽导致的横向滚动条（内容均在视口内，仅裁掉空白溢出） */
html, body{overflow-x: hidden;}