#carousel {
    position: relative;
    z-index: 2;
    height: 475px;
    margin-top: 20px;
    transform-style: preserve-3d;
    perspective: 800px;
    margin-left: 190px;
    margin-right: 95px;
}

#carousel img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 419px;
    height: 473px;
    margin-left: -252px;
    margin-top: -133px;
    transition: transform .5s ease-in-out;
    /*box-shadow: 8px 8px 20px rgba(0, 0, 0, .2);*/
    cursor: pointer;
}
#carousel video{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 337px;
    margin-left: -252px;
    margin-top: -133px;
    transition: transform .5s ease-in-out;
    box-shadow: 8px 8px 20px rgba(0, 0, 0, .2);
    cursor: pointer;
}
#bannerNav {
    position: relative;
    margin-top: 20px;
    height: 10px;
    padding: 10px 0;
    text-align: center
}

#bannerNav ul li {
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    width: 14px;
    margin: 0 2px
}

#bannerNav ul li a {
    margin: 0 auto;
    display: block;
    width: 6px;
    height: 6px;
    vertical-align: top;
    border-radius: 3px;
    background: #5e6671;
    font-size: 0
}

#bannerNav ul li.on a,
#bannerNav ul li:hover a {
    background: #b4b7ba
}

#bannerNav ul li.on a {
    width: 12px
}

/* @media only screen and (min-width:1920px) {
	#banner {
	margin-bottom:-15px
}
#carousel {
	height:360px
}
#carousel img {
	width:720px;
	height:380px;
	margin-left:-360px;
	margin-top:-190px
}
} */