/*
*@Description:xinhua main css
*@Author:cb340081631
*@Update:2015-02-08
*/

/*----- reset -----*/

a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-style: normal; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
a, s { color: #333; text-decoration: none; }
a:hover { color: #bc082b; opacity: 1 }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
ul, ol, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { vertical-align: top; text-align: left; }
input, textarea { -webkit-appearance: none; outline: none; font-family: inherit; }
html, body { width: 100%; font-size: 62.5%; font-family: 'microsoft yahei', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self; line-height: 1.5; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; -webkit-touch-callout: none; }
body { color: #333; font-size: 1.2rem; background: #f2f2f2; }
.clf { display: block; zoom: 1; }
.clf:after { clear: both; display: block; height: 0; content: ''; visibility: hidden; }
.wp { position: relative; margin: 0 auto; width: 1000px; }
.dn { display: none; }

.fl { float:left; }
.fr { float:right; }
.tl { text-align:left; }
.tr { text-align:right; }
.tc { text-align:center; }
.ch { font-family:"\5B8B\4F53"; }
.sep { margin:0 10px; color:#ccc; }

/*----- header -----*/

#header { position: relative; z-index: 10; background: #fff; }
#header a:hover { text-decoration: none; }
.site-topbar { position: absolute; z-index:1; top: 0; right: 0; padding: 0 10px; height: 30px; line-height: 30px; text-align: right; }
.site-topbar a { position: relative; padding-left: 25px; background: url(../img/ico_contact.png) no-repeat 0 0; text-decoration: none; }
.site-topbar a:hover { color: #bc082b; }
.site-topbar a.ico-phone { background-position: 0 -20px; }
.site-topbar a.ico-wx { background-position: 0 -40px; }
.site-topbar a img { position: absolute; top: 16px; right: 0; display: none; padding: 5px; width: 90px; height: 90px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.3); }
.site-topbar a.on img { display: block; }
.site-topbar .sep { color: #ccc; margin: 0 10px; }
.site-logo { padding: 30px 0; height: 50px; background: url(../img/logo.png) no-repeat 0 50%; text-indent: -9999em; }
.site-nav { position: absolute; bottom: 0; right: 0; width: 630px; }
.site-nav .mainnav { position: relative; float: left; width: 90px; }
.site-nav .mainnav > a { padding: 15px 0; display: block; border-bottom: 2px solid #fff; font-size: 1.6rem; text-align: center; line-height: 20px; }
.site-nav .mainnav > a.hover { border-color: #bc082b; color: #333; }
.site-nav .mainnav > a.curr { border-color: #bc082b; color: #bc082b; }
.site-nav .subnav { position: absolute; top: 100%; left: 0; display: none; width: 100%; }
.site-nav .subnav li { margin-top: 1px; }
.site-nav .subnav li a { display: block; padding: 7px 0; border: none; background: #fff; background: rgba(255, 255, 255, .8); font-size: 1.4rem; text-align: center; }
.site-nav .subnav li a:hover { background: rgba(255, 255, 255, 1); color: #bc082b; }

/*----- footer -----*/

#footer { position: relative; z-index: 10; background: #666; }
#footer .wp { position: relative; padding: 20px 0; overflow: hidden; }
.site-info { float:left; width: 70%; }
.site-info li { margin-bottom: 15px; color: #eee; }
.site-info li .sep { margin: 0 10px; color: #444; }
.site-qrc { float:right; width: 200px; overflow: hidden; }
.site-qrc li { float:right; margin-left: 10px; width: 90px; height: 90px; overflow: hidden; }
.site-qrc li img { display: block; width: 100%; height: 100%; }

/*----- content -----*/

#content { position:relative; padding:140px 0 30px; background:#f2f2f2 url(../img/bg_list.jpg) no-repeat 0 -140px; width:1000px; margin:0 auto; }
#content .wp { position:relative; }
.container { width:1000px; overflow:hidden; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.1); }
.main { float:right; width:759px; min-height:400px; border-left:1px solid #ddd; }
.side { float:left; width:240px; }

/** index **/
.ind-banner { height:300px; margin-top:-140px; }
.ind-banner li { position:absolute; top:0; left:0; display:none; width:100%; height:500px; background:url(../img/bg_index_main2.jpg) no-repeat center 0; }
.ind-banner li.curr { display:block; }
.ind-banner li.b2 { background-image:url(../img/bg_index_main3.jpg); }
.ind-banner li.b3 { background-image:url(../img/bg_index_main4.jpg); }
.ind-banner li.b4 { background-image:url(../img/bg_index_main5.jpg); }
.ind-banner li.b5 { background-image:url(../img/bg_index_main5.jpg); }

.ind-box { margin-bottom:20px; overflow:hidden; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.1); }
.ind-adv { margin-bottom:20px; width:1000px; overflow:hidden; }

.ind-tit { margin-bottom:15px; height:34px; overflow:hidden; border-bottom:1px solid #ddd; }
.ind-tit h2 { font-size:18px; font-weight:300; }
.ind-tit a { float:right; margin-top:9px; color:#08c; }
.ind-tab { margin:-50px 0 15px; padding-left:110px; height:35px; }
.ind-tab li { float:left; width:80px; height:34px; border-bottom:1px solid #ddd; color:#999; font-size:14px; text-align:center; line-height:34px; cursor:pointer; }
.ind-tab li.curr { position:relative; border-bottom-color:#bc082b; color:#bc082b; }
.ind-tab li.curr i { position:absolute; left:50%; bottom:-3px; margin-left:-3px; display:block; width:18px; height:6px; background:url(../img/ico_curr.png) no-repeat 0 0; }

.ind-news { float:left; padding:15px; width:270px; }
.ind-union { float:left; padding:15px; width:270px; }
.ind-union .ind-union-a { margin-top:10px; display:block; width:270px; height:60px; background:url(../img/pic_index_union.jpg) no-repeat 0 0 / 100% 100%; text-indent:-9999em; }
.ind-party { float:left; padding:15px; width:270px; }
.ind-trade { float:left; padding:15px; width:370px; }
.ind-list li { position:relative; padding-left:15px; height:30px; overflow:hidden; line-height:30px; }
.ind-list li i { position:absolute; top:13px; left:0; display:block; width:4px; height:4px; background:#fbc; border-radius:100%; }
.ind-list li p { float:left; width:255px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ind-list li span { float:right; color:#999; text-align:right; }

.ind-slide { position:relative; float:left; padding:15px 0; width:400px; height:300px; overflow:hidden; background:#fff; }
.ind-slide ul li { position:absolute; top:15px; left:400px; }
.ind-slide ul li a.tit { position:relative; margin-top:-30px; display:block; width: 200px; padding:0 190px 0 10px; height:30px; overflow:hidden; background:rgba(0,0,0,.5); color:#eee; line-height:30px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }
.ind-slide ul li img { width: 400px; height: 300px; }
.ind-slide ol { position:absolute; z-index:10; bottom:20px; right:5px; }
.ind-slide ol li { float:left; margin-left:5px; width:20px; height:20px; background:#666; color:#fff; text-align:center; line-height:20px; cursor:pointer; }
.ind-slide ol li.curr { background:#d93657; }

.ind-notice { float:right; margin-left:-1px; padding:15px; _display:inline; width:200px; border-left:1px solid #eee; }
.ind-nlist { position:relative; height:250px; overflow:hidden; }
.ind-nlist li { margin-bottom:10px; line-height:20px; }
.ind-nlist li p { height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ind-nlist li span { display:block; color:#999; text-align:right; }

.ind-media { float:right; padding:15px; _display:inline; width:270px; }
.ind-mlist { position:relative; height:300px; overflow:hidden; line-height:30px; }
.ind-mlist li p { height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.ind-book { float:left; padding:15px; width:740px; }
.ind-blist { float:left; margin:-15px 0 0 -20px; overflow:hidden; }
.ind-blist li { float:left; margin:15px 0 0 20px; width:170px; overflow:hidden; color:#888; }
.ind-blist li .pic { width:170px; height:170px; display:table-cell; /*最重要*/ vertical-align:middle; /*設置水平居中*/ }
.ind-blist li .pic img { border:none; max-width:100%; max-height:100%; display:block; margin:auto; /*設置垂直居中*/ }
.ind-blist li p { height:20px; overflow:hidden; line-height:20px; text-overflow:ellipsis; white-space:nowrap; }
.ind-blist li .tit { margin:5px 0; font-size:14px; }
.ind-blist li .price strong { margin-right:3px; color:#e33; font-size:14px; font-weight:700; }

.ind-rank { float:right; margin-left:-1px; padding:15px; _display:inline; width:200px; border-left:1px solid #eee; }
.ind-rlist { margin-top:-10px; height:505px; overflow:hidden; line-height: 20px; }
.ind-rlist li { position:relative; padding:10px 0 10px 25px; overflow: hidden; border-bottom:1px dashed #ddd; line-height:20px; }
.ind-rlist li i { position:absolute; top:10px; left:0; display:block; width:20px; height:20px; background:#ffe5eb; color:#bc082b; text-align:center; }
.ind-rlist li.top i { background:#d93657; color:#fff; }
.ind-rlist li .tit { height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ind-rlist li .pic,
.ind-rlist li .press,
.ind-rlist li .price { display:none; }
.ind-rlist li.curr { padding-left:90px; height:80px; overflow:hidden; }
.ind-rlist li.curr .pic { float: left; margin-left: -90px; width:80px; height:80px; overflow:hidden; display:table-cell; vertical-align:middle; }
.ind-rlist li.curr .pic img { margin:auto; display:block; max-width:100%; max-height:100%; }
.ind-rlist li.curr .tit { height:auto; max-height:40px; white-space:normal; }
.ind-rlist li.curr .press,
.ind-rlist li.curr .price { display:block; height:20px; overflow:hidden; color:#888; }
.ind-rlist li.curr .price strong { margin-right:3px; color:#e33; font-size:14px; font-weight:700; }

.ind-rlist li.top { padding-left:90px; height:80px; overflow:hidden; }
.ind-rlist li.top .pic { float: left; margin-left: -90px; width:80px; height:80px; overflow:hidden; display:table-cell; vertical-align:middle; }
.ind-rlist li.top .pic img { margin:auto; display:block; max-width:100%; max-height:100%; }
.ind-rlist li.top .tit { height:auto; max-height:40px; white-space:normal; }
.ind-rlist li.top .press,
.ind-rlist li.top .price { display:block; height:20px; overflow:hidden; color:#888; }
.ind-rlist li.top .price strong { margin-right:3px; color:#e33; font-size:14px; font-weight:700; }

.ind-pics { margin:0 15px; padding:15px 0; width:970px; overflow:hidden; }
.ind-pics ul { float:left; width:1182px; }
.ind-pics ul li { float:left; margin-right:17px; width:180px; overflow:hidden; }
.ind-pics ul li span { display:block; height:30px; overflow:hidden; line-height:30px; text-overflow:ellipsis; white-space:nowrap; }

.ind-friend { padding:15px; }
.ind-friend h2 { font-size:18px; font-weight:300; }
.ind-friend dl { padding:10px 0 10px 160px; overflow:hidden; border-bottom:1px dashed #ddd; }
.ind-friend dl.bn { padding-bottom:0; border:none; }
.ind-friend dl dt,
.ind-friend dl dd { float:left; width:200px; height:20px; overflow:hidden; line-height:20px; }
.ind-friend dl dt { margin-left:-160px; padding-left:15px; width:145px; background:url(../img/ico_curr.png) no-repeat 0 6px; font-weight:700; }

/** comment **/
.menu { padding:20px; }
.menu li { padding:10px 0 10px 30px; border-bottom:1px solid #eee; color:#333; font-size:14px; }
.menu li.curr { background:url(../img/ico_curr.png) no-repeat 10px 17px; font-weight:700; }
.menu li.curr a { color:#333; }
.menu li a:hover { text-decoration:none; }

.clumb { padding:14px; height:20px; overflow:hidden; border:1px solid #fff; background:#f5f5f5; line-height:20px; }
.clumb .sep { font-family:"\5B8B\4F53"; }

.paging { padding:15px 0 0; overflow:hidden; zoom:1; }
.paging-in { float:right; }
.paging a,
.paging span { margin-left:5px; padding:0 8px; display:inline-block; height:24px; border:1px solid #fff; background:#fff; color:#333; line-height:25px; }
.paging a:hover { border-color:#ccc; color:#bc082b; text-decoration:none; }
.paging .curr,
.paging .current { border-color:#bc082b; background:#bc082b; color:#fff; }
.paging .unuse,
.paging .current.prev,
.paging .current.next { border-color: #fff; background: #fff; color:#999; }

.txt-list { padding:20px; }
.txt-list ul { padding-bottom:20px; border-bottom:1px solid #ddd; }
.txt-list li { position:relative; padding-left:15px; height:40px; overflow:hidden; line-height:40px; }
.txt-list li i { position:absolute; top:18px; left:0; display:block; width:4px; height:4px; background:#fbc; border-radius:100%; }
.txt-list li p { position:relative; float:left; width:540px; overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.txt-list li span { float:right; color:#999; text-align:right; }

.txt-detail { padding:20px; }
.txt-detail .hd { padding-bottom:20px; border-bottom:1px solid #ddd; text-align:center; }
.txt-detail .hd h1 { padding:0 60px; font-size:22px; }
.txt-detail .hd p { margin-top:15px; color:#666; }
.txt-detail .fb { margin-top:15px; padding:20px 30px; border:1px dashed #ddd; background:#f9f9f9; font-size:14px; }
.txt-detail .bd { padding:20px 30px; }
.txt-detail .bd p { margin-bottom:10px; font-size:18px; text-indent:2em; line-height:2; margin: 2px 0; }
.txt-detail img { max-width: 600px; _width: expression_r(this.width < 600px ? "auto" : "600px"); }

.book-list { padding:5px 20px 20px; }
.book-list li { padding:15px 0 15px 140px; height:120px; overflow:hidden; border-bottom:1px dashed #ddd; }
.book-list li img { float:left; margin-left:-140px; }
.book-list li dl dt { height:20px; overflow:hidden; font-size:14px; font-weight:700; line-height:20px; }
.book-list li dl dd { float:left; margin-top:5px; width:50%; height:20px; overflow:hidden; line-height:20px; }
.book-list li dl dd.intro { margin-top:10px; width:100%; height:40px; color:#888; text-indent:2em; }
.book-list li dl dd strong { margin-right:3px; color:#e33; font-size:14px; font-weight:700; }

.book-main { float:left; padding:20px; width:719px; border-right:1px solid #ddd; }
.book-top { margin-bottom:30px; padding-left:330px; overflow:hidden; }
.book-top .pic { width:290px; height:290px; float:left; margin-left:-330px; }
.book-top .pic .thum { width:290px; height:290px; display:table-cell; /*最重要*/ vertical-align:middle; /*設置水平居中*/ }
.book-top .pic .thum img { border:none; max-width:100%; max-height:100%; display:block; margin:auto; /*設置垂直居中*/ }
.book-top h1 { margin-bottom:10px; height:60px; overflow:hidden; font-size:18px; font-weight:700; line-height:30px; }
.book-top .info .price { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd; }
.book-top .info .price strong { margin-right:3px; color:#e33; font-size:20px; font-weight:700; }
.book-top .info li { padding-left:70px; height:30px; overflow:hidden; line-height:30px; }
.book-top .info li .lab { float:left; margin-left:-70px; }
.book-top .oper { margin-top:15px; }
.book-top .oper a { display:block; width:120px; height:40px; background:#bc082b; color:#fff; font-size:16px; font-weight:700; text-align:center; line-height:40px; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.1); }
.book-top .oper a:hover { background:#d93657; text-decoration:none; }
.book-info { padding:15px 15px 0; }
.book-info li { float:left; width:33.33%; height:25px; overflow:hidden; line-height:25px; }

.book-box { margin-bottom:20px; overflow:hidden; }
.book-box .hd { height:30px; border-bottom:1px solid #ddd; }
.book-box .hd h2 { position:relative; width:90px; height:30px; border-bottom:1px solid #bc082b; font-size:16px; font-weight:300; text-align:center; }
.book-box .hd h2 i { position:absolute; left:0; bottom:-3px; display:block; width:18px; height:6px; background:url(../img/ico_curr.png) no-repeat 0 0; }
.book-box .bd { margin-bottom:15px; padding:15px 15px 0; height:150px; overflow:hidden; line-height:25px; }
.book-box .bd.ha { height:auto; }
.book-box a.oper { float:right; color:#08c; }
.book-box a.oper:hover { color:#bc082b; }

.book-side { float:left; padding:20px; width:200px; }
.book-relate { margin-top:-15px; }
.book-relate li { padding:15px 0; border-bottom:1px dashed #eee; }

.book-relate li a.pic { margin:0 auto 10px; display:table-cell; /*最重要*/ vertical-align:middle; /*設置水平居中*/ width:160px; height:160px; overflow:hidden; }
.book-relate li .pic img { border:none; max-width:100%; max-height:100%; display:block; margin:auto; /*設置垂直居中*/ }
.book-relate li a.pic:hover { border-color:#bc082b; }
.book-relate li p { height:20px; overflow:hidden; line-height:20px; }
.book-relate li p strong { margin-right:3px; color:#e33; font-size:14px; font-weight:700; }
.txt-detail .hd h2 { padding:6px 60px; font-size:16px; }