@media screen and (max-width:1920px){html{font-size:10px}}@media screen and (max-width:1440px){.container{width:94%}html{font-size:9.3px}.app-box h1{font-size:3.6rem;line-height:5rem}.app-box h4{font-size:1.5rem;line-height:5rem}.app-box .code-box{width:16rem}}@media screen and (max-width:1366px){.container{width:96%}html{font-size:8.8px}}@media screen and (max-width:1024px){html{font-size:8px}}@media screen and (max-width:920px){html{font-size:7.2px}.app-bg{width:100%;overflow:hidden}.app-bg .img img{width:120%;margin-left:-10%}.footer-box .flex-box{display:block}.footer-box .flex-item{text-align:center}.app-box{width:35rem}}@media screen and (max-width:840px){.header .nav>li+li{margin-left:2.5rem}}@media screen and (max-width:768px){html{font-size:6.4px}.pc-show{display:none}.mob-show{display:block}.header .logo{width:auto;line-height:7rem;height:7rem}.header .logo img{vertical-align:middle;width:auto;height:4rem}.app-box{left:0;position:relative;text-align:center;width:100%;padding:6rem 0 0}.app-bg .img img{width:70%;display:block;margin:0 15%}.app-box h1{font-size:5rem;line-height:8rem}.app-box h4{font-size:1.8rem;line-height:6.4rem}.footer-link a{font-size:1.6rem;line-height:3.2rem;width:auto;margin:0 auto;padding:0 .5rem}.footer-link a+a{padding:0 .5rem}.copyright{font-size:1.2rem}.header .site-btn{display:none}.header .order-btn{margin-top:1.5rem;display:inline-block;margin-right:0}.mob-nav{position:relative;display:inline-block}.mob-nav dt{line-height:7rem}.mob-nav dt img{height:3rem;vertical-align:middle}.mob-nav dd{display:none;position:fixed}.mob-nav.open dd{display:block;background:rgba(0,0,0,.8);width:100vw;height:100vh;left:0}.mob-nav.open dd .nav{overflow-y:auto;height:100vh;padding:5rem 5rem 7rem 5rem}.header .nav li{display:block;position:relative;line-height:7rem}.header .nav li span{font-size:3rem;font-weight:700;line-height:5rem}.header .nav li span i{display:inline-block;width:3rem;height:3rem;background:url(../images/jia.svg) no-repeat;background-size:cover;vertical-align:middle;margin-right:2rem}.header .nav li.active span i{background:url(../images/jian.svg) no-repeat;background-size:cover}.header .nav>li+li{margin:0}.header .nav .subnav{background:0 0;height:auto}.header .nav li.active .subnav{position:relative;width:100%;display:block;padding:2rem 0 5rem 5rem}.header .nav .subnav li a{font-size:3rem}.bar{bottom:10vh;right:2rem}.bar li{width:6rem;line-height:6rem}.bar li:last-child{top:7rem}.bar li i.bar-icon01 img{width:3.5rem}.bar li i.bar-icon02 img{width:3.5rem}.bar li i.bar-icon02 span{font-size:2rem}.bar li:hover{width:20rem}.bar li i{width:6rem}}@media screen and (max-width:640px){html{font-size:6.1px}}@media screen and (max-width:440px){html{font-size:5.8px}}@media screen and (max-width:320px){html{font-size:5.4px}}