@charset "utf-8";
/* 响应式布局 - 适配不同设备尺寸 */

/* 超大屏幕设备 (宽度小于等于1440px) */
@media screen and (max-width: 1439.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 2.5rem;}
  
  .news_list li .img_box {
    width: 20%;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    margin-left: 2rem;
    max-width: calc(80% - 2rem);}
  
  .news_list li .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;}
  
  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: .875rem;}
}

/* 大屏幕设备 (宽度小于等于1400px) */
@media screen and (max-width: 1399.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 2.375rem;}
  
  .news_list li .img_box {
    width: 20%;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    margin-left: 1.875rem;
    max-width: calc(80% - 1.875rem);}
  
  .news_list li .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;}
  
  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: .875rem;}
}

/* 大屏幕设备 (宽度小于等于1280px) */
@media screen and (max-width: 1279.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 2.25rem;}
  
  .news_list li .img_box {
    width: 22%;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    margin-left: 1.75rem;
    max-width: calc(78% - 1.75rem);}
  
  .news_list li .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;}
  
  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: .875rem;}
}

/* 标准屏幕设备 (宽度小于等于1200px) */
@media screen and (max-width: 1199.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 2.125rem;}
  
  .news_list li .img_box {
    width: 22%;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    margin-left: 1.625rem;
    max-width: calc(78% - 1.625rem);}
  
  .news_list li .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;}
  
  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: .875rem;}
}

/* 小屏电脑设备 (宽度小于等于1024px) */
@media screen and (max-width: 1023.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 2rem;}
  
  .news_list li .img_box {
    width: 25%;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    margin-left: 1.5rem;
    max-width: calc(75% - 1.5rem);}
  
  .news_list li .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;}
  
  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: .875rem;}
}

/* 平板横屏设备 (宽度小于等于992px) */
@media screen and (max-width: 991.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 1.875rem;}
  
  .news_list li .img_box {
    width: 25%;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    margin-left: 1.375rem;
    max-width: calc(75% - 1.375rem);}
  
  .news_list li .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;}
  
  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: .875rem;}
}

/* 平板竖屏设备 (宽度小于等于768px) */
@media screen and (max-width: 767.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 1.75rem;}
  
  .news_list li .img_box {
    width: 28%;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    margin-left: 1.25rem;
    max-width: calc(72% - 1.25rem);}
  
  .news_list li .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;}

  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: .875rem;}
}

/* 大屏手机设备 (宽度小于等于576px) */
@media screen and (max-width: 575.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 1.5rem;
    display: block !important;}
  
  .news_list li .img_box {
    width: 100%;
    margin-bottom: 0.75rem;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    margin-left: 0;
    max-width: 100%;
    padding: 0 0.75rem 0.75rem;}
  
  .news_list li .title {
    font-size: 1.15rem;
    margin-bottom: 1rem;}
  
  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: 1rem;}
}

/* iPhone及中等手机设备 (宽度小于等于375px) */
@media screen and (max-width: 374.98px) {
  /*新闻列表*/
  .news_list li {
    margin-bottom: 1.375rem;}
  
  .news_list li .img_box {
    width: 100%;
    margin-bottom: 0.625rem;}
  
  .news_list li .news_type {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;}
  
  .news_list li .cont_box {
    padding: 0 0.625rem 0.625rem;}
  
  .news_list li .title {
    font-size: 1.15rem;
    margin-bottom: 1rem;}
  
  .news_list li .content {
    font-size: 1rem;
    margin-bottom: 1rem;}
  
  .news_list li .time {
    font-size: 1rem;}
}