.home-hotproduct{display:none}
.home-case{padding:3% 0;background: #F4F4F4;}
.home-case .case-swiper-box{margin-top:20px;position: relative;display:flex;align-items: center;justify-content: space-between;}
.home-case .case-swiper-box .case-btn{width:45px;height:45px;border-radius: 50%;border:1px solid var(--color);color:var(--color);background:#fff;display:flex;align-items: center;justify-content: center;cursor:pointer;}
.home-case .case-swiper-box .case-btn em{font-size:24px;}
.home-case .l-wrap .case{overflow: hidden;transform: none;}
.home-case .l-wrap .case .case-content{display:flex;align-items:center;justify-content:space-between}
.home-case .l-wrap .case .item{position:relative;width:31.25%;list-style:none;border-radius:10px;overflow:hidden;transition:all .4s ease}
.home-case .l-wrap .case .item img{width:100%}
.home-case .l-wrap .case .item .text{background-color:#FFFFFF20;width:100%;height:100%;position:absolute;top:0px;left:0px;display:flex;justify-content:center;align-items:center;opacity:0;border-radius:10px;transition:all .4s linear}
.home-case .l-wrap .case .item .text a{background-color:#FFFFFF;width:88%;height:83%;padding:4%;box-sizing:border-box;border-radius:10px;overflow:hidden}
.home-case .l-wrap .case .item .text .content p{margin:0px}
.home-case .l-wrap .case .item .text .content .show-title{color:var(--fontcolor);font-size:var(--fontsize22);line-height:1.1;text-align:center;font-weight:var(--fontbold5)}
.home-case .l-wrap .case .item .text .content .show-des{color:var(--introcolor);text-align:center;line-height:1.6;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.home-case .l-wrap .case .item:hover .text{opacity:1;box-shadow:0px 2px 10px 0px rgba(0,0,0,.10)}
.home-case .l-wrap .case .item:hover{transform:translateY(-20px)}
@media (max-width:1366px){.home-case .l-wrap .case .item .text .content .show-des{-webkit-line-clamp:4}}
@media (max-width:900px){.home-case .l-wrap .case .item .text .content .show-title{font-size:var(--fontsize16)}
.home-case .l-wrap .case .item .text .content .show-des{font-size:var(--fontsize14);line-height:1.4;-webkit-line-clamp:3}}
@media (max-width:768px){.home-case .l-wrap .case{display:flex;align-items:center;justify-content:space-between;transform:translateY(25%);padding:0px;overflow-x:auto}
.home-case .l-wrap .case .item{position:relative;width:400px;margin:0px 40px;list-style:none;flex-shrink:0}
.home-case .l-wrap .case::-webkit-scrollbar{display:none}
.home-case .l-wrap .case .item .text .content .show-title{font-size:var(--fontsize18)}
.home-case .l-wrap .case .item .text .content .show-des{color:var(--introcolor);text-align:center;line-height:1.6;margin-top:10px;font-size:var(--fontsize15)}
.home-case .l-wrap .case .item:hover{transform:translateY(0)}
.home-case .l-wrap .case .item .text .content{padding:2%}}
@media (max-width:768px){.home-case .case-swiper-box .case-btn{display:none;}
.home-case .l-wrap .case .item{margin:0;}
.home-case .l-wrap .case{padding-bottom:50px;}
.home-case .swiper-pagination-bullet-active{background:var(--color);}}
@media (max-width:500px){.home-case .l-wrap .case .case-content{justify-content:inherit}
.home-case .l-wrap .case .item{margin:0px}
.home-case .l-wrap .case{transform:inherit;padding-bottom:40px;box-sizing:content-box;overflow:hidden}
.home-case .l-wrap .case .swiper-pagination{bottom:0px}
.home-case .l-wrap .case .item .text .content .show-des{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.home-case{padding:30px 0;}}
@media (min-width:769px){.home-case .case-swiper-box .swiper{max-width:calc(100% - 120px);padding-top: 20px;}
.home-case .swiper-pagination{display:none;}}