ul{list-style:none;}
img{border:0;}

.banner{width:530px;overflow:hidden;}
.large_box{margin-bottom:10px;width:530px;height:420px;overflow:hidden; border: 1px solid #ddd;
  box-sizing: border-box;}
.large_box li{ text-align: center;}
.large_box li img{height:420px;}
.small_box{width:530px;height:80px;overflow:hidden;}
.small_list{position:relative;float:left;width:480px;height:80px;overflow:hidden;}
.small_list ul{height:80px;overflow:hidden;padding-left: 0;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:80px;border: 1px solid #ddd;box-sizing: border-box;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:80px;height:80px;border: 1px solid #146eb4;box-sizing: border-box;}
.small_list ul .on {border: 1px solid #146eb4;}
.btn{display:block;width:20px;height:80px;background-color:#bbb;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn:hover{background-color:#2a7fc2;}
.left_btn{float:left;margin-right:10px;height: 80px;display: flex;align-items: center;color: #fff;}
.right_btn{float:right;height: 80px;display: flex;align-items: center;color: #fff;}

@media (max-width: 767px) {
  .banner{
    width: 100%;
  }
  .large_box{
    width: 100%;
  }
  .small_box{
    width: 100%;
  }
  .small_list{
    width: 50%;
  }
}

@media (max-width:600px) {

  .large_box{
    height: 350px;
  }
  .detail_content .content table{
    width: 100%!important;
  }
}