@charset "UTF-8";

* { padding: 0px; margin: 0px; box-sizing: border-box; }
.clearfix:after { display: block; height: 0; content:""; visibility: hidden; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
.common_container { width: 1300px; margin: 0 auto; }
i { text-decoration: none; font-style: normal; }
.body{ font-family:"微软雅黑", Helvetica Neue, Tahoma, sans-serif; -webkit-font-smoothing:antialiased; }
/* 导航 start */
.navbar {
    width: 100%;
    height: 50px;
    background-color: #04142d;
}
.navbar-container {
    height: 50px;
    margin: 0 auto;
    position: relative;
}
.navbar-left {
    width: 80%;
    height: 50px;
    font-weight: 500;
    float: left;
    color: #999;
    text-align: center;
}
.navbar-left div {
    float: left;
    line-height: 50px;
    font-size: 14px;
    padding: 0 30px;
    cursor: pointer;
}
.navbar-left div img {
    width: 18px;
    margin-top: -2px;
    margin-right: 4px;
}
.navbar-left-first { color: white; }
.navbar-right {
    width: 18%;
    height: 50px;
    position: absolute;
    right: 0px;
    text-align: center;
}
.navbar-right img {
    width: 68%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    cursor: pointer;
}
.navbar_right_title {
    position: absolute;
    right: 40px;
    line-height: 46px;
    color: #fff;
    z-index: 30;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}
/* 导航 end */
/* 正文 start */
.main {
    width: 100%;
    background: white;
    margin-bottom: 25px;
}
.main-top { font-size: 13px; margin-top: 20px; padding-left: 10px; }
.main-bottom {
    margin-top: 20px;
    padding: 5px;
}
.main-bottom-left {
    /* float: left; */
    /* width: 300px; */
    /* height: 420px; */
    border: 1px solid #ccc;
    padding: 10px;
    padding-bottom: 20px;
}
.main-bottom-right {
    /* float: right; */
    /* width: 960px; */
    border: 1px solid #ccc;
    padding: 15px;
}
.information {
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-bottom: 10px;
}
.information>span {
    padding-left: 14px;
    font-size: 18px;
}
.msg {
    float: left;
    height: 14px;
    width: 8px;
    background: #c09573;
    margin-top: 5px;
    margin-left: 2px;
}
.menu-item {
    padding-bottom: 5px;
    letter-spacing: 1px;
}
.check {
    width: 95%;
    padding: 10px 0;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1.4px solid #ccc;
    cursor: pointer;
}
.checked>.check {
    width: 95%;
    background-color: #286ce7;
    font-weight: 600;
    color: white;
    font-size: 18px;
}
.check a{
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.checked a{ color: #fff; }
/* .check span{ display: inline-block; width: 84%; } */
.submenu {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    display: none;
}
.submenu li {
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    border-bottom: 1px dashed #ccc;
    cursor: pointer;
}
.submenu_icon { color: #cbbdae; }
.last>.check { border: none; }
.list_style {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.list_style_last {
    border-bottom: none;
    margin-bottom: 10px;
}
.list_style li {
    list-style-type: disc;
    margin: 20px;
}
.data {
    font-size: 12px;
    color: #aaa;
    margin-left: 10px;
}
/* 正文 end */

/* add style */
.zhibiaopaging_style{ padding: 30px 0 10px 0; font-size: 13px; }
.zhibiaopaging_style a{ color: #187DC3; }
.varsion{ font-size: 16px; }
.navbar-container-right{ font-size: 16px; }
.gailan_tablestyle{ width: 90%; margin: 0 auto; border-collapse:collapse; border: 1px solid #AFAFAF; margin-top: 20px; line-height: 38px; font-size: 14px; }
.gailan_tablestyle td{ padding-left: 5px; border: 1px solid #AFAFAF; }
.resourceEven{ background: #eee; }
.readerNewbook{ padding: 10px 0 20px 0; margin-bottom: 10px; border-bottom: 1px solid #cbcbcb; }
.book_inf{ width: 75%; float: left; }
.book_inf h4{ line-height: 30px; font-size: 16px; border-bottom: 1px dashed #cbcbcb; margin-bottom: 10px; }
.book_inf h4 a{ color: #337ab7; }
.readerEven { height: 36px; background-color: #d2e5b7; }
.readerOdd { height: 36px; background-color: #e9f0e2; }
.readerNewbook span{ font-weight: bold; }
.readerNewbook td{ border: 3px solid #fff; padding-left: 10px; }
.book_pic{ width: 24%; float: left; text-align: center; }
.book_pic img { width: 65%; box-shadow: 4px 4px 8px #656565; }
.disPlay_box{ width: 100%; margin-top:20px; }
.shadow_box { width: 25%; padding:0 15px; float: left; text-align: center; font-size: 14px; }
.text_con { padding: 15px 0; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shadow_box a{ color: #337ab7; }
.shadow_box img { border: 1px solid #cbcbcb; box-shadow: 4px 4px 8px #656565; width: 80%; max-height: 240px; }
/* add style QandA */
.part_libs{ width: 100%; font-size: 18px; color: #fff; background-color: #4f81bd; margin: 10px auto 10px auto; text-align: center; display: block; line-height: 150%;}
.part_lib{ font-size: 18px; color: #fff; background-color: #4f81bd; margin: 10px auto 10px auto; text-align: center; line-height: 150%;}
.service_faq_qu { margin-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; line-height: 180%; list-style: none; font-weight: bold; font-size:16px; }
.service_faq_an { line-height: 180%; font-size: 14px; padding: 10px; text-indent: 24px; overflow: visible; border: 1px dashed #cbcbcb; }
#faq { margin-bottom: 10px; }
#fag p { cursor: pointer; }
/* add style opentime */
.service_window{ width: 90%; margin: 0 auto; margin-top: 10px; margin-bottom: 20px; }
.service_window div{ float: left; font-size: 14px; padding: 10px 0; }
.service_window_lf, .service_window_rg { font-weight: bold; font-size: 16px !important; margin-bottom: 6px; }
.service_window_lf, .font_wt{ width: 30%; }
/* add style webpoint */
.plus_style{ text-align: center; font-size: 14px; margin: 10px; }
.webpoint_table{ border-collapse:collapse; text-align: center; font-size: 14px; }
.webpoint_table td{ padding: 10px 0; }
.webpoint_table a{ color: #337ab7; }
.webpoint_firstrow td{ padding: 10px 0 !important; font-size: 16px;  }
.webpoint_table_title{ background-color: #4f81bd !important; color: #fff; }
.webpoint_table_odd{ background-color: #eff2f6; }
.webpoint_table_even{ background-color: #e0e9f4; }

/* add header navbar style */
.header { width: 100%; height: 460px; position: relative; }
.header-container { width: 1300px; height: 390px; position: absolute; top: 0; left: calc((100% - 1300px)/2); }
.header>img { width: 100%; height: 100%; }
.header-navbar { position: absolute; width: 100%; height: 65px; background-color: rgba(0, 0, 0, 0.5); bottom: 0px; }
.logo { position: absolute; top: 60px; }
.logo>img { width: 90%; }
.varsion {
    width: 110px;
    height: 35px;
    line-height: 35px;
    background-image: url("version.png");
    position: absolute;
    right: 0px;
    top: 20px;
    color: white;
    text-align: center;
    cursor: pointer;
}
.navbar-searchinput {
    position: absolute;
    bottom: 40px;
    right: 0px;
    width: 415px;
    height: 45px;
    line-height: 45px;
}
.search-container {
    position: relative;
    margin-left: 20px;
    padding-left: 10px;
    border: 1px solid #ccc;
    border-radius: 111111111111111px;
    background-color: rgba(255, 255, 255, 0.8);
}
.search-container>span {
    font-size: 13px;
    margin-left: 5px;
    color: #666;
}
.search-container>img {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
.search-container > input{  border: none; outline: none; height: 40px; background-color: transparent; }
.navbar-input01 { color: #aeaeae; }
.navbar-input02 { color: #000; }
.navbar-container {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
}
.navbar-container-left {
    width: 1100px;
    height: 30px;
    margin-top: 20px;
    float: left;
    font-weight: 500;
    text-align: center;
    color: white;
}
.navbar-container-right {
    width: 125px;
    height: 75px;
    line-height: 65px;
    float: right;
    background-image: url("01.png");
    color: white;
    text-align: center;
    cursor: pointer;
}
.navbar-container-right a{ color: #fff; width: 100%; height: 100%; }
.navbar-item { text-align: center; float: left; padding: 0 22px; border-right: 1px solid #ccc; }
.navbar-item-last { border: none; }
.navbar-item a { color: white; font-size: 19px; font-weight: 500; text-decoration: none; }
.or { font-size: 25px; }

/* add 党建三级概览样式 */
.contentTab_style{ padding: 10px; }
.contentTab_style .contentTab_item{  height: 30px; line-height: 30px; text-align: center; font-size: 18px; font-weight: 500; float: left; margin-right: 10px; padding: 0 20px;  }
.contentTab_item a { color:#0066cc; }
.contentTab_item_check{ background-color: #6196fc; }
.contentTab_item_check a{ color: #fff !important; }

/* add 读者留言概览样式 */
.box_top { text-align: center; color: #52D23C; font-weight: bold; font-size: 12px; margin: 10px 0; }
.box_top span { color: #cbcbcb; }
.bg_pic { width: 75%; background: url(jl_library_leave_message_201507-02.png) no-repeat 100% 10px; float: left; padding-right: 15px; }
.bg_pic_box { width: 24%; float: left; }
.reader_lf { line-height: 180%; border: 1px solid #52D23C; margin-bottom: 10px; padding: 10px; border-radius: 4px; box-shadow: -4px 4px 5px #ccc; background: #C5FEC9; font-size: 14px; }
.reader_rg{ height: 40px; background: url(jl_library_leave_message_201507-03.png) no-repeat 100% 0; }
.librarian_lf { height: 40px; background: url(jl_library_leave_message_201507-04.png) no-repeat 0 0; }
.bg_pic_1 {  width: 75%; background: url(jl_library_leave_message_201507-01.png) no-repeat 0 10px; float: left; padding-left: 15px; }
.librarian_rg { line-height: 180%; border: 1px solid #0088cc; margin-bottom: 10px; padding: 10px; border-radius: 4px; box-shadow: 4px 4px 5px #ccc; background: #C5E4FC; font-size: 14px; }


/* 响应式，媒体查询样式调整 */
/* 中屏幕样式调整 */
@media ( max-width: 1420px ){
    .common_container{ width: 1000px; }
}
/* pad 和 mobile端基础样式 */
@media ( max-width: 1024px ) and ( min-width: 0px ){
    .common_container{ width: auto; }
    .menu-item{ display: none; }
    .main-top{ display: none; }

    .main-bottom-left { border: none; padding-bottom: 10px; }
    .zhibiaopaging_style{ text-align: center; }
    .list_style > li > a{ display: block;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
    .main-bottom{ margin-top: 0; }
}