/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  height: 650px;
  margin-top: 70px;
  position: relative;
}
.carousel .public-tools {
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.carousel .public-tools .public-tools-card-body {
  width: 1200px;
  margin: 0 auto;
  height: 70px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.carousel .public-tools .public-tools-card-body .weather {
  background-image: url("/images/weather.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 35px;
  background-size: contain;
  padding: 0 0 0 45px;
  background-position: 0 0;
  line-height: 35px;
}
.carousel .public-tools .public-tools-card-body .bitcoin {
  background-image: url("/images/bitcoin.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 35px;
  background-size: contain;
  padding: 0 0 0 45px;
  background-position: 0 0;
  line-height: 35px;
}
.carousel .public-tools .public-tools-card-body .crudeoilprice {
  background-image: url("/images/crudeoilprice.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 35px;
  background-size: contain;
  padding: 0 0 0 45px;
  background-position: 0 0;
  line-height: 35px;
}
.carousel .public-tools .public-tools-card-body .nasdaq {
  background-image: url("/images/nasdaq.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 35px;
  background-size: contain;
  padding: 0 0 0 45px;
  background-position: 0 0;
  line-height: 35px;
}
.carousel .carousel-inner .item {
  height: 650px;
  background-color: #777;
}
.carousel .carousel-inner .item img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 650px;
}
.hot-category {
  width: 100%;
  background-image: url("/images/index-bg-1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 0 0 80px 0;
}
.hot-category .hot-card-body {
  margin: 0 auto;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(205, 205, 205, 0.25);
  margin-top: -50px;
  z-index: 999;
  position: relative;
  padding: 30px 50px;
  display: flex;
  flex-wrap: nowrap;
  width: 1200px;
}
.hot-category .hot-card-body .hot-left-info {
  background-image: url("/images/hot-cate-left-bg-min.png");
  background-repeat: no-repeat;
  background-size: 198px 456px;
  width: 198px;
  position: relative;
}
.hot-category .hot-card-body .hot-left-info .title {
  width: 20px;
  margin: 0 auto;
  line-height: 24px;
  font-size: 20px;
  color: #fff;
  font-family: PingFang SC;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  /* 112.5% */
  position: absolute;
  left: 85px;
  top: 50px;
}
.hot-category .hot-card-body .hot-left-info .publish {
  position: absolute;
  bottom: 65px;
  left: 45px;
}
.hot-category .hot-card-body .hot-left-info .publish a {
  border-radius: 40px;
  background: #fff !important;
  width: 117px;
  height: 40px;
  color: #ff6634;
  text-align: center;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  line-height: 40px;
  text-decoration: none;
}
.hot-category .hot-card-body .items-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 900px;
}
.hot-category .hot-card-body .items-box .items-tools {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 0 20px;
}
.hot-category .hot-card-body .items-box .items-tools .tbnt {
  width: 425px;
}
.hot-category .hot-card-body .items-box .items-tools .tbnt .p {
  width: 100%;
  display: block;
  height: 48px;
  line-height: 48px;
  border-radius: 40px;
  background: #01afba;
  box-shadow: 0px 4px 6px 3px rgba(134, 134, 134, 0.12);
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  background-image: url(/images/index-fj-1.png);
  background-repeat: no-repeat;
  background-size: 29px 29px;
  background-position: 132px 11px;
}
.hot-category .hot-card-body .items-box .items-tools .tbnt .add {
  margin: 0 0 0 20px;
  border-radius: 40px;
  border: 1px solid #ff6634;
  background: #fff;
  box-shadow: 0px 4px 6px 3px rgba(129, 129, 129, 0.12);
  color: #ff6634;
  background-image: url(/images/index-cl-1.png);
  background-repeat: no-repeat;
  background-size: 29px 29px;
  background-position: 132px 9px;
}
.hot-category .hot-card-body .items-box .hot-item-box {
  border-radius: 10px;
  border: 1px solid #dbdbdb;
  background: #fff;
  width: 425px;
  height: 185px;
  flex-shrink: 0;
  margin: 0 0 20px 20px;
  padding: 20px 28px;
}
.hot-category .hot-card-body .items-box .hot-item-box .hot-sub-title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #dbdbdb;
  padding: 0 0 18px 0;
}
.hot-category .hot-card-body .items-box .hot-item-box .hot-sub-title .title {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.hot-category .hot-card-body .items-box .hot-item-box .hot-sub-title .title img {
  height: 33px;
}
.hot-category .hot-card-body .items-box .hot-item-box .hot-sub-title .title p {
  color: #333;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
  margin: 0 0 0 10px;
}
.hot-category .hot-card-body .items-box .hot-item-box .hot-sub-title .title.left::after {
  content: " ";
  background-image: url("/images/sgx-1.png");
  background-repeat: no-repeat;
  display: block;
  width: 40px;
  height: 20px;
  background-position: 8px 5px;
}
.hot-category .hot-card-body .items-box .hot-item-box .hot-sub-title .mm a {
  border-radius: 5px;
  border: 1px solid #ff6634;
  color: #ff6634;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 5px 10px;
  cursor: pointer;
  text-decoration: none;
}
.hot-category .hot-card-body .items-box .hot-item-box .items {
  padding: 15px 0 0 0;
  display: flex;
  flex-wrap: nowrap;
}
.hot-category .hot-card-body .items-box .hot-item-box .items a {
  color: #333 !important;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  cursor: pointer;
}
.hot-category .hot-card-body .items-box .hot-item-box .items a .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.hot-category .hot-card-body .items-box .hot-item-box .items a .item .hot-icon {
  width: 50px;
  text-align: center;
  padding: 0 0 5px 0;
}
.hot-category .hot-card-body .items-box .hot-item-box .items a .item .hot-icon img {
  width: 45px;
  height: 45px;
}
.hot-category .hot-card-body .items-box .hot-item-box .items a:hover {
  color: #ff6634 !important;
}
.local-category {
  width: 100%;
  background-image: url("/images/index-bg-2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0 50px 0;
}
.local-category .local-card-body {
  margin: 0 auto;
  padding: 0 0 50px 0;
  width: 1200px;
}
.local-category .local-card-body .my-3 {
  display: none;
}
.local-category .local-card-body .items-box {
  display: flex;
  flex-wrap: wrap;
}
.local-category .local-card-body .items-box .item {
  width: 240px;
  height: 200px;
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 28px;
}
.local-category .local-card-body .items-box .item .label {
  color: #333;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background-repeat: no-repeat;
  padding: 10px 0 0px 55px;
  background-size: 40px 33px;
  background-position: 0px 4px;
}
.local-category .local-card-body .items-box .item .label a {
  color: #333333;
}
.local-category .local-card-body .items-box .item .tiny-category {
  padding: 15px 0 0 0;
  height: 115px;
  /* text-overflow: ellipsis; */
  overflow: hidden;
  /* white-space: nowrap; */
}
.local-category .local-card-body .items-box .item .tiny-category a {
  color: #666;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
.local-category .local-card-body .items-box .item.first-el {
  background-color: #fff;
  position: relative;
  background-image: url(/images/local-2.png);
  background-repeat: no-repeat;
  background-size: 90px 94px;
  background-position: 140px 15px;
  padding: unset;
}
.local-category .local-card-body .items-box .item.first-el .first-el-box {
  position: absolute;
  bottom: 30px;
}
.local-category .local-card-body .items-box .item.first-el .first-el-box .title {
  width: 240px;
  height: 36px;
  color: #ff6634;
  font-family: PingFang SC;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  position: relative;
  padding: 0 20px 0 0;
}
.local-category .local-card-body .items-box .item.first-el .first-el-box .title::before {
  content: " ";
  display: block;
  background-image: url("/images/xxxVector.png");
  background-size: 23px 29px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 25px;
  top: 5px;
  width: 23px;
  height: 29px;
}
.local-category .local-card-body .items-box .item.first-el .first-el-box .publish {
  padding: 30px 0 0 0;
  text-align: center;
}
.local-category .local-card-body .items-box .item.first-el .first-el-box .publish a {
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 5px;
  padding: 5px 10px;
  text-decoration: none;
}
.local-category .local-card-body .items-box .item.first-el .first-el-box .publish a.a1 {
  color: #ff6634;
  background: #fff;
  margin: 0 5px 0 0;
  border: 1px solid #ff6634;
}
.local-category .local-card-body .items-box .item.first-el .first-el-box .publish a.a2 {
  color: #ffff;
  background: #ff6634;
  border: 1px solid #ff6634;
}
.local-category .local-card-body .items-box .item.first-el.esl {
  background-color: #ff6634;
}
.local-category .local-card-body .items-box .item.first-el.esl .first-el-box .title {
  color: #fff;
}
.local-category .local-card-body .items-box .item.first-el.esl .first-el-box .title::before {
  content: " ";
  background-image: url("/images/local-1.png");
}
.local-category .local-card-body .items-box .item.first-el.esl .first-el-box .publish a.a2 {
  color: #ffffff;
  background: #ff6634;
  border: 1px solid #fff;
}
.local-category .local-card-body .items-box .item.esl {
  background-color: #ff6634;
}
.local-category .local-card-body .items-box .item.esl .label {
  color: #fff;
}
.local-category .local-card-body .items-box .item.esl .label a {
  color: #fff;
}
.local-category .local-card-body .items-box .item.esl .tiny-category {
  color: #fff;
}
.local-category .local-card-body .items-box .item.esl .tiny-category a {
  color: #fff;
}
.local-category .local-card-body .items-box .item.esl .tiny-category a:hover {
  color: #E5F621;
  text-decoration: underline !important;
}
.local-category .local-card-body .pp {
  padding-bottom: 10px;
  position: relative;
}
.local-category .local-card-body .pp .is_hot {
  background-image: url(/images/is_hot_2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 46px 46px;
  width: 46px;
  height: 46px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.article-section {
  background-image: url(/images/index-news-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 0 0 50px 0;
  width: 100%;
  height: 750px;
}
.article-section .article-card-body {
  margin: 0 auto;
  padding: 0 0 50px 0;
  width: 1200px;
}
.article-section .article-card-body .my-3.mobile {
  display: none;
}
.article-section .article-card-body .left {
  padding: unset;
}
.article-section .article-card-body .left .section-title {
  width: 239px;
  min-height: 667px;
  border-radius: 20px;
  background: rgba(255, 102, 52, 0.8);
  padding: 30px 20px !important;
}
.article-section .article-card-body .left .section-title .index-news-category {
  height: 78px;
  border-bottom: solid 1px #fff;
  margin: 0 0 10px 0;
}
.article-section .article-card-body .left .section-title .index-news-category a {
  display: block;
  width: 200px;
  height: 60px;
  border-radius: 20px;
  color: #fff !important;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 60px;
}
.article-section .article-card-body .left .section-title .index-news-category a .news-title {
  background-repeat: no-repeat;
  background-position: 15px 12px;
  position: relative;
}
.article-section .article-card-body .left .section-title .index-news-category a.active {
  background: rgba(204, 85, 46, 0.8);
  font-weight: 600;
}
.article-section .article-card-body .left .section-title .index-news-category a.active .news-title::after {
  display: block;
  content: " ";
  background-repeat: no-repeat;
  background-image: url(/images/hot-news-icon-6.jpg.png);
  width: 28px;
  height: 6px;
  position: absolute;
  right: 20px;
  top: 25px;
}
.article-section .article-card-body .right {
  padding: 0 0 0 55px;
}
.article-section .article-card-body .right a {
  color: #333;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.article-section .article-card-body .right .article-list .my-3 {
  padding: 10px 10px;
}
.article-section .article-card-body .right .article-list .my-3 .t-n {
  color: #333;
  font-family: PingFang SC;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  padding: 0 0 20px;
}
.article-section .article-card-body .right .article-list .my-3 .t-n-n {
  width: 155px;
  height: 35px;
  border-radius: 10px;
  border: 1px solid #333;
  line-height: 35px;
}
.article-section .article-card-body .right .article-list .my-3 .t-n-n a {
  color: #333 !important;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-image: url(/images/hot-news-icon-7.jpg.png);
  background-repeat: no-repeat;
  background-position: 123px center;
  width: 100%;
  display: block;
  line-height: 35px;
  padding: 0 15px;
}
.article-section .article-card-body .right .article-list .col-lg-4 {
  padding: 0 0 10px 10px;
}
.article-section .article-card-body .right .article-list .col-lg-4 .news-cover-box {
  border-radius: 11px;
  border: 1px solid #e1d3d3;
  background: #fff;
}
.article-section .article-card-body .right .article-list .col-lg-4 .news-cover-box .cover {
  height: 181px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}
.article-section .article-card-body .right .article-list .col-lg-4 .news-cover-box .title-box {
  padding: 10px;
  position: relative;
}
.article-section .article-card-body .right .article-list .col-lg-4 .news-cover-box .title-box .title {
  height: 40px;
}
.article-section .article-card-body .right .article-list .col-lg-4 .news-cover-box .title-box .date {
  position: absolute;
  right: 15px;
  bottom: 5px;
  color: #999;
  text-align: center;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  background-image: url(/images/news-date-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  padding: 0 0 0 18px;
  background-position: 0px 6px;
}
.qrcode-section .qrcode-box .qrcode {
  width: 200px;
  height: 200px;
}
.qrcode-section .qrcode-box .qrcode .qrcode-detail {
  text-align: center;
  width: 180px;
  height: 200px;
  background-color: red;
}
.our-info-section {
  background: #f1f3f4;
  width: 100%;
}
.our-info-section .our-info-card-body {
  margin: 0 auto;
  padding: 30px 0;
  width: 1200px;
}
.our-info-section .our-info-card-body .mm {
  color: #666;
  font-family: PingFang SC;
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0 0 12px 35px;
}
.our-info-section .our-info-card-body .m1 {
  background-repeat: no-repeat;
  background-image: url(/images/index-user-1.png);
  background-position: 0px 5px;
}
.our-info-section .our-info-card-body .m2 {
  background-repeat: no-repeat;
  background-image: url(/images/index-user-2.png);
  background-position: 2px 3px;
}
.our-info-section .our-info-card-body .m3 {
  background-repeat: no-repeat;
  background-image: url(/images/index-user-3.png);
  background-position: 6px 3px;
}
.our-info-section .our-info-card-body .row .col-md-2 {
  padding-bottom: 10px;
}
.our-info-section .our-info-card-body .address,
.our-info-section .our-info-card-body .contact_us {
  color: #666666;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0 0 0 5px;
}
.our-info-section .our-info-card-body a:link,
.our-info-section .our-info-card-body a:hover,
.our-info-section .our-info-card-body a:visited,
.our-info-section .our-info-card-body a:focus,
.our-info-section .our-info-card-body a:hover {
  color: #666;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
    border-radius: 4px;
    /* The navbar becomes detached from the top, so we round the corners */
  }
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
  .featurette-heading {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}