html{overflow:auto!important}body{position:relative;min-width:1200px!important}#fp-nav ul li a span{background:#fff}#fp-nav.black ul li a span{background:rgba(255,255,255,.3)}.header{position:fixed;width:100%;height:72px;background:#171E52;z-index:99999;min-width:1200px}.header .logo{float:left;margin-left:50px;height:55px;padding-top:17px}.header .logo a{display:block;width:160px;height:39px;background:url(https://upload.zklatech.com/website/img/images/logo.png) no-repeat;background-size:100%}.header #menu{float:right}.header #menu ul{float:left;height:72px}.header #menu ul li{float:left;width:120px;height:100%;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:16px;line-height:72px;cursor:pointer}.header #menu ul li a{display:block;width:100%;height:100%;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF}.header #menu .login span,.header #menu .login span a{font-size:15px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF}.header #menu ul li.active{background:linear-gradient(180deg,rgba(113,90,255,.7) 0,rgba(108,94,246,0) 100%)}.header #menu .login{width:200px;height:52px;float:right;padding-top:20px}.header #menu .login span{display:block;width:96px;height:32px;background:linear-gradient(333deg,#5A42EF 0,#8679FF 100%);border-radius:4px;line-height:32px;cursor:pointer;margin-left:30px}.rlayer{width:2px;height:2px;position:fixed;right:31px;bottom:126px;z-index:9999}.rlayer #pet{transform:scale(.5,.5);transform-origin:right bottom;display:block;position:absolute;right:20px;bottom:0;z-index:9999}.rlayer #rlayer-contact-us{box-sizing:border-box;width:420px;height:440px;background:#FFF;box-shadow:0 2px 20px 0 rgba(0,0,0,.1);border-radius:4px;padding-top:36px;padding-left:20px;position:absolute;right:30px;bottom:0;display:flex;flex-direction:column;align-items:center;z-index:9000}.rlayer #rlayer-contact-us .title{font-size:24px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222;line-height:24px;margin-bottom:34px}.rlayer #rlayer-contact-us .address,.rlayer #rlayer-contact-us .email,.rlayer #rlayer-contact-us .phone{width:360px;height:50px;background:rgba(255,255,255,.04);border-radius:2px;display:flex;align-items:center}.rlayer #rlayer-contact-us .address img,.rlayer #rlayer-contact-us .email img,.rlayer #rlayer-contact-us .phone img{width:24px;height:24px;margin-right:13px}.rlayer #rlayer-contact-us .address span,.rlayer #rlayer-contact-us .email span,.rlayer #rlayer-contact-us .phone span{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:25px}.rlayer #rlayer-contact-us .qr-contact{display:flex;width:360px;justify-content:flex-start}.rlayer #rlayer-contact-us .qr-contact div{width:160px;height:170px;display:flex;flex-direction:column;align-items:center}.rlayer #rlayer-contact-us .qr-contact div img{width:110px;height:110px}.rlayer #rlayer-contact-us .qr-contact div span{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:22px}.swiper-pagination-bullet{width:24px;height:6px;background:#fff;border-radius:0;opacity:.3}.service,.swiper-container{width:100%;height:100%}.swiper-pagination-bullet-active{background:#fff;opacity:1}.swiper-container .swiper-wrapper{background:url(https://upload.zklatech.com/website/img/images/banner-bg.png) center no-repeat;background-size:cover}.swiper-container .swiper-wrapper .swiper-slide{background-size:cover;background-position:center;cursor:pointer}.service{background:url(https://upload.zklatech.com/website/img/images/service.png) center no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.service .service-box{height:410px}.service .service-box .title{font-size:28px;font-family:SourceHanSansCN-Bold,SourceHanSansCN;font-weight:700;color:#FFF;line-height:28px;letter-spacing:2px;margin-bottom:28px}.service .service-box #service-tab{width:1000px;margin:0 auto 33px}.service .service-box #service-tab li{width:320px;height:64px;background:rgba(0,0,0,.2);cursor:pointer;float:left;margin-right:20px;display:flex;align-items:center;justify-content:center}.service .service-box #service-tab li img{width:24px;height:24px;margin-right:8px;position:relative;top:1px}.service .service-box #service-tab li strong{font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:20px}.service .service-box #service-tab li:last-child{margin-right:0}.service .service-box #service-tab li.active{background:linear-gradient(333deg,#5A42EF 0,#8679FF 100%)}.service .service-box .service-content{width:1000px;margin:0 auto}.service .service-box .service-content .service-cpjs{display:flex}.service .service-box .service-content .service-cpjs img{position:relative;left:50px}.service .service-box .service-content .service-cpjs img:nth-child(1){width:433px;height:304px;margin-right:50px}.service .service-box .service-content .service-cpjs img:nth-child(2){width:414px;height:376px}.service .service-box .service-content .service-jsnl{display:flex;flex-wrap:wrap;justify-content:space-between}.service .service-box .service-content .service-jsnl div{width:228px;height:120px;background:rgba(255,255,255,.07);margin-bottom:22px;padding-top:15px}.service .service-box .service-content .service-jsnl div img{width:56px;height:56px;display:block;margin:0 auto 10px}.service .service-box .service-content .service-jsnl div strong{width:168px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:25px;text-align:center}.service .service-box .service-content .service-jsnl div:hover{cursor:pointer;background:linear-gradient(333deg,#5A42EF 0,#8679FF 100%)}.service .service-box .service-content .service-fwnr{width:1000px;height:400px;position:relative}.service .service-box .service-content .service-fwnr .service-fwnr-bg{position:absolute;width:1000px;height:151px;left:-80px;top:100px}.service .service-box .service-content .service-fwnr .service-fwnr-card{position:absolute;width:144px;height:144px}.service .service-box .service-content .service-fwnr .service-fwnr-card strong{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:25px;margin-bottom:4px;text-align:center}.service .service-box .service-content .service-fwnr .service-fwnr-card img{width:78px;height:78px;margin:0 auto;display:block}.service .service-box .service-content .service-fwnr .service-fwnr-card:nth-child(2){left:120px;top:36px}.service .service-box .service-content .service-fwnr .service-fwnr-card:nth-child(3){left:300px;top:36px}.service .service-box .service-content .service-fwnr .service-fwnr-card:nth-child(4){left:480px;top:36px}.service .service-box .service-content .service-fwnr .service-fwnr-card:nth-child(5){left:660px;top:36px}.service .service-box .service-content .service-fwnr .service-fwnr-card:nth-child(6){left:740px;top:210px}.service .service-box .service-content .service-fwnr .service-fwnr-card:nth-child(7){left:560px;top:210px}.service .service-box .service-content .service-fwnr .service-fwnr-card:nth-child(8){left:380px;top:210px}.service .service-box .service-content .service-fwnr .service-fwnr-card:nth-child(9){left:200px;top:210px}.service .service-box .service-content .service-fwnr .arrow{width:37px;height:47px;position:absolute;left:90px;top:78px;animation:arrow 10s infinite linear;opacity:0}@keyframes arrow{0%{transform:rotate(0);left:90px;top:78px;opacity:0}0.1%{transform:rotate(0);left:90px;top:78px;opacity:1}9.9%{transform:rotate(0);left:90px;top:78px;opacity:0}10%{left:260px;top:78px;transform:rotate(0);opacity:0}10.1%{left:260px;top:78px;transform:rotate(0);opacity:1}19.9%{left:260px;top:78px;transform:rotate(0);opacity:0}20%{left:450px;top:78px;transform:rotate(0);opacity:0}20.1%{left:450px;top:78px;transform:rotate(0);opacity:1}29.9%{left:450px;top:78px;transform:rotate(0);opacity:0}30%{left:620px;top:78px;transform:rotate(0);opacity:0}30.1%{left:620px;top:78px;transform:rotate(0);opacity:1}39.9%{left:620px;top:78px;transform:rotate(0);opacity:0}40%{left:790px;top:78px;transform:rotate(0);opacity:0}40.1%{left:790px;top:78px;transform:rotate(0);opacity:1}49.9%{left:790px;top:78px;transform:rotate(0);opacity:0}50%{left:900px;top:146px;transform:rotate(90deg);opacity:0}50.1%{left:900px;top:146px;transform:rotate(90deg);opacity:1}59.9%{left:900px;top:146px;transform:rotate(90deg);opacity:0}60%{left:706px;top:225px;transform:rotate(180deg);opacity:0}60.1%{left:706px;top:225px;transform:rotate(180deg);opacity:1}69.9%{left:706px;top:225px;transform:rotate(180deg);opacity:0}70%{left:520px;top:225px;transform:rotate(180deg);opacity:0}70.1%{left:520px;top:225px;transform:rotate(180deg);opacity:1}79.9%{left:520px;top:225px;transform:rotate(180deg);opacity:0}80%{left:323px;top:225px;transform:rotate(180deg);opacity:0}80.1%{left:323px;top:225px;transform:rotate(180deg);opacity:1}89.9%{left:323px;top:225px;transform:rotate(180deg);opacity:0}}.news{width:100%;height:100%;background:url(https://upload.zklatech.com/website/img/images/news.png) center no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.news .news-box{height:410px;width:1040px}.news .news-box .title{font-size:28px;font-family:SourceHanSansCN-Bold,SourceHanSansCN;font-weight:700;color:#FFF;line-height:28px;letter-spacing:2px;margin-bottom:28px}.news .news-box .news-list{width:1020px;margin:0 auto 15px}.news .news-box .news-list a .news-card img,.news .news-box .news-list a img{margin-right:25px;width:150px;height:100px}.news .news-box .news-list a{width:1020px;height:120px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:2px}.news .news-box .news-list a img{margin-left:10px}.news .news-box .news-list a .news-card{height:100px;padding-right:10px}.news .news-box .news-list a .news-card div{display:flex;align-items:center;justify-content:space-between}.news .news-box .news-list a .news-card div strong{font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#FFF;line-height:28px;margin-bottom:14px;text-align:left;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:600px}.news .news-box .news-list a .news-card div em{font-size:14px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#FFF;line-height:14px}.news .news-box .news-list a .news-card p{font-size:14px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:rgba(255,255,255,.7);line-height:20px;text-indent:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left;width:825px;height:40px}.news .news-box .news-list a:hover{background:rgba(79,68,189,.2);cursor:pointer}.news .news-box .news-more{width:74px;height:32px;border-radius:16px;border:1px solid #FFF;margin:0 auto;padding-left:21px;padding-right:20px;line-height:32px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.news .news-box .news-more span{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:32px;height:32px}.news .news-box .news-more img{width:12px;height:12px}.cooperation,.us{height:100%;justify-content:center;display:flex}.cooperation{width:100%;background:url(https://upload.zklatech.com/website/img/images/cooperation.png) center no-repeat;background-size:cover;align-items:center}.cooperation .cooperation-box{width:1080px;height:371px;position:relative;padding-top:50px}.cooperation .cooperation-box .company-bg,.us{width:100%}.cooperation .cooperation-box .company-img{position:absolute;width:218px;height:71px}.cooperation .cooperation-box .company-img:nth-child(2){left:188px;top:303px}.cooperation .cooperation-box .company-img:nth-child(3){left:280px;top:139px}.cooperation .cooperation-box .company-img:nth-child(4){left:361px;top:381px}.cooperation .cooperation-box .company-img:nth-child(5){left:417px;top:23px}.cooperation .cooperation-box .company-img:nth-child(6){left:517px;top:100px}.cooperation .cooperation-box .company-img:nth-child(7){left:625px;top:262px}.cooperation .cooperation-box .company-img:nth-child(8){left:814px;top:378px}.cooperation .cooperation-box .company-img:nth-child(9){left:850px;top:37px}.cooperation .cooperation-box .company-img:nth-child(10){left:885px;top:139px}.cooperation .cooperation-box .company-img:nth-child(11){left:885px;top:285px}.us{background:url(https://upload.zklatech.com/website/img/images/us.png) center no-repeat;background-size:cover;align-items:center}.us .us-box{padding-top:90px}.us .us-box .title{font-size:28px;font-family:SourceHanSansCN-Bold,SourceHanSansCN;font-weight:700;color:#FFF;line-height:28px;letter-spacing:2px;margin-bottom:28px}.us .us-box .tips{width:192px;height:22px;font-size:22px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:22px;letter-spacing:2px;margin:0 auto 22px;position:relative}.us .us-box .tips::after,.us .us-box .tips::before{display:block;content:'';width:390px;height:2px;border-bottom:1px solid rgba(255,255,255,.2);position:absolute;top:10px}.us .us-box .tips::before{left:-400px}.us .us-box .tips::after{left:200px}.connect .copyright,.us .us-box .swiper-honor-box .swiper-button-prev-honor{left:0;position:absolute}.us .us-box .introduce{width:998px;height:146px;font-size:16px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#FFF;line-height:28px;margin:0 auto;text-align:left}.us .us-box .title-honor{font-size:28px;font-family:SourceHanSansCN-Bold,SourceHanSansCN;font-weight:700;color:#FFF;line-height:28px;letter-spacing:2px;margin-bottom:25px}.us .us-box .swiper-honor-box{height:175px;width:1000px;margin:0 auto;position:relative}.us .us-box .swiper-honor-box .swiper-button-next-honor,.us .us-box .swiper-honor-box .swiper-button-prev-honor{width:40px;height:175px;top:22px;background-color:rgba(255,255,255,.1);box-shadow:0 2px 20px 0 rgba(0,0,0,.13);background-size:14px}.us .us-box .swiper-honor-box .swiper-button-next-honor{position:absolute;right:0}.us .us-box .swiper-honor-box .swiper-container-honor{width:900px;height:100%;margin:0 auto;overflow:hidden}.us .us-box .swiper-honor-box .swiper-container-honor .swiper-slide{box-sizing:border-box;width:210px;height:186px;background:linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.08) 100%);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-top:19px}.us .us-box .swiper-honor-box .swiper-container-honor .swiper-slide img{width:202px;height:118px;margin-bottom:14px}.us .us-box .swiper-honor-box .swiper-container-honor .swiper-slide span{height:14px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:14px;text-align:center}.comminicate .comminicate-box .title,.connect .connect-box .title{font-family:SourceHanSansCN-Bold,SourceHanSansCN;letter-spacing:2px;color:#FFF}.comminicate{width:100%;height:100%;background:url(https://upload.zklatech.com/website/img/images/comminicate.png) center no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.comminicate .comminicate-box{height:410px}.comminicate .comminicate-box .title{font-size:28px;font-weight:700;line-height:28px;margin-bottom:30px}.comminicate .comminicate-box .comminicate-qr{margin:0 auto 10px;width:160px;height:160px}.comminicate .comminicate-box .comminicate-tips{text-align:center;height:16px;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#FFF;line-height:16px;margin-bottom:20px}.comminicate .comminicate-box .welfare{margin:0 auto;width:1000px;height:197px;background:rgba(255,255,255,.05);border-radius:1px;padding-top:20px}.comminicate .comminicate-box .welfare .welfare-title{font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#FFF;line-height:16px;letter-spacing:1px;margin-bottom:30px}.comminicate .comminicate-box .welfare ul{display:flex;justify-content:space-between;align-items:center}.comminicate .comminicate-box .welfare ul li{height:100px;width:170px;display:flex;flex-direction:column;align-items:center}.comminicate .comminicate-box .welfare ul li div{width:80px;height:80px;background:linear-gradient(180deg,rgba(127,113,252,.3) 0,rgba(182,170,254,0) 100%);border-radius:50%;margin-bottom:10px;padding-top:10px}.comminicate .comminicate-box .welfare ul li div img{width:60px;height:60px}.comminicate .comminicate-box .welfare ul li div:hover{background:linear-gradient(360deg,#4635B1 0,#6C5EF6 100%)}.comminicate .comminicate-box .welfare ul li span{font-size:16px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#FFF;line-height:22px}.connect{width:100%;height:100%;background:url(https://upload.zklatech.com/website/img/images/connect.png) center no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.connect .connect-box .title{font-size:28px;font-weight:700;line-height:28px;margin-bottom:48px}.connect .connect-box .information{width:1000px;margin:0 auto;display:flex;align-items:flex-start;justify-content:flex-start}.connect .connect-box .information .qr-card{width:228px;height:228px;display:flex;flex-direction:column;align-items:center;justify-content:center}.connect .connect-box .information .qr-card img{width:160px;height:160px;margin-bottom:20px}.connect .connect-box .information .qr-card span{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#FFF;line-height:22px}.connect .connect-box .information .information-card{padding-left:22px;padding-top:13px}.connect .connect-box .information .information-card div{width:480px;height:55px;background:linear-gradient(180deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.08) 100%);border-radius:2px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:18px;padding-left:24px}.connect .connect-box .information .information-card div img{width:24px;height:24px}.connect .connect-box .information .information-card div span{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:25px;margin-left:16px}.connect .copyright{bottom:0;width:100%;height:80px;background:#0D1338;display:flex;justify-content:center;flex-direction:column;align-items:center}.connect .copyright a,.connect .copyright div{text-align:left;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(255,255,255,.5);line-height:20px}.connect .copyright div:nth-child(1) span{margin-right:32px}.connect .copyright img{width:18px;height:20px;position:relative;top:4px}