/**
 * 移动端 / 窄屏适配（配合 less/index.less 的 rem 布局）
 * 页面中需在 index.css 之后引入 css/phone.css
 * 断点与 index.less 中已有媒体查询保持一致：1100px、600px
 */
/* ========== ≤1100px：平板与小屏笔记本 ========== */
@media screen and (max-width: 1100px) {
  .floor {
    padding: 0.7rem 0;
  }
  .floor .title-box .en {
    font-size: 0.6rem;
  }
  .floor .title-box .title {
    font-size: 0.52rem;
  }
  .more-btn a {
    height: 0.8rem;
    font-size: 0.28rem;
    padding: 0 0.25rem;
  }
  .banner {
    height: 4rem;
  }
  .banner-floor .bannerfloor-top {
    flex-direction: column;
    margin-bottom: 0.5rem;
  }
  .banner-floor .bannerfloor-top .text-box {
    width: 100%;
  }
  .banner-floor .bannerfloor-top .text-box .slogan {
    font-size: 0.32rem;
  }
  .banner-floor .bannerfloor-top .text-box p {
    font-size: 0.28rem;
  }
  .banner-floor .bannerfloor-top .text-box .more-btn a {
    height: 0.8rem;
    font-size: 0.28rem;
    padding: 0 0.25rem;
  }
  .banner-floor .bannerfloor-top .img-container {
    width: 100%;
    max-width: 7.1rem;
    height: auto;
    margin-left: 0;
    margin-top: 0.4rem;
  }
  .banner-floor .bannerfloor-top .img-container .img-box {
    width: 100%;
    height: auto;
    min-height: 3rem;
    clip-path: none;
  }
  .banner-floor .bannerfloor-top .img-container .red-box {
    display: none;
  }
  .banner-floor .num-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
  }
  .banner-floor .num-list .num-item .img-box {
    width: 0.5rem;
  }
  .banner-floor .num-list .num-item .num-text .text {
    font-size: 0.24rem;
  }
  .product-floor .fl-change .swiper-slide {
    font-size: 0.28rem;
  }
  .product-floor .products-content {
    padding-left: 0.3rem;
  }
  .product-floor .products-content .swiper-slide .product-item a {
    height: 5rem;
  }
  .product-floor .products-content .swiper-slide .product-item .text-box .nr-box .product-name {
    flex-wrap: wrap;
    font-size: 0.28rem;
  }
  .product-floor .products-content .swiper-slide .product-item .text-box .nr-box .product-name span {
    font-size: 0.2rem;
  }
  .product-floor .products-content .swiper-slide .product-item .text-box .nr-box .toxq1 p {
    font-size: 0.24rem;
  }
  .product-floor .products-content .swiper-slide .product-item .text-box .nr-box .toxq1 p img {
    width: 0.24rem;
  }
  .zs-floor {
    min-height: 0;
    padding: 0.6rem 0;
  }
  .zs-floor .company-zsintro {
    font-size: 0.24rem;
  }
  .al-floor .floor-intro {
    font-size: 0.24rem;
  }
  .al-floor .al-content .al-item .mc .text-box .al-title {
    font-size: 0.32rem;
  }
  .al-floor .al-content .al-item .mc .text-box .intros {
    display: block;
  }
  .al-floor .al-content .al-item .mc .text-box .intros .al-name {
    font-size: 0.26rem;
    margin-bottom: 0.3rem;
  }
  .al-floor .al-content .al-item .mc .text-box .intros p {
    font-size: 0.24rem;
  }
  .news-floor .change-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.12rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .news-floor .change-list .change-item {
    width: auto;
    min-width: 1.4rem;
    height: 0.8rem;
    font-size: 0.28rem;
    width: 1.8rem;
  }
  .news-floor .news-item .img-box {
    height: 6rem;
  }
  .news-floor .news-item .text-box {
    padding: 0.3rem;
  }
  .news-floor .news-item .text-box .sign {
    font-size: 0.28rem;
  }
  .news-floor .news-item .text-box .news-title {
    font-size: 0.32rem;
  }
  .news-floor .news-item .text-box .news-date {
    font-size: 0.28rem;
  }
  .nr-banner {
    height: 4rem;
  }
  .nr-banner .wrap {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .nr-banner .wrap .title {
    font-size: 0.32rem;
  }
  .nr-banner .wrap .change-list {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 0.4rem;
    width: 100%;
    flex-wrap: wrap;
  }
  .nr-banner .wrap .change-list .change-item {
    flex: 1 1 45%;
    min-width: 2rem;
  }
  .nr-banner .wrap .change-list .change-item a {
    height: 0.72rem;
    font-size: 0.24rem;
  }
  .newsnr-floor {
    padding: 0.6rem 0;
  }
  .newsnr-floor .title-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
  }
  .newsnr-floor .title-box .more a {
    font-size: 0.24rem;
  }
  .newsnr-floor .title-box .more a img {
    width: 0.06rem;
  }
  .newsnr-floor .news-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .newsnr-floor .news-list .news-item .img-box {
    height: 5rem;
  }
  .newsnr-floor .news-list .news-item .text-box .news-title {
    font-size: 0.32rem;
  }
  .newsnr-floor .news-list .news-item .sign-date {
    font-size: 0.24rem;
  }
  .newsnr-floor .news-list .news-item .sign-date .line {
    margin: 0 0.2rem;
  }
  .newsnr-floor .hydt-box {
    display: block;
  }
  .newsnr-floor .hydt-box .new-box {
    width: 100%;
    margin-right: 0;
  }
  .newsnr-floor .hydt-box .new-box .mc .news-name {
    font-size: 0.32rem;
  }
  .newsnr-floor .hydt-box .new-box .mc .sign-date {
    font-size: 0.24rem;
  }
  .newsnr-floor .hydt-box .new-box .mc .sign-date .line {
    margin: 0 0.2rem;
  }
  .newsnr-floor .hydt-box .hydt-list .dt-item a {
    padding: 0.3rem;
  }
  .newsnr-floor .hydt-box .hydt-list .dt-item a .news-name {
    font-size: 0.32rem;
  }
  .newsnr-floor .hydt-box .hydt-list .dt-item a .sign-date {
    font-size: 0.24rem;
  }
  .newsnr-floor .hydt-box .hydt-list .dt-item a .sign-date .line {
    margin: 0 0.2rem;
  }
  .newslist-floor {
    padding: 0.6rem 0;
  }
  .newslist-floor .news-list .news-item a {
    flex-direction: column;
  }
  .newslist-floor .news-list .news-item a .img-box {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 2.2rem;
    margin-right: 0;
    margin-bottom: 0.24rem;
  }
  .newslist-floor .news-list .news-item a .text-box .date {
    font-size: 0.24rem;
  }
  .newslist-floor .news-list .news-item a .text-box .title {
    font-size: 0.32rem;
  }
  .newslist-floor .news-list .news-item a .text-box .bq-list .bq-item {
    font-size: 0.2rem;
    height: 0.4rem;
    margin: 0.1rem 0;
  }
  .newslist-floor .news-list .news-item a .text-box p {
    font-size: 0.28rem;
  }
  .newslist-floor .news-list .news-item a .text-box .more-btn {
    height: 0.6rem;
    font-size: 0.24rem;
  }
  .caselist-floor {
    padding: 0.6rem 0;
  }
  .caselist-floor .cate-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
  }
  .caselist-floor .cate-list .case-item:first-child {
    grid-column: span 2;
  }
  .caselist-floor .cate-list .case-item:first-child a {
    flex-direction: column;
  }
  .caselist-floor .cate-list .case-item .img-box {
    width: 100%;
    height: 3rem;
  }
  .caselist-floor .cate-list .case-item .text-box .line {
    display: none;
  }
  .caselist-floor .cate-list .case-item .text-box .title {
    font-size: 0.28rem;
  }
  .caselist-floor .cate-list .case-item .text-box .address {
    font-size: 0.24rem;
  }
  .caselist-floor .cate-list .case-item .text-box .date {
    font-size: 0.24rem;
  }
  .factorylist-floor .factory-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-floor .contact-content {
    flex-direction: column;
    padding: 0.6rem 0.35rem;
  }
  .contact-floor .contact-content .cc-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.35rem;
    flex: none;
  }
  .contact-floor .contact-content .cc-left .map-box {
    height: 3.9rem;
    min-height: 280px;
    margin-top: 0;
    flex: none;
  }
  .contact-floor .contact-content .contact-info-top {
    margin-bottom: 0.32rem;
  }
  .contact-floor .contact-content .contact-info-top .lx-list {
    display: block;
  }
  .contact-floor .contact-content .contact-info-top .lx-list .line {
    display: none;
  }
  .contact-floor .contact-content .contact-info-top .lx-item {
    margin-bottom: 0.35rem;
  }
  .contact-floor .contact-content .contact-info-top .lx-item img {
    width: 0.6rem;
  }
  .contact-floor .contact-content .contact-info-top .lx-item .lx-item-content .lx-item-content-title {
    font-size: 0.24rem;
    margin-bottom: 0.12rem;
    line-height: 1.45;
  }
  .contact-floor .contact-content .contact-info-top .lx-item .lx-item-content .lx-item-content-content {
    font-size: 0.28rem;
    line-height: 1.5;
  }
  .contact-floor .contact-content .contact-info-top .lx-item .lx-item-content .lx-item-content-content.bold {
    white-space: nowrap;
  }
  .contact-floor .contact-content .form-content .form-item-list {
    flex-direction: column;
    gap: 0;
  }
  .contact-floor .contact-content .form-content .form-item input {
    height: 0.7rem;
    font-size: 0.24rem;
  }
  .contact-floor .contact-content .form-content .form-item textarea {
    height: 1.5rem;
    font-size: 0.24rem;
  }
  .contact-floor .contact-content .form-content button {
    width: 100%;
    height: 0.7rem;
    font-size: 0.28rem;
  }
  .contact-floor1 .contact-infobox {
    flex-direction: column;
  }
  .contact-floor1 .contact-infobox .box-left {
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-floor1 .contact-infobox .box-left .text-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  .contact-floor1 .contact-infobox .box-left .text-box .logo-img {
    width: 80%;
  }
  .contact-floor1 .contact-infobox .box-left .text-box .line {
    width: 0.4rem;
  }
  .contact-floor1 .contact-infobox .box-left .text-box .slogan {
    font-size: 0.32rem;
  }
  .contact-floor1 .contact-infobox .box-left .text-box p {
    font-size: 0.28rem;
  }
  .contact-floor1 .contact-infobox .box-left .code-list .code-item .code-img {
    width: 2.8rem;
  }
  .contact-floor1 .contact-infobox .box-left .code-list .code-item p {
    font-size: 0.28rem;
  }
  .contact-floor1 .contact-infobox .box-right {
    width: 100%;
    min-height: 6rem;
    box-sizing: border-box;
  }
  .contact-floor1 .contact-infobox .box-right .contact-item .label {
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .contact-floor1 .contact-infobox .box-right .contact-item .tel {
    font-size: 0.32rem;
  }
  .contact-floor1 .contact-infobox .box-right .line {
    width: 0.4rem;
  }
  .contact-floor1 .contact-infobox .box-right .address {
    font-size: 0.28rem;
  }
  .contact-floor2 .title-box p {
    font-size: 0.28rem;
  }
  .contact-floor2 .form-content .form-item-list {
    flex-direction: column;
    gap: 0;
  }
  .contact-floor2 .form-content .form-item input {
    height: 0.7rem;
    font-size: 0.24rem;
  }
  .contact-floor2 .form-content .form-item textarea {
    height: 1.5rem;
    font-size: 0.24rem;
  }
  .contact-floor2 .form-content button {
    width: 100%;
    height: 0.7rem;
    font-size: 0.28rem;
  }
  footer .footer-top .logo-totop .logo {
    width: 4rem;
  }
  footer .footer-top .logo-totop .to-top img {
    width: 0.28rem;
  }
  footer .footer-top .logo-totop .to-top p {
    font-size: 0.24rem;
  }
  footer .footer-top .navs-infos {
    flex-direction: column;
    gap: 0.4rem;
  }
  footer .footer-top .navs-infos .infos {
    margin-left: 0;
  }
  footer .footer-top .navs-infos .infos p {
    font-size: 0.24rem;
  }
  footer .footer-top .navs-infos .infos .link-list .link-item a img {
    width: 0.5rem;
  }
  footer .footer-top .navs-infos .navs-list {
    flex-wrap: wrap;
    gap: 0.3rem 0.5rem;
    display: none;
  }
  footer .footer-top .navs-infos .navs-list .navs-item:not(:last-child) {
    margin-right: 0;
  }
  footer .footer-bottom .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
  }
  footer .footer-bottom .wrap a {
    font-size: 0.24rem;
  }
  .aboutpage-floor {
    padding: 0.8rem 0;
  }
  .aboutpage-floor1 .intro-box {
    flex-direction: column;
  }
  .aboutpage-floor1 .intro-box .img-box {
    width: 100%;
    height: auto;
    min-height: 3rem;
  }
  .aboutpage-floor1 .intro-box .text-box {
    padding: 0.45rem 0.35rem;
  }
  .aboutpage-floor1 .intro-box .text-box .companyname {
    font-size: 0.32rem;
  }
  .aboutpage-floor1 .intro-box .text-box p {
    font-size: 0.28rem;
  }
  .aboutpage-floor1 .intro-box .text-box .num-list {
    flex-wrap: wrap;
    gap: 0.2rem;
  }
  .aboutpage-floor1 .intro-box .text-box .num-list .num-item {
    flex: 1 1 45%;
    min-width: 2rem;
  }
  .aboutpage-floor1 .intro-box .text-box .num-list .num-item .num {
    font-size: 0.28rem;
  }
  .aboutpage-floor1 .intro-box .text-box .num-list .num-item .num span {
    font-size: 0.52rem;
  }
  .aboutpage-floor1 .intro-box .text-box .num-list .num-item .text {
    font-size: 0.28rem;
  }
  .aboutpage-floor2 .history-box {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    min-height: 0;
  }
  .aboutpage-floor2 .history-box .history-year {
    writing-mode: horizontal-tb;
    transform: none;
    margin-right: 0;
    margin-bottom: 0.2rem;
    font-size: 0.56rem;
    text-align: left;
  }
  .aboutpage-floor2 .history-box .history-line {
    display: none;
  }
  .aboutpage-floor2 .history-box .history-main {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    width: 100%;
  }
  .aboutpage-floor2 .history-box .history-list .swiper {
    width: 100%;
    max-width: 100%;
    min-height: 3.5rem;
  }
  .aboutpage-floor2 .history-box .history-list .history-item .title {
    font-size: 0.28rem;
  }
  .aboutpage-floor2 .history-box .history-list .history-item p {
    font-size: 0.24rem;
  }
  .aboutpage-floor2 .history-box .history-photo {
    width: 100%;
    max-width: 100%;
    margin-top: 0.35rem;
  }
  .aboutpage-floor2 .history-box .history-photo img {
    max-width: 100%;
  }
  .aboutpage-floor3 .team-box {
    flex-direction: column;
  }
  .aboutpage-floor3 .team-box .team-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  .aboutpage-floor3 .team-box .team-text .team-item {
    padding: 0.4rem 0;
  }
  .aboutpage-floor3 .team-box .team-text .team-item .icon-box {
    margin-right: 1rem;
  }
  .aboutpage-floor3 .team-box .team-text .team-item .icon-box img {
    width: 0.6rem;
  }
  .aboutpage-floor3 .team-box .team-text .team-item .text-box {
    font-size: 0.28rem;
  }
  .aboutpage-floor4 .culture-list {
    flex-direction: column;
    gap: 0.3rem;
  }
  .aboutpage-floor4 .culture-list .culture-item {
    flex: 1;
    height: auto;
    padding: 0.4rem 0.35rem;
  }
  .aboutpage-floor4 .culture-list .culture-item .culture-title {
    font-size: 0.28rem;
  }
  .aboutpage-floor4 .culture-list .culture-item .culture-desc {
    font-size: 0.24rem;
    margin-bottom: 0.5rem;
  }
  .aboutpage-floor4 .culture-list .culture-item .icon {
    margin-top: auto;
    width: 0.4rem;
  }
  .aboutpage-floor5 .wrap {
    display: block;
  }
  .aboutpage-floor5 .wrap .af5-left {
    margin-bottom: 0.5rem;
  }
  .aboutpage-floor5 .wrap .af5-left .slogan {
    font-size: 0.32rem;
  }
  .aboutpage-floor5 .wrap .af5-left p {
    font-size: 0.28rem;
    width: 100%;
  }
  .aboutpage-floor6 .wrap .allzs-box .swiper .swiper-slide .img-box {
    height: 4.7rem;
  }
  .aboutpage-floor6 .wrap .allzs-box .swiper .swiper-slide p {
    font-size: 0.28rem;
  }
  .aboutpage-floor7 .slogan {
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .aboutpage-floor7 .floor-p {
    font-size: 0.24rem;
    line-height: 1.6em;
  }
  .aboutpage-floor7 .js-list {
    display: block;
  }
  .aboutpage-floor7 .js-list .js-item .img-box {
    height: 4.2rem;
  }
  .aboutpage-floor7 .js-list .js-item .text-box .js-title p {
    font-size: 0.32rem;
  }
  .aboutpage-floor7 .js-list .js-item .text-box > p {
    font-size: 0.24rem;
  }
  .aboutpage-floor8 .floor-p {
    font-size: 0.24rem;
    line-height: 1.6em;
  }
  .aboutpage-floor8 .sb-list {
    padding-left: 0.35rem;
  }
  .aboutpage-floor9 .why-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
  }
  .aboutpage-floor9 .why-list .why-item {
    flex: 1;
  }
  .aboutpage-floor9 .why-list .why-item .icon {
    width: 1rem;
  }
  .aboutpage-floor9 .why-list .why-item .why-title {
    font-size: 0.28rem;
  }
  .aboutpage-floor9 .why-list .why-item p {
    font-size: 0.24rem;
  }
  .aboutpage-floor10 .text-box .p {
    font-size: 0.24rem;
  }
  .aboutpage-floor10 .text-box .box-right {
    padding: 0.4rem 0.35rem;
    min-height: 5rem;
  }
  .aboutpage-floor10 .text-box .box-right .contact-item .label {
    font-size: 0.28rem;
  }
  .aboutpage-floor10 .text-box .box-right .contact-item .tel {
    font-size: 0.32rem;
  }
  .aboutpage-floor10 .text-box .box-right .contact-item .address {
    font-size: 0.28rem;
  }
  .aboutpage-floor11 .floor-content {
    flex-direction: column;
  }
  .aboutpage-floor11 .floor-content .text-box {
    width: 100%;
    padding-top: 0.5rem;
    margin-bottom: 0.3rem;
  }
  .aboutpage-floor11 .floor-content .text-box ul li {
    font-size: 0.24rem;
  }
  .aboutpage-floor11 .floor-content .img-box {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .aboutpage-floor12 .kh-list {
    padding-left: 0.3rem;
  }
  .aboutpage-floor12 .pj-box {
    padding: 0;
  }
  .aboutpage-floor12 .pj-box .swiper-slide .text-box {
    position: static;
    transform: none;
    background-color: #fff;
    width: 100%;
  }
  .aboutpage-floor12 .pj-box .swiper-slide .text-box p {
    font-size: 0.24rem;
  }
  .aboutpage-floor12 .pj-box .swiper-slide .text-box .name {
    font-size: 0.24rem;
  }
  .aboutpage-floor13 .hj-list .swiper .swiper-btn.swiper-button-next {
    right: 0.3rem;
  }
  .aboutpage-floor13 .hj-list .swiper .swiper-btn.swiper-button-prev {
    left: 0.3rem;
  }
  .aboutpage-floor14 .hd-list .swiper .swiper-slide {
    flex-direction: column;
  }
  .aboutpage-floor14 .hd-list .swiper .swiper-slide .img-box {
    width: 100%;
    height: auto;
    min-height: 3rem;
  }
  .tjproduct-floor {
    padding-bottom: 1rem;
  }
  .tjproduct-floor .wrap .product-show-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .paging {
    flex-wrap: wrap;
    justify-content: center;
  }
}