*{padding:0;margin:0;box-sizing:border-box}html{font-size:20px;min-height:100%}body{min-height:100vh}body #app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;background:url(/img/header-bg.jpg) #0c0d0e no-repeat;color:#fff;height:3.3rem;padding-left:20%;background-size:17.3% 150%}header .logo{width:14.3%;min-width:5rem;background:url(/img/logo.png) no-repeat;background-position:left center;background-size:4.5rem}header .search-tool{width:14.3%;min-width:4rem;line-height:3.3rem;background:url(/img/search-icon.png) no-repeat;background-size:1.1rem;background-position:left center;padding-left:1.2rem}header .search-tool input{border:none!important;padding:0 .2rem;color:#fff;position:relative;background:#0c0d0e;width:100%;outline:none}header .header-nav{flex:1;display:flex}header .header-nav>a{flex:1;padding-left:.7rem;cursor:pointer;line-height:3.1rem;font-size:.6rem;text-decoration:none}header .header-nav>a ul{display:none;background:#fff;margin:0;padding:0;width:100%;left:-1.8rem;z-index:2;position:absolute;top:100%}header .header-nav>a ul li{line-height:1rem;padding:.5rem;list-style:none}header .header-nav>a ul li>a{color:#000!important;text-decoration:none}header .header-nav>a ul li>a:hover{color:#fbd100!important}header .header-nav a:-webkit-any-link{color:#fff}header .header-nav a:visited{color:#fff;text-decoration:none!important}header .header-nav>a:hover{color:#fbd100;position:relative}header .header-nav>a:hover ul{display:inline-block}header .header-nav>a:hover:before{content:"";display:block;width:.5rem;height:.5rem;border-radius:50%;background:#fbd100;position:absolute;left:0;top:1.3rem}main{background:#f1f2f3;flex:1}main .hover-nav{position:fixed;right:7%;top:55%;z-index:1}main .hover-nav .hover-nav-item{display:flex;position:relative}main .hover-nav .hover-nav-item a{color:#000;text-decoration:none}main .hover-nav .hover-nav-item .radius-top{border-radius:.7rem .7rem 0 0}main .hover-nav .hover-nav-item .radius-bottom{border-radius:0 0 .7rem .7rem}main .hover-nav .hover-nav-item .radius{border-radius:.7rem}main .hover-nav .hover-nav-item .hover-nav-lbl{background:#fff;font-size:.6rem;padding:.3rem 1rem;margin-right:1rem;cursor:pointer;height:1.4rem;box-shadow:0 0 2px #eef2f2;width:5rem}main .hover-nav .hover-nav-item .hover-nav-lbl:hover{color:#fff;background:#fbd100}main .hover-nav .hover-nav-item .hover-nav-icon{height:1.4rem;width:1.4rem;cursor:pointer;background-repeat:no-repeat;background-color:#fbd100;background-position:center;background-size:2rem;box-shadow:0 0 2px #eef2f2}main .hover-nav .hover-nav-item .hover-nav-icon.icon1{background-image:url(/img/h-icon1.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon1:hover{background-image:url(/img/h-icon1-s.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon2{background-image:url(/img/h-icon2.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon2:hover{background-image:url(/img/h-icon2-s.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon3{background-image:url(/img/h-icon3.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon3:hover{background-image:url(/img/h-icon3-s.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon4{background-image:url(/img/h-icon4.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon4:hover{background-image:url(/img/h-icon4-s.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon5{background-image:url(/img/h-icon5.png)}main .hover-nav .hover-nav-item .hover-nav-icon.icon5:hover{background-image:url(/img/h-icon5-s.png)}main .hover-nav .hover-nav-item .qr-box{position:absolute;width:100%;top:1.6rem}main .hover-nav .hover-nav-item .qr-box img{width:100%}main .detail-box{font-size:0}main .detail-box img{width:100%}main .detail-box .detail-video{text-align:center;position:relative}main .detail-box .detail-video video{width:60%;position:absolute;top:20%;left:20%}main .detail-box .no-desc{text-align:center;font-size:1rem;padding:6rem 2rem}main .detail-box .video-box{padding:10% 10% 0}main .detail-box .video-box video{width:100%}main .detail-box .video-box:last-child{padding-bottom:10%}main .detail-box .product-info{font-size:.7rem;width:70%;margin:0 auto;padding:3rem 0}footer{display:flex;background:url(/img/footer.png) 0 100% repeat-x #0c0d0e;color:#fff;width:100%;padding:2rem 2rem 4rem;font-size:.5rem;background-size:1rem}footer .f-left{width:40%;display:flex}footer .f-left .footer-logo{width:15rem;background:url(/img/logo.png) no-repeat;background-position:right 1rem top;background-size:50%;height:2.5rem}footer .f-left .footer-nav{width:10rem}footer .f-left .footer-nav a{display:block;padding-bottom:.6rem;cursor:pointer}footer .f-left .footer-nav a:hover{font-weight:700}footer .f-right{width:60%;display:flex}footer .f-right .about{flex:1}footer .f-right .about .media-list{margin-top:.6rem;display:flex}footer .f-right .about .media-list .media-item{display:inline-block;width:1.5rem;height:1.5rem;background:#fff;margin-right:.5rem}footer .f-right .qrcode{width:23%;min-width:6rem}footer .f-right .qrcode a{color:#fff;text-decoration:none!important}footer .f-right .qrcode a:visited{color:#fff;text-decoration:none!important}footer .f-right .qrcode img{width:60%;margin-top:.5rem}@media screen and (max-width: 400px){body{padding-bottom:0}header{height:2rem;position:relative;overflow:visible;background-position:-3.5rem 0;background-size:7.5rem}.header-nav a,.search-tool,.hover-nav-lbl{display:none}.header-nav{background:url(/img/menu.png) no-repeat;background-size:1.5rem;background-position:right top .2rem;display:inline-block!important;position:absolute;right:0;top:0;min-height:2rem;width:4rem;z-index:1;padding-top:2rem}.header-nav a ul{width:auto!important}.header-nav a:hover:before{display:none!important}.header-nav:hover a{display:block;line-height:1rem;background:#fff;color:#000!important;padding:.2rem}.header-nav a:hover:before{display:none}.hover-nav{right:1rem;bottom:8rem;top:auto}.hover-nav .hover-nav-item .hover-nav-icon{box-shadow:none}footer{position:relative;padding:1rem 1rem 2rem;background-size:.7rem}footer .f-left{display:inline-block;width:50%}footer .f-left .footer-logo{width:100%;background-position:left top}footer .f-right{display:inline-block;width:50%}footer .f-right .qrcode{width:100%;min-width:auto;margin-top:.5rem}footer .f-right .qrcode img{margin-top:0}main .detail-box .detail-video video{width:80%;left:10%;top:10%}main .detail-box .product-info{font-size:.7rem;width:90%;margin:0 auto;padding:1rem 0}}.txt-r{text-align:right}.w-80{width:80px!important}.red{color:red}.lang-box[data-v-906a8031]{font-size:.6rem;line-height:3.1rem;padding-right:1rem}.lang-box span[data-v-906a8031]{cursor:pointer;padding:0 .2rem}