.header{width:100%;height:100px;padding:0 100px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e5e5e5;position:fixed;background:#fff;z-index:9999}.header .logo{width:141px;height:50px;background:url(https://susuanqiniu.knowbox.cn/fe/www-m/xhkt-logo-pc.png) no-repeat;background-size:100% 100%;text-indent:-9999px;cursor:pointer}.header .nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .nav,.header .nav .list{display:-webkit-box;display:-ms-flexbox;display:flex}.header .nav .list{width:400px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#3f3f43;font-size:26px}.header .nav .list .link{color:#3f3f43;font-size:16px;text-decoration:none;border-bottom:1px solid transparent;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-family:PingFangSC-light}.header .nav .list .link.cur,.header .nav .list .link:hover{border-bottom:1px solid #e65c29;color:#e65c29}.header .nav .teacher{height:30px;line-height:30px;margin-left:30px;color:#fff;background:#fa5000;padding:0 10px;font-size:13px;cursor:pointer;margin-top:-3px;font-family:PingFangSC-light}.footer{width:100%;background:#383896;padding:96px 30px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.footer .footer-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1200px;margin:0 auto}.footer .footer-wrapper .blocks{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.footer .footer-wrapper .blocks .block{margin-right:52px}.footer .footer-wrapper .blocks .block:nth-child(4){margin-right:0}.footer .footer-wrapper .blocks .title{font-size:20px;color:#c7c7ff;margin-bottom:43px;font-family:PingFangSC-Medium}.footer .footer-wrapper .blocks .link{display:block;color:#c7c7ff;text-decoration:none;font-size:14px;margin-bottom:20px;white-space:nowrap;cursor:pointer;font-family:PingFangSC-light}.footer .footer-wrapper .blocks .link:hover{color:rgba(251,80,0,.9)}.footer .footer-wrapper .blocks .product-list .list{display:-webkit-box;display:-ms-flexbox;display:flex}.footer .footer-wrapper .blocks .product-list .family-app{margin-left:40px}.footer .footer-wrapper .blocks .border-line{position:absolute;top:45px;left:0;width:100%;height:1px;background:#fff;opacity:.1}.footer .footer-wrapper .blocks .job{color:#c7c7ff;text-decoration:none;font-size:14px;font-family:PingFangSC-light}.footer .footer-wrapper .blocks .job:hover{color:rgba(251,80,0,.9)}.footer .footer-wrapper .extra{text-align:right}.footer .footer-wrapper .extra .wechat img{width:112px;height:112px}.footer .footer-wrapper .extra .wechat .name{color:hsla(0,0%,100%,.6);font-size:14px;margin-right:14px;font-family:PingFangSC-light}.footer .footer-wrapper .extra .tel{font-size:52px;color:#fff;margin:66px 0 19px;height:43px;line-height:43px;font-family:arial-black}.footer .footer-wrapper .extra .email{font-size:31px;color:#fff;font-family:arial-black}.footer .line{width:120%;height:1px;background:hsla(0,0%,100%,.1);margin:80px 0 45px -30px}.footer .copyright{font-size:14px;color:hsla(0,0%,100%,.3);line-height:24px;text-align:center;padding:10px 0 60px;-webkit-box-sizing:border-box;box-sizing:border-box;width:1200px;margin:0 auto;font-family:PingFangSC-light}.footer .copyright a{text-decoration:none;color:hsla(0,0%,100%,.48)}.footer .copyright a:hover{text-decoration:underline}.footer .copyright span{margin-right:15px}.footer .copyright span .img{width:16px;height:18px;-webkit-transform:translateY(3px);transform:translateY(3px);margin-right:3px}.footer .copyright span:last-child{margin-right:0}.footer .publicity-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.footer .publicity-info a{margin-right:10px;color:hsla(0,0%,100%,.3);text-decoration:none;font-size:14px}.footer .publicity-info a:last-child{margin-right:0!important}html{font-family:"Microsoft YaHei, PingFangSC-Light, SimSun"}li,ul{list-style:none}li,p,ul{margin:0;padding:0}body,html{width:100%;scroll-behavior:smooth}.page{width:100%;margin:0 auto;overflow:hidden}.banner{position:relative}.banner .video-js{width:100%;z-index:999;outline:0;background:#fff}.banner .video-js video{outline:0}.banner .cube{width:643px;height:643px;position:absolute;background:url(https://appd.knowbox.cn/ss/activity/knowbox-web/img/cubex2.png) no-repeat;background-size:100% 100%;right:-42px;bottom:-260px;-webkit-transform:rotate(75deg);transform:rotate(75deg)}.banner .swiper__slide{position:relative}.banner .swiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:hsla(0,0%,100%,.6);border-radius:0}.banner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:90px;background:#fb5000}.index{padding-top:100px;-webkit-box-sizing:border-box;box-sizing:border-box}.index .home-news-wrap{width:1200px;margin:0 auto;padding:120px 0 0;position:relative}.index .home-news-wrap .header-header{width:100%;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px}.index .home-news-wrap .header-header .header-title{margin:52px 0 20px;text-indent:-99999px;width:164px;height:44px;background:url(https://appd.knowbox.cn/ss/activity/knowbox-web/img/news/News.png) no-repeat}.index .home-news-wrap .header-header .header-desc{color:#f85100;font-size:32px;font-weight:700}.index .home-news-wrap .home-news-items{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:50px 0;list-style:disc}.index .home-news-wrap .home-news-items,.index .home-news-wrap .home-news-items .home-news-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index .home-news-wrap .home-news-items .home-news-item{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:50%;margin:10px 0;padding:0 50px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.index .home-news-wrap .home-news-items .home-news-item:before{content:"";width:5px;height:5px;border-radius:5px;background:#000;position:absolute;left:0}.index .home-news-wrap .home-news-items .home-news-item:hover .home-news-item-icon{-webkit-transform:translateX(5px);transform:translateX(5px)}.index .home-news-wrap .home-news-items .home-news-item .home-news-item-title{font-size:18px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.index .home-news-wrap .home-news-items .home-news-item .home-news-item-title:hover{color:#f85100}.index .home-news-wrap .home-news-items .home-news-item .home-news-item-icon{width:8px;height:14px;-webkit-transition:all .3s;transition:all .3s}.index .products{padding-top:182px;-webkit-box-sizing:border-box;box-sizing:border-box;width:1200px;margin:0 auto}.index .products .main-title{text-indent:-99999px;width:267px;height:89px;background:url(https://appd.knowbox.cn/ss/activity/knowbox-web/img/Productsx2.png) no-repeat;background-size:100% 100%}.index .products .image-wrap{position:relative;height:823px;background:url(https://susuanqiniu.knowbox.cn/fe/www-m/product_xhkt.jpg) 50%/cover no-repeat}.index .products .image-wrap .btn-wrap{position:absolute;left:70px;bottom:110px;display:-webkit-box;display:-ms-flexbox;display:flex}.index .products .image-wrap .btn-wrap>div{width:140px;height:140px;margin-right:20px;cursor:pointer}.index .products .image-wrap .btn-wrap .upload-app{cursor:auto;background:url(https://susuanqiniu.knowbox.cn/fe/www-m/upload_app.png?v=1) 50%/cover no-repeat}.index .products .image-wrap .btn-wrap .upload-win7-lower{background:url(https://susuanqiniu.knowbox.cn/fe/www-m/upload_pc_icon.png?v=1) 50%/cover no-repeat}.index .products .image-wrap .btn-wrap .upload-win7-lower:hover{background:url(https://susuanqiniu.knowbox.cn/fe/www-m/upload_pc_icon_hover.png?v=1) 50%/cover no-repeat}.index .products .image-wrap .btn-wrap .upload-win7-upper{background:url(https://susuanqiniu.knowbox.cn/fe/www-m/upload_win7_upper.png?v=1) 50%/cover no-repeat}.index .products .image-wrap .btn-wrap .upload-win7-upper:hover{background:url(https://susuanqiniu.knowbox.cn/fe/www-m/upload_win7_upper_hover.png?v=1) 50%/cover no-repeat}.index .products .image-wrap .btn-wrap .upload-mac{background:url(https://susuanqiniu.knowbox.cn/fe/www-m/upload_mac.png?v=1) 50%/cover no-repeat}.index .products .image-wrap .btn-wrap .upload-mac:hover{background:url(https://susuanqiniu.knowbox.cn/fe/www-m/upload_mac_hover.png?v=1) 50%/cover no-repeat}.index .charity{width:1040px;margin:0 auto;padding:83px 0 170px;position:relative}.index .charity .title{text-indent:-99999px;width:427px;height:100px;background:url(https://appd.knowbox.cn/ss/activity/knowbox-web/img/Charity@2x-new-1.png) no-repeat;background-size:100% 100%}.index .charity .gallery{position:relative;z-index:10}.index .charity .gallery .focus{margin:10px 0 20px}.index .charity .gallery .focus .pic{width:1040px;display:block;cursor:pointer}.index .charity .gallery .next{width:118px;height:118px;background:url(https://appd.knowbox.cn/ss/activity/knowbox-web/img/nextx2.png) no-repeat;background-size:100% 100%;position:absolute;right:50px;bottom:-65px;cursor:pointer;-webkit-transition:right .1s ease;transition:right .1s ease;z-index:100}.index .charity .gallery .next:hover{right:40px}.index .charity .text{font-size:24px;font-family:PingFangSC-light;cursor:pointer}.index .charity .cube{width:643px;height:643px;position:absolute;background:url(https://appd.knowbox.cn/ss/activity/knowbox-web/img/cubex2.png) no-repeat;background-size:100% 100%;right:-205px;top:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.index .charity .swiper .swiper-slide{padding-bottom:35px}.index .charity .swiper-pagination{bottom:60px;left:50%;width:30%;-webkit-transform:translate(-50%);transform:translate(-50%)}.index .charity .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#000;border-radius:0}.index .charity .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:90px;background:#fb5000}