.banner {
  min-width: 12.56rem;
  height:8rem;
  background: url("../images/solutionIcon/solutionTopBg.jpg") no-repeat;
  background-size: cover;
}
#top {
  height: 0.7rem;
}
.banner-content {
  padding: 0.49rem 0 0.78rem 0;
  box-sizing: border-box;
}
.banner-content-left {
  width: 49%;
  padding-left: 3.57rem;
  padding-top: 1.70rem;
}
.banner-content-right {
  width: 49%;
  padding-right: calc(49% - 6.76rem);
}
.banner-title {
  font-weight: 500;
  font-size: 0.48rem;
  color: #ffffff;
  opacity: 0.95;
  margin-bottom: 0.06rem;
  -webkit-animation: fadeInLeft 1s .2s ease both;
}
.banner-con {
  font-weight: 500;
  font-size: 0.18rem;
  color: #ffffff;
  -webkit-animation: fadeInLeft 1s .5s ease both;
}
.banner-icon {
  width: 6.76rem;
  height: 5.17rem;
  animation: moveDown 2s infinite alternate;
}
@keyframes moveDown {
    from {
        transform: translateY(-0.07rem);
    }

    to {
        transform: translateY(0.07rem);
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-0.2rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-0.2rem);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
.banner-btn {
    width: 2.4rem;
    height: 0.72rem;
    line-height: 0.72rem;
    text-align: center;
    background: #446ef6;
    border-radius: 0.08rem;
    font-size: 0.28rem;
    color: #ffffff;
    margin-top: 0.36rem;
    cursor: pointer;
    -webkit-animation: fadeInLeft 1s .7s ease both;
    -moz-animation: fadeInLeft 1s .7s ease both;
}
.trape-zo-id {
  width: 6.06rem;
  height: 5.31rem;
  padding-top: 0.4rem;
  border-top-right-radius: 0.1rem;
  background: url("../images/solutionIcon/trapezoidLeft.png") no-repeat;
  background-size: 101% 100%;
}
.trape-zo-id .blue-title {
  background-color: #7492f8;
  margin-left: 0.36rem;
  border-top-left-radius: 0;
  clip-path: polygon(1.5% 0, 100% 0, 100% 100%, 0 100%);
}
.trape-zo-id1 {
  width: 6.06rem;
  height: 5.31rem;
  padding-top: 0.4rem;
  background: url("../images/solutionIcon/trapezoidRight.png") no-repeat;
  background-size: 100% 100%;
  margin-left: 0;
}
.online-item,
.offline-item {
  width: 2.45rem;
  margin-left: 1.2rem;
  border-bottom: 0.02rem dashed #6d7faa;
  padding: 0.1rem 0.05rem 0.1rem 0;
}
.offline-item {
  width: 2.92rem;
}
.center-img {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  left: calc(50% - 0.8rem);
  top: 2.1rem;
}
.title-bj {
  text-align: center;
  font-weight: 500;
  font-size: 0.46rem;
  color: #1f2026;
  line-height: 0.64rem;
  padding: 1.38rem 0 0.8rem;
}
.bj-round {
  background: url("../images/marketIcon/roundBg.jpg") no-repeat;
  background-size: cover;
  height: 8.1rem;
  font-size: 0.22rem;
  margin-bottom:1.38rem;
}

.sence-div {
  background: url("../images/marketIcon/envelopeSenceBg.jpg") no-repeat;
  background-size: cover;
  padding: 0.05rem;
  height:9.8rem;
  position:relative;
}
.sence-div1 {
  background: url("../images/marketIcon/envelopeSenceBg.jpg") no-repeat;
  background-size: 100% 100%;
}
.sence-bgimg {
    width: 10.80rem;
    margin:0 auto;
}
.phone-bg-model {
  background: linear-gradient(90deg, #f6faff 1%, #e3efff 99%);
  background-size: cover;
  padding: 0.05rem;
  position: relative;
}
.phone-bg-model > img {
  position: absolute;
  width: 6rem;
  height: 7.24rem;
  bottom: 0;
  right: calc(50% - 7.03rem);
}

.btn-list {
  width: 12.38rem;
  background: #f6fbff;
  border-radius: 0.12rem;
  margin:0 auto;
  justify-content: space-between;
  padding: 0.45rem 0.6rem;
  box-sizing: border-box;
}
.btn-event {
  width: 2.19rem;
  height: 0.41rem;
  border-radius: 0.2rem;
  font-size: 0.2rem;
  text-align: center;
  color: #ffffff;
  line-height: 0.41rem;
}
.btn-ul li {
  list-style-type: disc;
  margin-left: 0.38rem;
}
.btn-bottom {
  margin-top: 0.2rem;
  font-weight: bold;
  font-size: 0.24rem;
  color: #3875d1;
  line-height: 0.28rem;
  position:absolute;
  top:1.95rem;
  width:11.18rem;
}
.integral {
  font-weight: 500;
  font-size: 0.16rem;
  color: #251714;
}
.integral-left,
.integral-right {
    width: 1.36rem;
    height: 2.09rem;
    background: #1671ff;
    border-radius: 0.12rem;
    border: 1px solid #97cafd;
    font-weight: bold;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    padding-top: 0.67rem;
    box-sizing: border-box;
    margin-right: 0.1rem;
}
    .integral-left img,
    .integral-right img {
        display: inline-block;
    }
.integral-right {
  height: 1.58rem;
  padding-top: 0.44rem;
  margin: 0.295rem 0 0 0.1rem;
}
.integral-list-left div {
  margin-bottom: 0.07rem;
  width: 2.3rem;
  height: 0.47rem;
  line-height: 0.47rem;
  background: #1671ff;
  border-radius: 0.06rem;
  border: 1px solid #97cafd;
  color: #fff;
}
.integral-list-right {
    margin: 0.32rem 0 0 0.05rem
}
.integral-list-right div {
  margin-bottom: 0.07rem;
  width: 2.3rem;
  height: 0.47rem;
  line-height: 0.47rem;
  background: #1671ff;
  border-radius: 0.06rem;
  border: 1px solid #97cafd;
  color: #fff;
}
.left-line,
.right-line {
  width: 0.18rem;
  height: 1.59rem;
  border: 1px solid #7b7877;
  margin-left: 0.05rem;
  position: relative;
  top: 0.23rem;
}
.left-line {
  border-left: none;
}
.right-line {
  height: 1.07rem;
  border-right: none;
  top: 0.54rem;
}
.left-line div,
.right-line div {
  width: 0.26rem;
  border-bottom: 0.01rem solid #7b7877;
  position: absolute;
  top: 0.8rem;
  right: -0.26rem;
}
.right-line div {
  left: -0.26rem;
  top: 0.5rem;
}
.left-arrow {
  margin: 0 0.26rem;
  position: relative;
  top: 0.38rem;
}
.left-arrow .tc .code-mode-arrow-item {
  margin: 0.25rem 0 0.12rem -0.05rem;
}
.integral-center-title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4a4a4a;
  margin: -0.15rem 0 0.11rem 0;
}
.integral-center-content {
  width: 2.76rem;
  height: 1.39rem;
  background: #1671ff;
  border-radius: 0.12rem;
  font-weight: bold;
  font-size: 0.34rem;
  color: #ffffff;
  line-height: 1.39rem;
}
.right-arrow {
  width: 1.2rem;
  margin: 0 0.4rem 0 0.15rem;
}
.right-arrow .tc .code-mode-arrow-item {
  margin: 0.63rem 0 0.12rem -0.05rem;
}
.integral-center-title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4a4a4a;
  margin: -0.15rem 0 0.11rem 0;
}
.member-content {
    margin: 0 auto;
    margin-top: 0.4rem;
    position: relative;
    width: 10.34rem;
    height: 6.47rem;
}
    .member-content > .member-center-img {
        width: 10.34rem;
    height: 5.09rem;
    }
    .member-content > div {
        position: absolute;
        text-align: center;
    }
    .member-content .title1 :nth-child(1),
    .member-content .title2 :nth-child(1),
    .member-content .title3 :nth-child(1),
    .member-content .title4 :nth-child(1),
    .member-content .title5 :nth-child(1),
    .member-content .title6 :nth-child(1) {
        font-weight: bold;
        font-size: 0.24rem;
        color: #484848;
        line-height: 0.28rem;
        margin-bottom: 0.1rem;
    }
    .member-content .title1 :nth-child(2),
    .member-content .title2 :nth-child(2),
    .member-content .title3 :nth-child(2),
    .member-content .title4 :nth-child(2),
    .member-content .title5 :nth-child(2),
    .member-content .title6 :nth-child(2) {
        font-size: 0.16rem;
        color: #898989;
        line-height: 0.24rem;
    }
    .member-content .title1 {
        left: -1.6rem;
        top: 2.42rem;
    }
    .member-content .title2 {
        left: -1.2rem;
        top: 4.62rem;
    }
    .member-content .title3 {
        left: 2.1rem;
        bottom: -0.04rem;
    }
    .member-content .title4 {
        right: 2.1rem;
        bottom: .19rem;
    }
.member-content .title5 {
  right: -1.2rem;
  top: 4.62rem;
}
.member-content .title6 {
  right: -1.6rem;
  top: 2.42rem;
}
.member-content .center-title {
  top: 0.37rem;
}
.member-content .center-title :nth-child(1) {
  font-weight: bold;
  font-size: 0.3rem;
  color: #2c466b;
}
.member-content .center-title :nth-child(2) {
  font-size: 0.16rem;
  color: #2c466b;
}
.member-content .icon-title1,
.member-content .icon-title2,
.member-content .icon-title3,
.member-content .icon-title4 {
  font-weight: 500;
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 0.32rem;
}
.member-content .icon-title1 {
  left: 2.43rem;
  top: 3.45rem;
}
.member-content .icon-title2 {
  left: 4.03rem;
  top: 3.71rem;
}
.member-content .icon-title3 {
  right: 4rem;
  top: 3.71rem;
}
.member-content .icon-title4 {
  right: 2.32rem;
  top: 3.41rem;
}
.member-btn {
  width: 1.7rem;
  height: 0.67rem;
  background: #ff7d00;
  border-radius: 0.33rem 0.37rem 0 0.33rem;
  font-weight: bold;
  font-size: 0.33rem;
  display: inline-block;
  color: #ffffff;
}
.member-title {
  display: inline-block;
  position: relative;
  top: 0.1rem;
}
.member-list {
    width: 14.64rem;
    margin: 0 auto;
}
.member-item {
    width: 4.88rem;
    height: 1.6rem;
    background: #ffffff;
    border-radius: 0.12rem;
    border-left: 0.07rem solid #2b8fff;
    margin-right: 0.15rem;
    padding: 0.45rem 0.3rem;
    box-sizing: border-box;
}
.member-item-title {
    font-weight: 500;
    font-size: 0.28rem;
    line-height: 0.31rem;
}
    .member-item-title img {
        width: 0.32rem;
        height: 0.32rem;
        margin-left: 0.1rem;
    }
.tax-left {
    background: url("../images/solutionIcon/taxLeft.jpg");
    background-size: 100% 100%;
    margin-right: 0.1rem;
}
.tax-right {
  background: url("../images/solutionIcon/taxRight.jpg");
  background-size: 100% 100%;
}
.tax-left,
.tax-right {
  width: 6.86rem;
  height: 4.81rem;
  box-shadow: 0 0.06rem 0.15rem 0 rgba(0, 58, 127, 0.35);
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  border-radius: 0.14rem;
}
.tax-left-text,
.tax-right-text {
  position: absolute;
  background: #e3efff;
  box-shadow: 0 0.03rem 0.06rem 0 rgba(134, 178, 229, 0.15);
  border-radius: 0.24rem;
  font-size: 0.18rem;
  color: #505a69;
  line-height: 0.28rem;
  bottom: -0.6rem;
  padding: 0.02rem 0.1rem;
}
.cooperation {
  width: 6.41rem;
  height: 3.86rem;
  font-size: 0.24rem;
  color: #747474;
  line-height: 0.32rem;
  background-image: url("../images/solutionIcon/cooperationBj.png");
  background-size: 100% 100%;
  margin: 0 auto;
  margin-bottom:1.38rem;
  position: relative;
}
.cooperation1,
.cooperation2,
.cooperation3,
.cooperation4 {
    position: absolute;
}
.cooperation1 {
    left: -2.24rem;
}
.cooperation2 {
    right: -3.3rem;
}
.cooperation3 {
    left: -3.37rem;
    bottom: 0;
}
.cooperation4 {
    right: -4.17rem;
    bottom: 0.18rem;
}
.code-list {
    width:12.0rem;
    margin:0 auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.code-item-round {
    width: 0.7rem;
    height: 0.7rem;
    background: #1671ff;
    border-radius: 50%;
    position: relative;
    z-index: 10;
    line-height: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.code-item-title {
    font-weight: 500;
    font-size: 0.24rem;
    color: #ffffff;
    position: relative;
    top: 0.1rem;
    left: -0.13rem;
    width: 5.1rem;
    height: 0.49rem;
    line-height: 0.49rem;
    background: #1671ff;
    border-radius: 0.05rem 0.24rem 0.24rem 0.05rem;
    padding-left: 0.2rem;
}
.code-bottom {
    margin: 0.2rem 0 0.3rem 0.7rem;
    line-height: 0.28rem;
    color: #505a69 !important;
}
    .code-bottom li {
        list-style-type: disc;
    }
.code-mode {
    width:12.2rem;
    margin:0 auto;
    margin-bottom: 1.38rem;
}
.code-mode-item {
    width: 2.02rem;
    height: 4.11rem;
    background: #1671ff;
    border-radius: 0.12rem;
    border: 1px solid #97cafd;
    font-weight: 500;
    font-size: 0.24rem;
    color: #ffffff;
    padding-top: 1.62rem;
    text-align: center;
    box-sizing: border-box;
}
    .code-mode-item img {
        margin-left: 0.84rem;
        margin-bottom: 0.15rem;
    }
.code-mode-arrow {
    margin: 0 0.25rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #251714;
}
.code-mode-arrow-item {
    padding: 0.1rem;
    box-sizing: border-box;
    border-bottom: 0.02rem dashed #000000;
    position: relative;
}
.bkround-num {
    width: 0.23rem;
    height: 0.23rem;
    background: #1671ff;
    border-radius: 50%;
    font-family: DIN;
    font-weight: bold;
    font-size: 0.16rem;
    color: #ffffff;
    text-align: center;
    margin-right: .1rem;
}
.round-num {
    width: 0.23rem;
    height: 0.23rem;
    background: #1671ff;
    border-radius: 50%;
    font-family: DIN;
    font-weight: bold;
    font-size: 0.16rem;
    color: #ffffff;
    text-align: center;
    margin-right: 0.08rem;
}
.arrow-event {
    width: 0;
    height: 0;
    border-left: 0.1rem solid black;
    border-bottom: 0.06rem solid transparent;
    border-top: 0.06rem solid transparent;
    position: absolute;
}
.arrow-event-to-right {
    bottom: -0.07rem;
    right: -0.15rem;
}
.arrow-event-to-left {
    bottom: -0.07rem;
    left: -0.15rem;
    transform: rotate(180deg);
}
.code-mode-center {
    font-weight: 500;
    font-size: 0.26rem;
    color: #ffffff;
    line-height: 0.36rem;
}
.code-mode-center-top,
.code-mode-center-bottom {
    width: 2.76rem;
    height: 1.39rem;
    background: #1671ff;
    border-radius: 0.12rem;
    text-align: center;
    padding-top: 0.3rem;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.code-mode-center-bottom {
    background: #00c5a7;
}
.code-mode-center-img {
    width: 1.23rem;
    height: 1.59rem;
    margin: -0.3rem 0 0.1rem 0.7rem;
}
.collaboration {
    display: flex;
    justify-content: space-between;
    width: 12.45rem;
    height: 3.39rem;
    margin:0 auto;
    margin-bottom: 1.38rem;
    position: relative;
}
    .collaboration > img {
        position: absolute;
        width: 11.1rem;
        left: 0.7rem;
        top: 0.5rem;
    }
.collaboration-left {
    top: 1rem;
    left: 0;
}
.collaboration-left,
.collaboration-center,
.collaboration-right {
    position: absolute;
    font-weight: 500;
    font-size: 0.24rem;
    color: #ffffff;
    width: 1.45rem;
    height: 2.38rem;
    background: #1671ff;
    border-radius: 0.12rem;
    border: 1px solid #97cafd;
    text-align: center;
    padding-top: 0.78rem;
    box-sizing: border-box;
}
    .collaboration-left img,
    .collaboration-center img,
    .collaboration-right img {
        display: inline-block !important;
    }
.collaboration-center {
    width: 4.71rem;
    top: 1rem;
    left: 3.9rem;
    padding-top: 0.38rem;
}
.collaboration-right {
    top: 1rem;
    right: 0;
}
.round-num {
    width: 0.23rem;
    height: 0.23rem;
    line-height: 0.23rem;
    background: #1671ff;
    border-radius: 50%;
    font-family: DIN;
    font-weight: bold;
    font-size: 0.16rem;
    color: #ffffff;
    text-align: center;
    margin-right: 0.08rem;
    position: absolute;
}
.rad1 {
    top: 3.1rem;
    left: 2.65rem;
}
.rad2 {
    top: 1.4rem;
    left: 2.65rem;
}
.rad3 {
    top: -0.2rem;
    left: 6.12rem;
}
.rad4 {
    top: 1.4rem;
    left: 9.55rem;
}
.rad5 {
    top: 3.1rem;
    left: 9.5rem;
}
.round-txt {
    font-size:.16rem;
    color:#000000;
    position:absolute;
}
.rad-txt1 {
    top: 2.75rem;
    left: 2.6rem;
}
.rad-txt2 {
    top: 1.75rem;
    left: 2.45rem;
}
.rad-txt3 {
    top: 0.15rem;
    left: 5.92rem;
}
.rad-txt4 {
    top: 1.75rem;
    left: 9.35rem;
}
.rad-txt5 {
    top: 2.75rem;
    left: 9.15rem;
}
.spirit img {
    width: 2.95rem;
    height: 3.68rem;
}
.left-sprite {
    width:2.85rem;
    height:3.58rem;
    border:solid .08rem #fff;
    border-radius:.2rem;
    overflow:hidden;
    background-color:#fff;
}
.left-sprite img {
    width:2.70rem;
    height:1.59rem;
    border-radius:.2rem;
}
.sprite-txt {
    width:2.70rem;
    line-height:0.4rem;
    margin-top:.3rem;
    font-weight:bold;
    text-align:center;
    font-size:.28rem;
    color:#1671ff;
}
.sprite-desc {
    width:2.70rem;
    margin-top:.1rem;
    line-height:0.3rem;
    text-align:center;
    font-size:.22rem;
    color:#505a69;
}
.spirit-center {
    background: url("../images/solutionIcon/spiritCenter.png") no-repeat;
    background-size: 100% auto;
    width: 9rem;
    height: 6.08rem;
    position: relative;
    margin-bottom: 0.7rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #7f7c7d;
    line-height: 0.2rem;
}
    .spirit-center span,
    .spirit-center img {
        position: absolute;
        height: 0.18rem;
    }
    .spirit-center img {
        width: 1.69rem;
    }
.spirit-img3,
.spirit-img4,
.spirit-img5 {
    width: 1.79rem;
}
.text1 {
    left: 1rem;
    top: 0.12rem;
}

.text2 {
    left: 1rem;
    top: 0.63rem;
}
.text3 {
    left: 0.3rem;
    top: 1.36rem;
}
.text4 {
    left: 0.27rem;
    top: 2.53rem;
}
.text5 {
    left: 0.58rem;
    top: 3.33rem;
}
.text6 {
    right: 0.85rem;
    top: 0.92rem;
}
.text7 {
    right: 1.2rem;
    top: 1.53rem;
}
.text8 {
    right: 1.2rem;
    top: 2.21rem;
}
.text9 {
    text-align: center;
    width: 6rem;
    left: 1.5rem;
    bottom: 2.16rem;
    font-weight: 500;
    font-size: 0.18rem;
    color: #1671ff;
    line-height: 0.24rem;
}
.spirit-img1 {
    left: 0.67rem;
    top: 1.84rem;
}
.spirit-img2 {
    right: 0.8rem;
    top: 1.88rem;
}
.spirit-img3 {
    left: 0.67rem;
    top: 0.37rem;
}
.spirit-img4 {
    right: 0.8rem;
    top: 1.21rem;
}
.spirit-img5 {
    left: 0.67rem;
    top: 2.82rem;
}
.spirit-img6 {
    left: 0.67rem;
    top: 3.06rem;
    width: 1.69rem;
    height: 0.18rem;
    overflow: hidden;
    position: absolute;
}
    .spirit-img6 img {
        animation: scrollLeft 2s linear infinite;
    }
.spirit-img7 {
    left: 0.67rem;
    top: .9rem;
    width: 1.69rem;
    height: 0.18rem;
    overflow: hidden;
    position: absolute;
}
    .spirit-img7 img {
        animation: scrollLeft 2s linear infinite;
    }
.spirit-img1,
.spirit-img2 {
    width: 1.69rem;
    height: 0.18rem;
    overflow: hidden;
}
    .spirit-img1 img,
    .spirit-img2 img {
        animation: scrollRight 2s linear infinite;
    }
@keyframes scrollLeft {
    0% {
        transform: translateX(1.69rem);
    }

    100% {
        transform: translateX(-1.69rem);
    }
}
@keyframes scrollRight {
    0% {
        transform: translateX(-1.69rem);
    }

    100% {
        transform: translateX(1.69rem);
    }
}
.industry {
    box-sizing: border-box;
    background: linear-gradient(90deg, #fafdff 1%, #eaf2ff 99%);
    position: relative;
    padding: 1.38rem 0;
}

.more-industries-top {
    display: flex;
    width: 14.8rem;
    margin: 0 auto;
    box-sizing: border-box;
}
.more-industries-top-left{
    width: 4.5rem;
    height: 1.03rem;
    font-size: 0.48rem;
    color: #494949;
    position: relative;
    line-height: 0.54rem;
}
    .more-industries-top-left::before {
        content: '';
        width: 0.84rem;
        height: 0.11rem;
        background: #446EF6;
        position: absolute;
        top: 1.60rem;
    }
.more-industries-top-right {
    background: url("../images/serviceSolution/moreIndustriesTopRigthBg.png") no-repeat center;
    background-size: 8.24rem 4.24rem;
    background-position: 0 0;
    width: 8.24rem;
    height: 4.24rem;
    margin-left: 2.2rem;
    position: relative;
    font-weight: 500;
    font-size: 0.24rem;
    color: #ffffff;
}
    .more-industries-top-right::before {
        content: '探索更广阔的行业蓝海';
        position: absolute;
        top: 0.1rem;
        left: 0.27rem;
    }
    .more-industries-top-right::after {
        content: '更多行业';
        position: absolute;
        top: 1.47rem;
        right: 0.35rem;
    }
.more-industries-bottom {
    margin:0 auto;
    display: flex;
    width: 14rem;
    flex-wrap: wrap;
}
.more-industries-bottom li{
    width: 1.4rem;
    height: 1rem;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 0.85rem;
    font-size: 0.2rem;
}
.more-industries-bottom li{
	width:20%;
	height: .89rem;
	margin-bottom: .8rem;
}
.more-industries-bottom li img{
    width: 0.89rem;
    margin: 0 auto;
	margin-bottom: 0.1rem;
}
industry-icon-div {
    width: 8.24rem;
    height: 4.24rem;
    background: url("../images/solutionIcon/industryIcon.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: calc(50% - 8.46rem);
    top: 0.8rem;
    font-weight: 500;
    font-size: 0.24rem;
    color: #ffffff;
}
    industry-icon-div > div {
        position: absolute;
        height: 0.55rem;
        line-height: 0.55rem;
        background-color: #446ef6;
        text-align: center;
        border-radius: 0.08rem;
    }

        industry-icon-div > div:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -0.1rem;
            width: 0;
            height: 0;
            border-left: 0.1rem solid transparent;
            border-right: 0.1rem solid transparent;
            border-top: 0.1rem solid #446ef6;
        }
    industry-icon-div div:first-child {
        left: 0.44rem;
        top: 0.4rem;
        width: 2.93rem;
    }
    industry-icon-div div:last-child {
        top: 1.78rem;
        right: 1.28rem;
        width: 1.54rem;
    }
.industry-title {
    font-weight: 500;
    font-size: 0.46rem;
    color: #494949;
    line-height: 0.57rem;
    margin-top: 0.5rem;
}
.blue-block {
    width: 0.84rem;
    height: 0.11rem;
    background: #446ef6;
    margin-top: 0.2rem;
    margin-bottom: 3.3rem;
}
.industry-list {
    font-weight: 500;
    font-size: 0.2rem;
    color: #545454;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.7rem;
}
.industry-item {
    width: 10.4rem;
}
    .industry-item img {
        margin-left: 0.92rem;
        width: 0.97rem;
        height: 0.89rem;
        margin-bottom: 0.1rem;
    }

.qr-div {
    width: 100%;
    height: 3.84rem;
    margin: 0 auto;
    background: linear-gradient(90deg, #6ee1ff 1%, #007fff 99%);
}
.qr-con {
    width: 9.55rem;
    margin: 0 auto;
}
.qr-left {
    width: 4.3rem;
    float: left;
    margin-top: 0.4rem;
}
.qr-right {
    width: 5.23rem;
    float: left;
    margin-top: 0.6rem;
}
.qr-title {
    font-size: 0.37rem;
    color: #fff;
    font-weight: 500;
}
.qr-right-con {
    width: 5.23rem;
    height: 1.85rem;
    float: left;
    background: url(../images/qrbj.png);
    background-size: 100%;
    margin-top: 0.2rem;
    margin-left: -0.2rem;
}
.qr-right-txt {
    font-size: 0.18rem;
    color: #000;
    float: left;
    padding-left: 0.75rem;
    padding-top: 0.25rem;
    line-height: 0.3rem;
}
    .qr-right-txt .txt {
        font-size: 0.16rem;
    }
.qr-right-btn {
    border-radius: 0.14rem;
    background: linear-gradient(93deg, #005cf3 1%, #549bfb 99%);
    width: 1.69rem;
    height: 0.5rem;
    font-size: 0.18rem;
    color: #fff;
    margin-top: 0.1rem;
    text-align: center;
    line-height: 0.5rem;
    cursor: pointer;
}
.qr-img {
    width: 1.47rem;
    float: left;
    margin-left: 0.6rem;
    margin-top: 0.2rem;
}
    .qr-img img {
        width: 1.46rem;
        height: 1.46rem;
    }
/* 公共类 */
.h57 {
    height: 0.57rem;
    line-height: 0.57rem;
}
.mt10 {
    margin-top: 0.1rem;
}
.f16 {
    font-size: 0.16rem;
}
.f18 {
    font-size: 0.18rem;
}
.gray {
    color: #7a7a7a;
}
.f20 {
    font-size: 0.2rem;
    color: #8d8d8d;
    line-height: 0.28rem;
}
.f22 {
    font-size: 0.22rem;
    font-weight: 500;
}
.f36 {
    font-size: 0.36rem;
    font-weight: bold;
}
.border-b {
    border-bottom: 1px solid #e4eeff;
}
.white {
    color: white;
}
.blue {
    color: #356fff;
}
.tc {
    text-align: center;
}
.blue-title {
    display: inline-block;
    padding: 0 0.4rem 0 0.4rem;
    height: 0.49rem;
    background: #356fff;
    border-radius: 0.12rem 0.24rem 0.24rem 0;
    font-weight: 500;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.49rem;
}
.content-title {
    font-weight: 500;
    font-size: 0.2rem;
    color: #525a68;
    line-height: 0.28rem;
    margin: 0.25rem 1.15rem 0.34rem 0.43rem;
}
.just-cc {
    justify-content: center;
}
.just-dd {
    justify-content: center;
}
.al-c {
    align-items: center;
}
.df {
    display: flex;
}
.w100 {
    width: 100%;
}