/* Font Face Declaration */
@font-face {
  font-family: 'HarmonyOS Sans SC';
  src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*reset start*/
*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'HarmonyOS Sans SC', sans-serif !important;}
body{font-family: 'HarmonyOS Sans SC', sans-serif !important;background-color: #f5f5f5;}
a{text-decoration:none;}
/*reset end*/

/*navbar start*/
.navbar{width: 100%;height: 8.36458vw;background: #FFFFFF;display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;z-index: 1000;box-shadow: 0 0.26042vw 1.04167vw rgba(0, 0, 0, 0.06);}
.navbar-container{width: 94.0625vw;height: 100%;display: flex;align-items: center;justify-content: space-between;}
@media screen and (min-width: 769px){body{padding-top: 8.36458vw;}}
.navbar-logo{height: 2.34375vw;}
.navbar-menu{display: flex;align-items: center;gap: 2.29167vw;list-style: none;}
.navbar-menu-item{position: relative;display: flex;align-items: center;}
.navbar-menu-link{display: flex;align-items: center;text-decoration: none;cursor: pointer;padding: 1.04167vw 0;}
.navbar-menu-item:hover .navbar-menu-text{color: #4734F6;}
.navbar-menu-item:hover .navbar-dropdown{display: block;opacity: 1;transform: translateY(0);}
.navbar-menu-text{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.14583vw;line-height: 100%;color: #272733;text-align: right;transition: color 0.3s;}
.navbar-menu-arrow{margin-left: 0.57292vw;width: 0.78125vw;height: 0.41667vw;transition: transform 0.3s;}
.navbar-menu-item:hover .navbar-menu-arrow{transform: rotate(180deg);}
.navbar-dropdown{position: absolute;left: 0;top: 100%;background: #FFFFFF;box-shadow: 0 0.26042vw 1.04167vw rgba(0, 0, 0, 0.12);border-radius: 0.3125vw;min-width: 11.45833vw;padding: 0.625vw 0;display: none;opacity: 0;transition: all 0.3s ease;z-index: 1000;}
.navbar-dropdown a{display: block;padding: 0.625vw 1.04167vw;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.35417vw;color: #272733;text-decoration: none;transition: all 0.25s;white-space: nowrap;}
.navbar-dropdown a:hover{background: #F5F6F8;color: #4734F6;padding-left: 1.25vw;}
.navbar-actions{display: flex;align-items: center;}
.navbar-icon{width: 1.25vw;height: 1.25vw;cursor: pointer;}
.navbar-search{margin-right: 1.61458vw;}
.navbar-language{margin-right: 1.61458vw;}
.navbar-search-wrapper{position: relative;}
.navbar-search-dropdown{position: absolute;left: 0;top: calc(100% + 1.04167vw);background: #FFFFFF;box-shadow: 0 0.26042vw 1.04167vw rgba(0, 0, 0, 0.12);border-radius: 0.3125vw;padding: 0.625vw;min-width: 15.625vw;display: none;z-index: 1000;}
.navbar-search-dropdown.active{display: block;}
.navbar-search-input{width: 100%;padding: 0.52083vw 0.78125vw;border: 1px solid #E5E5E5;border-radius: 0.20833vw;font-size: 0.9375vw;outline: none;}
.navbar-search-input:focus{border-color: #4734F6;}
.navbar-language-wrapper{position: relative;}
.navbar-language-dropdown{position: absolute;left: 0;top: calc(100% + 1.04167vw);background: #FFFFFF;box-shadow: 0 0.26042vw 1.04167vw rgba(0, 0, 0, 0.12);border-radius: 0.3125vw;padding: 0.3125vw 0;min-width: 7.29167vw;display: none;list-style: none;z-index: 1000;}
.navbar-language-dropdown.active{display: block;}
.navbar-language-dropdown li{padding: 0.52083vw 0.78125vw;font-size: 0.9375vw;color: #272733;cursor: pointer;transition: all 0.2s;}
.navbar-language-dropdown li:hover{background: #F5F6F8;color: #4734F6;}
.btn-contact{padding: 0.67708vw 1.45833vw;background: #4734F6;border: none;cursor: pointer;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 100%;color: #FFFFFF;margin-right: 0.9375vw;transition: background 0.3s;text-decoration: none;}
.btn-contact:hover{background: #3825d4;}
.btn-demo{padding: 0.67708vw 1.45833vw;background: transparent;border: 0.05208vw solid #4734F6;cursor: pointer;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 100%;color: #4734F6;transition: all 0.3s;text-decoration: none;}
.btn-demo:hover{background: #4734F6;color: #FFFFFF;}
.navbar-toggle{display: none;flex-direction: column;justify-content: space-between;width: 6.51042vw;height: 4.6875vw;cursor: pointer;background: transparent;border: none;padding: 0;}
.navbar-toggle span{width: 100%;height: 0.52083vw;background-color: #272733;border-radius: 0.26042vw;transition: all 0.3s;}
.navbar-toggle.active span:nth-child(1){transform: rotate(45deg) translate(1.5vw, 1.5vw);}
.navbar-toggle.active span:nth-child(2){opacity: 0;}
.navbar-toggle.active span:nth-child(3){transform: rotate(-45deg) translate(1.5vw, -1.5vw);}
.navbar-actions-mobile{display: none;}
/*navbar end*/

/*banner start*/
.banner{width: 100%;height: auto;display: block;position: relative;overflow-x: hidden;}
.banner-top{width: 100%;height: 36.45833vw;background: url('../images/index_banner.webp') no-repeat center center;background-size: cover;display: flex;align-items: center;justify-content: center;position: relative;}
.banner-container{width: 94.0625vw;height: 100%;display: flex;align-items: flex-start;justify-content: flex-start;}
.banner-content-left{display: flex;flex-direction: column;justify-content: space-between;height: 100%;padding-top: 2.34375vw;padding-bottom: 1.97917vw;}
.banner-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 3.54167vw;line-height: 4.84375vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
.banner-logo{width: 4.593753vw;height: auto;display: block;}
/* .banner-content-right{position: absolute;right: -12.13542vw;top: 9.21875vw;z-index: 10;} */
.banner-content-right{position: absolute;right: -9.13542vw;top: 12.21875vw;z-index: 10;}
/* .banner-product{width: auto;height: 47.96875vw;display: block;} */
.banner-product{width: auto;height: 38.4vw;display: block;}
.banner-bottom{width: 100%;height: 24.53125vw;background: #FFFFFF;display: flex;align-items: flex-start;justify-content: center;}
.banner-bottom-content{padding-top: 2.65625vw;}
.banner-subtitle{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.97917vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0 0 3.48958vw 0;}
.banner-btn-demo{padding: 0.72917vw 1.14583vw;background: transparent;border: 0.05208vw solid #4734F6;cursor: pointer;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 100%;color: #4734F6;transition: all 0.3s;text-decoration: none;}
.banner-btn-demo:hover{background: #4734F6;color: #FFFFFF;}
.banner-bar{width: 100%;height: 0.83333vw;background: #4734F6;}
/*banner end*/

/*solutions start*/
.solutions{width: 100%;height: auto;display: block;}
.solutions-top{width: 100%;height: 17.03125vw;display: flex;justify-content: center;align-items: center;}
.solutions-container{width: 94.0625vw;height: 100%;display: flex;align-items: center;}
.solutions-header{width: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.solutions-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;position: absolute;left: 0;transform: translateY(-50%);}
.solutions-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;text-align: center;color: #000000;margin: 0;}
.solutions-bottom{width: 100%;height: 32.29167vw;display: flex;}
.solutions-card{flex: 0 0 calc(25%);height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding: 0 2.03125vw 2.70833vw 2.03125vw;overflow: hidden;transition: flex-basis 0.3s ease;}
.solutions-bottom:hover .solutions-card{flex-basis: calc(25% - 16.67px);}
.solutions-bottom .solutions-card:hover{flex-basis: calc(25% + 50px);}
.solutions-card-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #00000099;transition: opacity 0.3s;}
.solutions-card-content{position: absolute;left: 2.03125vw;top: 3.38542vw;opacity: 0;transition: opacity 0.3s;}
.solutions-card-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.1875vw;line-height: 2.91667vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0 0 0.3125vw 0;}
.solutions-card-desc{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.25vw;line-height: 1.875vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
.solutions-card-btn{position: relative;z-index: 1;display: flex;justify-content: space-between;align-items: center;width: 12.91667vw;height: 2.60417vw;padding: 0.67708vw 1.40625vw;background: #4734F6;border: none;text-decoration: none;transition: width 0.3s;}
.solutions-card-btn span{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 900;font-size: 1.04167vw;line-height: 1.30208vw;letter-spacing: 0.01em;color: #FFFFFF;}
.solutions-card-btn img{width: 0.41667vw;height: auto;display: block;}
.solutions-card:hover .solutions-card-overlay{opacity: 0;}
.solutions-card:hover .solutions-card-content{opacity: 1;}
.solutions-card:hover .solutions-card-btn{width: 15vw;}
/*solutions end*/

/*smart-warehousing start*/
.smart-warehousing{width: 100%;height: 30.72917vw;background: url('../images/index_smart_warehousing_background.webp') no-repeat center center;background-size: cover;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.smart-warehousing-container{width: 94.0625vw;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.smart-warehousing-header{width: 100%;display: flex;justify-content: center;position: relative;}
.smart-warehousing-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;position: absolute;left: 0;}
.smart-warehousing-titles{display: flex;flex-direction: column;align-items: center;}
.smart-warehousing-subtitle{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.5625vw;line-height: 3.125vw;letter-spacing: 0.01em;text-align: center;color: #FFFFFF;margin: 0 0 0.10417vw 0;}
.smart-warehousing-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;text-align: center;color: #FFFFFF;margin: 0;}
.smart-warehousing-stats{width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 5.3125vw;gap: 7.44792vw;}
.smart-warehousing-stat-item{display: flex;align-items: center;gap: 1.30208vw;}
.smart-warehousing-stat-number{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 4.0625vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
.smart-warehousing-stat-desc{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
/*smart-warehousing end*/

/*customers start*/
.customers{width: 100%;height: 8.02083vw;background: #FFFFFF;overflow: hidden;}
.customers-container{width: 100%;height: 100%;display: flex;align-items: center;}
.customers-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 2.91667vw;letter-spacing: 0.01em;color: #000000;margin: 0 0 0 2.96875vw;flex-shrink: 0;}
.customers-carousel-wrapper{flex: 1;margin-left: 2.70833vw;overflow: hidden;position: relative;}
.customers-swiper{width: 100%;height: 100%;}
.customers-swiper .swiper-wrapper{transition-timing-function: linear !important;will-change: transform;}
.customers-swiper .swiper-slide{width: auto !important;display: flex;align-items: center;margin-right: 2.08333vw;}
.customers-swiper .swiper-slide img{height: 1.97917vw;width: auto;display: block;}
/*customers end*/

/*about hero start*/
.about-main{background: #FFFFFF;}
.about-hero{width: 100%;display: flex;flex-direction: column;}
.about-hero-label-container{width: 94.0625vw;height: 5.20833vw;margin: 0 auto;display: flex;align-items: center;justify-content: flex-start;}
.about-hero-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;text-align: center;color: #000000;margin: 0;text-transform: uppercase;}
.about-hero-photo{width: 100%;height: 45.3125vw;background: url('../images/about_us_index.webp') center center/cover no-repeat;}
.about-hero-message{width: 100%;height: 24.375vw;background: url('../images/about_us_bg.webp') center center/cover no-repeat;display: flex;justify-content: center;padding: 0 2.96875vw;}
.about-hero-message-inner{position: relative;width: 94.0625vw;margin: 0 auto;display: flex;align-items: flex-start;justify-content: center;text-align: center;padding-top: 8.33333vw;}
.about-hero-message-label{position: absolute;top: 8.33333vw;left: 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;text-align: left;}
.about-hero-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;width: 100%;text-align: center;}
/*about hero end*/

/*about achievements start*/
.about-achievements{width: 100%;min-height: 70.9375vw;background: #FFFFFF;display: flex;justify-content: center;}
.about-achievements-container{width: 94.0625vw;position: relative;padding-bottom: 4.16667vw;}
.about-achievements-header{width: 100%;display: flex;justify-content: center;padding-top: 6.5625vw;position: relative;}
.about-achievements-label{position: absolute;top: 6.5625vw;left: 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-transform: uppercase;text-align: left;}
.about-achievements-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-align: center;text-transform: uppercase;max-width: 60.41667vw;}
.about-achievements-title-highlight{color: #4734F6;display: inline;}
.about-achievements-title-normal{color: #000000;}
.about-achievements-stats{width: 100%;margin-top: 4.84375vw;display: flex;justify-content: center;gap: 16.61458vw;}
.about-achievements-stat{text-align: center;}
.about-achievements-stat-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.5625vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-transform: uppercase;}
.about-achievements-stat-value{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 4.0625vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #4734F6;margin: 0;}
.about-achievements-details{width: 100%;margin-top: 5.83333vw;display: flex;align-items: flex-start;gap: 4.16667vw;}
.about-achievements-image img{width: auto;height: 30.41667vw;display: block;object-fit: cover;}
.about-achievements-content{flex: 1;display: flex;flex-direction: column;}
.about-achievements-content-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-transform: uppercase;}
.about-achievements-content-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 1.25vw;line-height: 1.97917vw;letter-spacing: 0.01em;color: #000000;margin: 0;}
.about-achievements-content-text{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.875vw;letter-spacing: 0.01em;color: #5C5959;margin: 1.5625vw 0 0 0;}
.about-achievements-content-title + .about-achievements-content-text{margin-top: 1.5625vw;}
.about-achievements-content-text + .about-achievements-content-title{margin-top: 1.97917vw;}
.about-achievements-btn{margin-top: 2.65625vw;padding: 0.72917vw 2.29167vw;border: 0.05208vw solid #000000;background: transparent;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1;color: #000000;cursor: pointer;transition: all 0.2s ease;text-transform: capitalize;align-self: flex-start;text-decoration: none;}
.about-achievements-btn:hover{background: #000000;color: #FFFFFF;}
/*about achievements end*/

/*history section start*/
.history-section{box-sizing: border-box;font-family: 'HarmonyOS Sans SC', sans-serif;background: #f8f8f8;overflow: hidden;position: relative;width: 100%;padding: 4.6875vw 0 0;color: #333;font-size: 0.72917vw;}
.history-section *{box-sizing: border-box;outline: none;-webkit-tap-highlight-color: transparent;}
.history-section ul,.history-section li{list-style: none;margin: 0;padding: 0;}
.history-section p{margin: 0;padding: 0;}
.history-section img{border: none;display: inline-block;max-width: 100%;}
.history-section a{text-decoration: none;color: #333;transition: all 0.25s;}
.history-section .history-inner{width: 94.0625vw;margin: 0 auto;max-width: 100%;position: relative;margin-bottom: 5vw;}
.history-section .history-header{text-align: center;margin-bottom: 0;}
.history-section .history-title{font-size: 2.1875vw;color: #000;margin: 0;font-weight: bold;font-family: 'HarmonyOS Sans SC', sans-serif;}
.history-section .history-content-wrapper{position: relative;margin-top: 0;}
.history-section .history-slide-item{display: flex;justify-content: center;align-items: center;padding: 4.6875vw 0 5.20833vw;position: relative;}
.history-section .history-year-bg{font-family: 'HarmonyOS Sans SC', sans-serif;width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: #eeeeee;font-size: 33.85417vw;font-weight: bold;display: flex;align-items: center;justify-content: center;letter-spacing: 0.26042vw;z-index: 0;pointer-events: none;}
.history-section .history-card{position: relative;z-index: 9;max-width: 66.66667vw;border-radius: 0.3125vw;background: #fff;padding: 2.60417vw;transition: .5s;margin: 0 auto;}
.history-section .history-card:hover{transform: translateY(-0.52083vw);box-shadow: 0 0.52083vw 1.5625vw rgba(0,0,0,0.1);}
.history-section .history-card::after{width: 1.04167vw;height: 1.04167vw;content: "";background: #fff;position: absolute;left: 50%;margin-left: -0.52083vw;bottom: -0.52083vw;transform: rotate(45deg);}
.history-section .card-year{font-family: 'HarmonyOS Sans SC', sans-serif;color: #4734F6;font-size: 1.875vw;line-height: 1.2;font-weight: 600;margin-bottom: 0;}
.history-section .card-text{font-size: 1.14583vw;line-height: 2.08333vw;font-weight: 400;margin-top: 1.04167vw;font-family: 'HarmonyOS Sans SC', sans-serif;}
.history-section .card-text p{position: relative;padding-left: 1.25vw;margin-bottom: 0;}
.history-section .card-text p::before{content: '';position: absolute;left: 0;top: 0.85vw;width: 0.4vw;height: 0.4vw;background: #4734F6;border-radius: 50%;}
.history-section .history-btn-prev,.history-section .history-btn-next{width: 3.125vw;height: 3.125vw;display: flex;align-items: center;justify-content: center;border-radius: 100%;background: #4734F6;color: #fff;position: absolute;top: 50%;margin-top: -1.5625vw;z-index: 10;transition: .25s;cursor: pointer;font-size: 1.25vw;}
.history-section .history-btn-prev span,.history-section .history-btn-next span{font-family: 'HarmonyOS Sans SC', sans-serif;font-size: 2.08333vw;line-height: 1;}
.history-section .history-btn-prev{left: 0;}
.history-section .history-btn-next{right: 0;}
.history-section .history-btn-prev:hover,.history-section .history-btn-next:hover{background: #4734F6;opacity: 0.8;}
.history-section .history-btn-prev.swiper-button-disabled,.history-section .history-btn-next.swiper-button-disabled{opacity: .5;cursor: not-allowed;}
.history-section .history-nav-wrapper{margin-top: 2.52083vw;position: relative;font-size: 1.04167vw;}
.history-section .swiper-container-timeline-nav{padding-top: 1.04167vw;padding-bottom: 1.04167vw;}
.history-section .swiper-container-timeline-nav .swiper-slide{padding-top: 2.60417vw;}
.history-section .nav-item{padding-top: 1.04167vw;border-top: 0.05208vw solid #D2D2D2;transition: .25s;color: #666;cursor: pointer;text-align: center;position: relative;}
.history-section .nav-item h3{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: normal;font-size: 0.9375vw;transition: transform 0.3s;display: inline-block;margin: 0 0 0 1.04167vw;}
.history-section .nav-item i{width: 1.04167vw;height: 1.04167vw;border: 0.10417vw solid #d2d2d2;background: #F5F6F6;transition: .25s;position: absolute;top: -0.52083vw;left: 50%;margin-left: -0.52083vw;border-radius: 100%;box-sizing: border-box;display: block;}
.history-section .nav-item i::after{width: 0.52083vw;height: 0.52083vw;content: "";background: #4734F6;border-radius: 100%;position: absolute;left: 50%;top: 50%;margin-top: -0.26042vw;margin-left: -0.26042vw;opacity: 0;transition: .25s;}
.history-section .swiper-slide-thumb-active .nav-item{color: #4734F6;border-top-color: #4734F6;}
.history-section .swiper-slide-thumb-active .nav-item h3{transform: translateY(-4.16667vw);font-size: 1.5625vw;color: #4734F6;}
.history-section .swiper-slide-thumb-active .nav-item i{border: 0.10417vw solid #4734F6;background: #fff;}
.history-section .swiper-slide-thumb-active .nav-item i::after{opacity: 1;}
/*history section end*/

/*about news start*/
.about-news{width: 100%;background: #4734F6;display: flex;justify-content: center;}
.about-news-container{width: 94.0625vw;padding: 6.82292vw 0 4.16667vw;}
.about-news-header{width: 100%;display: flex;justify-content: center;position: relative;}
.about-news-label{position: absolute;left: 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;}
.about-news-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;}
.about-news-grid{width: 100%;margin-top: 4.6875vw;display: grid;grid-template-columns: repeat(6, 1fr);column-gap: 2.86458vw;}
.about-news-card{display: flex;flex-direction: column;}
.about-news-card img{width: 100%;height: 11.25vw;object-fit: cover;margin-bottom: 0.72917vw;transition: transform 0.3s ease;display: block;}
.about-news-card:hover img{transform: scale(1.05);}
.about-news-meta{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.875vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0 0 0.625vw 0;}
.about-news-card-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.5625vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.about-news-btn{margin-top: 2.5vw;width: 100%;padding: 0.72917vw 0;border: 0.05208vw solid #FFFFFF;background: transparent;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1;color: #FFFFFF;cursor: pointer;transition: all 0.2s ease;text-align: center;text-decoration: none;}
.about-news-btn:hover{background: #FFFFFF;color: #4734F6;}
/*about news end*/

/*solutions hero start*/
.solutions-main{background: #FFFFFF;}
.solutions-hero{width: 100%;height: 14.71875vw;display: flex;align-items: center;justify-content: center;}
.solutions-hero-container{width: 94.0625vw;text-align: center;}
.solutions-hero-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 4.84375vw;letter-spacing: 0.01em;color: #4734F6;margin: 0;text-transform: uppercase;}
.solutions-hero-desc{margin: 0.36458vw 0 0 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.97917vw;line-height: 3.125vw;letter-spacing: 0;text-transform: uppercase;color: #000000;}
/*solutions hero end*/

/*solutions warehousing start*/
.solutions-warehousing{width: 100%;height: 50.26042vw;background: url('../images/solution_warehousing_bg.webp') center center/cover no-repeat;display: flex;align-items: flex-start;}
.solutions-warehousing-text{width: 94.0625vw;margin: 0 auto;padding-top: 2.76042vw;}
.solutions-warehousing-text p{margin: 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.97917vw;line-height: 3.125vw;letter-spacing: 0;text-transform: uppercase;color: #FFFFFF;}
.solutions-warehousing-bar{width: 100%;height: 0.83333vw;background: #4734F6;}
/*solutions warehousing end*/

/*solutions impact start*/
.solutions-impact{width: 100%;background: #FFFFFF;display: flex;justify-content: center;}
.solutions-impact-container{width: 94.0625vw;padding: 4.32292vw 0;}
.solutions-impact-header{width: 100%;display: flex;justify-content: center;position: relative;padding-top: 4.32292vw;}
.solutions-impact-label{position: absolute;left: 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-transform: uppercase;}
.solutions-impact-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-transform: uppercase;text-align: center;}
.solutions-impact-grid{width: 100%;margin-top: 5.20833vw;display: grid;grid-template-columns: repeat(9, auto);align-items: center;justify-content: center;column-gap: 4.6875vw;}
.solutions-impact-item{display: flex;flex-direction: column;align-items: center;text-align: center;}
.solutions-impact-item img{height: 5.72917vw;width: auto;display: block;margin-bottom: 2.44792vw;transition: transform 0.4s ease;}
.solutions-impact-item:hover img{transform: scaleX(-1);}
.solutions-impact-item p{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.5625vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-transform: uppercase;min-height: 3.125vw;display: flex;flex-direction: column;justify-content: flex-start;text-align: center;}
.solutions-impact-divider{height: 14.73958vw;width: 0.05208vw;background: #000000;}
/*solutions impact end*/

/*solutions discover start*/
.solutions-discover{width: 100%;background: #FFFFFF;}
.solutions-discover-hero{width: 100%;height: 19.16667vw;background: #272733;display: flex;justify-content: center;align-items: center;}
.solutions-discover-header{width: 94.0625vw;display: flex;justify-content: center;position: relative;padding-top: 2.96875vw;}
.solutions-discover-label{position: absolute;left: 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;}
.solutions-discover-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;text-align: center;}
.solutions-discover-video{width: 100%;height: 55.625vw;display: flex;justify-content: center;align-items: center;background: #000000;}
.solutions-discover-video video{width: 100%;height: 100%;object-fit: cover;display: block;}
/*solutions discover end*/



/*solutions cases start*/
.solutions-cases{width: 100%;background: #272733;display: flex;justify-content: center;}
.solutions-cases-container{width: 94.0625vw;padding: 0 0 5.72917vw 0;color: #FFFFFF;display: flex;flex-direction: column;}
.solutions-cases-header{width: 100%;display: flex;justify-content: center;position: relative;padding-top: 6.61458vw;}
.solutions-cases-label{position: absolute;left: 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 3.125vw;letter-spacing: 0.01em;margin: 0;text-transform: uppercase;}
.solutions-cases-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 4.84375vw;letter-spacing: 0.01em;margin: 0;text-transform: uppercase;}
.solutions-cases-top{margin-top: 2.60417vw;padding: 0 3.125vw;display: flex;align-items: flex-start;justify-content: space-between;gap: 3.125vw;}
.solutions-case-panel{flex: 0 0 18%;min-width: 230px;}
.solutions-case-panel-number{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.5625vw;line-height: 1;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
.solutions-case-panel-right .solutions-case-panel-number{text-align: right;}
.solutions-case-panel-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;}
.solutions-case-panel-right .solutions-case-panel-title{text-align: right;}
.solutions-case-filter-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;}
.solutions-case-filter-item{display: flex;flex-direction: column;}
.solutions-case-filter-btn{background: transparent;border: none;padding: 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.14583vw;line-height: 2.125vw;letter-spacing: 0.01em;color: #64646D;text-align: left;cursor: pointer;transition: color 0.2s ease;}
.solutions-case-filter-btn.is-active{color: #FFFFFF;}
.solutions-case-filter-btn:hover{color: #FFFFFF;}
.solutions-case-filter-divider{width: 100%;border-bottom: 0.05208vw solid rgba(255,255,255,0.4);margin-bottom: 0.20833vw;}
.solutions-case-filter-item:last-child .solutions-case-filter-divider{display: none;}
[data-filter-type="solution"] .solutions-case-filter-item:nth-child(1) .solutions-case-filter-divider{border-color: #FFFFFF;}
[data-filter-type="solution"] .solutions-case-filter-item:nth-child(2) .solutions-case-filter-divider{border-color: #FFFFFFE5;}
[data-filter-type="solution"] .solutions-case-filter-item:nth-child(3) .solutions-case-filter-divider{border-color: #FFFFFFCC;}
[data-filter-type="solution"] .solutions-case-filter-item:nth-child(4) .solutions-case-filter-divider{border-color: #FFFFFF99;}
[data-filter-type="solution"] .solutions-case-filter-item:nth-child(5) .solutions-case-filter-divider{border-color: #FFFFFF80;}
[data-filter-type="solution"] .solutions-case-filter-item:nth-child(6) .solutions-case-filter-divider{border-color: #FFFFFF66;}
[data-filter-type="industry"] .solutions-case-filter-divider{border-color: rgba(255,255,255,0.25);}
.solutions-filter-cta{margin-top: 2.23958vw;padding: 0.72917vw 1.40625vw;background: #4734F6;border: none;color: #FFFFFF;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;cursor: pointer;transition: opacity 0.2s ease;}
.solutions-filter-cta:hover{opacity: 0.85;}
.solutions-case-preview{flex: 1;display: flex;align-items: center;justify-content: center;gap: 3.69792vw;}
.solutions-preview-wrapper{display: flex;flex-direction: column;align-items: center;gap: 1.5625vw;}
.solutions-preview-frame{width: 25.26042vw;height: 27.70833vw;display: flex;align-items: center;justify-content: center;}
.solutions-preview-image{max-width: 90%;max-height: 90%;object-fit: contain;display: block;}
.solutions-preview-dots{display: flex;align-items: center;justify-content: center;gap: 0.52083vw;min-height: 0.625vw;}
.solutions-preview-dot{width: 0.625vw;height: 0.625vw;border-radius: 50%;background: rgba(255,255,255,0.3);transition: background 0.3s ease;cursor: pointer;}
.solutions-preview-dot.is-active{background: #FFFFFF;}
.solutions-preview-dot:hover{background: rgba(255,255,255,0.6);}
.solutions-preview-arrow{background: transparent;border: none;padding: 0;cursor: pointer;transition: opacity 0.2s ease;}
.solutions-preview-arrow img{height: 73px;width: auto;display: block;}
.solutions-preview-arrow[disabled]{opacity: 0.2;pointer-events: none;}
.solutions-preview-arrow.is-hidden{visibility: hidden;}
.solutions-case-panel-right .solutions-case-filter-btn{text-align: right;}
.solutions-case-panel-right .solutions-case-filter-list{align-items: flex-end;}
.solutions-cases-bottom{margin-top: 1.5vw;}
.solutions-stories-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 3.125vw;letter-spacing: 0.01em;margin: 0 0 1.2vw 0;text-transform: uppercase;}
.solutions-stories-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 3.28125vw;}
.solutions-story-card{display: flex;flex-direction: column;}
.solutions-story-image{width: 100%;height: 16.66667vw;background: rgba(255,255,255,0.05);overflow: hidden;}
.solutions-story-image img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease;}
.solutions-story-image:hover img{transform: scale(1.05);}
.solutions-story-tags{display: flex;flex-wrap: wrap;gap: 0.98958vw;margin-top: 1.5625vw;}
.solutions-story-tag{padding: 0.52083vw 0.83333vw;border: 0.05208vw solid #FFFFFF;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.72917vw;line-height: 1;color: #FFFFFF;text-transform: capitalize;}
.solutions-story-title{margin: 0.625vw 0 0 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.5625vw;color: #FFFFFF;text-decoration: none;display: inline-flex;align-items: center;gap: 0.26042vw;}
.solutions-story-title::after{content: '';width: 0.41667vw;height: 0.41667vw;border-top: 0.05208vw solid currentColor;border-right: 0.05208vw solid currentColor;transform: rotate(45deg);opacity: 0;transition: opacity 0.3s ease;}
.solutions-story-title:hover::after{opacity: 1;}
.solutions-story-desc{margin: 0.3125vw 0 0 0;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.875vw;color: #FFFFFF;}
.solutions-story-empty{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;color: rgba(255,255,255,0.8);text-align: center;margin: 2.08333vw 0;}
.solutions-pagination{margin-top: 3.4375vw;display: flex;align-items: center;justify-content: center;gap: 0.72917vw;flex-wrap: wrap;}
.solutions-pagination.hidden{display: none;}
.solutions-page-btn{width: 2.39583vw;height: 2.39583vw;border: 0.05208vw solid #FFFFFF;background: transparent;color: #FFFFFF;font-family: 'HarmonyOS Sans SC', sans-serif;font-size: 1.04167vw;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
.solutions-page-btn:hover{background: #4734F6;border-color: #4734F6;}
.solutions-page-btn.is-active{background: #4734F6;border-color: #4734F6;}
.solutions-pagination-ellipsis{color: #FFFFFF;font-size: 1.04167vw;}
.solutions-pagination-more{padding: 0.625vw 1.19792vw;background: #E2E2E2;border: none;font-family: 'HarmonyOS Sans SC', sans-serif;font-size: 1.04167vw;color: #000000;cursor: pointer;transition: opacity 0.2s ease;}
.solutions-pagination-more:hover{opacity: 0.85;}
/*solutions cases end*/

/*solutions service start*/
.solutions-service{width: 100%;height: 24.32292vw;background: url('../images/solutions_service_bg.webp') center center/cover no-repeat;display: flex;justify-content: center;align-items: flex-start;}
.solutions-service-header{width: 94.0625vw;display: flex;justify-content: center;position: relative;padding-top: 9.94792vw;}
.solutions-service-label{position: absolute;left: 0;top: 9.94792vw;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;}
.solutions-service-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;text-align: center;}
/*solutions service end*/

/*solutions explore start*/
.solutions-explore{width: 100%;height: 36.25vw;background: #FFFFFF;display: flex;justify-content: center;align-items: flex-start;}
.solutions-explore-container{width: 94.0625vw;display: flex;flex-direction: column;align-items: center;}
.solutions-explore-header{width: 100%;display: flex;justify-content: center;position: relative;padding-top: 7.60417vw;}
.solutions-explore-label{position: absolute;left: 0;top: 7.60417vw;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-transform: uppercase;}
.solutions-explore-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-align: center;}
.solutions-explore-download{width: 38.59375vw;margin-top: 6.5625vw;display: flex;flex-direction: column;}
.solutions-download-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-transform: uppercase;text-align: left;}
.solutions-download-item{margin-top: 0.9375vw;display: flex;align-items: center;justify-content: space-between;}
.solutions-download-left{display: flex;align-items: center;gap: 1.04167vw;}
.solutions-download-icon{height: 2.91667vw;width: auto;display: block;}
.solutions-download-name{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;}
.solutions-download-right{display: flex;align-items: center;gap: 0.67708vw;}
.solutions-download-size{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;}
.solutions-download-link{display: inline-flex;align-items: center;text-decoration: none;}
.solutions-download-btn{height: 1.61458vw;width: auto;display: block;cursor: pointer;transition: opacity 0.3s ease;}
.solutions-download-btn:hover{opacity: 0.7;}
/*solutions explore end*/

/*solutions map start*/
.solutions-map{width: 100%;height: 53.4375vw;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.solutions-map-image{width: 100%;height: 100%;object-fit: cover;display: block;}
/*solutions map end*/

/*industry banner start*/
.industry-main{background: #FFFFFF;}
.industry-banner{width: 100%;height: 46.25vw;background: url('../images/industry_banner_bg.webp') center center/cover no-repeat;display: flex;justify-content: center;align-items: flex-start;}
.industry-banner-container{width: 94.0625vw;display: flex;flex-direction: column;align-items: flex-start;padding-top: 13.38542vw;}
.industry-banner-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 4.16667vw;line-height: 4.84375vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;}
.industry-banner-btn{margin-top: 1.61458vw;padding: 0.72917vw 1.45833vw;background: #4734F6;border: none;display: inline-block;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1;letter-spacing: 0;color: #FFFFFF;text-decoration: none;cursor: pointer;transition: opacity 0.3s ease;}
.industry-banner-btn:hover{opacity: 0.85;}
/*industry banner end*/

/*industry project start*/
.industry-project{width: 100%;min-height: 85.15625vw;background: #FFFFFF;display: flex;justify-content: center;padding: 5.20833vw 0;}
.industry-project-container{width: 94.0625vw;display: flex;flex-direction: column;align-items: center;}
.industry-project-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;margin: 0;text-align: center;}
.industry-project-tags{margin-top: 1.25vw;display: flex;align-items: center;gap: 4.16667vw;}
.industry-project-tag{display: flex;align-items: center;gap: 0.9375vw;}
.industry-project-tag-icon{height: 1.45833vw;width: auto;display: block;}
.industry-project-tag-text{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.25vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #000000;}
.industry-project-stats{margin-top: 4.0625vw;width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 4.47917vw;}
.industry-project-stat-card{height: 13.28125vw;background: linear-gradient(247.54deg, #9888FF 7.84%, #7669F6 20.37%, #4734F6 39.58%, #1D1F7D 66.3%, #000000 91.35%);border-radius: 1vw;display: flex;flex-direction: column;align-items: center;padding: 3.75vw 1.04167vw 0 1.04167vw;}
.industry-project-stat-top{display: flex;align-items: center;gap: 0.52083vw;margin-bottom: 1.35417vw;}
.industry-project-stat-number{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 4.0625vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;}
.industry-project-stat-unit{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;}
.industry-project-stat-desc{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.25vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-align: center;}
.industry-project-section{margin-top: 5.10417vw;width: 100%;}
.industry-project-section-header{display: flex;align-items: center;gap: 0.83333vw;}
.industry-project-section-icon{height: 1.40625vw;width: auto;display: block;}
.industry-project-section-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 1.25vw;line-height: 1.97917vw;letter-spacing: 0.01em;color: #000000;margin: 0;}
.industry-project-section-text{margin-top: 0.9375vw;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.875vw;letter-spacing: 0.01em;color: #5C5959;width: 100%;}
.industry-project-pain{margin-top: 4.42708vw;width: 100%;display: flex;align-items: flex-start;gap: 3.80208vw;}
.industry-project-pain-left{flex: 1;}
.industry-project-pain-list{margin-top: 1.30208vw;display: flex;flex-direction: column;gap: 1.19792vw;}
.industry-project-pain-item{display: flex;flex-direction: column;}
.industry-project-pain-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.25vw;line-height: 1.97917vw;letter-spacing: 0.01em;color: #4734F6;margin: 0;}
.industry-project-pain-desc{margin-top: 0.41667vw;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.875vw;letter-spacing: 0.01em;color: #5C5959;}
.industry-project-pain-right{flex: 0 0 auto;}
.industry-project-pain-image{height: 31.40625vw;width: auto;display: block;}
/*industry project end*/

/*industry solution start*/
.industry-solution{width: 100%;height: 36.97917vw;background: #E2E2E2;display: flex;justify-content: center;align-items: center;}
.industry-solution-container{width: 94.0625vw;display: flex;align-items: center;gap: 3.54167vw;}
.industry-solution-left{flex: 0 0 auto;}
.industry-solution-image{height: 30.72917vw;width: auto;display: block;}
.industry-solution-right{flex: 1;align-self: flex-start;}
/*industry solution end*/

/*industry benefits start*/
.industry-benefits{width: 100%;background: #FFFFFF;display: flex;justify-content: center;padding: 5.20833vw 0;}
.industry-benefits-container{width: 94.0625vw;display: flex;align-items: flex-start;gap: 2.96875vw;}
.industry-benefits-left{flex: 1;}
.industry-benefits-right{flex: 0 0 auto;}
.industry-benefits-image{height: 28.33333vw;width: auto;display: block;}
/*industry benefits end*/

/*industry service start*/
.industry-service{width: 100%;height: 24.32292vw;background: url('../images/solutions_service_bg.webp') center center/cover no-repeat;display: flex;justify-content: center;align-items: flex-start;}
.industry-service-header{width: 94.0625vw;display: flex;justify-content: center;position: relative;padding-top: 9.94792vw;}
.industry-service-label{position: absolute;left: 0;top: 9.94792vw;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;}
.industry-service-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 700;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;text-transform: uppercase;text-align: center;}
/*industry service end*/

/*industry cases start*/
.industry-cases{width: 100%;background: #FFFFFF;display: flex;justify-content: center;padding: 0 0 5.20833vw 0;}
.industry-cases-container{width: 94.0625vw;display: flex;align-items: flex-start;gap: 10.15625vw;}
.industry-cases-left{flex: 0 0 auto;position: relative;padding-top: 14.53125vw;}
.industry-country-filter{position: relative;padding-left: 2.08333vw;}
.industry-country-line{position: absolute;left: 0;top: 0;bottom: 0;width: 0.20833vw;background: #D9D9D9;}
.industry-country-indicator{position: absolute;left: -0.41667vw;top: 0;width: 1.25vw;height: 1.25vw;background: #4734F6;transition: top 0.3s ease;}
.industry-country-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 2.08333vw;}
.industry-country-item{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #5C5959;cursor: pointer;transition: color 0.3s ease;}
.industry-country-item.active{color: #4734F6;font-weight: 700;}
.industry-country-item:hover{color: #4734F6;}
.industry-cases-right{flex: 1;padding-top: 6.30208vw;}
.industry-category-filter{width: 100%;height: 4.32292vw;background: #D9D9D9;padding: 0.78125vw 3.33333vw;display: flex;align-items: center;justify-content: space-between;gap: 1.04167vw;}
.industry-category-item{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 500;font-size: 1.14583vw;line-height: 3.125vw;letter-spacing: 0.01em;color: #4734F6;background: transparent;border: none;cursor: pointer;padding: 0 0.83333vw;transition: all 0.3s ease;white-space: nowrap;}
.industry-category-item.active{background: linear-gradient(90deg, #9888FF 0%, #7669F6 15%, #4734F6 38%, #1D1F7D 70%, #000000 100%);color: #FFFFFF;padding: 0 0.83333vw;}
.industry-category-item:hover{opacity: 0.8;}
.industry-cases-grid{margin-top: 3.125vw;display: grid;grid-template-columns: repeat(3, 1fr);gap: 3.75vw 1.71875vw;}
.industry-case-card{display: flex;flex-direction: column;}
.industry-case-empty{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;color: rgba(0,0,0,0.5);text-align: center;margin: 2.08333vw 0;grid-column: 1 / -1;}
.industry-case-image{width: 100%;height: 13.64583vw;background: #E2E2E2;overflow: hidden;}
.industry-case-image img{width: 100%;height: 100%;object-fit: cover;display: block;}
.industry-case-content{margin-top: 0.72917vw;display: flex;align-items: center;justify-content: space-between;gap: 1.04167vw;}
.industry-case-text{flex: 1;}
.industry-case-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.14583vw;line-height: 1.5625vw;letter-spacing: 0.01em;color: #000000;margin: 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.industry-case-desc{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.875vw;letter-spacing: 0.01em;color: #5C5959;margin: 0;}
.industry-case-more{flex: 0 0 auto;align-self: center;padding: 0.46875vw 0.72917vw;background: #4734F6;border: none;display: flex;align-items: center;gap: 0.9375vw;cursor: pointer;transition: opacity 0.3s ease;text-decoration: none;}
.industry-case-more:hover{opacity: 0.85;}
.industry-case-more-text{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1;letter-spacing: 0;color: #FFFFFF;}
.industry-case-more-arrow{height: 0.52083vw;width: auto;display: block;}
.industry-cases-pagination{margin-top: 4.16667vw;display: flex;align-items: center;justify-content: center;gap: 0.72917vw;flex-wrap: wrap;}
.industry-cases-pagination.hidden{display: none;}
.industry-page-btn{width: 2.39583vw;height: 2.39583vw;border: 0.05208vw solid #000000;background: transparent;color: #000000;font-family: 'HarmonyOS Sans SC', sans-serif;font-size: 1.04167vw;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
.industry-page-btn:hover{background: #4734F6;border-color: #4734F6;color: #FFFFFF;}
.industry-page-btn.is-active{background: #4734F6;border-color: #4734F6;color: #FFFFFF;}
.industry-pagination-ellipsis{color: #000000;font-size: 1.04167vw;}
.industry-pagination-more{padding: 0.625vw 1.19792vw;background: #E2E2E2;border: none;font-family: 'HarmonyOS Sans SC', sans-serif;font-size: 1.04167vw;color: #000000;cursor: pointer;transition: opacity 0.2s ease;}
.industry-pagination-more:hover{opacity: 0.85;}
/*industry cases end*/


/*reach-us start*/
.reach-us{width: 100%;background: #272733;display: flex;justify-content: center;}
.reach-us-container{width: 94.0625vw;display: grid;grid-template-columns: auto 1fr;align-items: start;column-gap: 17.5vw;padding: 5.20833vw 0;}
.reach-us-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 2.91667vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
.reach-us-inner{display: flex;align-items: flex-start;gap: 15.15625vw;}
.reach-us-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 500;font-size: 2.29167vw;line-height: 3.125vw;letter-spacing: 0.03em;color: #FFFFFF;margin: 0;}
.reach-us-phone{margin-top: 0.88542vw;}
.reach-us-phone-label,.reach-us-email-label{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0 0 0.36458vw 0;}
.reach-us-phone-number,.reach-us-email p{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
.reach-us-email{margin-top: 1.45833vw;}
.reach-us-contact-btn{margin-top: 3.4375vw;padding: 0.88542vw 1.25vw;background: transparent;border: 1px solid #FFFFFF;color: #FFFFFF;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1;letter-spacing: 0;cursor: pointer;transition: all 0.2s ease;display:inline-block;text-decoration:none;}
.reach-us-right{flex: 1;min-width: 0;align-self: center;}
.reach-us-subscribe-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 2.91667vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
.reach-us-form{margin-top: 1.09375vw;height: 3.4375vw;border: 1px solid #FFFFFF;display: flex;align-items: center;justify-content: space-between;padding: 0 1.09375vw;}
.reach-us-input{flex: 1;min-width: 0;background: transparent;border: none;outline: none;color: #FFFFFF;font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;}
.reach-us-input::placeholder{color: #FFFFFF;opacity: 1;}
.reach-us-submit{background: none;border: none;padding: 0 0 0 1.09375vw;cursor: pointer;display: flex;align-items: center;}
.reach-us-submit img{height: 0.625vw;width: auto;display: block;transition: transform 0.2s ease, opacity 0.2s ease;}
.reach-us-submit:hover img{transform: translateX(0.20833vw);opacity: 0.9;}
.reach-us-contact-btn:hover{background: #FFFFFF;color: #272733;}
/*reach-us end*/

/*footer start*/
.footer{width: 100%;background: #000000;display: flex;justify-content: center;}
.footer-container{width: 94.0625vw;display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 2.08333vw;padding: 4.16667vw 0 3.4375vw 0;position: relative;height: 25.52083vw;}
.footer-col{display: flex;flex-direction: column;}
.footer-col-1{position: relative;}
.footer-logo{width: 11.51042vw;height: auto;display: block;}
.footer-title{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 2.03125vw 0 0 0;}
.footer-col-1 .footer-title{cursor: pointer;transition: color 0.2s ease;}
.footer-col-1 .footer-title:hover{color: #4734F6;}
.footer-icon{height: 3.703122vw;width: auto;display: block;position: absolute;bottom: 0;left: 0;}
.footer-col-2,.footer-col-3,.footer-col-4{padding-top: 4.11458vw;position: relative;}
.footer-desc{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 0.9375vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;}
.footer-link{font-family: 'HarmonyOS Sans SC', sans-serif;font-weight: 400;font-size: 1.04167vw;line-height: 1.35417vw;letter-spacing: 0.01em;color: #FFFFFF;margin: 0;position: absolute;bottom: 0;left: 0;cursor: pointer;transition: color 0.2s ease;}
.footer-link:hover{color: #4734F6;}
.footer-col-3 .footer-title{margin: 0;position: relative;cursor: pointer;transition: color 0.2s ease;}
.footer-col-3 .footer-title:hover{color: #4734F6;}
.footer-social{display: flex;align-items: center;gap: 0.78125vw;position: absolute;bottom: 0;left: 0;}
.footer-social a{display: flex;align-items: center;transition: transform 0.3s ease;}
.footer-social a:hover{transform: translateY(-0.20833vw);}
.footer-social img{height: 1.25vw;width: auto;display: block;}
/*footer end*/

@media screen and (max-width: 768px){
  /*navbar start*/
  .navbar{height: 60px;position: fixed;top: 0;left: 0;z-index: 1000;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
  .navbar-container{width: 100%;padding: 0 20px;}
  .navbar-logo{height: 30px;}
  .navbar-toggle{display: flex;width: 25px;height: 18px;order: -1;margin-right: 15px;}
  .navbar-toggle span{height: 2px;border-radius: 1px;}
  .navbar-toggle.active span:nth-child(1){transform: rotate(45deg) translate(5px, 5px);}
  .navbar-toggle.active span:nth-child(3){transform: rotate(-45deg) translate(6px, -6px);}
  .navbar-menu{position: fixed;top: 60px;left: -100%;width: 280px;height: calc(100vh - 60px);background-color: #FFFFFF;flex-direction: column;align-items: flex-start;gap: 0;padding: 30px 25px;box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);transition: left 0.3s ease;overflow-y: auto;}
  .navbar-menu.active{left: 0;}
  .navbar-menu-item{width: 100%;border-bottom: 1px solid #f0f0f0;flex-direction: column;align-items: flex-start;}
  .navbar-menu-item:last-child{border-bottom: none;}
  .navbar-menu-link{width: 100%;padding: 15px 0;display: flex;align-items: center;justify-content: space-between;}
  .navbar-menu-text{font-size: 16px;}
  .navbar-menu-arrow{margin-left: 8px;width: 10px;height: 6px;}
  .navbar-dropdown{position: static;transform: none;box-shadow: none;border-radius: 0;min-width: 100%;width: 100%;padding: 6px 0;margin-top: 0;background: #FFFFFF;border-top: 1px solid #f0f0f0;}
  .navbar-dropdown a{font-size: 14px;padding: 12px 0;color: #272733;display: block;border-bottom: 1px solid #f0f0f0;}
  .navbar-dropdown a:last-child{border-bottom: none;}



  .navbar-menu-item.active .navbar-dropdown{display: block;opacity: 1;}
  .navbar-menu-item.active .navbar-menu-arrow{transform: rotate(180deg);}
  .navbar-actions{gap: 15px;}
  .navbar-icon{width: 22px;height: 22px;}
  .navbar-search{margin-right: 0;}
  .navbar-language{margin-right: 0;}
  .navbar-search-wrapper{position: relative;}
  .navbar-search-dropdown{position: fixed;left: 0;right: 0;top: 60px;width: 100%;min-width: 0;padding: 12px 20px;border-radius: 0;background: #FFFFFF;box-shadow: 0 2px 10px rgba(0,0,0,0.1);border-bottom: 1px solid #f0f0f0;display: none;z-index: 10000;}
  .navbar-search-dropdown.active{display: block;}
  .navbar-search-input{width: 100%;height: 42px;padding: 0 12px;font-size: 16px;border-radius: 6px;border: 1px solid #E5E5E5;}
  .navbar-language-wrapper{position: static;}
  .navbar-language-dropdown{position: fixed;left: 0;right: 0;top: auto;bottom: -320px;background: #FFFFFF;border-radius: 16px 16px 0 0;padding: 16px 20px 20px;z-index: 10001;box-shadow: 0 -8px 24px rgba(0,0,0,0.08);transition: bottom 0.3s ease;min-width: 0;border-top: 1px solid #EEE;}
  .navbar-language-dropdown.active{bottom: 0;}
  .navbar-language-dropdown::before{content: '';display: block;width: 36px;height: 4px;background: #DADDE6;border-radius: 2px;margin: 0 auto 14px;}
  .navbar-language-dropdown::after{display: none;}
  .navbar-language-dropdown li{padding: 14px 4px;font-size: 16px;color: #1B1B1B;border-bottom: 1px solid #F0F1F5;text-align: center;}
  .navbar-language-dropdown li:hover{background: #F7F8FF;color: #4734F6;}
  .navbar-language-dropdown li:last-child{border-bottom: none;}
  .btn-contact,.btn-demo{display: none;}
  .navbar-actions-mobile{display: flex;flex-direction: column;width: 100%;gap: 12px;margin-top: 20px;padding-top: 20px;border-top: 1px solid #f0f0f0;}
  .navbar-menu .btn-contact,.navbar-menu .btn-demo{display: block;width: 100%;margin-right: 0;padding: 14px 20px;font-size: 16px;text-align: center;}
  .navbar-menu .btn-contact{background: #4734F6;color: #FFFFFF;}
  .navbar-menu .btn-demo{background: transparent;border: 1px solid #4734F6;color: #4734F6;}
  /*navbar end*/

  /*banner start*/
  .banner-top{height: auto;min-height: 400px;margin-top: 60px;}
  .banner-container{width: 100%;padding: 0 20px;flex-direction: column;}
  .banner-content-left{padding-top: 30px;width: 100%;}
  .banner-title{font-size: 28px;line-height: 36px;margin-bottom: 30px;}
  .banner-logo{width: 60px;margin-bottom: 30px;}
  .banner-content-right{position: static;right: auto;top: auto;padding-top: 20px;width: 100%;text-align: center;}
  .banner-product{width: 90%;height: auto;max-width: 400px;margin: 0 auto;}
  .banner-bottom{height: auto;padding: 30px 0;}
  .banner-bottom-content{padding-top: 0;}
  .banner-subtitle{font-size: 22px;line-height: 32px;margin-bottom: 25px;}
  .banner-btn-demo{padding: 12px 20px;font-size: 16px;border-width: 1px;text-decoration: none;}
  .banner-bar{height: 8px;}
  /*banner end*/

  /*solutions start*/
  .solutions-top{height: auto;padding: 40px 0;}
  .solutions-container{width: 100%;padding: 0 20px;}
  .solutions-header{flex-direction: column;align-items: center;justify-content: center;}
  .solutions-label{position: static;transform: none;font-size: 14px;line-height: 20px;margin-bottom: 15px;}
  .solutions-title{font-size: 22px;line-height: 30px;}
  .solutions-title br{display: none;}
  .solutions-bottom{height: auto;flex-direction: column;}
  .solutions-card{min-height: 280px;padding: 20px;margin-bottom: 12px;align-items: flex-start;flex: none;width: 100%;}
  .solutions-card:last-child{margin-bottom: 0;}
  .solutions-card-overlay{opacity: 0;}
  .solutions-card-content{left: 20px;top: 20px;opacity: 1;}
  .solutions-card-title{font-size: 24px;line-height: 32px;margin-bottom: 8px;}
  .solutions-card-desc{font-size: 14px;line-height: 20px;}
  .solutions-card-btn{width: 80%;height: 42px;padding: 10px 18px;margin: 0 auto;}
  .solutions-card-btn span{font-size: 14px;line-height: 18px;}
  .solutions-card-btn img{width: 6px;}
  .solutions-card:hover .solutions-card-btn{width: 200px;}
  /*solutions end*/

  /*smart-warehousing start*/
  .smart-warehousing{height: auto;min-height: 500px;padding: 40px 0;}
  .smart-warehousing-container{width: 100%;padding: 0 20px;}
  .smart-warehousing-header{flex-direction: column;align-items: center;}
  .smart-warehousing-label{position: static;font-size: 14px;line-height: 20px;margin-bottom: 15px;text-align: center;}
  .smart-warehousing-subtitle{font-size: 18px;line-height: 24px;margin-bottom: 8px;}
  .smart-warehousing-title{font-size: 22px;line-height: 30px;}
  .smart-warehousing-title br{display: none;}
  .smart-warehousing-stats{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;margin-top: 30px;gap: 30px 20px;align-items: flex-start;}
  .smart-warehousing-stat-item{flex-direction: column;gap: 10px;text-align: center;}
  .smart-warehousing-stat-number{font-size: 42px;line-height: 42px;}
  .smart-warehousing-stat-desc{font-size: 13px;line-height: 17px;}
  /*smart-warehousing end*/

  /*customers start*/
  .customers{height: auto;padding: 30px 0;}
  .customers-container{width: 100%;padding: 0 20px;flex-direction: column;gap: 20px;}
  .customers-title{font-size: 16px;line-height: 24px;text-align: center;margin: 0;}
  .customers-carousel-wrapper{margin-left: 0;width: 100%;}
  .customers-swiper .swiper-slide{margin-right: 12.66667vw;}
  .customers-swiper .swiper-slide img{height: 10.13333vw;}
  /*customers end*/

  /*about hero start*/
  .about-main{padding-top: 80px;}
  .about-hero-label-container{width: 100%;height: 70px;justify-content: center;padding: 0 20px;}
  .about-hero-label{font-size: 28px;line-height: 36px;width: 100%;}
  .about-hero-photo{height: 320px;}
  .about-hero-message{height: auto;padding: 40px 20px;}
  .about-hero-message-inner{position: static;width: 100%;flex-direction: column;align-items: center;gap: 12px;padding-top: 0;}
  .about-hero-message-label{position: static;font-size: 14px;line-height: 20px;text-align: center;}
  .about-hero-title{font-size: 26px;line-height: 34px;}
  .about-hero-title br{display: none;}
  /*about hero end*/

  /*about achievements start*/
  .about-achievements{min-height: auto;padding: 40px 0;}
  .about-achievements-container{width: 100%;padding: 0 20px;}
  .about-achievements-header{position: relative;flex-direction: column;align-items: center;gap: 12px;}
  .about-achievements-label{position: static;font-size: 16px;line-height: 24px;text-align: center;margin: 0;}
  .about-achievements-title{font-size: 26px;line-height: 34px;max-width: 100%;text-align: center;}
  .about-achievements-stats{flex-direction: column;gap: 24px;margin-top: 40px;}
  .about-achievements-stat-label{font-size: 18px;line-height: 26px;}
  .about-achievements-stat-value{font-size: 48px;line-height: 50px;}
  .about-achievements-details{flex-direction: column;margin-top: 40px;gap: 24px;}
  .about-achievements-image img{width: 100%;height: auto;}
  .about-achievements-content-label{font-size: 16px;line-height: 24px;text-align: center;margin-bottom: 12px;}
  .about-achievements-content{align-items: center;text-align: center;}
  .about-achievements-content-title{font-size: 20px;line-height: 30px;}
  .about-achievements-content-text{font-size: 16px;line-height: 26px;margin-top: 16px;}
  .about-achievements-content-text + .about-achievements-content-title{margin-top: 24px;}
  .about-achievements-btn{align-self: center;margin-top: 32px;padding: 12px 36px;font-size: 16px;border-width: 1px;}
  /*about achievements end*/

  /*history section start*/
  .history-section{padding: 25px 0;}
  .history-section .history-title{font-size: 24px;}
  .history-section .history-inner{width: 100%;padding: 0 15px;}
  .history-section .history-slide-item{display: block !important;padding: 40px 0;}
  .history-section .history-year-bg{font-size: 15vh;}
  .history-section .history-card{padding: 20px;width: 100%;max-width: 100%;}
  .history-section .card-year{font-size: 28px;}
  .history-section .card-text{margin-top: 15px !important;font-size: 16px;line-height: 25px;}
  .history-section .card-text p{position: relative;font-size: 16px;line-height: 25px;padding: 5px 0 5px 22px;}
  .history-section .swiper-slide-thumb-active .nav-item h3{font-size: 22px;transform: translateY(-70px);}
  .history-section .history-btn-prev,.history-section .history-btn-next{display: none;}
  .history-section .history-nav-wrapper{margin-top: 0;}
  .history-section .nav-item h3{font-size: 14px;}
  /*history section end*/

  /*about news start*/
  .about-news{padding: 60px 0;}
  .about-news-container{width: 100%;padding: 0 20px;}
  .about-news-header{flex-direction: column;align-items: center;gap: 12px;}
  .about-news-label{position: static;font-size: 16px;line-height: 24px;text-align: center;}
  .about-news-title{font-size: 26px;line-height: 34px;text-align: center;}
  .about-news-grid{grid-template-columns: 1fr;row-gap: 32px;margin-top: 32px;}
  .about-news-card img{height: auto;}
  .about-news-meta{font-size: 16px;line-height: 26px;margin-top: 12px;}
  .about-news-card-title{font-size: 20px;line-height: 30px;margin-top: 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
  .about-news-btn{margin-top: 24px;padding: 14px 0;font-size: 18px;border-width: 1px;text-align: center;text-decoration: none;}
  /*about news end*/

  /*solutions hero start*/
  .solutions-hero{height: auto;padding: 80px 20px 40px 20px;}
  .solutions-hero-container{width: 100%;}
  .solutions-hero-title{font-size: 28px;line-height: 36px;}
  .solutions-hero-desc{margin-top: 12px;font-size: 20px;line-height: 30px;}
  /*solutions hero end*/

  /*solutions warehousing start*/
  .solutions-warehousing{height: auto;min-height: 400px;padding: 40px 20px;align-items: flex-start;}
  .solutions-warehousing-text{width: 100%;padding-top: 0;}
  .solutions-warehousing-text p{font-size: 20px;line-height: 30px;}
  .solutions-warehousing-bar{height: 12px;}
  /*solutions warehousing end*/

  /*solutions impact start*/
  .solutions-impact-container{width: 100%;padding: 40px 20px;}
  .solutions-impact-header{padding-top: 40px;flex-direction: column;align-items: center;gap: 12px;}
  .solutions-impact-label{position: static;font-size: 16px;line-height: 24px;text-align: center;}
  .solutions-impact-title{font-size: 26px;line-height: 34px;}
  .solutions-impact-grid{grid-template-columns: 1fr;row-gap: 32px;margin-top: 32px;justify-items: center;}
  .solutions-impact-item{width: 100%;max-width: 280px;margin: 0 auto;align-items: center;}
  .solutions-impact-divider{display: none;}
  .solutions-impact-item img{width: 80px;height: auto;margin-bottom: 16px;transition: transform 0.4s ease;}
  .solutions-impact-item p{font-size: 18px;line-height: 28px;min-height: 56px;}
  /*solutions impact end*/

  /*solutions discover start*/
  .solutions-discover-hero{height: auto;padding: 60px 20px 40px 20px;}
  .solutions-discover-header{width: 100%;padding-top: 50px;}
  .solutions-discover-label{position: absolute;top: 0;left: 0;font-size: 16px;line-height: 24px;text-align: center;width: 100%;color: #FFFFFF;}
  .solutions-discover-title{font-size: 28px;line-height: 36px;}
  .solutions-discover-video{height: auto;background: #000000;}
  .solutions-discover-video video{width: 100%;height: auto;}
  /*solutions discover end*/



  /*solutions cases start*/
  .solutions-cases-container{width: 100%;padding: 60px 20px 60px 20px;}
  .solutions-cases-header{position: relative;width: 100%;padding-top: 50px;align-items: center;justify-content: center;}
  .solutions-cases-label{position: absolute;top: 0;left: 0;width: 100%;font-size: 16px;line-height: 24px;text-align: center;margin-bottom: 0;}
  .solutions-cases-title{font-size: 26px;line-height: 34px;text-align: center;width: 100%;}
  .solutions-cases-top{flex-direction: column;gap: 40px;padding: 0;}
  .solutions-case-panel{flex: none;width: 100%;margin-bottom: 24px;}
  .solutions-case-panel-number{text-align: center;font-size: 24px;margin-bottom: 12px;}
  .solutions-case-panel-right .solutions-case-panel-number{text-align: center;}
  .solutions-case-panel-title{text-align: center;font-size: 16px;padding: 12px 0;}
  .solutions-case-panel-right .solutions-case-panel-title{text-align: center;}
  .solutions-case-panel-right .solutions-case-filter-list{align-items: center;}
  .solutions-case-panel-right .solutions-case-filter-btn{text-align: center;}
  .solutions-case-filter-list{gap: 8px;}
  .solutions-case-filter-btn{font-size: 18px;line-height: 40px;text-align: center;}
  .solutions-filter-cta{display: block;font-size: 16px;padding: 12px 24px;margin: 12px auto 0 auto;text-align: center;}
  .solutions-case-preview{display: flex;align-items: center;justify-content: center;gap: 16px;width: 100%;}
  .solutions-preview-wrapper{gap: 20px;}
  .solutions-preview-frame{width: clamp(240px, 70vw, 360px);height: auto;aspect-ratio: 485 / 532;}
  .solutions-preview-image{width: 100%;height: auto;}
  .solutions-preview-dots{gap: 8px;min-height: 10px;}
  .solutions-preview-dot{width: 10px;height: 10px;}
  .solutions-preview-arrow img{height: 48px;}
  .solutions-cases-bottom{margin-top: 40px;}
  .solutions-stories-label{text-align: left;font-size: 16px;text-transform: uppercase;margin-bottom: 16px;}
  .solutions-stories-grid{grid-template-columns: 1fr;gap: 24px;}
  .solutions-story-image{height: auto;aspect-ratio: 16 / 9;}
  .solutions-story-tags{gap: 10px;justify-content: flex-start;}
  .solutions-story-tag{font-size: 12px;padding: 8px 12px;}
  .solutions-story-title{text-align: left;font-size: 18px;line-height: 26px;display: inline-flex;align-items: center;gap: 8px;}
  .solutions-story-desc{text-align: left;font-size: 14px;line-height: 22px;}
  .solutions-story-empty{font-size: 16px;text-align: left;}
  .solutions-pagination{gap: 12px;justify-content: center;}
  .solutions-page-btn{width: 44px;height: 44px;font-size: 16px;}
  .solutions-pagination-ellipsis{font-size: 16px;}
  .solutions-pagination-more{width: auto;min-width: 120px;text-align: center;font-size: 16px;padding: 12px 24px;}
  /*solutions cases end*/

  /*solutions service start*/
  .solutions-service{height: auto;padding: 60px 20px;}
  .solutions-service-header{width: 100%;position: relative;padding-top: 50px;align-items: center;justify-content: center;}
  .solutions-service-label{position: absolute;top: 0;left: 0;width: 100%;font-size: 16px;line-height: 24px;text-align: center;}
  .solutions-service-title{font-size: 26px;line-height: 34px;text-align: center;width: 100%;}
  .solutions-service-title br{display: none;}
  /*solutions service end*/

  /*solutions explore start*/
  .solutions-explore{height: auto;padding: 60px 20px;}
  .solutions-explore-container{width: 100%;}
  .solutions-explore-header{width: 100%;position: relative;padding-top: 50px;align-items: center;justify-content: center;}
  .solutions-explore-label{position: absolute;top: 0;left: 0;width: 100%;font-size: 16px;line-height: 24px;text-align: center;}
  .solutions-explore-title{font-size: 26px;line-height: 34px;text-align: center;width: 100%;}
  .solutions-explore-title br{display: none;}
  .solutions-explore-download{width: 100%;margin-top: 40px;}
  .solutions-download-label{font-size: 16px;line-height: 24px;text-align: left;}
  .solutions-download-item{margin-top: 16px;flex-wrap: wrap;gap: 12px;}
  .solutions-download-left{gap: 12px;flex: 1;min-width: 200px;}
  .solutions-download-icon{height: 40px;}
  .solutions-download-name{font-size: 14px;line-height: 20px;}
  .solutions-download-right{gap: 12px;}
  .solutions-download-size{font-size: 14px;line-height: 20px;}
  .solutions-download-link{display: inline-flex;}
  .solutions-download-btn{height: 40px;}
  /*solutions explore end*/

  /*solutions map start*/
  .solutions-map{height: auto;}
  .solutions-map-image{width: 100%;height: auto;}
  /*solutions map end*/

  /*industry banner start*/
  .industry-main{padding-top: 60px;}
  .industry-banner{height: auto;padding: 60px 20px;}
  .industry-banner-container{width: 100%;padding-top: 0;align-items: center;}
  .industry-banner-title{font-size: 36px;line-height: 44px;text-align: center;}
  .industry-banner-btn{margin-top: 24px;padding: 14px 28px;font-size: 18px;}
      .industry-banner-btn{margin-top: 24px;padding: 14px 28px;font-size: 18px;text-decoration: none;}

  /*industry banner end*/

  /*industry project start*/
  .industry-project{min-height: auto;padding: 60px 20px;}
  .industry-project-container{width: 100%;}
  .industry-project-title{font-size: 26px;line-height: 34px;}
  .industry-project-title br{display: none;}
  .industry-project-tags{margin-top: 24px;flex-direction: column;gap: 16px;}
  .industry-project-tag{gap: 12px;}
  .industry-project-tag-icon{height: 24px;}
  .industry-project-tag-text{font-size: 18px;line-height: 26px;}
  .industry-project-stats{margin-top: 40px;grid-template-columns: 1fr;gap: 20px;}
  .industry-project-stat-card{height: auto;border-radius: 12px;padding: 30px 20px 30px 20px;}
  .industry-project-stat-top{gap: 8px;margin-bottom: 16px;}
  .industry-project-stat-number{font-size: 48px;line-height: 1;}
  .industry-project-stat-unit{font-size: 16px;line-height: 20px;}
  .industry-project-stat-desc{font-size: 18px;line-height: 26px;}
  .industry-project-section{margin-top: 60px;}
  .industry-project-section-header{gap: 12px;}
  .industry-project-section-icon{height: 24px;}
  .industry-project-section-title{font-size: 20px;line-height: 28px;}
  .industry-project-section-text{margin-top: 16px;font-size: 16px;line-height: 28px;}
  .industry-project-pain{margin-top: 60px;flex-direction: column;gap: 40px;}
  .industry-project-pain-left{width: 100%;}
  .industry-project-pain-list{margin-top: 24px;gap: 24px;}
  .industry-project-pain-title{font-size: 18px;line-height: 28px;}
  .industry-project-pain-desc{margin-top: 8px;font-size: 16px;line-height: 28px;}
  .industry-project-pain-right{width: 100%;}
  .industry-project-pain-image{height: auto;width: 100%;}
  /*industry project end*/

  /*industry solution start*/
  .industry-solution{height: auto;padding: 60px 20px;}
  .industry-solution-container{width: 100%;flex-direction: column;gap: 40px;}
  .industry-solution-left{width: 100%;}
  .industry-solution-image{height: auto;width: 100%;}
  .industry-solution-right{width: 100%;}
  /*industry solution end*/

  /*industry benefits start*/
  .industry-benefits{padding: 60px 20px;}
  .industry-benefits-container{width: 100%;flex-direction: column;gap: 40px;}
  .industry-benefits-left{width: 100%;}
  .industry-benefits-right{width: 100%;}
  .industry-benefits-image{height: auto;width: 100%;}
  /*industry benefits end*/

  /*industry service start*/
  .industry-service{height: auto;padding: 60px 20px;}
  .industry-service-header{width: 100%;position: relative;padding-top: 50px;align-items: center;justify-content: center;}
  .industry-service-label{position: absolute;top: 0;left: 0;width: 100%;font-size: 16px;line-height: 24px;text-align: center;}
  .industry-service-title{font-size: 26px;line-height: 34px;text-align: center;width: 100%;}
  .industry-service-title br{display: none;}
  /*industry service end*/

  /*industry cases start*/
  .industry-cases{padding: 0 20px 60px 20px;}
  .industry-cases-container{width: 100%;flex-direction: column;gap: 40px;}
  .industry-cases-left{width: 100%;padding-top: 60px;}
  .industry-country-filter{padding-left: 30px;}
  .industry-country-line{width: 3px;}
  .industry-country-indicator{left: -9px;width: 20px;height: 20px;}
  .industry-country-list{gap: 24px;}
  .industry-country-item{font-size: 16px;line-height: 20px;}
  .industry-cases-right{width: 100%;padding-top: 0;}
  .industry-category-filter{height: auto;padding: 15px 20px;flex-wrap: wrap;gap: 12px;justify-content: flex-start;}
  .industry-category-item{font-size: 16px;line-height: 24px;padding: 8px 12px;}
  .industry-category-item.active{padding: 8px 12px;}
  .industry-cases-grid{margin-top: 40px;grid-template-columns: 1fr;gap: 40px;}
  .industry-case-empty{font-size: 16px;text-align: center;margin: 40px 0;}
  .industry-case-image{height: auto;aspect-ratio: 16 / 9;}
  .industry-case-content{margin-top: 12px;flex-direction: column;gap: 16px;}
  .industry-case-title{font-size: 18px;line-height: 26px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
  .industry-case-desc{font-size: 16px;line-height: 28px;}
  .industry-case-more{padding: 10px 14px;gap: 12px;align-self: flex-start;}
  .industry-case-more-text{font-size: 16px;}
  .industry-case-more-arrow{height: 10px;}
  .industry-cases-pagination{margin-top: 40px;gap: 12px;}
  .industry-page-btn{width: 44px;height: 44px;font-size: 16px;border-width: 1px;}
  .industry-pagination-ellipsis{font-size: 16px;}
  .industry-pagination-more{padding: 12px 24px;font-size: 16px;}
  /*industry cases end*/

  /*reach-us start*/
  .reach-us-container{width: 100%;padding: 40px 20px;display: block;}
  .reach-us-label{position: static;transform: none;font-size: 14px;line-height: 20px;margin-bottom: 20px;text-align: center;}
  .reach-us-inner{margin-left: 0;flex-direction: column;gap: 32px;}
  .reach-us-left{width: 100%;display: flex;flex-direction: column;align-items: center;}
  .reach-us-title{font-size: 22px;line-height: 30px;text-align: center;}
  .reach-us-phone{margin-top: 16px;text-align: center;}
  .reach-us-phone-label,.reach-us-email-label,.reach-us-phone-number,.reach-us-email p{font-size: 14px;line-height: 20px;text-align: center;}
  .reach-us-email{margin-top: 16px;text-align: center;}
  .reach-us-contact-btn{margin-top: 24px;font-size: 16px;padding: 12px 24px;width: auto;display:inline-block;text-decoration:none;}
  .reach-us-right{width: 100%;}
  .reach-us-subscribe-title{font-size: 16px;line-height: 24px;text-align: center;margin-bottom: 12px;}
  .reach-us-form{margin-top: 12px;height: 48px;padding: 0 12px;}
  .reach-us-input{font-size: 16px;}
  .reach-us-submit{padding: 0 0 0 8px;}
  .reach-us-submit img{height: 12px;}
  /*reach-us end*/

  /*footer start*/
  .footer-container{width: 100%;height: auto;padding: 40px 20px 30px 20px;grid-template-columns: 1fr;row-gap: 32px;min-height: auto;}
  .footer-col{align-items: center;text-align: center;}
  .footer-col-1{position: static;}
  .footer-logo{width: 140px;height: auto;margin-bottom: 16px;}
  .footer-title{font-size: 16px;line-height: 22px;margin: 12px 0;}
  .footer-icon{height: 60px;position: static;margin-top: 20px;}
  .footer-col-2,.footer-col-3,.footer-col-4{padding-top: 0;position: static;}
  .footer-desc{font-size: 14px;line-height: 20px;}
  .footer-link{font-size: 16px;line-height: 22px;position: static;margin-top: 16px;}
  .footer-col-3 .footer-title{margin: 0 0 12px 0;}
  .footer-social{position: static;margin-top: 16px;justify-content: center;gap: 12px;}
  .footer-social a:hover{transform: translateY(-3px);}
  .footer-social img{height: 20px;}
  /*footer end*/
}







/* 行业文章详情页样式 */
/*case detail start*/
.case-main{background:#FFFFFF;}
.case-banner{width:100%;height:19.53125vw;background:#000;display:flex;justify-content:center;align-items:center;background-position:center;background-size:cover;background-repeat:no-repeat;}
.case-banner-container{width:94.0625vw;text-align:center;}
.case-banner-title{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:700;font-size:2.8vw;line-height:3.125vw;letter-spacing:0.01em;color:#FFFFFF;margin:0;text-transform:uppercase;}

.case-project-bg,.case-stats,.case-pain,.case-solution,.case-value,.case-fallback{width:100%;display:flex;justify-content:center;}
.case-container{width:94.0625vw;padding:4.16667vw 2vw;}
/* Remove double spacing between project background and stats */
.case-project-bg .case-container{padding-bottom:0;}


.case-section-header{display:flex;align-items:center;gap:0.83333vw;margin-bottom:0.9375vw;}
.case-section-flag{width:1.40625vw;height:0.52083vw;background: linear-gradient(90deg,#4734F6 0%,#9888FF 50%,#D9D9D9 100%);} /* 旧装饰标，仅保留以便兼容 */
.case-section-icon{height:1.40625vw;width:auto;display:block;}
.case-section-title{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:700;font-size:1.25vw;line-height:1.97917vw;letter-spacing:0.01em;color:#000000;margin:0;}
.case-section-title-alt{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:700;font-size:1.25vw;line-height:1.97917vw;letter-spacing:0.01em;color:#000000;margin:0;}

.case-project-bg-text{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:400;font-size:0.9375vw;line-height:1.875vw;letter-spacing:0.01em;color:#5C5959;margin:0;}
.case-project-bg-image{margin-top:1.5625vw;}
.case-project-bg-image img{width:100%;height:auto;display:block;}

/* Stats section */
.case-stats{background:#FFFFFF;}
.case-stats-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4.47917vw;}
.case-stat{height:13.28125vw;background: linear-gradient(247.54deg, #9888FF 7.84%, #7669F6 20.37%, #4734F6 39.58%, #1D1F7D 66.3%, #000000 91.35%);border-radius:1vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3.75vw 1.04167vw 0 1.04167vw;}
.case-stat-top{display:flex;align-items:center;gap:0.52083vw;margin-bottom:1.35417vw;}
.case-stat-number{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:700;font-size:4.0625vw;line-height:3.125vw;letter-spacing:0.01em;color:#FFFFFF;}
.case-stat-unit{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:400;font-size:1.04167vw;line-height:1.35417vw;letter-spacing:0.01em;color:#FFFFFF;}
.case-stat-desc{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:400;font-size:1.25vw;line-height:1.35417vw;letter-spacing:0.01em;color:#FFFFFF;margin:0;text-align:center;}

/* Pain / Solution / Value sections */
.case-pain{background:#e2e2e2;}
.case-solution{background:#81838c;}
.case-solution .case-section-title-alt,.case-solution .case-richtext{color:#FFFFFF;}
.case-value{background:#4734F6;}
.case-value .case-section-title-alt{color:#FFFFFF;}
.case-value .case-richtext{color:#FFFFFF;}

/* Pain section heading override */
.case-pain .case-section-title-alt{font-size:2.5vw;margin-bottom:2vw;}

/* Pain items */
.case-pain-list{margin-top:1.30208vw;display:flex;flex-direction:column;}

/* Solution & Value section heading override */
.case-solution .case-section-title-alt,
.case-value .case-section-title-alt{font-size:2.5vw;margin-bottom:2vw;}

/* Solution & Value content typography and spacing */
.case-solution .case-richtext p,
.case-solution .case-richtext li,
.case-value .case-richtext p,
.case-value .case-richtext li{font-size:1vw;margin:0 0 0.5vw 0;}

.case-pain-item{color:#5C5959;font-size:1vw;margin:0 0 0.5vw 0;}

/* Remove bullets in rich text lists */
.case-richtext ul,.case-richtext ol{list-style:none;margin:0;padding-left:0;}
.case-richtext li{margin:0 0 0.9375vw 0;}

/* Section reveal animation */
.case-pain .case-container,.case-solution .case-container,.case-value .case-container{opacity:0;transform:translateY(1.04167vw);transition:opacity .6s ease,transform .6s ease;}
.case-pain.is-visible .case-container,.case-solution.is-visible .case-container,.case-value.is-visible .case-container{opacity:1;transform:none;}
/*case detail end*/

@media screen and (max-width: 768px){
  /*case detail start*/
  .case-main{padding-top:60px;}
  .case-banner{height:auto;padding:60px 20px;}
  .case-banner-container{width:100%;}
  .case-banner-title{font-size:28px;line-height:36px;}

  .case-container{width:100%;padding:40px 20px;}
  .case-section-header{gap:12px;margin-bottom:12px;}
  .case-section-flag{width:28px;height:8px;}
  .case-section-title,.case-section-title-alt{font-size:20px;line-height:28px;}

  .case-project-bg-text{margin-top:16px;font-size:16px;line-height:28px;}
  .case-project-bg-image{margin-top:16px;}

  .case-stats-grid{grid-template-columns:1fr;gap:20px;}
  .case-stat{height:auto;border-radius:12px;padding:30px 20px;}
  .case-stat-top{gap:8px;margin-bottom:16px;}
  .case-stat-number{font-size:48px;line-height:1;}
  .case-stat-unit{font-size:16px;line-height:20px;}
  .case-stat-desc{font-size:18px;line-height:26px;}


  .case-richtext{font-size:16px;line-height:26px;}

  /* Fix: case section icon on mobile and unify three-section typography */
  .case-section-icon{height:24px !important;width:auto;display:block;}

  /* Titles for the three sections */
  .case-pain .case-section-title-alt,
  .case-solution .case-section-title-alt,
  .case-value .case-section-title-alt{font-size:20px;line-height:28px;margin-bottom:16px;}

  /* Body text for solution/value */
  .case-solution .case-richtext p,
  .case-solution .case-richtext li,
  .case-value .case-richtext p,
  .case-value .case-richtext li{font-size:16px;line-height:28px;margin:0 0 8px 0;}

  /* Pain list */
  .case-pain-item{color:#5C5959;font-size:16px;line-height:28px;margin:0 0 8px 0;}

  /* Section paddings to match industry project on mobile */
  .case-project-bg .case-container{padding:60px 20px 0;}
  .case-stats .case-container{padding:60px 20px;}
  .case-pain .case-container,.case-solution .case-container,.case-value .case-container{padding:60px 20px;}

  /* Project background text spacing and rhythm */
  .case-project-bg-text{margin-top:16px;font-size:16px;line-height:28px;}


  /*case detail end*/
}

/*news archive start*/
.news-main{background:#FFFFFF;}
.news-section{width:100%;display:flex;justify-content:center;}
.news-container{width:94.0625vw;padding:4.16667vw 0;}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:2.08333vw;row-gap:2.08333vw;}
.news-card{display:flex;flex-direction:column;}
.news-card-thumb{display:block;width:100%;overflow:hidden;}
.news-card-thumb img{display:block;width:100%;height:11.25vw;object-fit:cover;border-radius:0;transition:transform .3s ease;}
.news-card:hover .news-card-thumb img{transform:scale(1.03);}
.news-card-body{margin-top:0.83333vw;}
.news-badge{display:inline-block;border:0.05208vw solid #D7D7DA;border-radius:1.04167vw;padding:0.26042vw 0.52083vw;font-size:0.72917vw;line-height:1;color:#5C5959;margin-bottom:0.52083vw;text-transform:uppercase;}
.news-card-title{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:700;font-size:1.14583vw;line-height:1.5625vw;color:#272733;margin:0 0 0.52083vw 0;}
.news-card-title a{color:inherit;text-decoration:none;}
.news-card-title,.news-card-title a{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.news-card-excerpt{font-family:'HarmonyOS Sans SC', sans-serif;font-weight:400;font-size:0.9375vw;line-height:1.5625vw;color:#5C5959;margin:0;}
.news-card-excerpt{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.news-pagination{display:flex;justify-content:center;margin-top:2.60417vw;}
.news-pagination ul{list-style:none;display:flex;gap:0.52083vw;margin:0;padding:0;}
.news-pagination li{display:inline-block;}
.news-pagination a,.news-pagination span{display:inline-block;padding:0.52083vw 0.83333vw;border:0.05208vw solid #E5E5E5;color:#272733;text-decoration:none;font-size:0.9375vw;border-radius:0;}
.news-pagination .current,.news-pagination a:hover{background:#4734F6;border-color:#4734F6;color:#FFFFFF;}
.news-empty{text-align:center;color:#5C5959;font-size:1.04167vw;}
/*news archive end*/

@media screen and (max-width: 768px){
  /*news archive start*/
  .news-main{padding-top:7.8125vw;}
  .news-container{width:100%;padding:5.20833vw 2.60417vw;}
  .news-grid{grid-template-columns:1fr;row-gap:3.125vw;}
  .news-card-thumb img{height:auto;}
  .news-badge{font-size:1.5625vw;border-width:0.13021vw;border-radius:2.60417vw;padding:0.52083vw 1.04167vw;}
  .news-card-title{font-size:2.60417vw;line-height:3.64583vw;}
  .news-card-excerpt{font-size:2.08333vw;line-height:3.38542vw;}
  .news-pagination{margin-top:3.125vw;}
  .news-pagination a,.news-pagination span{font-size:2.08333vw;padding:1.30208vw 1.82292vw;border-radius:0;border-width:0.13021vw;}
  /*news archive end*/
}


/* ================= Resource Library (资源中心) start ================= */
.resource-main{background:#FFFFFF;}
.resource-banner{background-size:cover;background-position:center;padding:80px 0;}
.resource-banner-title{font-family:'HarmonyOS Sans SC',sans-serif;font-weight:700;font-size:2.29167vw;line-height:3.125vw;letter-spacing:.01em;color:#4734F6;margin:0;text-transform:uppercase;text-align:center;}

.resource-section{padding:2.5vw 0 3.75vw;}
.resource-container{max-width:94.0625vw;margin:0 auto;display:grid;grid-template-columns:18.75vw 1fr;gap:1.25vw;align-items:start;}

.resource-sidebar{background:#F5F6F8;border-radius:.41667vw;padding:1.04167vw;align-self:start;}
.resource-cats{list-style:none;margin:0;padding:0;}
.resource-cat-item{margin:.3125vw 0;}
.resource-cat-item a{display:flex;align-items:center;gap:.41667vw;padding:.52083vw .78125vw;border-radius:.41667vw;color:#344054;text-decoration:none;font-size:.9375vw;}
.resource-cat-item.is-active a,.resource-cat-item a:hover{background:#E7EEF9;color:#4734F6;}

.resource-grid-wrap{min-height:200px;}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25vw;}
.resource-card{background:#fff;border:1px solid #E5E7EB;border-radius:0;padding:1.04167vw;box-shadow:0 .10417vw .41667vw rgba(0,0,0,.04);}
.resource-card-thumb{position:relative;display:block;overflow:hidden;}
.resource-card-thumb img{width:100%;height:auto;display:block;border-radius:0;}
/* hover overlay + white download icon */
.resource-card-thumb::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .25s ease;}
.resource-card:hover .resource-card-thumb::after{opacity:1;}
.resource-card-dl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);opacity:0;transition:opacity .25s ease, transform .25s ease;box-shadow:0 6px 16px rgba(0,0,0,.25);}
.resource-card-dl::before{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);background:#fff;-webkit-mask:url('../images/solutions_download.webp') no-repeat center/contain;mask:url('../images/solutions_download.webp') no-repeat center/contain;}
.resource-card:hover .resource-card-dl{opacity:1;transform:translate(-50%,-50%) scale(1);}
.resource-card:hover .resource-card-dl{opacity:1;transform:translate(-50%,-50%) scale(1);}

.resource-card-title{font-size:.9375vw;margin:.625vw 0 0;line-height:1.4;text-align:center;}
.resource-card-title a{color:#111827;text-decoration:none;}
.resource-card-title a:hover{color:#4734F6;}

.resource-pagination{margin-top:1.25vw;display:flex;justify-content:center;}
.resource-pagination ul{display:flex;gap:.41667vw;list-style:none;margin:0;padding:0;}
.resource-pagination li a,.resource-pagination li span{display:inline-block;min-width:2.08333vw;height:2.08333vw;line-height:2.08333vw;text-align:center;border-radius:.3125vw;border:1px solid #E5E7EB;color:#374151;text-decoration:none;padding:0 .52083vw;}
.resource-pagination li .current{background:#4734F6;color:#fff;border-color:#4734F6;}

@media (max-width:1024px){
.resource-container{grid-template-columns:1fr;}
.resource-sidebar{order:2;}
}
@media (max-width:768px){
.resource-grid{grid-template-columns:repeat(2,1fr);}
.resource-banner-title{font-size:6.4vw;line-height:1.2;}
.resource-card-dl{width:56px;height:56px;background-size:24px 24px;}
}
@media (max-width:480px){
.resource-grid{grid-template-columns:1fr;}

.resource-card-dl{width:50px;height:50px;background-size:22px 22px;}
}
/* ================= Resource Library (资源中心) end ================= */



/* ================= Safety page start ================= */
.safety-main{background:#FFFFFF;}
.safety-container{width:94.0625vw;margin:0 auto;}

/* Benefits */
.storin_section-benefits{padding:60px 0 40px;}
.storin_benefits-title{font-size:1.8rem;font-weight:700;color:#222;margin-bottom:20px;position:relative;}
.storin_benefits-title::after{content:"";display:block;width:60px;height:3px;background:#4734F6;margin-top:15px;}
.storin_benefits-intro{font-size:1rem;color:#222;margin-bottom:30px;font-weight:400;}
.storin_benefits-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:.95rem;color:#555;text-align:justify;}

/* Icons */
.storin_section-icons{padding:40px 0 80px;background:#fff;}
.storin_icons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;padding:40px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.storin_icon-item{display:flex;flex-direction:column;align-items:center;}
.storin_icon-circle{width:100px;height:100px;border:2px solid #CCC;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s ease;}
.storin_icon-circle i{font-size:40px;color:#777;}
.storin_icon-circle:hover{border-color:#4734F6;}
.storin_icon-circle:hover i{color:#4734F6;}
.storin_icon-text{font-size:.9rem;font-weight:700;color:#555;text-transform:uppercase;}

/* System Layout */
.storin_section-layout{padding:40px 0 60px;text-align:center;}
.storin_layout-title{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:20px;display:inline-block;position:relative;}
.storin_layout-title::after{content:"";display:block;width:40px;height:3px;background:#4734F6;margin:10px auto 0;}
.storin_layout-desc{margin:0 auto 40px;text-align:left;font-size:.95rem;color:#555;line-height:1.8;}
.storin_layout-desc p{margin-bottom:15px;}
.storin_layout-diagram{margin-top:40px;display:block;margin-left:auto;margin-right:auto;background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;}

/* Products */
.storin_section-products{padding:60px 0;background:#F9F9F9;}
.storin_product-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:80px;gap:60px;}
.storin_product-row.reverse{flex-direction:row-reverse;}
.storin_product-info{flex:1;}
.storin_product-image{flex:1;display:flex;justify-content:center;}
.storin_product-image img{max-height:400px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.1));}
.storin_prod-sub-title{color:#4734F6;font-size:.9rem;margin-bottom:10px;display:block;}
.storin_prod-title{font-size:1.6rem;font-weight:700;color:#333;margin-bottom:20px;}
.storin_prod-specs{margin-bottom:30px;}
.storin_prod-specs li{font-size:.95rem;color:#444;margin-bottom:12px;display:flex;align-items:flex-start;}
.storin_prod-specs li::before{content:">";color:#666;font-weight:bold;margin-right:10px;font-family:'HarmonyOS Sans SC',sans-serif;}
.storin_btn-contact{display:inline-block;background:#4734F6;color:#fff;padding:12px 30px;font-size:1rem;font-weight:700;border-radius:4px;transition:background-color .3s;text-decoration:none;}
.storin_btn-contact:hover{background:#3525c6;}

/* Responsive */
@media (max-width: 992px){
.storin_icons-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 768px){
.storin_benefits-columns{grid-template-columns:1fr;}
.storin_icons-grid{grid-template-columns:1fr;gap:40px;}
.storin_product-row,.storin_product-row.reverse{flex-direction:column;text-align:left;gap:30px;}
.storin_layout-diagram{height:200px;}

}
/* ================= Safety page end ================= */


/* ================= Join Us page start ================= */
.join-main{background:#FFFFFF;}
.join-container{width:94.0625vw;margin:0 auto;}

.join-section{padding:60px 0 40px;}
.join-row{display:flex;align-items:center;justify-content:space-between;gap:60px;margin:40px 0;}
.join-row.reverse{flex-direction:row-reverse;}

.join-text{flex:1;}
.join-title{margin-bottom:16px;}
.join-title-line1{font-size:22px;font-weight:800;color:#222;line-height:1.2;}
.join-title-line2{font-size:22px;font-weight:800;color:#222;line-height:1.2;margin-top:4px;}
.join-desc{color:#555;font-size:15px;line-height:1.9;}

.join-image{flex:1;display:flex;}
.join-image img{width:100%;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.08);}

@media (max-width: 992px){
.join-row{gap:32px;}
}
@media (max-width: 768px){
.join-row,.join-row.reverse{flex-direction:column;align-items:flex-start;}
.join-image img{max-width:100%;}
}
/* ================= Join Us page end ================= */

/* ================= Contact Us page start ================= */
.contact-main{background:#fff;}

.storin-contact-us-section{width:100%;background:#fff;padding:80px 20px;display:flex;justify-content:center;}
.storin-contact-us-section *{box-sizing:border-box;}
.storin-contact-us-container{width:94.0625vw;margin:0 auto;display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;}

/* 左侧 */
.storin-contact-us-info-col{flex:1;min-width:300px;max-width:600px;display:flex;flex-direction:column;}
.storin-contact-us-mobile-heading{display:none;font-size:32px;color:#333;margin-bottom:20px;font-weight:700;}
.storin-contact-us-heading{font-size:24px;color:#4734F6;margin-bottom:20px;font-weight:700;}

/* 两列联系方式 */
.storin-contact-us-row{display:flex;flex-wrap:wrap;gap:20px;}
.storin-contact-us-col-half{width:calc(50% - 10px);display:flex;align-items:flex-start;}

/* 强制纵向布局（电话、邮箱上下排） */
.storin-contact-us-row.stack{gap:0;}
.storin-contact-us-row.stack .storin-contact-us-col-half{width:100%;margin:16px 0;}

/* 图标圆 */
.storin-contact-us-icon-circle{width:50px;height:50px;background:#F0EEFF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0;color:#4734F6;transition:transform .3s;}
.storin-contact-us-col-half:hover .storin-contact-us-icon-circle{transform:scale(1.05);}
.storin-contact-us-icon-circle svg{width:20px;height:20px;fill:currentColor;}

.storin-contact-us-item-content{display:flex;flex-direction:column;justify-content:center;min-height:50px;}
.storin-contact-us-item-content h5{margin:0 0 4px 0;font-size:16px;color:#333;font-weight:700;}
.storin-contact-us-item-content p{margin:0;font-size:14px;color:#666;line-height:1.4;word-break:break-all;}

/* 联系我们：链接样式（电话 / 邮箱） */
.storin-contact-us-item-content a{
color:#666;
text-decoration:none;
}
.storin-contact-us-item-content a:hover{
color:#4734F6;
text-decoration:underline;
}

/* 电话号码项目（带国旗） */
.storin-contact-us-phone-item{
display:flex;
align-items:center;
margin:4px 0 !important;
gap:8px;
}
.storin-contact-us-flag-img{
width:24px;
height:18px;
display:inline-block;
object-fit:cover;
border-radius:2px;
flex-shrink:0;
}


/* 二维码 */
.storin-contact-us-qr-row{display:flex;gap:60px;margin-top:10px;padding-left:0;}
.storin-contact-us-qr-box{text-align:center;}
.storin-contact-us-qr-box img{width:100px;height:100px;display:block;margin-bottom:8px;}
.storin-contact-us-qr-box span{font-size:14px;color:#666;}

/* 分割线 */
.storin-contact-us-divider{border-top:1px dashed #ddd;margin:16px 0;width:100%;}

/* 地址 */
.storin-contact-us-address-row{
display:flex;
align-items:flex-start;
margin-top:16px;
}

.storin-contact-us-address-block{
margin-top:4px;
}

.storin-contact-us-address-block p{
margin:2px 0;
font-size:14px;
color:#666;
line-height:1.6;
}

.storin-contact-us-address-block p strong{
font-size:15px;
color:#333;
}

.storin-contact-us-address-block p:nth-of-type(3){
margin-top:8px;
}

/* 徽章 */
.storin-contact-us-trust-badges{display:flex;flex-direction:column;margin-top:50px;background: #4734f6;}
.storin-contact-us-badge{background:linear-gradient(90deg,#4734F6 0%,#4734F6 100%);color:#fff;padding:12px 25px 12px 12px;display:flex;align-items:center;font-size:15px;font-weight:700;transition:transform .2s;}
.storin-contact-us-badge:hover{transform:translateY(-2px);}
.storin-contact-us-badge-icon{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;}
.storin-contact-us-badge-icon svg{width:12px;height:12px;fill:#4734F6;}

/* 右侧表单 */
.storin-contact-us-form-col{flex:1;min-width:320px;background:#fff;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.05);border:1px solid #f0f0f0;}
.storin-contact-us-form-heading{font-size:28px;font-weight:700;margin-bottom:30px;color:#333;}
.storin-contact-us-form{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;}
.storin-contact-us-form-group{display:flex;flex-direction:column;width:100%;}
.storin-contact-us-col-50{width:48%;}
.storin-contact-us-label{font-size:14px;color:#333;margin-bottom:8px;font-weight:400;}
.storin-contact-us-required{color:#ff0000;margin-left:2px;}
.storin-contact-us-input,.storin-contact-us-select,.storin-contact-us-textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;color:#333;outline:none;transition:border-color .3s;}
.storin-contact-us-input::placeholder,.storin-contact-us-textarea::placeholder{color:#999;}
.storin-contact-us-input:focus,.storin-contact-us-select:focus,.storin-contact-us-textarea:focus{border-color:#4734F6;}
.storin-contact-us-textarea{resize:vertical;min-height:120px;}
.storin-contact-us-btn{background:#4734F6;color:#fff;border:none;padding:14px 30px;border-radius:0;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s,transform .2s;margin-top:10px;width:100%;}
.storin-contact-us-btn:hover{background:#3525c6;transform:translateY(-1px);}

/* 响应式 */
@media (max-width:768px){
.storin-contact-us-section{padding:40px 15px;}
.storin-contact-us-mobile-heading{display:block;}
.storin-contact-us-col-half{width:100%;}
.storin-contact-us-col-50{width:100%;}
.storin-contact-us-form-col{padding:25px;box-shadow:none;border:1px solid #eee;}
.storin-contact-us-badge{width:100%;}
.storin-contact-us-qr-row{justify-content:flex-start;gap:30px;}
.storin-contact-us-container{gap:40px;}
}
/* ================= Contact Us page end ================= */

/* ================= Technology page start ================= */
.storin-technology-wrapper{width:100%;background-color:#ffffff;font-family:'HarmonyOS Sans SC',sans-serif;color:#333333;line-height:1.6;}
.storin-technology-wrapper *{box-sizing:border-box;outline:none;}
.storin-technology-fullwidth{max-width:94.0625vw;margin:0 auto;padding:0;line-height:0;}
.storin-technology-fullwidth-image{width:100%;height:auto;display:block;}
.storin-technology-container{max-width:94.0625vw;margin:0 auto;padding:0;}

/* --- Showcase Area --- */
.storin-technology-showcase{padding:3.125vw 0;background-color:#f9f9f9;margin-bottom:0;} 

/* Row Container */
.storin-tech-row-container {
  position: relative;
  width: 100%;
  margin-bottom: 1.042vw;
  z-index: 1;
}

/* Nav Grid */
.storin-technology-nav-grid{display:flex;justify-content:space-between;width:100%;gap:1.042vw;}

/* Nav Card */
.storin-technology-nav-card{
  position:relative;
  width:calc((100% - 2.084vw) / 3);
  height:18vw;
  border-radius:0;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 0.208vw 0.52vw rgba(0,0,0,0.05);
  transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.storin-technology-nav-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.storin-technology-nav-card:hover img,.storin-technology-nav-card.active img{transform:scale(1.1);}

/* Overlay */
.storin-technology-nav-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgb(71 52 246 / 75%), rgb(71 52 246 / 40%));display:flex;align-items:center;justify-content:center;transition:background 0.3s;z-index:2;}
.storin-technology-nav-card.active .storin-technology-nav-overlay{background:linear-gradient(to bottom,rgba(71,52,246,0.3),rgba(71,52,246,0.8));}

/* Triangle Arrow */
.storin-nav-arrow {
  position: absolute;
  bottom: 0; left: 50%; transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 0.7vw solid transparent;
  border-right: 0.7vw solid transparent;
  border-bottom: 0.8vw solid transparent;
  z-index: 10;
  transition: all 0.2s;
}
.storin-technology-nav-card.active .storin-nav-arrow {
  border-bottom: 0.8vw solid #ffffff;
}
.storin-technology-nav-card.active{box-shadow:0 0.417vw 1.042vw rgba(71,52,246,0.25);}
.storin-technology-nav-card h3{color:#ffffff;font-size:2vw;font-weight:700;margin:0;text-shadow:0 0.104vw 0.208vw rgba(0,0,0,0.3);z-index:3;}

/* Preview Area */
.storin-technology-preview-area{
  position:absolute;
  top: 17.9vw; /* Slightly overlap to prevent gaps */
  left:0;
  width:100%;
  z-index:100;
  pointer-events:none;
}

.storin-technology-preview-item{
  display:none; /* Hidden by default */
  background:#ffffff;
  padding:2.083vw;
  border-radius:0 0 0.52vw 0.52vw;
  box-shadow:0 1vw 2.5vw rgba(0,0,0,0.15);
  align-items:center;
  gap:2.083vw;
  pointer-events:auto;
  animation:storinFadeIn 0.3s ease-in-out;
}
.storin-technology-preview-item.active-item{display:flex;}

.storin-technology-preview-content{flex:1;}
.storin-technology-preview-content h3{font-size:2vw;color:#4734F6;margin:0 0 1.042vw 0;font-weight:700;}
.storin-technology-preview-content p{font-size:1vw;color:#666;line-height:1.8;margin-bottom:0.781vw;}
.storin-technology-preview-img{width:35%;border-radius:0;overflow:hidden;box-shadow:0 0.26vw 0.781vw rgba(0,0,0,0.1);}
.storin-technology-preview-img img{width:100%;height:auto;display:block;}

/* --- Detail Sections --- */
.storin-technology-section{padding:4.167vw 0;border-bottom:0.052vw solid #eeeeee;}
.storin-technology-section:last-child{border-bottom:none;}
.storin-technology-row{display:flex;align-items:center;justify-content:space-between;gap:3.125vw;}
.storin-technology-row.storin-row-reverse{flex-direction:row-reverse;}

/* Text Column */
.storin-technology-text-col{flex:1;max-width:45vw;}
.storin-technology-subtitle{font-size: 0.875vw;color:#999;text-transform:uppercase;letter-spacing:0.052vw;margin-bottom:0.52vw;font-weight:600;display:block;}
.storin-technology-title{font-size: 2.25vw;color:#333;margin:0 0 1.5625vw 0;font-weight:700;position:relative;line-height:1.3;}
.storin-technology-title::after{content:'';display:block;width: 4.083vw;height:0.156vw;background-color:#4734F6;margin-top:0.781vw;}

/* Description Text */
.storin-technology-desc{font-size: 1vw;color:#666;margin-bottom:1.302vw;line-height:1.8;}

/* Sub Block */
.storin-technology-sub-block{margin-bottom:1.302vw;}
.storin-technology-sub-title{font-size: 1.6vw;font-weight:700;color:#333;margin-bottom:0.52vw;line-height:1.4;}

/* List with p tags */
.storin-technology-list p{margin:0.52vw 0;font-size:0.833vw;color:#555;padding-left:0.781vw;position:relative;line-height:1.7;}
.storin-technology-list p::before{content:'•';color:#4734F6;position:absolute;left:0;font-weight:bold;}

/* List with ul/li tags */
.storin-technology-list ul{list-style:none;margin:0.52vw 0;padding:0;}
.storin-technology-list ul li{font-size: 1vw;color:#555;padding-left:1.042vw;position:relative;margin-bottom:0.781vw;line-height:1.7;}
.storin-technology-list ul li::before{content:'•';color:#4734F6;position:absolute;left:0;font-weight:bold;font-size:0.833vw;}
.storin-technology-list ul li strong{font-weight:700;color:#333;}

/* Highlight text */
.storin-technology-highlight{font-weight:700;color:#333;}

/* Image Column */
.storin-technology-img-col{flex:1;display:flex;align-items:center;max-width:45vw;}
.storin-technology-img-col img{width:100%;max-width: 100%;height:auto;border-radius:0.26vw;box-shadow:0 0.52vw 1.5625vw rgba(0,0,0,0.1);}

@keyframes storinFadeIn{from{opacity:0;transform:translateY(0.52vw);}to{opacity:1;transform:translateY(0);}}

/* Responsive - Tablet */
@media (max-width:1024px){
.storin-technology-text-col{max-width:50vw;}
.storin-technology-img-col{max-width:40vw;}
.storin-technology-img-col img{max-width:38vw;}
.storin-technology-subtitle{font-size:1vw;}
.storin-technology-title{font-size:2.2vw;}
.storin-technology-desc{font-size:1.2vw;}
.storin-technology-sub-title{font-size:1.3vw;}
.storin-technology-list p,.storin-technology-list ul li{font-size:1.2vw;}
}

/* Responsive - Mobile */
@media (max-width:768px){
.storin-technology-container{max-width:100%;padding:0 4vw;}
.storin-technology-showcase{padding:8vw 0;margin-bottom:8vw;padding-bottom:8vw;}
.storin-tech-row-container {margin-bottom: 4vw;}

.storin-technology-nav-grid{flex-wrap:wrap;gap:3vw;}
.storin-technology-nav-card{width:100%;height:30vw;margin-bottom:0;}
.storin-technology-nav-card h3{font-size:4.5vw;text-shadow:0 0.4vw 0.8vw rgba(0,0,0,0.3);}

.storin-technology-preview-area{position:static;width:100%;margin-top:2vw;}

.storin-technology-preview-item{padding:5vw;border-radius:1.5vw;}
.storin-technology-preview-item.active-item{flex-direction:column-reverse;gap:4vw;}
.storin-technology-preview-content h3{font-size:5vw;margin-bottom:3vw;}
.storin-technology-preview-content p{font-size:3.5vw;margin-bottom:2vw;}
.storin-technology-preview-img{width:100%;box-shadow:0 1vw 3vw rgba(0,0,0,0.1);}

.storin-technology-section{padding:10vw 0;border-bottom:0.2vw solid #eeeeee;}
.storin-technology-row,.storin-technology-row.storin-row-reverse{flex-direction:column-reverse;gap:6vw;}

.storin-technology-text-col{max-width:100%;}
.storin-technology-subtitle{font-size:3vw;letter-spacing:0.2vw;margin-bottom:2vw;}
.storin-technology-title{font-size:5.5vw;margin-bottom:4vw;}
.storin-technology-title::after{width:8vw;height:0.6vw;margin-top:3vw;}

.storin-technology-desc{font-size:3.5vw;margin-bottom:4vw;line-height:1.8;}
.storin-technology-sub-block{margin-bottom:4vw;}
.storin-technology-sub-title{font-size:4vw;margin-bottom:2vw;}

.storin-technology-list p{margin:1.5vw 0;font-size:3.5vw;padding-left:3vw;}
.storin-technology-list ul li{font-size:3.5vw;padding-left:3vw;margin-bottom:2vw;}
.storin-technology-list ul li::before{font-size:3.5vw;}

.storin-technology-img-col{max-width:100%;}
.storin-technology-img-col img{max-width:100%;width:100%;box-shadow:0 1vw 4vw rgba(0,0,0,0.1);}

@keyframes storinFadeIn{from{opacity:0;transform:translateY(2vw);}to{opacity:1;transform:translateY(0);}}
}
/* ================= Technology page end ================= */