.mzw-ofh {
	overflow: hidden;
}

.mzw-col-l{
	float: left;
}

.mzw-col-r{
	float: right;
}

.mzw-img1 img {
	width: 100%;
	height: auto;
}

.mzw-img2 img {
	width: auto;
	height: 100%;
}

.mzw-img3 img {
	width: 100%;
	height: 100%;
}

.mzw-img4 img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.mzw-img5 img{
	width: auto;
	min-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.tabcon{
	display: none;
}
.tabcon.show{
	display: block;
}

.mzw-det img{display:inline-block}
.mzw-det img,.mzw-det video,.mzw-det table{max-width: 100%}

/* 动画过度时间 */
.mzw-transition{
	transition: .4s;
}

/* 单行文本溢出省略 */
.mzw-text-ellipsis-m1{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* 多行文本溢出省略 */
.mzw-text-ellipsis-m2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 清浮动 */
.mzw-clearboth::after {
	content: "";
	display: block;
	clear: both;
}

/* 弹窗的浮动背景色 */
.mzw-popup-fixed-wall {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 999;
}

.mzw-popup-wall {
	background-color: #FFFFFF;
	border-radius: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* 改变input中placeholder的颜色 */
.mzw-input-placeholder input::-webkit-input-placeholder {color: #ccc;}
.mzw-input-placeholder input:-moz-placeholder {color: #ccc;}
.mzw-input-placeholder input::-moz-placeholder {color: #ccc;}
.mzw-input-placeholder input::-ms-input-placeholder {color: #ccc;}

/* 滚动条设置 */
.mzw-scrollbar::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.mzw-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 4px rgba(221, 221, 221, 1);
	background: rgba(221, 221, 221, 1);
}
.mzw-scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px #F4F4F4;
	border-radius: 4px;
	background: #F4F4F4;
}

/* 隐藏滚动条 */
.mzw-scrollbar-none::-webkit-scrollbar{
	display: none;
}

.mzw-pc{
	display: block !important;
}

.mzw-pe{
	display: none !important;
}

body{
	font-family: MiSans-Light;
}

@font-face {
	font-family: MiSans-Demibold;
	src: url(../font/MiSans-Demibold.ttf);
}
/* @font-face {
	font-family: MiSans-ExtraLight;
	src: url(../font/MiSans-ExtraLight.ttf);
} */
@font-face {
	font-family: MiSans-Light;
	src: url(../font/MiSans-Light.ttf);
}
@font-face {
	font-family: MiSans-Medium;
	src: url(../font/MiSans-Medium.ttf);
}
@font-face {
	font-family: MiSans-Normal;
	src: url(../font/MiSans-Normal.ttf);
}
@font-face {
	font-family: MiSans-Regular;
	src: url(../font/MiSans-Regular.ttf);
}
/* @font-face {
	font-family: MiSans-Semibold;
	src: url(../font/MiSans-Semibold.ttf);
} */
@font-face {
	font-family: DINCond-Bold;
	src: url(../font/DINCond-Bold_1.otf);
}

.wp1440,
.wp720{
	margin: 0 auto;
}
.wp1440{
	max-width: 1440px;
}
.wp720{
	max-width: 720px;
}

.mzw-bgpic1{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.mzw-animate1{
	animation: mzw-animate1 2s linear;
}

@keyframes mzw-animate1 {
	0%{width: 0%;}
	100%{width: 100%;}
}

@keyframes mzw-animate2 {
	0%{top: 20%;}
	50%{top: 30%;}
	100%{top: 20%;}
}

@keyframes mzw-animate3 {
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}

@media only screen and (min-width: 1025px) and (max-width: 1920px) {
	.wp1440{
		max-width: 75vw;
	}
}

@media only screen and (max-width: 1024px) {
	.mzw-pc{
		display: none !important;
	}
	
	.mzw-pe{
		display: block !important;
	}
	
	.wp1440,
	.wp720{
		padding: 0 15px;
	}
	
	@keyframes mzw-animate1 {
		0%{width: 100%;height: 0%;}
		100%{width: 100%; height: 100%;}
	}
}