*{margin:0;padding:0;box-sizing:border-box}:after,:before{box-sizing:inherit}html{font:14px/1.5 Microsoft YaHei,sans-serif}body{background:#f2f2f2;color:#2e2e2e;-webkit-tap-highlight-color:rgba(0,0,0,0)}button{font-family:inherit;font-size:100%}ol,ul{list-style:none}a{text-decoration:none;color:inherit}:focus{outline:none}@-webkit-keyframes fadeIn{0%{opacity:0}}@keyframes fadeIn{0%{opacity:0}}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-99%,0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-99%,0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,99%,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,99%,0)}}#logo{position:absolute;top:0;left:50%;width:150px;margin-left:-75px;z-index:9;transition:.5s ease-out}#logo img{display:block;width:100%;height:auto;transition:.3s}#logo img.white{position:absolute;top:0;left:0;opacity:0}#logo.left{left:0;margin-left:0}#logo.left .white{opacity:1}#logo.left .black{opacity:0}.loading-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#f2f2f2;z-index:999;display:flex;align-items:center;justify-content:center}.loading-spinner{width:36px;height:36px;-webkit-animation:loadingSpinner 2s linear infinite;animation:loadingSpinner 2s linear infinite}@-webkit-keyframes loadingSpinner{60%{transform:rotate(0deg)}80%,to{transform:rotate(180deg)}}@keyframes loadingSpinner{60%{transform:rotate(0deg)}80%,to{transform:rotate(180deg)}}.loading-spinner rect{fill:#999;-webkit-animation:loadingSpinnerRect 2s linear infinite;animation:loadingSpinnerRect 2s linear infinite}@-webkit-keyframes loadingSpinnerRect{10%{opacity:.5}20%{opacity:1}}@keyframes loadingSpinnerRect{10%{opacity:.5}20%{opacity:1}}.loading-spinner rect:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loading-spinner rect:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.loading-spinner rect:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.btnBack{position:fixed;bottom:40px;right:0;background:#dcdcdc;padding:.7em;width:2em;box-sizing:content-box;border-radius:8px 0 0 8px;box-shadow:0 0 12px rgba(0,0,0,.4);line-height:1.2;z-index:9}.prism-player .prism-big-play-btn{bottom:50%!important;left:50%!important;transform:translate3d(-50%,50%,0);background-image:url(../img/icon_play.786e05bc.png)}.prism-player .prism-animation,.prism-player .prism-big-play-btn .outter{display:none}.page-home #logo{-webkit-animation:fadeInDown .5s ease-out 1s backwards;animation:fadeInDown .5s ease-out 1s backwards}#landingPage{overflow:hidden;min-height:100vh;background-image:url(../img/landing.1dc7c60c.png),linear-gradient(180deg,#fff 50%,#fafafa 0);background-repeat:no-repeat;background-position-y:75px;background-size:100% auto,100% 100%;-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out;display:none}#landingPage .title{font-size:28px;font-size:7.4vw;font-weight:400;line-height:1.4;text-align:right;margin-top:9vh;margin-right:30px;color:#000000}#landingPage .title span{display:block;-webkit-animation:fadeInDown .3s ease-out .5s backwards;animation:fadeInDown .3s ease-out .5s backwards}#landingPage .title span:first-child{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:.3s;animation-duration:.3s}#landingPage .title span:nth-child(2){-webkit-animation-delay:.55s;animation-delay:.55s;-webkit-animation-duration:.25s;animation-duration:.25s}#landingPage .title span:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-duration:.2s;animation-duration:.2s}#landingPage .explore{position:fixed;bottom:10vh;left:0;width:100%;text-align:center;font-size:22px;line-height:1.3;-webkit-animation:fadeIn .5s 2s backwards;animation:fadeIn .5s 2s backwards;color:#000000}@media(max-height:504px){#landingPage .title{font-size:20px}#landingPage .explore{font-size:20px;bottom:20px}}#guidePage{display:none}.guide-grid{margin:46px 18px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px}.guide-grid .card{display:block;position:relative;background:#000;color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 12px rgba(0,0,0,.4);-webkit-animation:fadeInUp .2s ease-out backwards;animation:fadeInUp .2s ease-out backwards}.guide-grid .card .pic{display:block;width:100%}.guide-grid .card .textbox{position:absolute;top:20px;right:20px;text-align:right}.guide-grid .card .textbox .title{font-size:26px;font-weight:400;line-height:1;margin-bottom:.2em}.guide-grid .card .textbox .subtitle{font-size:17px}.guide-grid .card.fullw{grid-column:span 2}.guide-grid .card.darktext{background:#fff;color:#2e2e2e}.guide-grid .card.lefttext .text{left:20px;right:auto}.guide-grid .card:nth-child(2){-webkit-animation-delay:.05s;animation-delay:.05s}.guide-grid .card:nth-child(3),.guide-grid .card:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}.page-product-list{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.cardbox{position:relative;display:block;margin:46px 30px;border-radius:9px;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.15);padding:30px 0 0;min-height:580px;max-height:calc(100vh - 92px)}@media(max-height:672px){.cardbox{min-height:calc(100vh - 92px)}}@media(max-width:320px){.cardbox{margin-left:20px;margin-right:20px}}#prods-swiper{width:100%}#prods-swiper .cardbox{padding:60px 0}#prods-swiper .namebox{text-align:center}#prods-swiper .name{position:relative;display:inline-block;font-size:24px;font-weight:700;line-height:1.2;text-align:right}#prods-swiper .name .tag{position:absolute;top:-20px;right:0;background:#00a3ee;color:#fff;font-size:12px;line-height:1;padding:.3em .5em}#prods-swiper .name .tag.yellow{background:#ffd800;color:#2e2e2e}#prods-swiper .picbox{position:relative;margin:0 -30px}#prods-swiper .picbox:before{content:"";display:block;padding-top:77.8816199377%}#prods-swiper .picbox .pic{position:absolute;top:0;left:0;width:100%;height:100%}#prods-swiper .subtitle{font-size:17px;text-align:center;margin-bottom:1em}#prods-swiper .detail-link{display:block;font-size:19px;font-weight:700;color:#0067b8;text-align:center}#prods-swiper .swiper-pagination{bottom:20px}@media(max-height:672px){#prods-swiper .picbox{margin-left:0;margin-right:0}}@media(max-width:320px){#prods-swiper .cardbox{padding-top:30px;padding-bottom:30px}#prods-swiper .name{font-size:20px}#prods-swiper .subtitle{font-size:15px;margin-bottom:.5em}#prods-swiper .detail-link{font-size:14px}}.swiper-pagination{line-height:0}.swiper-pagination-bullet{vertical-align:bottom;background:#9b9b9b;opacity:1}.swiper-pagination-bullet-active{background:#006eff}@media(max-width:320px){.swiper-pagination-bullet{width:6px;height:6px}}#prod-swiper{height:100vh}#prod-swiper .cardbox{text-align:center}#prod-swiper .name{font-size:15px;font-weight:400}#prod-swiper .slogan{font-size:21px;font-weight:400;margin-bottom:30px}#prod-swiper .picbox{position:relative;margin:0 -30px 20px}#prod-swiper .picbox:before{content:"";display:block;padding-top:81.4641744548%}#prod-swiper .picbox .pic{position:absolute;top:0;left:0;width:100%;height:100%}#prod-swiper .picbox .ringtip{position:absolute;top:4px;left:16%;font-size:15px}#prod-swiper .picbox .ringtip .ring{position:static;display:inline-block;margin:0 .2em;font-size:20px;vertical-align:-.25em}#prod-swiper .picbox .ringtip .ring:after{display:none}#prod-swiper .picbox .ring{position:absolute;font-size:26px;width:1em;height:1em;border-radius:50%;border:3px solid #00a3ee}#prod-swiper .picbox .ring:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:1px solid #00a3ee;-webkit-animation:ring 1s ease-out infinite;animation:ring 1s ease-out infinite}@-webkit-keyframes ring{to{transform:scale(1.5);opacity:0}}@keyframes ring{to{transform:scale(1.5);opacity:0}}#prod-swiper .desc{font-size:21px;line-height:1.3;margin-bottom:30px}#prod-swiper .swipe-arrow{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);color:#898989;font-size:12px}#prod-swiper .swipe-arrow .arrow{display:block;width:12px;margin:.5em auto 0}#prod-swiper .swiper-pagination{left:auto;bottom:auto;top:110px;right:10px}#prod-swiper .spec-title{font-size:16px;font-weight:700;text-align:left;margin-left:24px;margin-bottom:10px}#prod-swiper .spec-pic{position:absolute;top:-10px;right:-30px;width:160px}@media(max-height:672px){#prod-swiper .picbox{margin-left:0;margin-right:0}}@media(max-width:320px){#prod-swiper .cardbox{padding-top:10px;margin-bottom:15px}#prod-swiper .name{font-size:13px}#prod-swiper .slogan{font-size:17px;margin-bottom:.5em}#prod-swiper .picbox .ringtip{font-size:12px}#prod-swiper .desc{font-size:14px}#prod-swiper .swiper-pagination{right:6px}#prod-swiper .swipe-arrow{bottom:15px}#prod-swiper .spec-title{font-size:14px;margin-bottom:0}}.detaillayer{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:2;background:#f2f2f2}.detaillayer .cardbox{padding-top:15px}.detaillayer .backtip{font-size:15px;text-align:center}.detaillayer .facebox{position:relative;margin:20% -30px 5%}.detaillayer .facebox:before{content:"";display:block;padding-top:77.8816199377%}.detaillayer .facebox .pic{position:absolute;top:0;left:0;width:100%;height:100%}.detaillayer .facebox .mark{position:absolute;width:32px;height:32px;color:#fff;font-size:16px;font-weight:700;line-height:26px;text-align:center;border:3px solid #fff;border-radius:50%;background:#00a3ee;box-shadow:0 0 14px rgba(0,0,0,.5)}.detaillayer .explains{list-style:none;font-size:10px;line-height:1.8;text-align:left;margin-left:40px}.detaillayer .explains li{position:relative;padding-left:20px;margin-bottom:.5em}.detaillayer .explains li:before{content:"①";position:absolute;top:4px;left:0;font-size:13px;line-height:1}.detaillayer .explains li:nth-child(2):before{content:"②"}.detaillayer .explains li:nth-child(3):before{content:"③"}.detaillayer .explains li:nth-child(4):before{content:"④"}@media(max-height:672px){.detaillayer .facebox{margin-left:0;margin-right:0}}@media(max-width:320px){.detaillayer .backtip{font-size:12px}.detaillayer .explains{line-height:1.2}.detaillayer .explains li:before{top:.1em;font-size:1.2em}}#spec-swiper{width:100%;text-align:left}#spec-swiper .swiper-slide{padding:30px 24px 0}#spec-swiper table{width:100%;border-collapse:collapse;border-spacing:0;font-size:9px}#spec-swiper td,#spec-swiper th{padding:8px 0}#spec-swiper th{font-weight:700;text-align:left;color:#006dde;padding-right:2em;min-width:4em;box-sizing:content-box}#spec-swiper .swiper-pagination{position:absolute;top:0;right:0;width:100%}#spec-swiper .swiper-pagination-bullet{margin:0 2px}@media(max-height:672px){#spec-swiper td,#spec-swiper th{padding-top:4px;padding-bottom:4px}}@media(max-width:320px){#spec-swiper .swiper-slide{padding:15px 10px 0}#spec-swiper td,#spec-swiper th{padding-top:2px;padding-bottom:2px}#spec-swiper th{padding-right:10px}}#prod-video-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;z-index:99}#prod-video-layer video{display:block;width:100%;height:100%;pointer-events:none;-o-object-fit:cover;object-fit:cover}#prod-video-layer .cnt{position:absolute;bottom:20%;left:0;width:100%;text-align:center}#prod-video-layer .video-link{display:block;font-size:22px;opacity:.7;margin-bottom:1em}#prod-video-layer .skip{font-size:18px;opacity:.4}.page-case-list{margin:60px 30px 30px}.case-group-title{font-size:17px;font-weight:500;margin-bottom:.5em}.case-group-title .icon{width:22px;height:22px;vertical-align:-.3em;margin-left:.1em}.case-item{background:#fff;border-radius:8px;box-shadow:0 0 25px rgba(0,0,0,.15);margin-bottom:22px;overflow:hidden}.case-item .picbox{position:relative}.case-item .picbox .pic{display:block;width:100%}.case-item .picbox .title{position:absolute;bottom:10px;left:10px;color:#fff;font-size:23px;font-weight:500;line-height:1.2}.case-item .subtitle{margin:1em;font-size:15px;font-weight:500}.page-case{margin-top:46px}.page-case .entry{background:#fff;padding:30px;margin:15px}.page-case .entry .title{font-size:26px;font-weight:200;line-height:1.2;margin-bottom:1em}.page-case .entry .video-box,.page-case .entry p{margin-bottom:1em}.page-case .entry img{max-width:100%;height:auto}.page-case .entry .aligncenter{display:block;margin-left:auto;margin-right:auto}.page-case .video-box{position:relative}.page-case .video-box:before{content:"";display:block;padding-top:56.25%}.page-case .video-box .prism-player{position:absolute;top:0;left:0;width:100%;height:100%}.page-tips-list{padding-top:46px;background:#fff;min-height:100vh}.tips-list-item .link{display:block;padding:15px;display:flex;align-items:center}.tips-list-item:nth-child(odd){background:#f7f7f7}.tips-list-item .thumb{flex:none;width:40%;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.4);margin-right:15px}.tips-list-item .textbox{flex:1}.tips-list-item .textbox .title{font-size:16px;font-weight:400;line-height:1.3}.tips-list-item .textbox .view{display:flex;align-items:flex-end;font-size:14px}.tips-list-item .textbox .view:after{content:"";display:inline-block;width:2em;height:2em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAB0CAYAAABpCHdBAAAEZUlEQVR4nO2d628MURTAf1tbWW8akQqCEIIPEpSEIPUW/2j/CBLvNxUiLSEejQQtWvUs2/pwWkFX2ztz79xzZ87vy3zo7p2z8+vsfcy5Z2s9PT1kpA6sB5YDC4B5wETWxipODfgBfAEGgVdTf6hnbHA5cGjyaPjnOXAFaLZleHM70I3JCckGYD9AFkE7gSU+ozFashFY4yqojtg1imGzq6AOZEBgFMMKV0ELkBGHUQwNV0E2jC6WCROknCyjOKNATJBysq4kzJVB4CMwP/B5UmEMWIXDPDK0oF7gdeBzpMYeYPtcXxz6K86G5NNxuiahBVkfNx1VgoycmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlmCDlpCqoRviMJBWkLGgvsC52IKFJVdA4ssOvG9noVFpSFQTwdfJ4ENhNSXPwUhb0p5AdwHFgYaRYguEqqN3x9UV25J3AaWBlgecMjusF/AA8cnj9iGP7eVmE3El3cYtTLVkE3QgRiEfagX3IDoLbkWPJTcp90GxsR0Z5SW96LrMgkHnSGWBt7ECyUnZBICO7I8DW2IFkoQqCptgHdCFFn5KhSoIAtpHYfKlqgkD2iJ6aPKqnioIAFgMnkDtKNVUVBPLZu4ADKF7HS1mQr6onm5B+abGn9rzSRroPvsY9ttUJnATWeGzTC3VgF+ktME7gv6jgIuAocBPo99x2ZurIB01NUEj2Ig8DbwHNyLHQhlSbNf5mC/LoInpd1pQHCaHpQIbiq2MGYYJmpgEcQ57YRsEEzU4NyXk4HOPkJmjuvI9x0lTnQEUyDFxDat8VjgmamTfABeBbrABM0P/pQ3IaohbSrWPlKv+liSTGPIkdCIigASRbJxUmkHW49cAyz22PAudRdD3qpJs/thS/ggaQO+eLxzZzk3If5DO34AFSAFcdKQvy8ZCtiSyKPvbQVhBSFpSXYeAqMBQ7kJmoqqAXyORzLHYgs1FFQX3I11oSVEnQGPKV9jJ2IC5URdAn4CLK+5tWVEHQC+A68D12IFkou6BeZI6TLGUV9BO4TGL9TStcBXUiWS9z5Trw1vEceRlCUqeS629a4SqogVumS8Ox/bwMAJeQO6gUuApyzRMrMq9M7XpaHsrQB31HVgWS729akbKghcjzm7OTx1KSqqB5wDNkjvMpcixBSVVQE3gYO4gisLw45Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5Zgg5YQW5LNsZVlwKowROqungfwTuP7uUFn5geM1Dy2oC9hJYuX4A9LEsep9EXdQ0Qn0pcIGCcoxQcpxFaS2hH5ZcRUUtXZaFXEV9BEFxb4rxKiroBFKvBdHIe+yDBKeeg/D+B9PswjqB175jsSYxn1gKIugJnAO2UBlv/vgn1GkbM09yLeScAcphLcE+WkXm1Nlp4YUe/qM1LH7XbbmF4L2jXV2Dz6bAAAAAElFTkSuQmCC) no-repeat 50%/contain;margin-left:auto;vertical-align:text-bottom}.page-tips-product{padding-top:46px;background:#fff;min-height:100vh}.tips-product-item{position:relative}.tips-product-item:after{content:"";position:absolute;bottom:0;left:15px;right:15px;height:1px;background:rgba(94,94,94,.3)}.tips-product-item .link{display:block;padding:15px;display:flex;align-items:center}.tips-product-item .thumbbox{position:relative;flex:none;width:25%;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.4);margin-right:15px;overflow:hidden}.tips-product-item .thumbbox .thumb{display:block;width:100%}.tips-product-item .thumbbox .duration{position:absolute;bottom:2px;right:2px;background:rgba(0,0,0,.5);color:#fff;font-size:10px;line-height:1;padding:.2em}.tips-product-item .textbox{position:relative;flex:1}.tips-product-item .textbox .no{position:absolute;top:0;right:0;font-size:25px;font-weight:700;color:#bebebe}.tips-product-item .textbox .title{font-size:16px;font-weight:400;line-height:1.3;margin-right:3em}.ali-player{position:relative}.ali-player:before{content:"";display:block;padding-top:56.25%}.ali-player .prism-player{position:absolute;top:0;left:0;width:100%;height:100%}.ali-player.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}