@charset "utf-8";

body {
}

.pb_sys_common {

    line-height: 32px!important;

}

.top{width: 100%; height:755px; margin: 0px auto; }
.logo{ width:1200px; margin: 0px auto; margin-top:50px}
.bg{width: 100%;height:auto;margin: 0px auto;background: url(../images/bg.jpg) top center no-repeat;}
.xw1{width: 200px;/* height:150px; */background:#fff;float:left;display:block;margin:20px;padding: 20px;}

.xw1 a{display: block;margin: 10px auto;}
.xw1 a p{text-align:center}
.xw1 span.time{ width:60px; height:30px; text-align:center; line-height:30px; font-size:16px; color:#fff; background:#d24134; border-radius:4px;display:block; }
.xw1 span.js{ line-height:24px; font-size:16px; color:#999;display:block; font-size:14px}

#i_nav {height:75px;background: url(../images/nav.jpg) top center repeat-x;width:100%;/* margin-bottom: 25px; */}



#i_nav ul {
width:1200px;
margin: 0 auto;
}
#i_nav li {float:left;padding: 0 46px;font-size: 20px;line-height: 75px;color:#ffffff;font-weight: bold;}
#i_nav li a {
color:#ffffff
}
.i_list {margin:10px auto;width: 100%;}
.i_list span {
font-size: 14px;
float: right;
color: #999;
}
* {
margin: 0;
padding: 0;
border: 0;
}
ul,li {
list-style-type: none;
}
select,input,img,select {
vertical-align:middle;
}
a {
text-decoration: none;
color: #000;
}
body {
font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体","宋体","Arial Narrow";
color: #000;
}
.column {height: 70px;line-height: 70px;position: relative;display: flex;align-items: flex-end;justify-content: space-between;}
.column span {
background-position: 0 0;
background-repeat: no-repeat;
font-size: 0;
}
.column::after {
display: block;
content: '';
}
section ul {



}
section ul li {
display: block;
align-items: center;
overflow: hidden;
}

section ul li a {
overflow: hidden;
}

#zxbd dl {
border-bottom:1px dashed #a3aeaa;
}

#jdtp .swiper-slide {
position: relative;
overflow:hidden;
}
#jdtp .swiper-slide h2 {
overflow:hidden;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0,0,0,.6);
font-weight: normal;
box-sizing: border-box;
padding-left: 2%;
display: flex;
}
#jdtp .swiper-slide h2 a {
color: #fff;
max-width: 80%;
}
#jdtp .swiper-slide img {
display: block;
width: 100%;
}
#jdtp .swiper-pagination {
width: auto;
left: auto;
}
#jdtp .swiper-pagination-bullet {
background: #ffffff;
opacity: 1;
}
#jdtp .swiper-pagination-bullet-active {background: #ff9109;}
header {
width: 100%;
}
header img {
width: 100%;
}
.footer {
width: 1200px;
margin:0 auto;
}
section ul {
height: auto }
section ul li,section ul li a {height: 50px;line-height: 50px;position: relative;}
section ul li::before {width: 4px;height: 4px;margin-right: 8px;display: inline-block;margin: 0 6px 3px 0;position: absolute;top: 22px;left: 0;}
section ul li a {width: 335px;font-size: 16px;margin: 0 0 0 10px;}
.column::after {width: 440px;height: 3px;box-sizing: border-box;/* background:#0E7BD8; */}
.column a {position: absolute;right: 0;top: 24px;font-size: 14px;color: #666;}
article {
width: 1200px;
margin:0 auto 0;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
align-self: center;
}
article section:nth-of-type(1) {width: 1200px;margin: 0 auto 30px auto;/* display: flex; */justify-content: space-between;}
article section:nth-of-type(2) {
width: 1200px;
margin: 0 auto 30px auto;
display: flex;
justify-content: space-between;
}
article section:nth-of-type(3) {width: 1200px;margin: 0 auto 30px auto;display: flex;justify-content: space-between;margin-top: 32px;}
article section:nth-of-type(4) {width: 1200px;height: 250px;margin: 0 auto 30px auto;display: flex;justify-content: space-between;}

article section:nth-of-type(5) {
width: 1200px;
margin: 0 auto 30px auto;
display: flex;
justify-content: space-between;
;margin-top: 40px;
}

.column span {width: 160px;height: 55px;font-size: 24px;color: #d24134;font-weight: bold;}

#jdtp {width: 615px;float:left;height: 507px;margin:0;}
#jdtp .swiper-slide {height: 441px;}
#jdtp .swiper-slide h2 {
width: 100%;
height: 40px;
}
#jdtp .swiper-slide h2 a {
font-size: 16px;
line-height: 40px;
}
#jdtp .swiper-slide img {
min-height: 100%;
}
#jdtp .swiper-pagination {width: auto;left: auto;bottom: 74px;right: 8px;}
#jdtp .swiper-pagination-bullet {margin: 0 6px;width: 12px;height: 12px;}

#zxbd {width: 555px;/* height: 355px; */overflow: hidden;float:right;}
#zxbd dl {

}
#zxbd dl dt {

font-size:0;
margin-bottom: 5px;
margin-top: 20px;
}
#zxbd dl dt a {
font-size: 18px;
line-height: 25px;
font-weight: bold;
}
#zxbd dl dd {
height: 48px;
overflow: hidden;
font-size: 12px;
line-height: 2;
}
#zxbd ul {/* height: 240px; */overflow: hidden;}

#yqfk {width: 580px;display: flex;flex-direction: column;justify-content: space-between;height:auto;margin-bottom:20px;float: left;}
#yqfk .column span {background-position: 0 -100px;width: 194px;}
#yqfk .column::after {
width: 500px;
}


#zxbd2 {
    width: 1200px;
    /* height: 355px; */
    overflow: hidden;
  }

#yqfk dl {
height: 75px;
padding: 20px 0;
border-bottom:1px dotted #ececec;
position: relative;
padding-left:0px;
}
#yqfk dl:last-child {
border-bottom:none;
}
#yqfk dl dt {
height: 25px;
line-height: 25px;
overflow: hidden;
margin-bottom: 5px;
}
#yqfk dl dt a {
font-size: 18px;
font-weight: bold;
color: #333333;
}
#yqfk dl dd:nth-of-type(1) {
color: #666;
font-size: 12px;
line-height: 2;
height: 72px;
overflow: hidden;
}
#yqfk dl dd:nth-of-type(1) a {
color: #666;
}
#yqfk dl dd:nth-of-type(2) {
position: absolute;
left: 0;
top: 20px;
width: 160px;
height: 110px;
}
#yqfk dl dd:nth-of-type(2) img {
display: block;
width: 100%;
min-height: 100%;
}

#spbb {
height:auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#spbb .column span {
background-position: 0 -50px;
}
#spbb figure {
height: 215px;
position: relative;
}
#spbb figure img {
display: block;
width: 100%;
height: 100%;
}
#spbb figure h2 {
position: absolute;
left: 0;
bottom: 0;
height: 30px;
line-height: 30px;
width: 100%;
overflow: hidden;
text-align: center;
background:rgba(0,0,0,.65);
font-size: 0;
padding:0 5px;
box-sizing: border-box;
}
#spbb figure h2 a {
font-size: 14px;
line-height: 30px;
color: #fff;
}

#kpxzs {height:auto;display: flex;width: 580px;float: left;flex-direction: column;/* justify-content: space-between; */}
#kpxzs .column span {width: 185px;background-position: 0 -150px;}
#kpxzs .column::after {
width: 485px;
}
html #hm_t_undefined .hm-t-go-top {
position:fixed;
right:2px;
bottom:2px;
z-index:99998;
cursor:pointer;
width:40px;
height:37px!important;
text-align:center;
white-space:normal;
font-size:14px;
line-height:17px;
padding-top:3px;
color:#fff;
background:#404040;
}
#fzxwwCP {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#fzxwwCP div.txt {
text-align: center;
}
#fzxwwCP ul {
display: flex;
}
.ifooter {background: #983333;clear:both;color:#116eaf;width:100%;padding:20px 0;}
.ifooter p {
margin:0;
padding:0;
line-height:34px;
font-size:14px;
text-align:center;
color:#ffffff
}

#twfylist {
width:100%;
display: flex;
flex-direction: column;
justify-content: space-between;
height:auto;
margin-bottom:20px }
#twfylist .column {/* padding:20px 0; */position: relative;margin-bottom: 20px;border-bottom: 2px #ded5d1 solid;}
#twfylist .column span {
background-position: 0 -100px;
}
#twfylist .column::after {
width:1190px;
}
#twfylist dl {
height: 110px;
padding: 24px 0;
border-bottom:1px dotted #ececec;
position: relative;
padding-left: 180px;
}
#twfylist dl:last-child {
border-bottom:none;
}
#twfylist dl dt {
height: 25px;
line-height: 25px;
overflow: hidden;
margin-bottom: 5px;
}
#twfylist dl dt a {
font-size: 18px;
font-weight: bold;
color: #333333;
}
#twfylist dl dd:nth-of-type(1) {
color: #666;
font-size: 12px;
line-height: 2;
height: 72px;
overflow: hidden;
}
#twfylist dl dd:nth-of-type(1) a {
color: #666;
}
#twfylist dl dd:nth-of-type(2) {
position: absolute;
left: 0;
top: 20px;
width: 160px;
height: 110px;
}
#twfylist dl dd:nth-of-type(2) img {
display: block;
width: 100%;
min-height: 100%;
}
.lm_list {
width:100%
}
.lm_list li {width:100%;line-height: 48px;height: 48px;position: relative;}
.lm_list a {float: left;display: block;width: 80%;line-height: 48px;height: 48px;margin: 0 0 0 10px;}
.lm_list span {float:right;display:block;width:17%;text-align:right;line-height: 48px;height: 48px;font-size: 14px;}


#icontent {
padding: 0 40px;
background: #fcfcfc;
overflow: hidden;
margin: 15px auto
}
.c-content {
height: auto;
overflow: hidden;
position: relative;
margin: 30px auto 40px auto;
padding: 0 20px;
}
.c-content .c-title {
font-size: 30px;
color: #cc3333;
line-height: 50px;
text-align: center
}
.c-content .other-s {
font-size: 14px;
line-height: 35px;
text-align: center;
color: #666666;
background: #f5f5f5;
margin: 15px auto 0 auto;
position: relative;
}
.c-content .other-s .sjfx {
position: absolute;
right: 10px;
top: 10px;
}
.c-content .nr-info {
height: auto;
overflow: hidden;
position: relative;
text-align: left
}
.c-content .nr-info p {
font-size: 16px;
color: #333333;
line-height: 30px;
margin: 15px 0;
text-indent: 2em;
text-align: left
}
.c-content .nr-info img,.c-content .nr-info table{display:block;max-width:100%;margin:0 auto}

.wz_fj {
}
.wz_fj p {
line-height: 36px;
color: #0d8100;
font-size: 16px;
padding: 0 0 0 20px
}
.wz_fj a {
line-height: 36px;
font-size: 16px;
}
.wzclose-relative {
text-align: center;
margin-top: 30px;
}
.wzclose-relative span {
margin: 0 15px;
}
.i-sxt {
border-top: #d9d9d9 1px solid;
margin: 20px auto;
padding: 20px 0;
position: relative;
}
.i-sxt p {
display: block;
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.i-sxt a {
color: #555555;
font-size: 14px;
line-height: 30px;
}
.i-sxt a:hover {
color: #cc0010;
}

@media only screen and (max-width: 767px) {
.column span {font-size:20px}
}


/* ============================================
   侧边导航组件样式 - Side Navigation
   现代浏览器：完整效果（毛玻璃、渐变、动画）
   ============================================ */

/* CSS变量定义 - 主题色系统 */
:root {
  --side-nav-width: 260px;
  --side-nav-bg: rgba(255, 255, 255, 0.85);
  --side-nav-border: rgba(210, 65, 52, 0.15);
  --primary-color: #d24134;
  --primary-dark: #b2352a;
  --text-primary: #333333;
  --text-secondary: #666666;
  --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 12px 40px rgba(210, 65, 52, 0.15);
  --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 现代浏览器：主容器Grid布局 */
#twfylist {
  display: grid;
  grid-template-columns: var(--side-nav-width) 1fr;
  gap: 21px;
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  min-height: auto;
}

/* IE11降级：grid不支持，使用flex替代 */
_:-ms-fullscreen, :root #twfylist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* IE10降级：flex部分支持，使用float替代 */
_:-ms-lang(x), #twfylist {
  display: block;
  overflow: hidden;
}

/* ============================================
   侧边导航容器
   ============================================ */
.side-nav {
  /* 现代浏览器：毛玻璃效果 */
  background: var(--side-nav-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 16px;
  border: 1px solid var(--side-nav-border);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  position: sticky;
  top: 20px;
  height: fit-content;
  transition: var(--transition-base);
}

/* IE11降级：backdrop-filter不支持，使用纯色背景 */
_:-ms-fullscreen, :root .side-nav {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  top: auto;
}

/* IE10降级：sticky不支持，使用relative定位 */
_:-ms-lang(x), .side-nav {
  background: #ffffff;
  border: 1px solid #ddd;
  float: left;
  width: 260px;
  margin-right: 24px;
}

.side-nav:hover {
  box-shadow: var(--shadow-hover);
}

/* IE11降级：移除hover阴影增强 */
_:-ms-fullscreen, :root .side-nav:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* ============================================
   侧边导航头部
   ============================================ */
.side-nav-header {
  padding: 28px 24px 20px;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  position: relative;
  overflow: hidden;
}

/* IE11降级：linear-gradient部分支持，使用纯色 */
_:-ms-fullscreen, :root .side-nav-header {
  background: #d24134;
}

/* IE10降级：使用滤镜模拟渐变 */
_:-ms-lang(x), .side-nav-header {
  background: #d24134;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d24134', endColorstr='#b2352a', GradientType=1);
}

/* 装饰性光效 - 现代浏览器 */
.side-nav-header::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -30%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
  pointer-events: none;
}

/* IE11降级：radial-gradient不支持，移除装饰 */
_:-ms-fullscreen, :root .side-nav-header::before {
  display: none;
}

.side-nav-title {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  position: relative;
  z-index: 1;
  letter-spacing: 2px;
}

.side-nav-line {
  width: 40px;
  height: 3px;
  background: rgba(255, 255, 255, 0.6);
  margin-top: 12px;
  border-radius: 2px;
  position: relative;
  z-index: 1;
}

/* ============================================
   导航菜单
   ============================================ */
.side-nav-menu {
  padding: 16px 0;
}

.side-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-nav-item {
  position: relative;
  margin: 4px 12px;
}

.side-nav-link {
  /* display: flex; */
  align-items: center;
  padding: 14px 16px;
  color: var(--text-primary);
  text-decoration: none;
  border-radius: 10px;
  /* transition: var(--transition-base); */
  position: relative;
  overflow: hidden;
}

/* IE11降级：flex部分支持优化 */
_:-ms-fullscreen, :root .side-nav-link {
  display: block;
  overflow: hidden;
}

/* IE10降级：使用inline-block */
_:-ms-lang(x), .side-nav-link {
  display: block;
  padding: 14px 16px;
}

/* 悬停背景效果 - 现代浏览器 */
/*.side-nav-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(210, 65, 52, 0.08) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}*/

.side-nav-link:hover::before,
.side-nav-item.active .side-nav-link::before {
  opacity: 1;
}

.side-nav-link:hover {
  color: var(--primary-color);
  transform: translateX(4px);
}

/* IE11降级：transform不支持 */
_:-ms-fullscreen, :root .side-nav-link:hover {
  color: #d24134;
  transform: none;
  padding-left: 20px;
}

.side-nav-icon {
  width: 8px;
  height: 8px;
  margin-right: 12px;
  color: var(--primary-color);
  font-size: 10px;
  line-height: 1;
  transition: var(--transition-base);
  flex-shrink: 0;
}

/* IE11降级：flex-shrink不支持 */
_:-ms-fullscreen, :root .side-nav-icon {
  display: inline-block;
  vertical-align: middle;
}

.side-nav-link:hover .side-nav-icon,
.side-nav-item.active .side-nav-icon {
  transform: scale(1.3);
  color: var(--primary-color);
}

/* IE11降级：transform不支持 */
_:-ms-fullscreen, :root .side-nav-link:hover .side-nav-icon,
_:-ms-fullscreen, :root .side-nav-item.active .side-nav-icon {
  transform: none;
  font-size: 12px;
}

.side-nav-text {
  font-size: 15px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

/* 激活状态指示器 - 现代浏览器 */
.side-nav-item.active .side-nav-link {
  /* background: rgba(210, 65, 52, 0.06); */
  color: var(--primary-color);
  font-weight: 600;
}

.side-nav-item.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 24px;
  background: var(--primary-color);
  border-radius: 0 2px 2px 0;
}

/* IE11降级：伪元素定位 */
_:-ms-fullscreen, :root .side-nav-item.active::before {
  top: 12px;
  transform: none;
}

/* ============================================
   侧边导航底部
   ============================================ */
.side-nav-footer {
  padding: 20px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(248, 248, 248, 0.5);
}

.side-nav-contact {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.8;
}

.side-nav-contact p {
  margin: 0;
}

/* ============================================
   主内容区
   ============================================ */
.main-content {
  min-width: 0;
  background: #ffffff;
  border-radius: 16px;
  /* box-shadow: var(--shadow-soft); */
  overflow: hidden;
}

/* IE11降级：min-width不支持 */
_:-ms-fullscreen, :root .main-content {
  width: 916px;
  -ms-flex: 1;
  flex: 1;
}

/* IE10降级：float布局 */
_:-ms-lang(x), .main-content {
  float: left;
  width: 916px;
}

.main-content .column {
  /* padding: 0 32px; */
  border-bottom: 1px solid #f0f0f0;
}

.main-content #icontent {
  margin: 0;
  /* padding: 0 32px 32px; */
  background: transparent;
}

/* ============================================
   响应式适配
   ============================================ */
@media screen and (max-width: 1200px) {
  #twfylist {
    width: 96vw;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .side-nav {
    position: relative;
    top: auto;
    width: 100%;
  }
  
  .side-nav-menu ul {
    display: flex;
    flex-wrap: wrap;
    padding: 12px;
  }
  
  .side-nav-item {
    margin: 4px;
  }
  
  .side-nav-link {
    padding: 1px 16px;
  }
  
  .side-nav-footer {
    display: none;
  }
  
  .main-content {
    width: 100%;
  }
  
  /* IE11降级：媒体查询部分支持 */
  _:-ms-fullscreen, :root #twfylist {
    display: block;
  }
  
  _:-ms-fullscreen, :root .side-nav {
    width: 100%;
    margin-bottom: 16px;
  }
  
  _:-ms-fullscreen, :root .main-content {
    width: 100%;
  }
}

/* ============================================
   打印样式
   ============================================ */
@media print {
  .side-nav {
    display: none;
  }
  
  #twfylist {
    display: block;
  }
  
  .main-content {
    width: 100%;
    box-shadow: none;
  }
}