.suopu-swiper-wrapper{position:relative;width:100%;height:100%}.suopu-swiper-wrapper .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.suopu-swiper-wrapper .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.suopu-swiper-wrapper .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.suopu-swiper-wrapper .swiper-button-prev,.suopu-swiper-wrapper .swiper-button-next{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background-color:rgb(0 0 0 / .5);border-radius:50%;transition:all 0.3s ease}.suopu-swiper-wrapper .swiper-button-prev:hover,.suopu-swiper-wrapper .swiper-button-next:hover{background-color:rgb(0 0 0 / .8);transform:scale(1.1)}.suopu-swiper-wrapper .swiper-button-prev{left:10px}.suopu-swiper-wrapper .swiper-button-next{right:10px}.suopu-swiper-wrapper .swiper-button-prev:after,.suopu-swiper-wrapper .swiper-button-next:after{font-family:swiper-icons;font-size:20px;font-weight:900}.suopu-swiper-wrapper .swiper-button-prev:after{content:'prev'}.suopu-swiper-wrapper .swiper-button-next:after{content:'next'}.suopu-swiper-wrapper .swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10}.suopu-swiper-wrapper .swiper-pagination.swiper-pagination-hidden{opacity:0}.suopu-swiper-wrapper .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:rgb(255 255 255 / .5);opacity:.2;margin:0 4px;cursor:pointer;transition:all 0.3s ease}.suopu-swiper-wrapper .swiper-pagination-bullet-active{opacity:1;background:#fff;transform:scale(1.2)}.suopu-swiper-wrapper .swiper-pagination-fraction{color:#fff;font-size:14px}.suopu-swiper-wrapper .swiper-pagination-progressbar{background:rgb(255 255 255 / .25);position:absolute}.suopu-swiper-wrapper .swiper-pagination-progressbar-fill{background:#fff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.suopu-swiper-wrapper .swiper-scrollbar{border-radius:10px;position:relative;background:rgb(255 255 255 / .1);z-index:10}.suopu-swiper-wrapper .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgb(255 255 255 / .5);border-radius:10px;left:0;top:0}.suopu-swiper-wrapper .swiper-pagination-bottom{bottom:20px}.suopu-swiper-wrapper .swiper-pagination-top{top:20px}@media (max-width:768px){.suopu-swiper-wrapper .swiper-button-prev,.suopu-swiper-wrapper .swiper-button-next{width:30px;height:30px;margin-top:-15px}.suopu-swiper-wrapper .swiper-button-prev{left:5px}.suopu-swiper-wrapper .swiper-button-next{right:5px}.suopu-swiper-wrapper .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}}.suopu-swiper-wrapper .swiper-slide .card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1);overflow:hidden;transition:all 0.3s ease}.suopu-swiper-wrapper .swiper-slide .card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgb(0 0 0 / .15)}.suopu-swiper-wrapper .swiper-slide img{width:100%;height:auto;display:block;object-fit:cover}.suopu-swiper-wrapper .swiper-slide h1,.suopu-swiper-wrapper .swiper-slide h2,.suopu-swiper-wrapper .swiper-slide h3,.suopu-swiper-wrapper .swiper-slide h4,.suopu-swiper-wrapper .swiper-slide h5,.suopu-swiper-wrapper .swiper-slide h6{margin:0 0 15px 0;line-height:1.2}.suopu-swiper-wrapper .swiper-slide p{margin:0 0 15px 0;line-height:1.6}.suopu-swiper-wrapper .swiper-slide .btn{display:inline-block;padding:12px 24px;background:#007cba;color:#fff;text-decoration:none;border-radius:4px;transition:all 0.3s ease;border:none;cursor:pointer}.suopu-swiper-wrapper .swiper-slide .btn:hover{background:#005a87;transform:translateY(-2px)}.suopu-swiper-wrapper .swiper-slide.loading{opacity:.7;pointer-events:none}.suopu-swiper-wrapper .swiper-slide.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #007cba;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hover-effect-zoom .swiper-slide:hover img{transform:scale(1.05);transition:transform 0.3s ease}.hover-effect-fade .swiper-slide:hover img{opacity:.8;transition:opacity 0.3s ease}.hover-effect-grayscale .swiper-slide img{filter:grayscale(100%);transition:filter 0.3s ease}.hover-effect-grayscale .swiper-slide:hover img{filter:grayscale(0%)}.suopu-swiper-wrapper.layout-overlay .swiper-slide{position:relative}.suopu-swiper-wrapper.layout-overlay .swiper-slide .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;opacity:0;transition:opacity 0.3s ease}.suopu-swiper-wrapper.layout-overlay .swiper-slide:hover .overlay{opacity:1}.suopu-swiper-wrapper .swiper-slide{transition:all 0.3s ease}.suopu-swiper-wrapper .swiper-slide.swiper-slide-active{z-index:2}.suopu-swiper-wrapper .swiper-button-prev:focus,.suopu-swiper-wrapper .swiper-button-next:focus{outline:2px solid #007cba;outline-offset:2px}.suopu-swiper-wrapper .swiper-pagination-bullet:focus{outline:2px solid #007cba;outline-offset:2px}@media print{.suopu-swiper-wrapper .swiper-button-prev,.suopu-swiper-wrapper .swiper-button-next,.suopu-swiper-wrapper .swiper-pagination{display:none!important}.suopu-swiper-wrapper .swiper-wrapper{transform:none!important}.suopu-swiper-wrapper .swiper-slide{position:static!important;width:auto!important;height:auto!important;page-break-inside:avoid}}