* {
    padding: 0;
    margin: 0;
    list-style: none;
}

img {
    vertical-align: top;
    border: 0;
}

a {
    color: #000;
    text-decoration: none;
}

.wrapper {
    width: 1400px;
    margin: auto;
}

.nav {
    height: 70px;
    background: url("../images/nav_bg.png") no-repeat;
}

.nav ul {
    font-size: 0;
    text-align: center;
}

.nav li {
    font-size: 20px;
    line-height: 70px;
    display: inline-block;
    padding: 0 12px;
    position: relative;
}

.nav li:before {
    content: '';
    position: absolute;
    right: -1px;
    top: 26px;
    width: 2px;
    height: 20px;
    background-color: #fff;
}

.nav li:last-child:before {
    display: none;
}

.nav li a {
    color: #fff;
}

.box1 {
    height: 625px;
    background: url("../images/bg01.png") no-repeat;
    overflow: hidden;
    position: relative;
}

.box1-main {
    overflow: hidden;
    padding-left: 200px;
    padding-top: 30px;
    padding-right: 200px;
    margin-bottom: 73px;
}

.gallery {
    width: 615px;
    height: 400px;
    float: left;
}

.hot {
    width: 345px;
    float: right;
    margin-right: 17px;
}

.hot-news {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #bfbdbd;
}

.hot-news .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.hot-news .title a {
    color: #113c80;
}

.hot-news .summary {
    color: #151515;
    font-size: 14px;
    line-height: 28px;
}

.hot-news .summary a {
    color: #151515;
}

.live-hd {
    text-align: center;
}

.live-bd {
    width: 990px;
    margin: auto;
}

.live {
    margin-bottom: 70px;
}


.fy {
    height: 523px;
    background: url("../images/fy.png") no-repeat;
    position: relative;
    overflow: hidden;
}

.fy-main {
    width: 982px;
    margin: auto;
    padding-top: 60px;
}


.fx {
    height: 807px;
    overflow: hidden;
    position: relative;
    background: url("../images/fx.png") no-repeat;
}

.fx-main {
    margin-top: 244px;
    padding-left: 240px;
}

.fx li {
    width: 200px;
    float: left;
    margin-right: 40px;
}

.fx li:last-child {
    margin: 0;
}

.fx .pic {
    width: 180px;
    height: 185px;
    box-sizing: border-box;
    padding-top: 28px;
    padding-left: 27px;
    margin: 0 auto 25px;
    background: url("../images/fx_1.png") no-repeat;
}

.fx .pic img {
    width: 132px;
    height: 132px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.fx .title {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 12px;
}

.fx .summary {
    font-size: 14px;
    text-indent: 2em;
    line-height: 24px;
    color: #fff;
}

.fx a {
    color: #fff;
}


.pic-news {
    position: relative;
}

.pic-news img {
    display: block;
    width: 100%;
    height: 100%;
}

.pic-news p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pic-news p a {
    color: #fff;
}

.fy-l {
    width: 500px;
    float: left;
}

.fy-r {
    width: 469px;
    float: right;
    overflow: hidden;
}

.fy-r .pic-news {
    margin-right: 13px;
    margin-bottom: 13px;
    float: left;
}


.jw {
    height: 527px;
    background: url("../images/jw.png") no-repeat;
    overflow: hidden;
    position: relative;
}

.jw-main {
    margin-top: 70px;
    margin-left: 268px;
    overflow: hidden;
}

.jw-l, .jw-r {
    width: 430px;
    float: left;
}

.jw-l {
    margin-right: 40px;
}

.jw-hot {
    overflow: hidden;
    margin-bottom: 25px;
}

.jw-hot .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.jw-hot .title a {
    color: #fff;
}

.jw-hot img {
    float: left;
    width: 212px;
    height: 137px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.jw-hot .summary {
    margin-left: 230px;
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
    color: #fff;
}

.jw-hot .summary a {
    color: #fff;
}

.jw li {
    height: 50px;
    line-height: 50px;
    padding-left: 40px;
    font-size: 18px;
    border-bottom: 2px dashed #2d8dd9;
    background: url("../images/jw_1.png") no-repeat left center;
}

.jw li a {
    color: #fff;
}


.ft {
    height: 943px;
    overflow: hidden;
    position: relative;
    background: url("../images/ft.png") no-repeat;
}

.ft-main {
    margin-top: 300px;
    text-align: center;
    font-size: 0;
}

.ft li {
    width: 305px;
    display: inline-block;
    margin: 0 20px;
}

.ft .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
}

.ft .title a {
    color: #fff;
}

.ft .summary {
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
    color: #fff;
}

.ft .summary a {
    color: #fff;
}

.ft .pic {
    margin-bottom: 30px;
}

.ft .pic img {
    width: 305px;
    height: 227px;
}

.sj {
    height: 748px;
    background: url("../images/sj.png") no-repeat;
    overflow: hidden;
    position: relative;
}

.sj-main {
    margin-top: 240px;
}

.b-pic {
    margin-bottom: 10px;
}

.b-pic img {
    width: 496px;
    height: 275px;
}

.s-pic {
    overflow: hidden;
}

.s-pic img {
    width: 243px;
    height: 138px;
}

.s-pic .sj-item {
    float: left;
}

.s-pic .sj-item:first-child {
    margin-right: 10px;
}

.sj-l, .sj-r {
    width: 496px;
}

.sj-main {
    width: 1002px;
    margin: 240px auto 0;
}

.sf {
    height: 595px;
    background: url("../images/sf.png") no-repeat;
    overflow: hidden;
    position: relative;
}

.sf-main {
    width: 1000px;
    margin: 48px auto 0;
}

.sf ul {
    overflow: hidden;
}

.sf li {
    width: 311px;
    height: 447px;
    margin-right: 23px;
    float: left;
    padding: 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sf li:nth-child(even) {
    background: url("../images/sf_2.png") no-repeat;
}

.sf li:nth-child(odd) {
    background: url("../images/sf_1.png") no-repeat;
}

.sf li:last-child {
    margin-right: 0;
}

.sf .pic {
    margin-bottom: 10px;
}

.sf .pic img {
    width: 273px;
    height: 208px;
}

.sf .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
    text-align: center;
}

.sf .summary {
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
}

.jy {
    height: 539px;
    overflow: hidden;
    position: relative;
    background: url("../images/jy1.png") no-repeat;
}

.jy-main {
    overflow: hidden;
    padding-left: 200px;
    margin-top: 97px;
}

.jy-l {
    width: 442px;
    height: 300px;
    float: left;
}

.jy-l .pic-news {
    width: 442px;
    height: 300px;
}

.jy-r {
    width: 512px;
    float: left;
    margin-left: 30px;
}

.jy-news .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.jy-news .summary {
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em;
}

.jy-news {
    padding: 15px 0;
}

.jy-news:first-child {
    border-bottom: 1px dashed #bfbdbd;
}

.jingw {
    height: 528px;
    background: url("../images/jingw.png") no-repeat;
    overflow: hidden;
    position: relative;
}

.jingw-main {
    margin-top: 60px;
    margin-left: 237px;
}

.jingw li {
    float: left;
    margin-right: 13px;
}

.jingw .text {
    width: 184px;
    height: 198px;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    background-image: linear-gradient(to right bottom, #145efb, #71a9e9);
    overflow: hidden;
}

.jingw .pic {
    width: 184px;
    height: 162px;
}

.jingw .pic img {
    width: 100%;
    height: 100%;
    display: block;
}

.jingw span {
    width: 184px;
    height: 198px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
}

.jingw .text a {
    color: #fff;
}


.dj {
    height: 989px;
    background: url("../images/djbd.png") no-repeat;
    overflow: hidden;
    position: relative;
}

.jd-main {
    margin-top: 308px;
    margin-left: 222px;
    overflow: hidden;
}

.dj-main ul {
    overflow: hidden;
}

.dj li {
    width: 282px;
    height: 404px;
    padding: 0 20px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dj .pic {
    margin-top: 20px;
    margin-bottom: 10px;
}

.dj li img {
    width: 242px;
    height: 150px;
}

.dj .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 8px;
}

.dj .title a {
    color: #113c80;
}

.dj .summary {
    line-height: 28px;
    text-indent: 2em;
    font-size: 14px;
}

.box2 {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 70px;
}

.qy {
    width: 490px;
    float: left;
}

.jc {
    width: 470px;
    float: right;
}

.box2-main {
    width: 1000px;
    margin: auto;
    overflow: hidden;
}

.qy-bd li {
    line-height: 32px;
    height: 32px;
    padding-left: 28px;
    background: url("../images/qy1.png") no-repeat left center;
}

.qy-news {
    overflow: hidden;
    margin-bottom: 15px;
}

.qy-news .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.qy-news img {
    float: left;
    width: 263px;
    height: 167px;
}

.qy-news .summary {
    margin-left: 280px;
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
}

.switch-news__item .title {
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 7px;
    padding-left: 48px;
    background: url("../images/jc2.png") no-repeat 12px center #c4d6f3;
}

.switch-news__item.on .title {
    background: url("../images/jc1.png") no-repeat 12px center #0359c5;
    margin-bottom: 0;
}

.switch-news__item.on .title a {
    color: #fff;
}

.switch-news__item .summary {
    font-size: 14px;
    line-height: 24px;
    text-indent: 2em;
    color: #454344;
    padding: 12px 0;
    display: none;
}

.switch-news__item .summary a {
    color: #454344;
}


.scroll-pic {
    width: 615px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.scroll-pic .hd {
    position: absolute;
    width: 100%;
    height: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 1;
}

.scroll-pic .hd .prev,
.scroll-pic .hd .next {
    display: block;
    width: 43px;
    height: 43px;
    cursor: pointer;
    opacity: .3;
    background: url("http://www.legaldaily.com.cn/templateRes/201906/12/50925/50925/home-scroll-icons.png") -1px -2px no-repeat;
}

.scroll-pic .prev {
    float: left;
    margin-left: 10px;
}

.scroll-pic .hd .next {
    float: right;
    margin-right: 10px;
    background-position: -1px -49px;
}

.scroll-pic .hd .prev:hover,
.scroll-pic .hd .next:hover {
    opacity: 1;
}

.scroll-pic .hd ul {
    position: absolute;
    right: 10px;
    top: 194px;
    overflow: hidden;
    zoom: 1;
}

.scroll-pic .hd ul li {
    float: left;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("http://www.legaldaily.com.cn/templateRes/201906/12/50925/50925/home-scroll-icons.png") -24px -126px no-repeat;
}

.scroll-pic .hd ul li.on {
    background-position: -10px -126px;
}

.scroll-pic .bd ul {
    overflow: hidden;
    zoom: 1;
}

.scroll-pic .bd ul li {
    float: left;
    _display: inline;
    overflow: hidden;
    position: relative;
}

.scroll-pic .pic {
    text-align: center;
}

.scroll-pic .pic img {
    width: 615px;
    height: 400px;
    display: block;
}

.scroll-pic .title {
    width: 100%;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
}

.scroll-pic .title a {
    color: #fff;
}

.zc {
    margin-bottom: 100px;
}

.zc-hd {
    text-align: center;
    margin-bottom: 40px;
}

.swiper-container {
    width: 987px;
    /*width: 870px;*/
    /*margin: auto;*/
}

.swiper-slide {
}

.swiper-slide img {
    width: 329px;
    height: 438px;
}

.swiper-slide p {
    background-color: #1357cb;
    font-size: 16px;
    line-height: 28px;
    padding: 5px 20px;
    text-align: center;
}

.swiper-slide p a {
    color: #fff;
}


.swiper-slide {
    transition: 300ms;
    transform: scale(0.7);
}

.swiper-slide-active, .swiper-slide-duplicate-active {
    transform: scale(1);
}

.swiper-button-next, .swiper-button-prev {
    background-color: rgba(51, 51, 51, .7);
    padding: 20px 5px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
}

.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 20px;

}

.swiper-button-next{
    right: 0 !important;
}

.swiper-button-prev{
    left: 0 !important;
}

.tw{
    margin-bottom: 20px;
    overflow: hidden;
}

.tw-l{
    width: 700px;
    float: left;
}

.tw-r{
    width: 260px;
    float: right;
}



.slide-wrapper {
    width: 920px;
    margin: 0 auto;
}

.slide {
    height: 100%;
    position: relative;
}

.slide-hd {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 36%;
    z-index: 10;
}

.slide-hd .prev, .slide-hd .next {
    width: 19px;
    height: 44px;
    margin-top: -10px;
    cursor: pointer;
}

.slide-hd .prev {
    float: left;
    background: url("../images/l1.png") no-repeat;
    margin-left: -16px;
}

.slide-hd .next {
    float: right;
    background: url("../images/r2.png") no-repeat;
    margin-right: -16px;
}

.slide-bd {
    width: 890px;
    margin: auto;
    overflow: hidden;
}

.slide-bd li {
    width: 170px;
    height: 100px;
    margin-right: 10px;
    position: relative;
}

.slide-bd li img {
    width: 100%;
    height: 100%;
    display: block;
}

.slide-bd li p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
}

.slide-bd li p a {
    color: #fff;
}
