.case-bar{padding:16px}.case-bar-fixed.case-bar{position: fixed;}.case-bar li a{border-radius:8px;color:rgba(0,0,0,.5);display:block;font-size:18px;height:64px;line-height:64px;text-indent:32px}.case-bar li a:hover{background:#eee;color:rgba(0,0,0,.85)}.case-bar li.active a{background:#095bfb;color:#fff}.case-view{background:#fff;padding:30px 48px}.case-view.pd40{padding: 16px 40px;}.case-view .case-header{height:40px;}.case-view .case-cat3 a{border:1px solid rgba(0,0,0,.3);border-radius:100px;color:rgba(0,0,0,.3);margin-left:4px;padding:4px 16px}.case-view .case-cat3 a.active,.case-view .case-cat3 a:hover{border-color:#095bfb;color:#095bfb}.case-view .pic_page{color:#555;font-size:18px;font-weight:700;position:absolute;right:20px;top:20px;z-index:100}.case-view img{border-radius:8px;display:block;height:100%;width:100%}.case-view .view,.case-view .view .swiper-slide{position:relative}.case-view .view .swiper-slide .case-slide-tit{color:#fff;font-size:20px;left:30px;position:absolute;top:30px}.case-view .view .swiper-slide .case-slide-desc{background:rgba(0,0,0,.3);bottom:0;color:#fff;font-size:14px;left:0;padding:24px 25% 24px 32px;position:absolute;right:0}.case-view .view .swiper-container{height:640px;width:100%}.case-view .case-arrow{bottom:24px;position:absolute;right:22px;z-index:10}.case-view .case-arrow a{background:rgba(255,255,255,.1);border:1px solid #fff;border-radius:100%;color:#fff;display:inline-block;font-size:30px;height:48px;margin-right:10px;opacity:.5;text-align:center;width:48px}.case-view .case-arrow a:hover{opacity:1}.case-view .view .swiper-slide div{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.case-view .preview{margin-top:18px;position:relative;width:100%}.case-view .preview .swiper-slide{cursor:pointer;height:96px;overflow:hidden;width:96px}.case-view .preview .swiper-slide img{border:4px solid transparent;height:96px;margin:0 auto;object-fit:cover;width:96px}.case-view .preview .arrow-left{background-size:100% 100%;background:#353535;height:90px;left:0;margin-top:-9px;position:absolute;text-align:center;top:10px;width:44px;z-index:10}.case-view .preview .arrow-left span{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAA80lEQVQ4T62Ty0qDUQyEv9l567OI21Jti4giXfik3qtF9Cl06d36DHblSCQtR/6jVTDLk5lkMskRc8L2AHiTdBVQ/YS3vQvsA+/AnqSLbwm2t4FDYCGL3gCrVYLtLeAIWEzwHdCTNG4QbG8Cx8BSgh8S/NyYwXYPGBbgxwQ/TWeddbC9AZwBy5mMiiEjOszik2C7A5wDK5l5AfqSQvuXkO02MAJamXnNyrc1y2uEcVavE1LSeuovJYX++4ak6YPtbjo0f+iC1AdOf2VrQYrFnRRbDlu7ksK5+vH96TSKTjvAQXF818Da/5130Sk+0ETSZbx9AEmOaBK+jOJrAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100% 100%;display:inline-block;height:18px;margin-top:34px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);width:12px}.case-view .preview .arrow-right{background:#353535;height:90px;margin-top:-9px;position:absolute;right:0;text-align:center;top:10px;width:44px;z-index:10}.case-view .preview .arrow-right span{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRFMDAyQjQ5NUVEQTExRUI5MUNFRDUyODgyMDY3RDIxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRFMDAyQjRBNUVEQTExRUI5MUNFRDUyODgyMDY3RDIxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEUwMDJCNDc1RURBMTFFQjkxQ0VENTI4ODIwNjdEMjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEUwMDJCNDg1RURBMTFFQjkxQ0VENTI4ODIwNjdEMjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7kW96XAAAAoUlEQVR42mJggIL///87A7EPAzEAqNANiL8B8Q8g9iKkmAmIL/9HgO9A7E5IkwwQ30HSBLLNlZAmOSC+h6TpK8hfhDTJA/F9NE0OhDQpAvFDJE1fgNiOkCZlIH6EpOkzENsQ0qQCxE+QNH0CYismQlFEbEQqYXGSLSmeticlWB1xKZZFi7hvOCOOpKQBlGAG4ktoic+DeskbSZMLMRkIIMAAOsJKZYnNgtgAAAAASUVORK5CYII=) no-repeat 50%;background-size:100% 100%;display:inline-block;height:18px;margin-top:34px;width:12px}.case-view .preview .active-nav img{border-color:#095bfb;opacity:.9;padding:0}@media screen and (max-width:750px){.case-wrap{padding-bottom:4rem;padding-top:1px}.case-wrap .wrap{padding:0}.case-wrap .case-bar{overflow:hidden}.case-wrap .case-bar li{float:left;padding-left:1rem;padding-right:1rem;width:50%}.case-wrap .case-bar a{border:1px solid rgba(0,0,0,.1);font-size:1.3rem;height:4.4rem;line-height:4.4rem;margin-top:1rem;text-align:center;text-indent:0}.case-view{padding:2rem}.case-view .view .swiper-container{height:32rem}.case-view .view .swiper-container img{height:32rem;object-fit:cover}.case-view .case-slide-tit{font-size:1.6rem !important;left:1.6rem !important;top:1.6rem !important}.case-view .case-arrow,.case-view .case-slide-desc,.case-view .pic_page{display:none}.case-view .swiper-tab{height:5rem !important}.case-view .preview{margin-top:1rem}.case-view .preview .swiper-container{overflow-x:auto;}.case-view .preview .swiper-slide,.case-view .preview .swiper-slide img{height:4.8rem;width:4.8rem;}.case-view .preview .swiper-slide img{opacity: .5;}.case-view .preview .swiper-slide.active-nav img{opacity:1;}}
.gallery{overflow:hidden;margin-left:-.5rem;margin-right:-.5rem}.gallery dl{width:50%;float:left;padding:.5rem}.gallery dl .gallery-icon{position:relative;padding-top:65%;overflow:hidden;border-radius:2px;background-color:#f1f1f2}.gallery dl .gallery-icon img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-object-fit:cover;object-fit:cover;width:100%;max-width:none;border-radius:2px}.gallery br{display:none}.bqms{padding-right:30%}@media screen and (max-width:750px){.gallery dl{width:100%;float:none}.gallery dl .gallery-icon,.gallery dl .gallery-icon img{border-radius:8px}.bqms{padding-right:0}.icon-search{font-size:5rem}.ft-gray.pb96{font-size:14px}}