@media only screen and (max-width:800px) {
	body{ font-size: 0.24rem;}
	.con,.box,main{ width: 94%;}
	.logo{ padding: 0.2rem 0;}
	.logo img{ height: 0.6rem;}
	.mBtn{display: flex; align-items: center; justify-content: center;}
	nav{visibility: hidden; width: 100%; position: absolute; left: 0; top: 1rem; box-sizing: border-box; overflow-y: auto; opacity: 0; transition: 0.3s; background-color: #fff; height: calc(100vh - 0.8rem); z-index: 991; display: block!important; border-top: 1px solid rgba(255, 255, 255, 0.3); background-color: #782234;}
	nav.active{visibility: visible; opacity: 1;}
	.nav-item{ width: 100%; box-sizing: border-box; position: relative; flex-direction: column;align-items:flex-start; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	.nav-item:hover::after{ width: 100%; display: none;}
	.nav-item:hover .second-nav{box-shadow: 0 4px 10px rgba(0, 0, 0, 0);}
	nav{overflow-y: auto;overflow-x: hidden;}
	nav .tops{ display: none;}
	.nav-box,.nav-item{ height: auto;}
	.m-c{display: block; background: rgba(0,0,0,0); position: absolute; width: 100%; height: 0.8rem; left: 0; top: 0; z-index: 992;}
	.second-nav{position: static; left: auto; top:auto; background: none;  border-radius:0;  max-height: 1000px; opacity: 1;  display:none; width: 100%; transition: 0s; visibility: visible; opacity: 1;transform: translateX(0); padding-top: 0;}
	.second-nav a{ display: block; width: 100%; text-align: left; font-size: 0.26rem; color: #fff;}
	.first-nav{ width: 100%;}
	.first-nav a{ font-size: 0.26rem; width: 100%; height: 0.8rem; display: flex; align-items: center;}
	.first-nav.show-nav::after{content: ">"; position: absolute;right: 0; transform: translateY(-50%); top: 50%; transition: 0.3s; font-family: "宋体"; font-size: 0.26rem; color: rgba(255, 255, 255, 0.8);}
	.first-nav.show-nav.focus::after{transform: rotate(90deg);transform-origin: top center;}
	.nav-item:hover::after, .nav-item.on::after{ width: 0;}
	.bannerbox{ height: calc(100vh - 0.8rem);}
	.swiper-pagination{right: 3%;}
	.con1le{ width: 100%;}
	.riqi{ width: 1.1rem;}
	.sj{ display: block;}
	.sj.tops{ position: absolute; right: 1rem; display: flex; align-items: center; top: 0; z-index: 994; height: 100%;}
	.tops img{ width: 0.3rem;}
	.ft_nav{ text-align: center;}
	.ft_logo{ margin: 0 auto;}
	.ft1>div{ margin: 0 auto; text-align: center;}
	.ft2{ margin: 0 auto; margin-top: 0.3rem;}
	.ft_di p{ text-align: center; width: 100%;}
	.con3 .tulist:nth-child(1) .tuk{aspect-ratio: 100/75;}
	.title h3{ font-size: 0.7rem;}
	.more{padding: 0 2em;}
	.con1 img{ margin: 0 auto;}
	#toTop{ width: 0.5rem; height: 0.5rem;}

	.newbox{ gap:30px}
	.listle{ display: none;}
	.listri{ width: 100%;}
	.ersj main{ width: 100%; max-width: 100%;}
	.ernav a{ padding: 0 0.3rem; }
	.left{ width: 100%;}
	.right{ margin-left: 0; width: 100%; margin-top: 0.65rem;}
	.shangxia{ gap: 0.2rem;}
	.shangxia>div{ width: 100%;}
	.ft2 img{ width: 2.2rem;}
	.ft2{ font-size: 0.24rem;}
	.tubox{ gap: 0.2rem; text-align: center;}
	
	
	section{ padding: 0.8rem 0;}
	.kuai2,.xlcon.kuai3{grid-template-columns: repeat(1,minmax(0,1fr));}
	.kuai4,.kuai3{grid-template-columns: repeat(2,minmax(0,1fr));}
	.ft16,.ft18,.ft_nav,.ft1,.title,.con2con .tex,.more{ font-size: 0.24rem;}
	.ft20,.ft22,.con1le .tex,.tulist .fu{ font-size: 0.26rem;}
	.ft24{ font-size: 0.28rem;}
	.ft26{ font-size: 0.3rem;}
}