/* 主题色见同目录 reset.css 顶部 :root（--private-* / --advantage-process-*） */

/* ========== PC 店铺首页：服务流程（仅 .main_item_content_process，不影响「服务优势」） ========== */
.main_item_content_advantage_process{display:flex;justify-content:center;align-items:center}
.main_item_content_process{
  min-height: 0;
  height: auto;
  width: 100%;
  padding: 8px 0 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 横向时间轴：整块在栏目内水平居中（勿写 margin-left:0，否则会抵消 margin:auto） */
.main_item_content_process .service_process_img{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 24px 8px;
  box-sizing: border-box;
  position: relative;
  gap: 0;
}
/* 贯穿圆点的水平线（主题色淡渐变） */
.main_item_content_process .service_process_img::before{
  content: '';
  position: absolute;
  left: 9%;
  right: 9%;
  /* 与序号区 + gap 对齐，使线穿过圆点中心（序号约 2.1–2.4rem 高） */
  top: calc(20px + 2.25rem + 16px + 9px);
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--private-process-rgb), 0.22) 5%,
    rgba(var(--private-process-rgb), 0.22) 95%,
    transparent
  );
  border-radius: 1px;
  z-index: 0;
  pointer-events: none;
}
.main_item_content_process .process_box{
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 1;
}
.main_item_content_process .process_box .balloon,
.main_item_content_process .process_box_ico{
  display: none !important;
}
.main_item_content_process .process_step{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.main_item_content_process .procee_step_text{
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  z-index: auto !important;
  font-size: clamp(26px, 2.5vw, 34px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--advantage-process-bg-color2);
}
.main_item_content_process .process_step .circle{
  position: relative !important;
  left: auto !important;
  top: auto !important;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin: 0;
  border-radius: 50%;
  border: 3px solid var(--advantage-process-bg-color2);
  background: #fff;
  box-shadow: 0 0 0 4px #f1eae4;
  box-sizing: content-box;
  z-index: 2;
}
.main_item_content_process .process_text{
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100%;
  max-width: 6.8em;
  margin: 18px 0 0;
  padding: 0 2px;
  font-size: 14px;
  line-height: 1.45;
  color: #333;
  min-height: 2.9em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1100px){
  .main_item_content_process .service_process_img{
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 28px;
    column-gap: 12px;
    padding: 20px 16px 16px;
  }
  .main_item_content_process .service_process_img::before{
    display: none;
  }
  .main_item_content_process .process_box{
    flex: 0 1 calc(33.333% - 12px);
    min-width: 140px;
  }
}
@media (max-width: 640px){
  .main_item_content_process .process_box{
    flex: 0 1 calc(50% - 8px);
    min-width: 130px;
  }
}

/* ---------- 服务优势：阶梯步骤条（与流程区块共用外层 class，此处保持原样） ---------- */
.service_step_box{padding-top:25px;padding-bottom:10px;width:960px}
.service_step_box .service_step{width:400px;height:66px;background:#F3F3F3;border:5px solid #F3F3F3;border-radius:25px 33px 33px 25px;position:relative;box-sizing:unset}
.service_step_box  .right_icon{border:1px solid var(--advantage-process-bg-color2);width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center}
.service_step_box  .right_icon span{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--advantage-process-bg-color2)}
.right_icon_top{width:96px;border-style:dotted;border-width:6px 0;margin:0;border-bottom:0}
.service_step_box .step_box:nth-child(1) .service_step{margin-top:0}
.service_step_box .step_box{margin-top:-15px}
.service_step_box .step_box:nth-child(2n) .service_step{float:right}
.service_step_box .step_box:nth-child(2n) .service_step,.step_box:nth-child(2n) .service_step .left_content{border-radius:49px 25px 25px 49px;float:right}
.service_step_box .step_box:nth-child(2n+1) .service_step,.step_box:nth-child(2n+1) .service_step .left_content{border-radius:25px 49px 49px 25px}
.service_step_box .step_box:nth-child(2n+1)  .service_step .right_icon{position:absolute;right:-33px;top:calc(50% - 10px);z-index:999;display:flex;justify-content:center;align-items:center}
.service_step_box .step_box:nth-child(2n) .service_step .right_icon{position:absolute;left:-33px;top:calc(50% - 10px);z-index:999;display:flex;justify-content:center;align-items:center}
.service_step_box .step_box:nth-child(2n+1)  .service_step .right_icon_top{position:absolute;right:-121px;top:-3px;transform:rotate(-34deg)}
.service_step_box .step_box:nth-child(2n) .service_step .right_icon_top{position:absolute;top:-2px;left:-125px;transform:rotate(34deg)}
.service_step_box .step_box:nth-child(1) .service_step .right_icon_top{display:none}
.service_step_box .step_box:nth-child(2n) .service_step  .left_content{background:#fff;width:100%;height:100%;padding:15px 36px 15px 100px}
.service_step_box .step_box:nth-child(2n+1) .service_step  .left_content{background:#fff;width:100%;height:100%;padding:15px 100px 15px 36px}
.service_step_box .step_box:nth-child(2n) .right_circle{width:66px;height:66px;background:var(--advantage-process-bg-color1);border-radius:50%;position:absolute;top:0;left:0px;text-align:center;line-height:66px;color:#FEFEFE;font-weight:bold;font-size:19px}
.service_step_box .step_box:nth-child(2n+1) .right_circle{width:66px;height:66px;background:var(--advantage-process-bg-color1);border-radius:50%;position:absolute;top:0px;right:0px;text-align:center;line-height:66px;color:#FEFEFE;font-weight:bold;font-size:19px}
.service_step_box .step_box .text{width:100%;height:100%;text-align:left;display:flex;align-items:center;font-size:16px}
/* 服务优势：保持原 flex 居中（避免被服务流程覆盖） */
.service_advantage .main_item_content_advantage_process{
  display:flex;
  justify-content:center;
  align-items:center;
}
.content_box{box-shadow: none;overflow: visible;width: 100%;margin-bottom: 0;}
.main_content{width: 100%;padding-left: 0;font-size: 0;border: 0;margin-bottom: 40px;}
.main_item{font-size: 12px;border: 0;overflow: visible;width: 1200px;margin: 0 auto;padding: 0px;background-color: transparent;box-shadow: none;}
.main_item_title{width:100%;border: 0;padding-right: 0;box-sizing: content-box;margin: 40px 0;position: relative;}
.main_item_title::before{content: '';background: url(default_title_icon.png) no-repeat;background-size: cover;position: absolute;width: 28px;height: 16px;bottom: 0;left: 50%;transform: translate(-50%,20px);}
.main_content_bgc{width: 100%;}
.main_item_content_box{padding: 30px;background-color: #f1eae4;}
.main_item_about{font-size: 0;}
.main_item_content.about{margin-bottom: 15px;font-size: 14px;line-height: 28px;}
.flag_ruzhu, .flag_qiye, .flag_geren, .flag_leixing{display: inline-block;font-size: 14px;margin-right: 10px; margin-left:10px;width: 80px;height: 30px;line-height: 28px;text-align: center;border: 1px solid;border-radius: 5px;margin-bottom: 8px;background-color: #fff;}
.flag_leixing{color: var(--private-soft);border-color: var(--private-soft);}
.flag_ruzhu{color: #479DED;border-color: #479DED;}
.flag_qiye, .flag_geren{color: #52a16a;border-color: #52a16a;}

.flag_geren{cursor: auto;}
.main_item_product .main_item_content{background-color: #3b3b3b;padding: 30px;}
.product_list {font-size: 0;}
.product_item{width: 550px;display: inline-block;overflow: hidden;padding-right: 30px;box-sizing: content-box;margin-bottom: 30px;border-bottom: 1px solid #797979;}
.product_item a{margin-bottom: 30px;}
.product_item:nth-of-type(2n){padding-right: 0;}
.product_item_img{margin-right: 20px; width: 136px;height: 88px;display: inline-block;border: 1px solid #fff;overflow: hidden;}
.product_item_img img{width: 100%;height: 100%;}
.product_ic_title{font-size: 18px;color: #fff;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
.product_ic_title span:hover{color: var(--private-primary);}
.product_ic_title a,.product_ic_title span{color: #fff!important;}
.product_ic_text{font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.product_item_info{display: inline-block;width: 390px;vertical-align: top;}
.product_ic_price{font-size: 14px;color: #333;}
.product_ic_price span{color: var(--private-primary);font-weight: bold;}

.main_item_album  .main_item_title_rt{margin-top: 30px;}
.swiper-container{width: 1370px;}
.swiper-slide{display: inline-block;}
.swiper-slide a{font-size: 14px;color: #333;}
.swiper-slide:hover .casebox,.swiper-slide:hover a{border-color: #ff9c00;color: #ff9c00;}
.casebox{display: inline-block;border-radius: 5px;border: 1px solid #e4e4e4;}
.swiper-slide a ,.swiper-slide .casebox{display: inline-block;width: 100%; height: 300px;;}
.casebox img{display: inline-block; width: 100%;height: 100%;}
.swiper-button-prev.swiper-button-prev-t.hidden-sm.hidden-xs{background: #fff;width: 37px;height: 222px;top: 0px;left: 0;}
.swiper-button-prev.swiper-button-prev-t.hidden-sm.hidden-xs::after{background: url(leftbtn.png) no-repeat;width: 40px; height: 50px;}
.swiper-button-next.swiper-button-next-t.hidden-sm.hidden-xs{background: #fff;width: 37px;height: 222px;top: 0px;right: 0;}
.swiper-button-next.swiper-button-next-t.hidden-sm.hidden-xs::after{background: url(rightbtn.png) no-repeat;width: 40px; height: 50px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0 !important;}
.case_t.text-center{padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;margin-top: 15px;margin-bottom: 25px;}
.album_item{display: inline-block;width: 200px;height: 204px;background-color: #1d1b1c;padding: 10px;margin:0 10px 20px 0;}
.album_img{width:100%;height: 232px;position: relative;overflow: hidden;background-color: #fff;}
.album_img img{width: 100%;height: 100%;}
.album_title{height: 60px;line-height: 60px;text-align: center;font-size: 14px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.album_item:nth-of-type(4n){margin-right: 0;}
.album_cont {position: absolute;bottom: 0;right: 0;height: 19px;line-height: 19px;text-align: center;background-color: #0000004d;color: #fff;padding:0 5px;font-size: 12px;}
.hover_show{display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: rgba(var(--private-primary-rgb), 0.5);width: 150px;height: 150px;border-radius: 150px; font-size: 14px;color: #fff;font-weight: bold;text-align: center;padding-top: 75px;}
.hover_show_eye{display: none;position: absolute;left: 50%;top: 20px; background: url(album_show_eye.png) no-repeat center;width: 30px;height: 30px;background-size: 30px 30px;transform: translateX(-50%) translateY(15px);}
.album_item:hover .hover_show,.album_item:hover .hover_show_eye{display: block;}
.swiper-wrapper {
    -webkit-transition-timing-function: linear !important; 
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    margin: 0 auto;
  }
.main_item_content.newslist{padding: 30px;background: #f1eae4;}
.main_item_article {font-size: 0;}
.product_item_box a{display: block;margin-bottom: 20px;height: 72px;box-sizing: content-box;padding-left: 10px;}
.product_item_box a:hover{background: var(--private-article-list-row-hover-bg);}
.product_item_box{margin-bottom: 10px;width: 535px;display: inline-block;margin-right: 70px;}
.product_item_box:nth-of-type(2n){margin-right: 0;}
.article_date, .article_item{vertical-align: top;}
.article_date{height: 72px;display: inline-block;font-size: 34px; color: var(--private-article-list-date-color);padding: 5px 0;margin-right: 20px;text-align: center;}

.article_item{width: 400px;display: inline-block;height: 72px;}
.article_ic_title{font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;margin-top: 8px;}
.article_ic_text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 12px;color: #999;}
.product_item_box a:hover .article_date,.product_item_box a:hover .article_ic_title,.product_item_box a:hover .article_ic_text{color: #fff;}
.cateinfo_item{width: 100%; border-bottom: 1px dashed #ccc;padding: 15px 0 12px;}
.cateinfo_item:last-of-type{border: 0;}
.cateinfo_item_title, .cateinfo_item_sub{display: inline-block;}
.cateinfo_item_title, .cateinfo_item_text{width: 1070px;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.cateinfo_item_text{color: #999;}
.cateinfo_item_sub{font-size: 14px;color: #999;float: right;}

.ewm_content{line-height:28px;margin:10px 10px 0 10px;padding:10px;background-color:#FFEDEC!important;border:1px #ff6600 solid!important; border-radius:6px;}.ewm_content a{color:blue; text-decoration:underline;}.ewm_content a:hover{ text-decoration:none;}