/*reset */ html, body, ol, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, input, fieldset, legend, img, i, em, b, strong, textarea, select { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; } b, strong, h1, h2, h3, h4, h5, h6 { font-weight: 100; } i, em { font-style: normal; } img { border: none; } /*body默认样式*/ body { font-size: 12px; font-family: "微软雅黑"; background: #fff; color: #333; } input { border: 0; outline: none; } /*清除浮动*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*浮动方向*/ .fl { float: left; } .fr { float: right; } .w1000 { width: 1000px; margin: 0 auto; } /*公共头部开始*/ .header-box { width: 100%; height: 32px; border-bottom: 2px solid #dcdbe3; background: #f5f5f5; } .header { height: 30px; } .header .top { height: 30px; width: 50%; text-align: right; line-height: 30px; color: #676769; } /*banner*/ .banner-box { height: 148px; width: 100%; background: #fbf7f8 url("/images/30479/banner-bg_02.jpg") no-repeat center; background-size: 100% 100%; } .banner { height: 100%; position: relative; background: url("/images/30479/banner.png") no-repeat right center; } .banner a { display: block; width: 450px; height: 90px; position: absolute; left: 0; top: 25px; } .banner a img { display: block; width: 100%; height: 100%; } /*主体部分*/ .main { margin-top: 15px; } /*floor1*/ .main .floor1 { height: 235px; width: 100%; margin-bottom: 15px; } .main .floor1 .pic-news { height: 100%; width: 340px; } .main .floor1 .zxfw { width: 645px; height: 100%; background: #f8f8f8; border: 1px solid #d7d7d7; padding: 15px 19px 0; } .main .floor1 .zxfw p { height: 16px; line-height: 16px; color: #c40001; width: 100%; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .main .floor1 .zxfw .con { width: 100%; height: 187px; } .floor1 .zxfw .con ul { width: 100%; height: 187px; } .floor1 .zxfw .con ul li { float: left; width: 140px; height: 75px; margin: 0 15px 20px 0; } .floor1 .zxfw .con ul li a { display: block; width: 100%; height: 100%; color: #fff; text-align: center; padding-top: 50px; } /*floor2*/ .main .floor2 { height: 240px; margin-bottom: 15px; } .main .floor2 .sszn { width: 340px; height: 240px; } .main .floor2 .sszn .top { height: 30px; width: 100%; border-bottom: 1px solid #a3a3a3; } .floor2 .sszn .top .title { width: 60%; height: 29px; font-size: 14px; color: #000; line-height: 29px; font-weight: bold; cursor: pointer; } .floor2 .sszn .top .title span { color: #999; } .floor2 .sszn .top .title li { float: left; width: auto; } .floor2 .sszn .top .title li.active { border-bottom: 1px solid #c40001; color: #c40001; } .floor2 .sszn .top .title span { float: left; } .floor2 .sszn .top .more { width: 40%; height: 30px; text-align: right; color: #000; line-height: 30px; } .floor2 .sszn .top .more li { display: none; } .floor2 .sszn .top .more li.active { display: block; } .floor2 .sszn .con { height: 210px; width: 100%; } .floor2 .sszn .con .content{ width: 100%; height: 100%; display: none; } .floor2 .right { width: 645px; height: 100%; } .floor2 .right .box { width: 314px; height: 100%; border: 1px solid #d7d7d7; background: #f8f8f8; position: relative; } .floor2 .right .top { height: 30px; width: 100%; float: left; position: absolute; left: -1px; top: -1px; } .floor2 .right .top .title { width: 25%; height: 30px; font-size: 14px; line-height: 30px; font-weight: bold; color: #c40001; border-top: 2px solid #c40001; padding-left: 15px; } .floor2 .right .top .more { text-align: right; width: 30%; height: 30px; line-height: 30px; color: #333; padding-right: 15px; } .floor2 .right .con { width: 100%; position: absolute; left: 0; top: 29px; padding: 5px 15px; } /*floor3*/ .floor3 { height: 180px; margin-bottom: 15px; } .floor3 .box { width: 49%; height: 100%; } .floor3 .top { height: 30px; width: 100%; } .floor3 .top .title { width: 15%; height: 30px; font-size: 14px; line-height: 30px; font-weight: bold; color: #c40001; border-bottom: 1px solid #c40001; padding-left: 5px; } .floor3 .top .more { text-align: right; width: 30%; height: 30px; line-height: 30px; color: #333; padding-right: 15px; } .floor3 .con { padding: 10px 0; } /*法院文化&公众参与*/ .box-gray { width: 100%; height: 140px; background: #f8f8f8; margin-bottom: 15px; } .box-gray .box { width: 49%; height: 100%; } .box-gray .top { height: 30px; width: 100%; } .box-gray .top .title { width: 14%; height: 30px; font-size: 14px; line-height: 30px; font-weight: bold; color: #c40001; border-bottom: 1px solid #c40001; padding-left: 5px; } .box-gray .con { padding: 10px 0; height: 109px; } .box-gray .con ul { margin-top: 15px; width: 100%; height: 74px; } .box-gray .con ul li { float: left; width: 150px; height: 60px; line-height: 60px; text-align: center; margin-right: 10px; font-size: 16px; font-weight: bold; } .box-gray .con ul li a { color: #fff; display: block; width: 100%; height: 100%; } .box-gray .gzcy .con li a { padding-left: 55px; } /*相关链接*/ .links { height: 50px; margin-bottom: 15px; background: #f1f1f1; } .links span { width: 50px; height: 50px; color: #fff; line-height: 20px; font-size: 14px; padding: 5px 11px; background: #cf0306; font-weight: bold; } .links .link { width: 950px; height: 50px; } .links .link ul { width: 95%; margin: 0 auto; height: 100%; padding-top: 15px; } .links .link ul li { float: left; width: 140px; height: 25px; border: 1px solid #aaa; background: #fff; color: #000; margin-right: 50px; line-height: 23px; padding-left: 5px; } /*底部版权*/ .footer-box { width: 100%; height: 140px; border-top: 1px solid #954642; background: #cf2e26; } .footer-box .about-us { height: 30px; border-bottom: 1px solid #f3665d; line-height: 29px; color: #fff; text-align: center; } .footer-box .banquan { width: 670px; height: 65px; margin: 15px auto 0; } .footer-box .banquan .left { width: 80px; border-right: 1px solid #f4675d; height: 100%; } .footer-box .banquan .left img { width: 44px; height: 100%; float: left; } .footer-box .banquan .right { width: 590px; height: 100%; line-height: 28px; color: #fff; padding-left: 15px; }