@charset "UTF-8";#header{background:none}#index-banner{height:95vh;position:relative;z-index:0;overflow:hidden}#index-banner .bg{width:100%;height:100vh;position:relative;z-index:1;top:-5vh}#index-banner .main-title{left:50%;right:auto;top:50%;bottom:auto;-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);display:inline-block;position:absolute;z-index:2}#index-banner .main-title p{width:100%;font-size:23px;font-weight:bold;color:#fff;text-align:center;margin-top:30px}#index-banner .js-scrollToTag{width:41px;left:50%;right:auto;bottom:-10px;-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);text-align:center;position:absolute;z-index:2}#index-banner .js-scrollToTag span{display:inline-block;text-align:center}#index-banner .js-scrollToTag .text{font-size:15px;color:#ccc;margin-bottom:5px;text-transform:uppercase}#index-banner .js-scrollToTag .line{width:1px;height:60px;background:#fff}@media screen and (max-width:767px){#index-banner{height:600px}#index-banner .bg{width:100%;height:650px;position:relative;z-index:1}#index-banner .main-title{width:90%}#index-banner .main-title p{font-size:17px;margin-top:10px}}#index-service-section{position:relative;z-index:2}.index-service-box{position:relative}.index-service-box a{background:rgba(0,0,0,0.2);-webkit-transition:background 0.4s;-o-transition:background 0.4s;transition:background 0.4s}.index-service-box figure{position:relative}.index-service-box figure img{width:100%}.index-service-box figcaption{padding:25px 25px;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2}.index-service-box figcaption > *{color:#fff}.index-service-box figcaption .num,.index-service-box figcaption .service-title{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.5s,-webkit-transform 0.6s;transition:opacity 0.5s,-webkit-transform 0.6s;-o-transition:opacity 0.5s,transform 0.6s;transition:opacity 0.5s,transform 0.6s;transition:opacity 0.5s,transform 0.6s,-webkit-transform 0.6s}.index-service-box figcaption .num{display:inline-block;font-size:13px;position:relative}.index-service-box figcaption .num:after{content:"";width:15px;height:2px;display:block;background:#fff;position:absolute;bottom:-3px;left:0}.index-service-box figcaption .service-title{font-size:21px;margin-top:20px;letter-spacing:2px}.index-service-box figcaption .service-title .en{font-size:13px;line-height:18px;text-transform:uppercase;display:block;letter-spacing:0;margin-top:5px}.index-service-box figcaption .zoom{width:90px;height:90px;line-height:90px;display:block;border-radius:99em;background:rgba(116,9,9,0.9);border:1px solid rgba(151,151,151,0.5);text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;opacity:0;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s}.index-service-box figcaption .zoom .icon{font-size:20px;display:inline-block}.index-service-box:hover a,.index-service-box:focus a{background:transparent}.index-service-box:hover figcaption .num,.index-service-box:hover figcaption .service-title,.index-service-box:focus figcaption .num,.index-service-box:focus figcaption .service-title{opacity:0;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px)}.index-service-box:hover .zoom,.index-service-box:focus .zoom{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#index-service-slider .slick-prev,#index-service-slider .slick-next{width:65px;height:40px;z-index:9;text-shadow:0 0 10px transparent;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}#index-service-slider .slick-prev:before,#index-service-slider .slick-prev:after,#index-service-slider .slick-next:before,#index-service-slider .slick-next:after{color:#fff;display:inline-block;position:absolute}#index-service-slider .slick-prev:before,#index-service-slider .slick-next:before{font-family:'icomoon' !important;font-size:22px;top:15px}#index-service-slider .slick-prev:after,#index-service-slider .slick-next:after{font-size:19px;font-family:"Oswald-M",sans-serif;letter-spacing:1px;top:25px}#index-service-slider .slick-prev:hover,#index-service-slider .slick-prev:focus,#index-service-slider .slick-next:hover,#index-service-slider .slick-next:focus{text-shadow:0 0 10px #ddd}#index-service-slider .slick-prev{left:20px}#index-service-slider .slick-prev:before{content:"\e90e";left:0}#index-service-slider .slick-prev:after{content:"PREV";left:25px}#index-service-slider .slick-next{right:20px}#index-service-slider .slick-next:before{content:"\e90f";right:0}#index-service-slider .slick-next:after{content:"NEXT";right:25px}.index-team-head{height:360px;background:-webkit-gradient(linear,left top,right top,from(#f1f1f1),color-stop(57%,#f1f1f1),to(#eaeaeb));background:-webkit-linear-gradient(left,#f1f1f1 0%,#f1f1f1 57%,#eaeaeb 100%);background:-o-linear-gradient(left,#f1f1f1 0%,#f1f1f1 57%,#eaeaeb 100%);background:linear-gradient(to right,#f1f1f1 0%,#f1f1f1 57%,#eaeaeb 100%);display:block}.index-team-head .img{background-repeat:no-repeat;position:absolute;top:0;z-index:0}.index-team-head .img.left-img{background-image:url(/zh-tw/images/index/teamwork-left.png);width:387px;height:360px;left:0}.index-team-head .img.right-img{background-image:url(/zh-tw/images/index/teamwork-right.png);width:650px;height:360px;right:0}.index-team-head .main-title{position:relative;margin-top:70px;margin-left:150px}.index-team-head .main-title h3{position:relative}.index-team-head .main-title h4{font-size:25px;font-weight:bold;color:#2e2e2e;margin-bottom:10px}.index-team-head .main-title p{font-size:14px;color:#767676}@media screen and (max-width:992px){.index-team-head .img.left-img{display:none}.index-team-head .main-title{margin-left:30px}}@media screen and (max-width:767px){.index-team-head{padding:30px 0;height:auto}.index-team-head .img{display:none !important}.index-team-head .main-title{margin-top:0;margin-left:auto;margin-right:auto;display:block;text-align:center}.index-team-head h3 img{margin-left:auto;margin-right:auto}.index-team-head h4{font-size:22px}.index-team-head p{font-size:12px;text-shadow:0 0 1px #c6c6c6}}.index-team-step{width:100%;height:auto;display:block;position:relative;overflow:hidden}.index-team-step .team-shadow{width:1620px;height:79px;opacity:0.4;position:absolute;right:-200px;z-index:10}.index-team-step .team-shadow.shadow-up{background:url(/zh-tw/images/index/step-shadow-top.png) no-repeat;top:-10px}.index-team-step .team-shadow.shadow-down{background:url(/zh-tw/images/index/step-shadow-down.png) no-repeat;bottom:-10px}.index-team-step .index-team-step-wrapper{max-width:1060px;width:100%;display:block;position:relative}.index-team-step .index-team-step-wrapper .num{font-size:260px;color:rgba(226,226,226,0.5);font-style:italic;text-stroke:1px rgba(212,212,212,0.8);-webkit-text-stroke:1px rgba(212,212,212,0.8);position:absolute;right:-50px;bottom:50px;z-index:1}.index-team-step .index-team-step-wrapper .dec-box{width:100%;height:auto;position:absolute}.index-team-step .index-team-step-wrapper .dec-box .water-pipe{background-repeat:no-repeat;position:absolute}.index-team-step .index-team-step-wrapper .dec-box .hor{background-image:url(/zh-tw/images/index/water-pipe-bg.png);background-repeat:repeat-x;width:700px;height:43px}.index-team-step .index-team-step-wrapper .dec-box .hor:before{height:43px;display:block;position:absolute;top:0;z-index:2}.index-team-step .index-team-step-wrapper .dec-box .dot{background:url(/zh-tw/images/index/step-dot.png) no-repeat;width:75px;height:75px;line-height:74px;text-align:center;font-size:20px;color:#fff;position:absolute}@media screen and (max-width:991px){.index-team-step .index-team-step-wrapper{padding-top:0 !important;margin:90px auto !important;top:0 !important}.index-team-step .index-team-step-wrapper .num{display:none}.index-team-step .index-team-step-wrapper .dec-box{left:0 !important;right:0 !important}.index-team-step .index-team-step-wrapper .dec-box .water-pipe{display:none}.index-team-step .index-team-step-wrapper .dec-box .dot{position:absolute;top:-37px !important;left:0 !important;right:0 !important;margin:auto !important;z-index:9}}@media screen and (max-width:767px){.index-team-step .index-team-step-wrapper{margin:65px auto 30px auto !important}.index-team-step .index-team-step-wrapper .dec-box .dot{background:url(/zh-tw/images/index/step-dot-xs.png) no-repeat;background-size:100%;width:55px;height:55px;line-height:54px;font-size:16px;top:-29px !important}}.index-team-step-card{width:100%;max-width:870px;margin:auto;position:relative}.index-team-step-card .card-pc{max-width:565px;position:relative}.index-team-step-card .card-body{width:515px;min-height:170px;height:auto;background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:0px 15px 40px 8px rgba(31,31,31,0.2);box-shadow:0px 15px 40px 8px rgba(31,31,31,0.2);padding:35px 60px;top:-100px;position:relative;z-index:9}.index-team-step-card .card-body h5{font-size:17px;color:#2e2e2e;font-weight:bold;position:relative}.index-team-step-card .card-body h5 .square{position:absolute;top:5px;left:-30px}.index-team-step-card .card-body h5 .line{width:45px;height:1px;background-color:#969696;display:inline-block;position:relative;margin-left:15px;top:-6px}.index-team-step-card .card-body p{font-size:14px;line-height:22px;color:#3f3f3f;max-height:110px;overflow:hidden}@media screen and (max-width:991px){.index-team-step-card{max-width:560px;width:100%;left:0 !important;right:0 !important;float:none !important;padding-left:0 !important}.index-team-step-card .card-pc,.index-team-step-card .card-body{width:100%;max-height:none;height:auto}.index-team-step-card .card-body{float:none;top:0 !important;left:0 !important;right:0 !important}.index-team-step-card .card-body h5{font-size:17px}.index-team-step-card .card-body p{max-height:auto}}@media screen and (max-width:767px){.index-team-step-card .card-body{padding:20px 25px}.index-team-step-card .card-body h5 .square{position:relative;top:-1px;left:0px;margin-right:10px}}.index-team-step-wrapper.step1{padding-top:85px;padding-bottom:0px}.index-team-step-wrapper.step1 .num{right:-29px;bottom:212px}.index-team-step-wrapper.step1 .dec-box{top:0;right:-97px}.index-team-step-wrapper.step1 .dec-box .up{background-image:url(/zh-tw/images/index/water-pipe-01-01.png);width:130px;height:160px;top:0;right:330px}.index-team-step-wrapper.step1 .dec-box .down{background-image:url(/zh-tw/images/index/water-pipe-01-02.png);width:130px;height:223px;top:220px;right:330px}.index-team-step-wrapper.step1 .dec-box .hor{top:175px;right:-458px}.index-team-step-wrapper.step1 .dec-box .hor:before{content:url(/zh-tw/images/index/water-pipe-01-03.png);width:320px;left:-100px}.index-team-step-wrapper.step1 .dec-box .dot{top:155px;right:355px}.index-team-step-wrapper.step1 .index-team-step-card{left:-10px}.index-team-step-wrapper.step1 .index-team-step-card .pc{float:left}.index-team-step-wrapper.step1 .index-team-step-card .card-body{float:left;left:275px}@media screen and (min-width:992px) and (max-width:1000px){.index-team-step-wrapper.step1 .index-team-step-card{left:-35px}}.index-team-step-wrapper.step2{top:-30px;padding-bottom:0px}.index-team-step-wrapper.step2 .num{right:-29px;bottom:212px}.index-team-step-wrapper.step2 .dec-box{top:0;left:-45px}.index-team-step-wrapper.step2 .dec-box .up{background-image:url(/zh-tw/images/index/water-pipe-02-01.png);width:243px;height:276px;top:-152px;left:162px}.index-team-step-wrapper.step2 .dec-box .down{background-image:url(/zh-tw/images/index/water-pipe-02-02.png);width:850px;height:600px;top:165px;right:50px}.index-team-step-wrapper.step2 .dec-box .hor{top:130px;left:-623px}.index-team-step-wrapper.step2 .dec-box .hor:before{content:url(/zh-tw/images/index/water-pipe-02-03.png);width:370px;height:43px;right:-100px}.index-team-step-wrapper.step2 .dec-box .dot{top:110px;left:190px}.index-team-step-wrapper.step2 .index-team-step-card .pc{float:right}.index-team-step-wrapper.step2 .index-team-step-card .card-body{top:-82px;right:365px;float:right}.index-team-step-wrapper.step3{padding-top:85px;padding-bottom:35px}.index-team-step-wrapper.step3 .num{left:22px;bottom:170px}.index-team-step-wrapper.step3 .dec-box{top:0;right:-97px}.index-team-step-wrapper.step3 .dec-box .down{background-image:url(/zh-tw/images/index/water-pipe-03-02.png);width:140px;height:452px;top:227px;right:189px}.index-team-step-wrapper.step3 .dec-box .hor{top:181px;right:-585px}.index-team-step-wrapper.step3 .dec-box .hor:before{content:url(/zh-tw/images/index/water-pipe-01-03.png);width:100px;left:-100px}.index-team-step-wrapper.step3 .dec-box .dot{top:165px;right:222px}.index-team-step-wrapper.step3 .index-team-step-card{padding-left:100px}.index-team-step-wrapper.step3 .index-team-step-card .pc{float:left}.index-team-step-wrapper.step3 .index-team-step-card .card-body{float:left;top:-65px;left:275px}#index-clients-section{background:url(/zh-tw/images/index/index-clients-bg.png) repeat-x;background-position:center bottom}.index-clients-head{background:url(/zh-tw/images/index/clients-bg.jpg);width:100%;height:360px;position:relative}.index-clients-head .img{background-repeat:no-repeat;position:absolute;top:0;z-index:0}.index-clients-head .img.left-img{background-image:url(/zh-tw/images/index/clients-left.png);width:550px;height:360px;left:0}.index-clients-head .img.right-img{background-image:url(/zh-tw/images/index/clients-right.png);width:515px;height:360px;right:0}.index-clients-head .main-title{width:370px;position:relative;margin-top:70px;margin-left:auto;margin-right:auto;display:block}.index-clients-head .main-title h3{position:relative;margin:0}.index-clients-head .main-title h4,.index-clients-head .main-title p{color:#ccc;padding-left:50px}.index-clients-head .main-title h4{font-size:25px;font-weight:bold;margin-bottom:0}.index-clients-head .main-title p{font-size:14px;margin-top:5px}@media screen and (max-width:767px){.index-clients-head{height:270px}.index-clients-head .img.left-img{display:none}.index-clients-head .img.right-img{height:270px;background-size:auto 100%;background-position:right top;right:-40px}.index-clients-head .main-title{width:100%;text-align:center;margin-top:30px}.index-clients-head .main-title img{margin:auto}.index-clients-head .main-title h4,.index-clients-head .main-title p{padding-left:0}.index-clients-head .main-title h4{font-size:22px;margin-top:0}}.index-clients-service{text-align:center;margin:auto;top:-100px;position:relative}.index-clients-service #clients-service-accordion{max-width:1025px;width:100%;margin:auto}@media screen and (min-width:1100px){.index-clients-service{min-width:1060px}}@media screen and (min-width:768px) and (max-width:1099px){.index-clients-service{width:735px}}@media screen and (max-width:767px){.index-clients-service{width:100%;top:-40px}}.index-clients-card{width:500px;height:auto;float:left;overflow:hidden;position:relative;margin:7px 6px}.index-clients-card:nth-child(even){top:40px}.index-clients-card .card-img{width:100%;height:auto;position:relative}.index-clients-card .card-img img{position:relative;z-index:1}.index-clients-card .card-img .cover{background:url(/zh-tw/images/index/clients-list-cover.png) repeat-x;width:100%;height:71px;top:auto;bottom:0}.index-clients-card .card-header{background:#fff;width:100%;height:85px;display:block;position:relative;padding:7px 15px}.index-clients-card .card-header .red-dot{background:url(/zh-tw/images/index/clients-dot.png) no-repeat;width:70px;height:70px;line-height:70px;text-align:center;display:block;float:left}.index-clients-card .card-header .red-dot img{max-width:22px;height:auto}.index-clients-card .card-header h4{color:#343434;float:left;margin:0 0 0 10px;position:relative;top:15px;text-align:left}.index-clients-card .card-header h4 span{display:inline-block}.index-clients-card .card-header h4 .tw{font-size:19px;font-weight:bold;letter-spacing:1px}.index-clients-card .card-header h4 .en{font-size:12px;text-transform:uppercase}.index-clients-card .card-header .toggle{display:none}.index-clients-card .card-body{width:100%;height:114px;background:#dfdfdf;padding:15px 22px;position:relative}.index-clients-card .card-body:before{content:"";width:456px;height:1px;background:#bebebe;position:absolute;top:0;left:22px;z-index:2}.index-clients-card .card-body ul{margin:0;padding:0}.index-clients-card .card-body ul li{width:50%;height:25px;font-size:14px;line-height:20px;color:#343434;text-align:left;margin:0}.index-clients-card .card-body ul li:before{content:"";display:block;width:5px;height:5px;border-radius:99em;background:#67676a;display:block;float:left;position:relative;top:8px;margin-right:7px}@media screen and (min-width:768px) and (max-width:1099px){.index-clients-card{width:340px}.index-clients-card .card-header{padding:7px 5px}.index-clients-card .card-header h4{margin:0}.index-clients-card .card-body{height:auto;padding:16px 20px}.index-clients-card .card-body:before{width:100%;left:0}.index-clients-card .card-body ul li{width:100%}}@media screen and (max-width:767px){.index-clients-card{width:100%;border:1px solid #bebebe}.index-clients-card:nth-child(even){top:auto}.index-clients-card .card-img{display:none}.index-clients-card .card-header{height:55px;line-height:55px;background:#dfdfdf}.index-clients-card .card-header .red-dot{display:none}.index-clients-card .card-header h4{padding:0 60px 0 0;top:12px;overflow:hidden}.index-clients-card .card-header h4 .tw{font-size:17px}.index-clients-card .card-header h4 .en{display:none}.index-clients-card .card-header .toggle{width:55px;height:55px;display:block;background:#fff;border-left:1px solid #bebebe;position:absolute;top:0;right:0}.index-clients-card .card-header .toggle:before,.index-clients-card .card-header .toggle:after{content:"";display:block;background:#b9b9b9;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.index-clients-card .card-header .toggle:before{width:11px;height:2px;opacity:1;-webkit-transition:opacity 0.35s;-o-transition:opacity 0.35s;transition:opacity 0.35s}.index-clients-card .card-header .toggle:after{height:11px;width:2px}.index-clients-card .card-body{background:#1f1f25;height:auto;padding:20px 25px;display:none}.index-clients-card .card-body:before{display:none}.index-clients-card .card-body ul li{width:100%;color:#b8b8b8}.index-clients-card.is-active .toggle:before{opacity:1}}