.main{background-color:#fff}@media screen and (min-width: 1200px){.banner-box{height:calc(100% - 100px)}.banner-box .swiper-container{height:100%;position:relative}.banner-box .swiper-container .swiper-wrapper{height:100%}.banner-box .swiper-container .swiper-wrapper .swiper-slide{height:100%}.banner-box .swiper-container .swiper-wrapper .swiper-slide .pic{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;transform-origin:center center;transition:6s;transition-delay:1s}.banner-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .pic{transform:scale(1.06);transform-origin:center center}.preview-box{position:fixed;left:0;top:0;z-index:10001;width:100%;height:100%;background-color:rgba(0,0,0,.9);transition:.3s;visibility:hidden;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preview-box.show{visibility:visible;opacity:1}.preview-box .dialog-m{visibility:hidden}.preview-box .dialog{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;padding:10px}.preview-box .dialog .preview-box-loader{display:none}.preview-box .dialog.loading .preview-box-loader{display:block}.preview-box .dialog .swiper-container{width:auto;height:auto;position:relative}.preview-box .dialog .swiper-container .swiper-wrapper{width:auto;height:auto}.preview-box .dialog .swiper-container .swiper-wrapper .swiper-slide{width:auto;height:auto}.preview-box .dialog .wrap{overflow:hidden;width:auto;height:auto}.preview-box .dialog .wrap .pic{min-width:300px;min-height:300px;overflow:hidden;position:relative}.preview-box .dialog .wrap .pic img{max-width:90vw;max-height:90vh;transition:.5s}.preview-box .dialog .wrap .btn-prev,.preview-box .dialog .wrap .btn-next{display:block;position:absolute;top:30px;left:10px;z-index:2;background-color:rgba(255,255,255,.8);width:64px;line-height:32px;box-sizing:border-box;padding-right:10px;border-radius:0 3px 3px 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-align:right;font-weight:bold;color:rgba(87,87,87,.8);cursor:pointer;transition:.3s}.preview-box .dialog .wrap .btn-prev:hover,.preview-box .dialog .wrap .btn-next:hover{color:rgba(255,255,255,.8);background-color:rgba(87,87,87,.8)}.preview-box .dialog .wrap .btn-next{left:auto;right:10px;border-radius:3px 0 0 3px;padding-right:0;padding-left:10px;text-align:left}.preview-box .dialog .wrap .title{position:relative;height:35px}.preview-box .dialog .wrap .title .nav-info{box-sizing:border-box;padding-top:10px;line-height:25px;font-size:14px;color:#333}.preview-box .dialog .wrap .title .btn-close{position:absolute;top:10px;right:0px;width:75px;height:25px;line-height:25px;font-size:16px;color:#999;cursor:pointer;transition:.3s}.preview-box .dialog .wrap .title .btn-close::after{content:"";font-family:"iconfont";font-weight:bold;font-size:20px;vertical-align:top;margin-left:3px}.preview-box .dialog .wrap .title .btn-close:hover{color:#333}.preview-box-loader,.preview-box-loader:before,.preview-box-loader:after{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:preview-box-loader 1.8s infinite ease-in-out;animation:preview-box-loader 1.8s infinite ease-in-out}.preview-box-loader{color:#c2adad;font-size:10px;margin:80px auto;position:absolute;top:100px;left:50%;text-indent:-9999em;transform:translateZ(0) translateX(-50%);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.preview-box-loader:before,.preview-box-loader:after{content:"";position:absolute;top:0}.preview-box-loader:before{left:-3.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.preview-box-loader:after{left:3.5em}@-webkit-keyframes preview-box-loader{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes preview-box-loader{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}}@media screen and (max-width: 1200px){.preview-box{position:fixed;left:0;top:0;z-index:10001;width:100%;height:100%;background-color:rgba(0,0,0,.9);transition:.3s;visibility:hidden;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preview-box .swiper-container{height:100%;position:relative}.preview-box .swiper-container .swiper-wrapper{height:100%}.preview-box .swiper-container .swiper-wrapper .swiper-slide{height:100vh}.preview-box.show{visibility:visible;opacity:1}.preview-box .dialog{visibility:hidden}.preview-box .dialog-m{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%}.preview-box .dialog-m .pic{width:100%;height:100%;overflow:hidden;position:relative}.preview-box .dialog-m .pic img{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100vw;max-height:100vh}}