*{
    margin: 0 ; padding: 0 ; list-style: none ;
}
h2{
    text-align: center; font-size: 20px; line-height: 40px;
}
body{
    height: 1500px; background: url(../img/b2.jpg);
}
.box{
    width: 600px; height: 200px; position: relative; margin: 20px auto;
    overflow: hidden;
}
.box ul{
    position: absolute;left: 0 ; top: 0; width: 3000px; 
}
.box ul li{
    width: 600px; height: 200px; float: left;
}
.box ul li img{
    width: 600px; height: 200px;
}
.box ol{
    position: absolute; right: 0; bottom: 10px;
}
.box ol li {
    width: 15px; height: 15px; border: 2px solid transparent; display: inline-block; background: rgba(250,135,124,.8); margin:0 10px; cursor: pointer;
} 
.box ol li.active {  border-color: #f47500; border-radius: 50%; background: #bad }
.box2{
    width: 746px; 
    height: 160px; 
    margin: 20px auto; 
    position: relative;
}
.box2 .big_pic{
    width: 612px; 
    height: 160px; 
    position: relative;
    overflow: hidden;
}
.box2 .big_pic ul{
    width: 612px; 
    height: 480px;
    position: absolute;
    left: 0;
    top: 0;
}
.box2 .big_pic ul li{
    width: inherit; 
    height: 160px;
}
.box2 .big_pic ul li img{
    width: inherit; 
    height: inherit;
}
.box2 .small_pic{
    width: 121px; 
    height: 160px; 
    position: absolute; 
    right: 0 ; 
    top: 0;
} 
.box2 .small_pic li{
    width: 113px;
    height: 42px;
    border: 4px solid #d3d3d3;
    position: relative;
    margin-bottom: 5px;
}
.box2 .small_pic li:last-child{
    margin:0;
}
.box2 .small_pic li i{
    background: url(../img/t1.png) no-repeat;
    width: 113px;
    height: 42px;
    position: absolute;
    left: 0;
    top: 0;
}
.box2 .small_pic li.active i{
    display: none;
}
.box2 .small_pic span{
    width: 127px;
    height: 50px;
    background: url(../img/zz.png) 0 0 no-repeat;
    position: absolute;
    z-index: 21;
    top: 0;
    right: 0;
}
.box3 { width: 470px; height: 150px; overflow: hidden; position: relative; margin: 20px auto 0; background: #ccc; }
.box3 ol { position: absolute; left: 200px; bottom: 5px; z-index: 2; }
.box3 ol li { float: left; margin-right: 3px; display: inline; cursor: pointer; background: #fcf2cf; border: 1px solid #f47500; padding: 2px 6px; color: #d94b01; font-family: arial; font-size: 12px; }
.box3 .active { padding: 3px 8px; font-weight: bold; color: #ffffff; background: #ffb442; position: relative; bottom: 2px; }

.box3 ul { position: absolute; top: 0; left: 0; z-index: 1; }
.box3 ul li { width: 470px; height: 150px; float: left; }
.box3 ul img { float: left; width: 470px; height: 150px; }

.box3 p { width: 20px; height: 20px; line-height: 20px; font-family: arial; color: #fff; text-align: center; font-weight: bold; background: #333; border: 1px solid #ccc; position: absolute; top: 60px; z-index: 2; cursor: pointer; }
.box3 .prev { left: 10px; }
.box3 .next { right: 10px; }