.intro{position:fixed;top:0;width:100%;height:100%;background:#f3f3f3;z-index:20}.intro-logo{position:absolute;top:50%;left:50%;width:70px;z-index:2;opacity:0;transform:translate(-50%, -50%);transition:opacity .8s}.show-intro .intro-logo{opacity:1}.intro-logo img{width:100%}.intro-logo svg{width:100%}#img{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s;transition-delay:.8s}#img path{fill:#d80835}.show-intro #img{opacity:1;transform:translateY(0)}#tw1{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s;transition-delay:1s}.show-intro #tw1{opacity:1;transform:translateY(0)}#tw2{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s;transition-delay:1.2s}.show-intro #tw2{opacity:1;transform:translateY(0)}#en{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s;transition-delay:1.4s}.show-intro #en{opacity:1;transform:translateY(0)}.top-img{position:relative;height:100%;overflow:hidden}.top-img li{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.1);transition:transform 8s}.top-img li.show-img{transform:scale(1)}.top-img li:nth-child(1){background-position:65% 55%}.top-img li:nth-child(2){background-position:65% 65%}.top-img li:last-child{background-position:50% 65%}.top-slogan li{position:absolute;color:#FFF;text-shadow:0 0 5px #666;z-index:6}.top-slogan li:nth-child(1){bottom:14%;left:12%}.top-slogan li:nth-child(1) .top-b{margin-left:30%}.top-slogan li:nth-child(2){bottom:13%;right:11%}.top-slogan li:nth-child(2) .top-b{margin-left:40%}.top-slogan li:last-child{bottom:17%;left:10%}.top-slogan li:last-child .top-b{margin-left:50%}.top-text{font-size:1.75rem}.top-text span{display:block}.top-t{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transition:clip-path 1s}.show-text .top-t{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.top-b{width:100%;clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);transition:clip-path 1s}.show-text .top-b{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.about-inner{padding:0 80px;max-width:1300px;margin:0 auto}.about-wrap{display:-ms-flexbox;display:flex;-webkit-flex-flow:row-reverse;flex-flow:row-reverse;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.about-content{width:45%;margin-left:10%}.about-text{margin-left:35px}.about-text span{display:block}.about-btn{margin-left:35px}.about-img{width:35%}.about-img img{width:100%}.project-inner{padding:0 80px;max-width:1000px;margin:0 auto}.project-text{margin-left:35px}.project-text span{display:block}.project-btn{margin-left:35px}.project-img1{margin-top:80px;width:70%;max-width:700px;margin-left:auto;position:relative}.project-img1 img{width:100%}.award-inner{padding:0 80px;max-width:1300px;margin:0 auto}.award-wrap{display:-ms-flexbox;display:flex}.award-title{width:25%}.award-content{width:60%;margin-left:10%;margin-top:50px}.award-list li{font-size:.95rem;padding-top:20px;padding-bottom:20px;padding-right:80px;border-bottom:1px dashed #ddd;position:relative}.award-type{color:#999;margin-left:38px;font-size:.875rem;padding-bottom:2px}.award-work{color:#000;margin-left:38px}.award-logo{width:35px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.award-logo img{width:100%}.award-logo.vertical{max-width:25px;margin-right:6px}.award-btn{margin-left:auto;margin-right:50px;padding-top:20px}.contact{position:relative}.contact-map{width:100%;height:50vw;max-height:580px;background:#f3f3f3}.contact-inner{padding:60px;background:#FFF;box-shadow:0 0 5px #ddd;position:absolute;left:8%;top:50%;transform:translateY(-50%)}.contact-list{margin-left:17px}.contact-list li{position:relative;padding-left:28px;margin-top:3px}.contact-list li i{color:#ccc;width:16px;text-align:center;font-size:.875rem;margin-right:10px;position:absolute;left:0;top:11px}.contact-list li a{font-size:.95rem;transition:color .4s}.contact-list li a:hover{color:#000}@media screen and (max-width: 1100px){.top-slogan li:nth-child(2){right:unset;left:12%}.about-img{width:45%;position:relative}.about-img:before{content:"";width:100%;height:100%;background:#f3f3f3;position:absolute;top:0;right:0;transition:width .8s .8s}.about-img:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;top:0;right:0;transition:width .8s}.about-img.show:before,.about-img.show:after{width:0}.project-img1{position:relative}.project-img1:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;bottom:0;left:0;transition:height .8s}.project-img1.show:after{height:0}.award-wrap{display:block}.award-title{width:auto}.award-content{width:auto}.contact-map{height:420px;max-height:unset}.contact-inner{padding:0 80px;box-shadow:unset;background:unset;position:relative;top:unset;left:unset;transform:translateY(0)}.contact-content{max-width:760px;margin:50px auto 0}.contact-list{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:35px}.contact-list li{width:48%;box-sizing:border-box}}@media screen and (max-width: 900px){.about-wrap{display:block}.about-content{width:auto;margin-left:unset}.about-text{margin-left:60px}.about-btn{margin-left:60px}.about-img{margin:50px auto 0;width:55%;max-width:350px}.project-wrap{display:block}.project-text{margin-left:60px}.project-btn{margin-left:60px}.project-img1{margin-top:50px;margin-left:60px;width:auto}.award-content{margin-left:60px;margin-top:unset}.contact-content{max-width:350px}.contact-list{margin-left:60px;display:block}.contact-list li{width:auto}}@media screen and (max-width: 640px){.intro-logo{width:60px}.top-slogan li{padding:0 20px;width:100%;box-sizing:border-box;text-align:center}.top-slogan li:nth-child(1){bottom:unset;top:50%;left:50%;transform:translate(-50%, -50%)}.top-slogan li:nth-child(1) .top-b{margin-left:unset}.top-slogan li:nth-child(2){bottom:unset;top:50%;left:50%;transform:translate(-50%, -50%)}.top-slogan li:nth-child(2) .top-b{margin-left:unset}.top-slogan li:last-child{bottom:unset;top:50%;left:50%;transform:translate(-50%, -50%)}.top-slogan li:last-child .top-b{margin-left:unset}.top-text{font-size:1.5rem;opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s}.show-text .top-text{opacity:1;transform:translateY(0)}.top-text span{display:contents}.top-t{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.top-b{width:unset;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.about-inner{padding:0 20px}.about-text{margin-left:35px}.about-btn{margin-left:35px}.about-img{width:auto}.project-inner{padding:0 20px}.project-text{margin-left:35px}.project-btn{margin-left:35px}.project-img1{margin-left:unset}.award-inner{padding:0 20px}.award-content{margin-left:35px}.award-list{margin-top:-15px}.award-list li{padding:15px 0}.award-type{padding-bottom:unset}.award-logo{width:30px;display:none}.award-logo.vertical{margin-right:3px}.award-btn{padding-top:10px}.contact-map{height:350px}.contact-inner{padding:0 20px}.contact-content{max-width:unset}.contact-list{margin-left:35px}}