.banner {
	width: 100%;
	height: auto;
	display: inline-block;
}

.banner img {
	width: 100%;
}

.technology {
	width: 100%;
	height: auto;
	display: inline-block;
}

.pro-box {
	width: 100%;
	height: auto;
	display: inline-block;
	margin-top: 2%;
}

.pro-box ul {
	width: 100%;
	height: auto;
	display: inline-block;
}

.pro-box li {
	width: 19%;
	float: left;
	background: #fff;
	margin-right: 1.2%;
	margin-bottom: 2%;
}

.pb-top {
	width: 100%;
	overflow: hidden;
	height: 217px;
}

.pb-top img {
	width: 100%;
	filter: brightness(0.9);
	transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	overflow: hidden;
	height: 100%;
}

.pb-top:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	filter: brightness(1);
	width: 110%;
}

.pro-box li p {
	text-align: center;
	font-size: 19px;
	padding: 9% 0;
}

.pro-box li:nth-child(5n) {
	margin-right: 0;
}

.pb-bottom h3 {
	text-align: center;
	font-size: 19px;
	padding: 9% 0;
	font-weight: normal;
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
    .banner {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 12%;
}
.pro-box li {
    width: 100%;
    float: left;
    background: #fff;
    margin-right: 1.2%;
    margin-bottom: 2%;
}


}