@media screen and (max-width: 1440px) {
	:root {
		--p200: 100px;
	}
}
@media screen and (max-width: 1280px) {
	.index-about-img,.overview-img,.QingBao-img {
		width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	:root {
		--ft18: 16px;
		--ft24: 20px;
		--ft35: 30px;
		--ft40: 30px;
		--ft58: 58px;
		--ft60: 40px;
		--ft81: 50px;
		--p17: 10px;
		--p22: 10px;
		--p30: 20px;
		--p37: 20px;
		--p56: 30px;
		--p74: 40px;
		--p200: 20px;
	}

	.banner-div {
		position: absolute;
		left: var(--p200);
		top: 25%;
	}
}

@media screen and (max-width: 768px) {
	:root {
	    --wd350: 150px;
	    --he78: 30px;
	    --ft22: 14px;
	    --ft30: 18px;
	    --ft34: 14px;
	    --ft36: 18px;
	    --ft38: 20px;
	    --ft38: 20px;
	    --ft44: 20px;
	    --ft52: 22px;
	    --ft57: 20px;
	    --ft60: 30px;
	    --ft87: 40px;
	    --p26: 10px;
	    --p34: 20px;
	    --p35: 15px;
	    --p50: 20px;
	    --p54: 20px;
	    --p61: 20px;
	    --p67: 20px;
	    --p78: 10px;
	    --p93: 20px;
	    --p82: 30px;
	    --p70: 0px;
	    --p80: 40px;
	    --p85: 20px;
	    --p88: 40px;
	    --p101: 30px;
	    --p109: 40px;
	    --p111: 50px;
	    --p117: 50px;
	    --p118: 10px;
	    --p140: 20px;
	    --p150: 0px;
		--p200: 20px;
		--p551: 620px;
	}
	

	.grid2 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.grid3 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}

	.header-logo {
		width: 20%;
	}

	.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: #FFFFFF;
		z-index: 999;
		overflow-y: auto;
	}

	.banner-div {
		position: absolute;
		left: var(--p200);
		top: 20%;
	}

	.index-about-grid {
		margin: 0 auto;
		gap: var(--p34);
		margin-top: var(--p65);
	}
	.index-Persistence {
		padding: 20px 0px;
		display: flex;
		flex-direction: column;
		gap: 19px;
		margin-bottom: 40px;
	}
	.MuJi-div .table-left {
	    width: 35%;
	}
	.MuJi-div .table-right {
	    width: 64%;
	}
	.address2-box-div,.index-contact-box,.footer-box,.about-box {
	    display: flex;
	    flex-direction: column;
	}
	.address2-box-div,.index-contact-box-left,.index-contact-box-right {
	    width: 90%;
	}
	.index-contact-box-left,.index-contact-box-right,.footer-box-leftdiv,.footer-box-rightdiv {
	    margin: 0 auto;
	}
	.footer-box-rightdiv.grid3 {
	    display: grid;
		grid-template-columns: repeat(1, 3fr);
	}
	.index-Persistence {
	    margin-bottom: 20px;
	}
	.show-new-box4-span {
        width: 90%;
        margin: 0;
    }
    .about-img {
        display: block;
        margin: 0 auto;
        width: 80%;
    }
    .about-box-right-div {
        text-align: center;
    }
    .about-rightdiv-span3 {
        display: block;
        margin: 0 auto;
        line-height: 1.2;
    }
    .QingBAo-btn img {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
	:root {
		--he50: 35px;
		--ft14: 10px;
		--ft16: 12px;
		--ft18: 12px;
		--ft20: 14px;
		--ft23: 14px;
		--ft24: 16px;
		--ft26: 18px;
		--ft35: 14px;
		--ft36: 12px;
		--ft38: 16px;
		--ft40: 24px;
		--ft60: 20px;
		--ft81: 22px;
		--p17: 8px;
		--p30: 10px;
		--p65: 30px;
		--p37: 16px;
		--p119: 40px;
		--p64: 20px;
		--p130: 30px;
		--p73: 20px;
		--p78: 20px;
		--p79: 30px;
		--p76: 20px;
		--p81: 20px;
		--p161: 40px;
		--In256: 200px;
		--In530: 200px
	}

	.gengduo {
		width: 20px;
		height: 20px;
	}

	.banner-div {
		position: absolute;
		left: var(--p200);
		top: 15%;
	}

	.banner-btn1 {
		width: 120px;
		font-size: var(--ft16);
		line-height: var(--ft23);
	}

	.banner-btn2 {
		width: 100px;
		font-size: var(--ft16);
		line-height: var(--ft23);
	}
	.index-MuJi-box {
	    padding: 22px 20px 33px;
	}
	.table-row {
        padding: 0 var(--p21);
    }
	
}

@media screen and (max-width: 320px) {
	:root {
		--he50: 25px;
		--ft16: 10px;
		--ft23: 12px;
		--ft24: 14px;
		--ft25: 10px;
		--ft35: 12px;
		--ft60: 16px;
		--ft81: 18px;
	}

	.banner-div {
		position: absolute;
		left: var(--p200);
		top: 10%;
	}

	.banner-btn1 {
		width: 100px;
		font-size: var(--ft16);
		line-height: var(--ft23);
	}

	.banner-btn2 {
		width: 80px;
		font-size: var(--ft16);
		line-height: var(--ft23);
	}
}