@media screen and (max-width: 1920px) {
    :root {
    --ft14: 14px;
    --ft16: 16px;
    --ft18: 16px;
    --ft20: 16px;
    --ft22: 20px;
    --ft23: 18px;
    --ft24: 20px;
    --ft25: 21px;
    --ft26: 23px;
    --ft28: 25px;
    --ft34: 30px;
    --ft38: 33px;
    --ft40: 35px;
    --ft45: 40px;
    --ft48: 43px;
    --ft50: 45px;
    --ft60: 55px;
    --ft80: 50px;
    --ft83: 53px;
    --p66: 40px;
    --p82: 40px;
    }
}
@media screen and (max-width: 1740px) {
    :root {
    --p20: 20px;
    --p34: 30px;
    --p66: 56px;
    --p100: 80px;
    --p121: 101px;
    --p178: 158px;
    --p230: 150px;
    --he130: 110px;
    }
    .footer-div1 .title {
        width: 90%;
    }
}
@media screen and (max-width: 1680px) {
    .aboutdiv-img1 {
        display: block;
        width: 45%;
    }
    .aboutdiv-img2 {
        display: block;
        height: 50%;
        width: 100%;
    }
    .aboutdiv-img3 {
        display: block;
        width: 50%;
    }
    .index-logo {
        width: 150px;
    }
}
@media screen and (max-width: 1600px) {
    :root {
        --ft17: 15px;
    --p7: 7px;
    --p8: 8px;
    --p10: 10px;
    --p13: 13px;
    --p18: 18px;
    --p20: 20px;
    --p22: 22px;
    --p25: 25px;
    --p26: 26px;
    --p27: 27px;
    --p28: 28px;
    --p29: 29px;
    --p31: 31px;
    --p33: 33px;
    --p34: 34px;
    --p35: 35px;
    --p40: 40px;
    --p41: 41px;
    --p43: 43px;
    --p44: 44px;
    --p49: 49px;
    --p58: 58px;
    --p60: 60px;
    --p66: 66px;
    --p74: 74px;
    --p78: 78px;
    --p80: 80px;
    --p82: 82px;
    --p87: 87px;
    --p94: 60px;
    --p97: 60px;
    --p100: 75px;
    --p107: 75px;
    --p118: 80px;
    --p124: 80px;
    --p121: 80px;
    --p128: 80px;
    --p141: 90px;
    --p149: 90px;
    --p160: 100px;
    --p178: 100px;
    --p230: 120px;
    --he61: 61px;
    --he130: 130px;
    
}
    .aboutdiv-img1 {
        display: block;
        width: 42%;
    }
}
@media screen and (max-width: 1540px) {
    .aboutdiv-img1 {
        display: block;
        width: 40%;
    }
}
@media screen and (max-width: 1440px) {
    :root {
        --p230: 50px;
        --he130: 80px;
    }
    .footer-div1 .title {
        width: 70%;
    }
    .index-logo {
        width: 130px;
    }
}
@media screen and (max-width: 1280px) {
    :root {
        --ft18: 16px;
        --ft34: 20px;
        --ft50: 34px;
        --ft80: 50px;
        --ft83: 50px;
        --p160: 100px;
        --p100: 50px;
        --p43: 20px;
        --p41: 20px;
        --p26: 18px;
        --p22: 18px;
    }
    .index-logo {
        display: block;
        width: 140px;
    }
    .about-divimg3 {
        width: 100%;
    }
    .about-divimg3 img {
        display: block;
        width: 47%;
    }
    .indexabout-div1 {
        width: 60%;
    }
    .footer-div1 {
        width: 60%;
    }
    .new-box {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1024px) {
    .indexabout-div1 {
        width: 75%;
    }
}
@media screen and (max-width: 900px) {
    :root {
        --ft17: 14px;
    --p80: 40px;
    --p82: 42px;
    --p87: 47px;
    --p94: 40px;
    --p97: 40px;
    --p100: 45px;
    --p107: 45px;
    --p118: 50px;
    --p124: 50px;
    --p121: 50px;
    --p128: 50px;
    --p141: 50px;
    --p149: 50px;
    --p160: 50px;
    --p178: 50px;
    --p230: 50px;
    }
    .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;
	}
	.about-divimg1,.index-about,.support-box,.contact-box,.footer-box,.productNR-div {
	    display: flex;
	    flex-direction: column;
	}
	.productNR-div2 {
        width: 100%;
	}
	.product-box,.new-box,.productNR-xiangGuanbox {
	    display: grid;
        grid-template-columns: repeat(1, 1fr);
	}
	.about-divimg1,.about-divimg2,.about-divimg3 {
	    width: 90%;
	    margin: 0 auto;
	}
	.aboutdiv-img1 {
	    width: 90%;
	    margin: 0 auto;
	}
	.aboutdiv-img2 {
	    width: 100%;
	}
	.footer-div1 {
	    margin: 0 auto;
	}
	.indexabout-div1 {
        width: 90%;
    }
    .support-div,.contact-div1,.contact-div2 {
        max-width: 90%;
        margin: 0 auto;
    }
    .support-div:hover {
        max-width: 90%;
        background: linear-gradient(270deg, #E8F1FF 0%, #F3F7FF 100%);
        border-radius: 20px;
        border: 1px solid #C9DBFF;
    }
    .footer-div1 .index-logo {
        width: 200px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 480px) {
    :root {
        --ft14: 12px;
        --ft22: 14px;
        --ft24: 14px;
        --ft28: 16px;
        --p20: 20px;
        --p28: 20px;
        --ft45: 20px;
        --ft80: 26px;
        --ft83: 24px;
        --p34: 10px;
        --p66: 30px;
        --p121: 30px;
        --p178: 40px;
        --he130: 60px;
        --p49: 20px;
        --p31: 15px;
        --ft26: 18px;
        --he61: 40px;
        --ft16: 12px;
        --ft50: 24px;
        --ft18: 12px;
        --ft34: 20px;
        --ft20: 14px;
        --p58: 20px;
        --ft48: 30px;
        --p78: 30px;
        --p40: 30px;
        --p78: 30px;
        --p118: 30px;
    }
    .index-logo {
        display: block;
        width: 80px;
    }
    .gengduo {
        width: 25px;
        height: 25px;
    }
    .about-divimg3 {
        width: 100%;
    }
    .about-divimg3 img {
        width: 48%;
    }
    .footer-div1,.footer-div1 .title {
        width: 100%;
    }
    .indexproduct-div1 .btn {
        width: 200px;
        height: 60px;
    }
    .contact-div1NR img {
        display: block;
        width: 40px;
    }
    .product-divNR img {
        width: 50%;
    }
}