.bod {
background: url(/cms_files/webheilongjiangzhengwufuwuwang/template/97d627c83af2418d9e627cb5b6ad58df/7fcd992fe146467383f061b59429b963/images/5541.png) center bottom no-repeat;
}
.main {
width: 1200px;
margin: 0 auto;
}
.banner {
height: 300px;
background: url("banner.png") top center no-repeat;
display: flex;
align-items: center;
}
.BannerTxt {
font-size: 48px;
color: white;

}
.geren {
margin-top: 50px;
}
.law-konow span {
margin-right: 40px;
color: #666666;
cursor: pointer;
}
span.law-konow-act{
color: black;
}
.geren-title,
.qiye-title {
font-size: 28px;
/* margin-bottom: 30px; */
height: 65px;
border-bottom: 2px solid #3D3D3D;
margin-top: 50px;
}
.geren-list ul,
.qiye-list ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.geren-list ul li,
.qiye-list ul li {
width: 380px;
height: 60px;
background-color: #f5f5f5;
margin-right: 30px;
margin-top: 30px; transition: transform 0.5s;
}
.law-konow-list ul li{
height: 120px;
background-color: white;
box-shadow: 0px 0px 15px 0px #ddd;
}
.law-konow-list ul li a div{
width: 80px;
height: 80px;
margin: 20px;
background-color: #F4F8FF;
text-align: center;
font-size: 24px;
line-height: 2;
}
.law-konow-list ul li a div :nth-child(2){
font-size: 14px;
line-height: 1;
}
.law-konow-list ul li a > span{
width: 240px;
font-size:18px;
}
.people-query span {
display: inline-block;
width: 172px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 20px;
color: #666666;
margin-top: 30px;
margin-right: 20px;
border: 1px solid #CCCCCC;
cursor: pointer;
}
span.people-query-act{
background-color: #4393F5;
color: white;
}
.geren-list ul li:nth-child(3n),
.qiye-list ul li:nth-child(3n) {
margin-right: 0px;
}
.geren-list ul li a,
.qiye-list ul li a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.geren-list ul li a img,
.qiye-list ul li a img {
width: 17px;
height: 20px;
margin: 20px 13px 20px 24px;
}

.people-query-list ul li{
height: 180px;
background-color: white;
box-shadow: 0px 0px 15px 0px #ddd; transition: transform 0.5s;
}
.people-query-list ul li a{
align-items: normal;
}
.people-query-list ul li a .people-query-pic{
width: 110px;
height: 140px;
margin: 20px 16px 20px 20px;
background-color: #F4F8FF;
}
.people-query-list ul li a .people-query-pic img{
width: 100%;
height: 100%;
margin: 0;
}
.people-query-xinxi{
width: 100%;
padding: 0 30px;
}
.people-query-xinxi p {
line-height: 1.5;
margin-bottom: 10px;
}
.people-query-xinxi p:hover {
color:#4393F5
}
.people-query-xinxi p:first-child {
font-weight: bold;
}
.people-query-list,.law-konow-list{
display: none;
}
.people-query-list-act,.law-konow-list-act{
display: block;
}
.law-konow-list ul li:hover{ transform: translateY(-10%); transition: transform 0.5s; box-shadow: 0 0 10px 0 rgb(67 147
245 / 30%) !important;}
.law-konow-list ul li:hover span{ color: #4393F5;}

.geren-list ul li:hover, .qiye-list ul li:hover{ transform: translateY(-10%); transition: transform 0.5s;}
.geren-list ul li:hover a span, .qiye-list ul li:hover a span{ color: #4393F5;}

.people-query-list ul li:hover{ transform: translateY(-10%); transition: transform 0.5s; box-shadow: 0 0 10px 0 rgb(67
147 245 / 30%) !important;}
.people-query-list ul li:hover p{ color: #4393F5;}
.banner {
background-size: cover;
}
.qiye:nth-child(4) {
display: none;
}
.people-query.clearfix {
display: none;
}
.people-query-xinxi span {
display: flex;
width: 100%;
height: 100%;
font-size: 28px;
font-weight: 600;
justify-content: center;
align-items: center;
}


.fw_box {
    width: 1200px;
    margin: 32px auto 0;
}
.fw_list {
    width: 100%;
    height: auto;
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
}
.fw_list li {
    width: 277px;
    height: 96px;
    background: #ffffff;
    transition: transform 0.5s;
    box-shadow: 0px 2px 15px 0px rgba(153, 153, 153, 0.2);
    margin: 30px 30px 0 0;
    cursor: pointer;
}
.fw_list li:nth-child(4n){
    margin-right: 0px;
}
.fw_list a {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 104px;
}
.fw_list li span {
    width: 96%;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #333333;
    display: flex;
    align-items: center;
}
.fw_list li:hover {
    background-color: #4393F4;
    transform: translateY(-5%);
}
.fw_list li:hover a span {
    color: #fff;
}
.classify_nav {
    width: 1200px;
    height: 200px;
}
.classify_nav.active {
    height: auto;
}
.classify_nav li {
    float: left;
    width: 153px;
    height: 50px;
    margin-left: 20px;
    background-color: #ffffff;
    margin-top: 20px;
    box-shadow: 0px 0px 12px rgb(102,102,102,.2);
}
.classify_nav li:first-child {
    margin-left: 0;
}
.classify_nav li:hover{
    background-color: #4393f5;
}
.classify_nav li:hover a{
    color: #fff;
}
.classify_nav li.active {
    background-color: #4393f5;
}
.classify_nav li.active a{
    color:white !important;
}
.classify_nav li a {
    display: block;
    width: 153px;
    height: 50px;
    font-size: 16px;
    color: #2b2f32;
    line-height: 50px;
    text-align: center;
}
.classify_nav li:nth-child(7n+1){
    margin-left: 0px;
}


@media screen and (max-width: 768px) {
.bod{ }
.clearfix::after{ content:""; display:block; clear:both;}
.banner{ width:100%; height:3rem; background:url(wap_banner.png) top center no-repeat; background-size:100%;}
.BannerTxt{ font-size:0.52rem; font-weight:700;}
.main{ width:100%; padding:0.24rem;}
.geren{ margin-top:0.5rem;}
.geren-title, .qiye-title { font-size: 0.44rem; height: 0.65rem; border-bottom:none; margin-top: 0.5rem;}
.law-konow span{ margin-right:0.4rem; color:#999;}
.law-konow span.law-konow-act{ color:#333;}
.law-konow-list ul li { height: 1.56rem;}
.law-konow-list ul li a div { width: 1.08rem; height: 1.08rem; margin: 0.24rem; font-size: 0.36rem;}
.law-konow-list ul li a div :nth-child(2){ font-size:0.22rem;}
.law-konow-list ul li a > span { width: 5.1rem; font-size: 0.3rem;}
.geren-list ul li, .qiye-list ul li { width: 100%; margin-right:0; margin-top: 0.32rem;}
.geren-title, .qiye-title { font-size:0.44rem; height: 0.65rem; margin-top: 0.5rem; border-bottom:none;}
.geren-list ul li{ width: 100%; height:1.82rem; margin-right: 0; margin-top:0.3rem; font-size:0.3rem;}
.qiye-list ul li { width: 100%; height:1.08rem; margin-right: 0; margin-top:0.3rem; font-size:0.3rem;}
.people-query span { display: inline-block; width:1.6rem; height:1.06rem; line-height:1.06rem; font-size: 0.24rem;
margin-top: 0.3rem; margin-right: 0.2rem; padding:0 0.2rem; float:left; text-align:center;}
.people-query span:nth-child(4){ margin-right:0 !important;}
.people-query-list ul li{ width:47%; height: auto; margin-right:6% !important;}
.people-query-list ul li:nth-child(2n){ margin-right:0 !important;}
.people-query-xinxi { margin-top: 0.32rem; width: 100%; padding: 0 0.24rem;}
.people-query-xinxi p{ margin-bottom:0.1rem;}
.geren-list ul li a img, .qiye-list ul li a img { width: 0.47rem; height:0.47rem; margin: 0.3rem 0.24rem;}
.qiye-list ul li span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal;}

.people-query-list ul li:hover{ transform: translateY(0%); transition: transform 0.5s;}

.fw_box {
    width: 100%;
    margin: 0.28rem auto 0;
}
.fw_list {
    margin-top: 0.04rem;
    padding: 0 0.24rem;
}
.fw_list li {
    width: 48%;
    height: 1.17rem;
    box-shadow: 0 0.02rem 0.15rem 0 rgba(153, 153, 153, 0.2);
    margin: 0.3rem 4% 0 0;
}
.fw_list li:nth-child(2n){
    margin-right: 0;
}
.fw_list a {
    padding-left: 1.2rem;
    background-size: 0.68rem 0.68rem !important;
}
.fw_list li span {
    width: 96%;
    font-size: 0.3rem;
    line-height: 0.38rem;
}
.classify_nav{ width:100%; height:2.2rem; padding:0.2rem;}
.classify_nav li { width: 31%; height: 0.72rem; margin-left: 3%; margin-top: 3%; box-shadow: 0px 0px 0.12rem
rgb(102,102,102,.2);}
.classify_nav li a { width: 100%; height: 0.72rem; font-size: 0.26rem; line-height: 0.72rem;}
.classify_nav li:nth-child(6n+1) {margin-left:1%;}
.classify_nav li:nth-child(3n+1) {margin-left:0;}
}