/* 背景工具 */
.u-background {
  position: absolute;

  width: 100%;
  height: 100%;
}

/* logo */
.m-logo {
  position: relative;
  z-index: 50;

  width: 90px;
  height: 90px;
}
.m-logo .m-logo-title {
  position: absolute;

  width: 100%;
  height: 100%;

  font-size: 20px;
  font-family: 'STXingkai';
  line-height: 90px;
  text-align: center;
  color: rgb(203, 166, 132);
}

/* 工具栏，即导航栏和底栏 */
.m-toolbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 1366px;
  margin: 0 auto;

  background-color: rgb(101, 54, 10);
}
.m-toolbar .m-toolbar-left {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.m-toolbar .m-toolbar-right {
  display: flex;
  justify-content: flex-start;
  flex-grow: 1;
}

/* 导航栏 */
#nav {
  height: 100px;
}
#nav .m-nav-item > a {
  position: relative;
  display: block;
  z-index: 5;

  padding: 0 40px;

  text-shadow: 0 0 20px;
  text-align: center;
  line-height: 100px;
}
#nav .m-nav-item.s-select > a {
  color: rgb(147, 79, 14);

  background-color: white;
}
#nav .m-nav-item .m-nav-pop {
  position: absolute;
  top: 100px;
  display: none;
  z-index: 100;
}
#nav .m-nav-item:has(:hover) .m-nav-pop {
  display: block;
}
#nav .m-nav-item .m-nav-pop-item {
  width: 175px;
  height: 50px;
  overflow: hidden;
}
#nav .m-nav-item .m-nav-pop-item a {
  display: block;

  line-height: 50px;
  text-align: center;
  color: black;

  background-color: white;
}
#nav .m-nav-item .m-nav-pop-item a:hover {
  color: white;

  background-color: rgb(145, 83, 27);
}
#nav #nav-chooser {
  position: absolute;
  bottom: 0;
  display: none;
  z-index: 5;

  width: 175px;
  height: 5px;

  background-color: white;
}

/* 轮播图 */
#slideshow {
  position: relative;

  width: 1366px;
  height: 651px;
  overflow: hidden;
  margin: 0 auto;

  background-color: rgb(252, 228, 212);
}
#slideshow .m-slideshow-btn {
  display: none;
  position: absolute;

  width: 25px;

  cursor: pointer;
}
#slideshow:has(:hover) .m-slideshow-btn.s-display {
  display: block;
}
#slideshow #slideshow-previous-btn {
  top: calc(50% - 12.5px);
  left: 25px;
}
#slideshow #slideshow-next-btn {
  top: calc(50% - 12.5px);
  right: 25px;
}
#slideshow #slideshow-images-box {
  position: absolute;
  display: flex;

  width: 200%;
  height: 100%;
}
#slideshow #slideshow-images-box img {
  width: 1366px;
  height: 651px;
}

/* 内容容器 */
#container {
  display: block;

  width: 1366px;
  margin: 0 auto;
}

/* *底栏 */
#footer {
  height: 120px;
}
#footer .m-logo2 {
  position: absolute;
  left: 194px;
  top: 30px;
  z-index: 5;

  width: 93px;
  height: 61px;
}
#footer #footer-company-info {
  position: absolute;
  left: 317px;
  top: 30px;
  z-index: 5;
}
#footer #footer-company-info p {
  font-size: 13px;
  color: rgb(233, 233, 233);
  line-height: 1.5;
}
#footer #footer-contact {
  position: absolute;
  left: 910px;
  top: 30px;
  z-index: 5;
}
#footer #footer-contact > div {
  display: flex;
  align-items: center;
}
#footer #footer-contact #footer-contact-user {
  margin-left: 2px;
  margin-bottom: 20px;
}
#footer #footer-contact > div > div {
  margin-left: 15px;

  font-size: 14px;
  color: rgb(233, 233, 233);
}