/* English mobile layout: follow slkormicro.com_new, plus long-text wrapping. */
@media only screen and (max-width: 768px) {
	:root {
		--jq_w1200: 100%;
		--jq_w1420: 100%;
	}

	html,
	body,
	.layout-container {
		max-width: 100%;
		overflow-x: hidden;
	}

	img,
	video,
	iframe,
	table,
	.swiper,
	.swiper-wrapper,
	.swiper-slide {
		max-width: 100%;
	}

	.w-reference,
	.home-about-slkor-box .about-slkor-wrap,
	.home-honor-box .honor-box,
	.home-news-box .news-box,
	.home-product-type-box .hptb-tab-box .hptb-tab-container,
	.home-product-type-box .hptb-product-box .product-box,
	.footer-box .footer {
		width: 100% !important;
		max-width: 100%;
	}

	.header-box {
		width: 100%;
	}

	.header-box .header {
		align-items: center;
		justify-content: space-between !important;
		max-width: 100%;
		width: 100% !important;
	}

	.header-box .header .logo {
		width: 100px;
	}

	.header-box .header .logo img {
		height: auto;
		max-height: 35px;
		width: auto;
		max-width: 100%;
	}

	.header-box .header-tools {
		flex-shrink: 0;
		gap: 4px;
		margin-left: 0;
	}

	.header-box .header-tools > .icon-search,
	.header-box .header-tools > .icon-menu_show {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.header-box .lang {
		height: auto;
		margin-left: 0;
		width: fit-content;
	}

	.header-box .lang .lang-item {
		height: 36px;
		padding-left: 4px;
		width: fit-content;
	}

	.header-box .lang .lang-item .txt {
		font-size: 12px;
		font-weight: 700;
		margin: 0 4px;
		text-transform: uppercase;
	}

	.header-box .lang .lang-child {
		max-width: calc(100vw - 24px);
		min-width: 140px;
		right: 0;
		width: max-content;
	}

	.header-box .lang .lang-child .child-item .txt {
		font-size: 13px;
		white-space: nowrap;
	}

	.header-box .header .menu {
		box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
		max-height: calc(100vh - 78px);
		overflow-x: hidden;
		overflow-y: auto;
	}

	.header-box .header .menu .menu-item {
		height: auto;
		line-height: 1.4;
		width: 100%;
	}

	.header-box .header .menu .menu-item > a {
		height: auto;
		padding: 8px 10px;
		white-space: normal;
		word-break: break-word;
	}

	.header-box .header .search-box {
		box-sizing: border-box;
		width: 100%;
	}

	.header-box .header .search-box .search {
		width: 100%;
	}

	.home-banner-box,
	.home-banner-box .swiper,
	.home-banner-box .banner-swiper {
		height: 150px;
		max-width: 100%;
	}

	.home-product-type-box .hptb-tab-box .tab-box {
		justify-content: space-between;
		margin-left: 0;
		margin-right: 0;
	}

	.home-product-type-box .hptb-tab-box .tab-box a {
		align-items: center;
		margin: 6px 0;
		min-height: 48px;
		width: 48%;
	}

	.home-product-type-box .hptb-tab-box .tab-box a .txt {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.25;
		overflow: hidden;
		text-align: left;
	}

	.home-product-type-box .hptb-tab-box .tab-box a.active .txt {
		color: var(--jq_primary);
		font-weight: 600;
	}

	.home-product-type-box .hptb-product-box .product-box .product-banner,
	.home-product-type-box .hptb-product-box .product-box .product-banner .swiper2-box {
		width: 100%;
		max-width: 100%;
	}

	.home-product-type-box .hptb-product-box .product-box .product-banner .swiper2-box .swiper-slide {
		width: 100% !important;
		max-width: 100% !important;
	}

	.home-product-type-box .hptb-product-box .product-box .product-banner .swiper2-box .banner-swiper2 {
		flex-direction: column;
		width: 100%;
	}

	.home-product-type-box .hptb-product-box .product-box .product-banner .swiper2-box .banner-swiper2 .img {
		height: auto;
		min-height: 200px;
		width: 100%;
	}

	.home-product-type-box .hptb-product-box .product-box .product-banner .swiper2-box .banner-swiper2 .tit-disc-more .more {
		display: flex;
	}

	.home-about-slkor-box .about-slkor-wrap .slkor-title {
		padding: 20px 8px 12px;
	}

	.home-about-slkor-box .about-slkor-wrap .slkor-title .max-tit,
	.home-news-box .slkor-title .max-tit,
	.home-honor-box .honor-disc .max-tit {
		font-size: 22px;
		line-height: 1.3;
		word-break: break-word;
	}

	.home-about-slkor-box .about-slkor-wrap .slkor-title .min-tit,
	.home-news-box .slkor-title .min-tit,
	.home-honor-box .honor-disc .min-tit {
		font-size: 13px;
		line-height: 1.45;
		word-break: break-word;
	}

	.home-about-slkor-box .about-slkor-wrap .slkor-list,
	.home-about-slkor-box .about-slkor-wrap .slkor-list .slkor-swper,
	#swiper3 {
		max-width: 100%;
		overflow: hidden;
		width: 100%;
	}

	#swiper3 .swiper-wrapper,
	#swiper3 .swiper-slide {
		max-width: 100% !important;
		width: 100% !important;
	}

	.home-about-slkor-box .about-slkor-wrap .slkor-list .about-slkor {
		height: auto;
		max-width: 100%;
	}

	.home-about-slkor-box .about-slkor-wrap .slkor-list .about-slkor .about-slkor-main {
		height: auto !important;
		justify-content: flex-start;
		padding: 10px !important;
		width: 100%;
	}

	.home-about-slkor-box .about-slkor-wrap .slkor-list .about-slkor .about-slkor-main .disc {
		height: auto;
		max-height: 120px;
		overflow-y: auto;
	}

	.home-honor-box .honor-box {
		flex-wrap: wrap;
	}

	.home-honor-box .honor-swper-prevNext,
	.home-honor-box .honor-swiper-prev,
	.home-honor-box .honor-swiper-next {
		display: none !important;
	}

	.footer-box .footer .company-menu .footer-menu-box .footer-menu-item {
		box-sizing: border-box;
		min-width: 140px;
		padding: 0 16px 16px 0;
		width: auto;
	}

	.footer-box .footer .company-menu .footer-menu-box .footer-menu-item .menu-title,
	.footer-box .footer .company-menu .footer-menu-box .footer-menu-item .menu-list a,
	.footer-box .footer .company-menu .footer-contact .value {
		word-break: break-word;
	}

	.detail-img-basic-box .detail-img-basic .detail-basic .basic-title,
	.product-type-box .product-type > .title {
		word-break: break-word;
	}

	.header-box .header .search-box .search .input {
		font-size: 13px;
	}

	.news-list-box .news-list .news-menu {
		margin-bottom: 12px;
		width: 100%;
	}

	.news-list-box .news-list .news-menu .title {
		border-bottom: none;
		font-size: 15px;
		font-weight: 600;
		padding: 10px 12px 4px;
	}

	.news-list-box .news-list .news-menu .menu-item {
		display: flex;
		flex-direction: column;
		gap: 8px;
		overflow: hidden;
		padding: 4px 0 12px;
	}

	.news-list-box .news-list .news-menu .menu-level-1,
	.news-list-box .news-list .news-menu .menu-item .menu-sub,
	.news-list-box .news-list .news-menu .menu-item .application-menu-children:not(.\!hidden) {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 12px;
		scrollbar-width: none;
	}

	.news-list-box .news-list .news-menu .menu-level-1::-webkit-scrollbar,
	.news-list-box .news-list .news-menu .menu-item .menu-sub::-webkit-scrollbar,
	.news-list-box .news-list .news-menu .menu-item .application-menu-children::-webkit-scrollbar {
		display: none;
	}

	.news-list-box .news-list .news-menu .menu-level-1 > a,
	.news-list-box .news-list .news-menu .menu-item > a {
		border-radius: 999px;
		flex: 0 0 auto;
		font-size: 13px;
		line-height: 1.3;
		margin-bottom: 0;
		padding: 7px 14px;
		white-space: nowrap;
		width: auto !important;
	}

	.news-list-box .news-list .news-menu .menu-level-1 > a:before,
	.news-list-box .news-list .news-menu .menu-item > a:before,
	.news-list-box .news-list .news-menu .menu-level-1 > a.active:before,
	.news-list-box .news-list .news-menu .menu-item > a.active:before,
	.news-list-box .news-list .news-menu .menu-level-1 > a:hover:before,
	.news-list-box .news-list .news-menu .menu-item > a:hover:before {
		display: none;
	}

	.news-list-box .news-list .news-menu .menu-item .menu-sub {
		display: none;
	}

	.news-list-box .news-list .news-menu .menu-item .menu-sub.is-open,
	.news-list-box .news-list .news-menu .menu-item .menu-sub:has(a.active),
	.news-list-box .news-list .news-menu .menu-item > a.active + .menu-sub {
		display: flex;
	}

	.news-list-box .news-list .news-menu .menu-item .menu-sub a,
	.news-list-box .news-list .news-menu .menu-item .application-menu-children a {
		border-radius: 999px;
		flex: 0 0 auto;
		font-size: 12px;
		line-height: 1.3;
		margin-bottom: 0;
		padding: 6px 12px;
		white-space: nowrap;
		width: auto !important;
	}

	.news-list-box .news-list .news-menu .menu-item .menu-sub a:before,
	.news-list-box .news-list .news-menu .menu-item .application-menu-children a:before {
		display: none;
	}
}