@charset "utf-8";

/* CSS Document */
body { background: #e4edf8; }
#baner { width: 1200px; height: 380px; margin: 0 auto; border: none; margin-top: 0px; position: relative; background: #fff; text-align: center; }
.botlink { position: absolute; top: 358px; left: 559px; z-index: 1; }
    .botlink a { display: inline-block; background: url(../img/dot5.png) center center no-repeat; width: 12px; height: 12px; margin: 0 4px; }
        .botlink a:hover { background: url(../img/dot6.png) center center no-repeat; }
#book-link { width: 1200px; height: 146px; background: #fff url(../images/book-link.png) 16px 16px no-repeat; margin: 0 auto; padding: 16px 0 0 16px; // border:1px solid red; }

    #book-link a { display: inline-block; width: 227px; height: 130px; margin-right: 7px; }


#banner-wrap { position: relative; width: 1200px; height: 380px; margin: 0 auto; background: #fff; }
.banner { position: absolute; display: none; left: 0px; top: 0px; margin: 0 auto; }
    .banner h3 { background: none repeat scroll 0 0 #dead89; position: absolute; left: 0; bottom: 0; height: 40px; line-height: 40px; opacity: 0.5; width: 100%; }
    .banner img { width: 1200px; height: 380px; }

.num { position: absolute; bottom: 0px; text-align: center; width: 100%; }
    .num a { background-color: #ffd800; opacity: 0.85; width: 16px; height: 16px; margin: 12px 4px; display: inline-block; text-align: center; cursor: pointer; }
        .num a.on { background-color: white !important; color: #ffd800; font-weight: bold; }

#maincon { width: 1200px; height: 530px; background: #fff; margin: 0 auto; padding-top: 16px; }
#left-c { width: 897px; height: 510px; float: left; }
#right-c { width: 282px; height: 510px; float: right; }

.c-1 { width: 897px; height: 206px; }

    /*.c-1 img { display: block; float: left; margin-left: 30px; width: 210px; height: 205px; }*/
    .c-1 dl { margin-top: 20px; float: right; display: block; width: 653px; }
    .c-1 dt { height: 37px; color: #0b52a7; line-height: 35px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
        .c-1 dt span { display: inline-block; float: right; font-size: 14px; color: #e60012; width: 31px; height: 35px; }
        .c-1 dt strong { display: inline-block; float: left; font-size: 14px; }
        .c-1 dt a { display: inline-block; float: left; font-size: 14px; width: 300px; height: 35px; }
    .c-1 dd { line-height: 20px; color: #333; margin-top: 10px; }
        .c-1 dd span { color: #0b52a7; font-weight: bold; }

.c-2 { height: 280px; background: #f7f7f5; border-bottom: 1px solid #ddd; margin-left: 10px; position: relative; }
    .c-2 h3, .n1 h3 { height: 30px; line-height: 30px; background: url(../images/ba2.png) 100px center no-repeat;text-align: right; }
        .c-2 h3 span, .n1 h3 span { color: #0b52a7; font-weight: bold; font-size: 14px; display: inline-block; width: 92px; padding-left: 33px; background: url(../images/dot1.png) left center no-repeat; float: left; }
        .n1 h3 a, .c-2 h3 a { color: #666; display: inline-block; float: right; font-weight: normal; margin-right: 20px; }
.c-2 h3 a { width: 144px;}

.book-detail { text-align: right; background: url(../images/ba1.png) 0 -4px repeat-x; }
    .book-detail a { color: #89955d; display: inline-block; background: #fff; padding-left: 4px; }

.book-wrap { height: 280px; position: absolute; top: 40px; left: 0px; display: none; }
.b1 { float: left; width: 97px; /*margin-right:50px;*/ margin-left: 20px; margin-right: 30px; }
    .b1 img { display: block; width: 97px; height: 120px; margin-bottom: 4px; }
    .b1 dl { width: 96px; line-height: 16px; }
    .b1 dt { display: inline-block; margin: 0px; width: 96px; }
        .b1 dt a { color: #333; width: 96px; display: inline-block; margin: 0px; padding: 0px; }
    .b1 dd { color: #666; display: inline-block; }

    .b1 dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 96px; }
    .b1 dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 96px; }
        .b1 dd span { color: #e60012; }

.change1 { margin-right: 20px; position: absolute; top: 260px; left: 810px; }
    .change1 a { padding: 4px; color: #333; margin: 0px; }
        .change1 a:hover { color: #89955d; }


#right-c { background: url(../images/ba3.png) 0 0 no-repeat; position: relative; }

.link1, .link2 { position: absolute; width: 84px; height: 40px; top: 189px; left: 191px; }
.link2 { top: 436px; }

#news { width: 1200px; height: 330px; background: #fff; margin: 0 auto; }

.n1 { width: 580px; height: 330px; float: left; margin: 0 10px; }
    .n1 h3 { width: 570px; }
        .n1 h3 span { background: url(../images/dot2.png) 0 0 no-repeat; }
        .n1 h3 a { width: 60px; height: 30px; line-height: 30px; background: #fff; margin-right: 0px; }
    .n1 dl { display: block; width: 426px; height: 96px; background: #f7f7f5; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; float: left; padding-left: 10px; }
    .n1 dt { height: 26px; line-height: 26px; }
        .n1 dt img { margin-right: 10px; }
        .n1 dt a { font-size: 14px; color: #0b52a7; }
    .n1 dd { color: #888; line-height: 20px; text-indent: 2em; }
    .n1 li { }
        .n1 li a { display: block; height: 24px; line-height: 24px; color: #333; }
        .n1 li span { display: inline-block; float: right; margin-right: 10px; }
        .n1 li strong { display: inline-block; font-weight: normal; float: left; }
            .n1 li strong img { margin-right: 10px; }
    .n1 dt span, .n1 dt strong { display: inline-block; float: left; }
    .n1 dt strong { float: right; font-weight: normal; }

#botimg ul { display: block; padding: 30px 0 0 30px; }
#botimg li { float: left; margin-right: 18px; }
    #botimg li img { width: 97px; height: 54px; }
.img-container { /*border: 1px solid #d6d6d6;*/ float: left; height: 205px; margin-left: 20px; width: 211px; }