.body{position:relative;background-color:#fff;margin-top:0}.indexs{text-align:center;position:absolute;margin:0;left:50%;transform:translateX(-50%);bottom:64px;z-index:1}.indexs em{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:16px;height:16px;border-radius:50%;background-color:#fff}.indexs .active em{width:10px;height:10px}.indexs span{border:2px solid transparent;border-radius:50%;width:22px;height:22px;background-color:initial;margin-right:20px;position:relative;cursor:pointer}.indexs span:hover{border:2px solid #fff;box-shadow:0 0 10px 0 #fff}.indexs span:hover em{width:10px;height:10px}.indexs span:last-child{margin-right:0}.title{text-align:center;margin-bottom:40px;position:relative}.title h1{font-size:32px;margin-bottom:12px;font-weight:bold}.title h3{font-size:20px;font-weight:normal;line-height:normal}.more{text-align:center}.more a{margin:0 auto}.more i{margin-left:12px}.tabs{font-size:16px;position:absolute;right:0;top:100%}.tabs a:hover{text-decoration:underline}.tabs .split{height:12px;margin:0 20px}.wrap{overflow:hidden;position:relative}.banner{background-color:#011;height:650px;overflow:hidden}.banner .items{width:100%;height:100%;position:absolute;left:0;top:0;white-space:nowrap}.banner .item{width:100%;height:100%;position:relative;display:inline-block}.banner .item .info{height:100%}.banner .item img{width:100%;height:100%;object-fit:cover}.banner .item video{width:100%;height:100%;object-fit:cover}.banner .item a:hover{text-decoration:none}.banner .item .text{min-width:1200px;position:absolute;left:50%;z-index:1;top:50%;transform:translate(-50%,-50%);overflow:inherit}.banner .item .text-center{text-align:center}.banner .item .text-center p{text-align:center!important}.banner .item .text-left{text-align:left}.banner .item .text-left p{text-align:left!important}.banner .item .text-right{text-align:right}.banner .item .text-right p{text-align:right!important}.banner .item .text .btn-reverse{margin-top:24px}.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}.service1{background-image:url(/res/image/bg/002.png);background-size:cover;background-repeat:no-repeat;overflow:hidden}.service1 .title{text-align:left;margin-bottom:0}.service1 .container{padding:80px 0 55px 0}.service1 a{text-decoration:none}.service1 .title{width:250px;position:relative;height:442px;position:relative}.service1 .buttons{position:absolute;left:0;bottom:0;cursor:pointer}.service1 .buttons div{height:50px;width:50px;line-height:46px;font-size:0;border-radius:50%;margin-right:24px}.service1 .wrap{width:890px;height:442px;margin:0 auto;padding-bottom:25px}.service1 .items{position:absolute;width:100%;height:100%;left:0;top:0;vertical-align:top;font-size:0;white-space:nowrap}.service1 .item{position:relative;font-size:12px;height:213px;width:370px;margin-left:16px;display:inline-block;vertical-align:top}.service1 .item img{height:100%;width:100%}.service1 .item0{height:442px;width:250px;margin-left:0}.service1 .item1{margin-left:-370px}.service1 .item2{margin-top:229px}.service1 .item2:last-child{margin-top:0}.service1 .item .name{font-size:16px;position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,17,0.33);height:56px;line-height:56px;padding:0 24px;box-sizing:border-box}.service1 .item .name div{overflow:hidden}.aboutus{background-size:cover;background-repeat:no-repeat;background-color:rgba(0,0,17,0.8)}.aboutus .container{position:relative;min-height:620px;overflow:hidden;display:flex;align-items:center}.aboutus .title{width:600px;text-align:left;margin:80px 0}#default .aboutus .title h1{color:#fff}.aboutus .title .bg-normal{height:4px;border-radius:5px;width:120px;margin:32px 0;display:block}.aboutus .title .desc{min-height:130px;overflow:hidden}.aboutus .buttons{margin-top:40px}.aboutus .title .buttons a{margin-right:24px}.aboutus .title .buttons i{margin-left:12px}.aboutus .service2{width:184px;height:100%;position:absolute;top:0;right:0;text-align:center;overflow:hidden;padding:24px;box-sizing:border-box}.aboutus .service2 .item{border-bottom:1px solid rgba(255,255,255,0.5);font-size:16px}.aboutus .service2 .item .name{font-size:20px;margin:28px 0;font-weight:bold}.aboutus .service2 .item .desc{white-space:nowrap;overflow:hidden;width:136px;margin-bottom:28px;line-height:1}.aboutus .service2 .item:last-child{border-bottom:0;padding-bottom:0}.products{padding:80px 0;background-image:url(/res/image/bg/001.png);background-size:cover}.products .container{position:relative}.products .tabs .active{color:#666}.products .tabs .split{background:#666}.products .wrap{padding:1px 0 25px 0}.products .wrap .items-box{width:1200px;position:absolute;white-space:nowrap}.products .wrap .items{position:relative;display:inline-block;vertical-align:top}.products .more{margin-top:15px}.products .buttons{width:22px;height:22px;text-align:center;border-radius:4px}.products .buttons-left{left:-60px;top:40%}.products .buttons-right{right:-60px;top:40%}.news{padding:40px 0 80px 0;background-image:url(/res/image/bg/001.png);background-color:#3587BE}.news .container{margin-top:40px;position:relative}#default .news .title h1{color:#fff}.news .tabs a:hover{text-decoration:underline}.news .tabs a{text-decoration:none;color:#D7D7D7}.news .tabs .active{color:#fff}.news .wrap{width:100%;height:425px!important}.news .items-box{position:relative;left:0;top:0;width:100%;padding-bottom:20px;overflow:hidden}.news .items{width:100%;position:relative;height:425px;white-space:nowrap;font-size:0}.news .item{width:389px;margin-right:16px;box-sizing:border-box;font-size:14px;vertical-align:top;position:relative;z-index:10;display:inline-block;margin-bottom:20px}.news .items .item:last-child{margin-right:0}.news .item .info{padding:24px 20px}.news .item .info .name{width:100%;margin-bottom:16px;font-size:16px;font-weight:bold;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.news .item .info .desc{white-space:normal;text-overflow:ellipsis;height:40px;overflow:hidden;width:100%;line-height:1.5}.news .item .info .url{border-top:1px solid #D8D8D8;padding-top:16px;margin-top:12px}.news .item .info .url .fll a{display:flex;align-items:center}.news .item .info .url .fll i{margin-left:6px}.news .buttons{position:absolute;width:44px;height:100px;line-height:100px;text-align:center;cursor:pointer;z-index:10;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%}.service3{background-size:cover;background-repeat:no-repeat;background-color:#E1ECF3}.service3{padding:80px 0 50px}.service3 .wrap{width:100%;padding:0 15px}.service3 .items{font-size:0;white-space:nowrap;margin-bottom:30px}.service3 .item{display:inline-block;width:288px;vertical-align:top;position:relative;margin-right:16px;height:324px}.service3 .item .pic{position:absolute;left:0;width:100%}.service3 .item .info{position:absolute;left:0;height:162px;padding:24px 20px;width:100%;box-sizing:border-box}.service3 .item .name{font-size:16px;margin-bottom:16px;font-weight:bold}.service3 .item .desc{font-size:14px;line-height:1.5;max-height:60px;overflow:hidden}.service3 .item .url{position:absolute;left:20px;bottom:24px;font-size:14px;cursor:pointer}.service3 .item .url a{display:flex;align-items:center}.service3 .item .url a i{margin-left:6px}.service3 .item0 .pic{top:0}.service3 .item0 .info{top:162px}.service3 .item1 .pic{top:162px}.service3 .item1 .info{top:0}