/*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;
}