/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */


.case {
	padding: 68px 0 80px;
	background: #f8f8f8
}

.arrivals-wrapper .value-card .value-icon .value-mark,
.indxArrivals .arrivals-wrapper .value-card .value-icon .value-mark {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	color: #fff !important;
	font-size: 52px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
}
.arrivals-wrapper .value-card .value-icon img,
.indxArrivals .arrivals-wrapper .value-card .value-icon img {
	display: block !important;
	width: 68px !important;
	height: 68px !important;
	max-width: 68px !important;
	max-height: 68px !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	filter: none !important;
}

.partner-wrapper {
	overflow: hidden !important;
}
.partner-wrapper .partner-marquee-track {
	display: flex !important;
	width: max-content !important;
	animation: hzPartnerMarquee 32s linear infinite !important;
	will-change: transform;
}
.partner-wrapper:hover .partner-marquee-track {
	animation-play-state: paused !important;
}
.partner-wrapper .partner-marquee-track .swiper-slide {
	float: none !important;
	flex: 0 0 auto !important;
}
@keyframes hzPartnerMarquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
	.arrivals-wrapper .value-card .value-icon .value-mark,
	.indxArrivals .arrivals-wrapper .value-card .value-icon .value-mark {
		font-size: 42px !important;
	}
	.partner-wrapper .partner-marquee-track {
		animation-duration: 24s !important;
	}
	.arrivals-wrapper .value-card .value-icon img,
	.indxArrivals .arrivals-wrapper .value-card .value-icon img {
		width: 54px !important;
		height: 54px !important;
		max-width: 54px !important;
		max-height: 54px !important;
	}
}

.inxPartner .partner-wrapper .partner-marquee-track img {
	filter: grayscale(0) !important;
	opacity: 1 !important;
}

/* 20260627: refine homepage "learn more" buttons and news featured image hover. */
.index-more {
	margin-top: 26px !important;
}
.index-more a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 112px !important;
	height: 38px !important;
	line-height: 36px !important;
	padding: 0 24px !important;
	border: 1px solid #d82019 !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.92) !important;
	color: #d82019 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	box-shadow: 0 6px 16px rgba(216,32,25,.08) !important;
	transition: transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease, border-color .28s ease !important;
}
.index-more a:before,
.index-more a:after {
	display: none !important;
	content: none !important;
}
.index-more a:hover {
	transform: translateY(-2px) !important;
	background: #d82019 !important;
	color: #fff !important;
	border-color: #d82019 !important;
	box-shadow: 0 12px 26px rgba(216,32,25,.24) !important;
}

.news-item .top .pro {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 8px !important;
	background: #f3f5f8 !important;
	box-shadow: 0 8px 18px rgba(20,28,38,.08) !important;
	transition: transform .35s ease, box-shadow .35s ease !important;
}
.news-item .top .pro:after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(135deg, rgba(255,255,255,.24), rgba(216,32,25,.12)) !important;
	opacity: 0 !important;
	transition: opacity .35s ease !important;
	pointer-events: none !important;
}
.news-item .top .pro img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform .45s ease, filter .35s ease !important;
}
.news-item .top:hover .pro {
	transform: translateY(-3px) !important;
	box-shadow: 0 16px 34px rgba(20,28,38,.16) !important;
}
.news-item .top:hover .pro:after {
	opacity: 1 !important;
}
.news-item .top:hover .pro img {
	transform: scale(1.07) !important;
	filter: saturate(1.08) contrast(1.04) !important;
}

/* 20260627: homepage banner line progress pagination. */
.indexbanner {
	position: relative;
}
.indexbanner .ipages {
	position: absolute !important;
	left: 50% !important;
	right: auto !important;
	bottom: 28px !important;
	z-index: 12 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	width: auto !important;
	max-width: calc(100% - 48px) !important;
	height: 24px !important;
	padding: 0 !important;
	transform: translateX(-50%) !important;
	pointer-events: auto !important;
}
.indexbanner .ipages .swiper-pagination-bullet,
.indexbanner .ipages .banner-line-page {
	position: relative !important;
	display: block !important;
	width: 58px !important;
	height: 4px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.72) !important;
	box-shadow: 0 1px 5px rgba(0,0,0,.16) !important;
	opacity: 1 !important;
	cursor: pointer !important;
	overflow: hidden !important;
	transition: width .25s ease, background .25s ease, box-shadow .25s ease !important;
}
.indexbanner .ipages .swiper-pagination-bullet:before,
.indexbanner .ipages .banner-line-page:before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	width: 0 !important;
	background: #d82019 !important;
	border-radius: inherit !important;
	transition: width .35s ease !important;
}
.indexbanner .ipages .swiper-pagination-bullet-active,
.indexbanner .ipages .banner-line-active {
	width: 76px !important;
	background: rgba(255,255,255,.9) !important;
	box-shadow: 0 2px 10px rgba(216,32,25,.22) !important;
}
.indexbanner .ipages .swiper-pagination-bullet-active:before,
.indexbanner .ipages .banner-line-active:before {
	width: 100% !important;
}

@media (max-width: 768px) {
	.indexbanner .ipages {
		bottom: 16px !important;
		gap: 8px !important;
		max-width: calc(100% - 30px) !important;
	}
	.indexbanner .ipages .swiper-pagination-bullet,
	.indexbanner .ipages .banner-line-page {
		width: 38px !important;
		height: 3px !important;
	}
	.indexbanner .ipages .swiper-pagination-bullet-active,
	.indexbanner .ipages .banner-line-active {
		width: 50px !important;
	}
}
.case .swiper-outbox {
	position: relative
}
.case .swiper-outbox .next, .case .swiper-outbox .prev {
	cursor: pointer;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	z-index: 1
}
.case .swiper-outbox .show_left2 {
	visibility: hidden;
	opacity: 0;
	transition: all ease 1s
}
.case .swiper-outbox .show_left2.scroll-watch-in-view {
	opacity: 1;
	visibility: visible;
	transform: translateX(0) rotate(180deg);
	-ms-transform: translateX(0) rotate(180deg);
	-o-transform: translateX(0) rotate(180deg);
	-webkit-transform: translateX(0) rotate(180deg);
	-moz-transform: translateX(0) rotate(180deg)
}
.case .swiper-outbox .prev {
	transform: translateX(-100px) rotate(180deg);
	-ms-transform: translateX(-100px) rotate(180deg);
	-o-transform: translateX(-100px) rotate(180deg);
	-webkit-transform: translateX(-100px) rotate(180deg);
	-moz-transform: translateX(-100px) rotate(180deg);
	left: -115px;
	background: url(../img/next.png) no-repeat center/contain
}
.case .swiper-outbox .next {
	right: -115px;
	background: url(../img/next.png) no-repeat center/contain
}
.case-item {
	margin: 4.2% 0 0!important
}
.case-list:nth-child(3n-1) {
	text-align: center
}
.case-list:nth-child(3n) {
	text-align: right
}
.news {
	padding: 75px 0
}
.news .title {
	margin-bottom: 60px
}
.news .name {
	width: 100%;
	color: #1a1a1a
}
.news .name span {
	font-size: 32px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 20px;
	position: relative;
	top: -2px
}
.news .name:before {
	vertical-align: middle;
	display: inline-block;
	content: '';
	margin-right: 25px;
	width: 8px;
	height: 34px;
	background: #d82019;
}
.news .name:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	border-bottom: 1px dashed #d6d6d6;
	width: calc(100% - 186px)
}
.news-item {
	font-size: 0
}
.news-item .top {
	font-size: 0;
	margin: 40px 0 35px
}
.news-item .top .pro {
	width: 214px;
	height: 132px;
	margin-right: 25px
}
.news-item .top .desc {
	width: calc(100% - 239px)
}
.news-item .top .desc h3 {
	transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	font-size: 18px;
	color: #1a1a1a;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}
.news-item .top .desc p {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
.news-item .top:hover h3 {
	color: #d82019;
}
.news-list {
	position: relative;
	border-bottom: 1px dashed #d6d6d6
}
.news-list p {
	width: 74%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.news-list a {
	display: inline-block;
	padding: 20px 0;
	font-size: 18px;
	color: #1a1a1a;
	transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	-moz-transition: color .4s
}
.news-list .date {
	position: absolute;
	right: 0;
	font-size: 14px;
	color: #999;
	top: 22px
}
.news-list:hover a {
	color: #d82019;
}
.news-left {
	width: 46.7%;
	margin-right: 6.6%
}
.news-right {
	width: 46.7%
}
aside {
	transition: opacity .6s;
	-ms-transition: opacity .6s;
	-o-transition: opacity .6s;
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	opacity: 0!important
}
aside.show_aside {
	opacity: 1!important
}
@media (max-width:1750px) {
.banner-list {
	height: 580px
}
}
@media (max-width:1500px) {
.banner-list {
	height: 450px
}
.banner-list .desc .pro {
	transform: scale(.85);
	-ms-transform: scale(.85);
	-o-transform: scale(.85);
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85)
}
.banner .desc h2 {
	font-size: 42px
}
.banner .desc p {
	margin: 20px 0 30px
}
.banner-next, .banner-prev {
	line-height: 50px;
	width: 50px;
	height: 50px;
	font-size: 24px
}
.intro-list p {
	font-size: 2em
}
.news .name span {
	font-size: 28px
}
.news-list a {
	font-size: 16px
}
.news {
	padding: 55px 0
}
}
@media (max-width:1435px) {
.case .swiper-outbox .prev {
	left: 20px;
	width: 40px
}
.case .swiper-outbox .next {
	right: 20px;
	width: 40px
}
.solution .pro {
	padding-right: 35px
}
.solution .sl_cicle>img {
	width: 360px
}
}
@media (max-width:1240px) {
.banner-next, .banner-prev {
	display: none
}
.intro, .news, .show, .solution_box {
	padding: 45px 2% 60px
}
.case {
	padding: 45px 1% 60px
}
.intro-item {
	margin-top: 35px
}
.intro-list p {
	font-size: 2em
}
.title h3 {
	font-size: 3.2em
}
.show-item {
	display: none
}
.show-item-mobile {
	display: block!important
}
.show-item-mobile .intro-list {
	width: 50%
}
.show-item-mobile .intro-list i {
	width: 80px;
	height: 80px
}
.show-item-mobile .intro-list span {
	font-size: 14px;
	display: block;
	text-align: center
}
.show-item-mobile .intro-list p {
	margin: 15px 0 15px
}
.solution .solution_cm p {
	width: calc(100% - 140px)
}
.solution .pro {
	text-align: center
}
.solution .pro img {
	max-width: 365px
}
.case-list {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}
.case-list .case-box {
	width: auto
}
.case-list .pro {
	height: auto
}
.case-list .desc {
	height: 50px;
	line-height: 50px;
	font-size: 16px
}
.case-list .desc .more {
	right: 15px
}
}
@media (max-width:1000px) {
.banner {
	margin-top: 0!important
}
#boxUl, .banner .desc .font, .banner .first .desc {
	display: none
}
.banner-list {
	height: auto
}
.banner-list .control {
	width: 100%;
	height: auto;
	display: block
}
.banner .desc {
	height: auto
}
.solution {
	margin-top: 20px
}
.solution .desc {
	width: 100%
}
.solution .pro {
	margin-bottom: 0;
	width: 100%
}
.solution .pro img {
	max-width: 365px
}
.news-left {
	width: 100%;
	margin: 0 0 45px
}
.news-right {
	width: 100%
}
.solution .pro {
	padding-right: 0
}
}
@media (max-width:500px) {
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 15px
}
.intro-list {
	width: 50%
}
.title h3 {
	font-size: 2.6em;
	margin-bottom: 5px
}
.title p {
	font-size: 1.4em
}
.intro, .news, .show, .solution_box {
	padding: 25px 2.5% 45px
}
.case {
	padding: 25px 1%
}
.intro-item {
	margin-top: 20px
}
.intro-list {
	height: 160px
}
.intro-list i {
	width: 30px;
	height: 30px
}
.intro-list p {
	font-size: 1.6em;
	margin: 10px 0
}
.intro-list span {
	line-height: 18px;
	font-size: 1.2em
}
.show-item-mobile .intro-list {
	height: 215px
}
.show-item-mobile .intro-list i {
	width: 60px;
	height: 60px
}
.show-item-mobile .intro-list span {
	font-size: 12px
}
.show-item-mobile .intro-list p {
	margin: 10px 0 10px
}
.solution {
	margin-top: 25px
}
.solution i {
	width: 24px;
	height: 24px;
	vertical-align: middle
}
.solution .solution_cm {
	margin-bottom: 10px;
	padding-bottom: 10px
}
.solution .solution_cm span {
	margin: 0 15px 0 10px;
	font-size: 16px;
	vertical-align: middle
}
.solution .solution_cm p {
	width: calc(100% - 100px);
	font-size: 12px
}
.solution .pro {
	margin-top: 30px
}
.solution .pro img {
	max-width: 60%
}
.solution .other {
	padding-top: 0;
	font-size: 12px;
	line-height: 24px
}
.case .swiper-outbox .next, .case .swiper-outbox .prev {
	display: none
}
.case .swiper-pagination2 {
	position: relative;
	margin-top: 20px;
	text-align: center
}
.case .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin: 0 3px;
	background: #000
}
.case .swiper-pagination-bullet-active {
	background: #e75c1e
}
.case-item {
	margin-top: 20px!important
}
.case-list .desc {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	padding-left: 10px
}
.case-list .desc .more {
	background-size: contain;
	width: 22px;
	height: 22px;
	margin-top: -11px
}
.news .title {
	margin-bottom: 30px
}
.news .name:before {
	margin-right: 10px;
	width: 4px;
	height: 24px
}
.news .name:after {
	width: calc(100% - 115px)
}
.news .name span {
	font-size: 20px
}
.news-item .top {
	margin: 20px 0 10px
}
.news-item .top .pro {
	width: 40%;
	height: auto;
	margin-right: 15px
}
.news-item .top .desc {
	width: 54%
}
.news-item .top .desc h3 {
	font-size: 16px;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}
.news-item .top .desc p {
	font-size: 12px;
	line-height: 20px
}
.news-left {
	margin-bottom: 25px
}
.news-list a {
	padding: 10px 0;
	font-size: 14px
}
.news-list .date {
	font-size: 12px;
	top: 11px
}
}
@media (max-width:360px) {
.news-item .top .desc {
	vertical-align: top
}
.news-item .top .desc h3 {
	-webkit-line-clamp: 3
}
.news-item .top .desc p {
	display: none
}
}

/* v6 homepage refinements */
.news.container {
	max-width: 1480px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(24px, 4vw, 72px);
	padding-right: clamp(24px, 4vw, 72px);
	box-sizing: border-box;
}
.news-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: clamp(44px, 5vw, 76px);
	font-size: 0;
}
.news-left,
.news-right {
	display: block;
	vertical-align: top;
	width: calc((100% - clamp(44px, 5vw, 76px)) / 2);
	margin-right: 0;
}
.news-item .top a {
	display: flex;
	align-items: center;
}
.news-item .top .pro {
	flex: 0 0 214px;
	overflow: hidden;
}
.news-item .top .pro img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.news-item .top .desc {
	flex: 1;
	min-width: 0;
	width: auto;
}
.news-item .news-top-placeholder {
	height: 132px;
	margin: 40px 0 35px;
	visibility: hidden;
	pointer-events: none;
}
.news-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 64px;
}
.news-list p {
	flex: 1;
	min-width: 0;
	width: auto;
}
.news-list a {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-list .date {
	position: static;
	flex: 0 0 92px;
	text-align: right;
	line-height: 1;
}

.arrivals-wrapper .value-card {
	height: 360px;
	min-height: 360px;
	background: #fff;
	border: 1px solid #dedede;
	border-bottom: 2px solid #d82019;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 0 42px 34px;
	text-align: center;
	overflow: visible;
	position: relative;
}
.arrivals-wrapper .arrivalsp-min,
.arrivals-wrapper .swiper-wrapper,
.arrivals-wrapper .swiper-slide {
	overflow: visible !important;
}
.arrivals-wrapper .arrivalsp-min {
	padding-top: 72px !important;
}
.arrivals-wrapper .value-card .value-icon {
	width: 122px !important;
	height: 122px !important;
	min-width: 122px !important;
	min-height: 122px !important;
	max-width: 122px !important;
	max-height: 122px !important;
	border-radius: 50%;
	margin: -74px auto 28px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	overflow: hidden !important;
	box-sizing: border-box;
	position: relative;
}
.arrivals-wrapper .value-card-team .value-icon { background: #f06455; }
.arrivals-wrapper .value-card-honor .value-icon { background: #f8ad4b; }
.arrivals-wrapper .value-card-build .value-icon { background: #55b8dd; }
.arrivals-wrapper .value-card .value-icon svg {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1;
	width: 68px !important;
	height: 68px !important;
	min-width: 68px !important;
	min-height: 68px !important;
	max-width: 68px !important;
	max-height: 68px !important;
	display: block !important;
	fill: none !important;
	stroke: #fff !important;
	stroke-width: 4 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}
.arrivals-wrapper .value-card .value-icon svg * {
	fill: none !important;
	stroke: #fff !important;
	stroke-width: 4 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke;
}
.arrivals-wrapper .value-card .value-text {
	border: 0;
	background: transparent;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.arrivals-wrapper .value-card .value-text:before {
	display: none;
}
.arrivals-wrapper .value-card h3 {
	margin: 0;
	line-height: 1.25;
	font-size: 23px;
	font-weight: 700;
	color: #555;
}
.arrivals-wrapper .value-card .value-en {
	margin: 10px 0 22px;
	font-size: 21px;
	line-height: 1.25;
	color: #fb7774;
	font-family: Arial, sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.arrivals-wrapper .value-card .value-desc {
	font-size: 16px;
	line-height: 2;
	color: #777;
	text-align: justify;
	text-indent: 2em;
	text-justify: inter-ideograph;
	margin: 0;
}
.value-chart {
	height: 50px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
}
.value-chart span {
	width: 34px;
	background: linear-gradient(180deg,#f06455,#d82019);
	border-radius: 5px 5px 0 0;
}
.value-chart-line span,
.value-chart-flow span {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #f8ad4b;
	position: relative;
}
.value-chart-line span + span:before,
.value-chart-flow span + span:before {
	content: "";
	position: absolute;
	right: 18px;
	top: 8px;
	width: 28px;
	height: 2px;
	background: #f8ad4b;
}
.value-chart-flow span { background: #55b8dd; }
.value-chart-flow span + span:before { background: #55b8dd; }

.showroom-section,
.showroom-section .commonweb {
	max-width: 1920px;
	width: 100%;
	box-sizing: border-box;
}
.showroom-section {
	background-size: cover !important;
	background-position: center !important;
}

.inxPartner img,
.inxPartner li:hover img {
	filter: none !important;
	-webkit-filter: none !important;
	opacity: 1 !important;
}
.inxpart-list li a {
	background: #fff;
}
.inxpart-list li img {
	height: 112px;
	object-fit: contain;
	padding: 20px 24px;
	box-sizing: border-box;
}

.showcase-cards .inxnews-list li a {
	text-align: center;
}
.showcase-cards .inxnews-list li .tioinfor {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 92px;
	padding: 18px 20px !important;
}
.showcase-cards .inxnews-list li .tioinfor .text {
	width: 100%;
	margin: 0;
	color: #d82019;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}
.showcase-cards .inxnews-list li .tioinfor .date {
	display: none !important;
}

.indxAboutus .par-content {
	text-align: center;
}
.indxAboutus .jianjie {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	text-align-last: left;
}
.indxAboutus .index-more {
	text-align: center;
}

@media (max-width: 1024px) {
	.news-item {
		gap: 0;
		flex-direction: column;
	}
	.news-left,
	.news-right {
		width: 100%;
		margin: 0 0 35px;
	}
	.arrivals-wrapper .value-card {
		height: 350px;
		min-height: 350px;
		padding: 0 24px 28px;
	}
}
@media (max-width: 640px) {
	.news.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.news-item .top a {
		align-items: flex-start;
	}
	.news-item .top .pro {
		flex-basis: 42%;
		height: auto;
	}
	.news-item .news-top-placeholder {
		display: none;
	}
	.news-list {
		min-height: 48px;
		gap: 12px;
	}
	.news-list a {
		padding: 12px 0;
		font-size: 14px;
	}
	.news-list .date {
		flex-basis: 82px;
		font-size: 12px;
	}
	.arrivals-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.arrivals-wrapper .value-card {
		margin-top: 50px;
	}
	.arrivals-wrapper .value-card .value-icon {
		width: 96px;
		height: 96px;
		margin-top: -48px;
		margin-bottom: 24px;
		font-size: 30px;
	}
	.arrivals-wrapper .value-icon svg {
		width: 54px;
		height: 54px;
		stroke-width: 4;
	}
	.arrivals-wrapper .value-card h3 {
		font-size: 21px;
	}
	.arrivals-wrapper .value-card .value-en {
		font-size: 17px;
		margin-bottom: 18px;
	}
	.arrivals-wrapper .value-card .value-desc {
		font-size: 14px;
		line-height: 1.8;
	}
	.inxpart-list li img {
		height: 86px;
		padding: 14px 16px;
	}
}

/* List pages: keep exhibition/news cards aligned */
.newscenter-list ul {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 34px 30px;
	align-items: stretch;
}
.newscenter-list ul:before,
.newscenter-list ul:after {
	display: none !important;
	content: none !important;
}
.newscenter-list li,
.newscenter-list li.col-sm-4 {
	float: none !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block;
}
.newscenter-list li a {
	height: 100%;
	min-height: 442px;
	display: flex !important;
	flex-direction: column;
	background: #fff;
	border: 1px solid #e5e7ef;
	box-sizing: border-box;
	overflow: hidden;
}
.newscenter-list li .news-img {
	width: 100%;
	aspect-ratio: 378 / 278;
	overflow: hidden;
	background: #f3f5f8;
}
.newscenter-list li .news-img img,
.newscenter-list li img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.newscenter-list li .news-text {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 28px 30px 26px;
	box-sizing: border-box;
}
.newscenter-list li .news-text .name {
	min-height: 58px;
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 1.45;
	color: #4d5568;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newscenter-list li .news-text .desc {
	min-height: 86px;
	margin: 0;
	font-size: 15px;
	line-height: 1.9;
	color: #9a9da8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.newscenter-list li .news-text .date {
	margin-top: auto;
	padding-top: 20px;
	display: block;
	font-size: 15px;
	color: #a9abb3;
}
@media (max-width: 1024px) {
	.newscenter-list ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
}
@media (max-width: 640px) {
	.newscenter-list {
		padding-left: 15px;
		padding-right: 15px;
	}
	.newscenter-list ul {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.newscenter-list li a {
		min-height: 0;
	}
	.newscenter-list li .news-text {
		padding: 20px 18px;
	}
	.newscenter-list li .news-text .name {
		min-height: 0;
		font-size: 18px;
	}
	.newscenter-list li .news-text .desc {
		min-height: 0;
		font-size: 14px;
	}
}

/* Final mobile pass: keep homepage sections readable and inside the viewport. */
@media (max-width: 768px) {
	html,
	body {
		overflow-x: hidden !important;
	}
	.indxNewsmin.showcase-cards,
	.indxNewsmin.showcase-cards .commonweb,
	.indxNewsmin.showcase-cards .indxNews-wraper,
	.indxNewsmin.showcase-cards .inxnews-list,
	.indxNewsmin.showcase-cards .inxnews-list ul,
	.indxNewsmin.showcase-cards .swiper-wrapper {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		overflow: visible !important;
		transform: none !important;
	}
	.indxNewsmin.showcase-cards {
		padding: 36px 16px 34px !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list + .inxnews-list {
		margin-top: 0 !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li,
	.indxNewsmin.showcase-cards .inxnews-list .swiper-slide {
		display: block !important;
		float: none !important;
		position: static !important;
		left: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 0 18px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		transform: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li a {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
		border-radius: 8px !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb {
		width: 100% !important;
		height: auto !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 10 !important;
		object-fit: cover !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tioinfor {
		height: auto !important;
		min-height: 76px !important;
		padding: 18px 14px !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tioinfor .text {
		max-width: 100% !important;
		margin: 0 auto !important;
		font-size: 18px !important;
		line-height: 1.45 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: keep-all !important;
		overflow-wrap: anywhere !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}

	.indxArrivals .arrivals-wrapper,
	.indxArrivals .arrivals-wrapper .arrivalsp-min,
	.indxArrivals .arrivals-wrapper .swiper-wrapper {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		overflow: visible !important;
		transform: none !important;
	}
	.indxArrivals .arrivals-wrapper .swiper-slide {
		display: block !important;
		float: none !important;
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 0 72px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		transform: none !important;
	}
	.indxArrivals .arrivals-wrapper .value-card {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 54px auto 0 !important;
		padding: 0 24px 30px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		text-align: center !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-icon {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 104px !important;
		height: 104px !important;
		min-width: 104px !important;
		min-height: 104px !important;
		max-width: 104px !important;
		max-height: 104px !important;
		margin: -52px auto 24px !important;
		border-radius: 50% !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-icon svg {
		width: 54px !important;
		height: 54px !important;
		min-width: 54px !important;
		min-height: 54px !important;
		max-width: 54px !important;
		max-height: 54px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card h3,
	.indxArrivals .arrivals-wrapper .value-card .value-en {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	.indxArrivals .arrivals-wrapper .value-card h3 {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-en {
		font-size: 18px !important;
		line-height: 1.35 !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-desc {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 22px auto 0 !important;
		font-size: 16px !important;
		line-height: 2 !important;
		letter-spacing: 0 !important;
		word-spacing: 0 !important;
		text-align: justify !important;
		text-align-last: left !important;
		text-indent: 2em !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		overflow: visible !important;
	}
	.indxArrivals .arrivals-wrapper .index-btn {
		display: none !important;
	}
	.footer-nav-links {
		display: grid !important;
		grid-template-columns: repeat(3, max-content) !important;
		justify-content: center !important;
		gap: 10px 18px !important;
		margin: 0 auto !important;
		line-height: 1.5 !important;
		letter-spacing: 0 !important;
	}
	.footer-nav-links a {
		position: relative;
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 12px !important;
		font-size: 16px !important;
		line-height: 1.8 !important;
		white-space: nowrap !important;
		letter-spacing: 1px !important;
	}
	.footer-nav-links a:not(:first-child)::before {
		content: "";
		position: absolute;
		left: -9px;
		top: 50%;
		width: 1px;
		height: 14px;
		background: rgba(255, 255, 255, .72);
		transform: translateY(-50%);
	}
	.footer-nav-links a:nth-child(3n+1)::before {
		display: none !important;
		content: none !important;
	}
	.footer .footer-top {
		padding-top: 18px !important;
	}
	.footer .footer-top ul li.li1 h3 {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		height: auto !important;
		margin: 0 !important;
		padding: 14px 0 !important;
		line-height: 1.35 !important;
	}
	.footer .footer-top ul li.li1 h3 a {
		font-size: 18px !important;
		line-height: 1.35 !important;
	}
	.footer .friendlink .commonweb {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.footer .friendlink .telnum {
		font-size: 13px !important;
		line-height: 1.8 !important;
	}
}

@media (max-width: 420px) {
	.indxArrivals .arrivals-wrapper .value-card {
		padding-left: 22px !important;
		padding-right: 22px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-en {
		font-size: 17px !important;
	}
	.footer-nav-links {
		grid-template-columns: repeat(2, max-content) !important;
		gap: 8px 16px !important;
	}
	.footer-nav-links a::before {
		display: none !important;
		content: none !important;
	}
	.footer-nav-links a:nth-child(2n)::before {
		content: "";
		display: block !important;
	}
}

/* Final value-card layout: PNG icons sit above the card, matching the original visual rhythm. */
.indxArrivals .arrivals-wrapper {
	padding: 0 22px !important;
	overflow: visible !important;
}
.indxArrivals .arrivals-wrapper .arrivalsp-min {
	padding-top: 88px !important;
	overflow: visible !important;
}
.indxArrivals .arrivals-wrapper .swiper-wrapper,
.indxArrivals .arrivals-wrapper .swiper-slide {
	overflow: visible !important;
}
.indxArrivals .arrivals-wrapper .value-card {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	box-sizing: border-box !important;
	height: 390px !important;
	min-height: 390px !important;
	margin: 0 !important;
	padding: 126px 56px 42px !important;
	background: #fff !important;
	border: 1px solid #dedede !important;
	border-bottom: 3px solid #d82019 !important;
	border-radius: 0 !important;
	text-align: center !important;
	overflow: visible !important;
}
.indxArrivals .arrivals-wrapper .value-card .value-icon {
	position: absolute !important;
	left: 50% !important;
	top: -74px !important;
	transform: translateX(-50%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 148px !important;
	height: 148px !important;
	min-width: 148px !important;
	min-height: 148px !important;
	max-width: 148px !important;
	max-height: 148px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	z-index: 3 !important;
}
.indxArrivals .arrivals-wrapper .value-card-team .value-icon { background: #f06455 !important; }
.indxArrivals .arrivals-wrapper .value-card-honor .value-icon { background: #f8ad4b !important; }
.indxArrivals .arrivals-wrapper .value-card-build .value-icon { background: #55b8dd !important; }
.indxArrivals .arrivals-wrapper .value-card .value-icon img {
	display: block !important;
	width: 82px !important;
	height: 82px !important;
	max-width: 82px !important;
	max-height: 82px !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	transform: none !important;
	opacity: 1 !important;
}
.indxArrivals .arrivals-wrapper .value-card .value-text {
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	display: block !important;
}
.indxArrivals .arrivals-wrapper .value-card .value-text:before {
	display: none !important;
	content: none !important;
}
.indxArrivals .arrivals-wrapper .value-card h3 {
	margin: 0 0 24px !important;
	color: #55576b !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
}
.indxArrivals .arrivals-wrapper .value-card .value-en {
	margin: 0 0 34px !important;
	color: #fb7774 !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
	font-family: Arial, sans-serif !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
}
.indxArrivals .arrivals-wrapper .value-card .value-desc {
	margin: 0 !important;
	color: #777 !important;
	font-size: 17px !important;
	line-height: 2.05 !important;
	text-align: justify !important;
	text-indent: 2em !important;
	text-align-last: left !important;
	letter-spacing: 0 !important;
}

@media (max-width: 1024px) {
	.indxArrivals .arrivals-wrapper .value-card {
		height: 360px !important;
		min-height: 360px !important;
		padding: 112px 34px 34px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-icon {
		top: -60px !important;
		width: 120px !important;
		height: 120px !important;
		min-width: 120px !important;
		min-height: 120px !important;
		max-width: 120px !important;
		max-height: 120px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-icon img {
		width: 66px !important;
		height: 66px !important;
		max-width: 66px !important;
		max-height: 66px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card h3 {
		font-size: 24px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-en {
		font-size: 20px !important;
	}
}

@media (max-width: 768px) {
	.indxArrivals .arrivals-wrapper .arrivalsp-min {
		padding-top: 66px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card {
		height: auto !important;
		min-height: 0 !important;
		margin: 54px auto 0 !important;
		padding: 86px 24px 30px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-icon {
		top: -52px !important;
		width: 104px !important;
		height: 104px !important;
		min-width: 104px !important;
		min-height: 104px !important;
		max-width: 104px !important;
		max-height: 104px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-icon img {
		width: 56px !important;
		height: 56px !important;
		max-width: 56px !important;
		max-height: 56px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card h3 {
		margin-bottom: 12px !important;
		font-size: 22px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-en {
		margin-bottom: 20px !important;
		font-size: 18px !important;
		white-space: normal !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-desc {
		font-size: 15px !important;
		line-height: 1.9 !important;
	}
}

/* 20260627 final adjustment: match the original card proportion and prevent cached square icons. */
.indxArrivals .arrivals-wrapper .value-card {
	height: 430px !important;
	min-height: 430px !important;
	padding: 118px 48px 38px !important;
}
.indxArrivals .arrivals-wrapper .value-card .value-icon img {
	background: transparent !important;
	box-shadow: none !important;
}
.indxArrivals .arrivals-wrapper .value-card h3 {
	margin-bottom: 22px !important;
	font-size: 25px !important;
}
.indxArrivals .arrivals-wrapper .value-card .value-en {
	margin-bottom: 28px !important;
	font-size: 22px !important;
}
.indxArrivals .arrivals-wrapper .value-card .value-desc {
	font-size: 15px !important;
	line-height: 1.85 !important;
}

@media (max-width: 1024px) {
	.indxArrivals .arrivals-wrapper .value-card {
		height: 390px !important;
		min-height: 390px !important;
		padding: 104px 30px 32px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card h3 {
		font-size: 22px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-en {
		font-size: 18px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-desc {
		font-size: 14px !important;
		line-height: 1.75 !important;
	}
}

@media (max-width: 768px) {
	.indxArrivals .arrivals-wrapper .value-card {
		height: auto !important;
		min-height: 0 !important;
		padding: 86px 24px 30px !important;
	}
	.indxArrivals .arrivals-wrapper .value-card .value-desc {
		text-align: left !important;
		text-indent: 2em !important;
	}
}

/* 20260628 企业展厅卡片 hover 安全区：避免动画放大后被上下区域裁切 */
.showcase-cards {
	overflow: visible !important;
	padding-top: 72px !important;
	padding-bottom: 23px !important;
}
.showcase-cards .inxNews-wraper,
.showcase-cards .inxnews-list,
.showcase-cards .inxnews-list ul,
.showcase-cards .inxnews-list li {
	overflow: visible !important;
}
.showcase-cards .inxnews-list .swiper-wrapper {
	overflow: visible !important;
	padding-top: 12px !important;
	padding-bottom: 9px !important;
}
.showcase-cards .inxnews-list + .inxnews-list {
	margin-top: 11px !important;
}
.showcase-cards .index-more {
	margin-top: 11px !important;
}
.showcase-cards .swiper-pagination,
.showcase-cards .swiper-scrollbar,
.showcase-cards .swiper-button-prev,
.showcase-cards .swiper-button-next {
	display: none !important;
}
@media (max-width: 1024px) {
	.showcase-cards {
		padding-top: 56px !important;
		padding-bottom: 21px !important;
	}
}
@media (max-width: 640px) {
	.showcase-cards {
		padding-top: 42px !important;
		padding-bottom: 19px !important;
	}
	.showcase-cards .inxnews-list .swiper-wrapper {
		padding-top: 6px !important;
		padding-bottom: 12px !important;
	}
}

/* 20260628 mobile final: 企业展厅田字格 + 底部导航压缩 */
@media (max-width: 768px) {
	.indxNewsmin.showcase-cards {
		padding: 34px 14px 28px !important;
	}
	.indxNewsmin.showcase-cards .indxNews-wraper {
		width: calc(100vw - 28px) !important;
		max-width: 760px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list:nth-of-type(n+2) {
		display: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list,
	.indxNewsmin.showcase-cards .inxnews-list ul,
	.indxNewsmin.showcase-cards .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 18px 14px !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-width: 100% !important;
		overflow: visible !important;
		padding: 6px 0 8px !important;
		transform: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li,
	.indxNewsmin.showcase-cards .inxnews-list .swiper-slide {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb img {
		aspect-ratio: 4 / 3 !important;
		object-fit: cover !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tioinfor {
		min-height: 62px !important;
		padding: 12px 8px !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tioinfor .text {
		font-size: 14px !important;
		line-height: 1.35 !important;
		-webkit-line-clamp: 2 !important;
		overflow: hidden !important;
	}
	.indxNewsmin.showcase-cards .index-more {
		margin-top: 16px !important;
		margin-bottom: 0 !important;
	}
	.footer-nav-links {
		grid-template-columns: repeat(3, max-content) !important;
		gap: 2px 12px !important;
		line-height: 1.15 !important;
		padding: 3px 0 !important;
	}
	.footer-nav-links a {
		padding: 0 8px !important;
		font-size: 15px !important;
		line-height: 1.35 !important;
		letter-spacing: .5px !important;
	}
	.footer-nav-links a:not(:first-child)::before {
		left: -6px !important;
		height: 12px !important;
	}
	.footer-nav-links a:nth-child(3n+1)::before {
		display: none !important;
		content: none !important;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.indxNewsmin.showcase-cards .indxNews-wraper {
		width: calc(100vw - 64px) !important;
		max-width: 920px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 420px) {
	.footer-nav-links {
		grid-template-columns: repeat(3, max-content) !important;
		gap: 2px 10px !important;
	}
	.footer-nav-links a {
		padding: 0 6px !important;
		font-size: 14px !important;
		line-height: 1.3 !important;
	}
	.footer-nav-links a::before {
		display: block !important;
		content: "" !important;
	}
	.footer-nav-links a:nth-child(3n+1)::before {
		display: none !important;
		content: none !important;
	}
}

/* 20260628 mobile/tablet hard override: product grid, larger logo, no footer gap */
@media (max-width: 1024px) {
	body {
		padding-top: 64px !important;
	}
	header .headerweb {
		height: 64px !important;
		padding-left: 18px !important;
		padding-right: 14px !important;
		box-sizing: border-box !important;
	}
	header .logo {
		padding: 15px 0 0 !important;
	}
	header .logo img {
		width: auto !important;
		height: 34px !important;
		max-width: 292px !important;
		object-fit: contain !important;
	}
	header .header-right {
		height: 64px !important;
		right: 14px !important;
		top: 0 !important;
	}
	header .headsearch,
	header .header-right .search-con,
	header .header-right .search-inco {
		height: 64px !important;
	}
	header .mobnav-btn {
		top: 18px !important;
	}
	.indxNewsmin.showcase-cards {
		width: 100% !important;
		max-width: 100% !important;
		padding: 34px 14px 28px !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .commonweb,
	.indxNewsmin.showcase-cards .indxNews-wraper {
		display: block !important;
		width: calc(100vw - 28px) !important;
		max-width: 960px !important;
		min-width: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list:nth-of-type(n+2) {
		display: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list,
	.indxNewsmin.showcase-cards .inxnews-list ul,
	.indxNewsmin.showcase-cards .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 18px 14px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 6px 0 8px !important;
		transform: none !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li,
	.indxNewsmin.showcase-cards .inxnews-list .swiper-slide {
		display: block !important;
		position: static !important;
		left: auto !important;
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li a {
		width: 100% !important;
		max-width: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb,
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb img {
		width: 100% !important;
		max-width: none !important;
	}
	.footer-red-nav {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		line-height: 1 !important;
	}
	.footer-red-nav .commonweb,
	.footer-red-nav .index-text,
	.footer-red-nav .footer-nav-links {
		min-height: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.footer-red-nav + .footer,
	.footer {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.footer .footer-top {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
}

@media (max-width: 420px) {
	header .logo img {
		height: 30px !important;
		max-width: 255px !important;
	}
	header .headerweb {
		padding-left: 14px !important;
		padding-right: 10px !important;
	}
	.indxNewsmin.showcase-cards .commonweb,
	.indxNewsmin.showcase-cards .indxNews-wraper {
		width: calc(100vw - 24px) !important;
	}
}

/* 20260628 final hard fix: mobile product grid uses full width, footer nav touches footer, logo unified */
@media (max-width: 1024px) {
	header .logo img,
	.logo img {
		width: auto !important;
		height: 36px !important;
		max-width: 300px !important;
		object-fit: contain !important;
	}
}

@media (max-width: 768px) {
	.indxNewsmin.showcase-cards {
		width: 100% !important;
		max-width: 100% !important;
		padding: 34px 18px 22px !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .indxNews-wraper {
		display: block !important;
		width: min(100%, 640px) !important;
		max-width: 640px !important;
		margin: 0 auto !important;
		padding: 24px 0 18px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		overflow: visible !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list:nth-of-type(n+2) {
		display: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list ul.swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px 14px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 auto !important;
		padding: 0 !important;
		transform: none !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list ul.swiper-wrapper:before,
	.indxNewsmin.showcase-cards .inxnews-list ul.swiper-wrapper:after {
		display: none !important;
		content: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li,
	.indxNewsmin.showcase-cards .inxnews-list .swiper-slide {
		position: static !important;
		display: block !important;
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		transform: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li a {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 auto !important;
		border-radius: 10px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb,
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb img {
		width: 100% !important;
		max-width: 100% !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb img {
		aspect-ratio: 4 / 3 !important;
		height: auto !important;
		object-fit: cover !important;
		display: block !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tioinfor {
		min-height: 66px !important;
		padding: 11px 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tioinfor .text {
		font-size: 15px !important;
		line-height: 1.38 !important;
		font-weight: 700 !important;
		color: #2e3540 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-align: center !important;
	}
	.indxNewsmin.showcase-cards .index-more {
		margin-top: 4px !important;
		margin-bottom: 0 !important;
	}
	.footer-red-nav.padtb {
		padding: 0 !important;
		margin: 0 !important;
		line-height: 1 !important;
	}
	.footer-red-nav .commonweb,
	.footer-red-nav .index-text {
		padding: 0 !important;
		margin: 0 auto !important;
		min-height: 0 !important;
	}
	.footer-red-nav .footer-nav-links {
		display: grid !important;
		grid-template-columns: repeat(3, max-content) !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 2px 16px !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 7px 0 8px !important;
		line-height: 1.2 !important;
		box-sizing: border-box !important;
	}
	.footer-red-nav .footer-nav-links a {
		position: relative !important;
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 9px !important;
		font-size: 15px !important;
		line-height: 1.42 !important;
		letter-spacing: .5px !important;
		white-space: nowrap !important;
	}
	.footer-red-nav .footer-nav-links a:before {
		content: "" !important;
		position: absolute !important;
		left: -8px !important;
		top: 50% !important;
		width: 1px !important;
		height: 12px !important;
		background: rgba(255,255,255,.72) !important;
		transform: translateY(-50%) !important;
	}
	.footer-red-nav .footer-nav-links a:nth-child(3n+1):before {
		display: none !important;
		content: none !important;
	}
	.footer-red-nav + .footer,
	.footer {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.footer .footer-top {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

@media (max-width: 420px) {
	header .logo img,
	.logo img {
		height: 34px !important;
		max-width: 286px !important;
	}
	.indxNewsmin.showcase-cards {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list ul.swiper-wrapper {
		gap: 16px 14px !important;
	}
	.footer-red-nav .footer-nav-links {
		gap: 1px 12px !important;
		padding-top: 6px !important;
		padding-bottom: 7px !important;
	}
	.footer-red-nav .footer-nav-links a {
		font-size: 14px !important;
		padding: 0 7px !important;
		line-height: 1.38 !important;
	}
}

/* 20260628 final hard fix: tablet product grid must stay centered 2x2 */
@media (min-width: 769px) and (max-width: 1024px) {
	.indxNewsmin.showcase-cards {
		width: 100% !important;
		max-width: 100% !important;
		padding: 46px 24px 30px !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .commonweb,
	.indxNewsmin.showcase-cards .indxNews-wraper {
		display: block !important;
		width: min(100%, 760px) !important;
		max-width: 760px !important;
		margin: 0 auto !important;
		padding: 26px 0 20px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		overflow: visible !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list:nth-of-type(n+2) {
		display: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list ul.swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 20px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 auto !important;
		padding: 0 !important;
		transform: none !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list ul.swiper-wrapper:before,
	.indxNewsmin.showcase-cards .inxnews-list ul.swiper-wrapper:after {
		display: none !important;
		content: none !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li,
	.indxNewsmin.showcase-cards .inxnews-list .swiper-slide {
		position: static !important;
		display: block !important;
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
		box-sizing: border-box !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li a {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 auto !important;
		border-radius: 10px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb,
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb img {
		width: 100% !important;
		max-width: 100% !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tiothumb img {
		aspect-ratio: 4 / 3 !important;
		height: auto !important;
		object-fit: cover !important;
		display: block !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tioinfor {
		min-height: 76px !important;
		padding: 14px 10px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}
	.indxNewsmin.showcase-cards .inxnews-list li .tioinfor .text {
		font-size: 18px !important;
		line-height: 1.4 !important;
		font-weight: 700 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-align: center !important;
	}
}

/* 20260628 footer red nav desktop vertical centering */
@media (min-width: 769px) {
  .footer-red-nav {
    min-height: 76px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .footer-red-nav .commonweb,
  .footer-red-nav .index-text,
  .footer-red-nav .footer-nav-links {
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .footer-red-nav .footer-nav-links a {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }
}

/* 20260628 final footer nav gap removal */
.footer-red-nav {
  background: linear-gradient(180deg,#df0808 0%,#c90000 100%) !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}
.footer-red-nav + .footer {
  margin-top: 0 !important;
  border-top: 0 !important;
}
@media (min-width: 769px) {
  .footer-red-nav,
  .footer-red-nav .commonweb,
  .footer-red-nav .index-text,
  .footer-red-nav .footer-nav-links {
    min-height: 64px !important;
  }
}
@media (max-width: 768px) {
  .footer-red-nav {
    padding-bottom: 0 !important;
    margin-bottom: -1px !important;
  }
}

/* 20260628 footer nav hard join with dark footer */
.footer-red-nav,
.footer-red-nav.padtb {
  margin-bottom: -1px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.footer-red-nav + .footer,
.footer {
  margin-top: -1px !important;
  border-top: 0 !important;
}
.footer-red-nav + .footer .footer-top {
  margin-top: 0 !important;
  padding-top: 42px !important;
}