@media screen and (max-width: 1500px) {
  /* 联系我们 */

  #contact-wrapper .contact-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box .tel-info p {
    font-size: 24px;
  }

  .icon-sel-wrapper .product-icon-wrapper .icon-item {
    width: 200px;
  }

  #detail-wrapper .product-feature .container {
    padding: unset;
  }
}

@media screen and (max-width: 1400px) {
  /* 头部区域 */
  .pc-header .tel-info {
    margin-left: 30px;
  }
  .pc-header .nav-list {
    width: 600px;
  }

  /* 关于我们 */
  #about-wrapper .customer-section .left-mes {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  /* 关于我们 */
  #about-wrapper .about-intro img {
    display: none;
  }

  #about-wrapper .about-intro .about-content {
    width: 100%;
  }

  /* 联系我们 */
  #contact-wrapper .contact-mes .content {
    width: 80%;
  }
}

@media screen and (max-width: 1024px) {
  /* 关于我们 */
  #about-wrapper .about-intro,
  #about-wrapper .customer-section {
    padding: 60px 0;
  }
  #about-wrapper .about-intro h4 {
    margin: 30px 0;
  }
  #about-wrapper .about-section {
    padding: 120px 0;
  }

  #about-wrapper .customer-section .left-mes h2 {
    text-align: center;
  }

  /* 联系我们 */
  #contact-wrapper .contact-mes {
    padding: 60px 0;
  }
}

@media screen and (max-width: 768px) {
  /* 通用模块 */
  .common-wrapper .customer-section {
    padding: 30px 0;
  }
  .common-wrapper .customer-section .left-mes h2 {
    font-size: 24px;
  }
  .common-wrapper .customer-section .left-mes p {
    font-size: 16px;
    line-height: 24px;
  }
  .common-wrapper .customer-section .cust-swiper {
    margin-top: 30px;
  }
  .page-box > a {
    width: 100%;
  }

  /* banner 部分 */
  .top-banner {
    padding: 60px 0 120px;
    height: unset;
  }
  .top-banner .banner-mes {
    align-items: center;
  }

  .top-banner h1 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .top-banner p {
    font-size: 24px;
  }
  .top-banner .breadcrumb-wrapper {
    position: unset;
  }

  .top-banner .breadcrumb {
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
  .top-banner .breadcrumb .arrow-icon {
    margin: 0 12px;
  }

  /* 关于我们 */
  #about-wrapper .about-intro h2 {
    font-size: 24px;
  }
  #about-wrapper .about-intro h4 {
    font-size: 20px;
  }
  #about-wrapper .about-section {
    padding: 60px 0;
  }
  #about-wrapper .about-section .intro-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  #about-wrapper .about-section .intro-list .line {
    margin: 15px 0;
  }

  /* 联系我们 */

  #contact-wrapper .tab-list {
    border: 1px solid #2c63a9;
  }

  #contact-wrapper .contact-section {
    padding: 40px 0;
    background-color: #e9eaec;
    background-image: none !important;
  }
  #contact-wrapper .contact-mes {
    padding: 30px 0;
  }
  #contact-wrapper .contact-mes .content {
    width: 100%;
  }
  #contact-wrapper .contact-list {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #contact-wrapper .contact-list .contact-item {
    min-height: auto;
    padding: 20px;
  }

  #contact-wrapper .contact-list .contact-item .title {
    font-size: 20px;
    margin: 20px 0;
  }
}

/* 响应式样式-通用 */
@media screen and (max-width: 1500px) {
  .common-wrapper .product-list-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1280px) {
  .common-wrapper .news-wrapper h2 {
    font-size: 30px;
  }
  /* 头部区域 */
  .pc-header {
    display: none;
  }
  .mb-header {
    display: block;
  }

  .common-wrapper .customer-section .cust-swiper .cust-img {
    min-height: 100px;
  }

  .icon-sel-wrapper .product-icon-wrapper .icon-item {
    width: 160px;
    padding: 20px;
  }

  .icon-sel-wrapper .product-icon-wrapper .cate-list {
    padding: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .common-wrapper .news-wrapper h2 {
    font-size: 28px;
  }

  .common-wrapper .news-wrapper .rec-news {
    display: flex;
    flex-direction: column;
  }
  .common-wrapper .news-wrapper .rec-news .news-info {
    margin-left: 0;
    margin-top: 20px;
  }
  .common-wrapper .news-wrapper .rec-news .news-img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .common-wrapper .news-wrapper h2 {
    font-size: 24px;
  }
  .common-wrapper .news-wrapper .news-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .common-wrapper .news-wrapper .news-box {
    padding: 20px;
  }

  .icon-sel-wrapper .product-icon-wrapper .icon-item {
    width: 120px;
    padding: 15px;
  }
  .icon-sel-wrapper .product-icon-wrapper .icon-item .name {
    font-size: 14px;
  }
  .icon-sel-wrapper .product-icon-wrapper .icon-item .layui-icon {
    margin-top: 10px;
  }
  .icon-sel-wrapper .product-icon-wrapper .icon-item img {
    height: 30px;
  }
  .icon-sel-wrapper .product-icon-wrapper .cate-list {
    padding: 20px;
  }
  .icon-sel-wrapper .product-icon-wrapper .cate-list a {
    font-size: 14px;
  }
  .scroll-view-wrapper .left-btn {
    left: 20px;
  }
  .scroll-view-wrapper .right-btn {
    right: 20px;
  }
}
@media screen and (max-width: 540px) {
  .common-wrapper .news-wrapper h2 {
    font-size: 20px;
  }
  .common-wrapper .news-wrapper .rec-news .news-info h4 {
    font-size: 20px;
  }
  .common-wrapper .news-wrapper .rec-news .news-info p {
    font-size: 14px;
    line-height: 24px;
  }
  .common-wrapper .news-wrapper .news-list {
    gap: 10px;
  }
  .common-wrapper .news-wrapper .news-list .news-item {
    font-size: 14px;
  }
}

/* 响应式样式 - 首页 */
@media screen and (max-width: 1500px) {
  #home-wrapper .product-center .tab-wrapper .product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .common-wrapper .customer-section .left-mes {
    width: 70%;
  }
}

@media screen and (max-width: 1280px) {
  /* 头部 */
  .pc-header .nav-list {
    width: 600px;
  }

  .pc-header .nav-list .nav-item {
    font-size: 15px;
  }

  .pc-header .tel-info {
    margin-left: 40px;
  }

  /* 首页轮播图 */
  #home-wrapper .home-swiper .swiper-info h2 {
    font-size: 26px;
  }

  #home-wrapper .home-swiper .swiper-info h3 {
    font-size: 40px;
    margin: 15px 0 30px;
  }

  #home-wrapper .home-swiper .swiper-info p {
    font-size: 20px;
  }

  #home-wrapper .home-swiper .swiper-info ul {
    width: 100%;
  }
  #home-wrapper .home-swiper .swiper-info .intro-list {
    gap: 20px 30px;
  }

  #home-wrapper .home-swiper .bottom-mes {
    margin-top: 30px;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }

  #home-wrapper .home-swiper .swiper-info {
    padding-top: 100px;
  }

  #home-wrapper .home-swiper .bottom-mes .search-box {
    font-size: 24px;
    margin-bottom: 0;
  }
  #home-wrapper .home-swiper .bottom-mes .contact-box {
    margin-left: 0;
  }

  #home-wrapper .home-swiper .bottom-mes .search-box .search-content {
    font-size: 14px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px 15px;
  }

  /* 产品中心 */
  #home-wrapper .product-center .header h2,
  #home-wrapper .product-advantage .header h2,
  #home-wrapper .reason-section .header h2,
  #home-wrapper .solution-section .header h2,
  #home-wrapper .about-section .header h2,
  #home-wrapper .customer-section .left-mes h2,
  #home-wrapper .news-section .header h2,
  #home-wrapper .standard-section .left-mes h2 {
    font-size: 40px;
  }

  #home-wrapper .about-section .header h4 {
    font-size: 30px;
  }

  #home-wrapper .about-section .header p {
    width: 80%;
  }

  /* 解决方案 */
  #home-wrapper .solution-section .solution-content h3 {
    font-size: 24px;
  }

  #home-wrapper .solution-section .solution-item p {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }

  /* 关于我们 */
  #home-wrapper .about-section .intro-list .intro-item {
    padding: 0 40px;
    font-size: 50px;
  }

  #home-wrapper .about-section .intro-list .intro-item .desc {
    font-size: 20px;
  }

  /* 新闻资讯 */
  #home-wrapper .news-section {
    padding: 100px 0 80px;
  }

  #home-wrapper .news-section .header h2 {
    font-size: 36px;
  }

  #home-wrapper .news-section .header p {
    font-size: 20px;
  }

  #home-wrapper .news-section .news-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }

  #home-wrapper .news-section .news-list .news-moment {
    grid-column: span 2;
    min-height: unset;
  }

  #home-wrapper .news-section .news-list .news-moment h3,
  #home-wrapper .news-section .technology-section h3,
  #home-wrapper .news-section .ques-section h3 {
    font-size: 20px;
    padding: 20px 0 15px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes {
    position: unset;
    padding: 150px 30px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes h4 {
    font-size: 20px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes p {
    font-size: 14px;
    margin: 15px 0 30px;
  }

  #home-wrapper .solution-section .content-list {
    margin: 30px 0;
  }
  #home-wrapper .solution-section .solution-content .img-item .img-info h4,
  #home-wrapper .solution-section .solution-content .img-item .img-info p {
    width: 100%;
  }

  /* 底部 */
  footer .pc-footer .footer-center {
    flex-wrap: wrap;
    gap: 30px;
  }

  footer .pc-footer .footer-center dl {
    width: calc(33.33% - 20px);
  }
}

@media screen and (max-width: 1024px) {
  /* 隐藏PC端头部，显示移动端头部 */
  .pc-header {
    display: none !important;
  }

  .mb-header {
    display: block;
  }

  .mask-layer .search-wrapper input {
    width: 80%;
  }
  .mask-layer .search-wrapper button {
    width: 60px;
  }

  /* 首页轮播图 */

  #home-wrapper .home-swiper .swiper-info h2 {
    font-size: 24px;
  }

  #home-wrapper .home-swiper .swiper-info h3 {
    font-size: 36px;
    margin: 15px 0 25px;
  }

  #home-wrapper .home-swiper .swiper-info p {
    font-size: 18px;
  }

  #home-wrapper .home-swiper .swiper-info ul {
    flex-wrap: wrap;
    gap: 15px;
  }

  /* 产品中心 */
  #home-wrapper .product-center {
    padding: 80px 0;
  }

  #home-wrapper .product-center .header h2 {
    font-size: 36px;
  }

  #home-wrapper .product-center .header p {
    font-size: 20px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item h4 {
    font-size: 20px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item p {
    font-size: 14px;
    margin: 15px 0 20px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item .pro-img {
    margin: 0 auto;
    margin-top: 15px;
  }

  /* 四大产品优势 */
  #home-wrapper .product-advantage {
    padding: 100px 0;
  }

  #home-wrapper .product-advantage .header h2 {
    font-size: 36px;
  }

  #home-wrapper .product-advantage .header p {
    font-size: 20px;
  }

  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box {
    padding: 30px;
    min-height: unset;
  }
  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box .icon-box {
    width: 60px;
    height: 60px;
  }
  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box .icon-box img {
    width: 30px;
  }

  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box h3 {
    font-size: 20px;
    margin: 20px 0 30px;
  }

  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box p {
    font-size: 14px;
    line-height: 22px;
  }

  /* 五大理由 */
  #home-wrapper .reason-section {
    padding: 100px 0;
  }

  #home-wrapper .reason-section .header h2 {
    font-size: 36px;
  }

  #home-wrapper .reason-section .header p {
    font-size: 20px;
  }

  #home-wrapper .reason-swiper .swiper-info {
    width: 100%;
    padding: 120px 80px 280px;
    box-sizing: border-box;
  }

  #home-wrapper .reason-swiper .swiper-info h3 {
    font-size: 22px;
  }

  #home-wrapper .reason-swiper .swiper-info p {
    font-size: 15px;
    margin-top: 30px;
  }

  #home-wrapper .reason-swiper .reason-list {
    gap: 15px;
    left: 30px;
    right: 30px;
    bottom: 30px;
  }

  #home-wrapper .reason-swiper .reason-list .reason-item {
    padding: 15px;
  }

  #home-wrapper .reason-swiper .reason-list .reason-item p {
    font-size: 14px;
  }

  /* 行业解决方案 */
  #home-wrapper .solution-section {
    padding: 100px 0;
  }

  #home-wrapper .solution-section .header h2 {
    font-size: 36px;
  }

  #home-wrapper .solution-section .header p {
    font-size: 20px;
  }

  #home-wrapper .solution-section .solution-box {
    margin: 60px 0 40px;
  }

  #home-wrapper .solution-section .solution-item {
    font-size: 14px;
  }

  #home-wrapper .solution-section .solution-item .solution-icon {
    width: 60px;
    height: 60px;
    border-width: 10px;
  }

  #home-wrapper .solution-section .solution-item.active .solution-icon::after,
  #home-wrapper .solution-section .solution-item:hover .solution-icon::after {
    top: calc(100% + 9px);
  }

  #home-wrapper .solution-section .solution-item .solution-icon img {
    width: 32px;
  }

  #home-wrapper .solution-section .solution-content {
    flex-direction: column;
    gap: 40px;
  }

  #home-wrapper .solution-section .solution-content .solution-intro {
    width: 100%;
  }

  #home-wrapper .solution-section .solution-content .img-wrapper {
    width: 100%;
  }

  /* 标准化合作流程 */
  #home-wrapper .standard-section {
    padding: 80px 0;
  }

  #home-wrapper .standard-section .left-mes h2 {
    font-size: 36px;
  }

  #home-wrapper .standard-section .left-mes p {
    font-size: 20px;
  }

  #home-wrapper .standard-section .tel-info {
    font-size: 16px;
  }

  #home-wrapper .standard-section .tel-info .tel {
    font-size: 30px;
  }

  #home-wrapper .standard-section .step-list {
    margin-top: 30px;
  }

  #home-wrapper .standard-section .step-list::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  #home-wrapper .standard-section .step-list .step-item .step-content p {
    font-size: 30px;
    margin: 15px 0 20px;
  }

  /* 关于我们 */
  #home-wrapper .about-section {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  #home-wrapper .about-section .header h2 {
    font-size: 36px;
  }

  #home-wrapper .about-section .intro-list {
    margin: 40px 0;
  }

  #home-wrapper .about-section .intro-list .intro-item {
    padding: 0 30px;
    font-size: 44px;
  }

  #home-wrapper .about-section .intro-list .intro-item .desc {
    font-size: 18px;
  }

  #home-wrapper .about-section .intro-list .intro-item p {
    font-size: 14px;
    margin-top: 15px;
  }

  #home-wrapper .about-section .more-wrapper {
    margin: 40px 0 80px;
  }

  #home-wrapper .about-section .feature-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px 15px;
  }

  /* 客户服务 */
  #home-wrapper .customer-section {
    padding: 120px 0 140px;
  }

  #home-wrapper .customer-section .left-mes {
    width: 100%;
    margin-bottom: 30px;
  }

  #home-wrapper .customer-section .left-mes h2 {
    font-size: 36px;
  }

  #home-wrapper .customer-section .left-mes p {
    font-size: 20px;
    margin-top: 20px;
  }

  #home-wrapper .customer-section .cust-swiper {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  /* 首页轮播图 */

  #home-wrapper .home-swiper .swiper-info h2 {
    font-size: 20px;
  }

  #home-wrapper .home-swiper .swiper-info h3 {
    font-size: 28px;
    margin: 12px 0 20px;
  }

  #home-wrapper .home-swiper .swiper-info p {
    font-size: 16px;
  }

  #home-wrapper .home-swiper .swiper-info ul li {
    font-size: 14px;
  }
  #home-wrapper .home-swiper .swiper-info .intro-list {
    font-size: 14px;
  }

  #home-wrapper .home-swiper .bottom-mes .search-box {
    font-size: 20px;
  }

  #home-wrapper .home-swiper .bottom-mes .search-box .search-content {
    font-size: 12px;
    margin-top: 15px;
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box {
    padding: 8px 20px;
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box img {
    width: 30px;
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box .tel-info {
    font-size: 14px;
    margin-left: 15px;
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box .tel-info p {
    font-size: 20px;
  }

  /* 产品中心 */
  #home-wrapper .product-center {
    padding: 60px 0;
  }

  #home-wrapper .product-center .header h2 {
    font-size: 30px;
  }

  #home-wrapper .product-center .header p {
    font-size: 16px;
    margin-top: 15px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon .icon-item img {
    height: 28px;
  }

  #home-wrapper .product-center .tab-wrapper {
    margin-top: 40px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px 12px;
    margin-bottom: 30px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon .icon-item {
    padding: 20px 15px;
    min-height: 90px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon .icon-item .name {
    font-size: 14px;
    margin-top: 8px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item h4 {
    font-size: 18px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item p {
    font-size: 13px;
    margin: 12px 0 15px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item button {
    width: 36px;
    height: 36px;
  }

  #home-wrapper .product-center .tab-wrapper .more-wrapper {
    margin-top: 30px;
    font-size: 14px;
  }

  #home-wrapper .product-center .tab-wrapper .more-wrapper button {
    width: 36px;
    height: 36px;
    margin-left: 15px;
  }

  /* 四大产品优势 */
  #home-wrapper .product-advantage {
    padding: 80px 0;
  }

  #home-wrapper .product-advantage .header h2 {
    font-size: 30px;
  }

  #home-wrapper .product-advantage .header p {
    font-size: 16px;
    margin-top: 15px;
  }

  #home-wrapper .product-advantage .advantage-swiper {
    margin-top: 40px;
  }

  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box h3 {
    font-size: 18px;
    margin: 18px 0 25px;
  }

  /* 五大理由 */
  #home-wrapper .reason-section {
    padding: 80px 0;
  }

  #home-wrapper .reason-section .header h2 {
    font-size: 30px;
  }

  #home-wrapper .reason-section .header p {
    font-size: 16px;
    margin-top: 15px;
  }

  #home-wrapper .reason-swiper {
    margin-top: 30px;
  }

  #home-wrapper .reason-swiper .swiper-info {
    padding: 80px 40px 220px;
  }

  #home-wrapper .reason-swiper .swiper-info h3 {
    font-size: 20px;
  }

  #home-wrapper .reason-swiper .swiper-info p {
    font-size: 14px;
    margin-top: 25px;
  }

  #home-wrapper .reason-swiper .reason-list {
    margin-top: 12px;
    position: unset;
    gap: 12px;
  }

  #home-wrapper .reason-swiper .reason-list .reason-item {
    padding: 12px;
    cursor: pointer;
    background-color: #2c63a9;
    transform: scaleY(1);
  }

  #home-wrapper .reason-swiper .reason-list .reason-item img {
    width: 32px;
    height: 32px;
    filter: brightness(0) invert(1);
    transform: scaleY(1);
  }

  #home-wrapper .reason-swiper .reason-list .reason-item p {
    font-size: 12px;
    margin-top: 10px;
    transform: scaleY(1);
    color: #fff;
  }

  #home-wrapper .reason-swiper .reason-list .reason-item:hover,
  #home-wrapper .reason-swiper .reason-list .reason-item.active {
    transform: scaleY(1);
    background-color: #2c63a9;
  }
  #home-wrapper .reason-swiper .reason-list .reason-item:hover :where(img, p),
  #home-wrapper .reason-swiper .reason-list .reason-item.active :where(img, p) {
    transform: scaleY(1);
  }

  #home-wrapper .reason-swiper .reason-list .swiper-btn {
    grid-column: span 3;
    margin-top: 10px;
  }

  #home-wrapper .reason-swiper .reason-list .swiper-button-prev,
  #home-wrapper .reason-swiper .reason-list .swiper-button-next {
    width: 40px;
    height: 40px;
  }

  /* 行业解决方案 */
  #home-wrapper .solution-section {
    padding: 80px 0;
  }

  #home-wrapper .solution-section .header h2 {
    font-size: 30px;
  }

  #home-wrapper .solution-section .header p {
    font-size: 16px;
    margin-top: 20px;
  }

  #home-wrapper .solution-section .solution-box {
    margin: 40px 0 30px;
  }

  #home-wrapper .solution-section .dashed-line {
    display: none;
  }

  #home-wrapper .solution-section .solution-list {
    overflow-x: auto;
    gap: 20px;
  }
  #home-wrapper .solution-section .solution-item p {
    position: unset;
    transform: none;
    margin-bottom: 10px;
  }

  #home-wrapper .solution-section .solution-item .solution-icon {
    width: 50px;
    height: 50px;
  }

  #home-wrapper .solution-section .solution-item .solution-icon img {
    width: 28px;
  }

  #home-wrapper .solution-section .solution-content {
    gap: 30px;
  }

  #home-wrapper .solution-section .solution-content ul {
    margin: 30px 0 40px;
  }

  #home-wrapper .solution-section .solution-content ul li {
    font-size: 14px;
  }

  #home-wrapper .solution-section .solution-content ul li img {
    margin-left: 20px;
  }

  #home-wrapper .solution-section .solution-content .img-wrapper .img-info {
    left: 20px;
    bottom: 20px;
  }

  #home-wrapper .solution-section .solution-content .img-wrapper .img-info h4 {
    font-size: 18px;
  }

  #home-wrapper .solution-section .solution-content .img-wrapper .img-info p {
    font-size: 14px;
    line-height: 20px;
  }

  #home-wrapper .solution-section .more-wrapper {
    font-size: 14px;
  }

  #home-wrapper .solution-section .more-wrapper button {
    width: 36px;
    height: 36px;
    margin-left: 15px;
  }

  /* 标准化合作流程 */
  #home-wrapper .standard-section {
    padding: 60px 0;
  }

  #home-wrapper .standard-section .flex-row-between {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  #home-wrapper .standard-section .left-mes h2 {
    font-size: 30px;
  }

  #home-wrapper .standard-section .left-mes p {
    font-size: 16px;
    margin-top: 15px;
  }

  #home-wrapper .standard-section .tel-info {
    font-size: 14px;
  }

  #home-wrapper .standard-section .tel-info .tel {
    font-size: 26px;
  }

  #home-wrapper .standard-section .step-list {
    margin-top: 20px;
  }

  #home-wrapper .standard-section .step-list .step-item .step-content p {
    font-size: 24px;
    margin: 12px 0 18px;
  }

  /* 关于我们 */
  #home-wrapper .about-section {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  #home-wrapper .about-section .header h2 {
    font-size: 30px;
  }
  #home-wrapper .about-section .header h4 {
    font-size: 24px;
  }

  #home-wrapper .about-section .header p {
    font-size: 16px;
    line-height: 24px;
  }

  #home-wrapper .about-section .intro-list {
    margin: 30px 0;
    flex-wrap: wrap;
    gap: 20px;
  }

  #home-wrapper .about-section .intro-list .intro-item {
    width: calc(50% - 10px);
    padding: 20px 15px;
    font-size: 36px;
    border-right: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  #home-wrapper .about-section .intro-list .intro-item .desc {
    font-size: 16px;
  }

  #home-wrapper .about-section .intro-list .intro-item p {
    font-size: 13px;
    margin-top: 12px;
  }

  #home-wrapper .about-section .more-wrapper {
    margin: 30px 0 60px;
    font-size: 14px;
  }

  #home-wrapper .about-section .more-wrapper button {
    width: 36px;
    height: 36px;
    margin-left: 15px;
  }

  #home-wrapper .about-section .feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 12px;
  }

  #home-wrapper .about-section .feature-list .feature-item {
    padding: 25px 0 30px;
  }

  #home-wrapper .about-section .feature-list .feature-item .num {
    font-size: 14px;
  }

  #home-wrapper .about-section .feature-list .feature-item img {
    max-width: 48px;
    margin: 15px 0;
  }

  #home-wrapper .about-section .feature-list .feature-item p {
    font-size: 14px;
  }

  /* 客户服务 */
  #home-wrapper .customer-section {
    padding: 60px 0;
  }

  #home-wrapper .customer-section .flex-row-between {
    flex-direction: column;
    align-items: flex-start;
  }

  #home-wrapper .customer-section .left-mes {
    margin-bottom: 20px;
  }

  #home-wrapper .customer-section .left-mes h2 {
    font-size: 30px;
  }

  #home-wrapper .customer-section .left-mes p {
    font-size: 16px;
    line-height: 24px;
  }

  #home-wrapper .customer-section .more-wrapper {
    font-size: 14px;
  }

  #home-wrapper .customer-section .more-wrapper button {
    width: 36px;
    height: 36px;
    margin-left: 15px;
  }

  #home-wrapper .customer-section .cust-swiper {
    margin-top: 40px;
  }

  #home-wrapper .customer-section .cust-swiper .cust-img img {
    max-width: 100px;
  }

  /* 新闻资讯 */
  #home-wrapper .news-section {
    padding: 80px 0 60px;
  }

  #home-wrapper .news-section .header h2 {
    font-size: 30px;
  }

  #home-wrapper .news-section .header p {
    font-size: 16px;
    margin-top: 20px;
  }

  #home-wrapper .news-section .news-list {
    margin: 30px 0;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
  }

  #home-wrapper .news-section .news-list .news-moment,
  #home-wrapper .news-section .technology-section,
  #home-wrapper .news-section .ques-section {
    grid-column: span 1;
  }

  #home-wrapper .news-section .news-list .news-moment h3 {
    font-size: 18px;
  }

  #home-wrapper .news-section .news-list .news-moment h3 .line {
    width: 8px;
    height: 20px;
    margin-right: 15px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes {
    padding: 100px 30px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes h4 {
    font-size: 18px;
    line-height: 22px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes p {
    margin: 12px 0 25px;
  }

  #home-wrapper .news-section .technology-section h3,
  #home-wrapper .news-section .ques-section h3 {
    font-size: 18px;
    padding: 20px 0 15px;
  }

  #home-wrapper .news-section .technology-section h3 .line,
  #home-wrapper .news-section .ques-section h3 .line {
    width: 8px;
    height: 20px;
    margin-right: 15px;
  }

  #home-wrapper .news-section .technology-section .news-content,
  #home-wrapper .news-section .ques-section .news-content {
    padding: 0 20px;
  }

  #home-wrapper .news-section .technology-section .swiper-info,
  #home-wrapper .news-section .ques-section .swiper-info {
    padding-bottom: 45px;
  }

  #home-wrapper .news-section .technology-section .swiper-info .news-info,
  #home-wrapper .news-section .ques-section .swiper-info .news-info {
    padding: 15px;
    font-size: 14px;
  }

  #home-wrapper .news-section .technology-section .swiper-info .news-info .title,
  #home-wrapper .news-section .ques-section .swiper-info .news-info .title {
    margin-right: 15px;
    font-size: 14px;
  }

  #home-wrapper .news-section .technology-section .ques-info,
  #home-wrapper .news-section .ques-section .ques-info {
    padding-bottom: 45px;
  }

  #home-wrapper .news-section .technology-section .ques-info .ques-item,
  #home-wrapper .news-section .ques-section .ques-info .ques-item {
    padding: 15px 0 20px;
    font-size: 14px;
  }

  #home-wrapper .news-section .technology-section .ques-info .ques-item .tag,
  #home-wrapper .news-section .ques-section .ques-info .ques-item .tag {
    width: 26px;
    height: 26px;
  }

  #home-wrapper .news-section .technology-section .ques-info .ques-item p,
  #home-wrapper .news-section .ques-section .ques-info .ques-item p {
    margin-left: 15px;
    font-size: 14px;
  }

  #home-wrapper .news-section .technology-section .ques-info .ques-item .content p,
  #home-wrapper .news-section .ques-section .ques-info .ques-item .content p {
    font-size: 13px;
    line-height: 18px;
  }

  #home-wrapper .news-section .technology-section .swiper-pagination,
  #home-wrapper .news-section .ques-section .swiper-pagination {
    bottom: 18px;
  }

  #home-wrapper .news-section .news-swiper .swiper-pagination {
    bottom: 18px;
    left: 15px;
  }

  #home-wrapper .news-section .more-wrapper {
    margin-top: 30px;
    font-size: 14px;
  }

  #home-wrapper .news-section .more-wrapper button {
    width: 36px;
    height: 36px;
    margin-left: 15px;
  }

  /* 底部 */
  footer .pc-footer .footer-top {
    padding: 40px 0 30px;
  }

  footer .pc-footer .footer-center {
    flex-wrap: wrap;
    padding: 30px 0;
  }

  footer .pc-footer .footer-center dl {
    width: 100%;
    margin-bottom: 0;
  }

  footer .pc-footer .footer-center dl:not(:nth-last-child(-n + 2)) {
    display: none;
  }

  footer .pc-footer .footer-center dt {
    font-size: 16px;
    margin-bottom: 20px;
  }

  footer .pc-footer .footer-center .consult-info dd {
    font-size: 20px;
    margin-bottom: 30px;
  }

  footer .pc-footer .footer-bottom {
    padding: 15px 0;
  }

  footer .pc-footer .footer-bottom .copyright {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    font-size: 12px;
  }

  /* 侧边栏 */
  .sidebar .icon-list .icon-item {
    width: 50px;
    height: 60px;
  }

  .sidebar .icon-list .icon-item p {
    font-size: 12px;
    margin-top: 3px;
  }

  .sidebar .icon-list .icon-item .icon-box {
    font-size: 14px;
  }
  .sidebar .icon-list .icon-item .icon-box:not(.phone-box) {
    width: 100px;
    height: 100px;
  }

  .back-top {
    width: 50px;
    height: 50px;
  }

  .back-top p {
    font-size: 12px;
  }

  .back-top img {
    max-width: 20px;
  }

  /* 搜索遮罩层 */
  .mask-layer .search-wrapper {
    padding: 30px 15px;
  }

  .mask-layer .search-wrapper h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .mask-layer .search-wrapper input {
    width: 100%;
    height: 36px;
    font-size: 14px;
    padding: 0 35px 0 12px;
  }

  .mask-layer .search-wrapper button {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    height: 36px;
    font-size: 14px;
  }

  .mask-layer .search-wrapper .flex-row-center {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 540px) {
  #home-wrapper .home-swiper .swiper-info h2 {
    font-size: 18px;
  }

  #home-wrapper .home-swiper .swiper-info h3 {
    font-size: 22px;
    margin: 10px 0 15px;
  }

  #home-wrapper .home-swiper .swiper-info p {
    font-size: 14px;
  }

  #home-wrapper .home-swiper .swiper-info ul li {
    font-size: 12px;
  }
  #home-wrapper .home-swiper .swiper-info ul li .square {
    width: 4px;
    height: 12px;
    margin-right: 8px;
  }

  #home-wrapper .home-swiper .bottom-mes {
    padding: 15px;
    gap: 15px;
  }

  #home-wrapper .home-swiper .bottom-mes .search-box {
    font-size: 16px;
  }

  #home-wrapper .home-swiper .bottom-mes .search-box .search-content {
    font-size: 11px;
    margin-top: 12px;
    flex-wrap: wrap;
    gap: 5px;
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box {
    padding: 6px 15px;
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box img {
    width: 24px;
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box .tel-info {
    font-size: 12px;
    margin-left: 12px;
  }

  #home-wrapper .home-swiper .bottom-mes .contact-box .tel-info p {
    font-size: 16px;
    margin-top: 5px;
  }

  #home-wrapper .home-swiper .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    margin: 0 4px;
  }

  /* 产品中心 */
  #home-wrapper .product-center {
    padding: 50px 0;
  }

  #home-wrapper .product-center .header h2 {
    font-size: 24px;
  }

  #home-wrapper .product-center .header p {
    font-size: 14px;
  }

  #home-wrapper .product-center .tab-wrapper {
    margin-top: 30px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 10px;
    margin-bottom: 25px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon .icon-item {
    padding: 18px 12px;
    min-height: 80px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon .icon-item .name {
    font-size: 13px;
    margin-top: 6px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list {
    gap: 12px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item {
    padding: 18px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item h4 {
    font-size: 16px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item p {
    font-size: 12px;
    margin: 10px 0 12px;
    line-height: 18px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item button {
    width: 32px;
    height: 32px;
  }

  #home-wrapper .product-center .tab-wrapper .product-list .product-item button img {
    max-width: 14px;
  }

  #home-wrapper .product-center .tab-wrapper .more-wrapper {
    margin-top: 25px;
    font-size: 13px;
  }

  #home-wrapper .product-center .tab-wrapper .more-wrapper button {
    width: 32px;
    height: 32px;
    margin-left: 12px;
  }

  #home-wrapper .product-center .tab-wrapper .more-wrapper button img {
    max-width: 14px;
  }

  /* 四大产品优势 */
  #home-wrapper .product-advantage {
    padding: 60px 0;
  }

  #home-wrapper .product-advantage .header h2 {
    font-size: 26px;
  }

  #home-wrapper .product-advantage .header p {
    font-size: 14px;
    margin-top: 12px;
  }

  #home-wrapper .product-advantage .advantage-swiper {
    margin-top: 30px;
  }

  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box {
    padding: 20px;
    min-height: 280px;
  }

  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box .icon-box {
    width: 80px;
    height: 80px;
  }

  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box .icon-box img {
    max-width: 45px;
  }

  #home-wrapper .product-advantage .advantage-swiper .swiper-slide .item-box h3 {
    font-size: 16px;
    margin: 15px 0 20px;
  }

  /* 五大理由 */
  #home-wrapper .reason-section {
    padding: 60px 0;
  }

  #home-wrapper .reason-section .header h2 {
    font-size: 24px;
  }

  #home-wrapper .reason-swiper {
    margin-top: 25px;
  }

  #home-wrapper .reason-swiper .swiper-info {
    padding: 60px 30px 200px;
  }

  #home-wrapper .reason-swiper .swiper-info h3 {
    font-size: 18px;
  }

  #home-wrapper .reason-swiper .swiper-info p {
    font-size: 13px;
    margin-top: 20px;
    line-height: 20px;
  }

  #home-wrapper .reason-swiper .reason-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    left: 15px;
    right: 15px;
    bottom: 15px;
  }

  #home-wrapper .reason-swiper .reason-list .reason-item {
    padding: 10px;
  }

  #home-wrapper .reason-swiper .reason-list .reason-item img {
    width: 28px;
    height: 28px;
  }

  #home-wrapper .reason-swiper .reason-list .reason-item p {
    font-size: 11px;
    margin-top: 8px;
  }

  #home-wrapper .reason-swiper .reason-list .swiper-btn {
    grid-column: span 2;
    margin-top: 8px;
  }

  #home-wrapper .reason-swiper .reason-list .swiper-button-prev,
  #home-wrapper .reason-swiper .reason-list .swiper-button-next {
    width: 36px;
    height: 36px;
    --swiper-navigation-size: 10px;
  }

  /* 行业解决方案 */
  #home-wrapper .solution-section {
    padding: 60px 0;
  }

  #home-wrapper .solution-section .header h2 {
    font-size: 26px;
  }

  #home-wrapper .solution-section .header p {
    font-size: 14px;
    margin-top: 15px;
  }

  #home-wrapper .solution-section .solution-list {
    gap: 10px;
  }

  #home-wrapper .solution-section .solution-item {
    width: calc(50% - 7.5px);
    font-size: 12px;
  }

  #home-wrapper .solution-section .solution-item p {
    text-align: center;
  }

  #home-wrapper .solution-section .solution-item .solution-icon {
    width: 45px;
    height: 45px;
  }

  #home-wrapper .solution-section .solution-item .solution-icon img {
    width: 24px;
  }

  #home-wrapper .solution-section .solution-content {
    gap: 25px;
  }

  #home-wrapper .solution-section .solution-content h3 {
    font-size: 20px;
  }

  #home-wrapper .solution-section .solution-content ul {
    margin: 25px 0 30px;
  }

  #home-wrapper .solution-section .solution-content ul li {
    padding: 12px 0;
    font-size: 13px;
  }

  #home-wrapper .solution-section .solution-content ul li img {
    margin-left: 15px;
    max-width: 16px;
  }

  #home-wrapper .solution-section .solution-content .img-wrapper .img-info {
    left: 15px;
    bottom: 15px;
  }

  #home-wrapper .solution-section .solution-content .img-wrapper .img-info h4 {
    font-size: 16px;
  }

  #home-wrapper .solution-section .more-wrapper {
    font-size: 13px;
  }

  #home-wrapper .solution-section .more-wrapper button {
    width: 32px;
    height: 32px;
    margin-left: 12px;
  }

  #home-wrapper .solution-section .more-wrapper button img {
    max-width: 14px;
  }

  /* 标准化合作流程 */
  #home-wrapper .standard-section {
    padding: 50px 0;
  }

  #home-wrapper .standard-section .left-mes h2 {
    font-size: 26px;
  }

  #home-wrapper .standard-section .left-mes p {
    font-size: 14px;
    margin-top: 12px;
    line-height: 22px;
  }

  #home-wrapper .standard-section .flex-center img {
    max-width: 28px;
  }

  #home-wrapper .standard-section .tel-info {
    font-size: 13px;
    margin-left: 12px;
  }

  #home-wrapper .standard-section .tel-info .tel {
    font-size: 22px;
    margin-top: 6px;
  }

  #home-wrapper .standard-section .step-list .step-item .step-content img {
    max-width: 20px;
  }

  #home-wrapper .standard-section .step-list .step-item .step-content p {
    font-size: 16px;
    margin: 10px 0 15px;
  }

  /* 关于我们 */
  #home-wrapper .about-section {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  #home-wrapper .about-section .header h2 {
    font-size: 26px;
  }

  #home-wrapper .about-section .intro-list {
    margin: 25px 0;
    gap: 15px;
  }

  #home-wrapper .about-section .intro-list .intro-item {
    width: calc(50% - 7.5px);
    padding: 18px 12px;
    font-size: 30px;
  }

  #home-wrapper .about-section .intro-list .intro-item .desc {
    font-size: 14px;
  }

  #home-wrapper .about-section .intro-list .intro-item p {
    font-size: 12px;
    margin-top: 10px;
    line-height: 16px;
  }

  #home-wrapper .about-section .more-wrapper {
    margin: 25px 0 50px;
    font-size: 13px;
  }

  #home-wrapper .about-section .more-wrapper button {
    width: 32px;
    height: 32px;
    margin-left: 12px;
  }

  #home-wrapper .about-section .more-wrapper button img {
    max-width: 14px;
  }

  #home-wrapper .about-section .feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 10px;
  }

  #home-wrapper .about-section .feature-list .feature-item {
    padding: 20px 0 25px;
  }

  #home-wrapper .about-section .feature-list .feature-item .num {
    font-size: 13px;
  }

  #home-wrapper .about-section .feature-list .feature-item img {
    max-width: 40px;
    margin: 12px 0;
  }

  #home-wrapper .about-section .feature-list .feature-item p {
    font-size: 13px;
  }

  /* 客户服务 */

  #home-wrapper .customer-section .left-mes h2 {
    font-size: 26px;
  }

  #home-wrapper .customer-section .left-mes p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px;
  }

  #home-wrapper .customer-section .more-wrapper {
    font-size: 13px;
    margin-top: 30px;
  }

  #home-wrapper .customer-section .more-wrapper button {
    width: 32px;
    height: 32px;
    margin-left: 12px;
  }

  #home-wrapper .customer-section .more-wrapper button img {
    max-width: 14px;
  }

  #home-wrapper .customer-section .cust-swiper {
    margin-top: 30px;
  }

  #home-wrapper .customer-section .cust-swiper .cust-img {
    min-height: 80px;
    padding: 0 12px;
  }

  #home-wrapper .customer-section .cust-swiper .cust-img img {
    max-width: 80px;
  }

  /* 新闻资讯 */
  #home-wrapper .news-section {
    padding: 60px 0 50px;
  }

  #home-wrapper .news-section .header h2 {
    font-size: 26px;
  }

  #home-wrapper .news-section .header p {
    font-size: 14px;
    margin-top: 15px;
  }

  #home-wrapper .news-section .news-list {
    margin: 25px 0;
    gap: 10px;
  }

  #home-wrapper .news-section .news-list .news-moment h3 {
    top: 15px;
    left: 15px;
    font-size: 16px;
  }

  #home-wrapper .news-section .news-list .news-moment h3 .line {
    width: 6px;
    height: 18px;
    margin-right: 12px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes {
    bottom: 60px;
    left: 12px;
    right: 12px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes h4 {
    font-size: 16px;
    line-height: 20px;
  }

  #home-wrapper .news-section .news-list .news-moment .news-swiper .news-mes .date {
    font-size: 12px;
  }

  #home-wrapper .news-section .technology-section h3,
  #home-wrapper .news-section .ques-section h3 {
    font-size: 16px;
    padding: 18px 0 12px;
  }

  #home-wrapper .news-section .technology-section h3 .line,
  #home-wrapper .news-section .ques-section h3 .line {
    width: 6px;
    height: 18px;
    margin-right: 12px;
  }

  #home-wrapper .news-section .technology-section .news-content,
  #home-wrapper .news-section .ques-section .news-content {
    padding: 0 15px;
  }

  #home-wrapper .news-section .technology-section .swiper-info,
  #home-wrapper .news-section .ques-section .swiper-info {
    padding-bottom: 40px;
  }

  #home-wrapper .news-section .technology-section .swiper-info .news-info,
  #home-wrapper .news-section .ques-section .swiper-info .news-info {
    padding: 12px;
    font-size: 12px;
  }

  #home-wrapper .news-section .technology-section .ques-info,
  #home-wrapper .news-section .ques-section .ques-info {
    padding-bottom: 40px;
  }

  #home-wrapper .news-section .technology-section .ques-info .ques-item .tag,
  #home-wrapper .news-section .ques-section .ques-info .ques-item .tag {
    width: 24px;
    height: 24px;
  }

  #home-wrapper .news-section .technology-section .ques-info .ques-item p,
  #home-wrapper .news-section .ques-section .ques-info .ques-item p {
    margin-left: 12px;
    font-size: 13px;
  }

  #home-wrapper .news-section .technology-section .swiper-pagination,
  #home-wrapper .news-section .ques-section .swiper-pagination {
    bottom: 15px;
  }

  #home-wrapper .news-section .technology-section .swiper-pagination-bullet,
  #home-wrapper .news-section .ques-section .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  #home-wrapper .news-section .news-swiper .swiper-pagination {
    bottom: 15px;
    left: 12px;
  }

  #home-wrapper .news-section .news-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  #home-wrapper .news-section .more-wrapper {
    margin-top: 25px;
    font-size: 13px;
  }

  #home-wrapper .news-section .more-wrapper button {
    width: 32px;
    height: 32px;
    margin-left: 12px;
  }

  #home-wrapper .news-section .more-wrapper button img {
    max-width: 14px;
  }

  /* 底部 */
  footer .pc-footer .footer-top {
    padding: 30px 0 25px;
  }

  footer .pc-footer .footer-top img {
    max-width: 150px;
  }

  footer .pc-footer .footer-center dl {
    width: 100%;
  }

  footer .pc-footer .footer-center dt {
    font-size: 15px;
    margin-bottom: 18px;
  }

  footer .pc-footer .footer-center .consult-info dd {
    font-size: 18px;
    margin-bottom: 25px;
  }

  footer .pc-footer .footer-center .consult-info .qrcode-info img {
    width: 70px;
  }

  footer .pc-footer .footer-center .consult-info .qrcode-info p {
    font-size: 12px;
    margin-top: 8px;
  }

  footer .pc-footer .footer-bottom {
    padding: 12px 0;
  }

  footer .pc-footer .footer-bottom .copyright {
    font-size: 11px;
    gap: 12px;
  }

  /* 侧边栏 */

  .sidebar .icon-list .icon-item .icon-box img {
    width: 75px;
    height: 75px;
  }

  .sidebar .icon-list .icon-item .phone-box {
    padding: 15px 8px;
  }

  .back-top img {
    max-width: 18px;
  }
}

/* ===================================
     超小屏幕 (400px 及以下)
     =================================== */
@media screen and (max-width: 400px) {
  #home-wrapper .home-swiper .swiper-info h3 {
    font-size: 20px;
  }

  #home-wrapper .product-center .header h2,
  #home-wrapper .product-advantage .header h2,
  #home-wrapper .reason-section .header h2,
  #home-wrapper .solution-section .header h2,
  #home-wrapper .about-section .header h2,
  #home-wrapper .customer-section .left-mes h2,
  #home-wrapper .news-section .header h2,
  #home-wrapper .standard-section .left-mes h2 {
    font-size: 24px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon .icon-item {
    padding: 15px 10px;
    min-height: 70px;
  }

  #home-wrapper .product-center .tab-wrapper .product-icon .icon-item .name {
    font-size: 12px;
  }

  #home-wrapper .about-section .intro-list .intro-item {
    width: 100%;
    font-size: 36px;
  }

  #home-wrapper .solution-section .solution-item {
    width: 100%;
  }

  #home-wrapper .about-section .feature-list,
  #home-wrapper .product-center .tab-wrapper .product-icon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* 产品列表页面响应式 */
@media screen and (max-width: 1280px) {
  /* 产品列表页 */
  #product-wrapper .product-icon-wrapper {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 15px;
  }

  #product-wrapper .product-icon-wrapper .icon-item {
    padding: 25px 15px;
    min-height: 95px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .name {
    font-size: 15px;
  }

  #product-wrapper .product-icon-wrapper .icon-item img {
    height: 36px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .layui-icon {
    margin-top: 15px;
    font-size: 16px;
  }

  #product-wrapper .product-swiper {
    margin: 80px 0 50px;
  }

  #product-wrapper .product-swiper .swiper-info {
    padding: 100px;
  }
  #product-wrapper .product-swiper .swiper-info .left-mes {
    width: 100%;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h2 {
    font-size: 26px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h3 {
    font-size: 32px;
    margin: 18px 0 35px;
    line-height: 44px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes p {
    font-size: 20px;
  }

  #product-wrapper .product-swiper .swiper-info .right-img {
    width: 40%;
  }

  .common-wrapper .product-list-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 50px;
  }

  /* .common-wrapper .product-list-wrapper .product-item .img-wrapper {
    padding: 50px 60px;
  } */

  .common-wrapper .product-list-wrapper .product-item .title {
    padding: 25px 40px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box {
    padding: 35px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box h4 {
    padding-bottom: 18px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box p {
    font-size: 15px;
    line-height: 22px;
    margin: 18px 0 25px;
  }

  #product-wrapper .pagination-wrapper {
    margin-top: 50px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 1024px) {
  /* 产品列表页 */
  #product-wrapper .product-icon-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  #product-wrapper .product-icon-wrapper .icon-item {
    padding: 20px 12px;
    min-height: 90px;
  }

  #product-wrapper .product-icon-wrapper .icon-item img {
    height: 36px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .name {
    font-size: 14px;
    margin-top: 8px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .layui-icon {
    margin-top: 12px;
    font-size: 16px;
  }

  #product-wrapper .product-icon-wrapper .cate-list {
    padding: 30px 20px;
  }

  #product-wrapper .product-icon-wrapper .cate-list a {
    font-size: 14px;
  }

  #product-wrapper .product-swiper {
    margin: 60px 0 40px;
  }

  #product-wrapper .product-swiper .swiper-info {
    padding: 80px 60px;
    flex-direction: column;
    gap: 30px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h2 {
    font-size: 24px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h3 {
    font-size: 28px;
    margin: 16px 0 30px;
    line-height: 38px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes p {
    font-size: 18px;
    line-height: 26px;
  }

  #product-wrapper .product-swiper .swiper-info .right-img {
    width: 60%;
    margin: 0 auto;
  }

  #product-wrapper .product-swiper .swiper-pagination {
    bottom: 30px;
  }

  .common-wrapper .product-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 40px;
  }

  .common-wrapper .product-list-wrapper .product-item .title {
    padding: 20px 30px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box {
    padding: 30px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box h4 {
    padding-bottom: 15px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box p {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0 20px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box button {
    width: 36px;
    height: 36px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box button img {
    max-width: 16px;
  }

  #product-wrapper .pagination-wrapper {
    margin-top: 40px;
    padding-bottom: 80px;
  }

  .pagination-wrapper li {
    margin: 0 8px;
    font-size: 15px;
  }
  .pagination-wrapper li a {
    min-width: 38px;
    height: 38px;
    line-height: 38px;
  }

  .pagination-wrapper .jump-btn {
    width: 38px;
    height: 38px;
  }
}

/* ===================================
     平板及大手机 (768px 及以下)
     =================================== */
@media screen and (max-width: 768px) {
  /* 产品列表页 */
  #product-wrapper .product-icon-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  #product-wrapper .product-icon-wrapper .icon-item {
    padding: 18px 10px;
    min-height: 85px;
  }

  #product-wrapper .product-icon-wrapper .icon-item img {
    height: 32px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .name {
    font-size: 13px;
    margin-top: 6px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .layui-icon {
    margin-top: 10px;
    font-size: 14px;
  }

  #product-wrapper .product-icon-wrapper .cate-list {
    padding: 25px 15px;
  }

  #product-wrapper .product-icon-wrapper .cate-list a {
    font-size: 13px;
  }

  #product-wrapper .product-icon-wrapper .cate-list a:not(:last-child) {
    margin-bottom: 10px;
  }

  #product-wrapper .product-swiper {
    margin: 40px 0 30px;
  }

  #product-wrapper .product-swiper .swiper-info {
    padding: 60px 40px;
    flex-direction: column;
    gap: 25px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h2 {
    font-size: 20px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h3 {
    font-size: 24px;
    margin: 14px 0 25px;
    line-height: 32px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes p {
    font-size: 16px;
    line-height: 24px;
  }

  #product-wrapper .product-swiper .swiper-info .right-img {
    width: 80%;
    margin: 0 auto;
  }

  #product-wrapper .product-swiper .swiper-pagination {
    bottom: 25px;
  }

  .common-wrapper .product-list-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
    margin-top: 30px;
  }

  .common-wrapper .product-list-wrapper .product-item .title {
    font-size: 16px;
    line-height: 24px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box {
    padding: 25px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box h4 {
    font-size: 16px;
    padding-bottom: 12px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box p {
    font-size: 13px;
    line-height: 19px;
    margin: 12px 0 18px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box button {
    width: 32px;
    height: 32px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box button img {
    max-width: 14px;
  }

  #product-wrapper .pagination-wrapper {
    margin-top: 30px;
    padding-bottom: 60px;
  }

  .pagination-wrapper li {
    margin: 0 6px;
    font-size: 14px;
  }

  .pagination-wrapper li a {
    min-width: 36px;
    height: 36px;
    line-height: 36px;
  }

  .pagination-wrapper .jump-btn {
    width: 36px;
    height: 36px;
  }

  .pagination-wrapper .layui-icon {
    font-size: 14px;
  }
}

/* ===================================
     手机 (540px 及以下)
     =================================== */
@media screen and (max-width: 540px) {
  /* 产品列表页 */
  #product-wrapper .product-icon-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  #product-wrapper .product-icon-wrapper .icon-item {
    padding: 15px 8px;
    min-height: 75px;
  }

  #product-wrapper .product-icon-wrapper .icon-item img {
    height: 28px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .name {
    font-size: 12px;
    margin-top: 5px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .layui-icon {
    margin-top: 8px;
    font-size: 13px;
  }

  #product-wrapper .product-icon-wrapper .cate-list {
    padding: 20px 12px;
  }

  #product-wrapper .product-icon-wrapper .cate-list a {
    font-size: 12px;
  }

  #product-wrapper .product-icon-wrapper .cate-list a:not(:last-child) {
    margin-bottom: 8px;
  }

  #product-wrapper .product-swiper {
    margin: 30px 0 25px;
  }

  #product-wrapper .product-swiper .swiper-info {
    padding: 40px;
    gap: 20px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h2 {
    font-size: 18px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h3 {
    font-size: 20px;
    margin: 12px 0 20px;
    line-height: 28px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes p {
    font-size: 14px;
    line-height: 22px;
  }

  #product-wrapper .product-swiper .swiper-info .right-img {
    width: 100%;
    margin: 0 auto;
  }

  #product-wrapper .product-swiper .swiper-pagination {
    bottom: 10px;
  }

  #product-wrapper .product-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .common-wrapper .product-list-wrapper {
    gap: 10px;
    margin-top: 25px;
  }

  .common-wrapper .product-list-wrapper .product-item .img-wrapper {
    padding: 20px 30px;
  }

  .common-wrapper .product-list-wrapper .product-item .title {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box {
    padding: 20px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box button {
    width: 30px;
    height: 30px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box button img {
    max-width: 12px;
  }

  #product-wrapper .pagination-wrapper {
    margin-top: 25px;
    padding-bottom: 50px;
  }

  .pagination-wrapper li {
    margin: 0 5px;
    font-size: 13px;
  }

  .pagination-wrapper li a {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0 3px;
  }

  .pagination-wrapper .jump-btn {
    width: 32px;
    height: 32px;
  }

  /* #product-wrapper .pagination-wrapper .mx10px {
    margin-left: 6px;
    margin-right: 6px;
  } */
  .pagination-wrapper .jump-btn {
    margin: 0 6px;
  }

  #product-wrapper .pagination-wrapper .layui-icon {
    font-size: 13px;
  }
}

/* ===================================
     超小屏幕 (400px 及以下)
     =================================== */
@media screen and (max-width: 400px) {
  /* 产品列表页 */
  #product-wrapper .product-icon-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  #product-wrapper .product-icon-wrapper .icon-item {
    padding: 12px 6px;
    min-height: 70px;
  }

  #product-wrapper .product-icon-wrapper .icon-item img {
    height: 24px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .name {
    font-size: 11px;
    margin-top: 4px;
  }

  #product-wrapper .product-icon-wrapper .icon-item .layui-icon {
    margin-top: 6px;
    font-size: 12px;
  }

  #product-wrapper .product-icon-wrapper .cate-list {
    padding: 15px 10px;
  }

  #product-wrapper .product-icon-wrapper .cate-list a {
    font-size: 11px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes {
    padding: 30px 20px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h2 {
    font-size: 16px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes h3 {
    font-size: 18px;
    margin: 10px 0 18px;
    line-height: 26px;
  }

  #product-wrapper .product-swiper .swiper-info .left-mes p {
    font-size: 13px;
    line-height: 20px;
  }

  .common-wrapper .product-list-wrapper .product-item .img-wrapper {
    padding: 15px 25px;
  }

  .common-wrapper .product-list-wrapper .product-item .title {
    padding: 12px 18px;
    font-size: 13px;
    line-height: 19px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box {
    padding: 18px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box h4 {
    font-size: 14px;
    padding-bottom: 8px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box p {
    font-size: 11px;
    line-height: 17px;
    margin: 8px 0 12px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box button {
    width: 28px;
    height: 28px;
  }

  .common-wrapper .product-list-wrapper .product-item .pop-box button img {
    max-width: 10px;
  }

  #product-wrapper .pagination-wrapper {
    margin-top: 20px;
    padding-bottom: 40px;
  }

  .pagination-wrapper li {
    margin: 0 4px;
    font-size: 12px;
  }
  .pagination-wrapper li a {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 2px;
  }

  .pagination-wrapper .jump-btn {
    width: 30px;
    height: 30px;
  }

  /* #product-wrapper .pagination-wrapper .mx10px {
    margin-left: 5px;
    margin-right: 5px;
  } */

  #product-wrapper .pagination-wrapper .layui-icon {
    font-size: 12px;
  }
}

/*   解决方案列表页面响应式 */

@media screen and (max-width: 1280px) {
  /* 解决方案列表页 */
  .icon-sel-wrapper .product-icon {
    gap: 15px;
  }

  .icon-sel-wrapper .product-icon .icon-item {
    padding: 25px 15px;
    min-height: 95px;
  }

  .icon-sel-wrapper .product-icon .icon-item .name {
    font-size: 15px;
  }

  #solution-wrapper .solution-box {
    padding: 80px 0;
  }

  #solution-wrapper .solution-list {
    gap: 30px 40px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box,
  #solution-detail-wrapper .solution-item .pop-box {
    padding: 30px 18px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box .title,
  #solution-detail-wrapper .solution-item .pop-box .title {
    font-size: 20px;
  }
  #solution-wrapper .solution-list .solution-item .pop-box .pop-content p,
  #solution-detail-wrapper .solution-item .pop-box .pop-content p {
    margin: 20px 0;
  }
}

@media screen and (max-width: 1200px) {
  #solution-wrapper .solution-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 30px;
  }
}

@media screen and (max-width: 1024px) {
  /* 解决方案列表页 */
  .icon-sel-wrapper .product-icon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .icon-sel-wrapper .product-icon .icon-item {
    padding: 20px 12px;
    min-height: 90px;
  }

  .icon-sel-wrapper .product-icon .icon-item img {
    height: 36px;
  }

  .icon-sel-wrapper .product-icon .icon-item .name {
    font-size: 14px;
    margin-top: 8px;
  }

  #solution-wrapper .solution-box {
    padding: 60px 0;
  }

  #solution-wrapper .solution-list .solution-item .pop-box {
    padding: 25px 15px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box .title {
    font-size: 18px;
  }

  #solution-wrapper .pagination-wrapper {
    margin-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  /* 解决方案列表页 */
  .icon-sel-wrapper .product-icon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .icon-sel-wrapper .product-icon .icon-item {
    padding: 18px 10px;
    min-height: 85px;
  }

  .icon-sel-wrapper .product-icon .icon-item img {
    height: 32px;
  }

  .icon-sel-wrapper .product-icon .icon-item .name {
    font-size: 13px;
    margin-top: 6px;
  }

  #solution-wrapper .solution-box {
    padding: 50px 0;
  }

  #solution-wrapper .solution-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box {
    position: unset;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 20px 12px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box .title {
    font-size: 16px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box .more-wrapper {
    font-size: 14px;
  }
  #solution-wrapper .solution-list .solution-item .pop-box .more-wrapper button {
    width: 30px;
    height: 30px;
  }

  #solution-wrapper .pagination-wrapper {
    margin-top: 40px;
  }
}

/* ===================================
     手机 (540px 及以下)
     =================================== */
@media screen and (max-width: 540px) {
  /* 解决方案列表页 */
  .icon-sel-wrapper .product-icon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .icon-sel-wrapper .product-icon .icon-item {
    padding: 15px 8px;
    min-height: 75px;
  }

  .icon-sel-wrapper .product-icon .icon-item img {
    height: 28px;
  }

  .icon-sel-wrapper .product-icon .icon-item .name {
    font-size: 12px;
    margin-top: 5px;
  }

  #solution-wrapper .solution-box {
    padding: 40px 0;
  }

  #solution-wrapper .solution-list {
    gap: 15px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box {
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 18px 10px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box .title {
    font-size: 14px;
  }

  #solution-wrapper .pagination-wrapper {
    margin-top: 30px;
  }
}

@media screen and (max-width: 400px) {
  /* 解决方案列表页 */
  .icon-sel-wrapper .product-icon {
    gap: 6px;
  }

  .icon-sel-wrapper .product-icon .icon-item {
    padding: 12px 6px;
    min-height: 70px;
  }

  .icon-sel-wrapper .product-icon .icon-item img {
    height: 24px;
  }

  .icon-sel-wrapper .product-icon .icon-item .name {
    font-size: 11px;
    margin-top: 4px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box {
    padding: 15px 8px;
  }

  #solution-wrapper .solution-list .solution-item .pop-box .title {
    font-size: 13px;
  }
}

/* 解决方案详情页 / 新闻详情页 响应式 */
@media screen and (max-width: 1280px) {
  /* 解决方案/新闻详情页 */
  #solution-detail-wrapper .solution-detail {
    padding: 80px 0 120px;
  }

  #solution-detail-wrapper .left-mes .content h2 {
    font-size: 30px;
  }

  #solution-detail-wrapper .left-mes .info-box {
    font-size: 13px;
  }

  #solution-detail-wrapper .solution-content h2 {
    font-size: 26px;
  }

  #solution-detail-wrapper .left-mes {
    width: 100%;
    flex: none;
  }
  #solution-detail-wrapper .right-mes {
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
  }

  #solution-detail-wrapper .related-product .product-list {
    display: none;
  }
  #solution-detail-wrapper .related-product .rec-swiper-section {
    display: block;
  }

  #solution-detail-wrapper .related-product .product-item .img-wrapper {
    padding: 40px 50px;
  }

  #solution-detail-wrapper .related-product .product-item .title {
    padding: 30px;
  }

  #solution-detail-wrapper .rec-solution {
    padding-bottom: 120px;
  }

  #solution-detail-wrapper .rec-solution h2 {
    font-size: 30px;
  }

  #solution-detail-wrapper .solution-item .pop-box {
    position: unset;
  }
  #solution-detail-wrapper .solution-item .pop-box .pop-content {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  /* 解决方案/新闻详情页 */
  #solution-detail-wrapper .solution-detail {
    padding: 60px 0 100px;
    flex-direction: column;
  }

  #solution-detail-wrapper .left-mes {
    width: 100%;
  }

  #solution-detail-wrapper .left-mes .content {
    padding: 50px 25px 40px;
  }

  #solution-detail-wrapper .left-mes .content h2 {
    font-size: 28px;
  }

  #solution-detail-wrapper .left-mes .info-box {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 10px;
  }

  #solution-detail-wrapper .left-mes .info-box .divider {
    display: none;
  }

  #solution-detail-wrapper .solution-content h2 {
    font-size: 24px;
  }

  #solution-detail-wrapper .related-product .header,
  #solution-detail-wrapper .hot-search .header {
    font-size: 24px;
    padding: 15px;
  }

  #solution-detail-wrapper .related-product .product-item .img-wrapper {
    padding: 35px 40px;
  }

  #solution-detail-wrapper .related-product .product-item .title {
    font-size: 18px;
    padding: 25px;
  }

  #solution-detail-wrapper .rec-solution {
    padding-bottom: 100px;
  }

  #solution-detail-wrapper .rec-solution h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  /* 解决方案/新闻详情页 */
  #solution-detail-wrapper .solution-detail {
    padding: 50px 0 80px;
  }

  #solution-detail-wrapper .left-mes .content {
    padding: 40px 20px 30px;
  }

  #solution-detail-wrapper .left-mes .content h2 {
    font-size: 24px;
  }

  #solution-detail-wrapper .solution-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0;
  }

  #solution-detail-wrapper .solution-content h2 {
    font-size: 20px;
  }

  #solution-detail-wrapper .right-mes {
    margin-top: 30px;
  }

  #solution-detail-wrapper .related-product .header,
  #solution-detail-wrapper .hot-search .header {
    font-size: 20px;
    padding: 12px;
  }

  #solution-detail-wrapper .related-product .product-item .img-wrapper {
    padding: 30px 35px;
  }

  #solution-detail-wrapper .related-product .product-item .title {
    font-size: 16px;
    padding: 20px;
  }

  #solution-detail-wrapper .hot-search {
    margin-top: 50px;
  }

  #solution-detail-wrapper .hot-search .search-list {
    font-size: 14px;
    padding: 20px;
    line-height: 26px;
  }

  #solution-detail-wrapper .rec-solution {
    padding-bottom: 30px;
  }

  #solution-detail-wrapper .rec-solution h2 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 540px) {
  /* 解决方案/新闻详情页 */
  #solution-detail-wrapper .solution-detail {
    padding: 40px 0 60px;
  }

  #solution-detail-wrapper .left-mes .content {
    padding: 30px 15px 25px;
  }

  #solution-detail-wrapper .left-mes .content h2 {
    font-size: 20px;
  }

  #solution-detail-wrapper .solution-content h2 {
    font-size: 18px;
  }

  #solution-detail-wrapper .right-mes {
    margin-top: 25px;
  }

  #solution-detail-wrapper .related-product .header,
  #solution-detail-wrapper .hot-search .header {
    font-size: 18px;
    padding: 10px;
  }

  #solution-detail-wrapper .related-product .product-item:not(:last-child) {
    margin-bottom: 15px;
  }

  #solution-detail-wrapper .related-product .product-item .img-wrapper {
    padding: 25px 30px;
  }

  #solution-detail-wrapper .related-product .product-item .title {
    font-size: 14px;
    padding: 18px 15px;
  }

  #solution-detail-wrapper .hot-search {
    margin-top: 40px;
  }

  #solution-detail-wrapper .rec-solution h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

/* ===================================
     超小屏幕 (400px 及以下)
     =================================== */
@media screen and (max-width: 400px) {
  /* 解决方案/新闻详情页 */
  #solution-detail-wrapper .solution-detail {
    padding: 30px 0 50px;
  }

  #solution-detail-wrapper .left-mes .content {
    padding: 25px 12px 20px;
  }

  #solution-detail-wrapper .left-mes .content h2 {
    font-size: 18px;
  }

  #solution-detail-wrapper .solution-content p {
    font-size: 11px;
    line-height: 17px;
  }

  #solution-detail-wrapper .solution-content h2 {
    font-size: 16px;
  }

  #solution-detail-wrapper .related-product .product-item .img-wrapper {
    padding: 20px 25px;
  }

  #solution-detail-wrapper .related-product .product-item .title {
    font-size: 13px;
    padding: 15px 12px;
  }

  #solution-detail-wrapper .rec-solution h2 {
    font-size: 18px;
  }
}

/* ===================================
   产品详情页响应式
   =================================== */

/* ===================================
   平板及以下 (1280px 及以下)
   =================================== */
@media screen and (max-width: 1280px) {
  /* 产品详情页 */
  #detail-wrapper .product-detail {
    margin-top: 120px;
  }

  #detail-wrapper .product-detail .pro-title {
    font-size: 30px;
    padding: 50px 0 35px;
  }

  #detail-wrapper .detail-swiper .swiper-slide {
    padding: 80px 0 120px;
  }

  #detail-wrapper .product-desc p {
    font-size: 15px;
    line-height: 22px;
  }

  #detail-wrapper .product-desc h4 {
    font-size: 20px;
    margin-bottom: 25px;
  }

  #detail-wrapper .product-intro {
    padding: 150px 0 70px;
  }

  #detail-wrapper .right-mes h2 {
    font-size: 40px;
    margin: 30px 0;
  }

  #detail-wrapper .product-feature .feature-content {
    padding: 120px 0;
  }

  #detail-wrapper .product-feature .feature-content h4 {
    font-size: 30px;
  }

  #detail-wrapper .product-parameter,
  #detail-wrapper .product-application {
    padding: 80px 0;
  }

  #detail-wrapper .product-parameter h4,
  #detail-wrapper .product-application h2 {
    font-size: 30px;
  }

  #detail-wrapper .product-application .apply-list .apply-item {
    padding: 20px;
  }

  #detail-wrapper .rec-pro-wrapper {
    padding: 120px 0;
  }

  #detail-wrapper .rec-pro-wrapper h2,
  #solution-wrapper .rec-pro-wrapper h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  /* 产品详情页 */
  #detail-wrapper .product-detail {
    margin-top: 100px;
  }

  #detail-wrapper .product-detail .pro-title {
    font-size: 28px;
    padding: 40px 0 30px;
  }

  #detail-wrapper .detail-swiper .swiper-slide {
    padding: 70px 60px;
  }

  .common-wrapper .swiper-section .swiper-button-prev,
  .common-wrapper .rec-swiper-section .swiper-button-prev {
    left: 0;
    transform: translateY(-26px);
    border-color: #2c63a9;
    background-color: #2c63a9;
    color: #fff;
  }
  .common-wrapper .swiper-section .swiper-button-next,
  .common-wrapper .rec-swiper-section .swiper-button-next {
    right: 0;
    transform: translateY(-26px);
  }

  #detail-wrapper .product-desc > div {
    padding-bottom: 50px;
  }

  #detail-wrapper .product-desc p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
  }

  #detail-wrapper .product-desc h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  #detail-wrapper .product-desc ul li {
    font-size: 14px;
    line-height: 26px;
  }

  #detail-wrapper .product-intro {
    padding: 120px 0 60px;
    flex-direction: column;
    gap: 30px;
  }

  #detail-wrapper .intro-swiper {
    width: 100%;
    padding-bottom: 60px;
  }

  #detail-wrapper .right-mes {
    margin-top: 20px;
    width: 100%;
  }

  #detail-wrapper .right-mes .highlight-text {
    font-size: 36px;
  }

  #detail-wrapper .right-mes h2 {
    font-size: 36px;
    margin: 25px 0;
  }

  #detail-wrapper .right-mes p {
    font-size: 15px;
    line-height: 22px;
  }

  #detail-wrapper .product-feature .feature-content {
    width: 100%;
  }
  /* #detail-wrapper .product-feature .right .feature-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  } */

  #detail-wrapper .product-feature .feature-content h4 {
    font-size: 28px;
  }

  #detail-wrapper .product-feature .feature-content .intro-list {
    gap: 15px;
  }

  #detail-wrapper .product-feature li {
    font-size: 15px;
    line-height: 32px;
  }

  #detail-wrapper .product-parameter,
  #detail-wrapper .product-application {
    padding: 70px 0;
  }

  #detail-wrapper .product-parameter h4,
  #detail-wrapper .product-application h2 {
    font-size: 28px;
  }

  #detail-wrapper .product-application .content {
    font-size: 20px;
    margin: 30px 0;
  }

  #detail-wrapper .product-application .apply-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }

  #detail-wrapper .rec-pro-wrapper {
    padding: 100px 0;
  }

  #detail-wrapper .rec-pro-wrapper h2,
  #solution-wrapper .rec-pro-wrapper h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }
}

/* ===================================
     平板及大手机 (768px 及以下)
     =================================== */
@media screen and (max-width: 768px) {
  /* 产品详情页 */
  #detail-wrapper .product-detail {
    margin-top: 80px;
  }

  #detail-wrapper .product-detail .pro-title {
    font-size: 24px;
    padding: 30px 0 25px;
  }

  #detail-wrapper .detail-swiper .swiper-slide {
    padding: 60px 30px;
  }

  #detail-wrapper .product-desc > div {
    padding-bottom: 40px;
  }

  #detail-wrapper .product-desc h4 {
    font-size: 16px;
    margin-bottom: 18px;
  }

  #detail-wrapper .product-desc ul li {
    font-size: 13px;
    line-height: 24px;
  }

  #detail-wrapper .product-intro {
    padding: 100px 0 50px;
    gap: 25px;
  }

  #detail-wrapper .right-mes .highlight-text {
    font-size: 32px;
  }

  #detail-wrapper .right-mes h2 {
    font-size: 32px;
    margin: 20px 0;
  }

  #detail-wrapper .right-mes p {
    font-size: 14px;
    line-height: 20px;
  }

  #detail-wrapper .right-mes .btn-group {
    margin-top: 30px;
    gap: 15px;
  }

  #detail-wrapper .right-mes .btn-group .btn {
    width: 140px;
    padding: 12px 18px;
    font-size: 14px;
  }

  #detail-wrapper .product-feature .feature-content {
    padding: 60px 0;
  }

  #detail-wrapper .product-feature .feature-content h4 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  #detail-wrapper .product-feature .feature-content .intro-list .intro-item {
    padding: 18px;
  }

  #detail-wrapper .product-feature .feature-content .intro-list .intro-item p {
    font-size: 14px;
  }

  #detail-wrapper .product-feature li {
    font-size: 14px;
    line-height: 30px;
  }

  #detail-wrapper .product-parameter,
  #detail-wrapper .product-application {
    padding: 60px 0;
  }

  #detail-wrapper .product-parameter h4,
  #detail-wrapper .product-application h2 {
    font-size: 24px;
  }

  #detail-wrapper .product-application .apply-list {
    gap: 18px;
  }

  #detail-wrapper .product-application .apply-list .apply-item .icon-wrap {
    width: 60px;
    height: 60px;
  }

  #detail-wrapper .product-application .apply-list .apply-item .icon-wrap img {
    width: 30px;
  }

  #detail-wrapper .product-application .apply-list .apply-item p {
    font-size: 16px;
  }

  #detail-wrapper .rec-pro-wrapper {
    padding: 80px 0;
  }

  #detail-wrapper .rec-pro-wrapper h2,
  #solution-wrapper .rec-pro-wrapper h2 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 540px) {
  /* 产品详情页 */
  #detail-wrapper .product-detail {
    margin-top: 60px;
  }

  #detail-wrapper .product-desc > div {
    padding-bottom: 30px;
  }

  #detail-wrapper .product-desc h4 {
    font-size: 15px;
    margin-bottom: 15px;
  }

  #detail-wrapper .product-desc ul li {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 8px;
  }

  #detail-wrapper .product-intro {
    padding: 80px 0 40px;
    gap: 20px;
  }

  #detail-wrapper .right-mes .highlight-text {
    font-size: 28px;
  }

  #detail-wrapper .right-mes h2 {
    font-size: 28px;
    margin: 18px 0;
  }

  #detail-wrapper .right-mes p {
    font-size: 13px;
    line-height: 19px;
  }

  #detail-wrapper .product-feature .feature-content {
    padding: 100px 0;
  }

  #detail-wrapper .product-feature .feature-content h4 {
    font-size: 20px;
    margin-bottom: 18px;
  }

  #detail-wrapper .product-feature .feature-content .intro-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
  }

  #detail-wrapper .product-feature .feature-content .intro-list .intro-item {
    padding: 15px;
  }

  #detail-wrapper .product-feature .feature-content .intro-list .intro-item img {
    width: 40px;
    height: 40px;
  }

  #detail-wrapper .product-feature .feature-content .intro-list .intro-item p {
    margin-top: 15px;
    font-size: 13px;
  }

  #detail-wrapper .product-feature li {
    font-size: 13px;
    line-height: 28px;
  }

  #detail-wrapper .product-parameter,
  #detail-wrapper .product-application {
    padding: 50px 0;
  }

  #detail-wrapper .product-parameter h4,
  #detail-wrapper .product-application h2 {
    font-size: 20px;
  }

  #detail-wrapper .product-application .content {
    font-size: 16px;
    line-height: 24px;
    margin: 25px 0;
  }

  #detail-wrapper .product-application .apply-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }

  #detail-wrapper .product-application .apply-list .apply-item {
    padding: 20px 25px;
  }

  #detail-wrapper .product-application .apply-list .apply-item .icon-wrap {
    width: 50px;
    height: 50px;
  }

  #detail-wrapper .product-application .apply-list .apply-item .icon-wrap img {
    width: 25px;
  }

  #detail-wrapper .product-application .apply-list .apply-item p {
    font-size: 14px;
  }

  #detail-wrapper .rec-pro-wrapper {
    padding: 60px 0;
  }

  #detail-wrapper .rec-pro-wrapper h2,
  #solution-wrapper .rec-pro-wrapper h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

/* ===================================
     超小屏幕 (400px 及以下)
     =================================== */
@media screen and (max-width: 400px) {
  /* 产品详情页 */
  #detail-wrapper .product-detail {
    margin-top: 50px;
  }

  #detail-wrapper .product-detail .pro-title {
    font-size: 18px;
    padding: 20px 0 18px;
  }

  #detail-wrapper .product-intro {
    padding: 70px 0 35px;
  }

  #detail-wrapper .right-mes .highlight-text {
    font-size: 24px;
  }

  #detail-wrapper .right-mes h2 {
    font-size: 24px;
  }

  #detail-wrapper .product-feature .feature-content {
    padding: 80px 0;
  }

  #detail-wrapper .product-feature .feature-content h4 {
    font-size: 18px;
  }

  #detail-wrapper .product-parameter h4,
  #detail-wrapper .product-application h2 {
    font-size: 18px;
  }

  #detail-wrapper .rec-pro-wrapper h2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 1280px) {
  #news-wrapper .rec-news {
    padding-bottom: 60px;
    gap: 30px;
    flex-direction: column;
  }

  #news-wrapper .rec-news .left-mes {
    width: 100%;
  }

  #news-wrapper .rec-news-list {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  /* 新闻列表页 */
  #news-wrapper .search-area {
    margin-bottom: 30px;
  }

  #news-wrapper .search-area .layui-form {
    width: 500px;
  }

  /* #news-wrapper .rec-news {
    padding-bottom: 60px;
    gap: 30px;
    flex-direction: column;
  }

  #news-wrapper .rec-news .left-mes {
    width: 100%;
  }

  #news-wrapper .rec-news-list {
    width: 100%;
  } */

  #news-wrapper .rec-news-list .news-item {
    padding: 18px 0;
  }

  #news-wrapper .all-news h2 {
    font-size: 26px;
  }

  #news-wrapper .news-list .news-item {
    padding: 20px 0;
  }

  #news-wrapper .news-list .img-wrapper {
    width: 420px;
  }

  #news-wrapper .news-list .news-content {
    margin-left: 50px;
  }

  #news-wrapper .news-list .news-content h3 {
    font-size: 20px;
  }

  #news-wrapper .news-list .news-content p {
    font-size: 15px;
    line-height: 22px;
    margin: 18px 0 30px;
  }

  #news-wrapper .pagination-wrapper {
    margin-top: 30px;
    padding-bottom: 60px;
  }
}

/* ===================================
     平板及大手机 (768px 及以下)
     =================================== */
@media screen and (max-width: 768px) {
  /* 新闻列表页 */
  #news-wrapper .tab-list {
    padding: 8px;
    gap: 8px;
    flex-wrap: wrap;
  }

  #news-wrapper .tab-list .tab-item {
    font-size: 16px;
    padding: 18px 30px;
  }

  #news-wrapper .search-area {
    margin-bottom: 25px;
  }

  #news-wrapper .search-area .layui-form {
    width: 100%;
    padding-bottom: 18px;
  }

  #news-wrapper .rec-news {
    padding-bottom: 50px;
    gap: 25px;
  }

  #news-wrapper .rec-news .left-mes .news-content h3 {
    font-size: 20px;
  }

  #news-wrapper .rec-news .left-mes .news-content p {
    margin: 18px 0;
  }

  #news-wrapper .rec-news-list .news-item {
    padding: 16px 0;
  }

  #news-wrapper .rec-news-list .news-item .img-wrapper {
    width: 200px;
  }

  #news-wrapper .rec-news-list .news-info {
    margin-left: 30px;
  }

  #news-wrapper .rec-news-list .news-info h4 {
    font-size: 20px;
    margin: 18px 0;
  }

  #news-wrapper .all-news h2 {
    font-size: 24px;
    padding: 35px 0 18px;
  }

  #news-wrapper .news-list .news-item {
    padding: 18px 0;
  }

  #news-wrapper .news-list .news-box {
    gap: 0;
  }

  #news-wrapper .news-list .img-wrapper {
    width: 100%;
  }

  #news-wrapper .news-list .news-content {
    margin-left: 0;
    margin-top: 20px;
  }

  #news-wrapper .news-list .news-content h3 {
    font-size: 18px;
  }

  #news-wrapper .news-list .news-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0 25px;
  }

  #news-wrapper .news-list .more-wrapper {
    font-size: 15px;
    margin-top: 30px;
  }

  #news-wrapper .news-list .more-wrapper button {
    width: 36px;
    height: 36px;
  }

  #news-wrapper .pagination-wrapper {
    padding-bottom: 30px;
  }

  #news-wrapper .ques-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  #news-wrapper .ques-list .ques-item {
    padding: 18px;
  }

  #news-wrapper .ques-list .ques-item .tag {
    width: 26px;
    height: 26px;
  }

  #news-wrapper .ques-list .ques-item p {
    margin-left: 18px;
    font-size: 15px;
  }

  #news-wrapper .ques-list .ques-item .content p {
    font-size: 13px;
    line-height: 19px;
  }
}

/* ===================================
     手机 (540px 及以下)
     =================================== */
@media screen and (max-width: 540px) {
  /* 新闻列表页 */
  #news-wrapper .tab-list {
    padding: 6px;
    gap: 6px;
  }

  #news-wrapper .tab-list .tab-item {
    font-size: 14px;
    padding: 15px 25px;
  }

  #news-wrapper .search-area {
    margin-bottom: 20px;
  }

  #news-wrapper .search-area .layui-form {
    padding-bottom: 15px;
  }

  #news-wrapper .rec-news {
    padding-bottom: 40px;
    gap: 20px;
  }

  #news-wrapper .rec-news .left-mes .news-content h3 {
    font-size: 18px;
  }

  #news-wrapper .rec-news .left-mes .news-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0 30px;
  }

  #news-wrapper .rec-news .left-mes .news-content .date {
    font-size: 13px;
  }

  #news-wrapper .rec-news-list .news-item {
    padding: 15px 0;
    flex-direction: column;
    align-items: flex-start;
  }

  #news-wrapper .rec-news-list .news-item .img-wrapper {
    width: 100%;
  }

  #news-wrapper .rec-news-list .news-info {
    margin-left: 0;
    margin-top: 15px;
  }

  #news-wrapper .rec-news-list .news-info h4 {
    font-size: 18px;
    margin: 15px 0;
    line-height: 26px;
  }

  #news-wrapper .rec-news-list .news-info .date {
    font-size: 13px;
  }

  #news-wrapper .all-news h2 {
    font-size: 20px;
    padding: 30px 0 15px;
  }

  #news-wrapper .news-list .news-item {
    padding: 15px 0;
  }

  #news-wrapper .news-list .news-content {
    margin-top: 18px;
  }

  #news-wrapper .news-list .more-wrapper {
    font-size: 14px;
    margin-top: 25px;
  }

  #news-wrapper .news-list .more-wrapper button {
    width: 32px;
    height: 32px;
  }

  #news-wrapper .pagination-wrapper {
    margin-top: 25px;
  }

  #news-wrapper .ques-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }

  #news-wrapper .ques-list .ques-item {
    padding: 15px;
  }

  #news-wrapper .ques-list .ques-item .tag {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }

  #news-wrapper .ques-list .ques-item p {
    margin-left: 15px;
    font-size: 14px;
  }

  #news-wrapper .ques-list .ques-item .content {
    margin-top: 8px;
  }

  #news-wrapper .ques-list .ques-item .content p {
    font-size: 12px;
    line-height: 18px;
  }
}

/* ===================================
     超小屏幕 (400px 及以下)
     =================================== */
@media screen and (max-width: 400px) {
  /* 新闻列表页 */
  #news-wrapper .tab-list .tab-item {
    font-size: 13px;
    padding: 12px 20px;
  }

  #news-wrapper .rec-news .left-mes .news-content h3 {
    font-size: 16px;
  }

  #news-wrapper .rec-news .left-mes .news-content p {
    font-size: 13px;
    line-height: 19px;
  }

  #news-wrapper .rec-news-list .news-info h4 {
    font-size: 16px;
  }

  #news-wrapper .all-news h2 {
    font-size: 18px;
  }

  #news-wrapper .news-list .news-content h3 {
    font-size: 15px;
  }

  #news-wrapper .news-list .news-content p {
    font-size: 12px;
    line-height: 18px;
  }
}

/* ===================================
   关于我们页面响应式
   =================================== */

/* ===================================
   平板及以下 (1280px 及以下)
   =================================== */
@media screen and (max-width: 1280px) {
  /* 关于我们页 */
  #about-wrapper .tab-list .tab-item {
    padding: 20px 35px;
    font-size: 18px;
  }

  #about-wrapper .about-intro {
    padding: 80px 0;
  }

  #about-wrapper .about-intro > div {
    gap: 60px;
  }

  #about-wrapper .about-intro img {
    width: 520px;
  }

  #about-wrapper .about-intro .about-content {
    width: calc(100% - 580px);
  }

  #about-wrapper .about-intro .about-content h2 {
    font-size: 38px;
  }

  #about-wrapper .about-intro .about-content p {
    font-size: 15px;
    line-height: 22px;
    margin: 25px 0;
  }

  #about-wrapper .about-section {
    padding: 80px 0;
  }

  #about-wrapper .intro-list {
    gap: 60px;
  }

  #about-wrapper .intro-list .intro-content {
    font-size: 16px;
  }

  #about-wrapper .customer-section {
    padding: 80px 0;
  }

  #about-wrapper .customer-section .left-mes h2 {
    font-size: 38px;
  }

  #about-wrapper .customer-section .left-mes p {
    font-size: 20px;
    line-height: 26px;
  }
}

/* ===================================
     平板 (1024px 及以下)
     =================================== */
@media screen and (max-width: 1024px) {
  /* 关于我们页 */
  #about-wrapper .tab-list {
    padding: 8px;
    gap: 8px;
    flex-wrap: wrap;
  }

  #about-wrapper .tab-list .tab-item {
    padding: 18px 30px;
    font-size: 17px;
  }

  #about-wrapper .about-intro {
    padding: 60px 0;
  }

  #about-wrapper .about-intro > div {
    gap: 40px;
    flex-direction: column;
  }

  #about-wrapper .about-intro img {
    width: 100%;
  }

  #about-wrapper .about-intro .about-content {
    width: 100%;
  }

  #about-wrapper .about-intro .about-content h2 {
    font-size: 32px;
  }

  #about-wrapper .about-intro .about-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0;
  }

  #about-wrapper .about-section {
    padding: 60px 0;
  }

  #about-wrapper .intro-list {
    gap: 50px;
  }

  #about-wrapper .intro-list .count {
    font-size: 60px;
  }

  #about-wrapper .intro-list .desc {
    font-size: 30px;
  }

  #about-wrapper .intro-list .line {
    margin: 25px 0;
  }

  #about-wrapper .intro-list .intro-content {
    font-size: 15px;
  }

  #about-wrapper .customer-section {
    padding: 60px 0;
  }

  #about-wrapper .customer-section .left-mes h2 {
    font-size: 32px;
  }

  #about-wrapper .customer-section .left-mes p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 25px;
  }

  #about-wrapper .cust-swiper {
    margin-top: 50px;
  }
}

/* ===================================
     平板及大手机 (768px 及以下)
     =================================== */
@media screen and (max-width: 768px) {
  /* 关于我们页 */
  #about-wrapper .tab-list {
    padding: 6px;
    gap: 6px;
  }

  #about-wrapper .tab-list .tab-item {
    padding: 16px 25px;
    font-size: 16px;
  }

  #about-wrapper .about-intro {
    padding: 50px 0;
  }

  #about-wrapper .about-intro > div {
    gap: 30px;
  }

  #about-wrapper .about-intro .about-content h2 {
    font-size: 28px;
  }

  #about-wrapper .about-section {
    padding: 50px 0;
  }

  #about-wrapper .intro-list {
    gap: 40px;
    flex-wrap: wrap;
  }

  #about-wrapper .intro-list > div {
    width: calc(50% - 20px);
  }

  #about-wrapper .intro-list .count {
    font-size: 50px;
  }

  #about-wrapper .intro-list .desc {
    font-size: 25px;
  }

  #about-wrapper .intro-list .line {
    margin: 20px 0;
  }

  #about-wrapper .intro-list .intro-content {
    font-size: 14px;
  }

  #about-wrapper .customer-section {
    padding: 50px 0;
  }

  #about-wrapper .customer-section .left-mes h2 {
    font-size: 28px;
  }

  #about-wrapper .customer-section .left-mes p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
  }

  #about-wrapper .cust-swiper {
    margin-top: 40px;
  }

  #about-wrapper .cust-img {
    width: 220px;
    height: 140px;
  }
}

/* ===================================
     手机 (540px 及以下)
     =================================== */
@media screen and (max-width: 540px) {
  /* 关于我们页 */
  #about-wrapper .tab-list .tab-item {
    padding: 14px 20px;
    font-size: 14px;
  }

  #about-wrapper .about-intro {
    padding: 40px 0;
  }

  #about-wrapper .about-intro > div {
    gap: 25px;
  }

  #about-wrapper .about-intro .about-content h2 {
    font-size: 24px;
  }

  #about-wrapper .about-section {
    padding: 40px 0;
  }

  #about-wrapper .intro-list {
    gap: 30px;
  }

  #about-wrapper .intro-list > div {
    width: 100%;
  }

  #about-wrapper .intro-list .count {
    font-size: 40px;
  }

  #about-wrapper .intro-list .desc {
    font-size: 20px;
  }

  #about-wrapper .intro-list .line {
    margin: 18px 0;
  }

  #about-wrapper .intro-list .intro-content {
    font-size: 13px;
  }

  #about-wrapper .customer-section {
    padding: 40px 0;
  }

  #about-wrapper .customer-section .left-mes h2 {
    font-size: 24px;
  }

  #about-wrapper .customer-section .left-mes p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 18px;
  }

  #about-wrapper .cust-swiper {
    margin-top: 30px;
  }

  #about-wrapper .cust-img {
    width: 180px;
    height: 120px;
  }
}

/* ===================================
     超小屏幕 (400px 及以下)
     =================================== */
@media screen and (max-width: 400px) {
  /* 关于我们页 */
  #about-wrapper .tab-list .tab-item {
    padding: 12px 18px;
    font-size: 13px;
  }

  #about-wrapper .about-intro .about-content h2 {
    font-size: 20px;
  }

  #about-wrapper .intro-list .count {
    font-size: 36px;
  }

  #about-wrapper .intro-list .desc {
    font-size: 18px;
  }

  #about-wrapper .customer-section .left-mes h2 {
    font-size: 20px;
  }

  #about-wrapper .cust-img {
    width: 150px;
    height: 100px;
  }
}

/* 联系我们页面-响应式 */
@media screen and (max-width: 1280px) {
  /* 联系我们页 */
  #contact-wrapper .tab-list .tab-item {
    padding: 20px 35px;
    font-size: 18px;
  }

  #contact-wrapper .contact-mes h2 {
    font-size: 38px;
  }

  #contact-wrapper .contact-mes .content p {
    font-size: 20px;
    line-height: 26px;
    margin: 25px 0;
  }
}

@media screen and (max-width: 1024px) {
  /* 联系我们页 */
  #contact-wrapper .tab-list {
    padding: 8px;
    gap: 8px;
    flex-wrap: wrap;
  }

  #contact-wrapper .tab-list .tab-item {
    padding: 18px 30px;
    font-size: 17px;
  }

  #contact-wrapper .contact-section {
    padding: 60px 0 100px;
  }

  #contact-wrapper .contact-mes h2 {
    font-size: 32px;
  }

  #contact-wrapper .contact-mes .content p {
    font-size: 18px;
    line-height: 24px;
    margin: 20px 0;
  }
}

/* ===================================
     平板及大手机 (768px 及以下)
     =================================== */
@media screen and (max-width: 768px) {
  /* 联系我们页 */
  #contact-wrapper .tab-list {
    padding: 6px;
    gap: 6px;
  }

  #contact-wrapper .tab-list .tab-item {
    padding: 16px 25px;
    font-size: 16px;
  }

  #contact-wrapper .contact-section {
    padding: 50px 0 80px;
  }

  #contact-wrapper .contact-mes h2 {
    font-size: 28px;
  }

  #contact-wrapper .contact-mes .content p {
    font-size: 16px;
    line-height: 22px;
    margin: 18px 0;
  }
}

/* ===================================
     手机 (540px 及以下)
     =================================== */
@media screen and (max-width: 540px) {
  /* 联系我们页 */
  #contact-wrapper .tab-list .tab-item {
    padding: 14px 20px;
    font-size: 14px;
  }

  #contact-wrapper .contact-section {
    padding: 40px 0 60px;
  }

  #contact-wrapper .contact-mes h2 {
    font-size: 24px;
  }

  #contact-wrapper .contact-mes .content p {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0;
  }
}

/* ===================================
     超小屏幕 (400px 及以下)
     =================================== */
@media screen and (max-width: 400px) {
  /* 联系我们页 */
  #contact-wrapper .tab-list .tab-item {
    padding: 12px 18px;
    font-size: 13px;
  }

  #contact-wrapper .contact-mes h2 {
    font-size: 20px;
  }

  #contact-wrapper .btn-component {
    padding: 10px 20px;
    font-size: 13px;
  }
}