.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;content:'';clear:both;}
.clearfix{zoom:1;}
.banner-box{
 width: 100%;height: 460px;overflow: hidden;
}
#ybox{
    width: 1200px;
    height: 460px;
    margin: 0px auto;
    position: relative;
   
}
#yul1{
    position: absolute;
    left: 0;
    top: 0;
}
#yul1 li{
    width: 1200px;
    height: 460px;
    float: left;
}
#yol1{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
#yol1 li{
    width: 9px;
    height: 9px;
    margin: 0 0 0 10px;
    background: #aaa;
    border-radius: 50%;
    display: inline-block;
    
    cursor: pointer;
}
#yol1 li.active{
    background: #eee;
}
#ybox a{
  width: 7px;
  height: 11px;
 position: absolute;
 bottom: 3px;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    transition: .4s all ease;
    z-index: 99;
}
#ybox a:hover{
   
}
#yleft{
    left: 540px;
    background: url(../img/arrow_left.png) no-repeat;
}
#yright{
    right: 531px;
    background: url(../img/arrow_right.png) no-repeat;
}
.toumingzuo,.toumingyou{

position: absolute;
top: 0;
z-index: 10;
background: #ccc;
opacity:0.6;
filter:alpha(opacity=60);
width: 600px;
height: 460px;
   
}
.toumingzuo{
left: -600px;
}
.toumingyou{
left: 1200px;
}
#yul1>li>
img 
{width:1240px;height:460px;}