.media {
	position: relative;
	width: 100%;
	height: 100vh;
	background: url(../image/media_bg2.jpg) no-repeat left /100% 100%;
}
.xmtlogo{
	left: 50%;
	margin-left: -290px;
	top: 110px;
	position: absolute;
}
.xmtlogo img{
	width: 580px;
	
}
.part1 {
	position: absolute;
	left: 50%;
margin-left: -750px;
	bottom: 220px;
	width: 1500px;
	height: 380px;
}
.menu{
	width: 150px;
	height: 150px;

}
.menu img{
	width: 100%;
	height: 100%;
}
.menu:hover img{
	opacity: 0;
}
.menu:hover{
	width: 210px;
	height:210px;
	transition: 0.2s all linear;
}
.menu:nth-of-type(odd):hover{
	position: relative;
	top:-30px;
}
.menu:nth-of-type(even):hover{
	position: relative;
		top:30px;
}
.menu1:hover{
	
	background: url('../image/wechatz.png') left /100% 100%;
}
.menu2:hover{
	background: url('../image/yidainz.png') left /100% 100%;
}
.menu3:hover{
	background: url('../image/toutiaoz.png') left /100% 100%;
}
.menu4:hover{
	background: url('../image/baijiaz.png') left /100% 100%;
}
.menu5:hover{
	background: url('../image/weiboz.png') left /100% 100%;
}
.menu6:hover{
	background: url('../image/douyinz.png') left /100% 100%;
}
.menu7:hover{
	background: url('../image/souhuz.png') left /100% 100%;
}
.menu8:hover{
	background: url('../image/kuaishouz.png') left /100% 100%;
}
.menu9:hover{
	background: url('../image/tenxunz.png') left /100% 100%;
}
.menu10:hover{
	background: url('../image/xiguaz.png') left /100% 100%;
}
.menu11:hover{
	background: url('../image/wangyiz.png') left /100% 100%;
}

.menu12:hover{
	background: url('../image/bilibiliz.png') left /100% 100%;
}
.menu13:hover{
	background: url('../image/sinaz.png') left /100% 100%;
}
.menu14:hover{
	background: url('../image/weishiz.png') left /100% 100%;
}