/* --------------------------------------------------------------------------

Version:  1.0
Author:	  Bing
blog:     https://blog.csdn.net/Centenario_0?spm=1000.2115.3001.5343&type=blog

--------------------------------------------------------------------------- */
/* ------Colors -------- */
/* 面包屑 */
.position {
  display: flex;
  align-items: center;
  padding: 1.5rem 0 3rem;
  font-size: 0.9rem;
  color: #999999;
}
.position a {
  margin: 0 0.25rem;
}
.position a:hover {
  color: #6a3acd;
}
.more-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
  padding-top: 7rem;
  padding-bottom: 3rem;
}
.more-mask .container {
  position: relative;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  height: 100%;
  background-image: url('../images/Mask group.png');
  background-size: cover;
}
.more-mask .container * {
  text-align: left;
  color: #fff;
}
.more-mask .container .close {
  position: absolute;
  top: 1rem;
  right: 2rem;
  cursor: pointer;
  z-index: 99;
}
.more-mask .container .close svg {
  width: 2.5rem;
  height: 2.5rem;
}
.more-mask .item {
  height: 100%;
  overflow: auto;
  display: none;
}
.more-mask .item.active {
  display: block;
}
.more-mask .item .tit {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(245, 240, 255, 0.48) 0%, rgba(245, 240, 255, 0) 100%);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.more-mask .item .tit::before {
  display: none;
}
.more-mask .item .tit .img {
  max-width: 10rem;
  margin-right: 4rem;
}
.more-mask .item .tit .text h3 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
.more-mask .item .tit .text p {
  font-size: 1rem;
  padding: 0;
}
.more-mask .item .con * {
  line-height: 2;
}
.more-mask .item .con li {
  list-style: initial;
  list-style-position: inside;
}
/* 关于我们轮播-start */
.banner {
  width: 100%;
  height: 29.5rem;
}
.banner .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  justify-content: flex-start;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner .txt-img {
  margin-bottom: 2.5rem;
  width: auto;
}
.banner .txt-img h1 {
  font-size: 3rem;
  font-weight: bold;
}
.banner * {
  color: #fff;
}
.banner h2 {
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 3.6rem;
}
.banner p {
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.banner a {
  position: relative;
  margin-top: 2.5rem;
  padding: 0.85rem 1.1rem;
  border: 0.05rem solid #fff;
  border-radius: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  transition: all 0.3s ease;
}
.banner a::before {
  position: absolute;
  content: '';
  width: 30%;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  background-color: #6a3acd;
  border-radius: inherit;
  transition: all 0.36s linear;
  opacity: 0;
}
.banner a i {
  font-size: 0.8rem;
  display: inline-block;
  transition: all 0.3s ease;
}
.banner a:hover {
  border-color: transparent;
}
.banner a:hover::before {
  width: 100%;
  opacity: 1;
}
.banner a:hover i {
  transform: translateX(0.25rem);
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
  width: 2rem;
  height: 2rem;
  border: 0.05rem solid #6a3acd;
  border: 0.05rem solid #fff;
  border-radius: 50%;
  bottom: 12.5%;
}
.banner .swiper-button-next::after,
.banner .swiper-button-prev::after {
  font-size: 1rem;
  color: #6a3acd;
  color: #fff;
}
.banner .swiper-button-prev {
  top: auto !important;
  left: 37%;
}
.banner .swiper-button-next {
  top: auto !important;
  right: 37%;
}
.banner .swiper-button-next.swiper-button-disabled,
.banner .swiper-button-prev.swiper-button-disabled {
  border-color: #6a3acd !important;
  opacity: 0.8;
}
.banner .swiper-button-next.swiper-button-disabled::after,
.banner .swiper-button-prev.swiper-button-disabled::after {
  color: #6a3acd;
}
.banner .swiper-pagination {
  display: flex;
  justify-content: center;
  position: static !important;
}
.banner .swiper-pagination .swiper-pagination-bullet {
  box-sizing: content-box;
  background-color: transparent;
  border-radius: 0rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: auto;
  opacity: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(106, 58, 205, var(--tw-text-opacity));
  width: 1.5rem;
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.banner .swiper-pagination .swiper-pagination-bullet:hover {
  --tw-text-opacity: 1;
  color: rgba(106, 58, 205, var(--tw-text-opacity));
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
  padding-right: 6rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.banner .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  top: 0.5rem;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #fff;
  height: 0.05rem;
  left: 3.5rem;
  position: absolute;
  width: 6.5rem;
}
.banner .swiper-pagination .swiper-pagination-bullet-active::after {
  transform: scaleX(1);
  transition: all 0.5s;
}
.banner .swiper-1 .swiper-slide {
  padding: 15.5rem 13.5% 2.5rem;
}
.banner .swiper-1 .swiper-pagination {
  bottom: 4rem !important;
  position: absolute !important;
}
.banner .swiper-1 .swiper-pagination-bullet {
  transition: all 1s;
}
.banner .swiper-1 .swiper-pagination-bullet-active {
  padding-right: 7.5rem;
}
.banner .swiper-1 .swiper-pagination-bullet::before,
.banner .swiper-1 .swiper-pagination-bullet::after {
  content: "";
  top: 0.5rem;
  transform: scaleX(0);
  transform-origin: left;
}
.banner .swiper-1 .swiper-pagination-bullet::before,
.banner .swiper-1 .swiper-pagination-bullet::after {
  height: 0.05rem;
  left: 3.5rem;
  position: absolute;
  width: 6.5rem;
}
.banner .swiper-1 .swiper-pagination-bullet::before {
  --tw-bg-opacity: 1;
  background-color: rgba(106, 58, 205, var(--tw-bg-opacity));
  z-index: 1;
}
.banner .swiper-1 .swiper-pagination-bullet::after {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
.banner .swiper-1 .swiper-pagination-bullet-active::after {
  transition: transform 1s;
  transition-delay: 1s;
  transform: scaleX(1);
}
.banner .swiper-1 .swiper-pagination-bullet-active::before {
  animation-name: bulletSlideToRight;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
.banner .swiper-1 .swiper-pagination-hidden .swiper-pagination-bullet-active::before {
  animation-play-state: paused;
}
/* 关于我们轮播-end */
/* 内页固定板式BANNER */
.p-banner {
  position: relative;
}
.p-banner .txt {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.p-banner .txt h4 {
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  line-height: 3rem;
}
.p-banner .txt span {
  position: relative;
  display: block;
  margin-top: 0.7rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  color: rgba(255, 255, 255, 0.2);
}
.p-banner .txt p {
  position: relative;
  padding-top: 1.6rem;
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  opacity: 0.9;
}
.p-banner .txt p::before {
  position: absolute;
  content: '';
  width: 3.75rem;
  height: 0.1rem;
  background-color: #fff;
  left: 0.25rem;
  top: 0;
  opacity: 0.8;
}
.p-banner .txt .button {
  margin-top: 40px;
}
.p-banner .txt .button a {
  margin-right: 30px;
  min-width: 180px;
  padding: 16px 20px;
  font-size: 18px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 25px;
  text-align: center;
}
.p-banner .txt .button a:last-child {
  background-color: #fff;
  color: #6a3acd;
}
.p-banner .txt .button a i {
  color: inherit;
  font-size: 16px;
}
/* 标题1 */
.tit {
  position: relative;
  text-align: center;
  z-index: 1;
}
.tit::before {
  position: absolute;
  content: '';
  width: 3rem;
  height: 0.1rem;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%);
  background-color: #6a3acd;
  z-index: -1;
}
.tit::after {
  position: absolute;
  content: attr(en);
  font-size: 2.5rem;
  font-weight: bold;
  color: #999999;
  opacity: 0.15;
  bottom: 0.5rem;
  left: 50%;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateX(-50%);
}
.tit h2 {
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.tit h2 span {
  font-size: 2.5rem;
  color: inherit;
}
.tit p {
  font-size: 1rem;
  color: #666666;
  padding: 0 7%;
  line-height: 1.25rem;
}
/* 标题2 */
.tit2 {
  position: relative;
  padding-bottom: 1.25rem;
}
.tit2::before {
  position: absolute;
  content: '';
  width: 3rem;
  height: 0.1rem;
  background-color: #6a3acd;
  bottom: 0.5rem;
  left: 0;
}
.tit2::after {
  position: absolute;
  content: attr(en);
  font-size: 2.5rem;
  font-weight: bold;
  color: #999999;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  z-index: -1;
  text-transform: uppercase;
}
.tit2 h2 {
  font-size: 1.6rem;
  font-weight: bold;
}
/* 标题3 */
.tit3 {
  padding-bottom: 1.4rem;
  position: relative;
  text-align: center;
}
.tit3::before {
  position: absolute;
  content: '';
  width: 3rem;
  height: 0.1rem;
  background-color: #6a3acd;
  bottom: 0.9rem;
  left: 50%;
  transform: translateX(-50%);
}
.tit3::after {
  position: absolute;
  content: attr(en);
  font-size: 2.5rem;
  font-weight: bold;
  color: #999999;
  opacity: 0.15;
  bottom: 0;
  left: 50%;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateX(-50%);
}
.tit3 h2 {
  font-size: 1.8rem;
  font-weight: bold;
}
.white::before {
  background-color: #fff;
}
.white::after {
  color: #fafafa;
}
.white h2 {
  color: #fff;
}
.white p {
  color: #fff;
}
.text-left {
  text-align: left;
}
.text-left::before,
.text-left::after {
  left: 0;
  transform: none;
}
/* 页头带切换 */
.head ul li {
  margin-left: 0.5rem;
  padding: 0.5rem 1.3rem;
  font-size: 1rem;
  color: #666666;
}
.head ul .checked {
  background-color: #6a3acd;
  color: #fff;
}
/* 动画 */
@keyframes xz {
  form {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes xzreverse {
  form {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
#case {
  padding-bottom: 5rem;
}
#case .case-box {
  margin-top: 2.5rem;
  flex-wrap: wrap;
}
#case .case-box .case-item {
  position: relative;
  padding: 1.8%;
  margin-bottom: 2rem;
  width: 32%;
  margin-right: 2%;
  transition: all 0.3s ease-in;
  box-sizing: border-box;
}
#case .case-box .case-item::before {
  position: absolute;
  content: '';
  width: 40%;
  height: 0.1rem;
  background-color: #6a3acd;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
#case .case-box .case-item:nth-child(3n) {
  margin-right: 0;
}
#case .case-box .case-item .c-pic {
  max-height: 11.9rem;
  overflow: hidden;
}
#case .case-box .case-item .c-pic img {
  transition: all 0.6s ease-in;
}
#case .case-box .case-item .cont {
  padding-top: 3.6rem;
  position: relative;
  text-align: center;
}
#case .case-box .case-item .cont .logo {
  position: absolute;
  width: 80%;
  height: 4.5rem;
  left: 50%;
  top: -2.25rem;
  transform: translateX(-50%);
  box-shadow: 0 0.15rem 1.5rem #f2f2f2;
}
#case .case-box .case-item .cont h4 {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #333333;
  text-align: left;
}
#case .case-box .case-item .cont p {
  font-size: 0.9rem;
  line-height: 1.6rem;
  color: #666666;
  text-align: justify;
}
#case .case-box .case-item:hover {
  box-shadow: 0.1rem 0.15rem 2rem #eaeaea;
}
#case .case-box .case-item:hover .c-pic img {
  transform: scale(1.1);
}
#case .case-box .case-item:hover .logo {
  animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
#case .case-box .case-item:hover::before {
  opacity: 1;
  width: 100%;
}
#join .partner {
  padding-bottom: 4.5rem;
  background-color: #f9f8fd;
}
#join .partner .partner-box {
  margin-top: 2.5rem;
}
#join .partner .partner-box .p-item {
  margin: 0 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#join .partner .partner-box .p-item img {
  width: auto;
  height: 4.75rem;
  transition: all 0.36s ease;
}
#join .partner .partner-box .p-item h4 {
  margin: 2.35rem 0 1.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #333333;
}
#join .partner .partner-box .p-item p {
  font-size: 1rem;
  color: #333333;
}
#join .partner .partner-box .p-item:hover img {
  animation: tada 1s 0.2s ease both;
  -webkit-animation: tada 1s 0.2s ease both;
}
#join .market {
  padding: 5rem 0 4.5rem;
}
#join .market .market-box {
  margin-top: 2.5rem;
}
#join .market .m-item {
  padding: 0 2.1%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
  text-align: center;
}
#join .market .m-item img {
  width: 5rem;
  transition: all 0.36s ease;
}
#join .market .m-item h4 {
  margin: 2rem 0 1rem;
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: bold;
  color: #333333;
  white-space: nowrap;
}
#join .market .m-item p {
  font-size: 0.9rem;
  line-height: 1.6rem;
  color: #333333;
  text-align: left;
}
#join .market .m-item:hover img {
  transform: rotateY(180deg);
}
#join .pro {
  padding: 3rem 0;
  background-color: #f9f8fd;
}
#join .pro .pro-box {
  margin-top: 2.5rem;
}
#join .pro .pro-box .p-item {
  width: 31%;
  margin-right: 1%;
  background-color: #fff;
}
#join .pro .pro-box .p-item:last-child {
  margin-right: 0;
}
#join .pro .pro-box .p-item .head {
  height: 7.5rem;
}
#join .pro .pro-box .p-item .sec {
  padding: 2rem 1.3rem 0.5rem;
  position: relative;
}
#join .pro .pro-box .p-item .sec:last-child::before {
  position: absolute;
  content: '';
  width: 94%;
  height: 0.05rem;
  background-color: #f0f1f5;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#join .pro .pro-box .p-item .sec h4 {
  margin-bottom: 2rem;
  font-size: 1.1rem;
  color: #6a3acd;
  width: 100%;
}
#join .pro .pro-box .p-item .sec p {
  position: relative;
  padding-left: 0.7rem;
  font-size: 0.9rem;
  white-space: nowrap;
  line-height: 2.3rem;
  color: #666666;
}
#join .pro .pro-box .p-item .sec p::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 0.3rem;
  background-color: #6a3acd;
}
#join .pro .pro-box .p-item .break {
  display: flex;
  flex-wrap: wrap;
}
#join .pro .pro-box .p-item .break p {
  width: 50%;
}
#join .yq {
  padding: 5rem 0 ;
}
#join .yq .yq-box {
  margin-top: 3.5rem;
}
#join .process {
  padding: 5rem 0;
  background-color: #f9f8fd;
}
#join .process .process-box {
  margin-top: 2.5rem;
  width: 100%;
}
#join .process .process-box .p-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 2%;
}
#join .process .process-box .p-item img {
  width: 5.5rem;
}
#join .process .process-box .p-item p {
  margin-top: 1.2rem;
  color: #333333;
  font-size: 1.2rem;
  font-weight: bold;
}
#join .process .process-box > img {
  width: 8.5rem;
}
#join .process a {
  margin-top: 4rem;
}
#about .th {
  margin-bottom: 2rem;
  position: relative;
  padding-bottom: 2.15rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #6a3acd;
}
#about .th::before {
  position: absolute;
  content: '';
  width: 4rem;
  height: 0.15rem;
  background-color: #6a3acd;
  left: 0;
  bottom: 0;
}
#about .about {
  padding-bottom: 5rem;
  background-color: #f9f8fd;
}
#about .about .about-box {
  margin-top: 3.5rem;
}
#about .about .about-box .al {
  width: 72%;
  padding-right: 4%;
}
#about .about .about-box .al p {
  margin-bottom: 1rem;
  font-size: 1rem;
  color: #666666;
  line-height: 1.6rem;
  text-align: justify;
}
#about .about .about-box .ar {
  width: 14.4rem;
}
#about .data {
  padding: 5rem 0;
}
#about .data .dl {
  width: 21.5rem;
}
#about .data .dr {
  padding-left: 10%;
  flex: 1;
}
#about .data .dr p {
  margin-bottom: 1rem;
  font-size: 1rem;
  color: #666666;
  line-height: 1.6rem;
  text-align: justify;
}
#about .logo {
  padding: 6.5rem 0 6rem;
  background: url(../images/logotextbg.jpg) no-repeat center;
  background-size: cover;
}
#about .logo .ll {
  padding-right: 10%;
  flex: 1;
}
#about .logo .ll img {
  margin-bottom: 3rem;
  width: 20rem;
}
#about .logo .ll p {
  padding-left: 1.65rem;
  position: relative;
  font-size: 1rem;
  color: #fff;
  line-height: 2.5rem;
}
#about .logo .ll p::before {
  position: absolute;
  content: '';
  left: 0.15rem;
  top: 1rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #fff;
  transform: rotate(45deg);
}
#about .logo .lr {
  width: 20.25rem;
}
@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
#about .logo .animated {
  animation: bounce-in-fwd 2s infinite linear;
  animation-iteration-count: 1;
}
#about .honor {
  padding: 5rem 0;
}
#about .honor .honor-box {
  margin-top: 1.5rem;
}
#about .honor .honor-box .swiper-slide {
  background-color: transparent;
}
#about .honor .honor-box .swiper-slide p {
  font-size: 0.9rem;
}
#contact .four {
  padding: 4rem 0;
  background-color: #f9f8fd;
}
#contact .four .four-box .f-item {
  position: relative;
  width: 24%;
  padding: 1.8rem 1.2rem 0.5rem;
  background-color: #fff;
  transition: all 0.3s ease;
  overflow: hidden;
}
#contact .four .four-box .f-item::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(0.3, 0.3, 1);
  background-color: #6a3acd;
  transition: all 0.2s linear;
  opacity: 0;
  border-radius: 0.5rem;
}
#contact .four .four-box .f-item .t {
  display: flex;
  justify-content: space-between;
}
#contact .four .four-box .f-item h4 {
  position: relative;
  padding-bottom: 2.3rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #666666;
}
#contact .four .four-box .f-item h4::before {
  position: absolute;
  content: '';
  width: 1rem;
  height: 0.1rem;
  background-color: #999999;
  left: 0;
  bottom: 0;
}
#contact .four .four-box .f-item h4::after {
  position: absolute;
  content: attr(en);
  white-space: nowrap;
  font-size: 0.7rem;
  color: #cecece;
  left: 0;
  bottom: 1rem;
  font-weight: 500;
}
#contact .four .four-box .f-item span {
  position: relative;
  width: 2.2rem;
  height: 2.2rem;
  border: 0.05rem solid #6a3acd;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 2.2rem;
}
#contact .four .four-box .f-item span i {
  font-size: 1.4rem;
  color: #6a3acd;
}
#contact .four .four-box .f-item .b {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
}
#contact .four .four-box .f-item .b p {
  position: relative;
  font-size: 1rem;
  color: #999999;
  line-height: 1.5rem;
}
#contact .four .four-box .f-item .b img {
  position: relative;
  width: 4.5rem;
}
#contact .four .four-box .f-item:hover::before {
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  opacity: 1;
}
#contact .four .four-box .f-item:hover span {
  border-color: #fff;
}
#contact .four .four-box .f-item:hover span i {
  color: #fff;
}
#contact .four .four-box .f-item:hover h4,
#contact .four .four-box .f-item:hover p {
  color: #fff !important;
}
#contact .four .four-box .f-item:hover h4::before {
  background-color: #fff;
}
#contact .four .four-box .f-item:hover h4::after {
  color: #fff;
}
#contact .map {
  padding: 0rem 0 10rem;
}
#contact .map .zb {
  margin-top: 3rem;
}
#contact .map .m-pic {
  width: 41rem;
  position: relative;
}
#contact .map .m-pic img {
  opacity: 0;
}
#contact .map .m-pic::before {
  position: absolute;
  content: '';
  width: 50rem;
  height: 30.65rem;
  right: 0;
  top: 0;
  background: url(../images/map.png) no-repeat center;
  background-size: cover;
}
#contact .map .cont {
  padding-left: 4%;
  flex: 1;
}
#contact .map .cont h4 {
  padding-bottom: 2.1rem;
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
}
#contact .map .cont h4::before {
  position: absolute;
  content: '';
  width: 3.9rem;
  height: 0.1rem;
  background-color: #6a3acd;
  left: 0;
  bottom: 0;
}
#contact .map .cont p {
  font-size: 1rem;
  color: #666666;
  line-height: 1.5rem;
  margin-top: 2rem;
}
#contact .address {
  background-size: cover;
  height: 30rem;
  position: relative;
}
#contact .address .container {
  height: 100%;
}
#contact .address .a-item {
  position: relative;
  padding: 11rem 4rem 3rem;
  border-left: 0.05rem solid rgba(255, 255, 255, 0.2);
  display: flex;
  width: 20%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: width 0.5s ease;
}
#contact .address .a-item:last-child {
  border-right: 0.05rem solid rgba(255, 255, 255, 0.2);
}
#contact .address .a-item * {
  color: #fff;
}
#contact .address .a-item h4 {
  font-size: 1.2rem;
  font-weight: bold;
}
#contact .address .a-item p {
  margin-top: 1.75rem;
  font-size: 1rem;
  width: 21.5rem;
  min-height: 2.75rem;
  line-height: 1.3rem;
  transition: all 0.3s ease;
  transform: scale(0);
  transition-delay: 0.3s;
  opacity: 0;
}
#contact .address .a-item p i {
  display: inline-block;
  margin-right: 0.25rem;
  font-size: 0.9rem;
}
#contact .address .a-item .icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40%;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.05rem solid #fff;
  border-radius: 50%;
  transition: all 0.4s ease;
}
#contact .address .active {
  width: 50%;
  align-items: flex-start;
}
#contact .address .active p {
  transform: scale(1);
  opacity: 1;
}
#contact .address .active .icon {
  opacity: 0;
}
#contact .address .bgs {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: -1;
}
#contact .address .bgs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.6s ease;
}
#contact .address .showbgs {
  z-index: 1 !important;
  transform: scale(1);
}
#services .notice .notice-box {
  margin-top: 0.5rem;
  padding-bottom: 3rem;
}
#services .notice .n-item {
  position: relative;
  padding: 2rem 1.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.05rem solid #f2f2f2;
  transition: all 0.4s linear;
}
#services .notice .n-item:last-child {
  border-bottom: none;
}
#services .notice .n-item:last-child::after {
  display: none;
}
#services .notice .n-item::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 0.1rem solid #6a3acd;
}
#services .notice .n-item::after {
  position: absolute;
  content: '';
  width: 30%;
  height: 0.05rem;
  background-color: #6a3acd;
  left: 0;
  bottom: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
#services .notice .n-item h4 {
  font-size: 0.9rem;
  color: #333333;
}
#services .notice .n-item > div {
  display: flex;
  align-items: center;
}
#services .notice .n-item > div p {
  margin-right: 3rem;
  padding: 0.1rem 3rem 0.1rem 0;
  font-size: 0.8rem;
  color: #666666;
  border-right: 0.05rem solid #e6e8eb;
}
#services .notice .n-item > div i {
  color: #999999;
  font-size: 0.8rem;
  font-weight: bold;
}
#services .notice .n-item:hover::after {
  width: 100%;
  opacity: 1;
}
#services .notice .n-item:hover h4 {
  color: #6a3acd;
}
#services .notice .n-item:hover > div p {
  color: #6a3acd;
  border-right-color: #6a3acd;
}
#services .notice .n-item:hover > div i {
  color: #6a3acd;
}
#services .services {
  padding: 3rem 0;
  background-color: #f9f8fd;
}
#services .time {
  padding: 5rem 0 4.5rem;
}
#services .time .time-box .tl .t-item {
  margin-bottom: 0.7rem;
}
#services .time .time-box .tl .t-item h4 {
  position: relative;
  padding-left: 2.1rem;
  font-size: 1.2rem;
  color: #333333;
  font-weight: bold;
}
#services .time .time-box .tl .t-item h4::before,
#services .time .time-box .tl .t-item h4::after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  box-sizing: border-box;
}
#services .time .time-box .tl .t-item h4::before {
  width: 1.3rem;
  height: 1.3rem;
  border: 0.05rem solid #6a3acd;
  left: 0;
}
#services .time .time-box .tl .t-item h4::after {
  width: 0.8rem;
  height: 0.8rem;
  border: 0.25rem solid #6a3acd;
  left: 0.25rem;
}
#services .time .time-box .tl .t-item > div {
  display: flex;
  padding-left: 2.5rem;
}
#services .time .time-box .tl .t-item > div p {
  position: relative;
  padding-left: 0.8rem;
  line-height: 3.6rem;
  font-size: 1rem;
  color: #666666;
  margin-right: 1rem;
}
#services .time .time-box .tl .t-item > div p::before {
  position: absolute;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  background-color: #6a3acd;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#services .time .time-box .tr {
  width: 24rem;
}
#services .mode {
  padding: 3.85rem 0 3.3rem;
  background-color: #f9f8fd;
}
#services .mode .ml {
  width: 22.9rem;
}
#services .mode .mr {
  flex: 1;
  margin-left: 2.5rem;
}
#services .mode .mr .cont {
  margin-top: 1rem;
  flex-wrap: wrap;
}
#services .mode .mr .cont p {
  position: relative;
  padding-left: 0.8rem;
  line-height: 3.6rem;
  font-size: 1.2rem;
  color: #666666;
  margin-right: 1rem;
  min-width: 36%;
}
#services .mode .mr .cont p::before {
  position: absolute;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  background-color: #6a3acd;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#services .doc {
  padding: 6.2rem 0 5rem;
}
#services .doc .doc-box {
  margin-top: 2.5rem;
  width: 100%;
}
#services .doc .doc-box .d-item {
  padding: 2.5rem 0 2.8rem;
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.36s ease;
}
#services .doc .doc-box .d-item::before {
  position: absolute;
  content: '';
  width: 20%;
  height: 0.2rem;
  background-color: #6a3acd;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
#services .doc .doc-box .d-item img {
  height: 4rem;
  width: auto;
}
#services .doc .doc-box .d-item h4 {
  margin: 2.4rem 0 1rem;
  font-size: 1.4rem;
  color: #333333;
}
#services .doc .doc-box .d-item p {
  font-size: 1rem;
  color: #666666;
}
#services .doc .doc-box .d-item:hover {
  box-shadow: 0 0.05rem 3rem rgba(228, 228, 228, 0.7);
  transform: translateY(-1rem);
}
#services .doc .doc-box .d-item:hover p {
  color: #6a3acd;
}
#services .doc .doc-box .d-item:hover::before {
  width: 100%;
  opacity: 1;
}
#services .api {
  padding: 4rem 0 8.3rem;
  background-color: #f9f8fd;
}
#services .api .api-box {
  margin-top: 2.5rem;
}
#services .api .api-box .api-item {
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
  width: 32%;
  margin-right: 2%;
  background-color: #fff;
  position: relative;
  transition: all 0.3s ease-in-out;
}
#services .api .api-box .api-item::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #6a3acd;
  transition: all 0.3s ease;
}
#services .api .api-box .api-item:last-child {
  margin-right: 0;
}
#services .api .api-box .api-item .icon {
  margin-right: 1rem;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  border: 0.05rem dashed rgba(0, 0, 0, 0.1);
}
#services .api .api-box .api-item .icon img {
  width: auto;
}
#services .api .api-box .api-item .cont h4 {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
}
#services .api .api-box .api-item .cont p {
  font-size: 1rem;
}
#services .api .api-box .api-item:hover {
  box-shadow: 0rem 0.05rem 3rem rgba(228, 228, 228, 0.7);
}
#services .api .api-box .api-item:hover::before {
  height: 0.2rem;
}
#services .api .api-box .api-item:hover p {
  color: #6a3acd;
}
#services .vip {
  padding: 5rem 0;
}
#services .vip .vip-box {
  margin-top: 2.5rem;
}
#services .vip .vip-box .vip-item {
  padding: 0 2.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#services .vip .vip-box .vip-item:first-child {
  padding-left: 0;
}
#services .vip .vip-box .vip-item:last-child {
  padding-right: 0;
}
@keyframes run {
  form {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
#services .vip .vip-box .vip-item .icon {
  margin-bottom: 2.25rem;
  position: relative;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border: 0.05rem solid #6a3acd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 0.15rem 1.5rem rgba(220, 206, 253);
}
#services .vip .vip-box .vip-item .icon::before {
  position: absolute;
  content: '';
  width: 125%;
  height: 125%;
  border: 0.05rem dashed #6a3acd;
  border-radius: 50%;
  animation: run 10s  linear infinite;
}
#services .vip .vip-box .vip-item .icon i {
  font-size: 2rem;
  color: #6a3acd;
}
#services .vip .vip-box .vip-item h4 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333333;
}
#services .vip .vip-box .vip-item:hover .icon {
  background-color: #6a3acd;
}
#services .vip .vip-box .vip-item:hover .icon i {
  color: #fff;
}
#services .vip .vip-box .line {
  width: 6.2rem;
  border-top: 0.05rem dashed #6a3acd;
  transform: translateY(-1.5rem);
}
#services .cj {
  padding: 3.2rem 0;
}
#services .cj .cl {
  width: 20rem;
}
#services .cj .cr {
  margin-left: 5%;
  flex: 1;
}
#services .cj .cr .cont {
  margin-top: 2.5rem;
  flex-wrap: wrap;
}
#services .cj .cr .cont .c-item {
  width: 50%;
  margin-bottom: 3rem;
}
#services .cj .cr .cont .c-item h4 {
  position: relative;
  padding-left: 2.1rem;
  font-size: 1.2rem;
  color: #333333;
  font-weight: bold;
}
#services .cj .cr .cont .c-item h4::before,
#services .cj .cr .cont .c-item h4::after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  box-sizing: border-box;
}
#services .cj .cr .cont .c-item h4::before {
  width: 1.3rem;
  height: 1.3rem;
  border: 0.05rem solid #6a3acd;
  left: 0;
}
#services .cj .cr .cont .c-item h4::after {
  width: 0.8rem;
  height: 0.8rem;
  border: 0.25rem solid #6a3acd;
  left: 0.25rem;
}
#services .cj .cr .cont .c-item p {
  font-size: 1.2rem;
  margin-top: 1.25rem;
  color: #666666;
  padding-left: 2rem;
}
#services .report {
  padding: 5rem 0;
}
#services .report .re-box {
  margin-top: 2.5rem;
}
#services .report .re-box .r-item {
  padding: 3rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
  transition: all 0.36s ease;
}
#services .report .re-box .r-item::before {
  position: absolute;
  content: '';
  width: 30%;
  height: 0.2rem;
  background-color: #6a3acd;
  bottom: 0;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.36s ease;
}
#services .report .re-box .r-item .icon {
  margin-bottom: 2.25rem;
  position: relative;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border: 0.05rem solid #6a3acd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.15rem 1.5rem rgba(220, 206, 253);
}
#services .report .re-box .r-item .icon::before {
  position: absolute;
  content: '';
  width: 125%;
  height: 125%;
  border: 0.05rem dashed #6a3acd;
  border-radius: 50%;
}
#services .report .re-box .r-item .icon i {
  font-size: 2rem;
  color: #6a3acd;
}
#services .report .re-box .r-item h4 {
  margin: 2rem 0 1.5rem;
  font-size: 1.2rem;
  color: #333333;
  font-weight: bold;
}
#services .report .re-box .r-item p {
  margin-bottom: 2.5rem;
  color: #333333;
  font-family: 500;
}
#services .report .re-box .r-item a {
  position: relative;
  padding: 0.6rem 1.9rem;
  font-size: 0.8rem;
  color: #6a3acd;
  border: 0.05rem solid #6a3acd;
  border-radius: 1rem;
  transition: all 0.36s ease;
}
#services .report .re-box .r-item a::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  border: 0.05rem solid #6a3acd;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.23s ease-in-out;
  opacity: 0;
}
#services .report .re-box .r-item:hover {
  box-shadow: 0 0.05rem 3rem rgba(228, 228, 228, 0.7);
  transform: translateY(-0.5rem);
}
#services .report .re-box .r-item:hover::before {
  width: 100%;
  opacity: 1;
}
#services .report .re-box .r-item:hover .icon::before {
  animation: run 10s  linear infinite;
}
#services .report .re-box .r-item:hover a {
  background-color: #6a3acd;
  color: #fff;
}
#services .report .re-box .r-item:hover a::before {
  padding: 0.5rem;
  opacity: 1;
}
#news .news-box {
  margin-top: 3.5rem;
}
#news .news-box .news-sec {
  flex-wrap: wrap;
}
#news .news-box .news-sec .news-item {
  position: relative;
  padding-bottom: 1rem;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 3rem;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
#news .news-box .news-sec .news-item:nth-child(3n) {
  margin-right: 0;
}
#news .news-box .news-sec .news-item::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 30%;
  height: 0.05rem;
  opacity: 0;
  background-color: #6a3acd;
  transition: all 0.5s ease;
}
#news .news-box .news-sec .news-item .n-pic {
  width: 100%;
  height: 10.5rem;
  overflow: hidden;
}
#news .news-box .news-sec .news-item .n-pic img {
  height: 100%;
  transition: all 0.6s ease;
}
#news .news-box .news-sec .news-item .n-cont h4 {
  margin: 2rem 0 1.5rem;
  font-size: 0.9rem;
  color: #1a1a1a;
  line-height: 1.5rem;
}
#news .news-box .news-sec .news-item .n-cont .msgs {
  height: 5rem;
  overflow: hidden;
}
#news .news-box .news-sec .news-item .n-cont .msgs .date {
  margin-bottom: 1.2rem;
  font-size: 1rem;
  color: #999999;
  transition: all 0.3s ease;
}
#news .news-box .news-sec .news-item .n-cont .msgs .des {
  font-size: 0.8rem;
  line-height: 1.5rem;
  transition: all 0.3s ease;
}
#news .news-box .news-sec .news-item .n-cont .msgs > div {
  margin-top: 1rem;
  transition: all 0.3s ease;
}
#news .news-box .news-sec .news-item .n-cont .msgs > div p {
  font-size: 1rem;
  color: #6a3acd;
}
#news .news-box .news-sec .news-item .n-cont .msgs > div span {
  font-size: 0.7rem;
  color: #6a3acd;
}
#news .news-box .news-sec .news-item:hover {
  transform: translateY(-1rem);
}
#news .news-box .news-sec .news-item:hover::before {
  width: 100%;
  opacity: 1;
}
#news .news-box .news-sec .news-item:hover h4 {
  color: #6a3acd;
}
#news .news-box .news-sec .news-item:hover .n-pic img {
  transform: scale(1.1);
}
#news .news-box .news-sec .news-item:hover .msg .date,
#news .news-box .news-sec .news-item:hover .msg .des,
#news .news-box .news-sec .news-item:hover .msg > div {
  transform: translateY(-2.5rem);
}
/**** 新闻详情 ****/
#snews {
  padding: 0 0 3rem;
}
#snews .container {
  max-width: 73%;
}
#snews .n-box {
  justify-content: space-between;
}
#snews .n-box .nl {
  width: 64%;
}
#snews .n-box .nl .n-head {
  padding-bottom: 1rem;
  border-bottom: 0.05rem solid #e6e6e6;
}
#snews .n-box .nl .n-head h4 {
  font-size: 1.2rem;
  color: #000;
}
#snews .n-box .nl .n-head p {
  margin-top: 1.5rem;
  font-size: 0.7rem;
  color: #999;
}
#snews .n-box .nl .n-head p span {
  color: inherit;
  margin-right: 1.5rem;
}
#snews .n-box .nl .nbody {
  padding: 3rem 0;
}
#snews .n-box .nl .nbody img {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}
#snews .n-box .nl .nbody p {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.6rem;
  text-align: justify;
}
#snews .n-box .nl .nbody p strong {
  color: #333;
  line-height: 2rem;
}
#snews .n-box .nl .nbody p span {
  color: inherit !important;
  font: inherit !important;
}
#snews .n-box .nr {
  margin-left: 4%;
  width: 28%;
}
#snews .n-box .nr h2 {
  margin: 1rem 0;
  font-size: 1rem;
  color: #000;
}
#snews .n-box .nr .nr-cont .nr-item {
  margin-bottom: 1.5rem;
}
#snews .n-box .nr .nr-cont .nr-item .n-pic {
  width: 33.3%;
  height: 4.5rem;
}
#snews .n-box .nr .nr-cont .nr-item .n-pic img {
  height: 100%;
}
#snews .n-box .nr .nr-cont .nr-item .nc {
  padding: 0.25rem 0.5rem;
  width: 66%;
  justify-content: space-between;
}
#snews .n-box .nr .nr-cont .nr-item .nc p a {
  font-size: 0.7rem;
  line-height: 1rem;
  color: #4d4d4d;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#snews .n-box .nr .nr-cont .nr-item .nc p a:hover {
  color: #6a3acd;
}
#snews .n-box .nr .nr-cont .nr-item .nc span {
  font-size: 0.6rem;
  color: #999;
}
#joinUs .ju {
  padding-bottom: 4rem;
  background: url(../images/bg1.jpg) no-repeat center;
  background-size: cover;
}
#joinUs .ju .ju-box {
  margin-top: 2rem;
}
#joinUs .ju .ju-box .jl {
  padding-right: 5rem;
  flex: 1;
}
#joinUs .ju .ju-box .jl h2 {
  margin-bottom: 2rem;
  padding-bottom: 2.15rem;
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  color: #6a3acd;
}
#joinUs .ju .ju-box .jl h2::before {
  position: absolute;
  content: '';
  width: 4rem;
  height: 0.15rem;
  background-color: #6a3acd;
  left: 0;
  bottom: 0;
}
#joinUs .ju .ju-box .jl p {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.8rem;
  font-size: 1rem;
  line-height: 1.8rem;
  color: #666666;
}
#joinUs .ju .ju-box .jl p::before {
  position: absolute;
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  background-color: #6a3acd;
  left: 0;
  top: 0.5rem;
  border-radius: 0.1rem;
  transform: rotate(45deg);
}
#joinUs .ju .ju-box .jr {
  width: 43%;
}
#joinUs .team {
  padding: 5rem 0;
}
#joinUs .team .team-box {
  padding-top: 4.2rem;
  padding-bottom: 2.5rem;
  width: 100%;
}
#joinUs .team .team-box .swiper-slide {
  background: transparent !important;
  width: 20rem !important;
}
#joinUs .team .team-box .swiper-slide .img {
  width: 100%;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
#joinUs .team .team-box .swiper-slide:hover .img {
  transform: translateY(-1rem);
}
#joinUs .team .team-box .hp {
  top: auto !important;
  bottom: 0;
  height: 0.15rem;
}
#joinUs .team .team-box .hp span {
  background: #6a3acd !important;
}
#joinUs .welfare {
  padding: 3rem 0 8.5rem;
  background: #f9f8fd;
}
#joinUs .welfare .wel-box {
  margin-top: 4rem;
  width: 100%;
}
#joinUs .welfare .wel-box .f-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#joinUs .welfare .wel-box .f-item .ico {
  width: 8rem;
  height: 8rem;
  background-color: #6a3acd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
#joinUs .welfare .wel-box .f-item .ico img {
  width: auto;
  transition: all 0.36s ease;
}
#joinUs .welfare .wel-box .f-item p {
  margin-top: 1.4rem;
  font-size: 1.4rem;
  color: #282828;
}
#joinUs .welfare .wel-box .f-item:hover .ico {
  transform: translateY(-1rem);
}
#joinUs .welfare .wel-box .f-item:hover .ico img {
  animation: tada 1s 0.2s ease both;
  -webkit-animation: tada 1s 0.2s ease both;
}
#joinUs .welfare .wel-box .f-item:nth-child(even) .ico {
  background-color: rgba(106, 58, 205, 0.7);
}
#joinUs .job {
  padding: 5rem 0;
}
#joinUs .job .job-box {
  margin-top: 2.5rem;
  flex-wrap: wrap;
  width: 100%;
}
#joinUs .job .job-box .j-item {
  position: relative;
  margin-bottom: 1.25rem;
  padding: 1.3rem 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 32%;
  margin-right: 1%;
  background-color: #fafafa;
  transition: all 0.4s ease-in-out;
}
#joinUs .job .job-box .j-item::before {
  position: absolute;
  content: '';
  top: 0;
  width: 0;
  height: 100%;
  left: auto;
  right: 0;
  background-color: #6a3acd;
  transition: all 0.4s ease-in-out;
}
#joinUs .job .job-box .j-item:nth-child(3n) {
  margin-right: 0;
}
#joinUs .job .job-box .j-item h4 {
  font-size: 1.2rem;
  color: #333333;
  transition: all 0.3s;
}
#joinUs .job .job-box .j-item img {
  position: relative;
  width: 100%;
  transition: all 0.3s;
}
#joinUs .job .job-box .j-item:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}
#joinUs .job .job-box .j-item:hover h4 {
  color: #fff;
  transform: translateX(0.5rem);
}
#joinUs .job .job-box .j-item:hover img {
  transform: scale(0.9);
}
#joinUs .process {
  padding: 3rem 0 5rem;
  background-color: #f9f8fd;
}
#joinUs .process .process-box {
  margin-top: 2.5rem;
}
#joinUs .process .process-box .pl {
  padding: 2.5rem 1.5rem;
  width: 39%;
  background-color: #fff;
}
#joinUs .process .process-box .pl .cont h4 {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  color: #6a3acd;
}
#joinUs .process .process-box .pl .cont p {
  font-size: 1rem;
  color: #999999;
  line-height: 1.8rem;
}
#joinUs .process .process-box .pl img {
  margin-left: 1.25rem;
  width: 5rem;
}
#joinUs .process .process-box .pr {
  flex: 1;
}
#joinUs .process .process-box .pr .p-item {
  position: relative;
  padding-right: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#joinUs .process .process-box .pr .p-item:first-child {
  padding-left: 2.25rem;
}
#joinUs .process .process-box .pr .p-item:last-child {
  padding-right: 0;
}
#joinUs .process .process-box .pr .p-item:last-child::before {
  display: none;
}
#joinUs .process .process-box .pr .p-item::before {
  position: absolute;
  content: '';
  top: 20%;
  right: -1%;
  width: 3rem;
  height: 0.05rem;
  background-color: #e1e6f0;
}
#joinUs .process .process-box .pr .p-item img {
  width: 4rem;
}
#joinUs .process .process-box .pr .p-item .txt {
  text-align: center;
}
#joinUs .process .process-box .pr .p-item h4 {
  margin: 1rem 0;
  font-size: 1.2rem;
  color: #333;
}
#joinUs .process .process-box .pr .p-item p {
  margin-bottom: 1rem;
  font-size: 1rem;
  white-space: nowrap;
  color: #666666;
}
#joinUs .process .process-box .pr .p-item span {
  font-size: 0.8rem;
  color: #999999;
}
.casebanner {
  position: relative;
}
.casebanner .txt {
  position: absolute;
  top: 58%;
  transform: translateY(-50%);
  left: 13.5%;
  max-width: 35%;
}
.casebanner .txt * {
  color: #fff;
}
.casebanner .txt h2 {
  margin-bottom: 2.25rem;
  position: relative;
  padding-bottom: 2rem;
  font-size: 1.9rem;
  line-height: 3rem;
  font-weight: bold;
}
.casebanner .txt h2::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 4rem;
  height: 0.2rem;
  background-color: #fff;
}
.casebanner .txt h4 {
  font-size: 1.5rem;
  font-weight: bold;
}
#showcase .case-box {
  padding-bottom: 3rem;
  align-items: flex-start;
}
#showcase .case-box .cl {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 2rem 2rem;
  margin-right: 1rem;
  width: 75%;
  box-sizing: content-box;
}
#showcase .case-box .cl::before {
  position: absolute;
  content: '';
  width: 100vw;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #fff;
  box-shadow: 4px 0px 12px rgba(106, 58, 205, 0.15);
  z-index: -1;
}
#showcase .case-box .cl .position {
  padding-bottom: 0;
}
#showcase .case-box .cl .c-item {
  width: 100%;
  padding: 2.5rem 0;
  border-bottom: 0.05rem solid #eeeeee;
}
#showcase .case-box .cl .c-item > h4 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  color: #333333;
  font-weight: bold;
}
#showcase .case-box .cl .c-item img {
  max-width: 100%;
  width: auto;
  margin: 1rem auto 0.5rem;
  display: inline-block;
}
#showcase .case-box .cl .c-item p,
#showcase .case-box .cl .c-item li {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.6rem;
  text-align: justify;
}
#showcase .case-box .cl .c-item p strong,
#showcase .case-box .cl .c-item li strong {
  color: #333;
  line-height: 2rem;
}
#showcase .case-box .cl .c-item ol {
  padding-left: 1rem;
}
#showcase .case-box .cl .c-item li {
  list-style: inherit;
}
#showcase .case-box .cl > a {
  display: inline-block;
  margin: 3rem auto 0;
  padding: 0.8rem 2.1rem;
  font-size: 0.8rem;
  color: #fff;
  background-color: #6a3acd;
  transition: all 0.3s ease;
}
#showcase .case-box .cl > a:hover {
  background-color: #4b29cf;
}
#showcase .case-box .cr {
  position: relative;
  padding: 2rem 2.1rem;
  flex: 1;
}
#showcase .case-box .cr::before {
  position: absolute;
  content: '';
  width: 100vw;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  box-shadow: -4px 4px 12px rgba(106, 58, 205, 0.15);
  z-index: -1;
}
#showcase .case-box .cr .logo {
  margin-bottom: 2.5rem;
  min-width: 11rem;
}
#showcase .case-box .cr .info {
  padding: 1.5rem 0 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 0.05rem solid #eeeeee;
  border-top: 0.05rem solid #eeeeee;
}
#showcase .case-box .cr .info h4 {
  margin-bottom: 1.5rem;
  position: relative;
  padding: 0 0 1.15rem;
  font-size: 1.4rem;
  color: #333333;
}
#showcase .case-box .cr .info h4::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2rem;
  height: 0.1rem;
  background-color: #6a3acd;
}
#showcase .case-box .cr .info p {
  font-size: 0.9rem;
  line-height: 1.4rem;
  color: #333333;
  text-align: justify;
  font-family: "Arial", "Microsoft YaHei", sans-serif;
}
#showcase .case-box .cr .page {
  padding-top: 1.9rem;
}
#showcase .case-box .cr .page p {
  display: flex;
  font-size: 0.9rem;
  line-height: 1.5rem;
  cursor: pointer;
  color: #5e5e5e;
  transition: all 0.3s ease;
}
#showcase .case-box .cr .page p span {
  color: inherit;
  font: inherit;
  white-space: nowrap;
}
#showcase .case-box .cr .page p a {
  color: inherit;
  font: inherit;
}
#showcase .case-box .cr .page p a:hover {
  color: #6a3acd;
}
#sol3 .safe {
  padding-bottom: 5rem;
}
#sol3 .safe .safe-box {
  margin-top: 3rem;
}
#sol3 .safe .safe-box .sl {
  width: 39%;
}
#sol3 .safe .safe-box .sl h2 {
  padding: 0.75rem 1.5rem;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
  max-width: 27.5rem;
  background-image: linear-gradient(90deg, #6a3acd, #fdfcff);
}
#sol3 .safe .safe-box .sl .p {
  position: relative;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  max-width: 27.5rem;
  background-image: linear-gradient(90deg, #f8f5ff, rgba(255, 255, 255, 0.48));
  transition: all 0.6s linear;
}
#sol3 .safe .safe-box .sl .p::before {
  position: absolute;
  content: '';
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.36s linear;
  background-image: linear-gradient(90deg, #d3c4f5, rgba(255, 255, 255, 0.48));
  z-index: 0;
}
#sol3 .safe .safe-box .sl .p:hover::before {
  width: 100%;
}
#sol3 .safe .safe-box .sl .p h4 {
  position: relative;
  font-size: 1.2rem;
  color: #333333;
}
#sol3 .safe .safe-box .sl .p p {
  position: relative;
  margin-top: 0.5rem;
  font-size: #666666;
  font-size: 1rem;
}
#sol3 .safe .safe-box .sr {
  position: relative;
  flex: 1;
  height: 32.6rem;
}
#sol3 .safe .safe-box .sr .c3 {
  opacity: 0;
}
#sol3 .safe .safe-box .sr .c4 {
  position: absolute;
  content: '';
  right: 0;
  width: 50.5rem;
  height: 32.6rem;
  top: 0;
  object-fit: contain;
  z-index: -1;
}
#sol3 .safe .safe-box .sr .c2 {
  position: absolute;
  left: -11%;
  top: 1%;
}
#sol3 .safe .safe-box .sr .c1 {
  position: absolute;
  left: 8%;
  top: 22%;
  max-width: 20rem;
}
#sol3 .user {
  margin-top: 2rem;
  padding: 3rem 0 4rem;
  background: url(../images/bg2.jpg) no-repeat center;
  background-size: cover;
}
#sol3 .user .user-box {
  margin-top: 2.5rem;
}
#sol3 .user .user-box .img {
  padding: 1rem;
  position: relative;
  width: 47.3%;
}
#sol3 .user .user-box .img p {
  position: absolute;
  font-size: 1rem;
  color: #fff;
  line-height: 1.8rem;
  width: 17rem;
  text-align: right;
}
#sol3 .user .user-box .img .p1 {
  right: 100%;
  top: 18%;
}
#sol3 .user .user-box .img .p2 {
  left: 100%;
  top: 18%;
  text-align: left;
}
#sol3 .user .user-box .img .p3 {
  right: 100%;
  bottom: 28%;
}
#sol3 .user .user-box .img .p4 {
  left: 100%;
  bottom: 35%;
  text-align: left;
}
#sol3 .user .user-box .img .p5 {
  bottom: -1.5rem;
  left: 50%;
  width: auto;
  white-space: nowrap;
  transform: translateX(-50%);
}
#team .main-1 {
  padding-top: 4rem;
  background-color: #6a3acd;
  background-image: url("../images/main-1-bg.jpg");
  background-size: cover;
}
#team .main-1 .position {
  padding-bottom: 0;
}
#team .main-1 .position * {
  color: #fff !important;
}
#team .main-1 * {
  color: #fff;
}
#team .main-1 .con {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#team .main-1 .con .left {
  max-width: 30rem;
}
#team .main-1 .con .right {
  max-width: 37rem;
  padding-top: 3rem;
}
#team .main-1 .con .right h2 {
  display: inline-block;
  font-size: 2rem;
  color: #6a3acd;
  padding: 1rem;
  padding-right: 4rem;
  padding-left: 2rem;
  font-weight: bold;
  position: relative;
  z-index: 1;
  margin-bottom: 2rem;
}
#team .main-1 .con .right h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("../images/name-bg.png");
  background-size: 100% 100%;
}
#team .main-1 .con .right h4 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 2;
  margin-top: 1rem;
}
#team .main-1 .con .right strong {
  font-weight: bold;
}
#team .main-1 .con .right p {
  margin-top: 2rem;
  line-height: 1.8;
  word-break: break-all;
  text-align: justify;
  font-size: 0.8rem;
}
#team .main-1 .con .right span {
  font-size: 1.5rem;
  font-weight: normal;
}
#team .main-2 {
  padding: 5rem 0;
  background-image: url("../images/main-2-bg.jpg");
  background-size: cover;
}
#team .main-2 .container {
  display: flex;
  justify-content: space-between;
}
#team .main-2 .container ul {
  margin-left: 3rem;
}
#team .main-2 .container ul li {
  margin-bottom: 1.5rem;
}
#team .main-2 .container ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 1rem);
  width: 1rem;
  border-bottom: 2px solid #6a3acd;
  opacity: 0;
  transition: all ease 1s;
}
#team .main-2 .container ul li:hover a,
#team .main-2 .container ul li.active a {
  font-weight: bold;
  color: #6a3acd;
}
#team .main-2 .container ul li:hover a::before,
#team .main-2 .container ul li.active a::before {
  opacity: 1;
}
#team .main-2 .container ul a {
  position: relative;
  display: block;
  font-size: 1.2rem;
  color: #666;
  transition: all ease 0.3s;
}
#team .main-2 .container ol {
  display: none;
  flex-wrap: wrap;
  width: 45.9rem;
}
#team .main-2 .container ol.active {
  display: flex;
}
#team .main-2 .container ol li {
  width: 12rem;
  margin-right: calc((100% - 12rem * 3) / 2);
  margin-bottom: 3rem;
}
#team .main-2 .container ol li:nth-of-type(3n) {
  margin-right: 0;
}
#team .main-2 .container ol li:hover a .img img {
  transform: scale(1.1);
}
#team .main-2 .container ol a {
  display: block;
}
#team .main-2 .container ol a .img {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ccc;
}
#team .main-2 .container ol a .img img {
  transition: all ease 0.5s;
}
#team .main-2 .container ol a .text h6 {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 3;
}
#team .main-2 .container ol a .text p {
  font-size: 0.8rem;
}
#team .main-2 .container ol a:hover .text h6 {
  color: #6a3acd;
}
#team_show {
  background-color: #6a3acd;
  background-image: url("../images/team-bg.jpg");
  background-size: cover;
  padding-top: 4rem;
}
#team_show .page-banner-container > div {
  display: flex;
  justify-content: space-between;
}
#team_show .page-banner-container .p-pagination {
  width: 4rem;
  flex-shrink: 0;
  padding: 1rem 0;
  padding-bottom: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#team_show .page-banner-container .p-pagination .swiper-pagination {
  position: initial;
  width: 3.6rem;
  height: 3.6rem;
}
#team_show .page-banner-container .p-pagination .swiper-pagination::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  border-bottom: 1px solid #fff;
  transform-origin: 30% 0;
  transform: rotate(-45deg) translate(-46%, -50%);
}
#team_show .page-banner-container .p-pagination .swiper-pagination * {
  color: #fff;
}
#team_show .page-banner-container .p-pagination .swiper-pagination span {
  position: absolute;
  font-weight: bold;
}
#team_show .page-banner-container .p-pagination .swiper-pagination span:first-of-type {
  top: 0;
  left: 0;
  font-size: 1.8rem;
}
#team_show .page-banner-container .p-pagination .swiper-pagination span:last-of-type {
  bottom: 0;
  right: 0;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
}
#team_show .page-banner-container .p-pagination .swiper-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#team_show .page-banner-container .p-pagination .swiper-btn > div {
  position: initial;
  background-position: center;
  background-repeat: no-repeat;
}
#team_show .page-banner-container .p-pagination .swiper-btn > div::after {
  display: none;
}
#team_show .page-banner-container .p-pagination .swiper-btn .swiper-button-prev {
  background-image: url("../images/jl.png");
}
#team_show .page-banner-container .p-pagination .swiper-btn .swiper-button-next {
  background-image: url("../images/jr.png");
}
#team_show .page-banner-container .swiper-container {
  flex: 1;
  margin-left: 5rem;
  margin-right: 2rem;
}
#team_show .page-banner-container .swiper-container .swiper-slide {
  display: flex;
  background-color: transparent;
}
#team_show .page-banner-container .swiper-container .swiper-slide * {
  color: #fff;
}
#team_show .page-banner-container .swiper-container .swiper-slide .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#team_show .page-banner-container .swiper-container .swiper-slide h6 {
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 1.8rem;
  text-align: left;
}
#team_show .page-banner-container .swiper-container .swiper-slide .lab {
  line-height: 2;
  position: relative;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: left;
}
#team_show .page-banner-container .swiper-container .swiper-slide .lab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#team_show .page-banner-container .swiper-container .swiper-slide p {
  line-height: 2;
  max-width: 32rem;
  text-align: justify;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 2rem;
  word-break: break-all;
  font-size: 0.8rem;
}
#team_show .page-banner-container .swiper-container .swiper-slide p:last-of-type {
  margin-bottom: 0;
}
#team_show .page-banner-container .swiper-container .swiper-slide .img {
  max-width: 28rem;
}
#team_show .page-banner-container .swiper-container .swiper-slide .img img {
  width: 100%;
}
#team_show .page-banner-container > .img {
  width: 5.3rem;
  flex-shrink: 0;
}
#doing {
  background-color: #f8f4ff;
}
#doing .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#doing .container .img {
  margin-right: 4rem;
}
#doing .container .img img {
  max-width: 20rem;
}
#doing .container .text h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #6a3acd;
  opacity: 0.6;
  line-height: 2;
  text-transform: uppercase;
}
#doing .container .text strong {
  font-size: 1.4rem;
  font-weight: normal;
  color: #6a3acd;
}
#doing .container .text p {
  line-height: 3;
}
#doing .container .text a {
  display: inline-block;
  padding: 0.5rem 1.4rem;
  border-radius: 3rem;
  color: #fff;
  font-size: 0.7rem;
  background-color: #6a3acd;
}
#member {
  padding-top: 4rem;
}
#member .main-1 {
  background-color: #eff0f4;
  padding: 5rem 0;
  background-image: url("../images/member-bg.jpg");
}
#member .main-1 .container {
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
#member .main-1 .container .left {
  width: 27.5rem;
  padding: 3rem 1.25rem;
}
#member .main-1 .container .left h2 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #6a3acd;
  text-align: center;
  margin-bottom: 2rem;
  font-family: Microsoft YaHei;
}
#member .main-1 .container .left h2 img {
  display: inline-block;
  max-width: 9.2rem;
}
#member .main-1 .container .left .form .inp {
  display: flex;
  align-items: center;
  border: 1px solid #ebebeb;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
#member .main-1 .container .left .form .inp .i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1rem;
}
#member .main-1 .container .left .form .inp .i::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.5rem;
  height: 1rem;
  border-right: 1px solid #ebebeb;
  transform: translateY(-50%);
}
#member .main-1 .container .left .form .inp .i .yiffo {
  color: #6a3acd;
  font-size: 1.2rem;
}
#member .main-1 .container .left .form .inp input {
  height: 3rem;
}
#member .main-1 .container .left .form .inp input::placeholder {
  font-size: 0.8rem;
}
#member .main-1 .container .left .form input {
  flex: 1;
}
#member .main-1 .container .left .form button {
  width: auto;
  min-width: 7rem;
  height: 3rem;
  background-color: #6a3acd;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
#member .main-1 .container .left .form .code {
  display: flex;
  justify-content: space-between;
}
#member .main-1 .container .left .form .code .inp {
  flex: 1;
}
#member .main-1 .container .left .form .code button {
  margin-left: 0.5rem;
}
#member .main-1 .container .left .form .code .code-img {
  min-width: 7rem;
  height: 3rem;
  margin-left: 0.5rem;
  background-color: #ccc;
  cursor: pointer;
}
#member .main-1 .container .left .form .code .code-img img {
  height: 100%;
}
#member .main-1 .container .left .form .submit button {
  width: 100%;
}
#member .main-1 .container .left .form .clause {
  margin-top: 2rem;
}
#member .main-1 .container .left .form .clause p,
#member .main-1 .container .left .form .clause a {
  font-size: 0.7rem;
  color: #1c66fd;
}
#member .main-1 .container .left .form .clause div {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
#member .main-1 .container .left .form .clause input {
  flex: none;
  width: 0.6rem;
  height: 0.6rem;
  -webkit-appearance: auto;
  margin-right: 0.4rem;
  cursor: pointer;
}
#member .main-1 .container .left .form .clause span {
  font-size: 0.7rem;
}
#member .main-1 .container .left .form .a-link {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
}
#member .main-1 .container .left .form .a-link * {
  font-size: 0.7rem;
}
#member .main-1 .container .left .form .a-link span {
  color: #999;
}
#member .main-1 .container .left .form .a-link a {
  color: #6a3acd;
}
#member .main-1 .container .al {
  display: flex;
  align-items: center;
}
#member .main-1 .container .right {
  background-color: #6a3acd;
  padding: 2.5rem;
  background-size: cover;
  background-repeat: no-repeat;
}
#member .main-1 .container .right * {
  color: #fff;
}
#member .main-1 .container .right .item {
  margin-bottom: 2rem;
}
#member .main-1 .container .right .item:last-of-type {
  margin-bottom: 0;
}
#member .main-1 .container .right .item h3 {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
}
#member .main-1 .container .right .item p {
  line-height: 1.8;
  font-size: 0.8rem;
  text-align: justify;
}
#member .main-1 .container .right .item .txt {
  display: flex;
  flex-wrap: wrap;
}
#member .main-1 .container .right .item .txt p {
  width: 50%;
  margin-bottom: 3rem;
  font-size: 0.9rem;
  white-space: nowrap;
}
#member .main-1 .container .right .item .flow {
  display: flex;
  justify-content: space-between;
}
#member .main-1 .container .right .item .flow .ic {
  padding-top: 2.5rem;
  position: relative;
}
#member .main-1 .container .right .item .flow .ic::before,
#member .main-1 .container .right .item .flow .ic::after {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  border-left: 0.4rem solid #fff;
  transform: translateY(-50%);
}
#member .main-1 .container .right .item .flow .ic::before {
  left: -0.3rem;
  opacity: 0.5;
}
#member .main-1 .container .right .item .flow .ic::after {
  left: 0.3rem;
}
#member .main-1 .container .right .item .flow .list .i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #fff;
}
#member .main-1 .container .right .item .flow .list .i .yiffo {
  font-size: 1.5rem;
}
#member .main-1 .container .right .item .flow .list .yiffo,
#member .main-1 .container .right .item .flow .list .yiffo * {
  color: #6a3acd;
}
#member .main-1 .container .right .item .flow .list p {
  text-align: center;
  font-size: 0.8rem;
  line-height: 2;
}
#member .main-1 .container .right .item .start {
  margin-top: 3rem;
}
#member .main-1 .container .right .item .start a {
  display: inline-flex;
  align-items: center;
  color: #6a3acd;
  padding: 0.8rem 1.65rem;
  background-color: #fff;
  border-radius: 4rem;
}
#member .main-1 .container .right .item .start a .yiffo {
  margin-left: 0.5rem;
  font-size: 1.5rem;
}
#member .main-1 .container .right .item .start a .yiffo,
#member .main-1 .container .right .item .start a .yiffo * {
  color: #6a3acd;
}
#member .cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem 0;
  background-color: #6a3acd;
  z-index: 20;
  transition: all ease 0.3s;
}
#member .cookie.show {
  transform: translateY(0);
}
#member .cookie.hide {
  transform: translateY(100%);
}
#member .cookie * {
  font-size: 0.7rem;
  text-align: center;
  color: #fff;
}
#member .cookie p {
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
#member .cookie a {
  text-decoration: underline;
  margin: 0 0.2rem;
}
#member .cookie span {
  color: #00eaff;
}
.msg {
  padding: 5rem 0;
  background: url(../images/formbg.jpg) no-repeat center;
  background-size: cover;
}
.msg .msg-box {
  padding: 2.5rem 2rem;
  margin-top: 2.5rem;
  box-shadow: 0 0.05rem 3rem #f2f2f2;
  background-color: #fff;
  flex-wrap: wrap;
}
.msg .msg-box .ml {
  width: 48%;
}
.msg .msg-box .ml form .input-box {
  margin-bottom: 1.4rem;
  display: flex;
  align-items: center;
  padding: 1.5rem;
  background-color: #f8f9fa;
}
.msg .msg-box .ml form .input-box:last-child {
  margin-bottom: 0;
}
.msg .msg-box .ml form .input-box i {
  font-size: 1rem;
  color: #6a3acd;
}
.msg .msg-box .ml form .input-box input {
  margin-left: 1rem;
  width: 100%;
  font-size: 1rem;
  color: #333333;
  background-color: transparent;
}
.msg .msg-box .mr {
  padding: 1.7rem 2.5rem;
  width: 48%;
  margin-left: 4%;
  background-color: #f8f9fa;
}
.msg .msg-box .mr h2 {
  margin-bottom: 2.5rem;
  font-size: 1.4rem;
  color: #333333;
  font-weight: bold;
}
.msg .msg-box .mr .m {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.msg .msg-box .mr .m .icon {
  margin-right: 1rem;
  width: 3rem;
  height: 3rem;
  border: 0.05rem solid #6a3acd;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.msg .msg-box .mr .m .icon i {
  font-size: 1rem;
  color: #6a3acd;
}
.msg .msg-box .mr .m p {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  color: #666666;
}
.msg .msg-box .mr .m p span {
  margin-top: 0.5rem;
  color: #333333;
  font-weight: bold;
}
.msg .msg-box a {
  margin: 3rem auto 0;
  padding: 1rem 5rem;
  border-radius: 1.5rem;
  font-size: 1rem;
  font-weight: bold;
}
.msg .msg-box a::before {
  border-radius: 2rem;
}
#sol4 .solution {
  padding-bottom: 7.5rem;
  background: url(../images/bg3.png) no-repeat bottom;
  background-size: contain;
}
#sol4 .solution .sol-box {
  margin-top: 6rem;
}
#sol4 .solution .sol-box .sol-l {
  width: 50%;
}
#sol4 .solution .sol-box .sol-l p {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 2rem;
  color: #333333;
  text-align: justify;
}
#sol4 .solution .sol-box .sol-l a {
  margin-top: 4rem;
}
#sol4 .solution .sol-box .sol-r {
  margin-left: 2rem;
  max-width: 23.35rem;
}
#sol4 .what {
  padding: 3rem 0 0;
  background: url(../images/bg4.jpg) no-repeat center;
  background-size: cover;
}
#sol4 .what .what-box {
  margin-top: 2.5rem;
  flex-wrap: wrap;
}
#sol4 .what .what-box .w-item {
  margin-bottom: 3rem;
  padding: 2.3rem 1.5rem;
  width: 48.5%;
  margin-right: 3%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(75, 27, 174, 0.5);
  transition: all 0.3s ease;
}
#sol4 .what .what-box .w-item:nth-child(even) {
  margin-right: 0;
}
#sol4 .what .what-box .w-item h4 {
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
}
#sol4 .what .what-box .w-item h4 span {
  font-size: 1.2rem;
  font-weight: 500;
  color: inherit;
}
#sol4 .what .what-box .w-item .cont {
  padding-right: 2.5rem;
}
#sol4 .what .what-box .w-item p {
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 1.8rem;
  color: #fff;
}
#sol4 .what .what-box .w-item img {
  width: 5rem;
}
#sol4 .what .what-box .w-item:hover {
  background-color: #fff;
}
#sol4 .what .what-box .w-item:hover h4 {
  color: #333;
}
#sol4 .what .what-box .w-item:hover p {
  color: #666;
}
#sol4 .scene {
  padding: 5rem 0;
}
#sol4 .scene ul {
  margin-top: 1.5rem;
}
#sol4 .scene ul li {
  padding: 0 1.5rem;
  position: relative;
  font-size: 1rem;
  color: #666666;
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: 500;
}
#sol4 .scene ul li:last-child::before {
  display: none;
}
#sol4 .scene ul li::before {
  position: absolute;
  content: '';
  width: 0.05rem;
  height: 1rem;
  right: 0;
  top: 50%;
  background-color: #666666;
  transform: translateY(-50%);
}
#sol4 .scene ul li:hover {
  color: #6a3acd;
}
#sol4 .scene ul .checked {
  color: #6a3acd;
}
#sol4 .scene .scene-box .swiper-container {
  padding: 2.5rem 0;
}
#sol4 .scene .scene-box .swiper-container .swiper-slide {
  box-shadow: 0.05rem 0.1rem 3rem 0 #f1f1f1;
}
#sol4 .changes {
  padding: 3rem 0;
  background: url(../images/bg5.jpg) no-repeat center;
  background-size: cover;
}
#sol4 .changes .changes-box {
  position: relative;
  margin-top: 2rem;
}
#sol4 .changes .changes-box::before {
  position: absolute;
  content: '';
  width: 23.4rem;
  height: 23.4rem;
  background-image: url(../images/xz.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  animation: xz 10s linear infinite;
  -webkit-animation: xz 10s linear alternate;
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
#sol4 .route {
  padding: 5rem 0 3rem;
  background: url(../images/bg6.jpg) no-repeat center;
  background-size: cover;
}
#sol4 .route .route-box {
  margin-top: 2.5rem;
}
#sol4 .route .route-box .r-item {
  padding: 4rem 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 32%;
  margin-right: 2%;
  background-color: #fff;
  transition: all 0.4s ease;
}
#sol4 .route .route-box .r-item:last-child {
  margin-right: 0;
}
#sol4 .route .route-box .r-item .img i {
  display: block;
  font-size: 4rem;
  color: #999999;
}
#sol4 .route .route-box .r-item h4 {
  margin: 2rem 0 1.5rem;
  font-size: 1.4rem;
  color: #333333;
  font-weight: bold;
}
#sol4 .route .route-box .r-item p {
  margin-bottom: 3rem;
  font-size: 1rem;
  color: #666666;
}
#sol4 .route .route-box .r-item span {
  padding-bottom: 1rem;
  position: relative;
  display: block;
  font-size: 0.9rem;
  color: #999999;
}
#sol4 .route .route-box .r-item span::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #999999;
}
#sol4 .route .route-box .r-item:hover {
  box-shadow: 0.5rem 1rem 2rem rgba(0, 0, 0, 0.1);
}
#sol4 .route .route-box .r-item:hover i {
  color: #6a3acd;
  animation: tada 1s 0.2s ease both;
  -webkit-animation: tada 1s 0.2s ease both;
  -moz-animation: tada 1s 0.2s ease both;
}
#sol4 .route .route-box .r-item:hover h4 {
  color: #6a3acd;
}
#sol4 .route .route-box .r-item:hover span {
  color: #6a3acd;
}
#sol4 .route .route-box .r-item:hover span::before {
  background-color: #6a3acd;
}
#sol2 .sol .sol-box {
  margin-top: 1.25rem;
}
#sol2 .sol .sol-box .sol-l {
  padding-right: 4%;
  flex: 1;
}
#sol2 .sol .sol-box .sol-l .s-item {
  display: flex;
  align-items: center;
}
#sol2 .sol .sol-box .sol-l .s-item:nth-child(2) {
  margin: 2.9rem 0;
}
#sol2 .sol .sol-box .sol-l .s-item img {
  margin-right: 1.5rem;
  width: 4rem;
}
#sol2 .sol .sol-box .sol-l .s-item h4 {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333333;
}
#sol2 .sol .sol-box .sol-l .s-item span {
  margin-top: 1rem;
  font-size: 1rem;
  color: #666666;
  font-weight: 400;
  line-height: 1.8rem;
}
#sol2 .sol .sol-box .sol-r {
  width: 42.5%;
}
#sol2 .system {
  padding: 3rem 0;
}
#sol2 .system .sys-box {
  margin-top: 3.5rem;
}
#sol2 .itsm {
  padding: 5rem 0;
}
#sol2 .itsm .itsm-box {
  margin-top: 3.2rem;
}
#sol2 .itsm .itsm-box .s-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sol2 .itsm .itsm-box .s-item h4 {
  margin: 2rem 0 1.25rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333333;
}
#sol2 .itsm .itsm-box .s-item p {
  font-size: 1rem;
  color: #666666;
}
#sol2 .it {
  padding: 3rem 0;
  background: #6a3acd;
}
#sol2 .it .it-box {
  margin-top: 2.5rem;
}
#sol2 .train {
  padding: 5rem 0;
}
#sol2 .train .train-box {
  margin-top: 2.5rem;
  flex-wrap: wrap;
}
#sol2 .train .train-box .t-item {
  margin-bottom: 1.5rem;
  width: 18.5%;
  margin-right: 1%;
}
#sol2 .train .train-box .t-item:nth-child(5n) {
  margin-right: 0;
}
#sol2 .train .train-box .t-item p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333333;
}
@keyframes gomove {
  0% {
    transform: translateY(0) translateX(-50%);
  }
  25% {
    transform: translateY(-1rem) translateX(-50%);
  }
  50% {
    transform: translateY(-1.5rem) translateX(-50%);
  }
  75% {
    transform: translateY(-1rem) translateX(-50%);
  }
  100% {
    transform: translateY(0) translateX(-50%);
  }
}
#sol1 .qa {
  padding-bottom: 4.5rem;
}
#sol1 .qa .qa-box {
  margin-top: 4.5rem;
}
#sol1 .qa .qa-box .qa-l > div,
#sol1 .qa .qa-box .qa-r > div {
  max-width: 21.5rem;
  position: relative;
}
#sol1 .qa .qa-box .qa-l > div:nth-child(1),
#sol1 .qa .qa-box .qa-r > div:nth-child(1) {
  margin-bottom: 5rem;
}
#sol1 .qa .qa-box .qa-l > div h4,
#sol1 .qa .qa-box .qa-r > div h4 {
  position: relative;
  font-size: 1.4rem;
  color: #333333;
  font-weight: bold;
  transition: all 0.46s ease;
}
#sol1 .qa .qa-box .qa-l > div h4::before,
#sol1 .qa .qa-box .qa-r > div h4::before {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/cel.png) no-repeat center;
  background-size: contain;
  transition: all 0.36s ease;
}
#sol1 .qa .qa-box .qa-l > div p,
#sol1 .qa .qa-box .qa-r > div p {
  margin-top: 1rem;
  font-size: 1rem;
  color: #666666;
  line-height: 1.8rem;
}
#sol1 .qa .qa-box .qa-l > div::before,
#sol1 .qa .qa-box .qa-r > div::before {
  position: absolute;
  content: '';
  width: 0%;
  height: 2.2rem;
  bottom: -28%;
  background-image: url(../images/lline.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  transition: all 0.5s linear;
}
#sol1 .qa .qa-box .qa-l > div:hover::before,
#sol1 .qa .qa-box .qa-r > div:hover::before {
  width: 126%;
}
#sol1 .qa .qa-box .qa-r {
  text-align: right;
}
#sol1 .qa .qa-box .qa-r > div h4::before {
  right: 0;
}
#sol1 .qa .qa-box .qa-r > div::before {
  background-image: url(../images/rline.svg);
  left: -23%;
  background-position: left top;
}
#sol1 .qa .qa-box .qa-r > div:hover h4 {
  color: #6a3acd;
  transform: translateX(-1rem);
}
#sol1 .qa .qa-box .qa-r > div:hover h4::before {
  right: -8%;
  transform: translateY(-50%) scale(1);
}
#sol1 .qa .qa-box .qa-r > div:hover p {
  color: #6a3acd;
}
#sol1 .qa .qa-box .qa-r > div:hover::before {
  width: 126%;
}
#sol1 .qa .qa-box .qa-l > div h4::before {
  left: 0;
}
#sol1 .qa .qa-box .qa-l > div::before {
  right: -23%;
  background-position: right top;
}
#sol1 .qa .qa-box .qa-l > div:hover h4 {
  color: #6a3acd;
  transform: translateX(1.5rem);
}
#sol1 .qa .qa-box .qa-l > div:hover h4::before {
  left: -8%;
  transform: translateY(-50%) scale(1);
}
#sol1 .qa .qa-box .qa-l > div:hover p {
  color: #6a3acd;
}
#sol1 .qa .qa-box .qa-l > div:hover::before {
  width: 126%;
}
#sol1 .qa .qa-box .qa-m {
  position: relative;
}
#sol1 .qa .qa-box .qa-m img:nth-child(2) {
  position: absolute;
  left: 54%;
  transform: translateX(-50%);
  width: auto;
  bottom: 50%;
  animation: gomove 1.8s linear infinite;
  -webkit-animation: gomove 1.8s linear infinite;
}
#sol1 .design {
  padding: 3rem 0 1rem;
  background: url(../images/bg9.jpg) no-repeat center;
  background-size: cover;
}
#sol1 .design .design-box {
  margin-top: 2.5rem;
  flex-wrap: wrap;
}
#sol1 .design .design-box .de-item {
  margin-bottom: 2rem;
  padding: 2.3rem 1.5rem;
  width: 48.5%;
  margin-right: 3%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(167, 125, 255, 0.2);
  border-radius: 0.5rem;
  transition: all 0.36s ease-in-out;
}
#sol1 .design .design-box .de-item:nth-child(even) {
  margin-right: 0;
}
#sol1 .design .design-box .de-item h4 {
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
}
#sol1 .design .design-box .de-item h4 span {
  font-size: 1.2rem;
  font-weight: 500;
  color: inherit;
}
#sol1 .design .design-box .de-item .cont {
  padding-right: 2.5rem;
}
#sol1 .design .design-box .de-item p {
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 1.8rem;
  color: #fff;
}
#sol1 .design .design-box .de-item img {
  width: 5rem;
}
#sol1 .design .design-box .de-item:hover {
  background-color: #fff;
}
#sol1 .design .design-box .de-item:hover h4,
#sol1 .design .design-box .de-item:hover p {
  color: #6a3acd;
}
#sol1 .advantage {
  padding: 5rem 0;
  background: url(../images/ysbg.jpg) no-repeat center;
  background-size: cover;
}
#sol1 .advantage .advs-box {
  margin-top: 2.5rem;
  width: 100%;
}
#sol1 .advantage .advs-box .al .advs-item,
#sol1 .advantage .advs-box .ar .advs-item {
  position: relative;
  padding: 1.75rem 0.5rem 1.75rem 1rem;
  display: flex;
  flex-direction: column;
  width: 21.2rem;
  border: 0.05rem solid #7646d9;
  border-radius: 0.5rem;
  width: 21rem;
  background: #fbf9ff url(../images/ys-item-bg.png) no-repeat center;
  background-size: auto;
  background-position: right top;
  transition: all 0.36s ease;
}
#sol1 .advantage .advs-box .al .advs-item::before,
#sol1 .advantage .advs-box .ar .advs-item::before {
  position: absolute;
  content: '';
  width: 0.45rem;
  height: 0.45rem;
  background-color: #6a3acd;
  border-radius: 50%;
}
#sol1 .advantage .advs-box .al .advs-item:nth-child(1),
#sol1 .advantage .advs-box .ar .advs-item:nth-child(1) {
  margin-bottom: 1.5rem;
}
#sol1 .advantage .advs-box .al .advs-item h4,
#sol1 .advantage .advs-box .ar .advs-item h4 {
  margin: 0 0 1rem;
  font-size: 1.4rem;
  color: #333333;
  font-weight: bold;
}
#sol1 .advantage .advs-box .al .advs-item p,
#sol1 .advantage .advs-box .ar .advs-item p {
  font-size: 0.9rem;
  color: #666666;
}
#sol1 .advantage .advs-box .al .a1,
#sol1 .advantage .advs-box .ar .a1 {
  border-bottom-right-radius: 0 ;
}
#sol1 .advantage .advs-box .al .a1::before,
#sol1 .advantage .advs-box .ar .a1::before {
  right: -0.225rem;
  bottom: -0.225rem;
}
#sol1 .advantage .advs-box .al .a2,
#sol1 .advantage .advs-box .ar .a2 {
  border-top-right-radius: 0;
}
#sol1 .advantage .advs-box .al .a2::before,
#sol1 .advantage .advs-box .ar .a2::before {
  right: -0.225rem;
  top: -0.225rem;
}
#sol1 .advantage .advs-box .al .a3,
#sol1 .advantage .advs-box .ar .a3 {
  border-bottom-left-radius: 0;
}
#sol1 .advantage .advs-box .al .a3::before,
#sol1 .advantage .advs-box .ar .a3::before {
  left: -0.225rem;
  bottom: -0.225rem;
}
#sol1 .advantage .advs-box .al .a4,
#sol1 .advantage .advs-box .ar .a4 {
  border-top-left-radius: 0;
}
#sol1 .advantage .advs-box .al .a4::before,
#sol1 .advantage .advs-box .ar .a4::before {
  left: -0.225rem;
  top: -0.225rem;
}
#sol1 .advantage .advs-box .al .a-item:hover {
  transform: translateX(-1rem);
}
#sol1 .advantage .advs-box .ar .a-item:hover {
  transform: translateX(1rem);
}
#sol1 .advantage .advs-box .am {
  max-width: 23.5rem;
}
#sol1 .change {
  padding: 3rem 0;
  background: url(../images/bg10.jpg) no-repeat center;
  background-size: cover;
}
#sol1 .change .change-box {
  margin-top: 1rem;
}
#sol1 .change .change-box .c-box {
  position: relative;
  width: 37%;
}
#sol1 .change .change-box .c-box::before {
  position: absolute;
  content: '';
  width: 10.5rem;
  height: 10.5rem;
  background: url(../images/crun.png) no-repeat center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  animation: xzreverse 10s linear infinite;
  -webkit-animation: xzreverse 10s linear infinite;
}
#sol1 .change .change-box .c-item {
  position: absolute;
}
#sol1 .change .change-box .c-item h4 {
  font-size: 1.4rem;
  color: #fff;
  white-space: nowrap;
}
#sol1 .change .change-box .c-item p {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: #fff;
  line-height: 1.8rem;
  white-space: nowrap;
}
#sol1 .change .change-box .c1,
#sol1 .change .change-box .c2 {
  text-align: right;
  right: 100%;
}
#sol1 .change .change-box .c3,
#sol1 .change .change-box .c4 {
  text-align: left;
  left: 100%;
}
#sol1 .change .change-box .c1,
#sol1 .change .change-box .c3 {
  top: 18%;
}
#sol1 .change .change-box .c2,
#sol1 .change .change-box .c4 {
  bottom: 7%;
}
#sol1 .local {
  padding: 5rem 0 4.5rem;
}
#sol1 .local .local-box {
  margin-top: 2.5rem;
}
#sol1 .local .local-box .l-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.4rem;
  color: #666666;
  transition: all 0.3s ease;
}
#sol1 .local .local-box .l-item .img {
  margin-bottom: 1.5rem;
  max-width: 6.25rem;
  position: relative;
  transition: all 0.3s ease;
}
#sol1 .local .local-box .l-item .img img:nth-child(2) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
  opacity: 0;
}
#sol1 .local .local-box .l-item:hover {
  color: #6a3acd;
}
#sol1 .local .local-box .l-item:hover .img {
  transform: translateY(-1rem);
}
#sol1 .local .local-box .l-item:hover .img img:nth-child(2) {
  opacity: 1;
  z-index: 1;
}
.message {
  padding: 3rem 0 ;
  background: url(../images/formbg.jpg) no-repeat center;
  background-size: cover;
}
.message .message-box {
  margin-top: 0r;
}
.message .message-box .txt h4 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #6a3acd;
}
.message .message-box .txt p {
  margin: 1.5rem 0 1rem;
  position: relative;
  padding-bottom: 1.5rem;
  font-size: 0.9rem;
  color: #343334;
}
.message .message-box .txt p::before {
  position: absolute;
  content: '';
  width: 3.5rem;
  height: 0.05rem;
  background-color: #b295eb;
  left: 0;
  bottom: 0;
}
.message .message-box form {
  display: flex;
  flex-wrap: wrap;
}
.message .message-box form input,
.message .message-box form textarea {
  margin-bottom: 1.5rem;
  padding: 0.9rem 1rem;
  font-size: 0.8rem;
  color: #808080;
  width: 32%;
  margin-right: 2%;
  background: transparent;
  border: 0.05rem solid #ccc1e1;
  transition: all 0.36s ease-in-out;
  border-radius: 0.2rem;
}
.message .message-box form input::placeholder,
.message .message-box form textarea::placeholder {
  color: #808080;
}
.message .message-box form input:focus,
.message .message-box form textarea:focus {
  border-color: #6a3acd;
  background-color: #fff;
}
.message .message-box form input:nth-child(3) {
  margin-right: 0;
}
.message .message-box form textarea {
  width: 100%;
  margin-right: 0;
  min-height: 7rem;
}
.message .message-box form button {
  margin-left: 2%;
  margin-top: 1rem;
  padding: 0.8rem 3rem;
  line-height: 1;
  border-radius: 1.5rem;
}
.message .message-box form button::before {
  border-radius: 2rem;
}
.tc {
  position: fixed;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.36s ease;
  opacity: 0;
  z-index: -2;
}
.tc::before {
  position: fixed;
  content: '';
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.tc .close {
  position: absolute;
  top: -1rem;
  right: -1rem;
  cursor: pointer;
}
.tc .close i {
  font-size: 1rem;
  color: #fff;
  display: block;
  transition: all 0.36s ease;
}
.tc .close i:hover {
  transform: rotate(360deg);
}
.showtc {
  opacity: 1;
  z-index: 3001;
  top: 50%;
}
/* esm */
#esm .service {
  padding-bottom: 6.5rem;
  background: url(../images/ems-server.jpg) no-repeat center;
  background-size: cover;
}
#esm .service .ser-box {
  margin-top: 4rem;
}
#esm .service .ser-box .sl .txt p {
  max-width: 36rem;
  font-size: 1rem;
  color: #333333;
  line-height: 2rem;
  text-align: justify;
}
#esm .service .ser-box .sl a {
  margin-top: 3.5rem;
}
#esm .th {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  color: #6a3acd;
  line-height: 1.5rem;
  font-weight: bold;
}
#esm .t1 {
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: #6a3acd;
}
#esm .buss {
  padding: 5rem 0;
}
#esm .buss .buss-box {
  margin-top: 2.5rem;
}
#esm .buss .buss-box .yw {
  margin-top: 2.5rem;
}
#esm .buss .buss-box .yw .yw-item {
  position: relative;
  margin-right: 1%;
}
#esm .buss .buss-box .yw .yw-item:last-child {
  margin-right: 0;
}
#esm .buss .buss-box .yw .yw-item .row {
  position: absolute;
  width: 3.4rem;
  height: 1.5rem;
  left: 100%;
  z-index: 1;
}
#esm .buss .buss-box .yw .yw-item .r1 {
  top: 29%;
}
#esm .buss .buss-box .yw .yw-item .r2 {
  top: 32%;
}
#esm .buss .buss-box .yw .yw-item .r3 {
  top: 22%;
}
#esm .buss .buss-box .yw .yw-item .r4 {
  top: 43%;
}
#esm .pd,
#esm .zj {
  background-color: rgba(247, 247, 252, 0.5);
}
#esm .pd .tit::before {
  bottom: 3rem;
}
#esm .pd .tit::after {
  bottom: 4rem;
}
/* aitsm */
#aitsm .qa {
  padding-bottom: 4.5rem;
}
#aitsm .qa .qa-box {
  margin-top: 4.5rem;
}
#aitsm .qa .qa-box .qa-l > div,
#aitsm .qa .qa-box .qa-r > div {
  max-width: 21.5rem;
  position: relative;
}
#aitsm .qa .qa-box .qa-l > div:nth-child(1),
#aitsm .qa .qa-box .qa-r > div:nth-child(1) {
  margin-bottom: 5rem;
}
#aitsm .qa .qa-box .qa-l > div h4,
#aitsm .qa .qa-box .qa-r > div h4 {
  position: relative;
  font-size: 1.4rem;
  color: #333333;
  font-weight: bold;
  transition: all 0.46s ease;
}
#aitsm .qa .qa-box .qa-l > div h4::before,
#aitsm .qa .qa-box .qa-r > div h4::before {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/cel.png) no-repeat center;
  background-size: contain;
  transition: all 0.36s ease;
}
#aitsm .qa .qa-box .qa-l > div p,
#aitsm .qa .qa-box .qa-r > div p {
  margin-top: 1rem;
  font-size: 1rem;
  color: #666666;
  line-height: 1.8rem;
}
#aitsm .qa .qa-box .qa-l > div::before,
#aitsm .qa .qa-box .qa-r > div::before {
  position: absolute;
  content: '';
  width: 0%;
  height: 2.2rem;
  bottom: -28%;
  background-image: url(../images/lline.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  transition: all 0.5s linear;
}
#aitsm .qa .qa-box .qa-l > div:hover::before,
#aitsm .qa .qa-box .qa-r > div:hover::before {
  width: 126%;
}
#aitsm .qa .qa-box .qa-r {
  text-align: right;
}
#aitsm .qa .qa-box .qa-r > div h4::before {
  right: 0;
}
#aitsm .qa .qa-box .qa-r > div::before {
  background-image: url(../images/rline.svg);
  left: -23%;
  background-position: left top;
}
#aitsm .qa .qa-box .qa-r > div:hover h4 {
  color: #6a3acd;
  transform: translateX(-1rem);
}
#aitsm .qa .qa-box .qa-r > div:hover h4::before {
  right: -8%;
  transform: translateY(-50%) scale(1);
}
#aitsm .qa .qa-box .qa-r > div:hover p {
  color: #6a3acd;
}
#aitsm .qa .qa-box .qa-r > div:hover::before {
  width: 126%;
}
#aitsm .qa .qa-box .qa-l > div h4::before {
  left: 0;
}
#aitsm .qa .qa-box .qa-l > div::before {
  right: -23%;
  background-position: right top;
}
#aitsm .qa .qa-box .qa-l > div:hover h4 {
  color: #6a3acd;
  transform: translateX(1.5rem);
}
#aitsm .qa .qa-box .qa-l > div:hover h4::before {
  left: -8%;
  transform: translateY(-50%) scale(1);
}
#aitsm .qa .qa-box .qa-l > div:hover p {
  color: #6a3acd;
}
#aitsm .qa .qa-box .qa-l > div:hover::before {
  width: 126%;
}
#aitsm .qa .qa-box .qa-m {
  position: relative;
}
#aitsm .qa .qa-box .qa-m img:nth-child(2) {
  position: absolute;
  left: 54%;
  transform: translateX(-50%);
  width: auto;
  bottom: 50%;
  animation: gomove 1.8s linear infinite;
  -webkit-animation: gomove 1.8s linear infinite;
}
#aitsm .aitsm {
  padding: 3rem 0 5.5rem;
  background: url(../images/bg11.jpg) no-repeat center;
  background-size: cover;
}
#aitsm .aitsm .container > p {
  font-size: 1rem;
  color: #fff;
  opacity: 0.6;
  margin: 2.4rem auto 0;
  max-width: 80%;
  line-height: 1.75rem;
  text-align: center;
}
#aitsm .aitsm .container .aitsm-box {
  position: relative;
  margin-top: 7.25rem;
}
#aitsm .aitsm .container .aitsm-box::before {
  position: absolute;
  content: '';
  width: 0.05rem;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 2s ease;
}
#aitsm .aitsm .container .aitsm-box img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 19.1rem;
  z-index: 11;
  transform: translate(-50%, -50%) scale(0.3);
  transition: all 0.8s ease;
}
#aitsm .aitsm .container .aitsm-box .sec {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
#aitsm .aitsm .container .aitsm-box .sec:nth-child(3) {
  padding: 1.6rem 0 2.1rem;
}
#aitsm .aitsm .container .aitsm-box .sec:nth-child(3) .s-item:nth-child(2) {
  transform: translate(-1.4rem, -4.8rem);
}
#aitsm .aitsm .container .aitsm-box .sec:nth-child(4) {
  padding: 4.1rem 3.5rem 4.3rem;
}
#aitsm .aitsm .container .aitsm-box .sec:nth-child(4)::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 50%;
  transition: all 2s ease;
  transform: translateX(-50%) scale(0, 1);
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.25);
  border-top: 0.05rem solid rgba(255, 255, 255, 0.25);
  z-index: -1;
}
#aitsm .aitsm .container .aitsm-box .sec:nth-child(5) {
  padding: 2.3rem 6rem;
}
#aitsm .aitsm .container .aitsm-box .sec:nth-child(5) .s-item:nth-child(2) {
  transform: translate(3.25rem, 4.8rem);
}
#aitsm .aitsm .container .aitsm-box .sec * {
  color: #fff;
}
#aitsm .aitsm .container .aitsm-box .sec .s-item {
  display: flex;
  align-items: center;
  transition: all 0.36s ease;
}
#aitsm .aitsm .container .aitsm-box .sec .s-item:last-child {
  text-align: right;
}
#aitsm .aitsm .container .aitsm-box .sec .s-item i {
  display: block;
  font-size: 2rem;
  margin: 0 1rem;
}
#aitsm .aitsm .container .aitsm-box .sec .s-item h4 {
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
}
#aitsm .aitsm .container .aitsm-box .sec .s-item h4 span {
  margin-top: 0.5rem;
  font-size: 0.7rem;
}
#aitsm .aitsm .container .animated::before {
  transform: translate(-50%, -50%) scale(1);
}
#aitsm .aitsm .container .animated img {
  transform: translate(-50%, -50%) scale(1);
}
#aitsm .aitsm .container .animated .sec:nth-child(4)::before {
  transform: translateX(-50%) scale(1, 1);
}
#aitsm .team {
  padding: 5rem 0 5.4rem;
  background: url(../images/bg12.png) no-repeat center;
  background-size: cover;
}
#aitsm .team .team-box {
  margin-top: 2.5rem;
}
#aitsm .team .tm h4 {
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
  color: #6a3acd;
  font-weight: 600;
}
#aitsm .team .tm img {
  margin-bottom: 1.5rem;
  transition: all 0.36s ease;
}
#aitsm .team .tm img:hover {
  transform: scale3d(0.9, 0.9, 1);
}
#aitsm .value {
  padding: 3rem 0 6.5rem;
  background: url(../images/bg13.jpg) no-repeat center;
  background-size: cover;
}
#aitsm .value .value-box {
  margin-top: 6rem;
}
#aitsm .value .value-box .v-item {
  width: 100%;
}
#aitsm .value .value-box .v-item .v h4 {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
  justify-content: flex-end;
}
#aitsm .value .value-box .v-item .v h4 img {
  width: auto;
  margin-left: 0.7rem;
}
#aitsm .value .value-box .v-item .v p {
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.5rem;
  text-align: right;
  max-width: 24.5rem;
}
#aitsm .value .value-box .v-item .l h4 {
  justify-content: flex-start;
}
#aitsm .value .value-box .v-item .l h4 img {
  margin-left: 0;
  margin-right: 0.7rem;
}
#aitsm .value .value-box .v-item .l p {
  text-align: left;
}
#aitsm .value .value-box .v-item:last-child {
  margin-top: 6rem;
}
/* 增值服务 */
#add .ysqa {
  padding-bottom: 5rem;
  background: url(../images/bg14.jpg) no-repeat center;
  background-size: cover;
}
#add .ysqa .qa-box {
  margin-top: 1.5rem;
}
#add .ysqa .qa-box .qa-l .q {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
}
#add .ysqa .qa-box .qa-l .q p {
  margin-right: 1rem;
  width: 4rem;
  height: 4rem;
  background: url(../images/txtbg.png) no-repeat center;
  background-size: contain;
  font-size: 1.5rem;
  color: #6a3acd;
  text-align: center;
  line-height: 4rem;
}
#add .ysqa .qa-box .qa-l .q h4 {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  color: #333333;
  font-weight: 600;
}
#add .ysqa .qa-box .qa-l .q h4 span {
  margin-top: 1rem;
  color: #666666;
  font-size: 1rem;
}
#add .solve {
  padding: 3.5rem 0 4rem;
  background: url(../images/bg15.jpg) no-repeat center;
  background-size: cover;
}
#add .solve .solve-box {
  margin-top: 3.9rem;
  width: 100%;
}
#add .solve .solve-box .sl .s-item,
#add .solve .solve-box .sr .s-item {
  display: flex;
  align-items: center;
}
#add .solve .solve-box .sl .s-item:nth-child(2),
#add .solve .solve-box .sr .s-item:nth-child(2) {
  margin: 5rem 0;
}
#add .solve .solve-box .sl .s-item p,
#add .solve .solve-box .sr .s-item p {
  margin-right: 1rem;
  max-width: 17rem;
  font-size: 0.9rem;
  line-height: 1.8rem;
  text-align: right;
  color: #fff;
}
#add .solve .solve-box .sl .s-item span,
#add .solve .solve-box .sr .s-item span {
  display: block;
  position: relative;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  color: #6a3acd;
  text-align: center;
  line-height: 3rem;
  border-radius: 50%;
}
#add .solve .solve-box .sl .s-item span::before,
#add .solve .solve-box .sr .s-item span::before {
  position: absolute;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  opacity: 0.3;
  right: -0.5rem;
  bottom: 0;
  border-radius: 50%;
}
#add .solve .solve-box .sr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#add .solve .solve-box .sr .s-item {
  flex-direction: row-reverse;
}
#add .solve .solve-box .sr .s-item p {
  margin-right: 0;
  margin-left: 1rem;
  text-align: left;
}
#add .pla {
  padding: 4.3rem 0 2.5rem;
  background: url(../images/bg16.jpg);
}
#add .pla .pla-box {
  margin-top: 1.5rem;
}
#add .pla .pla-box .pl {
  width: 70%;
  flex-wrap: wrap;
}
#add .pla .pla-box .pl p {
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #333333;
  width: 50%;
}
#add .pla .pla-box .pl p img {
  margin-right: 0.8rem;
  width: auto;
}
#add .pla .pla-box > img {
  max-width: 26.5rem;
}
#add .culture {
  padding: 3.4rem 0 4rem;
  background: url(../images/bg17.png) no-repeat center;
  background-size: cover;
}
#add .culture .culture-box {
  margin-top: 2.9rem;
  width: 100%;
}
#add .culture .culture-box .cl p {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #fff;
  white-space: nowrap;
}
#add .culture .culture-box .cl p img {
  margin-right: 1rem;
  width: auto;
}
#add .culture .culture-box .cl p:nth-child(2) {
  margin: 5rem 0;
}
/* cmdb */
#cmdb .pay {
  padding-bottom: 2.6rem;
  background: url(../images/bg18.jpg) no-repeat center;
  background-size: cover;
}
#cmdb .pay .pay-box {
  margin-top: 5rem;
  position: relative;
  z-index: 1;
}
#cmdb .pay .pay-box::before {
  position: absolute;
  content: '';
  width: 95%;
  height: 27.8rem;
  background: url(../images/line.png) no-repeat center;
  background-size: contain;
  left: 50%;
  transform: translateX(-50%);
  top: 10%;
  z-index: -1;
}
#cmdb .pay .pay-box .txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
}
#cmdb .pay .pay-box .txt h4 {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: #6a3acd;
  font-weight: 600;
}
#cmdb .pay .pay-box .txt h4 span {
  margin-left: 0.5rem;
  font-weight: 400;
  font-size: 1.2rem;
  color: inherit;
}
#cmdb .user {
  padding: 4rem 0 6rem;
  background: url(../images/bg19.jpg) no-repeat center;
  background-size: cover;
}
#cmdb .user .user-box {
  margin-top: 5rem;
  flex-wrap: wrap;
}
#cmdb .user .user-box .u-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  transition: all 0.36s ease;
}
#cmdb .user .user-box .u-item:nth-of-type(n+5) {
  margin-top: 2.5rem;
}
#cmdb .user .user-box .u-item span {
  position: relative;
  display: flex;
  width: 6rem;
  height: 6rem;
  justify-content: center;
  align-items: center;
  border: 0.05rem solid #fff;
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: 1;
}
#cmdb .user .user-box .u-item span i {
  font-size: 2.5rem;
  color: #fff;
  display: block;
  transition: all 0.36s ease;
}
#cmdb .user .user-box .u-item h4 {
  margin: 1.2rem 0;
  font-size: 1.4rem;
  color: #fff;
}
#cmdb .user .user-box .u-item p {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5rem;
  text-align: justify;
  max-width: 13.5rem;
  opacity: 0.8;
}
#cmdb .user .user-box .u-item:hover span {
  background-color: #fff;
}
#cmdb .user .user-box .u-item:hover span i {
  color: #6a3acd;
  animation: tada 1s 0.2s ease both;
  -webkit-animation: tada 1s 0.2s ease both;
}
/* 业务连续性 */
#lx .cover {
  padding-bottom: 5.75rem;
}
#lx .cover .c-box {
  margin-top: 3.8rem;
  align-items: flex-start;
  flex-wrap: wrap;
}
#lx .cover .c-box img:nth-child(1) {
  width: 16%;
}
#lx .cover .c-box img:nth-child(2) {
  width: 51%;
}
#lx .cover .c-box img:nth-child(3) {
  width: 33%;
}
#lx .cover .c-box p {
  width: 100%;
  font-size: 0.8rem;
  color: #666666;
  margin-top: 2.5rem;
  text-align: center;
}
#lx .sy {
  padding: 4rem 0 5.3rem;
  background: url(../images/bg20.jpg) no-repeat center;
  background-size: cover;
}
#lx .sy .sy-box {
  margin-top: 3.5rem;
}
#lx .sy .sy-box .sl .s {
  position: relative;
  margin-left: 1.4rem;
  padding: 1.5rem 1rem 2.5rem;
  display: flex;
  width: 20%;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 1rem;
  z-index: 1;
}
#lx .sy .sy-box .sl .s::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background-color: #6a3acd;
  transition: all 0.36s ease;
  z-index: -1;
  border-radius: 1rem;
}
#lx .sy .sy-box .sl .s:hover::before {
  height: 100%;
}
#lx .sy .sy-box .sl .s:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.4);
}
#lx .sy .sy-box .sl .s:nth-child(3) {
  background-color: rgba(255, 255, 255, 0.3);
}
#lx .sy .sy-box .sl .s:nth-child(4) {
  background-color: rgba(255, 255, 255, 0.2);
}
#lx .sy .sy-box .sl .s:nth-child(5) {
  background-color: rgba(255, 255, 255, 0.1);
}
#lx .sy .sy-box .sl .s img {
  width: auto;
  height: 2.7rem;
}
#lx .sy .sy-box .sl .s h4 {
  margin: 1rem 0;
  font-size: 1.1rem;
  height: 2rem;
  color: #fff;
  text-align: center;
  line-height: 1.4rem;
}
#lx .sy .sy-box .sl .s p {
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.4rem;
  opacity: 0.7;
  text-align: justify;
  max-width: 10.4rem;
}
#ai .ai ul {
  margin-top: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.05rem solid #eaeaea;
}
#ai .ai ul li {
  margin-bottom: 1.5rem;
  list-style-image: url(../images/aiicon.png);
}
#ai .ai ul li p {
  padding-left: 0.5rem;
  font-size: 0.9rem;
  color: #666666;
  line-height: 1.5rem;
  text-align: justify;
}
#ai .ai .ai-box {
  padding: 2rem 0 5.3rem;
}
#ai .ai .ai-box .ai-item p {
  margin-bottom: 1.75rem;
  font-size: 1.2rem;
  color: #6a3acd;
}
#ai .ai .ai-box .ai-item p span {
  font-size: 1.5rem;
  color: #6a3acd;
}
#ai .ai .ai-box .ai-item:last-child {
  margin-top: 2.5rem;
}
#management .manage {
  margin-bottom: 5.75rem;
  padding-bottom: 5.75rem;
}
#management .manage .container > p {
  margin: 2rem 0 3.5rem;
  font-size: 1rem;
  color: #999999;
  line-height: 1.5rem;
  text-align: justify;
}
#management .manage .container .man-box .ma-item {
  position: relative;
}
#management .manage .container .man-box .ma-item .icon {
  position: relative;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border: 0.05rem solid #6a3acd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 0.15rem 1.5rem rgba(220, 206, 253);
}
#management .manage .container .man-box .ma-item .icon::before {
  position: absolute;
  content: '';
  width: 125%;
  height: 125%;
  border: 0.05rem dashed #6a3acd;
  border-radius: 50%;
  animation: run 10s  linear infinite;
}
#management .manage .container .man-box .ma-item .icon i {
  font-size: 2rem;
  color: #6a3acd;
}
#management .manage .container .man-box .ma-item .txt {
  position: absolute;
  left: -12%;
  top: 150%;
  width: 10rem;
}
#management .manage .container .man-box .ma-item .txt h4 {
  font-size: 1rem;
  color: #333333;
  white-space: nowrap;
  font-weight: bold;
}
#management .manage .container .man-box .ma-item .txt p {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #666666;
  text-align: justify;
}
#management .manage .container .man-box .line {
  width: 6.25rem;
  height: 0;
  border-bottom: 0.05rem dashed #6a3acd;
}
#management .msec .tit3 {
  margin-bottom: 2rem;
}
#management .msec .tit3::after {
  font-size: 1.5rem;
}
#management .msec .m-sec {
  padding: 1.5rem 0;
  display: flex;
  justify-content: center;
  height: 25rem;
  overflow: hidden;
}
#management .msec .m-sec:nth-child(odd) {
  background-color: #f9f8fd;
}
#management .msec .m-sec:nth-child(even) .container {
  flex-direction: row-reverse;
}
#management .msec .m-sec .container {
  width: 100%;
  justify-content: space-between;
}
#management .msec .m-sec img {
  width: 25.5rem;
}
#management .msec .m-sec .cont {
  width: 53%;
}
#management .msec .m-sec .cont p {
  margin-bottom: 0.8rem;
  padding-left: 1rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #666666;
  text-align: justify;
}
#management .msec .m-sec .cont p i {
  position: absolute;
  left: 0;
  top: 0.8rem;
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  flex: none;
  background-color: #6a3acd;
}
#management .msec .m-sec .cont a {
  margin-top: 2.5rem;
}
#management .case {
  padding: 3rem 0 5rem;
  background: url(../images/mabg.jpg) no-repeat center;
  background-size: cover;
}
#management .case .case-box {
  margin-top: 3.5rem;
}
#management .case .case-box #ct {
  margin-bottom: 2.7rem;
}
#management .case .case-box #ct .swiper-slide {
  background-color: #fff;
  padding: 2.3rem 2rem;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 0.5rem;
  overflow: hidden;
}
#management .case .case-box #ct .swiper-slide h4 {
  font-size: 1.5rem;
  color: #6a3acd;
  font-weight: bold;
}
#management .case .case-box #ct .swiper-slide h4 sup,
#management .case .case-box #ct .swiper-slide h4 sub {
  display: inline-block;
  font-size: 48px;
}
#management .case .case-box #ct .swiper-slide h4 sup {
  transform: translateY(25%);
}
#management .case .case-box #ct .swiper-slide h4 sub {
  transform: translateY(50%);
}
#management .case .case-box #ct .swiper-slide p {
  margin: 1.5rem 0 2rem;
  font-size: 0.9rem;
  line-height: 1.8rem;
  text-align: center;
  color: #666666;
  width: 64%;
}
#management .case .case-box #ct .swiper-slide span {
  font-size: 0.8rem;
  color: #6a3acd;
}
#management .case .case-box #ct .swiper-button-next,
#management .case .case-box #ct .swiper-button-prev {
  width: 2.4rem;
  height: 2.4rem;
  border: 0.05rem solid #6a3acd;
  border-radius: 50%;
}
#management .case .case-box #ct .swiper-button-next::after,
#management .case .case-box #ct .swiper-button-prev::after {
  font-size: 1.25rem;
  color: #6a3acd;
}
#management .case .case-box #ct .swiper-button-prev {
  left: 2rem;
}
#management .case .case-box #ct .swiper-button-next {
  right: 2rem;
}
#management .case .case-box #cb .swiper-slide {
  border: 0.05rem solid rgba(153, 153, 153, 0.1);
  height: 5rem;
  background-color: transparent;
  border-radius: 0.3rem;
  overflow: hidden;
}
#management .case .case-box #cb .swiper-slide img {
  height: 100%;
  filter: grayscale(0.8);
  opacity: 0.2;
  transition: all 0.36s ease;
}
#management .case .case-box #cb .swiper-slide:hover img {
  filter: grayscale(0);
  opacity: 1;
}
#management .case .case-box #cb .swiper-slide-thumb-active img {
  filter: grayscale(0);
  opacity: 1;
}
.video-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 4000;
}
.video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-box .close {
  padding: 1rem 2.5rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 22;
}
.video-box .close i {
  color: #fff;
  font-size: 1.5rem;
}