body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    line-height: 1;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5tahoma, arial, \5b8b\4f53;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: couriernew, courier, monospace;
}

small {
    font-size: 12px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.w {
    width: 16.86rem;
    margin: 0 auto;
}

.footer-box .Search-box {
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
}

.footer-box .Search-box {
    padding-left: 10px;
}

.footer-box .Search-box span {
    margin-top: 4px;
}

.footer-box .Search-box input {
    padding-left: 0;
}

.box-show {
    box-sizing: border-box;
}

.f0 {
    font-size: 0;
}

.bg {
    /* background-color: #999; */
}

footer {
    background: #F8F7F7;
}

.footer-box {
    padding-top: 0.95rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.8rem;
    width: 16.86rem;
}

.l-text-img {
    display: flex;
}

.l-img-f {
    width: 0.97rem;
    height: 0.37rem;
    font-size: 0;
    margin-right: .92rem;
    margin-top: -.24rem;
}

.neum-f {
    margin-right: .8rem;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
}

.neum-f a {
    color: #333333;
}

.neum-f div {
    margin-bottom: .14rem;
}

.neum-f .t-tle-f {
    margin-bottom: .3rem;
}

.title-f-r {
    text-transform: uppercase;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
}

.input-f {
    display: flex;
    border-bottom: 1px solid #0A0205;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
}

.input-f div {
    width: 50%;
    display: flex;
}

.input-f input {
    flex: 1;
}

.input-f input {
    width: 2rem;
    outline: none;
    border: none;
    background-color: #F8F7F7;
}

.r-input {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: .16rem;
}

.r-f-bon {
    margin-bottom: .35rem;
}

.mySwiper-bg2 .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 1s linear 6s;
    transform: scale(1.1, 1.1);
}

.mySwiper-bg2 .swiper-slide-active img,
.swiper-slide-duplicate-active img {
    transition: 6s linear;
    transform: scale(1, 1);
}

.checkbox-f {
    font-size: 0.14rem;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
    margin-top: .14rem;
}

.checkbox-f span {
    position: relative;
    top: -2px;
    margin-left: .06rem;
}

.title-box-d {
    font-size: .16rem !important;
}

.pid-titkle {
    justify-content: center !important;
    margin-top: .65rem !important;
    margin-bottom: .34rem !important;
    font-family: Arial;
    font-weight: 400;
    font-size: 0.16rem !important;
    color: #333333;
}

.btn-r {
    width: 1.25rem;
    height: 0.36rem;
    border: 1px solid #A0A0A0;
    border-radius: 0.18rem;
    text-align: center;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
}

.l-img {
    width: 0.97rem;
    height: 0.37rem;
    font-size: 0;
}

header {
    display: flex;
    height: .72rem;
    justify-content: space-between;
    display: flex;
    height: .72rem;
    align-items: center;
    background: #FFFFFF;
}

.r-box div:nth-child(1) {
    margin-right: .2rem;
}

.r-box svg {
    width: .18rem;
    height: .18rem;
}

.r-box {
    display: flex;
    align-items: center;
}

.img-bar {
    height: 6.65rem;
    position: relative;
}

img {
    width: 100%;
    height: 100%;
}

.head-nem {
    height: .72rem;
    position: relative;
}

.men-box {
    position: relative;
    padding: .5rem 0;
    z-index: 2;
    display: flex;
    margin-left: -.2rem !important;
}

.Search-box {
    width: 4.6rem;
    height: 0.36rem;
    background: #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 0.18rem;
}

.haeder-fstr-box .Search-box {
    font-size: 0px;
    display: flex;
    align-items: center;

}

.Search-box span {
    float: right;
}

.Search-box svg {
    width: .18rem;
    height: .18rem;
    color: #979797;
    margin-right: .1rem;
}


/* 点击效果 */
.login-btns:active {
    animation: clickEffect 0.3s ease;
}

/* 定义点击效果的动画 */
@keyframes clickEffect {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}
.Search-box input {
    outline: none;
    width: 4.6rem;
    height: 0.36rem;
    border: none;
    padding-left: .1rem;
    border-radius: 0.18rem;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #979797;
}

.vindex .box-js-f {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%;
}

.back-ff {
    position: absolute;
    width: 200vw;
    left: 0;
    top: 0;
    left: -100vw;
    height: 100%;
    position: absolute !important;
    background-color: #fff;
    overflow-y: hidden;
}

.mew-value a {
    color: #333333;
    font-size: .16rem;
}

.about-box .about-box-text,
.about-box .all-div {
    font-size: .16rem;
}

body {
    overflow-x: hidden;
}

.vindex {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
    margin-right: .54rem;
}

.vindex a,
a {
    color: #333333;
    text-decoration: none !important
}

.men-box .mew-value,
.mew-value a {
    font-family: Arial;
    font-weight: normal;
    font-size: .16rem;

    color: #333333;
}

.mew-value a {
    display: block;
}

.vindex .box-js-f {
    margin-left: .4rem;
}

img {
    width: 100%;
    height: 100%;
}

#Search .men-box {
    padding-top: .24rem;
    padding-bottom: .36rem;
    padding-left: .1rem;
    justify-content: center;
}

.pr {
    position: relative;
}

.parent3 .pr .text-valu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.32rem;
    font-family: Arial;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: center;
}

.box-js-f .men-box {
    left: .14rem;
}

.men-box::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    /* 填充的背景色 */
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
    /* 只在下方创建阴影 */
    z-index: -1;
    /* 确保伪元素在最底层 */
}

.box-js-f .men-box::before {
    left: -100vw;
    width: 200vw;
}

.products-itle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    color: #FFFFFF;

}

/* CSS 样式 */
.dropdown {
    position: relative;
    font-size: .16rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #221815;
    display: inline-block;
}

.dropdown-select {
    font-family: Arial;
    width: 2.7rem;
    height: 0.36rem;
    background: #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 0.18rem;
    text-align: left;
    padding: .0rem .2rem;
    box-sizing: border-box;
    z-index: 4;
    line-height: .34rem;
    cursor: pointer;
    position: relative;
}

.dropdown-options {
    position: absolute;
    background-color: #fff;
    min-width: .2rem;
    border: 1px solid #A0A0A0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    width: 100%;
    box-sizing: border-box;
    border-top-right-radius: 0;
    padding-top: .26rem;
    padding-left: .22rem;
    padding-right: .22rem;
    border-top-left-radius: 0;
    border-top: none;
    margin-top: -.15rem;
    border-bottom: 1px solid #B2AFAA;
    ;
    z-index: 1;
}

.dropdown-options> :last-child {
    border: none;
}

.dropdown-options.show {
    display: block;
}

.dropdown-options.menu_show {
    display: block;
    opacity: 1;
}

.dropdown-select span {
    float: right;
}

.dropdown-select svg {
    width: .15rem;
    height: .15rem;
}

.dropdown-option {
    text-align: left;
    padding: .12rem 0;

    border-bottom: 1px solid #B2AFAA;
    ;
    cursor: pointer;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #B2AFAA;
}

.m05 {
    margin-right: .05rem;
}

.pro-w {
    width: 14rem;
    margin: 0 auto;
}

.product-gi {
    width: 14rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: .34rem;
    grid-row-gap: .34rem;
}

.product-gi-img {
    height: 4.3rem;
}

.product-gi-title {
    margin-top: .17rem;
    margin-bottom: .1rem;
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #231815;
}

.product-gi-text {
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #888787;
}

body .mb0 {
    margin-bottom: 0;
}

.Load-mo {
    text-align: center;
    font-size: 0;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 0.66rem;
    text-transform: uppercase;
    margin-bottom: 0.66rem;
    cursor: pointer;

}

.Load-mo span {
    font-size: 0.16rem;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
}

.Load-mo span:nth-child(1) {
    margin-right: .06rem;
}

.Load-mo svg {
    width: .18rem;
    height: .18rem;
}

.More-box {
    display: none;
}

.men-box .mew-value {
    display: flex;
    font-size: 0.16rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    flex-direction: column;
    color: #333333;
    height: 2.6rem;
    position: relative;
}

body {
    padding-top: .72rem;
}

.mew-value-title {
    margin-bottom: .3rem !important;
    text-align: left;
    width: 100%;
}

.font-d {
    text-transform: uppercase;
}

.mew-value div {
    margin-bottom: .14rem;
    width: 100%;
    text-align: left;
}

.mew-value-fort {
    margin-top: .3rem !important;
    font-size: .16rem;
}

.products-box a {
    width: 100%;
    height: 100%;
    display: block;
}

.image-box-pu {
    width: 5.3rem;
    height: 2.6rem;
    position: absolute;
    left: 4.15rem;
}

.mew-value-fort {
    position: absolute;
    bottom: 0;
    margin-bottom: 0 !important;
}