<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
===========================================
banner
===========================================
*/

.mtzx-ban{
	
	width: 100%;
	height: 300px;
	background-size: cover;
}


@media (max-width: 414px){
	.mtzx-ban{
		height: 190px;
	}
}


/*
============================================
åª’ä½“ä¸­å¿ƒ
============================================
*/

.mtzx-section{
	padding-top: 3%;
	padding-bottom: 1%;
	overflow: hidden;
}

/*nav*/
.mtzx-nav{
	background: #f0f0f0;
	text-align: left;
}
.mtzx-nav .auto-container{
	padding: 0;
}
.mtzx-nav a{
	display: inline-block;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	width: 180px;
	text-align: center;
}
.mtzx-nav a.cur{
	background: #fff;
	color: #004ca1;
}


/*con*/
.mtzx-con{
	margin-bottom: 2%;
}
.mtzx-con a{
	display: block;
	border-bottom: 1px dashed #c9c9c9;
	padding: 40px 0;
	position: relative;
	padding-left: 160px;
}

.mtzx-con a span{
	position: absolute;
	left: 0;
	top: 40px;
	font-size: 20px;
	color: #a4a3a3;
	width: 140px;
	height: 79px;
	line-height: 79px;
	border-right: 1px solid #e9e9e9
}
.mtzx-con a h2{
	font-size: 18px;
}
.mtzx-con a p{
	color: #8c8c8c;
	margin-top: 7px;
	margin-bottom: 0;
	line-height: 24px;
}


/*è§†é¢‘*/
.video-section{
	padding: 3% 0 5%;
}

.video-item{
	margin-bottom: 2%;
}






@media (max-width: 1190px){
	.mtzx-section{
		padding-left: 2%;
		padding-right: 2%;
	}
}

@media (max-width: 480px){
	.mtzx-nav a{
		font-size: 14px;
		width: auto;
		padding-left: 4%;
		padding-right: 4%;
	}
	.mtzx-con a{
		padding-left: 0;
		padding-top: 3%;
		padding-bottom: 3%;
	}
	.mtzx-con a span{
		position: static;
		border: 0;
		height: auto;
		line-height: 30px;
		font-size: 14px;
	}
	.mtzx-con a h2{
		font-size: 16px;
	}

	
}</pre></body></html>