body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important; }



h6 {
  font-size: 1rem; }





img {
  max-width: 100%;
  height: auto;
  border: 0; }

.container {
  width: 1028px;
  margin-right: auto;
  margin-left: auto; }

@media (max-width: 767.98px) {
  .container {
    width: 100%;
    padding: 16px; } }
.copyright {
  padding: 32px 0;
  text-align: center; }
  .copyright p {
    margin-bottom: 8px; }
    .copyright p span {
      margin-right: 1em; }

@media (max-width: 767.98px) {
  .copyright p span {
    display: block;
    margin-right: 0; } }
.clear {
  clear: both; }

.figure {
  position: relative; }
  .figure .figure-body {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .figure .figure-body h6 {
      padding: .75rem 1rem;
      margin-bottom: 0;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.5); }
      .figure .figure-body h6 a {
        color: rgba(255, 255, 255, 0.9); }
        .figure .figure-body h6 a:hover {
          color: white;
          text-decoration: none; }

.headline h6 a:hover {
  color: #be1e1e;
  text-decoration: none; }
.headline p {
  color: #6c757d; }

ul.news-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  ul.news-list li span {
    margin-right: .25em;
    font-weight: bolder;
    color: #be1e1e; }

.card img {
  display: block;
  margin-bottom: 8px; }
.card .card-body {
  padding: 8px; }
  .card .card-body p {
    margin-bottom: 8px;
    color: #6c757d;
    text-indent: 2em; }

.media::after {
  display: block;
  clear: both;
  content: ""; }
.media img {
  display: block;
  float: left;
  width: 50%; }
.media .media-body {
  float: right;
  width: 50%; }

ul.grid {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  ul.grid::after {
    display: block;
    clear: both;
    content: ""; }
  ul.grid li {
    float: left; }
    ul.grid li.col-1-2 {
      width: 50%; }
    ul.grid li.col-1-3 {
      width: 33.33%; }
    ul.grid li.col-1-4 {
      width: 25%; }
    ul.grid li.col-1-5 {
      width: 20%; }

@media (max-width: 767.98px) {
  ul.grid li {
    float: none; }
    ul.grid li.col-1-2, ul.grid li.col-1-3, ul.grid li.col-1-4, ul.grid li.col-1-5 {
      width: 100%; } }
.front-page::after {
  display: block;
  clear: both;
  content: ""; }
.front-page .col-left {
  float: left;
  width: 720px; }
.front-page .col-right {
  float: right;
  width: 464px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("http://www.js.xinhuanet.com/jsstatics/goose/libs/slick/ajax-loader.gif") no-repeat center; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "???"; }
    [dir="rtl"] .slick-prev:before {
      content: "??΅―"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "??΅―"; }
    [dir="rtl"] .slick-next:before {
      content: "???"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "?Άγ?";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 32px;
        line-height: 20px;
        text-align: center;
        color: #000;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #000;
      opacity: 0.75; }

.front-page .slick-dotted.slick-slider {
  margin-bottom: 16px; }
.front-page .slick-dots {
  right: 16px;
  bottom: 12px;
  width: 96px; }

.arrow-basic .slick-prev,
.arrow-basic .slick-next {
  z-index: 10;
  top: 45%;
  width: 40px;
  height: 80px;
  background: url("http://www.js.xinhuanet.com/jslh2021/img/arrows.png") no-repeat;
  background-color: rgba(150, 120, 60, 0.25); }
  .arrow-basic .slick-prev::before,
  .arrow-basic .slick-next::before {
    content: ""; }
.arrow-basic .slick-prev {
  left: -50px;
  background-position: 0 0; }
.arrow-basic .slick-next {
  right: -50px;
  background-position: -40px 0; }

.part .part-hd {
  padding-top: 16px;
  padding-bottom: 32px;
  text-align: center; }

.layout-ft {
  background-color: #be1e1e; }
  .layout-ft .copyright {
    color: #fff; }

.layout-hd .header {
  height: 895px;
  background: url("../img/bg_header.jpg") no-repeat top; }
.layout-hd .navbar {
  padding: 1rem 0;
  background-color: #c30a1e; }

.layout-bd.bg1 {
  background: url("../img/bg_road.png") no-repeat bottom; }

.layout-bd.bg2 {
  background: url("../img/bg_ink.png") no-repeat bottom; }

ul.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  ul.nav::after {
    display: block;
    clear: both;
    content: ""; }
  ul.nav li {
    float: left;
    width: 20%; }
    ul.nav li h4 {
      padding: 1rem;
      margin-bottom: 0;
      font-size: 1.25rem;
      font-weight: bold;
      text-align: center;
      border-right: 1px solid #911923; }
    ul.nav li a {
      color: #fff;
      text-decoration: none; }
    ul.nav li:last-child h4 {
      border-right: 0; }

ul.news-list {
  width: 1152px;
  margin: 16px auto 32px; }
  ul.news-list::after {
    display: block;
    clear: both;
    content: ""; }
  ul.news-list li {
    float: left;
    width: 50%;
    margin-bottom: 8px;
    list-style: square inside; }
    ul.news-list li a {
      color: #333; }
      ul.news-list li a:hover {
        color: #be1e1e; }

#p1 .front-page .figure img {
  width: 720px;
  height: 432px; }
#p1 .front-page .headline {
  position: relative;
  padding: 32px;
  margin-bottom: 8px;
  background-color: #f0f5fa; }
  #p1 .front-page .headline span.tag {
    position: absolute;
    left: 0;
    top: 8px;
    padding: 0 6px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #be1e1e; }
  #p1 .front-page .headline h6 {
    font-size: 20px;
    font-weight: bold; }
    #p1 .front-page .headline h6 a {
      color: #333; }
      #p1 .front-page .headline h6 a:hover {
        color: #be1e1e; }
  #p1 .front-page .headline p {
    margin-bottom: 0;
    font-size: 12px;
    color: #999;
    text-indent: 2em; }

#p2 .headline {
  width: 545px;
  height: 150px;
  overflow: hidden;
  padding: 24px 24px 24px 88px;
  margin: 0 auto 24px;
  background: url("../img/bg_headline.png") no-repeat center; }
  #p2 .headline h6 {
    font-size: 20px;
    font-weight: bold; }
    #p2 .headline h6 a {
      color: #333; }
      #p2 .headline h6 a:hover {
        color: #be1e1e; }
  #p2 .headline p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.8;
    color: #999;
    text-indent: 2em; }

#p3 .media {
  margin: 0 16px 16px; }
  #p3 .media img {
    width: 240px;
    height: 182px; }
  #p3 .media .media-body {
    width: 312px; }
    #p3 .media .media-body h6 {
      margin-top: 16px;
      font-size: 20px;
      font-weight: bold; }
      #p3 .media .media-body h6 a {
        color: #333; }
        #p3 .media .media-body h6 a:hover {
          color: #be1e1e; }
    #p3 .media .media-body p {
      margin-bottom: 0;
      font-size: 12px;
      line-height: 1.8;
      color: #999;
      text-indent: 2em; }
#p3 .part-ft {
  height: 56px; }

.Center-Container {
  position: relative; }

.Absolute-Center {
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

#p4 .figure {
  margin: 8px; }
  #p4 .figure .image {
    width: 500px;
    height: 329px; }
  #p4 .figure img {
    display: inline-block;
    margin-bottom: auto;
    width: 500px;
    height: 329px; }
  #p4 .figure img.play {
    width: 96px;
    height: 96px; }
#p4 .card {
  margin: 8px; }
  #p4 .card img {
    margin-bottom: 0;
    width: 284px;
    height: 300px; }
  #p4 .card .card-body {
    padding: 16px;
    background-color: #be1900; }
    #p4 .card .card-body h6 {
      margin-bottom: 4px; }
      #p4 .card .card-body h6 a {
        color: #fff; }
    #p4 .card .card-body p {
      margin-bottom: 0;
      font-size: 12px;
      color: #fff;
      text-indent: 0; }
#p4 .part-ft {
  height: 16px; }

#p5 .card {
  margin: 12px;
  background-color: #f0f0f0; }
  #p5 .card img {
    margin-bottom: 0;
    width: 376px;
    height: 256px; }
  #p5 .card .card-body {
    padding: 16px; }
    #p5 .card .card-body h6 {
      font-size: 18px;
      font-weight: bold; }
      #p5 .card .card-body h6 a {
        color: #333; }
        #p5 .card .card-body h6 a:hover {
          color: #be1e1e; }
    #p5 .card .card-body p {
      margin-bottom: 0;
      font-size: 12px;
      line-height: 1.8;
      color: #999;
      text-indent: 0; }
#p5 .part-ft {
  height: 48px; }