@charset "UTF-8";
/** 字体 */
* {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-sizing: border-box;
}

::before,
::after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-sizing: border-box;
}

a {
  color: inherit;
}
a:hover {
  color: inherit;
}

input,
textarea {
  border: none;
  outline: none;
  background-color: transparent;
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  overflow-x: hidden;
}

html body {
  font-family: "Microsoft YaHei", Arial;
  line-height: normal;
}

.hidden {
  display: none !important;
}

video {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

img {
  max-width: 100%;
}

table {
  max-width: 100%;
  color: inherit;
}

.pic {
  width: 100%;
  height: 100%;
}
.pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

html {
  font-size: 100px;
}
@media (max-width: 1600px) {
  html {
    font-size: 83.3px;
  }
}
@media (max-width: 1400px) {
  html {
    font-size: 75.4px;
  }
}

body {
  font-size: 16px;
  background-color: #fff;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100vw;
}

:root {
  --header-height: 1.2rem;
  --main-color: #9e763f;
  --view-height: 100vh;
}

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
}

::-webkit-scrollbar {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.05rem;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 5px;
}

/* #region 组件 Components */
.new-more-btn {
  min-width: 2.4rem;
  height: 0.56rem;
}
.new-more-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  height: 100%;
  padding: 0 0.2rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #000;
  background-color: transparent;
  overflow: hidden;
  color: #000;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  line-height: normal;
  text-transform: capitalize;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.new-more-btn a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  left: 0;
  top: 0;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  z-index: -1;
  background-color: #000;
}
.new-more-btn:hover a {
  color: #fff;
}
.new-more-btn:hover a::before {
  transform: translateX(0);
}
.new-more-btn.white a, .white .new-more-btn a {
  border-color: #fff;
  color: #fff;
}
.new-more-btn.white a::before, .white .new-more-btn a::before {
  background-color: #fff;
}
.new-more-btn.white:hover a, .white .new-more-btn:hover a {
  color: #333;
}
.new-more-btn.small, .small .new-more-btn {
  min-width: 1.8rem;
  height: 0.48rem;
}
.new-more-btn.small a, .small .new-more-btn a {
  font-size: 0.18rem;
}
.new-more-btn.large, .large .new-more-btn {
  min-width: 3rem;
}

.new-more-btn2 {
  min-width: 1.8rem;
  height: 0.44rem;
}
.new-more-btn2 a {
  position: relative;
  z-index: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4d6f11;
  padding: 0 0.2rem;
  border: 0.01rem solid #4d6f11;
  overflow: hidden;
  color: #fff;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  line-height: normal;
  text-transform: capitalize;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.new-more-btn2 a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  left: 0;
  top: 0;
  background-color: #fff;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  z-index: -1;
}
.new-more-btn2:hover a {
  color: #4d6f11;
}
.new-more-btn2:hover a::before {
  transform: translateX(0);
}

.new-more-btn3 {
  margin-top: 0.4rem;
  width: 1.04rem;
  height: 0.36rem;
  border-radius: 0.2rem;
  background-size: 0.24rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.43 5.93005L20.5 12.0001L14.43 18.0701' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  border: 0.01rem solid rgba(255, 255, 255, 0.5);
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
.new-more-btn3:hover {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.43 5.93005L20.5 12.0001L14.43 18.0701' stroke='%239E763F' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%239E763F' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.add-to-cart-btn {
  display: flex;
}
.add-to-cart-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  min-width: 3.2rem;
  height: 0.52rem;
  padding: 0.1rem;
  border: 0.02rem solid #9e763f;
  border-radius: 0.08rem;
  color: #9e763f;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.add-to-cart-btn:hover a {
  color: #fff;
  background-color: #9e763f;
}

/* #endregion 组件 Components */
.new-header:hover, .new-container.sticky .new-header, .new-container.header-show .new-header {
  background: #fff;
  box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.05);
}
.new-header:hover .nav-tit a, .new-container.sticky .new-header .nav-tit a, .new-container.header-show .new-header .nav-tit a {
  color: #000;
}
.new-header:hover .new-search, .new-container.sticky .new-header .new-search, .new-container.header-show .new-header .new-search {
  border: 0.01rem solid #333;
}
.new-header:hover .new-search .search-form, .new-container.sticky .new-header .new-search .search-form, .new-container.header-show .new-header .new-search .search-form {
  color: #333;
}
.new-header:hover .new-search .search-param-selector, .new-container.sticky .new-header .new-search .search-param-selector, .new-container.header-show .new-header .new-search .search-param-selector {
  border-right: 0.01rem solid #333;
}
.new-header:hover .new-search .search-param-selector .selected-param .down-icon, .new-container.sticky .new-header .new-search .search-param-selector .selected-param .down-icon, .new-container.header-show .new-header .new-search .search-param-selector .selected-param .down-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.93359 5.83492C2.93362 5.72896 2.96506 5.62539 3.02394 5.5373C3.08282 5.4492 3.16649 5.38054 3.26438 5.33999C3.36227 5.29944 3.46999 5.28882 3.57391 5.30947C3.67784 5.33012 3.77331 5.38112 3.84826 5.45602L7.98044 9.58809L12.1725 5.39604C12.273 5.29557 12.4092 5.23912 12.5513 5.23912C12.6934 5.23912 12.8297 5.29557 12.9302 5.39604C13.0307 5.49652 13.0871 5.6328 13.0871 5.77489C13.0871 5.91699 13.0307 6.05327 12.9302 6.15374L8.35912 10.7247C8.30941 10.7745 8.25036 10.814 8.18535 10.841C8.12034 10.868 8.05065 10.8819 7.98027 10.8819C7.90989 10.8819 7.8402 10.868 7.7752 10.841C7.71019 10.814 7.65114 10.7745 7.60142 10.7247L3.09056 6.21383C3.04076 6.1641 3.00125 6.10504 2.97432 6.04002C2.94738 5.975 2.93354 5.9053 2.93359 5.83492Z' fill='black'/%3E%3C/svg%3E");
}
.new-header:hover .new-search .search-param-selector .param-list, .new-container.sticky .new-header .new-search .search-param-selector .param-list, .new-container.header-show .new-header .new-search .search-param-selector .param-list {
  background-color: #fff;
}
.new-header:hover .new-search .search-param-selector .param-list li, .new-container.sticky .new-header .new-search .search-param-selector .param-list li, .new-container.header-show .new-header .new-search .search-param-selector .param-list li {
  color: #333;
}
.new-header:hover .new-search .search-param-selector .param-list li:hover, .new-container.sticky .new-header .new-search .search-param-selector .param-list li:hover, .new-container.header-show .new-header .new-search .search-param-selector .param-list li:hover {
  color: #000;
  background-color: #f0f0f0;
}
.new-header:hover .new-search .search-input-box .search-input, .new-container.sticky .new-header .new-search .search-input-box .search-input, .new-container.header-show .new-header .new-search .search-input-box .search-input {
  color: #333;
}
.new-header:hover .new-search .search-input-box .search-input::placeholder, .new-container.sticky .new-header .new-search .search-input-box .search-input::placeholder, .new-container.header-show .new-header .new-search .search-input-box .search-input::placeholder {
  color: rgba(51, 51, 51, 0.8);
}
.new-header:hover .new-search .search-input-box .search-input:-webkit-autofill, .new-container.sticky .new-header .new-search .search-input-box .search-input:-webkit-autofill, .new-container.header-show .new-header .new-search .search-input-box .search-input:-webkit-autofill {
  -webkit-text-fill-color: #333;
  transition: background-color 5000s ease-in-out 0s;
}
.new-header:hover .new-search .search-input-box .search-submit, .new-container.sticky .new-header .new-search .search-input-box .search-submit, .new-container.header-show .new-header .new-search .search-input-box .search-submit {
  background-image: url(../icon/search2.png);
}
.new-header:hover .new-button-group .search-btn, .new-container.sticky .new-header .new-button-group .search-btn, .new-container.header-show .new-header .new-button-group .search-btn {
  display: none;
}
.new-header:hover .new-button-group .collection-btn, .new-container.sticky .new-header .new-button-group .collection-btn, .new-container.header-show .new-header .new-button-group .collection-btn {
  background-image: url(../icon/star2.png);
}
.new-header:hover .new-button-group .user-btn, .new-container.sticky .new-header .new-button-group .user-btn, .new-container.header-show .new-header .new-button-group .user-btn {
  background-image: url(../icon/user2.png);
}
.new-header:hover .new-button-group .language-btn span, .new-container.sticky .new-header .new-button-group .language-btn span, .new-container.header-show .new-header .new-button-group .language-btn span {
  color: #000;
}
.new-header:hover .new-button-group .language-btn .toggle-icon, .new-container.sticky .new-header .new-button-group .language-btn .toggle-icon, .new-container.header-show .new-header .new-button-group .language-btn .toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M0.534514 0.653295C0.320827 0.392122 0.506647 0 0.844097 0H17.1559C17.4934 0 17.6792 0.392123 17.4655 0.653295L9.51597 10.3694C9.24924 10.6954 8.75076 10.6954 8.48403 10.3694L0.534514 0.653295Z' fill='black'/%3E%3C/svg%3E");
}

.new-header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 89.9%);
}
.new-header .nav-tit a {
  color: #fff;
}
.new-header .new-search {
  border: 0.01rem solid #fff;
}
.new-header .new-search .search-form {
  color: #fff;
}
.new-header .new-search .search-param-selector {
  border-right: 0.01rem solid #fff;
}
.new-header .new-search .search-param-selector .selected-param .down-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.93359 5.83492C2.93362 5.72896 2.96506 5.62539 3.02394 5.5373C3.08282 5.4492 3.16649 5.38054 3.26438 5.33999C3.36227 5.29944 3.46999 5.28882 3.57391 5.30947C3.67784 5.33012 3.77331 5.38112 3.84826 5.45602L7.98044 9.58809L12.1725 5.39604C12.273 5.29557 12.4092 5.23912 12.5513 5.23912C12.6934 5.23912 12.8297 5.29557 12.9302 5.39604C13.0307 5.49652 13.0871 5.6328 13.0871 5.77489C13.0871 5.91699 13.0307 6.05327 12.9302 6.15374L8.35912 10.7247C8.30941 10.7745 8.25036 10.814 8.18535 10.841C8.12034 10.868 8.05065 10.8819 7.98027 10.8819C7.90989 10.8819 7.8402 10.868 7.7752 10.841C7.71019 10.814 7.65114 10.7745 7.60142 10.7247L3.09056 6.21383C3.04076 6.1641 3.00125 6.10504 2.97432 6.04002C2.94738 5.975 2.93354 5.9053 2.93359 5.83492Z' fill='white'/%3E%3C/svg%3E");
}
.new-header .new-search .search-input-box .search-input {
  color: #fff;
}
.new-header .new-search .search-input-box .search-input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.new-header .new-search .search-input-box .search-input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-in-out 0s;
}
.new-header .new-search .search-input-box .search-submit {
  background-image: url(../icon/search1.png);
}
.new-header .new-button-group .collection-btn {
  background-image: url(../icon/star1.png);
}
.new-header .new-button-group .user-btn {
  background-image: url(../icon/user1.png);
}
.new-header .new-button-group .language-btn span {
  color: #fff;
}
.new-header .new-button-group .language-btn .toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M0.534514 0.653295C0.320827 0.392122 0.506647 0 0.844097 0H17.1559C17.4934 0 17.6792 0.392123 17.4655 0.653295L9.51597 10.3694C9.24924 10.6954 8.75076 10.6954 8.48403 10.3694L0.534514 0.653295Z' fill='white'/%3E%3C/svg%3E");
}

.new-container .new-container.shrink .new-header {
  transform: translateY(-100%);
}
.new-container > div:not(.new-header):not(.social-media):not(.new-banner):not(.new-footer) {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.new-container.header-show .new-header {
  --header-height: 0.9rem;
}
.new-container.header-show .new-header .new-logo img {
  height: 0.6rem;
}
.new-container.sticky .new-header {
  position: sticky;
}

.new-wrapper {
  width: 14.4rem;
  margin: 0 auto;
}

.new-wrapper2 {
  width: 19.1rem;
  margin: 0 auto;
}

.new-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--header-height);
  z-index: 100;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, height 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, height 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, height 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, height 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, height 0.3s ease-in-out;
}
.new-header > .new-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 16.8rem;
  height: 100%;
}
.new-header .header-left {
  display: flex;
  align-items: center;
  height: 100%;
}
.new-header .header-right {
  display: flex;
  align-items: center;
  height: 100%;
}
.new-header .new-logo {
  flex-shrink: 0;
  width: 1rem;
}
.new-header .new-logo a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-header .new-logo img {
  height: 0.8rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.new-header .new-logo ~ .new-nav {
  margin-left: 0.4rem;
}
.new-header .new-button-group {
  display: flex;
  align-items: center;
  height: 100%;
}
.new-header .new-button-group > * {
  margin-left: 0.2rem;
}
.new-header .new-button-group .btn {
  background-color: transparent;
  flex-shrink: 0;
  width: 0.24rem;
  height: 0.24rem;
  transition: background-image 0.3s ease-in-out;
  -webkit-transition: background-image 0.3s ease-in-out;
  -moz-transition: background-image 0.3s ease-in-out;
  -ms-transition: background-image 0.3s ease-in-out;
  -o-transition: background-image 0.3s ease-in-out;
}
.new-header .new-button-group .collection-btn {
  background-image: url(../icon/star1.png);
}
.new-header .new-button-group .user-btn {
  background-image: url(../icon/user1.png);
}
.new-header .new-button-group .language-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.new-header .new-button-group .language-btn span {
  flex-shrink: 0;
  color: #fff;
  font-family: "Source Han Sans SC";
  font-size: 0.2rem;
  text-transform: capitalize;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.new-header .new-button-group .language-btn .toggle-icon {
  flex-shrink: 0;
  width: 0.18rem;
  height: 0.11rem;
  margin-left: 0.04rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M0.534514 0.653295C0.320827 0.392122 0.506647 0 0.844097 0H17.1559C17.4934 0 17.6792 0.392123 17.4655 0.653295L9.51597 10.3694C9.24924 10.6954 8.75076 10.6954 8.48403 10.3694L0.534514 0.653295Z' fill='white'/%3E%3C/svg%3E");
  transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;
  -webkit-transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.new-header .new-button-group .language-btn .language-list {
  position: absolute;
  min-width: 1rem;
  margin-top: 0.05rem;
  top: 100%;
  left: 50%;
  border-radius: 0.08rem;
  border: 0.01rem solid #f3f3f3;
  background: #fff;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.05);
  visibility: hidden;
  opacity: 0;
  transform: translateX(-50%) translateY(-0.1rem);
  transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -webkit-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.new-header .new-button-group .language-btn .language-list ul {
  display: flex;
  flex-direction: column;
  padding: 0.1rem 0;
}
.new-header .new-button-group .language-btn .language-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.18rem;
  padding: 0.04rem 0;
  border-radius: 0.1rem;
  color: #333;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.new-header .new-button-group .language-btn .language-list a:hover {
  color: #000;
  background-color: #f0f0f0;
}
.new-header .new-button-group .language-btn.active .language-list {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%);
}
.new-header .new-button-group .language-btn.active .toggle-icon {
  transform: rotate(180deg);
}

.new-nav {
  display: flex;
  height: 100%;
  align-items: center;
}
.new-nav .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 0.2rem;
}
.new-nav .nav-item:hover .nav-tit a {
  color: #9e763f;
}
.new-nav .nav-item:hover .nav-tit a::before {
  transform: scaleX(1);
}
.new-nav .nav-item:hover .nav-cont {
  opacity: 1;
  visibility: visible;
}
.new-nav .nav-tit {
  display: flex;
  align-items: center;
}
.new-nav .nav-tit a {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  text-transform: capitalize;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  position: relative;
  padding-bottom: 0.1rem;
}
.new-nav .nav-tit a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.02rem;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  background-color: #9e763f;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.new-nav .nav-cont {
  position: fixed;
  top: var(--header-height);
  left: 0;
  z-index: 100;
  height: 3.6rem;
  padding: 0.4rem 0;
  width: 100%;
  border-top: 0.01rem solid #f0f0f0;
  background-color: #fff;
  transition: top 0.3s ease-in-out;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.new-nav .nav-cont > .new-wrapper {
  display: flex;
  height: 100%;
}
.new-nav .nav-cont dl {
  flex-grow: 1;
  min-width: 2.5rem;
  max-height: 100%;
}
.new-nav .nav-cont dl a {
  color: #000;
  font-family: "Microsoft YaHei";
}
.new-nav .nav-cont dl ~ dl {
  margin-left: 0.3rem;
}
.new-nav .nav-cont dt {
  margin-bottom: 0.24rem;
  position: relative;
  font-size: 0.22rem;
  font-weight: 500;
  text-transform: capitalize;
}
.new-nav .nav-cont dt::before {
  content: "";
  position: absolute;
  width: 0.08rem;
  height: 0.08rem;
  left: -0.16rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  border-radius: 50%;
}
.new-nav .nav-cont .sub {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: calc(100% - 0.64rem);
}
.new-nav .nav-cont dd {
  margin-top: 0.1rem;
  max-width: 3.2rem;
  padding-bottom: 0.02rem;
  font-size: 0.18rem;
  text-transform: capitalize;
  white-space: nowrap;
}
.new-nav .nav-cont dd a {
  position: relative;
  color: #333;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.new-nav .nav-cont dd a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.02rem;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  background-color: #9e763f;
}
.new-nav .nav-cont dd:hover a {
  color: #9e763f;
}
.new-nav .nav-cont dd:hover a::before {
  transform: scaleX(1);
}
.new-nav .nav-cont dd:nth-of-type(6n + 1) {
  margin-top: 0;
}

.new-footer-nav ul {
  display: flex;
}
.new-footer-nav li {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  text-transform: capitalize;
}
.new-footer-nav li ~ li {
  margin-left: 1em;
}

.new-siblings-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.new-siblings-nav li {
  display: flex;
}
.new-siblings-nav li ~ li {
  margin-left: 0.4rem;
}
.new-siblings-nav li:hover a, .new-siblings-nav li.active a {
  color: #000;
}
.new-siblings-nav li:hover a::before, .new-siblings-nav li.active a::before {
  opacity: 1;
  transform: scaleX(1);
}
.new-siblings-nav a {
  position: relative;
  padding-bottom: 0.12rem;
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  font-weight: 400;
  line-height: 140%;
  text-transform: capitalize;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.new-siblings-nav a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.04rem;
  left: 0;
  bottom: 0;
  background-color: #9e763f;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.new-search {
  width: 4.2rem;
  height: 0.48rem;
  padding: 0 0.12rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #333;
  transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.new-search .search-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 0.16rem;
  line-height: 0.22rem;
  text-transform: capitalize;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.new-search .search-param-selector {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0.08rem;
  border-right: 0.01rem solid #333;
  transition: border-color 0.3s ease-in-out;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -ms-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
}
.new-search .search-param-selector .selected-param {
  width: 1.2rem;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.new-search .search-param-selector .selected-param span {
  min-width: 1rem;
  text-align: center;
}
.new-search .search-param-selector .selected-param span ~ .down-icon {
  margin-left: 0.04rem;
}
.new-search .search-param-selector .selected-param .down-icon {
  flex-shrink: 0;
  width: 0.16rem;
  height: 0.16rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.93359 5.83492C2.93362 5.72896 2.96506 5.62539 3.02394 5.5373C3.08282 5.4492 3.16649 5.38054 3.26438 5.33999C3.36227 5.29944 3.46999 5.28882 3.57391 5.30947C3.67784 5.33012 3.77331 5.38112 3.84826 5.45602L7.98044 9.58809L12.1725 5.39604C12.273 5.29557 12.4092 5.23912 12.5513 5.23912C12.6934 5.23912 12.8297 5.29557 12.9302 5.39604C13.0307 5.49652 13.0871 5.6328 13.0871 5.77489C13.0871 5.91699 13.0307 6.05327 12.9302 6.15374L8.35912 10.7247C8.30941 10.7745 8.25036 10.814 8.18535 10.841C8.12034 10.868 8.05065 10.8819 7.98027 10.8819C7.90989 10.8819 7.8402 10.868 7.7752 10.841C7.71019 10.814 7.65114 10.7745 7.60142 10.7247L3.09056 6.21383C3.04076 6.1641 3.00125 6.10504 2.97432 6.04002C2.94738 5.975 2.93354 5.9053 2.93359 5.83492Z' fill='black'/%3E%3C/svg%3E");
  transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out;
}
.new-search .search-param-selector .param-list {
  position: absolute;
  top: 100%;
  min-width: 100%;
  margin-top: 0.05rem;
  padding: 0.1rem 0;
  border-radius: 0.08rem;
  border: 0.01rem solid #f3f3f3;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.new-search .search-param-selector .param-list li {
  position: relative;
  padding: 0.04rem;
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 0.16rem;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  cursor: pointer;
}
.new-search .search-param-selector .param-list li:hover {
  color: #000;
  background-color: #f0f0f0;
}
.new-search .search-param-selector.active .selected-param .down-icon {
  transform: rotate(180deg);
}
.new-search .search-param-selector.active .param-list {
  opacity: 1;
  visibility: visible;
}
.new-search .search-input-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.new-search .search-input-box .search-input {
  width: 2.25rem;
  color: #333;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.new-search .search-input-box .search-input::placeholder {
  color: rgba(51, 51, 51, 0.8);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.new-search .search-input-box .search-input:-webkit-autofill {
  -webkit-text-fill-color: #333;
  transition: background-color 5000s ease-in-out 0s;
}
.new-search .search-input-box .search-submit {
  margin-left: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  background-image: url(../icon/search2.png);
  opacity: 0.8;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out, background-image 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, background-image 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, background-image 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, background-image 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, background-image 0.3s ease-in-out;
}
.new-search .search-input-box .search-submit:hover {
  opacity: 1;
}
.new-search .search-close-btn {
  display: none;
}

.new-footer {
  position: relative;
  z-index: 0;
  background-color: #9e763f;
}
.new-footer .new-wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-footer .footer-main {
  height: 2.26rem;
  padding: 0.5rem 0 0.3rem;
}
.new-footer .footer-bottom {
  border-top: 0.02rem solid #fff;
  height: 0.82rem;
}
.new-footer .footer-bottom .copyright {
  display: flex;
  align-items: center;
}
.new-footer .footer-bottom p,
.new-footer .footer-bottom a {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 0.16rem;
  line-height: normal;
}
.new-footer .footer-bottom p ~ p,
.new-footer .footer-bottom p ~ a,
.new-footer .footer-bottom a ~ p,
.new-footer .footer-bottom a ~ a {
  margin-left: 1em;
}
.new-footer .footer-bottom .cnzz {
  font-size: 0;
  width: 0.5rem;
  height: 0.12rem;
  margin-left: 0.1rem;
}
.new-footer .footer-left {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.new-footer .footer-left .footer-logo {
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  margin-bottom: 0.22rem;
}
.new-footer .footer-left .footer-logo a {
  width: 0.54rem;
  height: 0.46rem;
  background-image: url(../icon/logo2.png);
}
.new-footer .footer-right {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 0.3rem;
}
.new-footer .footer-right .footer-contact {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.new-footer .footer-right .footer-contact h2 {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  font-weight: 700;
  text-transform: capitalize;
}
.new-footer .footer-right .footer-contact ~ .footer-QRcode {
  margin-left: 0.4rem;
}
.new-footer .footer-right .footer-QRcode {
  position: relative;
  width: 1.16rem;
  height: 1.16rem;
}
.new-footer .footer-right .footer-QRcode img {
  width: 100%;
  height: 100%;
}
.new-footer .footer-social-media ul {
  display: flex;
  margin-top: 0.05rem;
}
.new-footer .footer-social-media li img {
  width: 0.46rem;
  height: 0.46rem;
}
.new-footer .footer-social-media li ~ li {
  margin-left: 0.04rem;
}
.new-footer .back-to-top {
  position: absolute;
  bottom: calc(100% + 0.2rem);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.new-footer .back-to-top .up-icon {
  width: 0.24rem;
  height: 0.24rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.7302 7L1 16H4.59799L12.3949 9.30229H12.5396L19.4241 16H23L13.3097 7H11.7302Z' fill='white'/%3E%3C/svg%3E");
}
.new-footer .back-to-top h2 {
  color: #fff;
  font-size: 0.2rem;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  text-transform: capitalize;
  white-space: nowrap;
}
.new-footer .back-to-top:hover {
  transform: translateY(-0.05rem);
}
.new-footer a {
  color: #fff;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
}
.new-footer a:hover {
  color: #fff;
}
.new-footer a:hover {
  opacity: 0.8;
}

.new-banner {
  position: sticky;
  top: 0;
  z-index: 0;
  width: 100%;
  max-width: 100vw;
  height: var(--view-height);
}
.new-banner .video-box, .new-banner .txt, .new-banner .pic {
  position: absolute;
  width: 100%;
  height: var(--view-height);
  z-index: 0;
}
.development .new-banner {
  --view-height: 700px;
}
.new-banner .txt {
  left: 0;
  top: 0;
  padding: 0 5%;
  color: #fff;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.new-banner .txt h1 {
  font-weight: 700;
  font-size: 0.64rem;
  margin-bottom: 0.2rem;
  text-transform: capitalize;
}
.new-banner .txt h2 {
  font-weight: 700;
  font-size: 0.4rem;
  margin-bottom: 0.12rem;
  text-transform: capitalize;
}
.new-banner .txt h4 {
  font-size: 0.26rem;
}
.new-banner .video-box {
  position: relative;
  height: var(--view-height);
  background-color: #000;
}
.new-banner .video-box video {
  width: 100%;
  height: 100%;
}
.new-banner .video-box .cover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.new-banner .video-box .cover .play-icon {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg t='1764138979752' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='12319' width='200' height='200'%3E%3Cpath d='M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m3.008-92.992a416 416 0 1 0 0-832 416 416 0 0 0 0 832zM383.232 287.616l384 224.896-384 223.104v-448z' fill='%23fff' p-id='12320'%3E%3C/path%3E%3C/svg%3E");
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  cursor: pointer;
}
.new-banner .video-box .cover .play-icon:hover {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
}
.new-banner .video-box .cover img {
  object-fit: fill;
}
.new-banner .video-box img {
  width: 100%;
  height: 100%;
}
.new-banner .video-box.play .cover {
  display: none;
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
  .new-banner .video-box video {
    object-fit: cover;
  }
  .new-banner .video-box .cover img {
    object-fit: cover;
  }
}

.new-inner-banner .new-wrapper2 {
  position: relative;
  height: 3.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-inner-banner .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.new-inner-banner .txt h1 {
  color: #fff;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 0.6rem;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.new-brand {
  padding: 0.4rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.new-brand .attestation ul {
  display: flex;
}
.new-brand .attestation li img {
  width: auto;
  height: 0.9rem;
}
.new-brand .attestation li ~ li {
  margin-left: 0.22rem;
}
.new-brand .blogroll {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
}
.new-brand .blogroll ul {
  display: flex;
}
.new-brand .blogroll li {
  margin-left: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-brand .blogroll li img {
  width: auto;
  height: 0.9rem;
}
.new-brand .blogroll a {
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  font-weight: 700;
  text-transform: capitalize;
}

.social-media {
  position: fixed;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 80;
}
.social-media ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.social-media li {
  position: relative;
  margin-bottom: 0.1rem;
  flex-shrink: 0;
  width: 0.4rem;
}
.social-media a {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
}
.social-media a:hover {
  opacity: 0.8;
}
.social-media .wechat:hover ~ .QRcode, .social-media .wechat.show ~ .QRcode {
  opacity: 1;
  visibility: visible;
}
.social-media .QRcode {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 0.2rem;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  width: 1rem;
  height: 1rem;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.social-media a img {
  width: 80%;
  height: 80%;
  object-fit: cover;
}

/* 首页Home */
.home-banner .home-swiper {
  height: 100%;
}
.home-banner .home-swiper .swiper-pagination {
  bottom: 0.6rem;
}
.home-banner .home-swiper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 0.6rem;
  height: 0.04rem;
  margin: 0 0.1rem;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.home-banner .home-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.home-banner .home-swiper .swiper-buttons .swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 80%;
  z-index: 100;
  cursor: pointer;
  transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -webkit-transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -ms-transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-size: 1.2rem;
}
.home-banner .home-swiper .swiper-buttons .swiper-button:hover {
  opacity: 1;
}
.home-banner .home-swiper .swiper-buttons .swiper-button-disabled {
  opacity: 0.2 !important;
}
.home-banner .home-swiper .swiper-buttons .my-swiper-button-prev {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3E%3Cpath d='M26 44L53 28.4115L53 59.5885L26 44Z' fill='black'/%3E%3C/svg%3E");
}
.home-banner .home-swiper .swiper-buttons .my-swiper-button-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3E%3Cpath d='M26 44L53 28.4115L53 59.5885L26 44Z' fill='white'/%3E%3C/svg%3E");
}
.home-banner .home-swiper .swiper-buttons .my-swiper-button-next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3E%3Cpath d='M62 44L35 28.4115L35 59.5885L62 44Z' fill='black'/%3E%3C/svg%3E");
}
.home-banner .home-swiper .swiper-buttons .my-swiper-button-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3E%3Cpath d='M62 44L35 28.4115L35 59.5885L62 44Z' fill='white'/%3E%3C/svg%3E");
}
.home-banner .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}
.home-banner .txt .txt-cont {
  padding: 0.2rem 0.6rem;
  min-width: 6.4rem;
  width: fit-content;
  border-radius: 0.8rem;
  background-color: rgba(158, 118, 63, 0.6);
}
.home-banner .video-box video {
  object-fit: cover;
}

.home-section-item {
  position: relative;
  height: 8rem;
}
.home-section-item .pic {
  position: relative;
}
.home-section-item .txt {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Microsoft YaHei";
  text-transform: capitalize;
}
.home-section-item .txt h2 {
  color: #000;
  font-size: 0.48rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.home-section-item .txt h4 {
  color: #333;
  font-size: 0.24rem;
}
.home-section-item .txt .new-more-btn {
  margin-top: 0.3rem;
}
.home-section-item .txt.white h2 {
  color: #fff;
}
.home-section-item .txt.white h4 {
  color: #fff;
}

.home-section2 .section-title, .home-section1 .section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.9rem;
  font-family: "Microsoft YaHei";
  line-height: normal;
  text-transform: capitalize;
}
.home-section2 .section-title-left h2, .home-section1 .section-title-left h2 {
  color: #000;
  font-size: 0.4rem;
  font-weight: 700;
}
.home-section2 .section-title-right .new-more-btn, .home-section1 .section-title-right .new-more-btn {
  margin-top: 0.1rem;
}

.home-section6 .txt, .home-section5 .txt, .home-section4 .txt, .home-section3 .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Microsoft YaHei";
  padding: 0 7.5%;
  text-align: center;
}
.home-section6 .txt h2, .home-section5 .txt h2, .home-section4 .txt h2, .home-section3 .txt h2 {
  color: #000;
  font-size: 0.4rem;
  font-weight: 700;
  line-height: 135%;
  text-transform: capitalize;
}
.home-section6 .txt h3, .home-section5 .txt h3, .home-section4 .txt h3, .home-section3 .txt h3 {
  color: #000;
  font-size: 0.36rem;
  font-weight: 700;
  text-transform: capitalize;
}
.home-section6 .txt h4, .home-section5 .txt h4, .home-section4 .txt h4, .home-section3 .txt h4 {
  margin-top: 0.16rem;
  color: #000;
  font-size: 0.24rem;
}
.home-section6 .txt h5, .home-section5 .txt h5, .home-section4 .txt h5, .home-section3 .txt h5 {
  margin-top: 0.16rem;
  color: #333;
  font-size: 0.22rem;
}
.home-section6 .white.txt h3, .home-section5 .white.txt h3, .home-section4 .white.txt h3, .home-section3 .white.txt h3 {
  color: #fff;
}
.home-section6 .white.txt h5, .home-section5 .white.txt h5, .home-section4 .white.txt h5, .home-section3 .white.txt h5 {
  color: #fff;
}
.home-section6 .small.txt h3, .home-section5 .small.txt h3, .home-section4 .small.txt h3, .home-section3 .small.txt h3 {
  font-size: 0.32rem;
}
.home-section6 .small.txt h5, .home-section5 .small.txt h5, .home-section4 .small.txt h5, .home-section3 .small.txt h5 {
  font-size: 0.18rem;
}
.home-section6 .txt .new-more-btn, .home-section5 .txt .new-more-btn, .home-section4 .txt .new-more-btn, .home-section3 .txt .new-more-btn {
  margin-top: 0.32rem;
}

.home-section1 {
  padding-bottom: 0.8rem;
}
.home-section1 .section-title {
  height: 2rem;
}
.home-section1 .latest-post-swiper .swiper-slide {
  width: 5.12rem;
  height: 6.6rem;
  margin-right: 0.3rem;
  display: flex;
}
.home-section1 .latest-post-swiper .swiper-slide:last-of-type {
  margin-right: 0;
}
.home-section1 .latest-post-swiper .swiper-slide a {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.home-section1 .latest-post-swiper .swiper-slide .pic {
  overflow: hidden;
}
.home-section1 .latest-post-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.home-section1 .latest-post-swiper .swiper-slide .pic img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.home-section1 .latest-post-swiper .swiper-slide .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
  text-align: center;
}
.home-section1 .latest-post-swiper .swiper-slide .txt h4 {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 0.24rem;
  font-weight: 400;
  text-transform: capitalize;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.home-section1 .latest-post-swiper .swiper-slide .txt::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  user-select: none;
  pointer-events: none;
  z-index: -1;
}
.home-section1 .latest-post-swiper .swiper-slide:hover .pic img {
  transform: scale(1.05);
}
.home-section1 .latest-post-swiper .swiper-slide:hover .txt h3 {
  transform: translateY(-0.05rem);
}
.home-section1 .latest-post-swiper .swiper-slide:hover .txt::before {
  opacity: 0.7;
}
.home-section1 .latest-post-swiper .swiper-slide:hover .txt .new-more-btn3 {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.43 5.93005L20.5 12.0001L14.43 18.0701' stroke='%239E763F' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%239E763F' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.home-section1 .latest-post-swiper .swiper-buttons .swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.94rem;
  height: 100%;
  z-index: 100;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  background-size: 0.34rem 0.59rem;
}
.home-section1 .latest-post-swiper .swiper-buttons .swiper-button:hover {
  opacity: 1;
}
.home-section1 .latest-post-swiper .swiper-buttons .swiper-button-disabled {
  opacity: 0.2 !important;
}
.home-section1 .latest-post-swiper .swiper-buttons .my-swiper-button-prev {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='59' viewBox='0 0 34 59' fill='none'%3E%3Cpath d='M34 0L0 27V33L34 59V53L4 30L34 6V0Z' fill='white'/%3E%3C/svg%3E");
}
.home-section1 .latest-post-swiper .swiper-buttons .my-swiper-button-next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='59' viewBox='0 0 34 59' fill='none'%3E%3Cpath d='M0 0L34 27V33L0 59V53L30 30L0 6V0Z' fill='white'/%3E%3C/svg%3E");
}

.home-section2 {
  background-color: #efefef !important;
  padding-bottom: 0.8rem;
}
.home-section2 .section-title {
  height: 1.6rem;
}
.home-section2 .home-explore-list {
  display: flex;
  justify-content: space-between;
}
.home-section2 .home-explore-item {
  width: 31.25vw;
}
.home-section2 .home-explore-item .pic {
  height: 20.8333vw;
  overflow: hidden;
}
.home-section2 .home-explore-item .pic img {
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.home-section2 .home-explore-item .txt {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 13.0208vw;
  padding: 0.24rem 0.38rem 0.3rem;
  background-color: #fff;
}
.home-section2 .home-explore-item h4 {
  color: #000;
  font-size: 0.24rem;
  line-height: normal;
  text-transform: capitalize;
}
.home-section2 .home-explore-item p {
  color: #333;
  font-size: 0.18rem;
}
.home-section2 .home-explore-item span {
  color: #333;
  font-size: 0.16rem;
  line-height: 137.5%;
  text-transform: capitalize;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.home-section2 .home-explore-item:hover .pic img {
  transform: scale(1.05);
}
.home-section2 .home-explore-item:hover span {
  transform: translateX(0.05rem);
}

.home-section3 {
  padding: 0.8rem 0;
}
.home-section3 .sustainable-development {
  display: flex;
  justify-content: space-between;
}
.home-section3 .sustainable-development .txt, .home-section3 .sustainable-development .pic {
  width: 32.8125vw;
  height: 36.4583vw;
}
.home-section3 .sustainable-development .txt {
  background-color: #9abc68;
}
.home-section3 .sustainable-development-left {
  display: flex;
}
.home-section3 .brand-process {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.home-section3 .brand-process-left {
  width: 32.8125vw;
  height: 36.4583vw;
}
.home-section3 .brand-process-right {
  width: 65.625vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-section3 .brand-process-right-top {
  display: flex;
  height: 17.1875vw;
}
.home-section3 .brand-process-right-top .pic {
  width: 32.8125vw;
}
.home-section3 .brand-process-right-top .txt {
  width: 32.8125vw;
  background-color: #c2b080;
}
.home-section3 .brand-process-right-bottom {
  height: 18.2292vw;
}
.home-section4 {
  padding-bottom: 0.8rem;
}
.home-section4 .pic {
  width: 52.0833vw;
  height: 33.8542vw;
}
.home-section4 .txt {
  width: 47.9167vw;
  background-color: #efefef;
}

.home-section5 .flex {
  padding-bottom: 0.8rem;
}
.home-section5 .flex:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.home-section5 .pic {
  width: 65.625vw;
  height: 33.8542vw;
}
.home-section5 .txt {
  width: 34.375vw;
  background-color: #efefef;
}

.home-section6 {
  padding-bottom: 0.8rem;
}
.home-section6 .flex {
  justify-content: space-between;
}
.home-section6 .section-left {
  width: 48.4375vw;
  height: 41.6667vw;
}
.home-section6 .section-right {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 50vw;
}
.home-section6 .section-right-top {
  height: 21.875vw;
}
.home-section6 .section-right-bottom .txt {
  height: 18.2292vw;
  background-color: #efefef;
}
/* 新列表 List */
.new-list {
  /* 最新推送 Latest Post */
}
.new-list .list-title {
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-list .list-title h1 {
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 0.64rem;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.CN .new-list .list-title h1 {
  letter-spacing: 1.28rem;
  margin-right: -1.28rem;
}
.new-list .list-content ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.new-list .list-content li {
  display: flex;
  width: calc((100% - 0.4rem) / 2);
  height: 2.58rem;
  margin-bottom: 0.4rem;
}
.new-list .list-content .pic {
  flex-shrink: 0;
  width: 2rem;
  overflow: hidden;
}
.new-list .list-content .pic img {
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.new-list .list-content .pic ~ .txt {
  margin-left: 0.6rem;
}
.new-list .list-content .txt {
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  padding: 0.45rem 0;
}
.new-list .list-content .post-date {
  position: relative;
  padding-bottom: 0.2rem;
}
.new-list .list-content .post-date span {
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  line-height: normal;
  text-transform: capitalize;
}
.new-list .list-content .post-date::before {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 0.01rem;
  left: 0;
  bottom: 0;
  background-color: #333;
}
.new-list .list-content .post-date ~ .post-title {
  margin-left: 0.6rem;
}
.new-list .list-content .post-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.new-list .list-content .post-title h4 {
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 0.24rem;
  line-height: normal;
  text-transform: capitalize;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0.1rem;
}
.new-list .list-content .post-title h4 ~ h5 {
  margin-top: 0.2rem;
}
.new-list .list-content .post-title h5 {
  padding-bottom: 0.08rem;
  position: relative;
  color: #666;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  line-height: normal;
}
.new-list .list-content .post-title h5::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.01rem;
  left: 0;
  bottom: 0;
  background-color: #9e763f;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.new-list .list-content .post-title h5:hover::before {
  transform: scaleX(1);
}
.new-list .list-content li:hover .pic img {
  transform: scale(1.05);
}
.new-list .list-content li:hover .txt .post-title h4 {
  color: #9e763f;
}
.new-list.latest-post .list-content .post-title h4 {
  -webkit-line-clamp: 2;
}

/* 联系我们 Contact Us */
.contact-us h3 {
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 0.25rem;
  line-height: normal;
  text-transform: capitalize;
}
.contact-us .foucus-us .new-wrapper {
  padding: 0.7rem 1.6rem 0.6rem;
  border-bottom: 0.01rem solid #666;
  width: 15.2rem;
}
.contact-us .foucus-us .contact-social-media {
  display: flex;
  align-items: center;
}
.contact-us .foucus-us .contact-social-media ul {
  display: flex;
  margin-left: 1rem;
}
.contact-us .foucus-us .contact-social-media li {
  width: 0.72rem;
  height: 0.72rem;
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
}
.contact-us .foucus-us .contact-social-media li:hover {
  opacity: 1;
}
.contact-us .foucus-us .contact-social-media li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-us .foucus-us .contact-social-media li ~ li {
  margin-left: 0.3rem;
}
.contact-us .our-position .new-wrapper {
  padding: 0.6rem 1.6rem;
  width: 15.2rem;
}
.contact-us .our-position .position-list {
  background: #f6f6f6;
  margin-top: 0.3rem;
}
.contact-us .our-position .position-list ul {
  width: 100%;
  padding: 0.1rem 0.3rem;
}
.contact-us .our-position .position-list li {
  padding: 0.2rem 0;
}
.contact-us .our-position .position-list li ~ li {
  border-top: 0.01rem solid #666;
}
.contact-us .our-position .position-list .position-title {
  margin-bottom: 0.04rem;
}
.contact-us .our-position .position-list h4 {
  color: #9e763f;
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  font-weight: 700;
  line-height: 0.3rem;
  text-transform: capitalize;
}
.contact-us .our-position .position-list p {
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  line-height: 0.26rem;
  text-transform: capitalize;
}
.contact-us .message-to-us .new-wrapper {
  padding-bottom: 1rem;
  width: 14rem;
}
.contact-us .message-to-us .new-wrapper > h3 {
  padding-left: 1rem;
}
.contact-us .message-to-us .message-box {
  display: flex;
  margin-top: 0.4rem;
  padding: 2.4rem 1.2rem 0.8rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #f6f6f6;
  background-image: url(../image/messagetous.jpg);
  background-size: contain;
  background-position: top;
}
.contact-us .message-to-us .form-box {
  width: 100%;
  height: 100%;
  padding: 0.8rem;
  border-radius: 0.1rem;
  background: #fff;
  box-shadow: 0 0.03rem 0.03rem 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
}
.contact-us .message-to-us .form-box .pic {
  flex-shrink: 0;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.contact-us .message-to-us .message-form {
  margin-left: 0.4rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.contact-us .message-to-us .message-form h3 {
  font-size: 0.2rem;
  padding: 0.1rem 0 0.15rem;
}
.contact-us .message-to-us .message-form .form-row {
  display: flex;
}
.contact-us .message-to-us .form-item {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  margin-bottom: 0.2rem;
  border-radius: 0.1rem;
  border: 0.01rem solid #333;
  padding: 0.1rem;
}
.contact-us .message-to-us .form-item ~ .form-item {
  margin-left: 0.2rem;
}
.contact-us .message-to-us .form-item::before {
  content: "";
  position: absolute;
  width: 0.24rem;
  height: 0.24rem;
  left: 0.1rem;
  top: 0.12rem;
}
.contact-us .message-to-us .form-item[data-icon=user]::before {
  background-image: url("../icon/user.png");
}
.contact-us .message-to-us .form-item[data-icon=email]::before {
  background-image: url("../icon/email.png");
}
.contact-us .message-to-us .form-item[data-icon=company]::before {
  background-image: url("../icon/company.png");
}
.contact-us .message-to-us .form-item[data-icon=message]::before {
  background-image: url("../icon/message.png");
}
.contact-us .message-to-us .message-input {
  width: 100%;
  padding-left: 0.3rem;
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
}
.contact-us .message-to-us .message-input::placeholder {
  color: #000;
}
.contact-us .message-to-us .message-input:-webkit-autofill {
  -webkit-text-fill-color: #000;
  transition: background-color 5000s ease-in-out 0s;
}
.contact-us .message-to-us input[type=text] {
  height: 0.25rem;
}
.contact-us .message-to-us input[type=submit] {
  padding: 0.11rem 0.35rem;
  border-radius: 0.1rem;
  background: #9e763f;
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  line-height: 140%;
  text-transform: capitalize;
  cursor: pointer;
}
.contact-us .message-to-us textarea {
  resize: none;
  height: 0.92rem;
}

/* 关于金余 Story + Mission + Vision + Innovation */
.about-JinYu {
  font-family: "Microsoft YaHei";
  line-height: normal;
}
.about-JinYu .new-header > .new-wrapper {
  width: 16.8rem;
}
.about-JinYu .new-wrapper {
  width: 16.5rem;
}
.about-JinYu h2 {
  color: #000;
  font-size: 0.4rem;
  font-weight: 700;
}
.about-JinYu h4 {
  color: #000;
  font-size: 0.24rem;
}
.about-JinYu p {
  color: #333;
  font-size: 0.2rem;
  line-height: 0.36rem;
}

/* 金余故事(品牌历程) Story */
.story-guide .txt {
  text-align: center;
  padding: 1.2rem 1.2rem;
}
.story-guide .txt h2 + p {
  margin-top: 0.35rem;
}

.story-section1 .new-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.story-section1 .txt {
  width: 7.2rem;
}
.story-section1 .txt h2 {
  margin-bottom: 0.35rem;
}
.story-section1 .pic {
  width: 7rem;
  height: 4rem;
}

.story-section2,
.story-section5 {
  padding-top: 0.9rem;
}
.story-section2 .new-wrapper,
.story-section5 .new-wrapper {
  display: flex;
  flex-direction: column;
}
.story-section2 h2,
.story-section5 h2 {
  margin-bottom: 0.35rem;
}
.story-section2 .pic,
.story-section5 .pic {
  margin-top: 0.6rem;
  height: 6.4rem;
}

.story-section3 {
  padding-top: 1.4rem;
}
.story-section3 .process-guide {
  text-align: center;
}
.story-section3 .process-guide h2 {
  margin-bottom: 0.35rem;
}
.story-section3 .process {
  position: relative;
  height: 30rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='2615' viewBox='0 0 1920 2615' fill='none'%3E%3Cpath d='M0 75.0231C451.765 -11.3094 1398.47 -90.5754 1571.18 283.021C1599.5 344.354 1563.19 490.496 1217.37 467.02C996.981 455.996 570.703 460.42 570.703 714.017C582.03 746.017 625.474 815.016 708.631 835.016C916.189 879.683 1345.9 997.215 1404.27 1110.01C1428.92 1155.68 1397.77 1285.29 1053.45 1306.01C859.552 1317.68 471.155 1381.01 468.756 1541.01C467.423 1600.34 550.913 1721.61 895.534 1732.01C1073.94 1737.39 1428.86 1758.21 1435.25 1911.01C1445.58 1963.67 1337.8 2074.48 880.541 2082C691.64 2085.11 370.407 2131.2 408.787 2336C421.78 2409.67 575.9 2544 1088.43 2492C1310.98 2472.67 1787.07 2478.98 1920 2613' stroke='black' stroke-width='5' stroke-dasharray='6 12'/%3E%3C/svg%3E");
  background-position: top 3.85rem center;
  background-size: 100% auto;
}
.story-section3 .process-item {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 10.8rem;
}
.story-section3 .process-item .pic {
  width: 5.1rem;
  height: 5.1rem;
  border-radius: 50%;
  overflow: hidden;
}
.story-section3 .process-item .txt {
  width: 5.45rem;
}
.story-section3 .process-item:nth-of-type(1) {
  top: 0.73rem;
  left: 1.31rem;
}
.story-section3 .process-item:nth-of-type(2) {
  top: 3.78rem;
  right: 1.37rem;
}
.story-section3 .process-item:nth-of-type(3) {
  top: 8.34rem;
  left: 3.06rem;
}
.story-section3 .process-item:nth-of-type(4) {
  top: 12.45rem;
  right: 2.75rem;
}
.story-section3 .process-item:nth-of-type(5) {
  top: 16.67rem;
  left: 1.32rem;
}
.story-section3 .process-item:nth-of-type(6) {
  top: 20.4rem;
  right: 1.37rem;
}
.story-section3 .process-item:nth-of-type(7) {
  top: 24.58rem;
  left: 1.32rem;
}

.story-section4 {
  padding-top: 0.4rem;
}
.story-section4 .new-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.9rem;
}
.story-section4 .txt {
  width: 8.3rem;
}
.story-section4 .txt h2 {
  margin-bottom: 0.4rem;
}
.story-section4 .pic {
  width: 7rem;
  height: 4rem;
}

.story-section5 {
  padding-bottom: 0.9rem;
}
.story-section5 .pic {
  height: 6rem;
}

/* 我们的使命 Mission */
.mission-guide .txt {
  text-align: center;
  padding: 0.9rem 1.2rem 0.7rem;
}
.mission-guide .txt h2 {
  margin-bottom: 0.4rem;
}

.mission-section1 .section-item:first-of-type {
  padding-top: 0;
}

.mission-section1 .section-item,
.vision-section3 .section-item,
.innovation-section2 .section-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.9rem;
}
.mission-section1 .section-item:nth-of-type(even),
.vision-section3 .section-item:nth-of-type(even),
.innovation-section2 .section-item:nth-of-type(even) {
  flex-direction: row-reverse;
}
.mission-section1 .txt h2,
.vision-section3 .txt h2,
.innovation-section2 .txt h2 {
  margin-bottom: 0.4rem;
}
.mission-section1 .pic,
.vision-section3 .pic,
.innovation-section2 .pic {
  width: 10rem;
  height: 6rem;
}
.mission-section1 .txt,
.vision-section3 .txt,
.innovation-section2 .txt {
  padding: 0 1.15rem;
  width: 9.2rem;
}

.mission-section2 .new-wrapper2 {
  position: relative;
  height: 10.8rem;
}
.mission-section2 .txt {
  position: absolute;
  width: 8.6rem;
  left: 1.35rem;
  top: 1.5rem;
}
.CN .mission-section2 .txt {
  width: 5.6rem;
}
.mission-section2 h2 {
  margin-bottom: 0.4rem;
}

.mission-section3 .section-title,
.vision-section2 .section-title {
  padding: 0.4rem 0;
}
.mission-section3 .section-content,
.vision-section2 .section-content {
  padding-top: 0.4rem;
}
.mission-section3 .section-item,
.vision-section2 .section-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 13.2rem;
  margin: 0 auto;
}
.mission-section3 .section-item:nth-of-type(even),
.vision-section2 .section-item:nth-of-type(even) {
  flex-direction: row-reverse;
}
.mission-section3 h2,
.vision-section2 h2 {
  margin-bottom: 0.4rem;
}
.mission-section3 .pic,
.vision-section2 .pic {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
}
.mission-section3 .txt,
.vision-section2 .txt {
  width: 6rem;
  padding: 0 0.25rem;
}

.mission-section4 {
  padding-top: 1.2rem;
}
.mission-section4 .section-title {
  text-align: center;
}
.mission-section4 .section-title h2 {
  margin-bottom: 0.12rem;
}
.mission-section4 .section-content {
  margin-top: 0.6rem;
  height: 6rem;
}

/* 我们的愿景 Vision */
.vision-guide .txt {
  text-align: center;
  padding: 1rem 1.2rem 0.8rem;
}
.vision-guide .txt h2 {
  margin-bottom: 0.4rem;
}
.vision-guide .pic {
  height: 6rem;
}

.vision-section1 .txt {
  padding: 0.6rem 0 0.5rem;
}
.vision-section1 .txt p {
  line-height: 0.46rem;
}
.vision-section1 .pic {
  height: 6rem;
}

.vision-section2 {
  padding-top: 0.9rem;
}
.vision-section2 .section-item ~ .section-item {
  margin-top: 0.8rem;
}

.vision-section4 .txt {
  padding: 0.6rem 0;
}
.vision-section4 .pic {
  height: 6rem;
}

/* 我们的创新 Innovation */
.innovation-guide .txt {
  text-align: center;
  padding: 1rem 1.2rem 0.8rem;
}
.innovation-guide .txt h2 {
  margin-bottom: 0.4rem;
}
.innovation-guide .pic {
  height: 6rem;
}

.innovation-section1 .new-wrapper {
  padding: 0.9rem 0 0.8rem;
}
.innovation-section1 h2 {
  margin-bottom: 0.4rem;
}
.innovation-section1 .pic {
  height: 6rem;
}

.innovation-section3 .new-wrapper {
  padding: 0.6rem 0 0.5rem;
}
.innovation-section3 .pic {
  height: 6.4rem;
}

/* 品牌历程 Course */
.course {
  padding: 0.6rem 0 1.1rem;
}
.course .course-list ul {
  display: flex;
  flex-direction: column;
}
.course .course-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.course .course-list li ~ li {
  margin-top: 1.2rem;
}
.course .course-list .year {
  color: #000;
  font-family: "D-DIN Condensed";
  font-size: 0.8rem;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.course .course-list .desc {
  height: 1.8rem;
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 187.5%;
  text-transform: capitalize;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.course .course-list .pic {
  width: 5.2rem;
  height: 3rem;
  border-radius: 0.2rem;
  overflow: hidden;
}

/* 探索展示 Explore */
.explore {
  min-height: 100vh;
}
.explore .new-siblings-nav {
  padding: 0.6rem 0;
}
.explore .explore-list {
  padding: 0 2.2rem;
}
.explore .explore-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.explore .explore-list li {
  width: 6.85rem;
  margin-bottom: 1.1rem;
}
.explore .explore-list li:hover .bg-pic::before {
  opacity: 1;
}
.explore .explore-list li:hover .card-top .arrow-right {
  margin-right: 0;
}
.explore .explore-list li:hover .card-center,
.explore .explore-list li:hover .card-bottom {
  transform: translateY(-0.05rem);
}
.explore .explore-list .card {
  position: relative;
  height: 3.8rem;
  padding: 0.5rem 0.6rem 0.9rem;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.explore .explore-list .card-top {
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 0.14rem;
  line-height: normal;
  text-transform: capitalize;
}
.explore .explore-list .card-top::after {
  content: "";
  display: table;
  clear: both;
}
.explore .explore-list .card-top .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.22rem;
  height: 0.32rem;
  border-radius: 0.12rem;
  background: #fff;
  float: left;
}
.explore .explore-list .card-top .long {
  margin-left: 0.36rem;
  min-width: 2.2rem;
}
.explore .explore-list .card-top .arrow-right {
  position: relative;
  margin-right: 0.1rem;
  width: 0.46rem;
  float: right;
  transition: margin 0.3s ease-in-out;
  -webkit-transition: margin 0.3s ease-in-out;
  -moz-transition: margin 0.3s ease-in-out;
  -ms-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
}
.explore .explore-list .card-top .arrow-right::before {
  content: "";
  position: absolute;
  width: 0.13rem;
  height: 0.08rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M12.3536 4.35355C12.5488 4.15829 12.5488 3.84171 12.3536 3.64645L9.17157 0.464466C8.97631 0.269204 8.65973 0.269204 8.46447 0.464466C8.2692 0.659728 8.2692 0.976311 8.46447 1.17157L11.2929 4L8.46447 6.82843C8.2692 7.02369 8.2692 7.34027 8.46447 7.53553C8.65973 7.7308 8.97631 7.7308 9.17157 7.53553L12.3536 4.35355ZM0 4V4.5H12V4V3.5H0V4Z' fill='black'/%3E%3C/svg%3E");
}
.explore .explore-list .card-center {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 0.4rem;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.explore .explore-list .card-bottom {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.28rem;
  text-transform: capitalize;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.explore .explore-list .bg-pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.explore .explore-list .bg-pic::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%);
  opacity: 0.25;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
}
.explore .explore-list .product-pic {
  position: relative;
  z-index: 1;
  margin-top: -0.7rem;
  height: 6.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
  overflow: hidden;
}
.explore .explore-list .product-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.explore .explore-list .product-pic img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.explore .explore-detail {
  padding: 0 2.2rem 1rem;
  color: #000;
  font-family: "Microsoft YaHei";
  line-height: normal;
  text-transform: capitalize;
}
.explore .explore-detail .pro-title {
  text-align: center;
}
.explore .explore-detail .pro-title h3 {
  font-size: 0.4rem;
}
.explore .explore-detail .pro-title p {
  font-size: 0.22rem;
}
.explore .explore-detail .pro-pic-list {
  margin-top: 0.4rem;
}
.explore .explore-detail .pro-pic-list li {
  height: 7.2rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.explore .explore-detail .pro-pic-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.explore .explore-detail .pro-pic-list li ~ li {
  margin-top: 0.6rem;
}
.explore .explore-detail .pro-series-list {
  margin-top: 0.7rem;
}
.explore .explore-detail .pro-series-list .pro-series-item {
  margin-top: 0.2rem;
}
.explore .explore-detail .pro-series-list .pro-series-item ul {
  display: flex;
  flex-wrap: wrap;
}
.explore .explore-detail .pro-series-list .pro-series-item li {
  margin-top: 0.1rem;
  margin-right: 0.16rem;
  width: 0.6rem;
  height: 0.9rem;
}
.explore .explore-detail .pro-series-list .pro-series-item img {
  width: 100%;
  height: 100%;
}
.explore .explore-detail .pro-series-list .pro-series-name {
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.24rem;
}
.explore .explore-detail .add-to-cart-btn {
  margin-top: 0.5rem;
}

.NewsPage {
  text-align: center;
  color: #9e763f;
  margin-bottom: 0.2rem;
}