/* SOLUTION CAROUSEL REFERENCE 2026-11-01: keep the existing data and Swiper. */
body.shangzuo-solution-page #solution-page .page-projectCases{overflow:hidden!important}
body.shangzuo-solution-page #solution-page .page-projectCases>.container{width:min(1600px,calc(100% - 64px))!important;max-width:1600px!important;padding:0!important;margin-inline:auto!important}
body.shangzuo-solution-page #solution-page .page-projectCases .sectionTit{font-size:clamp(30px,2.708333vw,52px)!important;line-height:1.35!important;text-align:center!important}
body.shangzuo-solution-page #solution-page .page-projectCases .sectionP{font-size:18px!important;line-height:1.35!important;text-align:center!important;margin:0 auto 72px!important;max-width:864px!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases{position:relative!important;width:100%!important;max-width:824px!important;margin:0 auto!important;padding:0 0 68px!important;box-sizing:border-box!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper{position:relative!important;width:100%!important;overflow:visible!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-wrapper{display:flex!important;align-items:flex-end!important;transition-timing-function:ease!important}
/* Override Swiper's later backface rule, while leaving its track translation intact. */
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-slide{position:relative!important;height:456px!important;flex-shrink:0!important;overflow:hidden!important;transform:scale(.9)!important;transform-origin:bottom center!important;transition:transform .5s ease,box-shadow .5s ease!important;box-sizing:border-box!important;box-shadow:none!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-slide.swiper-slide-active{transform:scale(1)!important;box-shadow:2px 2px 16px rgb(0 0 0 / 15%)!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiperImg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:#e9e5df!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiperImg img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;opacity:.8!important;transition:opacity .5s ease!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-slide-active .swiperImg img{opacity:1!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .itemHTit{position:absolute!important;inset:auto 0 -30px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;height:auto!important;box-sizing:border-box!important;padding:26px!important;margin:0!important;font-size:30px!important;line-height:1.35!important;color:#fff!important;text-align:center!important;text-transform:uppercase!important;background:linear-gradient(0deg,rgb(0 0 0 / 75%) 0%,rgb(0 0 0 / 40%) 50%,transparent 100%)!important;opacity:0!important;visibility:hidden!important;transition:opacity .5s ease,bottom .5s ease,visibility .5s!important;pointer-events:none!important;z-index:2!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-slide-active .itemHTit{bottom:0!important;opacity:1!important;visibility:visible!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .itemHTit span{position:relative!important;display:block!important;max-width:calc(100% - 40px)!important;white-space:normal!important;overflow-wrap:break-word!important;color:inherit!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .itemHTit small{display:block!important;max-width:92%!important;font-family:SZBody,Arial,sans-serif!important;font-size:14px!important;line-height:1.5!important;font-weight:400!important;text-transform:none!important;color:#fff!important}
/* Same chevron drawing and hit area as homepage Applications. */
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-button{display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:4!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-button :is(.button-prev,.button-next){position:absolute!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:block!important;width:44px!important;height:68px!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;line-height:1!important;pointer-events:auto!important;font-size:0!important;cursor:pointer!important;background:transparent!important;color:#fff!important;transition:color .2s ease!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .button-prev{left:-82px!important;right:auto!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .button-next{right:-82px!important;left:auto!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-button button::before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:30px!important;height:30px!important;border:solid currentColor!important;border-width:0 7px 7px 0!important;box-sizing:border-box!important;transform:translate(-50%,-50%) rotate(-45deg)!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-button .button-prev::before{transform:translate(-50%,-50%) rotate(135deg)!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-button svg{display:none!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-button button:is(:hover,:focus-visible){color:#ea5b11!important;background:transparent!important}
body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-button button:focus-visible{outline:2px solid #ea5b11;outline-offset:3px}
@media(max-width:1030px){
 body.shangzuo-solution-page #solution-page .page-projectCases{padding:80px 0!important}
 body.shangzuo-solution-page #solution-page .page-projectCases>.container{width:calc(100% - 36px)!important}
 body.shangzuo-solution-page #solution-page .page-projectCases .sectionP{margin-bottom:40px!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases{max-width:min(824px,calc(100vw - 100px))!important;padding-bottom:52px!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-slide{height:clamp(300px,44.9vw,456px)!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .button-prev{left:12px!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .button-next{right:12px!important}
}
@media(max-width:767px){
 /* Keep the mobile carousel heading and arrows clear of the floating contact rail. */
 body.shangzuo-solution-page .quick-rail{top:auto!important;bottom:12px!important;right:12px!important;left:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;width:auto!important;height:40px!important;border-radius:20px!important;overflow:hidden!important}
 body.shangzuo-solution-page .quick-rail>a{flex:0 0 40px!important;width:40px!important;height:40px!important;min-height:0!important;padding:0!important;border-top:0!important;border-left:1px solid rgb(255 255 255 / 15%)!important}
 body.shangzuo-solution-page .quick-rail>a:first-child{border-left:0!important}
 body.shangzuo-solution-page .quick-rail svg{width:17px!important;height:17px!important}
 body.shangzuo-solution-page #solution-page .page-projectCases{padding:56px 0!important}
 body.shangzuo-solution-page #solution-page .page-projectCases .sectionTit{font-size:clamp(28px,5vw,36px)!important;line-height:1.25!important}
 body.shangzuo-solution-page #solution-page .page-projectCases .sectionP{font-size:16px!important;line-height:1.5!important;margin-top:12px!important;margin-bottom:28px!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases{max-width:100%!important;padding-bottom:40px!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-slide{height:clamp(240px,50vw,380px)!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .itemHTit{padding:18px 44px!important;font-size:20px!important;gap:6px!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .itemHTit span{max-width:100%!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .itemHTit small{font-size:13px!important;max-width:100%!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .itemHTit span::before,
 body.shangzuo-solution-page #solution-page .swiperProjectCases .itemHTit span::after{display:none!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .button-prev{left:6px!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .button-next{right:6px!important}
 body.shangzuo-solution-page #solution-page .swiperProjectCases .swiper-button button::before{width:20px!important;height:20px!important;border-width:0 4px 4px 0!important}
}
@media(prefers-reduced-motion:reduce){
 body.shangzuo-solution-page #solution-page .swiperProjectCases :is(.swiper-wrapper,.swiper-slide,.itemHTit,.swiperImg img){transition-duration:0ms!important}
}
