@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9;
  }

  50% {
    opacity: 1;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
  }
}

.services {
  width: 1.6rem;
  background: #fff;
  border-radius: 10px;
  position: fixed;
  right: .2rem;
  padding: .16rem;
  z-index: 9999;
  top: 10%;
}

.services img {
  width: 100%;
}

.fadein {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  z-index: 99999;
  display: none;
  top: 0;
}

.fadein .box {
  width: 6.9rem;
  position: relative;
  border-radius: .2rem;
  background: #f3f3f3;
  padding: .6rem 0;
}

.fadein .box .close {
  width: .3rem;
  cursor: pointer;
  position: absolute;
  right: .2rem;
  top: .2rem;
}

.fadein .box .submit {
  width: 2.6rem;
  cursor: pointer;
  height: .6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: #165DFF;
  font-size: .3rem;
  color: #fff;
  margin-top: .6rem;
  border-radius: .4rem;
  padding-top: .04rem;
}

.fadein .box .info {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fadein .box .info .code {
  width: 2rem;
}

.fadein .box .info .code img {
  width: 100%;
  display: block;
}

.fadein .box .info .form {
  margin-left: .2rem;
  margin-top: .6rem;
}

.fadein .box .info .form div {
  display: flex;
  padding: .08rem;
  align-items: center;
}

.fadein .box .info .form div p {
  font-size: .24rem;
  color: #282828;
  width: 1rem;
  text-align-last: justify;
}

.fadein .box .info .form div input {
  width: 3rem;
  height: .56rem;
  margin-left: .12rem;
  background: #fff;
  border-radius: .08rem;
  font-size: .24rem;
  color: #000;
  border: none;
  outline: none;
  padding-left: .2rem;
}

.fadein .box .title {
  text-align: center;
  font-size: .4rem;
  color: #0c115b;
  font-weight: bold;
}

.public_title {
  width: 100%;
}

.public_title p {
  text-align: center;
  font-size: 0.4rem;
  color: #165DFF;
  font-weight: bold;
}

.public_title span {
  display: block;
  text-align: center;
  font-size: 0.2rem;
  padding: 0 1.28rem;
  box-sizing: border-box;
  color: #404040;
  margin-top: 0.1rem;
}

.footer {
  width: 100%;
  background: #202938;
}

.footer .footer_bottom {
  padding: 0.28rem 0;
  text-align: center;
  font-size: 0.14rem;
  color: #677186;
}

.footer .link {
  width: 100%;
}

.footer .link .m {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  border-bottom: 0.01rem solid #2E394B;
  padding: 0.7rem 0 0.5rem 0;
}

.footer .link .m .item {
  overflow: hidden;
}

.footer .link .m .item p {
  font-size: 0.18rem;
  color: #fff;
  font-weight: bold;
}

.footer .link .m .item ul {
  overflow: hidden;
  margin-top: 0.1rem;
}

.footer .link .m .item ul li {
  font-size: 0.2rem;
  color: #9CA6B8;
  margin-top: 0.16rem;
  display: flex;
  align-items: center;
}

.footer .link .m .item ul li img {
  margin-right: 0.1rem;
}

.footer .link .m .item ul li a {
  color: #9CA6B8;
}

.footer .link .m .info {
  overflow: hidden;
  width: 2.8rem;
}

.footer .link .m .info p {
  font-size: 0.24rem;
  color: #fff;
  font-weight: bold;
}

.footer .link .m .info span {
  display: block;
  font-size: 0.2rem;
  color: #9CA6B8;
  line-height: 1.8;
  margin-top: 0.2rem;
}

.footer .link .m .info .share {
  display: flex;
  align-items: center;
  margin-top: 0.24rem;
}

.footer .link .m .info .share a {
  display: block;
  margin-right: 0.12rem;
}

.footer .link .m .info .share a img {
  display: block;
}

.main_conatct {
  width: 100%;
  background-image: url(../images/icon_38.jpg);
  padding: 0.68rem 0 0.3rem 0;
  background-size: cover;
  background-position: center center;
}

.main_conatct .m {
  width: 100%;
  margin: 0 auto;
}

.main_conatct .m .public_title p,
.main_conatct .m .public_title span {
  color: #fff;
}

.main_conatct .m .icon {
  margin-top: 0.6rem;
}

.main_conatct .m .icon div {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  margin-bottom: .08rem;
  color: #fff;
  padding-left: 1.8rem;
}

.main_conatct .m .icon div img {
  width: .3rem;
  margin-right: 0.06rem;
}

.main_conatct .m .button {
  display: flex;
  justify-content: center;
  margin-top: 0.6rem;
  align-items: center;
}

.main_conatct .m .button div {
  width: 3.16rem;
  height: 0.7rem;
  animation: ball-scale-multiple 1s 0s linear infinite alternate;
  border-radius: 0.4rem;
  margin: 0 0.2rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.2);
  background: rgba(143, 162, 239, 0.8);
}

.main_conatct .m .button div.on {
  background: #fff;
}

.main_conatct .m .button div.on a {
  color: #173fe6;
}

.main_conatct .m .button div a {
  width: 100%;
  height: 100%;
  display: flex;
  font-weight: bold;
  padding-top: .06rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  color: #fff;
}

.main_qs {
  width: 100%;
  padding: 0.7rem 0 0.64rem 0;
  background: #e4ecff;
  background-size: cover;
}

.main_qs .box {
  width: 6.76rem;
  background: #fff;
  margin: 0 auto;
  margin-top: 0.42rem;
  padding: .2rem 0;
  border-radius: .2rem;
}

.main_qs .box ul {
  width: 100%;
}

.main_qs .box ul li {
  width: 100%;
  padding: .14rem .4rem .14rem .36rem;
}

.main_qs .box ul li .a {
  display: flex;
  align-items: flex-start;
}

.main_qs .box ul li .a img {
  display: block;
  width: .4rem;
  margin-right: 0.1rem;
  transform: translateY(0.1rem);
}

.main_qs .box ul li .a .p {
  flex: 1;
}

.main_qs .box ul li .a .p p {
  font-size: 0.24rem;
  line-height: 1.4;
  color: #818181;
}

.main_qs .box ul li .q {
  height: 0.68rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.main_qs .box ul li .q img {
  display: block;
  width: .4rem;
  margin-right: 0.1rem;
}

.main_qs .box ul li .q .p {
  flex: 1;
  height: 100%;
  text-align: left;
  line-height: 0.68rem;
}

.main_qs .box ul li .q .p p {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
  font-size: 0.24rem;
  color: #1d1d1d;
}

.banner {
  width: 100%;
  height: 5.88rem;
  background-size: 100% 100%;
  background-image: url(../images/icon_03.jpg);
  padding-top: 3.66rem;
}

.banner .data {
  width: 6.7rem;
  margin: 0 auto;
  margin-top: .94rem;
  display: flex;
  background: #fff;
  border-radius: .3rem;
  position: relative;
  z-index: 9;
  height: 2rem;
  align-items: center;
}

.banner .data div {
  flex: 1;
  position: relative;
}

.banner .data div p {
  text-align: center;
  font-size: .4rem;
  color: #165DFF;
  font-weight: bold;
}

.banner .data div span {
  display: block;
  text-align: center;
  font-size: .24rem;
  color: #727272;
  margin-top: .1rem;
}

.banner .data div::after {
  content: '';
  width: 0.01rem;
  height: .86rem;
  background: #7D1FCA;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.banner .data div:last-child::after {
  display: none;
}

.banner .button_grow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .46rem;
}

.banner .button_grow div {
  width: 3.16rem;
  animation: ball-scale-multiple 1s 0s linear infinite alternate;
  height: .7rem;
  border-radius: .4rem;
  background: linear-gradient(to right, #A36FF4, #064DC6);
  border: 0.01rem solid rgba(255, 255, 255, 0.2);
}

.banner .button_grow div.on {
  background: #fff;
}

.banner .button_grow div.on a {
  color: #173fe6;
}

.banner .button_grow div a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .3rem;
  padding-top: .06rem;
  box-sizing: border-box;
  font-weight: bold;
  color: #fff;
}

.main_evaluation {
  width: 100%;
  background-image: url(../images/bg6.jpg);
  background-size: cover;
  background-position: center center;
  padding: 0.82rem 0 0.96rem 0;
}

.main_evaluation .m {
  width: 100%;
  margin: 0 auto;
}

.main_evaluation .m .box {
  display: flex;
  padding: 0 .4rem;
  flex-wrap: wrap;
}

.main_evaluation .m .box .label {
  width: 5.34rem;
  height: 3.68rem;
  background-image: url(../images/icon_29.jpg);
  position: relative;
  background-size: 100% 100%;
  padding: 0.34rem 0.3rem 0 0.3rem;
  margin-top: 0.3rem;
}

.main_evaluation .m .box .label::after {
  content: '';
  width: .29rem;
  height: .49rem;
  background-image: url(../images/jt_03.png);
  background-size: 100% 100%;
  position: absolute;
  right: -.28rem;
  bottom: .24rem;
}

.main_evaluation .m .box .label:nth-child(2n) {
  margin-left: calc(100% - 5.34rem);
}

.main_evaluation .m .box .label:nth-child(2n)::after {
  content: '';
  width: .24rem;
  height: .4rem;
  background-image: url(../images/jt_07.png);
  background-size: 100% 100%;
  position: absolute;
  right: auto;
  left: -.23rem;
  bottom: .24rem;
}

.main_evaluation .m .box .label .message {
  overflow: hidden;
  margin-top: 0.1rem;
}

.main_evaluation .m .box .label .message p {
  font-size: 0.24rem;
  color: #343434;
  line-height: 1.52;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.main_evaluation .m .box .label .star {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.26rem;
}

.main_evaluation .m .box .label .star img {
  display: block;
  margin: 0 0.06rem;
  width: .28rem;
}

.main_evaluation .m .box .label .star img:first-child {
  width: .32rem;
}

.main_evaluation .m .box .label .star img:last-child {
  width: .32rem;
}

.main_evaluation .m .box .label .user {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main_evaluation .m .box .label .user .avatar {
  width: 0.86rem;
  height: 0.86rem;
  border: 0.01rem solid #fff;
  border-radius: 50%;
  overflow: hidden;
}

.main_evaluation .m .box .label .user .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.main_evaluation .m .box .label .user .info {
  position: relative;
}

.main_evaluation .m .box .label .user .info span {
  display: block;
  font-size: 0.18rem;
  color: #606060;
  margin-top: 0.06rem;
}

.main_evaluation .m .box .label .user .info div {
  position: relative;
}

.main_evaluation .m .box .label .user .info div::after {
  content: '';
  width: 1.16rem;
  height: 0.14rem;
  border-radius: 0.1rem;
  background: linear-gradient(to right, #B1D1FF, #AFE7FF);
  position: absolute;
  left: 0;
  bottom: -0.02rem;
}

.main_evaluation .m .box .label .user .info div p {
  font-size: 0.32rem;
  letter-spacing: 0.02rem;
  left: 0.02rem;
  color: #000000;
  font-weight: bold;
  position: relative;
  z-index: 9;
}

.main_team {
  width: 100%;
  padding: 0.8rem 0;
}

.main_team .m {
  width: 100%;
  margin: 0 auto;
}

.main_team .m .team_info {
  width: 6.74rem;
  height: 4.19rem;
  background-image: url(../images/icon_25.png);
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 0.36rem;
  padding: 0 .64rem;
  padding-top: 1.3rem;
}

.main_team .m .team_info .title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main_team .m .team_info .title span {
  font-size: 0.28rem;
  letter-spacing: 0.1rem;
  margin: 0 0.18rem;
  color: #ffefae;
}

.main_team .m .team_info ul {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.main_team .m .team_info ul li {
  width: 50%;
  padding: .14rem 0;
  position: relative;
}

.main_team .m .team_info ul li::after {
  content: '';
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0%;
}

.main_team .m .team_info ul li::before {
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0%;
}

.main_team .m .team_info ul li:nth-child(2n)::after {
  display: none;
}

.main_team .m .team_info ul li:nth-last-child(1)::before {
  display: none;
}

.main_team .m .team_info ul li:nth-last-child(2)::before {
  display: none;
}

.main_team .m .team_info ul li p {
  text-align: center;
  font-size: 0.5rem;
  color: #fff;
  font-weight: bold;
}

.main_team .m .team_info ul li span {
  display: block;
  text-align: center;
  font-size: 0.2rem;
  margin-top: 0.04rem;
  color: #fff;
}

.main_team .m .team_list {
  display: flex;
  align-items: flex-start;
  margin-top: 0.2rem;
  flex-wrap: wrap;
}

.main_team .m .team_list .label {
  width: 50%;
}

.main_team .m .team_list .label img {
  display: block;
  width: 100%;
  margin-bottom: -.32rem;
}

.main_team .m .team_list .label p {
  text-align: center;
  font-size: 0.3rem;
  font-weight: bold;
  color: #0d0d0d;
}

.main_team .m .team_list .label span {
  display: block;
  font-size: 0.2rem;
  color: #1a41de;
  margin-top: 0.04rem;
  text-align: center;
}

.main_team .m .team_list .label div {
  width: 0.7rem;
  height: 0.05rem;
  margin: 0 auto;
  border-radius: 0.06rem;
  background: #165DFF;
  margin-top: 0.04rem;
}

.main_team .m .team_list .label em {
  display: block;
  font-size: 0.16rem;
  color: #898989;
  line-height: 1.6;
  width: 2.4rem;
  margin: 0 auto;
  margin-top: 0.06rem;
}

.main_feature {
  width: 100%;
  background-image: url(../images/icon_14.jpg);
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #DDE7FE;
  padding: 0.86rem 0 1rem 0;
}

.main_feature .m {
  width: 100%;
  margin: 0 auto;
}

.main_feature .m .box {
  margin-top: 6.06rem;
  width: 100%;
  height: 3.43rem;
  background-size: 100% 100%;
  background-image: url(../images/icon_16.jpg);
  padding: 0.44rem 0 0 0.56rem;
}

.main_feature .m .box p {
  font-size: 0.34rem;
  letter-spacing: 0.04rem;
  color: #fff;
  font-weight: bold;
}

.main_feature .m .box span {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.16rem;
  color: #d8e7ff;
  line-height: 1.8;
  letter-spacing: 0.01rem;
  width: 3.6rem;
}

.main_feature .m .box ul {
  display: flex;
  justify-content: space-between;
  width: 3.8rem;
  margin-top: 0.06rem;
  flex-wrap: wrap;
}

.main_feature .m .box ul li {
  letter-spacing: 0.01rem;
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  color: #fff;
  margin-top: 0.06rem;
}

.main_feature .m .box ul li img {
  width: .24rem;
  margin-right: 0.06rem;
}

.main_introduction {
  width: 100%;
  background: #f5f5f5;
  padding: 0.56rem 0 .86rem 0;
}

.main_introduction .m {
  width: 100%;
  margin: 0 auto;
}

.main_introduction .m .fade {
  width: 100%;
}

.main_introduction .m .fade .item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.1rem;
  padding: 0 .24rem;
  justify-content: space-between;
  display: none;
}

.main_introduction .m .fade .item .label {
  width: 3.4rem;
  border-radius: 0.2rem;
  background: #fff;
  margin-top: 0.22rem;
  box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.main_introduction .m .fade .item .label.on .head {
  background: linear-gradient(to right, #7abbff, #7a9dff);
}

.main_introduction .m .fade .item .label.on1 .head {
  background: linear-gradient(to right, #D2AD35, #BA880D);
}

.main_introduction .m .fade .item .label.on2 .head {
  background: linear-gradient(to right, #185DFF, #4F83FF);
}

.main_introduction .m .fade .item .label.on3 .head {
  background: linear-gradient(to right, #7875FF, #BC19FA);
}

.main_introduction .m .fade .item .label.on4 .head {
  background: linear-gradient(to right, #FFCA00, #FF8900);
}

.main_introduction .m .fade .item .label:nth-child(3n) {
  margin-right: 0;
}

.main_introduction .m .fade .item .label .info {
  width: 100%;
  padding: 0.26rem 0.22rem 0.16rem 0.2rem;
}

.main_introduction .m .fade .item .label .info .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.26rem;
}

.main_introduction .m .fade .item .label .info .bottom p {
  font-size: 0.24rem;
  color: #2d5cf6;
  font-weight: bold;
}

.main_introduction .m .fade .item .label .info .bottom div {
  width: 1.06rem;
  height: 0.3rem;
  background: #165DFF;
  border-radius: 0.4rem;
}

.main_introduction .m .fade .item .label .info .bottom div a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.16rem;
  line-height: .6rem;
  box-sizing: border-box;
  color: #fff;
}

.main_introduction .m .fade .item .label .info .title {
  width: 100%;
}

.main_introduction .m .fade .item .label .info .title p {
  font-size: 0.28rem;
  color: #1b1b1b;
  font-weight: bold;
}

.main_introduction .m .fade .item .label .info .title span {
  display: block;
  font-size: 0.18rem;
  color: #878787;
  margin-top: 0.06rem;
}

.main_introduction .m .fade .item .label .info ul {
  overflow: hidden;
  padding: .2rem 0;
}

.main_introduction .m .fade .item .label .info ul li {
  display: flex;
  align-items: flex-start;
  height: .5rem;
  padding: 0.04rem 0;
}

.main_introduction .m .fade .item .label .info ul li img {
  display: block;
  margin-right: 0.1rem;
  width: .16rem;
  transform: translateY(0.04rem);
}

.main_introduction .m .fade .item .label .info ul li span {
  flex: 1;
  font-size: 0.16rem;
  color: #040404;
}

.main_introduction .m .fade .item .label .head {
  height: 0.36rem;
  display: flex;
  letter-spacing: 0.12rem;
  align-items: center;
  font-size: 0.2rem;
  justify-content: center;
  color: #fff;
  background: linear-gradient(to right, #de4848, #d02e2e);
}

.main_introduction .m .tabbar {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: center;
}

.main_introduction .m .tabbar div {
  height: 0.54rem;
  display: flex;
  justify-content: center;
  padding: 0 0.2rem;
  margin: 0 0.08rem;
  align-items: center;
  font-size: 0.18rem;
  color: #535353;
  border-radius: 0.4rem;
  cursor: pointer;
  background: #e5e7ea;
  transition: all .3s;
  padding-top: .06rem;
  box-sizing: border-box;
  margin-top: 0.2rem;
}

.main_introduction .m .tabbar div.on {
  background: #165DFF;
  color: #fff;
}

.main_content {
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.main_content .m {
  width: 100%;
  margin: 0 auto;
}

.main_content .m .main_problem {
  width: 100%;
  padding: 1.94rem 0 .6rem 0;
  background: linear-gradient(#CCEAF9, #FCFDFE);
}

.main_content .m .main_problem ul {
  display: flex;
  justify-content: space-between;
  padding: 0 .32rem;
  flex-wrap: wrap;
}

.main_content .m .main_problem ul li {
  width: 3.35rem;
  height: .85rem;
  background-image: url(../images/icon_07.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  margin-top: 0.46rem;
  position: relative;
}

.main_content .m .main_problem ul li span {
  display: block;
  font-size: 0.23rem;
  color: #fff;
  font-family: a;
  font-style: italic;
  padding-left: .6rem;
}

.main_content .m .data {
  width: 100%;
  margin-top: 1.16rem;
  display: flex;
  background: #fff;
  border-radius: 0.3rem;
  height: 2rem;
  align-items: center;
}

.main_content .m .data div {
  flex: 1;
  position: relative;
}

.main_content .m .data div p {
  text-align: center;
  font-size: 0.5rem;
  color: #165DFF;
  font-weight: bold;
}

.main_content .m .data div span {
  display: block;
  text-align: center;
  font-size: 0.3rem;
  color: #727272;
  margin-top: 0.1rem;
}

.main_content .m .data div::after {
  content: '';
  width: 0.01rem;
  height: 0.86rem;
  background: #7D1FCA;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.main_content .m .data div:last-child::after {
  display: none;
}

.main_content .m .button_grow {
  display: flex;
  align-items: center;
}

.main_content .m .button_grow div {
  width: 3.16rem;
  height: 0.7rem;
  border-radius: 0.4rem;
  background: linear-gradient(to right, #A36FF4, #064DC6);
  border: 0.01rem solid rgba(255, 255, 255, 0.2);
  margin-right: 0.26rem;
}

.main_content .m .button_grow div.on {
  background: #fff;
}

.main_content .m .button_grow div.on a {
  color: #173fe6;
}

.main_content .m .button_grow div a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
}

.hp {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00000066;
  z-index: 999;
}

.hp .img {
  width: 4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 999;
  transform: translate(-50%, -50%);
}

.hp .img img {
  width: 4rem;
}

.hp .img2 {
  display: none;
}

.xf {
  width: 100%;
  z-index: 998;
  height: 1rem;
  position: fixed;
  bottom: 0;
}

.xf img {
  width: 100%;
  height: 1rem;
}

.xf img:hover,
.hp img:hover {
  cursor: pointer;
}

/*# sourceMappingURL=css.css.map */