/* »¶Ó­Ò³ */
html, body {
	/* min-width: 1700px; */
	overflow: hidden;
	background: url("/wsc/zwb/images/wel_banner.jpg") no-repeat center center;
	background-size: 100% 100%;
	/* align-items: center; */
	/*display: flex;*/
	justify-content: center;
}

.app {
	width: calc(100% - 240px);
	margin: 8% 120px 0;
	display: flex;
	justify-content: space-between;
	gap: 45px;
	color: #fff;
}

.app .item ,
.app .logo{
	height: 300px;
}
.yd {
display:block !important;
height:100vh;
}
.app .item {
	flex: 1;
	background: rgba(255, 255, 255, .4);
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	padding: 20px 0;
}
.app .item .img-hover {
	display: none;
}
.app .item:hover {
	background: rgba(255, 255, 255, 1);
}
.app .item:hover .img {
	display: none;
}
.app .item:hover .img-hover {
	display: inline-block;
}

.app .item .icon{
	width: 145px;
	height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;

}
.app .item .icon img {
	width: auto;
	height: auto;
}

.app .item .text-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
}
.app .item:hover .text-box {
	color: #611531;
}
.app .item .text-box .title {
	font-size: 24px;
}

.app .item .text-box .text {
	margin-top: 8px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1.5px;
}

.app .logo {
	flex: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.app .logo img {
	width: 100%;
	margin: 25px 0 15px;
}

.app .logo .text {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	line-height: 30px;
}