.btn{
	padding: 5px 10px;
	bottom: 10%;
	left: 10%;
	border-radius: 0;
}
.down-menu{
	width: 100%;
	height: auto;
	bottom: 5%;
	overflow: hidden;
}
.down-menu p{
	width: 100%;
	font-size: 30px;
	color: #fff;
	transform: rotate(-90deg);
	animation: downMenu 1s  ease infinite;
}

@keyframes downMenu {
	0% {
		transform: rotate(-90deg) translateX(0px);
	}
	100% {
		transform: rotate(-90deg) translateX(-10px);
	}
}


.cont-title{
	width: 200px;
}
.cont-item{
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin-top: 20px;
}
.cont-item-text{
	top: 15%;
	width: 100%;
}
.cont-item-text p{
	text-align: left;
}
.cont-video{
	position: relative;
}
.cont-video iframe{
	width: 100%;
	height: 100%;
}
.video-box{
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 768px){
	.cont-item{
		width: 30%;
		height: unset;
		overflow: unset;
		margin-top: 0px;
	}
	.cont-item-text p{
		text-align: center;
	}
	.cont-video{
		position: absolute;
	}
	.cont-video iframe{
		width: 50%;
		height: 100%;
		margin-left: 25%;
	}
	.video-box{
		width: 100%;
		height: auto;
	}
}

.video-icon{
	margin: 5px;
}
.video-icon>p{
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
}
.video-icon>div{
	display: none;
}
.video-icon:hover div{
	display: flex;
}
.video-icon:hover>p{
	display: none;
}

.cont-body2>div{
	width: 50%;
}
@media screen and (min-width: 768px) {
	.cont-body2>div{
		width: 40%;
	}
	.cont-body2>div:first-child, .cont-body2>div:last-child{
		width: 60%;
	}
	
}
.zy1 img{
	border: 0; 
	width: 17%; 
	height: auto; 
	margin: 0 30px 0 0;
}
@media screen and (max-width: 768px) {
	.zy1 img{
		border: 0; 
		width: 24%; 
		height: auto; 
		margin: 0 30px 0 0;
	}
	
}
@media screen and (max-width: 375px) {
	.zy1 img{
		border: 0; 
		width: 23%; 
		height: auto; 
		margin: 0 30px 0 0;
	}
	
}
@media screen and (max-width: 280px) {
	.zy1 img{
		border: 0; 
		width: 35%; 
		height: auto; 
		margin: 0 30px 0 0;
	}
	
}