@import ; .ban_top { padding: 30px; border-radius: 10px; background: #fff; } /*banner*/ .con_ban { position: relative; } .banner {height: 260px; width: 400px; position: relative; border-radius: 10px; overflow: hidden;} .banner .hd { position: absolute; bottom: 15px; right: 10px; z-index: 99; } .banner .hd li { width: 8px; height: 8px; border-radius: 4px; background: #fff; float: left; margin-right: 8px; opacity: .5; } .banner .hd li.on {opacity: 0.8; width: 20px; } .banner .b_li a { width: 100%; height: 260px; display: block; } .banner .bd li { position: relative; height: 260px; width: 400px; } .banner img { width: 100%; min-height: 260px; } .banner p { position: absolute; left: 0; bottom: 0px; width: 340px; z-index: 9; color: #fff; height: 40px; line-height: 40px; padding: 0 30px; background: rgba(0,0,0,0.6); } .banner p:before { content:""; display: block; position: absolute; width: 6px; height: 16px; background: #06c0cc; border-radius: 4px; bottom: 13px; left: 15px; } /*热门文档*/ .hot_doc { width: 710px; margin-top: -6px; } .hot_doc .lb_2 { width: 280px; margin-bottom: 3px; float: left; } .hot_doc .lb_2:nth-child(2n) { float: right; } .hot_doc .lb_2:nth-child(1),.hot_doc .lb_2:nth-child(2) { font-weight:bold; font-size: 16px; color: #06c0cc; line-height: 40px; height: 40px; } .hot_doc .lb_2:nth-child(1) time,.hot_doc .lb_2:nth-child(2) time { background: #06c0cc; color: #fff; font-weight: normal; top: 10px; } /*热门专题*/ .hot_zt a { margin-left: 25px; border-radius: 10px; overflow: hidden; } .hot_zt a:nth-child(1) { margin-left: 0; } .hot_zt a:first-child { margin-left: 0; } /*热门文档*/ .re_doc { padding:10px 20px 20px 20px; width: 1160px; margin: 30px auto 0 auto; position: relative; height: 260px; overflow: hidden; } .re_doc .lb_6 { width: 126px; text-align: center; margin: 0 10px; } .re_doc .lb_6 .lb_img { width: 100px; height: 130px; border: 1px solid #f1f1f1; background: url(/uploads/image/pipc/lb_bg1.png) no-repeat;background-size: 100%; margin: 0 auto; } .re_doc .lb_6:nth-child(1n 1) .lb_img { background: url(/uploads/image/pipc/lb_bg1.png) no-repeat; background-size: 100%; } .re_doc .lb_6:nth-child(2n 1) .lb_img { background: url(/uploads/image/pipc/lb_bg2.png) no-repeat; background-size: 100%; } .re_doc .lb_6:nth-child(3n 1) .lb_img { background: url(/uploads/image/pipc/lb_bg3.png) no-repeat; background-size: 100%; } .re_doc .lb_6:nth-child(4n 1) .lb_img { background: url(/uploads/image/pipc/lb_bg4.png) no-repeat; background-size: 100%; } .re_doc .lb_6:nth-child(5n 1) .lb_img { background: url(/uploads/image/pipc/lb_bg5.png) no-repeat; background-size: 100%; } .re_doc .lb_6 p { margin-top: 10px; height: 38px; } .re_doc .bd { width: 1200px; height: 190px; margin-top: 20px; overflow: hidden; }