/* 本文件为页面专属样式，全部规则限定在 #page-list 作用域内（自动作用域化生成） */
#page-list .inner {
  width: 1240px;

	margin: 0 auto;
}
#page-list .float-left {
  float: left;
}
#page-list .float-right {
  float: right;
}
#page-list .clearfix:after,
#page-list .clearfix:before {
  display: table;

	content: "";

	clear: both;

	height: 0;
}
#page-list .clearfix {
  zoom: 1;
}
#page-list .banner_up_wrap {
  width: 100%;

	min-width: 1240px;

	border-top: 1px solid #dadada;
}
#page-list .banner_up {
  width: 1240px;

	height: 30px;

    padding-left: 40px;

    margin: 0 auto;

    color: rgb(34, 34, 34);

    font: 14px/30px 微软雅黑;
}
#page-list .banner_up a {
  color: rgb(34, 34, 34);
}
#page-list .nav-sub {
  min-width: 1240px;

	width: 100%;

	height: 188px;

	background: #efa300;
}
#page-list .nav-sub-inner {
  height: 188px;

	position: relative;

	/* 原 url(../images/cszx_all_imgs/nav_sub_bg.jpg) 已删：该图片全站不存在（历史 404），
	 * 列表页 hero 的 .list-banner-hero .nav-sub-inner 亦以 transparent !important 覆盖 */
}
#page-list .nav-sub-title {
  font: italic bold 30px/30px "微软雅黑";

	color: #fff;

	padding: 50px 0 10px 45px;
}
#page-list .english-title {
  position: absolute;

	left: 110px;

	top: 90px;

	font: italic bold 30px/30px "微软雅黑";

	color: #9f6c00;
}
#page-list .nav-sub-title-icon {
  display: inline-block;

	vertical-align: middle;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: #9f6c00;

	margin-right: 10px;
}
#page-list .nav-sub-lists {
  position: absolute;

	bottom: 0;

	right: 100px;

	height: 47px;

	padding: 0 30px;

	border-radius: 8px 8px 0 0;

	background: #fff;
}
#page-list .nav-sub-list {
  width: 90px;

	height: 43px;

	font: bold 14px/43px "微软雅黑";

	text-align: center;

	border-bottom: 4px solid #fff;
}
#page-list .nav-sub-list a {
  color: #222;
}
#page-list .nav-sub-list-current {
  border-bottom: 4px solid #25a6ff;
}
#page-list .nav-sub-list-current a {
  color: #25a6ff;
}
#page-list .nav-sub-line {
  width: 2px;

	height: 17px;

	background: #999;

	margin: 15px 3px;
}
#page-list .news-contain {
  min-width: 1240px;

	width: 100%;

	padding-top: 20px;

	background: #f4f7ff;
}
#page-list .company-news {
  width: 1080px;

	height: 192px;

	padding: 40px;

	margin: 0 auto;

	background: #fff;

	box-shadow: 0 0 6px #000;

	margin-bottom: 34px;
}
#page-list .company-news img {
  width: 453px;

	height: 192px;
}
#page-list .company-news-text {
  padding: 10px 0 0 493px;

	font: 14px/21px "微软雅黑";

	color: #666;
}
#page-list .news-contain-right {
  width: 360px;
}
#page-list .news-right-title {
  padding: 0 10px;

	height: 56px;

	font: bold 18px/56px "微软雅黑";

	color: #25a6ff;

	background: #fff;
}
#page-list .news-right-title1 {
  border-top: 20px solid #f4f7ff;
}
#page-list .news-right-title-icon {
  display: inline-block;

	vertical-align: middle;

	width: 6px;

	height:18px;

	background: #25a6ff;

	margin-left: 10px;

	margin-right: 5px;
}
#page-list .news-right-lists {
  background: #fff;

	padding: 0 10px;
}
#page-list .news-right-list {
  border-top: 1px solid #f4f7ff;

	padding: 10px 0;

	height: 90px;

	position: relative;
}
#page-list .news-right-list img {
  width: 120px;

	height: 90px;
}
#page-list .news-right-list1 {
  height: 191px
}
#page-list .news-right-list1 img {
  width: 340px;

	height: 191px;
}
#page-list .news-right1-icon {
  position: absolute;

	top: 10px;

	left: 10px;

	width: 46px;

	height: 27px;

	background: url(../images/Top1.png);
}
#page-list .news-right1-title {
  position: absolute;

	bottom: 10px;

	left: 0;

	width: 100%;

	height: 52px;

	padding-top: 8px;

	background: rgba(0,0,0,0.5);
}
#page-list .news-right1-title-text {
  padding: 0 10px;

	font: 16px/24px "微软雅黑";

	color: #fff;
}
#page-list .news-right2-title {
  padding: 8px 0 0 20px;

	height: 52px;

	font: 16px/24px "微软雅黑";

	color: #333;

	

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;
}
#page-list .news-right2-title:hover {
  color: #25a6ff;
}
#page-list .news-right-time {
  height: 30px;

	font: 14px/30px "微软雅黑";

	color: #999;

	padding-left: 140px;
}
#page-list .news-right2-icon {
  position: absolute;

	top: 10px;

	left: 10px;

	width: 22px;

	height: 22px;

	background: #a2a2a2;

	font: 12px/22px "微软雅黑";

	color: #fff;

	text-align: center;
}
#page-list .news-right2-icon2 {
  background: #ff7930;
}
#page-list .news-contain-left {
  width: 860px;
}
#page-list .news-left3-lists {
  width: 100%;

	background: #fff;
}
#page-list .news-left3-list {
  font-size: 0;

	padding: 20px 20px;

	height: 180px;

	border-bottom: 1px solid #f4f7ff;
}
#page-list .news-left3-icon {
  width: 320px;

	height: 180px;
}
#page-list .news-left3-list:last-child {
  border-bottom: 0;
}
#page-list .news-left3-right {
  width: 432px;

	height: 170px;

	padding: 10px 28px 0 40px;
}
#page-list .news-left3-title {
  width: 432px;

	height: 16px;

	overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

	font: bold 16px/16px"微软雅黑";

	color: #222;

	margin-bottom: 18px;
}
#page-list .news-left3-title:hover {
  color: #25a6ff;
}
#page-list .news-left3-description {
  height: 90px;

    font: 12px/22px"微软雅黑";

    color: #999;

    text-align: justify;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;
}
#page-list .meta {
  height: 14px;

	font: 12px/14px"微软雅黑";

	color: #999;

	margin: 12px 0 10px;
}
#page-list .dig {
  color: #ff5e33;
}
#page-list .dig-icon {
  width: 15px;

	height: 13px;

	margin: 1px 5px 0 0;
}
#page-list .news-tag-keyword {
  font-size: 12px;

	color: #999;
}
#page-list .news-tag-keyword a {
  font-size: 12px;

	color: #999;
}
#page-list .news-tag-keyword a:hover {
  color: #2faaff;
}
#page-list .news-list-icon {
  display: inline-block;

    width: 12px;

    height: 14px;

    background: url(../images/icon_4.png) no-repeat;

    padding-right: 6px;

    vertical-align: bottom;
}
#page-list .news-right-keyword {
  font-size: 12px;

	color: #999;

	width: 140px;

	overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

	position: absolute;

	bottom: 18px;

	left: 200px;
}
#page-list .news-right-keyword a {
  font-size: 12px;

	color: #999;
}
#page-list .news-right-keyword a:hover {
  color: #2faaff;
}
#page-list .ad-tag {
  padding-left: 22px;

	background: #fff; 

	padding-bottom: 22px;

	margin-top: 20px;
}
#page-list .ad-tag-title {
  padding: 24px 0 18px;

	font-size: 18px;

	font-weight: bold;

	color: #25a6ff;
}
#page-list .ad-tag-lists ul li {
  margin-right: 10px;

	margin-bottom: 10px;
}
#page-list .ad-tag-lists ul li a {
  display: block;

	font-size: 12px;

	color: #333;

	border: 1px solid #eaeaea;

	padding: 10px;
}
#page-list .ad-tag-lists ul li a:hover {
  color: #2faaff;

	background: #edf8ff;

	border: 1px solid #2faaff;
}
#page-list .ad-line {
  width: 6px;

    height: 18px;

    background: #25a6ff;

    margin-right: 8px;
}
#page-list .nav_wrap .nav .nav_right .nav5 a {
  color: #28a7e1!important;
}
#page-list .news-right-ad {
  width: 360px;

	height: 191px;

	background: #fff;

	margin-bottom: 20px;
}
#page-list .list-banner-wrap {
  width: 100%;
	min-width: 1200px;
	height: 580px;
	background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 30%, #6366f1 60%, #8b5cf6 100%);
	position: relative;
	overflow: hidden;
}
/* 原 .list-banner-wrap::before 纹理规则已删：引用的 nav_sub_bg.jpg 全站不存在（历史 404），
 * 渐变背景 + ::after 双径向光晕已完整（同 Task 12 heming banner-heming.png 先例） */
#page-list .list-banner-wrap::after {
  content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: radial-gradient(circle at 85% 10%, rgba(255,255,255,0.1) 0%, transparent 50%),
	            radial-gradient(circle at 10% 90%, rgba(99,102,241,0.25) 0%, transparent 50%);
}
#page-list .list-banner-wrap .banner-fade {
  position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(to bottom, transparent 0%, #f4f7ff 100%);
	pointer-events: none;
	z-index: 3;
}
#page-list .list-banner-wrap .list-banner-crumb {
  position: relative;
	z-index: 2;
	width: 100% !important;
	min-width: 0 !important;
	border-top: 0 !important;
	background: rgba(255,255,255,0.06);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
#page-list .list-banner-wrap .list-banner-crumb .banner_up {
  width: 1200px !important;
	height: 36px !important;
	min-width: 0 !important;
	padding-left: 0 !important;
	margin: 0 auto !important;
	font: 13px/36px "微软雅黑" !important;
	color: rgba(255,255,255,0.75) !important;
}
#page-list .list-banner-wrap .list-banner-crumb .banner_up a {
  color: rgba(255,255,255,0.75) !important;
	text-decoration: none;
	transition: color 0.2s ease;
}
#page-list .list-banner-wrap .list-banner-crumb .banner_up a:hover {
  color: #fff !important;
}
#page-list .list-banner-wrap .list-banner-hero.nav-sub {
  position: relative;
	z-index: 2;
	width: 100% !important;
	min-width: 0 !important;
	height: 580px !important;
	background: transparent !important;
}
#page-list .list-banner-wrap .list-banner-hero .nav-sub-inner {
  width: 1200px !important;
	min-width: 0 !important;
	height: 580px !important;
	margin: 0 auto !important;
	background: transparent !important;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px;
	padding: 0;
	position: relative;
}
#page-list .list-banner-wrap .nav-sub-title,
#page-list .list-banner-wrap .english-title {
  display: none !important;
}
#page-list .list-banner-left {
  width: 560px;
	flex-shrink: 0;
	color: #fff;
	margin-top: 56px;
	animation: lbFadeInLeft 0.8s ease-out;
}
#page-list .list-banner-tag {
  display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 16px;
	background: rgba(255,255,255,0.14);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255,255,255,0.28);
	border-radius: 50px;
	font-size: 13px;
	color: #e0e7ff;
	margin-bottom: 18px;
	letter-spacing: 1px;
}
#page-list .list-banner-title {
  font-size: 44px;
	font-weight: 800;
	line-height: 1.22;
	margin: 0 0 14px 0;
	color: #fff;
	letter-spacing: 2px;
	text-shadow: 0 2px 20px rgba(0,0,0,.15);
}
#page-list .list-banner-title em {
  font-style: normal;
	background: linear-gradient(90deg,#fde68a 0%,#fbbf24 50%,#fb923c 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	padding: 0 2px;
}
#page-list .list-banner-subtitle {
  font-size: 16px;
	color: #dbeafe;
	margin: 0 0 22px 0;
	line-height: 1.6;
	font-weight: 400;
}
/* Features — 2×2 毛玻璃卡（与 zhuce 一致） */
#page-list .list-banner-features {
  list-style: none;
	padding: 0;
	margin: 0 0 26px 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 14px;
}
#page-list .list-banner-features li {
  display: flex;
	align-items: center;
	gap: 10px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 10px;
	padding: 10px 14px;
	box-sizing: border-box;
	width: auto;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
	line-height: 1.35;
}
#page-list .list-banner-features li b {
  font-size: 14px;
	font-weight: 600;
	color: #fff;
	line-height: 1.3;
	display: block;
	margin-bottom: 2px;
}
#page-list .list-banner-features li small {
  font-size: 12px;
	color: #c7d2fe;
	line-height: 1.35;
	display: block;
	white-space: nowrap;
}
#page-list .lb-feat-ft {
  flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}
#page-list .lb-feat-icon {
  display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 8px;
	background: rgba(255,255,255,.16);
	color: #bfdbfe;
	margin: 0;
	font-size: 13px;
}
#page-list .lb-feat-icon svg { width: 18px; height: 18px; }
#page-list .list-banner-features li:nth-child(1) .lb-feat-icon {
  background: linear-gradient(135deg, rgba(59,130,246,.4), rgba(96,165,250,.4));
}
#page-list .list-banner-features li:nth-child(2) .lb-feat-icon {
  background: linear-gradient(135deg, rgba(16,185,129,.4), rgba(52,211,153,.4));
}
#page-list .list-banner-features li:nth-child(3) .lb-feat-icon {
  background: linear-gradient(135deg, rgba(245,158,11,.4), rgba(251,191,36,.4));
}
#page-list .list-banner-features li:nth-child(4) .lb-feat-icon {
  background: linear-gradient(135deg, rgba(236,72,153,.4), rgba(244,114,182,.4));
}
#page-list .list-banner-cta {
  display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
}
#page-list .lb-cta-btn {
  display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 26px;
	background: linear-gradient(90deg, #f59e0b 0%, #ea5b4a 100%);
	color: #fff !important;
	text-decoration: none;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 600;
	box-shadow: 0 6px 24px rgba(245,158,11,.55), inset 0 1px 0 rgba(255,255,255,.3);
	transition: all 0.3s ease;
	border: 0;
	white-space: nowrap;
}
#page-list .lb-cta-btn:hover {
  transform: translateY(-2px);
	box-shadow: 0 10px 32px rgba(245,158,11,.65), inset 0 1px 0 rgba(255,255,255,.4);
}
#page-list .lb-cta-phone {
  display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 22px;
	background: rgba(255,255,255,.12);
	backdrop-filter: blur(10px);
	border: 1.5px solid rgba(255,255,255,.4);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 50px;
	letter-spacing: 0.5px;
	white-space: nowrap;
	transition: all .3s ease;
}
#page-list .lb-cta-phone:hover {
  background: rgba(255,255,255,.22);
	border-color: rgba(255,255,255,.6);
	transform: translateY(-2px);
}
#page-list .list-banner-right {
  width: 560px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-self: center;
	animation: lbFadeInRight 0.8s ease-out;
}
#page-list .list-banner-nav,
#page-list .list-banner-quick {
  background: rgba(255,255,255,0.96);
	border-radius: 14px;
	box-shadow: 0 10px 32px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.06);
	padding: 18px 20px;
	box-sizing: border-box;
}
#page-list .lb-nav-title,
#page-list .lb-quick-title {
  font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}
#page-list .lb-nav-title::before,
#page-list .lb-quick-title::before {
  content: '';
	width: 4px;
	height: 16px;
	border-radius: 2px;
	background: linear-gradient(135deg, #2563eb, #8b5cf6);
}
#page-list .list-banner-nav .nav-sub-lists {
  position: static !important;
	height: auto !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
#page-list .list-banner-nav .nav-sub-list {
  width: auto !important;
	height: 34px !important;
	font: 500 13px/34px "微软雅黑" !important;
	text-align: center;
	border-bottom: 0 !important;
	padding: 0 14px;
	border-radius: 8px;
	background: #f1f5f9;
	transition: all 0.2s ease;
}
#page-list .list-banner-nav .nav-sub-list:hover {
  background: linear-gradient(135deg, #eff6ff, #e0e7ff);
}
#page-list .list-banner-nav .nav-sub-list a {
  color: #475569 !important;
	text-decoration: none;
}
#page-list .list-banner-nav .nav-sub-list-current {
  background: linear-gradient(135deg, #2563eb, #6366f1) !important;
}
#page-list .list-banner-nav .nav-sub-list-current a {
  color: #fff !important;
}
#page-list .list-banner-nav .nav-sub-line {
  display: none !important;
}
#page-list .lb-quick-grid {
  display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
#page-list .lb-quick-item {
  display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 12px 6px;
	border-radius: 10px;
	background: #f8fafc;
	text-decoration: none;
	transition: all 0.25s ease;
	border: 1px solid #e2e8f0;
}
#page-list .lb-quick-item:hover {
  background: linear-gradient(135deg, #eff6ff, #f0f9ff);
	border-color: #bfdbfe;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(37,99,235,0.1);
}
#page-list .lb-quick-icon {
  width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 8px;
	font-size: 16px;
}
#page-list .lb-q1 {
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
}
#page-list .lb-q2 {
  background: linear-gradient(135deg, #10b981, #34d399);
}
#page-list .lb-q3 {
  background: linear-gradient(135deg, #8b5cf6, #a78bfa);
}
#page-list .lb-q4 {
  background: linear-gradient(135deg, #ec4899, #f472b6);
}
#page-list .lb-quick-label {
  font-size: 12px;
	font-weight: 600;
	color: #334155;
}
@keyframes lbFadeInLeft {from { opacity: 0; transform: translateX(-30px); }
	to { opacity: 1; transform: translateX(0); }}
@keyframes lbFadeInRight {from { opacity: 0; transform: translateX(30px); }
	to { opacity: 1; transform: translateX(0); }}
#page-list .pagination {
  display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;
}
#page-list .pagination>li {
  display:inline;
}
#page-list .pagination>li>a,
#page-list .pagination>li>span {
  position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;
}
#page-list .pagination>li:first-child>a,
#page-list .pagination>li:first-child>span {
  margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;
}
#page-list .pagination>li:last-child>a,
#page-list .pagination>li:last-child>span {
  border-bottom-right-radius:4px;border-top-right-radius:4px;
}
#page-list .pagination>li>a:focus,
#page-list .pagination>li>a:hover,
#page-list .pagination>li>span:focus,
#page-list .pagination>li>span:hover {
  z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;
}
#page-list .pagination>.active>a,
#page-list .pagination>.active>a:focus,
#page-list .pagination>.active>a:hover,
#page-list .pagination>.active>span,
#page-list .pagination>.active>span:focus,
#page-list .pagination>.active>span:hover {
  z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;
}
#page-list .pagination>li:first-child {
  display:none
}
#page-list .pading {
  float: left;
    margin-top: 10px;
    margin: 20px auto;
    text-align: center;
    width: 100%;
}