html,body{overscroll-behavior-x:contain;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}.title h2:after{content:none}.intro{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:20}.intro-logo{position:absolute;top:50%;left:50%;width:120px;transform:translate(-50%, -50%);opacity:0}.show-intro .intro-logo{opacity:1;transition:opacity 1s}.intro-logo img{width:100%;height:auto}.intro-logo-tw,.intro-logo-en{opacity:0;transoform:translateY(20px)}.show-intro .intro-logo-tw,.show-intro .intro-logo-en{opacity:1;transform:translateY(0px);transition:opacity 1s,transform 1s}.show-intro .intro-logo-tw{transition-delay:.5s}.show-intro .intro-logo-en{transition-delay:1s}.top-images{position:relative}.top-images-img{position:absolute;top:0;width:100%;height:100%;background-position:center;background-size:cover;transition:transform 8s}.top-images-img:nth-child(1){width:calc(100% + 80px)}.top-images-img:nth-child(1).show-img{transform:translate3d(-80px, 0, 0)}.top-images-img:nth-child(2){height:calc(100% + 80px)}.top-images-img:nth-child(2).show-img{transform:translate3d(0, -80px, 0)}.top-images-img:nth-child(3){transform:scale(1.1)}.top-images-img:nth-child(3).show-img{transform:scale(1)}.top-text{position:absolute;color:#fff;text-shadow:0 0 5px #000;z-index:5;opacity:0;transition:opacity 1s}.top-text.text1{left:5%;bottom:25%}.top-text.text2{right:10%;bottom:30%}.top-text.text3{right:15%;bottom:20%}.top-text .en{font-weight:300;max-width:300px;font-size:.875rem;opacity:0;transform:translateY(20px);transition-property:transform,opacity;transition-duration:.6s;transition-delay:1s}.top-text.show-text{opacity:1}.top-text.show-text .en{opacity:1;transform:translateY(0px);transition-delay:.2s}.top-word{font-size:1.375rem;display:flex;align-items:center;margin-bottom:30px}.top-word-line{width:1px;height:50px;background:#fff;opacity:0;transform:rotate(30deg) scaleY(0);transition:opacity .6s 1s,transform .6s 1s}.show-text .top-word-line{opacity:1;transform:rotate(30deg);transition-delay:0s}.top-word-l{margin-bottom:25px;margin-right:20px;clip-path:polygon(0% 0, 0% 0%, 0% 100%, 0 100%)}.top-word-r{margin-top:25px;margin-left:20px;clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}.top-word-l,.top-word-r{transition:clip-path .6s 1s}.show-text .top-word-l,.show-text .top-word-r{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);trasition-delay:0s}.top-logo{max-width:300px;margin-top:20px;opacity:0;transform:translateY(20px);transition-property:transform,opacity;transition-duration:.6s;transition-delay:1s}.show-text .top-logo{opacity:1;transform:translateY(0px);transition-delay:.4s}.img1{background-image:url("../images/index/main-images1.jpg")}.img2{background-image:url("../images/index/main-images2.jpg")}.img3{background-image:url("../images/index/main-images3.jpg")}.profile{text-align:center}.profile-logo{width:-moz-fit-content;width:fit-content;margin:0 auto 30px}.concept-inner{display:flex;align-items:center;justify-content:space-between}.concept-img{width:45%;overflow:hidden}.concept-img-inner{margin-bottom:-50px}.concept-content{width:45%;max-width:450px;margin:auto}.concept-text{margin-bottom:10px}.concept-text:last-of-type{margin-bottom:0}.slogan-text{max-width:800px;margin:auto;text-align:center}.slogan-en{letter-spacing:.1em;font-size:.875rem}.slogan-tw{font-size:1.375rem;font-family:"FZYaoti";color:#000}.work{cursor:none}.work-content{display:flex;align-items:flex-end;margin-right:-12.5vw;margin-bottom:6.25vw}.work-title{margin:0 50px 0 0}.work-title h2{white-space:nowrap}.work-line{position:relative;width:100%;height:1px;background:#ccc;margin:.7875rem 0}.work-list{align-items:center;display:flex;justify-content:space-between}.work-item{display:block;width:28%;filter:grayscale(1);transition:filter .6s;cursor:none}.work-item a{display:block;width:100%}.work-item:hover{filter:grayscale(0)}.work-item:hover img{opacity:.8}.work-item:hover .work-text span:after{transform:scaleX(1);transform-origin:left center}.work-item:hover .work-info{opacity:1}.work-img{overflow:hidden}.work-img img{width:100%}.work-info{opacity:0;transition:opacity .6s}.work-text{font-size:1rem;color:#000;margin-top:30px;line-height:1.2;letter-spacing:.3em}.work-text span{position:relative}.work-text span:after{content:"";position:absolute;bottom:0px;left:0;width:100%;height:1px;background:#000;transform:scaleX(0);transform-origin:right center;transition:transform .6s}.work-type{font-size:.75rem;letter-spacing:.05em}.innerimg-img{height:40vw;overflow:hidden}.innerimg-img-inner{height:calc(40vw + 50px);background-size:cover;background-position:center;background-image:url("../images/index/inner-img.jpg")}.service-content{text-align:center}.service-title h2{margin:auto}.service-wrap{display:flex;justify-content:space-between;max-width:800px;margin:100px auto 40px}.service-text{display:flex;justify-content:space-between;border-radius:15px;border:#ccc solid 1px;padding:40px;width:48%;box-sizing:border-box}.service-icon{width:40%;display:flex}.service-icon img{width:100%;max-width:60px;margin:auto}.service-line{width:1px;background:#ccc}.service-item{font-size:.875rem;width:40%}.service-btn .en:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#ccc}.service-btn .tw{left:50%;transform:translateX(-50%);white-space:nowrap}.article-content{display:flex;align-items:flex-end;margin-right:-12.5vw;margin-bottom:6.25vw}.article-title{margin:0 50px 0 0}.article-title h2{white-space:nowrap}.article-inner{overflow:visible;touch-action:pan-y}.article-item{display:block;max-width:450px;width:22.5vw;margin-right:6vw;overflow:hidden;filter:grayscale(1);transition:filter .6s}.article-item:hover{filter:grayscale(0)}.article-item:hover img{opacity:.8}.article-item:hover .article-btn .en{opacity:0}.article-item:hover .article-btn .tw{opacity:1}.article-item:hover .article-btn .tw:after{transform:scaleX(1);transform-origin:left center}.article-img{overflow:hidden}.article-img img{width:100%}.article-date{margin:20px 0 10px;font-size:.75rem}.article-text{font-size:1rem;color:#000;line-height:1.2;letter-spacing:.3em}.article-btn{margin-top:30px;font-size:.875rem}.article-scrollbar.swiper-scrollbar{position:relative;height:1px;margin:.4375rem 0}.article .swiper-scrollbar-drag{position:relative;height:3px;top:-1px;background:#000}.article .swiper-scrollbar-drag:after{content:"";position:absolute;bottom:0;right:-1px;border-bottom:#000 solid 10px;border-right:rgba(0,0,0,0) solid 3px;transform-origin:left bottom;transform:rotate(-30deg)}.contact-inner{display:flex;align-items:center;justify-content:space-between}.contact-img{width:45%;overflow:hidden}.contact-img-inner{margin-bottom:-50px}.contact-content{width:45%;max-width:450px;margin:auto}.contact-text{margin-bottom:20px}.contact-btn{margin-top:40px}.contact-btn .btn{padding-left:20px}.contact-btn .btn .tw{left:20px}.contact-btn .btn:before{position:absolute;top:50%;left:6px;margin-top:-5px;content:"";border-left:#ccc solid 7px;border-top:rgba(0,0,0,0) solid 5px;border-bottom:rgba(0,0,0,0) solid 5px;display:block}.contact-consult{position:relative;border:#ccc solid 1px;display:block;font-size:.75rem;width:180px;height:50px;line-height:50px;text-align:center;background:#222;color:#fff}.contact-consult:before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:#fff;transition:width .6s}.contact-consult .en{position:absolute;left:0%;width:100%;color:#666;opacity:0;transition:opacity .6s}.contact-consult:hover .en{opacity:1}.contact-consult:hover:before{width:100%}@media screen and (max-width: 1100px){.top-text.text1{left:60px;bottom:100px}.top-text.text2,.top-text.text3{right:60px;bottom:100px}.work-content{margin-right:-60px}.work-item{width:30%;filter:grayscale(0)}.work-info{opacity:1}.article-content{margin-right:-60px}.article-item{width:35vw}.article-text{font-size:.875rem}.article .swiper-scrollbar-drag{width:100px}.contact-tel{margin:20px 0}}@media screen and (max-width: 760px){.work-inner{max-width:400px;margin:auto}.work-title{margin-right:20px}.work-content{margin-right:0;margin-bottom:50px}.work-list{display:block}.work-item{width:auto;margin:0 0 50px}.work-item:last-child{margin-bottom:0}.work-text{margin-top:15px}.concept-inner,.service-inner,.contact-inner{display:block;max-width:400px;margin:auto}.concept-img,.service-img,.contact-img{width:auto;margin-bottom:6.25vw}.concept-content,.service-content,.contact-content{width:auto}.innerimg-img{height:60vw}.innerimg-img-inner{height:calc(60vw + 50px)}.service-wrap{display:block;margin:60px auto 30px}.service-text{width:100%;max-width:400px;margin:30px auto 0}.article-content{display:block}.article .swiper-scrollbar.swiper-scrollbar-horizontal{left:0;margin-top:20px}}@media screen and (min-width: 641px)and (max-width: 760px){.work-item:nth-child(even){margin-right:0}}@media screen and (max-width: 640px){.top-text.text1,.top-text.text2,.top-text.text3{bottom:100px;left:5vw;right:5vw}.top-word{display:none}.top-slogan .en{font-size:1rem}.article-inner{max-width:400px;margin:auto}.article-content{margin-right:0;margin-bottom:50px}.article-item{width:60vw}.slogan-img{margin:0 -5vw 100px}.concept-img,.service-img{margin-bottom:50px}.innerimg{display:none}.service-list{gap:10px}}@media screen and (max-height: 400px){.top-slogan{display:none}}