﻿.slideBox{overflow:hidden;position:relative;text-align:center}
.slideBox .hd{position:absolute;bottom:0;z-index:1;margin-left:40vw}
.slideBox .hd ul{list-style:none;margin-left: 0;text-align:center;padding-left:0;margin-bottom:0}
.slideBox .hd ul li{margin-left: 0;cursor:pointer;width:5rem;height:1rem;margin:0;display:inline-block;position:relative;padding-left:0;padding:0}
.slideBox .hd ul li .dot{width:5rem;height:6px;background-color:rgba(255,255,255,0.7)}
.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:5rem;height:6px;animation:liner 2.5s;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4)}
@keyframes liner{from{width:0}to{width:100%}}.slideBox .bd{width:100vw;position:relative;overflow:hidden}
.slideBox .bd li{text-align:center;padding-left:0;padding:0}.slideBox 
                                                            .bd ul{list-style:none;margin-left: 0;text-align:center;padding-left:0}
 .bd img{width:100vw;}
.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(../images/left_array.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(../images/right_array.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}}