/* --- CSS 变量 / 设计令牌 --- */
:root {
  /* 主色调 */
  --primary: #2563eb;
  --primary-light: #3b82f6;
  --primary-dark: #1e40af;
  --primary-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #2563eb 100%);
  
  /* 强调色 - 琥珀橙 */
  --accent: #f59e0b;
  --accent-light: #fbbf24;
  --accent-dark: #d97706;
  --accent-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #f59e0b 100%);
  
  /* 中性色 */
  --bg-body: #f0f2f5;
  --bg-white: #ffffff;
  --bg-light: #f8f9fc;
  --bg-card: rgba(255, 255, 255, 0.92);
  
  /* 文字色 */
  --text-primary: #1a1a2e;
  --text-secondary: #4a4a6a;
  --text-muted: #8a8aaa;
  --text-light: #ffffff;
  
  /* 边框与阴影 */
  --border-light: rgba(37, 99, 235, 0.08);
  --border-card: rgba(37, 99, 235, 0.06);
  --shadow-sm: 0 2px 8px rgba(37, 99, 235, 0.06);
  --shadow-md: 0 4px 20px rgba(37, 99, 235, 0.1);
  --shadow-lg: 0 8px 40px rgba(37, 99, 235, 0.14);
  --shadow-xl: 0 16px 60px rgba(37, 99, 235, 0.18);
  --shadow-card-hover: 0 12px 36px rgba(37, 99, 235, 0.16);
  
  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  
  /* 动画 */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* 布局 */
  --container-width: 1280px;
  --header-height: 110px;
  --nav-height: 56px;
}

/* 全局定义 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }

fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style:none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
 
/* 公共样式 */
html{ width:100%; height:100%; }
body{ color:#333;font:14px/30px "微软雅黑",Tahoma,Helvetica,Arial,sans-serif;  }
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#f60;text-decoration:underline; }
.clearbox { border:none; clear:both;font-size:0; height:0; line-height:0; overflow:hidden;}
.blank { height:20px;font-size:0px; line-height:0; overflow:hidden;}
.nodata{color:#f60;}
.fl{float:left; }
.fr{float:right; } 
.more{float: right; padding-right: 15px;}
.siteWidth,.main,.fastlane,.sw,#ads{width: 1200px; margin: 0 auto;}

/*全局样式*/ 
.oldsite{float: right;
width: 355px;
line-height: 30px;
text-align: right;
padding-right: 50px;;}

#top{height: 155px; background: url(../top_bg.jpg) no-repeat center bottom;}
#content{background: #fff; padding: 0 10px;}
#logo{float: left; padding: 20px 0 0 2px;}

.siteSearch{float: right; width: 356px; margin:25px 43px 0 0; position: relative; border: 2px #8d3244 solid; border-radius: 2px;}
.keyWord{width: 348px; background: #fff;border: 0;
height: 32px; line-height: 32px; padding-left: 8px; color: #a4a4a4;}
.searchBtn{ position: absolute; right: 0px; top:0px;display: block; width: 68px; height: 34px;
background: url(../fdj.png) no-repeat center center #8d3244;}

#nav{
    background:url(../nav_bg.png) repeat-x center;
    height: 46px;
    padding-bottom: 9px;
}
.navBar{ height: 46px; width: 1200px; margin: 0 auto;}
.mainNav {
    position: relative;
    z-index: 100;
}
.mainNav .li1 {
    float: left;
    height: 45px;
    line-height: 45px;
    padding: 0 27px;
    position: relative;
}
.mainNav .li1.on1 {
    background: #770217;
}
.mainNav .li1 a {
    color: #fff;
    font: 16px/45px "微软雅黑";
}

.mainNav .ul1 {
	background: #770217;
	display: none;
	left: 0;
	position: absolute;
	text-align: center;
	top: 45px;
	padding:5px 0 12px 0;
	width: 118px;
}
.mainNav .li2 ul {
	left: 100px;
	top: 0;
}
.mainNav .li2 {
	padding:0 5px;
	line-height: 28px;
}
.mainNav .li2 h4 {
	border-bottom:1px #851c2f solid;
}
.mainNav .li2 a {color:#fff;
	padding:0 6px;
}

.mainNav .li2 .a2 {
	line-height: 32px;
		font-size:14px;
}

.part{ overflow: hidden;}




/*footer*/
#footer{padding: 0 0 0 20px;text-align: center; height:215px;}
.copyright,.total,.copyright a{color: #fff; font: 12px/26px "微软雅黑";  text-align: center;}
.total a{color: #fff;}
.total a:hover{color: #fff;}
.ftimg{float: right; margin-right: 175px;}

.total span{margin-right: 6px;}


.f01{ width:100px;list-style:none;padding:45px 0 0 60px;}
.f02:link {line-height:30px;font-size: 15px;COLOR: #ffffff} 
.f02:visited{line-height:30px;font-size: 14px;COLOR: #ffffff} 
.f02:hover{line-height:30px;font-size: 15px;COLOR: #ff6600}

.f03{ width:100px;list-style:none;padding:45px 0 0 0;}

.weixin{ width:42px; height:42px;position:relative; font-size:12px; text-align:center; padding: 10px 0 0 0;}
.weixin a{width:42px; height:42px; display:block; position:absolute; left:0; top:0;background:url(../weixin.png) no-repeat center top; }
.weixin .weixin_nr{width:120px; height:140px; padding:10px; background:#fff; text-align:center; position:absolute; left:45px; top:-55px; display:none;}
.weixin .weixin_nr img{ margin-bottom:-15px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../weixin.png) no-repeat left bottom;}

.wx_top { height: 215px; width: 94px; margin-right: -720px; position: fixed; right: 50%; top: 595px; width: 100px;  }
.wx_top2 { height: 215px; width: 94px; margin-right: 650px; position: fixed; right: 50%; top: 595px; width: 100px;  }




/* 列表项 - 大卡片式 */
.list-card {
  display: flex;
  gap: 24px;
  padding: 24px;
  background: var(--bg-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-card);
  margin-bottom: 20px;
  transition: all var(--transition-normal);
  cursor: pointer;
}

.list-card:hover {
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-4px);
}

.list-card-thumb {
  width: 240px;
  height: 160px;
  border-radius: var(--radius-md);
  overflow: hidden;
  flex-shrink: 0;
}

.list-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.list-card:hover .list-card-thumb img {
  transform: scale(1.05);
}

.list-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.list-card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.list-card-tag {
  padding: 4px 12px;
  background: rgba(245, 158, 11, 0.12);
  color: var(--accent-dark);
  font-size: 12px;
  font-weight: 600;
  border-radius: 20px;
}

.list-card-time {
  font-size: 13px;
  color: var(--text-muted);
}

.list-card-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 10px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color var(--transition-fast);
}

.list-card:hover .list-card-title {
  color: var(--primary-light);
}

.list-card-desc {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 分页器 */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
}

.page-btn {
  min-width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text-secondary);
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  cursor: pointer;
  transition: all var(--transition-fast);
  padding: 0 4px;
}

.page-btn:hover {
  color: var(--primary);
  border-color: var(--primary-light);
  background: rgba(37, 99, 235, 0.04);
}

.page-btn.active {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

.page-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.page-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}