@keyframes tiac_0{0%{opacity:0}15%{opacity:1}50%{}100%{transform:scale(1.1);opacity:1}}@keyframes tiac_1{0%{opacity:1}100%{transform:scale(1);opacity:0}}#MAIN{min-width:100%;min-height:100%;width:100%;height:100%}body,html{background:#685C5D;min-width:100%;min-height:100%;overflow-y:hidden;width:100%;height:100%}.fp-right{right:inherit !important;left:20px}.__leftlin{z-index:120;bottom:6vh}#MASK_CU{position:absolute;top:11vh;right:-100%;width:100%;height:88vw;background:#291F16;z-index:121}#MASK_CU .conl{position:absolute;z-index:10;left:0;top:4%;height:70vh;width:100%}#MASK_CU .conl .lll{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;left:8%;top:45%;display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#MASK_CU .conl .lll:before{content:'';position:relative;left:0.3vw;width:0.9vw;height:0.9vw;overflow:hidden;border-top:2px solid #aaa;border-left:2px solid #aaa;display:block;transform:rotate(-45deg)}#MASK_CU .conl .rrr{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;right:8%;top:45%;display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#MASK_CU .conl .rrr:before{content:'';position:relative;right:0.3vw;width:0.9vw;height:0.9vw;overflow:hidden;border-top:2px solid #aaa;border-left:2px solid #aaa;display:block;transform:rotate(135deg)}#MASK_CU .pic{margin:0 auto;width:80%;height:78vh;background:url("data:image/svg+xml,%3Csvg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath opacity='0.2' fill='%23aaa' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3E%3Cpath fill='%23aaa' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:2vw;background-position:center}#MASK_CU .pic .scroll{display:flex;flex-wrap:nowrap;flex-direction:row;overflow:hidden;height:100%}#MASK_CU .pic .scroll li{display:flex;flex-shrink:0;width:100%}#MASK_CU .pic .scroll li .bp{width:100%;height:100%}#MASK_CU .pic .scroll li .bp img{width:100%;height:100%}#MASK_CU .bottom{display:flex;justify-content:center;border-top:0.5vh solid #444;height:11vh;width:100%;background:#101010;position:relative}#MASK_CU .bottom .close{position:absolute;left:3.5%;bottom:5.5vh;font-size:1.6vw;cursor:pointer;width:1.2vw;height:1.2vw;z-index:1}#MASK_CU .bottom .close:hover{color:#685C5D}#MASK_CU .bottom .close:before{content:'';width:1px;height:100%;overflow:hidden;background:#797B7D;display:block;transform:rotate(45deg);position:absolute;left:0.5vw;top:0}#MASK_CU .bottom .close:after{content:'';width:1px;height:100%;overflow:hidden;background:#797B7D;display:block;transform:rotate(135deg);position:absolute;left:0.5vw;top:0}#MASK_CU .bottom .page_{position:absolute;right:3.5vw;top:2.4vh;display:flex;flex-wrap:nowrap;align-content:center;align-items:center}#MASK_CU .bottom .page_ .lll{cursor:pointer;width:2vw;height:2vw;display:flex;justify-content:center;align-items:center;align-content:center}#MASK_CU .bottom .page_ .lll:before{content:'';position:relative;left:0.3vw;width:0.5vw;height:0.5vw;overflow:hidden;border-top:1px solid #797B7D;border-left:1px solid #797B7D;display:block;transform:rotate(-45deg)}#MASK_CU .bottom .page_ .n{padding:0 0.5vw;font-size:0.7vw;color:#797B7D;font-weight:100;font-family:'arial';letter-spacing:0.1em}#MASK_CU .bottom .page_ .rrr{cursor:pointer;width:2vw;height:2vw;display:flex;justify-content:center;align-items:center;align-content:center}#MASK_CU .bottom .page_ .rrr:before{content:'';position:relative;right:0.3vw;width:0.5vw;height:0.5vw;overflow:hidden;border-top:1px solid #797B7D;border-right:1px solid #797B7D;display:block;transform:rotate(45deg)}#MASK_CU .bottom .name{position:relative;top:2.5vh;display:flex;flex-wrap:nowrap}#MASK_CU .bottom .name .lll{cursor:pointer;width:2vw;height:2vw;display:flex;justify-content:center;align-items:center;align-content:center}#MASK_CU .bottom .name .lll:before{content:'';position:relative;left:0.1vw;width:0.5vw;height:0.5vw;overflow:hidden;border-top:1px solid #797B7D;border-left:1px solid #797B7D;display:block;transform:rotate(-45deg)}#MASK_CU .bottom .name span{padding:0 0.5vw;font-size:0.75vw;color:#797B7D;font-weight:bold;height:2vw;line-height:2vw}#MASK_CU .bottom .name .rrr{cursor:pointer;width:2vw;height:2vw;display:flex;justify-content:center;align-items:center;align-content:center}#MASK_CU .bottom .name .rrr:before{content:'';position:relative;right:0.1vw;width:0.5vw;height:0.5vw;overflow:hidden;border-top:1px solid #797B7D;border-right:1px solid #797B7D;display:block;transform:rotate(45deg)}#MASK_CU .bottom .select_{position:absolute;left:14vw;top:3vh;display:flex;flex-wrap:nowrap;align-content:center;align-items:center}#MASK_CU .bottom .select_ .sss{margin:0 1vw;cursor:pointer;display:flex;flex-wrap:nowrap;align-content:center;align-items:center;position:relative}#MASK_CU .bottom .select_ .sss span{color:#797B7D;padding:0 0.6vw 0 0;font-size:0.7vw;font-weight:bold;height:3vh;line-height:3vh}#MASK_CU .bottom .select_ .sss .jiao:before{content:'';width:0;height:0;border-style:solid;border-width:0.66vw 0.37vw 0 0.37vw;border-color:#797B7D transparent transparent transparent;display:flex}#MASK_CU .bottom .select_ .sss ul{position:absolute;left:0;bottom:1vh;background:#222;opacity:0;visibility:hidden;display:flex;flex-direction:column}#MASK_CU .bottom .select_ .sss ul a{white-space:nowrap;height:2.9vh;line-height:2.9vh;padding:0 0.6vw;color:#888}#MASK_CU .bottom .select_ .sss ul a:hover{background:#555;color:#111}#MASK_CU .bottom .select_ .sss:hover ul{bottom:3.2vh;visibility:visible;opacity:1}#MASK_CU .bottom .select_ .sss:hover .jiao{transform:rotate(180deg)}#FX_{position:fixed;left:-23.5%;top:25vh;width:auto;height:100%;z-index:10}#FX_ .menu{display:flex;flex-wrap:wrap;flex-direction:column}#FX_ .menu a{margin:0 0 3.1vw 0;display:flex;color:#BDB7B7;flex-direction:column}#FX_ .menu a .en{font-family:'nd';font-weight:100;font-size:1.3vw;height:1.3vw}#FX_ .menu a .cn{font-weight:bold;font-size:0.8vw}#FX_ .menu a:hover{color:#fff;transform:translateX(5px)}#FX_ .menu a.selected{color:#fff}#FX_ .menu a.selected .en{font-weight:300}#FX_C0{position:fixed;top:0;width:0%;left:0;background:#000;height:11vh;z-index:10}#RUNBANNER{height:100%}#RUNBANNER .pages{height:100%;padding:0 0 0 0;overflow:hidden;position:relative}#RUNBANNER .pages .kox__{position:relative;width:100%;height:100%;margin:0 auto 0 auto}#RUNBANNER .page_0{z-index:10}#RUNBANNER .page_0 .bgi{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}#RUNBANNER .page_0 .bgi li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0}#RUNBANNER .page_0 .bgi li.hover{opacity:1;transform:scale(1.1);transition-property:all;transition-duration:4s;transition-timing-function:cubic-bezier(0.02, 0.84, 0.44, 1)}#RUNBANNER .page_0 .bgi li.notin{opacity:0;transform:scale(1);transition-property:all;transition-duration:.2s;transition-timing-function:linear}#RUNBANNER .page_0 .conl{position:relative;z-index:2;height:100%}#RUNBANNER .page_0 .conl ul{display:flex;height:100%;flex-wrap:nowrap}#RUNBANNER .page_0 .conl ul a{flex:1;border-right:1px solid rgba(255,255,255,0.2);display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}#RUNBANNER .page_0 .conl ul a .en{width:100%;height:3.2vw;font-size:2.9vw;color:#fff;text-align:center;font-family:'nd';font-weight:100}#RUNBANNER .page_0 .conl ul a .cn{width:100%;text-align:center;letter-spacing:0.03em;font-size:0.8vw;color:#fff;font-weight:bold}#RUNBANNER .page_0 .conl ul a.hover{background:rgba(0,0,0,0.5)}#RUNBANNER .page_0 .conl ul a:nth-last-of-type(1){border-right:0}#RUNBANNER .page_1 .case,#RUNBANNER .page_2 .case{position:absolute;top:12vh;display:flex;width:100%;height:90vh;box-sizing:border-box;padding:0 3.5%;background:#685C5D}#RUNBANNER .page_1 .case .l,#RUNBANNER .page_2 .case .l{margin:7% 0 0 0;width:16%}#RUNBANNER .page_1 .case .r,#RUNBANNER .page_2 .case .r{margin:3% 0 0 0;width:84%;position:relative}#RUNBANNER .page_1 .case .r .conl,#RUNBANNER .page_2 .case .r .conl{position:absolute;width:100%;background:transparent;z-index:5}#RUNBANNER .page_1 .case .r .conl .lll,#RUNBANNER .page_2 .case .r .conl .lll{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;left:0%;top:18vw;background:rgba(17,17,17,0.7);display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#RUNBANNER .page_1 .case .r .conl .lll:before,#RUNBANNER .page_2 .case .r .conl .lll:before{content:'';position:relative;left:0.2vw;width:0.8vw;height:0.8vw;overflow:hidden;border-top:2px solid #8E9294;border-left:2px solid #8E9294;display:block;transform:rotate(-45deg)}#RUNBANNER .page_1 .case .r .conl .lll:hover,#RUNBANNER .page_2 .case .r .conl .lll:hover{background:rgba(255,255,255,0.6)}#RUNBANNER .page_1 .case .r .conl .rrr,#RUNBANNER .page_2 .case .r .conl .rrr{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;right:0%;top:18vw;background:rgba(17,17,17,0.7);display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#RUNBANNER .page_1 .case .r .conl .rrr:before,#RUNBANNER .page_2 .case .r .conl .rrr:before{content:'';position:relative;right:0.2vw;width:0.8vw;height:0.8vw;overflow:hidden;border-top:2px solid #8E9294;border-left:2px solid #8E9294;display:block;transform:rotate(135deg)}#RUNBANNER .page_1 .case .r .conl .rrr:hover,#RUNBANNER .page_2 .case .r .conl .rrr:hover{background:rgba(255,255,255,0.6)}#RUNBANNER .page_1 .case .r .prod,#RUNBANNER .page_2 .case .r .prod{display:block;height:35vw;width:100%;margin:2% 0 0 0;overflow:hidden;position:relative}#RUNBANNER .page_1 .case .r .prod .scroll,#RUNBANNER .page_2 .case .r .prod .scroll{display:flex;flex-direction:row;height:100%;flex-wrap:nowrap;overflow-x:hidden}#RUNBANNER .page_1 .case .r .prod .scroll a,#RUNBANNER .page_2 .case .r .prod .scroll a{height:100%;display:flex;width:25%;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative}#RUNBANNER .page_1 .case .r .prod .scroll a .pic,#RUNBANNER .page_2 .case .r .prod .scroll a .pic{height:100%;position:relative;background:url("data:image/svg+xml,%3Csvg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath opacity='0.2' fill='%23000' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3E%3Cpath fill='%23000' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat;background-position:center;background-size:2vw}#RUNBANNER .page_1 .case .r .prod .scroll a .pic img,#RUNBANNER .page_2 .case .r .prod .scroll a .pic img{height:100%;width:100%}#RUNBANNER .page_1 .case .r .prod .scroll a .pic .mask,#RUNBANNER .page_2 .case .r .prod .scroll a .pic .mask{position:absolute;left:0;top:0;background:#000;opacity:0.5;width:100%;height:100%}#RUNBANNER .page_1 .case .r .prod .scroll a .name,#RUNBANNER .page_2 .case .r .prod .scroll a .name{position:absolute;left:0;bottom:0;width:100%;height:14vh;line-height:15vh;text-align:center;font-size:0.8vw;letter-spacing:0.03em;font-weight:bold;color:#626364;background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%)}#RUNBANNER .page_1 .case .r .prod .scroll a:hover .mask,#RUNBANNER .page_2 .case .r .prod .scroll a:hover .mask{opacity:0}#RUNBANNER .page_1 .case .r .prod .scroll a:hover .name,#RUNBANNER .page_2 .case .r .prod .scroll a:hover .name{color:#fff}#RUNBANNER .page_1 .case .r .size,#RUNBANNER .page_2 .case .r .size{width:100%;display:flex;flex-wrap:wrap;position:relative}#RUNBANNER .page_1 .case .r .size .line,#RUNBANNER .page_2 .case .r .size .line{width:100%;height:1px;overflow:hidden;background:rgba(181,160,162,0.6)}#RUNBANNER .page_1 .case .r .size .face,#RUNBANNER .page_2 .case .r .size .face{position:absolute;right:0;top:0;display:flex}#RUNBANNER .page_1 .case .r .size .face a,#RUNBANNER .page_2 .case .r .size .face a{height:2vw;line-height:2vw;font-size:0.7vw;margin:0 0 0 1.8vw;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;color:#BDB7B7}#RUNBANNER .page_1 .case .r .size .face a::before,#RUNBANNER .page_2 .case .r .size .face a::before{opacity:0;content:'';transform:translateX(-0.2vw);height:8px;width:8px;display:flex;background:#000;border-radius:2vw;transition-property:all;transition-duration:.4s;transition-timing-function:""}#RUNBANNER .page_1 .case .r .size .face a:hover,#RUNBANNER .page_2 .case .r .size .face a:hover{font-weight:bold;color:#111}#RUNBANNER .page_1 .case .r .size .face a:hover::before,#RUNBANNER .page_2 .case .r .size .face a:hover::before{opacity:1}#RUNBANNER .page_1 .case .r .size ul,#RUNBANNER .page_2 .case .r .size ul{display:flex}#RUNBANNER .page_1 .case .r .size ul a,#RUNBANNER .page_2 .case .r .size ul a{position:relative;margin:0 1vw 0 0;padding:0 2vw 0 0;top:2px;height:2vw;line-height:2vw;font-size:0.73vw;color:#BDB7B7;border-bottom:3px solid transparent}#RUNBANNER .page_1 .case .r .size ul a:hover,#RUNBANNER .page_1 .case .r .size ul a.selected,#RUNBANNER .page_2 .case .r .size ul a:hover,#RUNBANNER .page_2 .case .r .size ul a.selected{border-bottom:3px solid #fff;color:#fff}@media screen and (max-width: 650px){.fp-right{right:inherit !important;left:2vw}#MASK_CU{position:absolute;top:8.5vh;right:-100%;width:100%;height:96vh;background:#291F16;z-index:121}#MASK_CU .conl{position:absolute;z-index:10;left:0;top:4%;height:70vh;width:100%}#MASK_CU .conl .lll{width:6.6vw;height:6.6vw;box-sizing:border-box;position:absolute;left:41%;top:90%;display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer;background:rgba(153,153,153,0.3)}#MASK_CU .conl .lll:before{content:'';position:relative;left:0.3vw;width:1.9vw;height:1.9vw;overflow:hidden;border-top:2px solid #aaa;border-left:2px solid #aaa;display:block;transform:rotate(-45deg)}#MASK_CU .conl .rrr{width:6.6vw;height:6.6vw;box-sizing:border-box;position:absolute;right:41%;top:90%;display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer;background:rgba(153,153,153,0.3)}#MASK_CU .conl .rrr:before{content:'';position:relative;right:0.3vw;width:1.9vw;height:1.9vw;overflow:hidden;border-top:2px solid #aaa;border-left:2px solid #aaa;display:block;transform:rotate(135deg)}#MASK_CU .pic{margin:0 auto;width:100%;height:78vh;background:url("data:image/svg+xml,%3Csvg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath opacity='0.2' fill='%23aaa' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3E%3Cpath fill='%23aaa' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:2vw;background-position:center}#MASK_CU .pic .scroll{display:flex;flex-wrap:nowrap;flex-direction:row;overflow:hidden;height:100%}#MASK_CU .pic .scroll li{display:flex;flex-shrink:0;width:100%}#MASK_CU .pic .scroll li .bp{width:100%;height:100%}#MASK_CU .pic .scroll li .bp img{width:100%;height:100%}#MASK_CU .bottom{display:flex;justify-content:center;border-top:0.5vh solid #444;height:13vh;width:100%;background:#101010;position:relative}#MASK_CU .bottom .close{position:absolute;left:5.5%;bottom:5.5vh;font-size:1.6vw;cursor:pointer;width:6.2vw;height:6.2vw;z-index:1}#MASK_CU .bottom .close:hover{color:#685C5D}#MASK_CU .bottom .close:before{content:'';width:1px;height:100%;overflow:hidden;background:#797B7D;display:block;transform:rotate(45deg);position:absolute;left:0.5vw;top:0}#MASK_CU .bottom .close:after{content:'';width:1px;height:100%;overflow:hidden;background:#797B7D;display:block;transform:rotate(135deg);position:absolute;left:0.5vw;top:0}#MASK_CU .bottom .page_{position:absolute;right:4.5vw;top:4.4vh;display:flex;flex-wrap:nowrap;align-content:center;align-items:center}#MASK_CU .bottom .page_ .lll{cursor:pointer;width:4vw;height:4vw;display:flex;justify-content:center;align-items:center;align-content:center}#MASK_CU .bottom .page_ .lll:before{content:'';position:relative;left:0.3vw;width:1.5vw;height:1.5vw;overflow:hidden;border-top:1px solid #797B7D;border-left:1px solid #797B7D;display:block;transform:rotate(-45deg)}#MASK_CU .bottom .page_ .n{padding:0 0.5vw;font-size:0.7vw;color:#797B7D;font-weight:100;font-family:'arial';letter-spacing:0.1em}#MASK_CU .bottom .page_ .rrr{cursor:pointer;width:4vw;height:4vw;display:flex;justify-content:center;align-items:center;align-content:center}#MASK_CU .bottom .page_ .rrr:before{content:'';position:relative;right:0.3vw;width:1.5vw;height:1.5vw;overflow:hidden;border-top:1px solid #797B7D;border-right:1px solid #797B7D;display:block;transform:rotate(45deg)}#MASK_CU .bottom .name{position:relative;top:4.5vh;display:flex;flex-wrap:nowrap}#MASK_CU .bottom .name .lll{cursor:pointer;width:2vw;height:2vw;display:none;justify-content:center;align-items:center;align-content:center}#MASK_CU .bottom .name .lll:before{content:'';position:relative;left:0.1vw;width:0.5vw;height:0.5vw;overflow:hidden;border-top:1px solid #797B7D;border-left:1px solid #797B7D;display:block;transform:rotate(-45deg)}#MASK_CU .bottom .name span{padding:0 0.5vw;font-size:2.75vw;color:#797B7D;font-weight:bold;height:4vw;line-height:4vw}#MASK_CU .bottom .name .rrr{cursor:pointer;width:2vw;height:2vw;display:none;justify-content:center;align-items:center;align-content:center}#MASK_CU .bottom .name .rrr:before{content:'';position:relative;right:0.1vw;width:0.5vw;height:0.5vw;overflow:hidden;border-top:1px solid #797B7D;border-right:1px solid #797B7D;display:block;transform:rotate(45deg)}#MASK_CU .bottom .select_{position:absolute;left:14vw;top:3vh;display:none;flex-wrap:nowrap;align-content:center;align-items:center}#MASK_CU .bottom .select_ .sss{margin:0 1vw;cursor:pointer;display:flex;flex-wrap:nowrap;align-content:center;align-items:center;position:relative}#MASK_CU .bottom .select_ .sss span{color:#797B7D;padding:0 0.6vw 0 0;font-size:0.7vw;font-weight:bold;height:3vh;line-height:3vh}#MASK_CU .bottom .select_ .sss .jiao:before{content:'';width:0;height:0;border-style:solid;border-width:0.66vw 0.37vw 0 0.37vw;border-color:#797B7D transparent transparent transparent;display:flex}#MASK_CU .bottom .select_ .sss ul{position:absolute;left:0;bottom:1vh;background:#222;opacity:0;visibility:hidden;display:flex;flex-direction:column}#MASK_CU .bottom .select_ .sss ul a{white-space:nowrap;height:2.9vh;line-height:2.9vh;padding:0 0.6vw;color:#888}#MASK_CU .bottom .select_ .sss ul a:hover{background:#555;color:#111}#MASK_CU .bottom .select_ .sss:hover ul{bottom:3.2vh;visibility:visible;opacity:1}#MASK_CU .bottom .select_ .sss:hover .jiao{transform:rotate(180deg)}#FX_{position:fixed;left:-100%;top:13vh;width:auto;height:initial;z-index:10;width:100%}#FX_ .menu{display:flex;flex-wrap:wrap;width:100%;flex-direction:row}#FX_ .menu a{margin:0 0 3.1vw 0;display:flex;color:#BDB7B7;flex-direction:row;width:25%}#FX_ .menu a .en{font-family:'nd';font-weight:100;font-size:1.3vw;height:1.3vw;display:none}#FX_ .menu a .cn{font-weight:bold;font-size:2.8vw}#FX_ .menu a:hover{color:#fff;transform:translateX(5px)}#FX_ .menu a.selected{color:#fff}#FX_ .menu a.selected .en{font-weight:300}#FX_C0{position:fixed;top:0;width:0%;left:0;background:#000;height:8.5vh;z-index:10}#RUNBANNER .page_0 .bgi{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}#RUNBANNER .page_0 .bgi li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0}#RUNBANNER .page_0 .bgi li.hover{opacity:1;transform:scale(1.1);transition-property:all;transition-duration:4s;transition-timing-function:cubic-bezier(0.02, 0.84, 0.44, 1)}#RUNBANNER .page_0 .bgi li.notin{opacity:0;transform:scale(1);transition-property:all;transition-duration:.2s;transition-timing-function:linear}#RUNBANNER .page_0 .conl{position:relative;z-index:2;height:100%}#RUNBANNER .page_0 .conl ul{display:flex;height:100%;flex-wrap:nowrap}#RUNBANNER .page_0 .conl ul a{flex:1;border-right:1px solid rgba(255,255,255,0.2);display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}#RUNBANNER .page_0 .conl ul a .en{width:100%;height:5.9vw;font-size:5.9vw;color:#fff;text-align:center;font-family:'nd';font-weight:100}#RUNBANNER .page_0 .conl ul a .cn{width:100%;text-align:center;letter-spacing:0.03em;font-size:3vw;color:#fff;font-weight:bold}#RUNBANNER .page_0 .conl ul a.hover{background:rgba(0,0,0,0.5)}#RUNBANNER .page_0 .conl ul a:nth-last-of-type(1){border-right:0}#RUNBANNER .page_1 .case,#RUNBANNER .page_2 .case{position:absolute;top:19vh;display:flex;flex-wrap:wrap;width:100%;height:61vh;box-sizing:border-box;padding:0 3.5%;background:#685C5D}#RUNBANNER .page_1 .case .l,#RUNBANNER .page_2 .case .l{margin:0 0 0 0;width:100%;height:0;overflow:hidden}#RUNBANNER .page_1 .case .r,#RUNBANNER .page_2 .case .r{margin:0% 0 0 0;width:100%;position:relative}#RUNBANNER .page_1 .case .r .conl,#RUNBANNER .page_2 .case .r .conl{position:absolute;width:100%;background:transparent;z-index:5}#RUNBANNER .page_1 .case .r .conl .lll,#RUNBANNER .page_2 .case .r .conl .lll{width:6.6vw;height:6.6vw;box-sizing:border-box;position:absolute;left:41%;top:65vh;background:rgba(17,17,17,0.7);display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#RUNBANNER .page_1 .case .r .conl .lll:before,#RUNBANNER .page_2 .case .r .conl .lll:before{content:'';position:relative;left:0.2vw;width:1.8vw;height:1.8vw;overflow:hidden;border-top:2px solid #8E9294;border-left:2px solid #8E9294;display:block;transform:rotate(-45deg)}#RUNBANNER .page_1 .case .r .conl .lll:hover,#RUNBANNER .page_2 .case .r .conl .lll:hover{background:rgba(255,255,255,0.6)}#RUNBANNER .page_1 .case .r .conl .rrr,#RUNBANNER .page_2 .case .r .conl .rrr{width:6.6vw;height:6.6vw;box-sizing:border-box;position:absolute;right:41%;top:65vh;background:rgba(17,17,17,0.7);display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#RUNBANNER .page_1 .case .r .conl .rrr:before,#RUNBANNER .page_2 .case .r .conl .rrr:before{content:'';position:relative;right:0.2vw;width:1.8vw;height:1.8vw;overflow:hidden;border-top:2px solid #8E9294;border-left:2px solid #8E9294;display:block;transform:rotate(135deg)}#RUNBANNER .page_1 .case .r .conl .rrr:hover,#RUNBANNER .page_2 .case .r .conl .rrr:hover{background:rgba(255,255,255,0.6)}#RUNBANNER .page_1 .case .r .prod,#RUNBANNER .page_2 .case .r .prod{display:block;height:60vh;width:100%;margin:2% 0 0 0;overflow:hidden;position:relative}#RUNBANNER .page_1 .case .r .prod .scroll,#RUNBANNER .page_2 .case .r .prod .scroll{display:flex;flex-direction:row;height:100%;flex-wrap:wrap;overflow-x:hidden}#RUNBANNER .page_1 .case .r .prod .scroll a,#RUNBANNER .page_2 .case .r .prod .scroll a{height:50%;display:flex;width:50%;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative}#RUNBANNER .page_1 .case .r .prod .scroll a .pic,#RUNBANNER .page_2 .case .r .prod .scroll a .pic{height:100%;position:relative;background:url("data:image/svg+xml,%3Csvg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath opacity='0.2' fill='%23000' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3E%3Cpath fill='%23000' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat;background-position:center;background-size:2vw}#RUNBANNER .page_1 .case .r .prod .scroll a .pic img,#RUNBANNER .page_2 .case .r .prod .scroll a .pic img{height:100%;width:100%}#RUNBANNER .page_1 .case .r .prod .scroll a .pic .mask,#RUNBANNER .page_2 .case .r .prod .scroll a .pic .mask{position:absolute;left:0;top:0;background:#000;opacity:0.5;width:100%;height:100%}#RUNBANNER .page_1 .case .r .prod .scroll a .name,#RUNBANNER .page_2 .case .r .prod .scroll a .name{position:absolute;left:0;bottom:0;width:100%;height:14vh;line-height:15vh;text-align:center;font-size:0.8vw;letter-spacing:0.03em;font-weight:bold;color:#626364;background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%)}#RUNBANNER .page_1 .case .r .prod .scroll a:hover .mask,#RUNBANNER .page_2 .case .r .prod .scroll a:hover .mask{opacity:0}#RUNBANNER .page_1 .case .r .prod .scroll a:hover .name,#RUNBANNER .page_2 .case .r .prod .scroll a:hover .name{color:#fff}#RUNBANNER .page_1 .case .r .size,#RUNBANNER .page_2 .case .r .size{width:100%;display:flex;flex-wrap:wrap;position:relative}#RUNBANNER .page_1 .case .r .size .line,#RUNBANNER .page_2 .case .r .size .line{width:100%;height:1px;overflow:hidden;background:rgba(181,160,162,0.6)}#RUNBANNER .page_1 .case .r .size .face,#RUNBANNER .page_2 .case .r .size .face{position:absolute;right:0;top:0;display:flex}#RUNBANNER .page_1 .case .r .size .face a,#RUNBANNER .page_2 .case .r .size .face a{height:2vw;line-height:2vw;font-size:0.7vw;margin:0 0 0 1.8vw;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;color:#BDB7B7}#RUNBANNER .page_1 .case .r .size .face a::before,#RUNBANNER .page_2 .case .r .size .face a::before{opacity:0;content:'';transform:translateX(-0.2vw);height:8px;width:8px;display:flex;background:#000;border-radius:2vw;transition-property:all;transition-duration:.4s;transition-timing-function:""}#RUNBANNER .page_1 .case .r .size .face a:hover,#RUNBANNER .page_2 .case .r .size .face a:hover{font-weight:bold;color:#111}#RUNBANNER .page_1 .case .r .size .face a:hover::before,#RUNBANNER .page_2 .case .r .size .face a:hover::before{opacity:1}#RUNBANNER .page_1 .case .r .size ul,#RUNBANNER .page_2 .case .r .size ul{display:flex;flex-wrap:wrap}#RUNBANNER .page_1 .case .r .size ul a,#RUNBANNER .page_2 .case .r .size ul a{position:relative;margin:1vw 3vw 1vw 0;padding:0 0 0 0;top:2px;height:5.6vw;line-height:5vw;font-size:2.8vw;color:#BDB7B7;border-bottom:2px solid transparent}#RUNBANNER .page_1 .case .r .size ul a:hover,#RUNBANNER .page_1 .case .r .size ul a.selected,#RUNBANNER .page_2 .case .r .size ul a:hover,#RUNBANNER .page_2 .case .r .size ul a.selected{border-bottom:2px solid #fff;color:#fff}}