@charset "UTF-8";
html { font-size: 10px; }

body { background-color: #f5f5f5; font-family: Inter, sans-serif, SFProLocalRange; }

.page { width: 100%; display: flex; justify-content: center; margin-top: 1.6rem; margin-bottom: 1.6rem; }

.page > .pagination { display: flex; justify-content: center; flex-wrap: wrap; }

.page > .pagination > li { list-style: none; padding: 0.6rem 0.2rem; min-width: 3rem; text-align: center; border: 1px solid #27894D; margin-right: 0.6rem; border-radius: 0.6rem; cursor: pointer; }

.page > .pagination > li:first-child, .page > .pagination > li:last-child { padding: 0.6rem; }

.page > .pagination > .active { background-color: #27894D; }

.page > .pagination > .active > a { color: #ffffff; }

.container { margin: 0 auto; max-width: 1440px; }

.head { display: flex; align-items: center; justify-content: space-between; background-color: white; padding: 0 4.8rem; }

.head .left, .head .right { display: flex; align-items: center; margin-top: 3.6rem; height: 8.0rem; }

.head .left { font-size: 3.0rem; font-weight: bold; color: black; }

.head .right .layui-input-group input { border-radius: 5.0rem; border-color: black; }

.head .right .layui-input-group .layui-input-suffix > i { font-size: 2.4rem; color: black; cursor: pointer; }

.poster { max-width: 1440px; height: 73.2rem; }

.poster > .parcel { position: absolute; max-width: 1440px; width: 100%; }

.poster > .parcel > img { height: 73.2rem; width: 100%; object-fit: cover; }

.poster > .parcel .mask, .poster > .parcel .text, .poster > .parcel .more { position: absolute; }

.poster > .parcel .mask { bottom: 0; left: 0; height: 100%; width: 78%; backdrop-filter: blur(1px); background: linear-gradient(90deg, rgba(3, 14, 4, 0.51) 29.33%, rgba(10, 24, 7, 0.4794) 72.6%, rgba(42, 88, 32, 0.0714) 100%); }

.poster > .parcel .text { bottom: 24.6rem; }

.poster > .parcel .text .zh, .poster > .parcel .text .en { font-weight: 300; color: white; padding-left: 12.0rem; }

.poster > .parcel .text .zh { font-size: 4.0rem; line-height: 4.8rem; }

.poster > .parcel .text .en { margin-top: 5.0rem; font-size: 2.2rem; line-height: 3.0rem; }

.poster > .parcel .more { bottom: 4.0rem; color: white; display: flex; align-items: center; justify-content: center; width: 100%; }

.poster > .parcel .more > span > i { padding-left: 0.6rem; }

.description_1 { background-color: white; padding: 3.8rem 12.0rem 9.2rem 12.0rem; }

.description_1 .title { font-size: 3.2rem; font-weight: 600; color: #629D47; padding-bottom: 3.2rem; }

.description_1 .text { font-size: 2.4rem; font-weight: 400; color: black; letter-spacing: 4px; }

.news .banner { height: 41.0rem; max-width: 1440px; }

.news .banner .parcel { position: absolute; max-width: 1440px; width: 100%; }

.news .banner .parcel > img { height: 41.0rem; width: 100%; object-fit: cover; }

.news .banner .parcel .mask, .news .banner .parcel .text { position: absolute; }

.news .banner .parcel .mask { bottom: 0; left: 0; height: 100%; width: 78%; backdrop-filter: blur(1px); background: linear-gradient(90deg, rgba(0, 0, 0, 0.91) 0%, rgba(10, 24, 7, 0.6006) 47.6%, rgba(42, 88, 32, 0.0273) 100%); }

.news .banner .parcel .text { bottom: 9.6rem; padding-left: 12.0rem; }

.news .banner .parcel .text .text_1 { font-weight: 400; font-size: 2.0rem; color: #A4A4A4; margin-bottom: 0.4rem; }

.news .banner .parcel .text .text_2 { font-weight: 600; font-size: 3.2rem; color: white; }

.news .banner .parcel .text-show { bottom: 6.0rem; padding-left: 12.0rem; }

.news .banner .parcel .text-show .text_3 { font-weight: 600; font-size: 3.2rem; color: white; }

.news .list { padding: 5.2rem 12.0rem 0; }

.news .list .parcel { display: flex; flex-wrap: wrap; }

.news .list .parcel .item:not(:nth-child(3n)) { margin-right: 6.8rem; }

.news .list .parcel .item { width: 29.5%; margin-bottom: 5.6rem; }

.news .list .parcel .item > img { width: 100%; }

.news .list .parcel .item > .tips { padding-top: 1.2rem; color: #A4A4A4; font-size: 2.0rem; }

.news .list .parcel .item > .title { padding-top: 0.4rem; color: black; font-size: 2.0rem; font-weight: 600; }

.news .content { padding: 3.4rem 12.0rem 10.0rem; }

.news > .more { display: flex; justify-content: center; }

.news > .more > .bottom { background-color: #629D47; width: 17.0rem; height: 5.2rem; color: white; display: flex; justify-content: center; align-items: center; border-radius: 1.6rem; margin-bottom: 6.0rem; }

.description_2 { max-width: 1440px; height: 77.0rem; width: 100%; }

.description_2 .parcel { height: 77.0rem; width: 100%; max-width: 1440px; position: absolute; }

.description_2 .parcel > img { height: 77.0rem; width: 100%; object-fit: cover; }

.description_2 .parcel > .text { position: absolute; bottom: 16.0rem; left: 12.0rem; }

.description_2 .parcel > .text > .title { font-weight: 300; font-size: 4.4rem; color: #629D47; padding-bottom: 2.0rem; }

.description_2 .parcel > .text > .content { font-size: 2.4rem; font-weight: 300; color: black; width: 54.0rem; letter-spacing: 4px; line-height: 3.0rem; }

.description_2 .parcel > .text > .content > p:not(:last-child) { padding-bottom: 2.6rem; }

.footer { display: flex; align-items: center; height: 11.0rem; font-weight: 600; font-size: 2.0rem; color: white; background-color: #27894D; padding: 0 12.0rem; }

.breadcrumbs { height: 6.8rem; display: flex; align-items: center; padding: 0 7.4rem; }

.breadcrumbs > .item { color: #A4A4A4; font-weight: 600; font-size: 2.0rem; padding-right: 0.8rem; }

.breadcrumbs-show { background-color: white; }

@media screen and (max-width: 768px) { .container { max-width: 100%; }
  .head { flex-direction: column; /* 垂直堆叠 */ align-items: center; padding: 0 1.6rem; }
  .head .left { margin-top: 2.0rem; font-size: 2.4rem; }
  .head .right { margin-top: 1.0rem; margin-bottom: 2.0rem; height: auto; width: 100%; /* 搜索框占满宽度 */ }
  .head .right .layui-input-group { width: 100%; }
  .head .right .layui-input-group input { width: 100%; }
  .poster { height: 45.0rem; /* 减小高度 */ }
  .poster > .parcel > img { height: 45.0rem; }
  .poster > .parcel .mask { width: 100%; /* 遮罩占满全宽 */ /* 调整渐变方向，更适合手机从下往上的遮罩 */ background: linear-gradient(0deg, rgba(3, 14, 4, 0.7) 0%, rgba(10, 24, 7, 0.3) 50%, rgba(42, 88, 32, 0) 100%); }
  .poster > .parcel .text { bottom: 8.0rem; /* 调整位置 */ }
  .poster > .parcel .text .zh, .poster > .parcel .text .en { padding-left: 1.6rem; }
  .poster > .parcel .text .zh { font-size: 2.8rem; /* 缩小字体 */ line-height: 3.6rem; }
  .poster > .parcel .text .en { margin-top: 2.0rem; font-size: 1.6rem; line-height: 2.4rem; }
  .poster > .parcel .more { bottom: 2.0rem; font-size: 1.4rem; }
  .description_1 { padding: 3.8rem 1.6rem 5.0rem 1.6rem; /* 减小两侧 padding */ text-align: center; }
  .description_1 .title { font-size: 2.4rem; padding-bottom: 2.0rem; text-align: center; }
  .description_1 .text { font-size: 1.6rem; letter-spacing: normal; /* 移除超大的字间距 */ }
  .description_1 .text p { margin-bottom: 1.6rem !important; /* 调整段落间距 */ }
  .news .banner { height: 20.0rem; /* 减小 Banner 高度 */ }
  .news .banner .parcel > img { height: 20.0rem; }
  .news .banner .parcel .text, .news .banner .parcel .text-show { padding-left: 1.6rem; bottom: 3.0rem; }
  .news .banner .parcel .text .text_1, .news .banner .parcel .text-show .text_1 { font-size: 1.4rem; }
  .news .banner .parcel .text .text_2, .news .banner .parcel .text .text_3, .news .banner .parcel .text-show .text_2, .news .banner .parcel .text-show .text_3 { font-size: 2.0rem; }
  .news .list { padding: 3.2rem 1.6rem 0; /* 减小 padding */ }
  .news .list .parcel { flex-direction: column; /* 新闻列表改为垂直堆叠 */ }
  .news .list .parcel .item { width: 100%; /* 列表项占满宽度 */ margin-right: 0 !important; /* 移除 PC 上的 margin */ margin-bottom: 3.0rem; }
  .news .list .parcel .item:not(:nth-child(3n)) { margin-right: 0; }
  .news .list .parcel .item > .tips, .news .list .parcel .item > .title { font-size: 1.6rem; }
  .news .content { padding: 3.4rem 1.6rem 5.0rem; }
  .news > .more > .bottom { margin-bottom: 4.0rem; }
  .description_2 { height: auto; /* 高度自适应 */ }
  .description_2 .parcel { position: relative; /* 调整定位，防止内容被遮挡 */ height: auto; }
  .description_2 .parcel > img { height: 35.0rem; /* 减小图片高度 */ }
  .description_2 .parcel > .text { position: relative; /* 调整定位，使其流动 */ bottom: 0; left: 0; padding: 3.0rem 1.6rem; /* 调整 padding */ }
  .description_2 .parcel > .text .title { font-size: 3.0rem; padding-bottom: 1.0rem; }
  .description_2 .parcel > .text .content { font-size: 1.6rem; width: 100%; letter-spacing: normal; line-height: 2.4rem; }
  .description_2 .parcel > .text .content > p:not(:last-child) { padding-bottom: 1.6rem; }
  .footer { height: 8.0rem; font-size: 1.6rem; padding: 0 1.6rem; justify-content: center; text-align: center; }
  .breadcrumbs { height: 4.0rem; padding: 0 1.6rem; overflow-x: auto; /* 溢出时允许水平滚动 */ white-space: nowrap; /* 确保面包屑保持一行 */ }
  .breadcrumbs .item { font-size: 1.4rem; } }