@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
  -webkit-text-size-adjust: none;
}

body,
input,
textarea,
button {
  font-family: "Noto Sans SC";
}

input {
  outline: none;
}

/* 引入字体 */
@font-face {
  font-family: "Noto Sans SC";
  src: url(/static/font/NotoSansSC-6.ttf);
}

/* 转动条 */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-track:vertical {
	background-color: black
}

::-webkit-scrollbar-track-piece {
	background: #eeeeee
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #c0c0c0;
	border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #86318d
}

::-webkit-scrollbar-corner:vertical {
	background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
	background-color: #86318d
}


a {
  text-decoration: none;
}

div,
a,
span,
li,
i,
p {
  color: #231815;
}

img,
video {
  display: block;
  max-width: 100%;
}
img[src=""],
img[src="javascript:;"],
img:not([src]) {
  opacity: 0;
}
/*swiper ios 白屏闪灼*/
.swiper-slide {
  box-sizing: content-box;
  padding-bottom: 0.05rem;
  margin-top: -0.05rem;
}

/* header */
.header {
  z-index: 999;
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 6.25vw;
  background: #ededed;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-item-box {
  position: relative;
}

.menu-item {
  height: 100%;
  line-height: 100px;
}

.down {
  width: 10.5208vw;
  position: absolute;
  left: 50%;
  top: -100vh;
  min-width: 110%;
  transform: translate(-50%, -1.042vw);
  background: #ededed;
  opacity: 0;
  overflow: hidden;
  z-index: 45;
}

.down a {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  color: #959595;
  margin: 0.5208vw 0;
}

.down a:hover {
  color: #86318d;
}

.menu-item-box:hover .down {
  top: calc(100%);
  transform: translate(-50%, 0);
  opacity: 1;
  transition: transform ease 0.4s, opacity ease 0.4s;
}

.pheader-menu {
  display: none;
}

.header-left {
  width: 14.5833vw;
}

.header-center {
  width: 39.0625vw;
  min-width: 500px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-item {
  font-size: 0.9375vw;
}

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

.hd-search i {
  font-size: 1.25vw;
}

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

.hd-language i {
  font-size: 1.25vw;
  margin-right: 0.849vw;
}

.hd-sm-line {
  box-sizing: border-box;
  width: 1px;
  height: 0.9115vw;
  margin: 0 1.1198vw;
  background: #231815;
}

/*index.html*/

/* .index-page .bn-menu {
  z-index: 10;
  position: absolute;
  right: 6.4583vw;
  bottom: 3.0729vw;
} */

/* .index-page .bn-menu {
  display: flex;
} */

.index-page .bn-menu i {
  cursor: pointer;
  font-size: 1.4583vw;
  color: #ffffff;
  font-weight: bold;
}

.index-page .bn-prev {
  position:absolute;
  left: 40px;
  top: 50%;
  transform: translateY(50%);
  z-index: 5;

}
.index-page .bn-next{
  position:absolute;
  right: 40px;
  top: 50%;
  transform: translateY(50%);
  z-index: 5;
}
@media screen and (max-width:768px){
  .index-page .bn-prev{
    left: 5%;
  }
  .index-page .bn-next{
    right: 5%;
  }
}
.index-page .bn-pagination {
  position: absolute;
  left: 6.25vw;
  bottom: 2.9167vw;
  z-index: 10;
}

.index-page .bn-pagination .swiper-pagination-bullet {
  box-sizing: border-box;
  width: 80px;
  height: 2px;
  border-radius: unset;
  background: #ffffff;
  opacity: 0.2;
  position: relative;
}

.index-page .bn-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.index-page .bn-pagination .swiper-pagination-bullet-active::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  background: #ffffff;
}

.index-page .bnSwiper {
  overflow: hidden;
  width: 100%;
}

.index-page .swiper-slide {
  position: relative;
  box-sizing: content-box;
  padding-bottom: 0.05rem;
  margin-top: -0.05rem;
}

.index-page .swiper-slide img {
  width: 100%;
}

.index-page .banner-title {
  position: absolute;
  left: 6.3021vw;
  top: 12.9688vw;
  line-height: 1.44;
}

.index-page .bn-title1 {
  color: #ffffff;
  font-size: 2.5vw;
  padding-bottom: 8px;
  font-weight: 700;
}

.index-page .bn-title2 {
  color: #ffffff;
  font-size: 3.0208vw;
  font-weight: 700;
}

.index-page .bn-title3 {
  color: #ffffff;
  font-size: 1.6667vw;
}

.index-page .bn-button {
  transition: all ease 0.5s;
  margin-top: 4.1146vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #ffffff;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #ffffff;
  font-size: 1.1458vw;
}

.index-business {
  padding: 6.25vw 6.25vw 11.3021vw;
  padding-right: 0;
  position: relative;
  background: #fafafa;
}

.index-business .business-bn {
  position: absolute;
  left: 0;
  top: 3.6458vw;
  opacity: 0.15;
}

.index-business .bsness-top {
  padding-right: 6.25vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index-business .bsness-title {
  font-size: 2.0833vw;
  color: #86318d;
}

.index-business .bsness-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 56.8229vw;
}

.index-business .bs-menu-item {
  cursor: pointer;
  font-size: 1.25vw;
  padding: 0.625vw 1.1979vw;
  text-align: center;
}
.index-business .bs-menu-item:hover,
.index-business .bs-menu-item-active {
  background: #86318d;
  color: #ffffff;
}

.index-business .bsness-swiper {
  overflow: hidden;
}

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

.index-business .bsleftswiper,
.index-business .bsleftswiper1,
.index-business .bsleftswiper2,
.index-business .bsleftswiper3,
.index-business .bsleftswiper4,
.index-business .bsleftswiper5 {
  width: 28.4896vw;
  flex-shrink: 0;
  overflow: hidden;
}

.index-business .bsleftswiper .swiper-slide-active,
.index-business .bsleftswiper1 .swiper-slide-active,
.index-business .bsleftswiper2 .swiper-slide-active,
.index-business .bsleftswiper3 .swiper-slide-active,
.index-business .bsleftswiper4 .swiper-slide-active,
.index-business .bsleftswiper5 .swiper-slide-active {
  z-index: 999;
}

.index-business .bs-center-left {
  width: 28.4896vw;
  flex-shrink: 0;
}

.index-business .bs-center-title {
  font-weight: bold;
  font-size: 1.875vw;
  padding-top: 8.3333vw;
  color: #86318d;
}

.index-business .bs-center-content {
  font-size: 0.9375vw;
  line-height: 1.55;
  padding-top: 1.8229vw;
  
}

.index-business .bs-center-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.4375vw 2.5521vw 0;
}

.index-business .bs-bn-more {
  margin-top: 2.9688vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
}

.index-business .bs-center-right {
  margin-top: 5.4688vw;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.index-business .bsnessSwiper .swiper-slide,
.index-business .bsnessSwiper1 .swiper-slide,
.index-business .bsnessSwiper2 .swiper-slide,
.index-business .bsnessSwiper3 .swiper-slide,
.index-business .bsnessSwiper4 .swiper-slide,
.index-business .bsnessSwiper5 .swiper-slide {
  box-sizing: content-box;
  padding-bottom: 0.05rem;
  margin-top: -0.05rem;
  transform: scale(1);
}

.index-business .bsnessSwiper .swiper-slide-active,
.index-business .bsnessSwiper1 .swiper-slide-active,
.index-business .bsnessSwiper2 .swiper-slide-active,
.index-business .bsnessSwiper3 .swiper-slide-active,
.index-business .bsnessSwiper4 .swiper-slide-active,
.index-business .bsnessSwiper5 .swiper-slide-active {
  transform: translateX(-5.4167vw);
}

.index-business .bsnessSwiper .swiper-slide-prev,
.index-business .bsnessSwiper1 .swiper-slide-prev,
.index-business .bsnessSwiper2 .swiper-slide-prev,
.index-business .bsnessSwiper3 .swiper-slide-prev,
.index-business .bsnessSwiper4 .swiper-slide-prev,
.index-business .bsnessSwiper5 .swiper-slide-prev {
  opacity: 0;
}

.index-business .bsnessSwiper .swiper-slide-next,
.index-business .bsnessSwiper1 .swiper-slide-next,
.index-business .bsnessSwiper2 .swiper-slide-next,
.index-business .bsnessSwiper3 .swiper-slide-next,
.index-business .bsnessSwiper4 .swiper-slide-next,
.index-business .bsnessSwiper5 .swiper-slide-next {
  transform: scale(0.6);
}

.index-business .bs-center-right i {
  font-size: 1.3021vw;
  color: #707070;
  font-weight: bold;
}

.index-business .bs-prev {
  z-index: 50;
  position: absolute;
  left: 5.8854vw;
  top: 13.3333vw;
}

.index-business .bs-next {
  z-index: 50;
  position: absolute;
  /*left: 46.875vw;*/
  top: 13.3333vw;
}

.index-business .bs-prev2,
.index-business .bs-next2,
.index-business .bs-prev3,
.index-business .bs-next3 {
  display: none;
}

.index-about {
  position: relative;
}

.index-about .about-bk {
  width: 100%;
  z-index: -1;
}

.index-about .about-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 34.375vw;
  height: 100%;
  padding: 3.8021vw 4.0104vw 0 6.25vw;
  background: rgba(226, 226, 226, 0.48);
  box-shadow: inset -7px 4px 2px -6px #ffffff;
  backdrop-filter: blur(7px);
}

.index-about .ab-box-title {
  font-size: 2.0833vw;
  font-weight: 500;
  line-height: 1.5;
}

.index-about .ab-box-content {
  font-size: 0.9375vw;
  padding-top: 1.6667vw;
  line-height: 1.5;
  
}

.index-about .ab-box-card {
  overflow: hidden;
  margin-top: 2.7604vw;
  background: rgba(255, 255, 255, 0.63);
  box-shadow: 17px 12px 28px rgba(47, 35, 116, 0.13);
  backdrop-filter: blur(25px);
  border-radius: 8px;
  padding: 1.875vw 2.8646vw 2.5521vw;
  position: relative;
}

.index-about .ab-box-card::after {
  transform: rotate(-45deg);
  content: "";
  position: absolute;
  left: -41%;
  top: 0;
  width: 100%;
  height: 1.0417vw;
  background: #86318d;
}

.index-about .ab-card-title {
  font-size: 1.0417vw;
  color: #86318d;
  font-weight: bold;
}

.index-about .ab-card-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index-about .ab-card-detail {
  padding-top: 0.8854vw;
}

.index-about .card-num {
  font-size: 1.6667vw;
  line-height: 120%;
  text-transform: uppercase;
  color: #fd2331;
}

.index-about .num-up {
  margin-left: 0.5729vw;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #fd2331;
}

.index-about .left-flex {
  display: flex;
  align-items: center;
}

.index-about .card-more-num {
  width: 100%;
  font-size: 1.0417vw;
  color: #fd2331;
  text-transform: uppercase;
  letter-spacing: 0.045em;
  padding-top: 1.0938vw;
}

.index-about .right-item {
  line-height: 120%;
  font-size: 0.7292vw;
  color: #6c6c6c;
  margin-bottom: 0.4167vw;
}

.index-about .right-item span {
  color: #6c6c6c;
}

.index-about .right-item:last-child {
  margin-top: 0.4167vw;
}

.index-about .ab-card-button {
  margin-top: 0.8333vw;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  padding: 4px 13px;
  text-align: center;
  background: #86318d;
  font-size: 12px;
}

.index-about .ab-bn-more {
  margin-top: 1.3021vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
}

.index-news {
  background: #fafafa;
  padding: 6.25vw;
  position: relative;
  overflow: hidden;
}

.index-news .ns-bn-more {
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
}

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

.index-news .news-top-title {
  font-size: 2.0833vw;
  color: #86318d;
}

.index-news .news-center {
  padding-top: 2.8646vw;
}

.index-news .newsSwiper {
  overflow: hidden;
}

.index-news .slide-card {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  background: #ffffff;
}

.index-news .slide-card img {
  transition: all ease 1s;
}

.index-news .img-box:hover img {
  transform: scale(1.1);
  transition: all ease 1s;
}

.index-news .img-box {
  overflow: hidden;
}

.index-news .slide-card-footer {
  padding: 0.5208vw 1.0417vw 0.7813vw;
}

.index-news .slide-card-title {
  font-size: 1.0417vw;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-news .slide-card-more {
  padding-top: 0.7292vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index-news .cd-more-left,
.index-news .cd-more-right {
  font-size: 0.8333vw;
  opacity: 0.7;
  transition: all ease 0.5s;
}

.index-news .cd-more-right:hover {
  transition: all ease 0.5s;
  color: #86318d;
}

.index-news .newsswiper-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5.5208vw;
}

.index-news .newsswiper-menu i {
  color: #b9b6b5;
  font-weight: bold;
  font-size: 1.4583vw;
  transition: all ease 0.5s;
}

.index-news .newsswiper-menu i:hover {
  color: #231815;
}

.index-news .news-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 80px;
}

.index-news .news-pagination .swiper-pagination-bullet {
  box-sizing: border-box;
  width: 80px;
  height: 2px;
  border-radius: unset;
  background: #231815;
  opacity: 0.2;
  position: relative;
}

.index-news .news-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.index-news .news-pagination .swiper-pagination-bullet-active::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  background: #86318d;
}

.index-news .news-bk-top {
  position: absolute;
  top: 0;
  right: 0;
  width: 20.3125vw;
}

.index-news .news-bk-footer {
  width: 40.4167vw;
  position: absolute;
  bottom: -2.1354vw;
  left: 0;
}

.index-investor {
  position: relative;
  font-size: 0;
}

.index-investor img {
  width: 100%;
}

.index-investor .investor-content {
  padding: 8.3333vw 6.25vw;
  width: 100%;
  height: 100%;
  background: rgba(36, 36, 36, 0.3);
  position: absolute;
  left: 0;
  top: 0;
}

.index-investor .investor-title {
  font-size: 2.0833vw;
  color: #ffffff;
  line-height: 1.5;
}

.index-investor .investor-main {
  font-size: 0.9375vw;
  color: #ffffff;
  padding-top: 2.0833vw;
  width: 38.5417vw;
  line-height: 1.5;
}

.index-investor .investor-button {
  margin-top: 4.5313vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #ffffff;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #ffffff;
  font-size: 1.1458vw;
}

.index-nationserve {
  height: 21.3542vw;
  padding-top: 5.5208vw;
  text-align: center;
  background: 1.875vw;
  opacity: 0.94;
  overflow: hidden;
  position: relative;
}

.index-nationserve .nation-serve-title {
  font-size: 2.0833vw;
}

.index-nationserve .nation-serve-button {
  margin: auto;
  margin-top: 2.6042vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
}

.index-nationserve .nationserve-bk {
  width: 48.8021vw;
  opacity: 0.1;
  position: absolute;
  left: 23.9063vw;
  top: 5.5208vw;
  z-index: -1;
}

/*footer*/
.footer {
  position: relative;
  font-size: 0;
}

.footer .footer-bn {
  width: 100%;
}

.footer .footer-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(90, 89, 89, 0.45);
  padding: 4.0104vw 6.25vw;
  display: flex;
}

.footer .footer-menu {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
  width: 55.8333vw;
  margin-left: 7.1875vw;
}

.footer .footer-menu-col a {
  line-height: 1.5;
  display: block;
  color: #ffffff;
  transition: all ease 0.5s;
}

.footer .footer-nav-child a:hover {
  /* opacity: 0.7; */
  /*color: #86318d;*/
}

.footer .footer-nav {
  font-size: 0.9375vw;
}

.footer .footer-nav-code {
  font-size: 0.8333vw;
}

.footer .footer-nav-child {
  padding-top: 1.9271vw;
}

.footer .footer-nav-child-item {
  margin-bottom: 1.0417vw;
  font-size: 0.7292vw;
}

.footer .footer-back {
  cursor: pointer;
  position: absolute;
  top: 4.0104vw;
  right: 6.25vw;
  background: #ffffff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.5s;
}

.footer .footer-back:hover {
  background: #86318d;
}

.footer .footer-back:hover i {
  color: #ffffff;
  transform: translateY(-5px);
  transition: all ease 0.5s;
}

.footer .footer-back i {
  transition: all ease 0.5s;
  font-size: 20px;
  font-weight: bold;
}

.footer .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8333vw 6.25vw 1.0417vw;
  width: 100%;
  height: 59px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.footer .footer-bottom-left {
  font-size: 0.8333vw;
  color: #ffffff;
  opacity: 0.7;
}

.footer .footer-bottom-right a {
  font-size: 0.8333vw;
  color: #ffffff;
  opacity: 0.7;
}

.footer .footer-bottom-right a:first-child {
  margin-right: 0.7813vw;
}

.bnhover:hover {
  border: 1px solid #86318d !important;
  background: #86318d;
  color: white !important;
  cursor: pointer;
  transition: all ease 0.5s;
}

.point {
  margin-right: 0.8333vw;
  padding: 5px 0 0;
}

.ylhidden {
  display: none !important;
}

.public-banner {
  position: relative;
  font-size: 0;
  background: rgba(0, 0, 0, 0.06);
}

.public-banner img {
  width: 100%;
}

.nopass {
  color: red !important;
  border: solid 1px red !important;
}

.public-menu {
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pb-product-menu {
  background: #fafafa;
  padding: 0 15.3125vw 0 15.2604vw;
}

.pb-serve-menu {
  background: #fafafa;
  padding: 0 39.3229vw;
}

.ab-serve-menu {
  background: #fafafa;
  padding: 0 18.4896vw;
}

.crumbs {
  display: flex;
  align-items: center;
}

.crumbs-sm {
  display: none;
}

.crumbs i {
  margin-right: 5px;
}

.crumbs a {
  line-height: 1.1979vw;
  color: #a0a0a0;
  font-size: 0.8333vw;
}

.crumbs span {
  line-height: 1.1979vw;
  color: #a0a0a0;
  font-size: 0.8333vw;
}

.now-crumbs {
  color: #86318d !important;
}

.pb-menu-item {
  font-weight: 500;
  font-size: 1.0417vw;
  line-height: 1.4583vw;
}

.pb-menu-item-active {
  color: #86318d;
  position: relative;
}

.pb-menu-item-active::after {
  color: #86318d;
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  width: 3.125vw;
  height: 0.2083vw;
  background: #86318d;
  transform: translate(-50%, 0.8333vw);
}

.banner-mask {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.06);
}

/*product_detail.html*/
.product-detail-page {
  overflow: hidden;
  position: relative;
  padding: 1.0417vw 6.25vw 8.1771vw;
}

.product-detail-page .pd-content {
  padding-top: 9.6875vw;
  padding-left: 9.0104vw;
  display: flex;
}

.product-detail-page .pd-ct-left {
  width: 28.4896vw;
}

.product-detail-page .dtswiper {
  overflow: hidden;
}

.product-detail-page .pd-ct-right {
  min-width: 350px;
  width: 33.2292vw;
  margin-left: 7.3438vw;
}

.product-detail-page .pd-ct-title {
  font-weight: bold;
  padding-top: 1.0417vw;
  font-size: 2.0833vw;
  color: #86318d;
  line-height: 1.5;
}

.product-detail-page .pd-ct-content {
  padding-top: 2.2396vw;
  font-size: 1.1458vw;
  line-height: 1.27;
}

.product-detail-page .pd-ct-list {
  padding-top: 3.0729vw;
}

.product-detail-page .pd-ct-list p {
  position: relative;
  padding-left: 1.1458vw;
  font-size: 1.0417vw;
  line-height: 1.27;
  color: #86318d;
  margin-bottom: 0.7813vw;
}

.product-detail-page .pd-ct-list p::after {
  content: "";
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  opacity: 0.7;
  background: #86318d;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.product-detail-page .pd-ct-button {
  min-width: 100px;
  margin-top: 2.6042vw;
  display: block;
  width: 9.2188vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
}

.product-detail-page .pd-bn1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

.product-detail-page .pd-bn1-1 {
  position: absolute;
  left: 0;
  bottom: 4.1667vw;
  opacity: 0.5;
  z-index: -2;
  animation: line1 5s infinite cubic-bezier(0.76, 0.04, 0, 0.17);
}

.product-detail-page .pd-bn1-2 {
  position: absolute;
  left: 0;
  bottom: 4.1667vw;
  z-index: -2;
  animation: line2 5s infinite;
}

.product-detail-page .pd-bn1-3 {
  position: absolute;
  left: 0;
  bottom: 4.1667vw;
  z-index: -2;
  animation: line3 10s infinite;
}

.product-detail-page .pd-bn2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 9.7917vw;
  z-index: -1;
}

@keyframes line1 {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
  }

  50% {
    transform: scale(1.1) translate3d(0, 0, 30px) rotateX(50deg);
  }

  100% {
    transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes line2 {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
  }

  50% {
    transform: scale(1.2) translate3d(0, 0, 40px) rotateX(0);
  }

  100% {
    transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes line3 {
  0% {
    transform: scale(1) rotateX(0);
  }

  50% {
    transform: scale(1.1) rotateX(10deg);
  }

  100% {
    transform: scale(1) rotateX(0);
  }
}

/*product_cmp.html*/
.product-cmp-page {
  padding: 1.0417vw 6.25vw 6.25vw;
  background: #fafafa;
  position: relative;
}

.product-cmp-page .pt-cmp-content {
  padding-top: 4.0104vw;
}

.product-cmp-page .product-list-bn {
  z-index: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.3;
}

.product-cmp-page .pt-cmp-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-cmp-page .pt-cmp-menu-item {
  opacity: 0.3;
  padding: 0.625vw 1.1979vw;
  font-size: 1.25vw;
  list-style: 1.2;
}

.product-cmp-page .pt-cmp-menu-item-active {
  background: #86318d;
  opacity: 1;
  color: #ffffff;
}

.product-cmp-page .pt-cmp-list {
  flex-wrap: wrap;
  padding-top: 4.1667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-cmp-page .pt-cmp-list::after {
  content: "";
  width: 23.9583vw;
  height: 0;
  display: block;
}

.product-cmp-page .pt-cmp-item {
  width: 23.9583vw;
  height: 26.6667vw;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  margin-bottom: 4.1667vw;
}

.product-cmp-page .pt-cmp-item::after {
  content: "";
  bottom: -0.1042vw;
  left: 0;
  height: 0.2083vw;
  background: #86318d;
  width: 100%;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease;
}

.product-cmp-page .pt-cmp-img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 1.0417vw;
}

.product-cmp-page .pt-cmp-item:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.product-cmp-page .pt-cmp-item:hover img {
  width: 18.8542vw;
  transition: all ease 0.5s;
  filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.25));
  transform: translateZ(0);
  background: none;
}

.product-cmp-page .pt-cmp-item:hover .pt-footer-button {
  opacity: 1;
  transition: all ease 0.5s;
}

.product-cmp-page .pt-cmp-item:hover .pt-footer-title {
  color: #86318d;
  transition: all ease 0.5s;
}

.product-cmp-page .pt-cmp-img img {
  width: 15.1562vw;
  transition: all ease 0.5s;
}

.product-cmp-page .pt-item-footer {
  padding-bottom: 1.0417vw;
}

.product-cmp-page .pt-footer-title {
  transition: all ease 05s;
  font-size: 1.6667vw;
  line-height: 1.4583vw;
  color: #231815;
  text-align: center;
  padding-bottom: 1.0417vw;
}

.product-cmp-page .pt-footer-button {
  transition: all ease 0.5s;
  opacity: 0;
  margin: auto;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
}

.pagin-box {
  position: relative;
  z-index: 500;
  margin-top: 4.1667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagin-box .cmp-prev,
.pagin-box .news-prev,
.pagin-box .job-prev {
  color: #4d4d4d;
  font-weight: bold;
  margin-right: 1.4583vw;
}

.pagin-box .cmp-next,
.pagin-box .news-next,
.pagin-box .job-next {
  font-weight: bold;
  color: #4d4d4d;
}

.pagin-box .cmp-prev i,
.pagin-box .cmp-next i {
  font-weight: bold;
}

.pagin-box .cmp-prev i,
.pagin-box .cmp-next i,
.pagin-box .cmp-prev-more i,
.pagin-box .cmp-next-more i {
  cursor: pointer;
  color: #4d4d4d;
}

.pagin-box .cmp-prev-more,
.pagin-box .news-prev-more,
.pagin-box .job-prev-more {
  color: #4d4d4d;
  font-weight: bold;
  margin-right: 1.4583vw;
}

.pagin-box .cmp-next-more,
.pagin-box .news-next-more,
.pagin-box .job-next-more {
  color: #4d4d4d;
  font-weight: bold;
  margin-left: 1.4583vw;
}

.pagin-box .page {
  display: flex;
}

.pagin-box .page-item {
  cursor: pointer;
  width: 1.6667vw;
  height: 1.6667vw;
  line-height: 1.6667vw;
  text-align: center;
  margin-right: 0.8333vw;
}

.pagin-box .now-page {
  color: #ffffff;
  background: #86318d;
}

/*product_regeneration.html*/
.product-regeneration-page .pt-ra-top {
  padding: 1.0417vw 6.25vw 4.8958vw;
  position: relative;
}

.product-regeneration-page .pr-ra-top-bn {
  position: absolute;
  right: 0;
  top: 0;
}

.product-regeneration-page .pt-ra-top-title {
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  padding-top: 3.9609vw;
}

.product-regeneration-page .pt-ra-top-tip {
  padding-top: 2.0833vw;
  text-align: center;
  font-size: 0.9375vw;
  line-height: 1.3542vw;
}

.product-regeneration-page .pt-ra-center {
  background: #fafafa;
  padding: 3.3333vw 6.25vw 7.3958vw;
}

.product-regeneration-page .pt-ra-center-title {
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
}

.product-regeneration-page .pt-ra-ct-content {
  padding-top: 5.2083vw;
  display: flex;
  align-items: unset;
  justify-content: center;
}

.product-regeneration-page .pt-ra-ct-item {
  width: 25.4688vw;
  margin-right: 5.4167vw;
  /* height: 21.0417vw; */
  box-shadow: 0px 10px 50px rgba(46, 46, 46, 0.32);
  padding: 3.125vw 2.5vw;
  transition: all ease 0.5s;
}
.product-regeneration-page .pt-ra-ct-item:last-child{
  margin-right: 0;
}
.product-regeneration-page .pt-ra-ct-item:hover {
  background: #86318d;
  transition: all ease 0.5s;
  transform: translateY(-20px);
}

.product-regeneration-page .pt-ra-ct-item:hover .ra-item-imgbox i {
  color: #ffffff;
  transition: all ease 0.5s;
}

.product-regeneration-page .pt-ra-ct-item:hover .pt-ra-ct-item-content {
  color: #ffffff;
  transition: all ease 0.5s;
}

.product-regeneration-page .ra-item-imgbox {
  display: flex;
}

.product-regeneration-page .ra-item-imgbox i {
  color: #86318d;
  font-size: 70px;
  margin: auto;
  transition: all ease 0.5s;
}

.product-regeneration-page .ra-item-img {
  margin: auto;
  box-shadow: 0px 0px 0px #86318d;
}

.product-regeneration-page .pt-ra-ct-item-content {
  transition: all ease 0.5s;
  padding-top: 2.0833vw;
  font-size: 0.9375vw;
  line-height: 28px;
  
  letter-spacing: 0.155em;
  color: #231815;
}

.product-regeneration-page .pt-ra-footer {
  padding: 2.4479vw 6.25vw 6.25vw;
  display: none;
}

.product-regeneration-page .pt-ra-footer-title {
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
}

.product-regeneration-page .pt-ra-footer-content {
  flex-wrap: wrap;
  padding-top: 0.8333vw;
  display: flex;
}

.product-regeneration-page .ra-footer-item {
  background: #f8f8f8;
  overflow: hidden;
  position: relative;
  margin-top: 3.4375vw;
  width: calc((100% - 19.0625vw) / 4);
  margin-right: 6.3542vw;
}

.product-regeneration-page .ra-footer-item:hover .ra-footer-item-mask {
  transform: translateY(0);
  transition: all ease 0.5s;
}

.product-regeneration-page .ra-footer-item:hover .ra-mask-title {
  color: #ffffff;
  background: #86318d;
  transition: all ease 0.5s;
}

.product-regeneration-page .ra-footer-item:nth-of-type(4n + 0) {
  margin-right: 0;
}

.product-regeneration-page .ra-footer-item-mask {
  transition: all ease 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.73);
  width: 100%;
  height: 100%;
  transform: translateY(calc(100% - 4.1146vw));
}

.product-regeneration-page .ra-mask-title {
  transition: all ease 0.5s;
  padding: 1.0938vw 1.5625vw;
  font-size: 1.6667vw;
  color: #ffffff;
}

.product-regeneration-page .ra-mask-content {
  text-align: center;
  font-size: 1.3542vw;
  line-height: 1.875vw;
  padding: 5.625vw 1.7188vw 0;
  color: #ffffff;
  line-height: 1.875vw;
}

.product-regeneration-page .ra-finish-box {
  display: flex;
  padding-top: 5.9375vw;
}

.product-regeneration-page .ra-finish-box img {
  width: 4.1667vw;
}

.product-regeneration-page .ra-finish-img {
  margin: auto;
}

.product-regeneration-page .ra-finish-title {
  padding-top: 3.724vw;
  text-align: center;
  font-size: 1.4583vw;
}

/*serve_branck.html*/
.serve-branch-page .serve-branch-top {
  background: #fafafa;
  padding: 1.1979vw 6.3542vw 3.4896vw;
}

.serve-branch-page .branch-top-title {
  padding-top: 4.0104vw;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  color: #86318d;
}

.serve-branch-page .branch-top-stitle {
  padding-top: 1.0417vw;
  font-size: 1.1458vw;
  line-height: 1.6667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.serve-branch-page .branch-top-stitle div {
  color: #5a5758;
}

.serve-branch-page .branch-top-stitle div:first-child {
  margin-right: 2.9167vw;
}

.serve-branch-page .big-number {
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  font-weight: 700;
  color: #86318d;
}

.serve-branch-page .branch-top-content {
  padding-top: 10.0521vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.serve-branch-page .branch-top-ct-left {
  width: 24.1667vw;
}

.serve-branch-page .branch-top-ct-right {
  width: 57.9167vw;
}

.serve-branch-page .ct-right-title {
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  text-align: start;
  font-weight: 500;
}

.serve-branch-page .ct-right-content {
  padding-top: 2.0833vw;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  display: none;
  
}

.serve-branch-page .ct-right-contact-title {
  padding-top: 2.0833vw;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  
}

.serve-branch-page .ct-right-contact-content {
  padding-top: 1.0417vw;
}

.serve-branch-page .ct-right-contact-content p {
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  
}

.serve-branch-page .branch-row {
  display: flex;
  padding: 3.125vw 6.3542vw 3.125vw 8.3333vw;
}

.serve-branch-page .branch-row-title {
  font-weight: 500;
  min-width: 19.5313vw;
  flex-shrink: 0;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  text-align: start;
}

.serve-branch-page .branch-row-right {
  padding-left: 8.4375vw;
}

.serve-branch-page .branch-row-right p {
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  
}

.serve-branch-page .gray-row {
  background: #fafafa;
}

/*serve_serve.html*/
.serve-serve-page .serve-sv-top {
  padding: 1.0417vw 6.25vw;
  background: #fafafa;
}

.serve-serve-page .sv-top-tt {
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  padding-top: 3.8542vw;
  color: #86318d;
}

.serve-serve-page .sv-top-item {
  display: flex;
  position: relative;
  width: 13.3016vw;
  height: 13.3016vw;
  background: linear-gradient(135deg, #e2e1e6 14.94%, #ffffff 73.49%);
  border-radius: 50%;
  filter: drop-shadow(20px 27px 23px rgba(189, 187, 197, 0.52));
  transform: translateZ(0);
  margin-bottom: 2.3438vw;
  transition: all ease 0.5s;
}

.serve-serve-page .sv-top-item:hover {
  transition: all ease 0.5s;
  background: rgba(134, 49, 141, 0.07);
  transform: scale(1.2);
}

.serve-serve-page .sv-top-item:hover::after {
  transition: all ease 0.5s;
  background: rgba(134, 49, 141, 0.3);
}

.serve-serve-page .sv-top-item:hover .sv-top-item-content p {
  transition: all ease 0.3s;
  color: #ffffff;
}

.serve-serve-page .sv-top-item::after {
  z-index: -1;
  position: absolute;
  border-radius: 50%;
  content: "";
  box-shadow: 20px 27px 23px rgba(189, 187, 197, 0.52);
  width: 13vw;
  height: 13vw;
  background: linear-gradient(135deg, #e2e1e6 14.94%, #ffffff 73.49%);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 0.5s;
}

.serve-serve-page .sv-top-center-item:hover .sv-top-center-img {
  transform: rotate(360deg);
  transition: all ease 1s;
}

.serve-serve-page .sv-top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9.2188vw;
}

.serve-serve-page .sv-top-item-content {
  transition: all ease 0.5s;
  font-size: 1.25vw;
  line-height: 1.8229vw;
  text-align: center;
  margin: auto;
}

.serve-serve-page .sv-top-item-content p {
  transition: all ease 0.3s;
}

.serve-serve-page .sv-top-ct-center {
  position: relative;
}

.serve-serve-page .sv-top-center-img {
  width: 26.25vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-52%, -49%);
  max-width: unset;
}

.serve-serve-page .serve-sv-bottom {
  position: relative;
  padding: 6.4583vw 15.8333vw 6.0417vw 16.1979vw;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.9) 100%
  );
}

.serve-serve-page .serve-sv-bottom-bn {
  position: absolute;
  left: 0;
  top: 0;
}

.serve-serve-page .serve-sv-title {
  width: 40vw;
  font-size: 1.6667vw;
  line-height: 2.1875vw;
  padding-bottom: 4.1146vw;
}

.serve-serve-page .statistics-box {
  padding-right: 11.5625vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.serve-serve-page .statistic-left-item-box {
  padding-bottom: 2.6042vw;
}

.serve-serve-page .statistic-left-item {
  font-size: 1.25vw;
  line-height: 1.8229vw;
  padding-left: 2.0833vw;
  padding-bottom: 3.125vw;
  position: relative;
  transition: all ease 0.5s;
}

.serve-serve-page .statistic-left-item::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-2.9688vw);
  width: 0.4167vw;
  height: 2.6042vw;
  background: #86318d;
  transition: all ease 0.5s;
}

.serve-serve-page .statistic-left-item:hover {
  transition: all ease 0.5s;
  padding-left: 3vw;
}

.serve-serve-page .statistic-left-item:hover::after {
  width: 3px;
  transition: all ease 0.5s;
}

.serve-serve-page .ylcolor::after {
  background: #d0b89b !important;
}

.serve-serve-page .statistic-right-img {
  width: 19.2188vw;
  position: relative;
}

.serve-serve-page .st-rt-img {
  position: relative;
  z-index: 5;
}

.serve-serve-page .line1 {
  z-index: 1;
  font-size: 1.25vw;
  line-height: 1.8229vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 18.8021vw;
  left: 11.9792vw;
  top: 2.0833vw;
}

.serve-serve-page .line1 span {
  margin-right: 1.3021vw;
  display: block;
  width: 10vw;
  height: 3px;
  background: #c5aa8a;
}

.serve-serve-page .line2 {
  z-index: 1;
  font-size: 1.25vw;
  line-height: 1.8229vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 15.4375vw;
  left: 16.3021vw;
  top: 7.8125vw;
}

.serve-serve-page .line2 span {
  margin-right: 1.3021vw;
  display: block;
  width: 4.8438vw;
  height: 3px;
  background: #62006f;
}

.serve-serve-page .line3 {
  z-index: 1;
  font-size: 1.25vw;
  line-height: 1.8229vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 110%;
  left: 10.5208vw;
  top: 14.8438vw;
}

.serve-serve-page .line3 span {
  margin-right: 1.3021vw;
  display: block;
  width: 10.7292vw;
  height: 3px;
  background: #a767b4;
}

/* news.html*/
.news-page .news-content {
  padding: 1.0417vw 6.25vw 6.25vw;
  background: #fafafa;
}

.news-page .news-list {
  padding-top: 5.8854vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news-page .news-list::after {
  content: "";
  width: 24.9479vw;
  display: block;
  height: 0;
}

.news-page .news-card {
  display: block;
  margin-bottom: 3.3854vw;
  width: 24.9479vw;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  background: #ffffff;
}

.news-page .news-card-footer {
  padding: 0.5208vw 1.0417vw 0.7813vw;
}

.news-page .news-card-title {
  font-size: 1.0417vw;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-page .news-card-more {
  padding-top: 0.7292vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-page .cd-more-left,
.news-page .cd-more-right {
  font-size: 0.8333vw;
  opacity: 0.7;
}

.news-page .cd-more-right {
  transition: all ease 0.5s;
}

.news-page .cd-more-right:hover {
  color: #86318d;
  transition: all ease 0.5s;
}

.news-page .news-img-box {
  overflow: hidden;
}

.news-page .news-img-box img {
  width: 100%;
  transition: all ease 1s;
}

.news-page .news-img-box img:hover {
  transform: scale(1.1);
  transition: all ease 1s;
}

/* news_detail-page*/
.newsdetail-page .detail-content {
  padding: 1.0417vw 6.25vw 3.3333vw;
}

.newsdetail-page .detail-article {
  padding: 4.0104vw 9.8438vw 8.6458vw;
}

.newsdetail-page .article-title {
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  color: #86318d;
  text-align: center;
}

.newsdetail-page .article-tip {
  text-align: center;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  color: #a0a0a0;
  padding-bottom: 3.2292vw;
}

.newsdetail-page .article-content img {
  margin: auto;
}

.newsdetail-page .article-content p {
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  color: #222222 !important;
  font-size: 18px;
}
.newsdetail-page .article-content div{
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  color: #222222 !important;
  font-size: 18px;
}
.newsdetail-page .detail-menu {
  padding: 0 9.8438vw;
}

.newsdetail-page .nsdt-back {
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
  margin-bottom: 1.25vw;
}

.newsdetail-page .nsdt-prev,
.newsdetail-page .nsdt-next {
  display: block;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  color: #a0a0a0;
  transition: all ease 0.5s;
}

.newsdetail-page .nsdt-prev:hover,
.newsdetail-page .nsdt-next:hover {
  color: #86318d;
  transition: all ease 0.5s;
}

/* news_monment.html*/
.news-monment-page .news-monment-content {
  background: #fafafa;
  padding: 1.0417vw 6.25vw 7.3438vw;
}

.news-monment-page .big-swiper-box {
  margin-top: 4.0104vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.news-monment-page .big-swiper {
  font-size: 0;
  width: 66.6667vw;
  overflow: hidden;
}

.news-monment-page .big-swiper img {
  width: 100%;
}

.news-monment-page .sm-swiper-box {
  margin-top: 1.1458vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10.4167vw;
}

.news-monment-page .sm-swiper {
  font-size: 0;
  overflow: hidden;
  width: 59.5833vw;
}

.news-monment-page .smswiper-prev i,
.news-monment-page .smswiper-next i {
  font-size: 1.4583vw;
  color: #4d4d4d;
  font-weight: bold;
}

.news-monment-page .bswiper-mask {
  padding: 0 3.3854vw 1.5625vw 2.7083vw;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.565625) 14.35%,
    rgba(0, 0, 0, 0.47) 19.46%,
    transparent 31.67%
  );
}

.news-monment-page .bs-mask-time {
  padding-bottom: 2.0833vw;
}

.news-monment-page .bs-mask-time div:nth-child(1) {
  font-size: 1.25vw;
  line-height: 1.4583vw;
  color: #ffffff;
}

.news-monment-page .bs-mask-time div:nth-child(2) {
  color: #ffffff;
  font-weight: 500;
  font-size: 1.875vw;
  line-height: 1.4583vw;
}

.news-monment-page .bs-mask-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-monment-page .bs-mask-title {
  font-size: 1.6667vw;
  line-height: 1.4583vw;
  color: #ffffff;
}

.news-monment-page .bs-mask-more {
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #ffffff;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #ffffff;
  font-size: 1.1458vw;
}

.news-monment-page .sm-video-box {
  position: relative;
}

.news-monment-page .sm-vide-box-mask {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.news-monment-page .sm-vide-box-mask i {
  font-size: 2.0833vw;
  margin: auto;
  color: #ffffff;
}

/*about.html*/
.about-page .about-content {
  background: #fafafa;
  padding: 1.0417vw 6.25vw 11.4063vw;
}

.about-page .about-title {
  letter-spacing: 0.05em;
  padding-top: 2.6042vw;
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
}

.about-page .about-main {
  padding: 7.0313vw 9.8438vw 0;
}

.about-page .about-main img {
  width: 100%;
}

.about-page .about-main p {
  font-size: 1.0417vw;
  line-height: 1.9792vw;
}

/*about_culture*/
.about-culture-page .about-culture-content {
  padding: 1.0417vw 4.6875vw 0;
}

.about-culture-page .culture-top {
  padding-top: 6.0938vw;
}

.about-culture-page .culture-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about-culture-page .culture-card-item {
  /* overflow: hidden; */
  width: 28.4375vw;
}

.about-culture-page .culture-card-item-titile {
  text-align: center;
  font-size: 1.6667vw;
  line-height: 2.4583vw;
  padding-top: 1.0417vw;
}

.about-culture-page .culture-card-item-img {
  position: relative;
}

.about-culture-page .clt-bn-img {
  width: 100%;
}

.about-culture-page .c-card-mask {
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  transition: all ease 0.5s;
}

.about-culture-page .c-card-mask:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all ease 0.5s;
}

.about-culture-page .c-card-mask:hover .c-mask-box img {
  transform: translateY(-10px) scale(1.1);
  transition: all ease 0.5s;
}

.about-culture-page .c-mask-box {
  margin: auto;
}

.about-culture-page .c-mask-box img {
  transition: all ease 0.5s;
  margin: auto;
}

.about-culture-page .c-mask-title {
  padding-top: 1.0938vw;
  font-weight: 700;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  color: #ffffff;
}

.about-culture-page .culture-center {
  padding: 8.8021vw 0 5.8333vw 0;
}

.about-culture-page .culture-title {
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
}

.about-culture-page .culture-title-sm {
  text-align: center;
  padding-top: 1.5625vw;
  margin: auto;
  max-width: 47.7083vw;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
}

.about-culture-page .ac-row-title {
  display: inline;
  position: relative;
  width: auto;
  font-size: 1.25vw;
  line-height: 1.4583vw;
  margin-left: 4.9479vw;
}

.about-culture-page .ac-row-title::after {
  position: absolute;
  content: "";
  width: 3.6979vw;
  height: 0.2083vw;
  background: #86318d;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.5729vw;
}

.about-culture-page .about-culture-swiper-box {
  overflow: hidden;
  padding-bottom: 3.3333vw;
}

.about-culture-page .ac-swiper-row {
  padding-bottom: 2.3438vw;
}

.about-culture-page .ac-row-swiper {
  margin-top: 1.5625vw;
  position: relative;
}

.about-culture-page .ac1-prev i,
.about-culture-page .ac1-next i,
.about-culture-page .ac2-prev i,
.about-culture-page .ac2-next i,
.about-culture-page .ac3-prev i,
.about-culture-page .ac3-next i {
  transition: all ease 0.5s;
  cursor: pointer;
}

.about-culture-page .ac1-prev i:hover,
.about-culture-page .ac1-next i:hover,
.about-culture-page .ac2-prev i:hover,
.about-culture-page .ac2-next i:hover,
.about-culture-page .ac3-prev i:hover,
.about-culture-page .ac3-next i:hover {
  color: #86318d;
  transition: all ease 0.5s;
}

.about-culture-page .ac1-prev {
  z-index: 20;
  top: 50%;
  position: absolute;
  left: 7.2917vw;
  transform: translateY(-50%);
}

.about-culture-page .ac1-next {
  transform: translateY(-50%);
  z-index: 20;
  top: 50%;
  position: absolute;
  right: 7.2917vw;
}

.about-culture-page .ac2-prev {
  z-index: 20;
  top: 50%;
  position: absolute;
  left: 7.2917vw;
  transform: translateY(-50%);
}

.about-culture-page .ac2-next {
  transform: translateY(-50%);
  z-index: 20;
  top: 50%;
  position: absolute;
  right: 7.2917vw;
}

.about-culture-page .ac3-prev {
  z-index: 20;
  top: 50%;
  position: absolute;
  left: 7.2917vw;
  transform: translateY(-50%);
}

.about-culture-page .ac3-next {
  transform: translateY(-50%);
  z-index: 20;
  top: 50%;
  position: absolute;
  right: 7.2917vw;
}

.about-culture-page .ac-bt-size {
  color: #a0a0a0;
  font-weight: bold;
  font-size: 2.9167vw;
  opacity: 1;
}

.about-culture-page .swiper-slide-next,
.about-culture-page .swiper-slide-prev {
  opacity: 0.5;
}

/*about_team.html*/
.about-team-page .about-team-content {
  background: #fafafa;
  padding: 1.0417vw 4.6875vw 8.3333vw;
}

.about-team-page .team-boss {
  padding-top: 4.1667vw;
}

.about-team-page .team-item-boss-box {
  width: 15.3646vw;
}

.about-team-page .team-item-box {
  margin-bottom: 1.3021vw;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.9896vw 1.25vw;
  box-shadow: 5px 4px 4px rgba(204, 204, 204, 0.25);
  transition: all ease 0.5s;
  backface-visibility: hidden;
  perspective: 1000;
}

.about-team-page .team-item-box:hover {
  transform: translateY(-10px);
  background: rgba(134, 49, 141, 0.61);
  transition: all ease 0.5s;
}

.about-team-page .team-item-box:hover .tbox-name,
.about-team-page .team-item-box:hover .tbox-title {
  transition: all ease 0.5s;
  color: #ffffff;
}

.about-team-page .tbox-name {
  transition: all ease 0.5s;
  font-weight: 500;
  font-size: 1.6667vw;
  line-height: 1.4583vw;
  padding-bottom: 0.8333vw;
}

.about-team-page .tbox-title {
  transition: all ease 0.5s;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
}

.about-team-page .team-other {
  display: flex;
  flex-wrap: wrap;
}

.about-team-page .team-item-other-box {
  width: calc((100% - 13.2813vw) / 5);
  margin-right: 2.6042vw;
}

.about-team-page .team-item-other-box:last-child {
  margin-right: 0;
}

/* about-history.html*/
.about-history-page .about-history-content {
  background: #fafafa;
  padding: 1.0417vw 6.25vw 8.3333vw;
}

.about-history-page .line-box {
  padding: 4.0104vw 9.8958vw 0;
}

.about-history-page .history-line {
  border-bottom: 1px solid #a0a0a0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-end;
  height: 4.1667vw;
}

.about-history-page .line-item {
  font-weight: 500;
  font-size: 1.0417vw;
  line-height: 1.5104vw;
  transition: all ease 0.5s;
}

.about-history-page .line-item:hover {
  transform: translateY(-5px);
  font-size: 1.4583vw;
  color: #86318d;
  transition: all ease 0.5s;
}

.about-history-page .line-item-active {
  font-weight: bold;
  font-size: 2.5vw;
  line-height: 3.6458vw;
  color: #86318d;
  position: relative;
}

.about-history-page .line-item-active::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -0.1042vw;
  width: 100%;
  height: 0.2083vw;
  background: #86318d;
  transform: scaleX(0);
  animation: lineac 0.3s;
  animation-fill-mode: forwards;
}

@keyframes lineac {
  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}

.about-history-page .history-content {
  margin-top: 3.9063vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: unset;
}

.about-history-page .content-left {
  width: 100%;
  align-items: flex-start;
  overflow-y: auto;
  max-height: 14.2188vw;
}

.about-history-page .content-left::-webkit-scrollbar {
  width: 5px;
}

.about-history-page .content-right {
  overflow: hidden;
  width: 22.1354vw;
  flex-shrink: 0;
  margin-left: 5.7292vw;
}

.about-history-page .content-right img {
  width: 100%;
  transition: all ease 1s;
}

.about-history-page .content-right img:hover {
  transform: scale(1.1);
  transition: all ease 1s;
}

.about-history-page .content-left-row {
  display: flex;
  padding-bottom: 2.0833vw;
  font-size: 1.3281vw;
  line-height: 2.3958vw;
}

.about-history-page .cl-row-time {
  flex-shrink: 0;
  display: block;
  font-weight: 700;
  font-size: 1.6667vw;
  line-height: 2.5vw;
  color: #86318d;
  padding-right: 1.7708vw;
}

/*about_honor.html*/
.about-honor-page .about-honor-content {
  position: relative;
}

.about-honor-page .honor-bn {
  width: 100%;
}

.about-honor-page .honor-content {
  padding: 1.0417vw 6.25vw 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.about-honor-page .honor-swiper {
  margin-top: 6.7188vw;
  overflow: hidden;
  position: relative;
}

.about-honor-page .honor-swiper .swiper-wrapper {
  align-items: center;
}

.about-honor-page .icon-xiangzuojiantou {
  font-size: 1.4583vw;
  position: absolute;
  left: -1.5625vw;
  top: 50%;
  transform: translateY(-50%);
  color: #323232;
  font-weight: bold;
}

.about-honor-page .icon-xiangyoujiantou {
  font-size: 1.4583vw;
  position: absolute;
  right: -1.5625vw;
  top: 50%;
  transform: translateY(-50%);
  color: #323232;
  font-weight: bold;
}

.about-honor-page .honor-title {
  padding-top: 4.4792vw;
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
}

.about-honor-page .swiper-slide {
  width: 270px;
  box-sizing: content-box;
  padding-bottom: 0.05rem;
  margin-top: -0.05rem;
}

.about-honor-page .swiper-slide-active {
  width: 405px;
}

/*about_duty.html*/
.about-duty-page .about-duty-content {
  padding: 1.0417vw 6.25vw 6.25vw;
  background: #fafafa;
}

.about-duty-page .duty-card-row {
  margin-top: 2.0833vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: unset;
}

.about-duty-page .duty-card-item {
  background: #ffffff;
  width: 19.6875vw;
  display: flex;
  align-items: flex-start;
  padding: 1.0417vw;
  transition: all ease 0.5s;
}

.about-duty-page .duty-card-item:hover {
  background: #86318d;
  transition: all ease 0.5s;
}

.about-duty-page .duty-card-item:hover .duty-card-left {
  transform: translateY(-10px);
  color: #ffffff;
  transition: all ease 0.5s;
}

.about-duty-page .duty-card-item:hover .duty-card-right {
  color: #ffffff;
  transition: all ease 0.5s;
}

.about-duty-page .duty-card-left {
  transition: all ease 0.5s;
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  line-height: 1;
}

.about-duty-page .duty-card-right {
  transition: all ease 0.5s;
  padding-left: 1.0417vw;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
}

.about-duty-page .duty-row1 {
  margin-top: 4.0104vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.about-duty-page .duty-row2 {
  margin-top: 6.25vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.about-duty-page .row1-left,
.about-duty-page .row1-right {
  overflow: hidden;
  width: 38.3333vw;
}

.about-duty-page .row1-right img {
  transition: all ease 0.5s;
}

.about-duty-page .row1-right img:hover {
  transform: scale(1.1);
  transition: all ease 0.5s;
}

.about-duty-page .row1-title {
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  text-align: start;
  padding-bottom: 2.0833vw;
}

.about-duty-page .row1-content {
  font-size: 0.9375vw;
  line-height: 1.4583vw;
}

/*relation.html*/
.relation-page .relation-content {
  padding: 1.0417vw 6.25vw 6.7708vw;
  background: #fafafa;
}

.relation-page .relation-row:nth-child(1) {
  padding-top: 2.7604vw;
}

.relation-page .relation-row {
  padding-top: 5.2083vw;
}

.relation-page .relation-title {
  font-weight: 500;
  color: #86318d;
  font-size: 1.6667vw;
  line-height: 1.4583vw;
  padding-bottom: 1.0417vw;
}

.relation-page .relation-flex {
  display: flex;
  flex-wrap: wrap;
}

.relation-page .team-item-box {
  margin-top: 1.3021vw;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.9896vw 1.25vw;
  filter: drop-shadow(5px 4px 4px rgba(204, 204, 204, 0.25));
  transform: translateZ(0);
  width: calc((100% - 10.625vw) / 5);
  margin-right: 2.6563vw;
  transition: all ease 0.5s;
}

.relation-page .team-item-box:hover {
  background: rgba(134, 49, 141, 0.61);
  transform: translateY(-0.5208vw);
  transition: all ease 0.5s;
}

.relation-page .team-item-box:hover .tbox-name,
.relation-page .team-item-box:hover .tbox-title {
  color: #ffffff;
  transition: all ease 0.5s;
}

.relation-page .team-item-box:nth-child(5n) {
  margin-right: 0;
}

.relation-page .team-item-other-box:last-child {
  margin-right: 0;
}

.relation-page .tbox-name {
  font-weight: 500;
  transition: all ease 0.5s;
  font-size: 1.6667vw;
  line-height: 1.4583vw;
  padding-bottom: 0.8333vw;
}

.relation-page .tbox-title {
  transition: all ease 0.5s;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
}

/*relation_finance.html*/
.relation-finance-page .relation-finance-content {
  padding: 1.0417vw 4.6875vw 8.3333vw;
}

.relation-finance-page .chart1 {
  margin-top: 2.9167vw;
  width: 100%;
  height: 530px;
}

.relation-finance-page .chart2 {
  margin-top: 9.5313vw;
  width: 100%;
  height: 530px;
}

.relation-finance-page .chart3 {
  margin-top: 9.5313vw;
  width: 100%;
  height: 530px;
}

/*relation_stock.html*/
.relation-stock-page .relation-stock-content {
  background: #fafafa;
  padding: 1.0417vw 6.25vw 8.3333vw;
}

.relation-stock-page .stock-menu {
  padding: 4.0104vw 2.6042vw 2.6042vw 4vw;
  display: flex;
}

.relation-stock-page .stock-menu-item {
  padding: 10px;
  margin-right: 4.1667vw;
  background: #ffffff;
}

.relation-stock-page .stock-menu-item-active {
  background: #86318d;
  color: #ffffff;
}

.relation-stock-page .stockchart {
  margin-top: 2.9167vw;
  width: 100%;
  height: 1000px;
}

.relation-stock-page .stockmain {
  margin-top: 3.6979vw;
}

.relation-stock-page .stockmain-row {
  padding: 0.8854vw 0;
  display: flex;
  justify-content: space-between;
}

.relation-stock-page .stockmain-row:nth-child(1) {
  background: rgba(134, 49, 141, 0.7);
}

.relation-stock-page .stockmain-row:nth-child(1) .stockmain-item {
  color: #ffffff;
}

.relation-stock-page .stockmain-row:nth-child(2) {
  background: #ffffff;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

.relation-stock-page .stockmain-item {
  width: 6.25vw;
  text-align: center;
}

.relation-stock-page .col1 {
  color: #86318d;
  width: 13.0208vw;
}

.relation-stock-page .col2 {
  width: 7.8125vw;
}

.relation-stock-page .maxcolor {
  color: #fd2331;
}

.relation-stock-page .mincolor {
  color: #127001;
}

/*joinus.html*/
.joinus-page .joinus-content {
  padding: 1.0417vw 6.25vw 0;
  background: #fafafa;
}

.joinus-page .joinus-top {
  padding: 4.0104vw 9.8438vw 4.3229vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.joinus-page .joinus-top-item {
  width: 31.25vw;
}

.joinus-page .joinus-img-box {
  overflow: hidden;
}

.joinus-page .joinus-img-box img {
  transition: all ease 0.5s;
}

.joinus-page .joinus-img-box:hover img {
  transform: scale(1.1);
  transition: all ease 0.5s;
}

.joinus-page .joinus-top-title {
  padding-top: 0.5208vw;
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  color: #231815;
}

.joinus-page .joinus-button {
  font-size: 1.1458vw;
  line-height: 1.6667vw;
  margin: auto;
  margin-top: 1.5625vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
}

.joinus-page .joinus-center {
  padding: 4.7396vw 16.0938vw 9.375vw;
  position: relative;
}

.joinus-page .joinus-center-bn {
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

.joinus-page .joinus-ct-title {
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
}

.joinus-page .weal-row {
  margin-top: 1.5104vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.joinus-page .weal-row::after {
  width: 18.2292vw;
  content: "";
}

.joinus-page .weal-item {
  margin-top: 2.0833vw;
  width: 18.2292vw;
  padding: 1.6146vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 15.625vw;
  background: #fafafa;
  filter: drop-shadow(5px 16px 33px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  transition: all ease 0.5s;
}

.joinus-page .weal-item:hover {
  background: #86318d;
  transform: translateY(-10px);
}

.joinus-page .weal-item:hover .weal-title,
.joinus-page .weal-item:hover .weal-content,
.joinus-page .weal-item:hover i {
  color: #ffffff;
  transition: all ease 0.5s;
}

.joinus-page .weal-icon {
  color: #86318d;
  display: block;
  text-align: center;
  font-size: 2.7604vw;
  transition: all ease 0.5s;
}

.joinus-page .weal-title {
  padding: 0.8333vw 0 0.625vw 0;
  width: 100%;
  text-align: center;
  font-size: 1.6667vw;
  line-height: 1.4583vw;
  transition: all ease 0.5s;
}

.joinus-page .weal-content {
  text-align: center;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  transition: all ease 0.5s;
}

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

.gologin {
  display: block;
  font-size: 1.0417vw;
  line-height: 1.4583vw;
}

.gologin a {
  color: #86318d;
}

.gologin a:hover {
  color: #231815;
}

/*joinus-job*/
.joinus-job-page .gologin {
  display: flex;
}

.joinus-job-page .gologin .logind {
  margin-right: 2.6042vw;
}

.joinus-job-page .joinus-job-content {
  padding: 1.0417vw 6.25vw 6.25vw;
  background: #fafafa;
}

.joinus-job-page .search-menu {
  display: flex;
  margin-top: 4.0104vw;
}

.joinus-job-page .table-scroll-box {
  padding-bottom: 10px;
}

.joinus-job-page .search-menu-item {
  position: relative;
  margin-right: 2.0833vw;
}

.joinus-job-page .icon-sousuo {
  font-size: 1.0417vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.joinus-job-page .search-menu-item span {
  margin-right: 0.9375vw;
  font-size: 0.8333vw;
}

.joinus-job-page .search-menu-item input {
  padding: 0.2604vw 1.5625vw 0.2604vw 0.2604vw;
  width: 10.4167vw;
  height: 2.5vw;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}

.joinus-job-page .search-menu-item select {
  padding: 0.2604vw 1.3021vw 0.2604vw 0.2604vw;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 6.25vw;
  height: 2.5vw;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}

.joinus-job-page .select-icon {
  font-size: 0.7292vw;
  font-weight: bold;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  right: 10px;
}

.joinus-job-page .icon-selected {
  transform: translateY(-50%) rotate(180deg);
}

.joinus-job-page .table-title {
  margin-top: 2.0833vw;
  display: flex;
  opacity: 0.7;
  background: #86318d;
}

.joinus-job-page .table-title-item {
  padding: 0.8333vw 0;
  width: 14.5833vw;
  text-align: center;
  color: #ffffff;
}

.joinus-job-page .table-row {
  display: flex;
}

.joinus-job-page .table-row:nth-of-type(2n-1) {
  background: #ffffff;
}

.joinus-job-page .table-row-item {
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  padding: 0.8333vw 0;
  text-align: center;
  width: 14.5833vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.joinus-job-page .job-detail-button {
  color: #86318d;
}

/*job_detail.html*/
.job-detail-page .job-detail-content {
  background: #fafafa;
  padding: 1.0417vw 6.25vw 10.1563vw;
}

.job-detail-page .job-detail-card {
  margin: 4.0104vw auto 0;
  width: 52.2917vw;
  padding: 2.0833vw 2.0833vw 4.0625vw;
  background: #ffffff;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  position: relative;
}

.job-detail-page .job-detail-card-bn {
  width: 27.9687vw;
  position: absolute;
  top: 2.1875vw;
  right: 2.1146vw;
}

.job-detail-page .jb-card-title {
  color: #86318d;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  text-align: center;
  color: #231815;
  text-align: start;
  position: relative;
}

.job-detail-page .jb-card-title::before {
  position: absolute;
  content: "";
  left: -2.0833vw;
  top: 0;
  height: 100%;
  width: 1.3021vw;
  background: #86318d;
}

.job-detail-page .jb-card-tip {
  margin-top: 1.0417vw;
  display: flex;
  flex-wrap: wrap;
}

.job-detail-page .jb-card-tip-item:nth-child(1) {
  margin-right: 100%;
  flex-shrink: 0;
}

.job-detail-page .jb-card-tip-item {
  font-size: 1.0417vw;
  line-height: 1.4583vw;
  margin: 0 6.0938vw 0.2604vw 0;
}

.job-detail-page .jb-card-tip-item span {
  color: rgba(35, 24, 21, 0.5);
}

.job-detail-page .jb-card-line {
  margin: 1.875vw 0 0 0;
  width: 100%;
  border: 1px solid rgba(134, 49, 141, 0.3);
}

.job-detail-page .jb-card-detail-title {
  font-size: 1.6667vw;
  line-height: 1.4583vw;
  padding-top: 2.8125vw;
  padding-bottom: 2.0833vw;
}

.job-detail-page .jb-card-detail p {
  font-size: 1.0417vw;
  line-height: 1.9792vw;
}

.job-detail-page .job-detial-menu {
  display: flex;
  padding: 3.0208vw 17.6042vw 0;
}

.job-detail-page .job-detail-button {
  margin-right: 3.125vw;
  font-size: 1.1458vw;
  line-height: 1.6667vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
}

.job-detail-page .job-detail-button i {
  font-size: 1.3021vw;
  margin-left: 0.5208vw;
  transition: all ease 0.5s;
}

.job-detail-page .job-detail-button:hover i {
  color: #ffffff;
  transition: all ease 0.5s;
}

/*login.html*/
.login-page .login-content {
  background: #fafafa;
  padding-bottom: 10.7292vw;
}

.login-page .login-title {
  display: block;
  color: #86318d;
  text-align: right;
  padding: 1.0417vw 6.25vw;
}

.login-page .login-card {
  background: #ffffff;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  margin: auto;
  width: 32.6042vw;
  padding: 2.0833vw;
}

.login-page .login-type {
  padding: 0 2.5521vw 2.2917vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.login-page .passfind-button {
  margin-top: 4.5313vw !important;
}

.login-page .type-w,
.login-page .type-p {
  font-size: 1.6667vw;
  line-height: 2.3958vw;
}

.login-page .type-hidden {
  display: none;
}

.login-page .type-active {
  position: relative;
}

.login-page .type-active::after {
  transform: translateX(-50%);
  position: absolute;
  content: "";
  left: 50%;
  bottom: -5px;
  width: 3.125vw;
  height: 3px;
  background: #86318d;
}

.login-page .login-row {
  margin-bottom: 1.0417vw;
}

.login-page .row-label {
  width: 100%;
}

.login-page .veri {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.login-page #veri {
  width: 80%;
}

.login-page .login-veri {
  width: 15%;
}

.login-page .login-veri img {
  width: 100%;
}

.login-page .row-label {
  font-size: 1.0417vw;
  line-height: 1;
  color: #a0a0a0;
  padding-bottom: 1.0417vw;
}

.login-page .login-put {
  padding: 5px 10px;
  width: 100%;
  height: 2.5vw;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}

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

.login-page #nextlogin {
  margin-right: 0.4167vw;
  width: 1.0417vw;
  height: 1.0417vw;
}

.login-page .login-menu-left {
  display: flex;
  align-items: center;
  font-size: 1.0417vw;
  line-height: 1.4583vw;
  color: #a0a0a0;
}

.login-page .login-menu-right a {
  font-size: 1.0417vw;
  line-height: 1.4583vw;
  color: #86318d;
  margin-left: 1.0417vw;
}

.login-page .loginin {
  display: block;
  width: 10.625vw;
  height: 3.0729vw;
  font-size: 1.1458vw;
  line-height: 1.6667vw;
  text-align: center;
  line-height: 3.0729vw;
  border-radius: 2.6042vw;
  background: #86318d;
  color: #ffffff;
  margin: 1.0417vw auto 2.0313vw;
}

.login-page .success-mask {
  z-index: 999;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  display: flex;
}

.login-page .success-message {
  margin: auto;
  width: 51.4063vw;
  height: 19.1667vw;
  background: #ffffff;
}

.login-page .sc-cotent {
  width: 100%;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.8229vw;
  text-align: center;
}

.login-page .sc-bacn {
  text-align: center;
  display: block;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.8229vw;
  margin: 1.5625vw auto;
  color: rgba(0, 0, 0, 0.4);
}

.login-page .sc-icon {
  width: 4.8958vw;
  height: 4.8958vw;
  border-radius: 50%;
  display: flex;
  background: #b0e442;
  margin: 2.3438vw auto 1.5625vw;
}

.login-page .sc-icon i {
  font-size: 2.6042vw;
  margin: auto;
  color: #ffffff;
  font-weight: bold;
}

.personal-page .itemhidden {
  display: none;
}

.personal-page .personal-content {
  padding: 1.0417vw 6.25vw 8.9063vw;
  background: #fafafa;
}

.personal-page .wlcm span {
  color: #231815;
}

.personal-page .personal-top {
  display: flex;
  justify-content: flex-end;
}

.personal-page .personal-top-item {
  margin-left: 2.0833vw;
  font-size: 1.0417vw;
  line-height: 1.5104vw;
  color: #86318d;
}

.personal-page .personal-card {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 3.6979vw;
}

.personal-page .left-card {
  width: 8.8021vw;
  background: #ffffff;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  margin-right: 1.0417vw;
  padding: 1.3542vw 0;
}

.personal-page .left-card a {
  display: block;
  text-align: center;
  font-size: 1.0417vw;
  line-height: 1.4583vw;
  padding: 0.5208vw 0.5208vw;
}

.personal-page .left-card-active {
  background: rgba(134, 49, 141, 0.3);
  color: #ffffff;
}

.personal-page .left-card-title {
  text-align: center;
  font-size: 1.0417vw;
  line-height: 1.4583vw;
  padding: 0.5208vw 0.5208vw;
  margin-bottom: 1.0417vw;
  color: #86318d;
}

.personal-page .right-card {
  padding: 1.3542vw 2.5vw;
  width: 57.9688vw;
  background: #ffffff;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  height: 30.1042vw;
  position: relative;
}

.personal-page .right-card::after {
  content: "";
  position: absolute;
  left: 2.5vw;
  top: 0;
  width: 1.0938vw;
  height: 1.0938vw;
  background: #86318d;
}

.personal-page .right-card-title {
  font-size: 1.0417vw;
  line-height: 1.4583vw;
  margin-bottom: 2.2917vw;
}

.personal-page .right-card-row1 {
  display: flex;
}

.personal-page .right-card-row {
  display: flex;
  margin-bottom: 1.3021vw;
}

.personal-page .input-row-title {
  font-weight: 400;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
}

.personal-page .input-row {
  margin-top: 1.0417vw;
  display: flex;
  align-items: center;
}

.personal-page .input-row span {
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  font-weight: 400;
  color: #a0a0a0;
  padding: 0 1.6667vw;
}

.personal-page .input-row .file-input {
  padding: 0 10px;
  line-height: 2.5vw;
}

.personal-page .save-button {
  margin-top: 2.7604vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
  color: #ffffff;
  background: #86318d;
}

.personal-page .input-row input {
  width: 28.4375vw;
  height: 2.5vw;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}

.personal-page #item4 .col {
  width: auto;
  padding-right: 2.2917vw;
}

.personal-page #item4 .col:nth-child(3) {
  width: 100%;
  padding-right: 0;
}

.personal-page .col1 {
  flex-shrink: 0;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  width: 15.1562vw;
  color: #a0a0a0;
  padding: 0.2604vw 0;
  margin-bottom: 2.1354vw;
}

.personal-page .col {
  flex-shrink: 0;
  font-size: 0.9375vw;
  width: 15.1562vw;
  padding: 0.2604vw 0;
  border-bottom: solid 1px #dedede;
}

.personal-page .col:nth-child(3) {
  flex-shrink: 1;
  text-align: right;
  width: 100%;
  color: #a0a0a0;
}

.personal-page .more-job {
  display: block;
  margin-top: 11.9792vw;
  text-align: right;
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  color: #86318d;
}

.personal-page .right-card-row-input {
  display: flex;
  margin-bottom: 1.0417vw;
  align-items: center;
}

.personal-page .right-card-row-input .label {
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  font-weight: 400;
  width: 5.8333vw;
}

.personal-page .right-card-row-input .rcr-input {
  width: 28.4375vw;
  height: 2.5vw;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  padding: 10px;
}

.personal-page .right-card-row-input .save-button {
  margin-top: 2.7604vw;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
  color: #ffffff;
  background: #86318d;
}

.relation-site-page .relation-site-content {
  background: #fafafa;
  padding: 1.0417vw 6.25vw 6.25vw;
}

.relation-site-page .relation-site-top {
  padding-top: 6.25vw;
}

.relation-site-page .rs-c-left {
  width: 55vw;
  height: 27.6042vw;
}

.relation-site-page .relation-site-top {
  display: flex;
  align-items: center;
}

.relation-site-page .rs-c-right {
  padding-left: 5.4167vw;
}

.relation-site-page .rs-c-title {
  padding-bottom: 5.625vw;
  font-size: 1.4583vw;
  line-height: 2.5vw;
}

.relation-site-page .re-c-row {
  display: flex;
  align-items: center;
  font-size: 1.25vw;
  line-height: 1.4583vw;
  margin-bottom: 1.6667vw;
}

.relation-site-page .re-c-row img {
  width: 1.7708vw;
  margin-right: 0.7813vw;
}

.relation-site-page .relation-site-bottom-item {
  display: flex;
  align-items: center;
  padding-bottom: 0.625vw;
  font-size: 0.8333vw;
  line-height: 1.4583vw;
  transition: all ease 0.5s;
}

.relation-site-page .relation-site-bottom-item a:hover {
  color: #86318d;
}

.relation-site-page .relation-site-bottom-item img {
  width: 1.3021vw;
  margin-right: 0.6771vw;
}

.relation-site-page .relation-site-bottom {
  padding-top: 2.4479vw;
}

.search-page {
  margin-top: 100px;
  padding: 6.25vw 6.25vw;
}

.search-page .search-title {
  font-size: 2.5vw;
  font-weight: bold;
  padding: 1.5625vw 0;
  text-align: center;
}

.search-page .search-box {
  margin: 2.6042vw 0;
  display: flex;
  justify-content: center;
}

.search-page .search-input {
  width: 52.0833vw;
  height: 3.125vw;
  border: solid 1px gray;
  padding: 0 10px;
  border-radius: 5px 0 0 5px;
  font-size: 1.0417vw;
}

.search-page .search-button {
  width: 3.6458vw;
  display: flex;
  justify-content: center;
  align-content: center;
  line-height: 3.125vw;
  background: #86318d;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}

.search-page .search-button i {
  font-size: 1.25vw;
  color: #ffffff;
}

.search-result-page {
  margin-top: 100px;
}

.search-result-page .search-result-content {
  background: #fafafa;
}

.search-result-page .news-title,
.search-result-page .product-title {
  padding: 1.875vw 0;
  text-align: center;
  font-size: 2.0833vw;
  line-height: 3.0208vw;
  color: #ffffff;
  background: #86318d;
}

.search-result-page .news-result {
  padding: 0 6.25vw;
  padding-top: 5.8854vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.search-result-page .news-result::after {
  content: "";
  width: 24.9479vw;
  display: block;
  height: 0;
}

.search-result-page .news-card {
  margin-bottom: 3.3854vw;
  width: 24.9479vw;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  background: #ffffff;
}

.search-result-page .news-card-footer {
  padding: 0.5208vw 1.0417vw 0.7813vw;
}

.search-result-page .news-card-title {
  font-size: 1.0417vw;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-result-page .news-card-more {
  padding-top: 0.7292vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-result-page .news-img-box {
  overflow: hidden;
}

.search-result-page .news-img-box img {
  width: 100%;
  transition: all ease 1s;
}

.search-result-page .news-img-box img:hover {
  transform: scale(1.1);
  transition: all ease 1s;
}

.search-result-page .product-result {
  padding: 0 6.25vw;
  flex-wrap: wrap;
  padding-top: 4.1667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-result-page .pt-cmp-list::after {
  content: "";
  width: 23.9583vw;
  height: 0;
  display: block;
}

.search-result-page .pt-cmp-item {
  width: 23.9583vw;
  height: 26.6667vw;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  margin-bottom: 4.1667vw;
}

.search-result-page .pt-cmp-item::after {
  content: "";
  bottom: -0.1042vw;
  left: 0;
  height: 0.2083vw;
  background: #86318d;
  width: 100%;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease;
}

.search-result-page .pt-cmp-img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 1.0417vw;
}

.search-result-page .pt-cmp-item:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.search-result-page .pt-cmp-item:hover img {
  width: 18.8542vw;
  transition: all ease 0.5s;
  filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.25));
  transform: translateZ(0);
}

.search-result-page .pt-cmp-item:hover .pt-footer-button {
  opacity: 1;
  transition: all ease 0.5s;
}

.search-result-page .pt-cmp-item:hover .pt-footer-title {
  color: #86318d;
  transition: all ease 0.5s;
}

.search-result-page .pt-cmp-img img {
  width: 15.1562vw;
  transition: all ease 0.5s;
}

.search-result-page .pt-item-footer {
  padding-bottom: 1.0417vw;
}

.search-result-page .pt-footer-title {
  transition: all ease 05s;
  font-size: 1.6667vw;
  line-height: 1.4583vw;
  color: #231815;
  text-align: center;
  padding-bottom: 1.0417vw;
}

.search-result-page .pt-footer-button {
  transition: all ease 0.5s;
  opacity: 0;
  margin: auto;
  display: block;
  width: 9.4792vw;
  height: 3.0729vw;
  border: 1px solid #231815;
  border-radius: 2.6042vw;
  text-align: center;
  line-height: 3.0729vw;
  color: #231815;
  font-size: 1.1458vw;
}
<!--耗时1763598157.0665秒-->