* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #ef1c22;
    --text: #333;
    --muted: #888;
    --bg: #f3f3f3;
    --white: #fff;
    --gray: #f7f7f7;
    --dark: #222;
    --line: #e7e7e7;
    --radius: 0.06rem;
    --shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.05);
    --container-max: 15rem;
    --container-fluid: 90vw;
    --themecolor: #ED1B23;
    --fs-body: clamp(0.15rem, 0.95vw, 0.18rem);
    --fs-nav: clamp(0.14rem, 0.9vw, 0.16rem);
    --fs-topbar: clamp(0.12rem, 0.8vw, 0.14rem);
    --fs-title: clamp(0.26rem, 2vw, 0.4rem);
    --fs-card-title: clamp(0.16rem, 1.15vw, 0.22rem);
    --fs-card-meta: clamp(0.14rem, 0.83vw, 0.16rem);
    --fs-card-value: clamp(0.16rem, 1.2vw, 0.22rem);
    --fs-hot-title: clamp(0.16rem, 1.25vw, 0.22rem);
    --fs-stat-number: clamp(0.36rem, 3vw, 0.56rem);
    --fs-small: clamp(0.14rem, 0.8vw, 0.16rem);
}

html {
    font-size: 100px;
    max-width: 100vw;
    overflow-x: hidden;
}

body {
    max-width: 100vw;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text);
    background: var(--bg);
    line-height: 1.5;
    font-size: var(--fs-body);
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    display: block;
    width: 100%;
}

button {
    border: none;
    background: none;
    cursor: pointer;
    font: inherit;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
}

.container {
    width: min(var(--container-max), var(--container-fluid));
    margin: 0 auto;
}

/* ===== Topbar ===== */

.topbar {
    height: 0.4rem;
    background: var(--primary);
    color: #fff;
    font-size: var(--fs-topbar);
}

.topbar .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.topbar-lang {
    display: inline-flex;
    align-items: center;
    gap: 0.06rem;
    white-space: nowrap;
    cursor: pointer;
}

.topbar-lang .icon {
    width: .16rem;
    height: .16rem;
    margin-right: .1rem;
    background: url(../images/headlanicon.png) center center no-repeat;
    background-size: 100% auto;
}

.topbar-lang .txt {
    font-size: var(--fs-topbar);
}

.topbar-lang .arrow {
    display: block;
    width: 0;
    height: 0;
    margin-top: .06rem;
    margin-left: .1rem;
    border-top: 0.06rem solid #fff;
    border-bottom: 0.06rem solid transparent;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
}

/* ===== Header & Navigation ===== */

.header {
    position: relative;
    padding: .2rem 0;
    background: #fff;
}

.header .container {
    min-height: 0.76rem;
    display: flex;
    align-items: center;
    gap: 0.24rem;
}

.header .logo {
    margin-right: auto;
}

.header .hsearch {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: .26rem;
    cursor: pointer;
}
.header .hsearch .isearchbtn {
    display: block;
    width: .42rem;
    height: .42rem;
    background: url(../images/isearch.png) right center no-repeat;
    background-size: .22rem auto;
}

.hsearch .hsearchin {
    display: flex;
    align-items: center;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    transform: translateY(-200%);
    padding: .28rem 3.96vw;
    background: #fff;
    border-top: 1px solid #D8D8D8;
    box-sizing: border-box;
    z-index: -5;
    opacity: 0;
    transition: transform .5s ease-in-out, opacity .3s ease-in-out, height 0s ease-in-out .5s;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
}

.hsearch.showin .hsearchin {
    transform: translateY(0);
    opacity: 1;
    z-index:2;
}

.hsearch .hsearchin .inin {
    display: flex;
    align-items: center;
    width: 84vw;
    /*max-width: 1600px;
    */height: .68rem;
    margin: 0 auto;
    padding: 4px;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border: 1px solid #CACBD4;
    box-sizing: border-box;
}
.hsearch .hsearchin .inin i {
    display: block;
    width: .28rem;
    height: .28rem;
    margin: 0 .2rem;
    background: url(../images/ininsearchicon.png) center center no-repeat;
    background-size: 100% auto;
}
.hsearch .hsearchin .inin input {
    display: block;
    flex: 1;
    height: 100%;
    font-size: calc(0.2vw + 12px);
    line-height: .6rem;
    color: #333;
    border: none;
    outline: none;
}
.hsearch .hsearchin .inin input:focus {
    box-shadow: none;
}
.hsearch .hsearchin .inin .hsearchbtn {
    display: block;
    width: 1.7rem;
    height: .6rem;
    font-size: calc(0.2vw + 12px);
    font-weight: bold;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background: #EE1B22;
    border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    cursor: pointer;
}


.menu-toggle {
    display: none;
}

.menu-toggle-btn {
    display: flex;
    width: 0.36rem;
    height: 0.36rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.06rem;
    cursor: pointer;
    z-index: 100;
}

.menu-toggle-icon {
    display: block;
    width: 0.24rem;
    height: 0.02rem;
    background: var(--dark);
    transition: all 0.3s ease;
}

.logo {
    display: flex;
    align-items: center;
    width: 2.28rem;
    height: .62rem;
    gap: 0.14rem;
    flex-shrink: 0;
}

.logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: clamp(0.16rem, 2.9vw, 0.56rem);
    margin-left: auto;
    font-size: var(--fs-nav);
    font-weight: 600;
    color: #222;
}

.nav .item {
    display: flex;
    align-items: center;
    height: .62rem;
}

.nav .item:hover {
    color: var(--primary);
}

.search-btn {
    width: 0.3rem;
    height: 0.3rem;
    margin-left: .2rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--primary) url(../images/searchicon.png) center center no-repeat;
    background-size: 80% auto;
}

/* ===== Banner ===== */

.banner {
    position: relative;
    overflow: hidden;
    background: #ddd;
}

.banner-swiper {
    width: 100%;
    height: clamp(5.15rem, 34.64vw, 6.65rem);
}

.banner-slide {
    position: relative;
    overflow: hidden;
}

.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 0.04rem;
    background: var(--primary);
    color: #fff;
    font-size: 0.24rem;
    line-height: .42rem;
    z-index: 10;
}

.banner-arrow.prev span {
    display: block;
    width: .12rem;
    height: .12rem;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.banner-arrow.next span {
    display: block;
    width: .12rem;
    height: .12rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.banner-arrow.prev {
    left: 0.28rem;
}

.banner-arrow.next {
    right: 0.28rem;
}

/* ===== Section Head ===== */

.section {
    padding-top: clamp(0.4rem, 4.2vw, 0.68rem);
}

.section-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.2rem;
    padding: .2rem 0 .2rem .32rem;
    margin-bottom: clamp(0.18rem, 1.8vw, 0.26rem);
}

.section-head::before {
    display: block;
    /* content: "DG"; */
    content: '';
    position: absolute;
    width: 1.61rem;
    height: .88rem;
    left: -0.02rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../images/dg.png) center center no-repeat;
    background-size: 100% auto;
}

.section-title {
    position: relative;
    z-index: 1;
    font-size: var(--fs-title);
    font-weight: 700;
}

.section-more {
    position: relative;
    z-index: 1;
    font-size: var(--fs-small);
    font-weight: bold;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 0.06rem;
    white-space: nowrap;
}
.slider-head-actions {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

.pager-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 0.03rem;
    background: #e4e4e4;
    color: #666;
    font-size: 0.2rem;
    transition: 0.2s ease;
}

.pager-btn:hover {
    background: var(--primary);
    color: #fff;
}

.pager-btn:hover span {
    border-color: #fff;
}

.swiper {
    width: 100%;
}

/* ===== Product Section ===== */

.productsection {
    padding-top: clamp(0.44rem, 3.3vw, 0.64rem);
    padding-bottom: clamp(0.44rem, 4.6vw, 0.72rem);
    overflow: hidden;
}

.product-line-wrap {
    position: relative;
}

.product-line-swiper {
    overflow: visible;
    padding: 0.08rem 0 0.06rem;
}

.product-line-swiper .swiper-slide {
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
}
.product-line-swiper .swiper-slide-active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.product-line-swiper .swiper-slide-prev {
    transform-origin: right center;
}
.product-line-swiper .swiper-slide-next {
    transform-origin: left center;
}

.product-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    transition: transform 0.35s ease, box-shadow 0.35s ease, opacity 0.35s ease;
}

.product-card-header {
    background: var(--primary);
    color: #fff;
    padding: 0.12rem 0.14rem;
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1.2;
}

.product-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #fff;
}

.product-card-image {
    height: clamp(3.68rem, 23.33vw, 4.4rem);
    object-fit: cover;
    flex-shrink: 0;
}

.product-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;
    padding: 0.14rem 0.24rem 0.16rem;
}

.capacity {
    display: flex;
    align-items: baseline;
    gap: 0.08rem;
    flex-wrap: wrap;
    min-width: 0;
}

.capacity-label {
    font-size: var(--fs-card-meta);
    color: #999;
}

.capacity-value {
    font-size: var(--fs-card-value);
    color: var(--primary);
    font-weight: 700;
    word-break: break-word;
}

.learn-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: clamp(0.34rem, 17.7vw, 0.34rem);
    padding: 0 clamp(0.1rem, 0.9vw, 0.16rem);
    border: 1px solid var(--primary);
    border-radius: 0.1rem;
    font-size: var(--fs-card-meta);
    color: var(--primary);
    white-space: nowrap;
    transition: all 0.2s ease;
    flex-shrink: 0;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
}

.learn-more:hover {
    background: var(--primary);
    color: #fff;
}

.product-line-swiper .swiper-slide-active .product-card {
    box-shadow: 0 0.1rem 0.24rem rgba(0, 0, 0, 0.09);
}

.product-swiper-btnwrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .6rem auto 0;
}

.product-swiper-btnwrap .pager-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .46rem;
    height: .46rem;
    margin: 0 .17rem;
    font-size: .3rem;
    line-height: .46rem;
}

.product-prev span {
    display: block;
    width: .12rem;
    height: .12rem;
    border-left: 2px solid #6C6C6C;
    border-bottom: 2px solid #6C6C6C;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.product-next span {
    display: block;
    width: .12rem;
    height: .12rem;
    border-right: 2px solid #6C6C6C;
    border-bottom: 2px solid #6C6C6C;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

/* ===== Company Section ===== */

.company-section {
    position: relative;
    overflow: hidden;
}

.company-box {
    background: #fff;
    min-height: clamp(3.6rem, 33.85vw, 6.5rem);
    overflow: hidden;
}

.company-box::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 20.8vw);
    height: 100%;
    background: linear-gradient(109deg, #ffffff 42%, rgba(255, 255, 255, 0) 81%);
}

.company-content {
    padding: clamp(0.34rem, 4.2vw, 0.48rem) clamp(0.2rem, 2.6vw, 0.42rem) clamp(0.3rem, 3.2vw, 0.52rem);
    position: relative;
    z-index: 1;
}

.company-head {
    position: relative;
    margin-bottom: 0.4rem;
    padding-left: clamp(0.12rem, 4.2vw, 0.32rem);
}

.company-head::before {
    display: block;
    /* content: "DG"; */
    content: '';
    position: absolute;
    width: 1.61rem;
    height: .88rem;
    left: -0.02rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../images/dg.png) center center no-repeat;
    background-size: 100% auto;
}

.company-title {
    position: relative;
    z-index: 1;
    font-size: var(--fs-title);
    font-weight: 700;
}

.company-desc {
    font-size: var(--fs-small);
    line-height: 2;
    color: #444;
    margin-bottom: 0.3rem;
    max-width: 12rem;
}

.company-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.28rem 0.2rem;
    max-width: 6.3rem;
}

.company-stat strong {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.05rem;
    font-size: var(--fs-stat-number);
    line-height: 1;
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 0.1rem;
}

.company-stat strong small {
    font-size: var(--fs-card-meta);
    margin-top: 0.05rem;
    line-height: 1.1;
    color: var(--primary);
}

.company-stat p {
    font-size: var(--fs-small);
    line-height: 1.8;
    color: #555;
    max-width: 2.6rem;
}

.company-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/companyimg.png) center center no-repeat;
    background-size: auto 100%;
}

.company-image img {
    height: 100%;
    object-fit: cover;
}

/* ===== Hot Sale ===== */

.hot-sale {
    padding-top: clamp(0.44rem, 3.3vw, 0.64rem);
    padding-bottom: clamp(0.44rem, 4.6vw, 0.72rem);
    overflow-x: hidden;
}

.hot-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.2rem;
    padding: .2rem 0 .2rem .32rem;
    margin-bottom: clamp(0.18rem, 1.8vw, 0.26rem);
}

.hot-head::before {
    display: block;
    /* content: "DG"; */
    content: '';
    position: absolute;
    width: 1.61rem;
    height: .88rem;
    left: -0.02rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../images/dg.png) center center no-repeat;
    background-size: 100% auto;
}

.hot-title {
    position: relative;
    z-index: 1;
    font-size: var(--fs-title);
    font-weight: 700;
}

.hot-sale-swiper {
    padding-bottom: 0.3rem;
    overflow: initial;
}

.hot-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius);
    background: #111;
}

.hot-card img {
    height: 100%;
    object-fit: cover;
}

.hot-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0.16rem 0.14rem 0.14rem;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.84) 0%,
        rgba(0, 0, 0, 0.36) 48%,
        rgba(0, 0, 0, 0.05) 100%
    );
}

.hot-mark {
    width: .86rem;
    height: .54rem;
    background: url(../images/hotmark.png) center center no-repeat;
    background-size: auto 100%;
    margin-bottom: -0.14rem;
}

.hot-card-title {
    color: #fff;
    font-size: var(--fs-hot-title);
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.16rem;
    min-height: 0.68rem;
    max-width: 95%;
    padding-left: .6rem;
}

.hot-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    padding-top: 0.1rem;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.hot-card:hover .hot-meta {
    max-height: 2rem;
    opacity: 1;
}

.hot-card .morebtn {
    display: none;
}

.hot-meta-item {
    position: relative;
    min-width: 0;
    padding-left: 0.08rem;
    padding-bottom: .14rem;
}

.hot-meta-label {
    display: block;
    font-size: var(--fs-card-meta);
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.68);
    margin-bottom: 0.08rem;
}

.hot-meta-value {
    display: block;
    font-size: var(--fs-small);
    line-height: 1.25;
    color: #fff;
    font-weight: 700;
    word-break: break-word;
}

.hot-sale-swiper .swiper-scrollbar {
    position: static;
    margin-top: 0.7rem;
    height: 0.03rem;
    background: rgba(239, 28, 34, 0.12);
    border-radius: 9.99rem;
}

.hot-sale-swiper .swiper-scrollbar-drag {
    background: var(--primary);
    border-radius: 9.99rem;
}

.hot-prev span {
    display: block;
    width: .12rem;
    height: .12rem;
    border-left: 2px solid #6C6C6C;
    border-bottom: 2px solid #6C6C6C;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.hot-next span {
    display: block;
    width: .12rem;
    height: .12rem;
    border-right: 2px solid #6C6C6C;
    border-bottom: 2px solid #6C6C6C;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

/* ===== Footer ===== */

.footer {
    background: #2a2a2a;
    color: #fff;
}

.footer-main {
    display: flex;
    align-items: center;
    height: 1.68rem;
    padding-top: .2rem;
}

.footer-main .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.24rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 0.14rem;
    width: 2.5rem;
    height: .7rem;
    flex-shrink: 0;
}

.footer-logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.footer-logo .logo-text {
    color: #fff;
}

.footer-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0;
    row-gap: 0.1rem;
    font-size: var(--fs-small);
    color: rgba(255, 255, 255, 0.92);
}

.footer-nav a {
    white-space: nowrap;
}

.footer-nav a:not(:last-child)::after {
    content: "|";
    margin: 0 0.24rem;
    color: rgba(255, 255, 255, 0.28);
}

.footer-bottom {
    display: flex;
    align-items: center;
    height: .6rem;
    background: var(--primary);
    font-size: var(--fs-small);
    color: #fff;
    padding: 0.12rem 0;
}

.footer-bottom .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.16rem;
}

.footer-lang {
    display: inline-flex;
    align-items: center;
    gap: 0.06rem;
    white-space: nowrap;
    cursor: pointer;
}

.footer-lang .icon {
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
    background: url(../images/footlanicon.png) center center no-repeat;
    background-size: 100% auto;
}

.footer-lang .txt {
    font-size: var(--fs-topbar);
}

.footer-lang .arrow {
    display: block;
    width: 0;
    height: 0;
    margin-top: .06rem;
    margin-left: .1rem;
    border-top: 0.06rem solid #fff;
    border-bottom: 0.06rem solid transparent;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
}

/* ===== Back To Top ===== */

.back-to-top {
    display: none;
    position: fixed;
    right: 0.28rem;
    bottom: 1.6rem;
    width: 0.86rem;
    height: 0.86rem;
    background: #D8D8D8;
    color: #333;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 0.2rem;
    line-height: 1.7;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.15);
    z-index: 1000;
}

.back-to-top .arrow {
    display: block;
    width: .2rem;
    height: .2rem;
    margin-top: .16rem;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    transform: rotate(45deg);
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    color: #fff;
    background: #d1191f;
}

.back-to-top:hover .arrow {
    border-top-color: #fff;
    border-left-color: #fff;
}

/* ===== Product List Page ===== */

.product-list-page {
    padding: clamp(0.3rem, 3vw, 0.5rem) 0 clamp(0.5rem, 5vw, 0.8rem);
    background: var(--gray);
    min-height: calc(100vh - 3rem);
}

.product-list-wrapper {
    display: flex;
    gap: clamp(0.2rem, 2.5vw, 0.4rem);
}

.product-sidebar {
    width: clamp(2.4rem, 16vw, 3.2rem);
    flex-shrink: 0;
}

.sidebar-section {
    background: var(--white);
    border-radius: var(--radius);
    overflow: hidden;
}

.sidebar-header {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    padding: 0.16rem 0.2rem;
    background: var(--primary);
    color: #fff;
}

.sidebar-icon {
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/sidebaricon.png) center center no-repeat;
    background-size: 100% auto;
    filter: brightness(0) invert(1);
}

.sidebar-title {
    font-size: var(--fs-small);
    font-weight: 600;
}

.sidebar-menu {
    padding: 0.1rem 0;
}

.sidebar-item:last-child {
    border-bottom: none;
}

.sidebar-item {
    display: flex;
    align-items: center;
    height: .6rem;
    padding: 0.12rem 0.2rem;
    font-size: .16rem;
    color: var(--text);
    transition: all 0.2s ease;
}

.sidebar-item i {
    display: block;
    position: relative;
    width: .16rem;
    height: .16rem;
    margin-right: .2rem;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.sidebar-item:hover {
    background: rgba(239, 28, 34, 0.08);
    color: var(--primary);
}

.sidebar-item.active i {
    border-color: var(--primary);
}

.sidebar-item.active i::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: .08rem;
    height: .08rem;
    background: var(--primary);
}

.product-main {
    flex: 1;
    min-width: 0;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    margin-bottom: 0.2rem;
    font-size: var(--fs-small);
    color: var(--muted);
}

.breadcrumb-home {
    width: 0.16rem;
    height: 0.16rem;
    background: url(../images/homeicon.png) center center no-repeat;
    background-size: 100% auto;
}

.breadcrumb a {
    color: #9E9E9E;
    transition: color 0.2s ease;
}


.breadcrumb-sep {
    color: #9E9E9E;
}

.breadcrumb-current {
    color: #9E9E9E;
}

.product-list-header {
    margin-bottom: 0.2rem;
    padding: .06rem .24rem;
    background: var(--white);
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.product-list-headerin {
    display: flex;
    align-items: center;
    height: .6rem;
    border-bottom: 1px solid #D8D8D8;
}

.product-list-title {
    flex: 1;
    font-size: .16rem;
    font-weight: 700;
    color: var(--text);
}

.product-list-count {
    font-size: var(--fs-small);
    color: var(--muted);
}

.count-num {
    color: var(--primary);
    font-weight: 600;
}

.inquiry-btn {
    margin-left: auto;
    padding: 0.08rem 0.2rem;
    background: var(--primary);
    color: #fff;
    font-size: var(--fs-small);
    font-weight: 600;
    border-radius: var(--radius);
    transition: background 0.2s ease;
}

.inquiry-btn:hover {
    background: #c41920;
}

.product-filter {
    padding: .2rem 0 .1rem;
}

.filter-group {
    display: flex;
    align-items: flex-start;
    gap: 0.16rem;
}

.filter-label {
    width: 6em;
    flex-shrink: 0;
    font-size: .16rem;
    color: #959595;
    padding-top: 0.06rem;
    white-space: nowrap;
}

.filter-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.1rem;
}

.filter-item {
    margin-bottom: .14rem;
    padding: 0.06rem 0.14rem;
    font-size: .16rem;
    color: var(--text);
    transition: all 0.2s ease;
}

.filter-item:hover,
.filter-item.active {
    color: var(--primary);
}

.filter-count {
    color: var(--muted);
    font-size: var(--fs-small);
}

.product-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0.16rem, 1.8vw, 0.24rem);
}

.product-list-card {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.product-list-card:hover {
    box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.1);
    transform: translateY(-0.02rem);
}

.product-list-card-img {
    display: block;
    position: relative;
    background: var(--bg);
    overflow: hidden;
}

.product-list-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-list-card:hover .product-list-card-img img {
    transform: scale(1.05);
}

.product-list-card-content {
    flex: 1;
    padding: 0.14rem;
}

.product-list-card-title {
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.1rem;
    text-align: center;
    line-height: 1.45;
}

.product-list-card:hover .product-list-card-title {
    color: var(--primary);
}

.product-list-card-specs {
    display: flex;
}

.spec-item {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: var(--fs-card-meta);
}

.spec-label {
    color: var(--muted);
}

.spec-value {
    color: var(--text);
    font-weight: 500;
    font-size: .2rem;
    font-weight: bold;
}

.product-list-card-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .24rem;
    padding: 0.12rem 0.14rem;
    border-top: 1px solid var(--line);
}

.compare-btn {
    display: flex;
    align-items: center;
    gap: 0.06rem;
    font-size: var(--fs-card-meta);
    color: var(--muted);
    cursor: pointer;
    transition: color 0.2s ease;
}

.compare-btn:hover {
    color: var(--primary);
}

.compare-icon {
    width: 0.14rem;
    height: 0.14rem;
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

.more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 0.06rem 0.14rem;
    font-size: var(--fs-card-meta);
    color: var(--primary);
    border-radius: 0.08rem;
    transition: all 0.2s ease;
}

.more-btn i {
    display: block;
    width: .12rem;
    height: .12rem;
    margin-left: .1rem;
    background: url(../images/linearrow_r.png) center center no-repeat;
    background-size: 100% auto;
    transition: margin-left 0.2s ease;
    -webkit-transition: margin-left 0.2s ease;
    -moz-transition: margin-left 0.2s ease;
    -ms-transition: margin-left 0.2s ease;
    -o-transition: margin-left 0.2s ease;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    margin-top: 0.4rem;
}

.pagination-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.34rem;
    height: 0.34rem;
    border: 1px solid #ddd;
    border-radius: var(--radius);
    transition: all 0.2s ease;
}

.pagination-btn:hover {
    color: var(--primary);
    border-color: var(--primary);
}

.pagination-btn span {
    display: block;
    width: 0.08rem;
    height: 0.08rem;
    border: 2px solid var(--muted);
    transition: border-color 0.2s ease;
}

.pagination-btn:hover span {
    border-color: #fff;
}

.pagination-btn.prev span {
    border-right: none;
    border-bottom: none;
    transform: rotate(-45deg);
    margin-left: 0.03rem;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.pagination-btn.next span {
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    margin-right: 0.03rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.pagination-num {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0.34rem;
    height: 0.34rem;
    padding: 0 0.1rem;
    font-size: var(--fs-small);
    color: var(--text);
    border: 1px solid #ddd;
    border-radius: var(--radius);
    transition: all 0.2s ease;
}

.pagination-num:hover,
.pagination-num.active {
    border-color: var(--primary);
    color: var(--primary);
}

.pagination-ellipsis {
    font-size: var(--fs-small);
    color: var(--muted);
    padding: 0 0.04rem;
}

.mobile-filter-bar {
    display: none;
}

/* ===== Product Detail Page ===== */

.product-detail-page {
    padding: clamp(0.3rem, 3vw, 0.5rem) 0 0;
    background: #fafafa;
    min-height: calc(100vh - 3rem);
}

.product-detail-wrapper {
    border-radius: var(--radius);
    overflow: hidden;
}

.product-detail-main {
    display: grid;
    grid-template-columns: 1.34fr 1fr;
    gap: clamp(0.3rem, 3vw, 0.5rem);
}

.product-image-section {
    background: transparent;
    border-radius: var(--radius);
    overflow: hidden;
}

.main-image {
    background: transparent;
}

.main-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.product-info-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.product-detail-title {
    padding: .25rem 0 .35rem;
    font-size: clamp(0.26rem, 2vw, 0.3rem);
    font-weight: 700;
    color: var(--text);
    margin-bottom: clamp(0.3rem, 1.7vw, 0.34rem);
    line-height: 1.4;
    border-bottom: 1px solid #E1E1E1;
}

.product-quick-specs {
    background: var(--white);
    border-radius: var(--radius);
    padding: clamp(0.2rem, 2vw, 0.3rem) clamp(0.2rem, 2vw, 0.3rem) clamp(0.1rem, 1vw, 0.15rem);
    position: relative;
}

.product-quick-specs .morebtn {
    content: "";
    position: absolute;
    right: clamp(0.15rem, 1.5vw, 0.2rem);
    top: clamp(0.28rem, 2.2vw, 0.38rem);
    width: 0.12rem;
    height: 0.12rem;
    border-right: 2px solid var(--text);
    border-top: 2px solid var(--text);
    transform: rotate(45deg);
}

.quick-spec-label {
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--text);
    margin-bottom: clamp(0.15rem, 1.5vw, 0.2rem);
    padding-bottom: clamp(0.1rem, 1vw, 0.15rem);
}

.quick-spec-item {
    display: grid;
    grid-template-columns: 1.68rem 1fr;
    gap: clamp(0.1rem, 1vw, 0.15rem);
    margin-bottom: clamp(0.16rem, 1.6vw, 0.24rem);
    align-items: baseline;
}

.quick-spec-item:last-child {
    margin-bottom: 0;
}

.quick-spec-item .spec-label {
    color: var(--muted);
    font-size: var(--fs-card-meta);
    font-weight: 400;
}

.quick-spec-item .spec-value {
    color: var(--text);
    font-size: var(--fs-card-title);
    font-weight: 600;
}

.contact-btnwrap {
    display: flex;
    align-items: center;
    margin-top: clamp(0.3rem, 1.7vw, 0.34rem);
    padding-top: clamp(0.3rem, 1.7vw, 0.46rem);
    border-top: 1px solid #E1E1E1;
}

.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.77rem;
    height: .4rem;
    background: #ED1B23;
    color: #fff;
    border-radius: 5px;
    font-size: .16rem;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.contact-btn:hover {
    background: #d4161b;
    transform: translateY(-2px);
}

/* ===== Product Detail Tabs ===== */

.product-detail-tabs {
    margin-top: .6rem;
    background: var(--white);
}

.tab-header {
    display: flex;
    align-items: center;
    margin-bottom: clamp(0.3rem, 3vw, 0.5rem);
    background: #F5F7FA;
}

.tab-btn {
    display: flex;
    align-items: center;
    height: .6rem;
    padding: 0 clamp(0.4rem, 4vw, 0.6rem);
    font-size: var(--fs-card-title);
    color: var(--muted);
    background: none;
    border: none;
    border-top: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-btn.active {
    color: var(--primary);
    border-color: var(--primary);
    background: var(--white);
}

.tab-header .contact-btn {
    margin-left: auto;
    margin-right: .12rem;
    width: auto;
    padding: 0 .26rem;
    background: none;
    color: #ED1B23;
    box-sizing: border-box;
    border: 1px solid #ED1B23;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

/* ===== Parameters Section ===== */

.parameters-section {
    padding: clamp(0.2rem, 2vw, 0.3rem) 0;
}

.parameters-section .section-title {
    font-size: clamp(0.22rem, 1.8vw, 0.32rem);
    font-weight: 700;
    color: var(--text);
    margin-bottom: clamp(0.2rem, 2vw, 0.3rem);
    text-align: center;
}

.parameters-table-wrap {
    overflow-x: auto;
}

.parameters-table-wrap table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-card-meta);
    border-bottom: 1px solid #E1E8F0;
    border-top: 3px solid #ED1B23;
}

.parameters-table-wrap table th,
.parameters-table-wrap table td {
    height: .7rem;
    padding: clamp(0.1rem, 1vw, 0.15rem);
    text-align: center;
    border-left: 1px solid #E1E8F0;
}

.parameters-table-wrap table th:first-child,
.parameters-table-wrap table td:first-child {
    border-left: none;
}

.parameters-table-wrap table th {
    background: var(--bg);
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
}

.parameters-table-wrap table td {
    color: var(--text);
}

.parameters-table-wrap table th:last-child,
.parameters-table-wrap table td:last-child {
    border-left: 1px solid #E1E8F0;
}

.parameters-table-wrap table tr:nth-child(even) {
    background: var(--gray);
}

/* ===== Components Section ===== */

.components-section {
    padding: clamp(0.4rem, 4vw, 0.6rem) 0;
}

.components-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0.2rem, 2vw, 0.3rem);
}

.component-card {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    transition: all 0.3s ease;
}

.component-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
    border-color: var(--primary);
}

.component-image {
    width: 100%;
    height: clamp(2rem, 15vw, 3rem);
    overflow: hidden;
    background: var(--bg);
}

.component-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.component-title {
    font-size: var(--fs-card-title);
    font-weight: 600;
    color: var(--text);
    padding: clamp(0.15rem, 1.5vw, 0.2rem);
    text-align: center;
    margin: 0;
}

.component-features {
    padding: 0 clamp(0.15rem, 1.5vw, 0.2rem) clamp(0.15rem, 1.5vw, 0.2rem);
    list-style: none;
    background: var(--white);
    white-space: pre-wrap;
}

.component-features .item {
    font-size: var(--fs-card-meta);
    color: var(--muted);
    line-height: 1.8;
    position: relative;
}

/* ===== Contact Form Section ===== */

.contact-form-section {
}

.contact-form-wrapper {
    display: grid;
    grid-template-columns: 5.45rem 1fr;
    gap: clamp(0.3rem, 3vw, 0.5rem);
}

.contact-form-left {
    position: relative;
    padding: clamp(0.4rem, 4vw, 0.6rem) 0;
}

.contact-form-title {
    font-size: clamp(0.22rem, 1.8vw, 0.32rem);
    font-weight: 700;
    color: var(--text);
    margin-bottom: clamp(0.2rem, 2vw, 0.3rem);
}

.contact-form-image {
    position: absolute;
    bottom: -0.6rem;
    left: 0;
    width: 100%;
    height: auto;
    border-radius: var(--radius);
}

.contact-form {
    padding: clamp(0.4rem, 4vw, 0.6rem) 0;
}

.form-row {
    display: flex;
    gap: clamp(0.15rem, 1.5vw, 0.2rem);
    
}

.form-group {
    display: flex;
    position: relative;
    flex: 1;
    margin-bottom: clamp(0.15rem, 1.5vw, 0.2rem);
    border: 1px solid var(--line);
    border-radius: calc(var(--radius) * 0.5);
    background: #fff;
}

.form-group .ilabel {
    display: flex;
    align-items: center;
    font-size: var(--fs-card-meta);
    color: #9f9f9f;
    padding-left: clamp(0.1rem, 1vw, 0.15rem);
    white-space: nowrap;
}
.form-group .ilabel sup {
    color: #FF0000;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: clamp(0.1rem, 1vw, 0.15rem);
    border: none;
    background: none;
    font-size: var(--fs-card-meta);
    font-family: inherit;
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--primary);
}

.form-group textarea {
    resize: vertical;
    min-height: clamp(1rem, 11.3vw, 2.17rem);
}

.form-checkbox {
    display: flex;
    align-items: flex-start;
    gap: clamp(0.08rem, 0.8vw, 0.1rem);
    margin-bottom: clamp(0.2rem, 2vw, 0.3rem);
    font-size: var(--fs-card-meta);
    color: var(--muted);
}

.form-checkbox .inputcheck.checked i {
    background: url(../images/icchecked.png) center center no-repeat;
    background-size: 100% auto;
}
.form-checkbox .inputcheck i {
    display: block;
    width: 0.19rem;
    height: 0.19rem;
    margin-right: 0.1rem;
    background: url(../images/icheck1.png) center center no-repeat;
    background-size: 100% auto;
}

.form-checkbox input[type="checkbox"] {
    width: auto;
    margin-top: 0.04rem;
}

.form-checkbox a {
    color: #3B7CFC;
    text-decoration: underline;
}

.form-btnwrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: .5rem;
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: var(--radius);
    font-size: .16rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.submit-btn:hover {
    background: #d4161b;
    transform: translateY(-2px);
}

/* ===== Similar Products Section ===== */

.similar-products-section {
    padding: clamp(0.3rem, 3vw, 0.4rem);
    background: var(--white);
}

.similar-products-section .section-title {
    font-size: clamp(0.22rem, 1.8vw, 0.32rem);
    font-weight: 700;
    color: var(--text);
    margin-bottom: clamp(0.2rem, 2vw, 0.3rem);
}

.similar-products-swiperbox {
    position: relative;
}

.similar-products-swiper {
    position: relative;
    padding-bottom: clamp(0.4rem, 4vw, 0.6rem);
    overflow: hidden;
}

.similar-products-section .swiper-button-prev,
.similar-products-section .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .58rem;
    height: .58rem;
    font-size: .14rem;
    color: #6C6C6C;
    background: #EAEAEA;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.similar-products-section .swiper-button-prev {
    left: -0.8rem;
}

.similar-products-section .swiper-button-next {
    right: -0.8rem;
}

.similar-products-section .swiper-button-prev::after,
.similar-products-section .swiper-button-next::after {
    font-size: .2rem;
    font-weight: bold;
}

.similar-products-section .swiper-button-prev:hover,
.similar-products-section .swiper-button-next:hover {
    color: #fff;
    background: #D4161B;
}

.similar-product-card {
    background: #FBFBFB;
    box-sizing: border-box;
    border: 1px solid #EDEDED;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.similar-product-card .product-list-card-img {
}

.similar-product-card .product-list-card-content {
}

.similar-product-card .product-list-card-title {
}

.similar-product-card .product-list-card-specs {
}

.similar-product-card .product-list-card-footer {
}

.similar-product-card .more-btn {
}

.similar-product-card:hover {
    box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.1);
    transform: translateY(-0.02rem);
}

.similar-product-card:hover .product-list-card-img img {
    transform: scale(1.05);
}

.similar-product-card:hover .product-list-card-title {
    color: var(--primary);
}

.learn-more-btn {
    display: inline-flex;
    align-items: center;
    gap: clamp(0.05rem, 0.5vw, 0.08rem);
    color: var(--primary);
    font-size: var(--fs-card-meta);
    font-weight: 600;
    transition: gap 0.3s ease;
}

.learn-more-btn:hover {
    gap: clamp(0.08rem, 0.8vw, 0.1rem);
}

.learn-more-btn i {
    width: 0;
    height: 0;
    border-left: clamp(0.05rem, 0.5vw, 0.08rem) solid var(--primary);
    border-top: clamp(0.03rem, 0.3vw, 0.04rem) solid transparent;
    border-bottom: clamp(0.03rem, 0.3vw, 0.04rem) solid transparent;
}

/* ===== Contact Page ===== */

.contact-hero {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 6rem;
    overflow: hidden;
}

.contact-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-hero-content {
    position: relative;
    z-index: 2;
    padding-top: .78rem;
}

.contact-hero-title {
    font-size: clamp(0.4rem, 4vw, 0.4rem);
    font-weight: 700;
    color: #ED1B23;
    margin-bottom: clamp(0.1rem, 1vw, 0.15rem);
}

.contact-hero-subtitle {
    width: 45.8vw;
    padding: .18rem .26rem;
    font-size: .16rem;
    line-height: 1.875;
    color: #393939;
    opacity: 0.9;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
}

.contact-content-section {
    padding: clamp(0.4rem, 4vw, 0.6rem) 0;
    background: #fff;
}

.contact-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(0.4rem, 4vw, 0.6rem);
    align-items: start;
}

.contact-info-block {
    padding: clamp(0.2rem, 2vw, 0.3rem);
}

.contact-block-title {
    font-size: clamp(0.28rem, 2.5vw, 0.4rem);
    font-weight: 700;
    color: var(--text);
    margin-bottom: clamp(0.25rem, 2.5vw, 0.35rem);
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: clamp(0.2rem, 2vw, 0.3rem);
}

.contact-detail-item {
    display: flex;
    gap: clamp(0.15rem, 1.5vw, 0.2rem);
    align-items: flex-start;
}

.contact-hero .breadcrumb {
    position: relative;
    margin-top: auto;
    color: #fff;
    z-index: 1;
}

.contact-hero .breadcrumb a {
    color: #fff;
}

.contact-hero .breadcrumb .breadcrumb-home {
    background: url(../images/homeicon_w.png) center center no-repeat;
    background-size: 100% auto;
}
.contact-hero .breadcrumb .breadcrumb-sep,
.contact-hero .breadcrumb .breadcrumb-current {
    color: #fff;
}

/* ===== Product Inquiry Page ===== */

.inquiry-hero {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 6rem;
    overflow: hidden;
}

.inquiry-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inquiry-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inquiry-hero-content {
    position: relative;
    z-index: 2;
    padding-top: .78rem;
}

.inquiry-hero-title {
    font-size: clamp(0.4rem, 4vw, 0.4rem);
    font-weight: 700;
    color: #ED1B23;
    margin-bottom: clamp(0.1rem, 1vw, 0.15rem);
}

.inquiry-hero-subtitle {
    width: 45.8vw;
    padding: .18rem .26rem;
    font-size: .16rem;
    line-height: 1.875;
    color: #393939;
    opacity: 0.9;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
}

.inquiry-hero .breadcrumb {
    position: relative;
    margin-top: auto;
    color: #fff;
    z-index: 1;
}

.inquiry-hero .breadcrumb a {
    color: #fff;
}

.inquiry-hero .breadcrumb .breadcrumb-home {
    background: url(../images/homeicon_w.png) center center no-repeat;
    background-size: 100% auto;
}

.inquiry-hero .breadcrumb .breadcrumb-sep,
.inquiry-hero .breadcrumb .breadcrumb-current {
    color: #fff;
}

.global-presence {
    display: flex;
    flex-direction: column;
}

.global-presence .section-desc {
    font-size: .16rem;
    line-height: 1.875;
    color: #737373;
}

.world-map {
    width: 80%;
    margin: .54rem auto 0;
}
.world-map img {
    max-width: 100%;
    vertical-align: top;
}


.ccontact {
    margin: 0.41rem 0 0;
    padding: 0.28rem 0 0.175rem;
    background: #F9F9F9;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}
.ccontact .inline {
    display: flex;
    align-items: center;
    padding: 0 0.48rem;
}
.ccontact .inline .tit {
    display: block;
    font-size: .24rem;
    font-weight: bold;
    line-height: 1.458;
    color: #3d3d3d;
}

.ccontact .ccontact_in {
    display: flex;
    margin: 0.4rem 0.43rem 0;
}
.ccontact .ccontact_in .item {
    display: flex;
    margin-right: 1.36rem;
}
.ccontact .ccontact_in .item .icon {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.12rem;
}
.ccontact .ccontact_in .item.ltel .icon {
    background: url(../images/ltelicon.png) center center no-repeat;
    background-size: 100% auto;
}
.ccontact .ccontact_in .item.lemail .icon {
    background: url(../images/leamilicon.png) center center no-repeat;
    background-size: 100% auto;
}
.ccontact .ccontact_in .item.laddress .icon {
    background: url(../images/laddressicon.png) center center no-repeat;
    background-size: 100% auto;
}
.ccontact .ccontact_in .item .tit {
    display: block;
    font-size: calc(0.2vw + 12px);
    line-height: 1.64;
    color: #787878;
}
.ccontact .ccontact_in .item .text {
    display: block;
    margin-top: 0;
    font-size: calc(0.2vw + 12px);
    font-weight: bold;
    line-height: 1.64;
    color: #4F4F4F;
}
.ccontact .ccontact_in .item:last-child {
    flex: 1;
    margin-right: 0;
}


.contact-form .lyinfo {
    display: block;
    flex: 1;
    margin-top: 9px;
    padding: 0.29rem 0.26rem;
    background: #fff;
    box-sizing: border-box;
}
.contact-form .lyinfo .stitle {
    padding-left: 0.34rem;
    font-size: 0.24rem;
    line-height: 0.35rem;
}
.contact-form .lyinfo .stitle i {
    width: 0.78rem;
    height: 0.48rem;
}

.lyinfo .text {
    display: block;
    font-size: calc(0.2vw + 12px);
    line-height: 1.625;
    color: #000;
}

.lyinfo_form {
    margin-top: 0.25rem;
}
.lyinfo_form .inputitem {
    display: flex;
    position: relative;
    width: 100%;
    margin-bottom: 0.19rem;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
}
.lyinfo_form .inputitem .ilabel {
    display: flex;
    align-items: center;
    font-size: calc(0.2vw + 14px);
    color: #9f9f9f;
    padding-left: clamp(0.1rem, 1vw, 0.15rem);
}
.lyinfo_form .inputitem .ilabel sup {
    color: #ff0000;
}
.lyinfo_form .inputitem input {
    display: flex;
    align-items: center;
    flex: 1;
    height: calc(2.8vw + 10px);
    max-height: 70px;
    padding: 0 0.19rem;
    font-size: calc(0.2vw + 14px);
    line-height: 1.4375;
    color: #333;
    box-sizing: border-box;
    border: none;
    background: none;
}
.lyinfo_form .inputitem input:focus {
    outline: none;
}
.lyinfo_form .inputtextarea {
    display: flex;
    flex-direction: column;
    height: 0.72rem;
    padding: 0.09rem 0;
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
}
.lyinfo_form .inputtextarea .tit {
    display: block;
    padding: 0 0.21rem;
    font-size: 0.16rem;
    line-height: 0.23rem;
    color: #4F4F4F;
}
.lyinfo_form .inputtextarea textarea {
    display: block;
    width: 100%;
    flex: 1;
    margin-top: 0.08rem;
    padding: 0 0.21rem;
    font-family: "Arial,Microsoft YaHei,Helvetica,sans-serif";
    border: 0;
    font-size: 0.16rem;
    line-height: 0.23rem;
    color: #333;
    box-sizing: border-box;
}
.lyinfo_form .inputtextarea textarea:focus {
    outline: none;
}
.lyinfo_form .inputcheck {
    display: flex;
    align-items: center;
    margin-top: 0.19rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #808080;
}
.lyinfo_form .inputcheck i {
    display: block;
    width: 0.19rem;
    height: 0.19rem;
    margin-right: 0.1rem;
    background: url(../images/icheck1.png) center center no-repeat;
    background-size: 100% auto;
}
.lyinfo_form .inputcheck.checked i {
    background: url(../images/icchecked.png) center center no-repeat;
    background-size: 100% auto;
}
.lyinfo_form .inputcheck .text .termsbtn {
    margin-left: 0.04rem;
    text-decoration: underline;
    color: #3B7CFC;
    cursor: pointer;
}
.lyinfo_form .sendbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    min-width: 120px;
    height: 0.5rem;
    min-height: 40px;
    margin: 0.38rem auto 0;
    font-size: calc(0.2vw + 14px);
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    background: #EE1B22;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.contact-form .lyinfo .lyinfo_form {
    max-width: 1142px;
    margin: 22px auto 16px;
}
.contact-form .lyinfo .lyinfo_form .inputgroup {
    display: flex;
}
.contact-form .lyinfo .lyinfo_form .inputgroup .inputitem:last-child {
    margin-left: 30px;
}
.contact-form .lyinfo .lyinfo_form .inputtextarea {
    height: 1.22rem;
}


.attachment {
    display: flex;
    align-items: center;
    margin-top: .18rem;
    font-size: calc(0.2vw + 14px);
    line-height: .42rem;
    color: #808080;
}
.attachment .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(.42rem + 12px);
    margin-right: .22rem;
    padding: 0 .24rem;
    font-size: calc(0.2vw + 14px);
    line-height: .38rem;
    text-align: center;
    color: #EE1B22;
    box-sizing: border-box;
    border: 1px solid #EE1B22;
    cursor: pointer;
}
.attachment .text {
    display: flex;
    align-items: center;
    color: #808080;
}
.attachment .filetxt {
    margin-left: auto;
}
.attachment .idel {
    display: inline-block;
    width: .38rem;
    min-width: .38rem;
    height: .38rem;
    margin-left: .1rem;
    background: url(../images/idel.png) center center no-repeat;
    background-size: 50% auto;
    cursor: pointer;
}

.stitle_dot {
    display: flex;
    font-size: calc(0.2vw + 20px);
    font-weight: bold;
    line-height: 1.458;
    color: #3D3D3D;
}
.stitle_dot i {
    display: block;
    width: calc(0.2vw + 12px);
    height: calc(0.2vw + 12px);
    margin-top: .09rem;
    margin-right: .22rem;
    background: #EE1B22;
}


.detail-icon {
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
    color: var(--primary);
}

.detail-icon svg {
    width: 100%;
    height: 100%;
}

.detail-content {
    flex: 1;
}

.detail-title {
    font-size: var(--fs-card-title);
    font-weight: 600;
    color: var(--text);
    margin-bottom: 0.05rem;
}

.detail-text {
    font-size: var(--fs-card-meta);
    color: var(--muted);
    line-height: 1.6;
}

.contact-form-block {
    background: var(--bg);
    padding: clamp(0.3rem, 3vw, 0.4rem);
    border-radius: var(--radius);
}

.contact-form-block .contact-form-title {
    font-size: clamp(0.24rem, 2vw, 0.32rem);
    font-weight: 700;
    color: var(--text);
    margin-bottom: clamp(0.2rem, 2vw, 0.3rem);
}

.contact-form-block .contact-form {
    display: flex;
    flex-direction: column;
    gap: clamp(0.15rem, 1.5vw, 0.2rem);
}

.contact-form-block .form-group {
    display: flex;
    flex-direction: column;
}

.contact-form-block input,
.contact-form-block textarea {
    width: 100%;
    padding: clamp(0.1rem, 1vw, 0.15rem);
    border: 1px solid var(--line);
    border-radius: calc(var(--radius) * 0.5);
    font-size: var(--fs-card-meta);
    background: var(--white);
    transition: border-color 0.3s ease;
}

.contact-form-block input:focus,
.contact-form-block textarea:focus {
    outline: none;
    border-color: var(--primary);
}

.contact-form-block textarea {
    resize: vertical;
    min-height: 1.2rem;
}

.contact-form-block .submit-btn {
    background: var(--primary);
    color: #fff;
    padding: clamp(0.12rem, 1.2vw, 0.16rem) clamp(0.3rem, 3vw, 0.5rem);
    border: none;
    border-radius: var(--radius);
    font-size: var(--fs-card-meta);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.contact-form-block .submit-btn:hover {
    background: #d4161b;
    transform: translateY(-2px);
}

.ffcontactbtn {
    display: none;
}

.footbreadcrumb {
    display: none;
}


.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.popup .popupmask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

.popup-fillinfo .popupcon {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44.16vw;
    background: #fff;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}
.popup-fillinfo .popupcon .pfillinline {
    margin: 0 .22rem;
    padding: .17rem 0 .14rem;
    border-bottom: 1px solid #D8D8D8;
}
.popup-fillinfo .popupcon .popuptitle {
    font-size: .24rem;
    font-weight: bold;
    line-height: 1.45;
    color: #353535;
}

.popup-fillinfo .popupform {
    padding: .4rem .6rem;
}
.popup-fillinfo .popupform .inputitemgrooup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .45rem;
}
.popup-fillinfo .popupform .inputitem .ilabel {
    font-size: .16rem;
    font-weight: bold;
    line-height: 1.4;
    color: #374151;
}
.popup-fillinfo .popupform .inputitem .ilabel sub {
    color: #EE1B22;
}
.popup-fillinfo .popupform .inputitem .txt {
    position: relative;
    width: 100%;
    margin-top: .08rem;
}
.popup-fillinfo .popupform .inputitem input {
    width: 100%;
    height: .46rem;
    padding: 0 .16rem;
    font-size: .16rem;
    line-height: .42rem;
    color: #333;
    border: 1px solid #D1D5DB;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.popup-fillinfo .popupform .inputcheck {
    display: flex;
    align-items: center;
    margin-top: 0.19rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #808080;
}
.popup-fillinfo .popupform .inputcheck i {
    display: block;
    width: 0.19rem;
    height: 0.19rem;
    margin-right: 0.1rem;
    background: url(../images/icheck1.png) center center no-repeat;
    background-size: 100% auto;
}
.popup-fillinfo .popupform .inputcheck.checked i {
    background: url(../images/icchecked.png) center center no-repeat;
    background-size: 100% auto;
}
.popup-fillinfo .popupform .inputcheck .text .termsbtn {
    margin-left: 0.04rem;
    text-decoration: underline;
    color: #3B7CFC;
    cursor: pointer;
}
.popup-fillinfo .popupform .sendbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.5rem;
    min-height: 40px;
    margin: 0.38rem auto 0;
    font-size: calc(0.2vw + 14px);
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    background: #EE1B22;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.popup-fillinfo .popupform .inputitem .txt .protect {
    display: flex;
    align-items: center;
    position: absolute;
    top: calc(100% + 0.06rem);
    left: 0;
    font-size: 0.14rem;
    line-height: 1.85;
    color: #83B857;
}
.popup-fillinfo .popupform .inputitem .txt .protect i {
    display: block;
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.1rem;
    background: url(../images/protecticon.png) center center no-repeat;
    background-size: 100% auto;
}

.popup .popupclose {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.32rem;
    height: 0.32rem;
    background: url(../images/closeicon.png) center center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}

.popup-sale {
    top: initial;
    right: .2rem;
    bottom: .2rem;
    left: initial;
    z-index: 1001;
}
.popup-sale .popupmask {
    display: none;
}
.popup-sale .popupcon {
    width: 3.74rem;
    background: #F5F5F5;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: .1rem .1rem 0 0;
    -webkit-border-radius: .1rem .1rem 0 0;
    -moz-border-radius: .1rem .1rem 0 0;
    -ms-border-radius: .1rem .1rem 0 0;
    -o-border-radius: .1rem .1rem 0 0;
}
.popup-sale .pfillinline {
    display: flex;
    align-items: center;
    height: .55rem;
    padding: 0 .2rem;
    background: #EE1B22;
    border-radius: .1rem .1rem 0 0;
    -webkit-border-radius: .1rem .1rem 0 0;
    -moz-border-radius: .1rem .1rem 0 0;
    -ms-border-radius: .1rem .1rem 0 0;
    -o-border-radius: .1rem .1rem 0 0;
}
.popup-sale .pfillinline .popuptitle {
    font-size: .16rem;
    font-weight: bold;
    color: #fff;
}
.popup-sale .popupclose {
    top: .14rem;
    right: .14rem;
    width: .28rem;
    height: .28rem;
    background: url(../images/closeicon_w.png) center center no-repeat;
    background-size: 100% auto;
}

.pschats {
    height: 3.68rem;
    padding: .22rem;
    box-sizing: border-box;
    overflow-y: auto;
}
.pschats .chat-item {
    display: flex;
    flex-direction: column;
    margin-bottom: .2rem;
}
.pschats .chat-item.r {
    align-items: flex-end;
}
.pschats .chat-item .chat-name {
    display: flex;
    align-items: center;
    font-size: .12rem;
    line-height: 1.7;
    color: #A1A5A7;
}
.pschats .chat-item .chat-name .time {
    margin-left: .2rem;
}
.pschats .chat-item .chat-content {
    display: flex;
    justify-content: flex-start;
    margin-top: .12rem;
}
.pschats .chat-item .chat-content .chat-text {
    padding: .06rem;
    font-size: .16rem;
    line-height: 1.43;
    color: #262626;
    background: #fff;
    border-radius: 0 .1rem .05rem .05rem;
    -webkit-border-radius: 0 .1rem .05rem .05rem;
    -moz-border-radius: 0 .1rem .05rem .05rem;
    -ms-border-radius: 0 .1rem .05rem .05rem;
    -o-border-radius: 0 .1rem .05rem .05rem;
}
.popup-sale .inputtxtbar {
    position: relative;
    height: 1.45rem;
    background: #fff;
}
.popup-sale .inputtxtbar textarea {
    width: 100%;
    height: 100%;
    padding: .1rem .15rem;
    border: none;
    resize: none;
    font-size: .14rem;
    line-height: 1.43;
    color: #333;
}
.popup-sale .inputtxtbar textarea:focus {
    outline: none;
}
.popup-sale .inputtxtbar .sendbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: .2rem;
    bottom: .18rem;
    width: .46rem;
    height: .28rem;
    font-size: .14rem;
    line-height: .28rem;
    color: #fff;
    background: #EE1B22;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}


/* inquiry */
.product-inquiry {
    margin: .4rem 0;
    padding: 1rem .6rem;
    background: #fff;
}
.product-inquiry-title {
    font-size: .34rem;
    font-weight: bold;
    line-height: 1.44;
    color: #333;
    text-align: center;
}
.product-inquiry-desc {
    margin-top: .35rem;
    font-size: .16rem;
    line-height: 1.5;
    color: #9E9E9E;
    text-align: center;
}
.product-inquiry-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}
.product-inquiry-steps .step {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.product-inquiry-steps .step .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .42rem;
    height: .42rem;
    margin: 0 .48rem;
    font-size: .16rem;
    font-weight: bold;
    color: #EE1B22;
    border: 6px solid #EE1B22;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.product-inquiry-steps .step .txt {
    position: absolute;
    top: calc(100% + 0.1rem);
    left: 50%;
    transform: translateX(-50%);
    font-size: .16rem;
    font-weight: bold;
    line-height: 1.85;
    color: #EE1B22;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.product-inquiry-steps .step.current {
    color: #EE1B22;
}
.product-inquiry-steps .stepline {
    width: 3.6rem;
    height: 1px;
    background: #EE1B22;
}

.product-inquiry-form {
    margin-top: 1.48rem;
    padding: 0 .8rem;
}
.product-inquiry-form .inputitemgrooup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .58rem 1.04rem;
    padding: 1px .18rem .25rem;
    margin-bottom: .58rem;
}
.product-inquiry-form .inputitem .ilabel {
    height: 1.4em;
    font-size: .16rem;
    font-weight: bold;
    line-height: 1.4;
    color: #374151;
}
.product-inquiry-form .inputitem .ilabel sub {
    color: #EE1B22;
}
.product-inquiry-form .inputitem .txt {
    position: relative;
    width: 100%;
    margin-top: .08rem;
}
.product-inquiry-form .inputitem input {
    width: 100%;
    height: .46rem;
    padding: 0 .16rem;
    font-size: .16rem;
    line-height: .42rem;
    color: #333;
    border: 1px solid #D1D5DB;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.product-inquiry-form .inputitem select {
    width: 100%;
    height: .46rem;
    padding: 0 .16rem;
    font-size: .16rem;
    line-height: .42rem;
    color: #333;
    border: 1px solid #D1D5DB;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.product-inquiry-form .inputitem select option[disabled][selected] {
  color: #999;
}

.product-inquiry-form .inputitem .txt .protect {
    display: flex;
    align-items: center;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: .1rem;
    font-size: 0.14rem;
    line-height: 1.85;
    color: #83B857;
}
.product-inquiry-form .inputitem .txt .protect i {
    display: block;
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.1rem;
    background: url(../images/protecticon.png) center center no-repeat;
    background-size: 100% auto;
}

.product-inquiry-form .inputitem textarea {
    width: 100%;
    height: 2.2rem;
    padding: .13rem .16rem;
    font-size: .16rem;
    line-height: 1.6;
    color: #333;
    resize: none;
    border: 1px solid #D1D5DB;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.moreformbt {
    display: flex;
    align-items: center;
    margin-top:.8rem;
    font-size: .16rem;
    line-height: 1.4;
    color: #EE1B22;
    cursor: pointer;
}
.moreformbt i {
    width: .1rem;
    height: .1rem;
    margin-left: .14rem;
    border-right: 1px solid #EE1B22;
    border-bottom: 1px solid #EE1B22;
    transform: rotate(45deg) translateY(-0.04rem);
    -webkit-transform: rotate(45deg) translateY(-0.04rem);
    -moz-transform: rotate(45deg) translateY(-0.04rem);
    -ms-transform: rotate(45deg) translateY(-0.04rem);
    -o-transform: rotate(45deg) translateY(-0.04rem);
}
.moreformbt.show i {
    transform: rotate(-135deg) translateY(-0.02rem);
    -webkit-transform: rotate(-135deg) translateY(-0.02rem);
    -moz-transform: rotate(-135deg) translateY(-0.02rem);
    -ms-transform: rotate(-135deg) translateY(-0.02rem);
    -o-transform: rotate(-135deg) translateY(-0.02rem);
}

.product-inquiry-form .inputitemgrooup.moregroup {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height 0.3s ease-in-out;
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -ms-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
}
.product-inquiry-form .inputitemgrooup.moregroup.show {
    margin-bottom: 0;
    padding: .8rem 0 0;
    max-height: 8rem;
}

.product-inquiry-form .inputitemgrooup .inputitem.full {
    grid-column: span 2;
}

.product-inquiry-form .inputcheck {
    display: flex;
    align-items: center;
    margin-top: 0.19rem;
    font-size: 0.16rem;
    line-height: 1.25;
    color: #9CA3AF;
}
.product-inquiry-form .inputcheck .text .termsbtn {
    margin-left: 0.04rem;
    text-decoration: underline;
    color: #3B7CFC;
    cursor: pointer;
}


.submititemwrap {
    display: grid;
    grid-template-columns: 3.8rem 3.8rem;
    justify-content: center;
    margin-top: .58rem;
    gap: 0 1.74rem;
}
.submititemwrap .submitbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .58rem;
    line-height: .58rem;
    text-align: center;
    font-size: .2rem;
    line-height: 1.4;
    font-weight: 600;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer;
}
.submititemwrap .submitbtn.get {
    color: #fff;
    background: #EE1B22;
}
.submititemwrap .submitbtn.reset {
    color: #EE1B22;
    background: #FFF2F2;
}

/* right menu */
.right_menu {
    position: fixed;
    right: .14rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    display: none;
}

.right_menu a {
    display: block;
}

.right_menu .txt {
    font-size: 0.14rem;
}

.right_menu i {
    font-size: 0.27rem;
    height: 0.27rem;
    margin: 0 0 0.05rem;
    display: block;
}

.right_menu .menu_inquiry {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: .1rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0.14rem;
    background: #ED1B23;
    transition: 0.5s ease;
    backdrop-filter: blur(5px);
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    cursor: pointer;
}

.right_menu .menu_inquiry .btn:hover {
    color: #fff;
}
.right_menu .menu_inquiry .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.right_menu .menu_inquiry .btn i {
    display: block;
    width: .34rem;
    height: .34rem;
    background: url(../images/rminquiry.png) center center no-repeat;
    background-size: 100% auto;
}

.right_menu .menu_bott {
    padding: .18rem 0 0;
    border-radius: .1rem;
    background: #fff;
    opacity: 1;
    backdrop-filter: blur(5px);
    overflow: hidden;
    transition: 0.5s ease;
    font-size: 0.14rem;
    color: #000;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.right_menu .menu_bott .it {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 0.9rem;
    margin-bottom: .3rem;
    text-align: center;
    cursor: pointer;
}

.right_menu .menu_bott .it i,
.right_menu .menu_bott .gotop i {
    width: .32rem;
    height: .32rem;
}

.right_menu.cur .menu_inquiry {
    background: #114db4;
}

.right_menu.cur .menu_bott {
    opacity: 0.7;
}

.right_menu .menu_inquiry:hover i {
    -webkit-animation: jump-shaking .5s linear infinite;
    animation: jump-shaking .5s linear forwards
}

.right_menu .menu_bott li.active i {
    -webkit-animation: jump-shaking .5s linear forwards;
    animation: jump-shaking .5s linear forwards;
}

@-webkit-keyframes jump-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(-2px)
    }

    35% {
        transform: translateY(-2px) rotate(17deg)
    }

    55% {
        transform: translateY(-2px) rotate(-17deg)
    }

    65% {
        transform: translateY(-2px) rotate(17deg)
    }

    75% {
        transform: translateY(-2px) rotate(-17deg)    ;
        -webkit-transform: translateY(-2px) rotate(-17deg);
        -moz-transform: translateY(-2px) rotate(-17deg);
        -ms-transform: translateY(-2px) rotate(-17deg);
        -o-transform: translateY(-2px) rotate(-17deg);
}

    to {
        transform: translateY(0) rotate(0)
    }
}

@keyframes jump-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(-2px)
    }

    35% {
        transform: translateY(-2px) rotate(17deg)
    }

    55% {
        transform: translateY(-2px) rotate(-17deg)
    }

    65% {
        transform: translateY(-2px) rotate(17deg)
    }

    75% {
        transform: translateY(-2px) rotate(-17deg)
    }

    to {
        transform: translateY(0) rotate(0)
    }
}


.right_menu .menu_bott .it:hover {
    color: #EE1B22;
}

.right_menu .menu_bott .it.consult i {
    background: url(../images/rmconsult.png) center center no-repeat;
    background-size: 100% auto;
}
.right_menu .menu_bott .it.consult:hover i {
    background: url(../images/rmconsult_r.png) center center no-repeat;
    background-size: 100% auto;
}
.right_menu .menu_bott .it.whatsapp i {
    background: url(../images/rmwhatsapp.png) center center no-repeat;
    background-size: 100% auto;
}
.right_menu .menu_bott .it.whatsapp:hover i {
    background: url(../images/rmwhatsapp_r.png) center center no-repeat;
    background-size: 100% auto;
}
.right_menu .menu_bott .it.contact i {
    background: url(../images/rmcontact.png) center center no-repeat;
    background-size: 100% auto;
}
.right_menu .menu_bott .it.contact:hover i {
    background: url(../images/rmcontact_r.png) center center no-repeat;
    background-size: 100% auto;
}

.right_menu .menu_bott .gotop {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: .2rem;
}
.right_menu .menu_bott .gotop i {
    background: url(../images/gotopicon.png) center center no-repeat;
    background-size: 100% auto;
}

.expandbtn {
    display: none;
}


/* pages */
.pagesbar {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagesbar .it {
    display: block;
    min-width: 0.36rem;
    height: 0.36rem;
    margin: 0 0.09rem;
    padding: 0 0.1rem;
    font-size: 0.2rem;
    line-height: 0.34rem;
    text-align: center;
    color: #616161;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
}

.pagesbar .pprev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.36rem;
    height: 0.36rem;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.pagesbar .pprev i {
    display: block;
    width: 0.08rem;
    height: 0.08rem;
    margin-left: 0.02rem;
    border-right: 1px solid #2E2E2E;
    border-bottom: 1px solid #2E2E2E;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.pagesbar .pnext {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.36rem;
    height: 0.36rem;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.pagesbar .pnext i {
    display: block;
    width: 0.08rem;
    height: 0.08rem;
    margin-left: 0.02rem;
    border-right: 1px solid #2E2E2E;
    border-bottom: 1px solid #2E2E2E;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.pagesbar .it:hover,.pagesbar .it.cur {
    color: var(--themecolor);
}

.pagesbar .pprev:hover i,
.pagesbar .pnext:hover i {
    border-color: var(--themecolor);
}


.loadmorebtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.26rem;
    height: .5rem;
    margin: 0 auto;
    font-size: calc(0.2vw + 12px);
    text-align: center;
    color: #fff;
    background: var(--themecolor);
    cursor: pointer;
}


.ccontainer {
    display: flex;
    position: relative;
    width: 84vw;
    margin: 0 auto;
    background: #fff;
}

.searchpcontainer .breadcrumb {
    width: 84vw;
    margin: 0 auto .2rem;
}

.pfilterprolist {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
    padding-top: 1px;
}
.pfilterprolist .item {
    display: block;
    width: 33.33%;
    margin-top: 0.3rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    cursor: pointer;
}
.pfilterprolist .item .itemin {
    position: relative;
    background: #F8F8F8;
    transition: background .3s,box-shadow .3s;
    -webkit-transition: background .3s,box-shadow .3s;
    -moz-transition: background .3s,box-shadow .3s;
    -ms-transition: background .3s,box-shadow .3s;
    -o-transition: background .3s,box-shadow .3s;
}
.pfilterprolist .item .ihead {
    display: flex;
    align-items: center;
    height: 0.48rem;
    padding: 0 0.15rem;
    background: #EDECEC;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
}
.pfilterprolist .item h3,.pfilterprolist .item h3 a {
    display: block;
    flex: 1;
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #3D3D3D;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pfilterprolist .item .ihead .iarrow {
    display: block;
    width: 0.09rem;
    height: 0.09rem;
    border-right: 0.02rem solid #2E2E2E;
    border-bottom: 0.02rem solid #2E2E2E;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.pfilterprolist .item .icon {
    display: block;
    position: relative;
    width: 100%;
    height: 3.47rem;
    overflow: hidden;
}
.pfilterprolist .item .icon img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: contain;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
}
.pfilterprolist .item .icon .itag {
    display: block;
    position: absolute;
    right: 0.07rem;
    bottom: 0.08rem;
    height: 0.34rem;
    padding: 0 0.1rem;
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 0.34rem;
    color: #fff;
    background: rgba(40, 40, 40, 0.6);
}
.pfilterprolist .item .inin {
    display: flex;
    height: 1.33rem;
}
.pfilterprolist .item .inin .it {
    display: block;
    position: relative;
    flex: 1;
    height: 100%;
    padding: 0.16rem 0.33rem;
    box-sizing: border-box;
}
.pfilterprolist .item .inin .it .tit {
    display: block;
    font-size: 0.16rem;
    line-height: 0.4rem;
    color: #979797;
}
.pfilterprolist .item .inin .it .text {
    display: flex;
    align-items: flex-end;
    font-size: 0.3rem;
    line-height: 0.4rem;
    font-weight: bold;
    color: #3D3D3D;
    white-space: nowrap;
}
.pfilterprolist .item .inin .it .text sub {
    margin-top: auto;
    font-size: 0.16rem;
    line-height: 0.3rem;
    font-weight: normal;
}
.pfilterprolist .item .inin .it::after {
    display: block;
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(../images/iparamline.png) center center no-repeat;
    background-size: 100% auto;
}

/* search */
.searchpcontainer {
    padding: .85rem 0;
}
.searchpcontainer .ccontainer {
    display: block;
    padding: .53rem .26rem;
}
.searchbanner {
    margin-bottom: -1.96rem;
}
.searchbanner .bannerin .icon {
    height: 3.66rem;
    -webkit-background-position: center center;
    -moz-background-position: center center;
    -ms-background-position: center center;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.searchbanner .bread {
    bottom: initial;
    top: .22rem;
}
.searchbanner .mtext, .searchbanner .micon {
    display: none;
}

.ssearchbox {
    display: flex;
    align-items: center;
    width: 100%;
    padding: .28rem 3.96vw;
    background: #fff;
    box-sizing: border-box;
}
.ssearchbox .inin {
    display: flex;
    align-items: center;
    width: 84vw;
    height: .68rem;
    margin: 0 auto;
    padding: 4px;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border: 1px solid #CACBD4;
    box-sizing: border-box;
}
.ssearchbox .inin i {
    display: block;
    width: .28rem;
    height: .28rem;
    margin: 0 .2rem;
    background: url(../images/ininsearchicon.png) center center no-repeat;
    background-size: 100% auto;
}
.ssearchbox .inin input {
    display: block;
    flex: 1;
    height: 100%;
    font-size: calc(0.2vw + 12px);
    line-height: .6rem;
    color: #333;
    border: none;
    outline: none;
}
.ssearchbox .inin input:focus {
    box-shadow: none;
}
.ssearchbox .inin .hsearchbtn {
    display: block;
    width: 1.7rem;
    height: .6rem;
    font-size: calc(0.2vw + 12px);
    font-weight: bold;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background: var(--themecolor);
    border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    cursor: pointer;
}

.ssearchitem {
    padding: .32rem 0 .54rem;
    border-bottom: 1px solid #E8E8E8;
}


.nnewslist_search {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.26rem;
    padding: .2rem 0 .19rem;
    overflow: hidden;
}
.nnewslist_search .item {
    position: relative;
    width: 33.33%;
    margin-bottom: .31rem;
    padding-left: .26rem;
    overflow: hidden;
    box-sizing: border-box;
}
.nnewslist_search .item .itemin {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 5.6rem;
    background: #FBFBFB;
    box-shadow: 0 0 .04rem rgba(0, 0, 0, 0.1);
}
.nnewslist_search .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.8rem;
    overflow: hidden;
    -webkit-background-position: center center;
    -moz-background-position: center center;
    -ms-background-position: center center;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    transition: background 0.5s ease-in-out,height .3s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out,height .3s ease-in-out;
    -moz-transition: background 0.5s ease-in-out,height .3s ease-in-out;
    -ms-transition: background 0.5s ease-in-out,height .3s ease-in-out;
    -o-transition: background 0.5s ease-in-out,height .3s ease-in-out;
}
.nnewslist_search .item .icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.8rem;
    overflow: hidden;
    -webkit-background-position: center center;
    -moz-background-position: center center;
    -ms-background-position: center center;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    transition: background 0.5s ease-in-out,height .3s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out,height .3s ease-in-out;
    -moz-transition: background 0.5s ease-in-out,height .3s ease-in-out;
    -ms-transition: background 0.5s ease-in-out,height .3s ease-in-out;
    -o-transition: background 0.5s ease-in-out,height .3s ease-in-out;
}
.nnewslist_search .item .idate {
    display: block;
    position: absolute;
    height: .34rem;
    padding: 0 .1rem;
    top: 0;
    left: 0;
    font-size: calc(0.2vw + 12px);
    line-height: .34rem;
    color: #fff;
    background: var(--themecolor);
}
.nnewslist_search .item .inin {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: .16rem .26rem;
    box-sizing: border-box;
}
.nnewslist_search .item h3,.nnewslist_search .item h3 a {
    display: block;
    height: .56rem;
    font-size: .2rem;
    font-weight: bold;
    line-height: 1.4;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.nnewslist_search .item .text {
    display: block;
    margin-top: .28rem;
    font-size: calc(0.2vw + 12px);
    line-height: 1.42;
    color: #5B5B5B;
}
.nnewslist_search .item .imore {
    display: none;
    align-items: center;
    margin-top: auto;
    font-size: calc(0.2vw + 12px);
    line-height: 1.5;
    color: var(--themecolor);
}
.nnewslist_search .item .imore i {
    display: block;
    width: .16rem;
    height: .16rem;
    margin-left: .1rem;
    background: url(../images/iarrowtor.png) center center no-repeat;
    background-size: 100% auto;
}

.slmorebtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.48rem;
    height: .46rem;
    margin: .4rem auto 0;
    font-size: calc(0.2vw + 12px);
    line-height: .4rem;
    text-align: center;
    color: #181818;
    border: 1px solid #6D6D6D;
    box-sizing: border-box;
    cursor: pointer;
    transition: background .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: background .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: background .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: background .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;
}

.scaselist {}
.scaselist .item {
    padding: .2rem 0;
}
.scaselist .item .tit,
.scaselist .item .tit a {
    display: block;
    font-size: .2rem;
    font-weight: bold;
    color: #3D3D3D;
}
.scaselist .item .text {
    display: block;
    margin-top: .1rem;
    font-size: calc(0.2vw + 12px);
    line-height: .3rem;
    color: #3D3D3D;
}

.back-to-top { display: none; }
body.is-mobile .back-to-top { display: flex; }



@media (max-width: 991px) {
    .product-list-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    :root {
        --radius: 0.1rem;
--fs-body: clamp(0.28rem, 1.729vw, 0.32rem);
--fs-nav: clamp(0.26rem, 1.638vw, 0.3rem);
--fs-topbar: clamp(0.24rem, 1.456vw, 0.26rem);
--fs-title: clamp(0.58rem, 3.64vw, 0.72rem);
--fs-card-title: clamp(0.44rem, 2.093vw, 0.4rem);
--fs-card-meta: clamp(0.26rem, 1.511vw, 0.3rem);
--fs-card-value: clamp(0.44rem, 2.184vw, 0.4rem);
--fs-hot-title: clamp(0.3rem, 2.275vw, 0.4rem);
--fs-stat-number: clamp(0.66rem, 5.46vw, 1.019rem);
--fs-small: clamp(0.26rem, 1.456vw, 0.3rem);
    }

    .loadmorebtn {
        width: 2.7rem;
        height: .8rem;
        margin-top: .48rem;
        padding: 0 .38rem;
    }

    .container {
        width: calc(100vw - 0.28rem);
    }

    .topbar {
        height: .7rem;
        padding: 0.06rem 0;
    }

    .topbar-lang .icon {
        width: .3rem;
        height: .3rem;
    }

    .header .container {
        min-height: auto;
        align-items: center;
        flex-direction: row;
        padding-top: 0.14rem;
        padding-bottom: 0.14rem;
    }

    .menu-toggle {
        display: flex;
        order: 1;
    }

    .menu-toggle.active .menu-toggle-icon:nth-child(1) {
        transform: rotate(45deg) translate(0.05rem, 0.05rem);
        -webkit-transform: rotate(45deg) translate(0.05rem, 0.05rem);
        -moz-transform: rotate(45deg) translate(0.05rem, 0.05rem);
        -ms-transform: rotate(45deg) translate(0.05rem, 0.05rem);
        -o-transform: rotate(45deg) translate(0.05rem, 0.05rem);
    }

    .menu-toggle.active .menu-toggle-icon:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle.active .menu-toggle-icon:nth-child(3) {
        transform: rotate(-45deg) translate(0.06rem, -0.06rem);
        -webkit-transform: rotate(-45deg) translate(0.06rem, -0.06rem);
        -moz-transform: rotate(-45deg) translate(0.06rem, -0.06rem);
        -ms-transform: rotate(-45deg) translate(0.06rem, -0.06rem);
        -o-transform: rotate(-45deg) translate(0.06rem, -0.06rem);
    }

    .navbox {
        position: absolute;
        top: calc(100% - 2px);
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.9);
        box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        width: 100%;
        height: 0;
        padding: 0 .3rem;
        overflow: hidden;
        transition: height 0.3s ease;
        z-index: 99;
        -webkit-transition: height 0.3s ease;
        -moz-transition: height 0.3s ease;
        -ms-transition: height 0.3s ease;
        -o-transition: height 0.3s ease;
        box-sizing: border-box;
    }

    .navbox .nav {
        margin-left: 0;
    }

    .navbox.active {
        height: calc(100vh - 1.3rem);
        padding: 0.1rem .3rem;
    }

    .nav .item {
        width: 100%;
        height: .8rem;
        padding: 0.12rem 0.2rem;
        font-size: .3rem;
        color: #fff;
        border-bottom: 1px solid #6B6B6B;
    }

    .nav .item i {
        margin-left: auto;
        width: .2rem;
        height: .2rem;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    .search-btn {
        position: relative;
        
    }
    .header .hsearch {
        margin-left: auto;
        margin-right: .4rem;
    }

    .search-btn::after {
        display: block;
        position: absolute;
        top: 50%;
        right: -0.4rem;
        transform: translate(-50%, -50%);
        content: "";
        width: 1px;
        height: 0.26rem;
        background: #aaa;
    }

    .banner-arrow {
        width: 0.64rem;
        height: 0.64rem;
        font-size: var(--fs-card-meta);
    }

    .banner-arrow.prev {
        left: 0.12rem;
    }

    .banner-arrow.next {
        right: 0.12rem;
    }

    .slider-head-actions {
        gap: 0.08rem;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .section-head,
    .hot-head,
    .company-head {
        padding: .2rem 0 .2rem .42rem;
    }

    .section-head::before,
    .hot-head::before,
    .company-head::before {
        font-size: 1.28rem;
    }

    .product-line-wrap {
        margin: 0 .2rem;
    }

    .product-card {
        transform: scale(1) !important;
        opacity: 1 !important;
    }

    .product-card-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .learn-more {
        margin-left: auto;
        height: clamp(0.42rem, 17.7vw, 0.34rem);
    }

    .product-swiper-btnwrap .pager-btn {
        width: 0.7rem;
        height: 0.7rem;
    }

    .company-box {
        grid-template-columns: 1fr;
        padding-bottom: 2.86rem;
    }

    .company-box::before {
        width: 100%;
        height: calc(100% - 2rem);
        background: linear-gradient(178deg, #FFFFFF 46%, rgba(255, 255, 255, 0) 88%);
    }

    .company-stats {
        gap: 0.22rem;
        max-width: 100%;
    }

    .company-image {
        top: initial;
        bottom: 0;
        height: 7.89rem;
        background: url(../images/companyimg_m.png) center center no-repeat;
        background-size: auto 100%;
    }

    .hot-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .hot-sale-swiper {
        padding-bottom: 0;
        overflow: visible;
    }

    .hot-sale .slider-head-actions {
        display: none;
    }

    .hot-sale-swiper .swiper-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.12rem;
        transform: none !important;
    }

    .hot-sale-swiper .swiper-slide {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .hot-card {
        height: 2.9rem;
        padding: .12rem;
        min-height: 1.18rem;
        border-radius: 0.04rem;
        background: #fff;
        box-shadow: 0 0.01rem 0.06rem rgba(0, 0, 0, 0.06);
        display: flex;
        align-items: stretch;
        overflow: hidden;
    }

    .hot-card > img {
        width: 2.9rem;
        min-width: 2.8rem;
        height: 2.66rem;
        object-fit: cover;
    }

    .hot-overlay {
        position: static;
        inset: auto;
        background: #fff;
        font-size: .26rem;
        color: #222;
        padding: 0.12rem 0 0 .4rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex: 1;
    }

    .hot-mark {
        width: .7rem;
        height: .44rem;
        margin-bottom: -0.1rem;
    }

    .hot-card-title {
        color: #222;
        font-size: var(--fs-card-title);
        line-height: 1.45;
        margin-bottom: 0.1rem;
        min-height: auto;
        max-width: 100%;
        padding-left: .4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .hot-meta {
        display: none;
    }

    .hot-overlay .morebtn {
        display: block;
        margin-top: auto;
        font-size: .26rem;
        color: var(--primary);
        text-align: right;
    }

    .hot-sale-swiper .swiper-scrollbar {
        display: none;
    }

    .footer-main {
        padding: .2rem .56rem;
    }

    .footer-main .container,
    .footer-bottom .container {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-nav {
        display: none;
        justify-content: flex-start;
    }

    .footer-nav a:not(:last-child)::after {
        margin: 0 0.12rem;
    }

    .footer-lang {
        display: none;
    }

    .footer-bottom {
        height: auto;
        min-height: .6rem;
    }
    .footer-bottom .container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-prev span,
    .product-next span,
    .banner-arrow.prev span,
    .banner-arrow.next span {
        width: .22rem;
        height: .22rem;
    }

    .product-list-page {
        padding: 0.14rem 0 0.3rem;
    }

    .product-list-wrapper {
        flex-direction: column;
    }

    .product-sidebar {
        display: none;
    }

    .product-main {
        display: flex;
        flex-direction: column;
    }

    .breadcrumb {
        display: none;
    }

    .footbreadcrumb {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0 .32rem;
        width: 100%;
        height: .76rem;
        font-size: .24rem;
        background: #fff;
    }
    .footbreadcrumb .breadcrumb-home {
        display: block;
        width: .24rem;
        height: .24rem;
    }

    .mobile-filter-bar {
        display: flex;
        flex-direction: column;
        padding: 0.1rem 0.14rem;
        border-bottom: 1px solid var(--line);
    }

    .mobile-filter-item {
        flex: 1;
        position: relative;
        margin-bottom: .18rem;
    }

    .mobile-filter-header {
        display: flex;
        align-items: center;
        padding: 0.1rem 0.32rem;
        background: var(--bg);
        border-radius: var(--radius);
        font-size: .28rem;
        color: var(--text);
        cursor: pointer;
        margin: 0 0.04rem;
    }

    .sidebar-item {
        height: .8rem;
        font-size: .28rem;
    }
    .sidebar-item i {
        width: .24rem;
        height: .24rem;
    }

    .mobile-filter-header span {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-filter-arrow {
        width: 0;
        height: 0;
        border-left: 0.1rem solid transparent;
        border-right: 0.1rem solid transparent;
        border-top: 0.1rem solid var(--text);
        margin-left: 0.1rem;
        transition: transform 0.3s ease;
    }

    .mobile-filter-item.active .mobile-filter-arrow {
        transform: rotate(180deg);
    }

    .mobile-filter-header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0.1rem;
        height: 100%;
        background: var(--primary);
        border-radius: var(--radius) 0 0 var(--radius);
        -webkit-border-radius: var(--radius) 0 0 var(--radius);
        -moz-border-radius: var(--radius) 0 0 var(--radius);
        -ms-border-radius: var(--radius) 0 0 var(--radius);
        -o-border-radius: var(--radius) 0 0 var(--radius);
    }

    .mobile-filter-dropdown {
        display: none;
        position: absolute;
        top: 100%;
        left: 0.04rem;
        right: 0.04rem;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.1);
        z-index: 100;
    }

    .mobile-filter-item.active .mobile-filter-dropdown {
        display: block;
    }

    .mobile-filter-dropdown li {
        padding: 0.14rem 0.24rem;
        font-size: .26rem;
        color: var(--text);
        border-bottom: 1px solid var(--line);
        cursor: pointer;
        list-style: none;
    }

    .mobile-filter-dropdown li:last-child {
        border-bottom: none;
    }

    .mobile-filter-dropdown li a {
        color: var(--text);
        display: block;
    }

    .mobile-filter-dropdown li:hover,
    .mobile-filter-dropdown li.active {
        background: rgba(239, 28, 34, 0.08);
        color: var(--primary);
    }

    .mobile-filter-dropdown li:hover a,
    .mobile-filter-dropdown li.active a {
        color: var(--primary);
    }

    .product-list-header {
        display: none;
        padding: 0.1rem 0.14rem;
        margin-bottom: 0;
        padding-bottom: 0.1rem;
        border-bottom: none;
        background: #fff;
    }

    .product-list-title {
        font-size: var(--fs-card-title);
        margin-bottom: 0.02rem;
        font-weight: 600;
    }

    .product-list-count {
        font-size: var(--fs-card-meta);
        color: var(--muted);
    }

    .inquiry-btn {
        margin-left: 0.1rem;
        margin-top: 0;
        padding: 0.06rem 0.12rem;
        font-size: var(--fs-card-meta);
        white-space: nowrap;
    }

    .product-filter {
        display: none;
    }

    .product-list-headerin {
        display: none;
    }

    .product-list-grid {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 0;
    }

    .product-list-card {
        margin-bottom: .28rem;
    }

    .product-list-card-content {
        padding: .24rem;
    }

    .similar-product-card .product-list-card-specs {
        display: none;
    }

    .spec-item {
        padding-left: .4rem;
    }

    .spec-label {
        font-size: .24rem;
    }

    .spec-value {
        font-size: .3rem;
    }

    .product-list-card-footer {
        margin: 0 .12rem;
    }

    .more-btn {
        font-size: .26rem;
    }

    .pagination {
        margin: 0.4rem auto;
        padding: 0 0.14rem;
        gap: 0.16rem;
    }

    .pagination-btn {
        width: 0.56rem;
        height: 0.56rem;
    }

    .pagination-num {
        min-width: 0.56rem;
        height: 0.56rem;
        font-size: .32rem;
    }

    .pagination-btn span {
        width: .16rem;
        height: .16rem;
    }

    .product-detail-page {
        padding: 0.14rem 0 0;
    }

    .product-detail-wrapper {
        border-radius: 0;
    }

    .product-detail-wrapper .container {
        width: 100%;
    }

    .product-detail-main {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .product-info-section {
        padding: 0 .28rem;
    }

    .product-detail-title {
        font-size: .4rem;
    }

    .product-quick-specs {
        padding: 0.22rem .4rem;
    }

    .product-quick-specs .morebtn {
        right: .2rem;
        width: 0.16rem;
        height: 0.16rem;
        border-width: 1px;
    }

    .quick-spec-label {
        font-size: var(--fs-card-title);
        margin-bottom: 0.12rem;
        padding-bottom: 0.08rem;
    }

    .quick-spec-item {
        grid-template-columns: 2.44rem 1fr;
        gap: 0.08rem;
        margin-bottom: 0.08rem;
    }

    .quick-spec-item .spec-label {
        font-size: var(--fs-card-meta);
    }

    .quick-spec-item .spec-value {
        font-size: var(--fs-card-title);
    }

    .contact-btn {
        padding: 0.12rem 0.3rem;
    }

    .product-detail-tabs {
        padding: 0.2rem 0.14rem;
    }

    .ffcontactbtn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 1rem;
        font-size: .34rem;
        font-weight: bold;
        line-height: 1rem;
        color: #fff;
        background: #ED1B23;
        z-index: 1;
    }

    .contact-btnwrap {
        display: none;
    }

    .tab-header {
        display: none;
    }

    .parameters-section .section-title {
        font-size: var(--fs-card-title);
    }

    .parameters-table-wrap table {
        font-size: var(--fs-card-meta);
    }

    .parameters-table-wrap table th,
    .parameters-table-wrap table td {
        padding: 0.08rem;
    }

    .component-features .item {
        font-size: .24rem;
    }

    .components-grid {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }

    .component-card {
        border-width: 1px;
    }

    .component-image {
        height: auto;
    }

    .component-title {
        font-size: var(--fs-card-title);
        padding: 0.12rem;
    }

    .component-features {
        padding: 0.2rem;
    }

    .component-features li {
        font-size: var(--fs-card-meta);
        margin-bottom: 0.06rem;
    }

    .contact-form-left {
        padding: 0;
    }

    .contact-form-wrapper {
        display: block;
    }

    .contact-form-image {
        display: none;
    }

    .contact-form-section {
        padding: 0.3rem 0.14rem;
    }

    .contact-form-title {
        margin-bottom: 0;
        font-size: .4rem;
    }

    .form-row {
        flex-direction: column;
    }

    .form-group input {
        height: .6rem;
    }

    .form-group input,
    .form-group textarea {
        font-size: .26rem;
    }

    .form-group input {
        padding: 0 .24rem;
    }

    .form-group textarea {
        padding: .16rem .24rem;
    }

    .form-checkbox {
        font-size: .24rem;
    }

    .submit-btn {
        width: 2.14rem;
        height: .62rem;
        font-size: .3rem;
    }

    .similar-products-section {
        padding: 0.3rem 0.14rem;
    }

    .similar-products-section .section-title {
        font-size: var(--fs-card-title);
        margin-bottom: 0.2rem;
    }

    .similar-product-card {
        display: flex;
        border: none;
        box-shadow: none;
        background: transparent;
    }

    .similar-product-card .product-list-card-img {
        width: 2.9rem;
        height: 2.6rem;
        margin-right: .4rem;
        border-radius: .1rem;
        -webkit-border-radius: .1rem;
        -moz-border-radius: .1rem;
        -ms-border-radius: .1rem;
        -o-border-radius: .1rem;
        overflow: hidden;
    }

    .similar-product-card .product-list-card-title {
        position: relative;
        padding-left: .4rem;
        text-align: left;
    }

    .similar-product-card .product-list-card-title i {
        position: absolute;
        top: -0.24rem;
        left: 0;
        width: .7rem;
        height: .44rem;
        background: url(../images/hotmark.png) center center no-repeat;
        background-size: auto 100%;
    }

    .similar-product-card .product-list-card-footer {
        position: absolute;
        right: 0;
        bottom: 0;
        border: none;
    }

    .similar-products-swiper {
        overflow: visible !important;
    }

    .similar-products-swiper .swiper-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        transform: none !important;
    }

    .similar-products-swiper .swiper-slide {
        width: 100% !important;
        flex: none;
    }

    .similar-products-swiper .swiper-button-prev,
    .similar-products-swiper .swiper-button-next {
        display: none;
    }

    .contact-hero {
        height: 5.2rem;
    }

    .contact-hero-content {
        padding: .52rem .2rem 0;
    }

    .contact-hero-title {
        font-size: 0.52rem;
    }

    .contact-hero-subtitle {
        width: 6.86rem;
        font-size: 0.18rem;
    }

    .product-inquiry-section .container {
        width: 100%;
    }

    .inquiry-hero {
        height: 5.8rem;
    }

    .inquiry-hero-content {
        padding: .52rem .2rem 0;
    }

    .inquiry-hero-title {
        font-size: 0.52rem;
    }

    .inquiry-hero-subtitle {
        width: 6.86rem;
        font-size: 0.18rem;
    }

    .product-inquiry {
        margin: 0;
        padding: .38rem 0 0;
    }
    .product-inquiry-desc {
        padding: 0 .36rem;
        font-size: .26rem;
        text-align: left;
    }
    .product-inquiry-steps {
        margin-top: .6rem;
    }
    .product-inquiry-steps .step .num {
        margin: 0 .2rem;
        border: .06rem solid #EE1B22;
    }
    .product-inquiry-steps .step .txt {
        width: 1.64rem;
        font-size: .2rem;
        white-space: initial;
    }
    .product-inquiry-steps .step3 .txt {
        text-align: center;
    }
    .product-inquiry-steps .stepline {
        width: 2.02rem;
    }

    .product-inquiry-form {
        margin-top: 2rem;
        padding: .2rem .2rem .6rem;
        background: #f7f7f7;
    }

    .product-inquiry-form .inputitemgrooup {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: .2rem;
        
        background: #fff;
        border-radius: .1rem;
        -webkit-border-radius: .1rem;
        -moz-border-radius: .1rem;
        -ms-border-radius: .1rem;
        -o-border-radius: .1rem;
    }
    .product-inquiry-form .inputitemgrooup.show {
        padding: 1px .18rem .25rem;
    }

    .product-inquiry-form .inputitem .ilabel {
        height: auto;
        margin-top: .25rem;
        font-size: .26rem;
    }
    .product-inquiry-form .inputitem select,
    .product-inquiry-form .inputitem input,
    .product-inquiry-form .inputitem textarea {
        font-size: .26rem;
    }
    .product-inquiry-form .inputitem select,
    .product-inquiry-form .inputitem input {
        height: .7rem;
    }
    .product-inquiry-form .inputitem .txt .protect {
        position: relative;
        top: initial;
        left: initial;
        font-size: .24rem;
    }
    .product-inquiry-form .inputitem .txt .protect i {
        width: .24rem;
        height: .24rem;
    }
    .moreformbt {
        margin-top: .2rem;
        font-size: .26rem;
    }
    .moreformbt i {
        width: .16rem;
        height: .16rem;
    }
    .product-inquiry-form .inputitemgrooup.moregroup {
        margin-top: .2rem;
    }
    .product-inquiry-form .inputitemgrooup.moregroup.show {
        padding: .25rem .18rem;
    }

    .submititemwrap {
        grid-template-columns: 3.35rem 2.65rem;
        gap: 0 .68rem;
        margin-top: .5rem;
    }
    .submititemwrap .submitbtn {
        height: .7rem;
        font-size: .3rem;
    }
    .product-inquiry-form .inputcheck {
        font-size: .26rem;
    }
    .product-inquiry-form .inputcheck .termsbtn {
        display: block;
    }

    .global-presence .section-desc {
        font-size: 0.2rem;
    }

    .contact-content-section {
        padding: 0.3rem 0;
    }

    .contact-content-wrapper {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }

    .contact-info-block {
        padding: 0.15rem;
    }

    .contact-block-title {
        font-size: 0.28rem;
        margin-bottom: 0.2rem;
    }

    .contact-details {
        gap: 0.15rem;
    }

    .contact-detail-item {
        gap: 0.1rem;
    }

    .world-map {
        order: 1;
    }

    .ccontact {
        margin-top: .22rem;
        padding: .34rem 0;
    }
    .ccontact .inline {
        display: block;
        padding: 0 .45rem;
    }
    .ccontact .tit {
        font-size: .3rem;
    }
    .ccontact .socialmedia {
        display: block;
        margin-top: .22rem;
    }
    .ccontact .socialmedia .ilabel {
        font-size: .24rem;
        line-height: 1.7;
    }
    .ccontact .socialmedia .socialmedia_in {
        margin-top: .23rem;
        margin-left: -0.22rem;
    }
    .ccontact .socialmedia .socialmedia_in .it {
        width: .68rem;
        height: .68rem;
        margin-left: .22rem;
    }
    .ccontact .socialmedia .socialmedia_in .it:first-child {
        margin-left: .22rem;
    }
    .ccontact .ccontact_in {
        display: block;
        margin: .3rem .48rem 0;
    }
    .ccontact .ccontact_in .item {
        margin-right: 0;
        padding: .22rem 0;
    }
    .ccontact .ccontact_in .item .icon {
        width: .5rem;
        height: .5rem;
        margin-top: .2rem;
        margin-right: .5rem;
    }
    .ccontact .ccontact_in .item .itemin {
        flex: 1;
    }
    .ccontact .ccontact_in .item .tit {
        font-size: .26rem;
        font-weight: normal;
        line-height: 1.7;
    }
    .ccontact .ccontact_in .item .text {
        font-size: .26rem;
        font-weight: bold;
        line-height: 1.7;
    }

    .lyinfo .text {
        font-size: .26rem;
        line-height: 1.7;
    }
    .lyinfo_form {
        margin-top: .12rem;
    }
    .lyinfo_form .inputitem {
        margin-bottom: .22rem;
        background: #fff;
    }
    .lyinfo_form .inputitem input {
        height: .6rem;
        padding: 0 .16rem;
        font-size: .24rem;
        line-height: .56rem;
    }
    .lyinfo_form .inputtextarea {
        background: #fff;
    }
    .badcontact .lyinfo .lyinfo_form .inputtextarea {
        height: 2.16rem;
        padding: .1rem 0;
    }
    .lyinfo_form .inputtextarea textarea {
        padding: 0 .16rem;
        font-size: .24rem;
    }
    .lyinfo_form .inputcheck .text {
        font-size: .24rem;
    }
    .lyinfo_form .inputcheck i {
        width: .38rem;
        height: .38rem;
        margin-right: .22rem;
    }
    .lyinfo_form .sendbtn {
        width: 2.14rem;
        height: .62rem;
        margin-top: .4rem;
        font-size: .32rem;
        line-height: .62rem;
    }

    .contact-form .lyinfo .lyinfo_form .inputgroup {
        display: block;
    }
    .contact-form .lyinfo .lyinfo_form .inputgroup .inputitem:last-child {
        margin-left: 0;
    }
    .contact-form .lyinfo {
        padding: .32rem .1rem;
        background: none;
    }
    .contact-form .lyinfo .lyinfo_form {
        margin: .28rem 0;
    }

    .attachment {
        display: none;
    }

    .detail-icon {
        width: 0.4rem;
        height: 0.4rem;
    }

    .detail-title {
        font-size: 0.24rem;
    }

    .detail-text {
        font-size: 0.22rem;
    }

    .contact-form-block {
        padding: 0.2rem;
    }

    .contact-form-block .contact-form-title {
        font-size: 0.26rem;
        margin-bottom: 0.15rem;
    }

    .contact-form-block .contact-form {
        gap: 0.12rem;
    }

    .contact-form-block input,
    .contact-form-block textarea {
        padding: 0.08rem 0.1rem;
        font-size: 0.22rem;
    }

    .contact-form-block textarea {
        min-height: 0.8rem;
    }

    .contact-form-block .submit-btn {
        padding: 0.1rem 0.25rem;
        font-size: 0.24rem;
        width: 100%;
    }


    .popup-fillinfo .popupcon {
        width: 96vw;
    }
    .popup-fillinfo .popupform .inputitemgrooup {
        display: block;
    }
    .popup-fillinfo .popupcon .popuptitle {
        font-size: .36rem;
    }
    .popup .popupclose {
        width: .44rem;
        height: .44rem;
    }
    .popup-fillinfo .popupform .inputitem {
        margin-bottom: .34rem;
    }
    .popup-fillinfo .popupform .inputitem .ilabel {
        font-size: .28rem;
    }
    .popup-fillinfo .popupform .inputitem input {
        height: .66rem;
        font-size: .26rem;
    }
    .popup-fillinfo .popupform .inputitem .txt .protect {
        position: relative;
        margin-top: .1rem;
        font-size: .24rem;
    }
    .popup-fillinfo .popupform .inputitem .txt .protect i {
        width: .24rem;
        height: .24rem;
    }
    .popup-fillinfo .popupform .inputcheck {
        align-items: flex-start;
        font-size: .26rem;
        line-height: 1.6;
    }
    .popup-fillinfo .popupform .inputcheck i {
        width: .26rem;
        height: .26rem;
        margin-right: .16rem;
        margin-top: .04rem;
    }

    .popup-sale {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .popup-sale .popupcon {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: initial;
        bottom: 0;
        width: 100%;
        height: calc(100vh - 1.8rem);
        overflow: hidden;
    }
    .popup-sale .pfillinline {
        height: .86rem;
    }
    .popup-sale .pfillinline .popuptitle {
        font-size: .3rem;
    }
    .popup-sale .popupclose {
        top: 0;
        right: 0;
        width: .86rem;
        height: .86rem;
        background: url(../images/closeicon_w.png) center center no-repeat;
        background-size: .4rem auto;
    }
    .pschats {
        flex: 1;
        height: auto;
    }
    .pschats .chat-item .chat-name {
        font-size: .24rem;
    }
    .pschats .chat-item .chat-content .chat-text {
        padding: .16rem .12rem;
        font-size: .26rem;
    }
    .popup-sale .inputtxtbar {
        height: 3rem;
    }
    .popup-sale .inputtxtbar textarea {
        font-size: .24rem;
    }
    .popup-sale .inputtxtbar .sendbtn {
        width: .96rem;
        height: .56rem;
        font-size: .24rem;
        line-height: .56rem;
    }

    .back-to-top {
        display: flex;
    }
    .right_menu .menu_bott {
        padding-top: .24rem;
    }
    .right_menu .menu_bott .gotop {
        display: none;
    }

    .right_menu .menu_inquiry {
        width: 1.2rem;
        height: 1.2rem;
    }
    .right_menu .menu_inquiry .btn i {
        width: .44rem;
        height: .4rem;
    }

    .right_menu .menu_bott {
        padding-top: 0;
    }
    .right_menu .menu_bott .menu_blist {
        display: none;
    }

    .right_menu .menu_bott .it {
        width: 1.2rem;
    }
    .right_menu .menu_bott .it i, .right_menu .menu_bott .gotop i {
        width: .42rem;
        height: .42rem;
    }

    .expandbtn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: .32rem;
        font-size: .18rem;
        line-height: .32rem;
        color: #4c4c4c;
    }
    .expandbtn i {
        display: block;
        width: .14rem;
        height: .14rem;
        margin-left: .1rem;
        margin-top: .04rem;
        background: url(../images/expandarrow.png) center center no-repeat;
        background-size: 100% auto;
    }

    .right_menu .menu_bott.showin {
        padding-top: .24rem;
    }
    .right_menu .menu_bott.showin .menu_blist {
        display: block;
    }
    .right_menu .menu_bott.showin .expandbtn {
        background: #ECECEC;
    }
    .right_menu .menu_bott.showin .expandbtn i {
        transform: rotate(180deg);
    }

    .searchpcontainer {
        padding: .2rem 0;
    }

    .searchpcontainer .ccontainer {
        width: 100%;
        background: none;
        box-sizing: border-box;
    }

    .searchpcontainer .ccontainer .ssearchbox .inin {
        width: 100%;
    }

    .ssearchitem {
        padding-bottom: .2rem;
        border-bottom: 0;
    }

    .ssearchitem .pfilterprolist {
        margin-left: 0;
        padding: 0;
    }
    .ssearchitem .pfilterprolist .item {
        width: 100%;
        padding-left: 0;
    }

    .nnewslist_search {
        margin-left: 0;
    }
    .nnewslist_search .item {
        display: block;
        width: 100%;
        margin: 0;
        padding: .14rem 0;
    }
    .nnewslist_search .item .itemin {
        display: flex;
        flex-direction: row;
        height: auto;
        background: none;
        box-shadow: none;
    }
    .nnewslist_search .item:first-child {
        margin-bottom: .18rem;
    }
    .nnewslist_search .item .icon {
        width: 3.44rem;
        height: 2.43rem;
    }
    .nnewslist_search .item .inin {
        padding: .44rem .2rem 0;
    }
    .nnewslist_search .item h3, .nnewslist_search .item h3 a {
        height: .88rem;;
        font-size: .3rem;
        line-height: .44rem;
        color: #000;
    }
    .nnewslist_search .item .text {
        height: .96rem;
        margin-top: .12rem;
        font-size: .22rem;
        line-height: .32rem;
        color: #5b5b5b;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .nnewslist_search .item .idate {
        height: .35rem;
        left: 3.66rem;
        padding: 0 .12rem;
        font-size: .22rem;
        line-height: .35rem;
    }

    .ssearchitem_in {
        margin-top: .2rem;
        padding: .2rem .28rem .5rem;
        background: #fff;
    }
    .scaselist {
        
    }
    .scaselist .item {
        border-bottom: 1px solid #E8E8E8;
    }
    .scaselist .item .text {
        overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;
    }
}
@media (max-width: 480px) {
    .product-list-card-img {
        height: 4.68rem;
    }
    .hot-meta {
        grid-template-columns: 1fr;
    }

    .hot-meta-item::after {
        display: none !important;
    }

    .pager-btn,
    .product-swiper-btnwrap .pager-btn {
        width: 0.7rem;
        height: 0.7rem;
        font-size: .6rem;
        line-height: .7rem;
        vertical-align: top;
    }
}