.phone,.text{text-align:center}:root{--animate-modal-background-out-translateY:0;--animate-modal-background-in-scale:.85}*,html{-webkit-overflow-scrolling:touch}.drawer-sec,body.active{overflow:hidden}.secs.init{position:absolute;width:100%;-webkit-animation:animate-background-out;animation:animate-background-out;-webkit-animation-duration:.625s;animation-duration:.625s;-webkit-animation-timing-function:cubic-bezier(.29,.24,.12,.995);animation-timing-function:cubic-bezier(.29,.24,.12,.995);-webkit-transform-origin:50% -5%;-ms-transform-origin:50% -5%;transform-origin:50% -5%}.active .secs.animate{-webkit-animation:animate-background-in;animation:animate-background-in;-webkit-animation-duration:.625s;animation-duration:.625s;-webkit-animation-timing-function:cubic-bezier(.29,.24,.12,.995);animation-timing-function:cubic-bezier(.29,.24,.12,.995);-webkit-transform-origin:50% -5%;-ms-transform-origin:50% -5%;transform-origin:50% -5%}.drawer-sec{position:relative}section.drawer{position:fixed;z-index:999;width:100%;height:100vh;top:100vh;left:0;overflow-x:hidden;transition:top .7s cubic-bezier(.29,.24,.12,.995)}section.drawer .drawer-container{position:relative;z-index:40;width:100vw;background-color:rgba(255,255,255,0)}section.drawer .drawer-box{position:relative;overflow-y:auto;max-height:100vh;width:100vw}section.drawer .drawer-secs{width:100%;background-color:#fff}section.drawer .drawer-wrapper{width:12rem;height:100%;margin:0 auto;position:relative;max-width:100%}@media only screen and (max-width:1200px){section.drawer .drawer-wrapper{width:100%}}.active section.drawer.dactive{top:0}.drawer-mask{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:rgba(0,0,0,.5);z-index:999;max-height:0;opacity:0;transition:opacity .3s ease 0s,max-height 0s linear .5s}.oc-noscroll,.section,.text{position:relative}.drawer-mask.show-mask{opacity:1;max-height:100vh;transition:opacity .3s ease 0s,max-height 0s linear 0s}@-webkit-keyframes animate-background-out{from{-webkit-transform:translateY(var(--animate-modal-background-out-translateY)) scale(var(--animate-modal-background-in-scale));transform:translateY(var(--animate-modal-background-out-translateY)) scale(var(--animate-modal-background-in-scale))}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate-background-out{from{-webkit-transform:translateY(var(--animate-modal-background-out-translateY)) scale(var(--animate-modal-background-in-scale));transform:translateY(var(--animate-modal-background-out-translateY)) scale(var(--animate-modal-background-in-scale))}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animate-background-in{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.85);transform:scale(.85)}}@keyframes animate-background-in{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.85);transform:scale(.85)}}.oc-noscroll{width:100%;overflow:hidden!important}img{width:auto}.show{display:block}.section{overflow:hidden}.text{padding-top:1.2rem}.text .suptitle{font-size:.27rem;line-height:1;font-weight:700;padding-bottom:.36rem}.text .title{font-size:.64rem;line-height:.92rem;font-weight:700;padding-bottom:.6rem}.text .subtitle{font-size:.36rem;line-height:1;font-weight:600;padding-bottom:.42rem}.text .desc{font-size:.27rem;line-height:.36rem;font-weight:600;padding-bottom:1.8rem}.phone{padding-bottom:1rem}.phone-flow{transition:all .9s cubic-bezier(.39,.575,.565,1)}.drawer{background:#fff}.drawer .text{padding-top:1.3rem}.drawer-close{position:fixed;bottom:.6rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:.12rem .3rem;background-color:#52b376;border-radius:.5rem;z-index:60;display:none;cursor:pointer}.drawer-close span{color:#fff;font-size:.2rem;margin-right:.06rem}.drawer-close img{width:.22rem;vertical-align:sub}.container{margin:0 auto;width:12rem;position:relative;height:100%}@media only screen and (max-width:1080px){.container,section.drawer .drawer-wrapper{position:relative;width:8.6rem;margin:auto}.text{padding-top:1.1rem;text-align:left}.text .suptitle{font-size:.36rem;padding-bottom:.45rem}.text .title{font-size:.8rem;line-height:.88rem;padding-bottom:.9rem}.text .desc br{display:none}.text .desc{margin:auto;font-size:.44rem;line-height:.55rem;padding-bottom:1.4rem}.drawer-close{bottom:1rem;padding:.24rem .66rem}.drawer-close span{color:#fff;font-size:.48rem;margin-right:.21rem}.drawer-close img{width:.42rem;vertical-align:sub}}.sec-2,.sec-6{padding-bottom:1rem}.section{background:#fff}.sec-1{height:100vh;position:fixed;top:4rem}.sec-1 img{width:100%}.sec-2{background:linear-gradient(transparent,#fff);margin-top:9.5rem}.sec-3 .phone{width:15.36rem;margin-left:-1.68rem}@-webkit-keyframes protection{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes protection{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.sec-4 .mask{position:relative;margin-top:-.5rem}.sec-4 .mask .protection{position:absolute;top:0}.sec-4 .mask .protection .title{font-size:.2rem;line-height:.26rem;font-weight:700;max-width:4rem;text-align:center;opacity:0;transition:opacity 1.2s cubic-bezier(1,-.31,.98,.94)}.sec-4 .mask .protection .line{position:absolute;width:1px;height:0;background:#a1a1a1;transition:all .8s linear}.sec-4 .mask .protection .pic{position:absolute;width:.72rem;opacity:0;transition:opacity .5s cubic-bezier(.18696,.98296,.41618,1);-webkit-animation:protection 1s infinite;animation:protection 1s infinite}.sec-4 .mask.animate .protection-1 .pic,.sec-4 .mask.animate .protection-1 .title,.sec-4 .mask.animate .protection-2 .pic,.sec-4 .mask.animate .protection-2 .title,.sec-4 .mask.animate .protection-3 .pic,.sec-4 .mask.animate .protection-3 .title,.sec-4 .mask.animate .protection-4 .pic,.sec-4 .mask.animate .protection-4 .title,.sec-4 .mask.animate .protection-5 .pic,.sec-4 .mask.animate .protection-5 .title{opacity:1}.sec-4 .mask .protection-1{top:5.47rem}.sec-4 .mask .protection-1 .title{margin-left:1.4rem}.sec-4 .mask .protection-1 .line{top:-1.38rem;left:2.3rem}.sec-4 .mask .protection-1 .pic{top:-2rem;left:1.88rem}.sec-4 .mask .protection-2{top:.8rem}.sec-4 .mask .protection-2 .title{margin-left:.56rem;transition-delay:1s}.sec-4 .mask .protection-2 .line{bottom:-1.58rem;left:1.36rem;transition-delay:1s}.sec-4 .mask .protection-2 .pic{top:2rem;left:1rem;-webkit-animation-delay:.2s;animation-delay:.2s;transition-delay:1s}.sec-4 .mask .protection-3{top:5.56rem}.sec-4 .mask .protection-3 .title{margin-left:9.89rem;transition-delay:2s}.sec-4 .mask .protection-3 .line{top:-3rem;left:10.29rem;transition-delay:2s}.sec-4 .mask .protection-3 .pic{top:-3.6rem;left:9.89rem;-webkit-animation-delay:.6s;animation-delay:.6s;transition-delay:2s}.sec-4 .mask .protection-4{top:0}.sec-4 .mask .protection-4 .title{margin-left:8.72rem;transition-delay:3s}.sec-4 .mask .protection-4 .line{bottom:-2.22rem;left:9.44rem;transition-delay:3s}.sec-4 .mask .protection-4 .pic{top:2.64rem;left:9.12rem;-webkit-animation-delay:1s;animation-delay:1s;transition-delay:3s}.sec-4 .mask .protection-5{top:6.3rem}.sec-4 .mask .protection-5 .title{margin-left:8.6rem;transition-delay:4s}.sec-4 .mask .protection-5 .line{top:-2.08rem;left:9.44rem;transition-delay:4s}.sec-4 .mask .protection-5 .pic{top:-2.68rem;left:9.04rem;-webkit-animation-delay:1.5s;animation-delay:1.5s;transition-delay:4s}.sec-4 .mask.animate .protection-1 .line{height:1.19rem}.sec-4 .mask.animate .protection-2 .line{height:1.42rem}.sec-4 .mask.animate .protection-3 .line{height:2.82rem}.sec-4 .mask.animate .protection-4 .line{height:2.1rem}.sec-4 .mask.animate .protection-5 .line{height:1.86rem}.sec-6 .mask{position:relative;width:25.6rem;margin-left:-6.8rem;height:10rem;overflow:hidden}.sec-6 .phone{width:100%;position:absolute;bottom:0}.sec-11 .phone,.sec-114 .phone,.sec-116 .phone,.sec-117 .phone,.sec-7 .phone,.sec-8 .phone{width:25.6rem;margin-left:-6.8rem}.sec-7 .silde1 .phone{margin-top:-1rem}.sec-7 .silde2 .phone{margin-top:-2rem}.sec-7 .silde3 .phone{margin-top:1rem}.sec-7 .silde4 .phone{margin-top:-2rem}.sec-7 .desc{padding-bottom:.38rem}.sec-7 .learn_more{padding:.1rem .28rem;font-size:.27rem;font-weight:700;color:#fff;border-radius:2rem;background:rgba(0,0,0,.4)}.sec-7 .learn_more:hover{background-color:rgba(0,0,0,.722)}.sec-7 .pagination{padding:0 0 1rem;font-size:.28rem;font-weight:700;text-align:center}.sec-7 .pagination .dot{width:12px;height:12px;border:1px solid #090b16;border-radius:50%;margin:0 auto .3rem}.sec-7 .pagination li{text-align:center;display:inline-block;margin:0 .2rem;cursor:pointer}.sec-7 .pagination li .purple{border-color:#090b16}.sec-7 .pagination li .green{border-color:#214446}.sec-7 .pagination li .red{border-color:#ea2246}.sec-7 .pagination li .blue{border-color:#1429a1}.sec-7 .pagination li.active .purple{background-image:linear-gradient(#6b3b72,#090b16)}.sec-7 .pagination li.active .green{background-image:linear-gradient(#98babe,#214446)}.sec-7 .pagination li.active .red{background-image:linear-gradient(#d81597,#ea2246)}.sec-7 .pagination li.active .blue{background-image:linear-gradient(#153ad8,#130f4d)}.sec-11 .text{position:absolute;left:0;right:0;padding-top:1.6rem;color:#fff}.sec-11 .text .title{font-size:.88rem;line-height:.92rem;font-weight:700;padding-bottom:.72rem}.sec-11 .text .btn{display:inline-block;cursor:pointer;font-size:.27rem;font-weight:700;padding:.15rem .4rem;border:1px solid #fff;border-radius:.5rem;background-color:rgba(0,0,0,.4)}.sec-11 .text .btn:hover{background-color:rgba(0,0,0,.722)}.sec-13 .phone{width:12.55rem;margin-left:-.55rem;padding-bottom:0}.sec-13 .btn{text-align:center;padding:1.4rem 0 .8rem}.sec-13 .btn a{color:#fff;display:inline-block;font-size:.18rem;font-weight:700;padding:.13rem .25rem;border-radius:.5rem;background-color:rgba(0,0,0,.4)}.sec-13 .btn a:hover{background-color:rgba(0,0,0,.722)}.sec-111 .phone{width:15.2rem;margin-left:-1.6rem}.sec-113 .phone{margin-top:3.66rem;margin-left:.18rem;text-align:left;width:5.27rem}.sec-113 .phone:first-of-type{margin-top:1.34rem}.sec-113 .phone:nth-of-type(even){float:right;margin-top:-2.2rem;margin-right:.18rem;transition:all .9s cubic-bezier(.39,.575,.565,1)}.sec-114 .phone{z-index:9;margin-top:-.8rem}.sec-114 .phone li{position:absolute;top:0;left:0;opacity:0;transition:opacity .5s cubic-bezier(.18696,.98296,.41618,1)}.sec-114 .phone li:first-of-type{position:relative}.sec-114 .phone li.active{opacity:1}.sec-114 .swiper-pagination{position:relative;padding-bottom:.86rem;text-align:center;font-size:0}.sec-114 .swiper-pagination .swiper-pagination-bullet{position:relative;width:.96rem;height:.66rem;display:inline-block;margin:auto .32rem;cursor:pointer;opacity:1}.sec-114 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){width:.8rem;background:url(../../images/products/f9/sec114-s-8c143f366aa8cb1a76cef0c9cbb1596f58d727cb.png) center no-repeat;background-size:contain;transition:all .5s}.sec-114 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active,.sec-114 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1):hover{background:url(../../images/products/f9/sec114-s-a-e745aca4f55bde44144a062bdba07eaab1ee68cc.png) center no-repeat;background-size:contain;transition:all .3s}.sec-114 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){background:url(../../images/products/f9/sec114-f-b998fb9377b2515ece5f44872253f55ca33e05a4.png) center no-repeat;background-size:contain;transition:all .5s}.sec-114 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active,.sec-114 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2):hover{background:url(../../images/products/f9/sec114-f-a-6aa6f078001a3e422b803ae89aa0ab276bbf919a.png) center no-repeat;background-size:contain;transition:all .3s}.sec-118 .phone{margin-top:-1rem;padding-bottom:0}.sec-119 .phone{padding-bottom:1rem}.foot{padding:1.4rem 0 2.1rem}.foot .text{padding-top:0;text-align:left}.foot .text p{font-size:.16rem;line-height:.24rem;color:#9f9f9f}.foot .text .title{padding-bottom:.4rem}@media screen and (max-width:1080px){.sec-4 .mask.animate .protection-1 .pic,.sec-4 .mask.animate .protection-1 .title,.sec-4 .mask.animate .protection-2 .pic,.sec-4 .mask.animate .protection-2 .title,.sec-4 .mask.animate .protection-3 .pic,.sec-4 .mask.animate .protection-3 .title,.sec-4 .mask.animate .protection-4 .pic,.sec-4 .mask.animate .protection-4 .title,.sec-4 .mask.animate .protection-5 .pic,.sec-4 .mask.animate .protection-5 .title{opacity:1}.sec-2{margin-top:46vh}.sec-4 .mask,.sec-7 .silde1 .phone,.sec-7 .silde2 .phone{margin-top:0}.sec-11 .phone,.sec-113 .phone,.sec-114 .phone,.sec-117 .phone,.sec-3 .phone,.sec-7 .phone,.sec-8 .phone,.sec-9 .phone{width:10.8rem;margin-left:-1.1rem}.sec-4 .mask .protection .title{font-size:.27rem;line-height:.36rem;max-width:2rem;width:2rem}.sec-4 .mask .protection .line{position:absolute;width:0;height:1px}.sec-4 .mask .protection-1{top:8.62rem}.sec-4 .mask .protection-1 .title{margin-left:-.8rem;text-align:right}.sec-4 .mask .protection-1 .line{top:.3rem;left:auto;right:-2.14rem}.sec-4 .mask .protection-1 .pic{top:0;left:3.2rem}.sec-4 .mask .protection-2{top:9.4rem}.sec-4 .mask .protection-2 .title{margin-left:6.8rem;text-align:left}.sec-4 .mask .protection-2 .line{bottom:auto;top:.3rem;left:4.38rem}.sec-4 .mask .protection-2 .pic{top:0;left:3.8rem}.sec-4 .mask .protection-3{top:.64rem}.sec-4 .mask .protection-3 .title{margin-left:-.8rem;text-align:right}.sec-4 .mask .protection-3 .line{top:.3rem;left:auto;right:-3.66rem}.sec-4 .mask .protection-3 .pic{top:0;left:4.76rem}.sec-4 .mask .protection-4{top:1.6rem}.sec-4 .mask .protection-4 .title{margin-left:6.8rem;text-align:left}.sec-4 .mask .protection-4 .line{bottom:auto;top:.3rem;left:4.58rem}.sec-4 .mask .protection-4 .pic{top:0;left:3.98rem}.sec-4 .mask .protection-5{top:1.7rem}.sec-4 .mask .protection-5 .title{margin-left:-.8rem;text-align:right}.sec-4 .mask .protection-5 .line{top:.3rem;left:auto;right:-1.9rem}.sec-4 .mask .protection-5 .pic{top:0;left:3rem}.sec-4 .mask.animate .protection-1 .line{width:1.82rem;height:1px}.sec-4 .mask.animate .protection-2 .line{height:1px;width:2.1rem}.sec-4 .mask.animate .protection-3 .line{width:3.42rem;height:1px}.sec-4 .mask.animate .protection-4 .line{height:1px;width:1.94rem}.sec-4 .mask.animate .protection-5 .line{height:1px;width:1.66rem}.sec-111 .phone,.sec-13 .phone{width:auto;margin-left:auto}.sec-6 .phone{transition:-webkit-transform 50ms linear;transition:transform 50ms linear;transition:transform 50ms linear,-webkit-transform 50ms linear}.sec-7 .silde3 .phone{margin-top:1.8rem}.sec-7 .silde4 .phone{margin-top:0}.sec-7 .desc{padding-bottom:.62rem}.sec-7 .learn_more{padding:.15rem .4rem;font-size:.42rem}.sec-11{padding-top:1rem}.sec-11 .text{padding-top:2rem;text-align:center}.sec-11 .text .btn{font-size:.36rem;padding:.22rem .5rem}.sec-13 .phone{padding-bottom:0}.sec-13 .btn{padding:1.6rem 0 1rem}.sec-13 .btn a{font-size:.27rem;padding:.24rem .3rem}.sec-111 .text{margin-top:1rem}.sec-113{padding-bottom:1rem}.sec-113 .phone{margin-top:.36rem;padding-bottom:0}.sec-113 .phone:first-of-type{margin-top:2rem}.sec-113 .phone:nth-of-type(even){float:unset;margin-top:.36rem;margin-right:auto}.sec-114 .phone{margin-top:auto}.sec-114 .swiper-pagination{padding:.4rem 0 1.26rem}.sec-116 .phone{width:100%;margin:auto}.sec-118 .phone{margin-top:-.6rem}.foot{padding:2.2rem 0 2.1rem}.foot .text p{font-size:.36rem;line-height:.45rem}}