@charset "utf-8";
/* ==================== 模板3（党建网）响应式样式 ==================== */
/* 规范：中间区域最大 1600px，1600 以下 width:94% 两边留间距；手机端字体缩小 */
/* 注意：base.css 里写的是 .homepart1 .djzcbox .djtit h3 这类"长选择器"，
   手机端要覆盖必须在 other.css 里写同等（或更高）特异性的选择器，只写 .djbox .djtit h3 覆盖不了。 */

/* ---------- 1600px 以下：中间区域 94%（两边留间距） ---------- */
@media (max-width:1600px){
	.headbox .logobar .box,
	.headbox .navbar .navin,
	.homepart1 .centerbox .centerin,
	.homepart2 .centerbox .centerin,
	.homepart3 .centerbox .centerin,
	.homead .centerin,
	.homepart4 .topicbox,
	.mainbox .centerbox,
	.footin{ width:94%; margin:0 auto;}
	.homepart4 .topicbox .swiper{ width:100%; }
}

/* ---------- 1400px：导航字体缩小 ---------- */
@media (max-width:1400px){
	.headbox .navbar ul li{ font-size:14px; padding:0 4px;}
	.djbox .djtit h3,
	.homepart1 .djzcbox .djtit h3,
	.homepart2 .ztjybox .djtit h3,
	.homepart2 .jcfcbox .djtit h3{ font-size:24px; padding-left:56px;}
	.homepart1 .djzcbox ul li .tit{ font-size:16px;}
}

/* ---------- 1200px：两栏仍并排，字号略缩 ---------- */
@media (max-width:1200px){
	.headbox .navbar ul li{ font-size:13px; padding:0 2px;}
	.headbox .logobar .downtop{ width:140px;}
	.headbox .logobar .downtop .tit{ width:140px; font-size:14px; padding:0 24px;}
	.homepart1 .hotpic{ height:520px;}
	.homepart1 .hotpic .swiper li{ height:520px;}
	.homepart1 .hotpic .swiper li .pic,
	.homepart1 .hotpic .swiper li .pic img{ height:460px;}
	.homepart1 .hotpic .swiper li .wordbox{ top:336px;}
	.homepart1 .hotpic .hotpage{ top:420px;}
	.homepart1 .djzcbox{ min-height:520px;}
	.homepart1 .djzcbox ul li{ height:64px;}
	.homepart1 .djzcbox ul li .tit{ line-height:64px;}
	.homepart1 .djzcbox ul li .date strong{ font-size:30px;}
	.homepart2 .ztjybox{ min-height:auto;}
	.homepart2 .ztjybox ul li{ height:auto; min-height:120px;}
	.homepart2 .jcfcbox{ min-height:auto;}
}

/* ==================== 手机端（≤1000px） ==================== */
@media (max-width:1000px){
	.pcshow{ display:none;}
	.mbshow{ display:block;}

	/* ---- 头部：70px 固定，logo 最大 60%，右侧 VR + 菜单按钮 ---- */
	.headbox{ position:fixed; height:70px; overflow:visible;}
	.headboxkong{ display:block; height:70px;}
	.headbox .logobar{ height:70px; z-index:3;}
	.headbox .logobar .box{ width:94%; height:70px; margin:0 auto; overflow:visible;}
	.headbox .logobar .logo{ position:absolute; left:0; top:0; max-width:60%; height:70px; display:flex; align-items:center; overflow:hidden;}
	.headbox .logobar .logo img{ max-width:100%; max-height:40px; width:auto;}
	/* 导航条手机端隐藏，改用抽屉菜单 */
	.headbox .navbar{ display:none;}
	/* 手机菜单按钮 / 关闭按钮（public.js 的 menuDepeart() 负责显示切换，所以不能用 flex 居中，
	   用 line-height + text-align，避免被 .show() 改成 display:block 后错位） */
	.headbox .logobar .menubtn{ display:block; position:absolute; right:0; top:0; width:34px; height:70px; line-height:70px; text-align:center; cursor:pointer; z-index:1002;}
	.headbox .logobar .menuclose{ display:none; position:absolute; right:0; top:0; width:34px; height:70px; line-height:70px; text-align:center; cursor:pointer; z-index:1002;}
	.headbox .logobar .menubtn img,
	.headbox .logobar .menuclose img{ width:24px; height:auto; vertical-align:middle;}
	/* VR 校园全景：小胶囊，只保留图标 + VR全景 */
	.headbox .logobar .downtop{ right:44px; top:18px; width:66px; height:34px;}
	.headbox .logobar .downtop .tit{ width:66px; height:34px; border-radius:17px; font-size:12px; padding:0 8px; gap:3px;}
	.headbox .logobar .downtop .tit .vrimg{ width:15px;}
	.headbox .logobar .downtop .tit span{ display:none;}
	.headbox .logobar .downtop .tit .selimg{ display:none;}
	.headbox .logobar .downtop .downlist{ top:38px; left:50%; margin-left:-70px; width:140px;}
	.headbox .logobar .downtop .downlist ul li{ padding:8px 0; font-size:13px;}
	.headbox .logobar .downtop::after{ left:-10px; right:-10px; top:34px; height:8px;}
	/* 手机端不用 hover 展开，改点击（.open 由 head.html 的 JS 切换） */
	.headbox .logobar .downtop:hover .downlist,
	.headbox .logobar .downtop .downlist:hover{ display:none;}
	.headbox .logobar .downtop.open .downlist{ display:block;}

	/* ---- 手机抽屉菜单（关闭按钮在头部，抽屉里不再放第二个 logo） ---- */
	#fixmenu{ top:70px; height:calc(100vh - 70px);}
	#fixmenu .boxmenu{ padding-bottom:30px;}
	#fixmenu .themenu{ margin-top:10px;}
	#fixmenu .themenu ul li .tit{ font-size:15px;}

	/* ---- 二级页统一幻灯：高度按比例 ---- */
	.mainbox .topslide{ height:auto;}
	.mainbox .topslide .swiper,
	.mainbox .topslide .swiper li{ height:120px;}

	/* ---- 栏目标题统一缩小（覆盖 base.css 各自的 28px） ---- */
	.djbox .djtit{ padding:12px 14px; margin-bottom:12px;}
	.homepart1 .djzcbox .djtit,
	.homepart2 .ztjybox .djtit,
	.homepart2 .jcfcbox .djtit,
	.homepart3 .notbox .djtit{ padding:12px 14px; margin-bottom:12px; background-position:14px center; background-size:24px auto;}
	.djbox .djtit h3,
	.homepart1 .djzcbox .djtit h3,
	.homepart2 .ztjybox .djtit h3,
	.homepart2 .jcfcbox .djtit h3,
	.homepart3 .notbox .djtit h3{ margin:0; font-size:18px; line-height:26px; padding-left:32px; background:none;}
	.djbox .djtit .moretxt,
	.homepart1 .djzcbox .djtit .moretxt,
	.homepart2 .ztjybox .djtit .moretxt,
	.homepart2 .jcfcbox .djtit .moretxt,
	.homepart3 .notbox .djtit .moretxt{ right:14px; bottom:15px; font-size:12px;}

	/* ---- 顶部幻灯 ---- */
	.slidebox{ height:300px !important;}
	.slidebox .swiper, .slidebox .swiper li, .slidebox .swiper li .pic{ height:300px !important;}
	.slidepage{ bottom:10px;}
	.slidepage .spage{ width:20px; height:19px; background-size:20px 19px;}

	/* ---- 第一部分：党建之窗 ---- */
	.homepart1{ padding:30px 0 30px 0; background-size:cover;}
	/* 图片占满整个盒子，标题浮在图片上；日期与简介手机端不显示 */
	.homepart1 .hotpic{ width:100% !important; float:none; height:220px; overflow:hidden; position:relative;}
	.homepart1 .hotpic .swiper{ height:100%;}
	.homepart1 .hotpic .swiper li{ height:100%; padding-bottom:0;}
	.homepart1 .hotpic .swiper li .pic{ display:block; width:100%; height:100%; overflow:hidden;}
	.homepart1 .hotpic .swiper li .pic img{ width:100%; height:100%; object-fit:cover; display:block;}
	/* top 必须显式置 auto：1200 断点里写过 top:336px，同时有 top/bottom 时高度会被算成 0，
	   文字就会跑到图片下面去（不是浮在图片上） */
	.homepart1 .hotpic .swiper li .wordbox{ position:absolute; left:0; top:auto; bottom:0; width:100% !important; height:auto; min-height:0; display:block; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.78));}
	.homepart1 .hotpic .swiper li .wordbox .date{ display:none;}
	.homepart1 .hotpic .swiper li .wordbox .txt{ background:none; padding:34px 14px 36px; box-sizing:border-box;}
	.homepart1 .hotpic .swiper li .wordbox .tit{ margin:0; color:#ffffff; font-size:15px; line-height:22px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:auto; max-height:44px;}
	.homepart1 .hotpic .swiper li .wordbox .desc{ display:none;}
	.homepart1 .hotpic .hotpage{ position:absolute; left:0; right:0; top:auto; bottom:8px; width:auto; text-align:center; padding-top:0; z-index:9;}
	.homepart1 .djzcbox{ width:100% !important; float:none; min-height:auto; margin-top:15px;}
	.homepart1 .djzcbox ul{ padding:0 14px 10px;}
	.homepart1 .djzcbox ul li{ height:52px;}
	.homepart1 .djzcbox ul li .date{ margin-right:12px; line-height:52px; gap:6px;}
	.homepart1 .djzcbox ul li .date strong{ font-size:22px;}
	.homepart1 .djzcbox ul li .date span{ font-size:11px;}
	.homepart1 .djzcbox ul li .tit{ font-size:15px; line-height:52px;}

	/* ---- 第二部分：主题教育 / 基层风采（各自一行） ---- */
	.homepart2{ padding:0 0 25px 0; margin-top:0;}
	.homepart2 .ztjybox{ width:100% !important; float:none; min-height:auto; padding-bottom:14px;}
	.homepart2 .ztjybox ul{ grid-template-columns:1fr; gap:10px; padding:0 14px;}
	.homepart2 .ztjybox ul li{ height:auto; min-height:auto; padding:14px;}
	.homepart2 .ztjybox ul li .date{ width:60px;}
	.homepart2 .ztjybox ul li .date strong{ font-size:24px; margin-left:0;}
	.homepart2 .ztjybox ul li .date span{ font-size:11px;}
	.homepart2 .ztjybox ul li .tit{ margin:8px 0 0 68px; font-size:15px; line-height:22px; max-height:66px; -webkit-line-clamp:3;}
	.homepart2 .jcfcbox{ width:100% !important; float:none; min-height:auto; margin-top:15px; padding-bottom:14px;}
	.homepart2 .jcfclist{ padding:0 14px;}
	.homepart2 .jcfclist .picitem{ padding:10px;}
	.homepart2 .jcfclist .picitem .pic{ width:100%; float:none; height:auto;}
	.homepart2 .jcfclist .picitem .pic img{ height:180px;}
	.homepart2 .jcfclist .picitem .word{ width:100%; float:none; min-height:auto; padding:10px 0 0;}
	.homepart2 .jcfclist .picitem .word .tit{ font-size:15px; line-height:22px; max-height:44px;}
	.homepart2 .jcfclist .picitem .word .desc{ font-size:13px;}
	.homepart2 .jcfclist ul li{ height:44px; line-height:44px;}
	.homepart2 .jcfclist ul li .time{ width:70px; font-size:12px;}
	.homepart2 .jcfclist ul li .tit{ margin-left:70px; font-size:15px;}

	/* ---- 首页广告位（用手机比例显示） ---- */
	.homead .centerin{ width:94%; margin:0 auto;margin-bottom: 20px;}
	.homead .swiper,
	.homead .swiper li{ height:160px; }
	.homead .swiper li img{ height:100%; width:100%;object-fit: cover;}
	.homead .adpage{ bottom:8px;}

	/* ---- 第三部分：通知公告 / 工作动态（各自一行） ---- */
	.homepart3{ padding:0 0 0px;}
	.homepart3 .notbox{ width:100% !important; float:none !important; margin:0 0 15px 0 !important; min-height:auto; padding-bottom:14px;}
	.homepart3 .notbox ul{ padding:0 14px;}
	.homepart3 .notbox ul li{ height:44px; line-height:44px;}
	.homepart3 .notbox ul li .tit{ font-size:15px; max-width:calc(100% - 90px);}
	.homepart3 .notbox ul li .time{ font-size:12px;}

	/* ---- 第四部分：专题（手机显示2个） ---- */
	.homepart4{ padding:15px 0 20px;}
	.homepart4 .topicbox{ height:auto; padding-bottom:56px;}
	.homepart4 .topicbox .swiper{ height:auto;}
	.homepart4 .topicbox .swiper li{ height:auto;}
	.homepart4 .topicbox .swiper li img{ height:auto; width:100%;}
	/* 左右箭头移到幻灯下方、居中并排 */
	.homepart4 .topicbox .arrbtn{ position:absolute; top:auto; bottom:0; margin-top:0; width:40px; height:40px;}
	.homepart4 .topicbox .arrbtn img{ width:40px; height:40px;}
	.homepart4 .topicbox .leftarr{ left:50%; margin-left:-46px;}
	.homepart4 .topicbox .rightarr{ right:50%; margin-right:-46px;}

	/* ---- 二级页 mainbox：右侧推荐隐藏，左侧100% ---- */
	.mainbox{ padding:20px 0 20px;}
	.mainbox .cbox .rightbox{ display:none !important;}
	.mainbox .cbox .leftbox{ width:100% !important; float:none;}
	.mainbox .djtit{ padding:0 0 10px; margin-bottom:12px;}
	.mainbox .djtit h3{ font-size:18px; line-height:26px; padding-left:32px; background-size:24px auto;}
	/* 列表：时间/标题不再左右分栏，改成上下结构，避免标题换行重叠 */
	.mainbox .cbox .leftbox .newsrow li{ padding:14px 0; height:auto; overflow:hidden;}
	.mainbox .cbox .leftbox .newsrow li:hover{ background: none;}
	.mainbox .cbox .leftbox .newsrow li .time{ width:100%; float:none; height:auto; font-size:12px; line-height:20px;}
	.mainbox .cbox .leftbox .newsrow li .wordbox{ width:100%; float:none;}
	.mainbox .cbox .leftbox .newsrow li .wordbox .tit{ font-size:16px; line-height:28px; padding-top:4px; font-weight: 700;}
	.mainbox .cbox .leftbox .newsrow li .wordbox .word{ height:auto; height:60px; font-size:13px; line-height:30px; margin-top:6px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
	.mainbox .cbox .leftbox .newsrow li .wordbox .more{ font-size:12px; line-height:20px; margin-top:4px;}
	.mainbox .cbox .leftbox .pagebar{ margin-top:20px;}
	.mainbox .cbox .leftbox .pagebar a{ min-width:30px; height:30px; line-height:28px; font-size:13px;}

	/* ---- 二级页内容 ---- */
	.partyemployerlist ul li{ padding:14px;}
	.partyemployerlist ul li .pic{ width:100%; float:none; height:200px; margin-bottom:10px;}
	.partyemployerlist ul li .wordbox{ width:100%; float:none;}
	.partyemployerlist ul li .wordbox .time span{ font-size:24px;}
	.partyemployerlist ul li .wordbox .tit{ font-size:16px; line-height:26px; margin-top:8px;}
	.partyemployerlist ul li .wordbox .word{ height:56px; line-height: 28px; font-size:14px; overflow: hidden;margin-top:8px;}
	.basephoto ul li{ width:100%; float:none;}
	.basephoto ul li .box{ width:100%;}
	.basephoto ul li .pic{ height:200px;}
	.basephoto ul li .wordbox{ padding:14px;}
	.basephoto ul li .wordbox .tit{ font-size:16px; line-height:26px; height:auto;}
	.newslists ul li .tit{ width:70%; font-size:15px; text-indent:12px;}
	.newslists ul li .time{ font-size:13px;}
	.showus video, .readvideo video{ height:220px;}
	.intable td{ font-size:12px; line-height:28px;}

	/* ---- 底部 ---- */
	.footmenu{ padding:25px 0 0;}
	.footmenu .logopart{ padding-bottom:18px; margin-bottom:18px;}
	.footmenu .logopart .flogo{ float:none; text-align:center;}
	.footmenu .logopart .flogo img{ max-height:44px;}
	.footmenu .logopart .fword{ float:none; text-align:center; margin-top:12px;}
	.footmenu .logopart .fword img{ max-height:34px;}
	.footmenu .finfo{ margin-bottom:20px;}
	.footmenu .finfo .ftxt{ float:none; max-width:100%; font-size:12px; line-height:22px; text-align:center;}
	.footmenu .finfo .ers{ float:none; justify-content:center; margin-top:15px; gap:15px;}
	.footmenu .finfo .eritem img{ width:78px; height:78px;}

	/* 右侧漂浮：手机隐藏 */
	.gotop{ display:none !important;}
}

/* ---------- 768px ---------- */
@media (max-width:768px){
	.slidebox{ height:240px !important;}
	.slidebox .swiper, .slidebox .swiper li, .slidebox .swiper li .pic{ height:240px !important;}
	.homepart1 .hotpic{ height:200px;}
	.homepart2 .jcfclist .picitem .pic img{ height:150px;}
	.mainbox .topslide .swiper,
	.mainbox .topslide .swiper li{ height:150px;}

	.theTit{ font-size: 16px; line-height: 200%;}
	.theauthor{ font-size: 12px;}
	.theauthor em{ width: 100%; display: block; line-height: 30px;}
}

/* ---------- 640px 以下：字号再缩 ---------- */
@media (max-width:640px){
	.djbox .djtit h3,
	.homepart1 .djzcbox .djtit h3,
	.homepart2 .ztjybox .djtit h3,
	.homepart2 .jcfcbox .djtit h3,
	.homepart3 .notbox .djtit h3{ font-size:17px; padding-left:30px;}
	.homepart1 .hotpic{ height:250px;}
	.homepart1 .hotpic .swiper li .wordbox .txt{ padding:30px 12px 32px;}
	.homepart1 .hotpic .swiper li .wordbox .tit{ font-size:14px; max-height:40px;}
	.homepart1 .djzcbox ul li{ height:48px;}
	.homepart1 .djzcbox ul li .tit{ line-height:48px; font-size:14px;}
	.homepart2 .ztjybox ul li .tit{ font-size:14px;}
	.homepart2 .jcfclist .picitem .pic img{ height:140px;}
	.homepart3 .notbox ul li .tit{ font-size:14px;}
	.mainbox .cbox .leftbox .newsrow li .wordbox .tit{ font-size:14px;}
	.footmenu .finfo .eritem img{ width:66px; height:66px;}
}

/* ---------- 480px ---------- */
@media (max-width:480px){
	.slidebox{ height:200px !important;}
	.slidebox .swiper, .slidebox .swiper li, .slidebox .swiper li .pic{ height:200px !important;}
	.headbox .logobar .logo img{ max-height:34px;}
	.djbox .djtit h3,
	.homepart1 .djzcbox .djtit h3,
	.homepart2 .ztjybox .djtit h3,
	.homepart2 .jcfcbox .djtit h3,
	.homepart3 .notbox .djtit h3{ font-size:16px;}
	.homepart1 .hotpic{ height:250px;}
	.homepart1 .hotpic .swiper li .wordbox .tit{ font-size:14px;}
}