.youhao-banner {
  width: 100%;
  height: 8rem;
}
.youhao-banner .banner {
  width: 100%;
  height: 100%;
}
.youhao-banner .banner .mySwiper {
  --swiper-navigation-color: #626161;
  --swiper-pagination-color: #626161;
  width: 100%;
  height: 100%;
}
.youhao-banner .banner .mySwiper .banner-first {
  background-image: url('index_banner.jpg');
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.youhao-banner .banner .mySwiper .banner-first .banner-first-title {
  margin-top: 2.2rem;
  margin-right: 2.1rem;
}
.youhao-banner .banner .mySwiper .banner-first .banner-first-title .first-title-1 {
  font-size: 1.22rem;
  color: #424242;
  letter-spacing: 0.06rem;
  line-height: 1.4rem;
  font-weight: 400;
}
.youhao-banner .banner .mySwiper .banner-first .banner-first-title .first-title-2 {
  font-size: 0.3rem;
  color: #626161;
  font-weight: 300;
}
.youhao-banner .banner .mySwiper .banner-first .banner-first-title .title-2-top {
  margin-top: 0.2rem;
}
.youhao-banner .banner .mySwiper .banner-second {
  background-image: url('a3_banner.jpg');
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.youhao-banner .banner .mySwiper .banner-second .banner-second-title {
  margin: 2.6rem 2.86rem 0 0;
}
.youhao-banner .banner .mySwiper .banner-second .banner-second-title p {
  color: #fff;
}
.youhao-banner .banner .mySwiper .banner-second .banner-second-title .title-1 {
  font-size: 0.31rem;
  letter-spacing: 0.08rem;
  line-height: 0.55rem;
  font-weight: 400;
}
.youhao-banner .banner .mySwiper .banner-second .banner-second-title .title-2 {
  font-weight: 400;
  letter-spacing: 0.08rem;
  line-height: 1.02rem;
  font-size: 0.9rem;
}
.youhao-banner .banner .mySwiper .banner-second .banner-second-title .title-3 {
  letter-spacing: 0.05rem;
  line-height: 0.36rem;
  font-size: 0.25rem;
  margin-top: 0.33rem;
}
.youhao-banner .banner .mySwiper .banner-third {
  background-image: url('index_banner_xiaoqi.jpg');
  background-size: 100% 100%;
  display: flex;
  justify-content: flex-end;
}
.youhao-banner .banner .mySwiper .banner-third .banner-third-title {
  margin: 3.18rem 1.78rem 0 0;
}
.youhao-banner .banner .mySwiper .banner-third .banner-third-title .title-1 {
  color: #424242;
  font-size: 0.9rem;
  letter-spacing: 0.04rem;
  line-height: 1.3rem;
}
.youhao-banner .banner .mySwiper .banner-third .banner-third-title .title-2 {
  color: #626161;
  line-height: 0.35rem;
  font-size: 0.21rem;
  margin-top: 0.16rem;
}
.youhao-plan {
  width: 100%;
  height: 9.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.3rem;
}
.youhao-plan .youhao-plan-image {
  width: calc(100% - 0.36rem);
  height: 100%;
  background-image: url('index_banner2.jpg');
  background-size: 100% 100%;
}
.youhao-plan .youhao-plan-image .plan-image-title {
  margin: 1.44rem 0 0 2.12rem;
}
.youhao-plan .youhao-plan-image .plan-image-title .plan-title-1 {
  font-size: 0.24rem;
  line-height: 0.55rem;
  color: #fff;
  letter-spacing: 1px;
}
.youhao-plan .youhao-plan-image .plan-image-title .plan-title-2 {
  font-size: 0.7rem;
  color: #fff;
  line-height: 0.85rem;
}
.youhao-plan .youhao-plan-image .plan-image-title .plan-title-3 {
  margin-top: 0.65rem;
  font-size: 0.38rem;
  color: #A2A9D1;
  line-height: 0.85rem;
}
.youhao-plan .youhao-plan-image .plan-image-title .plan-title-4 {
  font-size: 0.18rem;
  color: #5460AC;
  line-height: 0.25rem;
}
.youhao-plan .youhao-plan-image .plan-image-title .plan-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.1rem;
  height: 0.62rem;
  border-radius: 0.14rem;
  border: 2px solid #7A84BD;
  margin-top: 0.3rem;
  cursor: pointer;
}
.youhao-plan .youhao-plan-image .plan-image-title .plan-button a {
  opacity: 0.5;
  font-size: 0.26rem;
  display: block;
  width: 100%;
  height: 100%;
  color: #8992C4;
  text-align: center;
  line-height: 0.62rem;
}
.youhao-product {
  width: 100%;
  height: 9.28rem;
  margin-top: 0.18rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.youhao-product .youhao-product-detail {
  width: calc(100% - 0.36rem);
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.youhao-product .youhao-product-detail .youhao-product-hardware {
  width: calc(50% - 0.05rem);
  height: 100%;
  background: #5C90E9;
  border-radius: 4px;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 {
  --swiper-navigation-color: #fff;
  --swiper-pagination-color: #fff;
  width: 100%;
  height: 100%;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .swiper-slide a .hardware-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.9rem;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .swiper-slide a .hardware-info .info-title p {
  color: #fff;
  font-size: 0.95rem;
  line-height: 0.85rem;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .swiper-slide a .hardware-info .info-detail {
  margin-left: 0.2rem;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .swiper-slide a .hardware-info .info-detail p {
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .A1 {
  background-image: url('index_pro_a1.png');
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .D1 {
  background-image: url('index_pro_d1.png');
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .A3 {
  background-image: url('index_pro_a3.png');
}
.youhao-product .youhao-product-detail .youhao-product-hardware .myswiper2 .swiper-wrapper .A4 {
  background-image: url('index_pro_a4.png');
}
.youhao-product .youhao-product-detail .youhao-product-software {
  width: calc(50% - 0.05rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-branch,
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-restaurant {
  width: 100%;
  height: 4.57rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-branch {
  background-image: url('index_banner2.jpg');
  background-size: 100% 100%;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-branch .branch-title {
  margin: 0.78rem 0 0 0.93rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-branch .branch-title .branch-title-1 {
  font-size: 0.7rem;
  color: #FFFFFF;
  line-height: 0.85rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-branch .branch-title .title-2-top {
  margin-top: 0.18rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-branch .branch-title .branch-title-2 {
  font-size: 0.44rem;
  font-weight: 300;
  color: #47608f;
  line-height: 0.63rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-branch .branch-title .branch-more {
  width: 1.64rem;
  height: 0.46rem;
  border-radius: 0.08rem;
  border: 1px solid #8EAEF1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: 0.35rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-branch .branch-title .branch-more a {
  display: inline-block;
  width: 1.64rem;
  height: 0.46rem;
  line-height: 0.46rem;
  text-align: center;
  font-size: 0.22rem;
  color: #FAFCFE !important;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-restaurant {
  background: linear-gradient(149deg, #3DA9EA 0%, #6D86D5 100%);
  border-radius: 0.04rem;
  background-image: url('index_banner_hlw.jpg');
  background-size: 100% 100%;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-restaurant .restaurant-title {
  margin: 0.5rem 0 0 0.95rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-restaurant .restaurant-title .restaurant-title-1 {
  font-size: 0.6rem;
  color: #fff;
  line-height: 0.85rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-restaurant .restaurant-title .title-2-top {
  margin-top: 1.4rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-restaurant .restaurant-title .restaurant-title-2 {
  font-size: 0.18rem;
  color: #EDF6FC;
  line-height: 0.25rem;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-restaurant .restaurant-title .restaurant-more {
  width: 1.64rem;
  height: 0.46rem;
  border-radius: 0.08rem;
  border: 1px solid #fff;
  font-size: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  margin-top: 0.4rem;
  cursor: pointer;
}
.youhao-product .youhao-product-detail .youhao-product-software .youhao-software-restaurant .restaurant-title .restaurant-more a {
  display: inline-block;
  width: 1.64rem;
  height: 0.46rem;
  line-height: 0.46rem;
  text-align: center;
  font-size: 0.22rem;
  color: #fff !important;
}
.youhao-big-title {
  margin: 0.8rem 0 0.6rem 0;
}
.youhao-big-title p {
  font-size: 0.6rem;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #626161;
  text-align: center;
  letter-spacing: 2px;
}
.youhao-programme {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.youhao-programme .youhao-programme-detail {
  width: calc(100% - 0.44rem);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.youhao-programme .youhao-programme-detail .youhao-detail-list {
  width: 4.52rem;
  height: 2.58rem;
  background-color: #F5F7FA;
  margin-top: 0.26rem;
  border-radius: 0.04rem;
  cursor: pointer;
  background-image: url('index_fd_icon452x258.png');
  background-size: 18.08rem 7.74rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.youhao-programme .youhao-programme-detail .youhao-detail-list a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.youhao-programme .youhao-programme-detail .youhao-detail-list a .title {
  margin: 0.38rem 0 0 0.64rem;
}
.youhao-programme .youhao-programme-detail .youhao-detail-list a .title p {
  text-align: left;
}
.youhao-programme .youhao-programme-detail .youhao-detail-list a .title p:nth-child(1) {
  color: #626161;
  line-height: 0.37rem;
  height: 0.37rem;
  font-size: 0.26rem;
}
.youhao-programme .youhao-programme-detail .youhao-detail-list a .title p:nth-child(2) {
  height: 0.25rem;
  line-height: 0.25rem;
  font-size: 0.18rem;
  color: #ACADAE;
}
.youhao-programme .youhao-programme-detail .list-1 {
  background-position: 0 0 !important;
}
.youhao-programme .youhao-programme-detail .list-2 {
  background-position: -4.52rem 0 !important;
}
.youhao-programme .youhao-programme-detail .list-3 {
  background-position: -9.04rem 0 !important;
}
.youhao-programme .youhao-programme-detail .list-4 {
  background-position: -13.56rem 0 !important;
}
.youhao-programme .youhao-programme-detail .list-5 {
  background-position: 0 -2.52rem !important;
}
.youhao-programme .youhao-programme-detail .list-6 {
  background-position: -4.52rem -2.52rem !important;
}
.youhao-programme .youhao-programme-detail .list-7 {
  background-position: -9.04rem -2.52rem !important;
}
.youhao-programme .youhao-programme-detail .list-8 {
  background-position: -13.56rem -2.52rem !important;
}
.youhao-programme .youhao-programme-detail .list-1:hover {
  transition: all 0.2s linear;
  background: #F5CD86;
  background-image: url('index_fd_icon_w452x258.png') !important;
  background-size: 18.08rem 7.74rem;
}
.youhao-programme .youhao-programme-detail .list-1:hover p {
  color: #fff !important;
}
.youhao-programme .youhao-programme-detail .list-2:hover {
  transition: all 0.2s linear;
  background: #9AA9F0;
  background-image: url('index_fd_icon_w452x258.png') !important;
  background-size: 18.08rem 7.74rem;
}
.youhao-programme .youhao-programme-detail .list-2:hover p {
  color: #fff !important;
}
.youhao-programme .youhao-programme-detail .list-3:hover {
  transition: all 0.2s linear;
  background: #F6B78C;
  background-image: url('index_fd_icon_w452x258.png') !important;
  background-size: 18.08rem 7.74rem;
}
.youhao-programme .youhao-programme-detail .list-3:hover p {
  color: #fff !important;
}
.youhao-programme .youhao-programme-detail .list-4:hover {
  transition: all 0.2s linear;
  background: #EE9797;
  background-image: url('index_fd_icon_w452x258.png') !important;
  background-size: 18.08rem 7.74rem;
}
.youhao-programme .youhao-programme-detail .list-4:hover p {
  color: #fff !important;
}
.youhao-programme .youhao-programme-detail .list-5:hover {
  transition: all 0.2s linear;
  background: #EF7A7A;
  background-image: url('index_fd_icon_w452x258.png') !important;
  background-size: 18.08rem 7.74rem;
}
.youhao-programme .youhao-programme-detail .list-5:hover p {
  color: #fff !important;
}
.youhao-programme .youhao-programme-detail .list-6:hover {
  transition: all 0.2s linear;
  background: #90C8EE;
  background-image: url('index_fd_icon_w452x258.png') !important;
  background-size: 18.08rem 7.74rem;
}
.youhao-programme .youhao-programme-detail .list-6:hover p {
  color: #fff !important;
}
.youhao-programme .youhao-programme-detail .list-7:hover {
  transition: all 0.2s linear;
  background: #8786EB;
  background-image: url('index_fd_icon_w452x258.png') !important;
  background-size: 18.08rem 7.74rem;
}
.youhao-programme .youhao-programme-detail .list-7:hover p {
  color: #fff !important;
}
.youhao-programme .youhao-programme-detail .list-8:hover {
  transition: all 0.2s linear;
  background: #86DBBF;
  background-image: url('index_fd_icon_w452x258.png') !important;
  background-size: 18.08rem 7.74rem;
}
.youhao-programme .youhao-programme-detail .list-8:hover p {
  color: #fff !important;
}
.youhao-normal-title {
  margin: 0.42rem 0;
}
.youhao-normal-title p {
  font-size: 0.26rem;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #626161;
  text-align: center;
  letter-spacing: 2px;
  cursor: pointer;
}
.youhao-normal-title p:hover {
  color: #F6C882;
}
.youhao-customer-banner {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.youhao-customer-banner .customer-wrap {
  width: calc(100% - 0.32rem);
}
.youhao-customer-banner .customer-wrap .customer-title {
  font-size: 0.6rem;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #626161;
  text-align: center;
  padding: 0.74rem 0 0.66rem 0;
}
.youhao-customer-banner .customer-wrap .mySwiper3 {
  width: 100%;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .swiper-slide .banner {
  width: 100%;
  height: 3.6rem;
  background-image: url('620X360间隔14.png') !important;
  background-size: 18.88rem 24.26rem !important;
  border-radius: 8px 8px 0px 0px;
  background-color: #3596E3;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .swiper-slide p {
  width: 4rem;
  font-size: 0.16rem;
  font-weight: 400;
  color: #626161;
  margin-top: 0.36rem;
  text-align: justify;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide1 {
  background-position: -0.8rem 0;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide2 {
  background-position: -7.2rem 0;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide3 {
  background-position: -13.4rem 0;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide4 {
  background-position: -0.8rem -3.7rem;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide5 {
  background-position: -7.2rem -3.6rem;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide6 {
  background-position: -13.4rem -11.22rem;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide7 {
  background-position: -0.8rem -7.4rem;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide8 {
  background-position: -7.2rem -7.4rem;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide9 {
  background-position: -13.4rem -7.4rem;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide10 {
  background-position: -0.8rem -15rem;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide11 {
  background-position: -7.2rem -15rem;
}
.youhao-customer-banner .customer-wrap .mySwiper3 .slide12 {
  background-position: -13.4rem -15rem;
}
.youhao-customer-banner .customer-wrap .title-more {
  width: 100%;
  height: 0.34rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
}
.youhao-customer-banner .customer-wrap .title-more a {
  font-size: 0.24rem;
  color: #626161;
  text-align: center;
  cursor: pointer !important;
}
.youhao-footer {
  margin-top: 0.2rem;
}
#pagination-lang .swiper-pagination-bullet {
  width: 0.8rem !important;
  height: 2px !important;
  border-radius: 0;
}