/*------------------------------------------
                                       页头部分
------------------------------------------*/

/* 页头容器 */
header { position: fixed; top: 0; width: 100%; z-index: 90; }

/* 顶部 LOGO */
.header-wrapper { height: 7rem; position: relative; transition: all 0.3s; }
.header-wrapper:not(.top) { background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.header-wrapper .header-main { width: 100%; height: 7rem; padding: 0; position: relative; z-index: 2; }
.header-wrapper .header-main:before, .header-wrapper .header-main:after { content: none; }
.header-wrapper.top .header-mask { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: linear-gradient(rgba(0, 31, 62, 0.8), rgba(0, 31, 62, 0)); }
.header-wrapper:not(.top) .header-mask { display: none; }
.header-wrapper .navbar-brand { position: relative; height: 7rem; }
.header-wrapper .navbar-brand .logo-box { position: relative; overflow: hidden; transition: all 0.3s; }
.header-wrapper .navbar-brand img { width: auto; height: 5rem; }
.header-wrapper.top .navbar-brand .logo-box.top { height: 5rem; }
.header-wrapper.top .navbar-brand .logo-box:not(.top) { height: 0; }
.header-wrapper:not(.top) .navbar-brand .logo-box.top { height: 0; }
.header-wrapper:not(.top) .navbar-brand .logo-box:not(.top) { height: 5rem; }

@media (max-width: 991px) {
}
@media (min-width: 992px) {
	.header-wrapper .header-main { display: flex; justify-content: space-between; }
}

/* 顶部导航条 */
.top-navi-wrapper { background: #0080eb; transition: all 0.3s; height: 3rem; overflow: hidden; }
.top-navi-inner { width: 100%; height: 3rem; display: flex; justify-content: space-between; }
.top-navi-list li { display: inline-block; line-height: 3rem; font-size: 0.9rem; }
.top-navi-tool { height: 3rem; display: flex; align-items: center; }

@media (max-width: 991px) {
	.navi-split { margin: 0 0.3rem; }
}
@media (min-width: 992px) {
	.navi-split { margin: 0 1rem; }
}

/* 顶部右侧搜索框 */
.header-search-box { height: 1.8rem; background: rgba(255, 255, 255, .7); display: flex; align-items: center; border-radius: 1rem; padding: 0 0.5rem; }
.header-search-box .keyword { line-height: 1.8rem; background: transparent; border-width: 0; font-size: 0.9rem; overflow: hidden; transition: all 0.3s; }
.header-search-box .search-btn { font-size: 1.2rem; cursor: pointer; color: #003e71; }
/* WebKit, Blink, Edge */
.header-search-box  .keyword::-webkit-input-placeholder { color : #0064b5; }
/* Mozilla Firefox 19+ */
.header-search-box  .keyword::-moz-placeholder { color : #0064b5; }
/* Internet Explorer 10-11 */
.header-search-box  .keyword:-ms-input-placeholder { color : #0064b5; }

@media (max-width: 991px) {
	.header-search-box .keyword { width: 0; }
	.header-search-box.active .keyword { width: 10rem; }
}
@media (min-width: 992px) {
	.header-search-box .keyword { width: 15rem; }
}

/* 菜单按钮 */
.header-wrapper .navbar-toggle { margin: 2rem 0; width: 4rem; height: 3rem; }
.header-wrapper .navbar-toggle .icon-bar { position: absolute; top: 50%; background-color: #000; }
.header-wrapper .navbar-toggle .icon-bar:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; transition: all 0.3s; }
.header-wrapper .navbar-toggle .icon-bar:nth-child(3) { opacity: 0; }
.header-wrapper .navbar-toggle .icon-bar:nth-child(4) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 0; transition: all 0.3s; }
.header-wrapper .navbar-toggle.collapsed .icon-bar { position: static; }
.header-wrapper .navbar-toggle.collapsed .icon-bar:nth-child(2) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-top: 0; transition: all 0.3s; }
.header-wrapper .navbar-toggle.collapsed .icon-bar:nth-child(3) { opacity: 1; }
.header-wrapper .navbar-toggle.collapsed .icon-bar:nth-child(4) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-top: 4px; transition: all 0.3s; }

/* 右侧导航菜单 */
.header-wrapper nav.main-nav { transition: all 0.3s; }
.header-wrapper .navbar-nav > li > a { position: relative; display: block; font-size: 1.2rem; font-weight: bold; border-bottom: 1px solid #444; transition: all 0.3s; }
.header-wrapper .navbar-nav > li.active > a, .header-wrapper .navbar-nav > li > a:hover, .header-wrapper .navbar-nav > li > a:focus { text-decoration: none; background-color: transparent !important; transition: all 0.3s; }
@media (max-width: 991px) {
	.header-wrapper nav.main-nav { position: fixed; width: 100%; left: 100%; top: 10rem; bottom: 0; padding: 1.5rem; background-color: #222; overflow: auto; }
	.header-wrapper nav.main-nav.in { left: 0; }
	.header-wrapper nav.main-nav.hs { top: 7rem; height: 100% !important; }
	.header-wrapper .navbar-nav > li > a { color: #EEE; }
	.header-wrapper .navbar-nav > li.active > a, .header-wrapper .navbar-nav > li > a:hover, .header-wrapper .navbar-nav > li > a:focus { color: #0080eb; }
	.header-wrapper .navbar-nav > li > a:after { position: absolute; width: 0.7rem; height: 0.7rem; right: 1rem; top: 1.4rem; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); content: ""; }
}
@media (min-width: 992px) {
	.header-wrapper nav.main-nav { position: relative; height: 7rem; padding: 0; background-color: transparent; overflow: visible; }
	.header-wrapper .navbar-nav { height: 100%; padding: 0; margin: 0; }
	.header-wrapper .navbar-nav > li > a { position: relative; display: inline-block; position: relative; padding: 0 12px; line-height: 7rem; color: #000; border-bottom-width: 0; }
	.header-wrapper .navbar-nav > li.active > a:after, header .navbar-nav > li > a:after { content: ''; width: 0; height: 3px; position: absolute; left: 50%; bottom: -0; margin-left: 0; transform: translateX(-50%); transition: all 0.3s; }
	.header-wrapper .navbar-nav > li.active > a:after, .header-wrapper .navbar-nav > li > a:hover:after, .header-wrapper .navbar-nav > li > a:focus:after { width: 50%; }
	.header-wrapper.top .navbar-nav > li.active > a:after, .header-wrapper.top .navbar-nav > li > a:hover:after, .header-wrapper.top .navbar-nav > li > a:focus:after { background: #FFF; box-shadow: 0 0 5px #000; }
	.header-wrapper:not(.top) .navbar-nav > li.active > a:after, .header-wrapper:not(.top) .navbar-nav > li > a:hover:after, .header-wrapper:not(.top) .navbar-nav > li > a:focus:after { background-color: #0080eb; }
	.header-wrapper.top .navbar-nav > li > a { color: #FFF; text-shadow: 0 0 5px rgba(0, 0, 0, .8); }
	.header-wrapper.top .navbar-nav > li.active > a, .header-wrapper.top .navbar-nav > li > a:hover, .header-wrapper.top .navbar-nav > li > a:focus { text-shadow: 0 0 5px #000; }
	.header-wrapper:not(.top) .navbar-nav > li > a { color: #000; }
	.header-wrapper:not(.top) .navbar-nav > li.active > a, .header-wrapper:not(.top) .navbar-nav > li > a:hover, .header-wrapper:not(.top) .navbar-nav > li > a:focus { color: #0080eb; }
}

/* 轮播区域 */
.header-swiper-wrapper { width: 100%; }
.swipper-hotzone { position: absolute; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width: 991px) {
	.header-swiper { padding-top: 10rem; }
	.header-swiper-wrapper { height: 16rem; }
}
@media (min-width: 992px) {
	.header-swiper { height: 41rem; }
	.header-swiper-wrapper { position: fixed; top: 3rem; height: 38rem; }
}

/* 菜单区域 */
.navi-container { position: relative; top: 10rem; width: 100%; transition: all 0.3s; background: #161821; color: #DDD; z-index: 9; }
.navi-list a { color: #DDD; }
.navi-list a:hover, .navi-list a.active { background: #000; color: #4caeff; }
.navi-container:after { position: absolute; width: 100%; height: 2rem; top: 100%; background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); content: ""; }

.navi-container.blue { background: #0080eb; }
.navi-container.blue .navi-list a { color: rgba(255, 255, 255, .8);}
.navi-container.blue .navi-list a:hover, .navi-container.blue .navi-list a.active { background: #4baaf9; color: #fff; }

@media (max-width: 991px) {
	.navi-container { position: fixed; height: 100%; left: 100%; }
	.navi-container.in { left: 0; }
	.navi-list { padding: 2rem; }
	.navi-list a { display: block; padding: 1rem; border-bottom: 1px solid #282c3c;}
	
	.navi-container.blue .navi-list a { display: block; padding: 1rem; border-bottom: 1px solid #4baaf9; }
}
@media (min-width: 992px) {
	.navi-container { position: sticky; }
	.navi-list { display: flex; justify-content: space-between; align-items: center; }
	.navi-list a { flex: 1; padding: 1rem 0; font-size: 1.1rem; text-align: center; border-left: 1px solid #282c3c; }
	.navi-list a:last-child { border-right: 1px solid #282c3c; }
	
	.navi-container.blue .navi-list a { border-left: 1px solid #4baaf9; }
	.navi-container.blue .navi-list a:last-child { border-right: 1px solid #4baaf9; }
}

/*------------------------------------------
				内容部分
------------------------------------------*/
/* ==================
	内容区域
 ==================== */
.body-container { position: relative; z-index: 1; background: #FFF; }

/* ==================
	段落内容
 ==================== */
 
.part-container {}
.part-container .part-header { display: flex; align-items: center; }
.part-container h2 { position: relative; font-weight: normal; 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; }

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

/* =====================================
	最小高度（用于顶部导航栏最小化状态）
 ======================================= */
.hs { height: 2px !important; }

/* =====================================
	网站导航位置（用于顶部导航栏最小化状态时）
 ======================================= */
.ts { top: 7rem; }

/* ==================
	顶部专题图片链接
 ==================== */
.spec-pic-box { width: 100%; }

@media (max-width: 767px) {
	.spec-pic-box { height: 6rem; }
}
@media (min-width: 768px) {
	.spec-pic-box { height: 8rem; }
}

/* =====================================
	位置导航
 ======================================= */
.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; }

/* =====================================
    默认背景图片
 ======================================= */
.pic-box-bc { background-image: url(../../../jdgcxx/res/common/pics/pic_bc.jpg); }

/* ==================
	日期框
 ==================== */
.dt-span { white-space: nowrap; font-size: 0.8rem; }

/* ==================
	链接样式
 ==================== */
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: #59b5ff; }

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

/* ==================
	文章目录（日期）
 ==================== */
.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; }

/*------------------------------------------
				页脚部分
------------------------------------------*/

.footer { background: #161821; color: rgba(255, 255, 255, .8); position: relative; z-index: 0; }

.footer a { color: rgba(255, 255, 255, .6); }
.footer a:hover { color: rgba(255, 255, 255, 1); }

.footer-info-box { display: flex; justify-content: space-between; }
.footer-desc-box { display: flex; align-items: center; }

.footer-list dt { font-size: 1.5rem; }
.footer-list dd {color: rgba(255, 255, 255, .6); line-height: 2rem; }

.footer .pic-list { display: flex; justify-content: space-between; align-items: center; }
.footer .pic-list .pic-item { margin: 0 1rem; text-align: center; }
.footer .pic-list .pic-item img { max-width: 90px; max-height: 90px; }
.footer .pic-list .pic-item p { font-size: 0.8rem; }

.footer-h-line { height: 1px; font-size: 0; overflow: hidden; background: #35394f; }
.footer-v-line { width: 1px; height: 14rem; font-size: 0; overflow: hidden; background: #35394f; }

@media (max-width: 991px) {
	.footer-info-box { flex-direction: column; }
	.footer-desc-box { justify-content: center; }
	.footer .footer-list { border-top: 1px solid #35394f; padding: 2rem 3rem; }
	.footer .pic-list { border-top: 1px solid #35394f; padding: 2rem 0; }
}
@media (min-width: 992px) {
	.footer-list { padding: 3rem 0; }
	.footer-info-box { align-items: center; }
	.footer-desc-box { justify-content: space-between; }
}

/*------------------------------------------
                栏目部分
------------------------------------------*/
.container-marg { margin-bottom: 6rem; }
.container-marg-top { margin-top: 7rem; }
.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 .describe { line-height: 2.3rem; font-size: 1rem; color: #777; text-align: center; }
.channel-page .describe .vline { display: inline-block; width: 1px; height: 14px; vertical-align: middle; background: #AAA; margin: 0 0.5rem; }

@media (max-width: 991px) {
	.channel-page { justify-content: center; }
	.channel-page .btn { font-size: 1.5rem; }
	.channel-page .btn-page-prev { margin-right: 1rem; }
}
@media (min-width: 992px) {
	.channel-page { justify-content: space-between; }
}

/*------------------------------------------
                文章部分
------------------------------------------*/
.marg-bottom-6 { margin-bottom: 6rem; }

/* 页头图片 */
.banner-header { background-image: url(../../../jdgcxx/res/common/pics/sub_banner01.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; width: 100%; height: 100%; }

/* 文章页：返回按钮 */
.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; }