@charset "UTF-8";
/*css reset*/
html,body,div,ul,li,dl,dt,dd,span,p,img,a,table,tr,td,th,h1,h2,h3,h4{
	margin:0px;
	padding:0px;
	border:0px;
	outline: none;
	font-size: 16px;
	font-family:"微软雅黑","宋体","Arial";
}
body{
	background: #fff;
}
h2{
	font-size: 22px;
}
a{
	text-decoration: none;
}

li{
	list-style: none;
}
#visit_count{font-size: 14px;}

#top{width: 100%; min-width: 1520px; height: 170px; background: linear-gradient(to right,#016e37,#007155,#007fcc);}
#top .box{width: 1520px; margin:0 auto; }
#top .box .up{width: 100%; height: 120px; float: left; display: inline-block;}

#logo{display: inline-block; width: 400px; height: 66px; background: url(../../images/v202604/logo.png) no-repeat; float: left; margin-top: 28px;}
#biaoyu{display: inline-block; width: 317px; height: 45px; background: url(../../images/v202604/biaoyu.png) no-repeat; float: left; margin-left: 500px; margin-top: 35px;}

#searchbox{width: 105px; height: 37px; float: left; display: inline-block; background: #17a1bb; border-radius: 20px; margin-left: 168px; margin-top: 48px;}
#ipt{width: 45px; height: 37px; background: none; border:none; margin:0; padding: 0; outline: none; float: left; display: inline-block; line-height: 37px; padding-left: 15px; color:#fff;}
#sbt{width: 45px; height: 37px; background: none; border:0px; margin:0; padding: 0; outline: none; float: left; display: inline-block; background: url(../../images/v202604/search.png) no-repeat center; cursor: pointer;}

/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{   position:relative; z-index:1;   color:#fff; height:50px; line-height:50px;   background:linear-gradient(to right, #016e37, #007155, #007fcc);}
.nav{ width:1520px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal; font-size:18px;  }
.nav .m{  position:relative; float:left; width:250px; margin:0 0px; display:inline; text-align:center;  }
.nav .xiala{background: url(../../images/v202604/jiantou.png) no-repeat 75% 50%;}
.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; 
	vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; 
}
.nav h3 a{  zoom:1;  height:50px; line-height:50px; padding:0 0;  display:block; color:#fff; font-size: 18px; text-align: center;}
.nav .on h3 a{/*padding:11px 0;  border-bottom:2px solid #c00;*/   }
.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
.nav .sub{ display:none; /*默认隐藏*/ width:150px; padding:10px 0;  position:absolute; left:50px; top:50px;  float:left; line-height:30px; 
	background: #fff;    border-radius: 0 0 12px 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
.nav .sub li{ text-align:center;  height: 40px; line-height: 40px;}
.nav .sub li a{ color:#000; display:block; zoom:1;font-size: 18px;}
.nav .sub li a:hover{  background:#016e37; color:#fff;   }
.nav .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:15px 29px; line-height:26px;  }
.nav .sub dl a:hover{ color:#f8ca29;  }
.nav .sub dl dt a{ color:#f8ca29;  }
.nav .sub dl dd a{ color:#fff; padding-left:7px;   }

.nav div.sub{ z-index:1; width:400px;  }
.nav div.sub dt a,.nav div.sub dd a{font-size: 18px; line-height: 30px; height: 30px;}


/*banner*/
#banner{height: 500px;}
.fullSlide{ min-width:1520px; border-top:0px solid #3D9EE9;  position:relative;  height:500px; overflow:hidden;   }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:573px; }
.fullSlide .bd li .siteWidth{ width:1520px; position:relative;  margin:0 auto;  height:496px;  }
.fullSlide .bd li a1{ position:absolute; width:116px; height:93px; display:block; z-index:1;   }
.fullSlide .bd .siteWidth{position: absolute; bottom:-390px; width: 666px; height:116px; right: -645px; }
.fullSlide .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.fullSlide .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:#000;
_background:#000;
}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:-70px; left:0; height:30px; line-height:30px; text-align:center;  padding-bottom: 100px;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:4px; background:linear-gradient(to right,#016e37,#007155,#007fcc);; border-radius: 15px; overflow:hidden; 
	line-height:9999px; /*filter:alpha(opacity=40);opacity:0.4; */
}
.fullSlide .hd ul .on{background: #fff; filter:alpha(opacity=100);opacity:1;  }
.fullSlideSort{ min-width:1380px; border-top:0px solid #3D9EE9;  position:relative;  height:261px; overflow:hidden;   }
.fullSlideSort .bd{ position:relative; z-index:-90;  }
.fullSlideSort .bd ul{ width:100% !important; }
.fullSlideSort .bd li{ width:100% !important;  height:594px; }
.fullSlideSort .bd li .siteWidth{ width:1380px; position:relative;  margin:0 auto;  height:261px;  }


#dongtai{width: 100%; min-width: 1520px; height: 515px; }
#dongtai .box{width: 1520px; margin:0 auto;}

#hqdt{display: inline-block; float: left; width: 1005px; float: left;}
#hqdt dt{height: 100px; line-height: 100px;}
#hqdt dt a{float: right; color: #101010;}
#hqdt dt span{color: #717171; font-size: 24px; font-weight: bold; display: inline-block; float: left;}
#hqdt dt b{display: inline-block; width: 50px; height: 100px; float: left; background: url(../../images/v202604/fgf.png) no-repeat center center;}
#hqdt dt span.on{font-size: 28px; color: #027441; line-height: 95px;}


#ppt{display: inline-block; width: 500px; height: 372px; float: left;}

/* 新闻图片切换css */
.focusBox { position: relative; width: 500px; height: 372px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;}
.focusBox .pic{ background:url(../../images/v202604/picbg.png) }
.focusBox .pic a {
    width: 488px;
    height: 313px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    background: #f0f0f0; /* 备用背景色 */
}

/* 模糊背景层 - 毛玻璃效果 */
.focusBox .pic a::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background: inherit;
    background-size: cover;
    background-position: center;
    filter: blur(2px); /* 增加模糊度到40px */
    transform: scale(1.2); /* 放大更多，避免边缘漏光 */
    z-index: 1;
    pointer-events: none;
}

/* 可选：增加亮度或饱和度让毛玻璃效果更好 */
.focusBox .pic a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.1); /* 轻微白色叠加，增强毛玻璃感 */
    z-index: 1;
    pointer-events: none;
}

/* 图片居中 */
.focusBox .pic a img {
    height: 313px;
    width: auto;
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto;
}
.focusBox .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 60px; width:100%;  background: #027441;  overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 60px; width:80%; overflow: hidden; }
.focusBox .txt li{ height:60px; line-height:60px; position:absolute; bottom:-30px;}
.focusBox .txt li a{ display: block;  color: white; padding: 15px 20px 0 20px; font-size: 16px;  text-decoration: none; line-height: 30px; width: 456px;}
.focusBox .txt li a:hover{color:yellow;}
.focusBox .txt li a span{display: inline-block; float: left; width:90px; height: 90px;}
.focusBox .txt li a span b{display: block; width: 90px; height: 45px;  float: left; text-align: center;}
.focusBox .txt li a span b.day{font-size: 40px;line-height: 40px;}
.focusBox .txt li a span b.ym{font-weight: normal;line-height: 20px;}
.focusBox .num { position: absolute; z-index: 3; bottom: 28px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 10px; height: 10px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 3px; cursor: pointer; border-radius: 50%; background: #fff;}
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#fbe055; }

#hqdt dd ul.list{display: inline-block;width: 475px;height: 372px; float: left; margin-left: 30px;}
#hqdt dd ul.list li{display: inline-block; float: left; height: 53px; line-height: 53px; background: url(../../images/v202604/line_btm.png) repeat-x bottom; width: 100%;}
#hqdt dd ul.list li span{float: right; margin-right: 5px;}
#hqdt dd ul.list li a{font-size: 17px; color: #272727;}
#hqdt dd ul.list li a:hover{color: #027441;}

#hqdt dd ul.list2{display: inline-block;width: 1003px;height: 372px; float: left; }
#hqdt dd ul.list2 li{display: inline-block; float: left; height: 53px; line-height: 53px; background: url(../../images/v202604/line_btm.png) repeat-x bottom; width: 100%;}
#hqdt dd ul.list2 li span{float: right; margin-right: 5px;}
#hqdt dd ul.list2 li a{font-size: 17px; color: #272727;}
#hqdt dd ul.list2 li a:hover{color: #027441;}


/* 页面加载动画 - 整体淡入上浮 */
#hqdt {
    animation: fadeInUp 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* DD切换时的淡入淡出动画 - 排除#ppt区域 */
#hqdt dd:not(:has(#ppt)) {
    animation: fadeScale 0.4s ease-out;
}

@keyframes fadeScale {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* 列表项加载动画 - 依次滑入 */
#hqdt dd ul.list li,
#hqdt dd ul.list2 li {
    animation: slideInLeft 0.4s ease-out backwards;
}

#hqdt dd ul.list li:nth-child(1) { animation-delay: 0.05s; }
#hqdt dd ul.list li:nth-child(2) { animation-delay: 0.1s; }
#hqdt dd ul.list li:nth-child(3) { animation-delay: 0.15s; }
#hqdt dd ul.list li:nth-child(4) { animation-delay: 0.2s; }
#hqdt dd ul.list li:nth-child(5) { animation-delay: 0.25s; }
#hqdt dd ul.list li:nth-child(6) { animation-delay: 0.3s; }
#hqdt dd ul.list li:nth-child(7) { animation-delay: 0.35s; }

#hqdt dd ul.list2 li:nth-child(1) { animation-delay: 0.05s; }
#hqdt dd ul.list2 li:nth-child(2) { animation-delay: 0.1s; }
#hqdt dd ul.list2 li:nth-child(3) { animation-delay: 0.15s; }
#hqdt dd ul.list2 li:nth-child(4) { animation-delay: 0.2s; }
#hqdt dd ul.list2 li:nth-child(5) { animation-delay: 0.25s; }
#hqdt dd ul.list2 li:nth-child(6) { animation-delay: 0.3s; }
#hqdt dd ul.list2 li:nth-child(7) { animation-delay: 0.35s; }

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Span标签切换动画 - 无下划线 */
#hqdt dt span {
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    display: inline-block;
}

/* Span悬停效果 */
#hqdt dt span:hover {
    transform: translateY(-2px);
    text-shadow: 0 2px 8px rgba(2, 116, 65, 0.3);
}

/* Span激活状态动画 - 脉冲效果，无下划线 */
#hqdt dt span.on {
    animation: pulse 0.4s ease-out;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1);
    }
}

/* 列表项悬停动画 */
#hqdt dd ul.list li,
#hqdt dd ul.list2 li {
    transition: all 0.25s ease;
    cursor: pointer;
}

#hqdt dd ul.list li:hover,
#hqdt dd ul.list2 li:hover {
    transform: translateX(5px);
    background: rgba(2, 116, 65, 0.05);
}

/* 列表链接悬停效果 */
#hqdt dd ul.list li a,
#hqdt dd ul.list2 li a {
    transition: all 0.25s ease;
    display: inline-block;
}

#hqdt dd ul.list li a:hover,
#hqdt dd ul.list2 li a:hover {
    transform: translateX(3px);
    letter-spacing: 0.5px;
}

/* 日期span悬停效果 */
#hqdt dd ul.list li span,
#hqdt dd ul.list2 li span {
    transition: all 0.25s ease;
}

#hqdt dd ul.list li:hover span,
#hqdt dd ul.list2 li:hover span {
    transform: scale(1.05);
    color: #027441;
}

/* 查看更多按钮悬停效果 */
#hqdt dt a {
    transition: all 0.3s ease;
    display: inline-block;
}

#hqdt dt a:hover {
    transform: translateX(-3px);
    color: #027441;
}

#tzgg{display: inline-block; width: 455px; margin-left: 55px;float: left;}
#tzgg dt{height: 100px; line-height: 90px;}
#tzgg dt a{float: right; color: #101010;}
#tzgg dt span{font-size: 28px; color: #027441; line-height: 95px; font-weight: bold;}
#tzgg dd{width: 100%; display: inline-block; float: left;}
#tzgg dd .tz{width: 100%; height: 55px; display: inline-block; float: left; margin-top: 10px; margin-bottom: 10px;}
#tzgg dd .tz a{display: inline-block; width: 370px; margin-right: 14px; height: 56px; float: left; font-size: 17px; line-height: 24px; color: #4d4d4d;}
#tzgg dd .tz span{display: inline-block; width: 69px; height: 54px; border:1px solid #027441;}
#tzgg dd .tz span b.day{display: inline-block; float: left; width: 69px; height: 33px; background: #fff; color: #228650; line-height: 33px; text-align: center; font-size: 20px;}
#tzgg dd .tz span b.ym{display: inline-block; float: left; width: 69px; height: 21px; background: #027441; text-align: center; line-height: 21px; color: #fff; font-size: 13px;}


/* 页面加载动画 - 弹性淡入效果 */
#tzgg {
    animation: elasticFadeIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes elasticFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(20px);
    }
    60% {
        opacity: 0.8;
        transform: scale(1.02) translateY(-5px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* 标题span不加效果，保持原样 */
#tzgg dt span {
    /* 无动画效果 */
}

/* 查看更多按钮 - 去掉箭头，只保留加载动画 */
#tzgg dt a {
    animation: shimmer 1s ease-in-out;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

@keyframes shimmer {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    40% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 查看更多按钮悬停 - 去掉箭头，只保留颜色变化 */
#tzgg dt a:hover {
    transform: translateX(-3px);
    color: #027441;
}

/* 列表项 - 3D翻转入场 */
#tzgg dd .tz {
    animation: flipIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) backwards;
    transform-style: preserve-3d;
    perspective: 500px;
}

#tzgg dd .tz:nth-child(1) { animation-delay: 0.05s; }
#tzgg dd .tz:nth-child(2) { animation-delay: 0.1s; }
#tzgg dd .tz:nth-child(3) { animation-delay: 0.15s; }
#tzgg dd .tz:nth-child(4) { animation-delay: 0.2s; }
#tzgg dd .tz:nth-child(5) { animation-delay: 0.25s; }

@keyframes flipIn {
    from {
        opacity: 0;
        transform: rotateX(-15deg) translateY(30px);
    }
    to {
        opacity: 1;
        transform: rotateX(0) translateY(0);
    }
}

/* 列表项悬停 - 玻璃拟态效果 */
#tzgg dd .tz {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    background: transparent;
    border-radius: 8px;
    padding: 0 10px;
    margin-left: -10px;
    width: calc(100% + 10px);
}

#tzgg dd .tz:hover {
    background: rgba(2, 116, 65, 0.05);
    backdrop-filter: blur(4px);
    transform: translateX(8px) scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* 链接悬停 - 渐变下划线 */
#tzgg dd .tz a {
    transition: all 0.35s ease;
    position: relative;
    display: inline-block;
}

#tzgg dd .tz a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #027441, #4caf50);
    transition: width 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#tzgg dd .tz:hover a::after {
    width: 100%;
}

#tzgg dd .tz:hover a {
    transform: translateX(5px);
    color: #027441;
}

/* 日期块 - 去掉旋转，只保留缩放和阴影 */
#tzgg dd .tz span {
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    display: inline-block;
    border-radius: 6px;
    overflow: hidden;
}

#tzgg dd .tz:hover span {
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(2, 116, 65, 0.3);
}

/* 天数 - 翻转效果 */
#tzgg dd .tz span b.day {
    transition: all 0.3s ease;
    display: inline-block;
}

#tzgg dd .tz:hover span b.day {
    background: #027441;
    color: #fff;
    transform: scale(1.05);
}

/* 年月 - 光效扫过 */
#tzgg dd .tz span b.ym {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

#tzgg dd .tz:hover span b.ym {
    background: #1a6d3c;
    letter-spacing: 1.5px;
}

#tzgg dd .tz span b.ym::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s ease;
}

#tzgg dd .tz:hover span b.ym::before {
    left: 100%;
}



#zhuanti{width: 100%; min-width: 1520px; height: 387px; background: url(../../images/v202604/bg1.png) repeat-x center;}
#zhuanti .box{width: 1520px; margin: 0 auto;}
#zt dt{width: 100%; height: 65px; text-align: center;margin-top: 30px; margin-bottom: 40px; display: inline-block;}
#zt dt span{display: inline-block; width: 145px; height: 65px; line-height: 65px; font-size: 28px; color: #fff; text-align: center; font-weight: bold; background: url(../../images/v202604/line1.png) no-repeat bottom; }
#zt dd a{display: inline-block; float: left; width: 260px; height: 152px; background: url(../../images/v202604/shuiyin.png) no-repeat -40% 280% #fff; border-radius: 30px;box-shadow: 10px 10px 0px 0px #bddbbf; margin-right: 50px;}
#zt dd a:last-child{margin-right: 0;}
#zt dd a b{display: inline-block; width: 100%; height: 152px; padding-top: 100px; text-align: center; color: #333333; font-weight: bold; font-size: 20px; }
#zt1 b{background: url(../../images/v202604/tb1.png) no-repeat 50% 15%;}
#zt2 b{background: url(../../images/v202604/tb2.png) no-repeat 50% 15%;}
#zt3 b{background: url(../../images/v202604/tb3.png) no-repeat 50% 15%;}
#zt4 b{background: url(../../images/v202604/tb4.png) no-repeat 50% 15%;}
#zt5 b{background: url(../../images/v202604/tb5.png) no-repeat 50% 15%;}


/* 页面加载动画 - 关键帧定义 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* 页面初始状态 - 隐藏所有专题区域元素 */
#zhuanti,
#zhuanti .box,
#zt,
#zt dt,
#zt dt span,
#zt dd,
#zt dd a {
    opacity: 0;
}

/* 加载动画 - 使用级联延迟依次显示 */
#zhuanti {
    animation: fadeIn 0.3s ease forwards;
}

#zhuanti .box {
    animation: fadeIn 0.3s ease 0.1s forwards;
}

#zt {
    animation: fadeInUp 0.5s ease 0.2s forwards;
}

#zt dt {
    animation: fadeInUp 0.4s ease 0.3s forwards;
}

#zt dt span {
    animation: scaleIn 0.4s ease 0.35s forwards;
}

#zt dd {
    animation: fadeInUp 0.5s ease 0.4s forwards;
}

/* 鼠标移入动画 - 所有a标签卡片效果 */
#zt dd a {
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    position: relative;
    overflow: hidden;
}

/* 鼠标移入 - 卡片上浮效果 */
#zt dd a:hover {
    transform: translateY(-8px);
    box-shadow: 12px 15px 0px 0px #bddbbf;
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
	background: url(../../images/v202604/shuiyin.png) no-repeat -50% 300% #e9ffea;
}

/* 鼠标移入 - 内部文字微动效果 */
#zt dd a:hover b {
    transform: scale(1.02);
    transition: transform 0.25s ease;
}

#zt dd a b {
    display: inline-block;
    transition: transform 0.2s ease;
}

/* 鼠标移入 - 光晕扫过效果（可选，增加精致感） */
#zt dd a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s ease;
    pointer-events: none;
    border-radius: 30px;
}

#zt dd a:hover::before {
    left: 100%;
}

/* 各个卡片单独延迟显示（可选，更细腻的入场效果） */
#zt dd a:nth-child(1) { animation: fadeInUp 0.5s ease 0.45s forwards; }
#zt dd a:nth-child(2) { animation: fadeInUp 0.5s ease 0.5s forwards; }
#zt dd a:nth-child(3) { animation: fadeInUp 0.5s ease 0.55s forwards; }
#zt dd a:nth-child(4) { animation: fadeInUp 0.5s ease 0.6s forwards; }
#zt dd a:nth-child(5) { animation: fadeInUp 0.5s ease 0.65s forwards; }



#hqfc{width: 100%; min-width: 1520px; height: 522px; background: #fff;}
#hqfc .box{width: 1520px; margin: 0 auto;}
#hqfc dt{width: 100%; height: 65px; text-align: center;margin-top: 30px; margin-bottom: 40px; display: inline-block;}
#hqfc dt span{display: inline-block; width: 145px; height: 65px; line-height: 65px; font-size: 28px; color: #047541; text-align: center; font-weight: bold; background: url(../../images/v202604/line2.png) no-repeat bottom; }


#hqfc dl dd{padding-top:0px; }
#hqfc dl dd ul{}
#hqfc dl dd ul li{display: inline-block; float: left; margin-left: 10px; margin-right: 10px; width:460px; height: 340px; overflow: hidden;}
/*
#hqfc dl dd ul li a.tu{display: inline-block; width: 460px; height: 288px; overflow: hidden;}
*/
#hqfc dl dd ul li a.bt{text-align: center; display: inline-block; color: #333; line-height: 40px; width: 100%; font-size: 17px;box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);}
#hqfc dl dd ul li a.bt:hover{color:#016e37; font-weight: bold;}
/*
#hqfc dl dd ul li img{transition: all 0.6s;height: 288px;}
#hqfc dl dd ul li img:hover{transform: scale(1.1);}
*/
#hqfc dl dd ul li:last-child{margin-right: 0px;}


#hqfc dl dd ul li a.tu {
    display: inline-block;
    width: 460px;
    height: 288px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#hqfc dl dd ul li a.tu img {
    transition: all 0.6s;
    height: 288px;
    width: auto;
    position: relative;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}

/* 模糊背景伪元素 */
#hqfc dl dd ul li a.tu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit;  /* 继承父元素的背景图 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(5px);
    z-index: 1;
    transform: scale(1.05);
}


.scrollBox1{ width:100%;position:relative; }
.scrollBox1 .piclist{  zoom:1;}
.scrollBox1 .ohbox{ position:relative;width:100%;left:50px; }
.scrollBox1 {position:relative;zoom:1;}
.scrollBox1 .pageBtn span{ background:url(../../images/v20200424/bntBg.png) no-repeat; display:block;width:43px;height:66px;position:absolute;top:112px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox1 .pageBtn .prev{left:-10px;background:url(../../images/v202604/left.png) no-repeat;}
.scrollBox1 .pageBtn .next{right:-30px;background:url(../../images/v202604/right.png) no-repeat;}
.scrollBox1 .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 263px; display:none;}
.scrollBox1 .pageBtn .list li{ float:left; display:inline; width:15px;height:15px;background:#fff; border-radius: 10px; cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;}


/* 鼠标移入li时，标题文字动画效果 */

/* 基础样式 - 为标题添加过渡效果 */
#hqfc dl dd ul li a.bt {
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    position: relative;
    display: inline-block;
}

/* 鼠标移入li时，标题文字变色并向上微移 */
#hqfc dl dd ul li:hover a.bt {
    color: #016e37;
    transform: translateY(-2px);
}

/* 方案2：如果需要更多动画效果，取消注释以下任意一个 */

/* 效果A：标题文字添加下划线滑入动画 */

#hqfc dl dd ul li a.bt::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #016e37;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

#hqfc dl dd ul li:hover a.bt::after {
    width: 80%;
}


/* 效果B：标题文字缩放效果 */
/*
#hqfc dl dd ul li:hover a.bt {
    color: #016e37;
    transform: scale(1.05);
    font-weight: bold;
}
*/

/* 效果C：标题文字左右摆动效果 */
/*
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    75% { transform: translateX(3px); }
}

#hqfc dl dd ul li:hover a.bt {
    color: #016e37;
    animation: shake 0.3s ease;
    font-weight: bold;
}
*/

/* 效果D：标题文字加阴影发光效果 */
/*
#hqfc dl dd ul li:hover a.bt {
    color: #016e37;
    text-shadow: 0 0 8px rgba(1, 110, 55, 0.3);
    font-weight: bold;
}
*/


#footer{width: 100%; min-width: 1520px; height: 248px; background:url(../../images/v202604/footer.png) repeat-x;}
#footer .box{width: 1520px; margin: 0 auto;}
.foot{float: left; color: #fff; display: inline-block; margin-top: 25px;}
.foot span{display: inline-block; width: 100%; height: 50px; line-height: 50px; font-weight: bold; font-size: 20px;}
.foot p{color:#fffdfd; line-height: 26px;}
.foot p a,.foot a{color: #fffdfd;}
.foot p a:hover,.foot a:hover{color:yellow;}
#foot1{width: 400px; margin-left: 25px;}
#foot2{width: 540px;}
#foot3{width: 410px;}
.foot select{display: inline-block; float: left; width: 227px; height: 32px; border:1px solid #fffdfd; background: none;  margin-bottom: 20px;color: #fffdfd;}
.foot select option{color: #fffdfd; background: #333;}
#wx{width: 103px; height: 30px; padding-top: 103px; text-align: center; line-height: 30px; background: url(../../images/v202604/wx.png) no-repeat;}

/* ==========================================
   底部区域载入动画 - 纯CSS，无JS
   直接添加到现有CSS文件末尾
   ========================================== */

/* 底部初始状态：透明并轻微下移 */
#footer {
    opacity: 0;
    transform: translateY(30px);
    animation: footerFadeInUp 0.8s ease-out 0.3s forwards;
}

/* 淡入+上浮动画 */
@keyframes footerFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 可选：底部区域内部的子元素依次出现效果（更精致） */
#footer .box > div {
    opacity: 0;
    animation: itemFadeIn 0.5s ease-out forwards;
}

#foot1 {
    animation-delay: 0.1s;
}
#foot2 {
    animation-delay: 0.2s;
}
#foot3 {
    animation-delay: 0.3s;
}
#foot4 {
    animation-delay: 0.4s;
}

@keyframes itemFadeIn {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


#sortbanner{width: 100%; min-width: 1520px; height: 261px; background: url(https://gs.nwafu.edu.cn/images/sortbanner202604.jpg) repeat-x center;}

#sortmain{width: 100%;  min-width: 1500px; background: white; min-height: 600px; height: 100%;}
#sortmain .box{width: 1500px;  margin:0 auto;}
#menu{width: 286px; float: left; display: inline-block;  margin-top: -93px;}
#menu > dt{width: 286px; height: 93px; line-height: 93px; background: #1f7f73; color: white; 
	background: rgba(37, 160, 98, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)";}
#menu > dt span{font-size: 32px; display: block; background: url(../../images/v2022/linedt.png) no-repeat left bottom; height: 78px; margin-left: 45px;}
#menu > dd{width: 284px; border: 1px solid #d2d2d2;}
#menu > dd > ul li{ line-height: 60px; background: white;  overflow: hidden; width: 284px;}
#menu > dd > ul li > a{color:#303030; font-size: 18px; display: block; padding-left: 35px; width: 249px; height: 59px; border-bottom: 1px dashed #cacaca; 
	background: url(../../images/v2022/row1.png) no-repeat 90% 50%;}
#menu > dd > ul li > a:last-child{border-bottom: none;}
#menu > dd > ul li.on > a{border-bottom: 1px solid #1f7f73;color:white; background: #1f7f73;}
#menu > dd > ul li > a:hover{ border-bottom: 1px solid #1f7f73;color:white; background: url(../../images/v2022/row2.png) no-repeat 90% 50% #1f7f73;}
#menu > dd > ul li dd{height: 59px; line-height: 60px; border-bottom: 1px dashed #cacaca;}
#menu > dd > ul li dd a{color:#303030; font-size: 18px; display: block; width: 219px; height: 59px; padding-left: 65px;}
#menu > dd > ul li dd a:hover{background: #1f7f73; color: white;}


#sortcontent{width: 1110px; float: left; display: inline-block; margin-left: 44px; padding-top: 10px;}
#sortcontent dt{width: 1110px; height: 56px; border-bottom: 1px solid #bcbcbc; }
#sortcontent dt #navbar{float:right; height: 66px; line-height: 66px; color: #747474; padding-left: 30px; background: url(../../images/v2022/shuye2.png) no-repeat left;}
#sortcontent dt #navbar a{color: #747474;}
#sortcontent dt #navbar a:hover{color:#1f7f73;}
#sortcontent dt span{display: block; height: 39px; padding-left: 20px; border-left: 5px solid #009943; font-size: 30px; color:#000; font-weight: bold;margin-top: 10px;}
#sortcontent dd{padding-bottom: 50px; padding-top: 10px;}


#sortcontent dd ul.list{width: 1110px; float: left;}
#sortcontent dd ul.list li{height: 60px; line-height: 60px; border-bottom: 1px solid #dbdbdb;}
#sortcontent dd ul.list li span{float: right; color: #3f403f;}
#sortcontent dd ul.list li a{color:#3f403f; transition: 0.3s; display: block; padding-left: 30px; background: url(../../images/v202603/li.png) no-repeat left;}
#sortcontent dd ul.list li a:hover{color:#1f7f73; padding-left: 25px; font-weight: bold;}
#sortcontent dd .page{width:100%; height: 80px; text-align: center;}
#sortcontent dd .page ul{width: 707px; margin:0 auto;}
#sortcontent dd .page ul li{height: 80px; line-height: 80px; display: inline-block; float: left; margin-left: 15px;}
#sortcontent dd .page ul li a{display: block; border:1px solid #eee; color:#636363; height: 40px; line-height: 40px;padding-left: 10px; padding-right: 10px; margin-top: 20px;}
#sortcontent dd .page ul li a:hover{background: #1f7f73; color: white;}



#sortcontent dd .article{line-height: 1.8; font-size: 17px; padding-top: 10px; color: #666; text-align: justify;}
#sortcontent dd .article h2.t{width: 1110px; line-height: 50px; text-align: center; font-size: 28px; font-weight: bold; color: #333;margin-bottom: 20px;}
#sortcontent dd .article p{line-height: 30px; font-size: 17px;  color: #666; line-height: 1.8; }
#sortcontent dd .article p a{line-height: 30px; font-size: 17px;  color: #3D9EE9;}
#sortcontent dd .article .info{width: 1110px; height: 30px; line-height: 30px; background: #f2f2f2; color:#999999; text-align: center; font-size: 14px; margin-bottom: 20px;}