@charset "UTF-8";

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.clearItem:before {
  content: "";
  display: table;
}

.clearItem:after {
  content: "";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
}

/*swiper設置*/
#homepage {
  background-color: #f5f5f5;
}

#homepage .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  --swiper-navigation-color: #fff;
}

#homepage .swiper-container .swiper-slide {
  text-align: center;
  font-size: .18rem;
  background-color: #f5f5f5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}

#homepage .swiper-container .swiper-slide:last-child {
  display: inline-block;
}

#homepage .swiper-container .swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  border: 1px solid #ccc;
  background: transparent;
}

#homepage .swiper-container .swiper-pagination-bullet-active {
  border: 1px solid #0cf;
  background: #0cf;
}

#homepage .swiper-container .swiper-button-next {
  width: .4rem;
  height: .4rem;
  background: url("../image/icons-right.png") no-repeat;
  background-size: auto 100%;
  background-position: center 0;
  transform: translateX(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) rotate(90deg);
  -o-transform: translateX(-50%) rotate(90deg);
  top: auto;
  right: auto;
  bottom: .8rem;
  left: 50%;
}

#homepage .swiper-container .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

#homepage .swiper-container .swiper-slide-active .content {
  display: inline-block;
}

#homepage .swiper-container .swiper-slide-active .lelian-companylists .lists {
  display: block;
}

/*导航栏*/
.home-nav {
  border-bottom: 1px solid #eee;
  background-color: white;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.page-lelian .home-nav {
  box-shadow: 0 0 4px 0px rgb(137 137 137 / 45%);
  -webkit-box-shadow: 0 0 4px 0px rgb(137 137 137 / 45%);
  -moz-box-shadow: 0 0 4px 0px rgba(137, 137, 137, .45);
  -o-box-shadow: 0 0 4px 0px rgba(137, 137, 137, .45);
}

.home-nav .nav-content {
  width: 100%;
  max-width: 900px;
  height: .8rem;
  display: block;
  margin: 0 auto;
  position: relative;
}

.home-nav .nav-content:before {
  content: "";
  display: table;
}

.home-nav .nav-content:after {
  content: "";
  display: table;
  clear: both;
}

.home-nav .nav-content .logo-lelian {
  width: 1.14rem;
  height: .4rem;
  display: block;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url("../image/logo-ll.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
  position: absolute;
  left: 0;
  top: 50%;
}

.logo-lelian2-mobile {
  width: 0.5rem;
  height: 0.4rem;
  left: .1rem;
  display: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url("../image/logo-ll-2-2.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
  position: absolute;
  top: 50%;
}

.home-nav .nav-content .logo-lelian2 {
  width: 1.8rem;
  height: 0.4rem;
  display: block;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url("../image/logo-hori.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
  position: absolute;
  left: 0;
  top: 50%;
}

.home-nav .nav-content .icons-list {
  width: .4rem;
  height: .4rem;
  display: none;
  margin: .02rem .1rem .02rem 0;
  background: url("../image/icons-list.png") no-repeat;
  background-size: 60% auto;
  background-position: right center;
  float: right;
}

.home-nav .nav-content .nav-list {
  max-width: 88%;
  max-width: calc(100% - 1.14rem);
  overflow: hidden;
  display: block;
  float: right;
}

.home-nav .nav-content .nav-list dd {
  float: left;
  height: .8rem;
  line-height: .8rem;
  padding: 0 .25rem;
  position: relative;
  cursor: pointer;
  font-size: .16rem;
  color: #333;
}

.home-nav .nav-content .nav-list dd.active {
  color: #416dff;
}

.page-lelian .home-nav .nav-content .nav-list dd:hover {
  color: #416dff;
}

/*页面*/
.homepage-index {
  background-image: url("../image/webbg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.homepage-index .content {
  width: 100%;
  max-width: 980px;
  margin: auto;
  text-align: center;
  display: none;
}

.homepage-index .content .homepage-phone {
  width: 3.17rem;
  height: 6.09rem;
  display: inline-block;
  float: left;
  /* background: url("../image/phone-1.png") no-repeat; */
  background: url("../image/phone-1-b.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
  animation: zoomPig 1s ease-in-out;
  -webkit-animation: zoomPig 1s ease-in-out;
  -moz-animation: zoomPig 1s ease-in-out;
  -o-animation: zoomPig 1s ease-in-out;
}

.homepage-index .content .homepage-dl {
  display: inline-block;
  float: right;
  animation: zoomShow 1.4s ease-in-out;
  -webkit-animation: zoomShow 1.4s ease-in-out;
  -moz-animation: zoomShow 1.4s ease-in-out;
  -o-animation: zoomShow 1.4s ease-in-out;
}

.homepage-index .content .homepage-word {
  width: 5.89rem;
  height: 3.22rem;
  display: block;
  margin: 0 auto;
  background: url("../image/web-word.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
}

.homepage-index .content .homepage-dl dd {
  width: 50%;
  vertical-align: top;
  display: inline-block;
}

.homepage-index .content .homepage-dl dd.left {
  float: left;
}

.homepage-index .content .homepage-dl dd.right {
  float: right;
}

.homepage-index .content .homepage-dl dd.left .box-img {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: .03rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.homepage-index .content .homepage-dl dd.left .box-img img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.homepage-index .content .homepage-dl dd.left label {
  width: 100%;
  line-height: .45rem;
  display: block;
  font-size: .16rem;
  color: #fff;
}

.homepage-index .content .homepage-dl dd.right .btn {
  width: 3rem;
  height: .66rem;
  line-height: .66rem;
  display: block;
  position: relative;
  margin: 0 auto;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, .2);
  border-radius: .33rem;
  font-size: .30rem;
  color: #fff;
}

.homepage-index .content .homepage-dl dd.right .btn+.btn {
  margin-top: .24rem;
}

.homepage-index .content .homepage-dl dd.right .btn.ios:before {
  content: "";
  width: .4rem;
  height: .4rem;
  display: inline-block;
  vertical-align: top;
  margin: .13rem .05rem 0 0;
  background: url("../image/icons-apple.png") no-repeat;
  background-size: auto 100%;
  background-position: center center;
}

.homepage-index .content .homepage-dl dd.right .btn.android:before {
  content: "";
  width: .4rem;
  height: .4rem;
  display: inline-block;
  vertical-align: top;
  margin: .13rem .05rem 0 0;
  background: url("../image/icons-android.png") no-repeat;
  background-size: auto 100%;
  background-position: center center;
}

.page-lelian .home-nav .nav-content .nav-list {
  box-shadow: 0 4px 4px 0px rgba(137, 137, 137, .1);
  -webkit-box-shadow: 0 4px 4px 0px rgba(137, 137, 137, .1);
  -moz-box-shadow: 0 4px 4px 0px rgba(137, 137, 137, .1);
  -o-box-shadow: 0 4px 4px 0px rgba(137, 137, 137, .1);
}

.homepage-part {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.homepage-part .content {
  width: 100%;
  display: none;
  max-width: 1200px;
  text-align: center;
  position: relative;
}

.homepage-part .content .title {
  display: block;
  margin: 0 auto;
  animation: zoomUp 1s ease-in-out;
  -webkit-animation: zoomUp 1s ease-in-out;
  -moz-animation: zoomUp 1s ease-in-out;
  -o-animation: zoomUp 1s ease-in-out;
}

.homepage-part .content .title img {
  width: 100%;
  height: auto;
}

.homepage-part .content h3 {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: .57rem;
  margin-bottom: .5rem;
  letter-spacing: .1rem;
  animation: zoomUp 1s ease-in-out;
  -webkit-animation: zoomUp 1s ease-in-out;
  -moz-animation: zoomUp 1s ease-in-out;
  -o-animation: zoomUp 1s ease-in-out;
}

.homepage-part .content label {
  width: 100%;
  line-height: .36rem;
  display: inline-block;
  padding: 0 15%;
  color: #fff;
  font-size: .24rem;
  margin-top: .6rem;
  animation: zoomShow 1.2s ease-in-out;
  -webkit-animation: zoomShow 1.2s ease-in-out;
  -moz-animation: zoomShow 1.2s ease-in-out;
  -o-animation: zoomShow 1.2s ease-in-out;
}

/*团队介绍*/
.homepage-part.team {
  background-image: url("../image/team.jpg");
}

.homepage-part.team .title {
  width: 5.64rem;
  height: 1.97rem;
}

.homepage-part.service {
  background-image: url("../image/service.jpg");
}

.homepage-part.service .title {
  width: 8.93rem;
  height: 2rem;
}

.homepage-part.function {
  background-image: url("../image/function.jpg");
}

.homepage-part.function .title {
  width: 8.42rem;
  height: 2.02rem;
}

.homepage-part.function label {
  text-align: left;
  padding: 0 40% 0 15%;
}

.homepage-part.function .homepage-phone {
  width: 3.59rem;
  height: 6.51rem;
  display: inline-block;
  float: right;
  /* background: url("../image/phone.png") no-repeat; */
  background: url("../image/phone-b.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -o-transform: translateY(50%);
  -moz-transform: translateY(50%);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.homepage-footer .companylists {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f5f5f5;
}

.homepage-footer .companylists>.lists {
  width: 100%;
  max-width: 1200px;
  padding: 1.24rem 0 2.52rem;
  margin: auto;
}

.homepage-footer .companylists>.lists h3 {
  width: 100%;
  font-size: .28rem;
  color: #666;
  font-weight: 700;
  line-height: .5rem;
  padding-bottom: .4rem;
}

.homepage-footer .lelian-companylists>.lists h3 {
  padding-bottom: .2rem;
}

.homepage-footer .companylists>.lists .color-black {
  color: #333;
}

.homepage-footer .companylists>.lists ul {
  width: 100%;
}

.homepage-footer .companylists>.lists ul li {
  width: 2rem;
  height: .89rem;
  background-color: #fff;
  border-radius: 10px;
  margin: .2rem;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}

.homepage-footer .companylists>.lists ul li:hover {
  border: 1px solid #0396e4;
}

.homepage-footer .companylists>.lists ul.ul-logos li {
  height: .8rem;
  margin: .1rem .2rem;
}

.homepage-footer .companylists>.lists ul.ul-logos li .img-logo {
  width: 100%;
  height: 100%;
  display: block;
}

.homepage-footer .companylists>.lists ul.ul-logos li .img-logo img {
  width: 100%;
  height: auto;
}

.homepage-footer .companylists>.lists ul li .parlogo {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.homepage-footer .companylists>.lists ul li .logo-1 {
  background-image: url("../image/sd.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-2 {
  background-image: url("../image/yl.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-3 {
  background-image: url("../image/mb.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-4 {
  background-image: url("../image/ls.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-5 {
  background-image: url("../image/sxf.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-6 {
  background-image: url("../image/bj.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-7 {
  background-image: url("../image/zs.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-8 {
  background-image: url("../image/ms.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-9 {
  background-image: url("../image/js.jpg");
}

.homepage-footer .companylists>.lists ul li .logo-10 {
  background-image: url("../image/pan.jpg");
}

.homepage-footer .footer-part {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #333333 !important;
}

.homepage-footer .footer-part .footer {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: inline-block;
  position: relative;
  padding: .4rem 0;
}

.homepage-footer .footer-part .footer .logo {
  width: 1rem;
  height: 2rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  background-image: url("../image/logo.png");
  background-size: 90% auto;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.homepage-footer .footer-part .footer .companyInfo {
  width: 100%;
  height: 1.25rem;
  text-align: left;
  margin-left: 2.5rem;
  display: flex;
  flex-direction: column;
}

.homepage-footer .footer-part .footer .companyInfo:before {
  content: '';
  width: 1px;
  height: 1.25rem;
  background-color: #999;
  position: absolute;
  left: 2rem;
  top: .4rem;
}

.homepage-footer .footer-part .footer .companyInfo:after {
  content: '';
  width: 1px;
  height: 1.25rem;
  background-color: #999;
  position: absolute;
  right: 2rem;
  top: .4rem;
}

.homepage-footer .footer-part .footer .companyInfo p {
  width: 100%;
  display: inline-block;
  padding: 0 .5rem;
  line-height: .35rem;
  font-size: .12rem;
  color: white;
}

.homepage-footer .footer-part .footer .code {
  width: 4rem;
  padding-left: .2rem;
  position: absolute;
  right: 0;
  top: .4rem;
}

.homepage-footer .footer-part .footer .code dd {
  float: right;
  display: inline-block;
}

.homepage-footer .footer-part .footer .code dd img {
  width: .9rem;
  height: .9rem;
  display: block;
  margin: auto;
}

.homepage-footer .footer-part .footer .code dd label {
  width: 100%;
  line-height: .35rem;
  display: inline-block;
  font-size: .12rem;
  color: white;
}

.homepage-footer .footer-part .ICPinfo {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: block;
  padding-bottom: .2rem;
}

.homepage-footer .footer-part .ICPinfo label {
  font-size: .12rem;
  color: #474747;
}

.clear {
  height: 0;
  clear: both;
  visibility: hidden;
}

/*敬请期待弹窗*/
.pop-text {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  background-color: rgba(0, 0, 0, .3);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}

.pop-text .text-content {
  width: 30%;
  max-width: 360px;
  min-width: 260px;
  background-color: #fff;
  border-radius: .02rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  position: relative;
  overflow: hidden;
  z-index: 1100;
}

.pop-text .text-content .box-header {
  width: 100%;
  display: block;
  padding: .2rem .2rem .1rem;
  text-align: center;
  position: relative;
}

.pop-text .text-content .box-header .txt {
  max-width: 100%;
  display: block;
  text-align: center;
  line-height: .25rem;
  font-size: .18rem;
  color: #333;
}

.pop-text .text-content .box-header .icon-close {
  width: .25rem;
  height: .25rem;
  display: inline-block;
  background: url("../image/icon-close.png") no-repeat;
  background-size: 50% 50%;
  background-position: center center;
  position: absolute;
  top: .2rem;
  right: .2rem;
}

.pop-text .text-content .box-txt {
  width: 100%;
  display: block;
  padding: .25rem .2rem .3rem;
  text-align: center;
  font-size: .14rem;
  color: #666;
  word-break: break-all;
}

.pop-text .text-content .box-btn {
  width: 100%;
  display: -webkit-box;
  display: flex;
  border-top: 1px solid #eee;
}

.pop-text .text-content .box-btn .btn {
  flex: 1;
  -webkit-box-flex: 1;
  height: .45rem;
  line-height: .45rem;
  text-align: center;
  background-color: #fff;
  border-right: 1px solid #eee;
  font-size: .14rem;
  color: #666;
}

.pop-text .text-content .box-btn .btn:last-child {
  border-right: none;
}

.pop-text .text-content .box-btn .btn.color-blue {
  color: #416dff;
}

/*审核*/
.audit-nav.home-nav .nav-content .logo-lelian {
  background: url("../image/logo-ll-a.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
}

.audit-content .homepage-index .content .homepage-phone {
  background: url("../image/phone-1-a.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
}

.audit-content .homepage-index .content .homepage-word {
  background: url("../image/web-word-a.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
  margin-bottom: -.25rem;
}

.audit-content .homepage-part.service {
  background-image: url("../image/service-a.jpg");
}

.audit-content .homepage-part.function .homepage-phone {
  background: url("../image/phone-a.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
}

#homepage .swiper-container.audit-content .swiper-slide:last-child {
  display: inherit;
}

#homepage .swiper-container.audit-content .swiper-button-next {
  bottom: .1rem;
}

.audit-footer.footer-part {
  width: 100%;
  display: block;
  background-color: #f5f5f5;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.audit-footer.footer-part .footer {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: inline-block;
  position: relative;
  padding: .1rem 0;
}

.audit-footer.footer-part .footer .logo {
  width: 2rem;
  height: .8rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  background-image: url("../image/logo-ll-a.png");
  background-size: 90% auto;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.audit-footer.footer-part .footer .companyInfo {
  width: 100%;
  padding: 0 4rem 0 2rem;
  max-height: 1.25rem;
  text-align: left;
}

/* .audit-footer.footer-part .footer .companyInfo:before {
  content: '';
  width: 1px;
  height: 1.25rem;
  background-color: #999;
  position: absolute;
  left: 2rem;
  top: .4rem; 
}
.audit-footer.footer-part .footer .companyInfo:after {
  content: '';
  width: 1px;
  height: 1.25rem;
  background-color: #999;
  position: absolute;
  right: 4rem;
  top: .4rem; 
} */
.audit-footer.footer-part .footer .companyInfo p {
  width: 100%;
  display: inline-block;
  padding: 0 .5rem;
  line-height: .2rem;
  font-size: .12rem;
  color: #2d2d2d;
}

.audit-footer.footer-part .footer .code {
  width: 4rem;
  padding-left: .2rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.audit-footer.footer-part .footer .code dd {
  width: 45%;
  float: right;
  display: inline-block;
}

.audit-footer.footer-part .footer .code dd img {
  width: .45rem;
  height: .45rem;
  display: block;
  margin: auto;
}

.audit-footer.footer-part .footer .code dd label {
  width: 100%;
  line-height: .2rem;
  display: inline-block;
  font-size: .12rem;
  color: #2d2d2d;
}

.audit-footer.footer-part .ICPinfo {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: block;
  padding-bottom: .2rem;
}

.audit-footer.footer-part .ICPinfo label {
  font-size: .12rem;
  color: #474747;
}

/*乐联伙伴新页面*/
.shoule-index {
  background: url("../image/pages/shoule-1a.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}

.shoule-index .content {
  position: relative;
  display: none;
}

.shoule-index .box-index {
  float: left;
  height: 3.2rem;
  margin-left: -.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: zoomPig 1s ease-in-out;
  -webkit-animation: zoomPig 1s ease-in-out;
  -moz-animation: zoomPig 1s ease-in-out;
  -o-animation: zoomPig 1s ease-in-out;
}

.shoule-index .box-sound {
  width: 3.5rem;
  height: 3.2rem;
  float: right;
  display: inline-block;
  visibility: hidden;
  /* animation: zoomShow 1.4s ease-in-out;
  -webkit-animation: zoomShow 1.4s ease-in-out;
  -moz-animation: zoomShow 1.4s ease-in-out;
  -o-animation: zoomShow 1.4s ease-in-out; */
}

.shoule-index .box-sound img {
  width: auto;
  height: 100%;
  /* height: 3.2rem; */
}

.shoule-index .content .logo-shoule {
  width: 100%;
  height: 0.45rem;
  line-height: .45rem;
  display: block;
  position: relative;
  text-align: left;
  margin-bottom: .25rem;
}

.shoule-index .content .logo-shoule img {
  width: auto;
  height: .18rem;
  display: inline-block;
  vertical-align: middle;
}

.shoule-index .content .title {
  width: 2.84rem;
  display: block;
  margin: 0 auto;
  position: relative;
}

.shoule-index .content .title .til-img {
  height: .87rem;
}

.shoule-index .content .title .til-tag {
  line-height: .25rem;
  height: .25rem;
  display: inline-block;
  background-color: #efc226;
  border-radius: .125rem;
  padding: 0 .1rem;
  font-size: .14rem;
  color: #6a3906;
  position: absolute;
  right: 0;
  top: .09rem;
  z-index: 10;
}

.shoule-index .content .txt {
  width: 100%;
  line-height: .25rem;
  display: block;
  margin: .3rem auto;
  font-size: .12rem;
  color: #333;
}

.shoule-app {
  background: linear-gradient(to bottom, #5046ff, #416dff);
  background: -webkit-linear-gradient(top, #5046ff, #416dff);
  background: -moz-linear-gradient(top, #5046ff, #416dff);
  background: -o-linear-gradient(top, #5046ff, #416dff);
}

.shoule-app:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../image/pages/shoule-2.png") repeat-x;
  background-size: 100% auto;
  background-position: left bottom;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.shoule-app .content {
  display: none;
  margin-left: -.3rem;
  z-index: 50;
}

.shoule-app .box-phone {
  float: left;
  display: inline-block;
  margin-top: .4rem;
  animation: zoomPig 1s ease-in-out;
  -webkit-animation: zoomPig 1s ease-in-out;
  -moz-animation: zoomPig 1s ease-in-out;
  -o-animation: zoomPig 1s ease-in-out;
}

.shoule-app .box-phone img {
  height: 3.5rem;
  width: auto;
}

.shoule-app .box-shoule {
  float: right;
  height: 3.9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: .2rem;
  animation: zoomShow 1.4s ease-in-out;
  -webkit-animation: zoomShow 1.4s ease-in-out;
  -moz-animation: zoomShow 1.4s ease-in-out;
  -o-animation: zoomShow 1.4s ease-in-out;
}

.shoule-app .box-shoule .title {
  width: 100%;
  display: block;
  margin: .15rem 0;
  text-align: center;
}

.shoule-app .box-shoule .title img {
  width: 2.42rem;
  height: auto;
}

.shoule-app .box-shoule .title .title2 {
  width: 1.5rem;
  margin-top: 10px;
  height: auto;
}

.shoule-app .box-shoule .box-dl {
  white-space: nowrap;
  margin-top: .25rem;
  font-size: 0;
}

.shoule-app .box-shoule .box-dl dd {
  display: inline-block;
  padding: 0 .1rem;
  font-size: .12rem;
  color: #fff;
}

.shoule-app .box-shoule .box-dl .icons:before {
  content: "";
  width: .16rem;
  height: .16rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .05rem;
}

.shoule-app .box-shoule .box-dl .icons-store:before {
  background: url("../image/shoule-app-1.png") no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.shoule-app .box-shoule .box-dl .icons-assistant:before {
  background: url("../image/shoule-app-2.png") no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.shoule-app .box-shoule .box-dl .icons-analysis:before {
  background: url("../image/shoule-app-3.png") no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.shoule-app .box-shoule .box-dl .icons-manage:before {
  background: url("../image/shoule-app-4.png") no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.shoule-app .box-shoule .box-download {
  max-width: 2.5rem;
  min-height: 1.7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  align-items: center;
  margin: 0 auto;
}

.shoule-app .box-shoule .box-download .box-qrcode {
  z-index: 1;
}

.shoule-app .box-shoule .box-download .box-qrcode img {
  width: .9rem;
  height: .9rem;
  display: block;
  margin: .1rem auto 0;
}

.shoule-app .box-shoule .box-download .box-qrcode label {
  width: 100%;
  line-height: .3rem;
  display: block;
  white-space: nowrap;
  font-size: .1rem;
  color: #fff;
}

.shoule-scancode {
  background: url("../image/pages/shoule-3a.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}

.shoule-scancode .content {
  display: none;
}

.shoule-scancode .box-card-info {
  float: left;
  height: 3.2rem;
  margin-left: -.3rem;
  padding-top: .4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: zoomPig 1s ease-in-out;
  -webkit-animation: zoomPig 1s ease-in-out;
  -moz-animation: zoomPig 1s ease-in-out;
  -o-animation: zoomPig 1s ease-in-out;
}

.shoule-scancode .box-title {
  width: 100%;
  display: block;
  margin: 0.15rem 0;
  text-align: center;
}

.shoule-scancode .box-title img {
  width: auto;
  height: .3rem;
}

.shoule-scancode .box-dl {
  white-space: nowrap;
  margin-top: .2rem;
  font-size: 0;
}

.shoule-scancode .box-dl dd {
  min-width: .9rem;
  height: .27rem;
  line-height: .27rem;
  display: inline-block;
  border-radius: .05rem;
  background-color: #2ca139;
  padding: 0 .1rem;
  margin: 0 .12rem;
  font-size: .12rem;
  color: #fff;
}

.shoule-scancode .box-dl .icons:before {
  content: "";
  width: .16rem;
  height: .16rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .05rem;
}

.shoule-scancode .box-dl .icons-characteristic:before {
  background: url("../image/shoule-app-5.png") no-repeat;
  background-position: center center;
  background-size: .12rem .12rem;
}

.shoule-scancode .box-dl .icons-characteristic2:before {
  background: url("../image/shoule-app-6.png") no-repeat;
  background-position: center center;
  background-size: .12rem .12rem;
}

.shoule-scancode .box-dl .icons-characteristic3:before {
  background: url("../image/shoule-app-7.png") no-repeat;
  background-position: center center;
  background-size: .12rem .12rem;
}

.shoule-scancode .box-card {
  float: right;
  display: inline-block;
  padding: .4rem 0 .2rem .2rem;
  animation: zoomShow 1.4s ease-in-out;
  -webkit-animation: zoomShow 1.4s ease-in-out;
  -moz-animation: zoomShow 1.4s ease-in-out;
  -o-animation: zoomShow 1.4s ease-in-out;
}

.shoule-scancode .box-card img {
  width: auto;
  height: 3.2rem;
}

.lelian-index {
  background: linear-gradient(to bottom, #5046ff, #416dff);
  background: -webkit-linear-gradient(top, #5046ff, #416dff);
  background: -moz-linear-gradient(top, #5046ff, #416dff);
  background: -o-linear-gradient(top, #5046ff, #416dff);
}

.lelian-index .content {
  display: none;
  margin-left: -.5rem;
}

.lelian-index .box-phone {
  float: left;
  display: inline-block;
  margin-top: .3rem;
  animation: zoomPig 1s ease-in-out;
  -webkit-animation: zoomPig 1s ease-in-out;
  -moz-animation: zoomPig 1s ease-in-out;
  -o-animation: zoomPig 1s ease-in-out;
}

.lelian-index .box-phone img {
  width: auto;
  height: 3.5rem;
}

.lelian-index .box-lelian {
  float: right;
  height: 3.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: .5rem;
  animation: zoomShow 1.4s ease-in-out;
  -webkit-animation: zoomShow 1.4s ease-in-out;
  -moz-animation: zoomShow 1.4s ease-in-out;
  -o-animation: zoomShow 1.4s ease-in-out;
}

.lelian-index .box-lelian .title {
  width: 100%;
  display: block;
  margin-top: .15rem;
  text-align: center;
}

.lelian-index .box-lelian .title img {
  width: 2.5rem;
  height: auto;
}

.lelian-index .box-lelian .box-download {
  max-width: 2.5rem;
  min-height: 1.7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-left: 1rem;
  margin: 0 auto;
}

.lelian-index .box-lelian .box-download .box-qrcode {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}

.lelian-index .box-lelian .box-download .box-qrcode img {
  width: .9rem;
  height: .9rem;
  display: block;
  margin: .1rem auto 0;
}

.lelian-index .box-lelian .box-download .box-qrcode label {
  width: 100%;
  line-height: .3rem;
  display: block;
  white-space: nowrap;
  font-size: .1rem;
  color: #fff;
}

.lelian-index .box-lelian .box-download .btn-download {
  width: 1.225rem;
  height: .3rem;
  line-height: .3rem;
  display: block;
  margin: 0 auto .2rem;
  border-radius: .135rem;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, .2);
  font-size: .12rem;
  color: #fff;
}

.lelian-index .box-lelian .box-download .btn-download.ios:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  vertical-align: top;
  margin: 0.04rem 0.05rem 0 0;
  background: url("../image/icons-apple.png") no-repeat;
  background-size: auto 100%;
  background-position: center center;
}

.lelian-index .box-lelian .box-download .btn-download.android:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  vertical-align: top;
  margin: 0.04rem 0.05rem 0 0;
  background: url("../image/icons-android.png") no-repeat;
  background-size: auto 100%;
  background-position: center center;
}

.homepage-footer .lelian-companylists .lists {
  display: none;
}

.homepage-footer .lelian-companylists .footer-title {
  animation: zoomShow 1.4s ease-in-out;
  -webkit-animation: zoomShow 1.4s ease-in-out;
  -moz-animation: zoomShow 1.4s ease-in-out;
  -o-animation: zoomShow 1.4s ease-in-out;
}

.homepage-footer .lelian-companylists .ul-logos {
  animation: zoomPig 1s ease-in-out;
  -webkit-animation: zoomPig 1s ease-in-out;
  -moz-animation: zoomPig 1s ease-in-out;
  -o-animation: zoomPig 1s ease-in-out;
}

.box-contract {
  width: 100%;
  padding: .12rem .28rem;
  background-color: #fff;
  display: none;
  box-shadow: 0 0 4px 0px rgba(137, 137, 137, .45);
  -webkit-box-shadow: 0 0 4px 0px rgba(137, 137, 137, .45);
  -moz-box-shadow: 0 0 4px 0px rgba(137, 137, 137, .45);
  -o-box-shadow: 0 0 4px 0px rgba(137, 137, 137, .45);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

.box-contract .btn-alink {
  width: 100%;
  height: .44rem;
  line-height: .44rem;
  display: block;
  background: linear-gradient(to top, #5046ff, #416dff);
  background: -webkit-linear-gradient(bottom, #5046ff, #416dff);
  background: -moz-linear-gradient(bottom, #5046ff, #416dff);
  background: -o-linear-gradient(bottom, #5046ff, #416dff);
  border-radius: .05rem;
  text-align: center;
  font-size: .17rem;
  color: #fff;
}

/*关于我们和加入我们*/
.bg-gray {
  background-color: #f5f5f5;
}

.bg-white {
  background-color: #fff;
}

.page-lelian .content-index {
  width: 100%;
  display: block;
  padding-top: .81rem;
}

.page-lelian .content-index .index-bg {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.page-lelian .content-index .index-bg img {
  width: 100%;
}

.page-lelian .content-index .index-part {
  width: 94%;
  width: calc(100% - 0.24rem);
  max-width: 980px;
  display: block;
  margin: .15rem auto;
  padding: .25rem .16rem;
  background-color: #fff;
  border-radius: .05rem;
}

.page-lelian .content-index .index-part .title {
  width: 100%;
  display: block;
  text-align: center;
}

.page-lelian .content-index .index-part .title h2 {
  line-height: .3rem;
  padding-bottom: 0.3rem;
  position: relative;
  font-size: .2rem;
  font-weight: normal;
  color: #333;
}

.page-lelian .content-index .index-part .title h2.has-line:after {
  content: "";
  width: .6rem;
  height: .02rem;
  display: inline-block;
  background-color: #ccc;
  transform: translateX(-50%) scaleY(.5);
  -webkit-transform: translateX(-50%) scaleY(.5);
  -moz-transform: translateX(-50%) scaleY(.5);
  -o-transform: translateX(-50%) scaleY(.5);
  position: absolute;
  bottom: .15rem;
  left: 50%;
  z-index: 10;
}

.page-lelian .content-index .index-part .text {
  width: 100%;
  display: block;
  font-size: .14rem;
  color: #333;
}

.page-lelian .content-index .index-part .text .text-letter {
  text-indent: 0.28rem;
}

.page-lelian .content-index .index-part .text p {
  width: 90%;
  display: block;
  margin: 0 auto;
  padding: .1rem 0;
}

.page-lelian .content-index .index-part .text p,
.page-lelian .content-index .index-part .text span,
.page-lelian .content-index .index-part .text label {
  line-height: .3rem;
  font-size: .14rem;
  color: #333;
}

.page-lelian .content-index .index-part .text .line {
  width: .4rem;
  height: .3rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.page-lelian .content-index .index-part .text .line:before {
  content: "";
  width: 50%;
  height: .02rem;
  display: block;
  background-color: #ccc;
  transform: translate(-50%, -50%) scaleY(.5);
  -webkit-transform: translate(-50%, -50%) scaleY(.5);
  -moz-transform: translate(-50%, -50%) scaleY(.5);
  -o-transform: translate(-50%, -50%) scaleY(.5);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}

.page-lelian .content-index .index-part .text .color-blue {
  color: #4563ff;
}

.page-lelian .content-index .index-part .text .color-green {
  color: #2ca139;
}

.page-lelian .content-index .index-part .text .item {
  width: 70%;
  display: block;
  margin: 0 auto;
}

.page-lelian .content-index .index-part .box-img {
  width: 70%;
  display: block;
  margin: 0 auto;
}

.page-lelian .content-index .index-part .box-img .img-item {
  width: 2rem;
  display: inline-block;
  margin: 0.1rem;
  float: left;
  ;
}

.page-lelian .index-footer .footer-part {
  position: relative;
}

.page-lelian .homepage-footer {
  text-align: center;
}

/*咨询产品*/
.page-lelian .has-block {
  display: block;
}

.page-lelian .index-contact-content {
  width: 100%;
  display: block;
  padding-top: 0.81rem;
}

.page-lelian .part-hasbg {
  width: 100%;
  display: block;
  overflow-x: hidden;
  background: linear-gradient(to bottom, #5046ff, #416dff, transparent);
  background: -webkit-linear-gradient(top, #5046ff, #416dff, transparent);
  background: -moz-linear-gradient(top, #5046ff, #416dff, transparent);
  background: -o-linear-gradient(top, #5046ff, #416dff, transparent);
}

.page-lelian .part-first-page {
  width: 80% !important;
  min-height: 7rem;
  padding-bottom: 2rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.page-lelian .part-hasbg .box-text {
  display: inline-block;
  vertical-align: top;
}

.page-lelian .part-hasbg .box-text .img-title {
  width: auto;
  height: 1rem;
  display: block;
}

.page-lelian .part-hasbg .box-list {
  width: 100%;
  display: block;
}

.page-lelian .part-hasbg .box-list dd {
  width: 100%;
  line-height: .3rem;
  min-height: .3rem;
  padding-left: .3rem;
  display: block;
  position: relative;
  word-break: break-all;
  font-size: .15rem;
  color: #fff;
}

.page-lelian .part-hasbg .box-list dd .icon-check {
  width: .2rem;
  height: .2rem;
  display: inline-block;
  background: url("../image/icon-xuanze.png") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  top: 50%;
}

.page-lelian .part-hasbg .box-img {
  display: inline-block;
  vertical-align: top;
}

.page-lelian .part-hasbg .box-img img {
  width: auto;
  height: 5rem;
}

.page-lelian .part-contact {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  padding: 0.25rem 0.16rem 0;
}

.page-lelian .part-contact.last-part {
  padding-bottom: .25rem;
}

.page-lelian .part-contact .txt-title {
  width: 100%;
  display: block;
  text-align: center;
}

.page-lelian .part-contact .txt-title h2 {
  line-height: .3rem;
  padding-bottom: 0.3rem;
  position: relative;
  font-size: .2rem;
  font-weight: bold;
  color: #333;
}

.page-lelian .part-contact .txt-title h2.has-line:after {
  content: "";
  width: .5rem;
  height: .02rem;
  display: inline-block;
  background-color: #4563ff;
  transform: translateX(-50%) scaleY(.5);
  -webkit-transform: translateX(-50%) scaleY(.5);
  -moz-transform: translateX(-50%) scaleY(.5);
  -o-transform: translateX(-50%) scaleY(.5);
  position: absolute;
  bottom: .15rem;
  left: 50%;
  z-index: 10;
}

.page-lelian .part-contact .txt-letter {
  width: 100%;
  display: block;
  font-size: .14rem;
  color: #333;
}

.page-lelian .part-contact .txt-letter .tip {
  width: 90%;
  display: block;
  margin: .1rem auto;
  font-size: .17rem;
}

.page-lelian .part-contact .txt-letter .txt-center {
  text-align: center;
}

.page-lelian .part-contact .txt-letter p {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.page-lelian .part-contact .txt-letter p+p {
  margin-top: .1rem;
}

.page-lelian .part-contact .txt-letter span,
.page-lelian .part-contact .txt-letter p {
  line-height: .3rem;
  font-size: .14rem;
  color: #333;
}

.page-lelian .part-contact .txt-letter .has-indent {
  text-indent: .28rem;
}

.page-lelian .part-contact .txt-img {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: .1rem;
}

.page-lelian .box-sound {
  width: 94% !important;
  width: calc(100% - 0.24rem) !important;
  max-width: 956px;
  display: block;
  background-color: #fff;
  border-radius: .1rem;
  margin-top: -2.35rem;
}

.page-lelian .box-sound .txt-img img {
  width: auto;
  height: 3rem;
  display: block;
  margin: 0 auto;
}

.page-lelian .box-sound .txt-letter p {
  width: 92.5%;
  width: calc(90% + 0.24rem);
}

.page-lelian .box-card-blue {
  display: block;
  padding: .25rem .16rem;
  background: linear-gradient(to bottom, #dff3ff, #97c0f2);
  background: -webkit-linear-gradient(top, #dff3ff, #97c0f2);
  background: -moz-linear-gradient(top, #dff3ff, #97c0f2);
  background: -o-linear-gradient(top, #dff3ff, #97c0f2);
}

.page-lelian .box-card-blue .txt-letter {
  text-align: center;
}

.page-lelian .box-card-blue .txt-img img {
  width: auto;
  height: 3rem;
  display: block;
  margin: 0 auto;
}

.page-lelian .box-graph {
  display: block;
}

.page-lelian .box-graph .txt-img img {
  width: auto;
  height: 3rem;
  display: block;
  margin: 0 auto;
}

.page-lelian .box-txt {
  display: block;
}

.page-lelian .box-img {
  display: block;
}

.page-lelian .box-img .txt-img img {
  width: 100%;
  display: block;
}

.page-lelian .box-list {
  display: block;
}

.page-lelian .box-list .txt-list {
  margin-top: .1rem;
}

.page-lelian .box-list .txt-list .box4list {
  width: 2rem;
  display: block;
  margin: 0 auto;
}

.page-lelian .box-list .txt-list .box4list dd {
  width: 0.9rem;
  height: 0.9rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0.03rem;
  float: left;
  font-size: .12rem;
  color: #fff;
}

.page-lelian .box-list .txt-list .box4list dd .info {
  white-space: nowrap;
  text-align: center;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

.page-lelian .box-list .txt-list .box4list dd i {
  font-size: .36rem;
  font-weight: bold;
}

.page-lelian .box-list .txt-list .box4list dd:nth-child(1) {
  background-color: #2f9a3a;
  border-top-left-radius: .45rem;
  border-top-right-radius: .45rem;
  border-bottom-left-radius: .45rem;
  border-bottom-right-radius: 0;
}

.page-lelian .box-list .txt-list .box4list dd:nth-child(2) {
  background-color: #ffc600;
  border-top-left-radius: .45rem;
  border-top-right-radius: .45rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: .45rem;
  color: #6a3906;
}

.page-lelian .box-list .txt-list .box4list dd:nth-child(3) {
  background-color: #13b5b1;
  border-top-left-radius: .45rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: .45rem;
  border-bottom-right-radius: .45rem;
}

.page-lelian .box-list .txt-list .box4list dd:nth-child(4) {
  background-color: #4563ff;
  border-top-left-radius: 0;
  border-top-right-radius: .45rem;
  border-bottom-left-radius: .45rem;
  border-bottom-right-radius: .45rem;
}

.page-lelian .box-programs {
  display: block;
}

.page-lelian .box-programs .txt-programs {
  width: 100%;
  display: block;
  margin-top: .1rem;
}

.page-lelian .box-programs .txt-programs .programs-list {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0;
}

.page-lelian .box-programs .txt-programs .programs-list dd {
  width: 100%;
  min-height: .5rem;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: .05rem 0;
}

.page-lelian .box-programs .txt-programs .programs-list dd:before {
  content: "";
  width: .15rem;
  height: .15rem;
  display: inline-block;
  border-radius: 50%;
  background-color: #4563ff;
  position: absolute;
  /* left: 0; */
  top: 50%;
  z-index: 10;
}

.page-lelian .box-programs .txt-programs .programs-list dd:after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: 5;
}

.page-lelian .box-programs .txt-programs .programs-list dd span {
  width: .5rem;
  height: .5rem;
  line-height: .5rem;
  display: inline-block;
  border-radius: .25rem;
  background-color: #4563ff;
  text-align: center;
  font-size: .15rem;
  font-weight: bold;
  color: #fff;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  top: 50%;
}

.page-lelian .box-programs .txt-programs .programs-list dd label {
  line-height: .2rem;
  display: block;
  padding: .05rem 0;
  word-break: break-all;
  font-size: .14rem;
  color: #333;
}

.page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n+1) {
  text-align: right;
  padding-right: 60.5%;
  padding-right: calc(50% + 1rem);
}

.page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n+1) span {
  right: 53.5%;
  right: calc(50% + .3rem);
}

.page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n+1):before {
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  right: 50%;
}

.page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n+1):after {
  border-right: 1px dashed #4563ff;
  /* transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%); */
  right: 50%;
}

.page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n) {
  text-align: left;
  padding-left: 60.5%;
  padding-left: calc(50% + 1rem);
}

.page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n) span {
  left: 53.5%;
  left: calc(50% + .3rem);
}

.page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n):before {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  left: 50%;
}

.page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n):after {
  border-left: 1px dashed #4563ff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  left: 50%;
}

.page-lelian .box-image {
  margin-top: .15rem;
  padding: 0;
}

.page-lelian .box-image img {
  width: 100%;
  display: block;
}

.page-lelian .contact-footer {
  width: 100%;
  display: block;
  padding: 0.35rem 0.16rem;
  background-color: #f5f5f5;
}

.page-lelian .contact-footer .txt {
  width: 100%;
  max-width: 980px;
  display: block;
  margin: .2rem auto;
  position: relative;
  text-align: center;
  font-size: .18rem;
  color: #333;
}

.page-lelian .contact-footer .txt a {
  color: #333;
}

.page-lelian .contact-footer .btn-blue {
  width: 94%;
  width: calc(100% - .24rem);
  max-width: 3.5rem;
  height: 0.44rem;
  line-height: .44rem;
  display: block;
  margin: 0 auto .2rem;
  background: linear-gradient(to top, #5046ff, #416dff);
  background: -webkit-linear-gradient(bottom, #5046ff, #416dff);
  background: -moz-linear-gradient(bottom, #5046ff, #416dff);
  background: -o-linear-gradient(bottom, #5046ff, #416dff);
  border-radius: 0.05rem;
  text-align: center;
  font-size: .17rem;
  color: #fff;
}

.page-lelian .pop-bg {
  position: fixed;
}

.page-lelian .pop-box {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2000;
}

.page-lelian .pop-box .icon-close {
  width: 100%;
  display: block;
  text-align: right;
}

.page-lelian .pop-box .icon-close:after {
  content: "";
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.page-lelian .pop-select {
  padding: 0.15rem 0.16rem .4rem;
  border-radius: 0.1rem;
  background-color: #fff;
}

.page-lelian .pop-select .icon-close {
  margin-bottom: .05rem;
}

.page-lelian .pop-select .icon-close:after {
  width: .2rem;
  height: .2rem;
  background: url("../image/icons-close-1.png") no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.page-lelian .pop-select .box-select {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  padding: 0 .15rem;
}

.page-lelian .pop-select .box-select dd {
  flex: 1;
  -webkit-box-flex: 1;
  padding: 0 .1rem;
  margin-right: .15rem;
}

.page-lelian .pop-select .box-select dd a {
  width: 100%;
  display: block;
  text-align: center;
  white-space: nowrap;
  font-size: .15rem;
  color: #333;
}

.page-lelian .pop-select .box-select dd a.icon-tel:before {
  content: "";
  width: .44rem;
  height: .44rem;
  display: block;
  margin: 0 auto 0.05rem;
  background: url("../image/icons-tel.png") no-repeat;
  background-size: auto .24rem;
  background-position: center center;
}

.page-lelian .pop-select .box-select dd a.icon-wechat:before {
  content: "";
  width: .44rem;
  height: .44rem;
  display: block;
  margin: 0 auto 0.05rem;
  background: url("../image/icons-wechat.png") no-repeat;
  background-size: auto .32rem;
  background-position: center center;
}

.page-lelian .pop-select .box-select dd:last-child {
  margin-right: 0;
}

.page-lelian .pop-wechat {
  width: 80%;
  max-width: 4.5rem;
  display: block;
}

.page-lelian .pop-wechat .icon-close {
  margin-bottom: .3rem;
}

.page-lelian .pop-wechat .icon-close:after {
  width: .25rem;
  height: .25rem;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%);
  background: url("../image/icons-close.png") no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.page-lelian .pop-wechat img {
  width: 100%;
}


.box-download-1 {
  max-width: 2.5rem;
  min-height: 1.7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-left: 1rem;
  margin: 0 auto;
}

.box-download-1 .box-qrcode {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}

.box-download-1 .box-qrcode img {
  width: .9rem;
  height: .9rem;
  display: block;
  margin: .1rem auto 0;
}

.box-download-1 .box-qrcode label {
  width: 100%;
  line-height: .3rem;
  display: block;
  white-space: nowrap;
  font-size: .1rem;
  color: #fff;
}

.box-download-1 .btn-download {
  width: 1.225rem;
  height: .3rem;
  line-height: .3rem;
  display: block;
  margin: 0 auto .2rem;
  border-radius: .135rem;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, .2);
  font-size: .12rem;
  color: #fff;
}

.box-download-1 .btn-download.ios:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  vertical-align: top;
  margin: 0.04rem 0.05rem 0 0;
  background: url("../image/icons-apple.png") no-repeat;
  background-size: auto 100%;
  background-position: center center;
}

.box-download-1 .btn-download.android:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  vertical-align: top;
  margin: 0.04rem 0.05rem 0 0;
  background: url("../image/icons-android.png") no-repeat;
  background-size: auto 100%;
  background-position: center center;
}


/* 动画 */
@keyframes zoomPig {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  75% {
    opacity: 1;
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes zoomPig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }

  75% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes zoomPig {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
  }

  75% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

@-o-keyframes zoomPig {
  0% {
    opacity: 0;
    -o-transform: scale(0);
  }

  75% {
    opacity: 1;
    -o-transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -o-transform: scale(1);
  }

}

@keyframes zoomUp {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  20% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes zoomUp {
  0% {
    opacity: 0;
    t-webkit-ransform: translateY(-100%);
  }

  20% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes zoomUp {
  0% {
    opacity: 0;
    -o-transform: translateY(-100%);
  }

  20% {
    opacity: 0;
    -o-transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@-moz-keyframes zoomUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }

  20% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@keyframes zoomShow {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  20% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes zoomShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }

  20% {
    opacity: 0;
    -webkit-transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-o-keyframes zoomShow {
  0% {
    opacity: 0;
    -o-transform: scale(0);
  }

  20% {
    opacity: 0;
    -o-transform: scale(0);
  }

  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}

@-moz-keyframes zoomShow {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
  }

  20% {
    opacity: 0;
    -moz-transform: scale(0);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

@keyframes zoomDown {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  40% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes zoomDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }

  40% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes zoomDown {
  0% {
    opacity: 0;
    -o-transform: translateY(100%);
  }

  40% {
    opacity: 0;
    -o-transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@-moz-keyframes zoomDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }

  40% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@media screen and (min-width: 320px) and (max-width: 1200px) {
  .homepage-part .content .title {
    width: 80%;
    height: auto;
  }

  .homepage-part.function label {
    padding-right: 40%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .homepage-index .content .homepage-phone {
    width: 40%;
  }

  .homepage-index .content .homepage-dl {
    width: 60%;
  }

  .homepage-index .content .homepage-word {
    width: 100%;
  }

  .homepage-index .content .homepage-dl dd.left {
    width: 40%;
  }

  .homepage-index .content .homepage-dl dd.right {
    width: 60%;
  }

  .homepage-index .content .homepage-dl dd.right .btn {
    width: 90%;
  }

  .homepage-part.function label {
    padding-right: 50%;
  }

  .homepage-footer .footer-part .footer .logo {
    width: 1.8rem;
  }

  .homepage-footer .footer-part .footer .companyInfo {
    padding: 0px 2rem 0 1.8rem;
  }

  .homepage-footer .footer-part .footer .companyInfo:before {
    left: 1.8rem;
  }

  .homepage-footer .footer-part .footer .companyInfo:after {
    right: 2rem;
  }

  .homepage-footer .footer-part .footer .companyInfo p {
    padding: 0 .1rem;
  }

  .homepage-footer .footer-part .footer .code {
    width: 2.4rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .audit-footer.footer-part .footer .logo {
    width: 1.8rem;
  }

  .audit-footer.footer-part .footer .companyInfo {
    padding: 0px 2rem 0 1.8rem;
  }

  .audit-footer.footer-part .footer .companyInfo:before {
    left: 1.8rem;
  }

  .audit-footer.footer-part .footer .companyInfo:after {
    right: 2rem;
  }

  .audit-footer.footer-part .footer .companyInfo p {
    padding: 0 .1rem;
  }

  .audit-footer.footer-part .footer .code {
    width: 2.4rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .homepage-index .content .homepage-phone {
    width: 1.3rem;
    height: 2.5rem;
    display: block;
    float: none;
    margin: 0 auto .08rem;
  }

  .homepage-index .content .homepage-dl {
    width: 100%;
    display: block;
    float: none;
  }

  .homepage-index .content .homepage-word {
    width: 2rem;
    height: 1.1rem;
    background-position: center 0;
  }

  .homepage-index .content .homepage-dl dd.left .box-img {
    width: 1rem;
    height: 1rem;
  }

  .homepage-index .content .homepage-dl dd.left label {
    font-size: .13rem;
  }

  .homepage-index .content .homepage-dl dd.right .btn {
    width: 1.5rem;
    line-height: .4rem;
    height: .4rem;
    font-size: .12rem;
  }

  .homepage-index .content .homepage-dl dd.right .btn.ios:before {
    width: .2rem;
    height: .2rem;
    margin: .08rem .05rem 0 0;
  }

  .homepage-index .content .homepage-dl dd.right .btn.android:before {
    width: .2rem;
    height: .2rem;
    margin: .08rem .05rem 0 0;
  }

  /* .homepage-part .content {
    padding: 0 10%; 
  } */
  .homepage-part .content h3 {
    font-size: .18rem;
    margin-bottom: .3rem;
  }

  .homepage-part .content label {
    line-height: .22rem;
    font-size: .15rem;
    margin-bottom: .5rem;
    padding: 0 10%;
  }

  .homepage-part.function .homepage-phone {
    transform: scale(.5) translateY(80%);
    -webkit-transform: scale(.5) translateY(80%);
    -moz-transform: scale(.5) translateY(80%);
    -o-transform: scale(.5) translateY(80%);
    transform-origin: right bottom;
  }

  .homepage-part.function label {
    margin-bottom: .7rem;
    margin-top: .4rem;
  }

  .homepage-footer .companylists>.lists {
    padding: .64rem 0 .2rem;
  }

  .homepage-footer .companylists>.lists h3 {
    font-size: .18rem;
    line-height: .25rem;
    padding-bottom: .1rem;
  }

  .homepage-footer .companylists>.lists ul {
    text-align: center;
  }

  .homepage-footer .companylists>.lists ul li,
  .homepage-footer .companylists>.lists ul.ul-logos li {
    width: 46%;
    height: .45rem;
    margin: 1% 2%;
  }

  .homepage-footer .companylists>.lists ul li .parlogo {
    background-size: 100% 100%;
  }

  .homepage-footer .companylists>.lists ul.ul-logos li .img-logo img {
    width: auto;
    height: 100%;
  }

  .homepage-footer .lelian-companylists .lists {
    padding-top: .6rem;
  }

  .homepage-footer .footer-part .footer {
    padding: .2rem 0;
  }

  .homepage-footer .footer-part .footer .logo {
    display: none;
  }

  .homepage-footer .footer-part .footer .companyInfo {
    width: 100%;
    height: auto;
    padding: 0;
    text-align: center;
    margin-left: 0;
  }

  .homepage-footer .footer-part .footer .companyInfo:before,
  .homepage-footer .footer-part .footer .companyInfo:after {
    display: none;
  }

  .homepage-footer .footer-part .footer .companyInfo p {
    padding: 0 5%;
    text-align: center;
    font-size: .11rem;
    line-height: .25rem;
  }

  .homepage-footer .footer-part .footer .code {
    width: 100%;
    padding: 0 5%;
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
  }

  .homepage-footer .footer-part .footer .code dd {
    /** width: 100%; */
    float: none;
  }

  .homepage-footer .footer-part .footer .code dd label {
    font-size: .11rem;
    line-height: .25rem;
  }

  .homepage-footer .footer-part .footer .code dd:first-child {
    /** display: none; */
  }

  /*乐联新页面*/
  .shoule-index {
    background: url("../image/pages/shoule-phone-1a.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-box-align: start !important;
    align-items: start !important;
  }

  .shoule-index .box-sound {
    display: none;
  }

  .shoule-index .box-index {
    height: auto;
    padding-top: .45rem;
    margin-left: 0;
  }

  .shoule-index .content .logo-shoule {
    margin-bottom: .2rem;
  }

  .shoule-index .content .txt {
    margin: .12rem auto;
  }

  .shoule-app .content {
    margin-left: 0;
  }

  .shoule-app .box-shoule {
    float: none;
    display: block;
    height: auto;
    padding-top: 0.45rem;
    padding-left: 0;
  }

  .shoule-app:after {
    background-size: auto .8rem;
  }

  .shoule-app .box-shoule .title {
    margin: 0;
  }

  .shoule-app .box-shoule .box-dl dd {
    padding: 0 .05rem;
  }

  .shoule-app .box-shoule .box-download {
    min-height: 1.5rem;
  }

  .shoule-app .box-phone {
    float: none;
    display: block;
    margin-top: 0;
  }

  .shoule-app .box-phone img {
    height: 2.8rem;
  }

  .shoule-scancode {
    background: url("../image/pages/shoule-phone-3a.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-box-align: start !important;
    align-items: start !important;
  }

  .shoule-scancode .box-card-info {
    float: none;
    height: 2.5rem;
    margin-left: 0;
    padding-top: .45rem;
  }

  .shoule-scancode .box-title img {
    height: .25rem;
  }

  .shoule-scancode .box-dl {
    text-align: center;
  }

  .shoule-scancode .box-dl dd {
    margin: 0 .05rem;
  }

  .shoule-scancode .box-card {
    display: none;
  }

  .lelian-index .content {
    margin-left: 0;
  }

  .lelian-index .box-lelian {
    float: none;
    height: auto;
    padding-top: 0.45rem;
    padding-left: 0;
  }

  .lelian-index .box-lelian .title img {
    width: 1.53rem;
  }

  .lelian-index .box-lelian .box-download {
    min-height: 1.5rem;
  }

  .lelian-index .box-phone {
    float: none;
    display: block;
    margin-top: 0;
  }

  .lelian-index .box-phone img {
    height: 2.95rem;
  }

  .page-lelian .swiper-container {
    height: 90% !important;
    height: calc(100% - .68rem) !important;
  }

  .page-lelian .box-contract {
    display: block;
  }

  .homepage-footer .lelian-companylists>.lists ul.ul-logos li {
    width: 29%;
  }

  .page-lelian .swiper-container .swiper-button-next {
    bottom: .15rem !important;
  }

  .page-lelian .content-index {
    padding-top: .45rem;
  }

  .page-lelian .content-index .index-bg {
    height: 1.5rem;
  }

  .page-lelian .content-index .index-bg img {
    width: auto;
    height: 100%;
  }

  .page-lelian .content-index .index-part {
    margin: .1rem auto;
  }

  .page-lelian .content-index .index-part .title h2 {
    padding-bottom: .2rem;
  }

  .page-lelian .content-index .index-part .title h2.has-line:after {
    bottom: .1rem;
  }

  .page-lelian .content-index .index-part .text .item {
    width: 100%;
  }

  .page-lelian .content-index .index-part .text p {
    width: 100%;
  }

  .page-lelian .content-index .index-part .text label {
    width: 78%;
    display: inline-block;
    float: right;
    vertical-align: top;
  }

  .page-lelian .content-index .index-part .text span,
  .page-lelian .content-index .index-part .text label {
    font-size: .13rem;
  }

  .page-lelian .content-index .index-part .box-img {
    width: 100%;
    margin: 0 -.05rem;
  }

  .page-lelian .content-index .index-part .box-img .img-item {
    width: 30%;
    margin: .05rem;
  }

  .page-lelian .index-contact-content {
    padding-top: 0.45rem;
  }

  .page-lelian .part-first-page {
    width: 85% !important;
    width: calc(100% - 0.56rem) !important;
    display: block;
    padding-top: .28rem;
  }

  .page-lelian .part-hasbg .box-text .img-title {
    height: .5rem;
  }

  .page-lelian .part-hasbg .box-list {
    padding: .1rem 0;
  }

  .page-lelian .part-hasbg .box-list dd {
    line-height: .2rem;
    min-height: 0.2rem;
    padding-left: 0.2rem;
    font-size: .12rem;
  }

  .page-lelian .part-hasbg .box-list dd .icon-check {
    width: .1rem;
    height: .1rem;
  }

  .page-lelian .part-hasbg .box-img {
    padding: 0;
    transform: translate(15%, -.5rem);
    -webkit-transform: translate(15%, -.5rem);
    -moz-transform: translate(15%, -.5rem);
    -o-transform: translate(15%, -.5rem);
  }

  .page-lelian .part-hasbg .box-img img {
    width: 3rem;
    height: auto;
  }

  .page-lelian .box-sound {
    margin-top: -2.7rem;
  }

  .page-lelian .box-sound .txt-letter p {
    width: 100%;
  }

  .page-lelian .box-sound .txt-img img {
    height: 2.5rem;
  }

  .page-lelian .box-card-blue .txt-img img {
    height: 2rem;
  }

  .page-lelian .box-graph .txt-img img {
    height: 2.1rem;
  }

  .page-lelian .part-contact .txt-title h2 {
    font-size: .18rem;
    padding-bottom: 0.2rem;
  }

  .page-lelian .part-contact .txt-title h2:after {
    bottom: .1rem !important;
  }

  .page-lelian .part-contact .txt-letter span,
  .page-lelian .part-contact .txt-letter p {
    line-height: .25rem;
    font-size: .13rem;
  }

  .page-lelian .part-contact .txt-letter .tip {
    margin: 0.05rem auto;
    font-size: .15rem;
  }

  .page-lelian .part-contact .txt-letter .tip,
  .page-lelian .part-contact .txt-letter p {
    width: 94%;
    width: calc(100% - 0.24rem);
  }

  .page-lelian .part-contact .txt-letter p+p {
    margin-top: .05rem;
  }

  .page-lelian .box-programs .txt-programs .programs-list dd span {
    width: .39rem;
    height: .39rem;
    line-height: .39rem;
    font-size: .14rem;
  }

  .page-lelian .box-programs .txt-programs .programs-list dd label {
    line-height: .15rem;
    font-size: .12rem;
  }

  .page-lelian .box-programs .txt-programs .programs-list dd:before {
    width: .1rem;
    height: .1rem;
  }

  .page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n+1) {
    padding-right: 70%;
    padding-right: calc(50% + 0.7rem);
  }

  .page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n+1) span {
    right: 54.5%;
    right: calc(50% + 0.2rem);
  }

  .page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n) {
    padding-left: 70%;
    padding-left: calc(50% + 0.7rem);
  }

  .page-lelian .box-programs .txt-programs .programs-list dd:nth-child(2n) span {
    left: 54.5%;
    left: calc(50% + 0.2rem);
  }

  .page-lelian .box-list .txt-list .box4list dd {
    margin: .025rem;
  }
}

@media screen and (min-height: 360px) and (max-height: 567px) {
  .shoule-index .box-index {
    height: auto;
    padding-top: .2rem;
  }

  .shoule-app .box-phone {
    margin-top: 0;
  }

  .shoule-app .box-phone img {
    height: 2rem;
  }

  .lelian-index .box-phone {
    margin-top: 0;
  }

  .lelian-index .box-phone img {
    height: 2rem;
  }

  .shoule-scancode .box-card-info {
    padding-top: .2rem;
  }

  .homepage-footer .lelian-companylists>.lists ul.ul-logos li {
    width: 21%;
    height: .35rem;
  }

  .homepage-footer .lelian-companylists>.lists ul.ul-logos li .img-logo img {
    width: 100%;
    height: auto;
  }

  .page-lelian .swiper-container .swiper-slide-active .content {
    transform: scale(.8);
    -webki-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #homepage .swiper-container.audit-content {
    height: 100% !important;
  }

  .audit-footer.footer-part {
    display: none;
  }

  .audit-footer.footer-part .footer {
    padding: 0;
  }

  .audit-footer.footer-part .footer .logo {
    display: none;
  }

  .audit-footer.footer-part .footer .companyInfo {
    width: 100%;
    height: auto;
    padding: 0;
  }

  .audit-footer.footer-part .footer .companyInfo:before,
  .homepage-footer .footer-part .footer .companyInfo:after {
    display: none;
  }

  .audit-footer.footer-part .footer .companyInfo p {
    padding: 0 5%;
    text-align: center;
    font-size: .11rem;
    line-height: .25rem;
  }

  .audit-footer.footer-part .footer .code {
    width: 100%;
    padding: 0 5%;
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
  }

  .audit-footer.footer-part .footer .code dd {
    width: 100%;
  }

  .audit-footer.footer-part .footer .code dd label {
    font-size: .11rem;
    line-height: .25rem;
  }

  .audit-footer.footer-part .footer .code dd:first-child {
    display: none;
  }
}

/*浏览器打开*/
.pop-bg {
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, .7);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1111;
}

.pop-bg .tip-content {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: .2rem;
  position: relative;
}

.pop-bg .tip-content .icons-close {
  width: .25rem;
  height: .25rem;
  display: inline-block;
  background: url("../image/icons-close.png") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  top: .2rem;
  left: .2rem;
  z-index: 100;
}

.pop-bg .tip-content .box-tip {
  width: 100%;
  height: auto;
  max-width: 2.92rem;
  max-height: 1.68rem;
  display: block;
  /* margin: 0 auto; */
  position: relative;
  float: right;
}

.pop-bg .tip-content .box-tip .box-tip-bg {
  max-width: 100%;
  height: auto;
}

.pop-bg .tip-content .box-tip .box-tip-txt {
  width: 100%;
  height: .98rem;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  text-align: center;
  padding: 0 .88rem .08rem .05rem;
  font-size: .18rem;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.pop-bg .tip-content .box-tip .box-tip-txt label {
  display: block;
  margin: 0 auto;
  line-height: 1.5;
}

@media screen and (min-width: 320px) and (max-height: 568px) {
  .homepage-footer .companylists>.lists ul li {
    width: 29%;
    height: .35rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 991px) {
  .home-nav {
    background-color: #fff;
  }

  .home-nav .nav-content {
    height: .44rem;
  }

  .home-nav .nav-content .logo-lelian {
    left: .1rem;
  }

  .logo-lelian2-mobile {
    display: block;
  }

  .home-nav .nav-content .logo-lelian2 {
    display: none;
  }

  .home-nav .nav-content .icons-list {
    display: block;
  }

  .home-nav .nav-content .nav-list {
    display: none;
    width: 100%;
    max-width: 100%;
    float: none;
    background-color: #fff;
  }

  .home-nav .nav-content .nav-list dd {
    width: 100%;
    float: none;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    border-bottom: 1px solid #eee;
  }

  .home-nav .nav-content .nav-list dd:last-child {
    border-bottom: none;
  }

  .page-lelian .content-index,
  .page-lelian .index-contact-content {
    padding-top: .45rem;
  }

}

@media screen and (min-width: 768px) {
  .pop-bg .tip-content {
    max-width: 450px;
  }

  #homepage .swiper-container .swiper-slide-active .content {
    transform: scale(.8);
    -webki-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
  }

  #homepage .swiper-container.audit-content .swiper-slide-active .content {
    transform: scale(.7);
    -webki-transform: scale(.7);
    -moz-transform: scale(.7);
    -o-transform: scale(.7);
  }

  .page-lelian .part-hasbg .box-text .img-title {
    height: .6rem;
  }

  .page-lelian .part-hasbg .box-img img {
    height: 4.5rem;
  }
}

@media screen and (min-width: 900px) {
  .page-lelian .swiper-container .swiper-slide-active .content {
    transform: scale(1.3) !important;
    -webki-transform: scale(1.3) !important;
    -moz-transform: scale(1.3) !important;
    -o-transform: scale(1.3) !important;
  }
}