/* 响应式（新版式） */
@media screen and (max-width:1920px) {
}
@media screen and (max-width:1720px) {
}
@media screen and (max-width:1660px) {
	.hdMenu > li > a{ padding: 0 20px;}
}
@media screen and (max-width:1440px) {
	body{ font-size: 14px }
	:root{ --hd-top: 66px; --hd-nav: 52px;}
	.hdLogo img{ height: 40px;}
	.hdMenu > li > a{ padding: 0 16px; font-size: 15px;}
	.krHonorGrid{ grid-template-columns: repeat(4, 1fr);}
	.ftCols{ grid-template-columns: repeat(4, 1fr); gap: 28px;}
}
@media screen and (max-width:1280px) {
	:root{ --hd-top: 62px; --hd-nav: 48px;}
	.krSteps{ grid-template-columns: repeat(2, 1fr);}
	.krSteps.krSteps5{ grid-template-columns: repeat(2, 1fr);}
	.krHonorGrid{ grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width:1100px) {
	.hdMenu > li > a{ padding: 0 12px; font-size: 14px;}
	.krSplit{ gap: 30px;}
	.krProdCircles li{ min-width: 100px;}
	.newslist{ grid-gap: 20px; grid-template-columns: repeat(2, 1fr);}
	.krGrid{ grid-gap: 20px; grid-template-columns: repeat(2, 1fr);}
	.krGrid.cols3{ grid-template-columns: repeat(2, 1fr);}
	.krUsageGrid{ grid-template-columns: repeat(3, 1fr);}
	.infoImg .tableBox{ width: 100%; overflow-x: scroll; padding-bottom: 15px; margin-bottom: 15px; }
	.infoImg .tableBox::-webkit-scrollbar { height: 2px;}
	.infoImg .tableBox::-webkit-scrollbar-thumb { background: #d4d4d4; height: 2px; }
	.infoImg .tableBox::-webkit-scrollbar-track { background: #f6f6f6; height: 2px; }
	.ftCols{ grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width:900px) {
	body{ font-size: 13px }
	:root{ --hd-top: 58px; --hd-nav: 0px;}
	.hdTop{ height: var(--hd-top);}
	.hdLogo img{ height: 34px;}
	.hdNav{ display: none;}
	.hdLangBtn{ font-size: 13px;}
	.hdSearchBtn{ width: 38px; height: 38px;}

	.krHero .krHeroImg{ height: 430px;}
	.krHeroTextWrap{ align-items: flex-end;}
	.krHeroCard{ width: 100%; margin-bottom: 56px; border-radius: 10px; padding: 20px;}
	.krHeroPrev{ left: 10px;} .krHeroNext{ right: 10px;}
	.krHeroPrev, .krHeroNext{ width: 38px; height: 38px;}

	.krSec{ padding: 40px 0;}
	.krSplit, .krSplit.reverse{ flex-direction: column; align-items: flex-start;}
	.krSplitText, .krSplitImg{ width: 100%;}
	.krCircleWrap{ width: min(78vw, 360px); margin: 0 auto;}
	.krStats{ gap: 14px 30px;}

	.krProdCircles{ gap: 14px;}
	.krProdCircles li{ width: calc((100% - 28px) / 3); min-width: 0;}
	.krProdName{ font-size: 14px; margin-top: 10px;}

	.krContact{ grid-template-columns: 1fr;}
	.krContactImg{ min-height: 220px;}

	.krIconList{ grid-template-columns: 1fr;}
	.krHonorGrid{ grid-template-columns: repeat(2, 1fr); gap: 12px;}
	.krSteps{ grid-template-columns: 1fr; gap: 14px;}
	.krSteps.krSteps5{ grid-template-columns: 1fr; gap: 14px;}

	.krFormGrid{ grid-template-columns: 1fr;}
	.krFormPanel{ margin-bottom: 25px;}
	.krContactAside{ width: 100%;}

	.krProLayout{ grid-template-columns: 1fr;}
	.krSideBar{ position: static;}
	.krTileGrid{ grid-template-columns: 1fr;}
	.krUsageGrid{ grid-template-columns: repeat(2, 1fr);}
	.krSubHead{ margin-top: 40px;}
	.krFilterRow{ align-items: stretch;}
	.krYearSelect select{ width: 100%; min-width: 0;}
	.krYearSelect{ width: 100%;}
	.krProdCards{ grid-template-columns: 1fr;}
	.krSpecTable td{ padding: 10px 12px;}
	.krSpecTable td.k{ width: 70px;}
	.krSegTab{ padding: 12px 26px;}
	.krNewsGrid{ grid-template-columns: 1fr;}
	.krNewsLead{ grid-row: auto;}
	.krNewsThumb{ min-height: 130px;}

	.ewmImg{ width: 90px;}

	.rightFloat{ right: 14px; bottom: 80px;}

	.pagelist a{ display: none;}
	.pagelist a.page{ display: flex;}
	.myPagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 3px;}
}
@media screen and (max-width:560px) {
	.newslist{ grid-gap: 16px; grid-template-columns: 1fr;}
	.krGrid{ grid-gap: 16px; grid-template-columns: 1fr;}
	.krGrid.cols2, .krGrid.cols3{ grid-template-columns: 1fr;}
	.ftQrs{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 12px;}
	.ftQrs .ewmBox{ min-width: 0;}
	.ftQrs .ewmLab{ font-size: 12px; line-height: 1.45;}
	.krProdCircles li{ width: calc((100% - 14px) / 2);}
	.ftCols{ grid-template-columns: 1fr; gap: 26px;}
	.ftBottomInner{ flex-direction: column; align-items: flex-start;}
	.hdLangBtn .langTxt{ display: none;}
}
@media screen and (min-width:901px) {
	.wap-show{ display: none !important;}
	.h_nav{ display: none;}
	.nav{ display: none !important;}
}