*{
    padding: 0;margin: 0;
}
html,body{
    font-family:"Microsoft YaHei",sans-serif;color: #333;font-size: 14px;
}
li{
    list-style: none;
}


/**************/
.box{
    width: 1000px;height: 685px;border: 0px ;margin: 0px auto 50px;
}
.all{
    width: 1000px;height: auto;margin: 20px auto;overflow: hidden;
}
.top-img{
    width: 1000px;height: auto;font-size: 0;position: relative;
}
.activeimg{
    overflow: hidden;height: 550px;position: relative;
}
.top-img .activeimg img{
    width: 1000px;height: 550px;
}
.top-img .left{
    width: 80px;height: 550px;position: absolute;left: 0;top: 0;text-align: center;line-height: 550px;
    cursor: pointer;
}
.top-img .right{
    width: 80px;height: 550px;position: absolute;left:920px;top: 0;text-align: center;line-height: 550px;
    cursor: pointer;
}

.bot-img{
    height: 110px;width: 1000px;margin-top: 20px
}
.bot-img ul{
    width: 100%;height: 110px;
}
.bot-img ul li{
    width:176px;  margin-right: 25px;float: left;border: 2px solid #fff;cursor: pointer;font-size: 0;
}
.bot-img ul li.active{
    border: 2px solid #003f98;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}