.breadcrumb-wrap{position:absolute;top:120px;left:0;right:0;z-index:3}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.breadcrumb-item+.breadcrumb-item::before{content:"/";padding-right:.5rem}.prevNext{display:none;position:relative;z-index:4}.prevNext.is-visible{display:block}.prevNext a{display:block;width:150px;height:100px;margin-top:-50px;position:fixed;top:50%}.min-md-size .prevNext a::before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:.5;transition:background .5s}.prevNext a span{display:block}.prevNext a .pic{height:100%}.prevNext a .text{width:100%;padding:15px;position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;font-size:18px;line-height:1.5em;text-align:center}.prevNext a.prev{left:0}.prevNext a.next{right:0}.prevNext a:hover::before{background-color:#d6000f}.in-banner{position:relative;background-color:#000;color:#fff}.in-banner .bg{z-index:1;opacity:.6;overflow:hidden}.in-banner .bg .move{height:120%}.in-banner .container{display:table;width:100%;position:relative;z-index:2}.in-banner .middle{height:47vw;vertical-align:bottom;padding:150px 0}.in-banner .title{font-weight:700}.in-banner .project-tag{display:inline-block;position:relative;margin-top:12px;padding:8px 34px;color:#fff;font-size:14px;font-weight:700;line-height:1.45;z-index:1}.in-banner .project-tag::before{content:"";position:absolute;inset:0;background-color:#d6000f;transform:skewX(-18deg);transform-origin:center;z-index:-1}.in-banner .text{max-width:760px;margin:30px 0;line-height:1.8em;transition-delay:0.3s}.in-banner .bottom{padding-right:120px;position:relative;transition-delay:0.6s}.in-banner .container .middle .bottom ul{max-width:760px}.in-banner .bottom .contact,.in-banner .bottom .wiew{display:inline-block;position:absolute;bottom:0;color:#fff;font-size:19px;font-weight:700;text-align:center;transition:background-color .5s}.in-banner .bottom .contact{right:200px;padding:35px 37.5px}.in-banner .icon-mail{margin-left:5px;font-size:28px}.in-banner .bottom .wiew{right:0;padding:35px 37.5px}.in-banner .bottom .wiew::after{content:url(../images/icon-link.png);padding-left:10px}.in-banner .bottom .wiew:hover,.min-md-size .in-banner .bottom .contact:hover{background-color:rgba(0,0,0,.5);text-decoration:none}.in-banner .goDown{width:45px;height:45px;margin-left:-22.5px;position:absolute;left:50%;bottom:-22.5px;z-index:5;border-radius:50%;background:#d6000f url(../images/goDown.png) center no-repeat;cursor:pointer;transition:background-color .5s}.in-banner .goDown:hover{background-color:red}.scroll-here{width:1px;height:0;position:absolute;left:0;top:0}.project-mac{margin-bottom:-100px;padding:100px 0;position:relative;z-index:2;text-align:left}.project-mac .share{display:table;margin:30px auto}.project-mac .icon-twitter::before{content:'\F099'}.project-mac .icon-facebook::before{content:'\F230'}.project-mac .text,.project-mac .text b,.project-mac .text li,.project-mac .text p{color:#666}.project-intro-content h1,.project-intro-content h2,.project-intro-content h3,.project-intro-content h4,.project-intro-content h5,.project-intro-content h6{margin-top:0;margin-bottom:.5rem;font-family:inherit;font-weight:200;line-height:1.2;color:inherit}.project-intro-content h1{font-size:2.8rem}.project-intro-content h2{font-size:2.1rem}.project-intro-content h3{font-size:1.75rem}.project-intro-content h4{font-size:1.5rem}.project-intro-content h5{font-size:1.25rem}.project-intro-content h6{font-size:1rem}.project-mac .share a{display:inline-block;margin:10px;font-size:30px;transition:transform .5s}.project-mac .share a:hover{transform:scale(1.2)}.project-mac .share a.to-facebook{color:#3b5999}.project-mac .share a.to-twitter{color:#1ca1f2}.project-mac .share a.to-line{color:#00c200}.project-mac .block{padding:0 50px;position:relative}.project-mac .block .mac{width:1216px;height:1046px;margin:auto;position:relative;background:url(../images/mac.png) center/contain no-repeat}.project-mac .block .mac .slider{width:1110px;height:695px;position:absolute;left:50%;top:50px;overflow:hidden;transform:translateX(-50%)}.project-mac .block .mac .slider .pic{display:none;width:100%;height:100%}.project-mac .block .mac .slider .pic.is-active,.project-mac .block .mac .slider .pic:first-child{display:block}.project-mac .block .mac .slider img{display:block;width:100%}.project-index{padding:150px 0 100px;position:relative;z-index:1;background-color:#edeff1;text-align:center}.project-page{padding:100px 0;text-align:center}.project-page .pic{display:inline-block;width:calc(50% - 10px);max-width:600px;position:relative;z-index:1;opacity:0;transition:opacity 1s,transform 1s,box-shadow .5s}.project-page .pic img{display:block;width:100%}.project-page .pic:nth-of-type(2n-1){margin-right:-60px;margin-bottom:50px;transform:translateX(-100px)}.project-page .pic:nth-of-type(2n){margin-top:100px;transform:translateX(100px)}.project-page .pic.show{opacity:1;transform:translateX(0)}.project-page .pic.active{z-index:2;box-shadow:20px 20px 30px rgba(0,0,0,.2)}.project-phone{padding:150px 0;background:radial-gradient(ellipse at center,#555 0,#000 100%);text-align:center}.project-phone .container{padding:0}.project-phone .phone{display:inline-block;width:270px;height:550px;margin:30px;padding:0 15px;vertical-align:middle;position:relative;background:url(../images/phone.png) center/contain no-repeat}.project-phone .phone .pic{width:100%;height:420px;margin:63px auto 0;border-radius:3px;box-shadow:inset 0 0 5px rgba(0,0,0,.3)}.project-pad{padding:150px 0 100px;background-color:#edeff1;text-align:center}.project-pad .container{display:table;width:auto;padding:0}.project-pad .pad{display:inline-block;width:975px;height:690px;vertical-align:top;position:relative;background:center/contain no-repeat}.project-pad .pad.black{margin-right:-45%;background-image:url(../images/pad-black.png)}.project-pad .pad.white{margin-top:250px;background-image:url(../images/pad-white.png)}.project-pad .pad .pic{width:742px;height:552px;margin:38px auto 0;left:-5px;border-radius:3px;box-shadow:inset 0 0 5px rgba(0,0,0,.3)}.project.has-animation{position:relative;z-index:4;padding:0}.project ul.list{display:flex;flex-wrap:wrap;width:100%;margin:0;padding:0}.project ul.list>li{width:50%;opacity:0;transform:scale(.8);transition:opacity 1s,transform 1s}@media (max-width:991.98px){.project ul.list>li{display:flex}}.project ul.list>li.show{opacity:1;transform:scale(1)}.project ul.list .box{display:block;width:100%;position:relative;overflow:hidden;background:rgba(0,0,0,.8) url(../images/logo.webp) center/200px no-repeat;text-decoration:none}.project ul.list .box .pic{display:block;height:25vw;min-height:300px;overflow:hidden}.project ul.list .box .pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.project ul.list .box .text{width:100%;padding:20px 10px;color:#fff;text-align:center}.project ul.list .name{margin:15px 0 0;color:#fff;font-size:1.7rem}.project ul.list .summary{display:block;margin-top:15px;font-size:.875rem;line-height:1.4}.project ul.list .btn{display:inline-block;vertical-align:middle;width:70px;height:70px;margin-top:20px;position:relative;border:1px solid #d6000f;overflow:hidden;padding:0;font-size:35px;line-height:68px;transition:background .5s}.project ul.list .icon-plus::before{content:'\E816'}.project ul.list .btn:hover{background-color:#d6000f}@media (min-width:768px){.project ul.list .box .text{max-height:25vw;position:absolute;left:0;top:50%;z-index:3;opacity:0;visibility:hidden;overflow:auto;transform:translateY(-50%);transition:opacity .5s,visibility .5s}.project ul.list .box:hover .text{opacity:1;visibility:visible}}@media (max-width:1199.98px){.project-intro-content h2{font-size:1.75rem}.project-intro-content h3{font-size:1.5rem}.project-intro-content h4{font-size:1.25rem}.project-mac{padding-bottom:0}.project-mac .block .mac{width:800px;height:690px}.project-mac .block .mac .slider{width:735px;height:460px;top:35px}.project-pad .pad{width:660px;height:470px}.project-pad .pad .pic{width:504px;height:375px;margin-top:27px}}@media (max-width:991.98px){.project-intro-content h1{font-size:1.75rem}.project-intro-content h2{font-size:1.5rem}.project-intro-content h3{font-size:1.25rem}.project-intro-content h4{font-size:1rem}.prevNext a{width:45px;height:60px;background:#b4b4b4 center/12px no-repeat}.prevNext a span{display:none}.prevNext a.prev{background-image:url(../images/slick-prev.png)}.prevNext a.next{background-image:url(../images/slick-next.png)}.in-banner .middle{padding-bottom:50px}.in-banner .bottom{padding-right:228px}.in-banner .bottom .contact{right:165px;bottom:-45px}.in-banner .bottom .wiew{bottom:-45px;padding:5px 10px}.scroll-here{top:-90px}.project-mac .block{padding:0 30px}.project-mac .block .mac{width:670px;height:570px}.project-mac .block .mac .slider{width:605px;height:380px;top:28px}.project-index{padding-bottom:50px}.project-page{padding:50px 0}.project-phone{padding:50px 0}.project-phone .phone{width:208px;height:415px;margin:10px}.project-phone .phone .pic{height:318px;margin-top:46px}.project-pad{padding:50px 0 20px}.project-pad .pad{width:100%;height:70vw}.project-pad .pad.black{margin-right:0}.project-pad .pad.white{margin-top:0}.project-pad .pad .pic{width:75vw;height:56.5vw;margin-top:3.5vw}}@media (max-width:767.98px){.in-banner .go,.in-banner .tlt-loop{opacity:1;visibility:visible;transform:none}.project-intro-content h1{font-size:2.1rem}.project-intro-content h3{font-size:1rem}.prevNext a{width:35px;height:40px;margin-top:-20px}.in-banner .middle{padding-top:100px}.in-banner .text{margin:20px 0;line-height:1.5em}.scroll-here{top:-70px}.project-mac{padding-top:50px}.project-mac .block .mac{width:420px;height:360px}.project-mac .block .mac .slider{width:385px;height:240px;top:18px}.project-page .pic{width:calc(50% - 5px)}.project-page .pic:nth-of-type(2n-1){margin-right:-30px}.project ul.list>li{width:100%}.project ul.list .box .pic{height:480px}.project ul.list .box{background-image:none}.project ul.list .btn{width:50px;height:50px;margin-top:10px;line-height:48px}}@media (max-width:575.98px){.project-intro-content h1{font-size:1.75rem}.in-banner .bottom{padding-right:0}.in-banner .bottom .contact{margin-top:20px;margin-right:10px;padding:0;position:static}.in-banner .bottom .wiew{margin-top:20px;padding:0 0 0 17px;position:relative;bottom:0}.project-mac{margin-bottom:-30px}.project-mac .block .mac{width:300px;height:260px}.project-mac .block .mac .slider{width:275px;height:173px;top:13px}.project-index{padding-top:50px}.project-page .pic:nth-of-type(2n){margin-top:50px}}