:root {
  --qi-news-p: 40px 0 100px;
  --qi-news-title-font: 48px;
  --qi-news-text-font: 16px;
  --qi-news-item-title-font: 24px;
  --qi-news-main-item-txt-p: 20px 50px 40px;
  --qi-news-item-gap: 30px;
  --qi-news-item-img-size: 206.3px;
}

.qili-iframe5 {
  /*padding: var(--qi-news-p);*/
  background: #fff;
}

.qili-iframe5 .indextit h2 {
  margin-bottom: 40px;
  text-align: center;
  font-size: var(--qi-news-title-font);
  color: var(--color-primary);
}

.qili-iframe5 .main-item {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--bg-color);
}

.qili-iframe5 .main-item .img img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 800 / 450;
}

.qili-iframe5 .main-item .txt {
  padding: var(--qi-news-main-item-txt-p);
  font-size: var(--qi-news-text-font);
  min-width: 0;
}

.qili-iframe5 .main-item .txt h4,
.qili-iframe5 .item .txt h4 {
  color: var(--color-primary);
  font-family: var(--font-family);
  font-weight: 400;
}
.qili-iframe5 .main-item .txt h4 i,
.qili-iframe5 .item .txt h4 i {
  margin-right: 0.8em;
}
.qili-iframe5 .main-item .txt h3 a,
.qili-iframe5 .item .txt h3 a{
  color: var(--title-text-color);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  font-size: var(--qi-news-item-title-font);
  margin: 10px 0;
  transition: color 0.3s;
}
.qili-iframe5 .main-item .txt h3 a:hover,
.qili-iframe5 .item .txt h3 a:hover{
  color: var(--color-primary);
}
.qili-iframe5 .main-item .txt p,
.qili-iframe5 .item .txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
}
.qili-iframe5 .main-item .txt a, 
.qili-iframe5 .item .txt a {
  color: var(--color-primary);
}
.qili-iframe5 .main-item .txt a:hover, 
.qili-iframe5 .item .txt a:hover {
  font-weight: bold;
}
.qili-iframe5 .item {
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.qili-iframe5 .item + .item {
  margin-top: var(--qi-news-item-gap);
}
.qili-iframe5 .item .img {
  flex-shrink: 0;
  width: var(--qi-news-item-img-size);
  height: var(--qi-news-item-img-size);
}
.qili-iframe5 .item .img img {
  width: var(--qi-news-item-img-size);
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
.qili-iframe5 .item .txt {
  flex: 1;
  min-width: 0;
  padding: 0 var(--qi-news-item-gap);
}

@media screen and (max-width: 1500px){
  :root {
    --qi-news-p: 35px 0 88px;
    --qi-news-title-font: 44px;
    --qi-news-text-font: 15px;
    --qi-news-item-title-font: 22px;
    --qi-news-main-item-txt-p: 18px 42px 35px;
    --qi-news-item-gap: 25px;
    --qi-news-item-img-size: 179px;
  }  
}

@media screen and (max-width: 1280px){
  :root {
    --qi-news-p: 30px 0 75px;
    --qi-news-title-font: 40px;
    --qi-news-text-font: 14px;
    --qi-news-item-title-font: 20px;
    --qi-news-main-item-txt-p: 16px 36px 30px;
    --qi-news-item-gap: 20px;
    --qi-news-item-img-size: 170px;
  }  
}

@media screen and (max-width: 1200px){
  :root {
    --qi-news-p: 30px 0 75px;
    --qi-news-title-font: 36px;
    --qi-news-item-title-font: 18px;
    --qi-news-main-item-txt-p: 15px 30px 25px;
    --qi-news-item-gap: 15px;
    --qi-news-item-img-size: 152px;
  }  
}

@media screen and (max-width: 992px){
  :root {
    --qi-news-item-img-size: 160px;
    --qi-news-main-item-txt-p: 0;
  }
  .qili-iframe5 .indextit h2 {
    margin-bottom: 25px;
  }
  .qili-iframe5 .main-item {
    align-items: center;
    flex-direction: row;
  }
  .qili-iframe5 .main-item .txt {
    padding: 0 var(--qi-news-item-gap);
  }
  .qili-iframe5 .main-item .img {
    flex-shrink: 0;
    width: var(--qi-news-item-img-size);
    height: var(--qi-news-item-img-size);
  }
  .qili-iframe5 .main-item .img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  .qili-iframe5 .item {
    margin-top: var(--qi-news-item-gap);
  }
}

@media screen and (max-width: 768px){
  :root {
    --qi-news-p: 30px 0 75px;
    --qi-news-title-font: 32px;
    --qi-news-item-title-font: 16px;
    --qi-news-item-gap: 15px;
    --qi-news-item-img-size: 150px;
  }  
}

@media screen and (max-width: 576px){
  :root {
    --qi-news-p: 20px 0 50px;
    --qi-news-title-font: 25px;
    --qi-news-item-title-font: 14px;
    --qi-news-item-gap: 10px;
    --qi-news-item-img-size: 130px;
  }  

  .qili-iframe5 .main-item .txt h3,
  .qili-iframe5 .item .txt h3 {
    margin: 5px 0;
  }

  .qili-iframe5 .main-item .txt p,
  .qili-iframe5 .item .txt p {
    margin-bottom: 5px;
  }

  .qili-iframe5 .indextit h2 {
    margin-bottom: 15px;
  }

  .qili-iframe5.container {
    padding-left: 15px;
    padding-right: 15px;
  }
}