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

/**************/
.box{
    width: 1200px;height:500px;/*border: 1px solid #dedede;*/margin: 40px auto;background: #F4F4F4;
}
.all{
    width: 1200px;height: auto;margin: 60px auto;overflow: hidden;
}
.top-img{
    width: 1000px;height: auto;font-size: 0;position: relative;
}
.activeimg{
    overflow: hidden;height:300px;position: relative;margin-left: 200px;
}
.top-img .activeimg .row{
    width: 1200px;
    height: 300px;display: inline-block;
}
.top-img .left{
    width: 80px;height: 300px;/*background: rgba(0,0,0,0.4);*/position: absolute;left: 0;top: 0;text-align: center;line-height: 300px;
    cursor: pointer;
}
.top-img .right{
    width: 80px;height: 300px;/*background: rgba(0,0,0,0.4);*/position: absolute;left:1120px;top: 0;text-align: center;line-height: 300px;
    cursor: pointer;
}
.top-img .left:hover,.top-img .right:hover{
   /* background: rgba(0,0,0,0.5);*/
}
.bot-img{
    height: 100px;width: 1139px;margin-top: 15px
}
.bot-img ul{
    width: 100%;height: 100px;margin-top: 50px;
}
.bot-img ul li{
    width: 265px;margin-right: 10px;float: left;border: 1px solid #fff;cursor: pointer;font-size:14px;
    background-color: #FFFFFF;margin:0px 10px;
}
.bot-img ul li.active{
    border-bottom: 2px solid #B8382F;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}