@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:#291F16;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_PP{position:absolute;top:0;right:-100%;width:100%;height:100%;background:#000;z-index:121}#MASK_PP .top{height:8vh;background:#291F16;display:flex;align-items:center;align-content:center;justify-content:center;width:100%}#MASK_PP .top .nav{position:absolute;left:3.5%;top:3vh;display:flex;align-items:center;align-content:center}#MASK_PP .top .nav span{color:#eee;font-size:0.75vw;font-weight:bold}#MASK_PP .top .nav .jiao{margin:0 0.6vw 0 0.5vw;width:0.41vw;height:0.41vw;position:relative}#MASK_PP .top .nav .jiao:before{content:'';position:absolute;left:0;top:0px;width:100%;height:100%;overflow:hidden;border-top:1px solid #eee;border-right:1px solid #eee;display:block;transform:rotate(45deg)}#MASK_PP .top .link{position:absolute;right:4%;top:3.4vh;padding:0 2vw 0 0.4vw;display:flex;align-content:center;align-items:center}#MASK_PP .top .link .jiao{margin:0 0.6vw 0 0.5vw;width:0.41vw;height:0.41vw;position:relative}#MASK_PP .top .link .jiao:before{content:'';position:absolute;left:0;top:0px;width:100%;height:100%;overflow:hidden;border-top:1px solid #797B7D;border-left:1px solid #797B7D;display:block;transform:rotate(-45deg)}#MASK_PP .top .link a{color:#797B7D;font-size:0.7vw;height:1vh;line-height:1.2vh;margin:0 1vw 0 0}#MASK_PP .top .link a:hover{color:#685C5D}#MASK_PP .top .down{position:absolute;right:16%;top:2.8vh}#MASK_PP .top .down img{height:2.3vh;width:auto}#MASK_PP .top .close{color:#626365;font-size:1.6vw;font-weight:100;cursor:pointer;position:absolute;right:3.5%;top:2.5vh;width:1.5vw;height:1.5vw;z-index:5}#MASK_PP .top .close:hover{color:#685C5D}#MASK_PP .top .close:before{content:'';width:1px;height:100%;overflow:hidden;background:#eee;display:block;transform:rotate(45deg);position:absolute;left:0.75vw;top:0}#MASK_PP .top .close::after{content:'';width:1px;height:100%;overflow:hidden;background:#eee;display:block;transform:rotate(135deg);position:absolute;left:0.75vw;top:0}#MASK_PP .top .page_{display:flex;flex-wrap:nowrap;align-content:center;align-items:center}#MASK_PP .top .page_ .lll{padding:5px;cursor:pointer}#MASK_PP .top .page_ .lll:before{content:'';width:0;height:0;border-style:solid;border-width:0.6vh 0.89vh 0.6vh 0;border-color:transparent #fff transparent transparent;display:flex}#MASK_PP .top .page_ .n{padding:0 0.9vw;font-size:0.6vw;color:#fff;font-weight:100;font-family:'arial'}#MASK_PP .top .page_ .rrr{padding:5px;cursor:pointer}#MASK_PP .top .page_ .rrr:before{content:'';width:0;height:0;border-style:solid;border-width:0.6vh 0 0.6vh 0.89vh;border-color:transparent transparent transparent #fff;display:flex}#MASK_PP .conl{position:absolute;z-index:10;left:0;top:4%;height:auto;width:100%}#MASK_PP .conl .lll{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;left:8%;top:46vh;display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#MASK_PP .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_PP .conl .lll:hover{background:rgba(51,51,51,0.5)}#MASK_PP .conl .rrr{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;right:8%;top:46vh;display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#MASK_PP .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_PP .conl .rrr:hover{background:rgba(51,51,51,0.5)}#MASK_PP .pic{margin:0 auto;width:80%;height:92vh;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_PP .pic .scroll{display:flex;flex-wrap:nowrap;flex-direction:row;overflow:hidden;height:100%}#MASK_PP .pic .scroll li{display:flex;flex-shrink:0;width:100%}#MASK_PP .pic .scroll li .bp{width:100%;height:100%}#MASK_PP .pic .scroll li .bp img{width:100%;height:100%}#MASK_HH{position:absolute;top:0;right:-100%;width:100%;height:100%;background:#000;z-index:121}#MASK_HH .top{height:8vh;background:#291F16;display:flex;align-items:center;align-content:center;justify-content:center;width:100%}#MASK_HH .top .nav{position:absolute;left:3.5%;top:3vh;display:flex;align-items:center;align-content:center}#MASK_HH .top .nav span{color:#eee;font-size:0.75vw;font-weight:bold}#MASK_HH .top .link{position:absolute;right:4%;top:3.4vh;padding:0 2vw 0 0.4vw;display:flex;align-content:center;align-items:center}#MASK_HH .top .link .jiao{margin:0 0.6vw 0 0.5vw;width:0.41vw;height:0.41vw;position:relative}#MASK_HH .top .link .jiao:before{content:'';position:absolute;left:0;top:0px;width:100%;height:100%;overflow:hidden;border-top:1px solid #797B7D;border-left:1px solid #797B7D;display:block;transform:rotate(-45deg)}#MASK_HH .top .link a{color:#797B7D;font-size:0.7vw;height:1vh;line-height:1.2vh;margin:0 1vw 0 0}#MASK_HH .top .link a:hover{color:#685C5D}#MASK_HH .top .close{color:#626365;font-size:1.6vw;font-weight:100;cursor:pointer;position:absolute;right:3.5%;top:2.5vh;width:1.5vw;height:1.5vw;z-index:5}#MASK_HH .top .close:hover{color:#685C5D}#MASK_HH .top .close:before{content:'';width:1px;height:100%;overflow:hidden;background:#eee;display:block;transform:rotate(45deg);position:absolute;left:0.75vw;top:0}#MASK_HH .top .close::after{content:'';width:1px;height:100%;overflow:hidden;background:#eee;display:block;transform:rotate(135deg);position:absolute;left:0.75vw;top:0}#MASK_HH .top .page_{display:flex;flex-wrap:nowrap;align-content:center;align-items:center}#MASK_HH .top .page_ .lll{padding:5px;cursor:pointer}#MASK_HH .top .page_ .lll:before{content:'';width:0;height:0;border-style:solid;border-width:0.6vh 0.89vh 0.6vh 0;border-color:transparent #fff transparent transparent;display:flex}#MASK_HH .top .page_ .n{padding:0 0.9vw;font-size:0.6vw;color:#fff;font-weight:100;font-family:'arial'}#MASK_HH .top .page_ .rrr{padding:5px;cursor:pointer}#MASK_HH .top .page_ .rrr:before{content:'';width:0;height:0;border-style:solid;border-width:0.6vh 0 0.6vh 0.89vh;border-color:transparent transparent transparent #fff;display:flex}#MASK_HH .conl{position:absolute;z-index:10;left:0;top:4%;height:auto;width:100%}#MASK_HH .conl .lll{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;left:8%;top:46vh;display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#MASK_HH .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_HH .conl .lll:hover{background:rgba(51,51,51,0.5)}#MASK_HH .conl .rrr{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;right:8%;top:46vh;display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#MASK_HH .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_HH .conl .rrr:hover{background:rgba(51,51,51,0.5)}#MASK_HH .pic{margin:10vh auto 0 auto;width:80%;height:70vh;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_HH .pic .scroll{display:flex;flex-wrap:nowrap;flex-direction:row;overflow:hidden;height:100%}#MASK_HH .pic .scroll li{display:flex;flex-shrink:0;width:100%}#MASK_HH .pic .scroll li .bp{width:100%;height:100%}#MASK_HH .pic .scroll li .bp img{width:100%;height:100%}#MASK_HH .pictext{position:absolute;top:91vh;left:0;width:100%;text-align:center;color:#eee;font-size:0.8vw}#FX_{position:fixed;left:-23.5%;top:22vh;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:#665A5B;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:#000000;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{display:flex;top:13vh;position:absolute;width:100%;left:0;height:85vh;box-sizing:border-box;padding:0 3.5%;background:#291F16}#RUNBANNER .page_1 .case .l,#RUNBANNER .page_2 .case .l{margin:7% 0 0 0;width:22%}#RUNBANNER .page_1 .case .r,#RUNBANNER .page_2 .case .r{margin:3% 0 0 0;width:78%;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:16.5vw;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(170,170,170,0.4)}#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:16.5vw;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(170,170,170,0.4)}#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:32.6%;margin:0 1.1% 0 0;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:92%;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='%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-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{width:100%;height:4vh;line-height:7vh;text-align:center;font-size:0.8vw;letter-spacing:0.03em;font-weight:bold;color:#685C5D}#RUNBANNER .page_1 .case .r .prod .scroll a:nth-child(3n),#RUNBANNER .page_2 .case .r .prod .scroll a:nth-child(3n){margin-right:0}#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 .page_,#RUNBANNER .page_2 .page_{position:absolute;right:3.5%;top:91vh;z-index:10;display:flex;flex-wrap:nowrap;align-content:center;align-items:center}#RUNBANNER .page_1 .page_ .lll,#RUNBANNER .page_2 .page_ .lll{padding:5px;cursor:pointer}#RUNBANNER .page_1 .page_ .lll:before,#RUNBANNER .page_2 .page_ .lll:before{content:'';width:0;height:0;border-style:solid;border-width:0.3vw 0.41vw 0.3vw 0;border-color:transparent #595757 transparent transparent;display:flex}#RUNBANNER .page_1 .page_ .n,#RUNBANNER .page_2 .page_ .n{padding:0 0.8vw;font-size:0.7vw;color:#595757;font-weight:100;font-family:'arial'}#RUNBANNER .page_1 .page_ .rrr,#RUNBANNER .page_2 .page_ .rrr{padding:5px;cursor:pointer}#RUNBANNER .page_1 .page_ .rrr:before,#RUNBANNER .page_2 .page_ .rrr:before{content:'';width:0;height:0;border-style:solid;border-width:0.3vw 0 0.3vw 0.41vw;border-color:transparent transparent transparent #595757;display:flex}#RUNBANNER .page_1 .page_:hover,#RUNBANNER .page_2 .page_:hover{transform:scale(1.5)}