header.pc.header-detail {
  background: #fff;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.15);
}

header.pc.header-detail .--logo {
  height     : 80px;
  padding-top: 6px;
}

header.pc.header-detail .--logo img.logo-color {
  display: block;
}

header.pc.header-detail .--logo img.logo-white {
  display: none;
}

header.pc.header-detail .headerTop {
  border-bottom: 1px solid rgba(131, 125, 125, 0.3);
  padding      : 6px 0;
}

header.pc.header-detail .headerTop .--tel {
  color: #000;
}

header.pc.header-detail .headerTop .--tel::after {
  border-bottom: 1px solid rgba(29, 29, 29, 0.6);
}

header.pc.header-detail .headerTop .nice-select span {
  color: #000;
}

header.pc.header-detail .headerTop .--listLogo img {
  filter: unset;
}

header.pc.header-detail .headerBot {
  height: 60px;
}

header.pc.header-detail .headerBot .--menu .--nameMenu {
  color: #000;
}

header.pc.header-detail .headerBot .--menu .--itemMenu.--sub::after {
  color: #000;
}

header.pc.header-detail .headerBot .--logo img {
  max-width : 60px;
  max-height: 60px;
}

header.pc.header-detail .headerBot .btn-2 {
  font-size: 14px;
  height   : 40px;
}

@media (max-width: 640px) {
  header.mb {
    background   : #fff;
    box-shadow   : 0px 2px 40px rgba(0, 0, 0, 0.15);
    border-bottom: none;
  }

  header.mb .nice-select span {
    color: var(--color-2);
  }

  header.mb .--logo img.logo-color {
    display: block;
  }

  header.mb .--logo img.logo-white {
    display: none;
  }

  header.mb .--listLogo img {
    filter: unset;
  }
}

#news {
  padding-bottom: 80px;
}

@media (max-width: 640px) {
  #news {
    padding-bottom: 60px;
  }
}

.newsBanner {
  height  : 500px;
  position: relative;
}

.newsBanner .--bg {
  width   : 100%;
  height  : 100%;
  position: relative;
}

.newsBanner .--bg::after {
  content   : "";
  background: linear-gradient(180deg, rgba(32, 41, 58, 0.8) 0%, rgba(32, 41, 58, 0) 16.86%), linear-gradient(0deg, rgba(32, 41, 58, 0.9) 0%, rgba(32, 41, 58, 0) 44.7%);
  top       : 0;
  position  : absolute;
  left      : 0;
  width     : 100%;
  height    : 100%;
}

.newsBanner .--bg img {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: bottom;
  object-position   : bottom;
}

.newsBanner .--content {
  position: absolute;
  bottom  : 40px;
  width   : 100%;
}

.newsBanner .--title {
  color         : #fff;
  font-weight   : 600;
  text-transform: uppercase;
  position      : relative;
  width         : -moz-max-content;
  width         : max-content;
  max-width     : 300px;
  line-height   : 1;
}

.newsBanner .--title::after {
  content      : "";
  position     : absolute;
  bottom       : 6px;
  left         : calc(100% + 12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width        : 100px;
}

.newsHot {
  padding-top: 80px;
}

.newsHot .subTitle {
  margin-bottom: 32px;
}

.newsHot .--left {
  display  : flex;
  flex-flow: column;
  gap      : 32px;
}

.newsHot .--left .itemNews1 {
  flex-flow: column;
  gap      : 20px;
}

.newsHot .--left .itemNews1 .--img {
  height: 150px;
  width : 100%;
}

.newsHot .--left .itemNews1 .timeCate {
  color: var(--color-2);
}

.newsHot .--left .itemNews1 .timeCate .--time::before {
  background: var(--color-2);
}

.newsHot .--left .itemNews1 .--name {
  font-size    : 18px;
  color        : #000;
  margin-bottom: 0;
  transition   : all 0.3s ease;
}

.newsHot .--left .itemNews1 .--name:hover {
  color: var(--color-1);
}

.newsHot .--left .itemNews1 .--viewdetail {
  margin-top: 18px;
  color     : var(--color-2);
}

.newsHot .--left .itemNews1 .--viewdetail::after {
  border-bottom: 1px solid var(--color-2);
}

.newsHot .--center .itemNews1 {
  flex-flow: column;
  gap      : 24px;
}

.newsHot .--center .itemNews1 .--img {
  width : 100%;
  height: 340px;
}

.newsHot .--center .itemNews1 .timeCate {
  color: var(--color-2);
}

.newsHot .--center .itemNews1 .timeCate .--time::before {
  background: var(--color-2);
}

.newsHot .--center .itemNews1 .--name {
  font-size  : 24px;
  color      : #000;
  line-height: 32px;
  height     : auto;
  transition : all 0.3s ease;
}

.newsHot .--center .itemNews1 .--name:hover {
  color: var(--color-1);
}

.newsHot .--center .itemNews1 article {
  margin-top        : 16px;
  overflow          : hidden;
  text-overflow     : ellipsis;
  line-height       : 20px;
  -webkit-line-clamp: 4;
  display           : -webkit-box;
  -webkit-box-orient: vertical;
}

.newsHot .--center .itemNews1 .--viewdetail {
  margin-top: 24px;
  color     : var(--color-2);
}

.newsHot .--center .itemNews1 .--viewdetail::after {
  border-bottom: 1px solid var(--color-2);
}

.newsHot .--right .itemNews1 {
  border-bottom : 1px solid #c5c5c5;
  padding-bottom: 16px;
  margin-bottom : 16px;
}

.newsHot .--right .itemNews1 .--name {
  color             : #000;
  margin            : 0;
  -webkit-line-clamp: 3;
  height            : auto;
  transition        : all 0.3s ease;
}

.newsHot .--right .itemNews1 .--name:hover {
  color: var(--color-1);
}

.newsHot .--right .itemNews1 .--viewdetail {
  margin-top: 0;
  font-size : 12px;
  color     : var(--color-2);
}

.newsHot .--right .itemNews1 .--viewdetail::after {
  border-bottom: 1px solid var(--color-2);
}

.newsHot .--right .itemNews {
  display        : flex;
  gap            : 20px;
  padding-bottom : 16px;
  margin-bottom  : 16px;
  justify-content: space-between;
  border-bottom  : 1px solid #c5c5c5;
}

.newsHot .--right .itemNews:hover .--nameNews {
  color: var(--color-1);
}

.newsHot .--right .itemNews .--nameNews {
  font-weight       : 600;
  color             : #000;
  transition        : all 0.3s ease;
  font-size         : 16px;
  overflow          : hidden;
  text-overflow     : ellipsis;
  -webkit-line-clamp: 2;
  display           : -webkit-box;
  -webkit-box-orient: vertical;
}

.newsHot .--right .itemNews:last-child {
  padding-bottom: 0;
  margin-bottom : 0;
  border-bottom : none;
}

.newsHot .gifCate {
  display: none;
}

@media (max-width: 640px) {
  .newsHot {
    padding-top: 60px;
  }

  .newsHot .subTitle {
    font-size    : 22px;
    margin-bottom: 16px;
  }

  .newsHot .--left .itemNews1:nth-child(1) .--img {
    height: 240px;
  }

  .newsHot .--left .itemNews1:nth-child(2) {
    display: none;
  }

  .newsHot .--left .--listNews.mobi {
    display  : flex !important;
    flex-flow: column;
  }

  .newsHot .--left .--listNews.mobi .itemNews {
    position       : relative;
    display        : flex;
    justify-content: space-between;
    gap            : 8px;
    padding-left   : 12px;
    padding-bottom : 12px;
    margin-bottom  : 12px;
    border-bottom  : 1px solid #dcdcdc;
  }

  .newsHot .--left .--listNews.mobi .itemNews .--nameNews {
    font-size  : 14px;
    line-height: 22px;
    color      : #000;
  }

  .newsHot .--left .--listNews.mobi .itemNews:last-child {
    padding-bottom: 0;
    margin-bottom : 0;
    border-bottom : none;
  }

  .newsHot .--left .--listNews.mobi .itemNews::before {
    position  : absolute;
    content   : "";
    top       : 8px;
    left      : 0;
    width     : 4px;
    height    : 4px;
    background: #767676;
  }

  .newsHot .--center {
    display: none;
  }

  .newsHot .--right {
    display: none;
  }
}

.newsOther {
  padding-top: 80px;
}

.newsOther .--topNewsCate {
  display      : flex;
  align-items  : center;
  gap          : 8px;
  margin-bottom: 32px;
}

.newsOther .--topNewsCate .--title {
  font-size    : 32px;
  font-weight  : 600;
  line-height  : 44px;
  margin-bottom: 0;
}

.newsOther .--topNewsCate .--viewall {
  font-size     : 14px;
  font-style    : normal;
  font-weight   : 600;
  color         : var(--color-2);
  text-transform: uppercase;
}

.newsOther .--topNewsCate .--viewall::after {
  border-bottom: 1px solid var(--color-2);
}

.newsOther .--topNewsCate .line {
  flex         : 1;
  border-bottom: 1px solid #dcdcdc;
}

.newsOther .--listNewsCate {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-between;
}

.newsOther .itemNewsCate:nth-child(n+2) {
  margin-top: 60px;
}

.newsOther .itemNewsCate .timeCate {
  color: var(--color-2);
}

.newsOther .itemNewsCate .timeCate .--time::before {
  background: var(--color-2);
}

.newsOther .itemNewsCate .--name {
  color     : #000;
  transition: all 0.3s ease;
}

.newsOther .itemNewsCate .--name:hover {
  color: var(--color-1);
}

.newsOther .itemNewsCate .--viewdetail {
  color     : var(--color-2);
  margin-top: 0;
}

.newsOther .itemNewsCate .--viewdetail::after {
  border-bottom: 1px solid var(--color-2);
}

.newsOther .itemNewsCate.newsCate1 .--newsHot {
  position: relative;
  height  : 100%;
  display : flex;
}

.newsOther .itemNewsCate.newsCate1 .--newsHot:hover .--name {
  color: var(--color-1);
}

.newsOther .itemNewsCate.newsCate1 .--newsHot .--img {
  position: relative;
}

.newsOther .itemNewsCate.newsCate1 .--newsHot .--img::after {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 37.75%);
}

.newsOther .itemNewsCate.newsCate1 .--newsHot .--img img {
  width : 100%;
  height: 100%;
}

.newsOther .itemNewsCate.newsCate1 .--newsHot .--name {
  position          : absolute;
  bottom            : 24px;
  padding           : 0 30px;
  width             : 100%;
  margin-bottom     : 0;
  color             : #fff;
  transition        : all 0.3s ease;
  overflow          : hidden;
  text-overflow     : ellipsis;
  line-height       : 26px;
  -webkit-line-clamp: 2;
  display           : -webkit-box;
  -webkit-box-orient: vertical;
}

.newsOther .itemNewsCate.newsCate1 .itemNews1 {
  border-bottom : 1px solid #c5c5c5;
  padding-bottom: 12px;
  margin-bottom : 12px;
}

.newsOther .itemNewsCate.newsCate1 .itemNews1:last-child {
  border-bottom : none;
  padding-bottom: 0;
  margin-bottom : 0;
}

.newsOther .itemNewsCate.newsCate1 .--listNews {
  display: flex;
  gap    : 40px;
}

.newsOther .itemNewsCate.newsCate1 .--listNews .--left {
  flex  : 1;
  height: 410px;
}

.newsOther .itemNewsCate.newsCate1 .--listNews .--right {
  flex: 1;
}

.newsOther .itemNewsCate.newsCate2 {
  width: calc(50% - 20px);
}

.newsOther .itemNewsCate.newsCate2 .--listNews {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-between;
}

.newsOther .itemNewsCate.newsCate2 .itemNews1 {
  flex-flow    : column;
  width        : calc(50% - 10px);
  gap          : 24px;
  margin-bottom: 12px;
}

.newsOther .itemNewsCate.newsCate2 .itemNews1 .--img {
  width : 100%;
  height: 220px;
}

.newsOther .itemNewsCate.newsCate2 .itemNews {
  width      : 100%;
  margin-top : 20px;
  padding-top: 20px;
  border-top : 1px solid #c5c5c5;
}

.newsOther .itemNewsCate.newsCate2 .itemNews h6 {
  color        : #000;
  margin-bottom: 0;
  transition   : all 0.3s ease;
}

.newsOther .itemNewsCate.newsCate2 .itemNews h6:hover {
  color: var(--color-1);
}

.newsOther .itemNewsCate.newsCate3 {
  width: calc(50% - 20px);
}

.newsOther .itemNewsCate.newsCate3 .itemNews1 {
  padding-bottom: 12px;
  margin-bottom : 12px;
  border-bottom : 1px solid #c5c5c5;
}

.newsOther .itemNewsCate.newsCate3 .itemNews1:last-child {
  margin-bottom : 0;
  padding-bottom: 0;
  border-bottom : none;
}

@media (max-width: 640px) {
  .newsOther {
    padding-top: 60px;
  }

  .newsOther .--topNewsCate {
    margin-bottom: 22px;
  }

  .newsOther .--topNewsCate .--title {
    font-size: 22px;
  }

  .newsOther .itemNewsCate.newsCate1 .--listNews {
    flex-flow: column;
    gap      : 32px;
  }

  .newsOther .itemNewsCate.newsCate1 .--newsHot {
    height: 240px;
  }

  .newsOther .itemNewsCate.newsCate1 .--newsHot .--img {
    height: 100%;
  }

  .newsOther .itemNewsCate.newsCate1 .--newsHot .--name {
    font-size  : 16px;
    line-height: 20px;
    height     : auto;
    padding    : 0 20px;
  }

  .newsOther .itemNewsCate.newsCate2 {
    width: 100%;
  }

  .newsOther .itemNewsCate.newsCate2 .itemNews1 {
    width        : 100%;
    margin-bottom: 20px;
    gap          : 20px;
  }

  .newsOther .itemNewsCate.newsCate3 {
    width: 100%;
  }
}

.cateBanner {
  height  : 500px;
  position: relative;
}

.cateBanner .--bg {
  width   : 100%;
  height  : 100%;
  position: relative;
}

.cateBanner .--bg::after {
  content   : "";
  background: linear-gradient(180deg, rgba(32, 41, 58, 0.8) 0%, rgba(32, 41, 58, 0) 16.86%), linear-gradient(0deg, rgba(32, 41, 58, 0.9) 0%, rgba(32, 41, 58, 0) 44.7%);
  top       : 0;
  position  : absolute;
  left      : 0;
  width     : 100%;
  height    : 100%;
}

.cateBanner .--bg img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.cateBanner .--content {
  position: absolute;
  bottom  : 40px;
  width   : 100%;
}

.cateBanner .--title {
  color         : #fff;
  font-weight   : 600;
  text-transform: uppercase;
  position      : relative;
  width         : -moz-max-content;
  width         : max-content;
  max-width     : 500px;
  line-height   : 1;
}

.cateBanner .--title::after {
  content      : "";
  position     : absolute;
  bottom       : 6px;
  left         : calc(100% + 12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width        : 100px;
}

@media (max-width: 640px) {
  .cateBanner .--title {
    max-width: 100%;
  }

  .cateBanner .--title::after {
    display: none;
  }
}

.postNewsContent {
  padding   : 160px 0 80px;
  background: #f5f5f5;
}

.postNewsContent .--titlePost {
  font-size    : 32px;
  margin-bottom: 16px;
  font-weight  : 600;
}

.postNewsContent .--timeSave {
  display        : flex;
  align-items    : center;
  margin-bottom  : 32px;
  justify-content: space-between;
}

.postNewsContent .--timeSave .--save {
  background   : #e6e6e6;
  border-radius: 8px;
  display      : flex;
  align-items  : center;
  gap          : 4px;
  color        : #9b9b9b;
  border       : none;
  padding      : 8px 16px;
  transition   : all 0.3s ease;
  cursor       : pointer;
}

.postNewsContent .--timeSave .--save.active,
.postNewsContent .--timeSave .--save:hover {
  background: var(--color-1);
  color     : #fff;
}

.postNewsContent .--timeSave .--author {
  display    : flex;
  align-items: center;
  gap        : 8px;
}

.postNewsContent .--timeSave .--author .--nameAuthor {
  font-size  : 16px;
  font-weight: 600;
}

.postNewsContent .--timeSave .--cate {
  position: relative;
}

.postNewsContent .--timeSave .--cate::before {
  content      : "";
  position     : absolute;
  top          : 50%;
  left         : -12px;
  width        : 4px;
  height       : 4px;
  transform    : translate(0, -50%);
  background   : #6f7378;
  border-radius: 50%;
  opacity      : 0.6;
}

.postNewsContent .--timeSave .--avatar {
  width        : 36px;
  height       : 36px;
  border-radius: 50%;
  overflow     : hidden;
}

.postNewsContent .--timeSave .--avatar img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.postNewsContent .timeCate .--time::before {
  background: #6f7378;
}

.postNewsContent .--left {
  border-right : 1px solid #e3e3e3;
  padding-right: 60px;
  height       : 100%;
}

.postNewsContent .--right {
  position: sticky;
  top     : 120px;
}

.postNewsContent article {
  font-size: 18px;
}

.postNewsContent .--other {
  font-size    : 24px;
  margin-bottom: 20px;
  font-weight  : 600;
}

.postNewsContent .--author {
  display      : flex;
  gap          : 12px;
  background   : #fff;
  border-radius: 8px;
  padding      : 12px;
  position     : relative;
  margin-top   : 40px;
}

.postNewsContent .--author .--avatar {
  width        : 100px;
  height       : 100px;
  border-radius: 8px;
  overflow     : hidden;
  flex         : 0 0 auto;
}

.postNewsContent .--author .--avatar img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.postNewsContent .--author .--position {
  color        : #4f4c4c;
  font-size    : 14px;
  margin-bottom: 10px;
}

.postNewsContent .--author .--des {
  font-size: 14px;
}

.postNewsContent .--author .--icon {
  position      : absolute;
  top           : 12px;
  right         : 12px;
  pointer-events: none;
}

.postNewsContent .--author .--txt {
  flex-grow: 1;
}

.postNewsContent .--author .--name {
  font-size    : 20px;
  font-weight  : bold;
  margin-bottom: 4px;
}

.postNewsContent .--listNews {
  display  : flex;
  flex-flow: column;
}

.postNewsContent .itemNews1 {
  margin-bottom : 10px;
  padding-bottom: 10px;
  border-bottom : 1px solid #c5c5c5;
}

.postNewsContent .itemNews1 .--img {
  width : 95px;
  height: 70px;
  flex  : 0 0 auto;
}

.postNewsContent .itemNews1 .--name {
  margin            : 0;
  flex              : 1;
  line-height       : 20px;
  color             : #000;
  -webkit-line-clamp: 3;
  height            : 60px;
}

.postNewsContent .itemNews1:last-child {
  margin-bottom : 0;
  padding-bottom: 0;
  border-bottom : none;
}

.postNewsContent .--viewall {
  width         : -moz-max-content;
  width         : max-content;
  margin        : 20px auto 0;
  display       : flex;
  color         : #6f7378;
  font-weight   : 600;
  text-transform: uppercase;
  display       : flex;
  align-items   : center;
  gap           : 8px;
}

.postNewsContent .--viewall::after {
  border-bottom: 1px solid #6f7378;
}

.postNewsContent .commentNews .--top {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  margin-top     : 40px;
  border-bottom  : 1px solid #dcdcdc;
  padding-bottom : 16px;
  margin-bottom  : 32px;
}

.postNewsContent .commentNews .btn-2 {
  border-radius: 6px;
}

.postNewsContent .commentNews .--totalComent {
  font-size  : 32px;
  font-weight: 600;
}

.postNewsContent .commentNews .--listComment {
  display  : flex;
  flex-flow: column;
  gap      : 12px;
}

@media (max-width: 640px) {
  .postNewsContent {
    padding: 120px 0 40px;
  }

  .postNewsContent .--titlePost {
    font-size: 18px;
  }

  .postNewsContent .--author {
    margin-top: 24px;
  }

  .postNewsContent .--author .--avatar {
    width : 60px;
    height: 60px;
  }

  .postNewsContent .--author .--info {
    z-index : 1;
    position: relative;
  }

  .postNewsContent .timeCate {
    flex-wrap: wrap;
    row-gap  : 10px;
  }

  .postNewsContent .--left {
    border-right : unset;
    padding-right: 0;
    margin-bottom: 40px;
  }

  .postNewsContent .--timeSave {
    flex-flow  : column;
    align-items: flex-start;
    gap        : 6px;
  }

  .postNewsContent .--timeSave .--cate::before {
    display: none;
  }

  .postNewsContent .--timeSave .--author {
    width: 100%;
  }

  .postNewsContent .commentNews .--totalComent {
    font-size: 24px;
  }

  .postNewsContent .commentNews .btn-2 {
    padding: 0 24px;
  }
}

/*# sourceMappingURL=news.css.map */