.focus {
  width: 100%;
  height: 380px;
  overflow: hidden;
  position: relative;
}

.focus ul {
  height: 380px;
  position: absolute;
}

.focus ul li {
  float: left;
  width: 622px;
  height: 380px;
  overflow: hidden;
  position: relative;
}

.focus ul li div {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 380px;
}

.focus ul li div a {
  position: relative;
}
/* 
#focus ul li div a p {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    font-size: 16px;
    color: #fff;
} */

.focus ul li div a img {
  width: 100%;
}

.focus .btnBg {
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0;
  bottom: 0;
  background: #000;
}

.focus .btn {
  position: absolute;
  width: 30%;
  height: 24px;
  right: 10px;
  bottom: 16px;
  padding-left: 10px;
}

.focus .btn span {
  display: inline-block;
  _display: inline;
  _zoom: 1;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  font-family: 微软雅黑;
  margin-right: 10px;
  cursor: pointer;
  color: #696969;
  border: 1px solid #fff;
  background: #ebebeb;
}

.focus .btn span.on {
  background: #ac0a0e;
  color: #fff;
}

@media (min-width: 1030px) and (max-width: 1190px) {
 

  .focus {
    width: 500px;
    margin: 0 auto;
  }

  .focus .btn {
    width: 33%;
  }

  .focus ul li {
    width: 500px;
  }

  .focus {
    height: 316px;
    margin: 20px auto;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .focus ul li {
    width: 510px;
  }

  .focus .btnBg {
    width: 100%;
  }

  .focus .btn {
    width: 32%;
  }

  .focus {
    height: 372px;
  }

 
}

@media (min-width: 768px) and (max-width: 990px) {

  .focus ul li {
    width: 386px;
  }

  .focus .btnBg {
    width: 100%;
  }

  .focus .btn {
    width: 46%;
  }

  .focus {
    height: 294px;
    margin: 83px 0 0 0;
  }

  .focus ul li div{
   height: 293px;
  }
  .focus ul li div a p{
    width: 100% !important;
    left: 0 !important;
    }
}

@media (max-width: 767px) and (min-width: 430px) {
 

  .focus {
    width: 100%;
    margin: 0 auto;
  }

  .focus .btnBg {
    width: 100%;
  }

  .focus .btn {
    width: 50%;
    /*left: 10px;*/
  }

 .focus {
    height: 380px;
  }



  .focus {
    width: 380px;
    margin: 0 auto;
    height: 240px;
  }
    

  .focus ul li {
    width: 380px;
  }
    
    
    .focus ul li div {
        height:240px;
    }
    
   .focus ul li div a p{
    width: 100% !important;
    left: 0 !important;
    }

  .marginbot{
     
    padding-top: 20px;
    margin: 0;
   }
    slider, .slider .slider-img {
    height: auto;
    display: inline;
   }
     .box-2{
     display:none;
 }
}

/*@media (max-width: 760px){*/
/*.djch_nr{*/
/*display: none;*/
/*}*/
/*.djch_box{*/
/*width: 100%;*/
/*}*/
/*.links{*/
/*display: none;*/
/*}*/
/*}*/
@media (max-width: 425px) and (min-width: 380px) {
 
  .focus ul li {
    width: 365px;
  }

  .focus .btn {
    width: 50%;
    left: 10px;
  }

  .focus {
    width: 100%;
    height: 218px;
  }
 .marginbot{
     
    padding-top: 20px;
    margin: 0;
 }
 
}

@media (max-width: 375px) {
 
  .focus ul li {
    width: 315px;
  }

  .focus .btn {
    width: 50%;
    left: 10px;
  }

  .focus {
    height: 200px;
  }

  
  .focus {
    width: 100%;
  }
     .marginbot{
     
    padding-top: 20px;
    margin: 0;
 }
    .slider .slider-img{
        display: inline;
    }
     .box-2{
     display:none;
 }
}

@media (max-width: 320px) {
 
  .focus {
    width: 100%;
    height: 165px;
  }
 .marginbot{
     
    padding-top: 20px;
    margin: 0 !important
 }
 .box-2{
     display:none;
 }
}

@media (max-width: 500px) {
  .focus {
    width: 100%;
    margin: 0 auto;
    height: 218px;
  }
  .focus ul {
    width: 100%;
     height: 218px;
  }
  .focus ul li {
    width: 100%;
  }
 .focus ul li div{
   height: 218px;
 }
    
 .focus ul li div a p{
   width: 100% !important;
    height: 40px !important;
    left: 0 !important;
    line-height: 40px !important;
    font-size: 16px !important;
    bottom: 3px!important;
    }
 .picSwitch{
     
    padding-top: 30px;
    margin: 0 !important
 }
  .focus .btnBg{
      height:40px;
  }
}