@charset "UTF-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}html,body,fieldset,img,iframe,abbr{border:0;-webkit-box-sizing:border-box;box-sizing:border-box}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sup,sub{font-size:83%}pre,code,kbd,samp{font-family:inherit}q:before,q:after{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}button{border:none}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}del,ins,u,s,a,a:hover{text-decoration:none}body,textarea,input,button,select,keygen,legend{font:.12rem/1.14 arial,\5b8b\4f53;color:#333;outline:0;-webkit-tap-highlight-color:rgba(255,0,0,0)}body{background:#fff}a{border:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}a,a:hover{color:#333}@font-face{font-family:SourceHanSansSC;font-weight:700;src:url(/assets/SourceHanSansCN-Bold.981d98f4.woff)}@font-face{font-family:SourceHanSansSC;font-weight:500;src:url(/assets/SourceHanSansCN-Medium.d445a1b2.woff)}@font-face{font-family:SourceHanSansSC;font-weight:400;src:url(/assets/SourceHanSansCN-Normal.94eb75a3.woff)}@font-face{font-family:SourceHanSansSC;font-weight:300;src:url(/assets/SourceHanSansCN-Regular.2817a640.woff)}html{font-size:5.2083333333vw}html.portrait{font-size:26.6666666667vw}@media (min-width: 1920PX){html{font-size:100PX}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#000;-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:none}html ::-webkit-scrollbar{width:0;height:0}html ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .01rem rgba(0,0,0,0);box-shadow:inset 0 0 .01rem rgba(0,0,0,0);border-radius:10PX;background-color:transparent}html ::-webkit-scrollbar-thumb{border-radius:10PX;-webkit-box-shadow:inset 0 0 .06rem rgba(0,0,0,.3);box-shadow:inset 0 0 .06rem rgba(0,0,0,.3);background:#dad6d6}html body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;font-family:SourceHanSansSC;font-weight:400;background-color:#fff;visibility:hidden}html img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}html[device=ie] body{font-family:\5fae\8f6f\96c5\9ed1}html,body{background-color:#000!important}html.web .cases-wrap .header-wrap .header .logo-wrap .logo .st0{fill:#fff!important}html.portrait .header .menu-btn b i:nth-child(1),html.portrait .header .menu-btn b i:nth-child(2){background:#fff}html.portrait .header .menu-btn b.active2{-webkit-filter:grayscale(200%) brightness(600%);filter:grayscale(200%) brightness(600%)}.cases-wrap{width:100%;max-width:19.2rem;margin:0 auto}.cases-wrap .header-wrap .nav ul li{color:rgba(255,255,255,.5)!important}.cases-wrap .header-wrap .nav ul li:hover,.cases-wrap .header-wrap .nav ul li.active{color:#fff!important}.cases-wrap .top{text-align:center;height:6.85rem;position:relative;overflow:hidden}.cases-wrap .top h1,.cases-wrap .top span{font-size:.96rem;font-weight:700;color:#fff;position:absolute;left:0;width:100%;top:3.11rem;text-align:left;padding-left:7.14rem}.cases-wrap .top b{font-size:4rem;font-weight:700;color:transparent;opacity:.2;-webkit-text-stroke:.01rem #FFFFFF;text-stroke:.01rem #FFFFFF;position:absolute;left:-.15rem;top:1.2rem}.cases-wrap .top p{font-size:.2rem;font-weight:400;color:#fff;line-height:.38rem;width:5.02rem;opacity:.5;position:absolute;right:3.2rem;bottom:1.25rem}.cases-wrap .tab{width:12.8rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1rem;margin-bottom:2rem}.cases-wrap .tab.mobile{display:none}.cases-wrap .tab div{width:3.8rem;border-bottom:1PX solid rgba(255,255,255,.29);padding-bottom:.25rem;color:#fff;cursor:pointer;height:.74rem;position:relative;-webkit-transition:border .3s;transition:border .3s;overflow:hidden}.cases-wrap .tab div:after{content:"";height:1PX;border-bottom:1PX solid white;position:absolute;left:0;bottom:0;width:0;-webkit-transition:width .33s cubic-bezier(.17,0,.27,1);transition:width .33s cubic-bezier(.17,0,.27,1)}.cases-wrap .tab div:nth-child(1) h4{-webkit-transform:translateX(-1.28rem);transform:translate(-1.28rem)}.cases-wrap .tab div:nth-child(2) h4{-webkit-transform:translateX(-2.1rem);transform:translate(-2.1rem)}.cases-wrap .tab div:nth-child(3) h4{-webkit-transform:translateX(-1.94rem);transform:translate(-1.94rem)}.cases-wrap .tab div h4{width:100%;height:.64rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap;-webkit-transition:.33s cubic-bezier(.17,0,.27,1);transition:.33s cubic-bezier(.17,0,.27,1)}.cases-wrap .tab div b{font-size:.32rem;font-weight:400;color:#fff;-webkit-transition:.33s cubic-bezier(.17,0,.27,1);transition:.33s cubic-bezier(.17,0,.27,1)}.cases-wrap .tab div span{font-size:.32rem;color:#fff;font-weight:400}.cases-wrap .tab div:hover:after,.cases-wrap .tab div.active:after{width:100%}.cases-wrap .tab div:hover h4,.cases-wrap .tab div.active h4{-webkit-transform:translateX(0);transform:translate(0)}.cases-wrap .tab div:hover h4 b,.cases-wrap .tab div.active h4 b{font-size:.2rem;color:rgba(255,255,255,.2)}.cases-wrap .swiper-wrapper{width:8.8rem;margin:0 auto;height:4.95rem;position:relative}.cases-wrap .swiper-wrapper .swiper-slide{cursor:pointer;position:absolute;height:4.95rem;left:0;opacity:0}.cases-wrap .swiper-wrapper .swiper-slide:before{display:block;height:100%;width:2.8rem;content:"";background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),to(#000000));background:linear-gradient(270deg,rgba(0,0,0,0) 0%,#000000 100%);border-radius:0;opacity:.5;position:absolute;top:0;left:0;pointer-events:none}.cases-wrap .swiper-wrapper .swiper-slide h6{width:4.52rem;height:1.72rem;position:absolute;right:100%;top:50%;margin-top:-.86rem;-webkit-transform:translateX(-.2rem);transform:translate(-.2rem);font-size:.64rem;font-weight:700;color:#fff;line-height:.8rem;text-transform:Uppercase;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:flex-end;pointer-events:none}.cases-wrap .swiper-wrapper .swiper-slide h6 span{display:block;width:100%;white-space:nowrap;text-align:right;position:absolute;right:0}.cases-wrap .swiper-wrapper .swiper-slide img{width:100%;height:4.95rem;pointer-events:none}.cases-wrap .swiper-wrapper .swiper-slide img.mobile{display:none}.cases-wrap .swiper-wrapper .swiper-slide.active{-webkit-transform:translateX(30%);transform:translate(30%)}.cases-wrap .swiper-wrapper .swiper-slide.active h6{opacity:1;-webkit-transform:translateX(1rem);transform:translate(1rem)}.cases-wrap .bottom{height:.8rem;position:relative;margin-top:2rem}.cases-wrap .cleafix>div i{background:url(/assets/ic_a1_roll-white.ebdc3951.svg);background-size:100% 100%}html.portrait .cases-wrap{height:auto}html.portrait .cases-wrap .top{height:2.6rem;padding:0 .2rem;margin-bottom:.45rem}html.portrait .cases-wrap .top h1,html.portrait .cases-wrap .top span{font-size:.38rem;font-weight:700;color:#fff;position:static;padding:.9rem .12rem .5rem 0;text-align:right;width:100%;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}html.portrait .cases-wrap .top b{font-size:1rem;font-weight:700;left:.15rem;top:.5rem}html.portrait .cases-wrap .top p{font-size:.14rem;font-weight:400;opacity:1;line-height:.26rem;position:static;width:100%;text-align:left}html.portrait .cases-wrap .tab-wrap{height:.6rem}html.portrait .cases-wrap .tab{display:none;width:100%;border-bottom:.01rem solid rgba(255,255,255,.29);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-left:.34rem}html.portrait .cases-wrap .tab.mobile{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:.2rem;width:100%;margin:0}html.portrait .cases-wrap .tab div{width:auto;border-bottom:none;height:auto;padding-bottom:.22rem;margin-right:.48rem}html.portrait .cases-wrap .tab div span{position:static;font-size:.14rem;color:rgba(255,255,255,.6);opacity:1}html.portrait .cases-wrap .tab div b{display:none;font-size:.14rem;color:rgba(255,255,255,.6)}html.portrait .cases-wrap .tab div.active span{color:#fff}html.portrait .cases-wrap .swiper-wrapper{width:100%;margin-top:.41rem;padding-left:.2rem;padding-right:.2rem;height:auto}html.portrait .cases-wrap .swiper-wrapper div{margin-bottom:.4rem;position:relative;top:0;opacity:1;height:auto}html.portrait .cases-wrap .swiper-wrapper div:before{border:.01rem solid rgba(255,255,255,.2);border-radius:100%;width:.44rem;background:transparent;height:.44rem;right:.16rem;bottom:.32rem;top:auto;left:auto;background:url(/assets/ic_enter.d91eb8df.svg) no-repeat center center;background-size:auto .07rem;cursor:pointer;z-index:2}html.portrait .cases-wrap .swiper-wrapper div:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);pointer-events:none}html.portrait .cases-wrap .swiper-wrapper div h6{opacity:1;-webkit-transform:none;transform:none;width:100%;height:1rem;left:.18rem;top:auto;bottom:0;text-align:left;z-index:2}html.portrait .cases-wrap .swiper-wrapper div h6 span{font-size:.24rem;text-align:left;line-height:1.4;color:#fcfeff}html.portrait .cases-wrap .swiper-wrapper div img{width:100%;height:4.42rem}html.portrait .cases-wrap .swiper-wrapper div img.mobile{display:block}html.portrait .cases-wrap .swiper-wrapper div img.web{display:none}html.portrait .cases-wrap .bottom{margin-top:.99rem;height:.34rem}html.portrait .cases-wrap .bottom #link{border-top:.01rem solid rgba(255,255,255,.2)}html.portrait #mobile{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:.25rem;width:100%;margin:0;background:#000000;border-bottom:.01rem solid rgba(255,255,255,.29);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:.34rem}html.portrait #mobile.active{position:fixed;z-index:3000;left:0;top:0}html.portrait #mobile div{width:auto;border-bottom:none;height:auto;padding-bottom:.22rem;margin-right:.48rem;position:relative}html.portrait #mobile div:after{content:"";height:.01rem;border-bottom:.01rem solid white;position:absolute;left:0;bottom:0;width:0;-webkit-transition:width .33s cubic-bezier(.17,0,.27,1);transition:width .33s cubic-bezier(.17,0,.27,1)}html.portrait #mobile div span{position:static;font-size:.14rem;color:rgba(255,255,255,.6);opacity:1}html.portrait #mobile div b{display:none;font-size:.14rem;color:rgba(255,255,255,.6)}html.portrait #mobile div.active span{color:#fff}html.portrait #mobile div.active:after{width:100%}html[device=ie] .cases-wrap .top b{color:#fff;opacity:.1}