/* banner开始 */
.wp-contbx {
	bottom: 0.6rem;
}

.nyets {
	margin-top: -0.35rem;
	position: absolute;
	width: 100%;
	z-index: 5;
}

.nyets ul {
	background: #fff;
	border-radius: .05rem;
}

.nyets.wzjs ul {
	padding: 0.175rem 0.25rem;
	display: flex;
	align-items: center;
	gap: 0.24rem;
	justify-content: space-between;
}

.nyets.wzjs ul li {
	display: flex;
	align-items: center;
	gap: 0.13rem;
}

.nyets.wzjs ul li img {
	width: 0.20rem;
	height: 100%;
	object-fit: contain;
	max-height: 0.4rem;
}

.nyets.wzjs ul li div h5 {
	color: #090909;
	font-size: var(--f22);
	line-height: 1.5;
}

.nyets.wzjs ul li div p {
	color: #5a5a5a;
	font-size: var(--f16);
	line-height: 1.5;
	margin-top: .05rem;
}

.zonghe .mbx {
	bottom: 0.625rem !important;
}

.n-zonghe {
	background: #f7f8f9;
}

/* banner结束 */


/* 我们能为您做的开始 */
.n-wzjs .wp-cont .ulwzjs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.2125rem 0.29rem;
	margin-top: 0.375rem;
}

.n-wzjs .wp-cont .ulwzjs>li a {
	padding: 0.225rem 0.2rem 0.1375rem;
	position: relative;
	display: block;
	background: #fff;
	border-radius: 0.1125rem;
	z-index: 0;
	transition: all .5s;
}

.n-wzjs .wp-cont .ulwzjs>li a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/wzkindbg.jpg)no-repeat;
	background-size: cover;
	border-radius: 0.1125rem;
	opacity: 0;
	z-index: -1;
	transition: all .5s;
	left: 0;
	top: 0;
}

.n-wzjs .wp-cont .ulwzjs>li a .wzhead {
	display: flex;
	align-items: center;
	gap: 0.1rem;
	padding-bottom: 0.125rem;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 0.2rem;
}

.n-wzjs .wp-cont .ulwzjs>li a .wzhead div {
	width: 0.3125rem;
	height: 0.3125rem;
	background: #161616;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all .5s;
}

.n-wzjs .wp-cont .ulwzjs>li a .wzhead h5 {
	color: #000000;
	font-size: var(--f24);
	line-height: 1.8em;
	transition: all .5s;
}

.n-wzjs .wp-cont .ulwzjs>li a .wzhead img {
	width: 55%;
	height: auto;
	aspect-ratio: 1/1;
}


.n-wzjs .wp-cont .ulwzjs>li a h6 {
	color: #404040;
	font-size: var(--f19);
	line-height: 1.5;
}

.n-wzjs .wp-cont .ulwzjs>li a ul {
	display: grid;
	gap: .0875rem;
	margin: 0.125rem 0 0.25rem;
}


.n-wzjs .wp-cont .ulwzjs>li a ul li {
	/* padding-left: 0.175rem; */
	position: relative;
	color: #636364;
	font-size: var(--f16);
	line-height: 1.5;
}
.n-wzjs .wp-cont .ulwzjs>li a ul li i{
    font-size: var(--f14);
    margin-right: 0.02rem;
}

/* .n-wzjs .wp-cont .ulwzjs>li a ul li:before {
 *     content: '';
 *     position: absolute;
 *     width: 18px;
 *     height: 18px;
 *     border-radius: 50%;
 *     background: url(../images/duiquan.jpg)no-repeat;
 *     background-size: cover;
 *     left: 0;
 *     top: 50%;
 *     transform: translate(0, -50%);
 * } */

.n-wzjs .wp-cont .ulwzjs>li a .xuqiu-p{
    position: relative;
}
.n-wzjs .wp-cont .ulwzjs .progress{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    opacity: 1;
    transition: all .5s .2s;
}
.n-wzjs .wp-cont .ulwzjs .progress > p{
    margin-bottom: .06rem;
    color: #999;
}
.n-wzjs .wp-cont .ulwzjs>li a .xuqiu {
	width: 1.625rem;
	height: 0.35rem;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	color: #fff;
	font-size: var(--f18);
	line-height: 1.5;
	/* background: url(../images/szhoverbg.jpg)center no-repeat; */
	background: var(--btnBgColor);
	background-size: cover;
	border-radius: .0625rem;
	transition: all .5s;
	margin: 0;
    position: relative;
    z-index: 2;
}

.n-wzjs .wp-cont .ulwzjs>li a:hover .progress{
    opacity: 0;
}
.n-wzjs .wp-cont .ulwzjs>li a:hover .xuqiu,
.n-wzjs .wp-cont .ulwzjs>li a:hover::before {
	opacity: 1;
}

.n-wzjs .wp-cont .ulwzjs>li a:hover .wzhead div {
	background: #d4161f;
}

.n-wzjs .wp-cont .ulwzjs>li a:hover .wzhead h5 {
	color: #d4161f;
}

.n-wzjs .wp-cont .ulwzjs>li a:hover {
	box-shadow: 0px 0px 15px rgba(219, 219, 219, 0.26);
}

/* 我们能为您做的结束 */