p {
    text-align: center;
    font-size: 25px;
    color: cadetblue;
    font-family: fantasy;
}


#hr1 {
    background-color: cadetblue;
    height: 2px;
    width: 75%;
}


.imgbox {
    border-top: 5px solid cadetblue;
    
    width: 60%;
    height: 40%;
    margin: 0 auto;
}

.img {
    width: 60%;
    height: 40%;
    margin: 0 auto;
    display: none;
}

*{ padding:0; margin:0; list-style:none; border:0;}
.all{
  width:900px;
  height:500px;
  padding:7px;
  border:1px solid #ccc;
  margin:100px auto;
  position:relative;
}
.screen{
width:900px;
height:500px;
overflow:hidden; 
position:relative;
}
.screen li{ width:900px; height:500px; overflow:hidden; float:left;}
.screen ul{ position:absolute; left:0; top:0px; width:5400px;}
.all ol{ position:absolute; right:10px; bottom:10px; line-height:20px; text-align:center;}
.all ol li{ float:left; width:20px; height:20px; background:#fff; border:1px solid #ccc; margin-left:10px; cursor:pointer;}
.all ol li.current{ background:yellow;}
 
 

#arr span{ width:40px; height:40px; position:absolute; left:5px; top:50%; margin-top:-20px; background:#000; cursor:pointer; line-height:40px; text-align:center; font-weight:bold; font-family:'黑体'; font-size:30px; color:#fff; opacity:0.3; border:1px solid #fff;}
#arr #right{right:5px; left:auto;}