@charset "utf-8";

/* CSS Document */

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  /*分销商*/
  .distributors-list li:last-of-type,
  .distributors-list li:nth-last-child(2) {
    margin-bottom: 0;
  }
  /**/
  .p-c {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 21.875rem;
  }
  .p-c a:nth-of-type(1) {
    grid-row: auto / span 2;
  }
}

@media (min-width: 992px) {
  .wap-bottom-nav {
    display: none;
  }
  /*PC端展开，wap端折叠*/
  .wap-collapse-btn {
    display: block;
    padding-right: 1rem;
    cursor: auto;
  }
  .wap-collapse-content {
    display: block !important;
  }
  /*wow 时间递增*/
  .wowlist4 .wow:nth-of-type(3n-2) {
    animation-delay: 0.3s;
  }
  .wowlist4 .wow:nth-of-type(3n-1) {
    animation-delay: 0.5s;
  }
  .wowlist4 .wow.wow:nth-of-type(3n) {
    animation-delay: 0.6s;
  }

  .wowlist4 .wow:nth-of-type(4n-3) {
    animation-delay: 0.3s;
  }
  .wowlist4 .wow:nth-of-type(4n-2) {
    animation-delay: 0.5s;
  }
  .wowlist4 .wow:nth-of-type(4n-1) {
    animation-delay: 0.6s;
  }
  .wowlist4 .wow:nth-of-type(4n) {
    animation-delay: 0.7s;
  }

  .wowlist6 .wow:nth-of-type(6n-5) {
    animation-delay: 0.3s;
  }
  .wowlist6 .wow:nth-of-type(6n-4) {
    animation-delay: 0.5s;
  }
  .wowlist6 .wow:nth-of-type(6n-3) {
    animation-delay: 0.6s;
  }
  .wowlist6 .wow:nth-of-type(6n-2) {
    animation-delay: 0.7s;
  }
  .wowlist6 .wow:nth-of-type(6n-1) {
    animation-delay: 0.8s;
  }
  .wowlist6 .wow:nth-of-type(6n) {
    animation-delay: 0.9s;
  }
  /*页脚导航*/
  .foot-nav li .menu-down {
    display: none;
  }
}

@media (min-width: 1200px) {
  .menu-btn {
    display: none !important;
  }
  /*内页PC导航禁止点击*/
  .anchor-btn:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 1600px) {
}

@media screen and (max-width: 1599.98px) {
  #head .navbar-nav > li {
    padding: 0 1.25rem;
  }
  
}

@media screen and (max-width: 1399.98px) {
  .navbar-brand > div .wap-hide {
    display: none;
  }
  #head .navbar-nav > li {
    padding: 0 1.125rem;
  }#head .navbar-nav .head-pNav2 .nav-pList a {
    width: 30.33%;
  }
  /*首页按工具*/
  .index-tool li {
    width: 33.33%;
  }

  /*产品列表*/
  .products .content > div.right {
    display: none;
  }

  /*产品详情*/
  .product-app-list a {
    width: calc(33.33% - 0.75rem);
  }
  .proudct-items .content p {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1199.98px) {
  :root {
    --head_height: 5rem;
  }
  /*头部导航*/
  .head-btn-contact {
    display: none;
  }
  #head .navbar-nav > li {
    padding: 0 1rem;
  }
  #head .navbar-nav > li > a {
    font-size: 0.9375rem;
  }
  .head-wap-btn .dropdown > a {
    font-size: 0.875rem;
  }
  #head .navbar-nav .dropdown-menu .container {
    width: 100%;
  }
  /*首页*/
  .index-class li {
    width: 25%;
  }
  /*内页导航*/
  .anchor-box {
    flex-wrap: wrap;
  }
  .anchor-nav {
    position: sticky;
    top: var(--head_height);
    z-index: 10;
    width: 100%;
    max-width: none;
    min-width: auto;
  }
  .anchor-link {
    padding: 0;
  }
  .anchor-link a.btn {
    padding: 2rem 2rem 0;
  }
  .anchor-link a.btn:before {
    content: "\b22";
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 1rem;
    top: 50%;
    display: inline-block;
    margin-top: -0.75rem;
    transition: all 0.4s;
  }
  .anchor-link a.btn:not(.collapsed):before {
    transform: rotate(-180deg);
  }

  .anchor-nav ul {
    flex-direction: row;
    padding: 1rem 2rem 1rem;
    border-bottom: 1px solid var(--border_colour);
  }
  .anchor-nav ul li {
    padding: 0;
    margin: 0;
  }
  .anchor-nav ul li a {
    padding: 0;
    line-height: 2.5em;
  }
  .anchor-content {
    width: 100%;
    margin-left: 0;
    padding: 0 2rem;
  }

  /*产品列表*/
  .products-nav a {
    width: calc(33.33% - 0.75rem);
  }

  /*新闻详情*/
  .article-body {
    width: 100%;
  }
  .article-other {
    margin-top: 1rem;
    width: 100%;
  }
  .article-other ul li {
    padding: 1.25rem 0;
  }
}

@media screen and (max-width: 991.98px) {
  :root {
    --head_height: 3.5rem;
  }

  /*边距盒子*/
  .padding-box {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .padding-top {
    padding-top: 6rem;
  }
  .padding-bottom {
    padding-bottom: 6rem;
  }
  .small-padding-box {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .small-padding-top {
    padding-top: 4rem;
  }
  .small-padding-bottom {
    padding-bottom: 4rem;
  }
  /*标题*/
  h1,
  .h1 {
    font-size: 2.5rem;
  }
  h2,
  .h2 {
    font-size: 2rem;
  }
  h3,
  .h3 {
    font-size: 1.5rem;
  }
  h4,
  .h4 {
    font-size: 1.25rem;
  }
  h5,
  .h5 {
    font-size: 1.125rem;
  }
  h6,
  .h6 {
    font-size: 1rem;
  }
  /*选择菜单*/
  .select > a {
  }
  /*表单*/
  form input,
  form select,
  .input-box label {
    font-size: 0.9375rem;
  }
  form input,
  form select {
    height: 3em;
    line-height: 3em;
  }
  form textarea {
    font-size: 0.9375rem;
  }
  .input-box label {
    top: 1em;
  }
  form.feedback div.row > div {
    margin-bottom: 1rem;
  }
  .form-check-label {
    font-size: 0.9375rem;
  }
  .form-check-label span {
    font-size: 0.875rem;
  }
  form button.btn {
    padding: 0 3em;
    font-size: 0.9375rem;
    line-height: 2.75em;
  }
  /*PC端展开，wap端折叠*/
  .wap-collapse-btn {
    position: relative;
    display: block;
    padding-right: 2rem;
    cursor: auto;
  }
  .wap-collapse-btn:before {
    content: "\b22";
    font-family: "iconfont" !important;
    font-style: normal;
    position: absolute;
    right: 0.25em;
    top: 50%;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    transform: translate(0%, -50%) rotate(0deg);
    transition: transform 0.4s;
  }
  .wap-collapse-btn:not(.collapsed):before {
    transform: translate(0%, -50%) rotate(180deg);
  }
  .wap-collapse-content {
  }
  /*头部*/
  #head {
    padding-left: 0%;
  }
  .navbar-expand-lg > .container {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .navbar-brand {
    justify-content: center;
    order: 1;
  }
  .navbar-brand img {
    height: 1.25rem;
  }
  .head-wap-btn {
    order: 2;
    flex-grow: 0;
  }

  .head-wap-btn .dropdown,
  .head-wap-btn .head-btn-loading,
  .head-wap-btn .head-btn-cart {
    padding: 0 0.125rem;
  }
  .head-wap-btn .head-btn-cart {
    padding-right: 0.25rem;
  }
  .head-btn-search {
    order: 3;
    display: flex;
    align-items: center;
    padding: 0 0.125rem;
    height: 100%;
  }

  .head-btn-search input,
  .head-btn-search .icon {
    display: none;
  }
  .head-btn-search .icon.wap-icon {
    display: block;
  }
  .head-btn-search .icon.wap-icon .icon.wap-icon {
    margin: 0;
  }
  .head-wap-btn .dropdown > a {
    margin-left: 0;
  }
  .wap-menu-btn {
    order: 0;
  }
  .head-wap-btn .dropdown > a span.icon,
  .head-wap-btn .head-btn-loading span.icon,
  .head-wap-btn .head-btn-cart span.icon,
  .head-wap-btn .head-btn-search .icon.wap-icon {
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
  }
  .head-wap-btn .head-btn-cart span.qty {
    top: -0.25rem;
    right: -0.125rem;
  }

  .no-head-bg #head,
  .no-head-bg.top #head {
    padding-top: 0;
    background: #fff;
  }
  .top #head .navbar-nav li > a {
    color: var(--text);
  }
  .top #head .head-wap-btn .dropdown a {
    color: var(--text);
  }
  .top #head .head-wap-btn .dropdown a span {
    height: var(--head_height);
    line-height: var(--head_height);
    text-align: center;
  }
  .top.menu-open #head .navbar-brand,
  .no-head-bg.top #head .navbar-brand {
    -webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
  }
  .navbar-brand > div {
    padding-left: 0.75rem;
    font-size: 1.375rem;
  }
  .head-conent {
    padding: 0;
    width: 100%;
    justify-content: space-between;
  }

  .head-wap-btn .dropdown > a > div {
    border: none;
  }
  .head-wap-btn .dropdown > a > div {
    width: var(--head_height);
    white-space: nowrap;
  }
  /*wow 时间递增*/
  .wowlist4 .wow:nth-of-type(3n-2) {
    animation-delay: 0.3s;
  }
  .wowlist4 .wow:nth-of-type(3n-1) {
    animation-delay: 0.5s;
  }
  .wowlist4 .wow:nth-of-type(3n) {
    animation-delay: 0.6s;
  }

  .wowlist6 .wow:nth-of-type(4n-3) {
    animation-delay: 0.3s;
  }
  .wowlist6 .wow:nth-of-type(4n-2) {
    animation-delay: 0.5s;
  }
  .wowlist6 .wow:nth-of-type(4n-1) {
    animation-delay: 0.6s;
  }
  .wowlist6 .wow:nth-of-type(4n) {
    animation-delay: 0.7s;
  }
  /*banner*/
  .banner-box {
    padding-top: 2rem;
  }
  .banner-box > .container {
    flex-wrap: wrap;
  }
  .index-nav {
    order: 1;
    width: 100%;
    max-width: none;
    margin-right: 0;
    padding: 1rem 1.5rem;
  }
  .index-nav .h5 {
    margin-bottom: 0;
  }
  .index-nav ul {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;

    margin-top: 1rem;
  }
  .index-nav .dropdown-menu {
    display: none !important;
  }
  .banner {
    order: 0;
    width: 100%;
  }
  .btn-position .swiper-button-next,
  .btn-position .swiper-button-prev {
    opacity: 1;
  }
  .btn-position .swiper-button-next.swiper-button-disabled,
  .btn-position .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
  }
  /*首页产品*/
  .index-product li {
    width: 33.33%;
  }
  /*首页类别*/
  .index-class li {
    width: 33.33%;
  }
  .index-class li .info .title {
    font-size: 0.9375rem;
    line-height: 1.25em;
  }
  /*首页工具*/
  .index-tool li {
    width: 50%;
  }
  /*页脚*/
  #foot .foot-body {
    padding-top: 0;
    flex-wrap: wrap;
    padding: 4rem 0 0;
  }
  #foot .foot-brand {
    order: 1;
    margin-top: 2rem;
    padding-top: 3rem;
    width: 100%;
    max-width: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .foot-nav {
    display: none;
  }
  .foot-code {
    display: none;
  }
  #foot .foot-contact {
    width: 100%;
    max-width: none;
  }

  #foot .foot-search {
    width: 90%;
    margin-bottom: 1rem;
  }
  #foot .foot-search form input {
    font-size: 1rem;
  }
  #foot .foot-bottom {
    margin-top: 3rem;
    flex-wrap: wrap;
  }
  #foot .foot-bottom .foot-copyright {
    order: 1;
  }
  #foot .foot-bottom .foot-sub-list {
    width: 100%;
    margin-bottom: 0.5rem;
    order: 0;
  }
  /*产品导航*/
  .product-nav > li {
    width: 100%;
  }
  .product-nav .nav-btn {
    padding: 1rem 1.5rem;
  }
  .product-nav .nav-btn .left .nav-name p {
    font-size: 0.875rem;
  }
  /*产品列表*/
  .products-head .left {
    width: 100%;
  }

  .products-nav-btn {
    display: block;
  }
  .products-nav {
    gap: 0 0.5rem;
    margin-top: 0;
  }
  .products-nav a {
    margin-top: 0.5rem;
    width: calc(50% - 0.25rem);
  }
  .products-head .right {
    width: 100%;
    margin-top: 0.5rem;
  }
  .products-head .right {
    width: 100%;
    margin-top: 0.5rem;
  }
  .filter-btn {
    display: block;
    padding: 0.75rem 1.5rem;
  }
  .filter-list {
    padding-top: 0.5rem;
  }
  .products .content .info {
    gap: 0.25rem 1rem;
    width: calc(100% - 5rem);
  }
  .products .content .img img {
    width: 4rem;
  }
  .products .dt-bootstrap4 {
    display: none !important;
  }
  .product-sort-wap {
    display: block !important;
  }
  .product-sort-wap li .body .sort-list dd:nth-last-of-type(1),
  .product-sort-wap li .body .sort-list dd:nth-last-of-type(2) {
    border-bottom: none;
  }

  /*产品详情*/
  .proudct-items.web-hide {
    display: block;
  }
  .product .product-right {
    display: none;
  }
  .product-top,
  .proudct-items .content {
    padding: 1rem;
  }
  .proudct-items .item-title {
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
  }
  .cart-summary .car {
    padding: 0 2em;
    width: auto;
    font-size: 0.875rem;
    line-height: 2.75em;
  }
  .proudct-d-tab {
    padding: 0;
  }
  .proudct-d-tab li .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
  }

  /*工具*/
  .tool-nav .anchor-btn {
    display: block;
  }
  .tool-info-box {
    margin-top: 1rem;
  }
  .tool-info {
    flex-wrap: wrap;
  }
  .tool-info .img {
    order: 0;
    width: 100%;
    max-width: 100%;
  }
  .tool-info .img .img-center {
    margin: auto;
    max-width: 60vw;
    padding-bottom: 60vw;
  }
  .tool-info .info {
    order: 1;
    width: 100%;
  }
  /*方案列表*/
  .solution-tab-nav {
    display: none;
  }
  .solution-tab-wapNav {
    display: block;
  }
  .solution-tab-content .info {
    display: flex;
    flex-wrap: wrap;
  }
  .solution-tab-content .info .text {
    order: 1;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .solution-tab-content .box {
    padding: 1.25rem;
    flex-wrap: wrap;
    border-radius: 0.25rem;
  }
  .solution-tab-content .info {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .solution-tab-content .subnav {
    width: 100%;
    padding-left: 0;
  }
  .solution-tab-content .subnav li a {
    padding: 0.6875rem 0;
    font-size: 0.875rem;
  }
  /*方案详情*/
  .solution-head > div {
    padding: 2rem;
  }
  .solution-head .info {
    order: 1;
    width: 100%;
    max-width: none;
    margin-top: 2rem;
  }
  .solution-head .img {
    order: 0;
    width: 100%;
    max-width: none;
  }
  .solution-head .img img {
    width: 100%;
  }
  .solution-head .nav {
    order: 1;
    margin-top: 2rem;
  }
  .solution-head .nav a.list-btn {
    line-height: 1em;
    font-size: 0.9375rem;
  }
  .solution-head .nav a.list-btn:before {
    margin-top: -0.5rem;
  }
  #solution-nav li {
    width: calc(50% - 1rem);
  }
  #solution-nav li a {
    padding: 0.6875rem 0;
    font-size: 0.875rem;
  }
  .solution-body .img {
    width: 100%;
    padding: 2rem;
  }
  .solution-body .info {
    margin-top: 1rem;
    width: 100%;
    padding: 2rem;
  }
  .solution-body .info .nav .nav-btn {
    font-size: 0.875rem;
    line-height: 4em;
    height: 4em;
  }

  /*搜索页面*/
  .search-box .form {
    padding: 12vw 0;
  }
  .search-box .form input {
    font-size: 1rem;
  }
  .search-p-list {
    display: none;
  }
  .search-p-list-wap {
    display: block;
  }
  .search-d-list li {
    width: 100%;
    margin-bottom: 0.75rem;
  }

  #anchor-link {
    width: 100%;
    background: #fff;
  }
  .tool-nav .anchor-link ul {
    padding: 1rem 0 0;
  }
  .tool-nav .anchor-link ul li {
    width: 100%;
    border-right: none;
  }
  .tool-nav .anchor-link ul a {
    padding: 0.5rem 0;
  }

  .tool-buy ul li {
    flex-wrap: wrap;
  }
  .tool-buy ul li .img {
    width: 6rem;
  }
  .tool-buy ul li .info {
    flex-grow: 0;
    width: calc(100% - 8.5rem);
  }
  .tool-buy ul li .current {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
  }
  .tool-buy ul li .add-car {
    width: auto;
    padding: 0 1.5em;
  }
  .tool-download ul li {
    padding: 0.75rem 0 1rem;
    gap: 0 1rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: none !important;
  }
  .tool-download ul li .icon-pdf {
    display: none;
  }
  .tool-download ul li .title {
    order: 0;
  }
  .tool-download ul li .title {
    width: 100%;
  }
  .tool-download ul li small {
    order: 1;
    line-height: 1.25em;
  }
  .tool-download ul li small.time {
    width: 50%;
  }

  .tool-download ul li .btn {
    margin-top: 0.75rem;
    padding: 0 1em;
    order: 2;
    color: #fff;
    background: var(--colour2);
  }
  .tool-download ul li:hover .btn {
    color: #fff;
    background: var(--colour2);
  }

  /*关于我们*/
  .history {
    padding: 0;
  }
  .history .swiper-slide {
    flex-wrap: wrap;
  }
  .history .time {
    width: 100%;
    font-size: 2rem;
  }
  .history .info {
    width: 100%;
  }
  .history .swiper-button-next,
  .history .swiper-button-prev {
    display: none;
  }
  #honor {
    background-position: bottom;
    background-size: 120% auto;
  }
  .partner {
    gap: 1rem;
  }
  .partner div {
    width: calc(25% - 0.75rem);
  }
  /*新闻列表*/
  .news-list li {
    width: 48%;
  }

  /*样品申请*/
  .apply-for-samples {
    flex-wrap: wrap;
    padding: 2rem;
  }
  .apply-for-samples .left {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .apply-for-samples .left img {
    width: 80%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0.1;
  }
  .apply-for-samples .right {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-left: 0;
  }
  /*faq*/
  .faq ul li > a {
    padding: 0.75rem 2rem 0.75rem 0.5rem;
  }
  .faq ul li > a .icon {
    right: 0.5rem;
  }
  .faq ul li .info {
    padding: 1.5rem 0;
  }
  /*联系方式*/
  .contact {
    width: 100%;
  }
  .contact-item {
    width: 100%;
  }
  .contact-item,
  .contact-item p {
    font-size: 0.875rem;
  }
  .contact-feedback {
    flex-wrap: wrap;
  }
  .feedback-info {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    margin-right: 0;
    padding-bottom: 2rem;
  }
  .feedback-info > div {
    width: 60%;
  }
  .feedback-info > img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 30%;
  }
  .feedback-box {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 2.5rem 2rem 2rem;
  }
  .contact-region ul {
    gap: 1rem 1.25rem;
  }
  .contact-region ul li {
    padding: 1rem;
    width: calc(50% - 1rem);
  }
}

@media screen and (max-width: 767.98px) {
  :root {
    --head_height: 3rem;
  }
  #search-modal .search-close {
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    font-size: 1.25rem;
  }
  /*边距盒子*/
  .padding-box {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .padding-top {
    padding-top: 5rem;
  }
  .padding-bottom {
    padding-bottom: 5rem;
  }
  .small-padding-box {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .small-padding-top {
    padding-top: 3rem;
  }
  .small-padding-bottom {
    padding-bottom: 3rem;
  }
  .container {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  } /*head*/
  .navbar-brand {
    flex-grow: 1;
    justify-content: flex-start;
    margin-left: 0.25rem;
  }
  .navbar-toggler span {
    width: 1.125rem;
  }
  /*搜索弹窗*/
  #search-modal.show .modal-header input {
    font-size: 1rem;
    line-height: 3em;
    height: 3em;
  }
  #search-modal .modal-body {
    padding: 2rem 1.5rem 1.5rem;
  }
  /*手机导航*/
  #wap-menu .menu-head,
  #wap-menu .menu-body {
    max-width: none;
  }
  #wap-menu .menu-head .menu-logo {
    margin-left: 0.5rem;
    padding-left: var(--head_height);
    justify-content: flex-start;
  }
  /*wow 时间递增*/
  .wowlist6 .wow:nth-of-type(3n-2) {
    animation-delay: 0.3s;
  }
  .wowlist6 .wow:nth-of-type(3n-1) {
    animation-delay: 0.5s;
  }
  .wowlist6 .wow:nth-of-type(3n) {
    animation-delay: 0.6s;
  }

  /*按钮*/
  .layout-btn {
    max-width: 11rem;
  }
  .layout-btn > div > span {
    font-size: 0.75rem;
  }
  /*banner*/
  .banner-box {
    padding-top: 0;
  }
  .banner-box .container {
    padding: 0;
  }
  .index-nav ul {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
  }
  /*首页产品*/
  .index-product {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .index-product li {
    width: 50%;
    padding: 0.25rem;
  }

  .index-product.index-product2 li {
    width: 50%;
    min-height: auto;
  }
  .index-product li a {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0.5rem 0.75rem;
  }
  .index-product li .img {
    width: 100%;
    max-width: 4rem;
  }
  .index-product li .info {
    width: 100%;
    padding-left: 0;
  }
  .index-product li .info .title {
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
  }
  .index-product li .info .more,
  .index-product li .info .more span {
    line-height: 1.5em;
    margin-bottom: 0.25rem;
  }
  /*类别*/
  .index-class li {
    width: 50%;
    padding: 0.25rem;
  }
  .index-class li a {
    justify-content: flex-start;
  }
  .index-class li .img img {
    width: 3rem;
  }
  .index-class li .info .title {
    margin: 0.25rem 0;
    text-align: left;
  }
  /*首页工具*/
  .index-tool li {
    width: 100%;
    padding: 0.25rem;
  }
  .index-tool li a {
    padding: 0.75rem;
  }
  .index-tool li a .img {
    width: 4rem;
  }
  .index-tool li a .info {
    width: calc(100% - 5rem);
  }
  .index-tool li a .title {
    font-size: 0.9375rem;
  }

  /*首页解决方案*/
  .index-solution {
    margin-top: 1rem;
  }
  .index-solution .swiper-slide a.title {
    font-size: 0.9375rem;
  }
  .index-solution .subnav {
    padding: 1.5rem;
  }
  .index-solution .swiper-pagination {
    display: block;
  }
  .btn-position .swiper-button-next,
  .btn-position .swiper-button-prev {
    display: none;
  }
  /*首页新闻*/
  .index-news {
    margin-top: 1rem;
  }
  .index-news .swiper-pagination {
    display: block;
  }
  .index-news .swiper-slide .img {
    width: 100%;
  }
  .index-news .swiper-slide .info {
    width: 100%;
    padding: 1.5rem;
  }
  .index-news .swiper-slide .info .title {
    font-size: 0.9375rem;
  }
  /*搜索*/
  .anchor-link ul {
    padding: 1rem;
  }
  /*页脚*/
  #foot .foot-brand .logo {
    margin-bottom: 1.5rem;
    max-height: 2rem;
  }
  /*内页banner*/
  .inside-banner picture,
  .inside-banner img {
    min-height: 65vw;
  }
  #foot .foot-share a span {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  #foot .foot-bottom {
    margin-top: 0rem;
  }
  /*内页导航*/
  .anchor-box {
    flex-wrap: wrap;
  }
  .anchor-nav {
    position: sticky;
    top: var(--head_height);
    z-index: 10;
    width: 100%;
    max-width: none;
    min-width: auto;
  }
  .anchor-link {
    padding: 0;
  }
  .anchor-link a.btn {
    font-size: 0.9375rem;
  }
  .anchor-link a.btn:before {
    right: 1rem;
  }
  .anchor-content .anchor-item {
    padding: 2rem 0;
  }
  .compatible-list li {
    flex-wrap: wrap;
  }
  .compatible-list li .img {
  }
  .compatible-list li .info {
    width: 100%;
    padding: 0;
  }
  .compatible-list .btn {
    width: 100%;
    margin-top: 1rem;
  }
  .compatible-list .btn a {
    width: auto;
  }
  .anchor-content {
    padding: 0 1rem;
  }
  .search-s-list .img {
    width: 100%;
  }
  .search-s-list .info {
    margin-top: 1rem;
    width: 100%;
  }
  .search-p-list-wap .item ul {
    width: 100%;
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
  .search-p-list-wap .item .info {
    width: 100%;
    padding: 1rem 0;
  }
  /*产品导航页*/
  .product-nav .nav-btn {
    flex-wrap: wrap;
  }
  .product-nav .nav-btn .icon {
    flex-shrink: 0;
    width: 2rem;
    margin-top: 0;
    margin-right: 1.25rem;
    opacity: 0.7;
  }
  .product-nav .nav-btn .left {
    margin-top: 0.5rem;
    order: 2;
    width: 100%;
  }

  .product-nav .nav-btn .right {
    flex-shrink: 0;
    margin-left: 1.5rem;
  }
  /*产品列表*/
  .products-head .left,
  .products-head .right {
    padding: 1rem;
  }
  .products-nav-btn {
    padding: 0.75rem 1rem;
  }
  .products-nav a {
    width: 100%;
  }
  .filter-btn {
    padding: 0.75rem 1rem;
  }
  .products .content {
    padding: 1rem;
  }
  .product-sort-wap li {
    padding: 0 0.75rem;
  }
  .product-sort-wap li .body .top {
    flex-wrap: wrap;
    gap: 0.75rem 0;
  }
  .product-sort-wap li .body .top > div {
    width: 50%;
  }
  .product-sort-wap li .body .top div.quantity,
  .product-sort-wap li .body .top div.car {
    padding-top: 1rem;
    border-top: 1px solid var(--border_colour);
  }
  .product-sort-wap li .body .top div.car {
    text-align: right;
  }
  .product-sort-wap li .body .sort-list dd {
    width: 100%;
  }

  .product-sort-wap li .body .sort-list dd:nth-last-of-type(2) {
    border-bottom: 1px solid var(--border_colour);
  }
  /*产品详情*/
  .product-top {
    flex-wrap: wrap;
    gap: 1.5rem 1rem;
  }
  .product-top .img {
    width: 4rem;
  }
  .product-top .info {
    flex-grow: 0;
    width: calc(100% - 5.5rem);
  }
  .product-top .btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
    text-align: left;
  }
  .product-top .btn a {
    display: inline-block;
    padding: 0 1em;
  }
  .proudct-d-content ul li {
    width: 100%;
    padding: 0.375rem 0;
  }
  .product-app-list a {
    font-size: 0.875rem;
    width: calc(50% - 0.5rem);
  }
  /*方案列表*/
  .nav-tabs .nav-item {
    width: 100%;
  }
  .solution-tab-nav .nav-link {
    align-items: center;
    flex-wrap: nowrap;
    border: none;
    border-bottom: 1px solid var(--border_colour);
  }
  .solution-tab-nav .nav-link.active {
    border: none;
    background: var(--colour2);
    color: #fff;
  }
  .solution-tab-nav .nav-link div {
    margin-bottom: 0;
    text-align: left;
    line-height: 3rem;
  }
  .solution-tab-nav .nav-link img {
    margin: 0 1rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solution-tab-nav .nav-link.active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
  }
  .solution-tab-content .subnav li {
    width: 100%;
  }
  /*方案详情*/
  .solution-head > div,
  .solution-body .info,
  .solution-body .img {
    padding: 2rem 1.5rem;
  }
  #solution-nav li {
    width: calc(100%);
  }
  /*工具*/
  .tool-head .tool-top {
    padding: 1rem 0 2rem;
  }
  .tool-info > div,
  .tool-buy,
  .tool-download {
    padding: 1.5rem 1.25rem;
  }
  .tool-nav {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .tool-info .info .nav-tabs {
    gap: 1rem;
  }
  .tool-buy ul li {
    flex-wrap: wrap;
    padding: 1rem 0 2rem;
  }
  .tool-buy ul li .img {
    width: 4rem;
  }
  .tool-buy ul li .info {
    flex-grow: 0;
    width: 100%;
  }
  .tool-buy ul li .current {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.5rem;
  }
  .tool-buy ul li .add-car {
    width: auto;
    padding: 0 1.5em;
  }

  /*分销商*/
  .distributors-list {
    margin-top: 1rem;
  }
  .distributors-list li {
    width: 100%;
    margin-bottom: 0.75rem;
    padding: 1rem;
  }
  /*关于我们*/
  .about {
    flex-wrap: wrap;
  }
  .about .info {
    width: 100%;
    padding-right: 0;
  }
  .about .img {
    margin-top: 4rem;
    width: 100%;
  }
  .partner {
    gap: 0.5rem;
  }
  .partner div {
    width: calc(33.33% - 0.375rem);
  }
  /*新闻列表*/
  .news-first {
    display: none;
  }
  .news-first .img {
    order: 0;
    width: 100%;
  }
  .news-first .info {
    order: 1;
    width: 100%;
    padding: 1.5rem;
  }
  .news-box .header {
    flex-wrap: wrap;
  }
  .news-box .header .title {
    margin-bottom: 1rem;
    width: 100%;
  }
  .news-box .header .select {
    width: 100%;
  }
  .news-box {
    margin-top: 0rem;
    padding: 0;
    background: none;
  }
  .news-list li {
    width: 100%;
    background: #fff;
  }
  .news-list li:first-of-type {
    display: block;
  }
  .news-list li .tag {
    background: var(--grey_bg);
  }
  .news-list li .text {
    font-size: 0.875rem;
  }
  .news-box .page a {
    background: #fff;
  }
  .news-box .page a.active {
    background: var(--colour2);
  }
  .article .article-head {
    padding-bottom: 1.5rem;
  }
  .article-other .title {
    font-size: 0.9375rem;
  } /*新闻详情*/
  .article-page {
    gap: 0.5rem 0;
  }
  .article-page a,
  .article-page span {
    width: 100%;
  }
  /*下载*/
  .download-list {
    margin-top: 1.5rem;
    gap: 0.75rem;
  }
  .download-list li {
    width: 100%;
    padding: 1rem;
  }
  .download-list li .icon.icon-pdf {
    font-size: 2rem;
  }
  /*样品申请*/
  .apply-for-samples {
    padding: 1.25rem;
  }
  /*联系*/
  .contact-region ul li {
    width: 100%;
  }
}
@media screen and (max-width: 565.98px) {
  /*wow 时间递增*/
  .wowlist6 .wow:nth-of-type(Odd) {
    animation-delay: 0.3s;
  }
  .wowlist6 .wow:nth-of-type(even) {
    animation-delay: 0.5s;
  }
  /*联系方式*/
  .contact-item li {
    width: 100%;
  }
}