.page {
  min-width: auto;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ml30 { margin-left: 30px; }


/* --------- header --------- */
.pc-header,
.pc-footer { display: none; }


/* section_1 */
.mobile-header .header-section_1 { height: 50px; }
/* section_1 - header-logo */
.mobile-header .logo { margin: 10px 0 0 10px; }
.mobile-header .logo img { width: 50px; vertical-align: middle; }
.mobile-header .logo .text { vertical-align: middle; font-size: 16px; color: #000; }

/* section_1 - header-district */
/* .mobile-header .header__district { display: inline-block; }
.mobile-header .header__district .c-image { width: 32px; height: 32px; } */
/* section_1 - district__select */
.mobile-header .district__select .view { position: relative; width: 74px; height: 26px; margin: 10px 10px 0 0; text-align: center; line-height: 26px; border-radius: 999px; font-size: 12px; background-color: #004eb3; color: #fff; }
.mobile-header .district__select .view i.iconfont { font-size: 12px; }
.mobile-header .district__select.on .district-wrap { left: 0; }
.mobile-header .district__select .district-wrap { position: fixed; top: 0; left: 200%; z-index: 100; width: 100vw; height: 100vh; background-color: #fff; color: #666; }
.mobile-header .district__select .title { position: relative; text-align: center; line-height: 40px; border-bottom: 1px solid #e1e1e1; font-size: 14px; color: #333; }
.mobile-header .district__select .title i.iconfont { position: absolute; top: 0; left: 10px; z-index: 0; font-size: 20px; }
.mobile-header .district__select .wrap { overflow-y: auto; height: 100%; padding: .1px 0 100px; }
.mobile-header .district__select .tip { margin: 20px 0 20px 10px; font-size: 12px; color: #999; }
.mobile-header .district__select .list { overflow-y: auto; display: flex; flex-wrap: wrap; }
.mobile-header .district__select .item { width: 20%; padding: 6px 0; margin: 0 8px 20px; text-align: center; border-radius: 999px; font-size: 12px; background-color: #f5f5f5; }


.header-area.mobile-header .select .view { background-color: #0A2461; }
/* section_2 */
.mobile-header .header-section_2 { position: relative; height: 40px; line-height: 40px; font-size: 18px; background-color: #004eb3; color: #fff; }
.mobile-header .nav .list { overflow-x: auto; padding-right: 100px; white-space: nowrap; }
.mobile-header .nav .item { display: inline-block; height: 100%; padding: 0 10px; }
.mobile-header .menu__btn { position: absolute; top: 0; right: 0; padding: 0 20px; line-height: 1; background-color:  #004eb3; }
.mobile-header .menu__btn i.iconfont { line-height: 40px; font-size: 14px; }
.mobile-header .menu { transition: .3s; position: fixed; top: -200%; left: 0; z-index: 100; width: 100%; height: calc(100vh - 50px); line-height: 1.2; }
.mobile-header .menu.on { top: 50px; }
.mobile-header .menu .menu__title { position: relative; text-align: center; line-height: 40px; background-color:  #004eb3; color: #fff; }
.mobile-header .menu .menu__title i.iconfont { position: absolute; top: 0; right: 0; height: 100%; padding: 0 20px; background-color: red; }
.mobile-header .menu .list { overflow-y: auto; height: 100%; padding: 20px 0 100px; font-size: 14px; background-color: #fff; color: #666; }
.mobile-header .menu .item { margin-bottom: 10px; }
.mobile-header .menu .title { margin: 0 0 20px 10px; font-weight: bold; color: #333; }
.mobile-header .menu .link-wrap { display: flex; flex-wrap: wrap; }
.mobile-header .menu .links { display: inline-block; padding: 4px 0; margin: 0 8px 20px; width: 20%; text-align: center; border: 1px solid #e5e5e5; border-radius: 6px; background-color: #f3f3f3; }


.header-area.mobile-header .header-section_2,
.header-area.mobile-header .menu-btn { background-color: #0A2461; }


/* --------- main --------- */
/* .main { min-height: calc(100vh - 90px - 40px); } */

@media (max-width: 1189px) {
/* --------- media --------- */
.media { padding: 0 10px; margin-top: 10px; }
.media-item { padding: 0 0 14px; margin-bottom: 26px; border-bottom: 1px solid #f5f5f5; }
/* .media-item:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; } */
.media-share { display: none; }
.media-image { float: left;  margin-right: 10px; }
.media-image .c-image { width: 120px; height: 80px; }
.media-title { padding-bottom: 6px; line-height: 1.5; font-size: 16px; font-weight: normal; color: #333; }
.media-source { margin-right: 20px; line-height: 22px; vertical-align: middle; font-size: 12px; color: #666f86; }
.media-time { margin-right: 8px; line-height: 22px; vertical-align: middle; font-size: 12px; color: #c9ccd4; }



/* --------- 面包屑 --------- */
.crumbs { display: none; }




}

/* --------- more --------- */
.more { display: none; }


/* --------- footer --------- */
.mobile-footer { height: 40px; text-align: center; line-height: 40px; font-size: 14px; background-color: #004eb3; color: #fff; }
.footer-area { background-color: #0A2461; }



/* --------- website --------- */
.website { display: none; }





@media (min-width: 1190px) {
.page {
  position: relative;
  min-width: 1190px;
}

.container {
  width: 1190px;
  margin-left: auto;
  margin-right: auto;
}

/* .pc_visible { display: block; }
.m_visible { display: none; } */

/* @media screen and (max-width: 1000px) {
  .pc_visible { display: none; }
  .m_visible { display: block; }
} */


.bd_e1e1e1 { border: 1px solid #e1e1e1; }


/* 连接 hover 样式 */
.link-hover:hover { color: #004eb3; }


/* --------- header --------- */
.mobile-header,
.mobile-footer { display: none; }
.pc-header,
.pc-footer { display: block; }

/* section_1 */
.pc-header .header-section_1 { display: none; height: 40px; font-size: 14px; background-color: #f3f5f6; }
.pc-header .header-section_1 .link { margin-right: 10px; line-height: 40px; }


.header-area.pc-header .header-section_1 { display: block; }

/* section_2 */
.pc-header .header-section_2 { height: 108px; padding-top: 38px; }
/* section_2 - header-logo */
.pc-header .logo { float: left; }
.pc-header .logo img,
.pc-header .logo .text { vertical-align: middle; }
.pc-header .logo img { width: 90px; margin-right: 8px; }
.pc-header .logo .text { font-size: 30px; font-weight: bold; letter-spacing: 1.5px; color: #000; }
/* section_2 - header-district */
.pc-header .district { display: none; }
.pc-header .district .name { margin-right: 10px; vertical-align: middle; font-size: 40px; color: #0a2461; }
.pc-header .district .c-image { display: inline-block; width: 64px; height: 64px; vertical-align: middle; }


.header-area.pc-header .district { display: inline-block; }
/* section_2 - header-search */
.pc-header .searches { display: inline-block; width: 280px; height: 32px; margin-top: 10px; vertical-align: middle; border: 1px solid #e5e5e5; border-right: 0; border-radius: 999px; }
.pc-header .searches .text { display: table-cell; width: 9999px; height: 30px; }
.pc-header .searches input { width: 100%; height: 100%; border: 0; padding: 0 10px; border-radius: 999px; font-size: 14px; color: #666; }
.pc-header .searches .btn { float: right; width: 32px; height: 32px; text-align: center; line-height: 32px; border-radius: 100%; background-color: #004eb3; color: #fff; cursor: pointer; }


.header-area.pc-header .searches { display: none; }

/* section_2 - header-select */
.pc-header .district__select { position: relative; display: inline-block; margin-top: 10px; margin-left: 10px; vertical-align: middle; }
.pc-header .district__select .view { position: relative; width: 84px; height: 32px; text-align: center; line-height: 32px; border-radius: 999px; font-size: 13px; background-color: #004eb3; color: #fff; cursor: pointer; }
.pc-header .district__select .view:hover { background-color: #003e8e; }
.pc-header .district__select i.iconfont { font-size: 13px; }
.pc-header .district__select.on .list { display: block; }
.pc-header .district__select .list { position: absolute; top: 48px; right: 0; z-index: 100; width: 354px; padding: 18px 28px 0 28px; border: 1px solid #e1e9f4; border-radius: 4px; font-size: 13px; background-color: #fff; }
.pc-header .district__select .item { display: inline-block; width: 46px; padding: 0 10px; margin: 0 0 20px; white-space: nowrap; }


.header-area.pc-header .district__select .view { background-color: #0A2461; }

/* section_3 */
/* section_3 - header-nav */
.pc-header .header-section_3 { height: 60px; font-size: 20px; background-color: #004eb3; color: #fff; }
.pc-header .header-section_3 .nav .item { float: left; }
.pc-header .header-section_3 .nav .item:not(:last-child) { margin-right: 40px; }
.pc-header .header-section_3 .nav .link { position: relative; display: inline-block; line-height: 60px; font-weight: bold; }
.pc-header .header-section_3 .nav .link:hover::after { content: ''; position: absolute; bottom: 10px; left: 0; z-index: 1; width: 100%; height: 2px; background-color: #fff; }


.header-area.pc-header .header-section_3 { background-color: #0A2461; }

/* section_4 */
/* section_4 - header-sub nav */
.pc-header .header-section_4 { height: 40px; font-size: 14px; background-color: #f3f5f6; }
.pc-header .header-section_4 .nav .list { display: flex; justify-content: space-around; }
/* .pc-header .header-section_4 .nav .item { float: left; margin-right: 40px; } */
.pc-header .header-section_4 .nav .link { display: inline-block; line-height: 40px; }
.pc-header .header-section_4 .nav .link:hover { color: #004eb3; }
.pc-header .header-section_4 .link .text { vertical-align: middle; line-height: 40px; }
.pc-header .header-section_4 .link i.iconfont { vertical-align: middle; }


.header-area.pc-header .header-section_4 { display: none; }








/* --------- main --------- */
/* .main { min-height: calc(100vh - 208px - 100px); }
.main-area { min-height: calc(100vh - 168px - 100px); } */

/* --------- website --------- */
.website { display: block; height: 200px; font-size: 14px; background-color: #282f32; color: #999; }
/* logo */
.website .logo { float: left; margin-top: 50px; margin-right: 30px; }
.website .logo img { width: 160px; }
/* share */
.website .share { float: right; }
.website .share .item { float: left; }
.website .share { margin-top: 64px; text-align: center; }
.website .share .item:not(:first-child) { margin-left: 30px; }
.website .share .item img { width: 90px; height: 90px; }
/* website-list */
.website .wrap { padding-top: 50px; }
.website .list { float: left; min-height: 110px; padding: 0 30px 10px; }
.website .list:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, .1); }
.website .title { display: inline-block; margin-bottom: 10px; font-size: 16px; color: #fff; }
.website .link { display: inline-block; margin-bottom: 4px; }
.website .link:hover { color: rgb(226, 226, 226); }



/* --------- footer --------- */
.pc-footer { padding: 20px 0 14px; height: 100px; text-align: center; line-height: 22px; font-size: 12px; background: #004eb3; color: #fff; }
/* friendlink */
.pc-footer .friendlink .link { vertical-align: middle; }
.pc-footer .friendlink .link:hover { color: #c3c3c3; }
.pc-footer .friendlink .line { display: inline-block; width: 1px; height: 12px; margin: 0 6px; vertical-align: middle; background-color: rgba(255, 255, 255, .7); }
/* right */
.pc-footer .right .link { margin: 0 6px; }
.pc-footer .right .link:hover { color: #c3c3c3; }
/* contact */
.pc-footer .contact .email:hover { color: #c3c3c3; }
.footer-area { background-color: #0A2461; }


/* --------- media --------- */
.media { margin-top: 30px; }
.media-item { position: relative; padding: 0 0 20px; margin-bottom: 26px; border-bottom: 1px solid #f5f5f5; }
/* .media-item:not(:last-child) { margin-bottom: 26px; border-bottom: 1px solid #f5f5f5; } */
.media-share { position: absolute; right: 10px; bottom: 10px; }
.media-link:hover { color: #004eb3; }
.media-image { float: left;  margin-right: 20px; }
.media-image .c-image { width: 138px; height: 92px; }
.media-title { max-width: 540px; padding-top: 6px; padding-bottom: 15px; line-height: 26px; font-size: 18px; font-weight: normal; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-source { margin-right: 20px; line-height: 22px; vertical-align: middle; font-size: 12px; color: #666f86; }
.media-time { margin-right: 8px; line-height: 22px; vertical-align: middle; font-size: 12px; color: #c9ccd4; }
.media-item:last-child { border-bottom: 0;}


/* --------- more --------- */
.more { display: block; }
.more { margin: 20px 0 40px; text-align: center; font-size: 14px; color: #666; }
.more-link:hover { color: #004eb3; }
/* ========= more 冲突 ========= */
.more::before { content: none !important; }




/* --------- tab --------- */
.tab-btn-wrap { padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1; }
.tab-btn-wrap .tab-btn,
.tab-btn-wrap .tab-line { display: inline-block; vertical-align: middle; }
.tab-line { width: 2px; height: 18px; margin: 0 15px; background-color: #e1e1e1; }
.tab-btn { position: relative; font-size: 18px; }
.tab-btn.on span { display: inline-block; font-size: 22px; color: #004eb3; }
.tab-btn.on::after { content: ''; position: absolute; bottom: -10px; left: 0; z-index: 1; width: 100%; height: 4px; background-color: #004eb3; }


/* --------- column --------- */
/* .column { width: 300px; line-height: 34px; font-size: 14px; color: #666; } */
.column .tab-btn-wrap { margin-bottom: 10px; }
.column-news-list { padding: 14px 4px; }
.column-news-name { font-weight: bold; }
.column-news-image { height: 160px; }
.column .media .media-list .media-image .c-image { width: 60px; height: 60px; border-radius: 100%; }
.column .media .media-list .media-content .title { padding-bottom: 0; line-height: 18px; font-size: 14px; color: #333; }
.column .media .media-list .media-content .content { line-height: 18px; font-size: 12px; color: #999; }
.column .media .media-list .media-content 


/* --------- notice --------- */
.notice { width: 300px; }
.notice .c-image { height: 158px; }
.notice .c-image img { height: 100%; }
.notice .info { padding: 24px 16px; }
.notice .info .title { margin-bottom: 10px; font-size: 16px; }
.notice .info .content { margin-bottom: 30px; text-align: justify; line-height: 22px; font-size: 13px; color: #999; }
.notice .info .other_info { font-size: 12px; color: #999; }
.notice .info .time { float: right; }


/* --------- notices --------- */
.notices { width: 300px; }
.notices .swiper { padding: 0 10px; }
.notices .swiper .swiper-wrap { height: 270px; }
.notices .swiper .swiper-wrap .swiper-container { height: 100%; }
.notices .swiper .swiper-wrap img { display: block; margin: 0 auto; max-width: 100%; height: 270px; }
.notices .swiper .swiper-public-button-prev,
.notices .swiper .swiper-public-button-next { opacity: .5; margin-top: 10px; font-size: 12px; color: #666; outline: none; cursor: pointer; }
.notices .swiper .swiper-public-button-prev:hover,
.notices .swiper .swiper-public-button-next:hover { opacity: 1; }
.notices .swiper .swiper-public-button-prev { float: left; }
.notices .swiper .swiper-public-button-next { float: right; }

















/* --------- 新闻块 --------- */
.news-block { width: 300px; }
.news-block .c-image { height: 158px; }
.news-block .c-image img { width: auto; height: 100%; }
.news-block__wrap { padding: 24px 16px; }
.news-block__title { margin-bottom: 10px; line-height: 1.5; font-size: 16px; color: #333; }
.news-block__content { margin-bottom: 30px; text-align: justify; line-height: 1.5; font-size: 14px; color: #999; }
.news-block__source,
.news-block__time { font-size: 12px; color: #999; }
.news-block__source { float: left; }
.news-block__time { float: right; }


/* --------- column --------- */
.column { width: 300px; }
.column__item { margin-bottom: 20px; }
.column__image .c-image { height: 170px; margin-bottom: 10px; }
.column__image .c-image img { width: auto; height: 100%; }
.column__title { font-size: 14px; color: #333; }




/* --------- TAB 切换 --------- */
.tab__btn,
.tab__btn span,
.tab__line { display: inline-block; vertical-align: middle; }
.tab__btn-wrap { padding-bottom: 16px; margin-bottom: 14px; line-height: 1; border-bottom: 1px solid #e1e1e1; font-size: 0; }
.tab__btn { position: relative; color: #333; }
.tab__btn.on .tab__text { position: relative; font-size: 22px; color: #004eb3; }
.tab__btn.on .tab__text:after { content: ''; position: absolute; bottom: -16px; left: 0; z-index: 1; width: 100%; height: 4px; background-color: #004eb3; }
.tab__btn-link { font-size: 0; }
.tab__btn .tab__text { font-size: 18px; }
.tab__line { width: 2px; height: 18px; margin: 0 15px; background-color: #e1e1e1; }
.tab__view { display: none; }

.tab__btn-more { float: right; margin-top: 8px; font-size: 14px; color: #666; cursor: pointer; }
.tab__btn-more i.iconfont { font-size: 12px; }




/* --------- 面包屑 --------- */
.crumbs { margin-top: 20px; font-size: 14px; color: #333; }
.crumbs__line { display: inline-block; width: 1px; height: 14px; margin: 0 4px; vertical-align: middle; background-color: #999; }
.crumbs__link { cursor: pointer; }
.crumbs__link:hover { color: #004eb3; }




}