::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
* {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-sizing: border-box;
}
*::after,
*::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-sizing: border-box;
}
a {
  color: initial;
}
a:hover {
  color: initial;
}
input,
textarea {
  border: none;
  outline: none;
}
body {
  font-family: OPPOSans, Poppins, 微软雅黑;
  font-size: 16px;
  line-height: 16px;
  background-color: #fff;
  padding: 0;
  margin: 0;
  width: 100%;
  scroll-behavior: smooth;
}
.wrapper {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.header {
  width: 100%;
  height: 90px;
  padding: 16px 0;
  position: fixed;
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
  z-index: 999;
}
.header .logo {
  width: 84px;
  height: 58px;
}
.header .logo img {
  width: 100%;
  height: 100%;
}
.header .btns {
  padding: 11px 0 15px;
}
.header .btns > div,
.header .btns > a {
  cursor: pointer;
}
.header .btns > div + div,
.header .btns > a + div,
.header .btns > div + a,
.header .btns > a + a {
  margin-left: 20px;
}
.header .btn {
  float: left;
  width: 20px;
  height: 20px;
  transition: all 0.5s;
}
.header .search-btn {
  float: left;
  padding: 6px 0;
}
.header .search-btn:hover .btn,
.header .search-btn.active .btn {
  background-image: url('../img/icon/search2.png');
}
.header .search-btn .btn {
  background-image: url('../img/icon/search1.png');
}
.header .lang-btn {
  float: left;
  padding: 6px 0;
  position: relative;
}
.header .lang-btn:hover .btn,
.header .lang-btn.active .btn {
  background-image: url('../img/icon/global2.png');
}
.header .lang-btn:hover h3,
.header .lang-btn.active h3 {
  color: #dd5779;
}
.header .lang-btn:hover .buttondown,
.header .lang-btn.active .buttondown {
  background-image: url(../img/icon/buttondown2.png);
}
.header .lang-btn .btn {
  background-image: url('../img/icon/global1.png');
}
.header .lang-btn h3 {
  float: left;
  color: #666;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-left: 4px;
}
.header .lang-btn .buttondown {
  float: left;
  width: 14px;
  height: 14px;
  margin: 3px 0;
  margin-left: 4px;
  background-image: url('../img/icon/buttondown1.png');
  transition: all 0.5s;
}
.header .lang-btn.active .dropdown {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.header .lang-btn .dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  width: 126px;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  transition: all 0.5s;
  opacity: 0;
}
.header .lang-btn .dropdown li {
  border-radius: 10px;
  padding: 6px 16px;
  transition: all 0.5s;
}
.header .lang-btn .dropdown li:hover {
  background-color: #f1f0ef;
}
.header .lang-btn .dropdown li:hover a {
  color: #dd5779;
}
.header .lang-btn .dropdown li:hover a::after {
  background-color: #dd5779;
}
.header .lang-btn .dropdown li + li {
  margin-top: 10px;
}
.header .lang-btn .dropdown a {
  display: block;
  padding-left: 14px;
  position: relative;
  transition: all 0.5s;
  color: #666;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .lang-btn .dropdown a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #999;
  transition: all 0.5s;
}
.header .login-btn {
  float: left;
  padding: 6px 16px;
  border-radius: 24px;
  background: #dd5779;
  transition: all 0.5s;
}
.header .login-btn .btn {
  background-image: url('../img/icon/avatar1.png');
}
.header .login-btn h3 {
  float: left;
  margin-left: 6px;
  color: #fff;
  text-align: center;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.header .login-btn:hover {
  opacity: 0.7;
}
.header .login-btn.active {
  background: #fff;
  border: 1px solid #000;
}
.header .login-btn.active .btn {
  background-image: url('../img/icon/avatar2.png');
}
.header .login-btn.active h3 {
  color: #666;
}
.header .login-btn.active:hover {
  opacity: 1;
}
.nav {
  float: left;
  padding: 22px 0 12px;
  margin-left: 80px;
}
.nav ul {
  overflow: hidden;
}
.nav li {
  padding-bottom: 8px;
  float: left;
  position: relative;
}
.nav li:hover::after,
.nav li.active::after {
  transform: scaleX(1);
}
.nav li:hover a,
.nav li.active a {
  color: #dd5779;
}
.nav li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #dd5779;
  transition: all 0.5s;
  transform: scaleX(0);
}
.nav li + li {
  margin-left: 60px;
}
.nav li + li.en {
  margin-left: 40px;
}
.nav li a {
  color: #222;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.5s;
}
.search {
  position: fixed;
  z-index: 500;
  top: 90px;
  width: 100%;
  height: 110px;
  background: rgba(108, 34, 53, 0.8);
  padding: 31px 0;
  transform: scaleY(0);
  opacity: 0;
  transform-origin: top;
  transition: all 0.5s;
}
.search.active {
  transform: scaleY(1);
  opacity: 1;
}
.search .search-form-select {
  position: absolute;
  left: calc(50% - 450px);
  width: 150px;
  font-size: 16px;
  color: #000;
}
.search .search-form-select.active .select-title::before {
  transform: translateY(-50%) rotate(180deg);
}
.search .search-form-select.active .select-content {
  opacity: 1;
  transform: scaleY(1);
}
.search .search-form-select .select-title {
  position: relative;
  width: 100%;
  padding: 16px;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.5s;
  cursor: pointer;
}
.search .search-form-select .select-title::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  background-image: url('../img/icon/buttondown1.png');
  background-size: 14px;
  transition: all 0.5s;
}
.search .search-form-select .select-title:hover {
  background-color: #e8e8e8;
  color: #dd5779;
}
.search .search-form-select .select-content {
  position: absolute;
  width: 100%;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.5s;
}
.search .search-form-select .select-content li {
  background-color: #fff;
  padding: 10px 16px;
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.5s;
  cursor: pointer;
}
.search .search-form-select .select-content li:hover,
.search .search-form-select .select-content li.active {
  background-color: #e8e8e8;
  color: #dd5779;
}
.search form {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 560px;
  padding: 12px 20px;
  height: 100%;
  background-color: #fff;
}
.search form:not(:first-of-type) {
  display: none;
}
.search form input {
  transition: all 0.5s;
}
.search form input[type='text'] {
  padding: 2px 0;
  float: left;
  width: 480px;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.search form input[type='text']::placeholder {
  color: #aaa;
}
.search form input[type='submit'] {
  float: right;
  width: 24px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
  background-image: url('../img/icon/search1.png');
}
.search form input[type='submit']:hover {
  background-image: url('../img/icon/search2.png');
}
.search .close {
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('../img/icon/close1.png');
  cursor: pointer;
  transition: all 0.5s;
}
.search .close:hover {
  opacity: 0.8;
}
.product-search {
  position: absolute;
}
.product-search .search-form-select {
  position: relative;
  float: left;
  width: 150px;
  font-size: 16px;
  color: #000;
  margin-right: 20px;
  z-index: 20;
}
.product-search .search-form-select.active .select-title::before {
  transform: translateY(-50%) rotate(180deg);
}
.product-search .search-form-select.active .select-content {
  opacity: 1;
  transform: scaleY(1);
}
.product-search .search-form-select .select-title {
  position: relative;
  width: 100%;
  padding: 12px;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.5s;
  cursor: pointer;
}
.product-search .search-form-select .select-title::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  background-image: url('../img/icon/buttondown1.png');
  background-size: 14px;
  transition: all 0.5s;
}
.product-search .search-form-select .select-title:hover {
  background-color: #e8e8e8;
  color: #dd5779;
}
.product-search .search-form-select .select-content {
  position: absolute;
  width: 100%;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.5s;
}
.product-search .search-form-select .select-content li {
  background-color: #fff;
  padding: 10px 16px;
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.5s;
  cursor: pointer;
}
.product-search .search-form-select .select-content li:hover,
.product-search .search-form-select .select-content li.active {
  background-color: #e8e8e8;
  color: #dd5779;
}
.product-search form {
  float: left;
  width: 260px;
  height: 40px;
  border-radius: 20px;
  background: #f6f1f2;
  padding: 4px;
  padding-left: 25px;
  overflow: hidden;
}
.product-search form input {
  transition: all 0.5s;
}
.product-search form input[type='text'] {
  width: 180px;
  padding: 8px 0;
  float: left;
  background-color: transparent;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  text-transform: capitalize;
}
.product-search form input[type='text']::placeholder {
  color: #999;
}
.product-search form input[type='submit'] {
  float: right;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  background-color: #dd5779;
  cursor: pointer;
  background-image: url('../img/icon/search3.png');
  background-size: 16px;
}
.product-search form input[type='submit']:hover {
  opacity: 0.8;
}
.footer {
  padding: 60px 0 22px;
  background-color: #f4e4e3;
}
.footer .info {
  min-height: 180px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.footer .info .info-item {
  float: left;
  width: 25%;
}
.footer .info .info-item h3 {
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
  margin-bottom: 8px;
}
.footer .info .info-item p {
  color: rgba(51, 51, 51, 0.7);
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 214.286%;
}
.footer .row {
  min-height: 58px;
  padding: 24px 0 8px;
  border-top: 1px solid #efd3d1;
}
.footer .row::after {
  content: '';
  display: table;
  clear: both;
}
.footer .row .copyright {
  float: left;
}
.footer .row .copyright p,
.footer .row .copyright a {
  float: left;
  color: rgba(51, 51, 51, 0.5);
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 185.714%;
}
.footer .row .copyright p + p,
.footer .row .copyright a + p,
.footer .row .copyright p + a,
.footer .row .copyright a + a {
  margin-left: 11px;
}
.footer .row .copyright a {
  transition: all 0.5s;
}
.footer .row .copyright a:hover {
  color: rgba(51, 51, 51, 0.8);
}
.footer .row .social-media {
  position: fixed;
  z-index: 999;
  right: 20px;
  top: 50%;
  transform: translateY(-30%);
  display: flex;
  flex-direction: column;
}
.footer .row .social-media a {
  float: left;
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-size: 22px;
  background-color: #dd5779;
  transition: all 0.5s;
  opacity: 0.7;
}
.footer .row .social-media a + a {
  margin-top: 8px;
}
.footer .row .social-media a[href^='javascript'],
.footer .row .social-media a[href='#'] {
  display: none;
}
.footer .row .social-media a:hover {
  opacity: 1;
}
.footer .row .social-media .LinkedIn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23clip0_745_2070)'%3E%3Cpath d='M5.17703 21.282H0.752583V6.57741H5.17703V21.282ZM21.3125 21.282H16.8881V13.4741C16.8881 11.4574 16.1728 10.4164 14.7412 10.4164C13.57 10.4164 12.8544 11.0019 12.529 12.108V21.282H8.10456C8.10456 21.282 8.16994 8.07402 8.10456 6.57741H11.8192L11.8134 9.50555H11.8785C12.7893 8.00894 14.2209 7.03299 16.2378 7.03299C17.7341 7.03299 18.9704 7.42349 19.8813 8.5296C20.7918 9.57063 21.3125 11.0019 21.3125 12.954V21.282ZM5.24181 2.93396C5.24181 4.17024 4.20078 5.14619 2.96481 5.14619C1.72853 5.14619 0.6875 4.17024 0.6875 2.93396C0.6875 1.69799 1.72853 0.721741 2.96481 0.721741C4.20078 0.721741 5.24181 1.69799 5.24181 2.93396Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_745_2070'%3E%3Crect width='22' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.footer .row .social-media .Instagram {
  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%3Cg clip-path='url(%23clip0_745_2076)'%3E%3Cpath d='M23.4528 7.42082C23.3952 6.24002 23.2032 5.43362 22.9152 4.72322C22.6176 3.99362 22.224 3.36962 21.5904 2.75522C21.0084 2.18773 20.311 1.75225 19.5456 1.47842C18.816 1.20002 17.9712 1.01762 16.752 0.960022C15.5232 0.902422 15.1296 0.892822 12 0.892822C8.87038 0.892822 8.47678 0.902422 7.24798 0.960022C6.02878 1.01762 5.18398 1.20962 4.45438 1.48802C3.69598 1.77602 3.05278 2.15042 2.40958 2.76482C1.77598 3.37922 1.38238 4.00322 1.08478 4.73282C0.796781 5.44322 0.60478 6.24962 0.54718 7.43042C0.48958 8.61122 0.47998 8.98562 0.47998 12C0.47998 15.0144 0.48958 15.3888 0.54718 16.5792C0.60478 17.76 0.796781 18.5664 1.08478 19.2768C1.38238 20.0064 1.77598 20.6304 2.40958 21.2448C3.05278 21.8592 3.69598 22.2432 4.45438 22.5216C5.18398 22.8 6.02878 22.9824 7.24798 23.04C8.47678 23.0976 8.87038 23.1072 12 23.1072C15.1296 23.1072 15.5232 23.0976 16.752 23.04C17.9808 22.9824 18.816 22.8 19.5456 22.5216C20.304 22.2336 20.9472 21.8592 21.5904 21.2448C22.2336 20.6304 22.6272 20.0064 22.9152 19.2768C23.2032 18.5664 23.3952 17.76 23.4528 16.5792C23.5104 15.3984 23.52 15.0144 23.52 12C23.52 8.98562 23.5104 8.61122 23.4528 7.42082ZM21.3792 16.4832C21.3312 17.568 21.1392 18.1536 20.9856 18.5472C20.7744 19.0656 20.5248 19.4304 20.1216 19.824C19.7184 20.208 19.3344 20.4576 18.7968 20.6592C18.3936 20.8128 17.7792 20.9952 16.656 21.0432C15.4368 21.1008 15.0816 21.1104 12 21.1104C8.92798 21.1104 8.56318 21.1008 7.34398 21.0432C6.22078 20.9952 5.60638 20.8128 5.20318 20.6592C4.66558 20.4576 4.28158 20.2176 3.87838 19.824C3.47518 19.44 3.22558 19.0656 3.01438 18.5472C2.86078 18.1536 2.66878 17.568 2.62078 16.4832C2.56318 15.312 2.55358 14.9664 2.55358 12C2.55358 9.03362 2.56318 8.68802 2.62078 7.51682C2.67838 6.43202 2.86078 5.84642 3.02398 5.45282C3.23518 4.93442 3.48478 4.56962 3.88798 4.17602C4.29118 3.79202 4.67518 3.55202 5.21278 3.35042C5.61598 3.19682 6.23038 3.01442 7.35358 2.96642C8.56318 2.90882 8.92798 2.89922 12 2.89922C15.072 2.89922 15.4368 2.90882 16.656 2.96642C17.7792 3.01442 18.384 3.19682 18.7968 3.35042C19.3344 3.55202 19.7184 3.79202 20.1216 4.17602C20.5248 4.56002 20.7744 4.93442 20.9856 5.45282C21.1392 5.84642 21.3312 6.43202 21.3792 7.51682C21.4368 8.68802 21.4464 9.03362 21.4464 12C21.4464 14.9664 21.4368 15.312 21.3792 16.4832ZM12 6.29762C8.73598 6.29762 6.08638 8.85122 6.08638 12C6.08638 15.1488 8.73598 17.7024 12 17.7024C15.264 17.7024 17.9136 15.1488 17.9136 12C17.9136 8.85122 15.264 6.29762 12 6.29762ZM12 15.696C9.87838 15.696 8.15998 14.0352 8.15998 12C8.15998 9.95522 9.87838 8.30402 12 8.30402C14.1216 8.30402 15.84 9.96482 15.84 12C15.84 14.0448 14.1216 15.696 12 15.696ZM18.1536 4.74242C17.3856 4.74242 16.7712 5.33762 16.7712 6.07682C16.7712 6.81602 17.3856 7.41122 18.1536 7.41122C18.9216 7.41122 19.536 6.81602 19.536 6.07682C19.536 5.33762 18.912 4.74242 18.1536 4.74242Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_745_2076'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.footer .row .social-media .Facebook {
  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%3Cg clip-path='url(%23clip0_747_2082)'%3E%3Cpath d='M18.1587 0.172847V3.98031H15.8939C15.0668 3.98031 14.5092 4.15342 14.2212 4.49965C13.9331 4.84589 13.7888 5.36523 13.7882 6.05769V8.78366H18.0141L17.4519 13.0531H13.7882V24.0006H9.37501V13.0531H5.69678V8.78366H9.37501V5.63931C9.37501 3.85108 9.87497 2.464 10.8749 1.47808C11.8748 0.492154 13.2064 -0.000538021 14.8697 4.4088e-07C16.2832 4.4088e-07 17.3792 0.0576158 18.1579 0.172847H18.1587Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_747_2082'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.footer .row .social-media .Pinterest {
  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%3Cg clip-path='url(%23clip0_747_2088)'%3E%3Cpath d='M12 0.000959906C5.37291 0.000959906 0.000488281 5.37339 0.000488281 12.0005C0.000488281 17.084 3.16308 21.4259 7.6269 23.1744C7.52179 22.225 7.42723 20.7688 7.66866 19.732C7.88657 18.7956 9.07597 13.7673 9.07597 13.7673C9.07597 13.7673 8.71694 13.0488 8.71694 11.9861C8.71694 10.3177 9.6841 9.07212 10.8884 9.07212C11.9122 9.07212 12.4066 9.84057 12.4066 10.7621C12.4066 11.7917 11.7514 13.331 11.4125 14.757C11.1298 15.9517 12.0115 16.9256 13.1894 16.9256C15.3224 16.9256 16.9616 14.6764 16.9616 11.4303C16.9616 8.5571 14.8972 6.54838 11.9491 6.54838C8.53503 6.54838 6.53111 9.10956 6.53111 11.7557C6.53111 12.7872 6.92853 13.893 7.42387 14.494C7.52179 14.613 7.53619 14.7172 7.50691 14.8381C7.41571 15.2173 7.21364 16.0323 7.1738 16.1994C7.12148 16.4187 7.00005 16.4653 6.77254 16.3597C5.27356 15.6618 4.33664 13.4707 4.33664 11.7111C4.33664 7.92592 7.08692 4.44942 12.265 4.44942C16.4274 4.44942 19.6624 7.4157 19.6624 11.3799C19.6624 15.5154 17.0552 18.8436 13.4361 18.8436C12.2203 18.8436 11.077 18.2119 10.6858 17.4655C10.6858 17.4655 10.0839 19.757 9.93849 20.3181C9.6673 21.3601 8.93629 22.6666 8.44671 23.4639C9.56939 23.8114 10.7626 23.999 12 23.999C18.6271 23.999 23.9995 18.6266 23.9995 11.9995C23.9995 5.37243 18.6271 0 12 0V0.000959906Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_747_2088'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.footer .row .social-media .YouTube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.7387 8.09648C25.457 7.04102 24.6258 6.20977 23.573 5.92813C21.6617 5.41406 14 5.41406 14 5.41406C14 5.41406 6.33828 5.41406 4.42695 5.92539C3.37148 6.20703 2.54297 7.03828 2.26133 8.09375C1.75 10.0078 1.75 14 1.75 14C1.75 14 1.75 17.9922 2.26133 19.9035C2.54297 20.959 3.37422 21.7902 4.42695 22.0719C6.33828 22.5859 14 22.5859 14 22.5859C14 22.5859 21.6617 22.5859 23.573 22.0719C24.6285 21.7902 25.457 20.959 25.7387 19.9035C26.25 17.9922 26.25 14 26.25 14C26.25 14 26.25 10.0078 25.7387 8.09648ZM11.5664 17.6641V10.3359L17.9102 13.9727L11.5664 17.6641Z' fill='white'/%3E%3C/svg%3E");
}
.home-banner {
  height: 690px;
  box-sizing: content-box;
  padding-top: 90px;
}
.home-banner .swiper-container {
  height: 100%;
}
.home-banner .swiper-slide {
  background-size: cover;
}
.home-banner .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.home-banner .swiper-pagination {
  line-height: 0;
  bottom: 48px;
}
.home-banner .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
}
.home-banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 24px;
  background: #fff;
}
.home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
  width: 48px;
  height: 48px;
  margin-top: -24px;
  background-size: 100% 100%;
}
.home-banner .swiper-button-prev:hover,
.home-banner .swiper-button-next:hover {
  opacity: 0.8;
}
.home-banner .swiper-button-prev {
  background-image: url('../img/icon/buttonprev1.png');
  left: 28px;
}
.home-banner .swiper-button-next {
  background-image: url('../img/icon/buttonnext1.png');
  right: 28px;
}
.inner-banner {
  height: 200px;
  box-sizing: content-box;
  padding-top: 90px;
  text-align: center;
  position: relative;
}
.inner-banner img {
  width: 100%;
  height: 100%;
}
.column-info {
  position: absolute;
  top: calc(52px + 90px);
  width: 100%;
}
.column-info .column-name {
  color: #fff;
  font-family: 微软雅黑;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 133.333%;
}
.column-info .devider {
  width: 48px;
  height: 2px;
  background-color: #fff;
  margin: 12px auto;
}
.column-info .location {
  font-size: 0;
}
.column-info .location span {
  color: #fff;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
}
.column-info .location .slash {
  margin: 0 8px;
}
.column-menu {
  float: left;
  width: 160px;
  background: #fff;
}
.column-menu dl {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.column-menu dl.active dt::before {
  transform: translateY(-50%) rotate(180deg);
}
.column-menu dl.extendible {
  cursor: pointer;
}
.column-menu dl.extendible dt::before {
  display: block;
}
.column-menu dl dt {
  min-height: 24px;
  color: #333;
  position: relative;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  transition: all 0.5s;
}
.column-menu dl dt a {
  color: #333;
}
.column-menu dl dt.active {
  font-size: 16px;
}
.column-menu dl dt.active a,
.column-menu dl dt:hover a {
  color: #dd5779;
}
.column-menu dl dt.active::before,
.column-menu dl dt:hover::before {
  background-image: url('../img/icon/buttondown5.png');
}
.column-menu dl dt::before {
  display: none;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('../img/icon/buttondown4.png');
  transition: all 0.5s;
}
.column-menu dl .sub {
  display: none;
  margin-top: 8px;
  padding: 0 8px 4px;
}
.column-menu dl .sub:has(dd.active) {
  display: block;
}
.column-menu dl dd {
  color: #333;
  padding-left: 8px;
  position: relative;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
  transition: all 0.5s;
}
.column-menu dl dd + dd {
  margin-top: 8px;
}
.column-menu dl dd a {
  color: #333;
}
.column-menu dl dd.active a,
.column-menu dl dd:hover a {
  color: #dd5779;
}
.column-menu dl dd.active::after,
.column-menu dl dd:hover::after {
  background-color: #dd5779;
}
.column-menu dl dd::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #aaa;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.user-center-menu {
  float: left;
  width: 260px;
}
.user-center-menu .title {
  height: 50px;
  border-radius: 6px;
  background-color: #dd5779;
  text-align: center;
  padding: 10px 20px;
}
.user-center-menu .title h2 {
  color: #fff;
  font-family: 微软雅黑;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-center-menu .title + .content {
  margin-top: 12px;
}
.user-center-menu .content {
  padding: 10px 0;
  border-radius: 6px;
  background: #f6f1f2;
}
.user-center-menu .content ul {
  padding: 0 20px;
}
.user-center-menu .content li {
  height: 50px;
  background: #f6f1f2;
  border-bottom: 1px solid #eae3e4;
}
.user-center-menu .content li:hover a,
.user-center-menu .content li.active a {
  color: #dd5779;
}
.user-center-menu .content li:hover a::before,
.user-center-menu .content li.active a::before {
  background-image: url('../img/icon/buttonnext3.png');
}
.user-center-menu .content li a {
  position: relative;
  display: block;
  padding-right: 20px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  transition: all 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-center-menu .content li a::before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url('../img/icon/buttonnext2.png');
  transition: all 0.5s;
}
.title1 {
  position: relative;
}
.title1 h2.en {
  font-weight: 600;
}
.title1 h2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #333;
  font-family: 微软雅黑;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  text-transform: capitalize;
}
.title1 .more1 {
  float: right;
  margin-top: 16px;
  margin-right: 5px;
}
.title1 .more2 {
  float: right;
  margin-top: 2px;
}
.title1 + .content {
  margin-top: 40px;
}
.title1::after {
  content: '';
  display: table;
  clear: both;
}
.title2 h2 {
  float: left;
  position: relative;
  color: #333;
  font-family: 微软雅黑;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 175%;
  text-transform: capitalize;
}
.title2 h2::after {
  content: '';
  position: absolute;
  left: 0;
  width: 48px;
  height: 2px;
  background: #dd5779;
  bottom: -9px;
}
.title2 a {
  float: right;
  padding-top: 10px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 262.5%;
  text-transform: capitalize;
  transition: all 0.5s;
}
.title2 a:hover {
  color: #dd5779;
}
.title2 + .content {
  margin-top: 30px;
}
.title2::after {
  content: '';
  display: table;
  clear: both;
}
.more1 {
  position: relative;
  color: #dd5779;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  padding-right: 24px;
  transition: all 0.5s;
}
.more1:hover {
  color: #dd5779;
  transform: translateX(5px);
}
.more1::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('../img/icon/arrowright1.png');
  width: 20px;
  height: 20px;
}
.more2 {
  display: block;
  box-sizing: content-box;
  padding: 4px 22px;
  border-radius: 8px;
  background: #f4f1f2;
  transition: all 0.5s;
  color: #666;
  text-align: center;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 228.571%;
}
.more2:hover {
  background-color: #dd5779;
  color: #fff;
}
.more3 {
  position: relative;
  padding: 0 25px 0 20px;
  border-left: 1px solid #e6e6e6;
  color: #666;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: all 0.5s;
}
.more3.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.more3::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  background-image: url('../img/icon/buttondown3.png');
}
.home-section1 {
  min-height: 480px;
  padding: 80px 0;
  background-color: #f6f1f2;
}
.home-section1 .browse-by-category {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.home-section1 .browse-by-category.active li:nth-of-type(n + 9) {
  display: block;
}
.home-section1 .browse-by-category li {
  position: relative;
  width: 282px;
  height: 100px;
  border-radius: 10px;
  background: #fff;
  transition: all 0.5s;
  cursor: pointer;
}
.home-section1 .browse-by-category li:nth-of-type(n + 9) {
  display: none;
}
.home-section1 .browse-by-category li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 24px;
  position: relative;
}
.home-section1 .browse-by-category li::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background-image: url('../img/icon/arrowright2.png');
  opacity: 0;
  transition: all 0.5s;
}
.home-section1 .browse-by-category li h3 {
  color: #333;
  font-family: 微软雅黑;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  text-align: center;
  transition: all 0.5s;
  text-transform: capitalize;
}
.home-section1 .browse-by-category li span {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  color: rgba(22, 28, 45, 0.7);
  font-family: 微软雅黑;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
  text-align: center;
  transition: all 0.5s;
}
.home-section1 .browse-by-category li:hover {
  background: #dd5779;
  box-shadow: 0px 34px 33px -23px rgba(22, 28, 45, 0.13);
  transform: translateY(-8px);
}
.home-section1 .browse-by-category li:hover h3 {
  color: #fff;
}
.home-section1 .browse-by-category li:hover span {
  color: #fff;
}
.home-section1 .browse-by-category li:hover::before {
  opacity: 1;
}
.home-section2 {
  min-height: 650px;
  padding: 80px 0;
  background-image: url('../img/background1.png');
}
.home-section2 .swiper-button {
  float: right;
  margin-top: 2px;
  margin-right: 16px;
  width: 76px;
  height: 40px;
  padding: 12px;
  border-radius: 8px;
  background-color: #f4f1f2;
}
.home-section2 .swiper-button .swiper-button-prev1,
.home-section2 .swiper-button .swiper-button-next1 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: all 0.5s;
}
.home-section2 .swiper-button .swiper-button-prev1 {
  float: left;
  background-image: url('../img/icon/arrowleft3.png');
}
.home-section2 .swiper-button .swiper-button-prev1:hover {
  background-image: url('../img/icon/arrowleft4.png');
}
.home-section2 .swiper-button .swiper-button-next1 {
  float: right;
  background-image: url('../img/icon/arrowright3.png');
}
.home-section2 .swiper-button .swiper-button-next1:hover {
  background-image: url('../img/icon/arrowright4.png');
}
.home-section2 .swiper-container {
  min-height: 402px;
  padding-top: 8px;
}
.home-section2 .swiper-slide {
  width: 269px;
  border: 1px solid #fff;
  height: 100%;
  margin-right: 40px;
  transition: all 0.5s;
}
.home-section2 .swiper-slide:hover,
.home-section2 .swiper-slide.active {
  transform: translateY(-8px);
}
.home-section2 .swiper-slide:hover .pic,
.home-section2 .swiper-slide.active .pic {
  border-radius: 10px;
  border: 1px solid #dd5779;
  box-shadow: 0px 30px 30px -20px rgba(22, 28, 45, 0.1);
}
.home-section2 .swiper-slide:hover .pic::before,
.home-section2 .swiper-slide.active .pic::before {
  opacity: 1;
}
.home-section2 .swiper-slide:hover .txt,
.home-section2 .swiper-slide.active .txt {
  padding-top: 20px;
}
.home-section2 .swiper-slide:hover .txt h3,
.home-section2 .swiper-slide.active .txt h3 {
  color: #dd5779;
}
.home-section2 .swiper-slide .pic {
  position: relative;
  border-radius: 10px;
  border: 1px solid #eee;
  height: 350px;
  overflow: hidden;
}
.home-section2 .swiper-slide .pic::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/icon/check1.png');
  background-color: rgba(0, 0, 0, 0.15);
  background-size: 72px;
  opacity: 0;
  transition: all 0.3s;
}
.home-section2 .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home-section2 .swiper-slide .txt {
  text-align: center;
  padding-top: 16px;
  transition: all 0.5s;
}
.home-section2 .swiper-slide .txt h3 {
  color: #333;
  font-family: 微软雅黑;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 155.556%;
  text-transform: capitalize;
  transition: all 0.5s;
}
.container {
  min-height: 600px;
  padding: 60px 0;
}
.container::after {
  content: '';
  display: table;
  clear: both;
}
.container .title2 {
  position: relative;
}
.container .title2 .product-search {
  top: 0;
  right: 0;
}
.container .main {
  float: right;
  width: 980px;
}
.container .main .column-location {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  margin-bottom: 20px;
}
.container .main .column-location .devider {
  width: 20px;
  height: 1px;
  background-color: #808080;
}
.container .main .column-location h2 {
  color: #333;
  font-family: 微软雅黑;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.container .main .column-location h3 {
  color: #666;
  font-family: 微软雅黑;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.container .main .column-location .download-PDF {
  position: absolute;
  top: 0;
  right: 0;
}
.container .download,
.container .download-PDF {
  position: relative;
  width: fit-content;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #dd5779;
  transition: all 0.5s;
  overflow: hidden;
}
.container .download:hover::before,
.container .download-PDF:hover::before {
  transform: translateX(0);
  background-color: #dd5779;
}
.container .download:hover a,
.container .download-PDF:hover a {
  color: #fff;
}
.container .download:hover a::before,
.container .download-PDF:hover a::before {
  background-image: url('../img/icon/download2.png');
}
.container .download::before,
.container .download-PDF::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  transform-origin: left;
  background-color: #fff;
  transition: 0.5s all;
}
.container .download a,
.container .download-PDF a {
  position: relative;
  display: block;
  padding: 11px 20px;
  padding-left: 48px;
  color: #dd5779;
  text-align: center;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.5s;
}
.container .download a::before,
.container .download-PDF a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('../img/icon/download1.png');
  transition: all 0.5s;
}
.container .imglist + .column-location {
  margin-top: 50px;
}
.imglist {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 40px;
}
.imglist a {
  display: block;
  width: calc((100% - 40px * 2) / 3);
  height: 238px;
  overflow: hidden;
}
.imglist a:hover img {
  transform: scale(1.05);
}
.imglist a img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.document-list li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
}
.document-list li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('../img/icon/document1.png');
  cursor: pointer;
}
.document-list li::after {
  content: '';
  display: table;
  clear: both;
}
.document-list li h3 {
  float: left;
  padding-left: 32px;
  max-width: 1020px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.document-list li .download {
  float: right;
}
.document-list li:hover h3 {
  color: #dd5779;
}
.document-list li:hover h3 a {
  color: #dd5779;
}
.mixed-list li {
  height: 160px;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.mixed-list li:hover .pic img {
  transform: scale(1.05);
}
.mixed-list li:hover .txt .postTitle {
  color: #dd5779;
}
.mixed-list li:hover .txt .postTitle a {
  color: #dd5779;
}
.mixed-list li:hover .txt .reading {
  transform: translateX(5px);
}
.mixed-list li::after {
  content: '';
  display: table;
  clear: both;
}
.mixed-list li .pic {
  float: left;
  width: 180px;
  height: 120px;
  overflow: hidden;
}
.mixed-list li .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.mixed-list li .txt {
  display: flex;
  align-items: center;
  gap: 40px;
  float: right;
  width: 980px;
  height: 100%;
  padding: 20px 0;
}
.mixed-list li .txt .postDate {
  color: #666;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.mixed-list li .txt .devider {
  width: 1px;
  height: 100%;
  background-color: #eee;
}
.mixed-list li .txt .postTitle {
  flex: 1 0 0;
  color: #333;
  font-family: 微软雅黑;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 144.444%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.5s;
}
.mixed-list li .txt .postTitle a {
  color: #333;
  font-family: 微软雅黑;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 144.444%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.5s;
}
.mixed-list li .txt .reading {
  position: relative;
  padding-right: 24px;
  margin-right: 5px;
  color: #dd5779;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 228.571%;
  transition: all 0.5s;
}
.mixed-list li .txt .reading a {
  color: #dd5779;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 228.571%;
}
.mixed-list li .txt .reading a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('../img/icon/arrowright1.png');
}
.collection-list li {
  border-bottom: 1px solid #eee;
  height: 112px;
  padding: 20px 0;
}
.collection-list li:hover .pic img {
  transform: scale(1.1);
}
.collection-list li:hover .txt h3 {
  color: #dd5779;
}
.collection-list li .pic {
  float: left;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  background-color: #ecdfd6;
}
.collection-list li .pic + .txt {
  margin-left: 30px;
}
.collection-list li .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.collection-list li .txt {
  float: left;
  height: 100%;
  width: calc(100% - 30px - 72px);
  display: flex;
  align-items: center;
}
.collection-list li .txt h3 {
  width: 590px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all 0.5s;
}
.collection-list li .txt span {
  flex-grow: 1;
  color: #666;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.collection-list li .txt .delete-collection {
  padding-left: 20px;
  position: relative;
  color: #dd5779;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
}
.collection-list li .txt .delete-collection::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('../img/icon/delete.png');
}
.collection-list .tips {
  display: block;
  padding: 40px;
  font-size: 32px;
  line-height: normal;
  text-align: center;
  transition: all 0.5s;
}
.collection-list .tips:hover {
  color: #dd5779;
}
.list li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
}
.list li::after {
  content: '';
  display: table;
  clear: both;
}
.list li h3 {
  float: left;
  padding-left: 32px;
  max-width: 100%;
  color: #333;
  font-family: 微软雅黑;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.list li:hover h3 {
  color: #dd5779;
}
.list li:hover h3 a {
  color: #dd5779;
}
.detail .title {
  text-align: center;
  margin-bottom: 40px;
  font-size: 36px;
  line-height: 56px;
}
.detail .content p {
  font-size: 16px;
  line-height: 150%;
}
.single .content h3 {
  margin-top: 20px;
  display: inline-block;
  position: relative;
  font-size: 22px;
  line-height: 50px;
  color: #e64a19;
}
.single .content h3::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #e64a19;
}
.single .content hr {
  border-bottom: 1px solid #dddddd !important;
  margin-top: 0;
}
.single .content p {
  font-size: 18px;
  line-height: 150%;
  color: #666;
}
.filter-bar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 25px;
}
.filter-bar .filter-row {
  display: flex;
  position: relative;
}
.filter-bar .filter-title {
  color: #dd5779;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.filter-bar li {
  cursor: pointer;
  height: 30px;
  padding: 0 15px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  transition: all 0.5s;
  border-radius: 20px;
  text-transform: capitalize;
}
.filter-bar li.active {
  color: #fff;
  background: #dd5779;
}
.filter-bar .filter-content {
  margin-left: 30px;
  height: 30px;
  overflow: hidden;
  max-width: 900px;
  display: flex;
  gap: 16px 30px;
  flex-wrap: wrap;
  align-items: center;
}
.filter-bar .filter-content.active {
  height: auto;
  overflow: hidden;
}
.filter-bar .more3 {
  position: absolute;
  top: 0;
  right: 0;
  margin: 4.5px 0;
  display: none;
}
.products-involved-result {
  padding: 30px 0 20px;
}
.products-involved-result .products-involved + .products-involved {
  margin-top: 30px;
}
.products-involved-result .title::after {
  content: '';
  display: table;
  clear: both;
}
.products-involved-result .title h2 {
  float: left;
  color: #333;
  font-family: 微软雅黑;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-transform: capitalize;
}
.products-involved-result .title span {
  float: left;
  margin-left: 20px;
  color: rgba(22, 28, 45, 0.7);
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.products-involved-result .title + .content {
  margin-top: 20px;
}
.products-involved-result .title .more3 {
  display: none;
  float: right;
  margin-right: 20px;
  font-size: 16px;
  padding: 3px 20px 3px 15px;
  border-left: none;
}
.products-involved-result .content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-height: 256px;
  overflow-y: hidden;
}
.products-involved-result .content.scroll a:nth-of-type(n + 40) {
  display: none;
}
.products-involved-result .content.active {
  max-height: none !important;
}
.products-involved-result .content.active a:nth-of-type(n + 40) {
  display: block;
}
.products-involved-result .content a {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
}
.products-involved-result .content a:hover .txt {
  opacity: 0.9;
  visibility: visible;
}
.products-involved-result .content a .pic {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #ecdfd6;
  overflow: hidden;
}
.products-involved-result .content a .pic img {
  width: 100%;
  height: 100%;
}
.products-involved-result .content a .txt {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #dd5779;
  padding: 12px;
  border-radius: 8px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.products-involved-result .content a .txt h4 {
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  word-break: break-all;
  /* 支持较老浏览器，但可能不符合标准 */
  overflow-wrap: break-word;
  /* 符合标准的处理方式 */
}
.product-detail {
  padding-top: 10px;
}
.product-detail .product-info::after {
  content: '';
  display: table;
  clear: both;
}
.product-detail .product-info .txt {
  float: left;
  width: 640px;
}
.product-detail .product-info .txt .serial-code {
  color: #333;
  font-family: 微软雅黑;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
.product-detail .product-info .txt .serial-info {
  margin-top: 12px;
  color: #333;
  font-family: 微软雅黑;
  font-style: normal;
}
.product-detail .product-info .txt .serial-info h2 {
  font-size: 22px;
  font-weight: 550;
  line-height: 133.333%;
  text-transform: capitalize;
}
.product-detail .product-info .txt .serial-info h3 {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 171.429%;
}
.product-detail .product-info .txt .description {
  padding: 12px 0 10px;
}
.product-detail .product-info .txt .description p {
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  text-transform: capitalize;
}
.product-detail .product-info .txt .description span {
  color: #666;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}
.product-detail .product-info .txt .description a {
  color: #666;
  transition: all 0.5s;
}
.product-detail .product-info .txt .description a:hover {
  color: #dd5779;
}
.product-detail .product-info .txt .serial-info-table {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.product-detail .product-info .txt .serial-info-table th,
.product-detail .product-info .txt .serial-info-table td {
  text-align: center;
  word-break: break-all;
  /* 支持较老浏览器，但可能不符合标准 */
  overflow-wrap: break-word;
  /* 符合标准的处理方式 */
}
.product-detail .product-info .txt .serial-info-table th {
  white-space: nowrap;
  padding: 6px 25px;
  color: #161c2d;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
.product-detail .product-info .txt .serial-info-table td {
  padding: 10px 20px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.product-detail .product-info .txt .serial-info-table td:first-of-type {
  white-space: nowrap;
  font-weight: 600;
  color: #dd5779;
}
.product-detail .product-info .txt .serial-info-table a {
  color: #333;
  white-space: nowrap;
  transition: all 0.5s;
}
.product-detail .product-info .txt .serial-info-table a:hover {
  color: #dd5779;
  text-decoration: underline;
}
.product-detail .product-info .txt .serial-info-table span {
  white-space: nowrap;
}
.product-detail .product-info .txt .product-banner {
  display: none;
}
.product-detail .product-info .pic {
  float: right;
  width: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-detail .product-info .pic .exhibition-window {
  width: 500px;
  height: 500px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
  padding: 40px 40px 30px;
}
.product-detail .product-info .pic .exhibition-window .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product-detail .product-info .pic .exhibition-window .swiper-slide img {
  min-width: 80%;
  max-height: 100%;
}
.product-detail .product-info .pic #product-gallery {
  width: 100%;
  height: 300px;
}
.product-detail .product-info .pic #product-thumbs {
  width: calc(100% - 100px);
  margin-top: 38px;
}
.product-detail .product-info .pic #product-thumbs .swiper-wrapper {
  justify-content: center;
  transform: translate3d(0px, 0px, 0px) !important;
  gap: 12px;
}
.product-detail .product-info .pic #product-thumbs .swiper-slide {
  width: 52px !important;
  height: 52px;
  border-radius: 8px;
  border: 1px solid #eee;
  overflow: hidden;
}
.product-detail .product-info .pic #product-thumbs .swiper-slide-active {
  border: 1px solid #dd5779;
}
.product-detail .btns {
  margin-top: 30px;
  display: flex;
  gap: 16px;
}
.product-detail .btns .btn {
  position: relative;
  width: fit-content;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #dd5779;
  transition: all 0.5s;
  overflow: hidden;
}
.product-detail .btns .btn:hover::before {
  background-color: #dd5779;
  transform: translateX(0);
}
.product-detail .btns .btn:hover a {
  color: #fff;
}
.product-detail .btns .btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  transform-origin: left;
  background-color: #fff;
  transition: 0.5s all;
}
.product-detail .btns .btn a {
  position: relative;
  display: block;
  padding: 11px 20px;
  padding-left: 48px;
  color: #dd5779;
  text-align: center;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  transition: all 0.5s;
}
.product-detail .btns .btn a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  transition: all 0.5s;
}
.product-detail .btns .add-to-favorite:hover a::before {
  background-image: url('../img/icon/star2.png');
}
.product-detail .btns .add-to-favorite a::before {
  background-image: url('../img/icon/star1.png');
}
.product-detail .btns .print:hover a::before {
  background-image: url('../img/icon/printer2.png');
}
.product-detail .btns .print a::before {
  background-image: url('../img/icon/printer1.png');
}
.product-detail .featured-in {
  margin-top: 40px;
}
.product-detail .featured-in .title {
  color: #333;
  font-family: 微软雅黑;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-transform: capitalize;
}
.product-detail .featured-in .content {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.product-detail .featured-in .content a {
  width: 300px;
  height: 238px;
}
.product-detail .featured-in .content a img {
  width: 100%;
  height: 100%;
}
.product-detail .description.material {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
}
.product-detail .description.material .custom-checkbox-group {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  align-items: center;
}
.product-detail .description.material .custom-checkbox-group .custom-checkbox {
  flex-shrink: 0;
  position: relative;
  display: block;
  width: auto;
  height: 20px;
  cursor: pointer;
  user-select: none;
}
.product-detail .description.material .custom-checkbox-group .custom-checkbox [type='checkbox'] {
  display: none;
}
.product-detail .description.material .custom-checkbox-group .custom-checkbox [type='checkbox']:checked + .checkboxmark {
  border: 1px solid #dd5779;
}
.product-detail .description.material .custom-checkbox-group .custom-checkbox [type='checkbox']:checked + .checkboxmark::after {
  display: block;
}
.product-detail .description.material .custom-checkbox-group .custom-checkbox .checkboxmark {
  float: left;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  border-radius: 50%;
}
.product-detail .description.material .custom-checkbox-group .custom-checkbox .checkboxmark::after {
  display: none;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #dd5779;
}
.product-detail .description.material .custom-checkbox-group .custom-checkbox span {
  float: left;
  padding-left: 8px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.product-set .product-info::after {
  content: '';
  display: table;
  clear: both;
}
.product-set .product-info .txt {
  float: left;
  padding-top: 10px;
  width: 420px;
}
.product-set .product-info .txt .set-type {
  color: #333;
  font-family: 微软雅黑;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  text-transform: capitalize;
}
.product-set .product-info .txt .set-period {
  margin-top: 20px;
  font-family: 微软雅黑;
  font-style: normal;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 171.429%;
}
.product-set .product-info .txt .description {
  padding: 20px 0 10px;
}
.product-set .product-info .txt .description p {
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}
.product-set .product-info .txt .description span {
  color: #666;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}
.product-set .product-info .txt .description a {
  color: #666;
  transition: all 0.5s;
}
.product-set .product-info .txt .description a:hover {
  color: #dd5779;
}
.product-set .product-info .pic {
  float: right;
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
.product-set .product-info .pic .exhibition-window {
  width: 500px;
  height: 500px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
  padding: 40px 40px 30px;
}
.product-set .product-info .pic .exhibition-window .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product-set .product-info .pic .exhibition-window .swiper-slide img {
  min-width: 80%;
  max-height: 100%;
}
.product-set .product-info .pic #product-gallery {
  width: 100%;
  height: 300px;
}
.product-set .product-info .pic #product-thumbs {
  width: calc(100% - 100px);
  margin-top: 38px;
}
.product-set .product-info .pic #product-thumbs .swiper-wrapper {
  margin-left: -62.5px;
}
.product-set .product-info .pic #product-thumbs .swiper-slide {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  margin-right: 12px;
  border: 1px solid #eee;
  overflow: hidden;
}
.product-set .product-info .pic #product-thumbs .swiper-slide-active {
  border: 1px solid #dd5779;
}
.product-set .btns {
  margin-top: 30px;
  display: flex;
  gap: 16px;
}
.product-set .btns .btn {
  position: relative;
  width: fit-content;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #dd5779;
  transition: all 0.5s;
  overflow: hidden;
}
.product-set .btns .btn:hover::before {
  background-color: #dd5779;
  transform: translateX(0);
}
.product-set .btns .btn:hover a {
  color: #fff;
}
.product-set .btns .btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  transform-origin: left;
  background-color: #fff;
  transition: 0.5s all;
}
.product-set .btns .btn a {
  position: relative;
  display: block;
  padding: 11px 20px;
  padding-left: 48px;
  color: #dd5779;
  text-align: center;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  transition: all 0.5s;
}
.product-set .btns .btn a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  transition: all 0.5s;
}
.product-set .btns .add-to-favorite:hover a::before {
  background-image: url('../img/icon/star2.png');
}
.product-set .btns .add-to-favorite a::before {
  background-image: url('../img/icon/star1.png');
}
.product-set .btns .download-PDF:hover a::before {
  background-image: url('../img/icon/download2.png');
}
.product-set .btns .download-PDF a::before {
  background-image: url('../img/icon/download1.png');
}
.product-set .products-involved-result {
  margin-top: 20px;
}
.gallery .exhibition img {
  width: 100%;
}
.gallery .products-involved-result {
  margin-top: 15px;
}
.user-center {
  padding-top: 90px;
}
.user-center .top {
  height: 60px;
  background-color: #f6f1f2;
}
.user-center .top .wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.user-center .top a {
  color: #999;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  transition: all 0.5s;
}
.user-center .top a:last-of-type {
  color: #333;
}
.user-center .top a:hover {
  color: #333;
}
.user-center .top span {
  color: #ccc;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.user-center .container form {
  width: 580px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.user-center .container form.register-form,
.user-center .container form.get-verify-form,
.user-center .container form.reset-password-form {
  display: none;
}
.user-center .container form .field label {
  color: #666;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.user-center .container form .field label + input,
.user-center .container form .field label + textarea,
.user-center .container form .field label + .custom-checkbox-group,
.user-center .container form .field label + .custom-radio-group {
  margin-top: 12px;
}
.user-center .container form .field input[type='text'],
.user-center .container form .field input[type='password'],
.user-center .container form .field textarea {
  width: 100%;
  height: 48px;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #e8e8e8;
  background: #fafafa;
  color: #333;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.user-center .container form .field input[type='text']::placeholder,
.user-center .container form .field input[type='password']::placeholder,
.user-center .container form .field textarea::placeholder {
  color: #999;
}
.user-center .container form .field input[type='text']:focus,
.user-center .container form .field input[type='password']:focus,
.user-center .container form .field textarea:focus {
  border: 1px solid #dd5779;
  background: #fff;
}
.user-center .container form .field textarea {
  height: 150px;
  resize: none;
}
.user-center .container form .field p {
  display: none;
  padding: 0 10px;
  margin-top: 12px;
  color: #dd5779;
}
.user-center .container form .field p.active {
  animation: shake-animation 0.25s ease infinite;
}
.user-center .container form .custom-checkbox-group .custom-checkbox {
  position: relative;
  display: block;
  width: auto;
  height: 20px;
  cursor: pointer;
  user-select: none;
}
.user-center .container form .custom-checkbox-group .custom-checkbox input[type='checkbox'] {
  display: none;
}
.user-center .container form .custom-checkbox-group .custom-checkbox input[type='checkbox']:checked + .checkmark {
  background-color: #dd5779;
}
.user-center .container form .custom-checkbox-group .custom-checkbox .checkmark {
  float: left;
  position: relative;
  height: 18px;
  width: 18px;
  border-radius: 2px;
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  transition: all 0.3s;
}
.user-center .container form .custom-checkbox-group .custom-checkbox span {
  float: left;
  padding-left: 5px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
}
.user-center .container form .custom-radio-group {
  height: 24px;
  display: flex;
  gap: 24px;
  align-items: center;
}
.user-center .container form .custom-radio-group .custom-radio {
  position: relative;
  display: block;
  width: auto;
  height: 20px;
  cursor: pointer;
  user-select: none;
}
.user-center .container form .custom-radio-group .custom-radio [type='radio'] {
  display: none;
}
.user-center .container form .custom-radio-group .custom-radio [type='radio']:checked + .radiomark {
  border: 1px solid #dd5779;
}
.user-center .container form .custom-radio-group .custom-radio [type='radio']:checked + .radiomark::after {
  display: block;
}
.user-center .container form .custom-radio-group .custom-radio .radiomark {
  float: left;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  border-radius: 50%;
}
.user-center .container form .custom-radio-group .custom-radio .radiomark::after {
  display: none;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #dd5779;
}
.user-center .container form .custom-radio-group .custom-radio span {
  float: left;
  padding-left: 8px;
  color: #333;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.user-center .container form .submit [type='submit'] {
  float: left;
  background-color: #dd5779;
  width: 160px;
  height: 48px;
  padding: 4px 0px 4px 4px;
  border-radius: 6px;
  color: #fff;
  font-family: 微软雅黑;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.user-center .container form .submit a {
  float: right;
  margin: 13.5px 0;
  color: #666;
  text-align: right;
  font-family: 微软雅黑;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.5s;
}
.user-center .container form .submit a:hover {
  color: #dd5779;
}
.user-center .container .main {
  width: 900px;
}
.user-center .container .main .title2 {
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}
.user-center .container .main .title2 + .content {
  margin-top: 50px;
}
.user-center .container .main .title2 + .collection-list {
  margin-top: 12px;
}
.layui-layer-dialog .layui-layer-content {
  color: #dd5779;
}
.layui-layer-dialog .layui-layer-btn a {
  border-radius: 5px;
}
.layui-layer-dialog .layui-layer-btn .layui-layer-btn0 {
  background-color: #dd5779;
  border-color: #dd5779;
}
.layui-layer-msg .layui-layer-content {
  color: #fff;
  background-color: #dd5779;
}
#bottom-page {
  text-align: center;
}
.viewer-toolbar ul li {
  display: none;
}
.viewer-toolbar ul .viewer-prev,
.viewer-toolbar ul .viewer-next {
  display: block;
  position: fixed !important;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  background-size: 75%;
}
.viewer-toolbar ul .viewer-prev::before,
.viewer-toolbar ul .viewer-next::before {
  display: none;
}
.viewer-toolbar ul .viewer-prev {
  left: 50px;
  background-image: url('../img/icon/buttonprev1.png');
}
.viewer-toolbar ul .viewer-next {
  right: 50px;
  background-image: url('../img/icon/buttonnext1.png');
}
@media screen and (max-width: 1360px) {
  .header {
    position: absolute;
    width: 1360px;
  }
  .search {
    position: absolute;
    width: 1360px;
  }
  body {
    width: 1360px;
  }
}
@keyframes shake-animation {
  0% {
    transform: translateY(0px);
  }
  10% {
    transform: translateY(3px);
  }
  20% {
    transform: translateY(0px);
  }
  30% {
    transform: translateY(-2.5px);
  }
  40% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(1.5px);
  }
  60% {
    transform: translateY(0px);
  }
  70% {
    transform: translateY(-1px);
  }
  80% {
    transform: translateY(0px);
  }
  90% {
    transform: translateY(0.5px);
  }
  100% {
    transform: translateY(0px);
  }
}