﻿.main_content_gjrc {
 width: 1200px;
 margin: 0 auto;
 padding: 30px 0 60px 0;
}

.tit_header {
 display: flex;
 align-items: center;
 margin-bottom: 35px;
 justify-content: space-between;
}

.tit_header h2 {
 font-size: 26px;
 padding-left: 15px;
 display: inline-block;
 margin-right: 10px;
}

.tit_header .tit_left {
 border-left: 4px solid #2a73ae;
}

.gjrc {
 margin-bottom: 60px;
}

.link_a {
 display: block;
 font-size: 16px;
 position: relative;
 font-weight: 400;
 padding-right: 20px;
 color: #666666;
 transition: all 0.3s;
 text-align: center;
}

.main_content_gjrc .article_list {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 box-sizing: border-box;
 gap: 10px;
}

.main_content_gjrc .article_list li {
 width: 30%;
 background: #f5f5f5;
 padding: 20px 15px;
 border-radius: 20px;
}

.main_content_gjrc .article_list li .img_box {
 padding-left: 0px !important;
 float: left;
}

.main_content_gjrc .article_list li .img_box img {
 width: 145px;
 height: 145px;
 margin-right: 15px;
}

.main_content_gjrc .article_list li .title_type {
 padding-left: 0px !important;
 float: left;
 font-size: 22px;
}

.main_content_gjrc .article_list li p {
 width: 200px;
 float: left;
 font-size: 14px;
 line-height: 24px;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 6;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.main_content_gjrc .article_list li p .detail {
 display: none;
}

.bw_more_con {
 display: none;
}

/* 文章详情样式 */
.article_flex {
 padding: 0 100px;
 display: flex;
 flex-wrap: wrap;
}

.article_flex .article_img {
 width: 200px;
}

.article_info {
 width: 660px;
 padding: 0 0 0 60px;
}

.article_box_gj {
 margin: 0 0 0 60px;
 width: 600px;
}

.article_one {
 display: flex;
 gap: 30px;
}

.article_two {
 margin: 60px 0 0 0;
 line-height: 25px;
}

.p_title {
 font-size: 18px;
 text-decoration: underline;
 width: 100%;
 line-height: 36px;
 margin: 10px 0;
}

.article_cont {
 width: 100%;
}


/* ========== 以下为响应式适配样式 ========== */

/* ===== Tablet: 769px - 1024px ===== */
@media only screen and (max-width: 1024px) {
 .main_content_gjrc {
 width: 96%;
 padding: 20px 0 40px 0;
 }

 .tit_header h2 {
 font-size: 22px;
 }

 .tit_header img {
 max-width: 80px;
 height: auto;
 }

 .main_content_gjrc .article_list li {
 width: calc(50% - 5px);
 }

 .main_content_gjrc .article_list li .img_box img {
 width: 120px;
 height: 120px;
 }

 .main_content_gjrc .article_list li .title_type {
 font-size: 18px;
 }

 /* ===== 文章详情页 ===== */
 .article_flex {
 padding: 0 30px;
 }

 .article_flex .article_img {
 width: 160px;
 }

 .article_box_gj {
 margin-left: 30px;
 width: auto;
 flex: 1;
 }

 .article_one {
 gap: 15px;
 }

 .article_two {
 margin-top: 30px;
 }

 .article_cont img {
 max-width: 100%;
 height: auto;
 }
}

/* ===== Mobile: <= 768px ===== */
@media only screen and (max-width: 768px) {
 .link_a {
 padding-right: 0px !important;
 }

 .gjrc {
 margin-bottom: 20px !important;
 }

 .home_btn {
 background: #6fc0ed;
 background-size: cover;
 text-align: center;
 color: #fff !important;
 float: right;
 padding: 10px;
 border-radius: 5px;
 margin-right: 10px !important;
 margin-top: 10px !important;
 }

 .header {
 width: 100%;
 height: 120px !important;
 background-size: cover;
 }

 .sitebox {
 width: 100%;
 height: 60px !important;
 background-size: cover;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 !important;
 }

 .main_content_gjrc {
 width: 100%;
 padding: 0;
 }

 /* 标题区域 */
 .tit_header {
 flex-wrap: wrap;
 margin-bottom: 20px;
 padding: 0;
 }

 .tit_header h2 {
 font-size: 20px;
 padding-left: 10px;
 }

 .tit_header .tit_left {
 border-left-width: 3px;
 }

 .tit_header img {
 max-width: 60px;
 height: auto;
 }

 /* 列表区域 */
 .main_content_gjrc .article_list {
 flex-direction: column;
 gap: 15px;
 padding: 0 15px;
 }

 .main_content_gjrc .article_list li {
 width: 100%;
 padding: 15px;
 border-radius: 12px;
 box-sizing: border-box;
 overflow: hidden;
 }

 .main_content_gjrc .article_list li .img_box {
 float: left;
 }

 .main_content_gjrc .article_list li .img_box img {
 width: 80px;
 height: 80px;
 margin-right: 12px;
 border-radius: 50%;
 object-fit: cover;
 }

 .main_content_gjrc .article_list li .title_type {
 float: left;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.4;
 word-break: break-all;
 }

 .main_content_gjrc .article_list li p {
 float: left;
 font-size: 13px;
 line-height: 1.6;
 margin-top: 6px;
 width: calc(100% - 80px);
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 }

 /* 分页 */
 .main_content_gjrc .pages {
 padding: 0 15px;
 overflow-x: auto;
 }

 /* 清除浮动 */
 .clearit {
 height: 0;
 }

 /* ===== 文章详情页 ===== */
 .article_flex {
 padding: 0 15px;
 flex-direction: column;
 align-items: center;
 }

 .article_flex .article_img {
 width: 120px;
 height: 120px;
 object-fit: cover;
 border-radius: 50%;
 margin-bottom: 15px;
 }

 .article_box_gj {
 margin: 0;
 width: 100%;
 }

 .article_one {
 flex-direction: column;
 gap: 8px;
 }

 .article_one .article_title {
 font-size: 18px;
 line-height: 1.4;
 text-align: center;
 }

 .article_two {
 margin-top: 15px;
 line-height: 1.6;
 font-size: 14px;
 }

 .article_two p {
 margin-bottom: 5px;
 }

 .p_title {
 font-size: 16px;
 text-align: center;
 margin: 20px 0 15px;
 }

 .article_cont {
 width: 100%;
 font-size: 15px;
 line-height: 1.8;
 word-break: break-all;
 }

 .article_cont img {
 max-width: 100%;
 height: auto;
 }

 .article_cont table {
 width: 100%;
 overflow-x: auto;
 display: block;
 }

 .article_cont pre,
 .article_cont code {
 white-space: pre-wrap;
 word-wrap: break-word;
 }

 /* 右侧头部 */
 .right_header {
 padding: 0 15px;
 }

 .right_header .title_header span {
 font-size: 18px;
 }

 .right_header .map {
 font-size: 12px;
 }
}

/* ===== Small Mobile: <= 480px ===== */
@media only screen and (max-width: 480px) {
 .tit_header h2 {
 font-size: 17px;
 padding-left: 8px;
 }

 .tit_header .tit_left {
 border-left-width: 2px;
 }

 .tit_header img {
 max-width: 50px;
 height: auto;
 }

 .main_content_gjrc .article_list {
 padding: 0;
 }

 .main_content_gjrc .article_list li {
 padding: 12px;
 border-radius: 8px;
 }

 .main_content_gjrc .article_list li .img_box img {
 width: 70px;
 height: 70px;
 margin-right: 10px;
 border-radius: 50%;
 }

 .main_content_gjrc .article_list li .title_type {
 font-size: 14px;
 }

 .main_content_gjrc .article_list li p {
 font-size: 12px;
 margin-top: 4px;
 -webkit-line-clamp: 2;
 }

 /* ===== 文章详情页 ===== */
 .article_flex {
 padding: 0;
 }

 .article_flex .article_img {
 width: 90px;
 height: 90px;
 }

 .article_one .article_title {
 font-size: 16px;
 }

 .article_two {
 font-size: 13px;
 }

 .p_title {
 font-size: 15px;
 }

 .article_cont {
 font-size: 14px;
 }

 .right_header {
 padding: 0 10px;
 }
} 