html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}ul,li,ol{list-style:none;background:transparent}h1,h2,h3,h4,h5,h6{font-weight:400;clear:both}a,a:hover{text-decoration:none}blockquote{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}input[type="submit"]:focus,input[type="button"]:focus{outline:none}:focus{outline:0}a img,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border:0}input::-webkit-input-speech-button{display:none}select,input{font-size:1em}select.msno-arrow::-ms-expand{display:none}input[type="radio"].msno-check::-ms-check,input[type="checkbox"].msno-check::-ms-check{display:none}input[type="text"]::-ms-clear,input[type="tel"]::-ms-clear,input[type="number"]::-ms-clear{display:none}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none !important;appearance:none !important;margin:0}input[type="number"]{-moz-appearance:textfield}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent;font-family:Tahoma,Arial,"Helvetica Neue","Hiragino Sans GB","Microsoft Yahei",Simsun,sans-self}.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0}.clearfix:after{content:'';clear:both;display:block}.input-no-style{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;background:none}.single-line{white-space:nowrap;line-height:100% !important}.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.border-gradient-rightangle{-o-border-image:linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%) 1 1;border-image:linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%) 1 1}img,video{display:block;width:100%}video{mix-blend-mode:screen}html,body{width:100%;height:100%}.container2{width:100%;height:100%;margin:0 auto;position:relative;z-index:0;background-color:#000;font-size:16px}section{box-sizing:border-box;width:100%;height:100%;margin:0 auto;position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:row;background:linear-gradient(to bottom, #232526 0%, #000 32%)}section:first-child{background:#000}section.hide{display:flex !important}section>.block{width:50%;box-sizing:border-box;display:flex;flex-direction:column}section>.block:first-child{padding-left:160px}section>.block:last-child{padding-right:160px}section>.block.video{justify-content:center;align-items:flex-start;mix-blend-mode:screen}section>.block.text{justify-content:center;align-items:center}section h2{font-size:5em;margin:0 auto;text-align:center;font-weight:bold;line-height:130%;letter-spacing:.1em}section h2 span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}section .intro{color:#fff;line-height:180%;text-align:center;margin:1.5em auto 0;font-size:2em;letter-spacing:.1em}section .intro span{font-size:1.5em}section .speed-video{margin-top:4em;display:flex;width:100%;flex-direction:row}section .speed-video>div{width:50%;text-align:center}section .speed-video>div div{font-size:2em}section .speed-video>div div span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}section .speed-video>div video{width:40%;margin:.5em auto 0;-webkit-transform:translate(-7%, 0);transform:translate(-7%, 0)}section .speed-video.vertical{flex-direction:column}section .speed-video.vertical>div{width:100%}section .speed-video.vertical>div:nth-child(n + 2){margin-top:5em}@-webkit-keyframes alpha-up{0%{opacity:0}100%{opacity:1}}@keyframes alpha-up{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes bottom-to-top{0%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px);opacity:0}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@keyframes bottom-to-top{0%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px);opacity:0}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}.section1{background:#000;display:block;padding:0 !important}.section1 div{position:relative;width:100%;height:100%}.section1 video{height:100%;-o-object-fit:cover;object-fit:cover}.section1 img{position:absolute;top:50%;left:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.section1.hide div{opacity:0}.section1.animate div{-webkit-animation:alpha-up .5s linear 0s 1 forwards;animation:alpha-up .5s linear 0s 1 forwards}@-webkit-keyframes video-hide{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes video-hide{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}}.section1 video.hide{display:block;-webkit-animation:video-hide .5s linear 0s 1 forwards;animation:video-hide .5s linear 0s 1 forwards}.section1 img.show{-webkit-animation:alpha-up .5s linear 0s 1 forwards;animation:alpha-up .5s linear 0s 1 forwards}.section2 .video{padding:0 !important;justify-content:flex-end !important}.section2 .video video{width:120%;-webkit-transform:translate(-20%, 0);transform:translate(-20%, 0)}.section2.hide .intro,.section2.hide .speed-video,.section2.hide .video{opacity:0}.section2.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section2.animate .speed-video{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section2.animate .video{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section3 .video video{width:110%}.section3.hide .intro,.section3.hide .speed-video,.section3.hide .video{opacity:0}.section3.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section3.animate .speed-video{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section3.animate .video{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section4,.section5{justify-content:space-between}.section4 .text,.section5 .text{width:40%}.section4 .water-type,.section5 .water-type{mix-blend-mode:screen;width:55%;text-align:center;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.section4 .water-type>.block,.section5 .water-type>.block{text-align:center;width:40%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.section4 .water-type>.block:first-child,.section5 .water-type>.block:first-child{width:35%;mix-blend-mode:screen}.section4 .water-type>.block:nth-child(2),.section5 .water-type>.block:nth-child(2){justify-content:flex-end}.section4 .water-type>.block:last-child,.section5 .water-type>.block:last-child{width:30%}.section4 .water-type .swiper,.section5 .water-type .swiper{width:100%}.section4 .water-type .name,.section5 .water-type .name{color:#fff;font-size:2em;letter-spacing:.1em}.section4 .water-type .name span,.section5 .water-type .name span{font-size:1.71em;font-weight:bold}.section4 .water-type .choice,.section5 .water-type .choice{margin:1em auto 0;height:8em;font-size:2em;width:60%}.section4 .water-type .choice.comp,.section5 .water-type .choice.comp{width:100%}.section4 .water-type .choice .swiper-slide,.section5 .water-type .choice .swiper-slide{pointer-events:auto}.section4 .water-type .choice .swiper-slide div,.section5 .water-type .choice .swiper-slide div{color:#605648;cursor:pointer;padding:.2em 0 .3em;mix-blend-mode:normal}.section4 .water-type .choice .swiper-slide div span,.section5 .water-type .choice .swiper-slide div span{line-height:100%;font-weight:bold;letter-spacing:.1em}.section4 .water-type .choice .swiper-slide.swiper-slide-active div,.section5 .water-type .choice .swiper-slide.swiper-slide-active div{border:1px solid;border-radius:2em;border-color:transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right, #242424 0%, #0b0b0b 100%),linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%)}.section4 .water-type .choice .swiper-slide.swiper-slide-active div span,.section5 .water-type .choice .swiper-slide.swiper-slide-active div span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section4 .water-type .tips,.section5 .water-type .tips{font-size:.875em;color:#fff;margin-top:2em}.section4 .speed-video.vertical,.section5 .speed-video.vertical{margin-top:2em}.section4 .speed-video.vertical>div video,.section5 .speed-video.vertical>div video{width:50%}.section4.hide .name,.section5.hide .name,.section4.hide .choice,.section5.hide .choice,.section4.hide .tips,.section5.hide .tips,.section4.hide .speed-video,.section5.hide .speed-video,.section4.hide .video,.section5.hide .video{opacity:0}.section4.animate .name,.section5.animate .name,.section4.animate .choice,.section5.animate .choice,.section4.animate .tips,.section5.animate .tips{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section4.animate .speed-video,.section5.animate .speed-video{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section4.animate .video,.section5.animate .video{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section6 h2{font-size:4.3em}.section6 .block.video{flex-direction:row;align-items:flex-end}.section6 .block.video>div{width:45%;flex:0 0 45%}.section6 .block.video img{width:120%;-webkit-transform:translate(-40%, 0);transform:translate(-40%, 0)}.section6.hide .intro,.section6.hide .video>div{opacity:0}.section6.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section6.animate .video>div:nth-child(1){-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section6.animate .video>div:nth-child(2){-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section7 .intro2{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:4em auto 0}.section7 .intro2 .block{flex:0 0 30%;width:30%;border:1px solid;border-radius:10px;border-color:transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right, #000 0%, #000 100%),linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%);text-align:center;padding:1em 0;font-size:2em}.section7 .intro2 .block span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section7 .video video{width:120%;-webkit-transform:translate(-20%, 0);transform:translate(-20%, 0)}.section7.hide .intro,.section7.hide .intro2,.section7.hide .video{opacity:0}.section7.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section7.animate .intro2{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section7.animate .video{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section8{display:flex;flex-direction:column;justify-content:center}.section8>*{flex:1}.section8 h2{display:flex;align-items:center}.section8 h3{font-size:2em;text-align:center;font-weight:bold}.section8 h3 span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section8 .panel{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 160px;width:100%;box-sizing:border-box;height:35em;background:none;margin:0;border-radius:0;box-shadow:none}.section8 .panel>.block{width:50%;flex:0 0 50%}.section8 .intro2 span{font-size:.71em}.section8 .video{display:flex;align-items:flex-end}.section8 .video .block{flex:0 0 50%;width:50%}.section8 .video video{width:90%;margin:0 auto}.section8.hide h3,.section8.hide .intro,.section8.hide .video{opacity:0}.section8.animate h3{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section8.animate .intro{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section8.animate .video{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section9 .video video{width:120%;-webkit-transform:translate(-20%, 0);transform:translate(-20%, 0)}.section9.hide .intro,.section9.hide .video{opacity:0}.section9.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section9.animate .video{-webkit-animation:alpha-up .5s linear .5s 1 forwards;animation:alpha-up .5s linear .5s 1 forwards}.section10 .intro2{display:flex;flex-direction:column;width:70%;line-height:130%}.section10 .intro2 .block{display:flex;flex-direction:row;border:1px solid;-o-border-image:linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%) 1 1;border-image:linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%) 1 1;height:2.5em;justify-content:space-between;align-items:center;margin-top:1.6em;padding:.7em .8em;box-sizing:content-box}.section10 .intro2 .block span{font-size:1em;background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section10 .intro2 .block:first-child{margin-top:0}.section10 .intro2 .block div:first-child{flex:0 0 25%;width:25%;text-align:left;letter-spacing:0;white-space:nowrap}.section10 .intro2 .block .line{width:1px;height:100%;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 20%, #fff 80%, rgba(255,255,255,0) 100%)}.section10 .intro2 .block div:last-child{flex:0 0 65%;width:65%;color:#fff;text-align:left;letter-spacing:0}.section10 .video video{width:120%;-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}.section10.hide .intro,.section10.hide .video{opacity:0}.section10.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section10.animate .video{-webkit-animation:alpha-up .5s linear .5s 1 forwards;animation:alpha-up .5s linear .5s 1 forwards}@media screen and (max-width:2200px){.section10 .intro2{width:84%}}@media screen and (max-width:1920px){.container2{width:100%;font-size:.85vw}.container2 .bg{width:100%}.container2 section{box-sizing:border-box}.container2 section>.block:first-child{padding-left:8%}.container2 section>.block:last-child{padding-right:8%}.container2 .section3 .water-type-parent{padding-left:8%;padding-right:8%}}