a{text-decoration:none;color:#333}a:hover{color:#3071c3;transition:all .3s}li,p,ul{margin:0;padding:0;list-style:none}.wrap{display:flex;align-items:center;justify-content:center;width:100%;max-width:1440px}.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;align-items:center;justify-content:center}.banner{background:#000;background-size:cover;color:#fff;position:relative;z-index:1}.banner h2{font-size:60px}.banner h2,.banner h3{top:30px;position:relative}.banner h3{font-size:24px;font-weight:400}.banner .video{z-index:-1;overflow:hidden}.banner .video,.banner .video .video-mask{position:absolute;width:100%;height:100%;left:0;top:0}.banner .video .video-mask{z-index:1}.banner .video video{width:auto;height:120%}.page2{background:#fff}.page3{background:url(../img/p3.97d2fca9.jpg) 50% no-repeat;background-size:cover}.page3 h3{font-size:48px;color:#fff;font-weight:400;margin-bottom:100px}.page4{background:url(../img/p4.9264f4d9.jpg) 50% no-repeat;background-size:cover}.page4 .case ul{height:60vh}.page4 .case ul,.page4 .case ul li{flex:1;display:flex;align-items:center;justify-content:center}.page4 .case ul li{height:100%;flex-direction:column}.page4 .case ul li .case-center{flex:1}.case-icon,.page4 .case ul li .case-center{width:100%;display:flex;align-items:center;justify-content:center}.case-icon{height:100%;flex:2;cursor:pointer;position:relative;z-index:2;color:#fff;text-align:left;padding:20px;align-items:flex-start;flex-direction:column;overflow:hidden}.case-icon:before{z-index:-1;background:rgba(75,122,252,0);transition:all .4s}.case-icon:after,.case-icon:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0}.case-icon:after{background-size:cover;transform:scale(1.05);z-index:-2;transition:all .3s}.case-icon.case-icon1:after{background-image:url(../img/case1.346b5071.png)}.case-icon.case-icon2:after{background-image:url(../img/case2.7f58fa70.png)}.case-icon.case-icon3:after{background-image:url(../img/case3.a1880bc4.png)}.case-icon.case-icon4:after{background-image:url(../img/case4.b2a86e98.png)}.case-icon.case-icon5:after{background-image:url(../img/case5.8349a55f.png)}.case-icon.case-icon6:after{background-image:url(../img/case6.b7bcb411.png)}.case-icon .title{font-size:20px;margin-bottom:15px}.case-icon .desc{font-size:13px;flex:1}.case-icon a{color:#fff;background:#0b1f4d;font-size:14px;padding:8px 20px;opacity:0;visibility:hidden;transition:all .3s;margin-bottom:20px;display:block}.case-icon.active:before,.case-icon:hover:before{background:rgba(75,122,252,.3)}.case-icon.active:after,.case-icon:hover:after{transform:scale(1.2)}.case-icon.active a,.case-icon:hover a{opacity:1;visibility:visible;margin-bottom:0}.page5{flex-direction:column}.page5 .link p{text-indent:30px}.enterDiv{position:absolute;width:100px;right:0;top:20%;z-index:99}.enterDiv ul li{font-family:PingFangSC-SC,Microsoft YaHei,Tahoma,sans-serif;color:#fff;padding:6px 10px;background-color:#05a6f3;margin:17px auto;font-size:14px;line-height:25px;border-radius:5px;transition:all .16s;font-weight:400}.enterDiv ul li a{color:#fff}.enterDiv ul li a:hover{color:#000}.header{position:fixed;background:#fff;width:100%;height:68px;top:0;left:0;z-index:999;box-shadow:0 0 5px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.header .logo{height:50px;width:auto}.header .menu{flex:1;height:50px;justify-content:center;justify-content:flex-end}.header .menu,.header .menu a{display:flex;align-items:center}.header .menu a{margin:0 20px;font-size:16px;position:relative;width:100px;height:100%;justify-content:center}.header .menu a:after{content:"";position:absolute;width:0;height:3px;background:#3071c3;border-radius:3px;left:0;bottom:0;transition:all .3s}.header .menu a.active{color:#3071c3;font-weight:700}.header .menu a.active:after{width:100%}.swiper-data{position:relative}.swiper-data .btn-group{position:absolute;z-index:2;height:100%;top:0;max-width:14400px}.swiper-data .btn-group .swiper-data-btn{background:url(../img/btn-left.4b5fe74d.png) 50% no-repeat;position:absolute;width:77px;height:77px;top:50%;left:10px;cursor:pointer;transition:all .3s}.swiper-data .btn-group .swiper-data-btn:hover{background-image:url(../img/btn-left-hover.604c5bd2.png)}.swiper-data .btn-group .swiper-data-btn.disable{cursor:not-allowed;opacity:.3}.swiper-data .btn-group .swiper-data-next{background-image:url(../img/btn-right.8aaf2f87.png);left:auto;right:10px}.swiper-data .btn-group .swiper-data-next:hover{background-image:url(../img/btn-right-hover.7a62db4d.png)}.bigScreen{flex-direction:column;text-align:left}.bigScreen h2{width:100%;padding:0 60px;margin:0;font-size:1.5em;font-weight:400;text-align:left}.bigScreen h2 b{color:#3071c3;font-weight:400}.bigScreen h3{width:100%;padding:0 60px;font-size:.8em;font-weight:400;text-align:left;margin:15px 0 1.5em}.bigScreen .ban-img{display:flex;align-items:center;justify-content:center;width:100%}.bigScreen .ban{width:100%;height:auto}.product{flex-direction:column}.product ul{display:flex;align-items:center;justify-content:center}.product ul li{flex:1;margin:0 20px;background:#fff;height:50vh;min-height:400px;border-radius:4px;flex-direction:column;cursor:pointer;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.3)}.product ul li,.product ul li .title{display:flex;align-items:center;justify-content:center;transition:all .4s}.product ul li .title{background:url(../img/product-title.21a7f4d7.png) no-repeat;background-size:cover;color:#fff;width:100%;height:80px;border-radius:4px 4px 0 0}.product ul li .title svg{margin-right:10px}.product ul li .product-body{padding:20px 40px;width:100%;flex:1;font-size:16px;text-align:left;line-height:1.8;display:flex;align-items:center;overflow:hidden}.product ul li .product-body p{overflow:hidden}.product ul li.active,.product ul li:hover{flex:1.2}.product ul li.active .title,.product ul li:hover .title{background-image:url(../img/product-title-hover.abc8ef2c.png)}.product ul li.active .product-body,.product ul li:hover .product-body{background:url(../img/product-boty.85f1ebbf.png) 100% 100% no-repeat;align-items:flex-start}.product ul li.active .cls-1,.product ul li.active .cls-3,.product ul li.active .cls-6,.product ul li.active .cls-8,.product ul li:hover .cls-1,.product ul li:hover .cls-3,.product ul li:hover .cls-6,.product ul li:hover .cls-8{fill:#fff}.link{width:100%;flex:1.3;display:flex;align-items:center;justify-content:center;flex-direction:column}.link .title{margin:20px 0 80px;font-size:48px;font-weight:400}.link img{margin:0 20px;transition:all .3s;border:1px solid #fff;cursor:pointer}.link img:hover{border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:6px;transform:scale(1.05)}.footer{padding:60px 0 27px;width:100%;flex:1;background:#242834;display:flex;align-items:center;justify-content:center;justify-content:space-between;flex-direction:column}.footer .footer-left{flex:1}.footer .footer-right{margin-left:80px;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;align-items:flex-start}.footer .footer-right p{width:180px;text-align:center}.footer .footer-right p img{margin:0 auto 20px;display:block}.footer .footer-link{align-items:flex-start}.footer .footer-link ul{display:flex}.footer .footer-link ul li{color:#fff;flex:1;text-align:left}.footer .footer-link ul li b{font-size:16px}.footer .footer-link ul li p{font-size:14px;color:#999;line-height:40px}.footer .footer-link ul li p a{display:block;color:#999}.footer .footer-link ul li:last-child{flex:2}.footer .copy{padding-top:27px;color:#999;font-size:12px;border-top:1px solid hsla(0,0%,100%,.1)}.footer .copy a{color:#999}.footer .copy a:hover{color:#fff}.cls-1,.cls-2{fill-rule:evenodd}.cls-1{fill:url(#linear-gradient)}.cls-2{opacity:.38;fill:url(#linear-gradient-2)}.cls-3,.cls-4{fill-rule:evenodd}.cls-3{fill:url(#linear-gradient-3)}.cls-4{opacity:.38;fill:url(#linear-gradient-4)}.cls-5{opacity:.49;fill:url(#linear-gradient-5)}.cls-6{fill-rule:evenodd;fill:url(#linear-gradient-6)}.cls-7{opacity:.49;fill:url(#linear-gradient-7)}.cls-8{fill-rule:evenodd;fill:url(#linear-gradient-8)}.animate__delay-200ms{-webkit-animation-delay:.2s;animation-delay:.2s}.animate__delay-400ms{-webkit-animation-delay:.4s;animation-delay:.4s}.animate__delay-600ms{-webkit-animation-delay:.6s;animation-delay:.6s}.animate__delay-800ms{-webkit-animation-delay:.8s;animation-delay:.8s}.animate__delay-1200ms{-webkit-animation-delay:1.2s;animation-delay:1.2s}.home{width:100%;height:100%;overflow:hidden}.modal{position:fixed;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s}.modal,.modal .modal-mask{width:100%;height:100%;top:0;left:0}.modal .modal-mask{background:rgba(0,0,0,.7);position:absolute;z-index:-1}.modal .modal-con{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);width:600px;max-width:90%;min-height:450px;border-radius:10px}.modal .modal-title{display:flex;align-items:center;justify-content:center;height:60px;border-bottom:1px solid #eee;position:relative}.modal .modal-title b{font-size:18px;font-weight:400}.modal .modal-title .close{position:absolute;width:20px;height:20px;top:18px;right:20px;cursor:pointer;transition:all .3s}.modal .modal-title .close:after,.modal .modal-title .close:before{content:"";width:100%;height:2px;background:#999;position:absolute;top:10px;left:0;transform:rotate(45deg);border-radius:3px}.modal .modal-title .close:after{transform:rotate(135deg)}.modal .modal-title .close:hover{transform:rotate(1turn)}.modal .modal-title .close:hover:after,.modal .modal-title .close:hover:before{background:#3071c3}.modal .modal-body{text-align:left;display:flex;flex-direction:column;padding:20px}.modal .form-item{display:flex;align-items:center;margin-bottom:20px;padding-right:30px;font-size:14px;padding-left:20%}.modal .form-item label{margin-left:-20%;margin-right:10px;color:#999;width:20%;text-align:right}.modal .form-item input,.modal .form-item textarea{background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;color:#606266;display:inline-block;font-size:inherit;line-height:40px;outline:none;padding:0 15px;transition:all .2s cubic-bezier(.645,.045,.355,1);flex:1}.modal .form-item input:focus,.modal .form-item input:hover,.modal .form-item textarea:focus,.modal .form-item textarea:hover{border-color:#3071c3}.modal .form-item input:focus,.modal .form-item textarea:focus{box-shadow:0 0 5px #3071c3}.modal .form-item button{margin-left:10px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#3071c3;border:1px solid #3071c3;color:#fff;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;padding:12px 80px;font-size:14px;border-radius:4px;transition:all .3s;position:relative;z-index:1;overflow:hidden}.modal .form-item button:after,.modal .form-item button:before{content:"";background:hsla(0,0%,100%,.08);width:50px;height:50px;position:absolute;left:-50px;top:-80px;border-radius:50%;-webkit-animation:btnScale 5s infinite;animation:btnScale 5s infinite}.modal .form-item button:after{top:auto;left:auto;bottom:-80px;right:-50px}.modal .form-item button:hover{opacity:.9}.modal .form-item button:active{transform:scale(1.1)}.modal.open{opacity:1;visibility:visible}.mouse{background:url(../img/mouse.d486ef44.png) no-repeat;background-size:cover;width:50px;height:65px;position:fixed;z-index:999;left:50%;bottom:20px;margin-left:-25px;-webkit-animation:mouseMove 1.5s infinite;animation:mouseMove 1.5s infinite;opacity:1}@-webkit-keyframes mouseMove{0%{bottom:20px;opacity:1}50%{bottom:0;opacity:.5}to{bottom:20px;opacity:1}}@keyframes mouseMove{0%{bottom:20px;opacity:1}50%{bottom:0;opacity:.5}to{bottom:20px;opacity:1}}@-webkit-keyframes btnScale{0%{transform:scale(1);opacity:0}50%{transform:scale(7);opacity:1}to{transform:scale(15);opacity:0}}@keyframes btnScale{0%{transform:scale(1);opacity:0}50%{transform:scale(7);opacity:1}to{transform:scale(15);opacity:0}}@media screen and (max-height:1000px){.bigScreen{margin-bottom:-30px}.bigScreen h2,.bigScreen h3{padding:0 200px}.bigScreen .ban{width:auto;height:65vh}.page5 .link{width:95%}.page5 .link .title{margin:10px 0 20px}.page5 .link .wrap{margin:6px}.page5 .link .wrap .desc,.page5 .link .wrap h3,.page5 .link .wrap h4{display:none}}@media screen and (max-width:1000px){.header .menu{display:none}.banner h2{font-size:20px}.banner h3{font-size:14px}.enterDiv{display:none}.bigScreen{margin-bottom:-30px}.bigScreen h2,.bigScreen h3{padding:0 20px}.bigScreen .ban{width:100%;height:auto}.page3 h3{font-size:18px;margin-bottom:10px}.page3 h3,.product ul{display:block}.product ul li{min-height:40px;height:21vh}.product ul li .title{height:40px}.product ul li .product-body{font-size:8px;padding:4px 10px}.page4 .case ul{flex:1;display:flex;align-items:center;justify-content:center;height:80vh}.page5 .link{width:95%}.page5 .link .title{font-size:28px;margin:10px 0 20px}.page5 .link .wrap{font-size:10px;margin:6px}.page5 .link .wrap .desc,.page5 .link .wrap h3,.page5 .link .wrap h4{display:none}.page5 .footer{display:block;padding:10px}.page5 .footer .footer-link ul li.menu{display:none}.page5 .footer .footer-link ul li b{font-size:10px}.page5 .footer .footer-link ul li p{font-size:8px;line-height:20px}.page5 .footer .wrap{display:block}.page5 .footer .wrap .footer-right{margin-left:0}}body,html{position:relative;height:100%;padding:0;margin:0;background:#fff}*{box-sizing:border-box;letter-spacing:.1rem}#app,*{font-family:Avenir,Helvetica,Arial,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}