@charset "utf-8";
/* 响应式布局 - 适配不同设备尺寸 */

/* 超大屏幕设备 (宽度小于等于1440px) */
@media screen and (max-width: 1439.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1.125rem; /* 18px */
    line-height: 2.2;
    margin-bottom: 0.625rem;
  }
  
  .mainText h2 {
    font-size: 2.25rem;
    margin-bottom: 4.5rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    margin-bottom: 1.875rem;
  }
  
  .service_item {
    padding: 2.75rem 2.75rem;
  }
  
  .service_icon {
    margin-bottom: 1.375rem;
  }
  
  .service_icon img {
    width: 4.75rem;
    height: 4.75rem;
  }
  
  .service_title {
    font-size: 1.625rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .service-content {
    padding: 2.75rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.625rem;
    margin-bottom: 1.125rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 4.25rem;
    padding-bottom: 3.75rem;
  }
  
  .service-process .section-title {
    margin-bottom: 2.75rem;
  }
  
  .process-swiper-container {
    padding: 0 2.75rem;
  }
  
  .process-icon {
    width: 6rem;
    height: 6rem;
    margin: 0 auto 1.375rem;
  }
  
  .process-icon img {
    width: 2.875rem;
    height: 2.875rem;
  }
  
  .process-title {
    font-size: 1.0625rem;
  }
}

/* 大屏幕设备 (宽度小于等于1400px) */
@media screen and (max-width: 1399.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1.0625rem;
    line-height: 2.1;
    margin-bottom: 0.5625rem;
  }
  
  .mainText h2 {
    font-size: 2.125rem;
    margin-bottom: 4.25rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
    margin-bottom: 1.75rem;
  }
  
  .service_item {
    padding: 2.5rem 2.5rem;
  }
  
  .service_icon {
    margin-bottom: 1.25rem;
  }
  
  .service_icon img {
    width: 4.5rem;
    height: 4.5rem;
  }
  
  .service_title {
    font-size: 1.5rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .service-content {
    padding: 2.5rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 4rem;
    padding-bottom: 3.5rem;
  }
  
  .service-process .section-title {
    margin-bottom: 2.5rem;
  }
  
  .process-swiper-container {
    padding: 0 2.5rem;
  }
  
  .process-icon {
    width: 5.75rem;
    height: 5.75rem;
    margin: 0 auto 1.25rem;
  }
  
  .process-icon img {
    width: 2.75rem;
    height: 2.75rem;
  }
  
  .process-title {
    font-size: 1rem;
  }
}

/* 大屏幕设备 (宽度小于等于1280px) */
@media screen and (max-width: 1279.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 0.5rem;
  }
  
  .mainText h2 {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 1.625rem;
  }
  
  .service_item {
    padding: 2.5rem 2.25rem;
  }
  
  .service_icon {
    margin-bottom: 1.125rem;
  }
  
  .service_icon img {
    width: 4.25rem;
    height: 4.25rem;
  }
  
  .service_title {
    font-size: 1.375rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .service-content {
    padding: 2.25rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 3.75rem;
    padding-bottom: 3.25rem;
  }
  
  .service-process .section-title {
    margin-bottom: 2.25rem;
  }
  
  .process-swiper-container {
    padding: 0 2.25rem;
  }
  
  .process-icon {
    width: 5.5rem;
    height: 5.5rem;
    margin: 0 auto 1.125rem;
  }
  
  .process-icon img {
    width: 2.625rem;
    height: 2.625rem;
  }
  
  .process-title {
    font-size: 1rem;
  }
}

/* 标准屏幕设备 (宽度小于等于1200px) */
@media screen and (max-width: 1199.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 0.5rem;
  }
  
  .mainText h2 {
    font-size: 1.875rem;
    margin-bottom: 3.75rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    margin-bottom: 1.5rem;
  }
  
  .service_item {
    padding: 2.5rem 2rem;
  }
  
  .service_icon {
    margin-bottom: 1rem;
  }
  
  .service_icon img {
    width: 4rem;
    height: 4rem;
  }
  
  .service_title {
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .service-content {
    padding: 2rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 3.5rem;
    padding-bottom: 3rem;
  }
  
  .service-process .section-title {
    margin-bottom: 2rem;
  }
  
  .process-swiper-container {
    padding: 0 2rem;
  }
  
  .process-icon {
    width: 5.25rem;
    height: 5.25rem;
    margin: 0 auto 1rem;
  }
  
  .process-icon img {
    width: 2.5rem;
    height: 2.5rem;
  }
  
  .process-title {
    font-size: 1rem;
  }
}

/* 小屏电脑设备 (宽度小于等于1024px) */
@media screen and (max-width: 1023.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 0.5rem;
  }
  
  .mainText h2 {
    font-size: 1.75rem;
    margin-bottom: 3.5rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    margin-bottom: 1.375rem;
  }
  
  .service_item {
    padding: 2.5rem 1.875rem;
  }
  
  .service_icon {
    margin-bottom: 1rem;
  }
  
  .service_icon img {
    width: 3.75rem;
    height: 3.75rem;
  }
  
  .service_title {
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .service-content {
    padding: 1.875rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 3.25rem;
    padding-bottom: 2.75rem;
  }
  
  .service-process .section-title {
    margin-bottom: 1.875rem;
  }
  
  .process-swiper-container {
    padding: 0 1.875rem;
  }
  
  .process-icon {
    width: 5rem;
    height: 5rem;
    margin: 0 auto 0.875rem;
  }
  
  .process-icon img {
    width: 2.375rem;
    height: 2.375rem;
  }
  
  .process-title {
    font-size: 1rem;
  }
}

/* 平板横屏设备 (宽度小于等于992px) */
@media screen and (max-width: 991.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 0.5rem;
  }
  
  .mainText h2 {
    font-size: 1.625rem;
    margin-bottom: 3.25rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
    margin-bottom: 1.25rem;
  }
  
  .service_item {
    padding: 2.5rem 1.75rem;
  }
  
  .service_icon {
    margin-bottom: 1rem;
  }
  
  .service_icon img {
    width: 3.5rem;
    height: 3.5rem;
  }
  
  .service_title {
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }

  .service-content {
    padding: 1.75rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }
  
  .service-process .section-title {
    margin-bottom: 1.75rem;
  }
  
  .process-swiper-container {
    padding: 0 1.75rem;
  }
  
  .process-icon {
    width: 4.75rem;
    height: 4.75rem;
    margin: 0 auto 0.75rem;
  }
  
  .process-icon img {
    width: 2.25rem;
    height: 2.25rem;
  }
  
  .process-title {
    font-size: 1rem;
  }
}

/* 平板竖屏设备 (宽度小于等于768px) */
@media screen and (max-width: 767.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 0.5rem;
  }
  
  .mainText h2 {
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.125rem;
  }
  
  .service_item {
    padding: 2.5rem 1.5rem;
  }
  
  .service_icon {
    margin-bottom: 1rem;
  }
  
  .service_icon img {
    width: 3.25rem;
    height: 3.25rem;
  }
  
  .service_title {
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .service-content {
    padding: 1.5rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 2.75rem;
    padding-bottom: 2.25rem;
  }
  
  .service-process .section-title {
    margin-bottom: 1.5rem;
  }
  
  .process-swiper-container {
    padding: 0 1.5rem;
  }
  
  .process-icon {
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto 0.75rem;
  }
  
  .process-icon img {
    width: 2.125rem;
    height: 2.125rem;
  }
  
  .process-title {
    font-size: 1rem;
  }
}

/* 大屏手机设备 (宽度小于等于576px) */
@media screen and (max-width: 575.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 0.5rem;
  }
  
  .mainText h2 {
    font-size: 1.375rem;
    margin-bottom: 1.5rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin-bottom: 1rem;
  }
  
  .service_item {
    padding: 2.0rem 1.25rem;
  }
  
  .service_icon {
    margin-bottom: 1rem;
  }
  
  .service_icon img {
    width: 3rem;
    height: 3rem;
  }
  
  .service_title {
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .service-content {
    padding: 1.25rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 2.25rem;
    padding-bottom: 2rem;
  }
  
  .service-process .section-title {
    margin-bottom: 1.25rem;
  }
  
  .process-swiper-container {
    padding: 0 0;
  }
  
  .process-dots {
    margin-bottom: 1.25rem;
  }
  
  .process-dots span {
    width: 0.3125rem;
    height: 0.3125rem;
    margin: 0 0.25rem;
  }
  
  .process-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 auto 0.625rem;
  }
  
  .process-icon img {
    width: 1.875rem;
    height: 1.875rem;
  }
  
  .process-title {
    font-size: 0.875rem;
  }
}

/* iPhone及中等手机设备 (宽度小于等于375px) */
@media screen and (max-width: 374.98px) {
  /* 服务支持 */
  .mainText {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 0.375rem;
  }
  
  .mainText h2 {
    font-size: 1.25rem;
    margin-bottom: 2.25rem;
  }
  
  .service_swiper .swiper-wrapper {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    margin-bottom: 0.875rem;
  }
  
  .service_item {
    padding: 2.0rem 1.125rem;
  }
  
  .service_icon {
    margin-bottom: 1rem;
  }
  
  .service_icon img {
    width: 2.75rem;
    height: 2.75rem;
  }
  
  .service_title {
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
  }
  
  .service_desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .service-content {
    padding: 1.125rem;
  }
  
  .service-content .mainInfo h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  
  /* 服务流程样式 */
  .service-process {
    padding-top: 2rem;
    padding-bottom: 1.75rem;
  }
  
  .service-process .section-title {
    margin-bottom: 1.125rem;
  }
  
  .process-swiper-container {
    padding: 0 0;
  }
  
  .process-dots {
    margin-bottom: 1.125rem;
  }
  
  .process-dots span {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0 0.1875rem;
  }
  
  .process-icon {
    width: 3.75rem;
    height: 3.75rem;
    margin: 0 auto 0.5rem;
  }
  
  .process-icon img {
    width: 1.75rem;
    height: 1.75rem;
  }
  
  .process-title {
    font-size: 0.875rem;
  }
}