.slideBox{width:100%;height:8.7rem;overflow:hidden;position:relative}
.slideBox .hd{width:100%;position:absolute;top:7.88rem;z-index:1}
.slideBox .hd ul{ text-align:center;}
.slideBox .hd ul li{width:0.7rem;height:0.02rem;margin:0 0.2rem 0 0;display:inline-block;position:relative}
.slideBox .hd ul li .dot{width:0.7rem;height:0.02rem;background-color:#ccc}
.slideBox .hd ul li span{display:none;color:#fff;position:absolute;width:100%;font-size:14px;left:0;top:0;line-height:36px;cursor:pointer}
.slideBox .hd ul li.on .liner{width:0.7rem;height:0.02rem;animation:liner 4s;position:absolute;top:0;left:0;background:linear-gradient(90deg,#c82a28,#c82a28)}
/* .slideBox .hd ul li:hover .dot{display:none} */
/* .slideBox .hd ul li:hover{width:206px;height:36px;transform:translateY(-50%);background:linear-gradient(90deg,#198cff,#8847c1);transition:all .1s ease} */
/* .slideBox .hd ul li:hover span{display:inline-block} */
/* 园点点 */
.slideBox .dotBox{width:100%;position:absolute;top:8rem;z-index:1}
.slideBox .dotBox ul{padding-left: 2rem;}
.slideBox .dotBox ul li{width:0.04rem;height:0.04rem;display:inline-block;margin-right: 0.2rem;background: url(../img/banner/dot.png) no-repeat center;}
.slideBox .dotBox ul li.active{background: url(../img/banner/dot1.png) no-repeat center;}
@keyframes liner{from{width:0}to{width:100%}}
.slideBox .bd{width:100%;position:relative;height:100%;overflow:hidden}
.slideBox .bd ul{width:100% !important;height: 100% !important;}
.slideBox .bd li{text-align:center;width:100% !important;height: 100% ;}
.slideBox .bd img{width:100%;height:100%}
.slideBox .bd:hover~.prev{display:block}
.slideBox .bd:hover~.next{display:block}
.slideBox .prev:hover{display:block}
.slideBox .next:hover{display:block}
/* .slideBox .prev{display:none;position:absolute;left:3%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../img/banner/left.png) no-repeat;background-size:cover}
.slideBox .next{display:none;position:absolute;right:3%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../img/banner/right.png) no-repeat;background-size:cover} */
.slideBox .prev{display:none;position:absolute;left:0.8rem;top:50%;margin-top:-0.22rem;width:0.44rem;height:0.44rem;background:url(../img/banner/left.png) no-repeat;background-size:cover}
.slideBox .next{display:none;position:absolute;right:0.8rem;top:50%;margin-top:-0.22rem;width:0.44rem;height:0.44rem;background:url(../img/banner/right.png) no-repeat;background-size:cover}
.slideBox .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes ai-big-out{0%{z-index:3;transform:scale(1.1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1.3);opacity:1}}