a,a:hover,:after,:before{outline:none;text-decoration:none;box-sizing:content-box}*{position:relative;margin:0;padding:0}html,body{position:relative;font-family:'Noto Sans SC','Noto Sans TC','Roboto',sans-serif;font-size:14px;display:block;height:auto;top:0;left:0;margin:0;padding:0}h1,h2,h3,h4,h5{margin:0}h1{font-size:2.6em;color:#343434;font-weight:500;line-height:1.6em;letter-spacing:.06em}h2{font-size:2em;color:#000;font-weight:400;line-height:1.6em;letter-spacing:.1em}h3{font-size:1em;color:#000;font-weight:200;letter-spacing:.06em;line-height:1.5em}h4{font-size:1.3em;color:#000;font-weight:400;letter-spacing:.08em;line-height:1.3em}h5{font-size:15em;color:#F8F8F8;font-weight:400;letter-spacing:.06em;line-height:1.6em}p{font-size:1.5em;color:#000;font-weight:400;letter-spacing:.06em;line-height:2.3em}img{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;user-drag:none;-moz-user-select:none;-webkit-user-drag:none}input,textarea,button{appearance:none;-webkit-appearance:none;border:solid 2px white;resize:none;letter-spacing:.1em}input:focus,textarea:focus,button:focus{outline:none}.ac{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.cc{top:50%;left:50%;transform:translate(-50%,-50%)}.cx{top:50%;transform:translateX(-50%)}.cy{left:50%;transform:translateY(-50%)}.navbar{position:fixed;top:0;height:120px;width:100%;display:flex;justify-content:center;z-index:100}.navbar:after{content:'';position:absolute;filter:drop-shadow(3px 2px 5px #00000029);top:0;right:3%;z-index:-1;width:calc(95% - 50px);height:100%;background-color:black}.navbar-all{width:95%;background-color:white;display:flex;justify-content:center;align-items:center;clip-path:polygon(0 0,100% 0,100% 100%,30px 100%,0 90px)}.nav-squ{position:absolute;width:30px;height:30px;bottom:0;left:0;background:linear-gradient(45deg,#F2F2F2 50%,#E6E6E6 0%);background:-moz-linear-gradient(45deg,#F2F2F2 50%,#E6E6E6 0%);background:-webkit-linear-gradient(45deg,#F2F2F2 50%,#E6E6E6 0%);background:-o-linear-gradient(45deg,#F2F2F2 50%,#E6E6E6 0%)}.nav-area{width:80%;max-width:1920px;height:80px}.nav-log{position:absolute;left:0;height:100%}.nav-bot{position:absolute;right:10%;width:65%;height:100%}.nav-icon{height:100%;width:9em;display:flex;justify-content:center;align-items:center;margin:auto}.nav-href{position:absolute;right:0;height:100%;width:10%}.logo-icon{height:80%}.nav-img{position:absolute;top:0;height:calc(100% - 25px)}.nav-icon h4{position:absolute;margin-top:1px;bottom:0;transition:.3s}.nav-icon-img{position:absolute;top:0;height:calc(100% - 40px);width:55px}.nav-lia-c1{position:absolute;top:0;width:26px;height:26px;border-radius:99em;transition:.3s;background-color:#6493BA}.nav-icon:hover .nav-lia-c1{transform:scale(1.2);transition:.3s}.nav-lia-cir{position:absolute;bottom:0;width:18px;height:18px;transition:.3s;border-radius:99em;background-color:#B1D2EE}.nav-icon:hover h4{color:#0A5180;transform:scale(.8);transition:.3s}.nav-icon:hover .nav-lia-cir{width:25px;height:25px;transition:.3s}.nav-abo-i1{position:absolute;bottom:0;width:20px;height:2em;background-color:#6493BA}.nav-abo-i2{position:absolute;bottom:0;left:7px;width:13px;height:15px;z-index:2;background-color:#B1D2EE}.nav-abo-i3{position:absolute;bottom:0;right:10px;width:12px;height:12px;border-radius:99em;z-index:2;background-color:#B1D2EE}.abo,.wo,.con,.ser{transition:.3s}.nav-icon:hover .abo{transform:scale(1.2);transition:.3s}.nav-wo-img{position:absolute;width:60px;height:15px;clip-path:polygon(40% 0,100% 0%,60% 100%,0% 100%);z-index:2;background-color:#B1D2EE}.i2{background-color:#6493BA}.nav-icon:hover .ser{transform:scale(1.2)}.con{top:-2px;transform:rotate(-30deg)}.nav-icon:hover .wo{top:-5px;height:50px;transition:.3s}.nav-icon:hover .con{transform:rotate(-30deg) scale(1.2)}.overlay{position:fixed;top:0;right:0;width:200px;max-width:100%;height:100%;border:solid;z-index:1000;background-color:white}.over-space{width:100%;height:90px}body.overflow{overflow:hidden}.burger{width:50px;height:50px;position:absolute;top:20px;right:20px;display:none;z-index:200}.burger span{position:relative;margin-top:9px;margin-bottom:9px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-1.5px}.burger span,.burger span::before,.burger span::after{display:block;width:30px;height:3px;background-color:#2a2a2a;outline:1px solid transparent;-webkit-transition-property:background-color,-webkit-transform;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;transition-property:background-color,transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}.burger span::before,.burger span::after{position:absolute;content:""}.burger span::before{top:-9px}.burger span::after{top:9px}.burger.clicked span{background-color:transparent}.burger.clicked span::before{-webkit-transform:translateY(9px) rotate(45deg);-moz-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);-o-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg)}.burger.clicked span::after{-webkit-transform:translateY(-9px) rotate(-45deg);-moz-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);-o-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}.burger:hover{cursor:pointer}nav{background-color:#fff;position:fixed;z-index:21;top:0;right:0;height:100%;max-width:515px;width:100%;overflow-y:auto;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86)}nav.show{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);z-index:21}nav.show ul.overlay-block li{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);opacity:1}.overlay-block li a:before{content:'';width:10px;height:2px;background-color:#DEDEDE;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all 0.4s cubic-bezier(0.23,1,0.32,1)}nav.show ul.overlay-block li:nth-child(1){transition-delay:0.15s}nav.show ul.overlay-block li:nth-child(2){transition-delay:0.3s}nav.show ul.overlay-block li:nth-child(3){transition-delay:0.45s}nav.show ul.overlay-block li:nth-child(4){transition-delay:0.6s}nav.show ul.overlay-block li:nth-child(5){transition-delay:0.75s}nav.show ul.overlay-block li:nth-child(6){transition-delay:0.9s}nav.show ul.overlay-block li:nth-child(7){transition-delay:1.05s}nav.show .overlay-area{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);opacity:1;transition-delay:1.3s;top:5em}nav ul.overlay-block{list-style-type:none;top:7em;margin:0 auto;text-align:center;max-width:100%;overflow:hidden}nav ul.overlay-block li{margin-bottom:20px;-webkit-transform:translateX(40px);-moz-transform:translateX(40px);-ms-transform:translateX(40px);-o-transform:translateX(40px);transform:translateX(40px);opacity:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}nav ul.overlay-block li a{color:#000;text-decoration:none;text-transform:uppercase;font-size:1.5rem;display:block;letter-spacing:5px;font-weight:600;padding:10px 0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}nav .overlay-area{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.overlay-area{position:relative;display:flex;justify-content:center;height:50px;top:5em;width:50%;min-width:150px;margin:30px auto}.overlay-icon{height:100%;width:55px;margin:0 15px}.overlay-area:hover a{cursor:pointer}.overlay{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:#666666;opacity:0;visibility:hidden}.overlay.show{opacity:0.8;visibility:visible;z-index:20}.overlay-bot{position:absolute;top:0;right:0;display:none;height:100%;width:50px;border:solid}.main{width:100%;height:100vh;min-height:1000px;max-height:85em;display:flex;justify-content:center;align-items:center;background-color:#F2F2F2}.main-b{position:absolute;bottom:0;width:100%;height:25%;background-color:#B6D0EA}.about-b{position:absolute;top:-1px;width:100%;height:5px;background-color:#B6D0EA}.main-b:before,.about-b:before{content:'';position:absolute;width:100%;height:20px;background:linear-gradient(
        20deg,transparent 33.333%,#B6D0EA 33.333%,#B6D0EA 66.667%,transparent 66.667%
    ),linear-gradient(
        -20deg,transparent 33.333%,#B6D0EA 33.333%,#B6D0EA 66.667%,transparent 66.667%
    );background-size:50px 60px}.main-b:before{top:-19px}.about-b:before{bottom:-19px;transform:rotate(180deg)}.main-back{position:absolute;top:12em;width:85%;height:10em}.main-back-left{position:absolute;left:0;height:100%;animation:cloud-l 5s infinite}.main-back-right{position:absolute;right:0;height:90%;animation:cloud-r 10s linear infinite}@keyframes cloud-l{0%,100%{left:0}50%{left:1em}}@keyframes cloud-r{0%,100%{right:0}50%{right:1em}}.main-img-all{position:absolute;height:500px;bottom:0;left:0;width:100%}.main-img-car{position:absolute;bottom:110px;width:100%;height:30%}.main-car{position:absolute;left:72.5%;bottom:14px;width:11%;animation:car 8s ease;animation-delay:1.5s}@keyframes car{0%{left:0%}100%{left:72.5%}}.main-gress{position:absolute;right:11.5%;bottom:22px;height:auto;width:45%}.main-img-area{position:absolute;top:0;height:100%;width:100%;display:flex;justify-content:center}.main-img-block{position:absolute;width:90%;height:80%;height:350px;border-bottom:solid 2px}.main-img-block-all{position:absolute;right:0;bottom:-2px;width:60%;height:100%;font-size:0}.main-img1{position:absolute;bottom:0;left:12%;height:auto;width:55%}.main-img2{position:absolute;bottom:0;left:40.5%;width:42%;height:auto}.main-img3{position:absolute;bottom:0;right:24%;width:12%;height:auto}.main-cir{position:absolute;bottom:0;left:20%;width:80%}.main-txt{position:absolute;height:20em;width:80%;opacity:0;max-width:1920px}.main-txt p{margin-top:1em;width:30em;max-width:100%}.main-title-txt{width:42.5em;max-width:100%}.main-txt1{width:24em}.main-txt1 h1,.main-txt2 h1{position:relative;z-index:10}.main-title-txt .main-txt2 h1:before{transition-delay:.3s}.main-title-txt h1:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;inset:0 0 0 0;background:#BEDEEE;z-index:-1;transition:transform .3s ease}.main-title-txt h1::before{transform:scaleX(0);transform-origin:bottom right}.main-title-txt:hover .main-txt1 h1:before{transform:scaleX(1);transform-origin:bottom left}.main-title-txt:hover .main-txt2 h1:before{transform:scaleX(1);transform-origin:bottom left;transition-delay:.3s}div.scroll_down{position:absolute;margin-left:auto;margin-right:auto;height:4rem;width:2.3rem;bottom:5%;background-color:#FFF;background-position:center bottom;border:2px solid #707070;border-radius:20px;pointer-events:none;outline:0;z-index:1}div.scroll_down:before{position:absolute;top:20px;left:50%;content:"";width:6px;height:6px;margin-left:-3px;background-color:#707070;border-radius:100%;-webkit-animation:scroll_down_btn-animation 2s infinite;animation:scroll_down_btn-animation 2s infinite;-webkit-box-sizing:border-box;box-sizing:border-box}div.scroll_down:hover:before{-webkit-transition:1s;-o-transition:1s;transition:1s}@keyframes scroll_down_btn-animation{0%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,20px);transform:translate(0,20px);opacity:0}100%{opacity:0}}@-webkit-keyframes scroll_down_btn-animation{0%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,20px);transform:translate(0,20px);opacity:0}100%{opacity:0}}.main-contactus{position:fixed;right:50px;bottom:5em;width:6em;height:80px;z-index:18;transition:.1s}.con-eye{width:65%;top:-5px}.main-con-block{width:6em;height:6em;transition:.1s;border-radius:1.5em 1.5em 0;background-color:#2E6EB1}.main-con-block:before{position:absolute;bottom:-14px;right:0;content:'';width:15px;height:15px;transition:.1s;clip-path:polygon(100% 0,0 0,100% 50%);background-color:#2E6EB1}.main-contactus:hover{transform:scale(1.1);transition:.1s}.main-contactus:hover .main-con-block,.main-contactus:hover .main-con-block:before{background-color:#E9C36C;transition:.1s}.main-contactus-img{position:absolute;width:100%;bottom:0}.aboutus{width:100%;height:100em;top:-1px;background-color:white;overflow:hidden}.aboutus-back{width:100%;max-width:1900px;height:100%}.aboutus-cir-left{position:absolute;left:5%;width:400px;height:400px;border:solid .5px rgba(112,112,112,.34);border-radius:99em;animation:circlea 10s linear infinite}.aboutus-cir-right{position:absolute;top:100px;right:5%;width:400px;height:400px;border:solid .5px rgba(112,112,112,.34);border-radius:99em;animation:circlea 15s linear infinite}.aboutus-cri-c1{position:absolute;top:0;width:50px;height:50px;border:solid .5px rgba(112,112,112,.34);border-radius:99em}.aboutus-cri-c2{position:absolute;bottom:0;width:150px;height:150px;border:solid .5px rgba(112,112,112,.34);border-radius:99em}@keyframes circlea{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}.aboutus-back-txtl{position:absolute;top:0;left:20px;width:800px;height:100px;z-index:0;transform:rotate(90deg);transform-origin:0 100px}.aboutus-back-txtl h1,.aboutus-back-txtr h1{bottom:0;font-size:90px;color:#F2F2F2}.aboutus-back-txtr{position:absolute;width:300px;height:140px;bottom:180px;right:0;transform:rotate(-90deg);transform-origin:230px 70px}.main-title{position:absolute;top:150px;z-index:10}.main-title div{z-index:10}.main-title h1,.main-title h3{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;margin:auto}.aboutus .main-title h1,.cooperation h1,.cooperation h3,.aboutus .main-title h3{height:50%}.aboutus-title{height:50px}.button{--border:4px solid #707070;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:0;background:transparent;text-transform:uppercase;letter-spacing:0.2em;outline:none;font-weight:bold;border-radius:0;border:none}.button div{display:block;position:relative;padding:1em 1em;width:36em;height:9em;background:#fff;color:white;border:var(--border);transition:transform 0.2s ease;z-index:1;box-sizing:border-box;will-change:transform}.button::after{content:"";position:absolute;top:6px;left:6px;width:calc(100% - 5px);height:calc(100% - 5px);background:#707070;border:var(--border)}.button:hover div,.aboutus-area:hover span{transform:translate(-3px,-3px)}.aboutus-block{position:absolute;top:23em;max-width:90%}.aboutus-area{--border:4px solid #707070;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:0;background:transparent;text-transform:uppercase;letter-spacing:0.2em;outline:none;font-weight:bold;border-radius:0}.aboutus-area span{display:block;position:relative;width:85em;max-width:100%;height:61em;background:#fff;color:white;border:var(--border);transition:transform 0.2s ease;z-index:1;will-change:transform;background-image:linear-gradient(rgba(222,222,222,.5) 1px,transparent 0),linear-gradient(90deg,rgba(222,222,222,.5) 1px,transparent 0);background-size:50px 50px,50px 50px}.aboutus-area::after{content:"";position:absolute;top:22px;left:35px;width:100%;height:100%;background:#DEDEDE}.aboutus-area::before{content:"";position:absolute;top:50px;left:-20px;width:100%;height:100%;background:#BABABA}.aboutus-half{position:relative;width:100%;height:50%;display:flex;justify-content:center;align-items:center}.aboutus-half .swiper-button-prev,.aboutus-half .swiper-button-next{display:none;width:40px;height:40px;background-color:#989898}.swiper-pagination span{width:12px;height:12px;display:inline-block;box-sizing:border-box;background-image:none;border:solid 2px #989898}.swiper-pagination-bullet-active{background-color:#989898!important}.swiper-slide{color:black}.swiper-pagination,#work1-next,#work1-prev,#work2-next,#work2-prev{display:none}.half-bottom .swiper-container{width:90%}.aboutus-big-img{position:absolute;right:0;height:100%;width:29em}.serviceexperience-svg{width:100%}#magnifierface{position:relative;transform:translate(50px,90px)}.aboutus-txt-area{width:71em}.aboutus-txt{width:46em;left:0}.aboutus-txt h1{padding:.4em;width:10em;max-width:90%;background-color:#fff;filter:drop-shadow(3px 3px 6px rgba(0,0,0,0.11));border:solid .5px #707070}.aboutus-txt p{padding:4px 15px;background-color:#fff;filter:drop-shadow(3px 3px 6px rgba(0,0,0,0.11));border:solid .5px #707070;font-size:1.4em}.aboutus-half-area{height:90%;text-align:center}.aboutus-half-txt{position:absolute;bottom:0;width:100%;text-align:center;display:flex;justify-content:center}.aboutus-half-txt h3{width:100%;font-size:1.1em;min-width:18em}.aboutus-half-img{width:100%;height:13em}.aboutus-img{height:100%}.aboutus-num{width:100%;height:6em;display:flex;justify-content:center}#abo-pagination span{bottom:15px;width:10px;height:10px;display:none;border-width:1.5px;background-image:none}.scroll-counter{display:inline-block;font-size:5em;color:#6493BA}.symbol{height:100%;font-size:5em;color:#6493BA}.counter-txt{height:100%;font-size:2em;display:flex;align-items:flex-end;color:#000000}.service{display:flex;justify-content:center;width:100%;height:130em;background-color:#F2F2F2;overflow:hidden}.service-back-txtr{position:absolute;top:0;right:30px;width:430px;height:100px;z-index:0;transform:rotate(-90deg);transform-origin:380px 50px}.service-back-txtr h1{bottom:0;font-size:90px;color:#F8F8F8}.service-block{position:absolute;width:80%;max-width:1900px;height:60em;top:23em;display:flex;justify-content:center;z-index:11}.service-line{position:absolute;height:100%;border-left:dotted .7em #DEDEDE}.service-line-img{position:absolute;width:1.5em;top:30%}.line-top{position:absolute;top:21em;left:50%;width:1.5em;z-index:20;transform:translateX(-50%)}.line-bot{position:absolute;top:900px;top:100%;left:50%;width:1.5em;transform:translateX(-50%)}.service-inblock{width:100%;height:100%}.service-area{width:100%;height:calc(100% / 3);display:flex;justify-content:center;align-items:center}.service-area-left{position:absolute;left:0;display:flex;justify-content:center;align-items:center;width:50%;height:100%}.service-area-right{position:absolute;right:0;display:flex;justify-content:center;align-items:center;width:50%;height:100%}.service-num{width:100%;height:100%}.service-num h1{font-size:10em;color:#F8F8F8}.service-area-txt{position:absolute;width:90%;top:30%}.service-area-txt p{font-weight:300}.service-area-left .service-area-txt{text-align:right}.service-area-img{width:auto;height:100%;max-height:18em}.process{position:absolute;display:flex;justify-content:center;bottom:0;width:90%;max-width:1920px;height:33em}.process .main-title{top:0}.process .button div{width:20em;height:6em}.process-img{position:absolute;top:0;width:100%;height:calc(100% - 300px);font-size:0}.process-img1{position:absolute;bottom:0;right:67%;width:120px;height:45px}.process-img1-block{width:100%;height:calc(100% / 5);border:solid 2px #989898;background-color:white;box-sizing:border-box}.process-img2{position:absolute;bottom:0;left:35%;width:70px}.process-img3{position:absolute;bottom:0;right:20%;width:240px;height:70px}.process-cmyk{position:absolute;bottom:0;width:100%;height:100%}.process-block-all{position:absolute;width:1920px;max-width:100%;height:300px;bottom:0}.process-block{bottom:0;width:80%;height:100%;border:solid #989898;background-color:white;border-width:3px 5px 0;box-sizing:border-box}.process-block-svg{width:10%;height:100%;bottom:0;font-size:0}.process-side-inblock{position:absolute;width:150px;height:150px}.process-block-left{width:100px;height:100%}.process-inblock{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.process-area{width:10em;height:13em;border:solid #666666;border-radius:15px}.process-area-block{height:82%}.process-area p,.process-area h3{position:absolute;text-align:center;width:100%}.process-area p{bottom:0;line-height:1em}.process-area h3{top:0;font-weight:400}.process-area-img{width:7em}.process-arrow{position:absolute;left:0;width:100%;height:100%;min-width:52em}.process-arrow-img{width:80px;height:20px;background-color:#707070;clip-path:polygon(100% 50%,0 0,0 100%)}.process-pag{display:none;position:absolute;width:100%;bottom:0;z-index:2;text-align:center}.process-pag span{margin:0 2px;background-color:white;box-sizing:border-box;border:solid 2px black}.process-pag .swiper-pagination-bullet-active{background-color:#989898;border:solid 1px white}.relay{width:100%;font-size:0;box-sizing:border-box;overflow:hidden}.relay-img{width:100%;height:100%}.work{width:100%;height:90em;overflow:hidden;background-color:#B1D2EE}.work-back{position:absolute;width:100%;max-width:1920px;height:100%}.work-back-area1{position:absolute;top:-100px;right:-150px;width:400px;height:400px;animation:circlea 15s linear infinite}.work-back-area2{position:absolute;bottom:-50px;left:-100px;width:400px;height:400px;animation:circlea 20s linear infinite}.work-area-c1{position:absolute;width:380px;height:380px;border-radius:99em;border:solid white}.work-back-block{position:absolute;width:20px;height:20px;background-color:white}.top{top:0}.left{left:0}.right{right:0}.bottom{bottom:0}.work-back-star1{position:absolute;top:100px;left:100px}.work-back-star2{position:absolute;top:100px;right:50px}.work-back-star3{position:absolute;bottom:100px;left:100px}.work-block{position:absolute;top:22em;width:90%;max-width:1920px;height:47em}.work-txtblock{width:100%;height:10em}.work-half{width:100%;height:50%}.nav{height:50%}.nav-pills li{display:flex;justify-content:center}.work-txt{width:calc(100% / 4);height:100%;text-align:center}.work-txt h2{color:#6C6C6C;width:9em;background-color:white;border-radius:9em;filter:drop-shadow(3px 3px 6px rgba(0,0,0,0.11));transition:.1s}.nav-pills li a h2:hover{color:#0A5180;transform:scale(1.05);transition:.1s}.work-txt:hover,.work-txt:hover a p{color:#0A5180;cursor:pointer}.nav-pills>li.active>a>h2,.work-txt:active p,a:focus p{color:#0A5180}.work-imgblock{position:absolute;bottom:0;height:32em;width:100%}.swiper-area{width:80%!important}.work-img-half{width:100%;height:50%}.work-imgarea{width:100px;height:100px;border:solid}.tab-content{width:100%;height:100%}.tab-pane{height:100%}.cooperation{display:flex;justify-content:center;width:100%;height:70em;background-color:#fff}.cooperation:before{content:'';position:absolute;top:0;transform:translateY(-99%);clip-path:ellipse(60% 70% at 50% 120%);background-color:#fff;height:100px;width:100%}.cooperation-block{top:24em;width:80%;max-width:1000px;height:600px}.cooperation-img1{position:absolute;width:100%}.cooperation-img2{height:100%;max-width:100%;display:none}.liability{display:flex;justify-content:center;width:100%;height:800px;background-color:#B1D2EE}.liability-back{position:absolute;width:100%;max-width:100em;height:100%}.lia-air-area{position:absolute;top:100px;left:100px;width:310px;animation:air 5s infinite}@keyframes air{0%,100%{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px)}50%{transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);-webkit-transform:translateY(5px)}}.lia-cloud-left{position:absolute;top:200px;left:50px;width:160px}.lia-cloud-right{position:absolute;top:150px;right:80px;width:210px}.liability-block{width:90%;max-width:60em;top:10em;height:22em;display:flex;justify-content:center}.liability-block-txt{width:32em;margin:auto;max-width:100%}.liability-main-txt{width:80%;height:43%;min-width:17em}.liability-main-txt h2{font-size:2.4em;color:#343434}.liability-inblock{width:23em;margin:auto}.liability-inblock-area{width:23em;height:21em}.liability-area-cir{position:absolute;width:11em;height:11em;border-radius:99em;background-color:white}.lia-c1{top:0}.lia-c2{position:absolute;left:0;bottom:0}.lia-c3{position:absolute;right:0;bottom:0}.liability-cir-area{width:7em;height:6.8em}.liability-cir-img{width:100%;height:3.5em}.liability-cir-image{height:100%}.liability-cri-txt{position:absolute;bottom:0;height:45px;width:100%}.liability-cri-txt h4{line-height:1.5em;color:#6493BA}.liability-area{width:100%;border:solid white}.liability-area-img-frame{position:absolute;height:70%;width:100%;display:flex;justify-content:center}.liability-area-img{height:100%;width:auto}.liability-area-txt{position:absolute;bottom:0;width:100%;height:30%;display:flex;justify-content:center}.liability-area-txt h3{position:absolute;bottom:0}.liability-block-img{position:absolute;top:500px;width:90%;height:15em}.lia-a{position:absolute;top:0;left:0;width:100%;height:100%}.lia-swiper{top:0;left:0;width:100%}.fancybox-navigation{height:100%}.swiper-container{width:calc(100% - 135px);height:100%}.swiper-slide{text-align:center}.slide-block{position:absolute;width:100%;height:50%}.slide-block-img{position:absolute;width:100%;height:16.5em}.slide-img{width:100%;filter:drop-shadow(3px 3px 6px rgba(0,0,0,0.3))}.swiper-tri-pre{height:43%;width:40%;right:3px;clip-path:polygon(100% 0,0 50%,100% 100%);background-color:#fff}.swiper-tri-post{height:43%;left:3px;width:40%;clip-path:polygon(100% 50%,0 0,0 100%);background-color:#fff}.contact{width:100%;height:48em;background-color:#EFEFEF}.contact-block{position:relative;width:80%;max-width:1180px;height:42em}.contact-inblock{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.contact-area{width:85%;height:66%}.contact-data,.contact-time{width:100%;height:45px;float:left;display:flex;align-items:center}.contact-data{border-bottom:solid .5px #B7B7B7}.contact-data h4{height:100%;display:flex;align-items:center}.contact h4{font-weight:400}.contact-time h4,.contact-area-tit h4{color:#8D8D8D}.contact-area-tit{width:20%;height:100%}.contact-area-inf{width:80%;height:100%;display:flex}.contact-map-txt{width:245px}.contact-map{width:20px;height:100%}.contact-form{width:100%;height:4em;display:flex}#textarea{height:9em}.contact-form-txt{display:flex;align-items:center;width:30%;height:4em}.contact-form-txt h4{text-align:right;width:100%}.contact-form-block{position:absolute;right:0;height:100%;width:65%}.contact-form-inblock{width:95%;height:80%;background-color:white;box-sizing:border-box;border-radius:1em;padding:.5em 1em}.contact-bot{position:absolute;bottom:0;right:0;width:7em;height:2em;background-color:white;border-radius:1em}.footer{width:100%;height:12em;display:flex;justify-content:center;align-items:center;background-color:white}.footer-block{width:80%;height:5em}.footer-txt{position:absolute;bottom:0}.footer-areal{left:0;top:0;width:20em;height:5.5em}.footer-arear{position:absolute;top:0;height:3em;width:13em}.footer-sunny{width:17em}.footer-img{height:4em}.footer-icon{position:absolute;bottom:0}.footer-but{height:100%;width:3em}.footer-cir{width:2em;height:2em;border-radius:5em;background-color:#989898;transition:.3s}.footer-arrow{left:.1em;width:1em;height:1em;clip-path:polygon(0 0,0% 100%,100% 50%);background-color:white}.footer-arear:hover .footer-cir{transition:.3s;background-color:#E9C36C}.sent-txt{position:absolute;bottom:0;right:100px}.button-sent{--text-opacity:1;--success-x:-12;--success-stroke:14;--success-opacity:0;--border-radius:99;--rotate:0;--plane-x:0;--plane-y:0;--plane-opacity:1;--left-wing-background:white;--left-wing-first-x:0;--left-wing-first-y:0;--left-wing-second-x:50;--left-wing-second-y:0;--left-wing-third-x:0;--left-wing-third-y:100;--left-body-background:white;--left-body-first-x:50;--left-body-first-y:0;--left-body-second-x:50;--left-body-second-y:100;--left-body-third-x:0;--left-body-third-y:100;--right-wing-background:white;--right-wing-first-x:50;--right-wing-first-y:0;--right-wing-second-x:100;--right-wing-second-y:0;--right-wing-third-x:100;--right-wing-third-y:100;--right-body-background:white;--right-body-first-x:50;--right-body-first-y:0;--right-body-second-x:50;--right-body-second-y:100;--right-body-third-x:100;--right-body-third-y:100;display:block;cursor:pointer;position:absolute;right:0;border:0;padding:4px 0;min-width:100px;text-align:center;margin:0;background:none;outline:none;color:black;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.button-sent .plane{pointer-events:none;position:absolute}.button-sent .plane{left:0;top:0;right:0;bottom:0;filter:drop-shadow(0 3px 6px var(--shadow));transform:translate(calc(var(--plane-x) * 1px),calc(var(--plane-y) * 1px)) rotate(calc(var(--rotate) * 1deg)) translateZ(0)}.button-sent .plane .left,.button-sent .plane .right{position:absolute;left:0;top:0;right:0;bottom:0;opacity:var(--plane-opacity);transform:translate(calc(var(--plane-x) * 1px),calc(var(--plane-y) * 1px)) translateZ(0)}.button-sent .plane .left:before,.button-sent .plane .left:after,.button-sent .plane .right:before,.button-sent .plane .right:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:calc(var(--border-radius) * 1px);transform:translate(var(--part-x,0.4%),var(--part-y,0)) translateZ(0);z-index:var(--z-index,2);background:var(--background,var(--left-wing-background));-webkit-clip-path:polygon(calc(var(--first-x,var(--left-wing-first-x)) * 1%) calc(var(--first-y,var(--left-wing-first-y)) * 1%),calc(var(--second-x,var(--left-wing-second-x)) * 1%) calc(var(--second-y,var(--left-wing-second-y)) * 1%),calc(var(--third-x,var(--left-wing-third-x)) * 1%) calc(var(--third-y,var(--left-wing-third-y)) * 1%));clip-path:polygon(calc(var(--first-x,var(--left-wing-first-x)) * 1%) calc(var(--first-y,var(--left-wing-first-y)) * 1%),calc(var(--second-x,var(--left-wing-second-x)) * 1%) calc(var(--second-y,var(--left-wing-second-y)) * 1%),calc(var(--third-x,var(--left-wing-third-x)) * 1%) calc(var(--third-y,var(--left-wing-third-y)) * 1%))}.button-sent .plane .left:after{--part-x:0;--z-index:1;--background:var(--left-body-background);--first-x:var(--left-body-first-x);--first-y:var(--left-body-first-y);--second-x:var(--left-body-second-x);--second-y:var(--left-body-second-y);--third-x:var(--left-body-third-x);--third-y:var(--left-body-third-y)}.button-sent .plane .right:before{--part-x:-.4%;--z-index:2;--background:var(--right-wing-background);--first-x:var(--right-wing-first-x);--first-y:var(--right-wing-first-y);--second-x:var(--right-wing-second-x);--second-y:var(--right-wing-second-y);--third-x:var(--right-wing-third-x);--third-y:var(--right-wing-third-y)}.button-sent .plane .right:after{--part-x:0;--z-index:1;--background:var(--right-body-background);--first-x:var(--right-body-first-x);--first-y:var(--right-body-first-y);--second-x:var(--right-body-second-x);--second-y:var(--right-body-second-y);--third-x:var(--right-body-third-x);--third-y:var(--right-body-third-y)}.button-sent span{display:block;position:relative;z-index:4;opacity:var(--text-opacity)}.button-none{display:none}.button-sent span.success{z-index:0;position:absolute;left:0;right:0;top:8px;transform:translateX(calc(var(--success-x) * 1px)) translateZ(0);opacity:var(--success-opacity);color:black}.button-sent span.success svg{display:inline-block;vertical-align:top;width:16px;height:16px;margin:4px 8px 0 0;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14px;stroke:black;stroke-dashoffset:calc(var(--success-stroke) * 1px)}body .dribbble{position:fixed;display:block;right:20px;bottom:20px}body .dribbble img{display:block;width:76px}body .twitter{position:fixed;display:block;right:112px;bottom:14px}body .twitter svg{width:24px;height:24px;fill:white}.line_contact{width:fit-content;position:relative;height:66%}.line_qrcode{position:relative;width:60%;margin-left:50%;transform:translateX(-50%);top:26%}.line_button{position:absolute;bottom:13%;margin-left:50%;transform:translateX(-50%)}.line_word{position:relative;top:6em;width:fit-content;margin:0;left:50%;transform:translateX(-50%)}@media(max-width:1500px){h1{font-size:1.6em}h2{font-size:1.3em}h3{font-size:.7em}h4{font-size:.9em}h5{font-size:12em}p{font-size:1em}.navbar{height:90px}.navbar-all{clip-path:polygon(0 0,100% 0,100% 100%,30px 100%,0 60px)}.nav-area{height:60px}.nav-wo-img{width:50px;height:10px}.nav-icon:hover .wo{height:35px;top:-2px}.nav-icon:hover .nav-lia-cir{width:22px;height:22px}.nav-icon-img{height:calc(100% - 30px)}.overlay-icon{margin:auto;width:30px}.main-title{top:6em}.main{max-height:60em;min-height:800px}.main-back{height:6em}.main-title-txt{width:24em}.main-txt{height:13em}.main-txt1{width:14em}.button div{width:27em;height:7em}.main-contactus{right:0;bottom:2em}.main-con-block{width:4em;height:4em;border-radius:1em 1em 0}.aboutus{height:80em}.aboutus-block{top:16em}.aboutus-area span{width:58em;height:51em}.aboutus-big-img{width:22em}.aboutus-txt-area{width:53em}.aboutus-txt{width:33em}.aboutus-txt p{font-size:1em}.aboutus-half-img{height:10em}.aboutus-num{height:5em}.aboutus-half-area{height:80%}.aboutus-half-txt h3{font-size:.8em}.service{height:115em}.line-top{top:14.5em}.service-block{top:18em}.scroll-counter,.symbol{font-size:4em}.swiper-pagination span{width:12px;height:12px}.work{height:75em}.work-block{height:36em;top:15em}.work-txt-block{height:15%}.work-img-block{height:75%}.work-imgblock{height:25em}.slide-block-img{height:12.5em}.cooperation-block{top:19em}.process .button div{width:15em;height:5em}.process-area{width:7em;height:10em}.process-area-img{width:5em}.process-img2{width:55px}.process-img3{width:190px;height:50px}.liability-cir-area{height:5.8em}.liability-cir-img{height:2.5em}.liability-main-txt h2{font-size:1.8em}.liability-inblock-area{width:19em;height:18em}.liability-area-cir{width:9em;height:9em}.liability-block{max-width:60em}.liability-block-img{height:11em}.contact-map-txt{width:175px}.footer{height:9em}}@media(max-width:1100px){.main-txt{top:24em}.process-block{width:80%;overflow:scroll}.main{min-height:740px}.main-txt{top:15em}.main-back-left,.process-block:after,.process-block:before,.process-block-right,.liability-back{display:none}.process-pag{display:block}.slide-w1{display:-webkit-box}#work4-prev,#work4-next,#work7-prev,#work7-next{display:flex}}@media(max-width:900px){.nav-bot,.aboutus-big-img,.aboutus-area:before,.aboutus-area:after,.nav-href .overlay-icon{display:none}.overlay-icon{width:55px}.burger{display:block}#work8-prev,#work8-next{display:flex}.aboutus-txt-area{display:flex;justify-content:center}}@media (max-width:800px){.aboutus-half .swiper-button-prev,.aboutus-half .swiper-button-next{display:flex}.swiper-pagination,.cooperation-img2,#abo-pagination span{display:block}.half-bottom .swiper-container{width:100%}.process-block-svg,.work-back-star1,.work-back-star2,.cooperation-img1{display:none}.nav-area{height:50px}.work-txt{width:50%}.work-block{height:42em}.work-txtblock{height:16em}.nav{height:fit-content;min-width:inherit;width:100%}.nav>li>a{height:3em}.contact{height:62em}.contact-block{display:block;height:56em;width:90%}.contact-inblock{width:100%;height:50%}.contact-area{height:100%;width:30em;max-width:100%}.contact-left{width:19em;max-width:100%}.line_contact{width:100%;height:40%}.line_word{top:inherit}.line_qrcode{width:25%;top:5%}.line_button{bottom:18%}}@media (max-width:600px){.main{min-height:800px;height:90vh}.main-back{top:9em}.main-txt{width:90%;top:16em}.main-img-block-all{width:100%}.main-img-car{width:90%}.main-gress{width:80%;right:3.5%}.main-car{width:19%}.button div{width:18em;height:6em;padding:.4em 1em}.main-title h1{font-size:13pt}.aboutus-txt,.process-block{width:95%}.service{height:132em}.service-img{height:200px}.service-txt{height:10em}.service-block{height:72em}.service-num h1{font-size:7em}.service-area{display:block}.service-area-left,.service-area-right{position:relative;width:100%}.service-area-txt{text-align:center!important;top:auto;max-width:500px}.process-img2{left:5%}.process-img3{right:20px;width:150px;height:40px}.liability-block{display:block;top:5em;max-width:100%}.liability-inblock{margin-top:2em;width:100%}.liability-inblock-area{width:17em;height:16em}.liability-area-cir{width:8em;height:8em}.footer-sunny{width:9em}.footer-but{width:2em}.footer-cir{width:1.5em;height:1.5em}.footer-arrow{width:.8em;height:.8em}.service-line,.service-line-img,.line-top,.line-bot,.process-img1,.liability-back{display:none}#work3-prev,#work3-next,.slide-w3,.slide-w10{display:-webkit-box}.contact{height:55em}.contact-block{top:5%}.line_qrcode{width:50%}.line_button{bottom:-2%}}@media (max-width:400px){.slide-work6{display:-webkit-box}#work6-prev,#work6-next{display:flex}.service{height:140em}.service-txt{height:14em}.service-block{height:82em}.swiper-button-next,.swiper-button-prev,.aboutus-half .swiper-button-next,.aboutus-half .swiper-button-prev{width:30px;height:30px}.work-txt h2{transform:scale(.8)}.slide-block-img{height:11.5em}.cooperation-img2{position:absolute;top:0;width:100%;height:auto}.liability-block-img{height:14em}.line_button{bottom:16%}}@media (max-width:300px){.main-back{display:none}.main-txt{top:7em}.main-img-all{height:460px}.main-img-car{bottom:5.5em}.slide-img{width:14em}.footer-block{width:92%}.fo0ter-areal{width:17em}.contact{height:60em}}