@charset "UTF-8";
.cate {
  width: 100%;
  float: left;
  margin: 3rem 0; }
  .cate .cateTit {
    border-bottom: 1px solid #f06113; }
    .cate .cateTit h1 {
      font-weight: bold;
      text-transform: uppercase;
      color: #f06113;
      font-size: 15px;
      margin-bottom: 1rem;
      text-indent: 12px; }
  .cate div.cateM {
    margin-left: -20px;
    margin-right: -20px; }
    .cate div.cateM > div[class*="col"] {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 2rem; }
    .cate div.cateM .newsItem {
      border-radius: 5px;
      overflow: hidden;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      height: 100%; }
      .cate div.cateM .newsItem:hover {
        box-shadow: rgba(195, 156, 4, 0.75) 0px 3px 8px;
        -moz-box-shadow: rgba(195, 156, 4, 0.75) 0px 3px 8px;
        -webkit-box-shadow: rgba(195, 156, 4, 0.75) 0px 3px 8px; }
    .cate div.cateM .newsImg {
      text-align: center;
      aspect-ratio: 480 / 258; }
      .cate div.cateM .newsImg img {
        width: 100%; }
    .cate div.cateM .newsC {
      padding: 15px; }
      .cate div.cateM .newsC .newsName {
        margin-top: 1rem; }
        .cate div.cateM .newsC .newsName h3 {
          font-weight: bold;
          color: #f06113;
          text-transform: uppercase; }
      .cate div.cateM .newsC .newsDes {
        text-align: justify;
        margin-top: 1rem; }

.artList {
  width: 100%;
  float: left; }
  .artList .artListItem {
    width: 100%;
    float: left;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
    margin-top: 1rem; }
    .artList .artListItem .artListImg {
      width: 25%;
      float: left;
      border-radius: 5px;
      overflow: hidden; }
    .artList .artListItem .artListC {
      width: 75%;
      float: left;
      padding-left: 2rem; }
      .artList .artListItem .artListC .artListName h3 {
        font-weight: bold;
        font-size: 18px; }
      .artList .artListItem .artListC .artListDes {
        margin-top: 2rem; }
      .artList .artListItem .artListC .artListBtn {
        margin-top: 2rem; }
        .artList .artListItem .artListC .artListBtn .btn {
          font-size: 1.5rem;
          font-weight: bold;
          color: #fff;
          background: #f06113; }

.kienthuc .kienthucTit {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #f06113;
  margin-bottom: 10px; }
  .kienthuc .kienthucTit h1 {
    font-weight: bold; }
.kienthuc .kienthucItem {
  margin-top: 2rem; }
  .kienthuc .kienthucItem.active .kienthucName::before {
    content: "▲"; }
  .kienthuc .kienthucItem.active .kienthucItemC {
    max-height: 500px; }
  .kienthuc .kienthucItem .kienthucName {
    background: #f06113;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    font-family: Mulish; }
    .kienthuc .kienthucItem .kienthucName::before {
      content: "▼"; }
  .kienthuc .kienthucItem .kienthucItemC {
    background: #f4f6f8;
    max-height: 0px;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden; }
    .kienthuc .kienthucItem .kienthucItemC .row {
      padding: 15px; }
    .kienthuc .kienthucItem .kienthucItemC .kienthucArt {
      margin-top: 20px;
      margin-bottom: 0px; }
    .kienthuc .kienthucItem .kienthucItemC h3 ::before {
      content: "\f02d";
      color: #f06113; }
    .kienthuc .kienthucItem .kienthucItemC h3 svg {
      color: #f06113;
      padding-right: 8px; }

.kienthuc2 > div.col-xs-12 {
  margin-top: 2rem;
  margin-bottom: 1rem; }

.sangiaodich .sangiaodichItem {
  background: #e6e8ed;
  padding: 15px 15px;
  margin: 2rem 0; }
  .sangiaodich .sangiaodichItem .col-lg-2 {
    display: flex;
    align-items: center; }
.sangiaodich .sangiaodichImg {
  text-align: center;
  background: #f4faff;
  border-radius: 5px;
  overflow: hidden; }
.sangiaodich .sangiaodichName {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px; }
.sangiaodich .sangiaodichDes {
  text-indent: 1rem;
  margin-top: 1rem; }
  .sangiaodich .sangiaodichDes em {
    color: #f06113;
    padding-right: 5px; }
.sangiaodich .sangiaodichBtn {
  display: flex;
  align-items: center; }
  .sangiaodich .sangiaodichBtn > div {
    width: 100%; }
  .sangiaodich .sangiaodichBtn a {
    font-size: 15px;
    margin: 5px 0;
    border: 1px solid #f06113;
    color: #f06113; }
    .sangiaodich .sangiaodichBtn a.btn-primary {
      background: #ff945a;
      color: #fff; }
    .sangiaodich .sangiaodichBtn a:hover {
      background: #f06113;
      color: #fff; }

/*showitems*/
.showitems .showitemsList {
  margin-top: 2rem; }

.noteConfig {
  padding: 15px;
  border-radius: 5px;
  overflow: hidden;
  font-style: italic;
  margin: auto;
  margin-top: 2rem;
  color: red;
  text-align: center; }

/*# sourceMappingURL=cate.css.map */
