@charset "UTF-8";
.c-intro{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:space-between;width:100%}.c-intro__box{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(50% - 25px);max-width:720px}.c-intro__box:last-child{margin:0}.c-intro__box__item{display:block;width:100%;margin:0 0 15px 0}.c-intro__box__item.wow{animation-name:fadeInUp}.c-intro__box__item:last-child{margin:0}.c-intro__box__item__title{display:block;width:100%;margin:0px 0 10px 0;font-size:17px;line-height:2;color:var(--titleColor);font-family:'NotoSansTC-M';letter-spacing:.5px}.c-intro__box__item__text{margin:0 0 15px 0;line-height:2.3;color:#10193999}.c-intro__box__item__text:last-child{margin:0}.c-intro__box__btGroup{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;margin:auto 0 0 0}.c-intro__box__btGroup.wow{animation-name:fadeInUp}.c-intro__box__btGroup__bt{max-width:200px}@media screen and (max-width:991px){.c-intro{display:block}.c-intro__box{display:block;width:100%;max-width:none;margin:0 0 15px 0}.c-intro__box__bt[class^="c-bt"]{margin:60px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-intro__box{margin:0 0 15px 0}.c-intro__box__bt[class^="c-bt"]{margin:30px 0 0 0;max-width:160px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-case{display:block;width:100%;padding:0 0 35px 0;flex:0 0 auto}.c-case.wow{animation-name:fadeInUp}.c-case__pic{display:block;width:100%;margin:0 0 30px 0}.c-case__pic__cover{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;font-size:15px;line-height:1;color:#fff;font-family:'Montserrat-M','NotoSansTC-M';letter-spacing:.5px;background:#101939cc;opacity:0;transition:opacity .4s ease-in-out}.c-case__pic__cover::before{content:'READ MORE';display:block;width:auto;max-width:100%}.c-case__pic__cover::after{content:'';position:relative;display:block;width:.9em;height:.9em;margin:0 0 0 15px;background:linear-gradient(to top,#fff 0%,#fff 100%) center / 100% 1px no-repeat,linear-gradient(to top,#fff 0%,#fff 100%) center /1px 100% no-repeat;flex:0 0 auto}.c-case:hover .c-case__pic__cover{opacity:1}.c-case__content{display:block;width:100%}.c-tag{margin:0 0 5px 0}.c-case:hover .c-tag__item{animation:buttonBgMoveHorizon 3s linear infinite}.c-case__content__title{display:block;width:100%;font-size:18px;line-height:1.2;color:var(--titleColor);font-family:'NotoSerifTC-B';letter-spacing:.5px}.c-case__content__text{margin:10px 0 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.c-case__link{position:absolute;bottom:0;left:0;display:flex;align-items:flex-end;align-content:flex-end;justify-items:flex-start;justify-content:flex-start;width:100%;height:100%;font-size:15px;line-height:1;color:var(--mainColor);font-family:'Montserrat-M','NotoSansTC-M';z-index:10}.c-case__link::before{content:'READ MORE';display:block;width:auto;max-width:100%;color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.c-case__link::after{content:'';position:relative;display:block;width:.9em;height:.9em;margin:0 0 0 15px;background:linear-gradient(to top,var(--mainColor) 0%,var(--mainColor) 100%) center / 100% 1px no-repeat,linear-gradient(to top,var(--mainColor) 0%,var(--mainColor) 100%) center /1px 100% no-repeat;flex:0 0 auto}@media screen and (max-width:991px){.c-case__pic__cover{display:none}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-case{padding:0 0 30px 0}.c-case__pic{margin:0 0 20px 0}.c-case__link{margin:20px 0 0 0}}@media (any-hover:hover){@media screen and (min-width:992px){.c-case{padding:0}.c-case__link{opacity:0}}}@media (any-hover:none){.c-case__pic__cover{display:none}}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-recommend{display:block;width:100%}.c-recommend__head{display:block;width:100%;margin:0 auto 70px auto}.c-recommend__head.wow{animation-name:fadeInUp}.c-recommend__body{display:block;width:100%}.c-recommend__body.wow{animation-name:fadeInUp}.c-recommend__body__box{left:-25px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 50px);overflow:hidden}.c-recommend__body__box.slick-slider{display:block}.c-recommend__body__box .c-case{width:calc(33.33% - 50px);margin:0 25px}@media screen and (max-width:1200px){.c-recommend__body__box{left:-20px;width:calc(100% + 40px)}.c-recommend__body__box .c-case{width:calc(50% - 40px);margin:0 20px}}@media screen and (max-width:991px){}@media screen and (max-width:767px){.c-recommend__head{padding:0}.c-recommend__body{left:-30px;width:calc(100% + 60px)}.c-recommend__body__box{left:0;width:100%}.c-recommend__body__box .c-case{width:calc(100% - 60px);margin:0 30px}}@media screen and (max-width:575px){.c-recommend__head{margin:0 auto 25px auto}.c-recommend__body{left:-20px;width:calc(100% + 40px)}.c-recommend__body__box .c-case{width:calc(100% - 40px);margin:0 20px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.banner{display:block;width:100%;height:100vh;min-height:750px;background:var(--titleColor);overflow:hidden;z-index:10}.banner::after{content:'';position:absolute;bottom:0;left:0;display:none;width:6783px;height:133px;background:url(/assets/images/index/index_banner_wave.svg) top left/auto 100% repeat-x;animation:bannerWave 12s linear infinite;will-change:transform;pointer-events:none}.banner__box{display:block;width:100%;height:100%}.banner__box .slick-list,.banner__box .slick-track{height:100%}.banner__box__item{display:block;width:100%;height:100%}.banner__box__item__bg{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%}.banner__box__item__bg::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,#153793 38%,#5dc4ee 100%);opacity:.5}.banner__box__item__bg.wow{animation-name:fadeIn}.banner__box__item__bg img,.banner__box__item__bg video{object-fit:cover;object-position:center;height:100%}.banner__box__item__content{position:absolute;bottom:0;left:max(60px,calc(50% - 860px));display:block;width:calc(100% - 120px);max-width:1720px;min-height:520px;padding:0 30px 200px 0;color:#fff;font-family:'Montserrat','NotoSerifTC'}.banner__box__item__content.wow{animation-name:fadeIn}.banner__box__item__content__title{display:block;width:100%;font-size:80px;line-height:1.125;color:inherit;font-family:inherit}.banner__box__item__content__text{display:block;width:100%;margin:15px 0 0 0;font-size:25px;line-height:1.4;color:inherit;font-family:inherit;letter-spacing:.5px}.banner__box__item__content__bt{height:60px;max-width:150px;margin:30px 0 0 0}.banner__srcollDown{position:absolute;bottom:0;right:max(60px,calc(50% - 860px));display:block;width:12px;font-size:14.6px;line-height:1;color:#fff;font-family:'Montserrat-M','NotoSerifTC';letter-spacing:.5px}.banner__srcollDown::before{content:'SCROLL';position:relative;display:block;width:auto;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.banner__srcollDown__line{display:block;width:1px;height:235px;margin:25px auto 0 auto;background:#ffffff4d}.banner__srcollDown__line::after{content:'';position:absolute;top:0;left:calc(50% - 5px);display:block;width:10px;height:10px;background:#fff;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);will-change:top;animation:scrollDown 2s ease-in-out infinite;overflow:hidden}.index-service{left:-22.5px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 45px)}.index-service__item{display:block;width:calc(33.33% - 45px);margin:0 22.5px}.index-service__item.wow{animation-name:fadeInUp}.index-service__item__pic{display:block;width:100%}.index-service__item__pic::after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(3deg,#153793 14%,#5dc4ee80 50%,#5dc4ee00 70%);opacity:.8}.index-service__item__content{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-end;justify-content:flex-end;width:100%;height:100%;padding:25px;line-height:1.2;color:#fff;font-family:'Montserrat-M','NotoSerifTC-M';letter-spacing:.5px}.index-service__item__content__sub{display:block;width:100%;margin:0 0 10px 0;font-size:12px;line-height:inherit;color:#ffffff99;font-family:inherit;text-transform:uppercase}.index-service__item__content__title{display:block;width:100%;font-size:25px;line-height:inherit;color:inherit;font-family:inherit;letter-spacing:.5px}.index-service__item__content__tag{display:block;width:100%;margin:20px 0 0 0;font-size:15px;line-height:inherit;color:inherit;font-family:'NotoSansTC'}.index-service__item__content__tag__item{display:inline-block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.index-service__item__content__tag__item::after{content:'、'}.index-service__item__content__tag__item:last-child::after{display:none}.index,.index__box{display:block;width:100%;overflow:hidden}.index__box{margin:240px auto}.index__box__bg{position:absolute;top:50%;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:calc(100% + 640px);transform:translateY(-50%);pointer-events:none;user-select:none;filter:url(#waterWave)}.index__box__bg img{width:calc(100% + 50px);min-width:1920px;height:100%}.index__box__inner__head{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:100%;margin:0 auto 70px auto}.index__box__inner__head.wow{animation-name:fadeInUp}.index__box__inner__head__title{max-width:50%;flex:0 1 auto}.index__box__inner__head__text{display:block;width:100%;max-width:calc(50% - 20px);margin:0 0 0 20px;font-size:17px;line-height:1.75;color:var(--textColor);font-family:inherit;text-align:right;letter-spacing:.5px}.index__box__inner__head__tool{display:flex;align-items:center;align-content:center;justify-items:flex-end;justify-content:flex-end;width:100%;max-width:calc(50% - 20px);margin:0 0 0 20px}.index__box__inner__head__tool.wow{animation-name:fadeInUp}.index__box__inner__head__tool .c-slickBt{margin:0 0 0 15px}.index__box__inner__head__tool .c-slickBt:first-child{margin:0}.index__box__inner__head__tool__more{max-width:200px;margin:0 0 0 40px}.index__box__inner__body{display:block;width:100%}.index__box__inner__body.wow{animation-name:fadeInUp}.index__box__inner__body__slick{left:-25px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 50px)}.index__box__inner__body__slick .slick-arrow{opacity:0;pointer-events:none}.index__box__inner__body__slick.slick-slider{display:block}.index__box__inner__body__slick .c-case{width:calc(33.33% - 50px);margin:0 25px}.index__box[data-style="water"],.index__box[data-style="water"] .index__box__inner{overflow:visible}.index__about{display:block;width:100%;margin:190px auto 140px auto;overflow:hidden}.index__about__inner__title{margin:0 0 55px 0}.index__about__inner .c-intro{margin:0 auto 90px auto}.index__about__inner__area{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:100%}.index__about__inner__area__box{display:block;width:calc(50% - 25px);max-width:720px;flex:0 1 auto}.index__about__inner__area__box.wow{animation-name:fadeInUp}.index__about__inner__area__box[data-type="chart"]{width:615px;margin:0 60px 0 0;padding:.5px 0;flex:0 0 auto}.index__about__inner__area__box__chart{display:block;width:100%;max-width:420px;margin:75px auto 90px auto}.index__about__inner__area__box__chart::before{content:'';position:relative;display:block;width:100%;padding:100% 0 0 0;border-radius:50%;border:1px solid #d4ddf2}.index__about__inner__area__box__chart.wow{opacity:1;visibility:visible}.index__about__inner__area__box__chart__center{position:absolute;top:50%;left:50%;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:600px;height:600px;transform:translate(-50%,-50%);pointer-events:none;user-select:none}.index__about__inner__area__box__chart__center__logo{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:150px}.index__about__inner__area__box__chart__item{position:absolute;display:block;width:196px;transform-origin:center;z-index:10}.index__about__inner__area__box__chart__item::before{content:'';position:relative;top:0;left:0;display:block;width:100%;padding:100% 0 0 0;background:url(/assets/images/index/index_about_chart_bg.png) center/contain no-repeat,radial-gradient(ellipse at center,#f4f4f4 calc(70% - .5px),#f4f4f400 70%);pointer-events:none}.index__about__inner__area__box__chart__item__content{position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden}.index__about__inner__area__box__chart__item__content__icon{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:50px;height:50px;margin:0 auto 20px auto;background:linear-gradient(-45deg,#153793 14%,#5dc4ee 100%);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.index__about__inner__area__box__chart__item__content__text{display:block;width:100%;margin:0 auto;font-size:min(16px,4.3vw);line-height:1.25;color:transparent;font-family:inherit;text-align:center;letter-spacing:.5px;background:linear-gradient(-45deg,#153793 14%,#5dc4ee 100%);background-clip:text;-webkit-background-clip:text}.index__about__inner__area__box__chart.wow .index__about__inner__area__box__chart__item{transition:transform 1s .4s ease-out;transform:scale(0)}.index__about__inner__area__box__chart__item:nth-child(1){top:-73px;left:calc(50% - 98px)}.index__about__inner__area__box__chart__item:nth-child(2){top:70px;right:-125px}.index__about__inner__area__box__chart.wow .index__about__inner__area__box__chart__item:nth-child(2){transition-delay:.6s}.index__about__inner__area__box__chart__item:nth-child(3){bottom:-90px;right:-40px}.index__about__inner__area__box__chart.wow .index__about__inner__area__box__chart__item:nth-child(3){transition-delay:.8s}.index__about__inner__area__box__chart__item:nth-child(4){bottom:-90px;left:-40px}.index__about__inner__area__box__chart.wow .index__about__inner__area__box__chart__item:nth-child(4){transition-delay:1s}.index__about__inner__area__box__chart__item:nth-child(5){top:70px;left:-125px}.index__about__inner__area__box__chart.wow .index__about__inner__area__box__chart__item:nth-child(5){transition-delay:1.2s}.index__about__inner__area__box__chart.wow .index__about__inner__area__box__chart__center{opacity:0;transition:opacity 1s 1.4s ease-in-out}.index__about__inner__area__box__chart.wow.animated .index__about__inner__area__box__chart__item{transform:none}.index__about__inner__area__box__chart.wow.animated .index__about__inner__area__box__chart__center{opacity:1}.index__material{display:block;width:100%;margin:220px auto;overflow:hidden}.index__material__inner{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:space-between;overflow:hidden}.index__material__inner__pic{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:50%;margin:0 30px 10px 0;overflow:hidden;flex:0 0 auto}.index__material__inner__pic.wow{animation-name:fadeInLeft}.index__material__inner__pic__item{display:block;width:100%;flex:0 0 auto}.index__material__inner__main{display:block;width:100%;max-width:670px;padding:0 0 130px 0;overflow:hidden;flex:0 1 auto}.index__material__inner__main.wow{animation-name:fadeInUp}.index__material__inner__main__title{margin:0 0 70px 0}.index__material__inner__main__box{position:static;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;overflow:hidden}.index__material__inner__main__box.wow{animation-name:fadeIn}.index__material__inner__main__box.slick-slider{display:block}.index__material__inner__main__box .slick-arrow{top:auto;bottom:10px;left:auto}.index__material__inner__main__box .slick-prev{right:325px}.index__material__inner__main__box .slick-next{right:240px}.index__material__inner__main__box .slick-dotsLine{position:absolute;bottom:45px;left:0;width:calc(100% - 445px)}.index__material__inner__main__box~.slick-count{position:absolute;bottom:38px;right:425px;width:auto}.index__material__inner__main__tool{position:absolute;bottom:10px;right:0;display:block;width:100%}.index__material__inner__main__tool.wow{animation-name:fadeIn}.index__material__inner__main__tool__bt{max-width:200px;margin:0 0 0 auto}@media screen and (min-width:992px){.index__material__inner__main__box .c-case{padding:0 0 35px 0}.index__material__inner__main__box .c-case__pic{display:none}.index__material__inner__main__box .c-case__link{opacity:1}}@media screen and (max-width:1400px){.index__material__inner__pic{width:40%}}@media screen and (max-width:1200px){.index-service{left:-10px;width:calc(100% + 20px)}.index-service__item{width:calc(33.33% - 20px);margin:0 10px}.index__box__inner__head{flex-wrap:wrap}.index__box__inner__head__text{max-width:700px;margin:20px 0 0 0;text-align:left}.index__box__inner__body__slick{left:-20px;width:calc(100% + 40px)}.index__box__inner__body__slick .c-case{width:calc(50% - 40px);margin:0 20px}.index__about__inner .c-intro{margin:0 auto 15px auto}.index__about__inner__area{display:block}.index__about__inner__area__box{width:100%;max-width:none;margin:0 auto 60px auto}.index__about__inner__area__box:last-child{margin:0}.index__about__inner__area__box[data-type="chart"]{width:615px;margin:60px auto 95px auto}}@media screen and (max-width:991px){.banner::after{width:3825px;height:75px}.banner__box__item__content{left:30px;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:center;justify-content:center;width:calc(100% - 60px);height:100%;min-height:0;padding:150px 0}.banner__box__item__content__title{font-size:64px}.banner__srcollDown{right:30px}.banner__srcollDown__line{height:200px}.index-service{left:0;display:block;width:100%}.index-service__item{width:100%;margin:0 0 17px 0}.index-service__item:last-child{margin:0}.index-service__item__content{padding:25px 30px}.index__box{margin:200px auto}.index__box__inner__head__tool .c-slickBt{display:none}.index__about{margin:135px auto}.index__material{margin:150px auto}.index__material__inner{padding:0}.index__material__inner__pic{display:none}.index__material__inner__main{max-width:none;padding:0}.index__material__inner__main__tool{position:relative;bottom:0;margin:40px 0 10px 0}}@media screen and (max-width:767px){.index__box__inner__head__title{max-width:none}.index__box__inner__head__text{display:none}.index__box[data-style="more"] .index__box__inner{padding:0 0 110px 0}.index__box[data-style="more"] .index__box__inner__head{position:static}.index__box[data-style="more"] .index__box__inner__head__tool{position:absolute;bottom:0;left:0;max-width:none;margin:0}.index__box[data-style="more"] .index__box__inner__head__tool__more{max-width:none;margin:0}.index__about__inner__area__box__chart{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;max-width:none;margin:0}.index__about__inner__area__box__chart::before{display:none}.index__about__inner__area__box__chart__item{position:relative;width:calc(50% - 5px);max-width:196px;margin:0 0 20px 0}.index__about__inner__area__box__chart__item__content__icon{margin:0 auto 5px auto}.index__about__inner__area__box__chart__center{display:none}.index__about__inner__area__box__chart__item:nth-child(n+1):nth-child(-n+5){top:0;left:0;bottom:auto;right:auto}.index__about__inner__area__box[data-type="chart"]{width:100%;max-width:450px;margin:35px auto}}@media screen and (max-width:575px){.banner,.banner__box__item{min-height:500px}.banner__box__item__content{left:20px;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:center;justify-content:center;width:calc(100% - 40px);padding:100px 0}.banner__box__item__content__title{font-size:15px}.banner__box__item__content__title br{display:none}.banner__box__item__content__text{margin:10px 0 0 0;font-size:32px}.banner__box__item__content__bt{height:50px;max-width:120px;margin:15px 0 0 0}.banner__srcollDown{right:20px}.banner__srcollDown__line{height:135px}.index-service__item{margin:0 0 30px 0}.index-service__item__pic::after{display:none}.index-service__item__content{position:relative;margin:15px 0 0 0;padding:0;color:var(--titleColor)}.index-service__item__content__sub{color:#10193999}.index__box{margin:90px auto}.index__box__inner__head{margin:0 auto 30px auto}.index__box__inner__body__slick .c-case{width:calc(100% - 40px)}.index__box[data-style="more"] .index__box__inner{padding:0 0 90px 0}.index__about{margin:55px auto}.index__about__inner__title{margin:0 0 25px 0}.index__about__inner .c-intro{margin:0 auto 20px auto}.index__about__inner__area__box{margin:0 auto 40px auto}.index__material{margin:95px auto}.index__material__inner__main__title{margin:0 0 30px 0}.index__material__inner__main__box~.slick-count{display:none}.index__material__inner__main__tool{margin:40px 0 0 0}.index__material__inner__main__tool__bt{max-width:none}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){.banner::after{will-change:background-position}@media screen and (max-width:991px){.banner{height:calc(100vh - 30px)}.banner__box__item{height:calc(100vh - 30px)}}@media screen and (max-width:575px){.banner,.banner__box__item{min-height:calc(100vh - 80px)}}}@-moz-document url-prefix(){}