@charset "utf-8";

/*首页 - 导航栏样式优化*/
.header{
    margin: 0 auto;
    height: 92px;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(255,255,255,0.95);
    z-index: 999;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    /* 纯CSS进场动画，不依赖滚动检测，任何位置刷新都正常显示 */
    -webkit-animation: slideInDown 0.6s ease both;
    animation: slideInDown 0.6s ease both;
}
.header .w100{
    display: flex;
    align-items: center;
    height: 100%;
    transition: height 0.3s ease;
}
.header .logo{
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}
.header .logo a{transition:0.5s;}
.header .logo a:hover{padding-left: 5px;transition:0.5s;}
.header .logo img{
    transition: all 0.3s ease;
    max-height: 60px;
}
.header .menu{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    transition: all 0.3s ease;
}

.header .menu ul{width: 100%; margin: 0; padding: 0}
.header .menu ul li:first-child{ width: 13%}
.header .menu ul li{ width: 14.5%; line-height: 92px; float: left;text-align: center;cursor:pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header .menu ul li.on {
		background: #004890;
	}
.header .menu ul li.on a {
		color: #fff;
	}
.header .menu ul li:hover {
		background: #004890;
	}
.header .menu ul li a{
    font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
    color: #333;
    font-size: 16px;
    font-weight: bolder;
    transition: all 0.3s ease;
}
.header .menu ul li:hover a{color: #fff}
.header .menu ul li a:hover{color:#fff}
.header .menu ul li img{position: absolute;
    display: none;
    top: 74px;
    left: 0;
    width: 418px;
    height: 182px;
    border: 1px solid #ddd;
	box-sizing: border-box;
	border-top: none;}
/* 搜索框样式优化 - 全文检索 */
.header .search{
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    box-sizing: border-box;
}
.header .search_bar{
    width: 100%;
    max-width: 320px;
    height: 36px;
    transition: all 0.3s ease;
    margin: 0 auto;
}
.header .search_box{
    position: relative;
    width: 100%;
    height: 36px;
    background: #f5f7fa;
    border: 1px solid #d8dce5;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.header .search_box:hover{
    border-color: #004890;
    box-shadow: 0 0 0 2px rgba(0,72,144,0.12);
}
.header .search_icon{
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #99a0aa;
    font-size: 14px;
    pointer-events: none;
}
.header .search_input{
    width: 100%;
    height: 34px;
    border: none;
    outline: none;
    background: transparent;
    padding: 0 70px 0 32px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
}
.header .search_input::-webkit-input-placeholder{color: #99a0aa;}
.header .search_btn{
    position: absolute;
    right: 3px;
    top: 3px;
    height: 28px;
    padding: 0 14px;
    border: none;
    border-radius: 14px;
    background: #004890;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.header .search_btn:hover{
    background: #003a72;
}
/*bootstrap外自适应css - 响应式优化*/
@media only screen and (min-width:769px) and (max-width:863px) {
.header{height: 42px;}
.header .logo{width:25.6%}
.header .logo img{width: 100%;margin: 3px 0; max-height: 36px;}	
.header .menu{width:55.7%}
.header .menu ul li{height: 42px;}	
.header .search{width:18.7%}
.header .search_bar{max-width: 200px;height: 30px;}
.header .search_box{height: 30px;border-radius: 15px;}
.header .search_input{height: 28px;padding: 0 64px 0 28px;font-size: 12px;}
.header .search_btn{height: 24px;border-radius: 12px;font-size: 12px;padding: 0 10px;}
.header .w100{align-items: center;}
.header .menu ul li {
    line-height: 42px;
}
.header .menu ul li a {
    font-size: 12px;
}
.header .search{display: flex;align-items: center;justify-content: center;}
}
@media only screen and (min-width:864px) and (max-width:1199px) {
.header .logo{width:25.6%}
.header .logo img{width: 100%;margin: 22px 0; max-height: 50px;}	
.header .menu{width:55.7%}
.header .search{width:18.7%}
.header .search_bar{max-width: 240px;}
.header .search{display: flex;align-items: center;justify-content: center;}
}
@media only screen and (min-width:1200px) {
.header .logo{width:27.6%}
.header .logo img{width: 100%;margin: 0; max-height: 60px; vertical-align: middle;}	
.header .menu{width:55.7%}
.header .search{width:16.7%}
.header .search_bar{max-width: 280px;}
.header .search{display: flex;align-items: center;justify-content: center;}
}
@media only screen and (min-width:1400px) {
.header .logo{width:27.6%}
.header .logo img{width: 100%;margin: 0; max-height: 60px; vertical-align: middle;}
.header .menu{width:56.7%}
.header .search{width:15.7%}
.header .search_bar{max-width: 360px;}
.header .search{display: flex;align-items: center;justify-content: center;}
}


@media only screen and (min-width:1920px)  {
.header .logo{width: 530px;}
.header .logo img{width: 100%;margin: 0; max-height: 60px; vertical-align: middle;}		
.header .menu{width: 1068px;}
.header .search{width: 322px;}
.header .search_bar{max-width: 320px;}
.header .search{display: flex;align-items: center;justify-content: center;}
}

/**导航栏滚动收缩样式 - 顶部92px，滚动后收缩至52px**/
.sticky{
    height: 52px;
    z-index: 999;
    transition: all 0.3s ease;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
}
.sticky .w100{
    height: 52px;
}
.sticky .logo{
    transition: all 0.3s ease;
}
.sticky .logo a{
    transition:0.3s;
    display: flex;
    align-items: center;
    height: 52px;
}
.sticky .logo a:hover{padding-left: 5px;transition:0.3s;}
.sticky .logo a img{
    height: 38px;
    width: auto;
    transition: all 0.3s ease;
    float: none;
}
.sticky .menu{
    transition:all 0.3s ease;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.sticky .menu ul{width: 100%; margin: 0; padding: 0}
.sticky .menu ul li:first-child{ width: 13%}
.sticky .menu ul li{
    width: 14.5%;
    line-height: 52px;
    float: left;
    text-align: center;
    cursor:pointer;
    transition: all 0.3s ease;
}
.sticky .menu ul li.on {
		background: #004890;
	}
.sticky .menu ul li.on a {
		color: #fff;
	}
.sticky .menu ul li:hover {
		background: #004890;
	}
.sticky .menu ul li a{
    font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
    color: #333;
    font-size: 15px;
    font-weight: bolder;
    transition: all 0.3s ease;
}
.sticky .menu ul li:hover a{color: #fff}
.sticky .menu ul li a:hover{color:#fff}
.sticky .menu ul li img{position: absolute;
    display: none;
    top: 74px;
    left: 0;
    width: 418px;
    height: 182px;
    border: 1px solid #ddd;
	box-sizing: border-box;
	border-top: none;}
.sticky .search{
    transition:all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    box-sizing: border-box;
}
.sticky .search_bar{max-width: 280px;height: 32px;margin: 0 auto;}
.sticky .search_box{height: 32px;border-radius: 16px;}
.sticky .search_input{height: 30px;padding: 0 68px 0 30px;font-size: 13px;}
.sticky .search_btn{height: 26px;border-radius: 13px;font-size: 12px;padding: 0 12px;}

/**焦点图部分开始**/
.container-fluid {
    padding: 0;
	visibility: visible;
    animation-delay: 0.4s;
    animation-name: fadeIn;
}

.navbar {
    margin: 0;
}

#activate {
    margin: 17px 0;
    width: 300px;
    height: 64px;
    font-size: 18px;
}

.banner_header {
    margin:92px 0 auto;
    transition: margin-top 0.3s ease;
}
@media only screen and (min-width:769px) and (max-width:863px) {
	.banner_header { margin: 42px 0 auto;}
}
.headerImg {
    width: 100%;
}
/* ========== Banner 纯JS淡入淡出轮播（参考jixu技术）========== */
/* 始终保持banner高度，图片小或加载失败时页面不塌陷 */
.hero-banner{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f0f0f0;
    min-height: 640px;
}
/* 容器始终有高度，图片小或无图时不塌陷 */
.hero-banner .hero-track{
    position: relative;
    width: 100%;
    min-height: 640px;
    padding-bottom: 48%;
    background: #f0f0f0;
}
.hero-banner .hero-slide{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease;
    z-index: 1;
    pointer-events: none;
}
.hero-banner .hero-slide.active{
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
}
/* 图片等比缩放填满容器，保持比例不变形 */
.hero-banner .hero-slide img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.hero-banner .hero-dots{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 5;
}
.hero-banner .hero-dot{
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.7);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}
.hero-banner .hero-dot.active{
    background: #004890;
    width: 28px;
    border-radius: 20px;
}

.col-lg-7 {
    ____padding-left: 150px;
}

.col-lg-7 p {
    font-size: 18px;
    margin: 50px 0;
}

.col-lg-5 {
    ____padding: 0 100px;
}

.col-lg-5 img {
    width: 100%;
    max-width:400px;
}

.col-lg-5 div {
    margin: 0 auto;
}

.credit {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
}


@media (max-width: 1200px) {
    .col-lg-7 {
        padding: 64px;
    }
}

@media (max-width: 768px) {

    .banner_header {
        margin: 42px 0 auto;
        margin-bottom: 0;
    }

    .col-lg-7 {
        padding: 15px;
    }

    .col-lg-7 h2{
        font-size: 16px;
    }

    .col-lg-7 p{
        font-size: 12px;
    }

    .credit{
        margin-bottom: 25px;
    }
}





@media (max-width: 1024px) {
    #bsaHolder, footer {
        display: none;
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 1;
}


/*Slideshow container*/

.slideshow {
    position: relative;
    max-width: 100%;
}

/*Slideshow images*/

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
	cursor:pointer;
}

/*Buttons*/

.slideBtn {
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 100%;
    cursor: pointer;
}

.leftBtn {
    left: 0px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

.rightBtn {
    right: 0px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

/*Arrow pointers*/

.pointer {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    z-index: 9001;
    left: 12px;
    opacity: 0.8;
}

.previous {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid white;

}

.next {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid white;
    right: 12px;
    left: auto;
}

/*Helper style classes*/

.hide {
    visibility: hidden;
}
/**焦点图部分结束**/
.col_title{
	height:48px;
	line-height:48px;
	border-bottom: 1px solid #999;
	font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu";
}
.col_title .col_name{
	float:left;font-weight: bold;
	font-size: 22px;
}
.col_title .col_name i{
	font-size: 20px;
}
.col_title .col_more{
	float:right;
}
.col_more a{color: red; font-size: 14px; font-weight: bold;}
.col_list{
	width: 100%;
    overflow: hidden;
	margin-top: 25px;
	background: #ffffff;
	padding: 10px 20px;
}
.col_list ul{
	list-style: none;
    margin: 0;
    padding: 0;
}
.col_list ul li{
	transition:0.5s;
}
.col_list ul li:hover{ 
	padding:0 0 0 5px;
	width:100%;
	transition:0.5s;
}
.col_list ul li .div_t {
    height: 40px;
    padding: 0 80px 0 0;
    line-height: 40px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
}
.col_list ul li:first-child{visibility: visible; animation-delay: 0.1s; animation-name: fadeInRight;}
.col_list ul li:nth-child(2){visibility: visible; animation-delay: 0.2s; animation-name: fadeInRight;}
.col_list ul li:nth-child(3){visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;}
.col_list ul li:nth-child(4){visibility: visible; animation-delay: 0.4s; animation-name: fadeInRight;}
.col_list ul li:nth-child(5){visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;}
.col_list ul li:nth-child(6){visibility: visible; animation-delay: 0.6s; animation-name: fadeInRight;}
.col_list ul li:nth-child(7){visibility: visible; animation-delay: 0.7s; animation-name: fadeInRight;}
.col_list ul li:nth-child(8){visibility: visible; animation-delay: 0.8s; animation-name: fadeInRight;}
.col_list ul li a{color: #666;}
.col_list ul li span{position: absolute;
    right: 0;
    text-align: right;
    width: 80px;
    top: 0;
    color: #1d5fbb;
    font-size: 14px;}
.news_pic{padding: 0;
    width: 100%;}
/* 美院要闻焦点图轮播 - 高度与右侧8条新闻对齐(8×40=320px，含news_pic上下padding)，图片居中缩放不变形 */
.news_focus{position: relative;width: 100%;height: 320px;overflow: hidden;background: #f1f1f1;}
.news_focus .focus_item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.news_focus .focus_item:first-child{display: block;}
.news_focus .focus_item img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news_focus .focus_dots{position: absolute;bottom: 12px;left: 0;width: 100%;text-align: center;z-index: 5;}
.news_focus .focus_dots span{display: inline-block;width: 10px;height: 10px;margin: 0 5px;border-radius: 50%;background: rgba(255,255,255,0.6);cursor: pointer;transition: all 0.3s ease;}
.news_focus .focus_dots span.on{background: #004890;}

.news_list{}
.sjmy{	width: 100%;
    overflow: hidden;
	margin-top: 25px;
	padding: 10px 0;
margin-bottom: 60px;}
.sjmy ul{width: 100%;margin: 0;display: flex;flex-wrap: wrap;}
/* 统一li左右间距与上下间距一致，保证同行box高度一致 */
.sjmy ul li{ flex: 0 0 33.333%;max-width: 33.333%;padding: 0 15px !important;margin-bottom: 30px;box-sizing: border-box;}
.sjmy ul li:first-child .box .pic{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;}
.sjmy ul li:nth-child(2) .box .pic{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.sjmy ul li:nth-child(3) .box .pic{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;}
.sjmy ul li img{width: 100%;transition:1s;object-fit: cover;}
.sjmy ul li img:hover{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;transition:1s; transform:scale(1.05);-webkit-transform:scale(1.05);}
.sjmy .box {border-bottom: 4px solid #ffffff;transition:0.5s;}
.sjmy .box:hover{border-bottom: 4px solid #004890;transition:0.5s;}
.sjmy .box .pic{width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 70%;}
.sjmy .box .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.sjmy .content .title{
	height: 52px;
    line-height: 24px;
    font-size: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;background: #ffffff;
    padding: 5px;
}
.sjmy .content .pro{
		    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;background: #ffffff;
    padding: 5px 5px 8px;
    font-size: 13px;
}
/* 日期与分类美化 */
.sjmy .content .pro span,
.recommend .content .pro span{
    display: inline-block;
    font-size: 12px;
    line-height: 1.6;
}
.sjmy .content .pro span:first-of-type,
.recommend .content .pro span:first-of-type{
    color: #999;
    margin-right: 6px;
}
.sjmy .content .pro span:last-of-type,
.recommend .content .pro span:last-of-type{
    color: #fff;
    background: #004890;
    border-radius: 3px;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 1.6;
}

.recommend{	width: 100%;
    overflow: hidden;
	margin-top: 25px;
	padding: 10px 0 50px;
}
.recommend ul{ width: 100%;margin-bottom: 0;margin: 0;display: flex;flex-wrap: wrap;}
/* 统一横向(15px)与竖向(15px)间隔一致，同行box高度一致 */
.recommend ul li{padding: 0 15px !important;margin-bottom: 30px;box-sizing: border-box;}
/* 推荐区域不同栅格宽度 */
.recommend ul li.col-lg-6{flex: 0 0 50%;max-width: 50%;}
.recommend ul li.col-lg-3{flex: 0 0 25%;max-width: 25%;}

.recommend ul li img{width: 100%;transition:1s;object-fit: cover;}
.recommend ul li img:hover{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;transition:1s; transform:scale(1.05);-webkit-transform:scale(1.05);}
.recommend .box {border-bottom: 4px solid #dedede;transition:0.5s;}
.recommend .box:hover{border-bottom: 4px solid #004890;transition:0.5s;}
.recommend .box .pic{width: 100%;overflow: hidden;position: relative;padding-bottom: 62%;}
.recommend .box .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.recommend .content{height: 132px;}
.recommend .content .title{
	height: 52px;
    line-height: 24px;
    font-size: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;background: #ffffff;
    padding: 5px;
}
.recommend .content .pro{
	height: 80px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;background: #ffffff;
    padding: 5px;
}
.recommend .content .pro .text{
	font-size: 14px;
    color: #999;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	background: #ffffff;
	margin-bottom: 8px;
}
.recrow2 li:first-child{display: none;}
.recrow2 li:nth-child(2){display: none;}
.recrow2 li:nth-child(3){padding-left: 0;}
.recrow2 li:nth-child(4){}
.recrow2 li:nth-child(5){}
.recrow2 li:nth-child(6){padding-right: 0;}

/* 高清大屏下图片比例保持 - 不限制固定高度，按宽度比例缩放，保证不变形 */
@media only screen and (min-width:1920px) {
.sjmy .box .pic{padding-bottom: 66%;}
.recommend .box .pic{padding-bottom: 58%;}
.sjmy .content .title{font-size: 16px;}
.recommend .content .title{font-size: 16px;}
.news_focus{height: 320px;}
/* 2K+ 分辨率：视觉美院3张图填满整行，消除第三张图后留白 */
.sjmy ul li{
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    width: auto !important;
    padding: 0 15px !important;
}
.recommend ul li.col-lg-6{
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
.recommend ul li.col-lg-3{
    flex: 0 0 25% !important;
    max-width: 25% !important;
}
}
	

.foot{height: 280px;padding: 40px 0;position: relative;}
.foot .cr .name h5{
	font-family: 黑体;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;}
.foot .cr .name p{
		font-family: 黑体;
		font-size: 15px;
		line-height: 1.2;
}
.foot .cr .add{margin-top: 10px;font-size: 15px;line-height: 1.2;font-family: "仿宋","楷体","宋体",Roboto, Noto, Helvetica, Arial, sans-serif;}
.foot .cr .tel{font-size: 15px;line-height: 1.2;font-family: "仿宋","楷体","宋体",Roboto, Noto, Helvetica, Arial, sans-serif;}
.foot .cr .copyright{margin-top: 10px;font-size: 15px;line-height: 1.2;font-family: "仿宋","楷体","宋体",Roboto, Noto, Helvetica, Arial, sans-serif;}
.foot .line_l{border-left: 1px solid #999;
    height: 200px;
}
.foot .link_title{ 
	height:40px; 
	line-height:40px; 
	font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu";
}
.foot .link_title .link_name{
	float:left;font-weight: bold;
	font-size: 18px;
}
.foot .links ul{padding: 40px 0;}
.foot .links ul li span{font-size: 15px;}
.foot .links ul li{float: left;text-align: center;border-left: 1px solid #999;}
.foot .links ul li:first-child{visibility: visible; animation-delay: 0.1s; animation-name: fadeInRight;}
.foot .links ul li:nth-child(2){visibility: visible; animation-delay: 0.2s; animation-name: fadeInRight;}
.foot .links ul li:nth-child(3){visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;}
.foot .links ul li:nth-child(4){visibility: visible; animation-delay: 0.4s; animation-name: fadeInRight;}
.foot .links ul li:first-child{border-left: none}
.foot .links ul li i{text-align: center;padding: 10px 0;width: 100%;color: #333;
    -webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; 
	position: relative;}
.foot .links ul li:hover i{-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);}
.foot .links ul li span{text-align: center;color: #333}

@media only screen and (max-width:768px) {
/* 手机端banner高度适配 */
.hero-banner,
.hero-banner .hero-track{
    min-height: 400px;
}
/* 手机端标题放大 */
.col_title {
    height: 44px;
    line-height: 44px;
}
.col_title .col_name{
    font-size: 18px;
}
.col_title .col_name i{
    font-size: 16px;
}
.col_more a{font-size: 13px;}
.col_list ul li .div_t {
    height: 38px;
    line-height: 38px;
    font-size: 15px;
}
/* 焦点图手机适配 */
.news_focus{height: 220px;}
.sjmy .box .pic{padding-bottom: 70%;}
.recommend .box .pic{padding-bottom: 62%;}
/* 手机端flex宽度覆盖 - 视觉美院全宽 */
.sjmy ul li{flex: 0 0 100%;max-width: 100%;}
/* 手机端推荐区域 - 第一行col-lg-6全宽 */
.recommend ul li.col-lg-6{flex: 0 0 100%;max-width: 100%;}
/* 手机端推荐区域 - 第二行col-lg-3半宽 */
.recommend ul li.col-lg-3{flex: 0 0 50%;max-width: 50%;}
.foot .cr .add,.foot .cr .tel,.foot .cr .copyright{ font-size: 14px}
.col-xs-12{padding-left: 10px;padding-right: 10px;}
.recommend {
    padding: 10px 0 20px;
}
.recommend ul {
    height: auto;
}
.recommend ul li {
    height: auto;
	padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
}
.foot {
    height: auto;
	padding: 10px 0;
}
.foot .links{ float: none}
.foot .links ul {
    padding:  0;
}
/* 手机端快速连接：缩小图标下文字并在单行显示 */
.foot .links ul li span{
    font-size: 11px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.copyright_phone{
	width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
	background: #000000;
    color: #fff;
}
}
@media only screen and (min-width:769px) and (max-width:1024px) {
.foot .cr .add,.foot .cr .tel,.foot .cr .copyright{ font-size: 14px}
.col-xs-12{padding-left: 10px;padding-right: 10px;}	
.recommend ul {
    height: auto;
}
.recommend ul li {
    height: auto;
	padding-left: 15px;
    padding-right: 15px;
}
.foot {
    height: auto;
	padding: 10px 0;
}
.foot .links ul {
    padding:  0;
}	
.copyright_phone{
	width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
	background: #000000;
    color: #fff;
}
}

/* ========== 内容页美化（content.html）========== */
/* 正文区域 */
.article{background:#fff;padding:25px 30px;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,0.06);}
.article .art-title{font-size:24px;color:#333;text-align:center;font-weight:bold;padding:10px 0 15px;border-bottom:1px solid #eee;margin-bottom:20px;}
.article .art-meta{text-align:center;color:#999;font-size:13px;padding-bottom:20px;}
.article .art-meta span{margin:0 10px;}
.article .art-body{font-size:15px;line-height:1.9;color:#444;}
.article .art-body p{margin:12px 0;text-indent:2em;}
.article .art-body img{max-width:100%;height:auto;display:block;margin:15px auto;}

/* 附件下载区域 - 简洁卡片列表（参考yjs/detail.html） */
.article .article-attachments{
	margin-top: 30px;
    padding: 18px 20px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    background: #fafbfd;
}
.article .article-attachments h5{
	margin: 0 0 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.article .article-attachments h5 i{
	color: #004890;
	margin-right: 8px;
}
.article .article-attachments ul{
	margin: 0;
    padding: 0;
    list-style: none;
}
.article .article-attachments ul li{
	padding: 6px 0;
    font-size: 14px;
}
.article .article-attachments ul li a{
	color: #004890;
    text-decoration: none;
    transition: color 0.2s ease;
}
.article .article-attachments ul li a i{
	color: #004890;
	margin-right: 6px;
}
.article .article-attachments ul li a span{
	color: #999;
	font-size: 13px;
	margin-left: 4px;
}
.article .article-attachments ul li a:hover{
	color: #e67e22;
    text-decoration: underline;
}
@media only screen and (max-width:768px){
.article{padding:15px;}
.article .art-title{font-size:19px;}
.article .article-attachments{padding:14px 15px;}
.article .article-attachments ul li{font-size:13px;}
}

/* ===== 覆盖系统强制分页样式 ===== */
.pageBar {
    margin-top: 2.5rem !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    width: auto !important;
    text-align: center !important;}
.pageBar .pb_sys_common {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    text-align: center !important;}
.pageBar .p_t {
    margin: 0 4px !important;
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    width: auto !important;
    font-size: 14px !important;
    color: #666 !important;}
.pageBar .p_pages {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;}
.pageBar .p_pages span {
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px !important;
    height: 28px !important;
    min-width: 28px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    color: #666 !important;
    background: #fff !important;
    transition: all 0.2s !important;
    box-sizing: border-box !important;}
.pageBar .p_pages .p_no_d {
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid var(--primary-color, #004890) !important;
    border-radius: 3px !important;
    height: 28px !important;
    min-width: 28px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--primary-color, #004890) !important;
    color: #fff !important;
    box-sizing: border-box !important;}
.pageBar .p_pages .p_fun_d {
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px !important;
    height: 28px !important;
    min-width: 28px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ccc !important;
    cursor: not-allowed !important;
    background: #fff !important;
    box-sizing: border-box !important;}
.pageBar .p_pages .p_no a,
.pageBar .p_pages .p_fun a {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 100% !important;
    width: 100% !important;
    color: #666 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;}
.pageBar .p_pages .p_no a:hover,
.pageBar .p_pages .p_fun a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 100% !important;
    width: 100% !important;
    color: var(--primary-color, #004890) !important;}
.pageBar .p_pages .p_no:hover,
.pageBar .p_pages .p_fun:hover {
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid var(--primary-color, #004890) !important;
    border-radius: 3px !important;
    height: 28px !important;
    min-width: 28px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #eef4fb !important;
    box-sizing: border-box !important;}
.pageBar .p_goto {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;}
.pageBar .p_goto_input {
    margin: 0 !important;
    padding: 0 4px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px !important;
    height: 28px !important;
    width: 40px !important;
    text-align: center !important;
    font-size: 12px !important;
    color: #666 !important;
    outline: none !important;
    box-sizing: border-box !important;}
.pageBar .p_goto_input:focus {
    margin: 0 !important;
    padding: 0 4px !important;
    border: 1px solid var(--primary-color, #004890) !important;
    border-radius: 3px !important;
    height: 28px !important;
    width: 40px !important;
    outline: none !important;
    box-sizing: border-box !important;}
.pageBar .p_goto a {
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px !important;
    height: 28px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    color: #666 !important;
    text-decoration: none !important;
    background: #fff !important;
    transition: all 0.2s !important;}
.pageBar .p_goto a:hover {
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid var(--primary-color, #004890) !important;
    border-radius: 3px !important;
    height: 28px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--primary-color, #004890) !important;
    background: #eef4fb !important;}

/* ===== 新闻详情正文样式（适配CMS远程新闻页，参考lstsg） ===== */
/* 正文容器通用样式 - 覆盖常见CMS正文class */
#vsb_content,
.vsb_content,
.v_news_content,
.news_content,
.news-content,
.article-content,
.TRS_Editor,
.eassy_content,
.article-body,
.main_content{
    font-family: "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.9;
    color: #333;
    word-wrap: break-word;
}
/* 正文内容通用继承 */
#vsb_content p, #vsb_content div, #vsb_content span,
.vsb_content p, .vsb_content div, .vsb_content span,
.v_news_content p, .v_news_content div, .v_news_content span,
.news_content p, .news_content div, .news_content span,
.news-content p, .news-content div, .news-content span,
.article-content p, .article-content div, .article-content span,
.TRS_Editor p, .TRS_Editor div, .TRS_Editor span,
.eassy_content p, .eassy_content div, .eassy_content span,
.article-body p, .article-body div, .article-body span,
.main_content p, .main_content div, .main_content span{
    font-family: "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.9;
    color: #333;
}
/* 正文标题层级 */
.v_news_content h1,
.news_content h1{font-size: 24px;font-weight: bold;margin: 20px 0 12px;color: #222;}
.v_news_content h2,
.news_content h2{font-size: 21px;font-weight: bold;margin: 18px 0 10px;color: #222;}
.v_news_content h3,
.news_content h3{font-size: 18px;font-weight: bold;margin: 16px 0 8px;color: #333;}
.v_news_content h4,
.news_content h4{font-size: 16px;font-weight: bold;margin: 14px 0 8px;color: #333;}
/* 段落 */
.v_news_content p,
.news_content p{
    margin: 10px 0;
    text-indent: 2em;
    font-size: 16px;
    line-height: 1.9;
}
/* 图片 */
.v_news_content img,
.news_content img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 12px auto;
}
/* 链接 */
.v_news_content a,
.news_content a{
    color: #004890;
    text-decoration: none;
}
.v_news_content a:hover,
.news_content a:hover{
    color: #e67e22;
    text-decoration: underline;
}
/* 列表 */
.v_news_content ul,
.news_content ul{
    margin: 10px 0 10px 25px;
    padding: 0;
}
.v_news_content ul li,
.news_content ul li{
    list-style: disc;
    margin: 5px 0;
    line-height: 1.8;
}
.v_news_content ol,
.news_content ol{
    margin: 10px 0 10px 25px;
    padding: 0;
}
.v_news_content ol li,
.news_content ol li{
    list-style: decimal;
    margin: 5px 0;
    line-height: 1.8;
}
/* 表格 */
.v_news_content table,
.news_content table{
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}
.v_news_content table td,
.v_news_content table th,
.news_content table td,
.news_content table th{
    border: 1px solid #ddd;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.6;
}
.v_news_content table th,
.news_content table th{
    background: #f0f4fa;
    font-weight: bold;
    color: #333;
}
/* 加粗/强调 */
.v_news_content strong,
.news_content strong,
.v_news_content b,
.news_content b{
    font-weight: bold;
}
/* 引用 */
.v_news_content blockquote,
.news_content blockquote{
    border-left: 4px solid #004890;
    background: #f8fafd;
    margin: 15px 0;
    padding: 10px 15px;
    color: #555;
}
/* 分割线 */
.v_news_content hr,
.news_content hr{
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 20px 0;
}
/* 视频/嵌入 */
.v_news_content iframe,
.news_content iframe,
.v_news_content video,
.news_content video{
    max-width: 100%;
    display: block;
    margin: 12px auto;
}
/* 移动端 */
@media only screen and (max-width:768px){
.v_news_content,
.news_content,
.article-content{
    font-size: 15px;
}
.v_news_content p,
.news_content p{
    font-size: 15px;
    line-height: 1.8;
}
}

/* ===== 新闻详情正文 - 全容器覆盖（适配各种CMS模板） ===== */
#vsb_content p, #vsb_content div, #vsb_content span,
.vsb_content p, .vsb_content div, .vsb_content span,
.TRS_Editor p, .TRS_Editor div, .TRS_Editor span,
.eassy_content p, .eassy_content div, .eassy_content span,
.article-body p, .article-body div, .article-body span,
.main_content p, .main_content div, .main_content span{
    font-size: 16px;
    line-height: 1.9;
    color: #333;
}
#vsb_content h1, .vsb_content h1, .TRS_Editor h1, .eassy_content h1, .article-body h1, .main_content h1,
#vsb_content h2, .vsb_content h2, .TRS_Editor h2, .eassy_content h2, .article-body h2, .main_content h2,
#vsb_content h3, .vsb_content h3, .TRS_Editor h3, .eassy_content h3, .article-body h3, .main_content h3,
#vsb_content h4, .vsb_content h4, .TRS_Editor h4, .eassy_content h4, .article-body h4, .main_content h4{
    font-weight: bold;
    color: #222;
}
#vsb_content h1, .vsb_content h1, .TRS_Editor h1, .eassy_content h1, .article-body h1, .main_content h1{font-size: 24px;margin: 20px 0 12px;}
#vsb_content h2, .vsb_content h2, .TRS_Editor h2, .eassy_content h2, .article-body h2, .main_content h2{font-size: 21px;margin: 18px 0 10px;}
#vsb_content h3, .vsb_content h3, .TRS_Editor h3, .eassy_content h3, .article-body h3, .main_content h3{font-size: 18px;margin: 16px 0 8px;}
#vsb_content h4, .vsb_content h4, .TRS_Editor h4, .eassy_content h4, .article-body h4, .main_content h4{font-size: 16px;margin: 14px 0 8px;}
#vsb_content p, .vsb_content p, .TRS_Editor p, .eassy_content p, .article-body p, .main_content p{
    margin: 10px 0;
    text-indent: 2em;
    line-height: 1.9;
}
#vsb_content img, .vsb_content img, .TRS_Editor img, .eassy_content img, .article-body img, .main_content img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 12px auto;
}
#vsb_content a, .vsb_content a, .TRS_Editor a, .eassy_content a, .article-body a, .main_content a{
    color: #004890;
    text-decoration: none;
}
#vsb_content a:hover, .vsb_content a:hover, .TRS_Editor a:hover, .eassy_content a:hover, .article-body a:hover, .main_content a:hover{
    color: #e67e22;
    text-decoration: underline;
}
#vsb_content ul, .vsb_content ul, .TRS_Editor ul, .eassy_content ul, .article-body ul, .main_content ul{
    margin: 10px 0 10px 25px;
}
#vsb_content ul li, .vsb_content ul li, .TRS_Editor ul li, .eassy_content ul li, .article-body ul li, .main_content ul li{
    list-style: disc;
    margin: 5px 0;
    line-height: 1.8;
}
#vsb_content ol, .vsb_content ol, .TRS_Editor ol, .eassy_content ol, .article-body ol, .main_content ol{
    margin: 10px 0 10px 25px;
}
#vsb_content ol li, .vsb_content ol li, .TRS_Editor ol li, .eassy_content ol li, .article-body ol li, .main_content ol li{
    list-style: decimal;
    margin: 5px 0;
    line-height: 1.8;
}
#vsb_content table, .vsb_content table, .TRS_Editor table, .eassy_content table, .article-body table, .main_content table{
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}
#vsb_content table td, #vsb_content table th,
.vsb_content table td, .vsb_content table th,
.TRS_Editor table td, .TRS_Editor table th,
.eassy_content table td, .eassy_content table th,
.article-body table td, .article-body table th,
.main_content table td, .main_content table th{
    border: 1px solid #ddd;
    padding: 8px 12px;
    font-size: 14px;
}
#vsb_content table th, .vsb_content table th, .TRS_Editor table th, .eassy_content table th, .article-body table th, .main_content table th{
    background: #f0f4fa;
    font-weight: bold;
}
#vsb_content strong, #vsb_content b,
.vsb_content strong, .vsb_content b,
.TRS_Editor strong, .TRS_Editor b,
.eassy_content strong, .eassy_content b,
.article-body strong, .article-body b,
.main_content strong, .main_content b{
    font-weight: bold;
}
#vsb_content blockquote, .vsb_content blockquote, .TRS_Editor blockquote, .eassy_content blockquote, .article-body blockquote, .main_content blockquote{
    border-left: 4px solid #004890;
    background: #f8fafd;
    margin: 15px 0;
    padding: 10px 15px;
    color: #555;
}
#vsb_content iframe, #vsb_content video,
.vsb_content iframe, .vsb_content video,
.TRS_Editor iframe, .TRS_Editor video,
.eassy_content iframe, .eassy_content video,
.article-body iframe, .article-body video,
.main_content iframe, .main_content video{
    max-width: 100%;
    display: block;
    margin: 12px auto;
}

/* ===== 远程新闻页 artcontent/wapper 样式（参考lstsg） ===== */
/* 外层容器 wapper/wrapper - 提供白色内容区，页面背景由站点统一定义 */
.wapper,
.wrapper{
    width: 100%;
    margin: 0 auto;
    background: #fff;
    font-family: "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Arial, sans-serif;
}
/* 正文容器 artcontent */
.artcontent,
.art-content,
.art_content{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 25px 40px;
    background: #fff;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.9;
    color: #333;
}
/* artcontent 内部富文本 */
.artcontent p,
.art-content p,
.art_content p{
    margin: 10px 0;
    text-indent: 2em;
    font-size: 16px;
    line-height: 1.9;
}
.artcontent h1, .art-content h1, .art_content h1{font-size: 24px;font-weight: bold;margin: 20px 0 12px;color: #222;}
.artcontent h2, .art-content h2, .art_content h2{font-size: 21px;font-weight: bold;margin: 18px 0 10px;color: #222;}
.artcontent h3, .art-content h3, .art_content h3{font-size: 18px;font-weight: bold;margin: 16px 0 8px;color: #333;}
.artcontent h4, .art-content h4, .art_content h4{font-size: 16px;font-weight: bold;margin: 14px 0 8px;color: #333;}
.artcontent img,
.art-content img,
.art_content img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 12px auto;
}
.artcontent a,
.art-content a,
.art_content a{
    color: #004890;
    text-decoration: none;
}
.artcontent a:hover,
.art-content a:hover,
.art_content a:hover{
    color: #e67e22;
    text-decoration: underline;
}
.artcontent ul, .art-content ul, .art_content ul{
    margin: 10px 0 10px 25px;
}
.artcontent ul li, .art-content ul li, .art_content ul li{
    list-style: disc;
    margin: 5px 0;
    line-height: 1.8;
}
.artcontent ol, .art-content ol, .art_content ol{
    margin: 10px 0 10px 25px;
}
.artcontent ol li, .art-content ol li, .art_content ol li{
    list-style: decimal;
    margin: 5px 0;
    line-height: 1.8;
}
.artcontent table, .art-content table, .art_content table{
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}
.artcontent table td, .artcontent table th,
.art-content table td, .art-content table th,
.art_content table td, .art_content table th{
    border: 1px solid #ddd;
    padding: 8px 12px;
    font-size: 14px;
}
.artcontent table th, .art-content table th, .art_content table th{
    background: #f0f4fa;
    font-weight: bold;
}
.artcontent blockquote, .art-content blockquote, .art_content blockquote{
    border-left: 4px solid #004890;
    background: #f8fafd;
    margin: 15px 0;
    padding: 10px 15px;
    color: #555;
}
/* 新闻标题区域 */
.artcontent .title,
.art-content .title,
.art_content .title,
.artTitle{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #222;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
/* 新闻元信息（来源/日期） */
.artcontent .info,
.art-content .info,
.art_content .info,
.artInfo{
    text-align: center;
    color: #999;
    font-size: 14px;
    padding: 0 0 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
/* 移动端适配 */
@media only screen and (max-width:768px){
.artcontent,
.art-content,
.art_content{
    padding: 15px 12px 25px;
}
.artcontent p,
.art-content p,
.art_content p{
    font-size: 15px;
}
.artcontent .title,
.art-content .title,
.art_content .title,
.artTitle{
    font-size: 20px;
}
}

/* ===== 参考站点新闻页样式（lstsg） ===== */
/* 侧边推荐栏 - 限定位 page_box 内，避免影响首页 .recommend */
.page_box .recommend{
    width: 31.33333333%;
    float: right;
    position: relative;
}
.page_box .recommend .title{
    float: left;
    border-bottom: 1px solid #b34920;
    padding-bottom: 10px;
    margin-bottom: -1px;
    display: block;
    width: 100%;
    position: relative;
}
.page_box .recommend .title h3{ font-size: 24px;}
.page_box .recommend .txt{ margin-top: 50px;}
.page_box .recommend ul{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.page_box .recommend ul li{
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}
.page_box .recommend ul li a{
    display: block;
}
.page_box .recommend ul li a img{
    display: block;
    float: left;
    width: 145px;
    min-height: 84px;
    padding: 0 20px 0 0;
}
.page_box .recommend ul li b{
    display: block;
    font-weight: normal;
    padding: 0;
    overflow: hidden;
    max-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.page_box .recommend ul li p{
    display: block;
    margin: 10px 0 0 0;
    font-family: 'AddFont';
    color: rgba(0,0,0,.9);
}

/* 分页 */
.pagination{
    margin-top: 20px;
    margin: 15px 0;
    text-align: center;
    display: block;
}
.pagination span{display: inline-block; text-align:center}
.pagination a{
    float: left;
    line-height: 40px;
    height: 40px;
    margin-left: 5px;
    font-size: 16px;
    border: 2px solid #E9E9E9;
    padding: 0 15px;
    width: auto;
    background: #ffffff;
}
.pagination b{
    float: left;
    line-height: 40px;
    height: 40px;
    margin-left: 5px;
    font-size: 16px;
    border: 2px solid #E9E9E9;
    padding: 0 15px;
    width: auto;
    background-color: #b34920;
    color: #FFF;
}

/* 默认新闻内容页 */
.page_bg{
    background-image: url(../images/bg01.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    top: 0;
    left: 0;
    background-position: bottom;
    width: 100%;
    height: 100%;
    z-index: -10;
    zoom: 1;
    background-color: #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.page_box{
    margin: 0 auto;
    padding: 80px 0 0;
}
.listpage{
    width: 100%;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    background-color: rgba(255,255,255,0.88);
    margin-top: 80px;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.add{
    height: 40px;
    margin: 5px auto;
    line-height: 40px;
}
.add i{ margin-right: 5px;}

.artcontent{
    margin: 0 auto;
    width: 96%;
}
.title_w{
    text-align: center;
    padding: 20px 0;
    border-bottom: 2px solid #343434;
    font-size: 26px;
    font-family: 微软雅黑;
    font-weight: bold;
    line-height: 150%;
}
.apro{
    background-color: #f9f9f9;
    border: 1px solid #eee;
    line-height: 28px;
    padding: 2px 10px;
    margin: 10px 0;
    text-align: center;
    color: #666;
    font-size: 14px;
}
.apro i{ color: #004890; font-family: FontAwesome; font-weight: 400;}
.zihao{
    margin-right: 2em;
    text-align: right;
}
.bt_leadercard{
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.bt_leadercard .photo{
    display: block;
    float: left;
    margin-right: 20px;
}
.bt_leadercard .photo img{ max-height: 88px;}
.bt_leadercard .info{
    display: block;
    float: left;
}
.bt_content_pdf iframe{min-height: 800px;}

.bt_content_w{
    line-height: 1.5;
    font-size: 12pt;
    font-family: 宋体;
    text-decoration: none;
}
.bt_content_w p{
    padding: 0.4em 0;
}
.bt_content_w p img{
    max-width: 95%;
    height: inherit;
    border: #E2E2E2 1px solid;
    box-shadow: 0 0 5px #c9c9c9;
    -moz-box-shadow: 0 0 5px #c9c9c9;
    -webkit-box-shadow: 0 0 5px #c9c9c9;
}
.bt_content_w table{margin: 0 auto; border-spacing: 0; border: 2px solid #666}
.bt_content_w td{ padding: 5px; border-spacing: 0; box-sizing: border-box;}

.command{
    height: 40px;
    margin: 5px auto;
    line-height: 40px;
    font-family: 宋体;
    float: right;
}
.command i{ margin-right: 5px}
.related{
    height: 60px;
    width: 100%;
    margin: 15px 5px auto;
    line-height: 40px;
    float: left;
    border-top: 1px dashed #d4d3d3;
}
.related p{
    height: 30px;
    line-height: 30px;
    font-family: 宋体;
}
.command .btn{
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
}
.command .btn-danger_back{
    color: #fff;
    background-color: #3280fc;
}
.command .btn-danger_print{
    color: #fff;
    background-color: #38b03f;
}
.command .btn-danger_close{
    color: #fff;
    background-color: #ea644a;
}

/* =========================================================================
   内容页改版美化（纯 index.css，不改 HTML）
   参考 jixu.ccsfu.edu.cn/info/1331/42260.htm
   -------------------------------------------------------------------------
   旧结构(.artcontent 内)默认顺序为：
       正文 .bt_content_w → .related(上/下篇) → .command(返回/打印/关闭) → 附件 p>ul
   通过 Flex + order 重排为：
       正文 → 附件(横线上方) → 返回/打印/关闭 → 分割线 → 上一篇/下一篇
   ========================================================================= */

/* ---- 1. 让 .artcontent 成为纵向 flex 容器，以 order 重排直接子元素 ---- */
/* 仅开启 flex 布局与 order 重排，保留原 artcontent 的宽度/居中/留白设定 */
/* 仅当 .artcontent 内含正文容器 .bt_content_w（内容详情页）时才启用 flex 重排，
   其它复用 .artcontent 的页面（列表/栏目/特殊页）保持原布局不受影响。
   浏览器不支持 :has() 时整段优雅降级为原始顺序，无破坏。 */
.main_bg8 .listpage .artcontent:has(> .bt_content_w),
.main_bg9 .listpage .artcontent:has(> .bt_content_w),
.page_box .listpage .artcontent:has(> .bt_content_w),
.listpage .artcontent:has(> .bt_content_w){
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* 默认情况下 artcontent 中未显式排序的直接子元素排在最前，统一兜底为 0 */
.listpage .artcontent > *{ -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; }

/* ---- 2. 为各直接子区块设定 order ---- */
.listpage .artcontent > .title_w{    -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; }
.listpage .artcontent > .apro{       -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; }
.listpage .artcontent > .zihao{      -webkit-box-ordinal-group: 4; -webkit-order: 3; order: 3; }
.listpage .artcontent > .bt_content_w,
.listpage .artcontent > .article-body{ -webkit-box-ordinal-group: 5; -webkit-order: 4; order: 4; min-width: 0; }
/* 附件容器(正文之外的直接 <p>，内含附件 <ul>) → 紧随正文 */
/* 使用 :has() 精确匹配直接子 <p> 且内含 <ul> 的附件块 */
.listpage .artcontent > p:has(> ul){ -webkit-box-ordinal-group: 6; -webkit-order: 5; order: 5; }
/* 返回/打印/关闭操作区 */
.listpage .artcontent > .command{    -webkit-box-ordinal-group: 7; -webkit-order: 6; order: 6; }
/* 上一篇/下一篇 放最后（其顶部边框即分割线） */
.listpage .artcontent > .related{    -webkit-box-ordinal-group: 8; -webkit-order: 7; order: 7; }

/* ---- 3. 文章标题区 .title_w 美化 ---- */
.listpage .artcontent > .title_w{
    position: relative;
    margin: 0 0 8px;
    padding: 12px 0 18px;
    border-bottom: none;
    font-family: "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Arial, sans-serif;
    font-size: 28px;
    line-height: 1.45;
    color: #1f3a63;
    letter-spacing: 1px;
}
.listpage .artcontent > .title_w::after{
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    margin: 16px auto 0;
    background: -webkit-linear-gradient(left,#004890,#2f7ef2);
    background: linear-gradient(90deg,#004890,#2f7ef2);
    border-radius: 3px;
}

/* ---- 4. 元信息区 .apro 美化（发布者/日期/浏览） ---- */
.listpage .artcontent > .apro{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 4px 18px;
    margin: 0 0 16px;
    padding: 9px 18px;
    background: #f6f8fb;
    border: 1px solid #edf0f4;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.7;
    color: #7a8698;
}
.listpage .artcontent > .apro i{ color: #004890; margin-right: 4px; }
.listpage .artcontent > .apro a{ color: #004890; }

/* ---- 5. 字号切换区 .zihao ---- */
.listpage .artcontent > .zihao{
    margin: -4px 0 6px;
    text-align: right;
    font-size: 13px;
    color: #99a3b0;
}
.listpage .artcontent > .zihao a{
    display: inline-block;
    margin: 0 2px;
    padding: 0 6px;
    color: #6a7480;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
.listpage .artcontent > .zihao a:hover{ color: #004890; text-decoration: none; }

/* ---- 6. 正文容器 .bt_content_w（保留编辑器行内排版） ---- */
.listpage .artcontent > .bt_content_w{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.9;
    color: #333;
    word-break: break-word;
}

/* ---- 7. 附件区域（正文之外直接 <p> 内含 <ul>）卡片化，位于分割线上方 ---- */
.listpage .artcontent > p:has(> ul){
    position: relative;
    display: block;
    width: 100%;
    margin: 28px 0 0;
    padding: 50px 26px 18px;
    text-indent: 0;
    background: #f8fafd;
    border: 1px solid #e6ebf3;
    border-left: 4px solid #004890;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.8;
    color: #55606e;
}
/* 附件区标题（无 HTML 可改，用 ::before 生成） */
.listpage .artcontent > p:has(> ul)::before{
    content: "\f0c6 附件下载";
    position: absolute;
    top: 14px;
    left: 24px;
    font-family: "FontAwesome", "Microsoft YaHei", 微软雅黑, sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #004890;
}
/* 附件 <ul> 基础 */
.listpage .artcontent > p:has(> ul) ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.listpage .artcontent > p:has(> ul) ul li{
    position: relative;
    padding: 9px 6px;
    border-bottom: 1px dashed #e3e9f1;
    font-size: 14px;
    line-height: 1.8;
    color: #55606e;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}
.listpage .artcontent > p:has(> ul) ul li:last-child{ border-bottom: none; }
.listpage .artcontent > p:has(> ul) ul li:hover{ background: #eef4fb; border-radius: 4px; }
.listpage .artcontent > p:has(> ul) ul li a{
    color: #0b4f9e;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
.listpage .artcontent > p:has(> ul) ul li a:hover{ color: #e67e22; text-decoration: underline; }
.listpage .artcontent > p:has(> ul) ul li span{ color: #9aa5b4; font-size: 12px; margin-left: 6px; }

/* ---- 8. 返回/打印/关闭 操作区 .command 美化 ---- */
.listpage .artcontent > .command{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    float: none;
    clear: both;
    height: auto;
    margin: 0;
    padding: 24px 0 4px;
    line-height: normal;
    text-align: center;
    font-family: "Microsoft YaHei", 微软雅黑, sans-serif;
}
.listpage .artcontent > .command i{ margin-right: 0; }
.listpage .artcontent > .command .btn{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 6px;
    min-width: 116px;
    padding: 9px 20px;
    font-size: 14px;
    line-height: 1.4;
    border: none;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 6px rgba(20,40,80,.12);
    box-shadow: 0 2px 6px rgba(20,40,80,.12);
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.listpage .artcontent > .command .btn:hover{
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 5px 14px rgba(20,40,80,.18);
    box-shadow: 0 5px 14px rgba(20,40,80,.18);
}
.listpage .artcontent > .command .btn:active{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.listpage .artcontent > .command .btn-danger_back{
    background: -webkit-linear-gradient(180deg,#4a90ff,#2e7ef2);
    background: linear-gradient(180deg,#4a90ff,#2e7ef2);
    color: #fff;
}
.listpage .artcontent > .command .btn-danger_print{
    background: -webkit-linear-gradient(180deg,#48b95e,#37a94e);
    background: linear-gradient(180deg,#48b95e,#37a94e);
    color: #fff;
}
.listpage .artcontent > .command .btn-danger_close{
    background: -webkit-linear-gradient(180deg,#f1735c,#ea644a);
    background: linear-gradient(180deg,#f1735c,#ea644a);
    color: #fff;
}
.listpage .artcontent > .command .btn:hover,
.listpage .artcontent > .command .btn:focus{ color: #fff; opacity: .92; }

/* ---- 9. 上一篇/下一篇 .related 美化（顶部边框作为分割线） ---- */
.listpage .artcontent > .related{
    float: none;
    clear: both;
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0 0;
    padding: 22px 2px 6px;
    border-top: 2px solid #dfe6ee;
    line-height: normal;
    font-family: "Microsoft YaHei", 微软雅黑, sans-serif;
}
/* 分割线装饰：加一层细高亮，让分割更清晰 */
.listpage .artcontent > .related::before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #fff;
}
.listpage .artcontent > .related p{
    display: block;
    height: auto;
    margin: 0;
    padding: 7px 4px;
    line-height: 1.7;
    font-size: 14px;
    color: #55606e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.listpage .artcontent > .related p a{
    color: #3d4753;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
.listpage .artcontent > .related p a:hover{ color: #004890; text-decoration: none; }
/* 上一篇 / 下一篇 行首箭头 */
.listpage .artcontent > .related p:first-child a::before,
.listpage .artcontent > .related p:last-child a::before{
    font-family: "FontAwesome";
    margin-right: 6px;
    color: #004890;
}
.listpage .artcontent > .related p:first-child a::before{ content: "\f104"; }
.listpage .artcontent > .related p:last-child a::before{ content: "\f105"; }

/* ---- 10. 移动端适配 ---- */
@media only screen and (max-width:768px){
    .listpage .artcontent > .title_w{ font-size: 20px; padding: 8px 0 14px; }
    .listpage .artcontent > .apro{ gap: 2px 10px; font-size: 12px; padding: 7px 10px; }
    .listpage .artcontent > .zihao{ font-size: 12px; }
    .listpage .artcontent > p:has(> ul){ padding: 46px 16px 14px; }
    .listpage .artcontent > p:has(> ul)::before{ left: 16px; top: 12px; }
    .listpage .artcontent > p:has(> ul) ul li{ font-size: 13px; }
    .listpage .artcontent > .command{ gap: 8px; }
    .listpage .artcontent > .command .btn{ min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 30%; flex: 1 1 30%; padding: 8px 8px; font-size: 13px; }
    .listpage .artcontent > .related{ padding: 14px 0 4px; }
    .listpage .artcontent > .related p{ font-size: 13px; white-space: normal; }
}

/* 打印时隐藏 返回/打印/关闭 按钮 */
@media print{
    .listpage .artcontent > .command{ display: none !important; }
    .listpage .artcontent{ -webkit-box-shadow: none; box-shadow: none; }
}