@charset "utf-8";
:root {
  --color: #6a1685;
  --vh: 100vh;
}
.social-share {
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.social-share * {
  font-family: "socialshare" !important;
}
.social-share .icon-tencent:before {
  content: "\f07a";
}
.social-share .icon-qq:before {
  content: "\f11a";
}
.social-share .icon-weibo:before {
  content: "\f12a";
}
.social-share .icon-wechat:before {
  content: "\f09a";
}
.social-share .icon-douban:before {
  content: "\f10a";
}
.social-share .icon-heart:before {
  content: "\f20a";
}
.social-share .icon-like:before {
  content: "\f00a";
}
.social-share .icon-qzone:before {
  content: "\f08a";
}
.social-share .icon-linkedin:before {
  content: "\f01a";
}
.social-share .icon-diandian:before {
  content: "\f05a";
}
.social-share .icon-facebook:before {
  content: "\f03a";
}
.social-share .icon-google:before {
  content: "\f04a";
}
.social-share .icon-twitter:before {
  content: "\f06a";
}
.social-share a {
  position: relative;
  text-decoration: none;
  margin: 4px;
  display: inline-block;
  outline: none;
}
.social-share .social-share-icon {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 20px;
  border-radius: 50%;
  line-height: 32px;
  border: 1px solid #666;
  color: #666;
  text-align: center;
  vertical-align: middle;
  transition: background 0.6s ease-out 0s;
}
.social-share .social-share-icon:hover {
  background: #666;
  color: #fff;
}
.social-share .icon-weibo {
  color: #ff763b;
  border-color: #ff763b;
}
.social-share .icon-weibo:hover {
  background: #ff763b;
}
.social-share .icon-tencent {
  color: #56b6e7;
  border-color: #56b6e7;
}
.social-share .icon-tencent:hover {
  background: #56b6e7;
}
.social-share .icon-qq {
  color: #56b6e7;
  border-color: #56b6e7;
}
.social-share .icon-qq:hover {
  background: #56b6e7;
}
.social-share .icon-qzone {
  color: #FDBE3D;
  border-color: #FDBE3D;
}
.social-share .icon-qzone:hover {
  background: #FDBE3D;
}
.social-share .icon-douban {
  color: #33b045;
  border-color: #33b045;
}
.social-share .icon-douban:hover {
  background: #33b045;
}
.social-share .icon-linkedin {
  color: #0077B5;
  border-color: #0077B5;
}
.social-share .icon-linkedin:hover {
  background: #0077B5;
}
.social-share .icon-facebook {
  color: #44619D;
  border-color: #44619D;
}
.social-share .icon-facebook:hover {
  background: #44619D;
}
.social-share .icon-google {
  color: #db4437;
  border-color: #db4437;
}
.social-share .icon-google:hover {
  background: #db4437;
}
.social-share .icon-twitter {
  color: #55acee;
  border-color: #55acee;
}
.social-share .icon-twitter:hover {
  background: #55acee;
}
.social-share .icon-diandian {
  color: #307DCA;
  border-color: #307DCA;
}
.social-share .icon-diandian:hover {
  background: #307DCA;
}
.social-share .icon-wechat {
  position: relative;
  color: #7bc549;
  border-color: #7bc549;
}
.social-share .icon-wechat:hover {
  background: #7bc549;
}
.social-share .icon-wechat .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  top: -205px;
  left: -84px;
  width: 200px;
  height: 192px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}
.social-share .icon-wechat .wechat-qrcode.bottom {
  top: 40px;
  left: -84px;
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
  display: none;
}
.social-share .icon-wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777;
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
  width: 105px;
  margin: 10px auto;
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}
.social-share .icon-wechat .wechat-qrcode .help p {
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0;
}
.social-share .icon-wechat .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.social-share .icon-wechat:hover .wechat-qrcode {
  display: block;
}
.textflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.textflow2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.textflow3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.textflow4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.font-b {
  font-weight: bold;
}
@media (max-width: 991px) {
  .public-pc-img {
    display: none;
  }
}
.public-mb-img {
  display: none;
}
@media (max-width: 991px) {
  .public-mb-img {
    display: block;
  }
}
.public-nav-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.public-nav-banner.public-nav-banner2 .bgimg::before {
  padding-top: 31.25%;
}
.public-nav-banner.public-nav-banner3 .container {
  top: 2.2rem;
  transform: translate(-50%, 0);
}
@media (max-width: 991px) {
  .public-nav-banner.public-nav-banner3 .container {
    top: 2.8rem !important;
    transform: translate(-50%, 0) !important;
  }
}
.public-nav-banner.public-nav-bannerblack .container .cn1 {
  color: #000000;
}
.public-nav-banner.public-nav-bannerblack .container .cn2 {
  letter-spacing: 10px;
  color: #666666;
}
@media (max-width: 767px) {
  .public-nav-banner.public-nav-bannerblack .container .cn2 {
    letter-spacing: 4px;
  }
}
@media (max-width: 991px) {
  .public-nav-banner .bgimg {
    height: 56.25vh;
  }
}
.public-nav-banner .bgimg::before {
  padding-top: 36.45833333%;
}
.public-nav-banner .bgimg img {
  transform: translateZ(0);
  /* 强制GPU加速 */
  will-change: transform;
  /* 预声明优化 */
  backface-visibility: hidden;
  transition: all 0s;
}
.public-nav-banner .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
}
.public-nav-banner .container .cn1 {
  color: #fff;
  line-height: 1.2;
}
.public-nav-banner .container .cn2 {
  color: #ffffff;
  letter-spacing: 0.11rem;
  line-height: 1.5;
  margin-top: 0.25rem;
}
@media (max-width: 991px) {
  .public-nav-banner .container .cn2 {
    letter-spacing: 0;
  }
}
.public-nav-banner .container .cn3 {
  margin-top: 0.25rem;
}
.public-nav-banner .container .cn3 .public-btn {
  margin: 0.2rem 0.1rem;
}
.public-agent-textbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.public-agent-textbox .pcn1 {
  width: 50%;
  color: #222222;
}
@media (max-width: 991px) {
  .public-agent-textbox .pcn1 {
    width: 100%;
    text-align: center;
  }
}
.public-agent-textbox .pcn2 {
  width: 50%;
  color: #666666;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .public-agent-textbox .pcn2 {
    width: 100%;
    text-align: center;
    margin-top: 0.25rem;
  }
}
.public-agent-textbox .pcn3 {
  margin-top: 0.28rem;
  color: #999999;
}
.public-agent-textbox.public-agent-textbox2 .pcn1 {
  width: 100%;
  text-align: center;
}
.public-agent-textbox.public-agent-textbox2 .pcn2 {
  text-align: center;
  width: 100%;
  margin-top: 0.2rem;
  color: #999999;
}
.public-agent-textbox.public-agent-textbox3 {
  text-align: left;
}
.public-agent-textbox.public-agent-textbox3 .pbox1 {
  width: 50%;
}
@media (max-width: 767px) {
  .public-agent-textbox.public-agent-textbox3 .pbox1 {
    width: 100%;
  }
}
.public-agent-textbox.public-agent-textbox3 .pbox1 .pcn1 {
  text-align: left;
}
@media (max-width: 767px) {
  .public-agent-textbox.public-agent-textbox3 .pbox1 .pcn1 {
    text-align: center;
  }
}
.public-agent-textbox.public-agent-textbox3 .pbox1 .pcn2 {
  text-align: left;
}
.public-agent-textbox.public-agent-textbox3 .pbox2 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 767px) {
  .public-agent-textbox.public-agent-textbox3 .pbox2 {
    display: none;
  }
}
.public-agent-textbox.public-agent-textbox3 .pbox2 .public-swiper-left,
.public-agent-textbox.public-agent-textbox3 .pbox2 .public-swiper-right {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0);
}
.public-agent-textbox.public-agent-textbox3 .pbox2 .public-swiper-right {
  margin-left: 0.1rem;
}
.agent-box0 {
  position: relative;
  background-color: #Fff;
  padding: 0 0 1.4rem;
}
.agent-box1 {
  padding: 1.3rem 0 0;
  position: relative;
  background-color: #Fff;
}
.agent-box1 .img {
  margin-top: 0.65rem;
  border-radius: 0.1rem;
}
.agent-box1 .img::before {
  padding-top: 40%;
}
.agent-box2 {
  padding: 1.15rem 0 0;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.agent-box2 .agent-box2swiper {
  margin-top: 0.55rem;
  position: relative;
}
.agent-box2 .agent-box2swiper .swiper-slide {
  background-color: #f8fafc;
  border-radius: 0.1rem;
  padding: 0.35rem 0.23rem;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.agent-box2 .agent-box2swiper .cn1 {
  color: #222222;
}
.agent-box2 .agent-box2swiper .cn2 {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.agent-box2 .agent-box2swiper .cn2 .cn3 img {
  height: 0.92rem;
}
.agent-box2 .agent-box2swiper .cn2 .cn4 {
  margin-top: 0.3rem;
  color: #999999;
  line-height: 1.5;
}
.agent-box3 {
  padding-top: 1.35rem;
  position: relative;
  background-color: #fff;
}
.agent-box3 .box {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 0.55rem;
  padding: 1.15rem 0;
  border-radius: 0.1rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .agent-box3 .box {
    padding: 0.85rem 0 1.15rem;
  }
}
.agent-box3 .box .box2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.agent-box3 .box .box2 .box3 {
  margin: 0 0.45rem;
  width: 1.64rem;
  height: 1.64rem;
  background-color: rgba(248, 250, 252, 0.6);
  backdrop-filter: blur(0.1rem);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .agent-box3 .box .box2 .box3 {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0.3rem 0.15rem 0;
  }
}
.agent-box3 .box .box2 .box3 .img {
  height: 0.5rem;
}
@media (max-width: 767px) {
  .agent-box3 .box .box2 .box3 .img {
    height: 0.7rem;
  }
}
.agent-box3 .box .box2 .box3 .img img {
  height: 100%;
  object-fit: cover;
}
.agent-box3 .box .box2 .box3 .text {
  color: #Fff;
  margin-top: 0.1rem;
}
.agent-box3 .box .box2 .box3 .img2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.9rem;
  left: 100%;
}
@media (max-width: 767px) {
  .agent-box3 .box .box2 .box3 .img2 {
    display: none;
  }
}
.agent-box3 .box .box2 .box3 .img2 img {
  width: 100%;
}
.agent-box3 .box .box2 .box3:last-child .img2 {
  display: none;
}
.agent-box4 {
  background-color: #f5f6fc;
  position: relative;
  padding: 1.35rem 0 1.4rem;
}
@media (max-width: 991px) {
  .agent-box4 .public-swiper-left,
  .agent-box4 .public-swiper-right {
    display: none;
  }
}
.agent-box4 .container2 {
  margin-top: 0.55rem;
  position: relative;
}
.agent-box4 .container2 .agent-box4swiper {
  position: relative;
  overflow: hidden;
}
.agent-box4 .container2 .agent-box4swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  background-color: #Fff;
  border-radius: 0.1rem;
  padding: 0.25rem;
}
@media (max-width: 991px) {
  .agent-box4 .container2 .agent-box4swiper .swiper-slide {
    padding: 0.25rem 0.25rem 1rem;
  }
}
.agent-box4 .container2 .agent-box4swiper .swiper-slide .img {
  width: 50%;
  border-radius: 0.05rem;
}
@media (max-width: 991px) {
  .agent-box4 .container2 .agent-box4swiper .swiper-slide .img {
    width: 100%;
  }
}
.agent-box4 .container2 .agent-box4swiper .swiper-slide .img::before {
  padding-top: 78.76923077%;
}
.agent-box4 .container2 .agent-box4swiper .swiper-slide .text {
  width: 50%;
  padding: 0.6rem 1rem 0;
}
@media (max-width: 991px) {
  .agent-box4 .container2 .agent-box4swiper .swiper-slide .text {
    padding: 0 0 0 0.3rem;
  }
}
@media (max-width: 991px) {
  .agent-box4 .container2 .agent-box4swiper .swiper-slide .text {
    width: 100%;
    padding: 0.6rem 0 0;
  }
}
.agent-box4 .container2 .agent-box4swiper .swiper-slide .text .text1 {
  color: #000000;
  line-height: 1.53333333;
  height: 3.06666667em;
}
.agent-box4 .container2 .agent-box4swiper .swiper-slide .text .text2 {
  color: #666666;
  line-height: 1.625;
  height: 4.875em;
  margin-top: 0.3rem;
}
.agent-box4 .container2 .agent-box4swiper .swiper-slide .text .public-btn {
  margin-top: 0.55rem;
}
@media (max-width: 991px) {
  .agent-box4 .container2 .agent-box4swiper .swiper-slide .text .public-btn {
    margin-top: 0.3rem;
  }
}
.agent-box4 .container2 .agent-box4swiper .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.agent-box4 .container2 .agent-box4swiper .public-pagination {
  bottom: 0.25rem;
  left: calc(50% + 1rem);
}
@media (max-width: 991px) {
  .agent-box4 .container2 .agent-box4swiper .public-pagination {
    left: 50%;
    transform: translateX(-50%);
  }
}
.public-pagination {
  position: absolute;
  bottom: 0.25rem;
  z-index: 5;
  display: flex;
  width: auto !important;
}
.public-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 0.6rem;
  background-color: transparent;
  border-radius: 0;
  opacity: 1;
  position: relative;
  display: block;
}
.public-pagination .swiper-pagination-bullet::before {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  background-color: #e5e7f8;
  position: absolute;
}
.public-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: var(--color);
}
.public-pagination.public-mb-pagination {
  display: none !important;
}
@media (max-width: 991px) {
  .public-pagination.public-mb-pagination {
    display: flex !important;
    position: relative !important;
    text-align: center !important;
    width: 100% !important;
    justify-content: center !important;
    margin-top: 0.6rem !important;
  }
}
.public-swiper-left,
.public-swiper-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.49rem;
  height: 0.49rem;
  border: 1px solid #Ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  right: -0.9rem;
  cursor: pointer;
  transition: all 0.5s;
  z-index: 5;
}
@media (max-width: 991px) {
  .public-swiper-left,
  .public-swiper-right {
    width: 0.76rem;
    height: 0.76rem;
  }
}
.public-swiper-left img,
.public-swiper-right img,
.public-swiper-left svg,
.public-swiper-right svg {
  width: 10px;
  height: 10px;
  object-fit: contain;
}
.public-swiper-left:hover,
.public-swiper-right:hover {
  background-color: var(--color);
  border-color: var(--color);
  color: #fff;
}
.public-swiper-left {
  left: -0.9rem;
}
.public-swiper-left img,
.public-swiper-left svg {
  transform: rotate(180deg);
}
.agent-box5 {
  padding: 1.4rem 0;
  background-color: #Fff;
  position: relative;
}
.agent-box5 .container {
  display: flex;
  align-items: center;
}
.agent-box5 .container .left {
  width: 50%;
}
@media (max-width: 991px) {
  .agent-box5 .container .left {
    width: 100%;
    display: none;
  }
}
.agent-box5 .container .left .img {
  border-radius: 0.1rem;
}
.agent-box5 .container .left .img::before {
  padding-top: 95%;
}
.agent-box5 .container .right {
  width: 50%;
  padding-left: 0.7rem;
}
@media (max-width: 991px) {
  .agent-box5 .container .right {
    width: 100%;
    padding-left: 0;
  }
}
.agent-box5 .container .right .pcn1 {
  text-align: left;
}
.agent-box5 .container .right .cn1 {
  color: #666666;
  line-height: 1.5;
  margin-top: 0.2rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.agent-box5 .container .right .cn1 a {
  text-decoration: underline;
  color: var(--color);
}
.public-form-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.1rem;
}
.public-form-box form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.public-form-box form .input-box {
  position: relative;
  width: calc(50% - 0.07rem);
  margin-top: 0.15rem;
}
.public-form-box form .input-box.input-box100 {
  width: 100%;
}
.public-form-box form .input-box .counter {
  position: absolute;
  right: 10px;
  bottom: 1px;
  background-color: #Fff;
  padding: 0.1rem;
  color: #999999;
}
.public-form-box form .input-box .counter span {
  color: var(--color);
}
@media (max-width: 767px) {
  .public-form-box form .input-box {
    width: 100%;
  }
}
.public-form-box form .input-box .input-text {
  width: 100%;
  color: #333333;
}
.public-form-box form .input-box .input-text span {
  color: var(--color);
}
.public-form-box form .input-box .input-box {
  margin-top: 0.07rem;
  width: 100%;
  max-height: 2.5rem;
}
.public-form-box form .input-box .input-box input {
  line-height: 1.625;
  height: auto;
  width: 100%;
  border-radius: 0.06rem;
  border: 1px solid #ededed !important;
  padding: 0.15rem 0.2rem;
  color: #333;
  background-color: #Fff !important;
}
.public-form-box form .input-box .input-box input::placeholder {
  color: #999;
}
.public-form-box form .input-box .input-box .layui-form-select dl dd.layui-this {
  background-color: var(--color);
}
.public-form-box form .input-box .input-box .layui-form-select dl {
  top: 100%;
}
.public-form-box form .input-box .input-box textarea {
  height: 2.5rem;
  background-color: #Fff;
  width: 100%;
  border-radius: 0.06rem;
  border: 1px solid #ededed;
  padding: 0.15rem 0.2rem;
  color: #333;
}
.public-form-box form .input-box .input-box textarea::placeholder {
  color: #999;
}
.public-form-box form .required-box {
  margin-top: 0.25rem;
  display: flex;
  width: 100%;
}
.public-form-box form .required-box .rbcn1 {
  width: 16px;
  margin-right: 6px;
  height: 16px;
  border: 1px solid var(--color);
  border-radius: 2px;
  transform: translateY(5px);
  transition: all 0.5s;
  position: relative;
}
.public-form-box form .required-box .rbcn1 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
}
.public-form-box form .required-box .rbcn1.on {
  background-color: var(--color);
}
.public-form-box form .required-box .rbcn1.on img {
  opacity: 1;
}
.public-form-box form .required-box .rbcn2 {
  line-height: 26px;
  width: calc(100% - 22px);
  color: #999999;
}
.public-form-box form .required-box .rbcn2 a {
  color: var(--color);
}
.public-form-box form .buttonbox {
  margin-top: 0.5rem;
  width: 100%;
}
.public-form-box form .buttonbox button {
  width: 100%;
  color: #fff;
  padding: 0.15rem 0.5rem;
  border-radius: 0.8rem;
  background-image: linear-gradient(90deg, #6a1685 22%, #bf74ea 100%), linear-gradient(#6a1685, #6a1685);
  transition: all 0.5s;
}
.public-form-box form .buttonbox button:hover {
  opacity: 0.8;
}
.join-box0 {
  width: 100%;
}
.join-box1 {
  display: flex;
  position: relative;
  background-color: #Fff;
  padding: 1.1rem 0 1.3rem;
}
.join-box1 .container {
  display: flex;
  flex-wrap: wrap;
}
.join-box1 .container .left {
  width: 50%;
}
@media (max-width: 991px) {
  .join-box1 .container .left {
    width: 100%;
  }
}
.join-box1 .container .left .join-box1swiper {
  width: 64.28571429%;
  margin: 0 auto;
}
.join-box1 .container .left .swiper-slide .img {
  border-radius: 0.05rem;
}
.join-box1 .container .left .swiper-slide .img::before {
  padding-top: 122.88888889%;
}
.join-box1 .container .left .swiper-slide .img .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--color);
  z-index: 3;
  transition: all 0.5s;
}
.join-box1 .container .left .swiper-slide.swiper-slide-active .bg {
  opacity: 0 !important;
}
.join-box1 .container .right {
  width: 50%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .join-box1 .container .right {
    width: 100%;
    margin-top: 0.5rem;
    padding-bottom: 1rem;
  }
}
.join-box1 .container .right .join-box1swiper2 .swiper-slide .cn1 {
  color: #666666;
}
.join-box1 .container .right .join-box1swiper2 .swiper-slide .cn2 {
  margin-top: 0.6rem;
  color: #000000;
}
.join-box1 .container .right .join-box1swiper2 .swiper-slide .cn2 span {
  color: var(--color);
}
.join-box1 .container .right .join-box1swiper2 .swiper-slide .cn3 {
  margin-top: 0.2rem;
  color: #666666;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .join-box1 .container .right .join-box1swiper2 .swiper-slide .cn3 br {
    display: none;
  }
}
.join-box1 .container .right .join-box1swiper2 .swiper-slide .cn4 {
  margin-top: 0.5rem;
  color: #666666;
}
.join-box1 .container .right .join-box1swiper2 .swiper-slide .cn4 .line {
  margin-right: 0.1rem;
  display: inline-block;
  width: 0.45rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  vertical-align: middle;
}
.join-box1 .container .right .pbox2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .join-box1 .container .right .pbox2 {
    width: 100%;
    justify-content: center;
  }
}
.join-box1 .container .right .pbox2 .public-swiper-left,
.join-box1 .container .right .pbox2 .public-swiper-right {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0);
}
.join-box1 .container .right .pbox2 .public-swiper-right {
  margin-left: 0.1rem;
}
.join-box2 {
  padding: 0.85rem 0 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1260px) {
  .join-box2 .public-swiper-left,
  .join-box2 .public-swiper-right {
    display: none;
  }
}
.join-box2 .container2 {
  margin-top: 0.7rem;
  position: relative;
}
.join-box2 .join-box2swiper {
  padding: 0.3rem;
  background-color: #fff;
  border-radius: 0.1rem;
}
.join-box2 .join-box2swiper .swiper-slide .text {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.join-box2 .join-box2swiper .swiper-slide .text .text1 {
  width: 50%;
  color: #000000;
  line-height: 1.33333333;
}
@media (max-width: 991px) {
  .join-box2 .join-box2swiper .swiper-slide .text .text1 {
    width: 100%;
    text-align: center;
  }
}
.join-box2 .join-box2swiper .swiper-slide .text .text2 {
  width: 42%;
  color: #666666;
  line-height: 1.625;
}
@media (max-width: 991px) {
  .join-box2 .join-box2swiper .swiper-slide .text .text2 {
    text-align: center;
    width: 100%;
    margin-top: 0.25rem;
  }
}
.join-box2 .join-box2swiper .swiper-slide .img {
  margin-top: 0.6rem;
  border-radius: 0.05rem;
}
.join-box2 .join-box2swiper .swiper-slide .img::before {
  padding-top: 41.04477612%;
}
.join-box2 .public-pagination {
  position: relative;
  text-align: center;
  width: 100% !important;
  justify-content: center;
  bottom: 0;
}
.join-box3 {
  padding: 0.85rem 0 0;
  position: relative;
  overflow: hidden;
}
.join-box3.join-box4 {
  margin-top: 0.5rem;
}
.join-box3 .joinbox3swiper {
  margin-top: 0.55rem;
  width: 49.28571429%;
}
@media (max-width: 991px) {
  .join-box3 .joinbox3swiper {
    width: 80%;
  }
}
.join-box3 .joinbox3swiper .swiper-slide {
  transition: all 0.5s;
  transform: scaleY(0.8);
}
.join-box3 .joinbox3swiper .swiper-slide .img {
  border-radius: 0.05rem;
}
.join-box3 .joinbox3swiper .swiper-slide .img::before {
  padding-top: 56.23188406%;
}
.join-box3 .joinbox3swiper .swiper-slide.swiper-slide-active {
  transform: scaleY(1);
}
.join-box3 .joinbox3swiper .swiper-slide.swiper-slide-active .img img {
  transform: scale(1.2);
}
.join-box5 {
  margin-top: 0.8rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.join-box5 .bgimg {
  width: 100%;
}
@media (max-width: 991px) {
  .join-box5 .bgimg {
    height: 75vh;
  }
}
.join-box5 .bgimg::before {
  padding-top: 35%;
}
.join-box5 .bgimg img {
  width: 100%;
  height: auto;
  transition: all 0s;
}
@media (max-width: 991px) {
  .join-box5 .bgimg img {
    height: 100%;
    transform: translate(0) !important;
  }
}
.join-box5 .container {
  position: absolute;
  left: 50%;
  top: 1.3rem;
  transform: translateX(-50%);
  z-index: 3;
}
.join-box5 .container .cn1 {
  text-align: center;
  color: #000;
}
.join-box5 .container .cn2 {
  display: flex;
  margin: 0.4rem 0 0;
  flex-wrap: wrap;
  justify-content: center;
}
.join-box5 .container .cn2 .public-btn {
  margin: 0.2rem 0.1rem;
}
.contact-box {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 1rem;
}
.contact-box1 {
  overflow: hidden;
  padding: 0.95rem 0 0;
  position: relative;
}
.contact-box1 .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.contact-box1 .container .left {
  width: 46.71428571%;
}
@media (max-width: 991px) {
  .contact-box1 .container .left {
    width: 100%;
  }
}
.contact-box1 .container .left .cn1 {
  color: #333333;
  margin-bottom: 0.2rem;
}
.contact-box1 .container .left .cn2 {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.contact-box1 .container .left .cn2 .cn3 {
  padding-top: 0.25rem;
}
.contact-box1 .container .left .cn2 .cn3 .cn4 {
  color: #666666;
}
.contact-box1 .container .left .cn2 .cn3 .cn5 {
  margin-top: 0.05rem;
  color: #333333;
}
.contact-box1 .container .left .cn2 .cn3 .cn5.cn5a {
  color: var(--color);
}
.contact-box1 .container .left .cn2 .cn3 .cn6 {
  margin-top: 0.05rem;
  color: #666666;
}
.contact-box1 .container .left .cn60 {
  margin-top: 0.35rem;
}
.contact-box1 .container .left .cn60 .cn7 {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.contact-box1 .container .left .cn60 .cn7:nth-child(2) .cn9 .cn9a .cn10 img {
  width: 50%;
  height: 50%;
}
.contact-box1 .container .left .cn60 .cn7 .cn8 {
  width: 94px;
  line-height: 0.3rem;
  padding: 0.08rem 0;
  color: #666666;
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .contact-box1 .container .left .cn60 .cn7 .cn8 {
    padding: 0.24rem 0;
  }
}
.contact-box1 .container .left .cn60 .cn7 .cn9 {
  width: calc(100% - 94px - 80px);
  padding-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .contact-box1 .container .left .cn60 .cn7 .cn9 {
    width: calc(100% - 94px);
  }
}
.contact-box1 .container .left .cn60 .cn7 .cn9 .cn9a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.contact-box1 .container .left .cn60 .cn7 .cn9 .cn9a .cn10 {
  margin-right: 0.2rem;
  border-radius: 50%;
  width: 0.46rem;
  height: 0.46rem;
  border: 1px solid rgba(106, 22, 133, 0.26);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .contact-box1 .container .left .cn60 .cn7 .cn9 .cn9a .cn10 {
    width: 0.76rem;
    height: 0.76rem;
  }
}
.contact-box1 .container .left .cn60 .cn7 .cn9 .cn9a .cn10 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-box1 .container .left .cn60 .cn7 .cn9 .cn9a .cn11 {
  width: calc(100% - 0.66rem);
  line-height: 0.3rem;
  padding: 0.08rem 0;
  color: #666666;
}
@media (max-width: 991px) {
  .contact-box1 .container .left .cn60 .cn7 .cn9 .cn9a .cn11 {
    padding: 0.24rem 0;
    width: calc(100% - 0.96rem);
  }
}
.contact-box1 .container .left .cn60 .cn7 .cn9.cn90 {
  display: flex;
}
.contact-box1 .container .left .cn60 .cn7 .cn9.cn90 .cn9a {
  width: auto;
}
.contact-box1 .container .left .cn60 .cn7 .cn9.cn90 .cn9a .cn10 {
  transition: all 0.5s;
  color: var(--color);
}
.contact-box1 .container .left .cn60 .cn7 .cn9.cn90 .cn9a .cn10:hover {
  background-color: var(--color);
  color: #Fff;
}
.contact-box1 .container .left .cn60 .cn7 .cn12 {
  margin-top: 0.2rem;
  width: 80px;
  display: flex;
  color: var(--color);
  align-items: center;
}
@media (max-width: 991px) {
  .contact-box1 .container .left .cn60 .cn7 .cn12 {
    display: none;
  }
}
.contact-box1 .container .left .cn60 .cn7 .cn12 img,
.contact-box1 .container .left .cn60 .cn7 .cn12 svg {
  margin-left: 5px;
  transition: all 0.5s;
}
.contact-box1 .container .left .cn60 .cn7 .cn12:hover img,
.contact-box1 .container .left .cn60 .cn7 .cn12:hover svg {
  transform: translateX(0.05rem);
}
.contact-box1 .container .right {
  width: 44.71428571%;
}
@media (max-width: 991px) {
  .contact-box1 .container .right {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.contact-box1 .container .right .cn1 {
  color: #333333;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.contact-box2 {
  overflow: hidden;
  padding: 0.8rem 0 0;
}
.contact-box2 .container .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-box2 .container .box .cn1 {
  color: #333333;
}
.contact-box2 .container .box .cn2 {
  display: flex;
  align-items: center;
  background-color: #Fff;
  border-radius: 0.5rem;
  padding: 0.06rem 0.13rem;
}
.contact-box2 .container .box .cn2 .cn3 {
  color: var(--color);
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0.08rem 0.25rem;
  cursor: pointer;
  transition: all 0.5s;
}
.contact-box2 .container .box .cn2 .cn3.on {
  color: #Fff;
  background-color: var(--color);
}
.public-map-box {
  width: 100%;
  overflow: auto;
}
.public-map-box .public-map-box2 {
  display: none;
  position: relative;
}
@media (max-width: 991px) {
  .public-map-box .public-map-box2 {
    min-width: 1200px;
  }
}
.public-map-box .public-map-box2.on {
  display: block;
}
.public-map-box .public-map-box2.on .bgimg::before {
  padding-top: 64.28571429%;
}
.public-map-box .public-map-box2 .dianbox {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 1px;
  height: 1px;
  z-index: 3;
}
.public-map-box .public-map-box2 .dianbox:hover {
  z-index: 4;
}
.public-map-box .public-map-box2 .dianbox:hover .infobox {
  opacity: 1;
  visibility: visible;
}
.public-map-box .public-map-box2 .dianbox .dian {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  background-color: var(--color);
  border-radius: 50%;
}
.public-map-box .public-map-box2 .dianbox .dian .yinying {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: mycirclescale 1.5s infinite linear;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color);
  border-radius: 50%;
}
.public-map-box .public-map-box2 .dianbox .text {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  color: var(--color);
}
.public-map-box .public-map-box2 .dianbox .infobox {
  position: absolute;
  left: 0;
  top: 100%;
  width: 2.46rem;
  border-radius: 0.1rem;
  border: 1px solid var(--color);
  background-color: #Fff;
  padding: 0.15rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.public-map-box .public-map-box2 .dianbox .infobox .pcn1 {
  display: flex;
  align-items: center;
  color: rgba(106, 22, 133, 0.8);
  white-space: normal;
}
.public-map-box .public-map-box2 .dianbox .infobox .pcn1 img {
  margin-right: 0.05rem;
}
.public-map-box .public-map-box2 .dianbox .infobox .pcn2 {
  margin-top: 0.05rem;
  width: 1.95rem;
}
.public-map-box .public-map-box2 .dianbox .infobox .pcn3 {
  margin-top: 0.35rem;
}
.public-map-box .public-map-box2 .dianbox .infobox .pcn3 .pcn4 {
  margin-top: 0.1rem;
}
.public-map-box .public-map-box2 .dianbox .infobox .pcn3 .pcn4:nth-child(1) {
  margin-top: 0;
}
.public-map-box .public-map-box2 .dianbox .infobox .pcn3 .pcn4 .pcn5 {
  color: #000000;
  white-space: normal;
}
.public-map-box .public-map-box2 .dianbox .infobox .pcn3 .pcn4 .pcn6 {
  margin-top: 0.05rem;
  color: #999999;
  word-break: break-all;
  width: 100%;
  white-space: normal;
  line-height: 1.2;
}
.public-map-box .public-map-box2 .dianbox2 {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 1px;
  height: 1px;
  z-index: 3;
}
.public-map-box .public-map-box2 .dianbox2:hover {
  z-index: 4;
}
.public-map-box .public-map-box2 .dianbox2:hover .infobox {
  opacity: 1;
  visibility: visible;
}
.public-map-box .public-map-box2 .dianbox2 .dian {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background-color: var(--color);
  border-radius: 50%;
}
.public-map-box .public-map-box2 .dianbox2 .dian .jia1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 14px;
  display: block;
  background-color: #Fff;
}
.public-map-box .public-map-box2 .dianbox2 .dian .jia2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 2px;
  display: block;
  background-color: #Fff;
}
.public-map-box .public-map-box2 .dianbox2 .text {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  color: var(--color);
}
@keyframes mycirclescale {
  from {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(3);
  }
}
.public-nav-box {
  display: flex;
  flex-wrap: wrap;
  padding: 0.6rem 0 0;
}
@media (max-width: 991px) {
  .public-nav-box {
    display: none;
  }
}
.public-nav-box .pcn1 {
  color: #a3a3a3;
  transition: all 0.5s;
}
.public-nav-box .pcn1:hover {
  color: #3a3a3a;
}
.public-nav-box .pcn1:last-child {
  color: #3a3a3a;
}
.public-nav-box .pcn2 {
  margin: 0 0.23rem;
  color: #a3a3a3;
}
.joinlist-box1 {
  position: relative;
  padding: 0.1rem 0 1.5rem;
}
@media (max-width: 991px) {
  .joinlist-box1 {
    padding: 1.2rem 0;
  }
}
.joinlist-box1.helper-box1 {
  padding-bottom: 1.1rem;
}
@media (max-width: 991px) {
  .joinlist-box1.helper-box1 .box {
    display: none;
  }
}
.joinlist-box1.helper-box1 .public-joinlistmainbox {
  margin-top: 0.25rem;
}
.joinlist-box1.download-box1 {
  padding-bottom: 1.1rem;
}
.joinlist-box1.download-box1 .public-joinlistmainbox {
  margin-top: 0.65rem;
}
.joinlist-box1 .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.joinlist-box1 .box .cn1 {
  max-width: calc(100% - 5.5rem);
}
@media (max-width: 767px) {
  .joinlist-box1 .box .cn1 {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}
.joinlist-box1 .box .box2 {
  text-align: right;
}
@media (max-width: 767px) {
  .joinlist-box1 .box .box2 {
    width: 100%;
    text-align: center;
  }
}
.joinlist-box1 .box .box2 .public-select-box {
  width: 5rem;
  margin-top: 0;
}
@media (max-width: 767px) {
  .joinlist-box1 .box .box2 .public-select-box {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.joinlist-box1 .box .box2 .cn99 {
  margin-top: 0.25rem;
  color: #999;
}
.joinlist-box1 .cn1 {
  color: #000;
}
.public-joinlistmainbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.75rem;
  align-items: flex-start;
}
.public-joinleft {
  position: relative;
  z-index: 1;
  background-color: #fff;
  width: 21.42857143%;
  border-radius: 0.08rem;
  box-shadow: 0px 0px 27px 0px rgba(155, 159, 182, 0.14);
  overflow: hidden;
}
@media (max-width: 991px) {
  .public-joinleft {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .public-joinleft {
    border-radius: 0.08rem 0.08rem 0 0;
  }
}
.public-joinleft .pcn1 {
  background-image: linear-gradient(90deg, #6a1685 22%, #bf74ea 100%), linear-gradient(#6a1685, #6a1685);
  padding: 0 0.24rem;
  line-height: 0.9rem;
  color: #Fff;
  border-radius: 0.08rem;
  padding-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .public-joinleft .pcn1 {
    padding-bottom: 0;
    border-radius: 0.08rem 0.08rem 0 0;
  }
}
.public-joinleft .pcn2 {
  margin-top: -0.3rem;
  border-radius: 0.08rem;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), #fff);
  backdrop-filter: blur(10px);
}
@media (max-width: 767px) {
  .public-joinleft .pcn2 {
    margin-top: 0;
    border-radius: 0 0 0.08rem 0.08rem;
  }
}
.public-joinleft .pcn2 .pcn2a .pcn3 {
  position: relative;
  padding: 0.25rem 0.24rem;
  cursor: pointer;
}
.public-joinleft .pcn2 .pcn2a .pcn3::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 0.48rem);
  height: 1px;
  bottom: 0;
  background-color: rgba(213, 215, 229, 0.25);
}
@media (max-width: 767px) {
  .public-joinleft .pcn2 .pcn2a .pcn3::before {
    display: none;
  }
}
.public-joinleft .pcn2 .pcn2a .pcn3 .pcn4 {
  color: #333333;
  line-height: 28px;
  transition: all 0.5s;
  padding-right: 20px;
}
.public-joinleft .pcn2 .pcn2a .pcn3 .pcn5 {
  right: 0.24rem;
  top: calc(0.25rem + 10px);
  position: absolute;
  width: 14px;
  height: 8px;
  display: flex;
  transition: all 0.5s;
  align-items: center;
}
.public-joinleft .pcn2 .pcn2a .pcn3 .pcn5 img,
.public-joinleft .pcn2 .pcn2a .pcn3 .pcn5 svg {
  height: 8px;
  width: 14px;
}
.public-joinleft .pcn2 .pcn2a .pcn3.on .pcn4 {
  color: var(--color);
}
.public-joinleft .pcn2 .pcn2a .pcn3.on .pcn5 {
  transform: rotate(180deg);
  color: var(--color);
}
.public-joinleft .pcn2 .pcn2a .pcn6 {
  display: none;
  padding: 0.25rem 0.24rem;
  max-height: 300px;
  overflow-y: auto;
  position: relative;
}
.public-joinleft .pcn2 .pcn2a .pcn6::before {
  content: "";
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 0.48rem);
  height: 1px;
  bottom: 0;
  background-color: rgba(213, 215, 229, 0.25);
  position: absolute;
}
.public-joinleft .pcn2 .pcn2a .pcn6 .pcn7 {
  display: flex;
  margin-top: 0.1rem;
  cursor: pointer;
}
.public-joinleft .pcn2 .pcn2a .pcn6 .pcn7:nth-child(1) {
  margin-top: 0;
}
.public-joinleft .pcn2 .pcn2a .pcn6 .pcn7 .pcn8 {
  width: 16px;
  margin-right: 6px;
  height: 16px;
  border: 1px solid var(--color);
  border-radius: 2px;
  transform: translateY(5px);
  transition: all 0.5s;
  position: relative;
}
.public-joinleft .pcn2 .pcn2a .pcn6 .pcn7 .pcn8 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
  border-color: #f0f0f0;
}
.public-joinleft .pcn2 .pcn2a .pcn6 .pcn7 .pcn9 {
  line-height: 26px;
  width: calc(100% - 22px);
  color: #000000;
  white-space: wrap;
  word-break: break-all;
}
.public-joinleft .pcn2 .pcn2a .pcn6 .pcn7.on .pcn8 {
  background-color: var(--color);
}
.public-joinleft .pcn2 .pcn2a .pcn6 .pcn7.on .pcn8 img {
  opacity: 1;
}
.public-joinright {
  width: 74.28571429%;
}
@media (max-width: 991px) {
  .public-joinright {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.public-joinlistbox .pbox {
  display: flex;
  flex-wrap: wrap;
}
.public-joinlistbox .pbox.pbox1 {
  background-color: #fafafd;
  border-radius: 0.1rem;
  padding: 0.2rem;
}
.public-joinlistbox .pbox.pbox2 {
  border: 1px solid rgba(213, 215, 229, 0.5);
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0 0;
  margin-top: 0.15rem;
  overflow: hidden;
  transition: all 0.5s;
}
.public-joinlistbox .pbox.pbox2:hover {
  border-color: var(--color);
}
.public-joinlistbox .pbox.pbox2:hover .pbox3 .pbox3a .pbox1a:nth-child(1) {
  color: var(--color);
}
.public-joinlistbox .pbox.pbox2:hover .pbox3 .pbox3a .pbox3a2 .jia .jia1,
.public-joinlistbox .pbox.pbox2:hover .pbox3 .pbox3a .pbox3a2 .jia .jia2 {
  background-color: var(--color);
}
.public-joinlistbox .pbox.pbox2.on {
  background-color: #fafafd;
}
.public-joinlistbox .pbox.pbox2.on .pbox3 .pbox3a .pbox1a:nth-child(1) {
  color: var(--color);
}
.public-joinlistbox .pbox.pbox2.on .pbox3 .pbox3a .pbox3a2 .jia .jia1,
.public-joinlistbox .pbox.pbox2.on .pbox3 .pbox3a .pbox3a2 .jia .jia2 {
  background-color: var(--color);
}
.public-joinlistbox .pbox.pbox2.on .pbox3 .pbox3a .pbox3a2 .jia .jia2 {
  transform: translate(-50%, -50%) rotate(90deg);
}
.public-joinlistbox .pbox .pbox1a {
  justify-content: center;
  display: flex;
  align-items: center;
  width: calc((100% - 0.8rem) / 5);
  color: #999999;
  padding: 0 0.1rem;
}
@media (max-width: 767px) {
  .public-joinlistbox .pbox .pbox1a {
    width: calc((100% - 0.8rem) / 3);
  }
}
@media (max-width: 767px) {
  .public-joinlistbox .pbox .pbox1a:nth-child(3) {
    display: none;
  }
}
@media (max-width: 767px) {
  .public-joinlistbox .pbox .pbox1a:nth-child(5) {
    display: none;
  }
}
.public-joinlistbox .pbox .pbox1a img {
  height: 20px;
  margin-right: 0.05rem;
}
.public-joinlistbox .pbox .pbox1a.pbox3a1 {
  color: #666;
}
.public-joinlistbox .pbox .pbox1b {
  width: 0.8rem;
}
.public-joinlistbox .pbox .pbox1b.pbox3a2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-joinlistbox .pbox .pbox1b.pbox3a2 .jia {
  width: 16px;
  height: 16px;
  position: relative;
}
.public-joinlistbox .pbox .pbox1b.pbox3a2 .jia .jia1,
.public-joinlistbox .pbox .pbox1b.pbox3a2 .jia .jia2 {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 2px;
  background-color: #999999;
  transition: all 0.5s;
}
.public-joinlistbox .pbox .pbox1b.pbox3a2 .jia .jia2 {
  margin: 0 auto;
  width: 2px;
  height: 16px;
}
.public-joinlistbox .pbox .pbox3 {
  width: 100%;
}
.public-joinlistbox .pbox .pbox3a {
  width: 100%;
  display: flex;
  padding: 0.2rem;
  cursor: pointer;
}
.public-joinlistbox .pbox .pbox3b {
  background-color: #fafafd;
  padding: 0.5rem 0.34rem;
  display: none;
  border-top: 1px solid rgba(213, 215, 229, 0.5);
  border-radius: 0.08rem 0.08rem 0 0;
}
.public-joinlistbox .pbox .pbox3b .public-content video {
  width: 100%;
}
.public-joinlistbox .pbox .pbox3b .public-content h3 {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .public-joinlistbox .pbox .pbox3b .public-content h3 {
    font-size: 16px;
  }
}
.public-joinlistbox .pbox .pbox3b .public-btn {
  margin-top: 0.75rem;
}
.hi-pagination6 {
  margin-top: 0.6rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.hi-pagination6 a,
.hi-pagination6 input {
  margin: 0 5px 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  height: 45px;
  padding: 0 5px;
  border-radius: 5px;
  border: 1px solid #eee;
  transition: all 0.4s;
  color: #999999;
}
@media (max-width: 767px) {
  .hi-pagination6 a,
  .hi-pagination6 input {
    min-width: 40px;
    height: 40px;
  }
}
.hi-pagination6 a img,
.hi-pagination6 input img,
.hi-pagination6 a svg,
.hi-pagination6 input svg {
  width: 7px;
  height: 10px;
}
.hi-pagination6 a img path,
.hi-pagination6 input img path,
.hi-pagination6 a svg path,
.hi-pagination6 input svg path {
  fill: currentColor;
  transition: all 0.4s;
}
.hi-pagination6 a.on {
  color: #fff;
  background: var(--color);
  border-color: var(--color);
}
.hi-pagination6 a.on svg path {
  fill: #fff;
}
.hi-pagination6 a:hover {
  color: #fff;
  background: var(--color);
  border-color: var(--color);
}
.hi-pagination6 a:hover svg path {
  fill: #fff;
}
.hi-pagination6 input {
  width: 70px;
  height: 45px;
  line-height: 45px;
}
@media (max-width: 767px) {
  .hi-pagination6 input {
    width: 1.4rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }
}
@media (max-width: 991px) {
  .hi-pagination6 input {
    display: none;
  }
}
.hi-pagination6 .c-prev img,
.hi-pagination6 .c-prev svg {
  transform: rotate(180deg);
}
.hi-nav1 {
  border-bottom: 1px solid #eee;
}
.hi-nav1 .swiper .swiper-slide {
  width: auto;
  margin-right: 0.65rem;
  line-height: 80px;
}
.hi-nav1 .swiper .swiper-slide:last-child {
  margin-right: 0;
}
.hi-nav1 .swiper .swiper-slide .c-text {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: all 0.4s;
}
.hi-nav1 .swiper .swiper-slide .c-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  border-top: 2px solid var(--color);
  transition: all 0.4s;
}
.hi-nav1 .swiper .swiper-slide.on .c-text,
.hi-nav1 .swiper .swiper-slide:hover .c-text {
  color: var(--color);
}
.hi-nav1 .swiper .swiper-slide.on .c-text::before,
.hi-nav1 .swiper .swiper-slide:hover .c-text::before {
  width: 100%;
  left: 0;
}
.hi-nav1 .swiper .swiper-scrollbar {
  left: 0;
  bottom: 0;
  width: 100%;
  background: #eee;
  border-radius: 0;
}
.hi-nav1 .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: var(--color);
}
.public-news-page {
  padding-bottom: 1.4rem;
}
.public-news-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.8rem -0.15rem 0;
}
.public-news-list.public-study-list {
  margin: 0 -0.15rem 0;
}
.public-news-list.public-study-list .pbox .pbox2 {
  background-color: transparent !important;
  box-shadow: initial !important;
}
.public-news-list.public-study-list .pbox .pbox2 .pimg {
  border-radius: 0.1rem;
}
.public-news-list .pbox {
  display: block;
  width: calc(100% / 3);
  padding: 0 0.15rem;
  margin-bottom: 0.23rem;
}
@media (max-width: 991px) {
  .public-news-list .pbox {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .public-news-list .pbox {
    width: 100%;
  }
}
.public-news-list .pbox .pbox2 {
  background-color: #f8fafc;
  border-radius: 0.1rem;
  transition: all 0.5s;
}
.public-news-list .pbox .pbox2 .pimg {
  border-radius: 0.1rem 0.1rem 0 0;
  width: 100%;
}
.public-news-list .pbox .pbox2 .pimg::before {
  padding-top: 56.05381166%;
}
.public-news-list .pbox .pbox2 .pcn1 {
  color: #222222;
  padding: 0 0.3rem;
  margin-top: 0.2rem;
  height: 2.90909091em;
  transition: all 0.5s;
}
.public-news-list .pbox .pbox2 .pcn2 {
  margin-top: 0.45rem;
  padding: 0 0.3rem;
  width: 100%;
  position: relative;
  height: 1px;
}
.public-news-list .pbox .pbox2 .pcn2 span {
  display: block;
  width: 100%;
  position: relative;
  height: 1px;
  background-color: rgba(209, 202, 216, 0.5);
}
.public-news-list .pbox .pbox2 .pcn2 span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--color);
  transition: all 0.5s;
}
.public-news-list .pbox .pbox2 .pcn3 {
  margin-top: 0.3rem;
  padding: 0 0.3rem 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.public-news-list .pbox .pbox2 .pcn3 .pcn4 {
  color: #666666;
  flex-shrink: 0;
  margin-right: 0.3rem;
}
.public-news-list .pbox .pbox2 .pcn3 .pcn5 {
  padding: 0.05rem 0.18rem;
  color: #949698;
  border-radius: 0.05rem;
  background-color: rgba(163, 170, 177, 0.1);
}
.public-news-list .pbox .pbox2 .pcn50 {
  margin-top: 0.15rem;
  color: #333333;
}
.public-news-list .pbox .pbox2:hover {
  box-shadow: 0px 0px 27px 0px rgba(155, 159, 182, 0.14);
  background-color: #fff;
}
.public-news-list .pbox .pbox2:hover .pimg > img {
  transform: scale(1.05);
}
.public-news-list .pbox .pbox2:hover .pcn1 {
  color: var(--color);
}
.public-news-list .pbox .pbox2:hover .pcn2 span::before {
  width: 100%;
}
.public-newslabel {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 1rem 0 0.8rem;
}
@media (max-width: 991px) {
  .public-newslabel {
    padding: 1.2rem 0 0.8rem;
  }
}
.public-newslabel .bgimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.public-newslabel .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0s;
}
.public-newslabel .container {
  position: relative;
  z-index: 3;
}
.public-newslabel .container .cn1 {
  color: #000000;
  line-height: 1.2;
  margin-top: 0.7rem;
}
.public-newslabel .container .cn3 {
  margin-top: 0.6rem;
  display: flex;
  justify-content: flex-end;
}
.public-newslabel .container .cn2 {
  display: flex;
  align-items: center;
  color: #000000;
  transition: all 0.5s;
}
.public-newslabel .container .cn2 img,
.public-newslabel .container .cn2 svg {
  margin-right: 0.1rem;
}
.public-newslabel .container .cn2:hover {
  color: var(--color);
}
.news-info {
  background-color: #fff;
  padding: 0.1rem 0 0;
  position: relative;
}
.news-info .container .box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 1.4rem;
  justify-content: space-between;
}
.news-info .container .left {
  width: 64.28571429%;
}
@media (max-width: 991px) {
  .news-info .container .left {
    width: 100%;
  }
}
.news-info .container .left .cn1 {
  line-height: 1.20833333;
  color: #000;
  width: 90%;
}
@media (max-width: 991px) {
  .news-info .container .left .cn1 {
    width: 100%;
  }
}
.news-info .container .left .cn2 {
  margin-top: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news-info .container .left .cn2 .cn3 {
  margin-right: 0.52rem;
  display: flex;
  align-items: center;
  color: #666666;
}
.news-info .container .left .cn2 .cn3 img {
  margin-right: 0.1rem;
  height: 20px;
}
@media (max-width: 991px) {
  .news-info .container .left .cn2 .cn3 span {
    display: none;
  }
}
.news-info .container .left .public-content {
  padding: 0.35rem 0 0;
  color: #666666;
}
.news-info .container .left .public-content video {
  border-radius: 0.1rem;
  width: 100%;
}
.news-info .container .left .public-content b {
  color: #000;
}
.news-info .container .left .cn20 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.2rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e8edf1;
}
.news-info .container .left .cn20.cn20a {
  border-top: 1px solid #e8edf1;
  border-bottom: 0;
  padding-top: 0.2rem;
  margin-top: 0.6rem;
}
.news-info .container .left .cn20 .cn90 {
  display: flex;
  align-items: center;
  color: #5c6166;
  transition: all 0.5s;
  margin-top: 0.2rem;
}
.news-info .container .left .cn20 .cn90 span {
  color: #000;
  transition: all 0.5s;
}
.news-info .container .left .cn20 .cn90 svg {
  margin-right: 0.1rem;
}
.news-info .container .left .cn20 .cn90:hover {
  color: var(--color);
}
.news-info .container .left .cn20 .cn90:hover span {
  color: var(--color);
}
.news-info .container .left .cn20 .cn30 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.news-info .container .left .cn20 .cn30 .cn40 {
  margin-top: 0.2rem;
  color: #666;
  background-color: #f8f8f8;
  border-radius: 0.05rem;
  padding: 0 0.1rem;
  padding: 0.05rem 0.1rem;
  margin-right: 0.1rem;
}
.news-info .container .left .cn20 .share {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  color: #666666;
}
@media (max-width: 991px) {
  .news-info .container .left .cn20 .share .icon-wechat {
    display: none  !important;
  }
}
.news-info .container .left .cn20 .share .cn40 {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  margin: 0 0 0 0.11rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  border: solid 1px #eeeeee;
  color: #ddd;
}
.news-info .container .left .cn20 .share .cn40::before {
  display: none;
}
@media (max-width: 991px) {
  .news-info .container .left .cn20 .share .cn40 {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.news-info .container .left .cn20 .share .cn40 svg {
  width: 100%;
  height: 100%;
}
.news-info .container .left .cn20 .share .cn40:hover {
  transition: all 0.5s;
  background-color: var(--color);
  border: 1px solid var(--color);
  color: #Ffff;
}
.news-info .container .left .cn400 {
  border-top: 1px solid #ebebeb;
  padding-top: 0.4rem;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.news-info .container .left .cn400 .cn40 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.news-info .container .left .cn400 .cn40.cn40b .cn4a {
  transform: rotate(180deg);
}
.news-info .container .left .cn400 .cn40.cn40b .cn4b {
  margin-left: 0.1rem;
  color: #666666;
  transition: all 0.5s;
}
.news-info .container .left .cn400 .cn40.cn40a {
  flex-direction: row-reverse;
}
.news-info .container .left .cn400 .cn40.cn40a .cn4b {
  margin-right: 0.1rem;
  color: #666666;
  transition: all 0.5s;
}
.news-info .container .left .cn400 .cn40 .cn4a {
  color: #999;
  transition: all 0.5s;
  display: flex;
  align-items: center;
}
.news-info .container .left .cn400 .cn40:hover .cn4a {
  color: var(--color);
}
.news-info .container .left .cn400 .cn40:hover .cn4b {
  color: var(--color);
}
.news-info .container .left .cn400 .cn41 {
  display: flex;
  align-items: center;
  color: #555;
  transition: all 0.5s;
  margin: 0 0.2rem;
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .news-info .container .left .cn400 .cn41 {
    justify-content: center;
  }
}
.news-info .container .left .cn400 .cn41 img {
  margin-right: 0.1rem;
}
.news-info .container .left .cn400 .cn41:hover {
  color: var(--color);
}
.news-info .container .right {
  margin-top: 1.5rem;
  position: sticky;
  position: -webkit-sticky;
  top: 1.2rem;
  width: 27.85714286%;
}
@media (max-width: 991px) {
  .news-info .container .right {
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 1rem;
  }
}
.news-info .container .right .rightbox {
  position: relative;
}
.news-info .container .right .rightbox .bgimg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.news-info .container .right .rightbox .bgimg img {
  width: 100%;
}
.news-info .container .right .rightbox .box4 {
  position: relative;
  z-index: 5;
  background-color: #f9fafc;
  padding: 0.3rem 0.4rem 0.2rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.news-info .container .right .rightbox .box4 .cn6 {
  position: relative;
  z-index: 2;
  color: #111;
}
.news-info .container .right .rightbox .box4 .cn7 {
  position: relative;
  z-index: 2;
  padding: 0.15rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(232, 237, 241, 0.5);
}
.news-info .container .right .rightbox .box4 .cn7:last-child {
  border-bottom: 0;
  padding: 0.15rem 0 0;
}
.news-info .container .right .rightbox .box4 .cn7 .cn7b {
  display: flex;
  width: 100%;
}
.news-info .container .right .rightbox .box4 .cn7 .cn8 {
  display: block;
  color: #333;
  transition: all 0.4s;
  flex-shrink: 0;
  width: 25px;
}
.news-info .container .right .rightbox .box4 .cn7 .cn9 {
  width: calc(100% - 25px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
  transition: all 0.4s;
  position: relative;
}
.news-info .container .right .rightbox .box4 .cn7 .cn9 span {
  width: 100%;
}
.news-info .container .right .rightbox .box4 .cn7:hover .cn9 {
  color: var(--color);
}
.news-info .container .right .rightbox .box4 .cn7:hover .cn9 img {
  opacity: 1;
}
.news-info .container .right .rightbox .box4 .cn70 {
  position: relative;
  z-index: 2;
  padding: 0.1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news-info .container .right .rightbox .box4 .cn70.cn71 .cn8 {
  width: 1.25rem;
}
@media (max-width: 991px) {
  .news-info .container .right .rightbox .box4 .cn70.cn71 .cn8 {
    width: 2rem;
  }
}
.news-info .container .right .rightbox .box4 .cn70.cn71 .cn8::before {
  padding-top: 56%;
}
.news-info .container .right .rightbox .box4 .cn70.cn71 .cn9 {
  flex-direction: column;
  width: calc(100% - 1.45rem);
}
@media (max-width: 991px) {
  .news-info .container .right .rightbox .box4 .cn70.cn71 .cn9 {
    width: calc(100% - 2.2rem);
  }
}
.news-info .container .right .rightbox .box4 .cn70.cn71 .cn9 .cn9b {
  display: block;
  font-size: 12px;
  color: #999;
}
.news-info .container .right .rightbox .box4 .cn70:nth-child(2) {
  margin-top: 0.15rem;
}
.news-info .container .right .rightbox .box4 .cn70:last-child {
  border-bottom: 0;
  padding: 0.1rem 0;
}
.news-info .container .right .rightbox .box4 .cn70 .cn7b {
  display: flex;
  width: 100%;
}
.news-info .container .right .rightbox .box4 .cn70 .cn8 {
  display: block;
  color: #333;
  transition: all 0.4s;
  flex-shrink: 0;
  width: 1rem;
  margin-right: 0.2rem;
  border-radius: 0.05rem;
}
@media (max-width: 991px) {
  .news-info .container .right .rightbox .box4 .cn70 .cn8 {
    width: 2rem;
  }
}
.news-info .container .right .rightbox .box4 .cn70 .cn8::before {
  padding-top: 72.91666667%;
}
.news-info .container .right .rightbox .box4 .cn70 .cn9 {
  width: calc(100% - 1.2rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
  transition: all 0.4s;
  position: relative;
}
@media (max-width: 991px) {
  .news-info .container .right .rightbox .box4 .cn70 .cn9 {
    width: calc(100% - 2.2rem);
  }
}
.news-info .container .right .rightbox .box4 .cn70 .cn9 span {
  width: 100%;
}
.news-info .container .right .rightbox .box4 .cn70:hover .cn9 {
  color: var(--color);
}
.news-info .container .right .rightbox .box4 .cn70:hover .cn9 img {
  opacity: 1;
}
.news-info2 {
  background-color: #f9fafc;
  padding: 1.4rem 0 0;
  position: relative;
  overflow: hidden;
}
.news-info2 .container2 {
  margin-top: 0.6rem;
  padding-bottom: 1.4rem;
  position: relative;
}
.news-info2 .container2::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 85vw;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  max-width: 1600px;
}
@media (max-width: 1580px) {
  .news-info2 .container2::before {
    width: 90vw;
  }
}
.news-info2 .container2 .bigbox {
  position: relative;
}
@media (max-width: 1260px) {
  .news-info2 .container2 .bigbox .public-swiper-left,
  .news-info2 .container2 .bigbox .public-swiper-right {
    display: none;
  }
}
.news-info2 .container2 .bigbox .public-news-listswiper {
  overflow: hidden;
}
@media (max-width: 991px) {
  .news-info2 .container2 .bigbox .public-news-listswiper {
    overflow: initial;
  }
}
.news-info2 .container2 .bigbox .public-news-listswiper .public-news-list {
  flex-wrap: nowrap;
  margin: 0;
}
.news-info2 .container2 .bigbox .public-news-listswiper .public-news-list .pbox {
  padding: 0;
  margin: 0;
}
.news-info2 .container2 .bigbox .public-news-listswiper .public-news-list .pbox .pbox2 {
  background-color: #fff;
}
.news-info2 .container2 .bigbox .public-news-listswiper .public-case-list {
  flex-wrap: nowrap;
  margin: 0;
}
.news-info2 .container2 .bigbox .public-news-listswiper .public-case-list .pbox {
  padding: 0;
  margin: 0;
}
.public-case-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.8rem -0.15rem 0;
}
.public-case-list .pbox {
  display: block;
  width: calc(100% / 3);
  padding: 0 0.15rem;
  margin-bottom: 0.23rem;
}
@media (max-width: 991px) {
  .public-case-list .pbox {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .public-case-list .pbox {
    width: 100%;
  }
}
.public-case-list .pbox .pbox2 {
  background-color: #f8fafc;
  border-radius: 0.1rem;
  transition: all 0.5s;
}
.public-case-list .pbox .pbox2 .pimg {
  border-radius: 0.1rem;
  width: 100%;
}
.public-case-list .pbox .pbox2 .pimg::before {
  padding-top: 73.5426009%;
}
.public-case-list .pbox .pbox2 .pcn1 {
  color: #222222;
  padding: 0;
  margin-top: 0.2rem;
  transition: all 0.5s;
}
.public-case-list .pbox .pbox2 .pcn3 {
  padding: 0 0 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.public-case-list .pbox .pbox2 .pcn3 .pcn4 {
  color: #666666;
  flex-shrink: 0;
  margin-right: 0.3rem;
}
.public-case-list .pbox .pbox2:hover .pimg img {
  transform: scale(1.05);
}
.public-case-list .pbox .pbox2:hover .pcn1 {
  color: var(--color);
}
.public-video-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.8rem -0.15rem 0;
}
.public-video-list .pbox {
  display: block;
  width: calc(100% / 3);
  padding: 0 0.15rem;
  margin-bottom: 0.23rem;
}
@media (max-width: 991px) {
  .public-video-list .pbox {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .public-video-list .pbox {
    width: 100%;
  }
}
.public-video-list .pbox .pbox2 {
  background-color: #f8fafc;
  border-radius: 0.1rem;
  transition: all 0.5s;
}
.public-video-list .pbox .pbox2 .pimg {
  border-radius: 0.1rem 0.1rem 0 0;
  width: 100%;
}
.public-video-list .pbox .pbox2 .pimg::before {
  padding-top: 56.05381166%;
}
.public-video-list .pbox .pbox2 .pcn1 {
  color: #222222;
  padding: 0 0.3rem;
  margin-top: 0.2rem;
  height: 2.90909091em;
  transition: all 0.5s;
}
.public-video-list .pbox .pbox2 .pcn2 {
  margin-top: 0.45rem;
  padding: 0 0.3rem;
  width: 100%;
  position: relative;
  height: 1px;
}
.public-video-list .pbox .pbox2 .pcn2 span {
  display: block;
  width: 100%;
  position: relative;
  height: 1px;
  background-color: rgba(209, 202, 216, 0.5);
}
.public-video-list .pbox .pbox2 .pcn2 span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--color);
  transition: all 0.5s;
}
.public-video-list .pbox .pbox2 .pcn3 {
  margin-top: 0.3rem;
  padding: 0 0.3rem 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.public-video-list .pbox .pbox2 .pcn3 .pcn4 {
  color: #666666;
  flex-shrink: 0;
  margin-right: 0.3rem;
}
.public-video-list .pbox .pbox2 .pcn3 .pcn5 {
  padding: 0.05rem 0.18rem;
  color: #949698;
  border-radius: 0.05rem;
  background-color: rgba(163, 170, 177, 0.1);
}
.public-video-list .pbox .pbox2:hover {
  box-shadow: 0px 0px 27px 0px rgba(155, 159, 182, 0.14);
  background-color: #fff;
}
.public-video-list .pbox .pbox2:hover .pimg img {
  transform: scale(1.05);
}
.public-video-list .pbox .pbox2:hover .pcn1 {
  color: var(--color);
}
.public-video-list .pbox .pbox2:hover .pcn2 span::before {
  width: 100%;
}
.public-videobtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .public-videobtn {
    width: 0.76rem;
    height: 0.76rem;
  }
}
.public-videobtn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.story-box1 {
  margin-top: -2.9rem;
  position: relative;
  z-index: 4;
}
@media (max-width: 1260px) {
  .story-box1 {
    margin-top: -1.5rem;
  }
}
@media (max-width: 991px) {
  .story-box1 {
    margin-top: -15vh !important;
  }
}
@media (max-width: 991px) {
  .story-box1 .public-swiper-left,
  .story-box1 .public-swiper-right {
    display: none;
  }
}
.story-box1 .container2 {
  position: relative;
}
.story-box1 .container2 .agent-box4swiper {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 0.15rem;
  box-shadow: 0px 0px 27px 0px rgba(155, 159, 182, 0.14);
}
@media (max-width: 991px) {
  .story-box1 .container2 .agent-box4swiper {
    padding-bottom: 1rem;
    background-color: transparent;
    box-shadow: none;
  }
}
.story-box1 .container2 .agent-box4swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  background-color: #Fff;
  border-radius: 0.1rem;
  padding: 0.16rem;
}
@media (max-width: 991px) {
  .story-box1 .container2 .agent-box4swiper .swiper-slide {
    padding: 0.25rem 0.25rem 1rem;
    box-shadow: 0px 0px 27px 0px rgba(155, 159, 182, 0.14);
  }
}
.story-box1 .container2 .agent-box4swiper .swiper-slide .img {
  width: 63.6%;
  border-radius: 0.05rem;
}
@media (max-width: 767px) {
  .story-box1 .container2 .agent-box4swiper .swiper-slide .img {
    width: 100%;
  }
}
.story-box1 .container2 .agent-box4swiper .swiper-slide .img::before {
  padding-top: 56.09195402%;
}
.story-box1 .container2 .agent-box4swiper .swiper-slide .img .public-videobtn {
  width: 66px;
  height: 66px;
}
@media (max-width: 991px) {
  .story-box1 .container2 .agent-box4swiper .swiper-slide .img .public-videobtn {
    width: 0.76rem;
    height: 0.76rem;
  }
}
.story-box1 .container2 .agent-box4swiper .swiper-slide .text {
  width: 36.4%;
  padding: 0.6rem 0.7rem 0 0.6rem;
}
@media (max-width: 991px) {
  .story-box1 .container2 .agent-box4swiper .swiper-slide .text {
    padding: 0 0 0 0.3rem;
  }
}
@media (max-width: 767px) {
  .story-box1 .container2 .agent-box4swiper .swiper-slide .text {
    width: 100%;
    padding: 0.6rem 0 0;
  }
}
.story-box1 .container2 .agent-box4swiper .swiper-slide .text .text1 {
  color: #000000;
  line-height: 1.53333333;
  height: 3.06666667em;
}
.story-box1 .container2 .agent-box4swiper .swiper-slide .text .text2 {
  color: #666666;
  line-height: 1.625;
  margin-top: 0.3rem;
}
.story-box1 .container2 .agent-box4swiper .swiper-slide .text .public-btn {
  margin-top: 0.55rem;
}
@media (max-width: 991px) {
  .story-box1 .container2 .agent-box4swiper .swiper-slide .text .public-btn {
    margin-top: 0.3rem;
  }
}
.story-box1 .container2 .agent-box4swiper .swiper-slide:hover .img > img {
  transform: scale(1.05);
}
.story-box1 .container2 .agent-box4swiper .public-pagination {
  bottom: 0.25rem;
  left: calc(63.6% + 0.6rem);
}
@media (max-width: 991px) {
  .story-box1 .container2 .agent-box4swiper .public-pagination {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.story-box2 {
  background-color: #Fff !important;
  padding: 1.15rem 0 0;
}
.story-box2 .container2 {
  padding: 0 0 0.7rem;
}
.story-box2 .container2::before {
  display: none;
}
.story-box2 .container2 .bigbox .public-news-listswiper {
  padding-bottom: 0.5rem;
}
.story-box2 .container2 .bigbox .public-news-listswiper .public-news-list .pbox .pbox2 {
  box-shadow: initial;
  background-color: #f8fafc;
}
.story-box3 {
  padding-bottom: 1.33rem;
}
.public-story-list3 {
  display: flex;
  flex-wrap: wrap;
  margin: 0.55rem -0.2rem 0;
}
.public-story-list3 .pbox {
  display: block;
  width: calc(100% / 2);
  padding: 0 0.2rem;
  margin-bottom: 0.6rem;
}
@media (max-width: 991px) {
  .public-story-list3 .pbox {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .public-story-list3 .pbox {
    width: 100%;
  }
}
.public-story-list3 .pbox .pbox2 {
  border-radius: 0.1rem;
  transition: all 0.5s;
}
.public-story-list3 .pbox .pbox2 .pimg {
  border-radius: 0.1rem;
  width: 100%;
}
.public-story-list3 .pbox .pbox2 .pimg::before {
  padding-top: 73.52941176%;
}
.public-story-list3 .pbox .pbox2 .pcn1 {
  color: #222222;
  margin-top: 0.2rem;
  transition: all 0.5s;
}
.public-story-list3 .pbox .pbox2 .pcn2 {
  margin-top: 0.3rem;
  width: 100%;
  position: relative;
  height: 1px;
}
.public-story-list3 .pbox .pbox2 .pcn2 span {
  display: block;
  width: 100%;
  position: relative;
  height: 1px;
  background-color: rgba(209, 202, 216, 0.5);
}
.public-story-list3 .pbox .pbox2 .pcn2 span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--color);
  transition: all 0.5s;
}
.public-story-list3 .pbox .pbox2 .pcn3 {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
}
.public-story-list3 .pbox .pbox2 .pcn3 .pcn4 {
  color: #666666;
  flex-shrink: 0;
  margin-right: 0.2rem;
}
.public-story-list3 .pbox .pbox2 .pcn3 .pcn5 {
  padding: 0.05rem 0.18rem;
  color: #949698;
  border-radius: 0.05rem;
  background-color: rgba(163, 170, 177, 0.1);
}
.public-story-list3 .pbox .pbox2:hover .pimg > img {
  transform: scale(1.05);
}
.public-story-list3 .pbox .pbox2:hover .pcn1 {
  color: var(--color);
}
.public-story-list3 .pbox .pbox2:hover .pcn2 span::before {
  width: 100%;
}
.public-more-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.4rem;
}
.public-more-box .public-more-box2 {
  display: flex;
  align-items: center;
  color: #000000;
}
.public-more-box .public-more-box2 img {
  margin-right: 0.2rem;
}
.globa-box1 {
  padding: 1.35rem 0 0;
  background-color: #F8fafc;
}
.globa-box1 .container .box {
  margin-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 991px) {
  .globa-box1 .container .box {
    justify-content: flex-start;
  }
}
.globa-box1 .container .box .box2 {
  width: 25%;
  padding: 0 0.35rem;
  margin-top: 0.35rem;
  position: relative;
}
@media (max-width: 991px) {
  .globa-box1 .container .box .box2 {
    padding: 0 0.1rem;
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
.globa-box1 .container .box .box2:last-child::before {
  display: none;
}
.globa-box1 .container .box .box2::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(221, 225, 231, 0.4);
}
@media (max-width: 991px) {
  .globa-box1 .container .box .box2::before {
    display: none;
  }
}
.globa-box1 .container .box .box2 .cn1 {
  color: transparent;
  background-image: linear-gradient(90deg, #6a1685 0%, #bf74ea 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  letter-spacing: -3px;
  font-weight: bold;
  padding-right: 0.3rem;
}
@media (max-width: 991px) {
  .globa-box1 .container .box .box2 .cn1 {
    padding-right: 0;
    order: 1;
  }
}
.globa-box1 .container .box .box2 .cn1 span {
  word-break: break-word;
}
.globa-box1 .container .box .box2 .cn2 {
  margin-top: 0.3rem;
  color: #333333;
}
@media (max-width: 991px) {
  .globa-box1 .container .box .box2 .cn2 {
    order: 2;
  }
}
.globa-box1 .container .box .box2 .cn3 {
  position: absolute;
  right: 0.35rem;
  top: 0;
  width: 0.25rem;
  height: 0.25rem;
}
@media (max-width: 991px) {
  .globa-box1 .container .box .box2 .cn3 {
    order: 0;
    width: 0.76rem;
    height: 0.76rem;
    position: relative;
    right: 0;
    border-radius: 50%;
    border: 1px solid var(--color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.2rem;
  }
}
.globa-box1 .container .box .box2 .cn3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .globa-box1 .container .box .box2 .cn3 img {
    width: 50%;
    height: 50%;
  }
}
.globa-box1 .img {
  width: 88.85416667%;
  max-width: 1706px;
  margin: 1.2rem auto 0;
}
@media (max-width: 991px) {
  .globa-box1 .img {
    width: 100%;
  }
}
.globa-box1 .img::before {
  padding-top: 26.78780774%;
}
@media (max-width: 991px) {
  .globa-box1 .img::before {
    padding-top: 53.57561547%;
  }
}
.globa-box2 {
  overflow: hidden;
  position: relative;
  padding: 1.35rem 0 1.6rem;
}
.globa-box2 .public-swiper-left,
.globa-box2 .public-swiper-right {
  background-color: #ffffff;
  border-color: #ffffff;
  color: var(--color);
  width: 0.55rem;
  height: 0.55rem;
}
@media (max-width: 1260px) {
  .globa-box2 .public-swiper-left,
  .globa-box2 .public-swiper-right {
    display: none;
  }
}
.globa-box2 .public-swiper-left:hover,
.globa-box2 .public-swiper-right:hover {
  color: #Fff;
  background-color: var(--color);
  border-color: var(--color);
}
.globa-box2 .container2 {
  position: relative;
  margin-top: 0.55rem;
}
.globa-box2 .container2 .globabox2swiper .swiper-slide .img {
  border-radius: 0.1rem;
  width: 100%;
}
.globa-box2 .container2 .globabox2swiper .swiper-slide .img::before {
  padding-top: 72.46376812%;
}
.globa-box2 .container2 .globabox2swiper .swiper-slide .img::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2rem;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(106, 22, 133, 0.7) 100%);
  z-index: 2;
}
.globa-box2 .container2 .globabox2swiper .swiper-slide .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.3rem;
  z-index: 3;
  color: #fff;
}
.globa-box3 {
  padding: 1.4rem 0;
  background-color: #f8fafc;
  position: relative;
}
.globa-box3 .container .box {
  background-color: #fff;
  display: flex;
  border-radius: 0.1rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}
.globa-box3 .container .box:nth-child(1) {
  margin-top: 0;
}
.globa-box3 .container .box:nth-child(even) {
  flex-direction: row-reverse;
}
.globa-box3 .container .box .left {
  width: 50%;
}
@media (max-width: 991px) {
  .globa-box3 .container .box .left {
    width: 100%;
  }
}
.globa-box3 .container .box .left .img {
  height: 100%;
  border-radius: 0.1rem;
}
.globa-box3 .container .box .left .img::before {
  padding-top: 78.0141844%;
}
.globa-box3 .container .box .left .img:hover img {
  transform: scale(1.05);
}
.globa-box3 .container .box .right {
  width: 50%;
  padding: 0.8rem 1rem;
}
@media (max-width: 991px) {
  .globa-box3 .container .box .right {
    width: 100%;
    padding: 0.8rem 0.3rem;
  }
}
.globa-box3 .container .box .right .cn1 {
  height: 0.55rem;
}
@media (max-width: 991px) {
  .globa-box3 .container .box .right .cn1 {
    height: 0.76rem;
  }
}
.globa-box3 .container .box .right .cn1 img {
  height: 100%;
}
.globa-box3 .container .box .right .cn2 {
  margin-top: 1.25rem;
}
@media (max-width: 991px) {
  .globa-box3 .container .box .right .cn2 {
    margin-top: 0.6rem;
  }
}
.globa-box3 .container .box .right .cn2 .cn3 {
  color: #222222;
}
.globa-box3 .container .box .right .cn2 .cn4 {
  margin-top: 0.3rem;
  color: #666666;
}
.globa-box4 {
  background-color: #fff;
  padding: 1.4rem 0;
}
.globa-box4 .container2 {
  margin-top: 0.55rem;
}
@media (max-width: 991px) {
  .globa-box4 .public-swiper-left,
  .globa-box4 .public-swiper-right {
    display: none;
  }
}
.globa-box4 .container2 {
  margin-top: 0.55rem;
  position: relative;
}
.globa-box4 .container2 .agent-box4swiper {
  position: relative;
  overflow: hidden;
  background-color: #f5f6fc;
  border-radius: 0.1rem;
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  background-color: #f5f6fc;
  border-radius: 0.1rem;
  padding: 0.25rem;
}
@media (max-width: 991px) {
  .globa-box4 .container2 .agent-box4swiper .swiper-slide {
    padding: 0.25rem 0.25rem 1rem;
  }
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide .img2 {
  position: absolute;
  right: 5.71428571%;
  bottom: -0.3rem;
  width: 23.21428571%;
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide .img {
  width: 50.37037037%;
  border-radius: 0.05rem;
}
@media (max-width: 991px) {
  .globa-box4 .container2 .agent-box4swiper .swiper-slide .img {
    width: 100%;
  }
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide .img::before {
  padding-top: 73.52941176%;
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide .text {
  width: 49.62962963%;
  padding: 0.6rem 1rem 0;
}
@media (max-width: 991px) {
  .globa-box4 .container2 .agent-box4swiper .swiper-slide .text {
    padding: 0 0 0 0.3rem;
  }
}
@media (max-width: 991px) {
  .globa-box4 .container2 .agent-box4swiper .swiper-slide .text {
    width: 100%;
    padding: 0.6rem 0 0;
  }
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide .text .text1 {
  color: #000000;
  line-height: 1.53333333;
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide .text .text1 span {
  color: transparent;
  background-image: linear-gradient(90deg, #6a1685 0%, #bf74ea 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-weight: bold;
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide .text .text2 {
  color: #666666;
  line-height: 1.625;
  height: 4.875em;
  margin-top: 0.3rem;
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide .text .public-btn {
  margin-top: 0.55rem;
}
@media (max-width: 991px) {
  .globa-box4 .container2 .agent-box4swiper .swiper-slide .text .public-btn {
    margin-top: 0.3rem;
  }
}
.globa-box4 .container2 .agent-box4swiper .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.globa-box4 .container2 .agent-box4swiper .public-pagination {
  bottom: 0.25rem;
  left: calc(50% + 1rem);
}
@media (max-width: 991px) {
  .globa-box4 .container2 .agent-box4swiper .public-pagination {
    left: 50%;
    transform: translateX(-50%);
  }
}
.globa-box5 {
  position: relative;
}
@media (max-width: 991px) {
  .globa-box5 .bgimg {
    height: 56.25vh;
  }
}
.globa-box5 .bgimg::before {
  padding-top: 41.66666667%;
}
.globa-box5 .container.container2 {
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 100%;
  color: #fff;
}
.globa-box5 .container.container2 .c-title {
  letter-spacing: 0.25rem;
}
.globa-box5 .container.container2 .c-text {
  margin-top: 0.15rem;
  color: rgba(255, 255, 255, 0.75);
  letter-spacing: 0.06rem;
}
.globa-box5 .container {
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
}
.globa-box5 .container .cn1 {
  color: #222222;
}
.globa-box5 .container .public-btn {
  margin-top: 0.55rem;
  justify-content: center;
}
.about-box1 {
  width: 100%;
  height: 350vh;
  position: relative;
}
.about-box1 .about-box1a {
  overflow: hidden;
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}
.about-box1 .about-box1a .videobox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.about-box1 .about-box1a .videobox video,
.about-box1 .about-box1a .videobox img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-box1 .about-box1a .videobox img {
  opacity: 0.7;
  z-index: 2;
}
.about-box1 .about-box1a .textbox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 10;
  width: 1010px;
}
@media (max-width: 1260px) {
  .about-box1 .about-box1a .textbox {
    width: 90%;
  }
}
.about-box1 .about-box1a .textbox .cn1 {
  color: #Fff;
  margin-bottom: 0.55rem;
}
.about-box1 .about-box1a .textbox2 {
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -50%);
  width: 1010px;
  text-align: center;
  z-index: 9;
  opacity: 0;
}
@media (max-width: 1260px) {
  .about-box1 .about-box1a .textbox2 {
    width: 90%;
  }
}
.about-box1 .about-box1a .textbox2 .textbox2a {
  position: relative;
}
.about-box1 .about-box1a .textbox2 .pcn1 {
  color: #Fff;
}
.about-box1 .about-box1a .textbox2 .pcn2 {
  margin-top: 0.2rem;
  color: #Fff;
}
.about-box1 .about-box1a .textbox2 .pcn2 p span {
  color: rgba(255, 255, 255, 0.4);
}
.about-box1 .about-box1a .textbox2 .pcn2 p span.on {
  color: #Fff;
}
.about-box1 .about-box1a .textbox3 {
  position: absolute;
  left: 50%;
  top: 26%;
  transform: translate(-50%, -50%);
  width: 1010px;
  text-align: center;
  z-index: 9;
  opacity: 0;
  margin-top: 1rem;
  color: #333333;
}
@media (max-width: 991px) {
  .about-box1 .about-box1a .textbox3 {
    top: 35%;
  }
}
.about-box1 .about-box1a .logoimg {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(20);
  opacity: 0;
}
.about-box1 .about-box1a .logoimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-box1 .about-box1a .bgimg {
  z-index: 6;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 100%;
}
.about-box1 .about-box1a .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-box2 {
  padding: 1.4rem 0 0;
  position: relative;
  overflow: hidden;
}
.about-box2 .container {
  z-index: 3;
  position: relative;
}
.about-box2 .container .aboutbox2swiper {
  margin-top: 0.55rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
}
.about-box2 .container .aboutbox2swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem;
  padding: 1rem 0.25rem 0.5rem;
  flex-wrap: wrap;
}
.about-box2 .container .aboutbox2swiper .swiper-slide.nopic .img {
  display: none;
}
.about-box2 .container .aboutbox2swiper .swiper-slide.nopic .text {
  width: 100%;
}
.about-box2 .container .aboutbox2swiper .swiper-slide.nopic .text .cn1 {
  text-align: center;
}
.about-box2 .container .aboutbox2swiper .swiper-slide.nopic .text .cn3 {
  text-align: center;
}
.about-box2 .container .aboutbox2swiper .swiper-slide.nopic .text .cn3 .cn3a {
  display: none;
}
.about-box2 .container .aboutbox2swiper .swiper-slide .img {
  width: 50%;
  border-radius: 0.05rem;
}
@media (max-width: 991px) {
  .about-box2 .container .aboutbox2swiper .swiper-slide .img {
    width: 100%;
  }
}
.about-box2 .container .aboutbox2swiper .swiper-slide .img::before {
  padding-top: 63.07692308%;
}
.about-box2 .container .aboutbox2swiper .swiper-slide .text {
  width: 50%;
  padding: 0.2rem 0.75rem;
}
@media (max-width: 991px) {
  .about-box2 .container .aboutbox2swiper .swiper-slide .text {
    width: 100%;
    padding: 0.6rem 0 0.2rem;
  }
}
.about-box2 .container .aboutbox2swiper .swiper-slide .text .cn1 {
  color: var(--color);
}
.about-box2 .container .aboutbox2swiper .swiper-slide .text .cn2 {
  margin-top: 0.5rem;
}
.about-box2 .container .aboutbox2swiper .swiper-slide .text .cn2 .cn3 {
  display: flex;
  margin-top: 0.2rem;
}
.about-box2 .container .aboutbox2swiper .swiper-slide .text .cn2 .cn3:nth-child(1) {
  margin-top: 0;
}
.about-box2 .container .aboutbox2swiper .swiper-slide .text .cn2 .cn3 .cn3a {
  margin-right: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ccc;
  transform: translateY(6px);
}
.about-box2 .container .aboutbox2swiper .swiper-slide .text .cn2 .cn3 .cn3b {
  width: calc(100% - 18px);
  color: #333333;
  line-height: 20px;
}
.about-box2 .about-box2b {
  margin-top: 0.5rem;
}
@media (max-width: 991px) {
  .about-box2 .about-box2b {
    margin-top: 0.3rem;
  }
}
.about-box2 .about-box2b .bgimg {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.about-box2 .about-box2b .bgimg img {
  width: 100%;
  object-fit: contain;
}
.about-box2 .about-box2b .container {
  overflow: hidden;
  position: relative;
}
.about-box2 .about-box2b .container .public-swiper-left {
  left: 0;
  background-color: #fff;
}
.about-box2 .about-box2b .container .public-swiper-left:hover {
  background-color: var(--color);
}
@media (max-width: 991px) {
  .about-box2 .about-box2b .container .public-swiper-left {
    display: none;
  }
}
.about-box2 .about-box2b .container .public-swiper-right {
  right: 0;
  background-color: #fff;
}
.about-box2 .about-box2b .container .public-swiper-right:hover {
  background-color: var(--color);
}
@media (max-width: 991px) {
  .about-box2 .about-box2b .container .public-swiper-right {
    display: none;
  }
}
.about-box2 .about-box2b .aboutbox2swiper2 {
  margin: 0 auto;
  width: calc(100% / 3);
  height: 1.7rem;
  position: relative;
}
.about-box2 .about-box2b .aboutbox2swiper2 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 0.2rem;
}
.about-box2 .about-box2b .aboutbox2swiper2 .swiper-slide.swiper-slide-thumb-active .cn4 {
  font-size: 1rem;
  color: var(--color);
}
@media (max-width: 991px) {
  .about-box2 .about-box2b .aboutbox2swiper2 .swiper-slide.swiper-slide-prev {
    justify-content: flex-end;
  }
}
@media (max-width: 991px) {
  .about-box2 .about-box2b .aboutbox2swiper2 .swiper-slide.swiper-slide-prev .cn4 {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .about-box2 .about-box2b .aboutbox2swiper2 .swiper-slide.swiper-slide-next {
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .about-box2 .about-box2b .aboutbox2swiper2 .swiper-slide.swiper-slide-next .cn4 {
    text-align: left;
  }
}
.about-box2 .about-box2b .aboutbox2swiper2 .swiper-slide .cn4 {
  padding: 0.1rem 0;
  line-height: 0.3rem;
  height: 0.5rem;
  text-align: center;
  transition: all 0.5s;
  color: #8e96a8;
}
.about-box3 {
  padding: 1.4rem 0;
  background-color: #fff;
  position: relative;
}
.about-box3 .container .box {
  background-color: #f8fafc;
  display: flex;
  border-radius: 0.1rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}
.about-box3 .container .box:nth-child(1) {
  margin-top: 0;
}
.about-box3 .container .box:nth-child(even) {
  flex-direction: row-reverse;
}
.about-box3 .container .box .left {
  width: 50%;
}
@media (max-width: 991px) {
  .about-box3 .container .box .left {
    width: 100%;
  }
}
.about-box3 .container .box .left .img {
  height: 100%;
  border-radius: 0.1rem;
}
.about-box3 .container .box .left .img::before {
  padding-top: 58.15602837%;
}
.about-box3 .container .box .left .img:hover img {
  transform: scale(1.05);
}
.about-box3 .container .box .right {
  width: 50%;
  padding: 0.8rem 1.1rem;
}
@media (max-width: 991px) {
  .about-box3 .container .box .right {
    width: 100%;
    padding: 0.8rem 0.3rem;
  }
}
.about-box3 .container .box .right .cn1 {
  height: 0.55rem;
}
@media (max-width: 991px) {
  .about-box3 .container .box .right .cn1 {
    height: 0.76rem;
  }
}
.about-box3 .container .box .right .cn1 img {
  height: 100%;
}
.about-box3 .container .box .right .cn2 {
  margin-top: 0.5rem;
}
@media (max-width: 991px) {
  .about-box3 .container .box .right .cn2 {
    margin-top: 0.6rem;
  }
}
.about-box3 .container .box .right .cn2 .cn3 {
  color: #222222;
}
.about-box3 .container .box .right .cn2 .cn4 {
  margin-top: 0.3rem;
  color: #666666;
}
.about-box4 {
  padding: 1.4rem 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.about-box4 .bgimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.about-box4 .bgimg img {
  min-height: 90vh;
  width: 100%;
}
.about-box4 .container {
  position: relative;
}
.about-box4 .container2 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.8rem;
  justify-content: space-between;
}
.about-box4 .container2 .left {
  width: 42.85714286%;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .about-box4 .container2 .left {
    display: none;
  }
}
.about-box4 .container2 .left .about-box4swiper {
  margin-left: -0.25rem;
  position: relative;
  overflow: hidden;
  height: 3.37rem;
}
.about-box4 .container2 .left .about-box4swiper .swiper-scrollbar-drag {
  background-color: var(--color);
}
.about-box4 .container2 .left .about-box4swiper .swiper-slide {
  display: flex;
  height: auto;
  padding: 0.18rem 0.25rem;
  border-radius: 0.8rem;
  cursor: pointer;
  transition: all 0.5s;
}
.about-box4 .container2 .left .about-box4swiper .swiper-slide .dian {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-color: rgba(106, 22, 133, 0);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.about-box4 .container2 .left .about-box4swiper .swiper-slide .dian span {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-color: #ccc;
  transition: all 0.5s;
}
.about-box4 .container2 .left .about-box4swiper .swiper-slide .text {
  line-height: 20px;
  width: calc(100% - 25px);
  color: #333333;
}
.about-box4 .container2 .left .about-box4swiper .swiper-slide.swiper-slide-thumb-active {
  background-color: #f8f5fc;
}
.about-box4 .container2 .left .about-box4swiper .swiper-slide.swiper-slide-thumb-active .dian {
  background-color: rgba(106, 22, 133, 0.2);
}
.about-box4 .container2 .left .about-box4swiper .swiper-slide.swiper-slide-thumb-active .dian span {
  background-color: var(--color);
}
.about-box4 .container2 .left .about-box4swiper .swiper-slide.swiper-slide-thumb-active .text {
  font-weight: bold;
  color: var(--color);
}
.about-box4 .container2 .right {
  position: absolute;
  left: 50%;
  width: 100%;
  top: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .about-box4 .container2 .right {
    overflow: initial;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
  }
}
.about-box4 .container2 .right .about-box4swiper2 {
  width: 5.33rem;
  position: relative;
}
.about-box4 .container2 .right .about-box4swiper2 .swiper-slide {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.about-box4 .container2 .right .about-box4swiper2 .swiper-slide .img {
  background-color: #Fff;
  border-radius: 0.1rem;
}
.about-box4 .container2 .right .about-box4swiper2 .swiper-slide .img::before {
  padding-top: 63.22701689%;
}
.about-box4 .container2 .right .about-box4swiper2 .swiper-slide .img img {
  max-width: 60%;
  max-height: 60%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about-box4 .container2 .right .about-box4swiper2 .swiper-slide .text {
  display: none;
}
@media (max-width: 991px) {
  .about-box4 .container2 .right .about-box4swiper2 .swiper-slide .text {
    display: block;
    text-align: center;
    margin-top: 0.3rem;
  }
}
.about-box4 .container2 .right .about-box4swiper2 .swiper-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
}
.about-box4 .container2 .right .about-box4swiper2 .swiper-slide.swiper-slide-active ~ .swiper-slide {
  visibility: visible;
  opacity: 1;
}
.about-box4 .container2 .right .about-box4swiper2 .swiper-slide:hover .img img {
  transform: translate(-50%, -50%) scale(1.05);
}
.about-box4 .container3 {
  margin-top: 2rem;
}
.public-bottom-box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
}
.public-bottom-box .pbox {
  padding: 0 0.2rem;
  margin-top: 0.3rem;
  width: 50%;
}
@media (max-width: 991px) {
  .public-bottom-box .pbox {
    width: 100%;
  }
}
.public-bottom-box .pbox .pbox2 {
  width: 100%;
  position: relative;
  display: block;
}
.public-bottom-box .pbox .pbox2 .pbgimg {
  border-radius: 0.1rem;
}
.public-bottom-box .pbox .pbox2 .pbgimg::before {
  padding-top: 37.20588235%;
}
@media (max-width: 767px) {
  .public-bottom-box .pbox .pbox2 .pbgimg::before {
    padding-top: 51.47058824%;
  }
}
.public-bottom-box .pbox .pbox2 .ptext {
  z-index: 3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.4rem 0.3rem;
}
.public-bottom-box .pbox .pbox2 .ptext .pcn1 .pcn1a {
  color: var(--color);
}
.public-bottom-box .pbox .pbox2 .ptext .pcn1 .pcn1b {
  margin-top: 0.05rem;
  color: #000000;
}
.public-bottom-box .pbox .pbox2 .ptext .pcn2 {
  transition: all 0.5s;
  width: 0.36rem;
  height: 0.36rem;
  background-color: var(--color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #Fff;
  margin-bottom: 0.3rem;
  background-color: transparent;
  border: 1px solid #aaa;
  color: #aaa;
}
@media (max-width: 1580px) {
  .public-bottom-box .pbox .pbox2 .ptext .pcn2 {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .public-bottom-box .pbox .pbox2 .ptext .pcn2 {
    width: 0.76rem;
    height: 0.76rem;
  }
}
.public-bottom-box .pbox .pbox2 .ptext .pcn2 img {
  width: 7px;
  height: 10px;
}
.public-bottom-box .pbox .pbox2:hover .pbgimg img {
  transform: scale(1.05);
}
.public-bottom-box .pbox .pbox2:hover .ptext .pcn2 {
  border-color: var(--color);
  color: #fff;
  background-color: var(--color);
}
.public-select-box {
  width: 600px;
  background-color: #Fff;
  border-radius: 0.6rem;
  border: 1px solid #e2dcf1;
  margin: 0.35rem auto 0;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .public-select-box {
    border-radius: 0.6rem;
    width: 100%;
  }
}
.public-select-box.active {
  border-radius: 0.3rem 0.3rem 0 0;
}
@media (max-width: 767px) {
  .public-select-box.active {
    border-radius: 0.3rem 0.3rem 0 0;
  }
}
.public-select-box.active div input {
  border-radius: 0.3rem 0.3rem 0 0;
}
@media (max-width: 767px) {
  .public-select-box.active div input {
    border-radius: 0.3rem 0.3rem 0 0;
  }
}
.public-select-box div {
  width: 100%;
  position: relative;
}
.public-select-box div img {
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  width: 0.2rem;
  height: 0.2rem;
  transform: translate(0) !important;
  z-index: 2;
}
@media (max-width: 1580px) {
  .public-select-box div img {
    width: 0.4rem;
    height: 0.4rem;
    top: 0.22rem;
  }
}
.public-select-box div input {
  border: 0;
  height: auto;
  padding: 0 1rem 0 0.5rem;
  line-height: 0.6rem;
  border-radius: 0.3rem;
  width: 100%;
  color: #333333;
}
@media (max-width: 1580px) {
  .public-select-box div input {
    padding: 0 2rem 0 0.8rem;
    line-height: 0.88rem;
    border-radius: 0.44rem;
  }
}
.public-select-box div input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.public-select-box div .searchbutton {
  position: absolute;
  right: 0.1rem;
  width: 0.82rem;
  line-height: 0.4rem;
  background-color: var(--color);
  border-radius: 0.2rem;
  color: #Fff;
  top: 0.1rem;
}
@media (max-width: 1580px) {
  .public-select-box div .searchbutton {
    top: 0.14rem;
    right: 0.14rem;
    width: 1.6rem;
    line-height: 0.6rem;
    border-radius: 0.3rem;
  }
}
.layui-dropdown {
  margin: 0;
  overflow: hidden;
  border-radius: 0 0 0.3rem 0.3rem;
}
@media (max-width: 767px) {
  .layui-dropdown {
    max-width: calc(90% - 2px);
  }
}
.layui-dropdown .layui-menu {
  padding: 0.2rem 0;
}
.layui-dropdown .layui-menu li {
  padding: 0 0.5rem;
}
.layui-dropdown .layui-menu li .layui-menu-body-title {
  color: #333;
  padding: 0.05rem 0;
  line-height: 1.71428571;
}
.service-box1 {
  position: relative;
  background-color: #Fff;
  padding: 1.2rem 0 0.35rem;
}
.service-box1 .container .box {
  padding: 0  0 1rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
@media (max-width: 991px) {
  .service-box1 .container .box {
    margin: 0.8rem -0.1rem 0;
  }
}
.service-box1 .container .box .box2 {
  padding: 0 0.1rem;
  width: 25%;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .service-box1 .container .box .box2 {
    width: 50%;
    margin-top: 0.2rem;
  }
}
.service-box1 .container .box .box2 .box2a {
  position: relative;
  display: block;
  border-radius: 0.1rem;
  text-align: center;
  padding: 0.5rem 0;
  height: 100%;
}
.service-box1 .container .box .box2 .box2a .bgimg {
  border-radius: 0.1rem;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.service-box1 .container .box .box2 .box2a .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-box1 .container .box .box2 .box2a .bgimg2 {
  border-radius: 0.1rem;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
}
.service-box1 .container .box .box2 .box2a .bgimg2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-box1 .container .box .box2 .box2a .img {
  margin: 0 auto;
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  background-color: rgba(106, 22, 133, 0.05);
  border: 1px solid rgba(106, 22, 133, 0.18);
  color: var(--color);
  transition: all 0.5s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .service-box1 .container .box .box2 .box2a .img {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.service-box1 .container .box .box2 .box2a .img svg,
.service-box1 .container .box .box2 .box2a .img img {
  width: 100%;
  height: 100%;
}
.service-box1 .container .box .box2 .box2a .cn1 {
  margin-top: 0.35rem;
  position: relative;
  z-index: 3;
  color: #333;
  transition: all 0.5s;
}
.service-box1 .container .box .box2 .box2a .cn2 {
  padding: 0 0.6rem;
  position: relative;
  z-index: 3;
  margin-top: 0.1rem;
  color: #666666;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .service-box1 .container .box .box2 .box2a .cn2 {
    padding: 0 0.3rem;
  }
}
.service-box1 .container .box .box2 .box2a .cn3 {
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 0.3rem;
  color: #ffffff;
  justify-content: center;
  margin-top: 0.2rem;
  transition: all 0.5s;
  height: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.service-box1 .container .box .box2 .box2a .cn3 svg {
  margin-left: 0.05rem;
}
@media (min-width: 992px) {
  .service-box1 .container .box .box2 .box2a:hover .bgimg {
    opacity: 0;
  }
  .service-box1 .container .box .box2 .box2a:hover .bgimg2 {
    opacity: 1;
    transform: scaleY(1.2);
  }
  .service-box1 .container .box .box2 .box2a:hover .img {
    transform: scale(1.2);
    color: #Fff;
    background-image: url(../images/zimg104.svg);
  }
  .service-box1 .container .box .box2 .box2a:hover .cn1 {
    color: #Fff;
  }
  .service-box1 .container .box .box2 .box2a:hover .cn2 {
    color: #Fff;
  }
  .service-box1 .container .box .box2 .box2a:hover .cn3 {
    height: 0.3rem;
    opacity: 1;
    margin-top: 0.2rem;
  }
}
.service-box2 {
  padding-top: 0.4rem;
  margin-bottom: 1.4rem;
}
.service-box2 .container {
  background-position: center 0.4rem;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .service-box2 .container {
    background-position: center 0.8rem;
  }
}
.service-box2 .container .box {
  position: relative;
}
.service-box2 .container .box .bgimg {
  border-radius: 0.1rem;
}
.service-box2 .container .box .bgimg::before {
  padding-top: 19.85714286%;
}
@media (max-width: 767px) {
  .service-box2 .container .box .bgimg::before {
    padding-top: 72.93%;
  }
}
.service-box2 .container .box .text {
  z-index: 3;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 0.6rem;
}
@media (max-width: 991px) {
  .service-box2 .container .box .text {
    padding: 0.2rem 0.6rem 0;
  }
}
@media (max-width: 767px) {
  .service-box2 .container .box .text {
    top: 35%;
    text-align: center;
    padding: 0 0.3rem;
  }
}
.service-box2 .container .box .text .cn1 {
  color: #fff;
}
.service-box2 .container .box .text .cn2 {
  margin-top: 0.15rem;
  color: #Fff;
}
@media (max-width: 991px) {
  .service-box2 .container .box .text .cn2 {
    max-width: 60%;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .service-box2 .container .box .text .cn2 {
    max-width: 80%;
    margin: 0.15rem auto 0;
  }
}
@media (max-width: 991px) {
  .service-box2 .container .box .text .cn2 br {
    display: none;
  }
}
.service-box2 .container .box2 {
  display: flex;
  padding: 0.6rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 {
    padding: 0.6rem 0.3rem;
  }
}
.service-box2 .container .box2 .box2a {
  width: 70.3125%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.1rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box2a {
    width: 100%;
  }
}
.service-box2 .container .box2 .box2a .box2a2 {
  background-color: #Fff;
  padding: 0.5rem 0.3rem;
  width: 50%;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .service-box2 .container .box2 .box2a .box2a2 {
    border-radius: 0.1rem;
    width: 100%;
    margin-top: 0.3rem;
  }
}
.service-box2 .container .box2 .box2a .box2a2:nth-child(1) {
  margin-top: 0;
}
.service-box2 .container .box2 .box2a .box2a2::before {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 70%;
  background-color: #e6e0e9;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .service-box2 .container .box2 .box2a .box2a2::before {
    display: none;
  }
}
.service-box2 .container .box2 .box2a .box2a2:nth-child(even)::before {
  display: none;
}
.service-box2 .container .box2 .box2a .box2a2 .cn5 {
  margin: 0 auto;
  width: 0.88rem;
  height: 0.88rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(90deg, #6a1685 22%, #bf74ea 100%), linear-gradient(#6a1685, #6a1685);
  background-blend-mode: normal, 
                            normal;
  box-shadow: 0px 9px 16px 0px rgba(106, 22, 133, 0.31), inset 0px 1px 1px 2px rgba(255, 255, 255, 0.43);
  border-radius: 50%;
}
.service-box2 .container .box2 .box2a .box2a2 .cn5 img {
  width: 100%;
  height: 100%;
}
.service-box2 .container .box2 .box2a .box2a2 .cn6 {
  margin-top: 0.2rem;
  color: #000000;
}
.service-box2 .container .box2 .box2a .box2a2 .cn7 {
  margin-top: 0.05rem;
  color: #666666;
}
.service-box2 .container .box2 .box2a .box2a2 .cn8 {
  margin-top: 0.3rem;
}
.service-box2 .container .box2 .box2a .box2a2 .cn9 {
  margin-top: 0.2rem;
  color: var(--color);
  letter-spacing: -2px;
}
.service-box2 .container .box2 .box2b {
  padding: 0.5rem 0;
  width: 27.65625%;
  background-color: #ffffff;
  border-radius: 0.1rem;
  text-align: center;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box2b {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.service-box2 .container .box2 .box2b .img {
  margin: 0 auto;
  width: 1.54rem;
  height: 1.54rem;
  border: 1px solid #f3f5f8;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box2b .img {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.service-box2 .container .box2 .box2b .img img {
  width: 1.16rem;
  height: 1.16rem;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box2b .img img {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.service-box2 .container .box2 .box2b .cn3 {
  margin-top: 0.2rem;
  padding: 0 0.5rem;
  color: #000000;
}
.service-box2 .container .box2 .box2b .cn4 {
  margin-top: 0.1rem;
  padding: 0 0.5rem;
  color: #666666;
}
.public-helperlistbox .pbox1 {
  display: block;
  padding: 0.25rem 0.3rem;
  margin-bottom: 0.1rem;
  border-radius: 0.1rem;
  border: 1px solid rgba(213, 215, 229, 0.5);
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .public-helperlistbox .pbox1 {
    margin-bottom: 0.25rem;
  }
}
.public-helperlistbox .pbox1 .pcn1 {
  color: #000000;
  transition: all 0.5s;
}
.public-helperlistbox .pbox1 .pcn2 {
  margin-top: 0.05rem;
  color: #999999;
}
.public-helperlistbox .pbox1:hover {
  background-color: #f5f6fc;
}
.public-helperlistbox .pbox1:hover .pcn1 {
  color: var(--color);
}
.public-downloadlistbox .pbox {
  display: flex;
  flex-wrap: wrap;
}
.public-downloadlistbox .pbox.pbox1 {
  background-color: #fafafd;
  border-radius: 0.1rem 0.1rem 0 0;
  padding: 0.2rem;
}
@media (max-width: 767px) {
  .public-downloadlistbox .pbox.pbox1 .pbox1b {
    display: none;
  }
}
.public-downloadlistbox .pbox.pbox2 {
  border: 1px solid rgba(213, 215, 229, 0.25);
  background-color: #fff;
  padding: 0 0;
  overflow: hidden;
  transition: all 0.5s;
  border-top: 0;
}
.public-downloadlistbox .pbox .pbox1a {
  display: flex;
  align-items: center;
  color: #333333;
  padding: 0 0.1rem;
}
.public-downloadlistbox .pbox .pbox1a.font20 {
  color: #000;
}
.public-downloadlistbox .pbox .pbox1a:nth-child(1) {
  width: 37.64044944%;
}
@media (max-width: 767px) {
  .public-downloadlistbox .pbox .pbox1a:nth-child(1) {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
  }
}
.public-downloadlistbox .pbox .pbox1a:nth-child(2) {
  width: 19.1011236%;
}
@media (max-width: 767px) {
  .public-downloadlistbox .pbox .pbox1a:nth-child(2) {
    display: none;
  }
}
.public-downloadlistbox .pbox .pbox1a:nth-child(3) {
  width: 19.1011236%;
}
@media (max-width: 767px) {
  .public-downloadlistbox .pbox .pbox1a:nth-child(3) {
    display: none;
  }
}
@media (max-width: 767px) {
  .public-downloadlistbox .pbox .pbox1a {
    width: calc((100% - 0.8rem) / 3);
  }
}
.public-downloadlistbox .pbox .pbox1a img {
  height: 20px;
  margin-right: 0.05rem;
}
.public-downloadlistbox .pbox .pbox1a.pbox3a1 {
  color: #666;
}
.public-downloadlistbox .pbox .pbox1b {
  width: 24.15730337%;
  display: flex;
}
@media (max-width: 767px) {
  .public-downloadlistbox .pbox .pbox1b {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.public-downloadlistbox .pbox .pbox1b .pbox3a2 {
  position: relative;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  color: #999;
}
.public-downloadlistbox .pbox .pbox1b .pbox3a2:nth-child(1) {
  padding-right: 0.4rem;
}
.public-downloadlistbox .pbox .pbox1b .pbox3a2:nth-child(1)::before {
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.14rem;
  background-color: #999;
}
.public-downloadlistbox .pbox .pbox1b .pbox3a2 img,
.public-downloadlistbox .pbox .pbox1b .pbox3a2 svg {
  height: 13px;
  margin-right: 0.05rem;
}
.public-downloadlistbox .pbox .pbox1b .pbox3a2:hover {
  color: var(--color);
}
.public-downloadlistbox .pbox .pbox3 {
  width: 100%;
}
.public-downloadlistbox .pbox .pbox3a {
  width: 100%;
  display: flex;
  padding: 0.2rem;
}
@media (max-width: 767px) {
  .public-downloadlistbox .pbox .pbox3a {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.othertips {
  margin-top: 0.25rem;
  color: #999;
}
.othertips span {
  color: var(--color);
}
.news-info.helpinfo .container .box .helpinfoleft {
  width: 74.28571429%;
}
@media (max-width: 991px) {
  .news-info.helpinfo .container .box .helpinfoleft {
    width: 100%;
  }
}
.news-info.helpinfo .container .box .helpinfoleft .cn1 {
  width: 100%;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news-info.helpinfo .container .box .helpinfoleft .box30 {
  padding-right: 0.3rem;
}
@media (max-width: 991px) {
  .news-info.helpinfo .container .box .helpinfoleft .box30 {
    padding-right: 0;
  }
}
.news-info.helpinfo .container .box .helpinfoleft .box30 .cn30 {
  padding-top: 0.35rem;
  color: #666666;
  line-height: 1.875;
}
.news-info.helpinfo .container .box .helpinforight {
  width: 18.57142857%;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .news-info.helpinfo .container .box .helpinforight {
    width: 100%;
    display: none;
  }
}
.news-info.helpinfo .container .box .helpinforight .rightbox {
  background-color: #F9fafc;
  border-radius: 0.1rem;
  padding: 0.3rem;
}
.news-info.helpinfo .container .box .helpinforight .rightbox .helpmenutitle {
  color: #000000;
}
.news-info.helpinfo .container .box .helpinforight .rightbox .helpmenu {
  margin-top: 0.3rem;
  position: relative;
  padding-left: 0.2rem;
}
.news-info.helpinfo .container .box .helpinforight .rightbox .helpmenu::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #999;
}
.news-info.helpinfo .container .box .helpinforight .rightbox .helpmenu li {
  margin-top: 0.1rem;
  color: #999;
  line-height: 30px;
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
}
.news-info.helpinfo .container .box .helpinforight .rightbox .helpmenu li:nth-child(1) {
  margin-top: 0;
}
.news-info.helpinfo .container .box .helpinforight .rightbox .helpmenu li::before {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 0;
  width: 2px;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
  background-color: var(--color);
}
.news-info.helpinfo .container .box .helpinforight .rightbox .helpmenu li.on {
  color: var(--color);
}
.news-info.helpinfo .container .box .helpinforight .rightbox .helpmenu li.on::before {
  opacity: 1;
}
.public-helperinfobox .pbox {
  padding-top: 0.35rem;
  position: relative;
}
.public-helperinfobox .pbox .infoboxid {
  position: absolute;
  left: 0;
  top: -1.2rem;
  width: 1px;
  height: 1px;
}
.public-helperinfobox .pbox .ptitle {
  display: flex;
}
.public-helperinfobox .pbox .ptitle .line {
  margin-right: 10px;
  width: 2px;
  height: 30px;
  background-color: var(--color);
}
.public-helperinfobox .pbox .ptitle .font20 {
  width: calc(100% - 12px);
  line-height: 30px;
  color: #000;
}
.public-helperinfobox .pbox .pbox2 .pbox2imgtext {
  padding-top: 0.3rem;
  color: #666666;
  line-height: 1.875;
}
.public-helperinfobox .pbox .pbox2 .pbox2imgtext img {
  width: 100%;
}
.public-helperinfobox .pbox .pbox2 .pbox2link {
  display: flex;
  flex-wrap: wrap;
}
.public-helperinfobox .pbox .pbox2 .pbox2link .font16 {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  color: var(--color);
  text-decoration: underline;
  margin-right: 0.38rem;
}
.public-helperinfobox .pbox .pbox2 .pbox2link .font16 img,
.public-helperinfobox .pbox .pbox2 .pbox2link .font16 svg {
  transition: all 0.5s;
  margin-left: 0.1rem;
}
.public-helperinfobox .pbox .pbox2 .pbox2link .font16:hover img,
.public-helperinfobox .pbox .pbox2 .pbox2link .font16:hover svg {
  transform: translateX(0.05rem);
}
.public-helperinfobox .pbox .pbox2 .pbox2video {
  width: 81.18811881%;
  padding-top: 0.3rem;
}
@media (max-width: 991px) {
  .public-helperinfobox .pbox .pbox2 .pbox2video {
    width: 100%;
  }
}
.public-helperinfobox .pbox .pbox2 .pbox2video video {
  border-radius: 0.1rem;
}
.public-helperinfobox .pbox .pbox2 .pbox2video .pbox2videotext {
  margin-top: 0.15rem;
  text-align: center;
  color: #999999;
}
.public-helperinfoform {
  margin-top: 0.75rem;
  padding-right: 0.3rem;
}
@media (max-width: 991px) {
  .public-helperinfoform {
    padding-right: 0;
  }
}
.public-helperinfoform form .pbox {
  border: solid 1px #e5e5e5;
  border-radius: 0.1rem;
  background-color: #f9fafc;
  display: flex;
  align-items: center;
  padding: 0.2rem 0.3rem;
  justify-content: space-between;
}
.public-helperinfoform form .pbox.on {
  border-radius: 0.1rem 0.1rem 0 0;
}
.public-helperinfoform form .pbox .pcn1 {
  max-width: 50%;
  color: #000000;
}
.public-helperinfoform form .pbox .pcn2 {
  display: flex;
  flex-wrap: wrap;
}
.public-helperinfoform form .pbox .pcn2 .pcn3 {
  border-radius: 0.05rem;
  background-color: #Fff;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.1rem 0.3rem 0.1rem 0.2rem;
  margin-left: 0.1rem;
  transition: all 0.5s;
  cursor: pointer;
}
.public-helperinfoform form .pbox .pcn2 .pcn3 span {
  color: #000000;
  transition: all 0.5s;
}
.public-helperinfoform form .pbox .pcn2 .pcn3 img,
.public-helperinfoform form .pbox .pcn2 .pcn3 svg {
  margin-right: 0.1rem;
}
.public-helperinfoform form .pbox .pcn2 .pcn3.pcn3yes {
  color: var(--color);
}
.public-helperinfoform form .pbox .pcn2 .pcn3.pcn3yes:hover {
  background-color: var(--color);
  border-color: var(--color);
  color: #Fff;
}
.public-helperinfoform form .pbox .pcn2 .pcn3.pcn3yes:hover span {
  color: #fff;
}
.public-helperinfoform form .pbox .pcn2 .pcn3.pcn3no {
  color: #c61313;
}
.public-helperinfoform form .pbox .pcn2 .pcn3.pcn3no img,
.public-helperinfoform form .pbox .pcn2 .pcn3.pcn3no svg {
  transform: rotate(180deg);
}
.public-helperinfoform form .pbox .pcn2 .pcn3.pcn3no:hover {
  background-color: #c61313;
  border-color: #c61313;
  color: #Fff;
}
.public-helperinfoform form .pbox .pcn2 .pcn3.pcn3no:hover span {
  color: #fff;
}
.public-helperinfoform form .pbox2 {
  display: none;
  border: solid 1px #e5e5e5;
  border-radius: 0 0 0.1rem 0.1rem;
  padding: 0.35rem 0.3rem;
  border-top: 0;
}
.public-helperinfoform form .pbox2 .pcn4 {
  color: #333333;
}
.public-helperinfoform form .pbox2 .pcn4.pcn4a {
  margin-top: 0.3rem;
}
.public-helperinfoform form .pbox2 .pcn5 {
  margin-top: 0.05rem;
  display: flex;
  flex-wrap: wrap;
}
.public-helperinfoform form .pbox2 .pcn5 .pcn5a {
  margin: 0.2rem 0 0;
  width: calc(100% / 3);
}
@media (max-width: 991px) {
  .public-helperinfoform form .pbox2 .pcn5 .pcn5a {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .public-helperinfoform form .pbox2 .pcn5 .pcn5a {
    width: 100%;
  }
}
.public-helperinfoform form .pbox2 .pcn5 .pcn5a .layui-form-checked[lay-skin=primary] i {
  border-color: var(--color) !important;
  background-color: var(--color) !important;
}
.public-helperinfoform form .pbox2 .pcn5 .pcn5a .layui-form-checkbox span {
  white-space: wrap;
}
.public-helperinfoform form .pbox2 .pcn5 .pcn5a .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: var(--color);
}
.public-helperinfoform form .pbox2 .pcn6 {
  margin-top: 0.25rem;
}
.public-helperinfoform form .pbox2 .pcn6 textarea {
  border-radius: 0.05rem;
  border: 1px solid #e5e5e5;
  padding: 0.15rem 0.2rem;
  color: #333;
  width: 100%;
  height: 1rem;
}
@media (max-width: 991px) {
  .public-helperinfoform form .pbox2 .pcn6 textarea {
    height: 2rem;
  }
}
.public-helperinfoform form .pbox2 .pcn6 textarea::placeholder {
  color: #999;
}
.public-helperinfoform form .pbox2 .pcn7 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.public-helperinfoform form .pbox2 .pcn7 .pcn7a {
  margin-top: 0.2rem;
  width: calc(100% / 3);
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .public-helperinfoform form .pbox2 .pcn7 .pcn7a {
    width: 100%;
  }
}
.public-helperinfoform form .pbox2 .pcn7 .pcn7a input {
  width: 100%;
  padding: 0.15rem 0.2rem;
  border-radius: 0.05rem;
  border: solid 1px #e5e5e5;
}
.public-helperinfoform form .pbox2 .pcn7 .pcn7a button {
  padding: 0.15rem 0.45rem;
  border-radius: 0.05rem;
  border: solid 1px var(--color);
  background-color: var(--color);
  color: #Fff;
}
@media (max-width: 991px) {
  .public-helperinfoform form .pbox2 .pcn7 .pcn7a button {
    width: 100%;
  }
}
.public-helperinfoform form .pbox2 .pcn7 .pcn7a button:hover {
  opacity: 0.8;
}
.public-helperinfoform form .pbox2 .pcn8 {
  margin-top: 0.15rem;
  color: #999;
}
.iot-box1 {
  overflow: hidden;
  width: 100%;
  padding: 1.4rem 0;
  position: relative;
  background-color: #f8fafc;
}
@media (max-width: 991px) {
  .iot-box1 {
    padding: 1.4rem 0 1rem;
  }
}
.iot-box1 .agent-box2swiper {
  margin-top: 0.55rem;
  position: relative;
}
.iot-box1 .agent-box2swiper .swiper-slide {
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.35rem 0.23rem;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .iot-box1 .agent-box2swiper .swiper-slide {
    min-height: 6rem;
  }
}
.iot-box1 .agent-box2swiper .cn1 {
  color: #222222;
}
.iot-box1 .agent-box2swiper .cn1 span {
  display: block;
  color: #999999;
}
.iot-box1 .agent-box2swiper .cn2 {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.iot-box1 .agent-box2swiper .cn2 .cn3 img {
  height: 0.92rem;
}
.iot-box1 .agent-box2swiper .cn2 .cn4 {
  margin-top: 0.3rem;
  color: #999999;
  line-height: 1.5;
}
.iot-box2 {
  width: 100%;
  padding: 1.4rem 0;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.iot-box2 .img {
  margin: 0.3rem auto 0;
  max-width: 1488px;
  width: 90%;
}
.iot-box2 .img img {
  width: 100%;
}
@media (max-width: 767px) {
  .iot-box2 .img img {
    transform: scale(1.15);
  }
}
.iot-box3 {
  width: 100%;
  height: 100vh;
  position: relative;
}
.iot-box3 .img {
  height: 100%;
  width: 100%;
  position: relative;
}
.iot-box3 .img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.iot-box3 .img img,
.iot-box3 .img video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.iot-box3 .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.iot-box3 .container .public-agent-textbox .pcn1 {
  color: #fff;
}
.public-product-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.8rem -0.15rem 0;
}
.public-product-list .pbox {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: calc(100% / 3);
  border-radius: 0.1rem;
  overflow: hidden;
  padding: 0 0.15rem;
  margin-bottom: 0.23rem;
}
@media (max-width: 991px) {
  .public-product-list .pbox {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .public-product-list .pbox {
    width: 100%;
  }
}
.public-product-list .pbox .pbox2 {
  padding: 0.65rem 0.3rem 0.5rem;
  border-radius: 0.1rem;
  transition: all 0.5s;
  text-align: center;
}
.public-product-list .pbox .pbox2 .pcn1 {
  color: #000000;
  transition: all 0.5s;
}
.public-product-list .pbox .pbox2 .pcn2 {
  margin-top: 0.15rem;
  color: #666666;
  letter-spacing: 0.07rem;
}
@media (max-width: 991px) {
  .public-product-list .pbox .pbox2 .pcn2 {
    letter-spacing: 0;
  }
}
.public-product-list .pbox .pbox2 .pcn3 {
  margin-top: 1rem;
}
.public-product-list .pbox .pbox2 .pcn3 img {
  object-fit: contain;
  width: auto;
  height: 3rem;
}
@media (max-width: 767px) {
  .public-product-list .pbox .pbox2 .pcn3 img {
    height: 4rem;
  }
}
.iot-box4 {
  position: relative;
  overflow: hidden;
  padding: 1.4rem 0 0;
  background-color: #Fff;
}
.iot-box4 .container2 {
  margin-top: 0.6rem;
  position: relative;
}
@media (max-width: 991px) {
  .iot-box4 .container2 {
    overflow: initial;
  }
}
.iot-box4 .container2 .bigbox {
  position: relative;
}
@media (max-width: 1260px) {
  .iot-box4 .container2 .public-swiper-left,
  .iot-box4 .container2 .public-swiper-right {
    display: none;
  }
}
.iot-box4 .container2 .public-product-listswiper {
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .iot-box4 .container2 .public-product-listswiper {
    overflow: initial;
  }
}
.iot-box4 .container2 .public-product-listswiper .swiper-slide {
  min-height: 5.06rem;
  height: auto;
}
.iot-box4 .container2 .public-product-list {
  flex-wrap: nowrap;
  margin: 0;
}
.iot-box4 .container2 .public-product-list .pbox {
  padding: 0;
  margin: 0;
}
.iot-box5 {
  position: relative;
  background-color: #Fff;
  padding: 0.7rem 0 1.4rem;
}
.iot-box6 {
  position: relative;
  background-color: #Fff;
  padding: 1.4rem 0 1.2rem;
}
.iot-box6 .agent-box4swiper .swiper-slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.courese-box1 .item .container .list::before {
  background-image: url(../images/zimg3.svg) !important;
}