.bc-2 { background: #f2f7f9; }

/* ==================
	导航菜单
 ==================== */
@media (max-width: 991px) {
    .navbar-header { float: none; }
	.navbar-toggle { display: block; }
	.navbar-nav > li { float: none; }
	.navbar-right { float: none !important; margin-right: 0 !important; }
}
@media (min-width: 992px) {
	.navbar-header { float: none; }
	.navbar-toggle { display: none; }
	.navbar-nav > li { float: left; }
}
/* ==================
	内容区域
 ==================== */
.body-container { position: relative; z-index: 1; background: #FFF; }

/* ==================
	顶部专题图片链接
 ==================== */
.spec-pic-box { width: 100%; }

@media (max-width: 767px) {
	.spec-pic-box { height: 6rem; }
}
@media (min-width: 768px) {
	.spec-pic-box { height: 8rem; }
}

/* ==================
	播放器
 ==================== */
.video-box { cursor: pointer; }
.play-box { position: absolute; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.play-btn { width: 5rem; height: 5rem; border-radius: 50%; background: rgba(255, 255, 255, 0.6); text-align: center; line-height: 5rem; font-size: 2rem; color: #000; padding-left: 0.5rem; transition: all 0.3s; }
.video-box:hover .play-btn { background: rgba(255, 255, 255, 0.8); }

/* ==================
	链接卡片
 ==================== */
.link-card .mask { width: 100%; height: 2px; left: 0; bottom: 0; transition: all 0.3s; background-color: #59b5ff; }
.link-card:not([class*="bc-"]) { background-color: #f5f9fc; }
.link-card:hover { color: #FFF; }
.link-card:hover .mask { height: 100%; }

@media (min-width: 992px) {
    .link-card.shadow { box-shadow: 0 0 20px rgb(0, 0, 0, .2); }
}

/* ==================
	综合新闻卡片*0628
 ==================== */
 .card .pic-box3{position: relative;overflow: hidden;z-index: 6;min-width: 13rem;min-height: 6.75rem;}
@media (max-width: 991px) {
     .card .pic-box3{position: relative;overflow: hidden;z-index: 6;min-width: 10rem;min-height: 3rem;}
}
/* ==================
	新媒体卡片
 ==================== */
.media-card .mask { width: 100%; height: 0; left: 0; bottom: 0; transition: all 0.3s; background-color: #59b5ff; }
.link-card:not([class*="bc-"]) { background-color: #f5f9fc; }
.media-card:hover { color: #FFF; }
.media-card:hover .mask { height: 100%; }

@media (min-width: 992px) {
    .media-card.shadow { box-shadow: 0 0 20px rgb(0, 0, 0, .2); }
}

/* ==================
	党史学习专题
 ==================== */
.dsxx-box { display: flex; }

.dsxx-img { position: relative; overflow: hidden; height: 5rem; }
.dsxx-img a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.dsxx-img-box { width: 100%; height: 100%; background-color: #CCC; background-size: cover; background-position: center; transition: all 0.3s; }

.dsxx-txt { margin-left: 1rem; }
.dsxx-txt p { line-height: 3rem; }
.dsxx-txt p > a { color: #d40d0d; font-size: 1.2rem; }
.dsxx-txt ul { display: flex; }
.dsxx-txt li > a { color:#d40d0d; }
.dsxx-txt-line { width: 1px; height: 1.5rem; margin: 0 0.5rem; font-size: 0; overflow: hidden; background: #d40d0d; }

.dsxx-card { background: #FFF; color: #d40d0d; }
.dsxx-card .mask { width: 100%; height: 0; left: 0; bottom: 0; transition: all 0.3s; background-color: #d40d0d; }
.dsxx-card:hover { color: #FFF; }
.dsxx-card:hover .mask { height: 100%; }
.dsxx-card .card-tit { padding: 0.8rem 0; text-align: center; z-index: 2; }

@media (max-width: 991px) {
	.dsxx-img { width: 8rem; }
}
@media (min-width: 992px) {
	.dsxx-box { justify-content: flex-end; }
	.dsxx-img { width: 10rem; }
	
	.dsxx-card-box { padding-right: 6rem; }
	.dsxx-card { box-shadow: 0 0 20px rgb(0, 0, 0, .2); }
}

/* ==================
	段落内容
 ==================== */
 
.part-container {}
.part-container .part-header { display: flex; align-items: center; }
.part-container h2 { position: relative; font-weight: 600; color: #111; }
.part-container .part-header a { font-size: 0.8rem; border: 1px solid #59b5ff; padding: 0.3rem 0.8rem; background: #FFF; color: #59b5ff; border-radius: 1rem; }
.part-container .part-header a:hover, .part-container .part-header a:focus { background: #59b5ff; color: #FFF; }

.part-container .part-footer { display: flex; align-items: center; /*垂直方向居中*/}
.part-container .part-footer a { font-size: 0.8rem; border: 1px solid #59b5ff; padding: 0.3rem 0.8rem;  background: #FFF; color: #59b5ff; border-radius: 1rem; }
.part-container .part-footer a:hover, .part-container .header-more-b a:focus { background: #59b5ff; color: #FFF; }

.part-container .part-tab-header { display: flex; }
.part-container .part-tab-header h2 { color: #66666650; }
.part-container .part-tab-header .tab h2 { color: #111; }
.part-container .part-tab-body .body { display: none; }
.part-container .part-tab-body .body.current { display: block; }

@media (max-width: 991px) {
	.part-container { padding-top: 2rem; padding-bottom: 2rem; }
	.part-container .part-header { justify-content: space-between; }
	.part-container h2 { font-size: 1.8rem; line-height: 2.2rem; padding-left: 1rem; border-left: 0.3rem solid #0080eb; }
	
	.part-container .part-footer { display: none; }
	
	.part-container .part-tab-header { align-items: center; }
	.part-container .part-tab-header .part-header:not(:first-child) h2 { border-left: 0; }
	.part-container .part-tab-more { margin-left: auto; }
	.part-container .part-tab-more a { font-size: 0.8rem; border: 1px solid #59b5ff; padding: 0.3rem 0.8rem;  background: #FFF; color: #59b5ff; border-radius: 1rem; }
	.part-container .part-tab-more a:hover, .part-container .header-more-b a:focus { background: #59b5ff; color: #FFF; }
	.part-container .part-tab-more a { display: none; }
	.part-container .part-tab-more a.tab { display: block; }
}
@media (min-width: 992px) {
	.part-container { padding-top: 5rem; padding-bottom: 5rem; }
	.part-container.pd-b { padding-bottom: 3rem; }
	.part-container.pd { padding-left: 2rem; padding-right: 2rem; }
	.part-container.pd-l { padding-left: 2rem; }
	.part-container.pd-r { padding-right: 2rem; }
	.part-container .part-header { justify-content: center; }
	.part-container h2 { font-size: 2rem; padding-bottom: 1rem; }
	.part-container h2:after { content: ''; width: 30%; height: 3px; background-color: #59b5ff; position: absolute; left: 50%; bottom: 0; min-width: 30px; margin-left: 0; transform: translateX(-50%); }
	.part-container .part-header a { margin-left: 3rem; opacity: 0; }
	.part-container:hover .part-header a { opacity: 1; }
	
	.part-container .part-header .part-header-more { display:none; }
	.part-container .part-footer { justify-content: center; }
	.part-container .part-footer a { margin-top: 2rem; opacity: 0; }
	.part-container:hover .part-footer a { opacity: 1; }
	
	.part-container .part-tab-header { justify-content: center; }
	.part-container .part-tab-header h2:after { display: none; }
	.part-container .part-tab-header .tab h2:after { display: block; }
	.part-container .part-tab-header .part-header { margin-left: 0.8rem; margin-right: 0.8rem; }
	.part-container .part-tab-more { display: none; }
}

/* =====================================
	最小高度（用于顶部导航栏最小化状态）
 ======================================= */
.hs { height: 2px !important; }

/* =====================================
    默认背景图片
 ======================================= */
.pic-box-bc { background-image: url(/FileUploads/www/res/common/pics/chn_bc.jpg); }

/* ==================
	日期框
 ==================== */
.dt-span { white-space: nowrap; font-size: 0.8rem; }

/* ==================
	链接热区
 ==================== */
.card-link { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }

/* ==================
	链接样式
 ==================== */
a { color: #0080eb; transition: all 0.3s; }
a:focus, a:hover { color: #003e71; }
a.white-8 { color: rgba(255, 255, 255, .8); }
a.white-9 { color: rgba(255, 255, 255, .9); }
a.white-8:focus, a.white-8:hover, a.white-9:focus, a.white-9:hover { color: #FFF; }
a.gray { color: rgba(255, 255, 255, .8); }
a.gray:focus, a.gray:hover { color: #FFF; }
a.light { color: #80ffff; }
a.light:focus, a.light:hover { color: #FFF; }
a.dark { color: #000; }
a.dark:focus, a.dark:hover { color: #0080eb; }

/* ==================
	文章目录列表（纯文字）
 ==================== */
.txt-list { margin-top: 2rem; }
.txt-list li { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #d2dadd; display: flex; justify-content: space-between; align-items: center; }
.txt-list li .dt-span { color: #1597ff; }

@media (max-width: 991px) {
	.txt-list { padding-left: 1rem; padding-right: 1rem; }
}

/* ==================
	文章目录列表（图文）
 ==================== */
.txt-pic-list { margin-top: 1.5rem; }
.txt-pic-list .desc-box { padding: 0.5rem 1rem !important; min-height: 6rem; }
.txt-pic-list .desc-box h4 { margin-top: 0 !important; font-size: 1rem !important; line-height: 1.5 !important; }
.txt-pic-list .desc-box p { margin-top: 0 !important; line-height: 2 !important; }

/* ==================
	文章目录（图文）
 ==================== */
.pic-txt .desc-box { padding: 0.5rem 1rem !important; min-height: 6rem; }
.pic-txt .desc-box h4 { font-size: 1rem !important; line-height: 1.5 !important; }

/* ==================
	文章目录（日期）
 ==================== */
.txt-dt-list { margin-top: 2rem; }
.txt-dt-list.marg-top3 { margin-top: 3rem; }
.txt-dt-list .desc-box { padding: 1rem 1rem !important; min-height: 6rem; }
.txt-dt-list .desc-box h4 { margin-top: 0 !important; font-size: 1rem !important; line-height: 1.5rem !important; margin-bottom: 0.8rem; }
/* 日期框 */
.txt-dt-list .desc-box .dt-box { text-align: center; padding-right: 1rem; margin-right: 1rem; border-right: 2px solid #419eff; }
.txt-dt-list .desc-box .dt-box p { margin-top: 0 !important; color: #419eff; }
.txt-dt-list .desc-box .dt-box p.dt-day { font-size: 2rem; line-height: 2.5rem !important; font-weight: bolder; }
.txt-dt-list .desc-box .dt-box p.dt-month { font-size: 0.8rem; }

.txt-dt-list .card:hover .dt-box { border-right: 2px solid #FFF; }
.txt-dt-list .card:hover .dt-box p { color: #FFF; }

/*------------------------------------------
                栏目部分
------------------------------------------*/
.container-marg { margin-bottom: 6rem; }
.container-marg-top { margin-top: 10rem; }
.channel-container { position: relative; }

/*------------------------------------------
                栏目页：栏目内容
------------------------------------------*/
.chn-header { display: flex; justify-content: center; align-items: center; }
.chn-header h3 { position: relative; }
.channel-info h3:before { content: ''; width: 20%; height: 3px; background-color: #0080eb; position: absolute; right: 120%; top: 50%; min-width: 15px; max-width: 15px; margin-left: 0; transform: translateY(-50%); }
.channel-info h3:after { content: ''; width: 20%; height: 3px; background-color: #0080eb; position: absolute; left: 120%; top: 50%; min-width: 15px; max-width: 15px; margin-left: 0; transform: translateY(-50%); }
.channel-h-line { height: 2px; font-size: 0; overflow: hidden; background: #59b5ff; margin: 2rem 0 4rem 0; }

/*------------------------------------------
                栏目页：文章列表
------------------------------------------*/
.channel-info .card:not(:first-child) { margin-top: 1rem; }

/* 日期框 */
.channel-info .card .dt-box { position: absolute; z-index: 9; width: 4rem; text-align: center; left: -1rem; bottom: 1rem; }
.channel-info .card .dt-box p { color: #FFF; padding: 3px; }
.channel-info .card .dt-box p.dt-day { background: rgba(255, 119, 1, .8); font-size: 1.5rem; line-height: 2rem; font-weight: bolder; }
.channel-info .card .dt-box p.dt-month { background: rgba(191, 89, 2, .8); font-size: 0.6rem; }
.channel-info .card .desc-box.row-2 { min-height: 6.9rem; }
.channel-info .card .desc-box.row-3 { min-height: 8.5rem; }

@media (max-width: 991px) {
    .channel-info .card .desc-box { padding: 0.5rem 1rem; }
    .channel-info .card .desc-box h4 { margin-top: 0; }
    .channel-info .card .dt-span { display: block; }
	.channel-info .card .dt-box { display: none; }
}
@media (min-width: 992px) {
    .channel-info .card  { overflow: visible; }
    .channel-info .card .dt-span { display: none; }
	.channel-info .card .dt-box { display: block; }
}

/*------------------------------------------
                栏目页：子栏目列表
------------------------------------------*/
.channel-tit { width: 80%; background: #59b5ff; color: #FFF; font-size: 1.4rem; }
.channel-tit-right { text-align: center; padding: 0.9rem 0; position: relative; }
.channel-tit-right a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; }
.channel-tit-search { text-align: center; padding: 0.9rem 0; width: 100%; }

.channel-list { margin-top: 1rem; width: 80%; }
.channel-list .active { color: #0080eb; }

.channel-list li { border: 1px solid #bebebe; margin-top: -1px; padding: 1rem; font-size: 1.1rem; background-color: #FFF; position: relative; }
.channel-list li > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; }
.btn-list-toggle.collapsed { margin-top: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }

@media (max-width: 991px) {
    .channel-left{ display: flex; flex-direction: column; align-items: center; }
	
	.channel-tit { display: flex; justify-content: space-between; align-items: center; }
	.channel-tit .channel-tit-right { width: 50%; }
	.channel-tit .btn-list-toggle { padding: 0.9rem 2rem; }

	.channel-list li { font-size: 1.2rem; padding: 0.5rem 1rem; }
	.visible-list { display: none; }
}
@media (min-width: 992px) {
    .channel-list li:hover { box-shadow: 0 0 10px rgb(0, 0, 0, .4); color: #0080eb; }
    
    .btn-list-toggle { display: none; }
}

/*------------------------------------------
                栏目页：分页
------------------------------------------*/
.channel-page { margin-top: 2rem; display: flex; align-items: center; }
.channel-page .btn { border: 1px solid #bebebe; font-size: 1rem; padding: 0.4rem 0.6rem; position: relative; }
.channel-page .btn:hover, .channel-page .btn:focus { background: #59b5ff; color: #fff; }
.channel-page .btn-page:hover, .channel-page .btn-page:focus { background: #59b5ff; color: #fff; }/*改0628*/
.channel-page .describe { line-height: 2.3rem; font-size: 1rem; color: #777; text-align: right; }
.channel-page .describe .vline { display: inline-block; width: 1px; height: 14px; vertical-align: middle; background: #AAA; margin: 0 0.5rem; }
.channel-page .pag-btn-next{display: flex; align-items: center; justify-content: space-between}/*加0629*/
.channel-page .pag-btn-prev{display: flex; align-items: center; justify-content: space-between}/*加0629*/
/*页码跳转按钮*/
.channel-page .page1{ display: flex;justify-content: center; align-items: center}
.btn-page{padding:5px;background: #ffffff;border-radius: 4px;font-size: 1rem;height:23px;line-height: 0.6rem;border: 1px solid #bebebe; color: #0080eb;}
.channel-page .page1 .inp-page{width:50px;display: flex;align-items: center;line-height: 1.2;font-size: 1rem;color: #777;}
@media (max-width: 991px) {
	/*.channel-page { justify-content: center; }*/
	/*.channel-page .btn-page-prev { margin-right: 1rem; } */
	.channel-page {  display: flex;justify-content: space-between;align-items: center; }
	.channel-page .btn { font-size: 1rem; }	
}
@media (min-width: 992px) {
	.channel-page { justify-content: space-between; }	
}
@media (max-width: 991px) {
	.channel-page .page1{ display: flex;justify-content: center; align-items: center}
    .pag-btn-next{display: flex; align-items: center; justify-content: space-between}
    .pag-btn-prev{display: flex; align-items: center; justify-content: space-between}
	.btn-page{padding:3px;background: #ffffff;border-radius: 4px;font-family: inherit;font-size: 0.5rem;line-height: 0.4rem;border: 1px solid #bebebe;}
}
/*------------------------------------------
                栏目页：院部列表
------------------------------------------*/
.channel-grid { margin-bottom: 3rem; }
.channel-grid .grid-link { position: relative; background: linear-gradient(to right, rgba(226, 238, 247, 1), rgba(226, 238, 247, .2)); color: #000; font-size: 1.4rem; padding: 0.8rem; max-height: 3.6rem; transition: all 0.3s; border-radius: 0.3rem; }
.channel-grid .grid-link a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.channel-grid .grid-link:hover { background: #f17403 !important; color: #FFF; box-shadow: 0 0 0 8px rgb(245 118 3 / .3); }

@media (max-width: 991px) {
	.channel-grid .grid-header { margin-bottom: 3rem; }
	.channel-grid .grid-header .grid-cap { font-size: 1.4rem; line-height: 1rem; text-align: center; position: relative; font-weight: normal; }
	.channel-grid .grid-header .grid-cap:after { content: ''; width: 10%; height: 3px; background-color: #59b5ff; position: absolute; left: 50%; top: 2rem; min-width: 30px; transform: translateX(-50%); }
	.channel-grid .grid-link { font-size: 1.1rem; }
}
@media (min-width: 992px) {
	.channel-grid { display: flex; justify-content: space-between; }
	.channel-grid .grid-header { padding-left: 0.4rem; border-left: 0.3rem solid #AE0D2F; margin: 0 3rem; flex: 0 0 15%; height: 50%;min-height: 3.5rem;}
	.channel-grid .grid-header .grid-size { font-size: 3rem; line-height: 2.6rem; font-weight: bolder; text-align: center; border-bottom: 0.2rem solid #0080eb; padding-bottom: 0.4rem; }
	.channel-grid .grid-header .grid-cap { font-size: 1.4rem; line-height: 1.5rem; text-align: center; margin-top: 0.6rem;
	}
	.channel-grid .grid-info { flex: 0 0 75%; }
}

.chnCont-header { background-image: url(/FileUploads/www/res/common/pics/banner01.jpg); background-size: cover; background-position: center; height: 6rem; font-size: 3rem; color: #FFF; text-align: center; padding: 0.8rem 0; }

/*------------------------------------------
                栏目页：链接页面
------------------------------------------*/
.chnLink-header { margin-bottom: 3rem; }
.chnLink-header h2 { position: relative; font-size: 1.6rem; color: #0f8dff; padding-bottom: 0.5rem; border-bottom: 3px solid #e0e0e0; }
.chnLink-header h2:after { position: absolute; content: ''; left: 0; bottom: -3px; width: 100px; height: 3px; background-color: #0f8dff; }

/*------------------------------------------
                文章部分
------------------------------------------*/
.marg-bottom-6 { margin-bottom: 6rem; }

/* 页头图片 */
.banner-header { background-image: url(/FileUploads/www/res/common/pics/banner02.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 15rem; max-height: 15rem; width: 100%; }

/* 文章标题 */
.cont-header { margin-top: 4rem; z-index: 1; }
.cont-header h3 { text-align: center; line-height: 2.5rem; } 
.cont-header p { font-size: 0.8rem; }
.cont-header p:not(:first-child) { margin-left: 2rem; }

/* 文章页：文章摘要 */
.cont-header .cont-summary { font-size: 0.9rem; } 
.cont-summary { margin-top: 3rem; color: #666; padding: 1rem; line-height: 2rem; border-left: 4px solid #bcbfc1; }

/* 文章页：文章内容 */
.cont-content { padding: 2rem; line-height: 2rem; }
.cont-content p { font-size: 1rem; line-height: 2rem; }
.cont-content img { display: block; margin: 1rem auto; height: auto; }

/* 文章页：返回按钮 */
.cont-back { margin-top: 3rem; border-top: 1px solid #e2e4e5; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; }
.cont-back a { margin-top: 1rem; }
.cont-back a:hover { background: #59b5ff; color: #FFF; }

/* 文章页：视频模块 */
.cont-video { overflow: hidden; margin-top: 2rem; }

@media (max-width: 991px) {
	.cont-video video { width: 100%; }
} 
@media (min-width: 992px) {
	.cont-video { display: flex; align-content: center; justify-content: center; }
	.cont-content img { max-width: 60%; }
}

.cont-header-line { height: 2px; margin: 3rem 2rem 0 2rem; background: #bebebe; } 
.cont-line { height: 1px; margin: 2rem; background: #bebebe; }

/*------------------------------------------
                位置导航
------------------------------------------*/
.page-navi-box { padding: 1rem 0; }

.page-navi-tit{ padding: 0.3rem 0.5rem; background: #0080eb; color: #FFF; font-size: 2rem; text-align: center; }
.page-navi-line { border-bottom: 3px solid #0080eb; padding-bottom: 0.4rem; }