.l-text{color: var(--highlight-color);}
.btn-wrapper{padding: 10px;background-color: var(--highlight-color);display: flex;gap: 20px;}
.btn-toggle{width: 20px;height: 20px;cursor: pointer;}
.btn-toggle.prev{background: no-repeat center/contain url('/uiFramework/commonResource/image/2025121418414215072.png');}
.btn-toggle.next{background: no-repeat center/contain url('/uiFramework/commonResource/image/2025121418413845907.png');}
/* references 轮播*/
.references_con{overflow: hidden;padding: 20px 0;}
.references_con a{width: 100%;}
.references_con .swiper-slide{background-color: #fff;box-shadow: rgba(23, 23, 23, 0.08) 0px 3px 4px 0px;}
.references_con .references_img {width: 100%;height: 200px;}
.references_con .references_img img{width: 100%;height: 100%;object-fit: cover;}
.references_con .references-btn{z-index: 5;}

/* flex-wrapper */
.services.flex-wrapper .list-item{padding: 32px 16px;background-color: #fff;-webkit-box-shadow: 0 20px 40px -16px hsla(0, 0%, 9%, .15);box-shadow: 0 20px 40px -16px hsla(0, 0%, 9%, .15);}
/*product  flex-wrapper */
.product.flex-wrapper * {min-width: 0;}
.product.flex-wrapper .list-item a{width: 100%;height: 100%;}
.product.flex-wrapper .list-icon img{width: 100%;height: 100%;object-fit: contain;}
.product.flex-wrapper .list-info .list-info-desc p{font-size: 12px;}
.product.flex-wrapper .list-info .list-info-desc{display: flex;justify-content: space-between;}


/* functional-principle */
.functional-principle-box .txImagemapsFrontView{position: relative;}
.functional-principle-box .txImagemapsFrontView .bg-img{width: 100%;height: auto;}
.functional-principle-box .txImagemapsFrontView .image-map-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.functional-principle-box .txImagemapsFrontView .marker-wrapper{position: absolute;}
.functional-principle-box .txImagemapsFrontView p{margin: 0;}
.functional-principle-box .imageMapsMobileView{display: none;}
.functional-principle-box.mobile-map .imageMapsMobileView{display: block;}
.functional-principle-box:not(.mobile-map) .marker-point{display: flex;border: 2px solid var(--highlight-color);padding: 0 8px;border-radius: 8px;}
.functional-principle-box:not(.mobile-map) .marker-point::before{background-color: transparent;content: "+";color: var(--highlight-color);font-size: 24px;transition: all 0.3s ease-out;font-family: Arial, sans-serif;}
.functional-principle-box:not(.mobile-map) .marker-point .marker-index{display: none;}
.functional-principle-box:not(.mobile-map) .marker-teaser{width: 0px;height: auto;max-height: 0px;margin-left: 0px;opacity: 0;transition: margin-left 0.4s ease,max-height 0.4s ease,width 0.4s ease,opacity 0.3s ease;}
.functional-principle-box:not(.mobile-map) .marker-teaser .marker-teaser-header{margin: 12px 0 6px 0;font-size: 15px;font-weight: 800;text-transform: uppercase;}
.functional-principle-box:not(.mobile-map) .marker-wrapper{background-color: rgba(255, 255, 255, 0.8);box-shadow:2px 6px 15px 0 rgba(0, 0, 0, .102);display: flex;align-items: flex-start;padding: 5px;border: 2px solid #fff;border-radius: 12px;backdrop-filter: blur(2px);z-index: 1;overflow: hidden;}
.functional-principle-box:not(.mobile-map) .marker-wrapper.hovered-marker{z-index: 33;}
.functional-principle-box:not(.mobile-map) .marker-wrapper.hovered-marker .marker-teaser{margin-left: 16px;max-height: 320px;overflow-x: hidden;overflow-y: auto;width: 380px;opacity: 1;transition: margin-left 0.8s ease,max-height 0.8s ease,width 0.8s ease,opacity 1s ease;}
.functional-principle-box:not(.mobile-map) .marker-wrapper.hovered-marker .marker-point::before{transform: rotate(45deg);}
.functional-principle-box:not(.mobile-map) .marker-wrapper.left{left: auto !important;right: calc(100% - var(--left));}
.functional-principle-box:not(.mobile-map) .marker-wrapper.left .marker-teaser{order: -1;margin-left: 0;margin-right: 0;transition:margin-right 0.4s ease,max-height 0.4s ease,width 0.4s ease,opacity 0.3s ease;}
.functional-principle-box:not(.mobile-map) .marker-wrapper.left.hovered-marker .marker-teaser{margin-left: 0;margin-right: 16px;transition:margin-right 0.8s ease,max-height 0.8s ease,width 0.8s ease,opacity 1s ease;}
.functional-principle-box.mobile-map .marker-point{width: 20px;height: 20px;font-size: 12px;display: flex;align-items: center;justify-content: center;background-color: var(--highlight-color);border: 1px solid #fff;border-radius: 50%;color: #fff;cursor: pointer;}
.functional-principle-box.mobile-map .marker-point p{color:inherit}
.functional-principle-box.mobile-map .marker-teaser{display: none;}


/* products */
.products_con .swiper-wrapper{display: flex;flex-wrap: wrap;gap: 30px;}
.products_con .swiper-slide{position: relative;flex: 0 0 calc(25% - 30px * 3 / 4);background-color: #fff;box-shadow: rgba(23, 23, 23, 0.08) 0px 3px 4px 0px;}
.products_con .swiper-slide img{width: 100%;height: 200px;object-fit: contain;}
.products_con .products-item-link{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 5;}


@media only screen and (min-width: 100px) and (max-width: 768px) {
  /* banner */
.banner-wrapper p{font-size: 36px;color: #fff;}

/* references 轮播*/
.references_con .swiper-slide{width: 80% !important;}
.references_con .references-btn{position: absolute;top: 14%;right: 12%;display: flex;flex-direction: column;}


/*product  flex-wrapper */
.product.flex-wrapper {gap:0;}
.product.flex-wrapper .list-item {border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;}
.product.flex-wrapper .list-item a{display:flex;gap:10px;align-items: center;padding:10px  0;padding-right:30px;}
.product.flex-wrapper .list-item a::after{content: '>';color: var(--highlight-color);display: inline-block;font-size: 16px;font-weight: 600;font-family: monospace;line-height: 1;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.product.flex-wrapper .list-info{flex:1;}
.product.flex-wrapper p{font-size: 16px;margin:0;word-break: break-all;}
.product.flex-wrapper .list-item .list-icon{width: 100px;height: 100px;flex-shrink: 0;}
}


@media (min-width: 768px) {
  /* banner */
.banner-wrapper{position: relative;overflow: hidden;}
.banner-wrapper img{width: 100%;height: auto;max-height: 700px;object-fit: cover;}
.banner-wrapper .content{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
.banner-wrapper .comwidth{display: flex;align-items: center;}
.banner-wrapper p{color: #fff;margin: 0;}

/* references 轮播*/
.references_con .swiper-slide{width: 273px !important;}
.references_con .references-btn{float: right;display: flex;margin: 0 10px 10px 0;}

/* products */
.products_con .swiper-slide{flex: 0 0 calc(25% - 30px * 3 / 4);}

/* flex-wrapper */
.services.flex-wrapper .list-item{flex: 0 0 calc(25% - 30px * 3 / 4);}

/*product  flex-wrapper */
.product.flex-wrapper .list-item{flex: 0 0 calc((100% - 30px * 3) / 4);background-color: #fff;-webkit-box-shadow: 0 20px 40px -16px hsla(0, 0%, 9%, .15);box-shadow: 0 20px 40px -16px hsla(0, 0%, 9%, .15);}
.product.flex-wrapper .list-item a{display:flex;flex-direction: column;}
.product.flex-wrapper .list-icon{width: 100%;height: 210px;margin-bottom: 28px;text-align: center;border-bottom: 1px solid #d9d9d9;}
.product.flex-wrapper .list-info{padding: 15px 15px 0;flex:1;display: flex;flex-direction: column;} 
.product.flex-wrapper .list-info .list-info-content{flex:1}


}