@media (max-width: 768px) {
  .mobile {
    display: block;
    overflow-x: hidden;
  }
  .pc {
    display: none !important;
  }
  .banner {
    position: relative;
    margin-top: 12.53vw;
    width: 100%;
    height: 41.2vw;
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/jjfa/banner-jjfa.png);
    background-position: center;
    background-size: cover;
  }
  .partner .banner {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/banner-hzhb.png);
  }
  .content-box {
    padding: 8vw 9.8vw 0 9.8vw;
    z-index: 2;
  }
  .radius-box {
    border-radius: 3.33vw 3.33vw 0 0;
    transform: translateY(-3vw);
    background-color: #fff;
    padding-bottom: 6vw;
  }
  .content-box .box-title {
    font-size: 3.73vw;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5.33vw;
  }

  .content-box .content-title.bg {
    height: 8.53vw;
    line-height: 8.53vw;
    padding-left: 4.27vw;
    color: #fff;
    background: linear-gradient(270deg, #28aa68, #3996be, #3071d1, #184ab9);
  }

  .content-box .pinyin {
    margin-left: 1vw;
    font-size: 1.87vw;
  }

  .content-pic {
    width: 100%;
    margin-top: 2.67vw;
    border-radius: 1.33vw 1.33vw 0 0;
  }

  .content-text {
    padding: 7vw 6.6vw;
    color: #666;
    font-size: 2.67vw;
    line-height: 6vw;
    background: #fbfdff;
    border: 1px solid #e8ecef;
    border-radius: 0px 0px 1.1vw 1.1vw;
  }

  .intro-box {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/jjfa/back.png);
    background-position: center;
    background-size: cover;
    padding-bottom: 10vw;
  }

  .sub-title {
    padding-top: 2.66vw;
    text-align: center;
    font-size: 3.73vw;
    line-height: 3.73vw;
    margin-bottom: 8vw;
    font-weight: 500;
  }

  .intro .item {
    margin-bottom: 8vw;
  }

  .intro-title {
    font-size: 2.93vw;
    margin-bottom: 3.86vw;
    line-height: 2.93vw;
    color: #000;
    font-weight: 500;
  }

  .intro-text {
    font-size: 2.667vw;
    line-height: 6vw;
    color: #666;
  }

  .intro-box img {
    width: 100%;
  }

  .value {
    padding-bottom: 13.33vw;
  }

  .value-box {
    margin-top: 5.33vw;
    background: linear-gradient(0deg, #fefeff, #edf1fb);
    border: 2px solid #ffffff;
    box-shadow: 0px 1vw 2.4vw 0px rgba(183, 197, 212, 0.35);
    opacity: 0.75;
    border-radius: 0.926vmin;
    padding: 7.06vw;
    box-sizing: border-box;
  }

  .value-title {
    font-size: 2.93vw;
    line-height: 2.93vw;
    margin-bottom: 3.86vw;
    font-weight: 600;
  }

  .value-text {
    font-size: 2.67vw;
    line-height: 5.33vw;
    color: #666;
    font-weight: 500;
  }

  .partner .banner-text {
    color: #fff;
    position: absolute;
    top: 14vw;
    right: 4vw;
    width: 54.8vw;
    font-size: 2.13vw;
    line-height: 3.46vw;
  }

  .partner .radius-box {
    padding: 5.33vw 0 0;
  }

  .tab-pane {
    height: 42.8vw;
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/1-001.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    box-sizing: border-box;
    padding-left: 6.67vw;
  }

  .tab-pane[rel="1"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }

  .tab-pane[rel="1"] .tab-title {
    color: #000;
    font-size: 3.86vw;
    margin-top: 7.33vw;
    line-height: 1;
    font-weight: 500;
  }

  .tab-pane[rel="1"] .tab-info {
    width: 34.67vw;
    margin-top: 3.6vw;
  }

  .tab-pane[rel="1"] .tab-btn {
    width: 24.26vw;
    height: 4vw;
    line-height: 4vw;
    margin-top: 3vmin;
    text-align: center;
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/1-001-button.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
    font-size: 1.6vw;
  }

  .tab-pane[rel="2"] {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/1-002.jpg);
    color: #fff;
    padding-top: 22.67vw;
  }

  .tab-pane[rel="2"] .tab-title {
    font-size: 3.848vw;
    line-height: 3.848vw;
  }

  .tab-pane[rel="2"] .tab-subTitle {
    font-size: 2.3vw;
    line-height: 2.3vw;
    margin-top: 1.6vw;
    font-weight: bold;
  }

  .tab-pane[rel="2"] .tab-text {
    font-size: 1.6vw;
    margin-top: 1.2vw;
  }

  .tab-pane[rel="3"] {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/1-003.jpg);
    color: #fff;
    padding-top: 15.06vw;
  }

  .tab-pane[rel="3"] .tab-title {
    font-size: 3.848vw;
    line-height: 3.848vw;
  }

  .tab-pane[rel="3"] .tab-subTitle {
    font-size: 2.3vw;
    line-height: 2.3vw;
    margin-top: 1.6vw;
    font-weight: bold;
  }

  .tab-pane[rel="3"] .tab-text {
    font-size: 1.6vw;
    margin-top: 1.2vw;
  }

  .tab-pane[rel="4"] {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/1-004.jpg);
    color: #fff;
    padding-top: 15.06vw;
  }

  .tab-pane[rel="4"] .tab-title {
    font-size: 3.848vw;
    line-height: 3.848vw;
  }

  .tab-pane[rel="4"] .tab-text {
    font-size: 1.6vw;
    margin-top: 3.47vw;
  }

  .tab-pane[rel="5"] {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/1-005.jpg);
    padding-top: 13.06vw;
    color: #000;
  }

  .tab-pane[rel="5"] .tab-title {
    font-size: 3.848vw;
    line-height: 3.848vw;
  }

  .tab-pane[rel="5"] .tab-text {
    font-size: 1.6vw;
    margin-top: 3.47vw;
  }

  .tab-pane p {
    margin: 0;
    line-height: 1.33;
  }

  .content-box.content-type {
    padding-top: 5vw;
    padding-bottom: 4vw;
  }

  .partner .type {
    margin-bottom: 8vw;
  }

  .type-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    height: 16vw;
    line-height: 16vw;
    padding-left: 5.2vw;
    border-radius: 2.667vw;
    color: #fff;
    margin-bottom: 2.667vw;
  }

  .type-box.active {
    height: 48.27vw;
    padding: 5.47vw;
    padding-bottom: 4vw;
    border-radius: 0;
  }

  .type-box .type-title {
    font-size: 4.26vw;
    font-weight: bold;
  }

  .type-box.active .type-title {
    text-align: center;
    line-height: 1;
  }

  .type-box .type-text {
    display: none;
  }

  .type-box.active .type-text {
    text-align: center;
    font-size: 2.4vw;
    display: block;
    line-height: 1.55;
  }

  .type-box {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/2-1.jpg);
    background-position: bottom;
    background-size: cover;
  }
  .type-box.box2 {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/2-2.jpg);
  }
  .type-box.box3 {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/2-3.jpg);
  }
  .type-box.box4 {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/2-4.jpg);
  }

  .partners {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5.33vw;
    row-gap: 2.67vw;
  }

  .partners .partner-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25.2vw;
    height: 25.2vw;
    border: 2px solid #e8e8e8;
    box-sizing: border-box;
  }

  .partner-box img {
    max-width: 100%;
  }

  .content-box.contactUs {
    background: #f3f5f8;
    padding-bottom: 8vw;
  }

  .becomePart {
    position: relative;
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/hzhb/4.png);
    background-position: center;
    background-size: cover;
    height: 104vw;
    margin-top: 9.2vw;
  }

  .step1 {
    position: absolute;
    top: 7.33vw;
    left: 32.67vw;
  }

  .step2 {
    position: absolute;
    top: 34vw;
    left: 32.67vw;
  }

  .step3 {
    position: absolute;
    top: 62.67vw;
    left: 32.67vw;
  }

  .step4 {
    position: absolute;
    top: 86.5vw;
    left: 32.67vw;
  }

  .step-title {
    font-size: 4vw;
    color: #041432;
    line-height: 1;
    margin-bottom: 2.93vw;
    font-weight: bold;
  }

  .step-text {
    font-size: 2.67vw;
    line-height: 2.67vw;
    color: #404040;
  }

  .newslist .banner {
    position: relative;
    background-image: url(https://qiniu.qaserv.com/res/images/news/gsback.jpg);
  }

  .huodong .banner {
    position: relative;
    background-image: url(https://qiniu.qaserv.com/res/images/news/xwback.jpg);
  }

  .newslist .banner img {
    position: absolute;
    top: 15.06vw;
    left: 10.8vw;
    width: 22.4vw;
  }

  .newslist .tab {
    display: flex;
    justify-content: center;
    column-gap: 22.13vw;
  }

  .newslist .tab a {
    display: block;
    font-size: 4vw;
    text-align: center;
    color: #5a5959;
    line-height: 1;
    padding-bottom: 1.73vw;
    position: relative;
  }

  .newslist .tab a.current {
    color: #000;
  }

  .newslist .tab .current::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 1.6vw);
    width: 3.6vw;
    height: 0.8vw;
    background-image: url(https://qiniu.qaserv.com/res/images/common/menu-active.png);
    background-size: cover;
    border-radius: 0.4vw;
  }

  .newslist .content-box {
    padding: 8vw 2.8vw 8vw;
  }

  .newslist .line {
    width: 94.5vw;
    height: 4vw;
    border-radius: 1.6vw 1.6vw 0 0;
    background-color: #e1e6ed;
    margin-top: 3vw;
  }

  .news-content {
    padding: 0 2vw 2vw;
    display: flex;
    flex-wrap: wrap;
    row-gap: 4vw;
    justify-content: space-between;
  }

  .news-content .news {
    width: 42.67vw;
    padding-bottom: 2vw;
    border-bottom: 1px solid #dce0e8;
  }

  .news img {
    width: 100%;
    height: 32vw;
    border-radius: 1.6vw;
    color: #2f2f2f;
  }

  .news .news-time {
    margin-top: 3.2vw;
    margin-bottom: 2.53vw;
    font-size: 3.33vw;
    line-height: 1;
    font-weight: bold;
  }

  .news .news-title {
    font-size: 4vw;
    line-height: 6.67vw;
    height: 20vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    word-break: break-all;
    -webkit-box-orient: vertical;
  }

  .news-detail {
    margin-top: 12.53vw;
    padding: 8.27vw 12.93vw 21.6vw 10vw;
  }

  .news-detail .back {
    width: 100%;
    display: flex;
    justify-content: right;
    font-size: 3.47vw;
    background: linear-gradient(
      0deg,
      #1fad49 0%,
      #1772cd 47.16796875%,
      #0da8e7 98.291015625%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 6.93vw;
  }

  .news-detail .news-title {
    font-size: 5.33vw;
    line-height: 5.73vw;
    font-weight: 500;
    margin-bottom: 5.33vw;
  }

  .news-detail .news-time {
    font-size: 2.67vw;
    line-height: 3.73vw;
  }

  .news-detail .news-view {
    color: #5a5959;
    font-size: 2.67vw;
    margin-bottom: 10vw;
  }
  
  .newsContent {
    max-width: 100%;
    height: auto;
    text-align: center; 
    font-size: 4vw;
  }
  
  .newsContent img {
    max-width: 100% !important;
    height: auto !important;
  }

  .job-detail {
    padding-bottom: 4vw;
  }

  .job-detail .job-title {
    font-size: 3.73vw;
    line-height: 1;
    color: #0052d9;
    font-weight: bold;
    margin-bottom: 5.33vw;
  }

  .job-detail .job-title:nth-of-type(3) {
    margin-top: 8vw;
  }

  .job-detail .job-text {
    font-size: 3.2vw;
    color: #000;
    line-height: 6vw;
  }

  .formMember {
    padding: 8vw 0;
    width: 100vw;
    background: #f3f5f8;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }

  .form .name {
    text-align: center;
    font-weight: bold;
    font-size: 3.73vw;
    line-height: 1;
    margin-bottom: 5.33vw;
  }

  #Form {
    box-sizing: border-box;
    background-color: #fff;
    width: 80vw;
    padding: 8vw 6vw;
  }

  #Form .title {
    text-align: center;
    font-size: 2.93vw;
    line-height: 1;
    font-weight: 400;
  }

  #Form .attr p {
    font-size: 2.4vw;
    line-height: 1;
    margin: 4.67vw 0 2.4vw;
  }

  .form .attr input {
    width: 100%;
    border: none;
    height: 7.73vw;
    padding: 0 1vmin;
    border: 1px solid #ebedef;
    border-radius: 0.7vw;
  }

  .form .attr textarea {
    min-height: 15vw;
    padding: 1vmin;
    width: 100%;
    border: 1px solid #ebedef;
    border-radius: 0.7vw;
  }

  .formMember .form .item input::placeholder {
    color: #999999;
  }

  .form-action {
    display: flex;
    justify-content: center;
  }

  .form-btn {
    width: 26.67vw;
    height: 6.13vw;
    margin-top: 6.67vw;
    line-height: 6.13vw;
    color: #fff;
    text-align: center;
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/jfwm/button.png);
    background-position: center;
    background-size: cover;
  }

  .news-detail.job {
    padding-bottom: 0;
  }

  .join .banner {
    background-image: url(https://qiniu.qaserv.com/res/images/mobile/jfwm/banner-jrwm.png);
  }

  .job-tabs {
    display: flex;
    align-items: center;
    padding-top: 2.53vw;
    padding-left: 6vw;
    height: 3.2vw;
  }

  .tabs {
    display: flex;
    align-items: center;
    height: 3.2vw;
    column-gap: 5vw;
  }

  .job-title {
    font-size: 3.2vw;
    font-weight: bold;
  }

  .job-title.active {
    color: #0052d9;
  }

  .job-tabs .right {
    width: 2.5vw;
    margin-left: 5vw;
  }

  .job-tabs .left {
    width: 2.5vw;
    margin-right: 3vw;
    transform: rotate(180deg);
  }

  .job-pane {
    margin-top: 6vw;
    display: none;
  }
  
  .job-pane.active {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2vw;
    row-gap: 4vw;
  }

  .job-item {
    box-sizing: border-box;
    font-size: 2.93vw;
    width: 29.6vw;
    height: 13.3vw;
    line-height: 13.3vw;
    text-align: center;
    background: linear-gradient(0deg, #f3fbff, #e6efff, #f8f9fd);
    box-shadow: 0px 0px 6px 0px #e5eaef;
    border-radius: 1.33vw;
    border: 1px solid;
    border-image: linear-gradient(0deg, #c4d3e6, #0d81ff, #c3d3e7) 1 1;
  }

  .join .radius-box {
    padding-bottom: 8vw;
  }

  .join .join-box {
    padding-left: 9.8vw;
    padding-right: 9.8vw;
  }

  .join-msg {
    font-size: 3.73vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
  }

  .msg-content {
    display: flex;
    flex-direction: column;
  }

  .msg-box {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.73vw;
    border-radius: 2.67vw;
    width: 80.93vw;
    height: 19.73vw;
  }

  .msg-box::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 2.66vw;
    background: linear-gradient(
      -30deg,
      rgba(31, 173, 73, 0.8),
      rgba(0, 105, 244, 0.8),
      rgba(14, 182, 243, 0.8)
    );
    z-index: 2;
  }

  .msg-box .content {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: right;
    position: relative;
    width: 80vw;
    height: 19.3vw;
    background: rgba(255, 255, 255, 1);
    border-radius: 2.66vw;
    z-index: 3;
  }

  .msg-box img {
    width: 15.2vw;
    margin-left: 11.33vw;
    margin-right: 12.4vw;
    margin-top: 2vw;
  }

  .msg-title {
    font-size: 4vw;
    color: #041432;
    line-height: 1;
    margin-bottom: 1.5vw;
    font-weight: bold;
  }

  .msg-text {
    font-size: 2.13vw;
    line-height: 1.5;
    padding-right: 3vw;
  }

  .content img {
    position: absolute;
    left: 0;
  }

  .content .flexH {
    position: absolute;
    top: 3.87vw;
    right: 0;
    width: 42vw;
  }
}

@media (min-width: 769px) {
  .mobile {
    display: none;
  }

  .pc {
    display: block;
  }
  header.index {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
  }

  .mainTitle {
    height: 41.3vmin;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    background-color: #000;
    margin-top: 7.77778vmin;
  }
  .banner {
    margin-top: 7.77778vmin;
  }

  .mainTitle.sthz {
    background-image: url(./images/shengtai/Br.jpg);
    height: 4.46rem;
  }

  .mainTitle.sthz .mainW {
    position: relative;
    background-image: url(./images/shengtai/SHENG-TAI-HE-ZUO.png);
    background-position: 2.08rem 1.21rem;
    background-repeat: no-repeat;
    background-size: auto 0.9rem;
    height: 100%;
  }

  .mainTitle.sthz .mainW p {
    color: #fff;
    font-size: 0.16rem;
    line-height: 160%;
    position: absolute;
    left: 2.18rem;
    top: 2.2rem;
    width: 3.6rem;
  }

  .mainTitle.szls {
    background-image: url(./images/luansheng/back.jpg);
  }

  .mainW {
    width: 12rem;
    margin-left: auto;
    margin-right: auto;
  }

  .pagePart {
    padding: 0.48rem;
    background-color: #fff;
  }

  .pagePart.gray {
    background-color: #f3f5f8;
  }

  .pagePart .mainW > h1 {
    font-size: 0.32rem;
    line-height: 120%;
    margin-bottom: 0.32rem;
    font-weight: normal;
    text-align: center;
  }

  .pagePart .partpic {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 6.75rem;
  }

  .pagePart .partpic.p01 {
    background-image: url(./images/shengtai/01.jpg);
  }

  .pagePart .partpic.p02 {
    background-image: url(./images/shengtai/02.jpg);
  }

  .pagePart .partpic.p03 {
    background-image: url(./images/shengtai/03.jpg);
  }

  .pagePart .partpic.p04 {
    background-image: url(./images/shengtai/04.jpg);
  }

  .pagePart .partpic.p05 {
    background-image: url(./images/shengtai/05.jpg);
  }

  .pagePart .partpic .content {
    position: absolute;
    left: 0.9rem;
    top: 2.5rem;
  }

  .white {
    color: #fff;
  }

  .pagePart .partpic .content > h1 {
    font-size: 0.36rem;
    line-height: 120%;
    margin: 0;
    margin-bottom: 0.24rem;
  }

  .pagePart .partpic .content > a {
    display: block;
    width: 3.79rem;
    height: 0.4rem;
    text-align: center;
    color: #fff;
    font-size: 0.16rem;
    line-height: 0.4rem;
    background-image: url(./images/shengtai/butbk.png);
    background-repeat: no-repeat;
    background-position: center center;
  }

  .pagePart .partpic .content > a:hover {
    color: #ffefde;
    background-image: url(./images/shengtai/butbkhover.png);
  }

  .pagePart .partpic .content > p {
    font-size: 0.16rem;
    line-height: 160%;
    margin: 0;
  }

  .picRows {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .picRows .pic {
    flex: 0 0 auto;
    width: 2.85rem;
    height: 2.71rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 0.3rem;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
    box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0);
    transition: all 0.3s;
  }

  .picRows .pic:hover {
    box-shadow: 0.08rem 0.08rem 0.16rem rgba(0, 0, 0, 0.5);
    transform: translate(0.04rem, 0.04rem);
  }

  .picRows .pic h1 {
    font-size: 0.22rem;
    margin: 0;
  }

  .picRows .pic p {
    font-size: 0.16rem;
    margin: 0;
  }

  .picRows .pic.pa01 {
    width: 5.9rem;
    background-image: url(./images/luansheng/01.jpg);
  }

  .picRows .pic.pa02 {
    background-image: url(./images/luansheng/02.jpg);
  }

  .picRows .pic.pa03 {
    background-image: url(./images/luansheng/03.jpg);
  }

  .picRows .pic.pa04 {
    background-image: url(./images/luansheng/04.jpg);
  }

  .picRows .pic.pa05 {
    background-image: url(./images/luansheng/05.jpg);
  }

  .picRows .pic.pa06 {
    background-image: url(./images/luansheng/06.jpg);
  }

  .picRows .pic.pa07 {
    background-image: url(./images/luansheng/07.jpg);
  }

  .iconRow {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .iconRow > .content {
    flex: 0 0 auto;
    width: 2.68rem;
    height: 3.6rem;
  }

  .iconRow > .content:before {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-bottom: 0.64rem;
    margin-top: 0.32rem;
  }

  .iconRow > .content.i01:before {
    background-image: url(./images/luansheng/i1.png);
  }

  .iconRow > .content.i02:before {
    background-image: url(./images/luansheng/i2.png);
  }

  .iconRow > .content.i03:before {
    background-image: url(./images/luansheng/i3.png);
  }

  .iconRow > .content.i04:before {
    background-image: url(./images/luansheng/i4.png);
  }

  .iconRow > .content.i05:before {
    background-image: url(./images/zhongtai/icon-1.png);
  }

  .iconRow > .content.i06:before {
    background-image: url(./images/zhongtai/icon-2.png);
  }

  .iconRow > .content.i07:before {
    background-image: url(./images/zhongtai/icon-3.png);
  }

  .iconRow > .content.i08:before {
    background-image: url(./images/zhongtai/icon-4.png);
  }

  .iconRow > .content h1 {
    font-size: 0.16rem;
    margin: 0;
    margin-bottom: 0.2rem;
    text-align: center;
  }

  .iconRow > .content p {
    font-size: 0.14rem;
    color: #3d485d;
    line-height: 0.24rem;
  }

  .videoBox {
    background-image: url(./images/index/4/back.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0.3rem;
    display: flex;
    flex-flow: column;
    align-items: stretch;
  }

  .videoMenu {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-bottom: 0.24rem;
  }

  .videoMenu a {
    display: block;
    flex: 1 1 auto;
    height: 0.44rem;
    line-height: 0.32rem;
    font-size: 0.14rem;
    text-align: center;
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./images/luansheng/bt01.png);
  }

  .videoMenu a.current,
  .videoMenu a:hover {
    background-image: url(./images/luansheng/bt02.png);
  }

  .videoContainer {
    height: 6.96rem;
    position: relative;
  }

  .videoContainer::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 7.2vmin;
    min-height: 7.2vmin;
    transform: translate(-50%, -50%);
    z-index: 99;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./images/index/play.png);
  }

  .videoContainer.playing::after {
    content: none;
  }

  .banner.sjzt {
    background-image: url(./images/zhongtai/banner.jpg);
  }

  .pagePart.nljgbk {
    background-image: url(./images/zhongtai/back1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
  }

  .pagePart.ywnlbk {
    background-image: url(./images/zhongtai/back2.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .partpic.p11 {
    background-image: url(./images/zhongtai/001.png);
    background-size: contain;
  }

  .ywtitle {
    color: #fff;
    margin-bottom: 0.3rem;
  }

  .ywtitle h1 {
    margin: 0;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }

  .ywtitle p {
    margin: 0;
    font-size: 0.16rem;
    line-height: 0.24rem;
  }

  .ywnlcontent {
    align-items: stretch;
  }

  .ywnlcontent .content {
    display: none;
  }

  .ywnlcontent .content.current {
    display: block;
  }

  .ywnlcontent ul {
    padding: 0;
    margin: 0;
    border-left: solid 0.01rem #fff;
  }

  .ywnlcontent ul li {
    color: #fff;
    font-size: 0.2rem;
    font-weight: bold;
    width: 2.6rem;
    height: 0.56rem;
    line-height: 0.56rem;
    padding-left: 0.32rem;
    border-left: solid 0.05rem transparent;
    cursor: default;
  }

  .ywnlcontent ul li:hover,
  .ywnlcontent ul li.current {
    background-image: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.5),
      transparent
    );
    border-left: solid 0.05rem #fff;
  }

  .ywnlcontent > div {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0.16rem 0 0 0.16rem;
    padding-top: 0.64rem;
    padding-left: 1.28rem;
    padding-right: 1.28rem;
    box-sizing: border-box;
  }

  .ywnlcontent > div h1 {
    font-size: 0.28rem;
    line-height: 0.32rem;
    margin-bottom: 0.4rem;
    font-weight: normal;
    color: #000;
  }

  .ywnlcontent > div p {
    margin: 0;
    color: #3d485d;
    font-size: 0.18rem;
    line-height: 150%;
  }

  .ywnlcontent .radiobut {
    margin-top: 0.54rem;
  }

  .ywnlcontent .radiobut li {
    padding-left: 0.48rem;
    font-size: 0.18rem;
    line-height: 0.51rem;
    content: "";
    width: 2.38rem;
    height: 0.51rem;
    display: inline-block;
    margin-right: 0.08rem;
    background-position: left 0.02rem;
    background-image: url(./images/zhongtai/icon.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
  }

  .newsList,
  .partner,
  .solution,
  .list,
  .join {
    padding-top: 3.67rem;
    background-color: #f3f5f8;
    position: relative;
    padding-bottom: 0.36rem;
    margin-top: 7.77778vmin;
  }

  .newsList::before,
  .partner::before,
  .solution::before,
  .list::before,
  .join::before {
    height: 4.18rem;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(./images/news/gsback.jpg);
  }

  .newsList.hyxw::before {
    background-image: url(./images/news/xwback.jpg);
  }

  .newsList > div,.list > div {
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 0 0.15rem rgba(197, 205, 215, 0.35);
    padding: 0.01rem;
    position: relative;
    background-position: center 0.66rem;
    background-image: url(./images/news/backbar.png);
    background-repeat: repeat-x;
  }

  .newsList .tab,.list .tab {
    align-items: flex-end;
    padding-top: 0.16rem;
    padding-left: 0.1rem;
  }

  .newsList .tab a,.list .tab a {
    display: block;
    font-size: 0.18rem;
    line-height: 0.5rem;
    width: 1.71rem;
    height: 0.5rem;
    text-align: center;
  }

  .newsList .tab a.current,.list .tab a.current {
    color: #0052d9;
    background-image: url(./images/news/rbar.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .newsList .address,.list .address {
    text-align: right;
    padding: 0.24rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
  }

  .newsList .address.detail,.list .address.detail {
    text-align: left;
  }

  .newsList .bg-title,
  .partner .bg-title,
  .list .bg-title
  {
    position: absolute;
    top: 12.03vh;
    left: 15.88vw;
    z-index: 2;
  }

  .partner .bg-text {
    box-sizing: border-box;
    position: absolute;
    top: 20.3vh;
    left: 14.32vw;
    background: rgba(0, 0, 0, 0.5);
    width: 26.09vw;
    height: 10.83vh;
    padding: 1.85vmin 2.77vmin;
    font-size: 1.48vmin;
    color: #fff;
    line-height: 2.4vmin;
  }

  .newsContent {
    min-height: 45vh;
  }

  .newsContent p {
    font-size: 0.16rem;
    line-height: 0.24rem;
    margin-top: 0.24rem;
    margin-bottom: 0.24rem;
    text-indent: 2em;
  }

  .newsContent img {
    max-width: 100%;
    height: auto;
  }

  .newsList .address > a,.list .address > a {
    display: inline-block;
    margin-right: 0.08rem;
    padding-right: 0.16rem;
    background-image: url(./images/news/arrow.png);
    background-position: right 0.06rem;
    background-size: auto 0.1rem;
    background-repeat: no-repeat;
  }

  .newsList .address > a:nth-last-child(1),.list .address > a:nth-last-child(1) {
    background-image: none;
  }

  .newsList ul, .list .news-content {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: 0 0.54rem;
  }

  .newsList li, .list .news-box {
    width: 33.33%;
    flex: 0 0 auto;
    display: flex;
    flex-flow: column;
    font-size: 1.8vmin;
    line-height: 160%;
    padding: 0.36rem;
    padding-top: 0;
    box-sizing: border-box;
  }

  .newsList picture, .list picture{
    display: block;
    overflow: hidden;
    border-radius: 0.16rem;
    height: 2.35rem;
  }

  .newsList picture img,.list picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .newsList li h4,.list li h4 {
    font-size: 0.14rem;
    line-height: 160%;
    margin-top: 0.08rem;
    margin-bottom: 0.08rem;
  }

  .newsList li p,.list li p {
    line-height: 0.24rem;
    overflow: hidden;
    max-lines: 3;
    line-clamp: 3;
    margin: 0;
  }

  .pagePart h1.partTitle {
    font-size: 0.32rem;
    line-height: 120%;
    margin: 0;
    margin-bottom: 0.32rem;
    font-weight: normal;
    text-align: center;
  }

  .pagePart .partMenu {
    height: 0.48rem;
    line-height: 0.48rem;
    background-color: #fff;
    border-top: solid 0.01rem #e5e6e6;
    border-bottom: solid 0.01rem #e5e6e6;
    margin-left: -0.48rem;
    margin-right: -0.48rem;
  }

  .partMenu .mainW {
    margin-top: -0.01rem;
  }

  .pagePart .partMenu a {
    font-size: 0.18rem;
    width: 2.4rem;
    align-items: center;
    text-align: center;
  }

  .pagePart .partMenu a.current,
  .pagePart .partMenu a:hover {
    background-color: #000;
    color: #fff;
    margin-bottom: -0.01rem;
  }

  .sthzPart {
    position: relative;
    height: 6.57rem;
  }

  .sthzPart1 {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
  }

  .sthzPart1.current {
    z-index: 3;
    opacity: 1;
  }

  .sthzPart1.p01 {
    background-image: url(./images/shengtai/01.jpg);
  }

  .sthzPart1.p02 {
    background-image: url(./images/shengtai/02.jpg);
  }

  .sthzPart1.p03 {
    background-image: url(./images/shengtai/03.jpg);
  }

  .sthzPart1.p04 {
    background-image: url(./images/shengtai/04.jpg);
  }

  .sthzPart1.p05 {
    background-image: url(./images/shengtai/05.jpg);
  }

  .sthzPart1 .content {
    position: absolute;
    left: 0.94rem;
    top: 1.4rem;
  }

  .sthzPart1 .content h1 {
    font-size: 0.54rem;
    margin: 0;
    line-height: 120%;
    margin-bottom: 0.4rem;
    font-weight: normal;
  }

  .sthzPart1 .content h2 {
    font-size: 0.32rem;
    margin: 0;
    line-height: 120%;
    margin-bottom: 0.2rem;
  }

  .sthzPart1 .content p {
    font-size: 0.16rem;
    margin: 0;
    line-height: 160%;
  }

  .sthzPart1 .content > a {
    display: block;
    width: 3.79rem;
    height: 0.4rem;
    text-align: center;
    color: #fff;
    font-size: 0.16rem;
    line-height: 0.4rem;
    background-image: url(./images/shengtai/butbk.png);
    background-repeat: no-repeat;
    background-position: center center;
  }

  .sthzPart1 .content > a:hover {
    color: #ffefde;
    background-image: url(./images/shengtai/butbkhover.png);
  }

  .accwraper {
  }

  .accwraper .accpart {
    flex: 0 0 auto;
    width: 4rem;
    height: 6rem;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    padding: 0.3rem;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }

  .accwraper .accpart h1 {
    margin-top: 0.69rem;
    margin-bottom: 0.3rem;
    font-size: 0.24rem;
    font-weight: bold;
  }

  .accwraper .accpart p {
    font-size: 0.16rem;
    line-height: 160%;
    margin: 0;
    margin-top: 0.05rem;
    margin-bottom: 0.05rem;
  }

  .accwraper .accpart p strong:before {
    content: "";
    margin-right: 0.08rem;
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 100%;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
  }

  .accwraper .accpart .hover,
  .type-box .card .hover {
    display: none;
    box-sizing: border-box;
    padding-left: 4.26vmin;
  }

  .accwraper .accpart .hover h1,
  .type-box .card .hover h1 {
    font-size: 2.778vmin;
  }

  .accwraper .accpart .hover p,
  .type-box .card .hover p {
    font-size: 1.85vmin;
  }
  .accwraper .accpart .hover p strong,
  .type-box .card .hover p strong {
    font-weight: normal;
    line-height: 3.33vmin;
  }
  .accwraper .accpart .hover p:nth-of-type(1),
  .type-box .card .hover p:nth-last-of-type(1) {
    font-size: 2.22vmin;
    margin-bottom: 2.59vmin;
  }

  .accwraper .accpart:hover .hover,
  .type-box .card:hover .hover {
    display: flex;
    flex-flow: column;
  }

  .accwraper .accpart .hover a,
  .type-box .card .hover a {
    display: block;
    height: 3.7vmin;
    line-height: 3.7vmin;
    font-size: 1.48vmin;
    text-align: center;
    border: solid 0.01rem #fff;
    margin-top: 2.778vmin;
    background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0.8) 10%,
      transparent,
      transparent
    );
  }

  .accwraper .accpart .hover a:hover,
  .type-box .card .hover a:hover {
    background-image: linear-gradient(
      to bottom,
      rgba(255, 125, 0, 0.8),
      rgba(255, 125, 0, 0.8) 20%,
      transparent
    );
  }

  .accwraper .accpart.pic01 {
    background-image: url(./images/shengtai/2-1.jpg);
  }

  .accwraper .accpart.pic02 {
    background-image: url(./images/shengtai/2-2.jpg);
  }

  .accwraper .accpart.pic03 {
    background-image: url(./images/shengtai/2-3.jpg);
  }

  .accwraper .hover,
  .card .hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background-color: #2774e8;
    color: #fff;
    padding: 2.778vmin;
  }

  .accwraper .hover h1,
  .card .hover h1 {
    font-size: 2.59vmin;
    line-height: 2.96vmin;
  }

  .becomePart {
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    height: 18.125vw;
    width: 81.25vw;
    margin-top: 8.333vmin;
    background-image: url(./images/partner/step_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .becomePart ul {
    position: relative;
    padding: 0;
    margin: 0;
    display: flex;
    /* justify-content: space-between; */
    z-index: 3;
    column-gap: 2.125vw;
  }

  .becomePart li {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    align-items: center;
    width: 18.54vw;
    height: 17.1875vw;
  }

  .becomePart li h1 {
    color: #fff;
    text-shadow: 0.02rem 0.02rem 0.03rem #4d6fb7;
    font-size: 2.59vmin;
    line-height: 2.96vmin;
    text-align: center;
    font-weight: normal;
    margin: 0;
  }

  .becomePart li h1:after {
    content: attr(rev);
    font-size: 2.778vmin;
    line-height: 2.96vmin;
    display: inline-block;
    margin-left: 0.12rem;
  }

  .becomePart li i {
    width: 6.29vmin;
    height: 6.29vmin;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
    display: block;
    flex: 0 0 auto;
    margin-top: 7vw;
    background-image: url(./images/partner/step1.png);
  }

  .becomePart li i.i02 {
    background-image: url(./images/partner/step2.png);
  }

  .becomePart li i.i03 {
    background-image: url(./images/partner/step3.png);
  }

  .becomePart li i.i04 {
    background-image: url(./images/partner/step4.png);
  }

  .becomePart li p strong {
    font-size: 0.9375vmax;
    color: #222;
    display: block;
    text-align: center;
    margin-bottom: 0.37vmin;
  }

  .becomePart li p {
    text-align: center;
    flex: 0 0 auto;
    font-size: 0.83vmax;
    color: #74839d;
    line-height: 160%;
  }

  .newsTitle {
    font-size: 0.32rem;
    line-height: 160%;
    text-align: center;
    font-weight: normal;
    margin: 0.42rem;
  }

  .newsPost {
    text-align: center;
    background-image: linear-gradient(to right, #fff, #fcf0e5, #fcf0e5, #fff);
    border-image: linear-gradient(90deg, #fff, #fce5d3, #fce5d3, #fff) 40 / 1px
      1px stretch;
    line-height: 0.24rem;
    font-size: 0.14rem;
    color: #b35341;
    margin-left: 0.12rem;
    margin-right: 0.12rem;
  }

  .newsContent {
    margin: 0.36rem;
    margin-left: 0.96rem;
    margin-right: 0.96rem;
  }

  .fastLink {
    margin: 0.64rem;
    margin-left: 0.96rem;
    margin-right: 0.96rem;
  }

  .fastLink a {
    font-size: 0.16rem;
    line-height: 0.24rem;
    display: block;
  }

  .fastLink a[rel]:before {
    content: attr(rel) " :";
    display: inline-block;
    margin-right: 0.08rem;
  }

  .newsList ul.dreamer-prevnext {
    display: block;
  }

  .newsList ul.dreamer-prevnext li {
    width: auto;
    font-size: 0.16rem;
    line-height: 0.24rem;
    display: flex;
    flex-flow: row;
    margin: 0;
  }

  .partner {
    padding-top: 4.2rem;
  }

  .partner::before {
    background-image: url(./images/partner/partner.jpg);
  }

  .partner-content {
    box-sizing: border-box;
    padding-top: 6.389vh;
    padding-left: 9.375vw;
    padding-right: 9.375vw;
  }

  .partner .part1 {
    height: 83.8vmin;
    padding-bottom: 3.7vmin;
  }

  .partner-content .part-title {
    font-size: 2.59vmin;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #000000;
    line-height: 2.59vmin;
    text-align: center;
  }

  .part1 .tab-box {
    height: 66.85vmin;
    margin-top: 3.7vmin;
  }

  .tab-box .tabs {
    display: flex;
    height: 5.09vmin;
  }

  .tabs .tab {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.85vmin;
    background-color: #fff;
    cursor: pointer;
  }

  .tabs .tab.active {
    color: #fff;
    background-image: url(./images/partner/tab_active.png);
    background-size: cover;
    background-position: center;
  }

  .tabs .tab::before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 2.13vmin;
    background-color: #f3f5f8;
  }

  .tabs .tab:first-of-type::before {
    display: none;
  }

  .tabs .active::before {
    display: none;
  }

  .tab-box .tab-content {
    height: 61.76vmin;
  }

  .tab-pane {
    display: none;
    height: 100%;
    background-image: url(./images/partner/tab1.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    box-sizing: border-box;
  }

  .tab-pane[rel="1"].active {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .tab-pane[rel="1"] .tab-title {
    color: #000;
    font-size: 5.55vmin;
    margin-top: 10.65vmin;
    line-height: 1;
  }

  .tab-pane[rel="1"] .tab-info {
    width: 34.63vmin;
    margin-top: 6.48vmin;
  }

  .tab-pane[rel="1"] .tab-btn {
    width: 34.63vmin;
    height: 3.7vmin;
    line-height: 3.7vmin;
    margin-top: 3.7vmin;
    text-align: center;
    background-image: url(https://qiniu.qaserv.com/res/images/partner/btn.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
    font-size: 1.3vmin;
  }

  .tab-pane.active {
    display: block;
  }

  .tab-pane[rel="2"] {
    background-image: url(./images/partner/tab2.jpg);
    color: #fff;
    padding-left: 10vmin;
    padding-top: 32vmin;
  }

  .tab-pane[rel="2"] .tab-title {
    font-size: 5.55vmin;
    line-height: 5.55vmin;
  }

  .tab-pane[rel="2"] .tab-subTitle {
    font-size: 3.2vmin;
    line-height: 3.2vmin;
    margin-top: 2vmin;
  }

  .tab-pane[rel="2"] .tab-text {
    font-size: 1.4vmin;
    margin-top: 2vmin;
  }

  .tab-pane[rel="3"] {
    background-image: url(./images/partner/tab3.jpg);
    color: #fff;
    padding-left: 10vmin;
    padding-top: 22vmin;
  }

  .tab-pane[rel="3"] .tab-title {
    font-size: 5.55vmin;
    line-height: 5.55vmin;
  }

  .tab-pane[rel="3"] .tab-subTitle {
    font-size: 3.2vmin;
    line-height: 3.2vmin;
    margin-top: 2vmin;
  }

  .tab-pane[rel="3"] .tab-text {
    font-size: 1.4vmin;
    margin-top: 2vmin;
  }

  .tab-pane[rel="4"] {
    background-image: url(./images/partner/tab4.jpg);
    color: #fff;
    padding-left: 10vmin;
    padding-top: 22vmin;
  }

  .tab-pane[rel="4"] .tab-title {
    font-size: 5.55vmin;
    line-height: 5.55vmin;
  }

  .tab-pane[rel="4"] .tab-text {
    font-size: 1.5vmin;
    margin-top: 5vmin;
  }

  .tab-pane[rel="5"] {
    background-image: url(./images/partner/tab5.jpg);
    padding-left: 10vmin;
    padding-top: 20vmin;
  }

  .tab-pane[rel="5"] .tab-title {
    font-size: 6vmin;
    line-height: 6vmin;
  }

  .tab-pane[rel="5"] .tab-text {
    font-size: 1.63vmin;
    margin-top: 4.4vmin;
    font-weight: 500;
  }

  .tab-pane p {
    margin: 0;
    line-height: 1.5;
  }

  .part2 {
    background-color: #fff;
    padding-bottom: 4.63vmin;
  }

  .part2 .type-box {
    display: flex;
    margin-top: 2.78vmin;
    margin-bottom: 6.39vmin;
    height: 66.94vmin;
  }

  .type-box .card {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 5.83vmin 4.63vmin;
    cursor: pointer;
    background-image: url(https://qiniu.qaserv.com/res/images/partner/type1.jpg);
    background-position: center;
    background-size: cover;
    color: #fff;
    position: relative;
  }

  .type-box .card2 {
    background-image: url(https://qiniu.qaserv.com/res/images/partner/type2.jpg);
  }

  .type-box .card3 {
    background-image: url(https://qiniu.qaserv.com/res/images/partner/type3.jpg);
  }

  .type-box .card4 {
    background-image: url(https://qiniu.qaserv.com/res/images/partner/type4.jpg);
  }

  .card .card-title {
    font-weight: bold;
    font-size: 2.59vmin;
    line-height: 2.59vmin;
  }

  .card .card-text {
    margin-top: 47.318vmin;
    font-size: 1.667vmin;
    line-height: 2.59vmin;
  }

  .partners {
    display: flex;
    justify-content: space-between;
    margin-top: 3.24vmin;
  }

  .partners .partner-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22.5vmin;
    height: 22.5vmin;
    border: 2px solid #e8e8e8;
    box-sizing: border-box;
  }

  .partner-box img {
    max-width: 80%;
  }

  .part3 {
    padding-bottom: 4vmin;
  }

  .solution {
    padding-top: 6rem;
    background-color: #fff;
  }

  .solution::before {
    height: 6rem;
    background-image: url(./images/solution/bg.jpg);
  }

  .solution .banner-content {
    position: absolute;
    top: 2.22rem;
    width: 100%;
    z-index: 4;
    text-align: center;
  }

  .solution .banner-title {
    font-size: 0.5rem;
    color: #333;
    line-height: 1;
    margin-bottom: 0.17rem;
  }

  .solution .banner-text {
    font-size: 0.22rem;
    color: #666;
    line-height: 1;
  }

  .solution .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1.7rem;
    background-image: url(./images/solution/tab.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 0.88rem;
    transform: translateY(-50%);
    column-gap: 0.44rem;
    box-sizing: border-box;
  }

  .solution .tab.fixed {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 50vw;
    margin-left: 25vw;
    transform: translateY(0);
  }

  .solution .tab .nav {
    font-size: 0.18rem;
    color: #3c4556;
    cursor: pointer;
    padding: 0.13rem;
    position: relative;
  }

  .solution .tab .nav:hover {
    color: #0052d9;
  }

  .solution .tab .active {
    color: #0052d9;
  }

  .solution .tab .active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 0.065rem);
    width: 0.13rem;
    height: 0.05rem;
    background-color: #0052d9;
  }

  .block {
    background-color: #fff;
    padding: 6.388vmin 15.83vmin 0;
  }

  .block-title {
    font-size: 0.28rem;
    line-height: 1;
    color: #000;
    text-align: center;
  }

  .block1 {
    padding-bottom: 4.63vmin;
    padding-top: 2.3vmin;
  }

  .block1 .background {
    margin-top: 3.055vmin;
    margin-bottom: 4.629vmin;
    height: 52.22vmin;
  }

  .block1 .background .pic {
    width: 43.33vmin;
    margin-right: 2.77vmin;
    border-radius: 0.926vmin;
  }

  .block1 .background .content {
    box-sizing: border-box;
    border-radius: 0.926vmin;
    border: 1px solid #d9dfe3;
    width: 100%;
    height: 100%;
    padding: 3.7vmin 2.87vmin 2.87vmin;
  }

  .block1 .background .content .content-title {
    height: 4.63vmin;
    color: #fff;
    padding-left: 12.5vmin;
    padding-top: 1.76vmin;
    background-image: url(https://qiniu.qaserv.com/res/images/solution/title.png);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    font-size: 2.13vmin;
  }

  .block1 .background .content .pinyin {
    margin-left: 1.3vmin;
    font-size: 1.3vmin;
  }

  .block1 .background .content-text {
    box-sizing: border-box;
    margin-top: 2.778vmin;
    height: 37vmin;
    background: #fbfdff;
    border: 1px solid #e8ecef;
    border-radius: 0.74vmin;
    padding: 4.63vmin;
    color: #666666;
    font-size: 1.667vmin;
    line-height: 3.7vmin;
  }

  .block2 {
    padding-bottom: 13.88vmin;
    height: 87.96vmin;
    background-image: url(https://qiniu.qaserv.com/res/images/solution/intro.png);
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    font-family: MicrosoftYaHei;
  }

  .block2 .sub-title {
    margin: 4.63vmin 0 5.37vmin;
    font-size: 2.59vmin;
    line-height: 1;
  }

  .block2 .flexW {
    height: 55.55vmin;
    justify-content: space-between;
  }

  .block2 .intro {
    height: 55.55vmin;
    width: 50%;
  }

  .block2 .intro .item {
    margin-bottom: 4vmin;
  }

  .block2 .intro-title {
    font-size: 2.037vmin;
    margin-bottom: 2.4vmin;
    color: #000;
  }

  .block2 .intro-text {
    font-size: 1.667vmin;
    line-height: 3.5vmin;
    color: #666;
    padding-right: 8.24vmin;
  }

  .block2 img {
    height: 55.65vmin;
  }

  .block3 {
    padding-bottom: 4.074vmin;
  }

  .block3 .flexW {
    justify-content: space-between;
    column-gap: 2.778vmin;
  }

  .block3 .value-box {
    /* width: 46.29vmin; */
    height: 24.35vmin;
    margin-top: 4.167vmin;
    background: linear-gradient(0deg, #fefeff, #edf1fb);
    border: 2px solid #ffffff;
    box-shadow: 0px 7px 18px 0px rgba(183, 197, 212, 0.35);
    opacity: 0.75;
    border-radius: 0.926vmin;
    padding: 4.81vmin;
    box-sizing: border-box;
  }

  .block3 .value-title {
    font-size: 1.85vmin;
    margin-bottom: 2.59vmin;
    font-weight: 600;
  }

  .block3 .value-text {
    font-size: 1.48vmin;
    line-height: 3.5vmin;
    color: #666;
    font-weight: 500;
  }

  .newsList.join::before {
    background-image: url(./images/join/bg.jpg);
  }

  .join .navs {
    padding: 0 1.25rem 0.18rem 1.25rem;
    margin: 0 0.6rem;
    border-bottom: 1px solid #eaecee;
    justify-content: space-between;
  }

  .join .navs .nav {
    color: #3c4556;
    font-size: 0.16rem;
    font-weight: bold;
    cursor: pointer;
    position: relative;
  }

  .join .navs .nav:hover {
    color: #0052d9;
  }
  .join .navs .active {
    color: #0052d9;
  }
  .join .navs .active::after {
    content: "";
    position: absolute;
    bottom: -0.18rem;
    left: calc(50% - 0.37rem);
    width: 0.74rem;
    height: 0.04rem;
    background-color: #0052d9;
  }

  .job-pane {
    padding: 0.4rem 0.6rem 0.5rem;
    display: none;
  }
  
  .job-pane.active {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.2rem;
    row-gap: 0.2rem;
  }

  .job-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 2.55rem;
    height: 0.7rem;
    line-height: 0.2rem;
    background: #ffffff;
    border: 1px solid #eaecee;
    border-radius: 0.1rem;
    padding-left: 0.27rem;
    padding-right: 0.19rem;
    cursor: pointer;
    position: relative;
    font-size: 0.16rem;
    font-weight: bold;
  }

  .job-box .circle {
    position: relative;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background-color: #e0e4e7;
  }

  .job-box.active .circle {
    background-color: #fff;
  }

  .job-box .circle::before {
    content: "";
    display: block;
    width: 0.05rem;
    height: 0.05rem;
    top: 50%;
    left: 50%;
    position: absolute;
    border-top: solid 0.01rem #fff;
    border-right: solid 0.01rem #fff;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .job-box.active {
    background-color: #2774e8;
    color: #fff;
  }

  .job-box.active .circle::before {
    border-top: solid 0.01rem #0052d9;
    border-right: solid 0.01rem #0052d9;
  }

  .job-box span {
    width: 1.66rem;
  }

  .join-content {
    display: flex;
    justify-content: center;
    background-color: #f3f5f8;
    padding: 0.34rem 0 0.5rem;
    width: 100%;
  }

  .join-content .content {
    width: 12rem;
  }

  .join-msg {
    box-sizing: border-box;
    font-size: 0.28rem;
    line-height: 0.28rem;
    color: #74839d;
    text-align: center;
    margin-bottom: 0.44rem;
  }

  .join-content .msg-content {
    column-gap: 0.3rem;
  }

  .join-content .msg-box {
    box-sizing: border-box;
    width: 2.78rem;
    height: 4.03rem;
    background: #ffffff;
    border: 0.02rem solid #e8ebef;
    border-radius: 0.1rem;
    background-image: none;
    align-items: center;
    padding: 0.53rem 0.3rem;
  }

  .join-content .msg-box .msg-title {
    font-size: 0.22rem;
    line-height: 0.22rem;
    margin-bottom: 0.26rem;
    font-weight: bold;
  }

  .join-content .msg-box .msg-text {
    font-size: 0.14rem;
    color: #74839d;
    line-height: 0.24rem;
  }

  .job-detail {
    padding: 0.6rem 1rem 0.9rem 1.05rem;
  }

  .job-detail .job-title {
    font-size: 0.16rem;
    color: #0052d9;
    margin-bottom: 0.44rem;
  }

  .job-detail .job-title:nth-of-type(3) {
    margin-top: 0.7rem;
  }

  .job-detail .job-text {
    font-size: 0.16rem;
    color: #000;
    line-height: 0.25rem;
  }

  .join .contactUs {
    margin: 0 0.8rem 0.8rem;
    height: 7.6rem;
    border: 0.02rem solid #eaecee;
  }

  .contactUs .left {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 2.7rem;
    height: 100%;
    background-color: #f4f5f6;
    padding-top: 0.4rem;
  }

  .contactUs .left img {
    width: 1.24rem;
    height: 1.56rem;
    margin-bottom: 0.1rem;
  }

  .contactUs .left .text {
    font-size: 0.25rem;
    line-height: 0.25rem;
    font-weight: bold;
  }

  .contactUs .right {
    box-sizing: border-box;
    flex: 1;
    height: 100%;
    padding: 0.5rem;
  }

  .contactUs .right .title {
    font-size: 0.2rem;
    font-weight: bold;
    width: 100%;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #f3f5f8;
  }

  .contactUs .right .subtitle {
    margin-top: 0.3rem;
    font-size: 0.14rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
  }
  .contactUs .right .subtitle:nth-of-type(1) {
    margin-top: 0.22rem;
  }

  .contactUs .right .tip {
    color: #8d97aa;
    font-size: 0.14rem;
  }

  .file-upload {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  #custom-button {
    padding: 10px;
    background-color: #008cba;
    color: white;
    border: none;
    cursor: pointer;
  }

  #custom-text {
    margin-left: 10px;
    font-family: sans-serif;
    color: #aaa;
  }

  .contactUs .input {
    box-sizing: border-box;
    width: 2rem;
    height: 0.48rem;
    padding: 0.16rem;
    border: 0.01rem solid #ebedef;
    border-radius: 0.05rem;
  }

  .contactUs .input.large {
    width: 6.67rem;
  }

  .select-container {
    position: relative;
    display: inline-block;
  }

  .select-container select {
    -webkit-appearance: none; /* 移除 iOS 上的默认样式 */
    -moz-appearance: none; /* 移除 Firefox 上的默认样式 */
    appearance: none; /* 移除标准下拉箭头 */
    padding-right: 30px; /* 留出箭头的空间 */
    width: 0;
    height: 0;
    border: 1px solid #ccc; /* 自定义边框 */
  }

  .select-container::after {
    content: "";
    position: absolute;
    right: 0.17rem; /* 箭头的位置 */
    top: 50%;
    transform: translateY(-50%);
    border-left: 0.05rem solid transparent; /* 左边的透明边框 */
    border-right: 0.05rem solid transparent; /* 右边的透明边框 */
    border-top: 0.05rem solid #ebedef;
    /* 使用 CSS 或字体图标来创建箭头 */
  }

  .contactUs .btn {
    cursor: pointer;
    font-size: 0.14rem;
    color: #fff;
    margin-top: 0.4rem;
    width: 2rem;
    height: 0.46rem;
    line-height: 0.46rem;
    text-align: center;
    background-image: url(https://qiniu.qaserv.com/res/images/join/btn.png);
    background-position: center;
    background-size: cover;
  }

  .formMember {
    width: 100%;
    border-top: 1.3vmin solid #d7e0ef;
    padding: 0.3rem 0.9rem;
    border-radius: 3px;
    font-size: 16px;
    color: #ffffff;
    box-sizing: border-box;
  }

  .formMember .form .name {
    color: #333;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 13px;
  }

  .formMember .form .infor {
    color: #333;
    margin-bottom: 30px;
  }

  .formMember .form .captcha {
    width: 520px;
    margin: 0 auto 23px auto;
  }

  .formMember .form .captcha .login-form-vcode {
    margin-right: 20px;
  }

  .formMember .form .captcha .login-form-vcode,
  .formMember .form .captcha .login-form-vcode-input {
    float: left;
  }

  .formMember .form .captcha .login-form-vcode img {
    border: #e2e2e2 solid 1px;
    border-radius: 3px;
  }

  .formMember .form .captcha .login-form-vcode-input {
    border: #e2e2e2 solid 1px;
    border-radius: 3px;
  }

  .clearFix {
    clear: both;
  }

  .formMember .form .item {
    width: 520px;
    border: #e2e2e2 solid 1px;
    border-radius: 3px;
    margin: 0 auto 23px auto;
  }

  .formMember .form .item input,
  .formMember .form .captcha .login-form-vcode-input input {
    width: 100%;
    height: 100%;
    height: 46px;
    border-radius: 3px;
    border: 0;
    padding: 0 17px;
    font-size: 14px;
    outline: none;
  }

  .formMember .form .item textarea {
    width: 100%;
    height: 150px;
    border-radius: 3px;
    border: 0;
    padding: 10px 17px;
    font-size: 14px;
    outline: none;
  }

  .formMember .form .item input::placeholder {
    color: #999999;
  }

  .formMember .form .submission {
    text-align: center;
    font-size: 16px;
    width: 200px;
    height: 36px;
    border-radius: 3px;
    background-color: #014099;
    line-height: 36px;
    cursor: pointer;
  }

  .form .attr {
    width: 100%;
  }

  .form .attr p {
    color: #555;
    margin-bottom: 0.5vmin;
  }

  .form .attr input {
    width: 100%;
    border: none;
    background: #eee;
    height: 3.4vmin;
    padding: 0 1vmin;
  }

  .form .attr textarea {
    min-height: 12vmin;
    padding: 1vmin;
    width: 100%;
    border: none;
    background: #eee;
  }
}