* {
   padding: 0;
   margin: 0;
}

.background_bx {
   /* background-color: rgba(24, 145, 255, 1);
   background-image: url('https://cdn.SmartBuildLink.com/auth/pageHBack.png');
   background-position: center bottom;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 1607px 700px;
   background-origin: border-box; */
   min-width: 1200px;
   margin-top: 70px;
}

.home_page {
   width: 100%;
   min-width: 1200px;
}

.banner_box {
   background-image: url('https://cdn.SmartBuildLink.com/auth/pageHBack.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: scroll;
   background-origin: border-box;
   background-position: center bottom;
}

.banner_box .banner_flex {
   max-width: 1200px;
   display: flex;
   align-items: center;
   margin: 0 auto;
   padding: 0 0 0;
}

.banner_box .banner_flex .banner_left {
   width: 50%;
}

.banner_box .banner_flex .banner_left .title {
   margin-bottom: 40px;
   font-size: 27px;
   font-family: SourceHanSansCN, SourceHanSansCN;
   font-weight: 500;
   color: rgba(5, 1, 103, 0.71);
   line-height: 28px;
}

.banner_box .banner_flex .banner_left .title img {
   width: 560px;
   margin-top: 24px;
}


.banner_box .banner_flex .banner_left .banner_button {
   color: #fff;
   height: 42px;
   background: linear-gradient(270deg, #258EFF 0%, #974FFF 100%);
   border-radius: 21px;
   font-size: 20px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   padding: 0 16px;
   display: inline-block;
   line-height: 42px;
}

.banner_box .banner_flex .banner_left .banner_button:hover {
   background: rgb(2, 94, 222);
}



.banner_right {
   width: 50%;
   height: 450px;
   position: relative;
}

.banner_right img {
   position: absolute;
   height: 100%;
   top: 50px;
   left: 0;
   z-index: 2;
}

.banner_right .bannerRyun {
   width: 222px;
   height: auto;
   position: absolute;
   top: 60px;
   right: 80px;
   left: auto;
   z-index: 1;
}

.banner_right .bannerRGang {
   width: 88px;
   height: auto;
   position: absolute;
   top: auto;
   right: auto;
   bottom: 40px;
   left: 10px;
   z-index: 1;
}





.page_date {
   width: 100%;
}

.page_date .function_box {
   max-width: 1200px;
   margin: 0 auto;
}

.page_date .function_box .function_logo {
   display: flex;
   align-items: center;
   justify-content: center;
}

.page_date .function_box .function_logo .logo_box {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   width: calc(100% / 4);
   padding: 30px 20px;
}

.page_date .function_box .function_logo .logo_box .logoImg {
   margin-bottom: 20px;
}

.page_date .function_box .function_logo .logo_box .logo_s {
   font-size: 16px;
   font-family: '微软雅黑', sans-serif;
   color: #666666;
   font-weight: 400;
   line-height: 28px;
}

.page_date .function_box .function_logo .logo_box .logo_d {
   font-size: 14px;
   font-family: '微软雅黑', sans-serif;
   font-weight: 400;
   color: #999999;
   line-height: 28px;
}




.page_date .scene {
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
}

.page_date .scene .page_details {
   background: linear-gradient(270deg, #258EFF 0%, #258EFF 40%, #974FFF 60%, #974FFF 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.page_date .scene .scene_box {
   width: 100%;
   display: flex;
   margin-bottom: 110px;
   padding-top: 60px;
}

/* flex-wrap: wrap; */
.page_date .scene .scene_box .scene_for {
   cursor: pointer;
   width: 136px;
   height: 304px;
   transition: all 1.2s;
   border-radius: 8px;
   background: linear-gradient(143deg, #EBEDFF 0%, #C1D8FE 100%);
   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
   margin: 6px;
   border: 2px solid #fff;
   position: relative;
   padding: 0 19px 0 24px;
}

.page_date .scene .scene_box .scene_for .scene_img {
   width: 100%;
   position: absolute;
   right: -35px;
   width: 200px;
   top: 40px;
   transition: all 1.2s;
   z-index: 2;
}

.page_date .scene .scene_box .scene_for .scene_s {
   width: 100%;
   height: 100%;
   position: relative;
   display: block;
   overflow: hidden;
}

.page_date .scene .scene_box .scene_for .scene_s .scene_span {
   width: 65px;
   position: absolute;
   text-align: center;
   bottom: 51px;
   left: 50%;
   transform: translateX(-50%);
   font-size: 16px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   color: #111111;
   line-height: 22px;
   display: block;
   opacity: 1;
   /* transition: all 0.8s; */
}

.page_date .scene .scene_box .scene_for .scene_s .scene_spans {
   height: 33px;
   font-size: 24px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   color: #111111;
   line-height: 33px;
   text-align: left;
   padding: 0;
   display: block;
   margin-bottom: 16px;
}

.page_date .scene .scene_box .scene_for .scene_s .detial_box {
   position: absolute;
   top: 30px;
   left: 24px;
   width: 100%;
   height: 100%;
   transform: scale3d(1, 1, .3);
   transition: all 1.2s;
   opacity: 0;
   overflow: hidden;
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial {
   position: absolute;
   top: 0;
   left: 0;
   padding-right: 123px;
   width: 568px;
   height: 100%;
   display: block;
   opacity: 1;
}

/* transition: all 1.2s; */
.page_date .scene .scene_box .scene_for .scene_s .scene_detial .scene_d_flex {
   display: flex;
   margin-bottom: 16px;
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial .scene_d_flex .scene_d_flex_title {
   width: calc(100% - 34px);
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial .scene_d_flex .scene_d_flex_title h4 {
   font-size: 16px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   color: #111111;
   line-height: 22px;
   margin-bottom: 5px;
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial .scene_d_flex .scene_d_flex_title p {
   font-size: 14px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   color: #555555;
   line-height: 20px;
}



.page_date .scene .scene_box .scene_for .scene_s .scene_detial .scene_d_flex img {
   width: 20px;
   height: 20px;
   margin-right: 14px;
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial button {
   height: 40px;
   background: linear-gradient(319deg, #3F9BFF 0%, #A86BFF 100%);
   border-radius: 4px;
   line-height: 40px;
   padding: 0 25px;
   font-size: 14px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   color: #FFFFFF;
   border: none;
   position: absolute;
   bottom: 20px;
   right: 7px;
   cursor: pointer;
   display: flex;
   align-items: center;
   opacity: 1;
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial .appBut {
   opacity: 0;
   z-index: -1;
   transition: all 2s;
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial button .jianT {
   display: inline-block;
   width: 12px;
   height: 1px;
   background: #fff;
   position: relative;
   transform: rotate(-45deg);
   transition: all 0.3s;
   margin-left: 6px;

}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial button .jianT::after {
   content: '';
   position: absolute;
   display: block;
   width: 5px;
   height: 1px;
   background: #fff;
   right: -1px;
   top: -1.5px;
   transform: rotate(45deg);
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial button .jianT::before {
   content: '';
   position: absolute;
   display: block;
   width: 5px;
   height: 1px;
   background: #fff;
   right: -1px;
   top: 1.5px;
   transform: rotate(-45deg);
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial button:hover {
   background: linear-gradient(319deg, #258EFF 0%, #974FFF 100%);
}

.page_date .scene .scene_box .scene_for .scene_s .scene_detial button:hover .jianT {
   transform: rotate(0);
}


.page_date .scene .scene_box .active {
   width: calc(100% - 576px);
   background: linear-gradient(147deg, #E5E8FF 0%, #BED7FF 100%);
   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
   border: 2px solid #fff;
   padding: 30px 19px 0 24px;
}

.page_date .scene .scene_box .active .scene_img {
   top: -80px;
   width: 400px;
   right: -77px;
   left: auto;
   transform: translateX(0);
}

.page_date .scene .scene_box .active .scene_s {}

.page_date .scene .scene_box .active .scene_s .scene_span {
   display: none;
   /* opacity: 0; */
}

.page_date .scene .scene_box .active .scene_s .detial_box {
   width: 100%;
   height: 100%;
   transform: scale3d(1, 1, 1);
   opacity: 1;
   top: 0;
   left: 0;
}

.page_date .scene .scene_box .active .scene_s .scene_detial {
   opacity: 1;
}





.page_date .choose_us {
   width: 100%;
   height: 474px;
   background-image: url('https://cdn.SmartBuildLink.com/auth/pageHBack.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: scroll;
   background-origin: border-box;
   background-position: center bottom;
   margin: 0 auto 100px;
}

.page_date .choose_us .choose_us_box {
   max-width: 1200px;
   margin: 0 auto;
   padding-top: 56px;
}

.page_date .choose_us .choose_us_box h1 {
   font-size: 32px;
   font-family: SourceHanSansCN, SourceHanSansCN;
   font-weight: 500;
   color: #383838;
   line-height: 54px;
   text-align: center;
   margin-bottom: 70px;
}

.page_date .choose_us .choose_us_box .choose_us_flex {
   display: flex;
   padding: 0 24px;
}

.page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb {
   width: 50%;
}

.page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_centent {
   font-size: 18px;
   font-family: SourceHanSansCN, SourceHanSansCN;
   font-weight: 500;
   color: #383838;
   line-height: 32px;
   margin-bottom: 100px;
}

.page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_f {
   display: flex;
   flex-wrap: wrap;
}

.page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_f span {
   width: 50%;
   display: flex;
   align-items: center;
   font-size: 18px;
   font-family: SourceHanSansCN, SourceHanSansCN;
   font-weight: 500;
   color: #383838;
   line-height: 18px;
   margin-bottom: 28px;

}

.page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_f span img {
   width: 20px;
   margin-right: 8px;
}



.page_date .choose_us .choose_us_box .choose_us_flex .left {
   padding-right: 50px;
}

.page_date .choose_us .choose_us_box .choose_us_flex .right {
   padding-left: 50px;
   display: flex;
   flex-wrap: wrap;
}

.page_date .choose_us .choose_us_box .choose_us_flex .right img {
   margin: 0 16px 24px;
   width: calc(100% / 4 - 32px);
}

.page_date .choose_us .choose_us_box .choose_us_flex .right .selectTabapp {
   display: none;
}




.page_date .user_feedback {
   width: 1200px;
   margin: 0 auto 100px;
}

.page_date .user_feedback h3 {
   text-align: center;
   position: relative;
}

.page_date .user_feedback h3 span {
   height: 80px;
   font-size: 32px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   color: #111111;
   line-height: 60px;
   display: inline-block;
}

.page_date .user_feedback h3 img {
   position: absolute;
   height: 80px;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
}


.page_date .user_feedback .swiper_box {
   position: relative;
   width: 100%;
   margin-top: 30px;
}

.page_date .user_feedback .swiper_box .tabLeft {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: -55px;
   width: 32px;
   cursor: pointer;
}

.page_date .user_feedback .swiper_box .tabLeft:hover {
   opacity: 0.7;
}


.page_date .user_feedback .swiper_box .tabRight {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: -55px;
   width: 32px;
   cursor: pointer;
}

.page_date .user_feedback .swiper_box .tabRight:hover {
   opacity: 0.7;
}



.page_date .user_feedback .swiper {
   width: 100%;
   padding: 20px;
}

.page_date .user_feedback .swiper-wrapper {
   align-items: center;
}

.page_date .user_feedback .swiper-slide {
   text-align: center;
   height: 256px;
   font-size: 18px;
   display: flex;
   background: #FFFFFF;
   box-shadow: 0px 9px 27px 0px rgba(0, 0, 0, 0.07);
   border-radius: 11px;
   position: relative;
   padding: 64px 18px 0;
}

.page_date .user_feedback .swiper-slide p {
   font-size: 14px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   color: #111111;
   line-height: 26px;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.page_date .user_feedback .swiper-slide .swiper_detial {
   position: absolute;
   bottom: 20px;
   left: 18px;
   display: flex;
   align-items: center;
}

.page_date .user_feedback .swiper-slide .swiper_detial img {
   width: 42px;
   margin-right: 8px;
}

.page_date .user_feedback .swiper-slide .swiper_detial.detial_box {
   width: calc(100% - 50px);
}

.page_date .user_feedback .swiper-slide .swiper_detial.detial_box .name_t {
   height: 17px;
   font-size: 13px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   color: #111111;
   line-height: 17px;
   margin-bottom: 3px;
   display: block;
}

.page_date .user_feedback .swiper-slide .swiper_detial.detial_box .detial {
   height: 15px;
   font-size: 11px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   color: #555555;
   line-height: 15px;
   display: block;
}



.page_date .user_feedback .swiper-slide .sw_1 {
   display: none;
   width: 37px;
   position: absolute;
   top: 20px;
   left: 20px;
}

.page_date .user_feedback .swiper-slide .sw_2 {
   display: block;
   width: 37px;
   position: absolute;
   top: 20px;
   left: 20px;
}


.page_date .user_feedback .swiper-slide-active {}

.page_date .user_feedback .swiper-slide-active .sw_1 {
   display: block;
}

.page_date .user_feedback .swiper-slide-active .sw_2 {
   display: none;
}


.page_date .user_feedback .swiper-slide-next {
   height: 286px;
   padding: 74px 20px 0;
}

.page_date .user_feedback .swiper-slide-next .sw_1 {
   display: block;
   top: 26px;
   left: 26px;
}

.page_date .user_feedback .swiper-slide-next .sw_2 {
   display: none;
   top: 26px;
   left: 26px;
}


.page_date .cooperate_box {
   width: 1200px;
   margin: 0 auto 80px;
}

.page_date .cooperate_box h3 {
   text-align: center;
   position: relative;
}

.page_date .cooperate_box h3 span {
   height: 80px;
   font-size: 32px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   color: #111111;
   line-height: 60px;
   display: inline-block;
}

.page_date .cooperate_box h3 img {
   position: absolute;
   height: 80px;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
}


.page_date .cooperate_box .cooperate {
   width: 100%;
   margin-top: 50px;
   display: flex;
   flex-wrap: wrap;
   gap: 18px;
}
.page_date .cooperate_box .cooperate img {
   width: calc(100% / 6 - 15px);
   height: 80px;
   border: 1px solid #eee;
   border-radius: 10px;
}


.page_date .foot_button {
   width: 100%;
   background-image: url('../images/footBanner.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: scroll;
   background-origin: border-box;
   background-position: center bottom;
   height: 280px;
}

.page_date .foot_button .foot_text {
   width: 100%;
   max-width: 1200px;
   padding-top: 84px;
   margin: 0 auto 0;
}

.page_date .foot_button .foot_text h3 {
   height: 53px;
   font-size: 38px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   color: #111111;
   line-height: 53px;
   text-align: center;
}

.page_date .foot_button .foot_text p {
   height: 22px;
   font-size: 16px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   color: #333333;
   line-height: 22px;
   text-align: center;
   margin-bottom: 16px;
}

.page_date .foot_button .foot_text .foot_but_b {
   display: flex;
   justify-content: center;
}

.page_date .foot_button .foot_text .foot_but_b button {
   width: 136px;
   height: 48px;
   line-height: 48px;
   background: #5C68FF;
   border: 1px solid #5C68FF;
   border-radius: 4px;
   font-size: 16px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 600;
   color: #FFFFFF;
   text-align: center;
   margin: 0 8px;
}

.page_date .foot_button .foot_text .foot_but_b .foot_but2 {
   background: transparent;
   border: 1px solid #5C68FF;
   color: #5C68FF;
}




@media (max-width: 500px) {
   .home_page {
      width: 100%;
      min-width: auto;
      overflow: hidden;
   }

   .background_bx {
      width: 100%;
      min-width: auto;
      margin-top: 4rem;
   }

   .banner_box {}

   .banner_box .banner_flex {
      width: calc(100% - 2rem);
      max-width: none;
      flex-wrap: wrap;
      padding-bottom: 2rem;
   }

   .banner_box .banner_flex .banner_left {
      width: 100%;
      padding: 2rem 0 0;
   }

   .banner_box .banner_flex .banner_left .title {
      margin-bottom: 0.6rem;
      font-size: 1.4rem;
      line-height: 2rem;
   }

   .banner_box .banner_flex .banner_left .title img {
      width: 66%;
      margin-top: 1rem;
   }

   .banner_box .banner_flex .banner_left .banner_button {
      height: auto;
      line-height: normal;
      padding: 0.3rem 1rem;
      font-size: 0.9rem;
   }


   .banner_box .banner_flex .banner_right {
      width: 100%;
      height: 16rem;
   }

   .banner_box .banner_flex .banner_right img {
      top: 4rem;
      width: 70%;
      height: auto;
      left: 50%;
      transform: translateX(-50%);
   }

   .banner_box .banner_flex .banner_right .bannerRyun {
      width: 25%;
      right: 13%;
      left: auto;
   }

   .banner_box .banner_flex .banner_right .bannerRGang {
      width: 12%;
      top: auto;
      left: 21%;
      bottom: -9px;
   }



   .page_date {}

   .page_date .scene {
      width: calc(100% - 2rem);
      margin: 0 auto;
      max-width: none;
   }

   .page_date .scene .scene_box {
      padding-top: 0;
      margin-bottom: 5rem;
      flex-direction: column;
   }

   .page_date .scene .scene_box .scene_for {
      width: 100%;
      height: 5rem;
      margin: 4px 0;
   }

   .page_date .scene .scene_box .scene_for .scene_img {
      right: 0;
      width: 9rem;
      top: 0;
   }

   .page_date .scene .scene_box .scene_for .scene_s {}

   .page_date .scene .scene_box .scene_for .scene_s .scene_detial {
      width: 100%;
      padding: 0;
   }

   .page_date .scene .scene_box .scene_for .scene_s .scene_spans {
      font-size: 20px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #262626;
      line-height: 28px;
      margin-bottom: 40px;
   }

   .page_date .scene .scene_box .scene_for .scene_s .scene_detial .scene_d_flex .scene_d_flex_title h4 {
      height: 22px;
      font-size: 16px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #262626;
      line-height: 22px;
      margin-bottom: 7px;
   }

   .page_date .scene .scene_box .scene_for .scene_s .scene_detial .scene_d_flex .scene_d_flex_title p {
      font-size: 12px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #595959;
      line-height: 17px;
   }

   .page_date .scene .scene_box .scene_for .scene_s .scene_span {
      width: 100%;
      bottom: 1.6rem;
      text-align: left;
   }

   .page_date .scene .scene_box .active {
      width: 100%;
      height: 24rem;
   }

   .page_date .scene .scene_box .scene1.active {
      height: 24rem;
   }

   .page_date .scene .scene_box .scene2.active {
      height: 28rem;
   }

   .page_date .scene .scene_box .scene3.active {
      height: 22rem;
   }

   .page_date .scene .scene_box .scene4.active {
      height: 22.5rem;
   }

   .page_date .scene .scene_box .scene5.active {
      height: 22.5rem;
   }

   .page_date .scene .scene_box .active .scene_img {
      top: 0;
      width: 17rem;
      right: -2rem;
   }

   .page_date .scene .scene_box .active .scene_s .detial_box {
      position: relative;
   }

   .page_date .scene .scene_box .active .scene_s .detial_box .scene_detial {
      position: relative;
   }

   .page_date .scene .scene_box .active .scene_s .detial_box .scene_detial button {
      opacity: 0;
      z-index: -1;
   }

   .page_date .scene .scene_box .active .scene_s .detial_box .scene_detial .appBut {
      opacity: 1;
      width: calc(100% - 10px);
      justify-content: center;
      z-index: 2;
      font-size: 14px;
   }


   .page_date .function_box {
      width: 100%;
   }

   .page_date .choose_us {
      height: auto;
      margin: 0 auto 3rem;
      background-image: url('../images/pageHBackapp.png');
   }

   .page_date .choose_us .choose_us_box {
      max-width: none;
      padding-top: 2rem;

   }

   .page_date .choose_us .choose_us_box h1 {
      font-size: 2.57rem;
      line-height: 3rem;
      text-align: center;
      margin-bottom: 1.72rem;
   }

   .page_date .choose_us .choose_us_box .choose_us_flex {
      flex-wrap: wrap;
   }

   .page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb {
      width: 100%;

   }

   .page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_centent {
      font-size: 1rem;
      line-height: 2rem;
      margin-bottom: 2rem;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #262626;
   }

   .page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_f {}

   .page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_f span {
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 0.8rem;

   }

   .page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_f span img {}

   .page_date .choose_us .choose_us_box .choose_us_flex .right img {
      width: calc(100% / 2 - 0.5rem);
      margin: 0 0 1rem;
      display: none;
   }

   .page_date .choose_us .choose_us_box .choose_us_flex .right .selectTabapp {
      display: block;
   }

   .page_date .choose_us .choose_us_box .choose_us_flex .choose_us_fb .choose_us_f span img {
      width: 1.4rem;
      margin-right: 6px;
   }

   .page_date .choose_us .choose_us_box .choose_us_flex .left {
      padding-right: 0;
   }

   .page_date .choose_us .choose_us_box .choose_us_flex .right {
      margin-top: 1rem;
      padding-left: 0;
      justify-content: space-between;
   }



   .page_date .user_feedback {
      width: 100%;
      margin: 0 auto 3rem;
   }

   .page_date .user_feedback h3 {}

   .page_date .user_feedback h3 span {
      height: 3rem;
      font-size: 1.5rem;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #111111;
      line-height: 2rem;
   }

   .page_date .user_feedback h3 img {
      height: 3rem;
   }

   .page_date .user_feedback .swiper-slide-active {
      height: 286px;
      padding: 74px 20px 0;

   }

   .page_date .user_feedback .swiper-slide-active .sw_1 {
      display: block;
      top: 26px;
      left: 26px;
   }

   .page_date .user_feedback .swiper-slide-active .sw_2 {
      display: none;
      top: 26px;
      left: 26px;
   }

   .page_date .user_feedback .swiper-slide-next {
      height: 256px;
      padding: 74px 20px 0;
   }

   .page_date .user_feedback .swiper-slide-next .sw_1 {
      display: block;
      top: 26px;
      left: 26px;
   }

   .page_date .user_feedback .swiper-slide-next .sw_2 {
      display: none;
      top: 26px;
      left: 26px;
   }


   .page_date .cooperate_box {
      width: calc(100% - 2rem);
      margin: 0 auto 3rem;
   }

   .page_date .cooperate_box h3 {
      margin-bottom: 1rem;
   }

   .page_date .cooperate_box h3 span {
      height: 3rem;
      font-size: 1.5rem;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #111111;
      line-height: 2rem;
   }

   .page_date .cooperate_box h3 img {
      height: 3rem;
   }

   .page_date .cooperate_box .cooperate {
      margin-top: 3rem;
      gap: 1rem;
   }
   .page_date .cooperate_box .cooperate img {
      width: calc(100% / 2 - 0.5rem);
      height: 80px;
      border: 1px solid #eee;
      border-radius: 10px;
   }

   .page_date.foot_button {
      height: auto;
   }

   .page_date.foot_button .foot_text {
      max-width: none;
      padding-top: 3rem;
      padding-bottom: 3rem;
   }

   .page_date.foot_button .foot_text h3 {
      height: auto;
      font-size: 2rem;
      line-height: 3rem;
      margin-bottom: 1rem;
   }

   .page_date.foot_button .foot_text p {
      font-size: 1rem;
      line-height: 1rem;
      margin-bottom: 1rem;
   }

   .page_date.foot_button .foot_text .foot_but_b {
      & button {
         width: 7rem;
         height: 2.4rem;
         line-height: 2.4rem;
         font-size: 1rem;
      }
   }



}