.banner{position:relative;height:650px;overflow:hidden}.banner .items{height:650px;position:absolute;left:0;top:0;white-space:nowrap}.banner .item{display:inline-block;width:100%;height:100%;background:#F8F7F7;position:relative}.banner .item .info{width:100%;height:100%}.banner .item .info a{text-decoration:none}.banner .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:1200px;position:absolute;left:50%;z-index:1;top:50%;transform:translate(-50%,-50%)}.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 .indexs{position:absolute;bottom:44px;left:50%;transform:translate(-50%,0);text-align:center;z-index:1}.banner .indexs span{display:inline-block;position:relative;width:14px;height:14px;transform:rotateZ(45deg) skew(30deg,30deg);text-align:center;transform:rotate(45deg);margin-right:20px}.banner .indexs span:last-child{margin-right:0}.banner .indexs .active{opacity:1}.banner .buttons{display:none;position:absolute;top:50%;transform:translate(0,-50%);width:44px;height:100px;line-height:100px;text-align:center;cursor:pointer;background:rgba(0,0,0,0.2);z-index:1}.banner:hover .buttons{display:block}.banner:hover .buttons i{filter:brightness(100)}.banner .buttons-left{left:60px}.banner .buttons-right{right:60px}.section{padding:80px 0}.section .title{font-size:24px;font-weight:bold;text-align:center;padding-bottom:48px}.section .title i{width:180px;height:16px;background-position:-360px -1102px;margin:0 12px}.section .title i:last-child{background-position:-540px -1102px}.section .btn-normal{border-radius:50px}.section .btn-normal i{margin-left:30px}.section .bottons{text-align:center;margin-top:48px}.service1 .item{float:left;position:relative;width:330px;height:173px;padding:24px;border:1px solid #EEE;border-radius:6px;margin-right:40px;border-top:5px solid #DDD}.service1 .item:nth-child(3n){margin-right:0}.service1 .item:nth-child(n+4){margin-top:40px}.service1 .item .pic{width:50px;height:50px}.service1 .item .pic img{width:100%;height:100%;object-fit:cover}.service1 .item .name{padding:8px 0;font-size:16px;font-weight:bold}.service1 .item .desc{height:44px;line-height:22px;overflow:hidden;margin-bottom:20px}.aboutus .items{display:flex;align-items:center}.aboutus .info{width:50%;padding:50px;box-sizing:border-box}.aboutus .info h3{font-size:24px;font-weight:bold}.aboutus .info .desc{width:410px;min-height:110px;overflow:hidden;margin:24px 0 30px 0!important}.aboutus .remark{width:50%;position:relative}.aboutus .vedio{transition:all .5s;cursor:pointer}.aboutus .vedio:hover{opacity:.8}.aboutus .vedio i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.product{padding-bottom:56px}.product:last-child{padding-bottom:0}.news{padding-bottom:56px}.news:last-child{padding-bottom:0}.news .item{float:left;width:532px;margin-left:24px;margin-bottom:24px}.news .item .pic{float:left;width:210px;height:0;padding-top:22.2%;border-radius:8px}.news .item .name{font-size:16px;font-weight:bold;padding-bottom:4px}.news .item .info{float:right;width:298px}.news .item .desc{height:66px;line-height:22px;overflow:hidden}.news .item .time{padding-top:12px}.news .item .link{display:none}.news .item:nth-child(5n+1){margin-left:0}.news .item:last-child{margin-bottom:0}.news .item:nth-child(5n+1),.news .item:nth-child(5n+2){width:320px;margin-bottom:0}.news .item:nth-child(5n+1) .pic,.news .item:nth-child(5n+2) .pic{float:none;width:320px;padding-top:56.25%}.news .item:nth-child(5n+1) .info,.news .item:nth-child(5n+2) .info{float:none;width:272px;padding:24px;background:#fff}.news .item:nth-child(5n+1) .link,.news .item:nth-child(5n+2) .link{display:block;padding-top:16px;margin-top:12px;border-top:1px solid #eee}.news .item:nth-child(5n+1) .name,.news .item:nth-child(5n+2) .name{padding-bottom:12px}.service2 .item{float:left;width:216px;height:102px;border:1px solid #eee;border-top:4px solid #eee;margin-right:32px;margin-top:24px}.service2 .item:nth-child(-n+5){margin-top:0}.service2 .item:nth-child(5n){margin-right:0}.service2 .item .pic{width:100%;height:100%}.service2 .item .pic img{max-width:90%;max-height:90%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}