.menu-drawer{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;width:20rem;height:100vh;background:#f4f7f6;overflow-y:auto;transform:translateX(-20rem);transition:background .3s ease-in-out}.menu-drawer .el-collapse{border:none}.el-collapse-item .el-collapse-item__header{position:relative;display:flex;align-items:center;padding:0 1.875rem;height:4.375rem;line-height:4.375rem;font-size:.875rem;font-weight:500;color:#252525;cursor:pointer;background:#f4f7f6;border-bottom:1px solid #e6eaea;transition:background .3s ease-in-out,border .3s ease-in-out,color .3s ease-in-out}.el-collapse-item .el-collapse-item__header:hover{background:#fff}.el-collapse-item .el-collapse-item__content{padding-bottom:0}.menu-drawer-header{margin:0;display:flex;align-items:center;justify-content:space-between;height:4.375rem;padding:0 1.875rem;line-height:4.375rem;font-size:.8125rem;font-weight:400;background-color:#f4f7f6;border-bottom:1px solid #e6eaea;overflow:hidden;z-index:1;transition:all .3s ease-in-out}.menu-drawer-switch{z-index:10;position:fixed;top:1.25rem;right:1.25rem;height:2.5rem;line-height:2.5rem;color:#000;cursor:pointer}.el-collapse-item .el-collapse-item__header{margin:0;letter-spacing:normal;text-transform:none;eslint-disable-next-linefont-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.menu-drawer-li{margin:0;position:relative;display:block;padding:0 1.875rem;height:4.375rem;line-height:4.375rem;font-size:.875rem;font-weight:500;color:#252525;cursor:pointer;background:#fff;border-top:1px solid #e6eaea;transition:background .3s ease-in-out,border .3s ease-in-out,color .3s ease-in-out}.list-bb{border-top:none;background:#f4f7f6;border-bottom:1px solid #e6eaea}.menu-drawer-li:hover{background:#fff}.menu-drawer-logo{width:5.5rem}.menu-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;height:100%;background-color:rgba(0,0,0,.75);overflow:auto;opacity:0;visibility:hidden;transition:all .5s ease-in-out}.menu-drawer-overlay-show{opacity:1;visibility:visible}@media screen and (min-width:768px){.menu-drawer,.menu-drawer-switch{display:none!important}}.menu-colse{cursor:pointer;height:1.125rem;width:1.125rem}.ico-menu{position:relative;display:inline-block;width:.9375rem;height:.8125rem}.ico-menu:hover .bar:after{left:0}.ico-menu .bar{position:absolute;width:100%;height:.125rem;background-color:#202121;border-radius:2px;overflow:hidden}.bt-menu-white{color:#fff}.bt-menu-white .ico-menu .bar{background-color:#fff}.ico-menu .bar:first-child{top:0}.ico-menu .bar:nth-child(2){top:.25rem}.ico-menu .bar:nth-child(3){top:.5rem}.ico-menu .bar:after{content:"";display:block;width:100%;height:100%;background:#a6abab;position:absolute;top:0;left:100%;z-index:1;transition:.3s}.ico-menu .bar:first-child:after{transition-delay:.1s}.ico-menu .bar:nth-child(2):after{transition-delay:.2s}.ico-menu .bar:nth-child(3):after{transition-delay:.3s}.bt-menu{overflow:hidden;transition:all .2s ease-in-out;display:flex;align-items:center}.bt-menu .ico-menu{top:.0625rem;margin-right:.625rem;vertical-align:middle}.bt-menu span{transition:all .2s ease-in-out}.bt-menu:hover{color:#64686a}.bt-menu:hover .ico-menu .bar:after{left:0}.header-bar{position:fixed;height:2.5rem;z-index:5;left:1.25rem;right:1.25rem;top:1.25rem;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:768px){.header-bar-list{display:none!important}}@media screen and (min-width:768px){.header-bar{left:3.5rem;right:3.5rem;top:3.25rem}}.logo{width:7.125rem}.dark_color .header-bar-list>li>a:after{background-color:#000}.dark_color .header-bar-list>li>a,.dark_color .subMenu.active li a{color:#000}.header-bar-list{list-style:none;display:flex;margin:0;padding:0;justify-content:flex-end}.header-bar-list>li>a:after{content:"";position:absolute;bottom:.625rem;left:.9375rem;right:.9375rem;height:.0625rem;transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.75,0,.2,1);background-color:#fff}.header-bar-list>li:hover>a:after{transform:scaleX(1);transform-origin:left center}.header-bar-list>li>a{position:relative;z-index:5;color:#fff;font-size:1rem;font-weight:400;line-height:1.875rem;display:inline-block;padding:.75rem .9375rem}.hasArraw{display:inline-block;width:.625rem}.hasSubMenu.active .hasArraw{transform:rotate(180deg)}.subMenu{display:block;position:absolute;top:3.125rem;left:.9375rem;width:13.75rem;visibility:hidden;opacity:0;font-weight:400}.subMenu.active{visibility:visible;opacity:1}.subMenu.active li{opacity:1;transform:translate(0)}.subMenu.active li:first-child{padding-top:.5rem}.subMenu.active li a{padding:.3125rem 0;font-weight:400;line-height:1.5rem;color:#fff}.subMenu li:hover{border:none;opacity:.7}.subMenu li{border-bottom:none;transition:opacity .3s ease;margin-bottom:.3125rem;left:0;opacity:0;transform:translate(2.5rem);transition:transform .35s ease,transform .35s ease}.subMenu li:first-child{transition-delay:.1s}.subMenu li:nth-child(2){transition-delay:.2s}.subMenu li:nth-child(3){transition-delay:.3s}.subMenu li:nth-child(4){transition-delay:.4s}.subMenu li:nth-child(5){transition-delay:.5s}.subMenu li:nth-child(6){transition-delay:.6s}.subMenu li:nth-child(7){transition-delay:.7s}.hideBar{display:none}.footer-top[data-v-6a8a27a6]{background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:5rem 3.75rem 2.5rem;align-items:flex-start;flex-wrap:nowrap;width:100%;border-bottom:1px solid hsla(0,0%,59%,.34)}.footer-top>div[data-v-6a8a27a6]{flex:0 0 25%}.footer-top img[data-v-6a8a27a6]{width:7.125rem;margin-bottom:.875rem}.footer-top h1[data-v-6a8a27a6]{font-size:1.125rem;font-weight:500;margin-bottom:.875rem;color:#fff}.footer-top a[data-v-6a8a27a6]{font-size:.875rem;font-weight:500;margin-bottom:.875rem;color:#fff;display:block;overflow:hidden;line-height:1.125rem}.footer-top a[data-v-6a8a27a6]:hover{color:#fff}.footer-bottom[data-v-6a8a27a6]{background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.5rem 3.75rem 2.5rem;align-items:flex-start;flex-wrap:nowrap;width:100%;font-size:.75rem;font-weight:500}.footer-bottom .compinfo[data-v-6a8a27a6]{text-align:right;color:#c3c3c3;line-height:1rem;max-width:23.75rem;font-weight:300;font-size:.75rem}.footer-bottom .copyright[data-v-6a8a27a6]{margin-bottom:1.25rem;font-size:.875rem}@media screen and (max-width:576px){.footer-top[data-v-6a8a27a6]{flex-wrap:wrap;padding:2.5rem 1.25rem 0}.footer-top>div[data-v-6a8a27a6]{flex:0 0 100%;margin-bottom:1.25rem}.footer-bottom[data-v-6a8a27a6]{padding:1.25rem;flex-wrap:wrap}.footer-bottom>p[data-v-6a8a27a6]{flex:0 0 100%}.footer-bottom .copyright[data-v-6a8a27a6]{margin-bottom:1.25rem;font-size:.875rem}.footer-bottom .compinfo[data-v-6a8a27a6]{text-align:left}}.wrapper{position:relative;width:100%;min-height:100%;background:#fff;z-index:1;transition:transform .5s ease-in-out}.menu-drawer-open{position:fixed;transform:translateX(20rem)}.header-fill{height:11.5rem;width:100%}@media screen and (max-width:576px){.header-fill{height:6.25rem;width:100%}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,select,td,textarea,th,ul{max-width:100%;margin:0;padding:0}body{width:100%;margin:0;padding:0;overflow-x:hidden;color:#252525;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}ol,ul{list-style:none}button,input,textarea{border:none;outline:none;-webkit-appearance:none}html{-webkit-text-size-adjust:100%;background:#fff}body *{box-sizing:border-box;margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}pre{white-space:pre-wrap;word-wrap:break-word}a{background-color:transparent;cursor:pointer}a,a:hover{color:#252525;text-decoration:none}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}.pointer-events{pointer-events:none}img,video{width:100%;max-width:100%;height:auto}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;cursor:pointer}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:.0625rem dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-.125rem;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}[hidden],template{display:none}.animateFadeInUp{animation:fade-in .2s linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.25s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.container{position:relative;max-width:100%;margin:0 auto;padding:0 3.5rem;clear:both}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.5rem}.h4,h4{font-size:1.25rem}.p,p{font-size:1rem;line-height:1.75rem}@media screen and (max-width:768px){.container{padding:0 1.25rem}.h1,h1{font-size:1.875rem}.h2,h2{font-size:1.5rem}.h3,h3{font-size:1.25rem}.h4,h4{font-size:1rem}}@media screen and (min-width:1400px){.container{box-sizing:content-box;max-width:75rem}}.bg-gray{background-color:#f7f7f7}.font-primary,.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-weight:500;font-family:serif;color:#000;margin-bottom:1rem}button{cursor:pointer;font-size:.75rem;font-weight:800;letter-spacing:.25438rem;line-height:3.75rem;text-align:center;text-transform:uppercase;color:#fff;border:1px solid #000;padding:0 4rem;display:inline-block;transition:all .55s ease-out;text-decoration:none!important;background-color:#000;margin:1.875rem 0 0 0}.button-white,button:hover{color:#000;background-color:#fff}.button-white:hover{color:#fff;background-color:#000}.bg-gray{background:#f4f7f6;clear:both;box-sizing:inherit}.ptb-60{padding-bottom:3.75rem}.pt-60,.ptb-60{padding-top:3.75rem}.pb-60{padding-bottom:3.75rem}.mt-60{margin-top:3.75rem}.mb-60,.mtb-60{margin-bottom:3.75rem}.mtb-60{margin-top:3.75rem}.flex,.row{display:flex}.row{flex-wrap:wrap}.col{flex:1;width:100%}@media screen and (min-width:768px){.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-6{flex:0 0 50%;max-width:50%}}@media screen and (min-width:576px){.col-sm-6{flex:0 0 50%;max-width:50%}}.align-center{align-items:center}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.space-around{justify-content:space-around}.space-between{justify-content:space-between}.flex-42{flex:0 0 2.625rem}.flex-100{flex:0 0 6.25rem}.fl{float:left}.fr{float:right}.vertical-middle{vertical-align:middle}.clearfix:after{display:block;clear:both;height:0;visibility:hidden;content:"."}.clearfix{*zoom:1}.hide{display:none}.block{display:block}.inline-block{display:inline-block}.length-auto{max-width:100%;width:100%;height:auto}.h-100vh{min-height:100vh}.w-max{width:100%}.h-40{height:2.5rem}.h-50{height:3.125rem}.weight-600{font-weight:600}.weight-900{font-weight:900}.w-55{width:3.4375rem}.w-16{width:1rem}.w-22{width:1.375rem}.w-23{width:1.4375rem}.w-50{width:3.125rem}.bg-fff{background-color:#fff!important}.bg-green{background-color:#63b253}.mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2)}.z-index-999{z-index:999}.z-index-501{z-index:501}.z-index-500{z-index:500}.z-index-99{z-index:99}.z-index-10{z-index:10}.fixed-top{position:fixed!important;top:0;left:50%;width:100%;transform:translateX(-50%)}.fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.fixed-bottom-center{bottom:1.25rem}.fixed-bottom-bar,.fixed-bottom-center{position:fixed;left:50%;transform:translateX(-50%)}.fixed-bottom-bar{bottom:0;width:100%;max-width:37.5rem;height:2.8125rem;color:#202020;font-size:.9375rem;line-height:2.8125rem;text-align:center}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-12{font-size:.75rem}.font-13{font-size:.8125rem}.font-14{font-size:.875rem}.font-15{font-size:.9375rem}.font-16{font-size:1rem}.font-17{font-size:1.0625rem}.font-18{font-size:1.125rem}.font-20{font-size:1.25rem}.font-23{font-size:1.4375rem}.font-24{font-size:1.5rem}.font-28{font-size:1.75rem}.font-30{font-size:1.875rem}.font-34{font-size:2.125rem}.font-35{font-size:2.1875rem}.font-50{font-size:3.125rem}.h-24{height:1.5rem}.mb-20{margin-bottom:1.25rem}.mt-10{margin-top:.625rem}.m-auto{margin:0 auto}.maxw-80percent{max-width:80%}.w-60percent{width:60%}.padding{padding:.625rem}.p-20{padding:1.25rem}.p-0{padding:0!important}.ptb-5{padding:.3125rem 0}.ptb-60{padding:3.75rem 0}.pt-8{padding-top:.5rem}.pt-10{padding-top:.625rem}.pt-5{padding-top:.3125rem}.p-12{padding:.75rem}.pt-12{padding-top:.75rem}.pt-80{padding-top:5rem}.pb-80{padding-bottom:5rem}.pl-20{padding-left:1.25rem}.pr-12{padding-right:.75rem}.p-15{padding:.9375rem}.pt-20{padding-top:1.25rem}.pt-30{padding-top:1.875rem}.plr-20{padding-right:1.25rem;padding-left:1.25rem}.ptb-18{padding-top:1.125rem;padding-bottom:1.125rem}.plr-30{padding-right:1.875rem;padding-left:1.875rem}.plr-50{padding-right:3.125rem;padding-left:3.125rem}.mlr-50{margin-right:3.125rem;margin-left:3.125rem}.pb-40{padding-bottom:2.5rem}.height-50{height:3.125rem}.vux-icon-dot{width:.3125rem!important;height:.3125rem!important;background-color:#d0cdd1!important;border-radius:50%!important}.vux-icon-dot.active{background-color:#fff!important}.vux-slider .vux-indicator-right>a,.vux-slider>.vux-indicator>a{margin:0 .25rem!important}.bb-eee{border-bottom:1px solid #eee}.bt-eee{border-top:1px solid #eee}.bb-f0{border-bottom:1px solid #f0f0f0}.h-45{height:2.8125rem}.color-yellow{color:#f4c408}.color-orange{color:#ffc042}.color-black{color:rgba(0,0,0,.6)}.color-a{color:#576895}.color-white{color:#fff}.color-a4{color:#a4a4a4}.color-red{color:#f04042}.color-ccc{color:#ccc}.color-fff{color:#fff}.vux-actionsheet-menu-default{color:#444!important}.weui-actionsheet__cell{padding:1rem 0!important;font-size:1rem!important}.article-content{font-size:1.2rem;line-height:1.8}.article-content ol,.article-content ul{padding-left:1.25rem;list-style:inherit}.article-content li{list-style:inherit}.article-content table{border:none;border-collapse:collapse}.article-content table td,.article-content table th{min-width:3.125rem;height:1.25rem;padding:.1875rem .3125rem;border:1px solid #999}.assertive{color:#f04042}.balanced{color:#4ebd52}.appreciates{margin:.9375rem 0;color:#aaa}@media (min-width:600px){.vux-popup-dialog{left:50%!important;margin-left:-18.75rem}}.weui-toast_text .weui-toast__content{padding-right:.625rem;padding-left:.625rem}.yellowWhite-btn{height:2.5rem;color:#fff;font-size:.875rem;line-height:2.5rem;background:#ffc042;border-radius:1.571429rem}.dialog-btngroup{display:flex;justify-content:space-around;padding:1rem .75rem}.btn-init{background-color:transparent}.btn-normal{display:inline-block;height:2.6875rem;font-size:.9375rem;line-height:2.6875rem;text-align:center;border-width:1px;border-style:solid;border-radius:4px}.btn-yellow{background-color:#ffd600;border-color:#ffd600}.btn-orange{background-color:#ffc042;border-color:#ffc042}.btn-white{background-color:#fff;border-color:#ddd}.dialog-textarea{width:100%;height:6.25rem;border:1px solid #f0f0f0;border-radius:2px}.dialog-title{height:3.125rem;font-size:.9375rem;line-height:3.125rem}.dialog-body{padding:0 .75rem}.dialog-close{position:absolute;top:.625rem;right:.625rem;font-size:1rem}.dialog-close-bind{position:absolute;top:.9375rem;right:.9375rem;font-size:1rem}.relative{position:relative}.top-1{top:.0625rem}.top-2{top:.125rem}.top--2{top:-.125rem}.top-3{top:.1875rem}.top-45{top:2.8125rem}.top-bar{height:2.5rem;background:rgba(245,166,35,.2)}.top-bar-content{overflow:scroll;font-size:.875rem;white-space:nowrap}.top-bar-content::-webkit-scrollbar{display:none}.bg{background-repeat:no-repeat;background-position:50%}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.feed-content{display:block;padding:.4375rem 1.25rem 0 3.375rem;color:#444;text-decoration:none}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.emojione{display:inline-block;width:1.3em;height:1.3em;margin:-.2rem .15rem .2rem;font-size:inherit;line-height:normal;vertical-align:middle}button.disabled,button[disabled]{cursor:default!important;opacity:.4;pointer-events:none}.overflow{white-space:nowrap;text-overflow:ellipsis}.overflow,.overflow-hidden{overflow:hidden}.btn-determine{color:#fff;background:#4ebd52;border-color:#3b9d3e;border-radius:4px}.btn-cancel,.btn-determine{width:100%;min-height:2.5rem;font-weight:700;font-size:.875rem;line-height:2.5rem}.btn-cancel{margin-top:.625rem;margin-bottom:.625rem;color:#4ebd52;background:transparent;border:1px solid #4ebd52;border-radius:4px}.color-ddd{color:#ddd}.minh-70{min-height:70vh}.portfolio-list h2{margin-bottom:1rem}.portfolio-list .short-content{max-width:32.5rem}.portfolio-list .row{display:flex;flex-wrap:wrap}.portfolio-list items{margin-top:3rem;margin-bottom:1.25rem}.animateFadeIn{animation:fade-in .3s linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.25s}.animateRight{animation:animateRight .3s linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes animateRight{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.portfolio-list h2{margin-bottom:2rem}.portfolio-list h2.h5{margin-bottom:1rem}.portfolio-list .short-content{max-width:41.25rem}.portfolio-list .short-content p{font-size:1rem;line-height:1.75rem}.portfolio-list .items{margin-top:3rem;margin-bottom:1.25rem}.portfolio-list .items:nth-child(2n){margin-top:0}.portfolio-list .p-item{margin-bottom:1.5625rem;transition:all .25s ease!important}.portfolio-list .p-item:first-child{animation-delay:.2s}.portfolio-list .p-item:nth-child(2){animation-delay:.5s}.portfolio-list .p-item:nth-child(3){animation-delay:.3s}.portfolio-list .p-item:nth-child(4){animation-delay:.4s}.portfolio-list .p-item h3{margin-bottom:0}.portfolio-list .p-item img{transition:all 1.5s ease}.portfolio-list .p-item:nth-child(2){margin-top:0}.portfolio-list .p-item:nth-child(odd){padding-right:.9375rem;margin-top:0}.portfolio-list .p-item:nth-child(2n){padding-left:.9375rem}.portfolio-list .p-item:first-child{margin-top:0}.portfolio-list .p-item:hover{text-decoration:none;color:#000}.portfolio-list .p-item:hover h3{opacity:.7}.portfolio-list .p-item:hover ul li{opacity:.8}.portfolio-list .p-item:hover img{transform:scale(1.05) translateZ(0)}.portfolio-list .p-item .p-img{background-color:#000;max-width:33.75rem;margin-bottom:.625rem;overflow:hidden;display:flex;width:100%;height:30vw;position:relative}.portfolio-list .p-item .p-img .logo{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.portfolio-list .p-item .p-img .logo img{max-width:7.8125rem;position:static;background:transparent}.portfolio-list .p-item .p-img canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff}.portfolio-list .p-item .p-img img{min-width:100%;min-height:100%;object-fit:contain;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .7s ease;background:#fff}.portfolio-list .p-item .p-img img.colored{opacity:0}.portfolio-list .p-item .p-img img.grey{filter:grayscale(100%);opacity:.5}.portfolio-list .p-item:hover img.colored{opacity:1}.portfolio-list .p-item:hover img.grey{opacity:0}.portfolio-list .p-item:hover .logo img{transform:scale(1) translateZ(0)}.portfolio-list .p-item .p-text ul{list-style:none;margin:0;padding:0;max-width:21.875rem;line-height:1.3rem}.portfolio-list .p-item .p-text ul li{display:inline;color:#9e9e9e;font-size:.75rem!important;line-height:1rem!important}.portfolio-list .p-item .p-text ul li:before{content:"|";padding-right:.3125rem;padding-left:.3125rem}.portfolio-list .p-item .p-text ul li:first-child:before{display:none;content:""}.h3-static{color:#000;font-size:.875rem;font-weight:400}.p-text p{display:inline;color:#9e9e9e;font-size:.75rem!important;line-height:1rem!important}@media screen and (max-width:992px){.portfolio-list .p-item{max-height:62.5rem}}@media screen and (max-width:576px){.portfolio-list .p-item{margin-bottom:2.5rem;max-height:31.25rem;padding:0!important;width:100%}.portfolio-list .items{margin-right:0;margin-left:0}.portfolio-list .p-item .p-img{height:66vw}}@media screen and (max-width:350px){.portfolio-list .p-item h3{margin-bottom:0}}@media screen and (min-width:576px){.portfolio-list .p-item:nth-child(2){margin-top:1.875rem}.portfolio-list .p-item:nth-child(odd){padding-right:1.875rem;margin-top:-1.875rem;padding-bottom:1.5625rem}.portfolio-list .p-item:nth-child(2n){padding-left:1.875rem}.portfolio-list .p-item:first-child{margin-top:0}}@media screen and (min-width:992px){.portfolio-list .p-item .p-text ul li{font-size:1rem;line-height:inherit}.portfolio-list .p-item:nth-child(2){margin-top:4.375rem}.portfolio-list .p-item:nth-child(odd){padding-right:1.875rem;margin-top:-4.375rem;padding-bottom:0}.portfolio-list .p-item:nth-child(2n){padding-left:1.875rem}.portfolio-list .p-item:first-child{margin-top:0}.portfolio-list .p-item{margin-bottom:4.375rem;max-height:100%}.portfolio-list .p-item .p-img,.portfolio-list .p-item .p-img .gatsby-image-wrapper{max-height:37.5rem}}@media screen and (min-width:1400px){.portfolio-list .p-item .p-img{margin-bottom:1.375rem;height:28vw}}@media screen and (min-width:1600px){.portfolio-list .p-item .p-text ul li{font-size:.75rem}.portfolio-list .p-item .p-img{margin-bottom:1.375rem;height:24vw}}.banner[data-v-8d02aafe]{width:100%;height:auto}.el-carousel__item[data-v-8d02aafe]:nth-child(2n){background-color:#99a9bf}.el-carousel__item[data-v-8d02aafe]:nth-child(odd){background-color:#d3dce6}.bgvid{object-fit:cover;position:absolute;left:0;z-index:1}.bgvid,.header-content{width:100vw;height:100vh}.header-title{position:absolute;top:55%;left:1.25rem;right:1.25rem;z-index:5}.preTitle{font-size:.75rem;font-weight:400;letter-spacing:.1875rem;margin-bottom:1.7rem;color:#fff}.title{line-height:3.5625rem;max-width:53.125rem;font-size:3rem;margin-bottom:2.5rem;color:#fff}@media screen and (min-width:576px){.header-title{left:1.25rem;right:1.25rem}}@media screen and (min-width:768px){.header-title{left:3.5rem;right:3.5rem}}@media (max-width:768px){.title{font-size:2.125rem;line-height:2.25rem}}.company-introduction[data-v-f0c6dcbe]{padding:5rem 3.125rem;max-width:57.5rem;margin:0 auto}.company-introduction h2[data-v-f0c6dcbe]{font-size:2rem;margin-bottom:1.25rem;font-weight:500}.company-introduction p[data-v-f0c6dcbe]{font-size:1rem;line-height:1.75rem}.bg[data-v-f0c6dcbe]{background-color:rgba(0,0,0,.3);position:absolute;top:0;left:0;width:100%;height:100%}.enterprise-spirit[data-v-f0c6dcbe]{height:80vh;background:url(/static/img/background.e2f96fb3.jpg) no-repeat scroll 50%;background-size:cover}.enterprise-spirit-text[data-v-f0c6dcbe]{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;max-width:43.75rem;width:43.75rem}.enterprise-spirit-text h2[data-v-f0c6dcbe]{font-size:3.125rem;font-weight:800;color:#fff}.enterprise-spirit-text h3[data-v-f0c6dcbe]{font-size:1.5rem;font-weight:500;padding:1.875rem 0;color:#fff}@media screen and (max-width:992px){.enterprise-spirit-text[data-v-f0c6dcbe]{width:90%}.enterprise-spirit-text h2[data-v-f0c6dcbe]{font-size:2.125rem;font-weight:800}.enterprise-spirit-text h3[data-v-f0c6dcbe]{font-size:1.125rem;font-weight:500;padding:1.125rem 0}}.detail-title{margin-bottom:1.5rem;color:#6f6f6f;font-size:.75rem;font-weight:500;line-height:1.6em;letter-spacing:.09375rem}.detail-content{max-width:58.75rem;color:#000;margin-bottom:1rem}.mix-image-swiper{background:#fff}.mix-image-swiper .el-carousel__arrow{background-color:rgba(0,0,0,.3)}.mix-image-swiper .product-box{flex:25%;max-width:25%}.mix-image-swiper .el-carousel__container{height:auto}.mix-image-swiper .el-carousel__item:nth-child(2n),.mix-image-swiper .el-carousel__item:nth-child(odd){background-color:#fff}.imageSwiper{padding-right:.75rem;flex-grow:0;flex-shrink:0}@media screen and (max-width:768px){.content-text{max-width:24rem;margin:0 auto;padding:0}.content-img{max-width:24rem;margin:0 auto 2.5rem;padding:0 1.25rem}}.company-introduction-content{text-indent:2em;max-width:50%}.company-introduction-content p{padding-bottom:1em}.content-left{padding-right:2%}.content-right{padding-left:2%}@media screen and (max-width:768px){.company-introduction-content{max-width:100%}.content-left{padding-right:0}.content-right{padding-left:0}}form[data-v-84467460]{max-width:50rem;position:relative}form .block-form__input[data-v-84467460]{margin:1rem 1rem 0 0;position:relative}form .block-form__input input[data-v-84467460]{display:block;width:100%;border:none;border-bottom:1px solid hsla(0,0%,56%,.8);height:2.625rem;line-height:2.625rem;font-size:.75rem;letter-spacing:.10687rem;color:rgba(0,0,0,.51);outline:none;transition:color .3s,border-color .3s,border-width .3s;border-radius:0;padding:0 1.25rem;border:1px solid #8e8e8e;background:hsla(0,0%,77%,.05);height:3.25rem;line-height:3.25rem}form .label[data-v-84467460]{position:absolute;top:50%;margin-top:-.5625rem;height:1.125rem;left:0;line-height:1.125rem;color:rgba(0,0,0,.51);font-size:.75rem;letter-spacing:.10687rem;text-transform:uppercase;transition:transform .2s;pointer-events:none;margin:0;position:static;font-weight:700;color:#000;display:inline-block;margin-bottom:.625rem;transform:none}.row[data-v-84467460]{display:flex;flex-wrap:wrap}.block-form__textarea[data-v-84467460]{margin:2.1875rem 1rem 0 0}.block-form__textarea textarea[data-v-84467460]{height:10rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:50rem;border:1px solid #8e8e8e;resize:none;padding:1rem;font-size:.875rem;letter-spacing:.01188rem;line-height:1.5rem}.col-12[data-v-84467460]{flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-md-6[data-v-84467460]{flex:0 0 50%;max-width:50%}}.download-asset__button[data-v-84467460]{text-align:right;padding-right:1rem}.contact-info-header[data-v-84467460]{margin-top:1.875rem;font-size:1.125rem}.contact-info>a[data-v-84467460]{display:block;color:#252525;line-height:1.75rem}.pr-40[data-v-84467460]{padding-right:2.5rem}.max-180[data-v-84467460]{max-width:11.25rem}.grid{clear:both;padding:0 .625rem}.grid-li{position:relative;float:left;padding:0 .625rem 2.5rem;box-sizing:border-box}.buy-img{position:relative;display:block;width:100%;height:auto;z-index:1;transition:all .3s ease-in-out;transform:translateZ(0)}.buy-img img{transition:all .4s cubic-bezier(.25,.8,.25,1);will-change:transform,filter}.buy-img img:hover{transform:scale(1.05)}.grid-item{border:1px solid #f4f7f6}.box-info{position:relative;clear:both;background-color:#fff}.box-info h2{font-size:1rem;margin-bottom:0}.col-3{width:33.33333%}@media screen and (max-width:1400px){.col-3{width:33.33333%}}@media screen and (max-width:768px){.col-3{width:50%}}@media screen and (min-width:1400px){.col-3{width:25%}}.buy-container[data-v-42830e53]{position:relative;width:87.5rem;max-width:100%;margin:0 auto;padding:0 3.5rem 3.75rem;clear:both}@media screen and (max-width:768px){.buy-container[data-v-42830e53]{padding:0}}@media screen and (min-width:1400px){.buy-container[data-v-42830e53]{box-sizing:content-box;max-width:75rem}}.detail-title[data-v-42830e53]{margin-bottom:1.5rem;color:#6f6f6f;font-size:1rem;font-weight:500;line-height:1.6em;letter-spacing:.09375rem}.detail-content[data-v-42830e53]{max-width:58.75rem;color:#000;margin-bottom:1rem}.two-lines-text{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;height:2rem;font-size:.875rem;line-height:1rem;text-align:center;margin-top:1rem}.two-lines-text-link{color:#333}.product-box{padding:.75rem;flex:0 0 25%;max-width:25%}@media screen and (max-width:1461px){.product-box{flex:33.33333%;max-width:33.33333%}}@media screen and (max-width:1009px){.product-box{flex:50%;max-width:50%}}.product-item{width:15.1875rem;height:17.8125rem;padding:.75rem;font-size:1rem}.product-img{width:100%;height:auto}.product-img img{transition:all .4s cubic-bezier(.25,.8,.25,1);will-change:transform,filter}.product-img img:hover{transform:scale(1.05)}.more{text-align:center;padding:.3125rem 0;font-size:.75rem}.image-slot{width:100%;padding-top:100%}.opacity-hide{opacity:0}.brand{display:inline-block;cursor:pointer;font-size:1.125rem;letter-spacing:.0625rem;line-height:1.9375rem;color:#000;text-transform:uppercase;margin:0 .75rem}.brand.active,.brand.active:hover{border-bottom:1px solid #000}.brand:hover{border-bottom:1px dashed #000;color:#000}.products-title{padding:2.5rem 0}.products-title h1{font-size:1.125rem;margin-bottom:.5625rem}.products-title h2{color:#6f6f6f;font-size:.75rem;font-weight:500;line-height:1.5rem;max-width:58.75rem}.categories{margin-top:3.25rem}.categories ul{padding:0;list-style:none;display:block;white-space:nowrap;overflow-y:auto;text-align:center;border-bottom:1px solid #ccc;padding-bottom:1rem}.categories ul li{margin:0 1rem;display:inline-block;cursor:pointer}.categories ul li span{font-size:.875rem;letter-spacing:.0625rem;line-height:2.1875rem;text-transform:uppercase}.categories ul li span.active,.categories ul li:hover span.active{border-bottom:1px solid #000}.categories ul li:hover span{border-bottom:1px dashed #000}.product-list-container{padding:4rem 0}