@media screen and (max-width: 900px) {
    :root {
        
    }
    .gengduo {
		display: block;
		width: 30px;
		height: 30px;
		cursor: pointer;
		z-index: 1000;
		align-self: center;
	}

	.nav-ul.active {
		display: flex;
	}

	.nav-ul {
		width: 100%;
		height: auto;
		display: none;
		flex-direction: column;
		gap: var(--p20);
		position: absolute;
		top: 100%;
		left: 0;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.3);
		z-index: 999;
		overflow-y: auto;
	}
	.grid2 {
	    grid-template-columns: repeat(1, 1fr);
	}
	.banner-spandiv {
        position: absolute;
        top: 30%;
    }
@media screen and (max-width: 480px) {
    :root {
        --ft52: 22px;
        --p120: 30px;
        --ft36: 22px;
    }
    .banner-img {
        min-height: 200px!important;
    }
    .yewu-div1-NR,.grid4 {
        grid-template-columns: repeat(1, 1fr)!important;
    }
    .guangchu-op3 .hezuo {
        grid-template-columns: 1fr!important;
    }
    .kao-left,.kao-right {
        width: 90%!important;
        max-width: 90%!important;
        margin: 0 auto!important;
    }
    .yewu-btn {
        font-size: 14px;
        padding: 10px 15px;
    }
    .banner-spandiv .subtitle {
        font-size: 14px;
    }
    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: var(--swiper-navigation-top-offset, 62%);
    }
    .AboutHome {
        min-height: 1300px!important;
    }
}