.m-brand-box {
	min-height: 500px;
}
.m-brand:nth-child(even) {
	background: #F9F9F9;
}
.m-brand .m-content {
	padding: 1.25rem 0;
}
.m-brand .content .title {
	position: relative;
	margin-bottom: .7rem;
	font-size: .4rem;
	text-align: center;
	opacity: 0;
	transform: translate(0,1rem);
	transition: all .6s ease;
	transition-delay: .4s;
}
.m-brand.z-active .content .title {
	opacity: 1;
	transform: translate(0,0);
}
.m-brand .content .textarea {
	line-height: .32rem;
	font-size: .18rem;
	white-space: pre-wrap;
	color: #444;
	opacity: 0;
	transform: translate(0,1rem);
	transition: all .6s ease;
	transition-delay: .8s;
}
.m-brand.z-active .content .textarea {
	opacity: 1;
	transform: translate(0,0);
}
.m-brand .workshop {
	position: relative;
	height: 6rem;
	margin-top: .8rem;
	overflow: hidden;
}
.m-brand .workshop .item {
	height: 6rem;
}
.m-brand .workshop .item p {
	z-index: 2;
	position: relative;
	line-height: .5rem;
	font-size: .2rem;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,.6);
	opacity: .6;
	cursor: pointer;
	transition: all .3s ease;
}
.m-brand .workshop .item.z-crt p {
	line-height: .6rem;
	font-size: .22rem;
	color: #FEFEFE;
	background: #e8432a;
	opacity: 1;
}
.m-brand .workshop .item p .tf {
	margin-right: .12rem;
}