@charset "utf-8";

.dp-main {
	padding: .3rem 0 .6rem 0;
	margin-top: .14rem;
}
/* 导航、banner、adv */
.nav-banner-box .left {
	width: 2.1rem;
}
.nav-banner-box .left h3 {
	height: .34rem;
	border-radius: .1rem 0 .1rem 0;
}
.nav-banner-box .left ul {
	position: relative;
}
.nav-banner-box .left ul li {
	min-height: .64rem;
	/* height: .86rem; */
	margin-top: .02rem;
	transition: all .35s;
}
.nav-banner-box .left ul li img {
	width: .3rem;
	margin-right: .22rem;
}
.nav-banner-box .left ul li:hover {
	cursor: pointer;
	background-color: #fff;
}
.nav-banner-box .left ul li .sub-list-box {
	position: absolute;
	left: 2.1rem;
	top: 0;
	width: 9.9rem;
	height: 2.62rem;
	z-index: -1;
	opacity: 0;
	padding: 0 .25rem;
	cursor: default;
	transition: all .35s;
}
.nav-banner-box .left ul li:hover .sub-list-box {
	/* z-index: 99;
	opacity: 1; */
}
.nav-banner-box .left ul li .sub-list-box .item {
	padding: .15rem 0;
	border-bottom: 1px solid #f2f2f2;
}
.nav-banner-box .left ul li .sub-list-box .item0 {
	padding: .1rem 0;
}
.nav-banner-box .left ul li .sub-list-box .item:last-child {
	border-bottom: 0;
}
.nav-banner-box .left ul li .sub-list-box a {
	margin-right: .5rem;
	transition: all .35s;
}
.nav-banner-box .left ul li .sub-list-box a:hover {
	color: #192f86;
	text-decoration: underline;
}
.nav-banner-box .right ul {
	height: .34rem;
	padding-left: .25rem;
}
.nav-banner-box .right ul li {
	height: .28rem;
}
.nav-banner-box .right ul li a {
	min-width: .8rem;
	height: 100%;
	padding: 0 .15rem;
	margin-right: .12rem;
	border-radius: .1rem;
	transition: all .35s;
}
.nav-banner-box .right ul li a:hover,
.nav-banner-box .right ul li.active a {
	border-radius: .1rem 0 .1rem 0;
	background-color: #192f86;
	color: #fff;
}
.nav-banner-box .right .banner {
	overflow: hidden;
	margin-top: .02rem;
	width: 9.9rem;
	height: 2.62rem;
}
.nav-banner-box .right .banner a {
	position: relative;
	width: 9.9rem;
	height: 2.62rem;
}
.nav-banner-box .right .swiper-container,
.nav-banner-box .right .swiper-wrapper {
	height: 100%;
}
.nav-banner-box .right .banner a img {
	width: 100%;
	height: 100%;
}
.nav-banner-box .right .banner a:first-child .desc {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.45rem;
	margin-left: -4.26rem;
	z-index: 9;
	padding: 0.2rem 0.46rem;
	background-color: rgba(23, 42, 136, .5);
}
.home-pagination {
	/* display: none; */
	position: absolute;
    bottom: .06rem;
    z-index: 20;
	width: 100%;
	padding-right: .04rem;
    text-align: right;
}
.home-pagination .swiper-pagination-switch {
	display: inline-block;
	width: .42rem;
	height: .06rem;
	background-color: rgba(255, 255, 255, .5);
	margin-right: .1rem;
	cursor: pointer;
}
.home-pagination .swiper-active-switch {
	background-color: #f9caca;
}
.top-adv-box {
	height: 1.3rem;
}
.top-adv-box a {
	/* width: 3.72rem; */
	width: 2.82rem;
	height: 1rem;
	border-radius: .08rem;
	overflow: hidden;
}
.top-adv-box a img {
	width: 100%;
	height: 100%;
	transition: all .35s;
}
.top-adv-box a:hover img {
	transform: scale(1.02);
}
/* 主体内容 */
.home-screen-box .no-data {
	height: 1rem;
}
.home-screen-box .tit-box {
	height: .7rem;
	padding: 0 .3rem;
	margin: .1rem 0;
	box-shadow: 0 0 .04rem #eee;
}
.home-screen-box .tit-box .link {
	cursor: pointer;
}
.home-screen-box .tit-box img {
	width: .3rem;
	margin-right: .2rem;
}
.home-screen-box .tit-box .tab {
	height: 100%;
}
.home-screen-box .tit-box .item {
	position: relative;
	height: 100%;
	padding: 0 .02rem;
	margin-left: .5rem;
	transition: all .35s;
}
.home-screen-box .tit-box .item::after {
	position: absolute;
	content: " ";
	left: 0;
	right: 0;
	bottom: 0;
	height: .03rem;
	background-color: #ecf1f9;
}
.home-screen-box .tit-box .item.active::after {
	background-color: #192F86;
}
.home-screen-box .tit-box .item.active,
.home-screen-box .tit-box .item:hover {
	cursor: pointer;
	color: #192F86;
}
.home-screen-box .filter-box .filter-item {
	position: relative;
}
.home-screen-box .filter-box .item {
	height: .34rem;
	border-radius: .04rem;
	min-width: .68rem;
	padding: 0 .15rem;
	margin: .1rem;
}
.home-screen-box .filter-box .item.active,
.home-screen-box .filter-box .item:hover {
	cursor: pointer;
	color: #192f86;
	background-color: #c7dbfb;
}
.home-screen-box .filter-box .more {
	position: absolute;
	right: 0;
	font-size: .2rem;
	background-color: #ecf1f9;
}
.home-screen-box .filter-box .more.active,
.home-screen-box .filter-box .more:hover {
	background-color: #c7dbfb;
}
.home-screen-box .filter-box .more.active {
	position: relative;
	font-size: .28rem;
}
/* 最新资讯 */
.home-screen-box5 .con-box {
	min-height: 4rem;
}
.home-screen-box5 .main-box0 .h-box {
	position: relative;
	height: .46rem;
	padding-bottom: .08rem;
}
.home-screen-box5 .main-box0 .h-box::after {
	position: absolute;
	content: " ";
	left: .15rem;
	right: .15rem;
	bottom: 0;
	height: 1px;
	background-color: #f2f2f2;
}
.home-screen-box5 .main-box0 .c-box {
	height: .56rem;
	border-radius: .06rem;
	transition: all .35s;
}
.home-screen-box5 .main-box0 .c-box:hover {
	box-shadow: 0 0 .06rem #e2e2e2;
}
.home-screen-box5 .main-box0 .c-box p a:hover {
	text-decoration: underline;
	color: #192F86;
}
.home-screen-box5 .main-box0 .h-box p:first-child,
.home-screen-box5 .main-box0 .c-box p:first-child {
	padding-left: .15rem;
}
.home-screen-box5 .main-box0 .p12 {
	min-width: 1.28rem;
	text-align: center;
}
/* 会员数字服务专区 */
.home-screen-box0 .con-box {
	min-height: 4.56rem;
}
.home-screen-box0 .main-box a {
	position: relative;
	width: 3.93rem;
	height: 2.1rem;
	text-align: center;
	border: 1px solid #e4e9f3;
	margin-left: .1rem;
	margin-bottom: .1rem;
	overflow: hidden;
	transition: all .35s;
}
.home-screen-box0 .main-box a:hover {
	box-shadow: 0 0 .1rem #eee;
}
.home-screen-box0 .main-box a h3 {
	margin: .15rem 0 .2rem 0;
}
.home-screen-box0 .main-box a img {
	max-width: .7rem;
	margin-top: .3rem;
	max-height: .76rem;
}
.home-screen-box0 .main-box0 a img {
	max-width: 2.4rem;
	max-height: .76rem;
}
.home-screen-box0 .main-box a span {
	position: absolute;
	right: 0;
	top: 0;
	width: 1rem;
	height: .28rem;
	border-radius: .1rem 0 .1rem 0;
}
.home-screen-box0 .main-box a:nth-child(3n+1) {
	margin-left: 0;
}
.home-screen-box0 .main-box1 a {
	height: auto;
	max-width: 3.1rem;
	border: 1px solid #e4e9f3;
	border-left: 0;
	overflow: hidden;
	transition: all .35s;
}
.home-screen-box0 .main-box1 a:hover {
	box-shadow: 0 0 .1rem #e4e9f3;
}
.home-screen-box0 .main-box1 a .img-box {
	width: 100%;
	height: 2.36rem;
	overflow: hidden;
}
.home-screen-box0 .main-box1 a .img-box img {
	max-width: 2.4rem;
	max-height: 100%;
}
.home-screen-box0 .main-box1 .info-box {
	padding: .2rem .3rem;
	min-height: 2.08rem;
}
.home-screen-box0 .main-box1 .info-box>div p:first-child {
	min-width: .8rem;
}
.home-screen-box0 .main-box1 .info-box .info0 {
	min-height: .38rem;
}
.home-screen-box0 .main-box1 .info-box .info1 {
	margin: .12rem 0;
}
.home-screen-box0 .main-box1 .info-box button {
	width: .96rem;
	height: .32rem;
	border-radius: .04rem;
	border: none;
	outline: none;
	margin: .26rem auto 0 auto;
	transition: all .35s;
}
.home-screen-box0 .main-box1 .info-box button:hover {
	cursor: pointer;
	opacity: .85;
}
.home-screen-box0 .main-box1 a:first-child {
	border-left: 1px solid #f2f2f2;
}
/* 企业商城服务 */
.home-screen-box1 .con-box {
	min-height: 5.68rem;
}
.home-screen-box1 .main-box0 {
	padding-top: .1rem;
}
.home-screen-box1 .main-box0 a {
	position: relative;
	width: 3.93rem;
	height: 2.1rem;
	border: 1px solid #e4e9f3;
	padding: .3rem;
	margin-left: .1rem;
	margin-bottom: .1rem;
	transition: all .35s;
}
.home-screen-box1 .main-box0 a:nth-child(3n+1) {
	margin-left: 0;
}
.home-screen-box1 .main-box0 a:hover {
	background-color: #ecf1f9;
	box-shadow: 0 0 .1rem #e4e9f3;
}
.home-screen-box1 .main-box0 .tit-price {
	margin-bottom: .4rem;
}
.home-screen-box1 .main-box0 a h3 {
	max-width: 1.8rem;
	min-height: .42rem;
}
.home-screen-box1 .main-box0 a img {
	max-width: 1.5rem;
	max-height: .73rem;
}
.home-screen-box1 .main-box0 a .price {
	margin-top: .1rem;
}
.home-screen-box1 .main-box0 button {
	width: 1rem;
	height: .34rem;
	border-radius: .04rem;
	border: 1px solid #192F86;
	outline: none;
	transition: all .35s;
}
.home-screen-box1 .main-box0 button:first-child {
	margin-right: .5rem;
}
.home-screen-box1 .main-box0 button:hover {
	cursor: pointer;
	opacity: .85;
}
.home-screen-box1 .main-box1 {
	padding-top: .1rem;
}
.home-screen-box1 .main-box1 a,
.home-screen-box3 .main-box1 a,
.home-screen-box4 .main-box2 a {
	position: relative;
	width: 3.93rem;
	height: 2.1rem;
	border: 1px solid #e4e9f3;
	margin-left: .1rem;
	margin-bottom: .1rem;
	transition: all .35s;
}
.home-screen-box1 .main-box1 a:nth-child(3n+1),
.home-screen-box3 .main-box1 a:nth-child(3n+1),
.home-screen-box4 .main-box2 a:nth-child(3n+1) {
	margin-left: 0;
}
.home-screen-box1 .main-box1 a:hover,
.home-screen-box3 .main-box1 a:hover,
.home-screen-box4 .main-box2 a:hover {
	box-shadow: 0 0 .1rem #e4e9f3;
}
.home-screen-box1 .main-box1 a .img-box,
.home-screen-box3 .main-box1 a .img-box {
	min-height: .81rem;
	margin-top: .2rem;
}
.home-screen-box1 .main-box1 a img,
.home-screen-box3 .main-box1 a img {
	max-width: 2.72rem;
	max-height: .81rem;
}
.home-screen-box4 .main-box2 a img {
	max-width: .7rem;
	max-height: .81rem;
	margin-top: .3rem;
}
.home-screen-box1 .main-box1 a h3,
.home-screen-box3 .main-box1 a h3,
.home-screen-box4 .main-box2 a h3 {
	margin: .18rem 0 .16rem 0;
}
.home-screen-box1 .main-box2 a,
.home-screen-box4 .main-box1 a {
	position: relative;
	width: 3.93rem;
	height: 2.1rem;
	border: 1px solid #e4e9f3;
	margin-left: .1rem;
	margin-bottom: .1rem;
	overflow: hidden;
}
.home-screen-box1 .main-box2 a img,
.home-screen-box4 .main-box1 a img {
	width: 100%;
	min-height: 100%;
	transition: all .35s;
}
.home-screen-box1 .main-box2 a h3,
.home-screen-box4 .main-box1 a h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: .54rem;
	padding: 0 .15rem;
	background-color: rgba(0, 0, 0, .5);
	overflow: hidden;
}
.home-screen-box1 .main-box2 a:nth-child(3n+1),
.home-screen-box4 .main-box1 a:nth-child(3n+1) {
	margin-left: 0;
}
.home-screen-box1 .main-box2 a:hover img,
.home-screen-box4 .main-box1 a:hover img {
	transform: scale(1.02);
}
/* 人才服务 */
.home-screen-box2 .con-box {
	min-height: 5.68rem;
}
.home-screen-box2 .main-box0 {
	padding-top: .1rem;
}
.home-screen-box2 .main-box0 a {
	position: relative;
	width: 3.93rem;
	height: 2.1rem;
	border: 1px solid #e4e9f3;
	padding: .3rem;
	margin-left: .1rem;
	margin-bottom: .1rem;
	transition: all .35s;
}
.home-screen-box2 .main-box0 a:nth-child(3n+1) {
	margin-left: 0;
}
.home-screen-box2 .main-box0 a:hover {
	background-color: #ecf1f9;
	box-shadow: 0 0 .1rem #e4e9f3;
}
.home-screen-box2 .main-box0 a .company {
	margin: .35rem 0 .2rem 0;
}
.home-screen-box2 .main-box0 button {
	width: 1rem;
	height: .34rem;
	border-radius: .04rem;
	border: 1px solid #192F86;
	outline: none;
	transition: all .35s;
}
.home-screen-box2 .main-box0 button:hover {
	cursor: pointer;
	opacity: .85;
}
.home-screen-box2 .main-box1 {
	padding-top: .1rem;
}
.home-screen-box2 .main-box1 a {
	position: relative;
	width: 3.93rem;
	height: 2.1rem;
	border: 1px solid #e4e9f3;
	padding: .3rem;
	margin-left: .1rem;
	margin-bottom: .1rem;
	transition: all .35s;
}
.home-screen-box2 .main-box1 a:nth-child(3n+1) {
	margin-left: 0;
}
.home-screen-box2 .main-box1 a:hover {
	box-shadow: 0 0 .1rem #e4e9f3;
}
.home-screen-box2 .main-box1 img {
	max-width: 2.72rem;
	margin: 0 auto .3rem auto;
}
.home-screen-box2 .main-box1 button {
	width: 1rem;
	height: .34rem;
	border-radius: .04rem;
	border: 1px solid #192F86;
	outline: none;
	transition: all .35s;
}
.home-screen-box2 .main-box1 button:first-child {
	margin-right: .5rem;
}
.home-screen-box2 .main-box1 button:hover {
	cursor: pointer;
	opacity: .85;
}
/* 企业金融服务 */
.home-screen-box3 .con-box {
	min-height: 6.4rem;
}
.home-screen-box3 .main-box0 {
	padding-top: .1rem;
}
.home-screen-box3 .main-box0 a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 1.34rem;
	border: 1px solid #e4e9f3;
	padding: 0 .55rem;
	margin-bottom: .1rem;
	transition: all .35s;
}
.home-screen-box3 .main-box0 a:hover {
	box-shadow: 0 0 .1rem #e4e9f3;
}
.home-screen-box3 .main-box0 a .tit-tag-box {
	height: .52rem;
	border-bottom: 1px solid #f2f2f2;
}
.home-screen-box3 .main-box0 a .tit-tag-box img {
	max-height: .5rem;
}
.home-screen-box3 .main-box0 a .tit-tag-box span {
	padding: .02rem .06rem;
	border: 1px solid #0095e4;
	border-radius: .12rem;
	margin-left: .06rem;
}
.home-screen-box3 .main-box0 a .info-box {
	height: .8rem;
}
.home-screen-box3 .main-box0 a .info-box p:first-child {
	margin-bottom: .08rem;
}
/* 政府数字服务专区 */
.home-screen-box4 .con-box {
	min-height: 5.14rem;
}
.home-screen-box4 .main-box0 {
	padding-top: .1rem;
}
.home-screen-box4 .main-box0 a {
	position: relative;
	width: 3.93rem;
	height: 2.1rem;
	border: 1px solid #e4e9f3;
	padding: .3rem;
	margin-left: .1rem;
	margin-bottom: .1rem;
	transition: all .35s;
}
.home-screen-box4 .main-box0 a h3 {
	min-height: .62rem;
}
.home-screen-box4 .main-box0 a .date {
	line-height: .21rem;
}
.home-screen-box4 .main-box0 a:nth-child(3n+1) {
	margin-left: 0;
}
.home-screen-box4 .main-box0 a:hover {
	background-color: #ecf1f9;
	box-shadow: 0 0 .1rem #e4e9f3;
}
.home-screen-box4 .main-box0 .btn-main {
	margin: .1rem 0 .24rem 0;
}
.home-screen-box4 .main-box0 button {
	width: 1rem;
	height: .34rem;
	border-radius: .04rem;
	border: 1px solid #192F86;
	outline: none;
	transition: all .35s;
}
.home-screen-box4 .main-box0 button:hover {
	cursor: pointer;
	opacity: .85;
}
.home-screen-box4 .main-box0 .date p:first-child {
	margin-right: .3rem;
}
.home-screen-box4 .main-box3 .img-box {
	max-width: 100%;
	height: 1rem;
}
.home-screen-box4 .main-box3 .img-box img {
	width: 100%;
	height: 100%;
}

/* 移动端 */
@media (max-width: 768px) {
	.nav-banner-box .left {
		min-width: 2.1rem;
	}
	.nav-banner-box .left ul li .sub-list-box {
		width: 5.2rem;
		padding: 0 .1rem;
	}
	.nav-banner-box .left ul li .sub-list-box .item {
		padding: .1rem 0;
	}
	.nav-banner-box .left ul li .sub-list-box .item0 {
		padding: .05rem 0;
		background-color: #fff;
	}
	.nav-banner-box .left ul li .sub-list-box a {
		margin-right: .1rem;
	}
	.nav-banner-box .right {
		max-width: 5.2rem;
	}
	.nav-banner-box .right ul {
		visibility: hidden;
	}
	.nav-banner-box .right .banner {
		width: 5.2rem;
	}
	.nav-banner-box .right .banner a:first-child .desc {
	    margin-top: -0.48rem;
	    margin-left: -2.5rem;
	    width: 5rem;
	    padding: 0.1rem 0.25rem;
	    font-size: .28rem;
	}
	.top-adv-box a {
		width: 2.3rem;
	}
	.home-screen-box .tit-box .item {
		margin-left: .2rem;
	}
	.home-screen-box0 .main-box a,
	.home-screen-box1 .main-box0 a,
	.home-screen-box1 .main-box1 a, 
	.home-screen-box3 .main-box1 a, 
	.home-screen-box4 .main-box2 a,
	.home-screen-box1 .main-box2 a, 
	.home-screen-box4 .main-box1 a,
	.home-screen-box2 .main-box0 a,
	.home-screen-box2 .main-box1 a,
	.home-screen-box4 .main-box0 a {
		width: 3.6rem;
		height: auto;
		padding-bottom: 0.2rem;
	}
	.home-screen-box0 .main-box a img {
		max-height: .6rem;
	}
	.home-screen-box .main-box a:nth-child(3n+1),
	.home-screen-box1 .main-box0 a:nth-child(3n+1),
	.home-screen-box1 .main-box1 a:nth-child(3n+1), 
	.home-screen-box3 .main-box1 a:nth-child(3n+1), 
	.home-screen-box4 .main-box2 a:nth-child(3n+1),
	.home-screen-box1 .main-box2 a:nth-child(3n+1), 
	.home-screen-box4 .main-box1 a:nth-child(3n+1),
	.home-screen-box2 .main-box0 a:nth-child(3n+1),
	.home-screen-box2 .main-box1 a:nth-child(3n+1),
	.home-screen-box4 .main-box0 a:nth-child(3n+1) {
		margin-left: .1rem;
	}
	.home-screen-box .main-box a:nth-child(2n+1),
	.home-screen-box1 .main-box0 a:nth-child(2n+1),
	.home-screen-box1 .main-box1 a:nth-child(2n+1), 
	.home-screen-box3 .main-box1 a:nth-child(2n+1), 
	.home-screen-box4 .main-box2 a:nth-child(2n+1),
	.home-screen-box1 .main-box2 a:nth-child(2n+1), 
	.home-screen-box4 .main-box1 a:nth-child(2n+1),
	.home-screen-box2 .main-box0 a:nth-child(2n+1),
	.home-screen-box2 .main-box1 a:nth-child(2n+1),
	.home-screen-box4 .main-box0 a:nth-child(2n+1) {
		margin-left: 0;
	}
	.home-screen-box0 .main-box1 .info-box button,
	.home-screen-box1 .main-box0 button,
	.home-screen-box2 .main-box0 button,
	.home-screen-box2 .main-box1 button,
	.home-screen-box4 .main-box0 button {
		width: 1.2rem;
		height: .48rem;
	}
	.home-screen-box0 .main-box1 a .img-box img {
		max-width: 1.6rem;
	}
	.home-screen-box1 .main-box0 .price {
		margin-bottom: .2rem;
	}
	.home-screen-box0 .main-box1 .info-box>div p:first-child {
		display: none;
	}
	.home-screen-box3 .main-box0 a {
		height: 1.94rem;
		padding: 0 .2rem;
	}
	.home-screen-box3 .main-box0 a .tit-tag-box {
		height: .82rem;
	}
	.home-screen-box3 .main-box0 a .tit-tag-box span {
		padding: 0;
	}
	.home-screen-box3 .main-box0 a .info-box {
		height: 1.12rem;
	}
	.home-screen-box0 .con-box {
		min-height: 7.1rem;
	}
	.home-screen-box1 .con-box {
		min-height: 10.2rem;
	}
	.home-screen-box2 .con-box {
		min-height: 8.65rem;
	}
	.home-screen-box4 .con-box {
		min-height: 9.4rem;
	}
	
}