/* 你的原有样式（完整保留） */
*{margin: 0;padding: 0;outline:none;list-style: none;*zoom: 1;font-family: "Microsoft Yahei", 微软雅黑, "Helvetica Neue", Arial, sans-serif}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin: 0;padding: 0}
dl,ul,ol,menu,li{list-style: none}
a{color: #000;text-decoration: none}
input{border: 0;color: #000;-webkit-appearance: none;border-radius: 0;outline: none}
a:active,a:hover{cursor: pointer}
img{border: none;vertical-align: middle;max-width: 100%}
a{vertical-align: middle}.clear{clear: both}html{min-width: 1200px}
.header{width: 100%;float: left;height: 200px;background: url(../img/top_banner.jpg) no-repeat center;background-size: cover}
.top{width: 1200px;margin: 0 auto;overflow: hidden}
.logo{float: left;margin-top: 45px;margin-bottom: 35px}
.logo span{font-size: 24px;color: #FFFFFF;margin-left: 20px;display: inline-block}
.top_right,.rig_nav{float: right;max-width: 360px}
.rig_nav a{font-size: 14px;color: #FFFFFF;margin-top: 40px;float: left;margin-right: 13px}
.zy_ico{width: 18px;height: 16px;display: inline-block;background: url(../img/ico.png) 0px 0px;vertical-align: middle;margin-right: 10px;margin-top: -5px}
.sc_ico{width: 18px;height: 17px;display: inline-block;background: url(../img/ico.png) -37px 0px;vertical-align: middle;margin-right: 10px;margin-top: -4px}
.search{float: right;margin-top: 58px;width: 281px;background: #FFFFFF;border-radius: 30px;height: 38px}
.search input{width: 220px;float: left;margin-left: 16px;height: 38px;border: none}
.search button{border: none;background: url(../img/search.png) no-repeat center center;float: left;height: 38px;width: 38px;display: inline-block}
/* ========== 导航核心样式（兼容模式专用） ========== */
.nav {
  width: 100%;
  float: left;
  background: #039268;
  line-height: 50px;
  margin-top: 2px;
  /* 关键1：禁止裁剪二级菜单 */
  overflow: visible !important;
  position: relative;
  z-index: 999;
  /* 触发IE hasLayout */
  zoom: 1;
}

/* 一级菜单容器：放弃flex，纯float布局 */
.nav ul {
  width: 1200px;
  margin: 0 auto;
  /* 关键2：必须visible，否则二级菜单被裁 */
  overflow: visible !important;
  position: relative;
  zoom: 1;
}

/* 一级菜单项：定位父级 + 触发hasLayout */
.nav ul li {
  width: 120px;
  float: left;
  text-align: center;
  font-size: 16px;
  /* 关键3：relative作为二级菜单定位基准 */
  position: relative;
  height: 50px;
  /* 触发IE hasLayout，修复hover与定位 */
  zoom: 1;
  display: inline; /* IE7 修复float塌陷 */
}

/* 一级菜单链接 */
.nav ul li a {
  color: #FFFFFF;
  display: block;
  /* height: 50px; */
  /* line-height: 50px; */
}

/* 一级菜单hover：背景变白、文字变绿 */
.nav ul li:hover {
  background: #FFFFFF !important;
}
.nav ul li:hover > a {
  color: #039268 !important;
}

/* ========== 二级菜单（兼容模式核心） ========== */
/* 二级菜单容器：初始隐藏，绝对定位 */
.subnav {
  /* 关键4：用display控制显示，放弃opacity/transform */
  display: none;
  position: absolute;
  /* 关键5：精准对齐一级菜单底部 */
  top: 50px;
  left: 0;
  z-index: 1000;
  /* 宽度与一级菜单一致 */
  width: 120px;
  background: #FFFFFF;
  /* border: 1px solid #e0e0e0; */
  /* IE兼容阴影 */
  /* box-shadow: 2px 2px 3px rgba(0,0,0,0.1); */
  /* 触发IE hasLayout */
  zoom: 1;
}

/* 二级菜单链接 */
.subnav a {
  /* display: block; */
  /* padding: 8px 0; */
  /* font-size: 14px; */
  /* 关键6：强制覆盖继承的白色，确保可见 */
  /* color: #333 !important; */
  /* text-align: center; */
  /* line-height: normal; */
  /* white-space: nowrap; */
  /* IE7 修复块级显示 */
  /* zoom: 1; */
}

/* 二级菜单hover：背景浅绿、文字主色 */
.subnav a:hover {
  background: #f0f9f6;
  color: #039268 !important;
}

/* 关键7：hover显示二级菜单（兼容所有IE） */
.nav ul li:hover .subnav {
  display: block !important;
}
.mod{width: 100%;float: left;margin-top: 30px}
.mod .content{width: 1200px;margin: 0 auto;overflow: hidden}
.flexslider{margin: 0px auto;position: relative;width: 492px;height: 369px;overflow: hidden;zoom: 1;float: left}
.flexslider .slides li{width: 100%;height: 100%}
.flex-direction-nav a{width: 40px;height: 80px;line-height: 99em;overflow: hidden;margin: -40px 0 0;display: block;background: url(../img/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 1;-webkit-transition: all .3s ease}
.flex-direction-nav .flex-next{background-position: -40px 0px;right: 0}
.flex-direction-nav .flex-prev{left: 0}
.flexslider:hover .flex-next{opacity: 0.8;filter: alpha(opacity=25)}.flexslider:hover .flex-prev{opacity: 0.8;filter: alpha(opacity=25)}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity: 1;filter: alpha(opacity=50)}
.flex-control-nav{width: 100%;position: absolute;bottom: 10px;text-align: center}
.flex-control-nav li{display: inline-block;zoom: 1;*display: inline}
.flex-control-paging li a{background: url(../img/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position: 0 0}
.flexslider .slides a img{width: 100%;height: 369px;display: block}
.ban_tit{position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;height: 65px;font-size: 16px;color: #FFFFFF;background-color: rgba(0, 0, 0, 0.5);padding-top: 15px}
.news{width: 683px;float: left;margin-left: 25px}
#menu{width: 100%;overflow: hidden;float: left}
#menu #nav{display: block;width: 100%;padding: 0;margin: 0;list-style: none;float: left;border-bottom: 2px solid #dcdcdc;padding-bottom: 10px}
#menu #nav li{float: left;margin-right: 25px}
#menu #nav li a{display: block;line-height: 27px;text-decoration: none;text-align: center;color: #333333;position: relative}
#menu_con{width: 100%}.tag{padding: 10px 0px}
#menu #nav li a.selected{color: #039268}
.border{width: 100%;height: 0px;border-bottom: 2px solid #039268;position: absolute;left: 0;bottom: -12px;display: none}
#menu #nav li a.selected .border{display: block}
.tt{width: 100%;float: left;margin-top: 17px}
.tt_con{width: 575px;float: left;margin-top: 5px}
.tt_tit{width: 90%;float: left;font-size: 18px;color: #01a374;margin-bottom: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.tt_con p{width: 100%;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;color: #666666;text-indent: 2em;line-height: 30px}
.tt_date{width: 70px;float: right;text-align: center;background: #ebebeb}
.tt_date span{font-size: 30px;font-family: 'Arial Regular';display: block;margin-top: 5px}
.news_list{width: 100%;float: left;margin-top: 30px}
.news_list dd{width: 100%;float: left;margin-bottom: 30px;font-size: 14px}
.news_list dd:last-child{margin-bottom: 0px}
.news_list dd i{width: 0px;border-left: 2px solid #f7ac00;height: 11px;float: left;vertical-align: middle;margin-top: 5px}
.news_list dd a{color: #333333;float: left;margin-left: 10px;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news_list dd a:hover{text-decoration: underline}
.news_list dd span{float: right;color: #999999}
.infor_list{width: 385px;float: left;margin-top: 35px;margin-right: 20px}
.infor_list:last-child{margin-right: 0px}
.infor_tit{width: 100%;float: left;position: relative;line-height: 20px}
.infor_tit span{float: left;font-size: 16px;font-family: "微软雅黑";font-weight: bold}
.infor_tit a{font-size: 14px;color: #989898;float: right}
.border3{width: 100%;float: left;border-bottom: 1px solid #dfdfdf;margin-top: 15px;height: 0px;margin-bottom: 1px}
.border2{width: 40px;height: 0px;border-bottom: 2px solid #01a374;position: absolute;right: 0px;bottom: 0px}
.infor_list .news_list dd a:hover{text-decoration: underline;color: #01a374}
.friend_link{width: 100%;float: left;margin-top: 35px}
.friend_link ul{width: 100%;float: left;padding: 15px 0px}
.friend_link ul li{min-width: 100px;text-align: center;float: left;border: 1px dashed #dcdcdc;margin: 10px 18px 0px 0px;line-height: 38px}
.friend_link ul li a{font-size: 14px;color: #333333;display: block}
.friend_link ul li a:hover{color: #01a374}
.foot{width: 100%;float: left;margin-top: 10px;background: #444444;color: #FFFFFF;font-size: 14px;text-align: center;padding: 60px 0px;line-height: 30px}
/* 现代浏览器：CSS Grid四列布局 */
.img-list-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
}
/* IE11降级：grid不支持，使用flex布局替代 */
_:-ms-fullscreen, :root .img-list-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
/* 图片卡片样式 */
.img-card {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  cursor: pointer;
}
/* IE11降级：box-shadow过渡效果简化 */
_:-ms-fullscreen, :root .img-card {
  border: 1px solid #e0e0e0;
  margin: 10px;
  width: calc(25% - 20px);
}
/* 卡片悬停效果 */
.img-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
/* IE11降级：transform不支持，仅改变阴影 */
_:-ms-fullscreen, :root .img-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
/* 图片容器 - 固定比例 */
.img-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 118%; /* 4:3 比例 */
  overflow: hidden;
  background: #f5f5f5;
}
/* IE11降级：padding-bottom百分比支持，无需特殊处理 */
.img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
/* IE11降级：object-fit不支持，使用传统居中方案 */
_:-ms-fullscreen, :root .img-wrapper img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* 图片悬停缩放效果 */
.img-card:hover .img-wrapper img {
  transform: scale(1.08);
}
/* IE11降级：transform scale不支持，保持原图 */
_:-ms-fullscreen, :root .img-card:hover .img-wrapper img {
  transform: translate(-50%, -50%);
}
/* 图片标题 */
.img-title {
  padding: 15px;
  font-size: 15px;
  color: #333333;
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
  background: #ffffff;
  transition: color 0.3s ease;
}
.img-card:hover .img-title {
  color: #039268;
}
/* 响应式适配：平板端两列 */
@media screen and (max-width: 992px) {
  .img-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  /* IE11降级：媒体查询支持 */
  _:-ms-fullscreen, :root .img-card {
    width: calc(50% - 20px);
  }
}
/* 响应式适配：手机端单列 */
@media screen and (max-width: 576px) {
  .img-list-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* IE11降级：媒体查询支持 */
  _:-ms-fullscreen, :root .img-card {
    width: calc(100% - 20px);
  }
}

/* ========== 新增：二级导航核心样式（兼容所有模式） ========== */
/* 修复导航容器溢出隐藏，避免二级菜单被裁剪 */
.nav {
  overflow: visible !important;
  position: relative;
  z-index: 999;
}
.nav ul {
  overflow: visible !important;
  position: relative;
}
/* 一级菜单项：添加定位父级，触发hasLayout（兼容IE7/8） */
.nav ul li {
  position: relative;
  zoom: 1; /* IE7/8 触发hasLayout，修复定位 */
  height: 50px; /* 固定高度，保证hover区域完整 */
}
/* 二级菜单容器：初始隐藏，绝对定位 */
.subnav {
  display: none; /* 放弃opacity/transform，用display保证兼容 */
  position: absolute;
  top: 50px; /* 精准对齐一级菜单底部 */
  left: -16px;
  z-index: 1000; /* 防止被遮挡 */
  width: 150px;
  background: #FFFFFF;
  border: 1px solid #e0e0e0;
  /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
  /* IE7/8 兼容调整 */
  *
  top: 49px;
  *
  border: 1px solid #ccc;
}
/* 二级菜单链接样式 */
.subnav a {
  display: block;
  padding: 4px 0;
  font-size: 14px;
  color: #333 !important; /* 覆盖继承的白色 */
  line-height: normal; /* 清除行高继承 */
  text-align: center;
  white-space: nowrap; /* 防止文字换行 */
  /* IE7/8 兼容调整 */
  *
  padding: 8px 0;
  *
  width: 100%;
  height: 30px;
  line-height: 30px;
}
/* 二级菜单链接hover效果 */
.subnav a:hover {
  background: #f0f9f6;
  color: #039268 !important;
}
/* 关键：hover显示二级菜单（兼容所有浏览器） */
.nav ul li:hover .subnav {
  display: block;
}
/* 一级菜单hover时，链接文字颜色强制生效 */
.nav ul li:hover > a {
  color: #039268 !important;
}