.banner { position: relative;}

/*css*/
.slick-arrow { position: absolute; top: calc(50% - 23px); z-index: 1; width: 47px; height: 47px; background: url(images/arrow2.png) no-repeat 50% 50% rgba(255, 255, 255, .7); border-radius: 50%; cursor: pointer;}
.slick-arrow.slick-prev { left: -60px;}
.slick-arrow.slick-next { right: -60px; transform: rotate(180deg);}
.imgbed1{
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-top: 52.4%;}
.imgbed1 img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}