/* ==========================================================================
   响应式适配：在模板固定宽度（1500/1200）基础上做渐进式收缩
   断点：1440 / 1200 / 1024 / 768 / 480
   ========================================================================== */

/* ---------- 基础：解除模板写死的 1280 最小宽度 ---------- */
html {
  min-width: 0 !important;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
}
img {
  max-width: 100%;
}
/* 桌面端保持 1200 版心（模板按 1200 计算栅格），仅在 ≤1200 时流式化 */
.w1200 {
  width: 1200px;
  max-width: 100%;
  box-sizing: border-box;
}

/* 内容内的图片、表格不撑破容器 */
.context img,
.showContxt img {
  max-width: 100% !important;
  height: auto !important;
}
.context table,
.showContxt table {
  max-width: 100%;
  display: block;
  overflow-x: auto;
}

/* 移动端导航默认隐藏 */
.mobile-nav {
  display: none;
}

/* ==========================================================================
   ≤1440px：仅做容器微调
   ========================================================================== */
@media screen and (max-width: 1440px) {
  #banner_main .banner,
  #banner,
  .banner ul {
    max-height: 460px;
  }
  .banner li img {
    width: 100%;
    left: 0;
    margin-left: 0;
    height: auto;
  }
  #banner_main .banner {
    height: 460px;
  }
}

/* ==========================================================================
   ≤1200px：栅格由固定像素改为等比
   ========================================================================== */
@media screen and (max-width: 1200px) {
  .w1200 {
    width: auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #banner_main .banner {
    height: 400px;
  }
  .banner li img {
    width: 100%;
    height: 400px;
    object-fit: cover;
  }

  /* 产品/案例三列 */
  .floor_1 .body ul,
  .floor_3 .body ul,
  .floor_3_remm .body ul,
  .case ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    width: 100% !important;
  }
  .floor_1 .body li,
  .floor_3 .body li,
  .floor_3_remm .body li,
  .case li {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
  }
  .floor_1 .body li .img,
  .floor_3 .body li .img,
  .case li .img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
  }
  .floor_1 .body li .img img,
  .floor_3 .body li .img img,
  .case li .img img,
  .floor_3_remm .body li .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .case li .p {
    width: auto !important;
    height: auto !important;
    padding: 12px 16px 14px !important;
    overflow: hidden; /* 清除内部浮动，避免分类名/箭头溢出被裁切 */
  }
  .case li .p p {
    height: auto !important;
    line-height: 1.6 !important;
    padding: 6px 0 10px;
  }
  .case li .p span.left {
    float: left;
    font-size: 13px;
    line-height: 20px;
    max-width: 72%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .case li .p span.right {
    float: right;
    line-height: 20px;
  }
  .floor_3 .body li {
    height: auto;
  }
  .floor_3_remm .body li {
    height: auto;
  }
  .floor_3_remm .body li .txt {
    position: static;
    width: auto;
    left: auto;
    top: auto;
    padding: 0 14px;
    height: 56px;
    line-height: 56px;
  }
  .floor_3_remm .body li .txt h3 {
    line-height: 56px;
    font-size: 17px;
  }

  /* 业务流程：改 flex 等分 */
  .liucheng {
    height: auto;
    padding-bottom: 40px;
    background-size: cover;
  }
  .liucheng ul {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    gap: 6px;
  }
  .liucheng li,
  .liucheng .l2,
  .liucheng .l3,
  .liucheng .l4,
  .liucheng .l5 {
    flex: 1 1 0;
    width: auto !important;
    font-size: 14px;
    text-align: center;
  }

  /* 业务优势两列布局：改为上下 */
  .floor_2_main .box1 .left,
  .floor_2_main .box1 .right {
    width: 100% !important;
    float: none !important;
  }
  .floor_2_main .box1 .right {
    margin-top: 24px;
    text-align: center;
  }
  .floor_2_main .box1 .right img {
    max-width: 100%;
  }
  .floor_2_main .box1 .left li .fr {
    width: auto !important;
    float: none;
    margin-left: 137px;
  }
  .floor_2_main .box1 .left li .fr .p {
    height: auto !important;
  }
  .floor_2_main .box2 .left {
    float: none !important;
  }
  .floor_2_main .box2 .right {
    float: none !important;
  }
  .floor_2_main .box2 .left li .fr {
    width: auto !important;
  }

  /* 关于我们 */
  .floor_5 .left,
  .floor_5 .right {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 20px !important;
    box-sizing: border-box;
  }
  .floor_5 .left {
    padding: 0 !important;
  }
  .floor_5 .left:before,
  .floor_5 .left:after {
    display: none;
  }
  .floor_5 .left img {
    width: 100% !important;
    height: auto !important;
  }
  .floor_5 .right {
    margin-top: 28px !important;
  }

  /* 新闻板块 */
  .floor_6 .newsimg,
  .floor_6 .textlist {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  .floor_6 .newsimg {
    height: auto;
    margin-bottom: 24px !important;
  }
  .floor_6 .newsimg img {
    height: auto;
  }
  .floor_6 .textlist .item {
    height: auto;
    min-height: 69px;
  }
  .floor_6 .textlist .item h3 {
    line-height: 1.5;
  }
  .floor_6 .textlist .item p {
    padding-top: 6px;
  }

  /* 内页新闻列表 */
  .bg_main .news_ul {
    width: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .bg_main .news_ul li .box1 {
    width: 210px !important;
    height: 158px !important;
  }
  .bg_main .news_ul li .box1 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .bg_main .news_ul li .box2 {
    width: auto !important;
    float: none;
    padding-left: 232px !important;
    padding-top: 10px !important;
    box-sizing: border-box;
  }
  .bg_main .news_ul li .right {
    display: none;
  }

  /* 产品详情：≤1200 关闭图集轮播，改用静态大图 */
  .showPro .showimg {
    display: none !important;
  }
  .showPro .showimg-static {
    display: block;
    margin-bottom: 20px;
  }
  .showPro .showimgCon .txtcon {
    width: 54% !important;
    height: auto !important;
    min-height: 380px;
  }
  .showPro .showimgCon .txtcon .tel-btn {
    position: static;
    padding-top: 24px;
  }
  .showPro .showimgCon .txtcon .tel-btn .tel {
    float: none;
    width: auto;
  }
  .showPro .showimgCon .txtcon .tel-btn .btn {
    float: none;
    margin-top: 12px;
    width: 160px;
  }
  .relateTit {
    width: auto;
    padding: 0 20px;
  }

  /* 联系我们 */
  .contact-main {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .contact-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact .box1 ul {
    width: 100% !important;
  }
  .contact .box1 li {
    width: 45% !important;
    margin-right: 5% !important;
    margin-bottom: 20px;
  }

  /* 页尾 */
  .bottom_main .bott_nav .right {
    width: 100% !important;
    float: none;
  }
  .bottom_main .bott_nav .left {
    float: none;
    margin-bottom: 12px;
  }
  .bottom_main .bott_nav .right li {
    margin-bottom: 6px;
  }
  .bottom_main .bott_nav .right a {
    padding: 0 18px;
  }
  .bottom_main .txt .box1,
  .bottom_main .txt .box2,
  .bottom_main .txt .box3 {
    width: 33% !important;
  }
  .bottom_main .txt .box2 .clearfix {
    width: auto !important;
  }
  .bottom_main .txt .box2 .fr {
    width: calc(100% - 30px) !important;
  }
}

/* ==========================================================================
   ≤1024px：进入移动布局
   ========================================================================== */
@media screen and (max-width: 1024px) {
  .head_main {
    display: none;
  }
  .top_main {
    padding: 10px 0;
  }
  .top_main .right.nav {
    display: none;
  }
  .nav-toggle {
    display: flex;
    float: left;
    margin: 6px 14px 0 0;
  }
  .top_main .logo {
    float: left;
    max-width: calc(100% - 80px);
  }
  .top_main .logo img {
    max-height: 52px;
    width: auto;
    float: none;
  }
  /* 手机端语言切换：logo 旁右侧显示 */
  .top_main .lang-drop--topbar {
    display: block;
    float: right;
    margin: 6px 0 0 12px;
  }
  .logo-text b {
    font-size: 22px;
  }
  .logo-text em {
    font-size: 11px;
  }
  .mobile-nav.is-open {
    display: block;
  }

  /* 轮播 */
  #banner {
    min-width: 0 !important;
    width: 100% !important;
  }
  #banner_main {
    max-width: 100%;
  }
  #banner_main .banner {
    height: 320px;
  }
  .banner li img {
    height: 320px;
    object-fit: cover;
  }
  #banner .tip {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 16px;
  }
  #banner #btn_prev,
  #banner #btn_next {
    display: none;
  }
  .banner__caption h1,
  .banner__caption h2 {
    font-size: 26px;
  }
  .banner__caption p {
    font-size: 14px;
  }

  /* 搜索条 */
  .search .hot {
    height: auto;
    padding: 18px 0;
    line-height: 30px;
  }
  .search .hot .left,
  .search .hot .right {
    float: none !important;
    width: 100% !important;
    /* 桌面端给热搜词留出搜索框宽度（max-width: calc(100% - 300px)），
       手机端搜索框已独占一行，这个上限会把热搜词压成 60 多像素的窄条并裁切 */
    max-width: 100% !important;
  }
  .search .hot .right form {
    position: relative;
    margin-top: 10px;
  }
  .search .hot .right .input {
    position: static;
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    line-height: 24px;
    padding: 10px 46px 10px 16px;
    font-size: 14px;
  }
  .search .hot .right .btn {
    position: absolute;
    right: 8px;
    top: 3px;
  }

  /* 产品两列 */
  .floor_1 .body ul,
  .floor_3 .body ul,
  .floor_3_remm .body ul,
  .case ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .floor_1 .body li .img {
    aspect-ratio: 3 / 2;
  }

  .index_title {
    padding-top: 36px;
    padding-bottom: 24px;
  }
  .index_title h3 {
    font-size: 24px;
  }
  .index_title p {
    width: 240px;
    background-size: 240px auto;
  }

  .floor_4_main {
    height: auto;
    padding: 24px 0;
    background-size: cover;
    margin-bottom: 30px;
  }
  .floor_4_main .left,
  .floor_4_main .right {
    float: none !important;
    width: 100% !important;
    padding-top: 0;
  }
  .floor_4_main .left h3 {
    font-size: 22px;
    padding-top: 0;
  }
  .floor_4_main .left p {
    font-size: 14px;
    padding-top: 6px;
  }
  .floor_4_main .right {
    height: auto;
    margin-top: 16px;
    padding-left: 0;
  }
  .floor_4_main .right h3 {
    padding: 0;
    font-size: 22px;
    color: #fff;
  }
  .floor_4_main .right p {
    padding-top: 6px;
    font-size: 14px;
  }
  .floor_4_main .right img {
    display: none;
  }

  /* 内页 */
  .nybanner {
    height: 180px;
    background-size: cover;
  }
  .sub_nav {
    height: auto;
    padding-top: 16px;
    padding-bottom: 12px;
    line-height: 1.4;
  }
  .sub_nav .fl {
    float: none;
    font-size: 22px;
  }
  .sub_nav .fr {
    float: none;
    width: 100%;
    margin-top: 12px;
  }
  .sub_nav .fr ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 2px;
  }
  .sub_nav .fr li a {
    margin-left: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 34px;
    white-space: nowrap;
  }
  .sub_nav--search {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .sub_nav--search .fr {
    margin-left: 0;
    width: 100%;
  }
  .sub_nav--search .sub-search {
    width: 100%;
    flex: none;
  }
  .sub-search form {
    max-width: none;
  }

  .bg_main .news_ul {
    padding-top: 0;
  }
  .bg_main .news_ul li {
    padding: 20px 0;
  }

  /* 产品详情 */
  .showPro {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .showPro .showimg,
  .showPro .showimgCon .txtcon {
    float: none !important;
    width: 100% !important;
  }
  .showPro .showimgCon .txtcon {
    margin-top: 20px;
    min-height: 0 !important;
  }
  .showPro .showimg .bigimg {
    border: none;
  }
  .showPro .showimg .smallimg {
    display: none;
  }
  .showPro .showimgCon .txtcon .tit {
    font-size: 20px;
  }

  /* 详情正文 */
  .detail {
    padding-top: 26px;
    padding-bottom: 10px;
  }
  .detail .title h1 {
    font-size: 22px;
    line-height: 1.4;
  }
  .detail .context {
    padding: 16px 0;
    line-height: 1.9;
    font-size: 15px;
  }
  .reLink {
    font-size: 13px;
    line-height: 1.8;
    padding: 10px 12px;
    height: auto;
  }
  .reLink .prevLink,
  .reLink .nextLink {
    float: none !important;
    width: 100% !important;
    text-align: left;
  }

  /* 移动端浮动侧边栏（服务热线 + 返回顶部，与电脑端一致） */
  .toolbar {
    display: block;
    position: fixed;
    top: auto;
    right: 10px;
    bottom: 74px;
    margin-top: 0;
    width: 52px;
    z-index: 890;
  }
  .toolbar dd {
    width: 52px;
    /* 高度改为自适应：阿语「العودة إلى الأعلى」「الخط الساخن」在 52px 宽里要折成两行，
       固定 52px 会把文字挤到蓝框外面 */
    height: auto;
    min-height: 52px;
    padding-bottom: 6px;
    box-sizing: border-box;
    margin-top: 8px;
    border-radius: 8px;
    font-size: 11px;
    line-height: 1.3;
  }
  .toolbar dd span {
    display: block;
    padding: 0 2px;
    line-height: 1.3;
    word-break: break-word;
  }
  .toolbar dd:first-child {
    margin-top: 0;
  }
  .toolbar dd i {
    height: 30px;
    margin-top: 3px;
  }
  .toolbar dd.tel .box,
  .toolbar dd.code .box {
    display: none;
  }
  .m-bar {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    background: #fff;
    border-top: 1px solid #e8eaee;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .m-bar__item {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 7px 0 6px;
    font-size: 11px;
    color: #6b7280;
    gap: 2px;
  }
  .m-bar__item--primary {
    background: var(--brand);
    color: #fff;
  }
  .m-bar__ico {
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
  }
  .m-bar__ico--home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3C/svg%3E");
  }
  .m-bar__ico--cat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/svg%3E");
  }
  .m-bar__ico--tel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a12 12 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E");
  }
  .m-bar__ico--msg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8'%3E%3Cpath d='M21 12a8 8 0 0 1-8 8H7l-4 3V12a8 8 0 0 1 8-8h2a8 8 0 0 1 8 8Z'/%3E%3C/svg%3E");
  }
  body {
    padding-bottom: 58px;
  }

  /* 页尾 */
  .bottom_main {
    padding: 28px 0 30px;
  }
  .bottom_main .txt {
    padding-top: 20px;
  }
  .bottom_main .txt .box1,
  .bottom_main .txt .box2,
  .bottom_main .txt .box3,
  .bottom_main .txt .box4 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px;
  }
  .bottom_main .txt .box4 img {
    width: 110px;
    height: 110px;
  }
  .bottom_main .txt .box4 .foot-qr-empty {
    width: 110px;
    height: 110px;
  }
  .bottom_copy {
    height: auto;
    line-height: 22px;
    padding: 12px 0;
    text-align: center;
  }
  .bottom_copy .fl {
    float: none;
  }

  /* 弹窗 */
  .ewmbox {
    width: min(88vw, 300px);
    margin-left: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .ewmbox .close {
    right: 0;
    top: -40px;
  }

  /* 表单 */
  .form-book {
    padding-bottom: 20px;
  }
  .form-row {
    gap: 0;
  }
  .form-row .form-item {
    flex: 1 1 100%;
  }
  .form-row--submit {
    display: block;
  }
  .form-submit {
    padding-bottom: 10px;
  }
  .form-submit .btn-lg {
    width: 100%;
  }
  .captcha-box input {
    max-width: none;
    min-width: 0;
    flex: 1 1 auto;
  }
  .captcha-box img {
    flex: 0 0 120px;
  }

  .contact-cards {
    padding-top: 24px;
    gap: 12px;
  }
  .contact-card {
    padding: 18px 12px;
  }
  .contact-card a,
  .contact-card span {
    font-size: 15px;
  }
  .contact-main {
    padding: 24px 0 40px;
  }
  .baidu-map,
  .map-placeholder {
    height: 280px;
  }
  .contact-info h2 {
    font-size: 21px;
  }
  .company-info li {
    flex-direction: column;
    gap: 2px;
    padding: 9px 0;
    font-size: 14px;
  }
  .company-info__k {
    flex: none;
    font-size: 13px;
  }
  .company-info li.company-info__qr {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }
  .company-info__qr img,
  .company-info__qr .qr-empty {
    width: 96px;
    height: 96px;
  }

  .search-box {
    margin: 20px 0 6px;
  }
  .search-box input {
    height: 44px;
    font-size: 14px;
  }
  .search-box .btn-primary {
    height: 44px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 15px;
  }

  .error-page {
    padding: 60px 20px 70px;
  }
  .error-page__code {
    font-size: 64px;
  }
  .error-page__title {
    font-size: 19px;
  }

  .sitemap-wrap {
    padding: 16px 0 40px;
  }
  .sitemap dt {
    float: none;
    width: 100%;
    margin-bottom: 6px;
  }
  .sitemap dd {
    float: none;
    width: 100%;
    margin-bottom: 14px;
  }
  .sitemap dd a {
    padding-right: 18px;
    line-height: 32px;
  }
}

/* ==========================================================================
   ≤768px：手机竖屏优化
   ========================================================================== */
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
  .w1200 {
    padding-left: 14px;
    padding-right: 14px;
  }
  #banner_main .banner {
    height: 240px;
  }
  .banner li img {
    height: 240px;
  }
  .banner__caption {
    width: 86vw;
  }
  /* 手机端首屏标题原先是 h2，改成 h1 后要一起写，否则 44px 大字号不缩、三行挤在一起并压到副标题 */
  .banner__caption h1,
  .banner__caption h2 {
    font-size: 22px;
    line-height: 1.35;
    margin: 0 0 8px;
  }
  .banner__caption p {
    font-size: 13px;
  }
  .banner__caption .banner__en {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.4px;
    margin-top: 6px;
  }

  /* 移动端：工厂实力数据条隐藏，改用浮动侧边栏（服务热线 + 返回顶部） */
  .sec-stat {
    display: none;
  }
  .sec-call {
    display: none;
  }
  /* 关于页「企业优势与产能」数据条（含"距甬台温高速"等）在手机端也隐藏 */
  .stat-grid--light {
    display: none;
  }

  /* 单列列表 */
  .floor_1 .body ul,
  .floor_3 .body ul,
  .floor_3_remm .body ul,
  .case ul {
    grid-template-columns: 1fr;
  }
  .floor_1 .body li .img {
    aspect-ratio: 16 / 10;
  }
  .floor_3 .body li .txt {
    height: 52px;
    line-height: 52px;
  }
  .floor_3 .body li .txt h3 {
    line-height: 52px;
    font-size: 16px;
  }
  .floor_3 .body li .txt span {
    display: none;
  }

  /* 业务优势：图标与文字上下排列 */
  .floor_2_main .box1 .left li .fl {
    float: none;
    width: 60px;
    margin: 0 0 10px;
  }
  .floor_2_main .box1 .left li .fl img {
    width: 60px;
  }
  .floor_2_main .box1 .left li .fr {
    margin-left: 0;
  }
  .floor_2_main .box1 .left li .fr h3 {
    font-size: 17px;
    padding-top: 0;
    padding-bottom: 8px;
  }
  .floor_2_main .box1 .left li .fr .p {
    font-size: 13px;
    line-height: 1.8;
    padding-left: 0;
  }
  .floor_2_main .box1 .left li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  /* 业务优势：隐藏装饰大图，保持条目连贯 */
  .floor_2_main .box1 .right {
    display: none;
  }

  /* 业务流程：两列 */
  .liucheng ul {
    flex-wrap: wrap;
  }
  .liucheng li {
    flex: 0 0 calc(50% - 3px);
    box-sizing: border-box;
    text-align: left;
    padding: 6px 0 6px 22px;
    position: relative;
  }
  .liucheng li::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 13px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.8;
  }
  .liucheng img {
    display: none;
  }
  .liucheng .title h3 {
    font-size: 22px;
  }
  .liucheng .title p {
    font-size: 13px;
  }

  /* 新闻列表：图片在上 */
  .bg_main .news_ul li .box1 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    display: block;
  }
  .bg_main .news_ul li .box2 {
    padding-left: 0 !important;
    padding-top: 12px !important;
  }
  .bg_main .news_ul li .box2 h1 {
    font-size: 16px;
    height: auto;
    line-height: 1.5;
    padding-bottom: 6px;
  }
  .bg_main .news_ul li .box2 p {
    height: auto;
    max-height: 66px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.7;
  }

  /* 详情 */
  .detail .title h1 {
    font-size: 19px;
  }
  .detail .title .clearfix span {
    font-size: 12px;
  }
  .showPro .showimgCon .txtcon .tit {
    font-size: 18px;
  }
  .showPro .showimgCon .txtcon .tit .goBack {
    display: none;
  }
  .showPro .showimgCon .txtcon .tel-btn .tel strong {
    font-size: 22px;
  }
  .article-actions {
    flex-direction: column;
    padding-bottom: 30px;
  }
  .article-actions .btn-primary,
  .article-actions .btn-ghost {
    width: 100%;
    box-sizing: border-box;
  }
  .page-lead {
    font-size: 15px;
    padding-top: 18px;
  }

  .contact-cards {
    grid-template-columns: 1fr;
  }
  .contact-cards .contact-card {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    padding: 14px 16px;
  }
  .contact-cards .contact-card__ico {
    margin-bottom: 0;
    font-size: 20px;
  }
  .contact-cards .contact-card p {
    margin-bottom: 0;
    width: 68px;
    flex: 0 0 auto;
  }
  .contact-actions {
    flex-direction: column;
  }
  .contact-actions a {
    text-align: center;
  }

  .error-page__actions {
    flex-direction: column;
  }
  .error-page__actions a {
    width: 100%;
    box-sizing: border-box;
  }
}

/* ==========================================================================
   ≤480px：小屏细节
   ========================================================================== */
@media screen and (max-width: 480px) {
  .logo-text b {
    font-size: 19px;
    letter-spacing: 1px;
  }
  .logo-text em {
    display: none;
  }
  #banner_main .banner {
    height: 210px;
  }
  .banner li img {
    height: 210px;
  }
  .banner__caption h1,
  .banner__caption h2 {
    font-size: 19px;
    line-height: 1.4;
    margin: 0 0 6px;
  }
  .banner__caption .banner__en {
    font-size: 12px;
  }
  .index_title h3 {
    font-size: 21px;
  }
  .index_title p {
    width: 190px;
    background-size: 190px auto;
  }
  .more a {
    width: 128px;
    font-size: 15px;
    margin: 0 8px;
  }
  .floor_5 .right h3 {
    font-size: 20px;
    line-height: 1.5;
  }
  .floor_5 .right h4 {
    font-size: 14px;
  }
  .floor_5 .right .p {
    font-size: 13px;
    line-height: 1.9;
  }
  .floor_4_main .left h3 {
    font-size: 19px;
  }
  .floor_6 .textlist .item .time {
    width: 56px;
    height: 56px;
    margin-right: 12px;
    line-height: 18px;
    font-size: 12px;
  }
  .floor_6 .textlist .item .time b {
    font-size: 22px;
    line-height: 32px;
  }
  .floor_6 .textlist .item h3 {
    font-size: 15px;
  }
  .floor_6 .textlist .item p {
    display: none;
  }
  .pglist a,
  .pglist span {
    padding: 0 9px;
    margin: 0 2px;
    font-size: 13px;
  }
  .pglist .page-dots,
  .pglist .pagecount {
    display: none;
  }
  .form-item label {
    font-size: 14px;
  }
}