.header {width:100%;height:1rem;background:#fff;line-height:1rem;padding-left:0.48rem;}
.header:before {position:absolute;right:0;left:0;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:#c8c7cc;/*top:-1px;*/}
.header h3 {position:relative;font-size:0.375rem;font-weight:normal;line-height:inherit;margin-top:0px;top:0.1rem;font-weight:bold;}
.header h3:before {content:"";position:absolute;top:0.30rem;left:-0.2rem;width:0.08rem;height:0.4rem;background:#01afec;}


.banner{
 
  width: 10rem;
  height: 4rem;
}
.swiper-container{
  width: 98%;
  height: 100%;
}
#swiper-container{
 margin-top: 0.5rem;
height:3.6rem;
}
#swiper-container .swiper-slide{
height:1.8rem;
}
/*.swiper-slide ul{
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  justify-content: space-between;
}
.swiper-slide ul li{
    clear: both;
  width: 48%;
    float: left;
}
.swiper-slide ul li img{
  width: 100%;
  height: auto;
}
.swiper-slide ul li .hot-img img{
  width: 100%;
}*/

.gz-slide{
width: 48%;
}
.gz-slide img{
  width: 96%;
  height: auto;
}

.hot .title{
  border-bottom: 1px solid #ccc;
}
.hot .title h3{
  color: #333;
  font-size: 0.4rem;
  padding-left: 0.3rem;
  margin: 0.2rem 0;
}
.hot-list ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0.2rem;
}
.hot-list ul li{
  width: 32%;
 
  margin-top: 0.2rem;
}
.hot-list ul li .hot-text{
  font-size: 0.37rem;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
    line-height: 2;
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hot-list ul li .hot-img{
  width: 100%;
  height: 75%;
    
    
}
.hot-list ul li .hot-img img{
  width: 100%;
  height: 100%;
     border: 1px solid #ccc;
  box-shadow: 3px 5px 5px #ddd;   
    
}