.container {
  width     : 100%;
  max-width : 1200px;
  margin    : 0 auto;
  box-sizing: border-box;
}

.full-screen-banner {
  position: relative;
}

.full-screen-banner .main-banner {
  display: block;
  width  : 100%;
}

.main-content {
  min-height: 100vh;
  background: url(../images/body-bg.jpg) no-repeat top center / cover;
}

.swiper-news-card {
  height  : 667px;
  position: relative;
}

.swiper-news-card img {
  display   : block;
  width     : 100%;
  height    : 100%;
  object-fit: cover;
}

.swiper-news-card .text {
  height          : 65px;
  line-height     : 65px;
  padding         : 0 30px;
  background-color: rgba(0, 0, 0, 0.3);

  font-size: 24px;
  color    : #ffffff;

  position: absolute;
  left    : 0;
  right   : 0;
  bottom  : 0;

  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.swiper-news-card .link {
  position: absolute;
  height  : 65px;
  left    : 0;
  right   : 0;
  bottom  : 0;
}

.swiper-news-card.sm {
  height  : 427px;
  position: relative;
}

.swiper-news-card.sm img {
  display   : block;
  width     : 100%;
  height    : 100%;
  object-fit: cover;
}

.swiper-news-card.sm .text {
  height          : 40px;
  line-height     : 40px;
  padding         : 0 10px;
  background-color: rgba(0, 0, 0, 0.6);

  font-size: 16px;
  color    : #ffffff;

  position: absolute;
  left    : 0;
  right   : 0;
  bottom  : 0;

  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.swiper-news-card.sm .link {
  position: absolute;
  height  : 65px;
  left    : 0;
  right   : 0;
  bottom  : 0;
}

.normal-news {
  background-color: #F2E6C8;
  box-sizing      : border-box;
  padding         : 25px 15px;

  margin-top: 47px;
}

.normal-news .item {
  padding: 15px 0;
}

.normal-news-list {
  padding-top: 20px;
}

.normal-news .item .link {
  display    : block;
  font-size  : 24px;
  color      : #623628;
  font-weight: 600;

  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;

  position    : relative;
  padding-left: 30px;
}

.normal-news .link::before {
  content      : "";
  display      : block;
  width        : 14px;
  height       : 14px;
  background   : currentColor;
  border-radius: 3px;

  position : absolute;
  left     : 0;
  top      : 50%;
  transform: translate3d(0, -50%, 0);
}

.normal-news .item .link:hover {
  color          : #C30B15;
  text-decoration: underline;
}

.video-wrapper .title {
  text-align    : center;
  padding-bottom: 15px;
}

.video-list {
  height               : 460px;
  display              : grid;
  grid-template-rows   : 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-left          : -10px;
  margin-right         : -10px;
}

.video-list .item {
  box-sizing: border-box;
  padding   : 10px;
}

.video-list .item1 {
  grid-column-start: 1;
  grid-column-end  : 3;
  grid-row-start   : 1;
  grid-row-end     : 3;
}

.video-list .item .card {
  width           : 100%;
  height          : 100%;
  background-color: #DEAA6D;
  position        : relative;
  padding         : 2px;
  overflow        : hidden;
}

.video-list .item .card img {
  display   : block;
  width     : 100%;
  height    : 100%;
  object-fit: cover;
  transition: .3s;
}

.video-list .item .card .text {
  height          : 37px;
  padding         : 0 10px;
  background-color: #F6DA97;

  font-size  : 16px;
  color      : #623628;
  line-height: 37px;
  font-weight: 600;

  position: absolute;
  left    : 2px;
  right   : 2px;
  bottom  : 2px;

  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.video-list .item .card .link {
  position           : absolute;
  left               : 0;
  right              : 0;
  top                : 0;
  bottom             : 37px;
  z-index            : 99;
  display            : block;
  background-image   : url(../images/play-icon.png);
  background-repeat  : no-repeat;
  background-position: center center;
}

.video-list .item .card:hover img {
  transform: scale(1.1);
}

.footer-link img {
  display: block;
  width  : 100%;
}

.more-link {
  padding   : 10px 0;
  text-align: right;
}

.more-link .text {
  color    : #623628;
  font-size: 16px;
}

.city {
  padding-top     : 20px;
  background-color: rgba(253, 241, 229, 1);
  text-align      : center;
}

.city img {
  display  : block;
  max-width: 100%;
  margin   : 0 auto;
}

.picture-wrapper {
  padding-top: 30px;
}

.picture-wrapper .title {
  text-align    : center;
  padding-bottom: 20px;
}

.picture-swiper-wrapper {
  position: relative;
}

.picture-swiper-wrapper::after,
.picture-swiper-wrapper::before {
  content: "";
  display: block;
  height : 100%;

  position: absolute;
  left    : 0;
  top     : 0;
  bottom  : 0;
  width   : 33.33%;
  z-index : 9999;

  background-color: rgba(255, 255, 255, .4);
}

.picture-swiper-wrapper::after {
  left : auto;
  right: 0;
}

.swiper-button-prev.picture-button {
  left            : 33.33333%;
  width           : 40px;
  background-color: rgba(0, 0, 0, 0.5);
  background-size : 20px 20px;
}

.swiper-button-next.picture-button {
  right           : 33.333%;
  width           : 40px;
  background-color: rgba(0, 0, 0, 0.5);
  background-size : 20px 20px;
}

.swiper-button-prev.news-button {
  left            : 0;
  width           : 40px;
  background-color: rgba(0, 0, 0, 0.5);
  background-size : 30px 30px;
}

.swiper-button-next.news-button {
  right           : 0;
  width           : 40px;
  background-color: rgba(0, 0, 0, 0.5);
  background-size : 30px 30px;
}


.half-news {
  background-color: rgb(252, 241, 229);
  box-sizing      : border-box;
  padding         : 25px 15px 30px 15px;

  margin-top: 47px;
}

.half-news .item {
  padding: 15px 0;
}

.half-news-list {
  overflow    : hidden;
  display     : flex;
  flex-wrap   : wrap;
  margin-left : -20px;
  margin-right: -20px;
}

.half-news .item {
  width     : 50%;
  overflow  : hidden;
  box-sizing: border-box;
  padding   : 0 20px;
}

.half-news .item .link {
  display    : block;
  font-size  : 24px;
  color      : #623628;
  font-weight: 600;

  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;

  position      : relative;
  padding-left  : 30px;
  padding-bottom: 20px;
  padding-top   : 20px;

  border-bottom: 1px dashed #666666;
}

.half-news .link::before {
  content      : "";
  display      : block;
  width        : 8px;
  height       : 8px;
  background   : currentColor;
  border-radius: 3px;

  position : absolute;
  left     : 0;
  top      : 50%;
  transform: translate3d(0, -50%, 0);
}

.half-news .item .link:hover {
  color        : #C30B15;
  border-bottom: 1px dashed #C30B15;
}