/* ??????????????768px??*/
@media screen and (max-width: 768px) {
  /* ???? */
  html, body {font-size: 12px !important;margin: 0; padding: 0;overflow-x: hidden;}
  .warp, .w1350, .w1920 {width: 100% !important;padding: 0 15px !important;box-sizing: border-box;}
  .fl, .fr {float: none !important;}
  .clearfix:after {display: none;}


  /* ?????? */
  .header {min-width: 100% !important;height: auto !important;}
  .header_Box {width: 100% !important;height: 56px !important;max-width: 100% !important;}
  .header_Box .logo {height: 28px !important;margin-top: -14px !important;}
  .header_Box .logo img {height: 28px !important;}
  /* ?? PC ? margin???????????? */
  .header_nav {
    display: none !important;
    margin: 0 !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  }
  .header_nav.show {display: block !important;}
  .header_nav ul {margin: 0 !important;padding: 0 !important;}
  .header_nav ul li {margin: 0 !important;float: none !important;}
  .header_nav ul li a {padding: 11px 0 !important;font-size: 15px !important;}
  .header_nav ul li .nav_sub dd a {padding: 10px 0 !important;font-size: 14px !important;text-align: center !important;}
  .header_user {transform: none !important;top: 12px !important;right: 12px !important;}
  .header_user .lang {margin-top: 0 !important;}
  .header_login {margin-left: 10px !important;}
  .header_login .btn {width: 70px !important;height: 32px !important;line-height: 32px !important;font-size: 12px !important;}
  .user_bottom {right: -15px !important;width: 180px !important;}
  .user_bottom .box {width: 180px !important;padding: 15px !important;}
  .user_bottom .name span {font-size: 16px !important;width: 80px !important;}
  .user_bottom dd a {font-size: 14px !important;padding: 6px 0 !important;}
  .mobile_nav_btn {margin-right: 10px !important;}
  
  /* ??banner?? */
  .h_banner {height: auto !important;padding-top: 60px !important;background-size: cover !important;}
  .h_banBox {height: auto !important;flex-direction: column !important;display: flex;}.h_banner .boxL, .h_banner .boxR {    width: 100% !important;    float: none !important;    position: static !important;    transform: none !important;    margin: 0 auto !important;    padding: 10px 0;}
.h_banner .boxR {    display: flex;    justify-content: center;    align-items: center;    gap: 10px;    flex-wrap: nowrap;    padding: 0 15px; /* ??????????*/}
/* ????????????*/.h_banner .boxR img:first-child {    width: 55% !important; /* ???????*/    height: auto !important;    object-fit: cover;    z-index: 2;}
/* ?????????????? */.h_banner .boxR .img1, .h_banner .boxR .img2 {    width: 20% !important; /* ?????? */    height: auto !important;    object-fit: cover;    opacity: 0.9;    z-index: 1;}.home_header ul li.current a {color: #0B1B56;
}
  .h_banner .boxL .title {margin-top: 30px !important;text-align: center;}
  .h_banner .boxL .title em {font-size: 30px !important;}
  .h_banner .boxL .title span {font-size: 24px !important;}
  .h_banner .boxL .text {font-size: 16px !important;line-height: 28px !important;padding: 0 15px !important;text-align: center;}
  .h_banner .boxL p {/* flex-direction: column !important; */align-items: center;font-size: 18px !important;}
  .h_banner .boxL p em {margin: 10px 0 !important;}
  .h_banner .boxL p span {font-size: 16px !important;padding: 0 15px !important;height: 36px !important;line-height: 36px !important;}
  .h_banner .boxR .img {position: static !important;margin: 20px auto !important;}
  .h_banner .boxR .img1, .h_banner .boxR .img2, .h_banner .boxR .img3 {position: static !important;margin: 10px auto !important;width: 20% !important;height: auto !important;}
  
  /* ??????? */
  .h_num {margin-top: 20px !important;}
  .h_num ul {margin-left: 0 !important;display: flex;flex-wrap: wrap;}
  .h_num ul li {width: 48% !important;margin-left: 1% !important;margin-right: 1% !important;padding: 20px 0 !important;font-size: 14px !important;margin-bottom: 10px !important;}
  .h_num ul li em {font-size: 28px !important;height: 36px !important;}
  .h_num ul li p {font-size: 12px !important;}
  .h_num ul li p span {padding-left: 25px !important;}
  .h_num ul li p img {width: 20px !important;height: 20px !important;margin-top: -10px !important;}
  
  /* ????? */

  .h_service {transform: translateY(0);transition: 0.5s;padding: 40px 16px 30px 16px; /* ???????? */background-image: linear-gradient(#FFF9F3, #FFEFDF);border-radius: 24px;overflow: visible;}
  .h_service .w1350 {display: flex;flex-direction: column;gap: 20px;width: 100%;}

  /* ??????*/
  .h_service .left {width: 100%;margin: 0;margin-bottom: 20px;padding: 30px 20px;box-sizing: border-box;border-radius: 24px;background: url("../images/our_service_bg.webp") center top no-repeat;background-size: cover;text-align: center;overflow: visible;}
  .h_service .left .top {font-size: 24px;line-height: 32px;font-weight: bold;color: #fff;word-break: break-word;}
  .h_service .left .top .txt1 {opacity: 0.4;display: block;margin-bottom: 8px;}
  .h_service .left .text {font-size: 16px;line-height: 28px;margin-top: 20px;color: #fff;overflow-wrap: anywhere;word-break: break-word;}

  /* ?? Tab ??*/
  .h_service .right {width: 100%;flex: 1;}
  .h_service .right .tab ul.clearfix {display: flex;overflow-x: auto;gap: 10px;padding: 0 5px;margin: 0;list-style: none;scrollbar-width: none;}
  .h_service .right .tab ul::-webkit-scrollbar {display: none;}
  .h_service .right .tab li {flex: 0 0 auto;width: 100px;padding: 16px 8px;text-align: center;cursor: pointer;background: #fff;border-radius: 16px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: all 0.3s ease;}
  .h_service .right .tab li img {width: 28px;margin: 0 auto;display: block;}
  .h_service .right .tab li .img2 {display: none;}
  .h_service .right .tab li span {font-size: 12px;color: #af7c60;margin-top: 6px;white-space: nowrap;}
  .h_service .right .tab li.on {background: linear-gradient(180deg, #FF9257 0%, #FF6E1F 100%);box-shadow: 0 4px 12px rgba(255,110,31,0.3);border-radius: 24px;transform: translateY(-3px);}
  .h_service .right .tab li.on span {color: #fff;}
  .h_service .right .tab li.on .img1 {display: none;}
  .h_service .right .tab li.on .img2 {display: block;filter: brightness(0) invert(1);}

  /* ???? */
  .h_serviceBox {margin-top: 20px;padding: 0 5px;position: relative;z-index: 1;clear: both;}
  .h_serviceBox .box {display: none; /* JS ???? */width: 100%;height: auto;position: relative;padding: 16px;background: #fff;border-radius: 16px;box-shadow: 0 3px 12px rgba(0,0,0,0.05);box-sizing: border-box;overflow: hidden;flex-direction: column;}
  .h_serviceBox .box img {width: 100%;height: auto;margin: 0 0 12px 0;float: none;border-radius: 8px;}
  .h_serviceBox .box .text {font-size: 16px;line-height: 28px;color: #0b1b56;margin-top: 10px;}


  /* ??????? */
  
.h_avd {
    transform: none !important;
    margin-top: 20px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 18px !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .h_avd .title {
    font-size: 22px !important;
    padding-top: 0 !important;
    line-height: 1.35 !important;
    word-break: keep-all !important;
  }
  .h_avd p {
    font-size: 14px !important;
    margin-top: 10px !important;
    padding: 0 !important;
    line-height: 1.55 !important;
  }
  
  /* ???? h_pro */
  .h_pro {
    flex-direction: column !important;
    padding: 16px 12px 20px !important;
    border-radius: 16px !important;
    min-height: auto !important;
    transform: none !important;
    margin-top: 16px !important;
    background: #F5F6F8 !important;
  }
  .h_pro .left {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
    display: flex !important;
    overflow-x: auto !important;
    gap: 8px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .h_pro .left::-webkit-scrollbar {display: none; }
  .h_pro .left li {
    flex: 0 0 auto !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    background: #fff !important;
    color: #6C7177 !important;
    box-shadow: 0 1px 3px rgba(11,27,86,0.04);
  }
  .h_pro .left li.on {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(180deg, #FF9257 0%, #FF6E1F 100%) !important;
    box-shadow: 0 4px 12px rgba(255,110,31,0.28);
  }
  .h_pro .left li.on::after {display: none !important;}
  .h_pro .left .clearfix {display: contents;}
  .h_pro .right {width: 100% !important;margin: 0 !important;min-height: auto !important;position: relative !important;height: auto !important;}
  .h_pro .right .box {position: relative !important;width: 100% !important;top: auto !important;left: auto !important;display: none;height: auto !important;}
  .h_pro .right .title {
    font-size: 22px !important;
    text-align: left !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
  }
  .h_pro .right .title p {
    font-size: 13px !important;
    margin-top: 8px !important;
    line-height: 1.55 !important;
    color: #8d8d8d !important;
    text-align: left !important;
    font-weight: normal !important;
  }
  /* 卡片两列：grid 放在 ul 上，避免 .list 再套一层 grid */
  .h_pro .right .list {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin-top: 14px !important;
    width: 100% !important;
  }
  .h_pro .right .list ul,
  .h_pro .right .list ul.clearfix,
  .h_pro .right ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .h_pro .right li {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    list-style: none !important;
    background: #fff !important;
    border-radius: 14px !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 10px rgba(11,27,86,0.06) !important;
  }
  .h_pro .right li a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-decoration: none !important;
  }
  .h_pro .right li img {
    width: 100% !important;
    max-width: 100% !important;
    height: 72px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #F8F9FB !important;
    border-radius: 10px !important;
    margin: 0 0 10px 0 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  .h_pro .right li span {
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    margin-top: 0 !important;
    padding: 0 !important;
    height: 52px !important;
    max-height: 52px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #3a4468 !important;
    font-weight: 400 !important;
  }


  /* ??????? */
  .h_link {padding: 20px 15px !important;margin-top: 30px !important;}
  .h_link .title {font-size: 20px !important;}
  .h_link .tab {margin-top: 15px !important;}
  .h_link .tab span {padding: 0 15px !important;margin: 0 5px 10px !important;height: 40px !important;line-height: 40px !important;font-size: 14px !important;}
  .h_link .list a img {height: 60px !important;}
  
  /* ???????????????????????? */
  .h_news {
    padding: 12px 15px 8px !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    transform: none !important;
    overflow: visible !important;
  }
  .h_news .h_title {font-size: 20px !important;padding: 0 !important;text-align: left !important;}
  .h_news .h_title a {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    margin: 8px 0 12px !important;
    float: none !important;
  }
  .h_news .list {
    margin-top: 8px !important;
    overflow: hidden !important;
    height: auto !important;
  }
  .h_news .list .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  .h_news .list .swiper-slide,
  .h_news .list ul li {
    width: 82% !important;
    max-width: 320px !important;
    margin: 0 !important;
    padding: 12px !important;
    flex-shrink: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  .h_news .list ul li:last-child {margin-bottom: 0 !important;}
  .h_news .list ul li img {width: 100% !important;height: auto !important;}
  .h_news .list ul li .title {font-size: 16px !important;height: auto !important;line-height: 24px !important;}
  .h_news .list ul li .text {font-size: 12px !important;height: auto !important;max-height: 36px !important;line-height: 18px !important;margin-top: 6px !important;}

  /* 营销智库下方 CTA（覆盖 .w1350 的 margin/padding 重置） */
  .h_geo_cta.w1350,
  .h_geo_cta {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 28px auto 40px !important;
    padding: 32px 20px 30px !important;
    gap: 24px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  .h_geo_cta .txt {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .h_geo_cta .txt strong {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
  }
  .h_geo_cta .txt span {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: .9 !important;
  }
  .h_geo_links {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 14px !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
  }
  .h_geo_links a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    height: auto !important;
    padding: 14px 18px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.55 !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  /* ???????? */
  .footer {margin-top: 0 !important;}
  .footer .footer-content {margin-top: 16px !important;margin-bottom: 16px !important;flex-direction: column !important;display: flex;}
  .footer .footer-content .left, .footer .footer-content .right {width: 100% !important;margin: 0 !important;}
  .footer .footer-content .left dl {margin-right: 20px !important;margin-bottom: 15px !important;font-size: 14px !important;}
  .footer .footer-content .right>div {margin-left: 0 !important;margin-bottom: 10px !important;text-align: center !important;}
  .footer .footer-content .right .tel {font-size: 20px !important;}
  .footerB {padding: 10px !important;font-size: 12px !important;}
  .footerB .footerB-box {flex-direction: column !important;align-items: center !important;gap: 8px !important;}
  .footerB-box-left, .footerB-box-right {width: 100% !important;flex: none !important;text-align: center !important;float: none !important;}
  .footerB-box-left ul {justify-content: center !important;}
  .footerB-box-left ul li {padding: 0 5px !important;font-size: 11px !important;}
  .footerB-box-right > div {line-height: 1.6 !important;}
  .footerLogo {float: none !important;margin: 0 0 12px !important;text-align: center !important;}
  .footerLogo img {max-width: 140px !important;height: auto !important;}
  
  /* ????? */
  .pageBox {padding-top: 70px !important;padding-bottom: 20px !important;}
  .searchTop {flex-direction: column !important;display: flex;}
  .searchTop .tip {width: 100% !important;margin-bottom: 10px !important;}
  .selectBox {padding: 15px !important;margin-bottom: 15px !important;}
  .selectBox .title {font-size: 14px !important;}
  .selectBox .inner-box a {font-size: 14px !important;margin: 2px 8px 0 0 !important;padding: 5px 12px !important;}
  .seleShow span {padding: 0 20px !important;padding-right: 40px !important;font-size: 14px !important;}
  .seleShow span::before, .seleShow span::after {width: 20px !important;}
  .seleShow span i {right: 20px !important;}
  
  /* ????? */
  .zg-list {padding: 15px !important;flex-direction: column !important;align-items: flex-start !important;}
  .zg-list-item, .zg-list-item-first {width: 100% !important;margin-right: 0 !important;margin-bottom: 10px !important;}
  .zg-list-img {width: 60px !important;height: 60px !important;}
  .zg-list-item-first .top-title {font-size: 16px !important;padding-bottom: 5px !important;}
  .zg-list-item .tip, .zg-list-item-first .tip {font-size: 14px !important;}
  .zg-list-item .price, .zg-list-item .title {font-size: 16px !important;}
  .zg-btn {width: 93% !important;margin-top: 10px !important;}
  
  /* ????? */
  .detailsTop {flex-direction: column !important;padding: 15px !important;}
  .detailsTop .left {width: 100% !important;height: auto !important;}
  .detailsTop .left img {width: 100% !important;height: auto !important;}
  .detailsTop .right {margin-left: 0 !important;position: static !important;}
  .detailsTop .right .text p {padding-left: 70px !important;font-size: 14px !important;margin-bottom: 8px !important;}
  .detailsTop .right .text .package_name_p {font-size: 18px !important;text-align: center !important;margin-bottom: 15px !important;}
  .detailsTop .btnBox {position: static !important;justify-content: center !important;margin-top: 15px !important;}
  .detailsBottom {padding: 15px !important;}
  .detailsTit {font-size: 18px !important;padding-left: 15px !important;}
  .detail-box, .detail-pro {flex-direction: column !important;padding: 15px !important;}
  .detail-pro .left, .detail-pro .middle, .detail-pro .right {width: 100% !important;margin-bottom: 15px !important;}
  
  /* ????? */
  .news .fl, .news .fr {width: 100% !important;}
  .newsBanner a .title {font-size: 14px !important;height: 40px !important;line-height: 40px !important;}
  .news_Tit {font-size: 20px !important;padding: 0 !important;}
  .newsList li {flex-direction: column !important;padding: 15px !important;}
  .newsList li .img {width: 100% !important;margin-right: 0 !important;margin-bottom: 10px !important;}
  .newsList li .img img {height: auto !important;}
  .newsList li .title {font-size: 16px !important;}
  .newsList li .des {font-size: 14px !important;}
  .newsList2 li {flex-direction: row !important;display: flex !important;padding: 10px !important;}
  .newsList2 li .img {width: 80px !important;}
  .newsList2 li .img img {width: 80px !important;height: 50px !important;}
  .newsList2 li .title {font-size: 14px !important;margin-left: 10px !important;}
  
  /* ????? */
  .loginPage {background-size: cover !important;}
  .loginPage .img {width: 100% !important;height: 30% !important;position: static !important;}
  .loginPage .img .text {width: 95% !important;position: static !important;transform: none !important;padding: 20px 15px !important;text-align: center !important;}
  .loginPage .img .text img {width: 180px !important;}
  .loginPage .img .text p {font-size: 24px !important;line-height: 36px !important;}
  .loginPage .right {width: 100% !important;position: static !important;height: 70% !important;}
  .loginBox {width: 90% !important;padding: 15px !important;position: static !important;transform: none !important;margin: 0 auto !important;}
  .loginBox .tip {font-size: 24px !important;}
  .loginBox .form .text {height: 44px !important;}
  
  /* ?????? */
  .userPage {padding-top: 70px !important;padding-bottom: 20px !important;}
  .userPage .left, .userPage .right {width: 100% !important;float: none !important;margin-bottom: 15px !important;padding: 15px !important;}
  .userPage .left .tit {font-size: 20px !important;margin-left: 20px !important;}
  .userPage .left ul li a {font-size: 16px !important;height: 50px !important;line-height: 50px !important;padding-left: 20px !important;}
  .userPage .right .userTit {font-size: 20px !important;}
  .orderTab {flex-wrap: wrap !important;margin-left: 0 !important;}
  .orderTab a {flex: none !important;width: 48% !important;margin-left: 1% !important;margin-right: 1% !important;margin-bottom: 10px !important;font-size: 14px !important;height: 40px !important;line-height: 40px !important;}
  .orderList ul li {padding: 10px !important;}
  .orderList ul li .text p {padding-left: 60px !important;font-size: 14px !important;margin: 10px 0 !important;}
  .orderList ul li .text p em {margin-left: -60px !important;}
  .orderList .setBox {position: static !important;flex-direction: column !important;margin-top: 10px !important;}
  .orderList .setBox .btn {width: 100% !important;margin-left: 0 !important;margin-bottom: 10px !important;}
  
  /* ????? */
  .release {padding-top: 70px !important;padding-bottom: 20px !important;}
  .releaseTit {font-size: 20px !important;}
  .formBox {flex-direction: column !important;align-items: flex-start !important;}
  .formBox .tit {width: 100% !important;margin-bottom: 5px !important;}
  .formBox .text, .formBox select {width: 100% !important;}
  .releaseBtn {justify-content: center !important;}
  .releaseBtn .btn {width: 45% !important;}
  
  /* ????? */
  .orderPay {padding: 15px !important;}
  .orderPayTit {font-size: 20px !important;padding: 20px !important;}
  .orderPayTit::after {width: 24px !important;height: 24px !important;left: -6px !important;margin-top: -12px !important;}
  .payMoney {width: 100% !important;padding: 20px !important;font-size: 16px !important;}
  .payMoney .money {font-size: 24px !important;}
  .payType {flex-direction: column !important;}
  .payType .tip {width: 100% !important;margin-bottom: 10px !important;}
  .payType .type .box {width: 100% !important;margin-bottom: 10px !important;}
  .payNum {flex-direction: column !important;}
  .payNum .tip {width: 100% !important;margin-bottom: 10px !important;}
  .payNum .type .box span {width: 48% !important;margin-bottom: 10px !important;}
  .payNum .type .text {width: 100% !important;}
  .paySuccess {width: 100% !important;padding: 0 15px !important;}
  .paySuccess img {width: 120px !important;height: 120px !important;}
  .paySuccess .title {font-size: 24px !important;}
  .paySuccess .text {margin-left: 0 !important;text-align: center !important;}
  
  /* ???? */
  .pagination li {height: 28px !important;}
  .pagination a, .pagination span {padding: 0 10px !important;line-height: 28px !important;font-size: 12px !important;}
  
  /* ?????? */
  .pageAddress {padding: 0 15px 10px !important;}
  .content-box {margin-bottom: 0.5rem !important;font-size: 18px !important;line-height: 24px !important;}
  .information .box {flex-direction: column !important;align-items: flex-start !important;}
  .information .box .tip {width: 100% !important;text-align: left !important;margin-bottom: 5px !important;}
  .information .box .text {width: 100% !important;margin-left: 0 !important;}
  select, input, textarea {font-size: 14px !important;}
  #dvKeyword a {height: 30px !important;line-height: 30px !important;margin-right: 10px !important;margin-bottom: 10px !important;padding: 0 12px !important;font-size: 14px !important;}
  /* ?? */
  .banner_gao {
    width: 100% !important;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    border-radius: 0;
  }
  .banner_gao img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
  }
  .banner_gao .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90% !important;
    text-align: center !important;
    font-size: 18px !important;
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    line-height: 1.5 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .fagao {
    width: 100% !important;
    padding: 0 15px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .fagao .list {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .fagao .list ul {
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .fagao .list ul li {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    list-style: none !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow: hidden !important;
    height: 356px;
  }
  .fagao .list ul li .img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .fagao .list ul li img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
  }
  .fagao .title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: auto !important;
  }
  .fagao .title a {
    color: #333 !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    word-wrap: break-word !important;
    font-size: 14px;
  }
  .fagao .text {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }
  .fagao .text p {
    margin: 3px 0 !important;
    color: #666 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
  }
  .fagao .text p span {
    color: #999 !important;
    margin-right: 3px !important;
    font-size: 14px;
  }
  .fagao .money {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .fagao .money a {
    background-color: #007aff !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    margin-top: 28px !important;
    right: auto !important;
  }
  .fagao .page {
    margin: 20px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .fagao .list ul li[style*="text-align: center"] {
    grid-column: 1 / -1 !important;
    padding: 16px 0 !important;
    font-size: 14px !important;
    width: 100% !important;
  }
/* ?? */
  .pageBox {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .w1350 {
    width: 100% !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .banner_gao {
    width: 100% !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    height: 160px !important;
  }
  .banner_gao img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .banner_gao .text {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    text-align: center !important;
    font-size: 18px !important;
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: normal !important;
  }
  .pageAddress {
    font-size: 16px !important;
    margin-top: 60px !important;
  }
  .pageAddress a {
    margin-right: 5px !important;
  }

  .searchTop {
    flex-direction: column !important;
    gap: 10px !important;
    padding: 10px 0 !important;
  }
  .searchTop .tip {
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  .searchTop .tip a {
    font-size: 12px !important;
    padding: 4px 10px !important;
  }
  .searchTop .search {
    width: 93% !important;
    display: flex !important;
    gap: 8px !important;
  }
  .searchTop .search .text {
    flex: 1 !important;
    height: 36px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  .searchTop .search .btn {
    width: 40px !important;
    height: 36px !important;
    padding: 0 !important;
  }
  .selectBox {
    width: 100% !important;
    margin: 10px 0 !important;
  }
  .selectBox .box {
    margin-bottom: 15px !important;
  }
  .selectBox .box .title {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }
  .selectBox .labelTab .inner-box {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .selectBox .labelTab a {
    font-size: 16px !important;
    padding: 5px 12px !important;
    white-space: nowrap !important;
  }
  .selectBox .seleShow {
    margin: 10px 0 !important;
  }
  .selectBox .seleShow .show {
    font-size: 13px !important;
  }
  .zhuangao {
    width: 100% !important;
    margin: 10px 0 !important;
  }
  .zg {
    width: 100% !important;
  }
  .zg .zg-list {
    width: 93.5% !important;
    margin-bottom: 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }
  .zg-list-right {
    width: 100% !important;
  }
  .zg-list-main {
    display: grid !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 8px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }
  .zg-list-img {
    grid-row: 1 / 3 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }
  .zg-list-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .zg-list-item-first {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
  }
  .zg-list-item-first .top-title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 4px !important;
  }
  .zg-list-item-first .tip {
    font-size: 11px !important;
    color: #666 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .zg-list-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 0 !important;
  }
  .zg-list-item .tip {
    font-size: 16px !important;
    color: #999 !important;
    width: 80px !important;
    flex-shrink: 0 !important;
  }
  .zg-list-item .title,
  .zg-list-item .price {
    font-size: 16px !important;
    flex: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .zg-list-item .sponsored {
    width: 20px !important;
    height: 20px !important;
  }
  .zg-list-item .sponsored img {
    width: 100% !important;
    height: 100% !important;
  }
  .zg-list-item-last {
    grid-column: span 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding-top: 8px !important;
  }
  .zg-btn {
    padding: 6px 16px !important;
    font-size: 18px !important;
  }
  .zg .zg-list.batch-check {
    padding: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }
  .batch-check-text {
    font-size: 13px !important;
    margin-right: 15px !important;
  }
  .download-btn {
    font-size: 13px !important;
    padding: 6px 14px !important;
    margin-bottom: 10px;
  }
  .zg .page {
    margin: 20px 0 !important;
    padding: 0 !important;
  }
  .zg .page [style*="text-align: center"] {
    font-size: 14px !important;
    padding: 16px 0 !important;
  }
  .banner-prcenter .slick-card img {
    width: 100%;
    height: auto;
    display: block;
}
.newsDetails .fl {
    width: 100%;
}
.aboutBan {
    position: relative !important;
    height: auto !important;
    min-height: 200px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    width: 100% !important;
    margin-top: 12px !important;
    box-sizing: border-box !important;
}
.aboutBan > img {
    width: 100% !important;
    height: auto !important;
    min-height: 200px !important;
    max-height: 280px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 16px !important;
}
.aboutBan .text {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100% - 28px) !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
.aboutBan .text .title {
    width: 100% !important;
}
.aboutBan .text .title .tip {
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.aboutBan .text p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-top: 8px !important;
    padding: 0 4px !important;
}
  .aboutSever {
    width: 100% !important;
    padding: 0 15px !important;
    margin: 20px 0 !important;
    box-sizing: border-box !important;
  }
  .aboutSever ul {
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }
  .aboutSever li {
    width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }
  .aboutSever li img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
  }
  .aboutSever .text {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .aboutSever .tit {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0B1B56 !important;
    margin: 0 0 6px !important;
  }
  .aboutSever .tip {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  .aboutContact {
    width: 100% !important;
    padding: 0 15px !important;
    margin: 20px 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  .aboutContact .box {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto;
    box-shadow: none;
  }
  .aboutContact .left .con {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 18px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  }
  .aboutContact .title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }
  .aboutContact .title img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
  }
  .aboutContact .title span:first-of-type {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333 !important;
  }
  .aboutContact .title .en {
    font-size: 11px !important;
    color: #999 !important;
    margin-left: 8px !important;
  }
  .aboutContact .text {
    font-size: 16px !important;
    color: #666 !important;
  }
  .aboutContact .text p {
    margin: 6px 0 !important;
    line-height: 1.5 !important;
  }
  .aboutContact .right {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  }
  .form {
    width: 100% !important;
  }
  .fromBox {
    margin-bottom: 15px !important;
  }
  .fromBox.clearfix {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .textCon {
    width: 100% !important;
    margin: 0 !important;
  }
  .textCon span {
    font-size: 16px !important;
    color: #333 !important;
    margin-bottom: 6px !important;
  }
  .textCon .text {
    width: 100% !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }
  .fromBox .tip {
    font-size: 16px !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    display: block !important;
  }
  .radio {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  .radioBox {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 16px !important;
    color: #333 !important;
  }
  .radioBox input {
    width: 16px !important;
    height: 16px !important;
  }
  .textarea.text {
    width: 100% !important;
    height: 100px !important;
    padding: 12px !important;
    resize: none !important;
    line-height: 1.5 !important;
  }
  .fromBox .btn {
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    border: none !important;
    background: #ff7327 !important;
    color: #fff !important;
    cursor: pointer !important;
  }


  /* ??PC??????*/
  .header_return, .aboutBan .dd, .newsDetails .fr, .user-orders-apply-form-box .after-comment-item, .user-orders-files-box {display: none !important;}
  .footer .footer-content .right dl {margin-left: 0px;padding: 10px;}

  /* ===== mobile polish 2026-08-20 ===== */
  .header_nav ul li .nav_sub dd a {
    text-align: center !important;
    padding: 10px 0 !important;
  }

  .h_avd {
    transform: none !important;
    margin-top: 20px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 18px !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .h_avd .title {
    font-size: 22px !important;
    padding-top: 0 !important;
    line-height: 1.35 !important;
    word-break: keep-all !important;
  }
  .h_avd p {
    font-size: 14px !important;
    margin-top: 10px !important;
    padding: 0 !important;
    line-height: 1.55 !important;
  }

  .h_pro {
    transform: none !important;
    padding: 16px 12px 20px !important;
    border-radius: 16px !important;
    margin-top: 16px !important;
    min-height: auto !important;
    background: #F5F6F8 !important;
  }
  .h_pro .left {
    margin: 0 0 14px !important;
    padding: 0 !important;
    gap: 8px !important;
  }
  .h_pro .left li {
    padding: 8px 14px !important;
    font-size: 13px !important;
    border-radius: 20px !important;
    background: #fff !important;
    color: #6C7177 !important;
  }
  .h_pro .left li.on {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(180deg, #FF9257 0%, #FF6E1F 100%) !important;
    box-shadow: 0 4px 12px rgba(255,110,31,0.28);
  }
  .h_pro .left li.on::after { display: none !important; }
  .h_pro .right,
  .h_pro .right .box {
    min-height: auto !important;
    height: auto !important;
  }
  .h_pro .right .title {
    font-size: 22px !important;
    text-align: left !important;
    margin-bottom: 6px !important;
  }
  .h_pro .right .title p {
    font-size: 13px !important;
    margin-top: 8px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }
  .h_pro .right .list {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin-top: 14px !important;
    width: 100% !important;
  }
  .h_pro .right .list ul,
  .h_pro .right .list ul.clearfix,
  .h_pro .right ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .h_pro .right li {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    background: #fff !important;
    border-radius: 14px !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    box-shadow: 0 2px 10px rgba(11,27,86,0.06) !important;
  }
  .h_pro .right li img {
    width: 100% !important;
    height: 72px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #F8F9FB !important;
    border-radius: 10px !important;
    margin: 0 0 10px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  .h_pro .right li span {
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #3a4468 !important;
  }

  .h_news .h_title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    text-align: left !important;
    font-size: 22px !important;
    padding: 0 !important;
  }
  .h_news .h_title a {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 72px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 28px 0 14px !important;
    font-size: 13px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }
  .h_news .h_title a::after {
    right: 10px !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -8px !important;
    background-size: contain !important;
  }
  .h_news .list {
    margin-top: 12px !important;
    overflow: hidden !important;
  }
  .h_news .list .swiper-slide,
  .h_news .list ul li {
    width: 82% !important;
    max-width: 320px !important;
    margin: 0 !important;
    height: auto !important;
  }

  .footer .footer-content {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    gap: 16px !important;
  }
  .footerLogo {
    text-align: left !important;
    margin: 0 0 8px !important;
  }
  .footer .footer-content .left {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
    width: 100% !important;
  }
  .footer .footer-content .left dl {
    display: block !important;
    margin: 0 !important;
    font-size: 12px !important;
  }
  .footer .footer-content .left dl dt {
    color: #fff !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
  }
  .footer .footer-content .left dl dd {
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
  }
  .footer .footer-content .left dl dd a {
    font-size: 12px !important;
  }
  .footer .footer-content .right {
    width: 100% !important;
  }
  .footer .footer-content .right dl {
    margin: 0 0 12px !important;
    text-align: left !important;
  }
  .footer .footer-content .right .tel {
    font-size: 22px !important;
  }

  .detailsTop {
    padding: 14px !important;
    border-radius: 12px !important;
  }
  .detailsTop .right .text p {
    padding-left: 0 !important;
    margin-bottom: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
  .detailsTop .right .text p span {
    position: static !important;
    display: block !important;
    font-size: 12px !important;
    color: #8D8D8D !important;
  }
  .detailsTop .right .text .package_name_p {
    font-size: 18px !important;
    text-align: left !important;
  }
  .detailsTop .right .text p .money {
    font-size: 22px !important;
  }
  .detailsTop .btnBox {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 14px !important;
    justify-content: stretch !important;
  }
  .detailsTop .btnBox .box {
    flex: 1 1 30% !important;
    min-width: 96px !important;
  }
  .detailsTop .btnBox .btn {
    width: 100% !important;
    margin-left: 0 !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 14px !important;
  }

  .zg .zg-list {
    width: auto !important;
    margin: 0 0 12px !important;
    border-radius: 12px !important;
  }
  .zg-list-main {
    display: grid !important;
    grid-template-columns: 56px 1fr 1fr !important;
    grid-template-rows: auto !important;
    gap: 8px 10px !important;
    padding: 12px !important;
    align-items: start !important;
  }
  .zg-list-img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 56px !important;
    height: 56px !important;
  }
  .zg-list-item-first {
    grid-column: 2 / span 2 !important;
    grid-row: 1 !important;
  }
  .zg-list-item {
    grid-column: span 1 !important;
    min-width: 0 !important;
    gap: 4px !important;
  }
  .zg-list-item .tip {
    width: auto !important;
    font-size: 12px !important;
    color: #999 !important;
  }
  .zg-list-item .title,
  .zg-list-item .price {
    font-size: 13px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .zg-list-item .price {
    color: #EE0C0C !important;
    font-weight: 700 !important;
    text-align: left !important;
  }
  .zg-list-item-last {
    grid-column: 1 / -1 !important;
    justify-content: stretch !important;
  }
  .zg-list-item-last .zg-btn {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding: 10px 0 !important;
    font-size: 15px !important;
  }

  /* ===== mobile nav force 2026-08-20b ===== */
  .mobile_nav_btn { display: block !important; }
  body.mobile-nav-open { overflow: hidden !important; }
  body.mobile-nav-open::after {
    content: "" !important;
    position: fixed !important;
    left: 0 !important; right: 0 !important; top: 56px !important; bottom: 0 !important;
    background: rgba(0,0,0,.45) !important;
    z-index: 9998 !important;
  }
  .header { height: 56px !important; min-width: 0 !important; }
  .header_Box { height: 56px !important; max-width: 100% !important; width: 100% !important; }
  .header .header_nav, .header_Box .header_nav, .header_nav {
    display: none !important;
    position: fixed !important;
    top: 56px !important; left: 0 !important; right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 56px) !important;
    overflow-x: hidden !important; overflow-y: auto !important;
    margin: 0 !important; padding: 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    z-index: 10000 !important;
  }
  .header .header_nav.show, .header_Box .header_nav.show, .header_nav.show { display: block !important; }
  .header_nav ul, .header_nav ul.clearfix {
    display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important;
  }
  .header_nav ul li, .header_nav ul li.has-sub {
    display: block !important; float: none !important; width: 100% !important;
    margin: 0 !important; padding: 0 !important; font-size: 15px !important;
    text-align: center !important; border-bottom: 1px solid #eee !important; line-height: 1.2 !important;
  }
  .header_nav ul li a, .header_nav a {
    display: block !important; width: 100% !important; margin: 0 !important;
    padding: 14px 16px !important; font-size: 15px !important; line-height: 1.2 !important;
    color: #333 !important; box-sizing: border-box !important;
  }
  .header_nav a:after, .header_nav a:hover:after, .header_nav ul li.current a:after {
    display: none !important; width: 0 !important; height: 0 !important; content: none !important;
  }
  .header_nav ul li.current > a {
    color: #0B1B56 !important; font-weight: 600 !important; box-shadow: inset 0 -2px 0 #FF6E1F !important;
  }
  .header_nav ul li .nav_sub {
    display: none !important; position: static !important; transform: none !important; padding: 0 !important;
    min-width: 0 !important; background: #f7f8fa !important;
  }
  .header_nav ul li.has-sub.open > .nav_sub { display: block !important; }
  .header_nav ul li .nav_sub .box { box-shadow: none !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; }
  .header_nav ul li .nav_sub dd { margin: 0 !important; border-top: 1px solid #eee !important; }
  .header_nav ul li .nav_sub dd a {
    padding: 12px 16px !important; font-size: 14px !important; text-align: center !important; color: #666 !important;
  }
  .h_pro .right .list {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .h_pro .right .list ul, .h_pro .right ul.clearfix, .h_pro .right ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .h_pro .right li { width: 100% !important; margin: 0 !important; float: none !important; }
}
@media screen and (max-width: 480px) {
  .banner_gao {
    height: 110px !important;
    margin-top: 60px !important;
    margin-bottom: -40px !important;
  }
    .fagao .list ul {
    gap: 10px !important;
  }
  .fagao .title {
    font-size: 13px !important;
    -webkit-line-clamp: 2 !important;
  }
  .aboutSever li {
    padding: 12px !important;
    gap: 10px !important;
  }
  .aboutSever li img {
    width: 36px !important;
    height: 36px !important;
  }
  .aboutSever .tit {
    font-size: 16px !important;
  }
  .aboutSever .tip {
    font-size: 13px !important;
    width: 100% !important;
    height: auto !important;
  }
    .aboutContact .left .con {
    padding: 15px !important;
  }
  .aboutContact .right {
    padding: 18px !important;
    height: 800px;
  }
  .aboutContact .title span:first-of-type {
    font-size: 16px !important;
  }
  .textCon .text {
    height: 38px !important;
  }
  .textarea.text {
    height: 90px !important;
  }
  .fromBox .btn {
    height: 42px !important;
    line-height: 42px !important;
  }

}

/* ===== mobile fix 2026-08-20d???????? ===== */
@media screen and (max-width: 992px) {
  .h_pro {
    background: #F5F6F8 !important;
    padding: 16px 12px 20px !important;
  }
  .h_pro .left li.on {
    color: #fff !important;
    background: linear-gradient(180deg, #FF9257 0%, #FF6E1F 100%) !important;
    box-shadow: 0 4px 12px rgba(255,110,31,0.28) !important;
  }
  .h_pro .right .list {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin-top: 14px !important;
    width: 100% !important;
  }
  .h_pro .right .list ul,
  .h_pro .right .list ul.clearfix,
  .h_pro .right ul.clearfix,
  .h_pro .right ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .h_pro .right li {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 10px rgba(11,27,86,0.06) !important;
  }
  .h_pro .right li a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }
  .h_pro .right li img {
    width: 100% !important;
    height: 72px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #F8F9FB !important;
    border-radius: 10px !important;
    margin: 0 0 10px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  .h_pro .right li span {
    height: 52px !important;
    max-height: 52px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #3a4468 !important;
  }

  .h_news .list {
    overflow: hidden !important;
  }
  .h_news .list .swiper-slide,
  .h_news .list ul li {
    width: 82% !important;
    max-width: 320px !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  .h_news .list ul li img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
  }

  /* /zhuangao/ ?????? */
  .pageBox,
  .zhuangao,
  .zg {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  .zg .zg-list {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    overflow: hidden !important;
  }
  .zg-list-input {
    flex-shrink: 0 !important;
    margin-right: 10px !important;
    margin-top: 4px !important;
  }
  .zg-list-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .zg-list-right > a {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .zg-list-main {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 12px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    align-items: start !important;
  }
  .zg-list-img {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
  }
  .zg-list-item-first {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  .zg-list-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .zg-list-item .tip,
  .zg-list-item-first .tip {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #999 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .zg-list-item .title,
  .zg-list-item .price {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
  }
  .zg-list-item .price {
    color: #EE0C0C !important;
    font-weight: 700 !important;
  }
  .zg-list-item .sponsored {
    width: 20px !important;
    height: 20px !important;
  }
  .zg-list-item-last {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding-top: 4px !important;
    justify-content: stretch !important;
  }
  .zg-list-item-last .zg-btn {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    padding: 10px 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    font-size: 15px !important;
  }

  /* ???????? */
  .pageBox.aboutBox,
  .aboutBox {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }
  .aboutBox .w1350.about,
  .aboutBox .about {
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }
  .aboutBan {
    position: relative !important;
    height: auto !important;
    min-height: 210px !important;
    margin-top: 8px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  .aboutBan > img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
  }
  .aboutBan .text {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
  }
  .aboutBan .text .title {
    width: 100% !important;
    text-align: center !important;
  }
  .aboutBan .text .title .tip {
    font-size: 22px !important;
    line-height: 1.35 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .aboutBan .text p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
  }
  .aboutTit {
    font-size: 22px !important;
    margin-top: 28px !important;
    padding: 0 8px !important;
    line-height: 1.3 !important;
  }
  .aboutTit p {
    font-size: 13px !important;
    margin-top: 10px !important;
    line-height: 1.55 !important;
    padding: 0 4px !important;
  }
  .aboutSever {
    width: 100% !important;
    padding: 0 !important;
    margin: 16px 0 8px !important;
  }
  .aboutSever ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .aboutSever ul li,
  .aboutSever li {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 10px rgba(11,27,86,0.06) !important;
  }
  .aboutSever li img {
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }
  .aboutSever ul li .text,
  .aboutSever .text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    overflow: visible !important;
  }
  .aboutSever ul li .tit,
  .aboutSever .tit {
    font-size: 16px !important;
    color: #0B1B56 !important;
    margin: 0 0 6px !important;
  }
  .aboutSever ul li .tip,
  .aboutSever .tip {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #666 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
  }
}