@charset "utf-8";
@import url(reset.css);
@import url(footer.css);
@import url(animate.min.css);
@import url("zhsf_header.css");

.Title{height:65px;overflow:hidden;margin-bottom:37px;}
.RightMainBox>.Title{margin-bottom:0px;}
.Address{padding:20px 0px 0px;}
.Title span{display:inline-block;/* width:360px; */width: 200px;height:65px;float:left;font-size:48px;font-weight:bold;color:#ffffff;line-height:65px;}
.Title p{display:inline-block;width: 1200px;height:1px;float:right;background:#ffffff;margin-top:32px;}

/*智慧司法网上查*/
.zhsfBox{height:auto;background:url("zhsf_bg02.png")no-repeat center top;padding-top:54px;background-size:100% 1080px;margin-bottom:26px;}
/*Part1 法律法规库*/
.Part1{height:564px;background:url("zhsf_bg03.png")no-repeat center top;margin-bottom: 16px;}
.Part1 h1{height:84px;font-size:36px;font-weight:bold;color:#ffffff;line-height:84px;text-align:center;}
.Part1 .flfgBox{height:450px;}
.Part1 .flfgBox .searchBox{width:400px;height:100%;background:url("zhsf_img13.png")repeat;}
.Part1 .flfgBox .searchBox .name{width:100%;height:76px;padding-top:6px;text-align:center;line-height:76px;}
.Part1 .flfgBox .searchBox .ZcSearchBox{width:100%;height:368px;background:url("zhsf_img15.png")no-repeat center bottom;}
.Part1 .flfgBox .searchBox .ZcSearchBox .layui-form-item{margin-bottom:10px;}
.Part1 .flfgBox .searchBox .ZcSearchBox .layui-input-block{width:327px;height:58px;overflow:hidden;background:#ffffff;border-radius:10px;border:1px solid rgba(182,5,23,0.5);margin:0 auto;}
.Part1 .flfgBox .searchBox .ZcSearchBox .layui-input-block input{width:266px;height:58px;float:left;background:none;border:none;outline:none;text-indent:16px;font-size:16px;color:#333333;line-height: 58px;}
.Part1 .flfgBox .searchBox .ZcSearchBox .layui-input-block button{width:58px;height:58px;float:left;background:url("zhsf_img14.png")no-repeat center;border:none;cursor:pointer;}
.Part1 .flfgBox .searchBox .ZcSearchBox .layui-input-inline{height:36px;display: flex;justify-content: center;align-items: center;width: 274px;margin: 0 auto;float: none;}
.Part1 .flfgBox .searchBox .ZcSearchBox .layui-input-inline input[type='radio']{
    /*去掉默认的外观*/
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    /*自定义样式*/
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background:url("zhsf_img19.png")no-repeat center;
    outline: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
/*设置选中状态的样式*/
.Part1 .flfgBox .searchBox .ZcSearchBox .layui-input-inline input[type='radio']:checked::before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background:url("zhsf_img20.png")no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.Part1 .flfgBox .searchBox .ZcSearchBox .layui-unselect{margin:0px 30px 0px 8px;font-size:18px;color:#ffffff;}
.Part1 .layui-anim.layui-icon { display: none;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color:#ffffff;}
.Part1 .flfgBox .ResultBox{width:1000px;height:100%;background:#ffffff;padding:0px 40px;box-sizing:border-box;}
.Part1 .flfgBox .ResultBox .hd{width:100%;height:47px;margin:25px auto 13px;}
.Part1 .flfgBox .ResultBox .hd ul{display:flex;align-items:center;justify-content:center;}
.Part1 .flfgBox .ResultBox .hd ul li{width:auto;height:47px;cursor: pointer;}
.Part1 .flfgBox .ResultBox .hd ul li p,
.Part1 .flfgBox .ResultBox .hd ul li span{display:inline-block;font-size:24px;color:#000000;line-height:47px; }
.Part1 .flfgBox .ResultBox .hd ul li p{padding:0px 9px;}
.Part1 .flfgBox .ResultBox .hd ul li.on p,
.Part1 .flfgBox .ResultBox .hd ul li:hover p{color:#b60517;}
.Part1 .flfgBox .ResultBox .hd ul li span{font-weight: lighter;color:#888888;margin:0px 10px; }
.Part1 .flfgBox .ResultBox .bd{height:365px;}
.Part1 .flfgBox .ResultBox .bd ul li{width:100%;height: 56px;border-bottom:1px solid #dddddd;margin-bottom:19px;}
.Part1 .flfgBox .ResultBox .bd ul li .txt{width:800px;height: 56px;float:left;}
.Part1 .flfgBox .ResultBox .bd ul li .txt a{display:block;width:100%;line-height: 56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:bold;color:#333333;}
.Part1 .flfgBox .ResultBox .bd ul li .txt a:hover{color:#b60517;}
.Part1 .flfgBox .ResultBox .bd ul li .txt p{width:100%;line-height:33px;font-size:16px;color:#888888;}
.Part1 .flfgBox .ResultBox .bd ul li .txt p span{margin:0px 16px;}
.Part1 .flfgBox .ResultBox .bd ul li .dowload{width:60px;height:36px;background:url("zhsf_img18.png")no-repeat left center;float:right;margin-top: 10px;}
.Part1 .flfgBox .ResultBox .bd ul li .dowload a{display:block;width:100%;line-height:36px;text-align:right;font-size:16px;color:#333333;}
.Part1 .flfgBox .ResultBox .bd ul li .dowload:hover{background:url("zhsf_img17.png")no-repeat left center;}
.Part1 .flfgBox .ResultBox .bd ul li .dowload:hover a{color:#b60517;}

/*Part2 公共法律服务机构*/
.Part2{height:680px;background:url("zhsf_bg04.png")no-repeat center;border:10px solid #b60517;border-radius:10px;overflow:hidden;padding:0px 60px;box-sizing:border-box;margin-bottom:46px;}
.Part2 .title{height:97px;background:url("zhsf_img01.png")repeat-x left bottom;position:relative;margin-bottom:24px;}
.Part2 .title h1{width:100%;line-height:97px;text-align:center;font-size:36px;font-weight:bold;color:#b60517;}
.Part2 .hdBox{height:59px;margin-bottom:9px;}
.Part2 .hdBox ul{display:flex;justify-content:space-between;}
.Part2 .hdBox ul li{width:auto;height:59px;}
.Part2 .hdBox ul li span{display:block;padding:0px 9px;font-size:20px;color:#333333;line-height:50px;height:50px;cursor:pointer;}
.Part2 .hdBox ul li.on span,
.Part2 .hdBox ul li:hover span{background:#b60517;border-radius:10px 10px 0px 0px;color:#ffffff;}
.Part2 .hdBox ul li.on,
.Part2 .hdBox ul li:hover {background:url("zhsf_img03.png")no-repeat center bottom;}
.Part2 .bdBox{height:450px;}
.Part2 .bdBox .tableBox .thd select{width:198px;height:48px;border:1px solid #b60517;border-radius:10px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: url( "zhsf_img02.png") no-repeat right 12px center #ffffff;;outline:none;font-size:18px;color:#333333;cursor:pointer;padding-left:15px;position:absolute;right:60px;top:29px;}
.Part2 .bdBox .tableBox .thd select option{line-height:30px;background:#ffffff;border:1px solid #c6e4ff;}
.Part2 .bdBox .tableBox .tbd{width:1260px;height:450px;overflow-y:auto;padding-right:32px;}
.Part2 .bdBox .tableBox .tbd table,
.Part2 .bdBox .tableBox .tbd table tbody,
.Part2 .bdBox .tableBox .tbd table tbody tr,
.Part2 .bdBox .tableBox .tbd table tbody tr td{border:none!important;}
.Part2 .bdBox .tableBox .tbd table tbody tr td{padding:15px 10px;}
.Part2 .bdBox .tableBox .tbd table tbody tr{background:none;vert-align: middle;}
.Part2 .bdBox .tableBox .tbd table tbody tr:first-child{background:#b60517;height:60px;margin-bottom:10px;}
.Part2 .bdBox .tableBox .tbd table tbody tr:first-child td{font-size:18px;font-weight:bold;color:#ffffff;}
.Part2 .bdBox .tableBox .tbd::-webkit-scrollbar {width:6px;}
.Part2 .bdBox .tableBox .tbd::-webkit-scrollbar-track {background:#ffffff;border-radius:3px;}
.Part2 .bdBox .tableBox .tbd::-webkit-scrollbar-thumb {border-radius:3px;background:#b60517;}

/*Part3 服务平台、常见问题*/
.Part3{height:604px;}
.Part3 .title{width:100%;height:72px;overflow:hidden;}
.Part3 .title span,
.Part3 .title>a{display:block;width:165px;height:72px;font-size:36px;font-weight:bold;color:#b60517;line-height:72px;float:left;}
.Part3 .title .more{display:block;width:58px;height:34px;float:left;background:#ffffff;border:1px solid #b60517;border-radius:18px;margin-top:18px;}
.Part3 .title .more a{display:block;width:100%;height:100%;text-align:center;line-height:34px;font-size:16px;color:#b60517;}
.Part3 .title .more:hover{background:#b60517;}
.Part3 .title .more:hover a{color:#ffffff;}
.Part3 .fwptBox{width:750px;height:100%;}
.Part3 .fwptBox .title{margin-bottom:30px;}
.Part3 .fwptBox .bdBox{height:440px;background:url("zhsf_img04.png")no-repeat center bottom;}
.Part3 .fwptBox .bdBox ul{margin-left:96px;}
.Part3 .fwptBox .bdBox ul li{width:43px;height:380px;background: url("zhsf_img05a.png")no-repeat center;float:left;}
.Part3 .fwptBox .bdBox ul li a{display:flex;width:20px;padding:0px 12px;height:100%;font-size:18px;color:#333333;line-height:19px;word-wrap: break-word;text-align: center;align-items: center;justify-content: center;font-weight: bold;}
.Part3 .fwptBox .bdBox ul li:hover a{color:#b60517;font-weight:bold;/*text-shadow:0px 2px 2px rgba(255,255,255,1);*/}
.Part3 .fwptBox .bdBox ul li:hover{background: url("zhsf_img05.png")no-repeat center;transition: all 0.5s ease-in-out;}

.Part3 .cjwtBox{width:610px;height:100%;}
.Part3 .cjwtBox .title{margin-bottom:17px;}
.Part3 .cjwtBox ul li{width:610px;height:220px;padding:34px 42px 0px;box-sizing:border-box;background:#ffffff;border-radius:10px;box-shadow:0px 6px 20px 0px rgba(62,62,62,0.15);position:relative;margin-bottom:32px;}
.Part3 .cjwtBox ul li em{display:block;width:50px;height:50px;background:#b60517;border-radius:50%;text-align:center;line-height:50px;font-size:20px;color:#ffffff;position:absolute;top:50%;transform: translateY(-50%);left:-25px;z-index: 2;}
.Part3 .cjwtBox ul li i{display:block;width:42px;height:30px;float:left;font-size:30px;color:#b60517;line-height:30px;font-style:normal;}
.Part3 .cjwtBox ul li .question{height:auto;max-height:60px;overflow:hidden;padding-bottom:17px;border-bottom:1px dotted #999999;margin-bottom:14px;}
.Part3 .cjwtBox ul li .question a{display:block;width:482px;max-height:60px;overflow:hidden;float:right;font-size:20px;font-weight:bold;color:#333333;line-height:30px;}
.Part3 .cjwtBox ul li .question:hover a{color:#b60517;}
.Part3 .cjwtBox ul li .answer{height:auto;max-height:72px;overflow:hidden;}
.Part3 .cjwtBox ul li .answer i{line-height:24px;color:#333333;}
.Part3 .cjwtBox ul li .answer p{display:block;width:482px;float:right;font-size:16px;color:#333333;line-height:24px;max-height:72px;overflow:hidden;}


/*智慧司法掌上办*/
.sfzsbBox{height:391px;margin-bottom:52px;}
.sfzsbBox .Title{margin-bottom:26px;}
.sfzsbBox .Title span{color:#b60517;}
.sfzsbBox .Title p{background:#b60517; }
.sfzsbBox .bd{height:258px;background:url("zhsf_img06.png")no-repeat center;padding-top:42px; }
.sfzsbBox .bd ul{display:flex;justify-content: center; }
.sfzsbBox .bd ul li{width:180px;height:228px;margin:0px 20px;}
.sfzsbBox .bd ul li span{display:block;width:180px;height:180px;margin-bottom:12px;}
.sfzsbBox .bd ul li span img{width:100%;height:100%;}
.sfzsbBox .bd ul li p{text-align:center;line-height:36px;font-size:16px;font-weight:bold;color:#ffffff;}