*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.navcontainer{
	width: 1423px;
    position: relative;
    height: 500px;
}
.navcontainer #nav ul{
    list-style: none;
    padding-left: 0;
    
}

.navcontainer #nav ul li{
    position: absolute;
}

.navcontainer #nav ul li img{
    width: 1423px;
    height: 500px;
}

.navcontainer #nexImg ,.navcontainer #preImg{
    margin: 80px;
    position: absolute;
    opacity: 0.9;
    top:25%;
    z-index: 10;

}
.navcontainer #nexImg img ,.navcontainer #preImg img 
{
    width: 65px;
    height: 80px;
    opacity: 0.9;
}
.navcontainer #nexImg{
    right: 0;
}
.navcontainer #nexImg:hover,.navcontainer #preImg:hover{
    cursor: pointer;
    opacity: 0.5;
}
.navcontainer .jumpBtn{
    position: absolute;
    bottom: 10px;
    left: 45%;
}
.navcontainer .jumpBtn ul{
    margin-bottom:0;
    padding: 0;
    list-style: none;
}
.navcontainer .jumpBtn ul li{
    font-size: 30px;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    opacity: 0.4;
}
.on{
    opacity: 1;
    display: block;
    width: 1423px;
    height: 500px;
    transition: 2s;

}
.out{
    opacity: 0;
    display: block;
    width: 1423px;
    height: 500px;
    transition: 2s;
}