﻿.banner-book { background-color: #dbedf1; height: 250px; background:url(img/book1.jpg) center no-repeat; background-size:cover; }
.book-box { min-height:600px; background-color:#f9f9f9; padding:15px 0;}
.page { margin:0 auto; text-align:center; padding:25px 0;}
    .page a, .page span { float:initial; background-color:#fbfbfb; border-radius:3px;}
    .page span { color:#0b5a9f;}
        .main-list-r-t { height: 50px; line-height: 50px; }
    .main-list-r-t span { font-size: 24px; color: #0b5a9f; }
.clearfix:after { content: ''; display: block; width: 100%; height: 0; clear: both; }

.book-index { padding:20px 0 5px; margin:0 -0.5%;}
    .book-index * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    .book-index li { float: left; width: 19%; margin: 0 0.5% 15px; background-color: #fbfbfb; border-radius:2px; border: 1px #eee solid; text-align:center;}
        .book-index li:hover { border: 1px solid #0093FF; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 147, 255, 0.6); }
        .book-index li em { display:block; padding:20px 0; text-align:center; height:200px;}
        .book-index li img { width: 50%; box-shadow: 0 2px 12px rgba(0,0,0,0.46); }
        .book-index li a { display:block; padding-bottom:20px; }
        .book-index li p { display: block; line-height: 1.8; overflow: hidden; padding: 25px 20px 0; color: #8e8e8e; display: block; font-size: 13px; }
            .book-index li p b { display: block; font-size: 16px; color: #252525; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.book-listbox .w1100 { padding-left: 320px; background-color: #f2f2f2; width: 880px; margin: 10px auto; position: relative; }
.book-list { background-color: #f9f9f9; padding-left: 25px; min-height: 1150px; }
.book-info { position:absolute; z-index:1; left:0; top:0; width:240px; padding:30px 40px; overflow:hidden;}
    .book-info em { display: block; padding: 20px 0; text-align: center;  }
        .book-info em img { width: 60%; box-shadow: 0 2px 14px rgba(0,0,0,0.36); }
.book-info .title { display: block; line-height: 1.4; overflow: hidden;  color: #0b5a9f; display: block; font-size: 16px;text-align:center; padding:10px 5px; }
    .book-info .title b { display: block; font-size: 20px; color: #0b5a9f; padding-bottom:10px;   }
    .book-info .pdf {display:none; text-align:center; margin:10px 0 25px;}
        .book-info .pdf a { display: inline-block; line-height: 40px; padding: 0 25px; border: 1px #3d76de solid; background-color: #0b5a9f; color: #fff; font-size: 14px; border-radius: 2px; }
            .book-info .pdf a:hover { background-color: #4d87de; }
    .book-info ul { font-size: 13px; color: #b2a9a2;  padding-top:30px;}
    .book-info li { position:relative; padding-left:80px;line-height:1.6; margin-bottom:5px;}
        .book-info li span { display: inline-block; position: absolute; z-index: 1; left: 0; top: 0; color: #b2a9a2; }
		 .book-info li a{color: #b2a9a2; }

.book-li { padding-bottom:20px;}
.book-li li { border-bottom: 1px solid #e6e6e6; padding: 22px 0 23px 55px; background: url(img/bz_xinwen_ico.png) 5px 26px no-repeat; }
    .book-li li h2 { font-size: 18px; line-height: 1.4; font-weight: 400 }
    .book-li li a { color: #0b5a9f }
        .book-li li a:hover { color: #89cd21 }
    .book-li li img { float: left; margin: 4px 14px 0 0; height: 80px }
    .book-li li .alt { font-size: 12px; color: #999; line-height: 30px; margin-bottom: 5px; position: relative }
        .book-li li .alt > span { margin-right: 10px; color:#666; } 
    .book-li li .txt { max-height: 80px; line-height: 1.8; margin-top: -4px; font-size:13px; color:#999; }

.art-title { border-bottom: 1px #e0e5ea solid; margin-bottom: 18px }
    .art-title h1, .art-title h2 { line-height: 1.4; font-weight: 400; padding: 25px 0 18px; font-size: 32px; color: #333; font-weight: 700 }
    .art-title h2 { color: #19a6b7; padding: 8px 0 18px; text-align: center }
    .art-title .alt { font-size: 14px; color: #999; line-height: 1.4; padding-bottom: 18px; position: relative }
        .art-title .alt > span { margin-right: 10px }
        .art-title .alt .bdsharebuttonbox { position: absolute; z-index: 10; zoom: 1; right: 0; top: 2px; height: 20px; line-height: 20px }
            .art-title .alt .bdsharebuttonbox .bds_more, .art-title .alt .bdsharebuttonbox a { font-size: 14px !important; margin: 0 6px 0 0 !important }
            .art-title .alt .bdsharebuttonbox .none { background: 0 0 !important; color: #666 !important }
                .art-title .alt .bdsharebuttonbox .none .fa { font-size: 16px }
.art-link { padding: 15px 0 20px; color: #999 }
    .art-link a { color: #0b5a9f }

.u-html { line-height: 2; font-size: 15px; color: #4d4d4d; overflow: hidden }
    .u-html img { max-width: 100% }
    .u-html a { color: #0b5a9f }
        .u-html a:hover { color: #0093FF }
