/* 环境管理 */

.dqBox {
    width: 655px;
    height: 280px;
    overflow: hidden;
}

.sub_Hd {
    height: 45px;
    border-bottom: 2px solid #f2f2f2;
    position: relative;
}

.sub_Hd ul li {
    float: left;
    height: 45px;
}

.sub_Hd ul li a {
    display: inline-block;
    font-size: 24px;
    color: #333333;
    height: 100%;
    font-weight: bold;
    position: relative;
}

.sub_Hd ul li a::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    background: #159655;
    bottom: -2px;
    width: 100%;
    transition: width .3s;
}

.sub_Bd ul {
    margin-top: 13px;
    min-height: 778px;
}

.sub_Hd .more {
    line-height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 64px;
}

.sub_Hd .more a {font-size:16px;
    display: block;
    color: #a7a7a7;
    padding-right: 20px;
    box-sizing: border-box;
    background: url(/uiFramework/commonResource/image/2022072117155152657.png) right center no-repeat;
}


.hjgl_hd ul li {
    margin-right: 60px;
}

.hjgl_hd ul li a {
    font-weight: normal;
}

.hjgl_hd ul li a::after {
    width: 0;
}

.hjgl_hd ul li.on a {
    font-weight: 700;
}

.hjgl_hd ul li.on a::after {
    width: 100%;
}



.zrBox {
    width: 585px;
    height: 280px;
    overflow: hidden;
}
/*土壤与固废管理 */
.trgtBox {
    width: 100%;
    height: 515px;
    overflow: hidden;
    padding: 50px 0;
    box-sizing: border-box;
    background: url(/sthjj/images/hjgl_Box_2022.png) center center no-repeat;
    margin-top: 47px;
}

.trgtBox h3 {
    height: 25px;
    font-size: 24px;
    text-align: center;
    line-height: 25px;
    background: url(/sthjj/images/hjgl_titleBj_2022.png) center center no-repeat;
}

.trgtBox h3 a {
    color: #333333;font-size:24px;
}

.trgtBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.trgtBox ul li {
    width: 628px;
    height: 99px;
    margin-top: 30px;
    background: #ffffff;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
}

.trgtBox ul li a {
    display: inline-block;
    width: 480px;
    height: 60px;
    line-height: 30px;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 18px;
    color: #333333;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-left: 0;
}

.trgtBox ul li:hover a {
    color: #159655;
}

.trgtBox ul li span {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 16px;
    color: #999999;
}

/* 通用列表 */

.tong_list ol {
    position: relative;
    margin-top: 13px;
}

.tong_list ol li,.tong_list ul li {
    height: 46px;
    line-height: 46px;
}

.tong_list ol li a,.tong_list ul li a{
    display: inline-block;
    padding-left: 22px;
    position: relative;
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    color: #333333;
    box-sizing: border-box;
}

.tong_list ol li a::after,.tong_list ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #d7d7d7;
    transform: translateY(-50%);
}

.tong_list ol li span {
    float: right;
    font-size: 16px;
    color: #999999;
}


/* .tong_list ul li:hover {
    background-image: -moz-linear-gradient( 180deg, transparent 0, rgb(156, 193, 133, .3) 50%), transparent 100%;
    background-image: -webkit-linear-gradient( 180deg, transparent 0, rgb(156, 193, 133, .3) 50%, transparent 100%);
    background-image: -ms-linear-gradient( 180deg, transparent 0, rgb(156, 193, 133, .3) 50%, transparent 100%);
} */

.tong_list ol li:hover a,.tong_list ul li:hover a {
    color: #159655;
    font-weight: 600;
}

.tong_list ol li:hover a::after,.tong_list ul li:hover a::after {
    background: #159655;
}


/*环评审批*/
.tab_Hd {
    height: 64px;
    border-bottom: 2px solid #f5f5f5;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.tab_Hd h3 {
    width: 174px;
    height: 64px;
    float: left;
    text-align: center;
    line-height: 64px;
    background: url(/sthjj/images/index_icoBj_2022.png)center center no-repeat;
}

.tab_Hd h3 a {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    padding-right: 20px;
    box-sizing: border-box;
}
.tab_Hd ul {
    float: left;
    margin-left: 40px;
}

.tab_Hd ul li {
    height: 64px;
    line-height: 64px;
    margin-right: 18px;
    float: left;
    font-size: 20px;
    padding: 0 20px;
    box-sizing: border-box;
}

.tab_Hd ul li a {
    color: #333333;
    display: block;
}

.tab_Hd ul li.on {
    background: url(/sthjj/images/index_ico_1_2022.png) center center no-repeat;
}

.tab_Hd ul li.on a {
    color: #159655;
}

.tab_Hd .more {
    line-height: 70px;
    position: absolute;
    right: 0;
    height: 64px;
}

.tab_Hd .more a {font-size:16px;
    display: block;
    color: #a7a7a7;
    padding-right: 20px;
    box-sizing: border-box;
    background: url(/uiFramework/commonResource/image/2022072117155152657.png) right center no-repeat;
}

.hpsp {
    height: 215px;
    overflow: hidden;
}

.hpsp .hd {
    width: 655px;
    height: 207px;
    float: left;
    margin-top: 10px;
}

.hpsp .hd ul li {
    width: 205px;
    height: 82px;
    margin-right: 20px;
    float: left;
    margin-top: 20px;
    text-align: center;
    line-height: 82px;
    font-size: 20px;
    background: url(/sthjj/images/hjgl_img4_2022.png) center center no-repeat;
}

.hpsp .hd ul li:nth-child(3n) {
    margin-right: 0;
}

.hpsp .hd ul li a {
    display: block;font-size:20px;
}

.hpsp .hd ul li.on {
    background: url(/sthjj/images/hjgl_img5_2022.png) center center no-repeat;
}

.hpsp .hd ul li.on a {
    color: #159655;
}

.hpsp .bd {
    width: 585px;
    height: 215px;
    float: right;
    overflow: hidden;
}

.hjpsBox {
    margin-top: 20px;
    height: 205px;
    overflow: hidden;
    position: relative;
}

.hjpsBox .tong_list {
    margin-top: 10px;
}

.hjpsBox .inbd {
    width: 540px;
    height: 205px;
    overflow: hidden;
    float: left;
    position: relative;
}

.hjpsBox .inbd ul li a {
    max-width: 100%;font-size:18px;
}

.hjpsBox .inhd {
    width: 26px;
    height: 154px;
    float: right;
    margin-top: 30px;
    background: url(/sthjj/images/hjgl_img6_2022.png) center center no-repeat;
}

.hjpsBox .inhd .sNext,
.hjpsBox .inhd .sPrev {
    width: 26px;
    height: 26px;
    display: block;
}

.hjpsBox .inhd .sNext {
    position: absolute;
    bottom: 10px;
    background: url(/sthjj/images/hjgl_ico1_2022.png) center center no-repeat;
}

.hjpsBox .inhd .sNext:hover {
    background: url(/sthjj/images/hjgl_ico4_2022.png) center center no-repeat;
}

.hjpsBox .inhd .sPrev {
    position: absolute;
    top: 20px;
    background: url(/sthjj/images/hjgl_ico2_2022.png) center center no-repeat;
}

.hjpsBox .inhd .sPrev:hover {
    background: url(/sthjj/images/hjgl_ico3_2022.png) center center no-repeat;
}

@media only screen and (max-width:1025px) {
.dqBox,.zrBox{float:none;width:100%;height:auto;}
.hjgl_hd ul li{margin-right:15px;}
.sub_Hd ul li a{font-size:20px;}
.zrBox{margin-top:20px;}
.trgtBox{width: 100%;height:auto;margin-top:20px;padding: 30px 0;background-size: cover;}
.trgtBox h3{background-size: cover;}
.trgtBox ul li{width:100%;padding:3% 3% 6%;height:auto;margin-top:20px;}
.trgtBox ul li a{width:100%;    height: auto;}
.trgtBox ul li span{bottom:10px;}

.hpsp{height:auto;}
.hpsp .hd,.hpsp .bd{float:none;width:100%;height:auto;}
.hpsp .hd ul li{width:48%;margin-right:10px;height:52px;line-height: 52px;background-size: 100% 100%;}
.hpsp .hd ul li.on{background-size: 100% 100%;}
.hpsp .hd ul li:nth-child(3n){margin-right:10px;}
.hpsp .hd ul li:nth-child(2n){margin-right:0;}
.hjpsBox .inbd{width: 92%;}


}
@media screen and (max-width:768px) {


}
@media screen and (max-width:500px) {

}