.header-logo{background-color:rgba(0,0,0,0.1)}html,body{width:100%;height:100%;overflow:hidden}.body{position:relative;background-color:#364866;margin-top:0}.fullScreen{height:100vh;overflow:hidden}.header .item>a{padding:0 32px}#full_scree_indexs{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:9}#full_scree_indexs li{width:5px;height:5px;margin:0 auto 40px;border-radius:50%;background:#888;font-size:0}#full_scree_indexs li.active{width:9px;height:9px;background:#fff}#full_scree_indexs li::after{content:"";display:block;width:1px;height:30px;margin:11px auto 0;background:#D9D9D9}#full_scree_indexs li:last-child::after{display:none}.indexs{text-align:center;margin-top:40px;margin-bottom:8px}.indexs em{position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-5px;display:block;width:10px;height:10px;border-radius:50%}.indexs span{border:2px solid transparent;border-radius:50%;width:20px;height:20px;background-color:initial;margin-right:20px;position:relative;cursor:pointer}.indexs span:hover{background-color:rgba(0,0,0,0.3)}.indexs span:last-child{margin-right:0}.title h1{font-size:32px;color:#fff}.title .bg-normal{height:4px;border-radius:2px;width:80px;margin-top:12px;display:block}.header{position:fixed;top:0;z-index:10;background-color:rgba(0,0,0,0.1)}.banner{position:relative;background:#011}.banner .items{height:100%;position:absolute;left:0;top:0;white-space:nowrap}.banner .items .item{width:100%;height:100%;position:relative;display:inline-block}.banner .items .item .info{height:100%}.banner .items .item a{text-decoration:none}.banner .items .item img{width:100%;height:100%;object-fit:cover}.banner .items .item video{width:100%;height:100%;object-fit:cover}.banner .items .item .text{width:80%;max-width:1400px;min-width:1150px;position:absolute;left:50%;z-index:1;top:50%;transform:translate(-50%,-55%)}.banner .items .item .text-center{text-align:center}.banner .items .item .text-center p{text-align:center!important}.banner .items .item .text-left{text-align:left}.banner .items .item .text-left p{text-align:left!important}.banner .items .item .text-right{text-align:right}.banner .items .item .text-right p{text-align:right!important}.banner .warp{width:80%;max-width:1400px;min-width:1150px;margin:0 auto;position:absolute;left:50%;bottom:15vh;transform:translateX(-50%)}.banner .indexs{position:relative;margin:0}.banner .buttons{display:none;position:absolute;top:50%;transform:translate(0,-50%);width:44px;height:100px;line-height:100px;text-align:center;cursor:pointer;z-index:1}.banner .buttons:hover{opacity:.8}.banner:hover .buttons{display:block}.banner .buttons-left{left:60px}.banner .buttons-right{right:60px}.contact1{text-align:right;float:right}.contact1 a{font-size:16px;vertical-align:middle}.contact1 .split{margin:0 8px}.container{width:80%;max-width:1400px;min-width:1150px;margin:0 auto}.service1 a{text-decoration:none}.service1 .container{position:relative;margin-top:100px}.service1 .wrap{position:relative;overflow:hidden;width:80%;margin:32px auto}.service1 .items{position:relative;width:100%;left:0;top:0;white-space:nowrap;margin:0 auto;margin-top:40px}.service1 .item{display:inline-block;width:100%;max-width:100%;position:relative}.service1 .fll{width:45%}.service1 .fll .name{font-size:32px;margin-top:24px}.service1 .fll .desc{line-height:2;margin-top:16px;transition:all .5s;max-width:100%;white-space:normal}.service1 .fll .split{height:2px;width:0;margin-top:24px;transition:all .5s}.service1 .flr{width:45%;padding-top:25.3%;background-color:#e0e0e0;transition:all .5s}.service1 .flr img{border:2px solid #fff;box-sizing:border-box}.service1 .more{position:absolute;left:0;bottom:0}.service1 .item:hover .split{width:100%}.service1 .item:hover .flr{width:40%;padding-top:22.5%}.service1 .buttons{display:none;position:absolute;top:50%;width:44px;height:100px;line-height:100px;text-align:center;cursor:pointer;z-index:1}.service1 .buttons:hover{opacity:.8}.service1 .buttons-left{left:0;z-index:5}.service1 .buttons-right{right:0;z-index:5}.service1 .container:hover .buttons{display:block}.aboutus{background-color:#011;background-size:cover;background-repeat:no-repeat}.aboutus .flex-center{width:100%;height:100%}.aboutus .flex-center>div{width:700px;text-align:center}.aboutus .title{margin-top:50px}.aboutus .title .split{height:4px;border-radius:2px;background-color:#fff;width:160px;margin:0 auto;margin-top:24px;display:block;transition:all .5s}.aboutus .desc{margin-top:32px;line-height:2;word-break:break-all;white-space:normal;margin-bottom:40px;font-size:14px}.aboutus .bsize-l{margin:0 16px}.products{position:relative}.products .container{margin-top:100px;position:relative}.products .indexs{margin-top:40px}.products .title{margin-bottom:32px}.products .tabs{line-height:58px;height:58px;font-size:16px}.products .tabs a{text-decoration:none}.products .tabs a:hover{text-decoration:underline}.products .tabs .split{margin:0 8px}.products .wrap{width:100%;overflow:hidden;height:400px;white-space:nowrap}.products .wrap .items-box{position:relative;left:0;top:0;width:100%;padding-bottom:20px;overflow:hidden}.products .items{position:relative;white-space:nowrap!important;padding-bottom:16px}.products .items .item{display:inline-block;width:19%;transition:all .5s;position:relative;margin-left:0;margin-right:1%;line-height:1;vertical-align:top;float:none}.products .items .item .info{padding:16px;font-size:14px;height:100px}.products .items .item .name{padding:0;font-size:16px;font-weight:bold;margin-top:12px;max-width:100%;overflow:hidden}.products .items .item .term{margin-top:8px}.products .items .item .price{font-size:16px;position:absolute;bottom:16px}.products .items .item .price label{font-weight:bold}.products .items .item .buttons{position:absolute;top:4px;right:4px;cursor:pointer;display:none}.products .items .item:hover .buttons{display:block}.products .items .item .tags{position:absolute;top:12px;left:12px;line-height:20px;font-size:12px}.products .items .item .tags span{display:inline-block;height:20px;padding:0 4px;border-radius:3px}.products .more{text-align:center;margin-top:20px}.products .buttons-left,.products .buttons-right{position:absolute;width:44px;height:100px;line-height:100px;text-align:center;cursor:pointer;z-index:100;display:none;top:40%}.products .buttons:hover{opacity:.8;background-color:rgba(0,0,0,0.3)}.products:hover .buttons{display:block}.products .buttons-left{left:-60px}.products .buttons-right{right:-60px}.service2{position:relative;background-color:#011;background-size:cover;background-repeat:no-repeat}.service2 .container{width:1000px;bottom:0;left:50%;transform:translateX(-50%);position:absolute}.service2 .wrap{width:1000px;height:180px;position:relative;overflow:hidden;float:left;background-color:rgba(54,72,102,0.8)}.service2 .items{white-space:nowrap;position:relative;left:0;float:left}.service2 .item{display:inline-block;border-right:1px solid rgba(153,153,153,0.3);width:283px;height:100%;cursor:pointer;padding:0 24px;text-align:center;height:180px;vertical-align:top}.service2 .item .name{font-size:20px;margin:24px 0 16px 0;height:28px;line-height:28px}.service2 .item .name img{width:28px;height:28px;margin-right:10px;border-radius:50%}.service2 .item .desc{display:inline-block;font-size:14px;line-height:2;height:100px;overflow:hidden;text-align:center;white-space:normal;text-overflow:ellipsis}.service2 .buttons{float:left;width:50px;line-height:180px;text-align:center;cursor:pointer;opacity:.9}.service2 .buttons:hover{opacity:.8}.service2 .buttons:hover i{filter:brightness(100)}.news .container{margin-top:100px}.news .title{margin-bottom:32px}.news .tabs{line-height:58px;height:58px;font-size:16px}.news .tabs a{text-decoration:none}.news .tabs a:hover{text-decoration:underline}.news .tabs .split{margin:0 8px}.news .tabs .active{font-weight:bold;color:#fff}.news{position:relative}.news .container{position:relative}.news .wrap{width:100%;overflow:hidden;position:relative}.news .wrap .items-box{position:relative;left:0;top:0;width:100%;padding-bottom:20px;overflow:hidden}.news .items{width:100%;position:relative;overflow:hidden;height:360px;white-space:nowrap}.news .item{width:24%;margin-right:1%;box-sizing:border-box;padding:16px;font-size:14px;vertical-align:top;transition:all .5s;height:100%;float:left;cursor:pointer;position:relative;z-index:10}.news .item a{display:block;text-decoration:none}.news .item .time{font-weight:bold;font-size:16px}.news .item .name{margin-top:16px;overflow:hidden;white-space:normal;text-overflow:ellipsis;width:100%;height:20px;overflow:hidden;text-overflow:ellipsis}.news .item .pic{width:100%;padding-top:0;margin:20px 0;transition:all .3s}.news .item .desc{white-space:normal;text-overflow:ellipsis;line-height:2;height:110px;overflow:hidden;width:100%}.news .item:hover .pic{padding-top:50.6%}.news .items:hover .buttons{display:block}.news .more{text-align:center;margin-top:24px;z-index:10;position:relative}.news .buttons{position:absolute;width:44px;height:100px;line-height:100px;text-align:center;cursor:pointer;z-index:100;display:none}.news .buttons:hover{opacity:.8;background-color:rgba(0,0,0,0.3)}.news:hover .buttons{display:block}.news .buttons-left{left:-60px;top:40%}.news .buttons-right{right:-60px;top:40%}.news #artilce_bg_hover{position:absolute;left:0;top:0;height:0;width:0;display:none}.service3{background-color:rgba(0,17,17,0.9);background-size:cover;background-repeat:no-repeat}.service3 .container{overflow:hidden;margin-top:100px}.service3 .title{margin-bottom:60px}.service3 .wrap{position:relative;width:100%}.service3 .items{position:relative;left:0;top:0;white-space:nowrap;width:100%;white-space:nowrap}.service3 .item{display:inline-block;width:50%;position:relative}.service3 .fll{width:45%;padding-top:25.3%;background-color:#e0e0e0}.service3 .fll img{border:2px solid #fff}.service3 .flr{width:45%;padding:0 5%}.service3 .flr .name{font-size:20px;overflow:hidden;word-break:break-all;white-space:normal;transition:all .5s}.service3 .flr .desc{line-height:2;margin-top:16px;max-width:100%;white-space:normal}.service3 .flr .split{height:2px;width:0;margin-top:24px;transition:all .5s}.service3 .more{position:absolute;left:50%;bottom:0}.service3 .item:hover .split{width:100%}.service3 .item:hover .name{margin-top:12px}.footer{display:flex;align-items:center;justify-content:center;margin-top:0}.footer .logo{margin-top:100px}@media(max-height:800px){.footer .qrcode{position:absolute;right:0;bottom:0}}