/* 响应式设计 - 基准字体大小设置 */
/* 移动端默认：以375px为基准，1rem = 37.5px (10rem = 375px) */
html {
  font-size: 37.5px; /* 375px / 10 = 37.5px */
}

/* 平板端 (768px - 1023px) */
@media screen and (min-width: 768px) {
  html {
    font-size: 50px; /* 750px / 15 = 50px, 使内容适当放大 */
  }
}

/* 桌面端 (1024px及以上) */
@media screen and (min-width: 1024px) {
  html {
    font-size: 62.5px; /* 1250px / 20 = 62.5px */
  }
}

/* 大屏幕桌面端 (1440px及以上) */
@media screen and (min-width: 1440px) {
  html {
    font-size: 75px; /* 1500px / 20 = 75px */
  }
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0;
  padding: 0;
  background: #f4f4f4;
}
a,
a:link,
a:active,
a:visited,
a:hover {
  text-decoration: none !important;
}
.wrap {
  width: 100%;
  max-width: 10rem;
  margin: 1.28rem auto 0;
  position: relative;
  padding: 0 0.4rem;
  box-sizing: border-box;
}

/* 平板端适配 */
@media screen and (min-width: 768px) {
  .wrap {
    max-width: 15rem;
    padding: 0 1rem;
  }
}

/* 桌面端适配 */
@media screen and (min-width: 1024px) {
  .wrap {
    max-width: 20rem;
    padding: 0 2rem;
  }
}

/* 大屏幕桌面端适配 */
@media screen and (min-width: 1440px) {
  .wrap {
    max-width: 24rem;
    padding: 0 3rem;
  }
}
.wrap.home {
  margin-top: 0;
}
.wrap .header-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.333rem;
  font-size: 0.427rem;
  padding: 0 0.267rem;
  overflow: hidden;
  background: #032A83;
}
.wrap .header-box .iconfont {
  color: #fff;
}
.wrap .header-box .head-logo {
  height: 70%;
}

/* .home-seo-text{
max-width:8.8rem;
margin:0.8rem auto;
padding:0 0.4rem;
line-height:1.8;
font-size:0.32rem;
color:#666;
box-sizing:border-box;
clear:both;
}

.home-seo-text h2{
font-size:0.5rem;
margin-bottom:0.3rem;
}

.home-seo-text p{
margin-bottom:0.25rem;
} */

.seo-h1{
position:absolute;
left:-9999px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.seo-content{
max-width:1100px;
margin:60px auto;
padding:0 20px;
line-height:1.8;
font-size:16px;
}

.seo-content h1{
font-size:32px;
margin-bottom:20px;
}

.seo-content h2{
margin-top:30px;
font-size:24px;
}

.seo-content table{
width:100%;
margin-top:20px;
border-collapse:collapse;
}

.seo-content th,
.seo-content td{
padding:10px;
border:1px solid #ddd;
}
.wrap .banner-box {
  display: flex;
  height: 7.653rem;
  background: url(../images/banner-bg1.html) no-repeat center center;
  background-size: contain;
}
.wrap .banner-box.ban2 {
  height: 4.267rem;
  background: url(../images/banner-bg2.html) no-repeat center center;
  background-size: contain;
}
.wrap .banner-box .banner-info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1;
  padding: 0.6rem;
}
.wrap .banner-box .banner-info p {
  color: #fff;
  font-size: 0.4rem;
}
.wrap .banner-box .banner-info p.p1 {
  font-size: 0.5rem;
}
.wrap .banner-box .banner-info p.p2 {
  font-size: 0.64rem;
  font-weight: bold;
}
.wrap .banner-box .banner-info a {
  display: inline-block;
  width: 3rem;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #fff;
  font-size: 0.427rem;
  text-align: center;
  border-radius: 0.8rem;
  background: #fdb11f;
}
.wrap .home-box {
  padding: 0.267rem;
  margin-bottom: 0.267rem;
  /* 改为浅灰背景，便于视觉分层；如需其他颜色请告知 */
  background: #052056;
}
.wrap .home-box:last-child {
  margin-bottom: 0;
}
.wrap .home-title {
  display: flex;
  justify-content: center;
  padding: 0.16rem 0;
}
.wrap .home-title .title-box {
  display: inline-block;
  font-size: 0.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em;
  position: relative;
  padding: 0 0.133rem;
}
.wrap .home-title .title-box > span {
  position: relative;
  z-index: 1;
}
.wrap .home-title .title-box::after {
  display: inline-block;
  content: '';
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 0;
  position: absolute;
  bottom: -0.053rem;
  left: 0;
  border-bottom: 0.213rem solid #fff08b;
  transform: skewX(-30deg);
}
.wrap .value-box .item {
  margin-top: 0.533rem;
}
.wrap .value-box .title {
  color: #FC8E00;
  font-size: 0.373rem;
  font-weight: bold;
  padding: 0.4rem 0;
}
.wrap .value-box .title.align-right {
  text-align: right;
}
.wrap .value-box .main {
  display: flex;
  justify-content: space-between;
}
.wrap .value-box .main .text {
  flex: 60% 0 0;
  font-size: 0.373rem;
  line-height: 1.4em;
}
.wrap .value-box .main .img {
  flex: 35% 0 0;
}
.wrap .value-box .main .img img {
  width: 100%;
}
.wrap .value-box .main .free-btn {
  display: inline-block;
  width: 2.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  color: #fff;
  font-size: 0.4rem;
  text-align: center;
  margin-top: 0.4rem;
  border-radius: 0.8rem;
  background: #fdb11f;
}
.wrap .match-person {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.267rem;
}
.wrap .match-person .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 47% 0 0;
  margin-top: 0.4rem;
}
.wrap .match-person .item .img {
  width: 1.333rem;
}
.wrap .match-person .item p {
  margin: 0.4rem 0;
  font-size: 0.373rem;
}
.wrap .match-person .item .desc {
  height: 1.6rem;
  color: #999;
}
.wrap .news-box .hot-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.067rem;
  font-size: 0.373rem;
  border-bottom: 0.013rem solid #d8d8d8;
}
.wrap .news-box .news-swiper {
  margin-top: 0.4rem;
}
.wrap .news-box .news-swiper .news-list {
  margin-top: 0.4rem;
}
.wrap .news-box .news-swiper .news-list .item {
  display: flex;
  align-items: center;
  height: 1.067rem;
  font-size: 0.373rem;
  padding-left: 0.533rem;
  position: relative;
  border-bottom: 0.013rem dashed #d8d8d8;
}
.wrap .news-box .news-swiper .news-list .item:last-child {
  border: none;
}
.wrap .news-box .news-swiper .news-list .item::before {
  display: inline-block;
  content: '';
  width: 0.213rem;
  height: 0.213rem;
  position: absolute;
  left: 0.133rem;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
  background: #d8d8d8;
}
.wrap .invite-box {
  text-align: center;
  margin: 1.333rem 0;
  font-size: 0.533rem;
}
.wrap .invite-box a {
  color: #00f;
}
.wrap .solve-box .item {
  margin-top: 0.4rem;
}
.wrap .solve-box .item .title {
  font-size: 0.373rem;
  font-weight: bold;
}
.wrap .solve-box .item .desc {
  font-size: 0.373rem;
  margin-top: 0.4rem;
  line-height: 1.4em;
}
.sub-banner {
  position: relative;
}
.sub-banner .sub-ban-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.sub-banner .sub-ban-info .sub-ban-title {
  color: #fff;
  font-size: 0.56rem;
  font-weight: bold;
}
.sub-banner .sub-ban-info .sub-ban-line {
  margin-top: 0.2rem;
}
.sub-banner .sub-ban-info .sub-ban-line img {
  width: 0.533rem;
}
.sub-banner .sub-ban-info .sub-ban-desc {
  color: #fff;
  font-size: 0.4rem;
  line-height: 0.613rem;
  margin-top: 0.2rem;
}
.full-img {
  width: 100%;
}
.home-header {
  position: relative;
  /* 移除固定高度，改为自适应 */
  min-height: 15.867rem;
}
.home-header .home-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 10rem;
  height: 1.733rem;
  padding: 0 0.4rem;
  z-index: 11;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  background: #032A83;
  box-shadow: 0 0 0.133rem 0.027rem rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .home-header .home-top {
    max-width: 15rem;
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .home-header .home-top {
    max-width: 20rem;
    padding: 0 2rem;
  }
}
.home-header .home-top .logo img {
  /* 增大 logo 显示，并保持宽高比 */
  height: 1rem;
  width: auto;
}
.home-header .home-top .menu img {
  height: 0.547rem;
}
.home-header .banner-box {
  width: 100%;
  /* 移除固定高度和overflow，让内容完整显示 */
  height: auto;
  /* 为固定在顶部的导航栏留出空间，避免遮挡图片 */
  padding-top: 1.733rem;
}
.home-header .banner-box img {
  width: 100%;
  height: auto;
  display: block;
  font-size: 0;
}
.home-header .banner-box .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
.home-header .banner-box .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffd804;
}
.foot-box {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 0;
  overflow: hidden;
  background: #121315;
  box-sizing: border-box;
}

.foot-box .foot-head,
.foot-box .foot-main,
.foot-box .foot-cpy,
.foot-box .foot-app {
  width: 100%;
  max-width: 10rem;
  margin: 0 auto;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  box-sizing: border-box;
}

/* 平板端：增加footer内边距和最大宽度 */
@media screen and (min-width: 768px) {
  .foot-box .foot-head,
  .foot-box .foot-main,
  .foot-box .foot-cpy,
  .foot-box .foot-app {
    max-width: 15rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* 桌面端：增加footer内边距和最大宽度 */
@media screen and (min-width: 1024px) {
  .foot-box .foot-head,
  .foot-box .foot-main,
  .foot-box .foot-cpy,
  .foot-box .foot-app {
    max-width: 20rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.foot-box .foot-head {
  padding: 0.667rem 0;
  border-bottom: 1px solid #474749;
}
.foot-box .foot-head img {
  width: 2.573rem;
}
.foot-box .foot-main {
  padding: 0.4rem 0;
}
.foot-box .foot-main .title {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.32rem;
  padding: 0.2rem 0;
}
.foot-box .foot-main .main-info {
  color: #fff;
  font-size: 0.373rem;
}
.foot-box .foot-main .main-info a {
  color: #fff;
}
.foot-box .foot-main .sub-title {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.293rem;
  padding: 0.2rem 0;
}
.foot-box .foot-main .box-1 {
  display: flex;
  justify-content: space-between;
}
.foot-box .foot-main .menu-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.4rem 0;
}
.foot-box .foot-main .menu-link img {
  width: 0.107rem;
  font-size: 0;
}
.foot-box .foot-main .menu-link a {
  color: #fff;
  font-size: 0.347rem;
}
.foot-box .foot-main .foot-service {
  margin-bottom: 0.267rem;
}
.foot-box .foot-main .s-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.foot-box .foot-main .s-list .item {
  color: #fff;
  font-size: 0.373rem;
  margin: 0.067rem 0;
}
.foot-box .foot-cpy {
  margin-top: 0.267rem;
  padding: 0.267rem 0;
  border-top: 1px solid #474749;
  border-bottom: 1px solid #474749;
}
.foot-box .foot-cpy p {
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
}
.foot-box .foot-cpy a {
  color: #fff;
}
.foot-box .foot-app {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0.667rem 0;
}
.foot-box .foot-app img {
  width: 0.827rem;
}
.row {
  margin-right: -0.2rem;
  margin-left: -0.2rem;
  row-gap: 0.187rem;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}
.cus-title-box {
  text-align: center;
  color: #000;
}
.cus-title-box .main-title {
  font-size: 0.56rem;
  font-weight: bold;
  text-align: center;
}
.cus-title-box .main-title img {
  height: 1.333rem;
  font-size: 0;
}
.cus-title-box .main-title img.height-80 {
  height: 1.067rem;
}
.cus-title-box .sub-title {
  font-size: 0.373rem;
  margin-top: 0.4rem;
  line-height: 0.613rem;
}
.info-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.653rem;
  height: 0.933rem;
  border: 0.04rem solid transparent;
  font-size: 0.347rem;
  cursor: pointer;
}
.info-btn.white {
  color: #fff;
  border-color: #fff;
}
.info-btn.black {
  color: #000;
  border-color: #000;
}
.info-btn img {
  width: 0.36rem;
  font-size: 0;
  margin-left: 0.133rem;
}

/* 首屏CTA区域 */
.hero-cta {
  background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
  padding: 1.2rem 0.4rem;
  text-align: center;
  border-bottom: 1px solid #e5e7eb;
}

.hero-cta-title {
  font-size: 0.56rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.3rem;
  line-height: 1.4;
}

.hero-cta-subtitle {
  font-size: 0.32rem;
  color: #6b7280;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

.hero-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  max-width: 12rem;
  margin: 0 auto;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.8rem;
  font-size: 0.37rem;
  font-weight: 500;
  border-radius: 0.133rem;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
  min-width: 3.5rem;
}

.cta-btn .icon {
  font-size: 0.48rem;
  margin-right: 0.2rem;
}

/* 主要按钮 - 橙红色渐变 */
.cta-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: #ffffff;
  border: none;
  box-shadow: 0 0.1rem 0.267rem rgba(255, 107, 53, 0.3);
}

.cta-primary:hover {
  background: linear-gradient(135deg, #ff8555 0%, #ffa13e 100%);
  box-shadow: 0 0.133rem 0.4rem rgba(255, 107, 53, 0.4);
  transform: translateY(-0.053rem);
  color: #ffffff;
}

/* 次要按钮 - 描边样式 */
.cta-secondary {
  background: #ffffff;
  color: #ff6b35;
  border: 0.053rem solid #ff6b35;
}

.cta-secondary:hover {
  background: #fff5f2;
  color: #ff6b35;
  border-color: #ff8555;
  transform: translateY(-0.053rem);
}

/* APP下载按钮 - 蓝色 */
.cta-app {
  background: #ffffff;
  color: #3b82f6;
  border: 0.053rem solid #3b82f6;
}

.cta-app:hover {
  background: #eff6ff;
  color: #3b82f6;
  border-color: #60a5fa;
  transform: translateY(-0.053rem);
}

/* 物流追踪按钮 - 绿色 */
.cta-tracking {
  background: #ffffff;
  color: #16a34a;
  border: 0.053rem solid #16a34a;
}

.cta-tracking:hover {
  background: #f0fdf4;
  color: #16a34a;
  border-color: #22c55e;
  transform: translateY(-0.053rem);
}

/* 响应式设计 */
@media screen and (max-width: 767px) {
  .hero-cta {
    padding: 0.8rem 0.4rem;
  }
  
  .hero-cta-title {
    font-size: 0.48rem;
    margin-bottom: 0.27rem;
  }
  
  .hero-cta-subtitle {
    font-size: 0.29rem;
    margin-bottom: 0.67rem;
  }
  
  .hero-cta-buttons {
    flex-direction: column;
    gap: 0.27rem;
    width: 100%;
  }
  
  .cta-btn {
    width: 100%;
    max-width: 7rem;
    padding: 0.35rem 0.67rem;
    font-size: 0.35rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hero-cta {
    padding: 1rem 0.67rem;
  }
  
  .hero-cta-title {
    font-size: 0.64rem;
  }
  
  .hero-cta-subtitle {
    font-size: 0.35rem;
  }
  
  .cta-btn {
    min-width: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .hero-cta {
    padding: 1.6rem 1rem;
  }
  
  .hero-cta-title {
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
  }
  
  .hero-cta-subtitle {
    font-size: 0.43rem;
    margin-bottom: 1rem;
  }
  
  .hero-cta-buttons {
    gap: 0.53rem;
  }
  
  .cta-btn {
    padding: 0.45rem 1rem;
    font-size: 0.4rem;
    min-width: 4.5rem;
  }
  
  .cta-btn .icon {
    font-size: 0.53rem;
  }
}

/* 目的地选择弹窗 */
.destination-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  backdrop-filter: blur(0.053rem);
  -webkit-backdrop-filter: blur(0.053rem);
}

.destination-modal-overlay.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.destination-modal {
  background: #ffffff;
  border-radius: 0.267rem;
  width: 90%;
  max-width: 9rem;
  box-shadow: 0 0.267rem 1.333rem rgba(0, 0, 0, 0.3);
  animation: modalSlideIn 0.3s ease-out;
  margin: 0 auto;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-0.533rem) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.533rem;
  border-bottom: 0.027rem solid #e6e6e6;
}

.modal-title {
  font-size: 0.48rem;
  font-weight: bold;
  color: #1e1e1e;
  margin: 0;
}

.modal-close {
  font-size: 0.667rem;
  color: #999;
  cursor: pointer;
  width: 0.667rem;
  height: 0.667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  line-height: 1;
}

.modal-close:hover {
  color: #ff6b35;
  transform: rotate(90deg);
}

.modal-body {
  display: flex;
  gap: 0.4rem;
  padding: 0.533rem;
  justify-content: center;
  flex-wrap: wrap;
}

.destination-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.667rem;
  border: 0.053rem solid #e6e6e6;
  border-radius: 0.213rem;
  text-decoration: none;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  position: relative;
  overflow: hidden;
}

.destination-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.1), transparent);
  transition: left 0.5s ease;
}

.destination-card:hover::before {
  left: 100%;
}

.destination-card:hover {
  border-color: #ff6b35;
  box-shadow: 0 0.133rem 0.533rem rgba(255, 107, 53, 0.2);
  transform: translateY(-0.133rem);
}

.destination-card:active {
  transform: translateY(-0.067rem) scale(0.98);
}

.destination-card .flag {
  font-size: 1.2rem;
  margin-bottom: 0.267rem;
  filter: drop-shadow(0 0.053rem 0.107rem rgba(0, 0, 0, 0.1));
}

.destination-card .country {
  font-size: 0.4rem;
  font-weight: bold;
  color: #1e1e1e;
  margin: 0 0 0.133rem 0;
}

.destination-card .delivery-time {
  font-size: 0.347rem;
  color: #ff6b35;
  font-weight: 600;
  margin: 0;
}

/* 移动端适配 */
@media (max-width: 767px) {
  .destination-modal {
    width: 85%;
    max-width: none;
  }

  .modal-title {
    font-size: 0.427rem;
  }

  .modal-close {
    font-size: 0.533rem;
    width: 0.533rem;
    height: 0.533rem;
  }

  .modal-body {
    gap: 0.267rem;
    padding: 0.4rem 0.267rem;
  }

  .destination-card {
    width: 2.133rem;
    height: 2.4rem;
  }

  .destination-card .flag {
    font-size: 1rem;
  }

  .destination-card .country {
    font-size: 0.373rem;
  }

  .destination-card .delivery-time {
    font-size: 0.32rem;
  }
}

/* 桌面端优化 */
@media (min-width: 1024px) {
  .destination-modal {
    max-width: 24rem;
  }

  .modal-title {
    font-size: 1rem;
  }

  .modal-close {
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .modal-body {
    gap: 1rem;
    padding: 1.2rem;
  }

  .destination-card {
    width: 6rem;
    height: 6.5rem;
  }

  .destination-card .flag {
    font-size: 3rem;
  }

  .destination-card .country {
    font-size: 0.95rem;
  }

  .destination-card .delivery-time {
    font-size: 0.75rem;
  }
}

.home-service {
  padding: 1.2rem 0.4rem;
  background: #fff;
}
.home-service .service-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 0.4rem;
}
.home-service .service-list .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.907rem;
  height: 1.6rem;
  margin: 0.133rem 0;
  color: #1e1e1e;
  font-size: 0.347rem;
  font-weight: bold;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.home-service .service-list .item .fuwu {
text-align:center;
}
.home-service .service-list .item .fuwu p {
font-size:0.26rem;
}

.home-service .service-list .item:hover {
  color: #2963db;
}
.home-service .service-list .item.active {
  color: #2963db;
}
.home-service .service-list .item.item-1 {
  background-image: url(../images/service-bg-1.jpg);
}
.home-service .service-list .item.item-1:hover,
.home-service .service-list .item.item-1.active {
  background-image: url(../images/service-bg-1-hover.jpg);
}
.home-service .service-list .item.item-2 {
  background-image: url(../images/service-bg-2.jpg);
}
.home-service .service-list .item.item-2:hover,
.home-service .service-list .item.item-2.active {
  background-image: url(../images/service-bg-2-hover.jpg);
}
.home-service .service-list .item.item-3 {
  background-image: url(../images/service-bg-3.jpg);
}
.home-service .service-list .item.item-3:hover,
.home-service .service-list .item.item-3.active {
  background-image: url(../images/service-bg-3-hover.jpg);
}
.home-service .service-list .item.item-4 {
  background-image: url(../images/service-bg-4.jpg);
}
.home-service .service-list .item.item-4:hover,
.home-service .service-list .item.item-4.active {
  background-image: url(../images/service-bg-4-hover.jpg);
}
.home-service .service-list .item.item-5 {
  background-image: url(../images/service-bg-5.jpg);
}
.home-service .service-list .item.item-5:hover,
.home-service .service-list .item.item-5.active {
  background-image: url(../images/service-bg-5-hover.jpg);
}
.home-service .service-list .item.item-6 {
  background-image: url(../images/service-bg-6.jpg);
}
.home-service .service-list .item.item-6:hover,
.home-service .service-list .item.item-6.active {
  background-image: url(../images/service-bg-6-hover.jpg);
}
.home-service .service-info {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  width: 9.2rem;
  height: 6.4rem;
  padding: 0.667rem 0.667rem;
  margin: 0.4rem auto 0;
  color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/service-info-1.jpg);
}
.home-service .service-info .title {
  font-size: 0.39rem;
  font-weight: bold;
}

.home-service .service-info .desc {
  font-size: 0.373rem;
  line-height: 0.64rem;
  text-align:center;
}
.home-intro {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 12.4rem;
  padding: 0.667rem 0.4rem;
  background: url(../images/introduce-bg.jpg) no-repeat center center;
  background-size: contain;
}
.home-intro .intro-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home-intro .intro-list .item {
  width: 4.453rem;
  height: 2.533rem;
  margin: 0.133rem 0;
  overflow: hidden;
  position: relative;
}
.home-intro .intro-list .item img {
  width: 100%;
  height: 100%;
}
.home-intro .intro-list .item .p {
  color: #fff;
  font-size: 0.4rem;
  position: absolute;
  left: 0.533rem;
  bottom: 0.467rem;
}

.intro-list .item.info1 {background: url(../images/intro-12.png) no-repeat center center #d1d1d1; background-size: contain;}
.intro-list .item.info2 {background: url(../images/intro-60.png) no-repeat center center #d1d1d1; background-size: contain;}
.intro-list .item.info3 {background: url(../images/intro-500.png) no-repeat center center #d1d1d1; background-size: contain;}
.intro-list .item.info4 {background: url(../images/intro-200.png) no-repeat center center #d1d1d1; background-size: contain;}

.home-case {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 0.667rem 0.4rem;
  background: #fff;
}
.home-case .case-img {
  width: 100%;
  height: 4.533rem;
  margin-top: 0.667rem;
  position: relative;
  background: url(../images/case-info-pingan.png) no-repeat center center #d1d1d1; 
  background-size: contain;
}
.home-case .case-img img {
  width: 100%;
  font-size: 0;
}
.home-case .case-img .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 5.6rem;
  position: absolute;
  left: 0.533rem;
  top: 50%;
  transform: translate(0, -50%);
}
.home-case .case-img .info .tag {
  display: inline-block;
  width: 1.147rem;
  font-size: 0.213rem;
  color: #fff;
  padding: 0.027rem 0;
  text-align: center;
  border-radius: 0.08rem;
  border: 1px solid #fff;
}
.home-case .case-img .info .info-title {
  color: #ffd200;
  font-size: 0.427rem;
  font-weight: bold;
  margin: 0.267rem 0;
}
.home-case .case-img .info .info-desc {
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.48rem;
}
.home-case .case-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.667rem 0;
}
.home-case .case-list .item {
  width: 2.8rem;
  height: 1.76rem;
  border: 0.053rem solid #e6e6e6;
  margin: 0.133rem 0;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(255, 107, 53, 0.2);
}
/* 桌面端悬停效果 */
@media (hover: hover) {
  .home-case .case-list .item:hover {
    border-color: #ff6b35;
    box-shadow: 0 0.107rem 0.267rem rgba(255, 107, 53, 0.2);
    transform: translateY(-0.053rem);
  }
}
/* 移动端触摸效果 */
.home-case .case-list .item:active {
  border-color: #ff6b35;
  box-shadow: 0 0.107rem 0.267rem rgba(255, 107, 53, 0.3);
  transform: scale(0.98);
}
.home-case .case-list .item a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
}
.home-case .case-list .item img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.home-news {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 0.667rem 0.4rem;
  background: #f2f2f2;
  width: 100%;
  box-sizing: border-box;
}
.home-news .news-box {
  width: 100%;
  padding: 0.667rem 0;
  margin: 0.2rem 0;
  box-sizing: border-box;
}
.home-news .news-box .news-item {
  width: 6.667rem;
  min-height: 7.467rem;
  transform: scale(0.8);
  box-shadow: 0 0 0.133rem 0.027rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

/* 强制覆盖 header 元素背景以避免被其他规则覆盖 */
#header-menu {
  background: #2047b0 !important;
}
.home-news .news-box .news-item .img {
  width: 100%;
  height: 4rem;
}
.home-news .news-box .news-item .img img {
  width: 100%;
  font-size: 0;
}
.home-news .news-box .news-item .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 3.467rem;
  padding: 0.4rem;
  box-sizing: border-box;
}
.home-news .news-box .news-item .info .p-info {
  color: #000;
  font-size: 0.4rem;
  line-height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.133rem;
}
.home-news .news-box .news-item .info .p-date {
  color: #000;
  font-size: 0.347rem;
}
.home-news .news-box .news-item .info .tags-list .tag-item {
  height: 0.347rem;
  line-height: 0.347rem;
  padding: 0 0.133rem;
  margin: 0.133rem 0.133rem 0.133rem 0;
  border-radius: 0.08rem;
  border: 1px solid #7f7f7f;
}
.home-news .news-box .news-item.swiper-slide-active {
  transform: scale(1);
}
.home-news .news-box .news-pagination {
  bottom: 0.067rem;
}
.home-news .news-box .news-pagination .swiper-pagination-bullet {
  width: 0.267rem;
  height: 0.107rem;
  opacity: 1;
  border-radius: 0.107rem;
  background: #a4a4a4;
}
.home-news .news-box .news-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.667rem;
  background: #ffab52;
}
.head-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 10rem;
  height: 1.28rem;
  padding: 0 0.4rem;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 0.133rem 0.027rem rgba(0, 0, 0, 0.1);
  background: #f5f6f8;
  box-sizing: border-box;
}

/* 平板端和桌面端：显示导航菜单而不是汉堡菜单 */
@media screen and (min-width: 768px) {
  .head-menu {
    max-width: 15rem;
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .head-menu {
    max-width: 20rem;
    padding: 0 2rem;
  }
}
.head-menu .logo img {
  /* 桌面头部 logo 放大并保持宽高比 */
  height: 1rem;
  width: auto;
}
.head-menu .menu {
  display: block !important;
  cursor: pointer;
  width: auto;
  height: auto;
  flex-shrink: 0;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.head-menu .menu img {
  height: 0.547rem;
  width: auto;
  display: block !important;
  vertical-align: middle;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none;
}

/* 菜单按钮必须可以接收点击事件 */
.head-menu .menu .js-open-menu {
  pointer-events: auto !important;
  cursor: pointer;
}
.case-banner {
  width: 100%;
  height: 5.867rem;
}
.case-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 平板端和桌面端：增加banner高度 */
@media screen and (min-width: 768px) {
  .case-banner {
    height: 8rem;
  }
}

@media screen and (min-width: 1024px) {
  .case-banner {
    height: 10rem;
  }
}
.case-customer {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 0.667rem 0.4rem;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8edf2 100%);
}
.case-customer .cus-case-list {
  padding: 0.667rem 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
  max-width: 1400px;
}

/* 平板端：2列 */
@media screen and (min-width: 768px) {
  .case-customer .cus-case-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.533rem;
  }
}

/* 桌面端：3列 */
@media screen and (min-width: 1024px) {
  .case-customer .cus-case-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.667rem;
  }
}

.case-customer .cus-case-list .item {
  width: 100%;
  min-height: 4.267rem;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 0.267rem;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0.107rem 0.4rem rgba(0, 0, 0, 0.1);
}

.case-customer .cus-case-list .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);
  transition: all 0.4s ease;
  z-index: 1;
}

.case-customer .cus-case-list .item:hover {
  transform: translateY(-0.133rem) scale(1.02);
  box-shadow: 0 0.267rem 0.8rem rgba(0, 0, 0, 0.2);
}

.case-customer .cus-case-list .item:hover::before {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.case-customer .cus-case-list .item.bg1 {
  background-image: url(../images/cus-bg-1.png);
}
.case-customer .cus-case-list .item.bg2 {
  background-image: url(../images/cus-bg-2.png);
}
.case-customer .cus-case-list .item.bg3 {
  background-image: url(../images/cus-bg-3.png);
}

/* 纯白卡片模式：无背景图，移除深色遮罩 */
.case-customer .cus-case-list .item.card-plain {
  background: #fff;
}
.case-customer .cus-case-list .item.card-plain::before {
  display: none;
}
.case-customer .cus-case-list .item.card-plain .info {
  color: #333;
}
.case-customer .cus-case-list .item.card-plain .info .title {
  color: #333;
  text-shadow: none;
  -webkit-line-clamp: 2;
}
.case-customer .cus-case-list .item.card-plain .info .desc {
  color: #666;
  text-shadow: none;
  -webkit-line-clamp: 4;
}
.case-customer .cus-case-list .item.card-plain .info .detail a {
  color: #667eea;
}
.case-customer .cus-case-list .item.card-plain .info .detail a::after {
  background: #667eea;
}
.case-customer .cus-case-list .item.card-plain:hover {
  box-shadow: 0 0.267rem 0.8rem rgba(102, 126, 234, 0.25);
}

.case-customer .cus-case-list .info {
  width: 100%;
  color: #fff;
  position: relative;
  padding: 0.533rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: 4.267rem;
  justify-content: center;
}

.case-customer .cus-case-list .info .tag {
  font-size: 0.24rem;
  padding: 0.067rem 0.2rem;
  border-radius: 0.133rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  display: inline-block;
  width: fit-content;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.case-customer .cus-case-list .item:hover .info .tag {
  background: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  transform: translateX(0.133rem);
}

.case-customer .cus-case-list .info .title {
  font-size: 0.48rem;
  font-weight: bold;
  margin: 0.267rem 0;
  transition: all 0.3s ease;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.case-customer .cus-case-list .item:hover .info .title {
  transform: translateX(0.133rem);
  letter-spacing: 0.013rem;
}

.case-customer .cus-case-list .info .desc {
  font-size: 0.293rem;
  line-height: 1.6;
  opacity: 0.95;
  transition: all 0.3s ease;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.case-customer .cus-case-list .item:hover .info .desc {
  opacity: 1;
  transform: translateX(0.133rem);
}

.case-customer .cus-case-list .info .detail {
  margin-top: 0.267rem;
  font-size: 0.32rem;
  transition: all 0.3s ease;
}

.case-customer .cus-case-list .info .detail a {
  color: #fff;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-bottom: 0.067rem;
}

.case-customer .cus-case-list .info .detail a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width 0.3s ease;
}

.case-customer .cus-case-list .item:hover .info .detail a::after {
  width: 100%;
}

.case-customer .cus-case-list .item:hover .info .detail {
  transform: translateX(0.133rem);
}
.case-more-box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 0.667rem 0.4rem;
  background: #fff;
}
.case-more-box .case-box {
  width: 100%;
  padding: 0.1rem 0 0.667rem;
  /*.case-list{
      .case-item{
        width: 2.8rem;
        height: 1.76rem;
        border: 0.053rem solid #e6e6e6;
        img{
          width: 100%;
          height: 100%;
          font-size: 0;
        }
      }
    }*/
}
.case-more-box .case-box .case-type-title {
  text-align: center;
  font-size: 0.3rem;
  margin: 0.3rem 0;
}
.case-more-box .case-box .case-item-list {
  display: flex;
  flex-wrap: wrap;
}
.case-more-box .case-box .case-item-list .item {
  width: 2.8rem;
  height: 1.76rem;
  border: 0.053rem solid #e6e6e6;
  margin: 0 0.13rem 0.25rem;
}
.case-more-box .case-box .case-item-list .item img {
  width: 100%;
  height: 100%;
  font-size: 0;
}
.case-more-box .case-box .case-pagination {
  bottom: 0.067rem;
}
.case-more-box .case-box .case-pagination .swiper-pagination-bullet {
  width: 0.267rem;
  height: 0.107rem;
  opacity: 1;
  border-radius: 0.107rem;
  background: #a4a4a4;
}
.case-more-box .case-box .case-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.667rem;
  background: #ffab52;
}
.case-detail-dialog {
  display: none;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  padding: 0.533rem;
  animation: fadeIn 0.3s ease;
}

.case-detail-dialog.active {
  display: flex;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.case-detail-dialog .case-det-main {
  width: 90%;
  max-width: 1000px;
  max-height: 90vh;
  position: relative;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  border-radius: 0.4rem;
  box-shadow: 0 0.533rem 1.333rem rgba(0, 0, 0, 0.5);
  overflow: hidden;
  animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.case-detail-dialog .case-det-main::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  pointer-events: none;
}

.case-detail-dialog .case-det-main .close-det-btn {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
  cursor: pointer;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-detail-dialog .case-det-main .close-det-btn::before,
.case-detail-dialog .case-det-main .close-det-btn::after {
  content: '';
  position: absolute;
  width: 50%;
  height: 2px;
  background: #fff;
  top: 50%;
  left: 50%;
}

.case-detail-dialog .case-det-main .close-det-btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.case-detail-dialog .case-det-main .close-det-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.case-detail-dialog .case-det-main .close-det-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(90deg);
}

.case-detail-dialog .case-det-main .title {
  padding: 0.667rem 1.067rem;
  color: #fff;
  font-size: 0.64rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), transparent);
}

.case-detail-dialog .case-det-main .main-list {
  padding: 0.533rem 0.667rem;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

/* 美化滚动条 */
.case-detail-dialog .case-det-main .main-list::-webkit-scrollbar {
  width: 8px;
}

.case-detail-dialog .case-det-main .main-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.case-detail-dialog .case-det-main .main-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}

.case-detail-dialog .case-det-main .main-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

.case-detail-dialog .case-det-main .case-image {
  margin: 0.533rem 0;
  text-align: center;
  animation: fadeIn 0.5s ease;
}

.case-detail-dialog .case-det-main .case-image img {
  max-width: 100%;
  height: auto;
  border-radius: 0.267rem;
  box-shadow: 0 0.133rem 0.4rem rgba(0, 0, 0, 0.3);
}

.case-detail-dialog .case-det-main .main-box {
  margin-bottom: 0.533rem;
  padding: 0.533rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.267rem;
  border-left: 4px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}

.case-detail-dialog .case-det-main .main-box:hover {
  background: rgba(255, 255, 255, 0.08);
  border-left-color: #fff;
  transform: translateX(0.133rem);
}

.case-detail-dialog .case-det-main .main-box:last-child {
  margin-bottom: 0;
}

.case-detail-dialog .case-det-main .main-box .sub-title {
  color: #fff;
  font-size: 0.427rem;
  font-weight: bold;
  margin-bottom: 0.4rem;
  padding-bottom: 0.267rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
}

.case-detail-dialog .case-det-main .main-box .sub-title::before {
  content: '';
  width: 4px;
  height: 0.427rem;
  background: linear-gradient(to bottom, #667eea, #764ba2);
  margin-right: 0.267rem;
  border-radius: 2px;
}

.case-detail-dialog .case-det-main .main-box .desc {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.347rem;
  line-height: 1.8;
  padding: 0;
}

.case-detail-dialog .case-det-main .main-box ul {
  padding: 0;
  margin: 0;
}

.case-detail-dialog .case-det-main .main-box ul li {
  list-style: none;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.347rem;
  line-height: 1.8;
  padding-left: 0.533rem;
  position: relative;
  margin-bottom: 0.267rem;
}

.case-detail-dialog .case-det-main .main-box ul li::before {
  content: '▸';
  position: absolute;
  left: 0;
  color: #667eea;
  font-weight: bold;
}

.case-detail-dialog .case-det-main .main-box ul.text-indent li {
  text-indent: 0;
  padding-left: 0.533rem;
}

/* 响应式设计 */
@media screen and (max-width: 768px) {
  .case-detail-dialog .case-det-main {
    width: 95%;
    max-height: 85vh;
  }
  
  .case-detail-dialog .case-det-main .title {
    font-size: 0.48rem;
    padding: 0.533rem;
  }
  
  .case-detail-dialog .case-det-main .main-list {
    padding: 0.4rem;
  }
  
  .case-detail-dialog .case-det-main .main-box {
    padding: 0.4rem;
  }
  
  .case-detail-dialog .case-det-main .main-box .sub-title {
    font-size: 0.373rem;
  }
  
  .case-detail-dialog .case-det-main .main-box .desc,
  .case-detail-dialog .case-det-main .main-box ul li {
    font-size: 0.32rem;
  }
}
.new-info-list {
  width: 100%;
  max-width: 8.8rem;
  margin: 0.667rem auto;
  padding: 0 0.4rem;
  box-sizing: border-box;
  display: block;
}
.new-info-list .item {
  margin-bottom: 0.4rem;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0.4rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
}
.new-info-list .item:last-child {
  margin-bottom: 0;
  border: none;
  padding-bottom: 0;
}
.new-info-list .item > a {
  display: block;
  width: 100%;
}
.new-info-list .item .img {
  width: 100%;
  height: 4.667rem;
  overflow: hidden;
  border-radius: 0.133rem;
  box-sizing: border-box;
}
.new-info-list .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-size: 0;
  display: block;
}
.new-info-list .item .info {
  padding: 0.4rem 0;
  width: 100%;
  box-sizing: border-box;
  display: block;
}
.new-info-list .item .info .title {
  color: #000;
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.613rem;
}
.new-info-list .item .info .desc {
  color: rgba(0, 0, 0, 0.55);
  font-size: 0.373rem;
  line-height: 0.613rem;
  margin: 0.2rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-info-list .item .info .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.347rem;
}
.new-info-list .item .info .date .tag {
  padding: 0.133rem 0.267rem;
  color: #0252a9;
  font-size: 0.373rem;
  border-radius: 0.133rem;
  border: 1px solid #0252a9;
}
.new-info-list .item .info .date .tag.style-2 {
  color: #ff6600;
  border-color: #ff6600;
}

/* 平板端和桌面端：增加内容区域宽度和内边距 */
@media screen and (min-width: 768px) {
  .new-info-list {
    max-width: 13rem;
    padding: 0 1rem;
  }
  .new-info-list .item .img {
    height: 5.333rem;
  }
}

@media screen and (min-width: 1024px) {
  .new-info-list {
    max-width: none !important;
    padding: 0 2rem !important;
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0.667rem 0 !important;
    /* 确保占满父容器内容区域 */
    display: block !important;
  }
  .new-info-list .item {
    padding-bottom: 0.8rem;
    width: calc(100% + 4rem) !important;
    max-width: calc(100% + 4rem) !important;
    min-width: calc(100% + 4rem) !important;
    box-sizing: border-box !important;
    margin: 0 -2rem 0.4rem -2rem !important;
    padding: 0 2rem 0.8rem 2rem !important;
    display: block !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
    /* 扩展到 .new-info-list 的 padding 区域，占满 757px */
  }
  .new-info-list .item > a {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 0.8rem !important;
    width: calc(100% + 4rem) !important;
    max-width: calc(100% + 4rem) !important;
    min-width: calc(100% + 4rem) !important;
    box-sizing: border-box !important;
    flex-wrap: nowrap !important;
    margin-left: -2rem !important;
    margin-right: -2rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    /* 扩展到 .item 的 padding 区域，占满 757px */
  }
  .new-info-list .item .img {
    width: 6rem !important;
    min-width: 6rem !important;
    max-width: 6rem !important;
    height: 4rem !important;
    flex: 0 0 6rem !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    margin-left: -2rem !important;
    margin-right: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    /* 向左扩展到 .item > a 的 padding 区域，移除 padding 让图片占满整个宽度 */
  }
  .new-info-list .item .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    box-sizing: border-box !important;
    display: block !important;
    /* 占满整个 .img 的宽度（375px）和高度（250px） */
  }
  .new-info-list .item .info {
    flex: 1 1 0% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: -2rem !important;
    margin-top: 0 !important;
    /* 向右扩展到 .item > a 的 padding 区域，占满剩余空间，移除 padding 让子元素占满整个宽度 */
  }
  .new-info-list .item .info .title {
    font-size: 0.453rem !important;
    line-height: 0.667rem !important;
    margin-top: 0 !important;
    margin-bottom: 0.267rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    /* 占满整个 .info 的宽度，顶部与 .img 对齐 */
  }
  .new-info-list .item .info .desc {
    font-size: 0.4rem !important;
    line-height: 0.667rem !important;
    margin: 0.267rem 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    /* 占满整个 .info 的宽度 */
  }
  .new-info-list .item .info .date {
    font-size: 0.373rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    /* 占满整个 .info 的宽度 */
  }
  .new-info-list .item .info .date .tag {
    box-sizing: border-box !important;
    /* 正常布局，不需要占满 */
  }
}

@media screen and (min-width: 1440px) {
  .new-info-list {
    max-width: 22rem;
    padding: 0 3rem;
  }
  .new-info-list .item .img {
    width: 7.2rem !important;
    min-width: 7.2rem;
    max-width: 7.2rem;
    height: 4.8rem;
  }
}

.news-info-detail {
  width: 100%;
  margin: 0 auto;
  padding: 0.667rem 0.6rem;
  background: #fff;
}
.news-info-detail .title {
  color: #000;
  font-size: 0.507rem;
  font-weight: bold;
  line-height: 0.8rem;
  padding-left: 0.4rem;
  border-left: 0.107rem solid #f66200;
}
.news-info-detail .sub-title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.32rem;
  padding-left: 0.507rem;
  margin: 0.4rem 0 0.667rem;
}
.news-info-detail .sub-title .author {
  color: #0252a9;
  margin-right: 0.133rem;
}
.news-info-detail .main .img {
  width: 100%;
}
.news-info-detail .main .img img {
  width: 100%;
  font-size: 0;
}
.news-info-detail .main .info {
  margin: 0.4rem 0;
}
.news-info-detail .main .info .desc {
  text-indent: 2em;
  color: #000;
  font-size: 0.373rem;
  line-height: 0.72rem;
}
.news-info-detail .appreciate {
  width: 2.667rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  color: #000;
  font-size: 0.373rem;
  font-weight: bold;
  margin: 1.067rem auto;
  border-radius: 1.2rem;
  background: #ffac03;
}
.next-news {
  width: 8.8rem;
  margin: 0.667rem auto;
  padding: 0.4rem;
  background: #fff;
}
.next-news a {
  display: inline-block;
  padding-left: 1.4rem;
  text-indent: -1.4rem;
  color: #000;
  font-size: 0.347rem;
  line-height: 0.613rem;
}
.next-news a span {
  font-weight: bold;
}
.contact-title {
  margin: 0.933rem 0 0.8rem;
}
.address-list {
  width: 9.2rem;
  margin: 0 auto 0.667rem;
}
.address-list .item {
  width: 100%;
  height: 2.667rem;
  margin-bottom: 0.4rem;
  background: url(../images/contact-address-bg.png) no-repeat;
  background-size: contain;
}
.address-list .item:last-child {
  margin-bottom: 0;
}
.address-list .item .add-info {
  padding: 0.667rem 0 0 1.067rem;
  color: #000;
  font-size: 0.373rem;
}
.address-list .item .add-info .title {
  font-weight: bold;
  margin-bottom: 0.4rem;
}
.contact-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* 允许内容顶端对齐，避免垂直溢出 */
  width: 9.2rem;
  min-height: 5.867rem; /* 保持视觉高度下限 */
  height: auto; /* 允许根据内容自适应高度，避免内容被裁切/溢出 */
  padding: 0.6rem 0.4rem; /* 适当增加内边距，防止文字紧贴边缘 */
  margin: 0 auto 0.667rem;
  background: url(../images/contact-bg.jpg) no-repeat center center;
  background-size: cover;
  box-sizing: border-box; /* 确保 padding 包含在宽度内 */
}
.contact-box .info-detail .title {
  color: #fff;
  font-size: 0.427rem;
  font-weight: bold;
}
.contact-box .info-detail .desc {
  color: rgba(255, 255, 255, 0.63);
  font-size: 0.32rem;
  line-height: 0.533rem;
  padding-bottom: 0.4rem;
  margin-top: 0.2rem;
  margin-right: 0; /* 移除右边距以避免撑开父容器 */
  background: url(../images/contact-line.png) no-repeat left bottom;
  background-size: auto 1px;
}

/* 关键：允许 info-detail 在 flex 布局中缩小并换行，防止溢出 */
.contact-box .info-detail {
  flex: 1 1 auto;
  min-width: 0; /* 允许在 flex 容器内小于内容宽度以换行 */
}

/* 确保长文本可换行 */
.contact-box .info-detail, .contact-box .info-detail .info {
  overflow-wrap: break-word;
  word-break: break-word;
}
.contact-box .info-detail .info {
  color: #fff;
  font-size: 0.373rem;
  line-height: 0.667rem;
  margin-top: 0.2rem;
}
.contact-box .info-detail .info a {
  color: #fff;
}
.contact-box .info-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.8rem; /* 从2.2rem减小到1.8rem */
  flex-shrink: 0; /* 防止被压缩 */
}
.contact-box .info-type img {
  width: 100%;
  max-width: 1.6rem; /* 添加最大宽度限制 */
  font-size: 0;
}
.contact-box .info-type p {
  color: #fff;
  font-size: 0.267rem;
  line-height: 0.667rem;
  text-align: center;
}
.about-info {
  width: 10rem;
  padding: 0.8rem 0.667rem 1.467rem;
  margin: 0 auto;
  background: url(../images/about-info-bg-1.png) no-repeat center bottom;
  background-size: 100% auto;
}
.about-info .desc {
  color: #000;
  font-size: 0.373rem;
  line-height: 0.667rem;
  text-indent: 2em;
  margin-bottom: 0.267rem;
}
.about-info .desc:last-child {
  margin-bottom: 0;
}
.about-culture {
  width: 9.2rem;
  margin: 1.067rem auto;
}
.about-culture .culture-list {
  margin-top: 0.667rem;
}
.about-culture .culture-list .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.533rem;
  margin-bottom: 0.4rem;
  color: #000;
  background: url(../images/culture-bg.png) no-repeat;
  background-size: contain;
}
.about-culture .culture-list .item:last-child {
  margin-bottom: 0;
}
.about-culture .culture-list .item .title {
  font-size: 0.4rem;
  font-weight: bold;
}
.about-culture .culture-list .item .desc {
  font-size: 0.373rem;
  margin-top: 0.32rem;
}
.about-process {
  width: 10rem;
  height: 13.333rem;
  margin: 0 auto;
  position: relative;
  background: url(../images/about-time-bg.png) no-repeat;
  background-size: contain;
}
.about-process .time-main {
  width: 7.733rem;
  height: 8.2rem;
  position: absolute;
  top: 2.067rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: url(../images/about-time-point.png) no-repeat left center;
  background-size: auto 5.533rem;
}
.about-process .time-main .swiper-slide {
  padding-left: 0.667rem;
}
.about-process .time-main .swiper-slide .year {
  color: #fff;
  font-size: 0.573rem;
  font-weight: bold;
}
.about-process .time-main .swiper-slide .desc {
  display: none;
  color: #fff;
  font-size: 0.4rem;
  line-height: 0.667rem;
  margin-top: 0.1rem;
}
.about-process .time-main .swiper-slide.swiper-slide-prev .year {
  margin-top: 0.267rem;
}
.about-process .time-main .swiper-slide.swiper-slide-active .year {
  font-size: 1.2rem;
  margin-top: -0.667rem;
}
.about-process .time-main .swiper-slide.swiper-slide-active .desc {
  display: block;
}
.about-process .time-main .swiper-slide.swiper-slide-next {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 0.1rem;
}
.about-process .time-list {
  width: 10rem;
  height: 1.227rem;
  position: absolute;
  bottom: 0.747rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: url(../images/about-time-bg-2.png) no-repeat;
  background-size: contain;
}
.about-process .time-list .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.227rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.453rem;
}
.about-process .time-list .swiper-slide.swiper-slide-active .text {
  color: #fff;
  border-bottom: 0.053rem solid #fff;
}
.about-team {
  width: 100%;
  margin: 0.933rem auto;
  padding-bottom: 2rem;
}
.about-team .team-list {
  width: 9.2rem;
  margin: 0.667rem auto 0;
}
.about-team .team-list .item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 4.267rem;
  margin-bottom: 0.4rem;
  background: url(../images/about-info-bg.png) no-repeat;
  background-size: contain;
}
.about-team .team-list .item:last-child {
  margin-bottom: 0;
}
.about-team .team-list .item .img {
  width: 3.733rem;
  height: 4.267rem;
}
.about-team .team-list .item .img img {
  height: 100%;
  font-size: 0;
}
.about-team .team-list .item .info {
  color: #fff;
  margin-right: 0.133rem;
}
.about-team .team-list .item .info .name {
  font-size: 0.48rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.about-team .team-list .item .info .post {
  font-size: 0.293rem;
  margin-bottom: 0;
}
.about-team .team-list .item .info .line {
  margin: 0.067rem 0;
}
.about-team .team-list .item .info .line img {
  height: 0.04rem;
  font-size: 0;
}
.about-team .team-list .item .info .desc {
  font-size: 0.267rem;
  line-height: 0.4rem;
  margin: 0;
  padding-top: 0;
}
.service-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 10rem;
  height: 5.867rem;
  margin: 0 auto;
  padding: 0 0.4rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (min-width: 768px) {
  .service-type {
    max-width: 15rem;
    padding: 0 1rem;
    height: 8rem;
  }
}

@media screen and (min-width: 1024px) {
  .service-type {
    max-width: 20rem;
    padding: 0 2rem;
    height: 10rem;
  }
}
.service-type.bg-1 {
  background-image: url(../images/service-type-bg-1.png);
}
.service-type.bg-2 {
  background-image: url(../images/service-type-bg-2.png);
}
.service-type.bg-3 {
  background-image: url(../images/service-type-bg-3.png);
}
.service-type.bg-4 {
  background-image: url(../images/service-type-bg-4.png);
}
.service-type.bg-5 {
  background-image: url(../images/service-type-bg-5.png);
}
.service-type.bg-6 {
  background-image: url(../images/service-type-bg-6.png);
}
.service-type .service-intro {
  padding-bottom: 0.667rem;
}
.service-type .service-intro .cus-title-box {
  width: 9.2rem;
  margin: 0 auto;
}
.service-type .service-intro .customer-pagination {
  bottom: 0.067rem;
}
.service-type .service-intro .customer-pagination .swiper-pagination-bullet {
  width: 0.267rem;
  height: 0.107rem;
  opacity: 1;
  border-radius: 0.107rem;
  background: #a4a4a4;
}
.service-type .service-intro .customer-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.667rem;
  background: #ffab52;
}
.service-type .service-switch-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.267rem;
  width: 100%;
  flex-wrap: wrap;
  padding: 0 0.4rem;
  box-sizing: border-box;
}

.service-type .service-switch-btns .btn-item {
  display: inline-block;
  white-space: nowrap;
  padding: 0.133rem 0.267rem;
  text-align: center;
  color: #39498d;
  font-size: 0.24rem;
  border-radius: 0.107rem;
  border: 1px solid #e1e7ff;
  background: #e1e7ff;
  transition: all 0.3s ease;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(57, 73, 141, 0.15);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

/* 报价按钮特殊样式 - 更突出 */
.service-type .service-switch-btns .quote-btn {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff !important;
  border: none;
  font-weight: 600;
  padding: 0.16rem 0.4rem;
  font-size: 0.267rem;
  box-shadow: 0 0.067rem 0.2rem rgba(102, 126, 234, 0.4);
}

.service-type .service-switch-btns .quote-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.1rem 0.267rem rgba(102, 126, 234, 0.5);
}

.service-type .service-switch-btns .btn-item:hover {
  background: #d1d8ff;
  border-color: #d1d8ff;
}

.service-type .service-switch-btns .btn-item:active {
  transform: scale(0.96);
  opacity: 0.85;
  transition: transform 0.1s ease, opacity 0.1s ease;
}

.service-type .service-switch-btns .quote-btn:active {
  transform: scale(0.96) translateY(0);
  box-shadow: 0 0.04rem 0.12rem rgba(102, 126, 234, 0.3);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

/* 移动端适配 */
@media screen and (max-width: 767px) {
  .service-type .service-switch-btns {
    gap: 0.08rem;
    padding: 0 0.15rem;
    flex-wrap: nowrap;
  }
  
  .service-type .service-switch-btns .btn-item {
    padding: 0.16rem 0.133rem;
    font-size: 0.187rem;
    flex-shrink: 1;
    min-width: 0;
  }
  
  .service-type .service-switch-btns .quote-btn {
    padding: 0.187rem 0.16rem;
    font-size: 0.213rem;
    flex-shrink: 0;
  }
}
.service-container {
  width: 100%;
  max-width: 10rem;
  margin: 0 auto;
  padding: 0 0.4rem;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .service-container {
    max-width: 15rem;
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .service-container {
    max-width: 20rem;
    padding: 0 2rem;
  }
}
.service-container .sv-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 5.6rem;
  background: #f5f7ff;
}
.service-container .sv-container .container-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 9.2rem;
  margin: 0.667rem auto 0;
}
.service-container .sv-container .container-list .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.8rem;
  height: 1.067rem;
  color: #39498d;
  font-size: 0.373rem;
  margin-bottom: 0.333rem;
  border-radius: 0.133rem;
  border: 1px solid #619dff;
}
.service-container .sv-solution {
  padding-bottom: 1.067rem;
  background: url(../images/service-solution-bg.png) no-repeat;
  background-size: 100% 100%;
}
.service-container .sv-solution .title {
  color: #fff;
  font-size: 0.48rem;
  font-weight: bold;
  text-align: center;
  padding-top: 0.933rem;
}
.service-container .sv-solution .solution-steps {
  width: 100%;
  margin-top: 0.8rem;
  padding: 0 0.2rem; /* 添加左右内边距避免贴边 */
  box-sizing: border-box;
}

/* 移动端调整 */
@media screen and (max-width: 768px) {
  .service-container .sv-solution .solution-steps {
    padding: 0 0.4rem;
  }
}
.service-container .sv-solution .solution-steps .item {
  display: flex;
  align-items: center;
  width: 8.987rem;
  max-width: 95%; /* 移动端限制最大宽度 */
  height: 2rem;
  line-height: 0.56rem;
  margin: 0 auto 0.4rem;
  padding-left: 2rem;
  padding-right: 0.133rem;
  color: #252527;
  font-size: 0.347rem;
  box-shadow: 0 0 0.133rem 0.027rem rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-size: 100% auto; /* 修改为100%避免超出 */
  background-position: left center;
  box-sizing: border-box; /* 确保padding包含在宽度内 */
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
  .service-container .sv-solution .solution-steps .item {
    width: 100%;
    max-width: 100%;
    padding-left: 3rem; /* 进一步增加左边距，为橙色标签留出空间 */
    padding-right: 0.4rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.32rem;
    line-height: 0.5rem;
    height: auto;
    min-height: 2.2rem;
    background-size: 100% 100%; /* 拉伸背景图片填满容器 */
    background-position: left center;
    justify-content: flex-start; /* 文字左对齐 */
  }
}
.service-container .sv-solution .solution-steps .item.step-1 {
  background-image: url(../images/是否包税.png);
}
.service-container .sv-solution .solution-steps .item.step-2 {
  background-image: url(../images/出货类型.png);
}
.service-container .sv-solution .solution-steps .item.step-3 {
  background-image: url(../images/拒收类型.png);
}
.service-container .sv-solution .solution-steps .item.step-4 {
  background-image: url(../images/重量限制.png);
}
.service-container .sv-solution .solution-steps .item.step-5 {
  background-image: url(../images/尺寸限制.png);
}
.service-container .sv-solution .solution-steps .item.step-6 {
  background-image: url(../images/solution-step-6.png);
}
.service-container .sv-solution .more-btn {
  display: block;
  width: 5.333rem;
  height: 1.013rem;
  margin: 0.933rem auto 0;
}
.service-container .sv-solution .more-btn img {
  width: 100%;
  font-size: 0;
}
.service-process {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 10rem;
  margin: 0.867rem auto 0;
  padding: 0 0.4rem;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .service-process {
    max-width: 15rem;
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .service-process {
    max-width: 20rem;
    padding: 0 2rem;
  }
}
.service-process .pro-title {
  width: 9.2rem;
}
.service-process .pro-title img {
  width: 100%;
}
.service-process .pro-main {
  width: 9.2rem;
  margin-top: 0.467rem;
}
.service-process .pro-main img {
  width: 100%;
}
.service-process .info-btn {
  margin-top: 0.8rem;
}
.service-slogan {
  width: 100%;
  max-width: 10rem;
  height: 2.667rem;
  margin: 1.2rem auto 0;
  padding: 0 0.4rem;
  box-sizing: border-box;
}
.service-slogan img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-size: 0;
}

@media screen and (min-width: 768px) {
  .service-slogan {
    max-width: 15rem;
    padding: 0 1rem;
    height: 3.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .service-slogan {
    max-width: 20rem;
    padding: 0 2rem;
    height: 4rem;
  }
}
/*右侧浮动*/
.float-box {
  width: 100%;
  max-width: 10rem;
  z-index: 12;
  position: fixed;
  top: 65%;
  left: 50%;
  transform: translate(-50%, 0);
  pointer-events: none;
}

.float-box .fl-wrap {
  position: relative;
  width: 100%;
  max-width: 10rem;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .float-box {
    max-width: 15rem;
  }
  .float-box .fl-wrap {
    max-width: 15rem;
  }
}

@media screen and (min-width: 1024px) {
  .float-box {
    max-width: 20rem;
  }
  .float-box .fl-wrap {
    max-width: 20rem;
  }
}

.float-box .fl-wrap .fl-contain {
  width: 1.28rem;
  position: absolute;
  right: 0.467rem;
  top: 50%;
}
.float-box .item {
  display: block;
  width: 1.28rem;
  height: 1.28rem;
  margin-bottom: 0.4rem;
  box-shadow: 0 0 0.133rem 0.027rem rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: auto;
}
.float-box .item:last-child {
  margin-bottom: 0;
}
.float-box .item.tel {
  background-image: url(../images/tel-icon.png);
}
.float-box .item.app {
  background: #1a73e8;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><rect x='14' y='8' width='20' height='28' rx='2.5' stroke='white' stroke-width='3' fill='none'/><rect x='20' y='12' width='8' height='1.5' rx='0.75' fill='white'/><path d='M24 30v6' stroke='white' stroke-width='3.5' stroke-linecap='round'/><path d='M19 35l5 5 5-5' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");
  background-size: 65% auto;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0.08rem 0.24rem rgba(26, 115, 232, 0.4);
}

.float-box .item.app:hover {
  background-color: #1557b0;
  box-shadow: 0 0.12rem 0.32rem rgba(26, 115, 232, 0.5);
}
.float-box .item.wechat {
  background-image: url(../images/wechat-icon.png);
}
/*菜单弹层*/
.mask-bg {
  width: 100%;
  height: 100%;
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  will-change: opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  /* 关键：当没有 active 类时强制不显示，避免被其他脚本干扰 */
  display: none !important;
}

.mask-bg.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  /* 当有 active 类时才显示 */
  display: block !important;
}
.menu-popup {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 10rem;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  background: #000;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

/* 移动端和平板端：显示菜单按钮 */
@media screen and (max-width: 1023px) {
  .head-menu .menu {
    display: block !important;
  }
}

/* 桌面端：显示横向导航菜单，不显示弹层菜单 */
@media screen and (min-width: 1024px) {
  .head-menu .menu {
    display: none; /* 隐藏汉堡菜单 */
  }
  
  /* 可以在这里添加桌面端导航菜单的样式 */
  /* 如果需要，可以在HTML中添加桌面端导航菜单结构 */
}

.menu-popup.active {
  transform: translateX(0);
}
.menu-popup .control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.28rem;
  background: #2047b0;
}
.menu-popup .control .logo {
  /* 放大并上移菜单弹窗 logo */
  display: inline-block;
  width: 3rem;
  height: auto;
  margin-left: 0.4rem;
  transform: translateY(-0.15rem);
}
.menu-popup .control .pop-close {
  width: 1.6rem;
  height: 1.28rem;
  cursor: pointer;
  background: url(../images/close-icon.png) no-repeat center center;
  background-size: 0.4rem auto;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.menu-popup .menu-main {
  flex: 1;
  padding: 0.467rem;
  overflow: auto;
  background: #000;
  -webkit-overflow-scrolling: touch;
}
.menu-popup .menu-item {
  display: block;
  width: 100%;
  padding: 0.4rem;
  margin-bottom: 0.333rem;
  color: #fff;
  font-size: 0.4rem;
  background: url(../images/right-icon.png) no-repeat right 0.4rem center #161616;
  background-size: auto 0.267rem;
  /*&.active .links{
      display: flex;
    }
    &.active .title{
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #252525;
    }*/
}
.menu-popup .menu-item .title {
  margin-right: 1.333rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #252525;
}
.menu-popup .menu-item .links {
  display: flex;
  flex-wrap: wrap;
  margin-right: 1.333rem;
}
.menu-popup .menu-item .links.news > a {
  flex: 33% 0 0;
}
.menu-popup .menu-item .links > a {
  flex: 50% 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.347rem;
  margin-top: 0.3rem;
}

/* 电话号码弹窗样式 */
.tel-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.tel-modal-overlay.show {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}

.tel-modal {
  position: relative;
  width: 80%;
  max-width: 6rem;
  background: #fff;
  border-radius: 0.267rem;
  box-shadow: 0 0.133rem 0.533rem rgba(0, 0, 0, 0.2);
  padding: 0.8rem;
  animation: slideUp 0.3s ease;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .tel-modal {
    max-width: 8rem;
    padding: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .tel-modal {
    max-width: 10rem;
    padding: 1.2rem;
  }
}

.tel-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.533rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #eee;
}

.tel-modal-title {
  font-size: 0.427rem;
  font-weight: bold;
  color: #333;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .tel-modal-title {
    font-size: 0.48rem;
  }
}

@media screen and (min-width: 1024px) {
  .tel-modal-title {
    font-size: 0.533rem;
  }
}

.tel-modal-close {
  width: 0.533rem;
  height: 0.533rem;
  cursor: pointer;
  border: none;
  padding: 0;
  background: transparent;
  position: relative;
  opacity: 0.6;
  transition: opacity 0.3s;
  flex-shrink: 0;
}

.tel-modal-close:hover {
  opacity: 1;
}

.tel-modal-close::before,
.tel-modal-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.32rem;
  height: 0.027rem;
  background: #999;
  transform-origin: center;
}

.tel-modal-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.tel-modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (min-width: 768px) {
  .tel-modal-close {
    width: 0.64rem;
    height: 0.64rem;
  }
  .tel-modal-close::before,
  .tel-modal-close::after {
    width: 0.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .tel-modal-close {
    width: 0.747rem;
    height: 0.747rem;
  }
  .tel-modal-close::before,
  .tel-modal-close::after {
    width: 0.48rem;
  }
}

.tel-modal-close:hover {
  opacity: 1;
}

.tel-modal-body {
  text-align: center;
  padding: 0.533rem 0;
}

.tel-modal-phone {
  font-size: 0.64rem;
  font-weight: bold;
  color: #1a73e8;
  margin: 0.4rem 0;
  word-break: break-all;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .tel-modal-phone {
    font-size: 0.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .tel-modal-phone {
    font-size: 1rem;
  }
}

.tel-modal-actions {
  display: flex;
  gap: 0.4rem;
  margin-top: 0.8rem;
}

.tel-modal-btn {
  flex: 1;
  padding: 0.4rem 0.8rem;
  border: none;
  border-radius: 0.133rem;
  font-size: 0.373rem;
  cursor: pointer;
  transition: all 0.3s;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .tel-modal-btn {
    font-size: 0.427rem;
    padding: 0.48rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .tel-modal-btn {
    font-size: 0.48rem;
    padding: 0.533rem 1.2rem;
  }
}

.tel-modal-btn-primary {
  background: #1a73e8;
  color: #fff;
}

.tel-modal-btn-primary:hover {
  background: #1557b0;
}

.tel-modal-btn-secondary {
  background: #f5f5f5;
  color: #333;
}

.tel-modal-btn-secondary:hover {
  background: #e0e0e0;
}

.tel-modal-copy-success {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.267rem 0.533rem;
  border-radius: 0.133rem;
  font-size: 0.32rem;
  z-index: 10000;
  animation: fadeInOut 1.5s ease;
}

.tel-modal-copy-success.show {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  20%, 80% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/*# sourceMappingURL=main.css.map */
/* 闈㈠寘灞戝鑸牱寮?*/
.page-breadcrumb {
    background: #f5f5f5;
    padding: 15px 0;
    margin-bottom: 30px;
}

.page-breadcrumb .breadcrumb-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 14px;
    color: #666;
}

.page-breadcrumb .breadcrumb-inner a {
    color: #0066cc;
    text-decoration: none;
    transition: color 0.3s;
}

.page-breadcrumb .breadcrumb-inner a:hover {
    color: #0052a3;
    text-decoration: underline;
}

/* 鍥炲埌椤堕儴鎸夐挳鏍峰紡 */
.back-to-top {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    width: 50px !important;
    height: 50px !important;
    background: #ff4444 !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: bold !important;
    text-align: center !important;
    line-height: 50px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: block !important;
    opacity: 0.3;
    pointer-events: none;
    transition: all 0.3s ease !important;
    z-index: 999999 !important;
    box-shadow: 0 4px 16px rgba(255, 68, 68, 0.5) !important;
    transform: scale(0.8);
}

.back-to-top:hover {
    background: #ff0000 !important;
    transform: translateY(-5px) scale(1) !important;
    box-shadow: 0 8px 20px rgba(255, 68, 68, 0.6) !important;
}

.back-to-top.show {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
}

/* 绉诲姩绔€傞厤 */
@media screen and (max-width: 768px) {
    .page-breadcrumb .breadcrumb-inner {
        font-size: 12px;
        padding: 0 15px;
    }
    
    .back-to-top {
        right: 15px;
        bottom: 15px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 22px;
    }
    
    /* 修复service-info在移动端超出屏幕的问题 */
    .home-service .service-info {
        width: 100% !important; /* 使用父容器的100%宽度 */
        max-width: 100% !important;
        height: auto;
        min-height: 5.6rem; /* 保持一定高度 */
        padding: 0.4rem !important; /* 减小内边距 */
        margin: 0.4rem 0 0 !important;
        box-sizing: border-box !important; /* 确保padding包含在width内 */
        background-size: cover !important; /* 改为cover以更好适应容器 */
        background-position: center;
    }
    
    .home-service .service-info .title {
        font-size: 0.373rem;
    }
    
    .home-service .service-info .desc {
        font-size: 0.32rem;
        line-height: 0.533rem;
    }
    
    /* 修复案例页面banner文字超出的问题 */
    .case-banner {
        height: 6.5rem; /* 从5.867rem增加到6.5rem */
    }
    
    .sub-banner .sub-ban-info .sub-ban-title {
        font-size: 0.44rem; /* 从0.56rem减小 */
        padding: 0 0.4rem; /* 添加左右内边距 */
        line-height: 1.3;
    }
    
    .sub-banner .sub-ban-info .sub-ban-line {
        margin-top: 0.15rem; /* 从0.2rem减小 */
    }
    
    .sub-banner .sub-ban-info .sub-ban-line img {
        width: 0.4rem; /* 从0.533rem减小 */
    }
    
    .sub-banner .sub-ban-info .sub-ban-desc {
        font-size: 0.32rem; /* 从0.4rem减小 */
        line-height: 0.5rem; /* 从0.613rem减小 */
        margin-top: 0.15rem; /* 从0.2rem减小 */
        padding: 0 0.3rem; /* 添加左右内边距 */
    }
    
    /* 修复联系我们页面contact-box超出问题 */
    .contact-box {
        width: 95%; /* 从9.2rem改为百分比 */
        max-width: 9.2rem;
        height: auto;
        min-height: 5rem; /* 从固定5.867rem改为最小高度 */
        padding: 0.5rem 0.3rem; /* 调整内边距 */
        background-size: cover; /* 从contain改为cover */
      flex-direction: column; /* 移动端改为垂直排列 */
      align-items: center; /* 子项水平居中：图标与文字居中显示 */
        gap: 0.4rem;
    }
    
    .contact-box .info-detail {
        width: 100%;
        text-align: center;
    }
    
    .contact-box .info-detail .desc {
        margin-right: 0; /* 移除右边距 */
        padding: 0 0 0.3rem 0;
    }
    
    .contact-box .info-type {
        width: 1.5rem; /* 移动端进一步减小 */
    }
    
    .contact-box .info-type img {
        max-width: 1.4rem;
    }
    
    /* 修复关于我们页面about-info和about-process在移动端的显示问题 */
    .about-info {
        width: 95% !important; /* 从10rem改为百分比 */
        max-width: 10rem;
        padding: 0.6rem 0.4rem 1.2rem !important;
        background-size: 100% auto !important;
        background-position: center bottom !important;
    }
    
    .about-info .desc {
        font-size: 0.32rem !important; /* 移动端字体稍小 */
        line-height: 0.56rem !important;
        text-align: justify !important; /* 两端对齐 */
        text-indent: 2em;
        margin-bottom: 0.24rem !important;
    }
    
    .about-process {
        width: 95% !important; /* 从10rem改为百分比 */
        max-width: 10rem;
        height: auto !important;
        min-height: 10rem;
        padding: 0.5rem 0;
        background-size: contain !important;
        background-position: center center !important;
    }
    
    .about-culture {
        width: 95% !important;
        max-width: 9.2rem;
    }
}

/* 报价区块样式 */
.pricing-section {
    width: 100%;
    max-width: 10rem;
    margin: 1.2rem auto;
    padding: 0.8rem 0.4rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #e8edf2 100%);
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .pricing-section {
        max-width: 15rem;
        padding: 1rem 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .pricing-section {
        max-width: 20rem;
        padding: 1.2rem 2rem;
    }
}

.pricing-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.pricing-header {
    text-align: center;
    margin-bottom: 0.8rem;
}

.pricing-header h2 {
    font-size: 0.64rem;
    font-weight: bold;
    color: #1a73e8;
    margin-bottom: 0.267rem;
}

.pricing-header .update-date {
    font-size: 0.32rem;
    color: #666;
}

/* 计算器样式 */
.price-calculator {
    background: #fff;
    border-radius: 0.267rem;
    padding: 0.533rem;
    margin-bottom: 0.8rem;
    box-shadow: 0 0.133rem 0.533rem rgba(0, 0, 0, 0.1);
}

.price-calculator h3 {
    font-size: 0.48rem;
    color: #333;
    margin-bottom: 0.533rem;
}

.calculator-form {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 0.373rem;
    color: #333;
    margin-bottom: 0.267rem;
    font-weight: 500;
}

.form-group select,
.form-group input {
    padding: 0.32rem;
    font-size: 0.373rem;
    border: 1px solid #ddd;
    border-radius: 0.133rem;
    background: #fff;
    box-sizing: border-box;
}

.form-group select:focus,
.form-group input:focus {
    outline: none;
    border-color: #1a73e8;
    box-shadow: 0 0 0 0.053rem rgba(26, 115, 232, 0.2);
}

.calc-btn {
    padding: 0.4rem;
    font-size: 0.4rem;
    font-weight: bold;
    color: #fff;
    background: #1a73e8;
    border: none;
    border-radius: 0.133rem;
    cursor: pointer;
    transition: all 0.3s;
}

.calc-btn:hover {
    background: #1557b0;
    transform: translateY(-0.027rem);
    box-shadow: 0 0.133rem 0.267rem rgba(26, 115, 232, 0.3);
}

.calc-result {
    padding: 0.533rem;
    border-radius: 0.133rem;
    background: #f0f9ff;
    border-left: 0.107rem solid #1a73e8;
    font-size: 0.373rem;
    color: #333;
    line-height: 1.6;
    min-height: 1.2rem;
}

.calc-result.error {
    background: #fff3f3;
    border-left-color: #ff4444;
    color: #ff4444;
}

/* 价格表样式 */
.pricing-table-wrapper {
    background: #fff;
    border-radius: 0.267rem;
    padding: 0.533rem;
    margin-bottom: 0.8rem;
    box-shadow: 0 0.133rem 0.533rem rgba(0, 0, 0, 0.1);
}

.pricing-table-wrapper h3 {
    font-size: 0.48rem;
    color: #333;
    margin-bottom: 0.533rem;
}

.pricing-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.347rem;
}

.pricing-table thead {
    background: linear-gradient(135deg, #1a73e8 0%, #1557b0 100%);
    color: #fff;
}

.pricing-table th,
.pricing-table td {
    padding: 0.32rem;
    text-align: left;
    border: 1px solid #e0e0e0;
}

.pricing-table th {
    font-weight: bold;
    font-size: 0.373rem;
}

.pricing-table tbody tr:nth-child(even) {
    background: #f9f9f9;
}

.pricing-table tbody tr:hover {
    background: #f0f9ff;
}

.pricing-table strong {
    color: #1a73e8;
}

/* 货物类型卡片 */
.cargo-types {
    background: #fff;
    border-radius: 0.267rem;
    padding: 0.533rem;
    margin-bottom: 0.8rem;
    box-shadow: 0 0.133rem 0.533rem rgba(0, 0, 0, 0.1);
}

.cargo-types h3 {
    font-size: 0.48rem;
    color: #333;
    margin-bottom: 0.533rem;
}

.type-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem;
}

@media screen and (min-width: 768px) {
    .type-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1024px) {
    .type-cards {
        grid-template-columns: repeat(4, 1fr);
    }
}

.type-card {
    padding: 0.4rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #e8edf2 100%);
    border-radius: 0.133rem;
    border-left: 0.107rem solid #1a73e8;
    transition: all 0.3s;
}

.type-card:hover {
    transform: translateY(-0.067rem);
    box-shadow: 0 0.133rem 0.4rem rgba(26, 115, 232, 0.2);
    border-left-width: 0.133rem;
}

.type-card h4 {
    font-size: 0.4rem;
    color: #1a73e8;
    margin-bottom: 0.267rem;
}

.type-card p {
    font-size: 0.32rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* 计费规则 */
.billing-rules {
    background: #fff;
    border-radius: 0.267rem;
    padding: 0.533rem;
    margin-bottom: 0.8rem;
    box-shadow: 0 0.133rem 0.533rem rgba(0, 0, 0, 0.1);
}

.billing-rules h3 {
    font-size: 0.48rem;
    color: #333;
    margin-bottom: 0.533rem;
}

.billing-rules ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.billing-rules ul li {
    padding: 0.32rem;
    margin-bottom: 0.267rem;
    background: #f9f9f9;
    border-left: 0.107rem solid #1a73e8;
    border-radius: 0.067rem;
    font-size: 0.347rem;
    line-height: 1.6;
    color: #333;
}

.billing-rules ul li strong {
    color: #1a73e8;
}

/* 页脚样式 */
.pricing-footer {
    text-align: center;
    padding-top: 0.533rem;
    border-top: 1px solid #e0e0e0;
}

.pricing-footer .note {
    font-size: 0.347rem;
    color: #666;
    margin-bottom: 0.533rem;
}

.pricing-footer .contact-btn {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    font-size: 0.4rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(135deg, #1a73e8 0%, #1557b0 100%);
    border-radius: 0.133rem;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 0.133rem 0.267rem rgba(26, 115, 232, 0.3);
}

.pricing-footer .contact-btn:hover {
    transform: translateY(-0.027rem);
    box-shadow: 0 0.2rem 0.4rem rgba(26, 115, 232, 0.4);
}

/* 移动端优化 */
@media screen and (max-width: 768px) {
    .pricing-section {
        padding: 0.533rem 0.267rem;
    }
    
    .pricing-header h2 {
        font-size: 0.533rem;
    }
    
    .price-calculator,
    .pricing-table-wrapper,
    .cargo-types,
    .billing-rules {
        padding: 0.4rem;
        margin-bottom: 0.533rem;
    }
    
    .pricing-table {
        font-size: 0.293rem;
    }
    
    .pricing-table th,
    .pricing-table td {
        padding: 0.267rem;
    }
    
    .calc-result {
        font-size: 0.32rem;
    }
}

/* 获取报价按钮样式 - 响应式设计 */
.get-quote-btn {
    display: inline-block;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff !important;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    transition: all 0.3s ease;
    text-align: center;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
}

.get-quote-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}

/* 移动端适配 - 小于768px */
@media screen and (max-width: 767px) {
    .get-quote-btn {
        display: block;
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        padding: 10px 20px;
        font-size: 14px;
    }
}

/* 平板端适配 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .get-quote-btn {
        padding: 12px 28px;
        font-size: 15px;
    }
}

/* 桌面端适配 */
@media screen and (min-width: 1024px) {
    .get-quote-btn {
        padding: 14px 35px;
        font-size: 17px;
    }
}