@media (min-width: 1024px) {
  html {
    font-size: 16px;
  }
}
/*>=1024的设备*/
@media (min-width: 1100px) {
  html {
    font-size: 16px;
  }
}
/*>=1100的设备*/
@media (min-width: 1280px) {
  html {
    font-size: 16px;
  }
}
/*>=1280的设备*/
@media (min-width: 1366px) {
  html {
    font-size: 16px !important;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 25px !important;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 25px;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 25px;
  }
}
html, body {
	overflow-x: hidden; /* 仅防横向滚动条/溢出，不改任何元素布局 */
}
.menu_mask{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,0.5);}

/* 公共容器版心 */
.wrap {
  width: 100%;
  padding-top: 50px;
  z-index:1;
  position: relative;
}
.container {
  /* PC固定版心 */
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

/* 平板过渡：满屏，避免 iPad 等 769~1279px 设备右侧留空白条 */
@media screen and (max-width: 1279px) and (min-width:769px) {
  .container {
    width: 100%;
  }
}

/* 手机端直接铺满屏幕 */
@media screen and (max-width:768px) {
  .container {
    width: 100%;
  }
}

.banner{
    width: 100%;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	margin-top:30px;
}
.banner img{
	width:100%;
	max-width:1200px;
	height:auto;
	margin: 0 auto;
}

.slider-title {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top:10px;
  position: relative;
  padding: 0 10px;
  box-sizing: border-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.point {
  width: auto;
  margin-right:5px;
}
.txt {
  -ms-flex: 1 1 0px;
  -webkit-flex: 1;
  flex: 1;
  height:40px;
  line-height:39px;
  font-size:15px;
  font-weight:bold;
  color:#295280;
}

/* 1200px 版心，只做相对定位给箭头当参照 */
.slider {
  max-width: 1200px;
  width: 96%;
  margin: 0 auto;
  position: relative;
  padding: 0 25px;
  box-sizing: border-box;
}

.img-s {
  width: 100%;
  /* 新增防闪烁 */
  overflow: hidden;
  box-sizing: border-box;
  visibility: hidden; /* 初始隐藏，swiper渲染完再显示 */
}
/* swiper 初始化完成后自动加 swiper-initialized 类，再显示 */
.img-s.swiper-initialized {
  visibility: visible;
}

/* PC 鼠标拖拽：阻止浏览器原生图片拖拽/文字选中，避免劫持事件流导致 swiper 拖不动 */
.img-s,
.img-s .swiper-slide,
.img-s .swiper-slide img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
/* 拖拽光标提示（PC 鼠标可拖） */
.img-s {
  cursor: grab;
}
.img-s:active {
  cursor: grabbing;
}

.s-item {
  padding-right: 10px;
  box-sizing: border-box;
  /* 强制子项盒模型，防止撑开 */
  overflow: hidden;
}

.s-item img {
  width: 100%;
  display: block;
  border-radius: 4px;
  /* 图片等比缩放，不拉伸 */
  object-fit: cover;
  vertical-align: bottom; /* 消除图片默认下方留白 */
}
.s-item .itxt {
  height:30px;
  line-height:29px;
  font-size:14px;
  font-weight:bold;
  color:#606060;
  text-align:center;
}

.prev-btn{
	width: 13px;
    height: 20px;
	position: absolute;
    left: 0;
    top: 28%;
	cursor:pointer;
}
.next-btn{
	width: 13px;
    height: 20px;
	position: absolute;
    right: 0;
    top: 28%;
	cursor:pointer;
}

/* 移动端(≤768px)：隐藏轮播左右箭头、去掉左右留白、去掉项间距，触屏滑动代替 */
@media screen and (max-width: 768px) {
	.prev-btn, .next-btn {
		display: none;
	}
	.slider {
		padding: 0;
	}
	.s-item {
		padding-right: 0;
	}
}

.content {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
.cleft {
	height:auto;
	-ms-flex: 1 1 0px;
	-webkit-flex: 1;
	flex: 1;
	/* flex 子项最小宽度放 0：标题 nowrap 省略时才能收缩回自身列宽，不把版心撑宽 */
	min-width: 0;
	margin: 0 auto;
	margin-top:10px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
}
.cright {
	-ms-flex: 3.5 1 0px;
	-webkit-flex: 3.5;
	flex: 3.5;
	margin: 0 auto;
	margin-top:10px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	*background:#ddd;
}
.cright .cl {
	-ms-flex: 1 1 0px;
	-webkit-flex: 1;
	flex: 1;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	display:block;
	padding: 10px 0 0 10px;
}
.cright .cr {
	height:100%;
	-ms-flex: 1.5 1 0px;
	-webkit-flex: 1.5;
	flex: 1.5;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	display:block;
	*background:#999;
	padding: 0 0 0 10px;
}

.foter {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	margin-top:10px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	display:block;
}

.box{
	width:100%;
	height:auto;
	padding: 5px;
	box-sizing: border-box;
}
.box .title{
	width:100%;
	height:30px;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	background: linear-gradient(to bottom, #f9f9f9, #ebebeb);
	border-radius:3px;
	padding: 0 8px;
	box-sizing: border-box;
}
.box .title .tp{
	width:auto;
	height:auto;
	margin-right:5px;
}
.box .title .tp img{
	display: block;
}
.box .title .tt{
	-ms-flex: 1 1 0px;
	-webkit-flex: 1;
	flex:1;
	font-weight:bold;
	color:#333;
}
.box .list{
	padding: 10px;
	box-sizing: border-box;
}
.box .list .litem{
	font-weight:normal;
	color:#5c5c5c;
	position:relative;
	padding-left: 10px;
	box-sizing: border-box;
	border-bottom: 1px dashed #e5e5e5;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
.box .list .litem::before {
	content: "";
	position: absolute;
	left: 0;
	top: 40%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #b8b8b8;
}
.box .list .litem::after {
	content: "";
	position: absolute;
	right: 0;
	top: 40%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #b8b8b8;
}
.no-after::after {
  display: none;
}

.box .list .litem .lil{
	-ms-flex: 1 1 0px;
	-webkit-flex: 1;
	flex:1;
	font-weight:normal;
	color:#333;
}
/* 首页右侧通知列表标题：单行显示，超出宽度用 … 代替（min-width:0 让 flex 子项可收缩，省略号才能生效） */
.cright .cr .box .list .lil{
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box .list .litem .lir{
	font-weight:normal;
	color:#999;
}
/* 首页左侧(.cleft).box .list 标题：单行显示，超出宽度用 … 代替
   （原 litem 是 flex 直接装标题文本，flex 裸文本无法省略号；改 block+单行截断，
    左右圆点伪元素为绝对定位不受影响，右侧 .cr 列表结构不同仍走上方 .lil 规则） */
.cleft .box .list .litem{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* 行首圆点保留，行尾圆点隐藏：截断出的 … 紧贴右缘，避免与尾部圆点重叠
   （与右侧 .cr 列表 no-after 隐藏尾部圆点同款处理，两列视觉一致） */
.cleft .box .list .litem::after{
	display:none;
}

.box .img{
	width:100%;
	height:auto;
	border-radius: 3px;
}

.box .listspan{
	padding: 5px 10px 20px 10px;
	box-sizing: border-box;
	display:block;
	border-bottom: 1px solid #ccc;
}
.box .listspan .sitem{
	line-height:29px;
	font-size:14px;
	font-weight:normal;
	color:#5c5c5c;
	position:relative;
	padding-left: 10px;
	box-sizing: border-box;
	margin-right:10px;
}
.box .listspan .sitem::before {
	content: "";
	position: absolute;
	left: 0;
	top: 40%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #b8b8b8;
}

.box .copyright{
	padding: 5px 10px 10px 10px;
	box-sizing: border-box;
	display:block;
	border-bottom: 5px solid #acacac;
	text-align:center;
}
.box .copyright .tt{
	line-height:29px;
	font-size:14px;
	font-weight:normal;
	color:#5c5c5c;
	position:relative;
	padding-left: 10px;
	box-sizing: border-box;
	margin-right:10px;
}



.box-n{
	width:100%;
	height:auto;
	padding: 5px;
	box-sizing: border-box;
}
.box-n .title{
	width:100%;
	height:30px;
	display:block;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-radius:3px;
	padding: 4px 8px;
	box-sizing: border-box;
	border-bottom: 1px dashed #eee;
}
.box-n .title .tt{
	line-height:29px;
	font-size:15px;
	font-weight:bold;
	color:#333;
	padding: 0 2px;
	box-sizing: border-box;
	border-bottom: 3px solid #c5291c;
}
.box-n .list{
	padding: 10px;
	box-sizing: border-box;
}
.box-n .list .litem{
	line-height:35px;
	font-size:14px;
	font-weight:normal;
	color:#5c5c5c;
	position:relative;
	padding-left: 20px;
	box-sizing: border-box;
	border-bottom: 1px dashed #e5e5e5;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
.box-n .list .litem::before {
	content: "";
	position: absolute;
	left: 0;
	top: 40%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #b8b8b8;
}
.box-n .list .litem::after {
	content: "";
	position: absolute;
	right: 0;
	top: 40%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #b8b8b8;
}

.box-n .list .litem .lil{
	-ms-flex: 1 1 0px;
	-webkit-flex: 1;
	flex:1;
	line-height:35px;
	font-size:14px;
	font-weight:normal;
	color:#333;
}
.box-n .list .litem .lir{
	line-height:29px;
	font-size:13px;
	font-weight:normal;
	color:#999;
}

.box-n .img{
	width:100%;
	height:auto;
	border-radius: 3px;
}

.box-n .listspan{
	padding: 5px 10px 20px 10px;
	box-sizing: border-box;
	display:block;
	border-bottom: 1px solid #ccc;
}
.box-n .listspan .sitem{
	line-height:29px;
	font-size:14px;
	font-weight:normal;
	color:#5c5c5c;
	position:relative;
	padding-left: 10px;
	box-sizing: border-box;
	margin-right:10px;
}
.box-n .listspan .sitem::before {
	content: "";
	position: absolute;
	left: 0;
	top: 40%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #b8b8b8;
}

.box-n .copyright{
	padding: 5px 10px 10px 10px;
	box-sizing: border-box;
	display:block;
	border-bottom: 5px solid #acacac;
	text-align:center;
}
.box-n .copyright .tt{
	line-height:29px;
	font-size:14px;
	font-weight:normal;
	color:#5c5c5c;
	position:relative;
	padding-left: 10px;
	box-sizing: border-box;
	margin-right:10px;
}







/* 移动端（≤768px）：cright 与 cleft 上下排列、占满宽度，cright 在上、cleft 在下 */
@media screen and (max-width:768px) {
	.content {
		flex-direction: column;
	}
	.cright {
		order: 1;
		flex: none;
		width: 100%;
		position: relative;
		/* cr 高度跟随 cl：cl（图片列）留在文档流中自然撑开 .cright 高度，
		   图片增减（2张/3张/4张）时高度自适应；cr 绝对定位铺满同一高度，列表超出裁剪 */
		align-items: flex-start;
	}
	.cright .cl {
		/* 固定 40% 宽（对应原 flex 1 : 1.5 的 40%/60%），高度由里面的图片自然撑开 */
		width: 40%;
		flex: none;
		height: auto;
	}
	.cright .cr {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 40%;
		right: 0;
		width: auto;
		height: auto;
		padding: 0 0 0 10px;
		overflow: hidden; /* 通知列表超出图片高度时裁剪，与 cl 视觉等高 */
	}
	.cleft {
		order: 2;
		flex: none;
		width: 100%;
	}
	/* 移动端列表标题单行省略：每条只占一行高，cl 高度内能显示更多完整条目 */
	.cright .cr .list .lil {
		min-width: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/* 移动端隐藏列表右侧日期，标题占满整行并省略（条目高度仍是单行，不影响 cr/cl 高度逻辑） */
	.cright .cr .box .list .lir {
		display: none;
	}
}