.wrapper,.wrapper .article{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper{min-height:100vh;width:100%;overflow:hidden;background:#181818}.wrapper .article{max-width:1600px;margin:0 auto}.wrapper .article-works-warp{margin-top:50px;margin-bottom:80px}.article-banner,.wrapper{position:relative}.article-banner .text-box{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:2}.article-banner .text-box .title{font-size:36px;line-height:36px;color:#fff;margin-bottom:20px}.article-banner .text-box .text,.works-nav li{font-size:18px;line-height:18px;color:#fff}.works-container-banner .swiper-slide{width:100%}.works-container-banner .swiper-slide .banner,.works-warp li img{display:block;width:100%}.works-container-banner .swiper-pagination{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;bottom:25px}.works-container-banner .swiper-pagination span{height:16px;width:16px;background:0 0;display:block;margin:0 11px;-webkit-transform:translate3d(0,0,0) scaleX(1);-moz-transform:translate3d(0,0,0) scaleX(1);transform:translate3d(0,0,0) scaleX(1);cursor:pointer;opacity:1}.works-container-banner .swiper-pagination span:before{content:'';cursor:pointer;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0) scale(0);-moz-transform:translate3d(-50%,-50%,0) scale(0);transform:translate3d(-50%,-50%,0) scale(0);display:block;height:100%;width:100%!important;border:1px solid #fff;-webkit-transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275);-o-transition:-o-transform .5s cubic-bezier(.175,.885,.32,1.275);-moz-transition:transform .5s cubic-bezier(.175,.885,.32,1.275),-moz-transform .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275),-moz-transform .5s cubic-bezier(.175,.885,.32,1.275),-o-transform .5s cubic-bezier(.175,.885,.32,1.275);border-radius:50%;background-color:transparent}.works-container-banner .swiper-pagination span:after{width:6px;height:6px;position:absolute;top:50%;left:50%;background:#fff;-webkit-transition:opacity .5s,-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275);-o-transition:opacity .5s,-o-transform .5s cubic-bezier(.175,.885,.32,1.275);-moz-transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s,-moz-transform .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s,-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275),-moz-transform .5s cubic-bezier(.175,.885,.32,1.275),-o-transform .5s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);display:block;content:'';border-radius:50%;opacity:1}.works-container-banner .swiper-pagination span.swiper-pagination-bullet-active:before,.works-container-banner .swiper-pagination span:hover:before{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);-moz-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.works-box{width:100%;padding:0 65px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.works-nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;gap:2.04%}.works-nav li{width:14.9656%;line-height:60px;border-radius:5px;text-align:center;background:#292929;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;cursor:pointer;margin-bottom:30px}.page-number .page-number-item.active,.works-nav li.active,.works-nav li:hover{background:#ff721d}.works-warp{display:grid;grid-gap:30px}.works-warp li:first-child{grid-column:1/span 2;grid-row:1/span 2}.works-warp li:nth-child(2){grid-column:3;grid-row:1}.page-number{margin-top:62px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:25px}.page-number .page-number-item{line-height:40px;min-width:40px;padding:0 14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#434343;color:#fff;text-align:center;font-size:14px;cursor:pointer}