body {
  background-color: #fff;
  padding-top: 100vh;
}

.block-tt {
  color: #5d1012;
  position: relative;
  padding-left: 0.22rem;
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.block-tt::before {
  position: absolute;
  display: block;
  content: "";
  width: 0.05rem;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/friend-section-title-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
.block-tt h2 {
  font-size: 0.28rem;
  font-weight: bold;
}
.block-tt h3 {
  font-size: 0.11rem;
  margin-top: 0.1rem;
}

input.search-ipt::placeholder {
  transition: 0.5s;
  color: #5d1012;
  font-size: 0.3rem;
  line-height: 0.35rem;
  opacity: 1;
}
input.search-ipt::-webkit-input-placeholder, input.search-ipt::-moz-placeholder {
  transition: 0.5s;
  color: #5d1012;
  font-size: 0.3rem;
  line-height: 0.35rem;
  opacity: 1;
}

.banner {
  position: relative;
  z-index: 99;
}

.main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1 !important;
}
.main img {
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover;";
}
.main .swiper-block,
.main .swiper,
.main .swiper-wrapper,
.main .swiper-slide,
.main .swiper-slide-avatar {
  height: 100%;
}
.main .swiper-slide {
  position: relative;
}
.main .swiper-slide .swiper-slide-content {
  position: absolute;
  width: 100%;
  height: auto;
  top: 52%;
  left: 0%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  pointer-events: none;
}
.main .swiper-slide .swiper-slide-content h1 {
  font-size: 0.68rem;
  font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
.main .swiper-slide .swiper-slide-content h2 {
  font-size: 0.32rem;
  margin-top: 0.28rem;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
.main .swiper-button-next,
.main .swiper-button-prev {
  width: 0.49rem;
  height: 0.49rem;
}
.main .swiper-button-next::after, .main .swiper-button-next::before,
.main .swiper-button-prev::after,
.main .swiper-button-prev::before {
  display: none;
}
.main .swiper-button-next {
  background: url("../images/swiper-main-button-next.png") no-repeat center center;
  background-size: 100% 100%;
  right: 0.42rem;
}
.main .swiper-button-prev {
  background: url("../images/swiper-main-button-prev.png") no-repeat center center;
  background-size: 100% 100%;
  left: 0.42rem;
}
.main .swiper-pagination {
  bottom: 1.83rem;
}
.main .swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  background-color: #fff;
  opacity: 1;
  margin: 0 0.05rem;
}
.main .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #bfa772;
}

.tzgg {
  margin-top: 0.54rem;
  height: 8.89rem;
  background: url("../images/tzgg-bg.jpg") no-repeat center center;
  background-size: 19.2rem 8.89rem;
}
.tzgg .wp {
  border: 1px solid rgb(216, 216, 216);
  background-color: rgb(255, 255, 255);
  height: 8.59rem;
  border-radius: 0.2rem;
  transform: translate(0, -0.54rem);
  padding: 0 0.38rem;
}
.tzgg .search-bd .search {
  display: flex;
  align-items: flex-end;
  margin-top: 0.32rem;
}
.tzgg .search-bd .search .search-ipt {
  font-size: 0.3rem;
  height: 0.46rem;
  line-height: 0.35rem;
  padding-left: 0;
  width: 100%;
  color: #5d1012;
  transition: 0.5s;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 0.1rem;
  font-family: "SourceHanSansCN-Normal", "Microsoft Yahei";
}
.tzgg .search-bd .search .search-ipt:hover, .tzgg .search-bd .search .search-ipt:focus {
  padding-left: 0.34rem;
  border-color: #ddd;
}
.tzgg .search-bd .search .search-ipt:hover::-webkit-input-placeholder, .tzgg .search-bd .search .search-ipt:focus::-webkit-input-placeholder {
  color: #ddd;
}
.tzgg .search-bd .search .search-ipt:hover::-moz-placeholder, .tzgg .search-bd .search .search-ipt:focus::-moz-placeholder {
  color: #ddd;
}
.tzgg .search-bd .search .search-submit {
  width: 0.4rem;
  height: 0.46rem;
  text-align: center;
  line-height: 0.4rem;
  margin-left: 0.32rem;
  position: relative;
  background: url("../images/magnifier.png") no-repeat center center;
  cursor: pointer;
  font-size: 0;
  background-size: 0.4rem 0.4rem;
}
.tzgg .search-bd .split-line {
  height: 0.02rem;
  background-color: #5d1012;
  margin: 0.16rem 0;
}
.tzgg .search-bd .keywords {
  display: flex;
  font-size: 0.14rem;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "Microsoft Yahei";
  color: #5d1012;
}
.tzgg .search-bd .keywords .lbl {
  margin-right: 8px;
}
.tzgg .search-bd .keywords .txt {
  display: flex;
}
.tzgg .search-bd .keywords .txt a {
  color: #333333;
}
.tzgg .block-hd {
  margin-top: 0.58rem;
  display: flex;
  justify-content: space-between;
}
.tzgg .block-hd .more {
  font-size: 0.14rem;
  color: #a72a2a;
}
.tzgg .block-bd {
  display: flex;
  justify-content: space-between;
  margin-top: 0.28rem;
}
.tzgg .block-bd .swiper-block {
  width: 8.31rem;
}
.tzgg .block-bd .swiper-block .swiper-slide-avatar {
  height: 4.6rem;
  overflow: hidden;
  position: relative;
}
.tzgg .block-bd .swiper-block .swiper-slide-avatar img {
  transition: all 0.3s;
  height: 4.6rem;
}
.tzgg .block-bd .swiper-block .swiper-slide-avatar::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: rgb(0, 0, 0);
  opacity: 0;
  transition: all 0.3s;
  z-index: 99;
  pointer-events: none;
}
.tzgg .block-bd .swiper-block .swiper-slide-avatar:hover::before {
  opacity: 0.3;
}
.tzgg .block-bd .swiper-block .swiper-slide-avatar:hover img {
  transform: scale(1.1);
}
.tzgg .block-bd .swiper-block .swiper-button-next,
.tzgg .block-bd .swiper-block .swiper-button-prev {
  color: #999;
  opacity: 0.3;
  transition: all 0.3s;
}
.tzgg .block-bd .swiper-block .swiper-button-next,
.tzgg .block-bd .swiper-block .swiper-button-prev {
  color: #5d1012;
}
.tzgg .block-bd .swiper-block .swiper-button-next:hover,
.tzgg .block-bd .swiper-block .swiper-button-prev:hover {
  opacity: 1;
}
.tzgg .block-bd .swiper-block .swiper-pagination {
  bottom: 0.6rem;
}
.tzgg .block-bd .swiper-block .swiper-pagination-bullet-active {
  background-color: #5d1012;
}
.tzgg .block-bd .swiper-block h2 {
  margin-top: 0.31rem;
  color: #5d1012;
  font-size: 0.23rem;
  text-align: center;
  font-weight: bold;
  line-height: 1;
}

.tzgg .block-bd .swiper-block h2:hover{color: #c0a15a;}
.tzgg .block-bd .list {
  width: 7.99rem;
  transform: translate(0, -0.15rem);
}
.tzgg .block-bd .list .list-item {
  border-bottom: 0.01rem #e8e8e8 solid;
  padding: 0.15rem 0 0.17rem;
}
.tzgg .block-bd .list .list-item a {
  display: flex;
  font-size: 0.16rem;
  line-height: 1.15;
}

.tzgg .block-bd .list .list-item a h4:hover{ color: #c0a15a !important;}
.tzgg .block-bd .list .list-item a h4 {
  color: #161616;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tzgg .block-bd .list .list-item a span {
  color: #979797;
  display: block;
  width: 1rem;
  text-align: right;
}


.heizhezhao{
	background-image: url("../images/zhezhao.png");
	background-repeat: repeat;
	width:100%;
	height:100%;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	display: block;
}

.zzzt {
  padding-top: 0.9rem;
  height: 7.81rem;
  background: url("../images/zzzt-bg.jpg") no-repeat center bottom #fff;
  background-size: 19.2rem 7.81rem;
}
.zzzt .block-hd,
.zzzt .block-bd {
  padding: 0 0.41rem;
}
.zzzt .block-bd {
  margin-top: 0.35rem;
  border: 0.01rem rgb(216, 216, 216) solid;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);
  display: flex;
  justify-content: space-between;
  padding: 0 0.35rem;
  border-radius: 0.22rem;
  height: 5.41rem;
}
.zzzt .block-bd .cell {
  flex: 1;
  overflow: hidden;
}
.zzzt .block-bd .cell + .cell {
  margin-left: 0.3rem;
}
.zzzt .block-bd .hd {
  line-height: 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.57rem 0 0.11rem;
}
.zzzt .block-bd .hd h3 {
  font-size: 0.25rem;
  color: #000000;
  font-weight: bold;
}
.zzzt .block-bd .hd .more {
  font-size: 0.14rem;
  color: #a72a2a;
}
.zzzt .block-bd .list-item {
  border-bottom: 0.01rem #e8e8e8 solid;
  padding: 0.15rem 0 0.17rem;
}
.zzzt .block-bd .list-item a {
  display: flex;
  font-size: 0.15rem;
  line-height: 1.1;
}
.zzzt .block-bd .list-item a h4 {
  color: #161616;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zzzt .block-bd .list-item a h4:hover{color:#c0a15a;}
.zzzt .block-bd .list-item a span {
  color: #979797;
  display: block;
  width: 1rem;
  text-align: right;
}

.zyzx {
  background: url("../images/zyzx-banner.jpg") no-repeat center 1.74rem #fff;
  height: 4.32rem;
  padding: 0.91rem 0 0;
  background-size: 19.2rem 2.58rem;
}
.zyzx .block-hd,
.zyzx .block-bd {
  padding: 0 0.41rem;
}
.zyzx .block-bd {
  margin-top: 0.82rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.zyzx .block-bd .cell {
  position: relative;
  width: 1.92rem;
  height: 1.68rem;
  border-radius: 0.25rem;
  border-width: 0.01rem;
  background-color: rgb(255, 255, 255);
}
.zyzx .block-bd .cell + .cell {
  margin-left: 0.43rem;
}
.zyzx .block-bd .cell a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.zyzx .block-bd .cell a img {
  display: block;
  width: 0.79rem;
  height: 0.75rem;
}
.zyzx .block-bd .cell a h3 {
  font-size: 0.16rem;
  color: #000000;
  margin-top: 0.18rem;
}
.zyzx .block-bd .cell a:hover h3 {
  color: #b78f36;
}

.friend-link {
  background: url("../images/friend-links-container-bg.png") no-repeat center 0.66rem #fff;
  height: 4.5rem;
  padding: 0;
  box-sizing: content-box;
  background-size: 38.4rem 2.5rem;
}
.friend-link .wp {
  overflow: hidden;
}
.friend-link .block-hd,
.friend-link .block-bd {
  padding: 0 0.41rem;
}
.friend-link .block-hd {
  margin-top: 1.57rem;
}
.friend-link .block-bd {
  margin-top: 0.45rem;
}
.friend-link .block-bd a {
  color: #fff;
}
.friend-link .block-bd a:hover {
  color: #b78f36;
}
.friend-link .block-bd ul {
  display: flex;
}
.friend-link .block-bd li {
  font-size: 0.16rem;
}
.friend-link .block-bd li + li {
  margin-left: 0.91rem;
}

@media screen and (max-width: 1004px) {
  body {
    padding-top: 1.01rem;
  }
  .block-tt {
    padding-left: 0.17rem;
  }
  .main {
    position: relative;
    height: auto;
  }
  .main::before {
    padding-top: 52.2666666667%;
    content: "";
    display: block;
  }
  .main .swiper-block {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .main .swiper-slide .swiper-slide-content h1 {
    font-size: 0.42rem;
  }
  .main .swiper-slide .swiper-slide-content h2 {
    font-size: 0.2rem;
    margin-top: 0.21rem;
  }
  .main .swiper-pagination {
    bottom: 0.37rem;
  }
  .main .swiper-button-next,
  .main .swiper-button-prev {
    display: none;
  }
  .tzgg {
    height: auto;
    background-image: none;
    background-color: #fff;
    overflow: hidden;
    margin-top: 0;
  }
  .tzgg .wp {
    padding: 0 0.22rem;
    height: auto;
    border: none;
    border-radius: 0;
    transform: translate(0, 0);
  }
  .tzgg .search-bd .search {
    margin-top: 0.22rem;
  }
  .tzgg .block-hd {
    margin-top: 0.66rem;
  }
  .tzgg .block-hd .more {
    font-size: 0.16rem;
  }
  .tzgg .block-bd {
    flex-direction: column;
    margin-top: 0.42rem;
  }
  .tzgg .block-bd .swiper-block {
    width: 100%;
  }
  .tzgg .block-bd .swiper-block h1 {
    margin-top: 0.21rem;
    font-size: 0.19rem;
  }
  .tzgg .block-bd .list {
    width: 100%;
    transform: translate(0, 0);
    margin-top: 0.32rem;
  }
  .tzgg .block-bd .list .list-item a {
    font-size: 0.16rem;
  }
  .zzzt {
    background-image: none;
    background-color: #fff;
    height: auto;
    padding-top: 0.74rem;
  }
  .zzzt .block-hd,
  .zzzt .block-bd {
    padding: 0 0;
  }
  .zzzt .block-bd {
    margin-top: 0.45rem;
    flex-direction: column;
    height: auto;
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  .zzzt .block-bd .hd {
    margin: 0 0 0.23rem;
  }
  .zzzt .block-bd .hd .more {
    font-size: 0.16rem;
  }
  .zzzt .block-bd .list-item {
    margin: 0.15rem 0;
  }
  .zzzt .block-bd .list-item a {
    font-size: 0.16rem;
  }
  .zzzt .block-bd .cell + .cell {
    margin-left: 0;
    margin-top: 0.66rem;
  }
  .zyzx {
    height: 3.63rem;
    background-position: 0 1.64rem;
    background-size: auto 1.99rem;
    padding: 0;
    overflow: hidden;
  }
  .zyzx .block-hd,
  .zyzx .block-bd {
    padding: 0 0;
  }
  .zyzx .block-hd {
    margin-top: 0.72rem;
  }
  .zyzx .block-bd {
    margin-top: 0.82rem;
  }
  .zyzx .block-bd .cell {
    width: 1.29rem;
    height: 1.12rem;
  }
  .zyzx .block-bd .cell a img {
    width: 0.52rem;
    height: 0.51rem;
  }
  .zyzx .block-bd .cell a h3 {
    font-size: 0.1rem;
    margin-top: 0.11rem;
  }
  .zyzx .block-bd .cell + .cell {
    margin-left: 0.16rem;
  }
  .friend-link {
    height: 3.78rem;
    background-position: center 0.86rem;
  }
  .friend-link .block-hd,
  .friend-link .block-bd {
    padding: 0 0;
  }
  .friend-link .block-hd {
    margin-top: 1.54rem;
  }
}