.header-comp {
  position: relative;
  height: 4.12rem;
}
.header-comp .menu-btn {
  position: absolute;
  left: 0.54rem;
  top: 0.43rem;
  width: 0.38rem;
  height: 0.29rem;
  z-index: 101;
}
.header-comp .menu-btn img {
  width: 100%;
  height: 100%;
}
.header-comp .menu-btn .menu-list {
  width: 0;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.2s;
}
.header-comp .menu-btn .menu-list.active {
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.6);
}
.header-comp .menu-btn .menu-list.active .nav-list {
  width: 4.42rem;
}
.header-comp .menu-btn .menu-list .nav-list {
  width: 0;
  height: 100%;
  background-color: #fff;
  transition: width 0.2s;
  overflow: hidden;
}
.header-comp .menu-btn .menu-list .nav-list .logo-wrap {
  width: 100%;
  height: 1.46rem;
  padding-left: 0.38rem;
  padding-top: 0.44rem;
  position: relative;
}
.header-comp .menu-btn .menu-list .nav-list .logo-wrap .logo {
  width: 1.94rem;
  height: 0.58rem;
}
.header-comp .menu-btn .menu-list .nav-list .logo-wrap .back {
  position: absolute;
  width: 0.36rem;
  height: 0.22rem;
  right: 0.31rem;
  top: 0.62rem;
}
.header-comp .menu-btn .menu-list .nav-list .list .list-item {
  width: 100%;
  height: 1.02rem;
  border-left: 0.08rem solid transparent;
  line-height: 1.02rem;
}
.header-comp .menu-btn .menu-list .nav-list .list .list-item a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 0.76rem;
}
.header-comp .menu-btn .menu-list .nav-list .list .list-item a .text {
  font-size: 0.34rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
.header-comp .menu-btn .menu-list .nav-list .list .list-item:first-child a .text {
  letter-spacing: 2em;
  margin-right: -2em;
}
.header-comp .menu-btn .menu-list .nav-list .list .list-item.item-active {
  border-left-color: #0094FF;
  background-color: rgba(0, 148, 255, 0.1);
}
.header-comp .site-logo-wrap {
  position: absolute;
  z-index: 101;
  top: 0.37rem;
  right: 0.54rem;
  width: 1.33rem;
  height: 0.4rem;
}
.header-comp .site-logo-wrap img {
  width: 100%;
  height: 100%;
}
.header-comp .banner {
  position: absolute;
  z-index: 100;
  height: 100%;
  width: 100%;
}
.header-comp .banner img {
  width: 100%;
}
.go-top {
  position: fixed;
  right: 0.3rem;
  bottom: 1.5rem;
  width: 0.4rem;
  height: 0.44rem;
  z-index: 3000;
}
.go-top img {
  width: 0.4rem;
}
.menu-btn2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3001;
  width: 100%;
  height: 1.14rem;
  background-color: rgba(255, 255, 255, 0.9);
  /*  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.1));
  backdrop-filter: blur(5px);
  box-shadow: 0 11px 22px 14px rgba(255,255,255,0.09);*/
}
.menu-btn2 .show-btn {
  position: absolute;
  left: 0.54rem;
  top: 0.43rem;
  width: 0.38rem;
}
.menu-btn2 .logo2 {
  position: absolute;
  right: 0.54rem;
  top: 0.37rem;
  width: 1.33rem;
}
.footer {
  width: 100%;
  background: #3E424E;
  padding: 0 0.36rem;
}
.footer .footer-inner {
  width: 100%;
  height: 100%;
  padding-top: 0.64rem;
  font-family: Source Han Sans CN;
}
.footer .footer-inner .title {
  margin-bottom: 0.53rem;
  font-size: 0.3rem;
  font-weight: 400;
  color: #FFFFFF;
}
.footer .footer-inner .list {
  display: flex;
  flex-wrap: wrap;
}
.footer .footer-inner .list .item {
  width: 50%;
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.footer .footer-inner .list .item.line1 {
  margin-bottom: 0.36rem;
}
.footer .footer-inner .border {
  height: 0.02rem;
  width: 100%;
  background: #FFFFFF;
}
.footer .footer-inner .contact-us {
  display: flex;
  padding-top: 0.49rem;
  margin-bottom: 0.46rem;
}
.footer .footer-inner .contact-us .left {
  flex: 1 1 auto;
}
.footer .footer-inner .contact-us .left .c-title {
  font-size: 0.3rem;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0.53rem;
}
.footer .footer-inner .contact-us .left .tel {
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0.37rem;
}
.footer .footer-inner .contact-us .left .email {
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
}
.footer .footer-inner .contact-us .right {
  width: 2.22rem;
  flex: 0 0 2.22rem;
  padding-top: 0.03rem;
}
.footer .footer-inner .contact-us .right .thumb {
  width: 1.6rem;
  height: 1.6rem;
}
.footer .footer-inner .contact-us .right .thumb img {
  width: 100%;
}
.footer .footer-inner .info {
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 0.31rem;
}
.footer .footer-inner .info p {
  margin-bottom: 0.14rem;
}
.main {
  width: 100%;
}
.main .swiper-ins {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #0094FF;
  overflow: hidden;
}
.main .swiper-ins .swiper {
  width: 100%;
  height: 100%;
}
.main .swiper-ins .swiper .swiper-slide {
  position: relative;
}
.main .swiper-ins .swiper .swiper-slide .title {
  position: absolute;
  top: 1.39rem;
  left: 0.54rem;
  color: #FFFFFF;
  font-size: 0.34rem;
  font-weight: 500;
}
.main .swiper-ins .swiper .swiper-slide .sub-title {
  position: absolute;
  top: 2.03rem;
  left: 0.54rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  font-weight: 400;
}
.main .swiper-ins .swiper .swiper-slide .more {
  position: absolute;
  left: 0.54rem;
  top: 2.83rem;
}
.main .swiper-ins .swiper .swiper-slide .more img {
  width: 0.88rem;
  height: 0.3rem;
}
.main .swiper-ins .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.main .swiper-ins .swiper .swiper-pagination-bullet {
  background-color: transparent;
  width: 0.14rem;
  height: 0.14rem;
  border: 0.01rem solid #ffffff;
}
.main .swiper-ins .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffffff;
}
.main .introduction {
  width: 100%;
  padding-top: 0.66rem;
  margin-bottom: 0.66rem;
}
.main .introduction .tit-img {
  width: 5.12rem;
  display: block;
  margin: 0 auto 0.42rem;
}
.main .introduction .introduction-desc {
  width: 100%;
  padding: 0 0.3rem;
}
.main .introduction .introduction-desc .inner {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  border-radius: 0.14rem;
  padding: 0.16rem 0.24rem 0.16rem 0.16rem;
  display: flex;
}
.main .introduction .introduction-desc .inner .desc {
  flex: 1 1 auto;
  padding-top: 0.29rem;
}
.main .introduction .introduction-desc .inner .desc .text {
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 0.4rem;
  color: #333333;
  text-indent: 2em;
  text-align: justify;
}
.main .introduction .introduction-desc .inner .thumb {
  flex: 0 0 3.46rem;
  font-size: 0;
  width: 3.46rem;
  margin-right: 0.26rem;
}
.main .introduction .introduction-desc .inner .thumb img {
  width: 100%;
}
.main .introduction .introduction-desc .inner .more {
  position: absolute;
  right: 0.16rem;
  bottom: 0.32rem;
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #005EB9;
}
.main .business-area {
  padding-top: 0.66rem;
  padding-bottom: 0.66rem;
  width: 100%;
  background-color: #FFFFFF;
}
.main .business-area .tit-img {
  width: 3.41rem;
  display: block;
  margin: 0 auto 0.42rem;
}
.main .business-area .list {
  display: flex;
  justify-content: space-around;
}
.main .business-area .list .item {
  flex: 1 1 auto;
  text-align: center;
}
.main .business-area .list .item .thumb {
  width: 1.29rem;
  height: 1.16rem;
  overflow: hidden;
  margin: 0 auto 0.52rem;
}
.main .business-area .list .item .thumb img {
  width: 100%;
}
.main .business-area .list .item .title {
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
.main .security {
  position: relative;
  width: 100%;
  padding-bottom: 0.31rem;
  background: linear-gradient(90deg, #3574FF 0%, #3672FB 100%);
  padding-top: 0.66rem;
}
.main .security .tit-img {
  width: 6.36rem;
  display: block;
  margin: 0 auto 0.58rem;
}
.main .security .content-area {
  width: 100%;
  padding: 0 0.3rem;
  margin-bottom: 0.3rem;
}
.main .security .content-area .content {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.16);
  border-radius: 0.16rem;
  overflow: hidden;
}
.main .security .content-area .content .item-swiper {
  width: 100%;
}
.main .security .content-area .content .item-swiper .swiper-slide {
  width: 100% !important;
}
.main .security .content-area .content .item {
  width: 100%;
  height: 3.48rem;
}
.main .security .content-area .content .item .item-inner {
  width: 100%;
  background: #FFFFFF;
  border-radius: 0.16rem;
  padding: 0.54rem 0.3rem 0.53rem;
  display: flex;
}
.main .security .content-area .content .item .item-inner .thumb {
  flex: 0 0 2.1rem;
  width: 2.1rem;
  margin-right: 0.3rem;
}
.main .security .content-area .content .item .item-inner .thumb .icon {
  width: 100%;
  text-align: center;
  font-size: 0;
}
.main .security .content-area .content .item .item-inner .thumb .icon img {
  width: 2.02rem;
}
.main .security .content-area .content .item .item-inner .thumb .text {
  width: 100%;
  text-align: center;
  font-size: 0.3rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #1D1D1D;
}
.main .security .content-area .content .item .item-inner .desc {
  flex: 1 1 auto;
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #6A6A6A;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.main .security .content-area .content .item .item-inner .desc p {
  line-height: 0.4rem;
  width: 100%;
}
.main .security .content-area .content .item .item-inner.thumb-right .thumb {
  margin-right: 0;
  margin-left: 0.3rem;
}
.main .security .btns {
  width: 100%;
  height: 0.44rem;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.3rem;
}
.main .security .btns .btn-wrap {
  display: flex;
  width: 1.42rem;
  justify-content: space-between;
}
.main .security .btns .btn-wrap img {
  width: 0.44rem;
  height: 0.44rem;
}
.main .custom {
  width: 100%;
  padding-top: 0.66rem;
}
.main .custom .tit-img {
  width: 2.34rem;
  display: block;
  margin: 0 auto 0.42rem;
}
.main .custom .list-wrap {
  width: 100%;
  padding: 0 0.3rem 0.46rem;
}
.main .custom .list-wrap .list-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main .custom .list-wrap .list-inner img {
  width: 3.36rem;
  height: 2rem;
  margin-bottom: 0.2rem;
  border: none;
}
.about-main {
  min-height: 100vh;
  background-color: #FFFFFF;
}
.about-main .introduction {
  padding-top: 0.66rem;
}
.about-main .introduction .tit-img {
  display: block;
  width: 5.12rem;
  margin: 0 auto 0.42rem;
}
.about-main .introduction .introduction-banner {
  width: 100%;
  padding: 0 0.3rem;
}
.about-main .introduction .introduction-banner img {
  width: 100%;
  margin-bottom: 0.5rem;
}
.about-main .introduction .introduction-banner .content {
  padding: 0 0.3rem 0.5rem;
}
.about-main .introduction .introduction-banner .content p {
  text-indent: 2em;
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #484848;
  text-align: justify;
  margin-bottom: 0.36rem;
  line-height: 0.42rem;
}
.about-main .banner2 {
  width: 100%;
  margin-bottom: 0.5rem;
}
.about-main .banner2 img {
  width: 100%;
}
.about-main .strength-list {
  padding: 0 0.3rem;
  margin-bottom: 0.66rem;
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.about-main .strength-list .item .icon {
  width: 1.06rem;
  height: 1.14rem;
  background-image: url("../images/icon/about-item-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.21rem;
  text-align: center;
  line-height: 1.14rem;
  font-size: 0.34rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.about-main .strength-list .item .item-title {
  text-align: center;
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #202020;
}
.about-main .team {
  width: 100%;
  margin-bottom: 0.66rem;
}
.about-main .team .tit-img {
  display: block;
  width: 3.42rem;
  margin: 0 auto 0.42rem;
}
.about-main .team .team-content {
  width: 100%;
  padding: 0 0.3rem;
}
.about-main .team .team-content .line-1 {
  display: flex;
  margin-bottom: 0.24rem;
  justify-content: space-between;
}
.about-main .team .team-content .line-1 .item {
  width: 3.33rem;
  height: 3.3rem;
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.16);
  border-radius: 0.16rem;
  padding: 0.38rem 0.3rem 0;
}
.about-main .team .team-content .line-2 .inner {
  width: 100%;
  height: 2.1rem;
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.16);
  border-radius: 0.16rem;
  padding: 0.38rem 0.3rem 0;
}
.about-main .team .team-content .title {
  font-size: 0.3rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #555555;
  margin-bottom: 0.21rem;
}
.about-main .team .team-content .desc {
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 0.42rem;
  color: #747474;
}
.about-main .contact-us .tit-img {
  display: block;
  margin: 0 auto 0.42rem;
  width: 2.46rem;
}
.about-main .contact-us .contact-us-content {
  width: 100%;
  padding: 0 0.3rem 0.68rem;
}
.about-main .contact-us .contact-us-content .inner {
  background: #FFFFFF;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
  border-radius: 0.12rem;
  padding-bottom: 0.46rem;
}
.about-main .contact-us .contact-us-content .inner .map {
  width: 100%;
  margin-bottom: 0.52rem;
}
.about-main .contact-us .contact-us-content .inner .inner-title {
  margin-bottom: 0.3rem;
  font-size: 0.32rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #474747;
  padding-left: 0.36rem;
}
.about-main .contact-us .contact-us-content .inner .item {
  padding-left: 0.36rem;
  font-size: 0.26rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #707070;
  margin-bottom: 0.24rem;
}
.about-main .contact-us .contact-us-content .inner .item span {
  color: #474747;
  margin-right: 0.15rem;
}
.business-main .business-list .item {
  width: 100%;
  height: 4.43rem;
  background-color: #FFFFFF;
  padding-top: 0.6rem;
  padding-left: 0.6rem;
  padding-right: 0.3rem;
}
.business-main .business-list .item .line {
  width: 0.62rem;
  height: 0.05rem;
  background: #FFAA1F;
  margin-bottom: 0.24rem;
}
.business-main .business-list .item .desc {
  display: flex;
  justify-content: space-between;
}
.business-main .business-list .item .desc .thumb {
  flex: 0 0 2.63rem;
}
.business-main .business-list .item .desc .thumb img {
  width: 100%;
}
.business-main .business-list .item .desc .text {
  flex: 1 1 auto;
  padding-top: 0.15rem;
}
.business-main .business-list .item .desc .text .title {
  font-size: 0.3rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #1D1D1D;
  margin-bottom: 0.24rem;
}
.business-main .business-list .item .desc .text .p-item {
  display: flex;
}
.business-main .business-list .item .desc .text .p-item .circle {
  width: 0.14rem;
  height: 0.42rem;
  flex: 0 0 0.14rem;
  margin-right: 0.07rem;
  display: flex;
  align-items: center;
}
.business-main .business-list .item .desc .text .p-item .circle span {
  display: block;
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  border: 0.02rem solid #FFAA1F;
}
.business-main .business-list .item .desc .text .p-item .content {
  font-size: 0.24rem;
  max-width: 3rem;
  line-height: 0.42rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #6A6A6A;
}
.business-main .business-list .item.item-right {
  background-color: #f8f8f8;
}
.business-main .business-list .item.item-right .line {
  margin-left: 3.17rem;
}
.business-main .business-list .item.item-right .desc .thumb {
  margin-right: 0.54rem;
}
.custom-main {
  width: 100%;
  background-color: #FFFFFF;
  min-height: 100vh;
}
.custom-main .custom-list {
  width: 100%;
  padding-top: 0.66rem;
}
.custom-main .custom-list .tit-img {
  width: 2.34rem;
  display: block;
  margin: 0 auto 0.42rem;
}
.custom-main .custom-list .list-wrap {
  width: 100%;
  padding: 0 0.3rem 0.66rem;
}
.custom-main .custom-list .list-wrap .list-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.custom-main .custom-list .list-wrap .list-inner img {
  width: 3.36rem;
  height: 2rem;
  margin-bottom: 0.2rem;
  border: none;
}
.security-main {
  min-height: 100vh;
  background-color: #FFFFFF;
}
.security-main .security-list {
  padding-top: 0.66rem;
}
.security-main .security-list .tit-img {
  width: 4.72rem;
  display: block;
  margin: 0 auto 0.58rem;
}
.security-main .security-list .item {
  width: 100%;
  padding: 0 0.3rem;
  margin-bottom: 0.36rem;
}
.security-main .security-list .item .item-inner {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.16);
  border-radius: 0.16rem;
  padding: 0.54rem 0.3rem 0.53rem;
  display: flex;
}
.security-main .security-list .item .item-inner .thumb {
  flex: 0 0 2.1rem;
  width: 2.1rem;
  margin-right: 0.3rem;
}
.security-main .security-list .item .item-inner .thumb .icon {
  width: 100%;
  text-align: center;
  font-size: 0;
}
.security-main .security-list .item .item-inner .thumb .icon img {
  width: 2.02rem;
}
.security-main .security-list .item .item-inner .thumb .text {
  width: 100%;
  text-align: center;
  font-size: 0.3rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #1D1D1D;
}
.security-main .security-list .item .item-inner .desc {
  flex: 1 1 auto;
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #6A6A6A;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.security-main .security-list .item .item-inner .desc p {
  width: 100%;
  line-height: 0.45rem;
}
.security-main .security-list .item .item-inner.thumb-right .thumb {
  margin-right: 0;
  margin-left: 0.3rem;
}
.success-main {
  background-color: #FFFFFF;
}
.success-main .business-list {
  padding-top: 0.66rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.success-main .business-list .item {
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 1.32rem 0.41rem 0;
}
.success-main .business-list .item .line-1 {
  display: flex;
  margin-bottom: 0.38rem;
}
.success-main .business-list .item .line-1 .thumb {
  width: 2.76rem;
  height: 1.56rem;
  flex: 0 0 2.76rem;
  overflow: hidden;
  margin-right: 0.22rem;
}
.success-main .business-list .item .line-1 .thumb img {
  width: 100%;
}
.success-main .business-list .item .line-1 .title-area {
  flex: 1 1 auto;
  padding-top: 0.32rem;
  line-height: 0.46rem;
}
.success-main .business-list .item .line-1 .title-area .title {
  font-size: 0.3rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
}
.success-main .business-list .item .line-1 .title-area .sub-title {
  font-size: 0.26rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
.success-main .business-list .item .line-2 {
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #5E5E5E;
  text-indent: 2em;
  line-height: 0.4rem;
}
.success-main .business-list .item-1 {
  height: 7.28rem;
  background-image: url("../images/icon/success-bg1.png");
  margin-bottom: 0.5rem;
}
.success-main .business-list .item-2 {
  height: 7.14rem;
  background-image: url("../images/icon/success-bg2.png");
  margin-bottom: 0.5rem;
}
.success-main .business-list .item-2 .line-2 {
  text-indent: 0em;
}
.success-main .business-list .item-3 {
  height: 6.02rem;
  background-image: url("../images/icon/success-bg3.png");
  margin-bottom: 0.54rem;
}
.success-main .success-cases .tit-img {
  width: 6.78rem;
  display: block;
  margin: 0 auto 0.5rem;
}
.success-main .success-cases .case-list {
  padding-bottom: 0.38rem;
}
.success-main .success-cases .case-list .item {
  width: 100%;
  padding: 0 0.3rem;
}
.success-main .success-cases .case-list .item .inner {
  width: 100%;
  height: 1.93rem;
  margin-bottom: 0.36rem;
  display: flex;
  border-bottom: 0.01rem solid #DBDBDB;
}
.success-main .success-cases .case-list .item .inner .thumb {
  width: 2.76rem;
  height: 1.56rem;
  flex: 0 0 2.76rem;
  overflow: hidden;
  margin-right: 0.26rem;
}
.success-main .success-cases .case-list .item .inner .thumb img {
  width: 100%;
}
.success-main .success-cases .case-list .item .inner .desc {
  flex: 1 1 auto;
}
.success-main .success-cases .case-list .item .inner .desc .title {
  font-size: 0.28rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  line-height: 0.4rem;
  color: #333333;
  margin-bottom: 0.08rem;
}
.success-main .success-cases .case-list .item .inner .desc .desc-content {
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 0.36rem;
  color: #666666;
  min-height: 0.72rem;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 弹性伸缩盒子 */
  display: -webkit-box;
  /* 文本行数 */
  -webkit-line-clamp: 2;
  /* 伸缩盒子子元素的排列方式 */
  -webkit-box-orient: vertical;
}
.success-main .success-cases .case-list .item .inner .desc .more {
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 0.4rem;
  color: #0094FF;
}
.success-main .success-cases .case-list .item:last-child .inner {
  border-color: #fff;
}
.success-main .case-detail {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3500;
  background-color: rgba(0, 0, 0, 0.6);
}
.success-main .case-detail .detail-wrap {
  width: 6.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.success-main .case-detail .detail-wrap .inner {
  height: 6.29rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.16);
  border-radius: 0.1rem;
  margin-bottom: 0.56rem;
}
.success-main .case-detail .detail-wrap .inner .inner-hd {
  background: linear-gradient(135deg, #0094FF 0%, #5019C5 100%);
  border-radius: 0.1rem 0.1rem 0 0;
  width: 100%;
  height: 2.04rem;
  padding-top: 0.24rem;
  padding-left: 0.24rem;
  display: flex;
}
.success-main .case-detail .detail-wrap .inner .inner-hd .icon {
  width: 2.76rem;
  height: 1.56rem;
  overflow: hidden;
  margin-right: 0.24rem;
}
.success-main .case-detail .detail-wrap .inner .inner-hd .icon img {
  width: 100%;
}
.success-main .case-detail .detail-wrap .inner .inner-hd .text {
  width: 2.7rem;
  font-size: 0.3rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.46rem;
  height: 0.92rem;
}
.success-main .case-detail .detail-wrap .inner .inner-content {
  width: 100%;
  height: 4.25rem;
  padding: 0.36rem 0.24rem;
  overflow-y: auto;
}
.success-main .case-detail .detail-wrap .inner .inner-content .content {
  width: 100%;
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 0.4rem;
  color: #333333;
}
.success-main .case-detail .detail-wrap .inner .inner-content .content p {
  text-indent: 2em;
  line-height: 0.4rem;
}
.success-main .case-detail .detail-wrap .close-btn {
  width: 0.66rem;
  display: block;
  margin: 0 auto;
}
.join-main {
  background-color: #FFFFFF;
}
.join-main .job-list {
  padding: 0.4rem 0.3rem;
}
.join-main .job-list .job-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3500;
  background-color: rgba(0, 0, 0, 0.6);
}
.join-main .job-list .job-mask .card-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.3rem;
  height: 5.64rem;
}
.join-main .job-list .job-mask .card-wrap .card {
  width: 100%;
  display: flex;
  background-color: #FFFFFF;
  height: 2.28rem;
  box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.16);
  border-radius: 0.1rem;
}
.join-main .job-list .job-mask .card-wrap .card .icon {
  width: 1.99rem;
  height: 100%;
  flex: 0 0 1.99rem;
  margin-right: 0.31rem;
}
.join-main .job-list .job-mask .card-wrap .card .icon img {
  width: 100%;
  height: 100%;
}
.join-main .job-list .job-mask .card-wrap .card .card-info {
  flex: 1 1 auto;
  padding-right: 0.3rem;
  padding-top: 0.37rem;
}
.join-main .job-list .job-mask .card-wrap .card .card-info .content {
  font-size: 0.24rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  margin-bottom: 0.12rem;
}
.join-main .job-list .job-mask .card-wrap .card .card-info .contact {
  font-size: 0.3rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #005EB9;
}
.join-main .job-list .job-mask .card-wrap .card:first-child {
  margin-bottom: 1.08rem;
}
.join-main .job-list .job-mask .card-wrap .card.card2 .content {
  margin-bottom: 0.43rem;
}
.join-main .job-item {
  width: 100%;
  min-height: 0.88rem;
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.16);
  border-radius: 0.16rem;
  margin-bottom: 0.4rem;
  padding: 0 0.3rem;
}
.join-main .job-item .info {
  display: flex;
  height: 0.88rem;
  justify-content: space-between;
  border-bottom: 0.01rem solid #FFFFFF;
  margin-bottom: 0.36rem;
}
.join-main .job-item .info .address {
  height: 0.87rem;
  display: flex;
}
.join-main .job-item .info .address .city {
  display: flex;
}
.join-main .job-item .info .address .city .icon {
  width: 0.2rem;
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.join-main .job-item .info .address .city .icon img {
  width: 100%;
}
.join-main .job-item .info .address .city .city-name {
  line-height: 0.87rem;
  font-size: 0.28rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
.join-main .job-item .info .address .arrow-icon {
  height: 0.87rem;
  display: flex;
  align-items: center;
  margin-left: 0.3rem;
}
.join-main .job-item .info .address .arrow-icon img {
  transform-origin: center center;
  width: 0.24rem;
}
.join-main .job-item .info .name {
  font-size: 0.3rem;
  line-height: 0.87rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
.join-main .job-item .job-content {
  padding-bottom: 0.42rem;
  display: none;
}
.join-main .job-item .job-content .title {
  font-size: 0.26rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 0.62rem;
}
.join-main .job-item .job-content .list {
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 0.36rem;
  color: #666666;
}
.join-main .job-item .job-content .join-btn {
  width: 100%;
}
.join-main .job-item .job-content .join-btn .btn {
  width: 1.34rem;
  height: 0.66rem;
  background: linear-gradient(135deg, #0094FF 0%, #5019C5 100%);
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.66rem;
  font-size: 0.26rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 auto;
}
.join-main .job-item.active .info {
  border-bottom: 0.01rem solid #CCCCCC;
}
.join-main .job-item.active .info .address .arrow-icon img {
  transform: rotate(-180deg);
}
.join-main .job-item.active .job-content {
  display: block;
}