@media screen and (max-width: 1800px) {
    :root {
        --p36: 30px;
        --ft90: 60px;
        --ft130: 80px;
    }
}
@media screen and (max-width: 1600px) {
    :root {
        --p33: 20px;
        --p34；20px;
        --p36: 15px;
        --p146: 120px;
        --ft90: 50px;
        --ft130: 70px;
    }
}
@media screen and (max-width: 1440px) {
    :root {
        --p44: 20px;
    }
}
@media screen and (max-width: 1024px){
    :root {
        --p166: 300px;
    }
    .leistdiv-leftspan1 {
        width: 61%;
    }
    .banner-YinSi {
        position: absolute;
        left: 0;
        bottom: auto;
        width: 100%;
    }
    .bannerbottom-div4 {
        flex-direction: row;
    }
    .bannerbottom-div4 .a1,
    .bannerbottom-div4 .a2 {
        width: 44%;
    }
    .sendung-img {
        min-height: 60vh;
    }
}
@media screen and (max-width: 900px) {
    :root {
        --ft31: 24px;
        --ft90: 40px;
        --ft130: 50px;
        --he100: 30px;
        --p112: 40px;
        --p146: 80px;
        --p166: 300px;
        --p189: 60px;
        
    }
    .bannerbottom-div4 {
        flex-direction: row;
    }
    .bannerbottom-div4 .a1,
    .bannerbottom-div4 .a2 {
        width: 44%;
    }
    .sendung-img {
        min-height: 60vh;
    }
    .sendungdiv-div .a1,
    .sendungdiv-div .a2 {
        width: 50%;
        margin: 0 auto;
    }
    .sendungdiv-div {
        display: flex;
        /*flex-direction: column;*/
        gap: 10px;
    }
    .bannerbottom-div1 {
        width: 40%;
    }
    .banner-YinSi {
        position: absolute;
        left: 0;
        bottom: auto;
        width: 100%;
    }
    .index-bannerdiv {
        position: absolute;
        left: 0;
        top: 20px;
        width: 100%;
    }
    .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(0, 0, 0, 0.4);
		z-index: 999;
		overflow-y: auto;
	}
    .uberdiv-box {
        flex-wrap: nowrap;
    }
	.leistdiv, .footer,.footer-box,
	.footerdiv-YinSi,.uberdiv-box {
	    display: flex;
	    flex-direction: column;
	}
	.leistdiv-left,.leistdiv-right,
	.footer,.footer-span,.footer-box,
	.footerdiv-YinSi {
	    width: 90%;
	    text-align: center;
	    margin: 0 auto;
	}
	.sendungdiv-div {
	    max-width: 90%;
	}
	.leistdiv-leftspan1,.leistdiv-left,
	.footer,.footer-div,.footerdiv-YinSi,
	.footerdiv-Bottom  {
	    margin: 0 auto;
	}
	.footerdiv-YinSi {
	    gap: var(--p20);
	}
	.footer-box {
	    gap: var(--p30);
	}
}
@media screen and (max-width: 480px) {
    :root {
        --ft14: 10px;
        --ft16: 14px;
        --ft18: 16px;
        --ft23: 16px;
        --ft28: 20px;
        --ft31: 20px;
        --ft40: 24px;
        --ft56: 30px;
        --ft58: 30px;
        --ft90: 20px;
        --ft130: 30px;
        --he100: 10px;
        --p8: 4px;
        --p9: 5px;
        --p17: 5px;
        --p19: 8px;
        --p20: 8px;
        --p32: 15px;
        --p34: 10px;
        --p38: 10px;
        --p13: 4px;
        --p18: 10px;
        --p146: 50px;
        --p166: 320px;
    }
    .sendungdiv-div .a1,
    .sendungdiv-div .a2 {
        width: 50%;
        margin: 0 auto;
    }
    .sendungdiv-div {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .sendung-img {
        min-height: 60vh;
    }
    .index-banner {
        min-height: 50vh;
    }
    .bannerbottom-div1 {
        width: 49%;
    }
    .bannerbottom-div4 {
        flex-direction: row;
    }
    .bannerbottom-div4 .a1,
    .bannerbottom-div4 .a2 {
        width: 44%;
    }
    .index-logo {
        width: 20%;
    }
    .gengduo {
        width: 20px;
        height: 20px;
    }
    .leistdiv-leftspan2 {
        margin-top: var(--p12);
    }
    .leistdiv-leftspan3 {
        margin-bottom: 0;
    }
    .nav-img {
        height: 20px;
    }
    .konbox {
        display: flex;
	    flex-direction: column;
    }
    .konbox {
	    gap: var(--p20);
	}
	.kondiv {
	    margin: 0 auto;
	}
	.kondiv,.footer-div {
        width: 90%;
	}
	.grid2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .uberbox-div:nth-child(4n+1) .uberboxbox-divBottom,
    .uberbox-div:nth-child(4n) .uberboxbox-divBottom{
        width: 90%;
        display: block;
    }
    .uberbox-divimg {
        min-height: 220px;
    }
    .pl {
        width: 10%;
    }
    .sendung-div .sp2,.sendung-div .sp3 {
        text-align: center;
    }
    .banner-YinSi {
        position: absolute;
        left: 0;
        bottom: auto;
        width: 100%;
    }
    .banner-YinSidiv {
        max-width: 90%;
    }
}
@media screen and (max-width: 375px) {
    .bannerbottom-div1 {
        width: 60%;
    }
    .sendungdiv-div .a1, .sendungdiv-div .a2 {
        width: 76%;
        margin: 0 auto;
    }
}