body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
  margin: 0px;
  font-size: 14px;
}

body * {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.title-list {
  line-height: 48px;
  font-size: 18px;
}

.title-list .title-item {
  background-image: url(../img/index/title-item-line.png);
  background-repeat: no-repeat;
  background-position-y: 46px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.title-list .title-item .title-item-icon {
  background-image: url(../img/index/title-item-icon.png);
  width: 13px;
  height: 18px;
  margin-right: 10px;
}

.header {
  background-image: url(../img/index/bg-header.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1400px;
}

.nav {
  background-color: #cbac7d;
  min-width: 1400px;
}

.nav .nav-list {
  display: flex;
  justify-content: center;
}

.nav .nav-list .nav-home,
.nav .nav-list .nav-item {
  font-size: 24px;
  padding: 15px 25px;
  line-height: 45px;
  color: #fff;
  position: relative;
  margin-bottom: -5px;
  cursor: pointer;
  margin-top: -6px;
}
.nav .nav-list .nav-home a,
.nav .nav-list .nav-item a {
  color: #fff;
}
.nav .nav-list .nav-item.active,
.nav .nav-list .nav-item:hover {
  background-image: url(../img/index/nav-active.png);
  background-size: 100% 100%;
}

.footer {
  height: 205px;
  min-width: 1400px;
  background: #8f1009;
}

.footer .footer-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 100%;
}

.footer .footer-list li:last-child {
  margin-top: 20px;
}

.module-container {
  border: 2px solid #c4ac7f;
  position: relative;
  color: rgba(44, 44, 44, 1);
}

.module-container .mark-icon {
  background-size: 100% 100%;
  position: absolute;
  width: 23px;
  height: 23px;
}

.module-container .mark-icon.icon-left-top {
  background-image: url(../img/content/left-top.png);
  left: -2px;
  top: -2px;
}

.module-container .mark-icon.icon-left-bottom {
  background-image: url(../img/content/left-bottom.png);
  left: -2px;
  bottom: -2px;
}

.module-container .mark-icon.icon-right-top {
  background-image: url(../img/content/right-top.png);
  right: -2px;
  top: -2px;
}

.module-container .mark-icon.icon-right-bottom {
  background-image: url(../img/content/right-bottom.png);
  right: -2px;
  bottom: -2px;
}

.page-list {
  display: flex;
  margin-top: 30px;
  justify-content: center;
}

.page-list .page-item {
  line-height: 31px;
  margin: 0px 5px;
  border: 1px solid #e2e2e2;
  font-size: 16px;
  min-width: 33px;
  text-align: center;
  color: #4a4a4a;
  cursor: pointer;
  background-color: #fff;
}

.page-list .page-item a {
  color: #4a4a4a;
  width: 100%;
  height: 100%;
  padding: 0px 10px;
  display: block;
}

.page-list .page-item.active,
.page-list .page-item:hover {
  background-color: #8f1009;
  color: #fff;
}
.page-list .page-item.active a,
.page-list .page-item:hover a {
  color: #fff;
}
.page-list .page-item.disable,
.page-list .page-item.disable a {
  color: #d2d2d2 !important;
}
.page-list .page-item.disable:hover {
  color: #d2d2d2;
  background-color: #fff;
}
.page-list .page-item.disable:hover a {
  color: #d2d2d2;
}