@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;
	color: #000;
}

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


/*search*/
#searchbox{width:100%;overflow: hidden;padding:20px 0;background-color: #fefefe; display: none; overflow: hidden; min-width: 1500px;}
.searchbox{width:800px; height:38px; line-height:34px; z-index:9999994; margin:0 auto;position: relative;}
.search input{position:absolute;  height: 34px;line-height:34px; color:#262626; border:none; background:none; top:0px; padding-left:0px; }
.search input.notxt{color:#333; padding:0 0 0 7px;width:72%;border:1px solid #009944; outline: none;}   
.search input.notxt1 {position: absolute;width: 15%;height:34px;right:12%;border: none;cursor:pointer; overflow: hidden;padding-right:0;color:#fff;border:none;background-color: #009944;border:1px solid #009944;height: 36px;}
.search .notxt2 { height: 34px;line-height:34px; color:#262626; border:none; background:none; top:0px; padding-left:0px; position: absolute;width: 10%; right:0;border: none;cursor:pointer; overflow: hidden;padding-right:0;color:#fff;border:none;background-color: #009944;border:1px solid #009944; text-align:center; font-size:13px; }
.search input.notxt1:hover{background-color: #009944}
.on{display: block;}

/*banner*/
#banner{height: 610px;}
.fullSlide{ min-width:1500px; border-top:0px solid #3D9EE9;  position:relative;  height:610px; 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:1500px; 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:18px; height:24px; margin:4px; background: url(../../images/v202603/li.png); border-radius: 15px; overflow:hidden; 
	line-height:9999px; /*filter:alpha(opacity=40);opacity:0.4; */
}
.fullSlide .hd ul .on{background: url(../../images/v202603/li_on.png); 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;  }

#top{width: 100%; margin-top: -610px; position: relative; z-index: 9999; height: 410px;}
#top .wrap{width: 1500px; height: 133px; border-bottom: 1px solid #aeb1b8; margin:0 auto;}
#top .wrap .box{width: 1500px; margin:0 auto;}
#logo{width: 1420px; height: 97px; background: url(../../images/v202603/logo.png) no-repeat bottom left;float: left;}
#top .wrap .box .right{float: left;}
#top .wrap .box .right a{display: block; color: white; width: 48px; height: 28px; float: left;padding-top: 20px;}
#top .wrap .box .right a:hover{color:#f8ca29;}
#top .wrap .box .right div{margin-top: 60px; cursor: pointer;}

/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{   position:relative; z-index:1;   color:#fff; height:60px; line-height:60px;   }
.nav{ width:1500px; 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:150px; margin:0 0px; display:inline; text-align:center;   }
.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:60px; line-height:60px; 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:0px; top:60px;  float:left; line-height:30px; 
	background: rgba(0,0,0,0.5);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)";}
.nav .sub li{ text-align:center;  min-height: 40px; line-height: 40px;}
.nav .sub li a{ color:#fff; display:block; zoom:1;font-size: 16px;}
.nav .sub li a:hover{  background:#333; color:#f8ca29;   }
.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;}

/*学院动态*/
#dongtai{width: 100%; min-width: 1500px; height: 723px; background: #eee; margin-top: 200px;}
#dongtai .box{width: 1500px; margin:0 auto;}
#dongtai .box dl dt{width: 100%; height: 130px;}
#dongtai .box dl dt a{display: inline-block; float: right; width: 110px; height: 130px; background: url(../../images/v202603/maizi.png) no-repeat right; line-height: 130px; }
#dongtai .box dl dt a:hover{font-weight: bold;}
#dongtai .box dl dt span{display: inline-block; width: 180px; height: 130px; line-height: 130px; font-weight: bold; font-size: 32px; background: url(../../images/v202603/line1.png) no-repeat 50% 80%; text-align: center;}
.xwtu{display: inline-block; width: 455px; height: 517px; float: left; background: #fff; box-shadow: 1px 1px 10px 1px #e6e5e5;}
.xwtu:nth-of-type(2){margin-left: 48px;}
.xwtu .tu{display: inline-block; width: 455px; height: 270px; overflow: hidden;position: relative;}
.xwtu .tu::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: inherit;  /* 继承父元素的背景图 */
	background-size: cover;
	background-position: center;
	filter: blur(2px);  /* 模糊效果 */
	transform: scale(1.1);  /* 放大一点避免边缘透底 */
	z-index: 1;
  }
.xwtu .tu img{
	position: relative;
	width: auto;
	height: 100%;  /* 高度撑满 */
	max-width: 100%;  /* 宽度不超过容器 */
	object-fit: contain;  /* 保持比例，完整显示图片 */
	display: block;
	margin: 0 auto;  /* 水平居中 */
	z-index: 2;
	position: relative;
}
.xwtu .bt{display: inline-block; width: 385px; height: 70px; padding-top: 20px;  background: url(../../images/v202603/line2.png) no-repeat left top; font-size: 18px; font-weight: bold; line-height: 30px; margin-top: 25px; margin-left: 30px;}
.xwtu p{width: 385px; height: 90px; font-size: 14px; color: #666; line-height: 22px; margin-left: 30px;}
.xwtu .more{display: inline-block; width: 65px; height: 30px; line-height: 30px; color: #228e39; font-weight: bold; margin-left: 365px; font-size: 14px;}

.xwlist{display: inline-block; width: 478px; margin-left: 45px;}
.xwlist .xw{display: inline-block; float: left;  width: 100%; height: 103px; background: url(../../images/v202603/line_btm.png) repeat-x bottom;}
.xwlist .xw span{display: inline-block; width: 57px; height: 52px; float: right; margin-top: 20px; color: #238751;}
.xwlist .xw span b{display: inline-block; }
.xwlist .xw span b.day{width: 100%; height: 35px; font-weight: bold; font-size: 30px;}
.xwlist .xw span b.ym{width: 100%; height: 20px; line-height: 20px; font-size: 13px;}
.xwlist .xw a{display: inline-block; width: 410px; height: 66px; font-size: 18px; line-height: 30px; font-weight: bold; color: #302f2f; margin-top: 20px;}



/* ========== 新增动态效果 ========== */

/* 1. 页面加载动画 - 学院动态区域淡入 */
#dongtai {
    animation: fadeInUp 0.8s ease-out;
}

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

/* 2. 新闻卡片悬停效果 */
.xwtu {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    top: 0;
}

.xwtu:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

/* 3. 图片区域悬停效果 - 图片微缩放，模糊背景加深 */
.xwtu .tu {
    transition: all 0.5s ease;
}

.xwtu:hover .tu::before {
    filter: blur(4px);
    transform: scale(1.15);
    transition: all 0.5s ease;
}

.xwtu:hover .tu img {
    transform: scale(1.03);
    transition: transform 0.5s ease;
}

/* 4. 标题悬停效果 */
.xwtu .bt {
    transition: color 0.3s ease;
}

.xwtu:hover .bt {
    color: #228e39;
}

/* 5. 更多按钮悬停效果 */
.xwtu .more {
    position: relative;
    transition: all 0.3s ease;
}

.xwtu .more:hover {
    margin-left: 370px;  /* 轻微移动 */
    color: #1a6b2d;
}

.xwtu .more::after {
    content: "";
    opacity: 0;
    position: absolute;
    right: -15px;
    transition: all 0.3s ease;
}

.xwtu .more:hover::after {
    opacity: 1;
    right: -20px;
}

/* 6. 右侧新闻列表悬停效果 */
.xwlist .xw {
    transition: all 0.3s ease;
    padding-left: 0;
}

.xwlist .xw:hover {
    background-color: rgba(34, 142, 57, 0.05);
    padding-left: 10px;
    transition: all 0.3s ease;
}

.xwlist .xw a {
    transition: color 0.3s ease;
}

.xwlist .xw:hover a {
    color: #228e39;
}

.xwlist .xw span {
    transition: all 0.3s ease;
}

.xwlist .xw:hover span {
    transform: scale(1.1);
    color: #1a6b2d;
}

/* 7. 日期数字悬停效果 */
.xwlist .xw span b.day {
    transition: all 0.3s ease;
}

.xwlist .xw:hover span b.day {
    transform: translateY(-2px);
}

/* 8. 更多>> 按钮悬停效果 */
#dongtai .box dl dt a {
    transition: all 0.3s ease;
    position: relative;
}

#dongtai .box dl dt a:hover {
    font-weight: bold;
    padding-right: 5px;
}

#dongtai .box dl dt a::after {
    content: "";
    opacity: 0;
    position: absolute;
    right: -10px;
    transition: all 0.3s ease;
}

#dongtai .box dl dt a:hover::after {
    opacity: 1;
    right: -15px;
}

/* 9. 摘要文字渐显效果 */
.xwtu p {
    transition: color 0.3s ease;
}

.xwtu:hover p {
    color: #333;
}

/*通知公告与学术交流*/
#tongzhi{width: 100%; min-width: 1500px; height: 600px; background: url(../../images/v202603/bg_m.png) repeat-x center;}
#tongzhi .box{width: 1500px; margin:0 auto; padding-top: 0px;}
#tongzhi .box dl dt{width: 100%; height: 105px; border-bottom: 1px solid #ffc77a;}
#tongzhi .box dl dt a{display: inline-block; float: right; width: 110px; height: 130px; background: url(../../images/v202603/maizi2.png) no-repeat right; line-height: 130px; color: #ffc879;}
#tongzhi .box dl dt a:hover{font-weight: bold;}
#tongzhi .box dl dt span{display: inline-block; width: 140px; height: 130px; line-height: 130px; font-weight: bold; font-size: 32px; background: url(../../images/v202603/line3.png) no-repeat 50% 80%; text-align: center; color: #fff;}

#tzgg{display: inline-block; width: 693px; float: left;}
#tzgg dt{float: left;}
#tzgg dd{float: left;}


.tz{width: 100%; height: 100px; float: left; background: url(../../images/v202603/line_btm2.png) repeat-x bottom;}
.tz{display: inline-block; float: left;  width: 100%; height: 103px; background: url(../../images/v202603/line_btm.png) repeat-x bottom;}
.tz span{display: inline-block; width: 57px; height: 52px; margin-top: 20px; color: #ffc979; float: left; margin-right: 20px;margin-left: 20px;}
.tz span b{display: inline-block; }
.tz span b.day{width: 100%; height: 35px; font-weight: bold; font-size: 30px;}
.tz span b.ym{width: 100%; height: 20px; line-height: 20px; font-size: 13px;}
.tz a{display: inline-block; width: 588px; height: 66px; font-size: 18px; line-height: 30px; font-weight: bold; color: #fefeff; margin-top: 20px;}

#xsjl{display: inline-block; width: 698px; float: left; margin-left: 100px;}
#xsjl dt{float: left;}
#xsjl dd{float: left;}
.xs{display: inline-block; width: 325px; height: 94px; float: left; background: linear-gradient(to right,#1f7f73,#249b61); margin-top: 40px; filter: drop-shadow(8px 8px 0 #1db56a);}
.xs:nth-child(even){margin-left: 30px;}
.xs span{display: inline-block; width: 57px; height: 52px; margin-top: 20px; color: #fff; float: left; margin-right: 20px; border-right: 1px solid #fff; margin-left: 10px; padding-right: 5px;}
.xs span b{display: inline-block; }
.xs span b.day{width: 100%; height: 30px; font-weight: bold; font-size: 30px; line-height: 30px;}
.xs span b.ym{width: 100%; height: 20px; line-height: 20px; font-size: 13px;}
.xs a{display: inline-block; width: 225px; height: 66px; font-size: 17px; line-height: 30px; font-weight: bold; color: #fefeff; margin-top: 15px;}


/* 加载动画 - 初始隐藏内容并添加淡入效果 */
#tongzhi {
    opacity: 0;
    animation: fadeInContent 0.8s ease-out forwards;
}

@keyframes fadeInContent {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 标题区域入场动画 */
#tongzhi .box dl dt {
    opacity: 0;
    animation: slideInTitle 0.6s ease-out 0.3s forwards;
}

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

/* 通知公告项目逐条入场动画 */
#tzgg .tz {
    opacity: 0;
    animation: slideInItem 0.5s ease-out forwards;
}

#tzgg .tz:nth-child(1) { animation-delay: 0.4s; }
#tzgg .tz:nth-child(2) { animation-delay: 0.5s; }
#tzgg .tz:nth-child(3) { animation-delay: 0.6s; }
#tzgg .tz:nth-child(4) { animation-delay: 0.7s; }

/* 学术交流项目逐条入场动画 */
#xsjl .xs {
    opacity: 0;
    animation: slideInItem 0.5s ease-out forwards;
}

#xsjl .xs:nth-child(1) { animation-delay: 0.8s; }
#xsjl .xs:nth-child(2) { animation-delay: 0.9s; }
#xsjl .xs:nth-child(3) { animation-delay: 1.0s; }
#xsjl .xs:nth-child(4) { animation-delay: 1.1s; }
#xsjl .xs:nth-child(5) { animation-delay: 1.2s; }
#xsjl .xs:nth-child(6) { animation-delay: 1.3s; }

@keyframes slideInItem {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 鼠标移入标题区域效果 */
#tongzhi .box dl dt {
    transition: all 0.3s ease;
}

#tongzhi .box dl dt:hover {
    transform: scale(1.02);
}

#tongzhi .box dl dt span {
    transition: all 0.3s ease;
}

#tongzhi .box dl dt:hover span {
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
    transform: scale(1.05);
}

/* 鼠标移入通知公告项目效果 */
.tz {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.tz:hover {
    transform: translateY(-5px) scale(1.02);
    
}

.tz::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s ease;
}

.tz:hover::before {
    left: 100%;
}

.tz span {
    transition: all 0.3s ease;
}

.tz:hover span {
    transform: scale(1.1);
    color: #fff;
}

.tz a {
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
}

.tz:hover a {
    color: #ffc77a !important;
    transform: translateX(5px);
}

/* 鼠标移入学交流项目效果 */
.xs {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.xs:hover {
    transform: translateY(-8px) scale(1.03);
    filter: drop-shadow(12px 12px 0 #1db56a);
    background: linear-gradient(to right, #249b61, #1f7f73);
}

.xs::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.6s ease;
}

.xs:hover::before {
    left: 100%;
}

.xs span {
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.xs:hover span {
    transform: scale(1.1);
    border-right-color: #ffc77a !important;
}

.xs a {
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.xs:hover a {
    color: #ffc77a !important;
    transform: translateX(5px);
}

/* 更多链接悬停效果增强 */
#tongzhi .box dl dt a {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

#tongzhi .box dl dt a:hover {
    font-weight: bold;
    transform: translateX(5px);
    color: #ffd700 !important;
}

#tongzhi .box dl dt a::before {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease;
}

#tongzhi .box dl dt a:hover::before {
    right: 10px;
    opacity: 1;
}

/* 日期数字特殊效果 */
.day, .ym {
    transition: all 0.3s ease;
}

.tz:hover .day,
.xs:hover .day {
    transform: scale(1.15);
    color: #ffc77a;
}

.tz:hover .ym,
.xs:hover .ym {
    transform: scale(1.05);
    color: #ffc77a;
}

/*学术成果*/
#chengguo{width: 100%; min-width: 1500px; height: 365px; background: url(../../images/v202603/bg_m2.png) repeat-x center;}
#chengguo .box{width: 1500px; margin:0 auto; padding-top: 0px;}
#chengguo .box dl dt{width: 100%; height: 105px; }
#chengguo .box dl dt a{display: inline-block; float: right; width: 110px; height: 130px; background: url(../../images/v202603/maizi.png) no-repeat right; line-height: 130px; color: #000;}
#chengguo .box dl dt a:hover{font-weight: bold;}
#chengguo .box dl dt span{display: inline-block; width: 140px; height: 130px; line-height: 130px; font-weight: bold; font-size: 32px; background: url(../../images/v202603/line1.png) no-repeat 50% 80%; text-align: center; color: #000;}
#chengguo .box dl dt{float: left;}
#chengguo .box dl dd{float: left;}
.cg{display: inline-block; width: 370px; height: 115px; float: left; margin-top: 42px; border-right:1px solid #419438;}
.cg:last-child{border-right:none;}
.cg a{display: inline-block; width: 300px; height: 50px; line-height: 25px; font-size: 17px; clear: both; margin-left: 50px;}
.cg span{display: inline-block; width: 104px; height: 27px; background: #409337; line-height: 27px; text-align: center; color: #fff; font-size: 14px; border-radius: 20px; margin-top: 35px; margin-left: 245px;}


/* 学术成果 - 页面加载淡入效果 */
#chengguo {
    opacity: 0;
    animation: fadeIn 0.8s ease-out forwards;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* 标题简单入场 */
#chengguo .box dl dt {
    opacity: 0;
    animation: simpleFadeIn 0.5s ease-out 0.2s forwards;
}

@keyframes simpleFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* 项目简单入场 */
.cg {
    opacity: 0;
    animation: simpleFadeIn 0.5s ease-out forwards;
}

.cg:nth-child(1) { animation-delay: 0.3s; }
.cg:nth-child(2) { animation-delay: 0.4s; }
.cg:nth-child(3) { animation-delay: 0.5s; }
.cg:nth-child(4) { animation-delay: 0.6s; }

/* 鼠标滑过效果 - 只改变颜色和轻微上移 */
.cg {
    transition: all 0.3s ease;
}

.cg:hover {
    transform: translateY(-3px);
}

.cg a {
    transition: color 0.3s ease;
}

.cg:hover a {
    color: #409337 !important;
}

.cg span {
    transition: all 0.3s ease;
}

.cg:hover span {
    background: #ffc77a;
    color: #000 !important;
}

/* 更多链接效果 */
#chengguo .box dl dt a {
    transition: color 0.3s ease;
}

#chengguo .box dl dt a:hover {
    color: #409337 !important;
    font-weight: bold;
}

/* 标题文字简单效果 */
#chengguo .box dl dt span {
    transition: color 0.3s ease;
}

#chengguo .box dl dt:hover span {
    color: #409337;
}


#dangjian{width: 100%; min-width: 1500px; height: 540px; background: #fff;}
#dangjian .box{width: 1500px; margin:0 auto; padding-top: 0px;}
#ppt{display: inline-block; width: 706px; height: 460px; float: left; overflow: hidden; margin-top: 45px;}
.focusBox { position: relative; width: 706px; height: 460px;  font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;  float: left;}
.focusBox .pic li a{display: inline-block; width: 706px; height: 460px; overflow: hidden;}
.focusBox .pic li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: inherit;  /* 继承父元素的背景图 */
	background-size: cover;
	background-position: center;
	filter: blur(2px);  /* 模糊效果 */
	transform: scale(1.1);  /* 放大一点避免边缘透底 */
	z-index: 1;
  }
.focusBox .pic li a img{
	position: relative;
	width: auto;
	height: 100%;  /* 高度撑满 */
	max-width: 100%;  /* 宽度不超过容器 */
	object-fit: contain;  /* 保持比例，完整显示图片 */
	display: block;
	margin: 0 auto;  /* 水平居中 */
	z-index: 2;
	position: relative;
}


.focusBox .txt-bg { position: absolute; bottom: 0px; left: 0px; z-index: 1; height: 100px; width:100%;  background: rgba(0,0,0,0.5);  overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0px; z-index: 2; height: 106px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:106px; line-height:106px; position:absolute; bottom:0px; width: 100%;}
.focusBox .txt li a{ display: block;  color: #fff; padding: 15px 20px 0 40px; font-weight: bold; font-family: '微软雅黑','黑体'; font-size: 18px;  text-decoration: none; line-height: 40px;}
.focusBox .txt li a:hover{color:yellow;}
.focusBox .txt li a span{display: inline-block; float: right; width:120px; height: 90px;}
.focusBox .txt li a span b{display: block; width: 120px; height: 45px;  float: right; text-align: center;}
.focusBox .txt li a span b.ymd{padding-top: 40px; color: white;}
.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: 118px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 12px; height: 12px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 3px; cursor: pointer; border-radius: 50%; border:0px solid #fff; 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:#f8ce84; }

#djdt{display: inline-block; width: 730px; margin-left: 50px; margin-top: 45px;}
#djdt dt{width: 100%; height: 65px; border-bottom: 1px solid #449538;}
#djdt dt a{display: inline-block; float: right; width: 110px; height: 80px; background: url(../../images/v202603/maizi.png) no-repeat right top; line-height: 80px; color: #000;}
#djdt dt a:hover{font-weight: bold;}
#djdt dt span{display: inline-block; width: 140px; height: 80px; line-height: 60px; font-weight: bold; font-size: 32px; background: url(../../images/v202603/line1.png) no-repeat 50% 80%; text-align: center; color: #000;}
#djdt dd ul {float: left; padding-top: 20px;}
#djdt dd ul li{display:inline-block; width: 100%; height: 60px; float: left;}
#djdt dd ul li a{display: inline-block; padding-left: 30px; background: url(../../images/v202603/li2.png) no-repeat left; font-size: 18px;}
#djdt dd ul li span{display: inline-block; width: 112px; height: 28px; background: linear-gradient(to right,#439438,#04883c); float: right; border-radius: 15px; text-align: center; color: #fff; line-height: 28px;}


/* 党建动态右侧区域 - 页面加载动画 */
#djdt {
    opacity: 0;
    animation: fadeInRight 0.8s ease-out forwards;
}

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

/* 标题区域动画 */
#djdt dt {
    opacity: 0;
    animation: fadeIn 0.5s ease-out 0.2s forwards;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* 列表项逐条入场 */
#djdt dd ul li {
    opacity: 0;
    animation: slideInItem 0.4s ease-out forwards;
}

#djdt dd ul li:nth-child(1) { animation-delay: 0.3s; }
#djdt dd ul li:nth-child(2) { animation-delay: 0.4s; }
#djdt dd ul li:nth-child(3) { animation-delay: 0.5s; }
#djdt dd ul li:nth-child(4) { animation-delay: 0.6s; }
#djdt dd ul li:nth-child(5) { animation-delay: 0.7s; }
#djdt dd ul li:nth-child(6) { animation-delay: 0.8s; }

@keyframes slideInItem {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 鼠标滑过列表项效果 */
#djdt dd ul li {
    transition: all 0.3s ease;
}

#djdt dd ul li:hover {
    transform: translateX(5px);
}

#djdt dd ul li a {
    transition: color 0s ease;
}

#djdt dd ul li:hover a {
    color: #d6873a !important;
    font-weight: bold;
}

/* 日期标签滑过效果 */
#djdt dd ul li span {
    transition: all 0.3s ease;
}

#djdt dd ul li:hover span {
    background: linear-gradient(to right, #ffc77a, #f8b14d);
    color: #000 !important;
    transform: scale(1.05);
}




#zhuanti{width: 100%; min-width: 1500px; height: 285px; background: #d9eedb;}
#zhuanti .box{width: 1500px; margin:0 auto; padding-top: 0px;}
#zhuanti .box dl dt{width: 100%; height: 105px; }
#zhuanti .box dl dt a{display: inline-block; float: right; width: 110px; height: 130px; background: url(../../images/v202603/maizi.png) no-repeat right; line-height: 130px; color: #000;}
#zhuanti .box dl dt a:hover{font-weight: bold;}
#zhuanti .box dl dt span{display: inline-block; width: 140px; height: 130px; line-height: 130px; font-weight: bold; font-size: 32px; background: url(../../images/v202603/line1.png) no-repeat 50% 80%; text-align: center; color: #000;}
#zhuanti .box dl dt{float: left;}
#zhuanti .box dl dd{float: left;}
#zhuanti .box dl dd a{display: inline-block; width: 281px; height: 105px; margin-left: 15px; margin-top:28px;filter: drop-shadow(5px 5px 0 #fff);}


/* 专题栏目 - 页面加载动画 */
#zhuanti {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}

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

/* 标题区域动画 */
#zhuanti .box dl dt {
    opacity: 0;
    animation: fadeIn 0.5s ease-out 0.2s forwards;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* 专题图片逐条入场 */
#zhuanti .box dl dd a {
    opacity: 0;
    animation: scaleIn 0.4s ease-out forwards;
}

#zhuanti .box dl dd a:nth-child(1) { animation-delay: 0.3s; }
#zhuanti .box dl dd a:nth-child(2) { animation-delay: 0.4s; }
#zhuanti .box dl dd a:nth-child(3) { animation-delay: 0.5s; }
#zhuanti .box dl dd a:nth-child(4) { animation-delay: 0.6s; }
#zhuanti .box dl dd a:nth-child(5) { animation-delay: 0.7s; }

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* 鼠标滑过专题图片效果 */
#zhuanti .box dl dd a {
    transition: all 0.3s ease;
    display: inline-block;
}

#zhuanti .box dl dd a:hover {
    transform: translateY(-5px);
    filter: drop-shadow(8px 8px 0 #fff);
}

/* 专题图片内部图片效果 */
#zhuanti .box dl dd a img {
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
}

#zhuanti .box dl dd a:hover img {
    transform: scale(1.05);
}

/* 标题悬停效果 - 更多链接不加效果 */
#zhuanti .box dl dt span {
    transition: color 0.3s ease;
}

#zhuanti .box dl dt:hover span {
    color: #439438;
}


#footer{width: 100%; min-width: 1500px; height: 359px; background:url(../../images/v202603/footerbg.png) repeat-x center; overflow: hidden;}
#footer .box{width: 1500px; margin:0 auto; padding-top: 0px;}
#footer .box .up{width: 100%; height: 305px; display: inline-block; border-bottom: 1px solid #0da453; float: left;}
.foot{display: inline-block; float: left; margin-top: 20px;}
.foot span{display: inline-block; width: 100%; height: 60px; font-size: 18px; color: #fff; line-height: 60px; background: url(../../images/v202603/line_footer.png) no-repeat left bottom;}
.foot ul{padding-top: 15px;}
.foot ul li{line-height: 30px;color:#fff; font-size: 16px; line-height: 28px;}
.foot ul li a{display: inline-block; color:#fff; font-size: 16px; line-height: 28px;}
.foot ul li a:hover{color: #f8b14d;}
#foot1{width: 170px;}
#foot2{width: 198px;}
#foot3{width: 190px;}
#foot4{width: 190px;}
#foot5{width: 260px;}
#foot6{width: 290px;}
#foot7{width: 200px;}
#wx{display: inline-block; width: 104px; height: 104px; background: url(../../images/v202603/wx.png) no-repeat; margin-top: 30px;}
#footer .box .down{width: 100%; height: 55px; line-height: 55px; text-align: center; color: #fff; float: left;}
#footer .box .down p a{font-size: 16px; color: #fff;}



/*sortbanner*/
#sortbanner{width:100%; min-width:1500px; background: url(../../images/v202603/sortbanner.jpg) repeat-x top center; height: 500px;}

#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;}