.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.swiper-container-no-flexbox .swiper-slide{float:left;}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto;}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height;}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x;}
.swiper-button-next,.swiper-button-prev{position:absolute;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;}
.swiper-button-next{width:3.45rem;height:3.45rem;background-size:auto;background-size:100%;position:absolute;top:12.7rem;right:3%;z-index:100;}
.swiper-pagination{text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;width:100%;position:absolute;}
.swiper-pagination.swiper-pagination-hidden{opacity:0;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:27px;left:0;width:100%;}
.swiper-pagination-bullet{width:15px;height:15px;display:inline-block;background:#fff;margin:0 .35rem;border-radius:100%;}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff;}
.swiper-pagination-bullet-active{width:15px;height:15px;opacity:1;background:#135fab;border-radius:100%;}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000;}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute;}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;}
.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0;}
.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0;}
.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5);}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff;}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000;}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px;}
.swiper-container-cube,.swiper-container-flip{overflow:visible;}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none;}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto;}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;}
.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible;}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1);}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0;}
.swiper-scrollbar-cursor-drag{cursor:move;}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite;}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}*html{background-image:url(/css/about:blank);background-attachment:fixed}html #layuicss-skinlayercss{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url() center center no-repeat #eee}.layui-layer-ico{}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layui-layer{border-radius:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 10px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:6px 6px 0;padding:0 15px;border:1px solid #dedede;background-color:#f1f1f1;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#4898d5;background-color:#2e8ded;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:hidden}.layui-layer-page .layui-layer-content img{width:100%;}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url() no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url() no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url() no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:5px 10px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:1px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#BBB5B5;border:none}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url() no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:220px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block}.xubox_tabclose{position:absolute;right:10px;top:5px;cursor:pointer}.layui-layer-photos{-webkit-animation-duration:.8s;animation-duration:.8s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}.product_list{display:flex;justify-content:space-between;margin:30px auto 0}
.product_list .left{width:20%;margin-bottom:3vw}
.product_list .left .sidebar{border:1px solid #efefef;padding:15px}
.product_list .right{width:78%}
.product_list .box .title{color:#333;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700}
.product_list .box .title a{color:#333}
.product_list .pro_list{display:grid;gap:15px;grid-template-columns:repeat(3,1fr);position:relative;}
.product_list img{width:100%}
.pro_list .img_list{display:flex;justify-content:space-between;}
.img_list .box-pic1{max-height:290px;width:13%;overflow:hidden}
.img_list .box-pic2{width:80%;padding-bottom:0;overflow:hidden;height:273px}
.swiper-slide-thumb-active{border:1px solid #347471}
.box-pic1 .swiper-wrapper{flex-direction:column}
.box-pic1 .swiper-slide{height:2.5rem!important;margin-bottom:2px;cursor:pointer}
.box-pic1 .swiper-slide.cur{border:1px solid #347471;box-sizing:border-box}
.box-pic2 .facetwp-icon::before{background-size:25px 25px}
.box-pic2 .facetwp-icon{top:10px;right:8px;height:30px;cursor:pointer;opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.box-pic2:hover .facetwp-icon {opacity: 1;visibility: visible;}
.pro-jt {display: none !important;}
.box-pic2 .box-list2{height:100%;max-width:273px}
.box-pic2 .swiper-slide{margin-bottom:30px}
.pro_list .text .tit{display:block;text-align:left;font-size:16px;color:#333;width:80%;height:45px;float:right;margin:10px 0}
.pro_list .text .quote{line-height:43px;height:43px;background:#347471;width:59%;float:right;cursor:pointer;}
.pro_list .quote a{color:#fff;display:block;text-align:center}
.pro-jt{position:absolute;top:0;bottom:0;left:0;right:0}
.pro-jt .i{display:block;width:30px;height:30px;z-index:300;position:absolute;cursor:pointer}
.amp-carousel-button-next,.amp-carousel-button-prev{background-size:18px 18px}
.swiper-button-next,.swiper-button-prev{top:50%;background-color:rgba(0,0,0,.8)}
.swiper-button-prev{left:3%}
.amp-carousel-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M15%208.25H5.87l4.19-4.19L9%203%203%209l6%206%201.06-1.06-4.19-4.19H15z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");background-size:18px 18px}
.amp-carousel-button-next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTkgMyA3Ljk0IDQuMDZsNC4xOSA0LjE5SDMgdjEuNWg5LjEzbC00LjE5IDQuMTlMOSAxNWw2LTZ6Ii8+PC9zdmc+)}
.product_list .pro_list .box{margin-bottom:25px;position: relative;}
.img_list span{display: inline-block;line-height:0;width: 100%;height: 100%;position:relative}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:100;background: rgba(0, 0, 0, 0.8);}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}
.fancybox-lock .fancybox-overlay{overflow:auto}
.fancybox-opened{z-index:100}
.fancybox-wrap{position:absolute;top:0;left:0}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}
.fancybox-inner,.fancybox-outer{position:relative}
#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background:url(//www.gvpak.com/images/fancybox_sprite.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}
.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(https://www.gvpak.com/images/blank.gif);-webkit-tap-highlight-color:transparent;z-index:8040}
.fancybox-prev span{left:10px;background-position:0 -36px}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}
.fancybox-nav:hover span{visibility:visible}
.fancybox-next span{right:10px;background-position:0 -72px}
.fancybox-next{right:0}
.img_list img{transition:all .5s ease; height: 100%;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1!important;pointer-events:auto!important}
.center2.pruduct_src{display:flex;justify-content:space-between;flex-wrap:wrap}
.product_right-img{display:flex;justify-content:end;margin:5px 0;position: relative;}
.product_right-width img{width:100%;max-width:50px;margin:0 15px 0 5px;max-height:45px}
.product_right-width button{background-color:#347471;color:#fff;border:none;padding:1px 7px;cursor:pointer;border-radius:23px;position:absolute;top:0;right:0}
.product_right-width button:hover{background-color:#1c423f}
.product_right-width{display:flex;justify-content:center;}
.product_right-img .add i{display:block;width:43px;height:43px;line-height:43px;text-align:center;background:#dbe2e0;color:#547e79;font-size:43px}
.product_scr-all{background:#2f736d;color:#fff;height:45px;margin-left:15px;line-height:43px;border-radius:4px;padding:0 7px;font-weight:700;cursor:pointer}
.pro_list .text .add{line-height:43px;height:43px;background:#347471;width:18%;float:right;margin-left:10px;cursor:pointer;}
.pro_list .text .add button{display:block;width:100%;height:43px;line-height:43px;text-align:center;background:#347471;color:#fff;font-size:43px;cursor:pointer;}
.product_right-width div{height:45px;position:relative;top:-5px;margin-right: 5px;}
button.facetwp-reset{padding:7px 20px;border-radius:4px;box-shadow:0 2px 1px 1px #c5c5c5;cursor:pointer;margin-top:10px;}
.quote_single{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;background:#fff;box-shadow:0 1px 2px 2px #9bafb6;display:none; transition: opacity 0.3s;}
.quote_single .close{position:absolute;top:-9px;right:-12px;z-index:10;width:30px;height:30px;cursor:pointer;border-radius:50%;background:#dbdbdb}
.quote_single .batch_form .tow p{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
.quote_single,.quote_single_bg{position:fixed;pointer-events:auto}
.show{opacity:1;transition:opacity .3s ease}
.hide{opacity:0;transition:opacity .3s ease}
.batch_quote{margin:0 auto;width:100%;padding:50px}
.batch_quote .title{font-size:25px;font-weight:700;color:#000}
.batch_form .input-na{background:#e7e7e7;padding:10px;border-radius:4px;max-width:330px}
.batch_form .tow p{display:flex;justify-content:space-between;flex-wrap:wrap}
.batch_form>div,.batch_form>p{margin-top:20px}
.batch_form textarea{width:100%;border-radius:4px;background:#e7e7e7;padding:10px 15px;max-height:150px}
.batch_form .sub{text-align:center;margin:10px auto;display:block;background:#347471;color:#fff;padding:10px 55px;border-radius:4px;cursor:pointer}
.batch_form .sub:hover{background:#2d615f;} .box-pic2:hover .pro-jt .i{display:block;}
.clearfix::after{content:"";display:block;overflow:hidden;clear:both}
.Batch_form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;background:#fff;box-shadow:0 1px 2px 2px #9bafb6;display:none;}
.Batch_form .batch_quote{padding:20px;width:800px}
.Batch_form button.close{position:absolute;top:-9px;right:-12px;z-index:10;width:30px;height:30px;cursor:pointer;border-radius:50%;background:#dbdbdb}
.Batch_form,.Batch_form_bg{position:fixed;pointer-events:auto}
.quote_single_bg{background-color:#000;opacity:.3;top:0;left:0;width:100%;height:100%;z-index:100;display:none}
.Batch_form_bg{background-color:#000;opacity:.7;top:0;left:0;width:100%;height:100%;z-index:100;display:none}
.pagenavi_list .facetwp-page{margin:5px 3px;padding:14px 18px;background:#fff;color:#333;font-size:14px;border:solid 1px #e5e5e5;display:inline-block;line-height:20px}
.pagenavi_list .facetwp-page.active{background:#347471;color:#fff}
.pagenavi_list .facetwp-page:hover{background:#347471;color:#fff}
input.facetwp-search{border:1px solid #888;padding:10px 0 10px 10px;max-width:210px!important;border-radius:3px}
.pro_list .box .img_list {
height: 280px !important; 
display: flex !important; 
overflow: hidden;
} .news-details .pro_list{display:grid;gap:15px;grid-template-columns:repeat(3,1fr);position:relative}
.news-details .pro_list img{width:100%}
.news-details .box-pic1 .swiper-slide{height:2.3rem!important}
.news-details .pro_list .add{display:none}
.news-details .pro_list .text .quote{width:80%}
.facetwp-icon:before{display:inline-block;content:'';width:30px;height:100%;background:url(/wp-content/themes/screenr/images/icon-search.png) no-repeat;background-position:5px 50%;background-size:20px 20px}  .pagenavi_list {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 6px;
padding: 20px 0;
} .pagenavi_list .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 14px;
border-radius: 8px;
text-decoration: none;
font-size: 15px;
font-weight: 500;
color: #347471;
background: #fff;
border: 2px solid #e0e8e8;
cursor: pointer;
transition: all 0.3s ease;
} .pagenavi_list .page-numbers.current {
background: #347471;
color: #fff;
border-color: #347471;
box-shadow: 0 4px 12px rgba(52, 116, 113, 0.35);
cursor: default;
} .pagenavi_list a.page-numbers:hover {
background: #347471;
color: #fff;
border-color: #347471;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(52, 116, 113, 0.3);
} .pagenavi_list a.prev.page-numbers,
.pagenavi_list a.next.page-numbers {
padding: 0 18px;
font-weight: 600;
} .pagenavi_list .page-numbers.dots {
border-color: transparent;
background: transparent;
cursor: default;
min-width: 32px;
padding: 0;
color: #999;
}
.pagenavi_list .page-numbers.dots:hover {
background: transparent;
color: #999;
border-color: transparent;
transform: none;
box-shadow: none;
} .pagenavi_jump {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 0 0 20px;
font-size: 14px;
color: #555;
}
.pagenavi_jump input {
width: 52px;
height: 36px;
border: 2px solid #e0e8e8;
border-radius: 6px;
text-align: center;
font-size: 14px;
font-weight: 500;
color: #347471;
outline: none;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.pagenavi_jump input:focus {
border-color: #347471;
box-shadow: 0 0 0 3px rgba(52, 116, 113, 0.1);
}
.pagenavi_jump button {
height: 36px;
padding: 0 16px;
border: none;
border-radius: 6px;
background: #347471;
color: #fff;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.pagenavi_jump button:hover {
background: #2a5f5c;
box-shadow: 0 4px 12px rgba(52, 116, 113, 0.3);
transform: translateY(-1px);
}
.pagenavi_jump .jump-error {
border-color: #e74c3c !important;
box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1) !important;
} @media (max-width: 480px) {
.pagenavi_list .page-numbers {
min-width: 36px;
height: 36px;
padding: 0 10px;
font-size: 13px;
}
.pagenavi_jump {
flex-wrap: wrap;
justify-content: center;
}
}
@media(max-width:1560px){
.box-pic1 .swiper-slide{height:3.3rem!important}
}
@media(max-width:1000px){
.product_list{flex-wrap:wrap;margin:0 20px}
.product_list .left{width:100%}
.product_list .right{width:100%}
.product_list .pro_list{grid-template-columns:repeat(1,1fr)}
.Batch_form .batch_quote {width:100%;}
.product_right-width{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}
.product_right-width img{margin:0}
.quote_single{width:85%}
.quote_single .batch_form .tow p{grid-template-columns:repeat(1,1fr)}
.quote_single .batch_quote{padding:20px}
.quote_single .batch_quote .title{font-size:25px}
.quote_single .batch_form .input-na{width:100%}
}
@media(max-width:750px){
.box-pic1 .swiper-slide{height:5.7rem!important}
.loca.pruduct_src-phone{height:auto}
.product_right-img{flex-wrap:wrap;justify-content:center;align-items:center}
.product_scr-all{margin:10px 0;}
.box-pic2 .box-list2{max-width:320px;height: 100%;}
.box-pic2 .swiper-slide{width:100%!important;margin-bottom:0}
.news-details .pro_list{grid-template-columns:repeat(1,1fr)}
.news-details .box-pic1 .swiper-slide{height:4.8rem!important}
.pro_list .img_list{align-items:flex-start}
.img_list .box-pic1{height: 400px;max-height: 500px;width:16%}
.pro_list .box .text{width: 100%;position: relative;bottom: 0;}
.img_list .box-pic2{height: 100%;}
.pro_list .text .tit{height: 25px;overflow: hidden;}
.center2.pruduct_src{flex-direction:column;align-items: center;align-content:flex-start}
}
@media (min-width: 769px) {
.mobile-filter-wrapper { display: none !important; }
}
@media (max-width: 768px) {
.mobile-filter-wrapper {
display: block !important;
margin: 10px 0 20px 0;
}
#filter-switch { display: none; }
.filter-trigger-btn {
display: inline-flex;
align-items: center;
cursor: pointer;
padding: 5px 0;
}
.filter-trigger-btn img {
width: 25px; height: auto; margin-right: 8px; vertical-align: middle;
}
.filter-trigger-btn .btn-text {
font-size: 19px; font-weight: 600; color: #333;
}
.sidebar-close-btn {
display: none;
position: fixed;
top: 15px;     
left: 260px;   
width: 35px;
height: 35px;
background: #f44336;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 33px;
font-size: 24px;
font-weight: bold;
cursor: pointer;
z-index: 100000;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.sidebar {
position: fixed !important;
top: 0 !important;
left: 0 !important; 
width: 100% !important;
max-width: 400px !important;
height: 100vh !important;
background: #fff !important;
z-index: 99999 !important;
overflow-y: auto !important;
padding: 20px !important;
box-shadow: 2px 0 15px rgba(0,0,0,0.1) !important;
transform: translateX(-100%) !important;
visibility: hidden !important;
opacity: 0 !important;
transition: all 0.3s ease !important;
display: block !important;
margin: 0 !important;
border: none !important;
}
.filter-backdrop {
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.5);
z-index: 99998;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
body:has(#filter-switch:checked) .sidebar {
transform: translateX(0) !important;
visibility: visible !important;
opacity: 1 !important;
}
body:has(#filter-switch:checked) .filter-backdrop {
opacity: 1;
visibility: visible;
}
body:has(#filter-switch:checked) .sidebar-close-btn {
display: block;
}
body:has(#filter-switch:checked) {
overflow: hidden;
}
}
@media (min-width: 1000px) and (max-width: 1440px) {
.center2.pruduct_src { width: 100%; padding: 0 20px;}
.product_list { width: 100%;padding: 0 20px;}
.pro_list .box .img_list { height: 240px !important;}
}  .pro_list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
gap: 24px;
} .product-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
padding: 16px;
display: flex;
flex-direction: column;
gap: 14px;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.product-card:hover {
box-shadow: 0 8px 28px rgba(52, 116, 113, 0.12);
transform: translateY(-2px);
} .card-gallery {
display: flex;
gap: 10px;
min-height: 0;
} .card-thumbs {
width: 60px;
flex-shrink: 0;
overflow: hidden;
}
.thumb-swiper {
height: 100%;
width: 100%;
}
.thumb-swiper .swiper-wrapper { display: flex;
flex-direction: column;
gap: 6px;
}
.thumb-swiper .swiper-slide {
width: 60px !important;
height: 60px;
border-radius: 8px;
overflow: hidden;
border: 2px solid #e8e8e8;
cursor: pointer;
transition: border-color 0.3s ease;
flex-shrink: 0;
}
.thumb-swiper .swiper-slide:hover,
.thumb-swiper .swiper-slide-thumb-active {
border-color: #347471;
}
.thumb-swiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.video-thumb-icon {
width: 100%;
height: 100%;
object-fit: contain;
padding: 12px;
box-sizing: border-box;
} .card-main-image {
flex: 1;
aspect-ratio: 1;
border-radius: 10px;
overflow: hidden;
background: #f8f8f8;
position: relative;
min-width: 0;
}
.main-swiper {
width: 100%;
height: 100%;
} .main-swiper:not(.swiper-container-initialized) .swiper-wrapper {
width: 100%;
height: 100%;
}
.main-swiper:not(.swiper-container-initialized) .swiper-slide {
display: none;
width: 100%;
height: 100%;
}
.main-swiper:not(.swiper-container-initialized) .swiper-slide:first-child {
display: block;
}
.main-swiper .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.main-swiper .swiper-slide a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.main-swiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .zoom-icon {
position: absolute;
top: 12px;
right: 12px;
width: 28px;
height: 28px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
z-index: 5;
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.zoom-icon::before {
content: "";
width: 12px;
height: 12px;
border: 2px solid #333;
border-radius: 50%;
}
.zoom-icon::after {
content: "";
width: 2px;
height: 6px;
background: #333;
position: absolute;
bottom: 5px;
right: 7px;
transform: rotate(-45deg);
}
.main-swiper .swiper-slide:hover .zoom-icon {
opacity: 1;
} .slide-video {
background: #000;
position: relative;
}
.youtube-facade {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 10;
}
.youtube-facade img {
width: 100%;
height: 100%;
object-fit: cover;
}
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 42px;
background: rgba(255, 0, 0, 0.85);
border-radius: 10px;
z-index: 11;
pointer-events: none;
}
.play-btn::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent white;
}
.slide-video video,
.slide-video iframe {
width: 100%;
height: 100%;
object-fit: contain;
} .swiper-lazy-preloader {
width: 36px;
height: 36px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -18px;
margin-top: -18px;
z-index: 10;
animation: swiper-preloader-spin 1s infinite linear;
border: 3px solid #347471;
border-radius: 50%;
border-top-color: transparent;
box-sizing: border-box;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .card-title {
font-size: 15px;
font-weight: 600;
color: #333;
padding: 0 4px;
line-height: 1.4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.card-title a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.card-title a:hover {
color: #347471;
} .card-actions {
display: flex;
gap: 8px;
padding: 0 4px;
}
.btn-quote {
flex: 1;
padding: 12px 18px;
background: #347471;
color: #fff;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
}
.btn-quote:hover {
background: #2a5f5c;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(52, 116, 113, 0.3);
}
.btn-detail {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: #e8f4f3;
color: #347471;
border: 2px solid #347471;
border-radius: 8px;
font-size: 22px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
line-height: 1;
}
.btn-detail:hover {
background: #347471;
color: #fff;
transform: translateY(-1px);
} .global-quote-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
align-items: center;
justify-content: center;
}
.global-quote-overlay.active {
display: flex;
}
.global-quote-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(3px);
}
.global-quote-modal {
position: relative;
background: #fff;
border-radius: 16px;
padding: 36px 30px;
max-width: 520px;
width: 90%;
max-height: 85vh;
overflow-y: auto;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
animation: modalIn 0.3s ease;
}
@keyframes modalIn {
from {
opacity: 0;
transform: translateY(20px) scale(0.96);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.global-quote-close {
position: absolute;
top: 12px;
right: 16px;
width: 36px;
height: 36px;
border: none;
background: #f2f2f2;
border-radius: 50%;
font-size: 22px;
color: #666;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.global-quote-close:hover {
background: #e74c3c;
color: #fff;
}
.global-quote-product-name {
font-size: 16px;
font-weight: 700;
color: #347471;
margin-bottom: 20px;
padding-right: 40px;
line-height: 1.4;
} .pagenavi_list {
display: flex;
justify-content: center;
gap: 6px;
margin-top: 36px;
flex-wrap: wrap;
}
.pagenavi_list a,
.pagenavi_list span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 12px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.pagenavi_list a {
background: #fff;
color: #333;
border: 1px solid #ddd;
}
.pagenavi_list a:hover {
background: #347471;
color: #fff;
border-color: #347471;
}
.pagenavi_list .current {
background: #347471;
color: #fff;
border: 1px solid #347471;
} @media (max-width: 1200px) {
.pro_list {
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 20px;
}
}
@media (max-width: 768px) {
.pro_list {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 16px;
}
.product-card {
padding: 12px;
gap: 12px;
}
.card-thumbs {
width: 50px;
}
.thumb-swiper .swiper-slide {
width: 50px !important;
height: 50px;
}
}
@media (max-width: 480px) {
.pro_list {
grid-template-columns: 1fr;
gap: 14px;
}
.card-gallery {
gap: 8px;
}
.card-thumbs {
width: 46px;
}
.thumb-swiper .swiper-slide {
width: 46px !important;
height: 46px;
border-radius: 6px;
}
.card-main-image {
border-radius: 8px;
}
.btn-quote {
padding: 10px 14px;
font-size: 13px;
}
.btn-detail {
width: 40px;
height: 40px;
font-size: 20px;
}
}