.portal-modular-title {
	font-size: 24px;
	font-family: PingFang SC;
	font-weight: 700;
	height: 57px;
	line-height: 57px;
	color: #0d1c28;
	border-bottom: 4px solid #0d1c28
}

.home-components {
	min-height: 500px
}

.banner {
	width: 100%;
	min-width: 1200px;
	height: 220px;
	line-height: 220px;
	margin-bottom: 47px;
	background-image: url(/pubimages/web/xzzfgs_banner.png);
	background-repeat: no-repeat;
	background-size: cover
}

.banner>h1 {
	font-size: 42px;
	font-family: PingFang SC;
	font-weight: 700;
	color: #fff
}

.banner>h1 span {
	cursor: pointer
}

.law-after-open,
.law-before-open {
	width: 1200px;
	margin: 0 auto
}

.law-after-open .portal-modular-container,
.law-before-open .portal-modular-container {
	padding: 30px 0
}

.law-after-open .portal-modular-container>ul li,
.law-before-open .portal-modular-container>ul li {
	float: left;
	width: 277px;
	margin-right: 30px;
	margin-bottom: 30px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 30px rgba(9, 41, 77, .12);
	box-shadow: 0 0 30px rgba(9, 41, 77, .12);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.law-after-open .portal-modular-container>ul li>a,
.law-before-open .portal-modular-container>ul li>a {
	display: block;
	width: 100%;
	height: 100%
}

.law-after-open .portal-modular-container>ul li h3,
.law-before-open .portal-modular-container>ul li h3 {
	color: #0d1c28;
	line-height: 94px;
	text-align: center;
	font-size: 22px;
	font-family: PingFang SC;
	font-weight: 700
}

.law-after-open .portal-modular-container>ul li:nth-of-type(4n),
.law-before-open .portal-modular-container>ul li:nth-of-type(4n) {
	margin-right: 0
}

.law-after-open .portal-modular-container>ul li:hover,
.law-before-open .portal-modular-container>ul li:hover {
	background-color: #3e97df;
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
	-webkit-box-shadow: 0 5px 25px rgba(62, 151, 223, .3);
	box-shadow: 0 5px 25px rgba(62, 151, 223, .3)
}

.law-after-open .portal-modular-container>ul li:hover h3,
.law-before-open .portal-modular-container>ul li:hover h3 {
	color: #fff
}

.bg-icon {
	width: 100%;
	height: 186px;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.icon-theme {
	background-image: url(/pubimages/web/zfzt_hu.png);
}

.icon-matter {
	background-image: url(/pubimages/web/zfsx_hu.png);
}

.icon-person {
	background-image: url(/pubimages/web/zfry_hu.png);
}

.icon-process {
	background-image: url(/pubimages/web/zflc_hu.png);
}

.icon-text {
	background-image: url(/pubimages/web/zfws_hu.png);
}

.icon-laws {
	background-image: url(/pubimages/web/zcfg_hu.png);
}

.icon-list {
	background-image: url(/pubimages/web/zfqd_hu.png);
}

.icon-qdxx {
	background-image: url(../images/qdxx_hu.png);
}

.icon-jdxx {
	background-image: url(../images/jdxx_hu.png);
}

.icon-year-data {
	background-image: url(/pubimages/web/zfjg_hu.png);
}

.icon-result {
	background-image: url(/pubimages/web/ndsj_hu.png);
}