.hot-news-wrap{
  background:#fecf27;
  padding:60px 30px 138px 30px;
  margin:-23px 0 -20px 0;
}
.hot-news-container{
  max-width:1280px;
  margin:0 auto;
}
.hot-news-container>h2{
  font-size:90px !important;
  font-weight:700 !important;
  color:#fff;
  margin:0 !important;
}
@media (max-width:992px){
  .hot-news-container>h2{
    font-size:9vw !important;
  }
}
@media (max-width:599px){
  .hot-news-wrap{
    padding:30px 15px 60px 15px;
  }
}
.hot-news{
  position:relative;
}
.hot-news .item{
  border:1px solid #fff;
  padding:40px;
}
.hot-news .img{
  position:relative;
  float:left;
  width:33.3%;
  height:307px;
  background:no-repeat center;
  background-size:cover;
}
.hot-news .content.has-img{
  padding:0 0 0 40px;
  height:307px;
  display:table-cell;
  vertical-align:middle;
}
.hot-news .clear{
  clear:both;
}

.hot-news .content{
  color:#3d3d3d;
  font-size:14px;
}
.hot-news h2{
  color:#3d3d3d;
  font-size:20px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}
.hot-news .btn{
  display:inline-block;
  padding:8px 20px;
  margin:0 20px 20px 0;
  background:none;
  color:#3d3d3d;
  text-transform:uppercase;
  font-size:16px;
  border:1px solid #3d3d3d;
  cursor:pointer;
}
.hot-news .btn:after{
  content:'+';
  display:inline-block;
  margin:0 0 0 10px;
}
.hot-news .btn:hover{
  background:#3d3d3d;
  color:#fff;
  &:after{
    color:#fff;
  }
}
@media (min-width:1200px){
  .hot-news .btn{
    margin:0 20px 0 0;
  }
}

.hot-news .owl-dots{
  position:absolute;
  bottom:-50px;
  width:100%;
}
.hot-news .owl-theme .owl-dots .owl-dot span{
  background:#e8ba18;
}
.hot-news .owl-theme .owl-dots .owl-dot.active span,
.hot-news .owl-theme .owl-dots .owl-dot:hover span{
  background:#fff;
}



.hot-news .owl-nav button{
  position:absolute;
  top:182px;
  background:#59585b !important;
  color:#ccc !important;
  width:40px;
  height:40px;
  line-height:3.4 !important;
  margin:0 !important;
  border-radius:0 !important;
}
.hot-news .owl-nav button:hover{
  background:#323232 !important;
}
.hot-news .owl-nav .owl-prev{
  left:-20px;
}
.hot-news .owl-nav .owl-next{
  right:-20px;
}

.hot-news-popup{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#fff;
  background:rgba(255,255,255,.6);
  z-index:90000;
  padding:170px 30px 30px 30px;
  color:#3d3d3d;
  font-size:14px;
  max-height:100%;
  overflow:scroll;
  overflow-x:auto;
}
.hnp-wrap{
  max-width:1320px;
  padding:60px 30px 30px 30px;
  margin:0 auto;
  background:#fff;
}
.hnp-close{
  position:relative;
  max-width:1320px;
  margin:0 auto;
}
.hnp-close>span{
  position:absolute;
  display:inline-block;
  top:0;
  right:0;
  padding:0 10px;
  color:#777;
  font-size:50px;
  line-height:1;
  z-index:1;
  cursor:pointer;
}
.hnp-close>span:hover{
  color:#3d3d3d;
}

@media (max-width:767px){
  .hot-news .img{
    float:none;
    width:auto;
    height:200px;
  }
  .hot-news-popup{
    padding:15px;
  }
  .hot-news .content.has-img{
    height:auto;
    display:block;
    padding:40px 0 0 0;
  }
}