.banner img{
	max-width:100%;
}

.promain{
	width:100%;
}
.container{
	width:96%;
	max-width:1480px;
	margin:0 auto;
}
.procatebox{
	
}

.procate-f{
	height:49px;
	line-height:46px;
	display: flex;
    justify-content: space-between;
	border-bottom:1px solid #80878c;
}
.procate-f a{
	display:block;
	padding:0px 24px;
	color:#272727;
	font-size: 15px;
}
.procate-f a.act,.procate-f a:hover{
	border-bottom: 2px solid #ed0002;
}

.procate-s{
	margin:10px 0px 0px;
	display: flex;
}
.procate-s a{
	height:34px;
	background: #f7f8f9;
	border:1px solid #c5c5c5;
	line-height:34px;
	display: block;
	padding:0px 15px;
	color:#272727;
	border-radius: 5px;
	margin-right:10px;
	font-size: 14px
}
.procate-s a.act,.procate-s a:hover{
	border:1px solid #f39ea2;
	background: #fff;
}


.gongneng{
	background: #f2f7fe;
	width:100%;
	padding: 30px 60px;
	border-radius: 16px;
	margin:40px 0px 0px;
	display: flex;
    justify-content: space-between;
}
.gongnengtit{
	padding-left:76px;
	background:url(../images/icon-gn.png) no-repeat;
	background-size:56px;
	height:56px;
	line-height:56px;
	font-size: 36px;
	font-weight: bold;
	color:#272727;
}
.gongnengcon{
	font-size:20px;
	line-height:56px;
	color:#565656;
}

.prolist{
	margin-top: 40px;
	display: flex;	
	gap: 30px;
    align-items: center;
    overflow: hidden;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 40px
}
.prolist .proitem{
	border:1px solid #828282;
	width:470px;
}

.prolist .proitem .proitemimg{
	width:100%;
	text-align: center;
}
.prolist .proitem .proitemimg img{
	max-width:400px;
}
.prolist .proitem .protit{
	padding-left: 16px;
	font-size:28px;
	font-weight: bold;
	color:#383838;
	margin-bottom:10px;
}
.prolist .proitem .procon{
	width:100%;
	height:36px;
	background: #dcdcdc;
	font-size:16px;
	line-height:36px;
	padding-top: 2px;
	font-weight: 600;
	display: flex;
	    overflow: hidden;
}

.prolist .proitem .procon .dianya{
	background: #226bb5;
	border-radius: 0px 18px 18px 0px;
	padding: 0px 18px 0px 12px;
	color:#fff;
}
.prolist .proitem .procon .chichun{
	margin-left: 10px;
}


@media (max-width: 768px) { 
	.banner img{
		padding-top: 70px;
	}
    .procate-f a{
    	display:none;
    }
    .procate-f a.act{
    	display: block;
    }
    .procate-s {
	    margin: 10px 0px 0px;
	    display: flex;
	    flex-wrap: wrap;
	}
	.procate-s a{
		margin-bottom:6px;
	}
	.prolist{
		margin-top:24px;
		gap:12px;
	}
	.prolist .proitem{
		width:calc((100% - 12px)/2);
	}
	.prolist .proitem .proitemimg img{
		width:100%;
	}
	.prolist .proitem .protit{
		font-size: 16px;
	}
	.prolist .proitem .procon{
		height:72px;
		flex-wrap: wrap;
	}
	.prolist .proitem .procon .dianya{
		width:100%;
	}

	.gongneng{
		padding:12px 16px;
		flex-wrap: wrap;
		margin:16px 0px;
	}
	.gongnengtit{
		width:100%;
		font-size: 18px;
		background-size: 24px;
    	height: 24px;
    	line-height:24px;
    	padding-left:32px;
    	margin-bottom: 6px;
	}
	.gongnengcon{
		font-size: 14px;
		line-height:24px;
	}
}
@media (max-width: 480px) { 
	.prolist .proitem{
		width: calc((100% - 12px)/2);
	}
	.prolist .proitem .protit{
		font-size: 14px;
	}
	.prolist .proitem .procon{
		font-size: 12px;
	}
	.prolist .proitem .procon .dianya{
		border-radius: 0px;
		padding-left:6px;
		padding-right: 0px;
	}
	.prolist .proitem .procon .chichun{
		margin-left: 6px;
		white-space: nowrap; /* 禁止自动换行 */
  overflow: hidden;    /* 超出部分隐藏 */
	}
}
@media (max-width: 320px) { 
	.prolist .proitem{
		width:100%;
	}
}