html,body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;overflow-y:scroll}.main{top:0;left:0;position:absolute;max-width:1920px;margin:0 auto;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;left:50%;transform:translateX(-50%)}.banner .small-title,.cont-center .small-title{visibility:visible;opacity:0;transition:all, opacity 1s ease-in-out}.banner .title,.banner .copy,.cont-center .title,.cont-center .copy{visibility:visible;opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.banner .btn,.cont-center .btn{visibility:visible;opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1s ease-in-out, transform 1s ease-in-out}.banner.anm .small-title,.cont-center.anm .small-title{visibility:visible;opacity:1;transition:all, opacity 1s ease-in-out}.banner.anm .title,.cont-center.anm .title{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.banner.anm .copy,.cont-center.anm .copy{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s}.banner.anm .btn,.cont-center.anm .btn{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s}.contact-txt-wrap h2,.contact-txt-wrap p{opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.contact-txt-wrap.anm h2{transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.contact-txt-wrap.anm p{transition:all, opacity 1.2s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s}.contact-txt-wrap.anm h2,.contact-txt-wrap.anm p{transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);opacity:1}footer ul li,footer p{opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}footer.anm ul li,footer.anm p{opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}footer.anm p{transition:all, opacity 1.2s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s}:root{--color-black:#111111;--color-white:#f4f4f4;--section-padding:150px 0}.pop-up{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);z-index:-1;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:all .5s;display:none}.pop-up .close{position:absolute;top:40px;right:58px;width:58px}.pop-up p{color:var(--color-white)}.pop-up.show{display:flex;opacity:1;z-index:9999}section{position:relative}.banner{width:100%;height:100vh;max-width:1920px;margin:0 auto;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.banner .small-title{text-align:center}.banner .title{color:var(--color-black);text-align:center;margin:20px 0}.banner .copy{color:var(--color-black);text-align:center;max-width:70%}.cont-center{width:100%;max-width:1920px;margin:0 auto;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.cont-center .small-title{text-align:center}.cont-center .title{text-align:center;margin:20px 0}.cont-center .copy{text-align:center;max-width:70%}html{width:100%;overflow-x:hidden}body{line-height:1.6;background-color:var(--color-black);max-width:1920px;margin:0 auto;overflow-x:hidden}.menu-wrap{position:fixed;width:50%;height:100%;top:0;right:-55%;background-color:rgba(0,0,0,0.8);z-index:999;transition:all 1s}.menu-wrap.show{right:0;opacity:1}.menu-wrap.show .close-x{opacity:1}.menu-wrap .close-x{cursor:pointer;position:absolute;width:60px;height:60px;top:28px;right:16px;opacity:0;transition:all 1s .8s}.menu-wrap .close-x::before,.menu-wrap .close-x::after{content:'';position:absolute;width:100%;height:2px;background-color:#fff;top:50%;left:0}.menu-wrap .close-x::before{transform:rotate(45deg)}.menu-wrap .close-x::after{transform:rotate(-45deg)}.menu-wrap .cont{margin-top:100px;position:relative;width:100%;height:calc(100vh - 100px)}.menu-wrap .cont ul{position:relative;height:100%;padding:50px}.menu-wrap .cont ul li{color:#FFF;line-height:normal;height:14%}.menu-wrap .cont ul li a{color:var(--color-white);text-decoration:none;position:relative}.menu-wrap .cont ul li a .line-menu{position:absolute;width:0;height:3px;background-color:#299694;bottom:0;transition:all .3s}.menu-wrap .cont ul li a .line-menu.bm{bottom:-8px}.menu-wrap .cont ul li a .line-menu.anm{width:100%}.menu-wrap .cont ul li a:hover .line-menu{width:100%}.menu-wrap .cont ul li a:visited{color:var(--color-white)}.menu-wrap .cont ul li a:hover{color:#299694}header{position:fixed;background:var(--color-black);height:100px;display:flex;justify-content:space-between;align-items:center;z-index:999;width:100%;max-width:1920px;left:50%;transform:translateX(-50%);top:0}header img{height:50px;margin-left:80px}.hamburger{cursor:pointer;position:absolute;top:50%;right:58px;transform:translateY(-50%);width:58px;height:auto}.hamburger span::before{position:absolute;top:-14px}.hamburger span::after{position:absolute;bottom:-14px}.hamburger.active{position:fixed;top:50px;transform:none;z-index:999}.hamburger.active span{background:transparent}.hamburger.active span::before{transform:rotate(45deg);top:0}.hamburger.active span::after{transform:rotate(-45deg);bottom:0;top:0}.hamburger span,.hamburger span::before,.hamburger span::after{background:#fff;content:'';display:block;height:2px;width:100%;margin:14px 0;transition:all 0.3s ease}.btn{color:white;border:none;padding:0.6rem 1.2rem;cursor:pointer;border-radius:4px;text-decoration:none;display:inline-flex;padding:15px 60px;justify-content:center;align-items:center;gap:10px;border-radius:60px;background:#299694;color:var(--color-white);text-align:center;font-family:'Inter';font-size:1.875vw;font-style:normal;font-weight:200;line-height:normal;margin-top:60px}.btn.hover{transform:scale(1.1) !important;transition:all .5s !important}.btn-wrap{text-align:center}.contact{padding:140px 160px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.contact .contact-txt-wrap{margin-right:220px}.contact .contact-txt-wrap h2{color:var(--color-white);margin-bottom:30px}.contact .contact-txt-wrap p{color:var(--color-white);margin-bottom:40px}.contact .contact-txt-wrap p span{display:flex;align-items:center}.contact .contact-txt-wrap p span img{width:22px;margin-right:5px}.contact .form-wrap{flex:1 1 300px}.contact input,.contact .error-tip{width:100%;padding:0.5rem;margin:0.5rem 0;border:none;border-bottom:1px solid #ccc;background:transparent;color:#fff;height:60px;line-height:60px}.contact input.err,.contact input.err::placeholder,.contact .error-tip.err,.contact .error-tip.err::placeholder{color:#e20613}.contact .error-tip{border-bottom:navajowhite;color:#e20613}.contact .btn{margin-top:0}footer{color:var(--color-black);max-height:700px;height:36.45833vw;background-image:url(../images/footer_bg.jpg);background-position:50% 50%;background-size:cover;padding:4% 8%}footer .footer-logo{float:left;width:30%}footer .footer-logo img{width:250px}footer ul{float:left;width:70%;list-style:none;padding:0;margin-top:50px}footer ul li{margin-bottom:50px;width:33%;float:left;cursor:pointer}footer ul li a{color:var(--color-black);text-decoration:none}footer ul li a:hover{color:var(--color-black)}footer ul li a:visited{color:var(--color-black)}footer p{margin-left:30%;width:100%;margin-top:100px;float:left}.next-wrap{position:absolute;width:auto;bottom:24px;display:flex;align-items:center;left:160px;border-radius:60px;overflow:hidden;cursor:pointer;z-index:1;padding-right:30px}.next-wrap img{width:3.64583vw;max-width:70px;margin-right:25px;z-index:1}.next-wrap p{color:var(--color-white);z-index:1}.next-wrap .bg{position:absolute;width:0;bottom:24px;display:flex;align-items:center;background:#299694;border-radius:60px;overflow:hidden;height:100%;left:0;top:0;z-index:0;transition:all 1s ease-in-out}.next-wrap:hover .bg{width:101%}.banner .small-title,.cont-center .small-title{color:#bb1b1b;font-family:'Libre Baskerville';font-style:italic;font-weight:400;line-height:normal}.pop-up p,.banner .title,.cont-center .title,.menu-wrap .cont ul li,.contact .contact-txt-wrap h2,footer ul li,footer p,.scroll-list ul .news-item .news-content .title,.details-cont .cont-title,.details-cont .txt-left .title,.details-cont .txt-right .title,.details-cont .all-txt-or-img .title,.details-cont .txt span{font-family:'Inter Medium';font-style:normal;font-weight:500;line-height:normal}.banner .copy,.cont-center .copy,.btn,.contact .contact-txt-wrap p,.contact input,.contact .error-tip,.next-wrap p,.scroll-list ul .news-item .news-content .date,.scroll-list ul .news-item .news-content .desc,.details-cont p,.details-cont .cont-date,.details-cont .txt-left .txt,.details-cont .txt-right .txt,.details-cont .all-txt-or-img .txt,.details-cont .txt{font-family:'Inter ExtraLight';font-style:normal;font-weight:200;line-height:normal}.banner .copy,.cont-center .copy{line-height:1.4}::-webkit-scrollbar{width:0.1px;height:1px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-thumb:hover{background:transparent}@media screen and (max-width: 1336px){.next-wrap{margin-left:0;left:80px}.next-wrap img{width:6.83594vw}.next-wrap:hover .bg{width:0}.menu-wrap{width:70%;right:-75%}.contact{padding:75px 40px}.contact .contact-txt-wrap{width:100%;margin-right:0}.contact .contact-txt-wrap p span img{width:32px}.contact input{height:105px;line-height:105px}footer{height:68.84766vw;background-image:url(../images/footer_bg_ipad.jpg)}footer .footer-logo{width:100%;margin-top:40px}footer .footer-logo img{width:180px}footer ul{float:none;width:100%;margin-top:180px}footer ul li{margin-bottom:50px;width:33%}footer p{margin-left:0;width:100%;margin-top:30px}}.footer-pc{display:block}.footer-mob{display:none}@media (max-width: 768px){.footer-pc{display:none}.footer-mob{display:block}:root{--section-padding:75px 0}.next-wrap{margin-left:0;left:50%;width:auto;transform:translateX(-50%);bottom:50px}.next-wrap img{width:9.33333vw;margin-right:20px}.next-wrap:hover .bg{width:0}header{height:60px;display:flex}header img{height:25px;margin-left:20px}.hamburger{right:20px;width:30px}.hamburger.active{top:20px}.hamburger span,.hamburger span::before,.hamburger span::after{margin:12px 0}.hamburger span::before{top:-12px}.hamburger span::after{bottom:-12px}.menu-wrap .cont ul li{font-size:6.93333vw}.menu-wrap{width:100%;right:-100%}.contact{padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;width:92%;margin:100px auto 0}.contact .btn{margin-top:40px;margin-bottom:80px}.contact input{padding-left:20px;height:55px;line-height:55px}.contact .contact-txt-wrap p span{display:flex;align-items:center}.contact .contact-txt-wrap p span img{width:32px}footer{height:169.06667vw;background-image:url(../images/footer_bg_mobile.png);padding:12% 14%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}footer .footer-logo{width:43%;margin-top:0;margin-bottom:12vw}footer .footer-logo img{width:100%}footer ul{margin-top:0}footer ul li{width:100%;margin-bottom:10px}footer ul li:nth-child(3n){margin-bottom:40px}footer p{margin-left:0;margin-top:0}}.banner .title,.contact .contact-txt-wrap h2{font-size:3.95833vw}.pop-up p,.banner .small-title,.cont-center .small-title{font-size:1.875vw}.banner .copy,.cont-center .copy,.btn,.next-wrap p{font-size:1.875vw}.cont-center .title{font-size:2.91667vw}.contact input,.contact .error-tip,footer ul li,footer p{font-size:1.25vw}.contact .contact-txt-wrap p{font-size:1.25vw}.menu-wrap .cont ul li{font-size:2.91667vw}.scroll-list ul .news-item .news-content .title{font-size:1.25vw}.scroll-list ul .news-item .news-content .title{font-size:1.25vw}.scroll-list ul .news-item .news-content .date,.scroll-list ul .news-item .news-content .desc{font-size:.9375vw}@media screen and (min-width: 1920px){.banner .title,.contact .contact-txt-wrap h2{font-size:76px}.pop-up p,.banner .small-title,.cont-center .small-title{font-size:36px}.banner .copy,.cont-center .copy,.btn,.next-wrap p{font-size:36px}.cont-center .title{font-size:56px}.contact input,.contact .error-tip,footer ul li,footer p{font-size:24px}.contact .contact-txt-wrap p{font-size:24px}.menu-wrap .cont ul li{font-size:56px}.scroll-list ul .news-item .news-content .title{font-size:24px}.scroll-list ul .news-item .news-content .date,.scroll-list ul .news-item .news-content .desc{font-size:18px}}@media screen and (max-width: 1336px){.banner .title,.contact .contact-txt-wrap h2{font-size:5.27344vw}.pop-up p,.banner .small-title,.cont-center .small-title{font-size:3.51562vw}.banner .copy,.cont-center .copy,.btn,.next-wrap p{font-size:2.92969vw}.cont-center .title{font-size:4.6875vw}.contact input,.contact .error-tip,footer ul li,footer p{font-size:2.34375vw}.contact .contact-txt-wrap p{font-size:3.125vw}.menu-wrap .cont ul li{font-size:4.6875vw}.scroll-list ul .news-item .news-content .title{font-size:1.95312vw}.scroll-list ul .news-item .news-content .date,.scroll-list ul .news-item .news-content .desc{font-size:1.5625vw}}@media screen and (max-width: 768px){.banner .title,.contact .contact-txt-wrap h2{font-size:6.93333vw}.pop-up p,.banner .small-title,.cont-center .small-title{font-size:4vw}.banner .copy,.cont-center .copy,.btn,.next-wrap p{font-size:4vw}.cont-center .title{font-size:6.4vw}.contact input,.contact .error-tip,footer ul li,footer p{font-size:4.26667vw}.contact .contact-txt-wrap p{font-size:4.26667vw}.menu-wrap .cont ul li{font-size:6.93333vw}.scroll-list ul .news-item .news-content .title{font-size:3.2vw}.scroll-list ul .news-item .news-content .date,.scroll-list ul .news-item .news-content .desc{font-size:2.4vw}}.cont-center{background-image:url(../images/news/new_banner_bg.png);padding:var(--section-padding);margin-top:100px}.cont-center .title,.cont-center .copy{color:var(--color-white)}.scroll-list{width:100%;max-width:1920px;margin:0 auto;padding:80px 60px;position:relative}.scroll-list ul{display:flex;flex-wrap:wrap;height:auto;max-height:calc(570 / 1920 * 100vw * 2 + 155px);overflow-y:scroll;margin:0 auto}.scroll-list ul .news-item{cursor:pointer;width:calc(33.33% - 40px);box-sizing:border-box;height:29.6875vw;max-height:570px;margin:0 20px 80px}.scroll-list ul .news-item .news-img{height:15.625vw;max-height:300px}.scroll-list ul .news-item .news-img img{width:100%;height:100%;object-fit:cover}.scroll-list ul .news-item .news-content{display:flex;padding:1.5625rem 2.0833rem 2.6042rem 2.0833rem;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0;border-right:1px solid rgba(244,244,244,0.5);border-bottom:1px solid rgba(244,244,244,0.5);border-left:1px solid rgba(244,244,244,0.5);background:rgba(255,255,255,0.1);min-height:254.66px}.scroll-list ul .news-item .news-content .title{color:var(--color-white);overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.scroll-list ul .news-item .news-content .date,.scroll-list ul .news-item .news-content .desc{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--color-white)}.news-top{width:90px;height:90px;aspect-ratio:1/1;position:absolute;right:35px;bottom:80px;cursor:pointer}.details-cont{display:none;width:80%;margin:0 auto;padding:20px 30px;color:var(--color-white)}.details-cont .line{width:1px;height:1px;background:#fff;opacity:.5}.details-cont p{font-size:17px;line-height:1.7}.details-cont .cont-title{font-size:41px;text-align:center;max-width:90%;margin:100px auto 20px}.details-cont .cont-date{font-size:17px;line-height:28.9px;text-align:center;margin:0 auto 20px;width:100%;padding-bottom:20px;border-bottom:1px solid rgba(244,244,244,0.5)}.details-cont .txt-left,.details-cont .txt-right,.details-cont .all-txt-or-img{margin-bottom:50px}.details-cont .txt-left .title,.details-cont .txt-right .title,.details-cont .all-txt-or-img .title{font-size:17px;text-align:left;margin-bottom:20px}.details-cont .txt-left .txt,.details-cont .txt-right .txt,.details-cont .all-txt-or-img .txt{font-size:17px;text-align:left;line-height:1.7}.details-cont .all-txt-or-img{width:100%}.details-cont .all-txt-or-img img{width:100%}.details-cont .txt-left,.details-cont .txt-right{display:flex;flex-wrap:wrap;justify-content:space-between}.details-cont .txt-left a:hover,.details-cont .txt-left a:visited,.details-cont .txt-left a:link,.details-cont .txt-right a:hover,.details-cont .txt-right a:visited,.details-cont .txt-right a:link{color:var(--color-white);text-decoration:none}.details-cont .txt-left.txt-center,.details-cont .txt-right.txt-center{align-items:center}.details-cont .txt-left .img,.details-cont .txt-left .txt,.details-cont .txt-right .img,.details-cont .txt-right .txt{width:calc(50% - 25px)}.details-cont .txt-left .img img,.details-cont .txt-left .txt img,.details-cont .txt-right .img img,.details-cont .txt-right .txt img{width:100%}.details-cont .txt-left .img img.small-img,.details-cont .txt-left .txt img.small-img,.details-cont .txt-right .img img.small-img,.details-cont .txt-right .txt img.small-img{width:60%;display:block;margin:0 auto}.details-cont .txt-left .title,.details-cont .txt-right .title{font-size:17px;text-align:left;margin-bottom:20px}.details-cont .txt-left .txt,.details-cont .txt-right .txt{font-size:17px;line-height:28.9px;text-align:left}.details-cont .txt{font-size:17px;line-height:28.9px;text-align:left}.details-cont .txt span{font-weight:bolder;display:block;margin-bottom:20px}.details-cont .txt span.hasline{text-decoration:underline}@media (max-width: 1336px){.cont-center{background-image:url(../images/news/new_banner_bg_ipad.png)}.news-top{position:relative;margin-left:auto;margin-top:110px;margin-right:0}.scroll-list{padding:80px 60px 0}.scroll-list ul{max-height:calc(500 / 1024 * 100vw * 3 + 150px);max-height:1640px;overflow-y:scroll;margin:0 auto}.scroll-list ul .news-item{width:calc(50% - 25px);height:48.82812vw;max-height:500px;margin:0 12.5px 50px}.scroll-list ul .news-item .news-img{height:25.87891vw;max-height:265px}.scroll-list ul .news-item .news-content{min-height:221.66px}.scroll-list ul .news-item .news-content .desc{-webkit-line-clamp:3}}@media (max-width: 768px){.cont-center{background-image:url(../images/news/new_banner_bg_mobile.png);margin-top:60px}.scroll-list{padding:80px 60px 0}.scroll-list ul{max-height:calc(590 / 750 * 100vw * 6 + 250px);max-height:3780px}.scroll-list ul .news-item{width:calc(100%);height:78.66667vw;max-height:500px;margin:0 0 50px}.scroll-list ul .news-item .news-img{height:40vw;max-height:300px}.scroll-list ul .news-item .news-content{min-height:171.66px}.news-top{position:relative;margin-left:auto;margin-top:110px;margin-right:0;width:22%;height:auto;right:10px}.news-top img{width:100%}.contact{margin:0 auto}.details-cont{width:94%}.details-cont .cont-title{max-width:100%;margin:50px auto 20px}.details-cont .txt-left .img,.details-cont .txt-left .txt,.details-cont .txt-right .img,.details-cont .txt-right .txt{width:100%}.details-cont .txt-left .txt,.details-cont .txt-right .txt{margin-top:30px}.details-cont .cont-title{font-size:25px}}
