@media(max-width:1000px) {
	.banner {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		overflow-x: hidden;

	}

	.bn-box {
		width: 100%;
		height: 180px;
		position: relative;
		margin-bottom: 2px;
	}

	.bn-box img {
		width: 100%;
		height: 100%;
	}

	.b-text {
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.2);
		top: 0;

	}

	.b-text p:nth-of-type(1) {
		width: 90%;
		line-height: 1.5;
		font-size: 16px;
		color: #FFFFFF;
		font-weight: 600;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;

	}

	.tips1 {
		width: auto;

		height: auto;
		background-color: #095788;
		color: #FFFFFF;
		padding: 3px 5px;
		font-size: 13px;
		display: inline-block;
		zoom: 1;
		margin: 20% 0 0 5%;

	}


}

@media(min-width:1000px) {
	.banner {
		width: 1200px;
		height: auto;
		display: flex;
		margin: 0 auto;


	}

	.bn-box {
		width: 25%;
		height: 350px;
		position: relative;
		margin-right: 2px;
		overflow: hidden;
	}

	.bn-box:nth-last-of-type(1) {
		margin-right: 0px;
	}

	.bn-box img {
		width: 100%;
		height: 100%;
		transform: scale(1.0);
		transition: all 600ms cubic-bezier(.645, .045, .355, 1);
	}

	.bn-box:hover img {
		transform: scale(1.25);
	}

	.b-text {
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.4);
		top: 0;

	}

	.b-text p:nth-of-type(1) {
		width: 90%;
		line-height: 1.5;
		font-size: 16px;
		color: #FFFFFF;
		font-weight: 600;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.tips1 {
		width: auto;
		height: auto;
		background-color: #095788;
		color: #FFFFFF;
		padding: 3px 5px;
		font-size: 13px;
		display: inline-block;
		zoom: 1;
		margin: 75% 0 0 5%;

	}
}