.banner {
    width: 100%;
    /* height: 360px; */
    overflow: hidden;
    position: relative;
}

.banner .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    z-index: 1;
    width: 100%;
}

.banner .hd ul {
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: auto;
    font-size: 0;
    zoom: 1;
}

.banner .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 0;
    margin-left: 15px;
    margin-right: 15px;
    background: white;
}

.banner .hd ul li.on {
    background: #ec6c45;
}

.banner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.banner .bd li {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    height: 360px;
}

.banner .bd li a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .navbtn{
    width:50px;
    height:50px;
    position:absolute;
    top: calc(50% - 25px);
    z-index:100;
    cursor:pointer;
    display:none;
}

/* .banner .prev{
    background:url('../images/bannerleftarr.png') no-repeat center center;
    left:10%;
}
.banner:hover .prev{
    display:block;
}
.banner .next{
    background:url('../images/bannerrightarr.png') no-repeat center center;
    right:10%;
}
.banner:hover .next{
    display:block;
} */