@charset "gb2312";
/* CSS Document */



/*--banner--*/
.swiper-container {
      width: 100%;
      height:auto;
    
    }
    .swiper-slide {
      margin-top: 100px;  
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
@media screen and (max-width: 1580px) {
    .swiper-slide {margin-top:80px;	}
}
@media screen and (max-width: 988px) {
    .swiper-slide {margin-top:24px;	}
}
@media screen and (max-width: 768px) {	
   .swiper-slide {margin-top:20px;}
    .swiper-slide img{min-height:200px;object-fit: cover;	}

}

/***left-box***/
.left-box{width:858px; }
.bbox{width: 390px;height:400px; margin-right: 34px;margin-bottom: 20px; float: left;}
.title{border-bottom: 1px solid #f5f5f5; height: 40px; margin-bottom: 10px;}
.ltitle{font-size: 22px; font-weight: bold; line-height:40px; color: #ce2e2e;border-bottom: 2px solid #ce2e2e;}
.more a{line-height:40px;color:#999; }
.more a:hover{color: #3D3C3C;}
.time{font-size: 12px; color: #666; padding-top: -10px;}
.bbox ul li,.sbox ul li{padding: 8px 0px;}
.single-line {
    font-size: 16px;
        color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.multi-line {
    height: 40px;
    font-size: 14px;
    margin-top: 6px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: clip;
    overflow: hidden;
}

/***right-box***/
.right-box{width:252px; float: right;}
.sbox{width:252px;height:400px; margin-bottom: 20px;}
.imgjg{margin-bottom: 20px;}
.sbox .single-line{height: 50px;white-space:normal;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: clip;
    overflow: hidden;}

@media screen and (max-width: 1190px){
    .left-box{width:100%;}
    .bbox{width:46%;}
    .right-box {float: none; width: 100%;}
    .sbox{width: 50%; float: left; height: auto;}
}
@media screen and (max-width: 988px){
    .bbox{width:44%;}
}
@media screen and (max-width: 760px){
    .bbox,.sbox{width:100%; float: none;height: auto;}
    .single-line{margin-top: 5px;}
    .sbox .single-line{height: auto;}
}