@media screen and (max-width: 1200px) {
	.menu {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 50% !important;
		background-color: #265490;
		height: 100vh !important;
		padding: 20px 10px !important;
		transition: all 0.2s ease-in-out !important;
		transform: translateX(-100%) !important;
	}

	.menu-info {
		width: 0 !important;
	}

	.info-page {
		width: 100% !important;
		padding: 10px 20px !important;
	}

	.menu.m_active {
		transform: translateX(0) !important;
	}

	.index-logo {
		display: block !important;
		width: 100%;
		margin-bottom: 20px;
	}

	.menu ul {
		display: flex;
		flex-direction: column;
	}

	.menu ul li {
		text-align: center;
		width: 100% !important;
	}

	.m_menu {
		color: white;
		display: block !important;
	}

	.nav-main .logo {
		width: 300px !important;
	}

	.nav-main .logo img {
		width: 100% !important;
	}

	.nav-main {
		padding: 10px !important;
	}

	.child_banner {
		height: 200px;
	}

	.swiper .swiper-slide {
		padding: 10px;
	}

	#left_menu,
	#right_menu {
		width: 100% !important;
	}

	.xyjj-content {
		text-indent: 40px;
		line-height: 30px;
		padding: 0 !important;
		font-size: 20px;
	}
	.menu-btn {
		display: block !important;
	}

	.menu-container {
		bottom: 65px !important;
		right: 0 !important;
		margin: 0 !important;
		z-index: 10 !important;
		box-shadow: 1px 1px 10px #000000;
		transform: translateX(110%) !important;
		transition: all 0.2s ease-in-out !important;
	}

	#child_menu.m_active {
		transform: translateX(0) !important;
	}
}