@media screen and (max-width: 834px) {
body {
	background-color: #fff;
}
header.h-top .nav-zt {
	display: none;
}
nav.open::after {
	width: 200vh;
	height: 220vh;
	top: -110vh;
	right: -100vh;
}
.navClose .menu:hover i,
.navClose .menu:hover i:after,
.navClose .menu:hover i:before {
	height: 2px;
	width: .4rem;
	top: 0;
}
.navClose .menu:hover i:before {
	top: -8px; left: 0;
}
.navClose .menu:hover i:after {
	top: 8px; left: 0;
}
.navClose .menu:hover i {
	left: 0.05rem;
}
nav.open .menu i:hover::before {transform: rotate(-45deg);}
nav.open .menu i:hover::after{transform: rotate(45deg);}
nav ul li a {
	height: auto;
	line-height: .68rem;
}
nav ul li a span.en {
	display: none;
}
nav ul li a span.cn {
	color: #fff;
	font-size: .3rem;
}
nav ul li .child a span.cn {
	color: #fff;
	font-size: .2rem;
}
nav ul li a:hover span.cn { 
	top: 0;
}
.banner .bd ul {
	height: 100vh;
}





}