/* 基础样式重置 */
/* 原字体 */
/*@font-face {*/
/*    font-family: "MiSans-Regular";*/
/*    src: url(../fonts/MiSans/MiSans-Regular.ttf) format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: "MiSans-Thin";*/
/*    src: url(../fonts/MiSans/MiSans-Thin.ttf) format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: "MiSans-ExtraLight";*/
/*    src: url(../fonts/MiSans/MiSans-ExtraLight.ttf) format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
@font-face {
    font-family: "MiSans-Light-big";
    src: url(../fonts/MiSans/Light/MiSans-Light-big.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*@font-face {*/
/*    font-family: "MiSans-Normal";*/
/*    src: url(../fonts/MiSans/MiSans-Normal.ttf) format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: "MiSans-Medium";*/
/*    src: url(../fonts/MiSans/MiSans-Medium.ttf) format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: "MiSans-Semibold";*/
/*    src: url(../fonts/MiSans/MiSans-Semibold.ttf) format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
@font-face {
    font-family: "MiSans-Demibold";
    src: url(../fonts/MiSans/Demibold/MiSans-Demibold.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*@font-face {*/
/*    font-family: "MiSans-Bold";*/
/*    src: url(../fonts/MiSans/MiSans-Bold.ttf) format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: "MiSans-Heavy";*/
/*    src: url(../fonts/MiSans/MiSans-Heavy.ttf) format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/* 压缩字体 */
@font-face {
    font-family: "MiSans-Medium";
    src: url(../fonts/MiSans/Medium/MiSans-Medium.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 首页Bold */
@font-face {
    font-family: "MiSans-Bold-shouye";
    src: url(../fonts/MiSans/Bold/MiSans-Bold-shouye.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*@font-face {*/
/*    font-family: "MiSans-Bold";*/
/*    src: url(../fonts/MiSans/Bold/MiSans-Bold.woff2) format("woff2");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* 压缩的字体 */
@font-face {
    font-family: "MiSans-Regular";
    src: url(../fonts/MiSans/Regular/MiSans-Regular.eot);
    src: url(../fonts/MiSans/Regular/MiSans-Regular.eot?#font-spider) format("embedded-opentype"), url(../fonts/MiSans/Regular/MiSans-Regular.woff2) format("woff2"), url(../fonts/MiSans/Regular/MiSans-Regular.woff) format("woff"), url(../fonts/MiSans/Regular/MiSans-Regular.ttf) format("truetype"), url(../fonts/MiSans/Regular/MiSans-Regular.svg) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    color: #1a1a1a;
    background-color: #fff;
    line-height: 1.6;
    font-family: "MiSans-Regular";
    /*font-family: 'Arial';*/
}

.m-regular{
    font-family: "MiSans-Regular";
}
/*.m-thin{*/
/*    font-family: 'MiSans-Thin';*/
/*}*/
/*.m-extralight{*/
/*    font-family: 'MiSans-ExtraLight';*/
/*}*/
/* 产品 */
.m-light{
    font-family: 'MiSans-Light';
}
.m-normal{
    font-family: 'MiSans-Normal';
}
.m-medium{
    font-family: 'MiSans-Medium';
}
/*.m-mediums{*/
/*    font-family: 'MiSans-Mediums';*/
/*}*/
/*.m-semibold{*/
/*    font-family: 'MiSans-Semibold';*/
/*}*/
/* 产品 */
.m-demibold{
    font-family: 'MiSans-Demibold';
}
/* 首页Bold */
.m-bold-shouye{
    font-family: 'MiSans-Bold-shouye';
}
.m-bold{
    font-family: 'MiSans-Bold';
}
/*.m-heavy{*/
/*    font-family: 'MiSans-Bold';*/
/*}*/

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

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

.container {
    width: auto;
    /* max-width: 1200px; */
    margin: 0 auto;
    box-sizing: content-box;
    padding: 0 0.75rem;
}

.section-title {
    font-size: 0.32rem;
    line-height: 0.32rem;
    /* font-weight: 500; */
    margin-bottom: 0.53rem;
    text-align: center;
}

.section-b{
    display: none;
}

.outline-btn {
    min-width: 0.96rem;
    line-height: 0.31rem;
    border: 1px solid rgb(6, 0, 1);
    background: transparent;
    /* padding: 5px 15px; */
    font-size: 0.2rem;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 0.05rem;
    transition: all 0.3s ease;
}

.outline-btn:hover {
    border-color: #333;
    color: #333;
}

.categories-btn{
    display: inline-block;
    text-align: center;
}

/* 导航栏样式 */
.header {
    padding: 0 0.75rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: all 0.3s ease;
}

.header.on{
    background: #fff;
}

.bg-black {
    background: rgba(0, 0, 0, 0.8);
}

.nav-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    transition: padding 0.3s ease;
}

.bg-black .nav-container {
    padding: 14px 0;
}

.logo {
    position: absolute;
    left: 0;
    /* color: #fff;
    font-size: 18px;
    font-weight: 500; */
}

.bg-black .logo {
    opacity: 0;
}

.logo-w {
    display: none;
}

.bg-black .logo-w {
    display: block;
}

.bg-black .logo-w .black{
    display: none;
}

.bg-black.on .white{
    display: none;
}

.bg-black.on .black{
    display: block;
}

.logo img{
    position: absolute;
    top: -8px;
    max-width: 176px;
}

.logo .hover-black{
    display: none;
}

.nav-links {
    display: flex;
    gap: 20px;
}

.en-header .nav-links{
    gap: 15px;
}

.nav-links li{
    display: flex;
}

.bg-black .nav-links {
    position: absolute;
    left: 0;
}

.nav-link {
    font-size: 0.18rem;
    line-height: 0.15rem;
    padding: 6px 14px;
    border-radius: 3px;
    position: relative;
    /* transition: all 0.3s ease; */
}

.en-header .nav-link{
    padding: 7px 6px 6px 7px;
}

.bg-black .nav-link {
    color: #fff;
    font-size: 0.16rem;
    font-family: 'MiSans-Medium';
}

.bg-black .nav-link:hover, .bg-black .nav-link.on{
    color: #1a1a1a;
    background: rgba(242,242,242,0.5);
}

.nav-link:hover, .nav-link.on, .nav-link.ons{
    background: #f2f2f2;
    background: rgba(242,242,242,0.9);
    color: inherit;
}

.language{
    position: absolute;
    right: 0;
}

.language a{
    font-size: 0.18rem;
    display: flex;
    border: 1px solid #1a1a1a;
    align-items: center;
    padding: 0.01rem 0.05rem;
    border-radius: 3px;
}

.header.on .language a{
    color: inherit;
    border-color: inherit;
}

.language img{
    height: 0.2rem;
    margin-left: 0.05rem;
}

.bg-black .language a{
    background: #f2f2f2;
    border-color: #f2f2f2;
    color: inherit;
}

.foot-language{
    position: static;
    margin-top: 0.58rem;
}

.foot-language a{
     border-color: rgb(230, 230, 230)!important;
     color: inherit!important;
     border-width: 2px;
     width: 1.78rem;
     line-height: 0.83rem;
     font-size: 0.26rem;
     display: flex;
     justify-content: center;
     align-items: center;
}

.foot-language img{
    height: 0.41rem;
    margin-left: 0.22rem;
}

/* 导航下拉 */
.subna{
    display: none;
    position: fixed;
    width: 100%;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    background: #fff;
    padding: 0.57rem 0 0.65rem;
}

.bg-black .subna{
    top: 36px;
}

.bg-black.on .nav-link{
    color: #1a1a1a;
}

.subna .container{
    max-width: 12.08rem;
    display: flex;
}

.en-header .subna .container{
    max-width: 12.5rem;
}

.product-list{
    flex-wrap: wrap;
    flex: 1;
}

.product-list .list{
    /* width: calc(25% - calc(3 / 4 * 0.7rem)); */
    width: 25%;
    /* margin-right: 0.7rem; */
    margin-top: 0.32rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* .product-list .list:nth-child(4n){
    margin-right: 0;
} */

.product-list .list b{
    margin-bottom: 0.1rem;
    font-size: 0.17rem;
    line-height: 0.17rem;
}

.product-list .btns{
    line-height: 0.15rem;
}

.product-list .btns a{
    border: 1px solid rgb(12, 3, 7);
    border-radius: 2px;
    width: 27px;
    height: 15px;
    font-size: 0.12rem;
    line-height: 0.12rem;
    text-align: center;
    padding: 0 0.02rem 0 0.03rem;
}

.product-list .img{
    width: 1.24rem;
    height: 1.24rem;
    margin-bottom: 0.34rem;
    align-items: center;
    justify-content: center;
}

.product-list img{
    height: 100%;
}

.product-list .img a{
    height: 100%;
}

.product-catalog{
    position: relative;
    max-width: 3.13rem;
    flex-direction: column;
    margin-top: 0.32rem;
    align-items: flex-start;
    padding-left: 0.8rem;
    border-left: 1px solid #e6e5e6;
    margin-left: 1rem;
    font-size: 0.15rem;
    line-height: 0.15rem;
}

.product-catalog > b{
    font-size: 0.2rem;
    line-height: 0.2rem;
    margin-bottom: 0.16rem;
}

.product-catalog a{
    margin-bottom: 0.17rem;
    transition: opacity 0.3s ease;
}

.product-catalog a:hover{
    opacity: 0.8;
}

/* 
.nav-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
} */

.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.mobile-menu {
    display: none;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
}

.mobile-link {
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 探索品牌样式 */
.hero {
    position: relative;
    /* height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://picsum.photos/id/1015/1920/1080');
    background-size: cover;
    background-position: center;
    /* filter: brightness(0.8); */
}

.hero-content {
    position: relative;
    text-align: center;
    color: #fff;
}

.hero-content h1 {
    font-size: 60px;
    font-weight: 300;
    letter-spacing: 8px;
    margin-bottom: 15px;
}

.hero-content p {
    font-size: 16px;
    margin-bottom: 30px;
    opacity: 0.9;
}

.explore-btn {
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    transition: opacity 0.3s ease;
}

.explore-btn:hover {
    opacity: 0.8;
}

/* 产品系列样式 */
.product-series {
    padding: 1.23rem 0 1.19rem;
}

.product-tabs {
    max-width: 8rem;
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 1.13rem;
    flex-wrap: wrap;
}

.tab-link {
    opacity: 0.5;
    font-size: 0.2rem;
    text-align: center;
    transition: opacity 0.3s ease;
}

.tab-link.swiper-slide-thumb-active{
    opacity: 1;
}

.tab-link:hover {
    opacity: 1;
    /* color: #333; */
}

.product-slider-container {
    position: relative;
    /* max-width: 8rem; */
    margin: 0 auto;
}

.product-slider-container .swiper-button-prev, .product-slider-container .swiper-button-next{
    background: transparent;
    width: 0.41rem;
    height: 0.43rem;
    /* transition: opacity 0.3s ease; */
}

.product-slider-container .swiper-button-next{
    transform: rotate(-180deg);
}

/* .product-slider-container .swiper-button-prev:hover, .product-slider-container .swiper-button-next:hover{
    opacity: 0.5;
} */

.product-slider{
    align-items: flex-end;
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s ease;
}

.slider-btn:hover {
    color: #333;
}

.prev-btn {
    left: -40px;
}

.next-btn {
    right: -40px;
}

.product-slide {
    text-align: center;
    /* min-height: 5.3rem;
    max-height: 5.3rem; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.product-slide img {
    margin: 0 auto 1.07rem;
    max-height: 4.73rem;
    height: 4.57rem;
}

.product-btns {
    display: flex;
    justify-content: center;
    gap: 0.28rem;
}

/* 品牌理念样式 */
.brand-concept {
    position: relative;
    padding-top: 0.99rem;
    background: #f2f3ed;
    /* height: 500px;
    display: flex;
    align-items: center;
    justify-content: center; */
    color: #fff;
    text-align: center;
}

.brand-concept .container{
    position: relative;
}

.brand-bg {
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; */
    height: 8.14rem;
    /* background-image: url('https://picsum.photos/id/1015/1920/1080'); */
    background-size: cover;
    background-position: center;
    /* filter: brightness(0.7); */
}

.brand-content {
    position: absolute;
    max-width: 6.3rem;
    /* padding: 0 20px; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.brand-content .section-title{
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.44rem;
}

.brand-content p {
    font-size: 0.3rem;
    margin-bottom: 0.96rem;
    line-height: 1.8;
}

.brand-btn {
    min-width: 0.96rem;
    line-height: 0.31rem;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 2px;
    font-size: 0.2rem;
    color: #fff;
    transition: background-color 0.3s ease;
}

.brand-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* 探索世界样式 */
.explore-world {
    padding: 1.5rem 0 1.21rem;
    background-color: #f2f3ed;
}

.explore-world .section-title{
    margin-bottom: 1.29rem;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.31rem;
}

.large-item {
    grid-column: span 2;
    display: grid;
    gap: 0.77rem;
}

.news-item {
    /* background-color: #fff; */
    overflow: hidden;
    /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
}

/* .news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
} */
.news-item:hover .img img{
    transform: scale(1.05);
}

.news-item .img {
    width: 100%;
    height: 3rem;
    overflow: hidden;
    /* object-fit: cover; */
}

.news-item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: perspective(10px);
    transition: transform 0.5s ease;
}

.news-row-right{
    display: grid;
    gap: 0.75rem;
}

.news-row-right .news-item:last-child .img{
    height: 6.88rem;
}

.news-row-bottom{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.31rem;
}

.large-item .img {
    height: 300px;
}

.news-text {
    padding: 0.12rem 0 0;
    font-size: 0.22rem;
    line-height: 0.22rem;
}

.en-explore-world .news-text{
    line-height: 0.28rem;
}

.news-text > b{
    font-size: 0.2rem;
    line-height: 0.2rem;
    margin-bottom: 0.07rem;
    font-weight: normal;
}

.news-text p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.en-explore-world .news-text p br{
    display: none;
}

.news-row-left .news-item:nth-child(1) .img{
    height: 6.85rem;
}

.news-row-bottom .news-item:nth-child(1) .img{
    height: 3rem;
}

/* 产品分类样式 */
.product-categories {
    padding: 1.39rem 0 1.12rem;
}

.categories-content {
    display: grid;
    gap: 0.43rem;
}

.categories-con{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.41rem;
}

.categories-text {
    padding-right: 0.42rem;
}

.categories-text .section-title{
    text-align: left;
    font-size: 0.24rem;
    line-height: 0.24rem;
    margin-bottom: 0.42rem;
}

.categories-text .section-title b{
    font-size: 0.22rem;
    margin-top: 0.14rem;
}

.section-con{
    font-size: 0.3rem;
    line-height: 1.8;
    margin-bottom: 0.42rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.categories-grid {
    flex: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.41rem;
}

.large-category {
    grid-column: span 2;
}

.category-item {
    /* background-color: #fff; */
    overflow: hidden;
    /* transition: transform 0.3s ease; */
}

/* .category-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
} */
.category-item:hover .img img{
    transform: scale(1.05);
}

.category-item .img {
    width: 100%;
    height: 3.58rem;
    overflow: hidden;
    /* object-fit: cover; */
}

.category-item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: perspective(10px);
    transition: transform 0.5s ease;
}

.large-category .img {
    height: 6.25rem;
}

.category-text {
    padding: 0.14rem 0 0;
    font-size: 0.22rem;
    line-height: 0.22rem;
}

.en-product-categories .category-text{
    line-height: 0.28rem;
}

.category-text > b{
    font-size: 0.2rem;
    line-height: 0.2rem;
    margin-bottom: 0.07rem;
    font-weight: normal;
}

.category-text p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* 品牌愿景 */
.vision {
    padding: 1.06rem 0 1rem;
    text-align: center;
}

.vision p {
    font-size: 0.24rem;
    line-height: 2;
    /*max-width: 4.8rem;*/
    margin: 0 auto;
}

.en-vision p{
    /*max-width: 6.89rem;*/
}

/* 关于我们标签页 */
.about-section {

}

.tabs {
    /* display: flex;
    justify-content: center;
    gap: 20px; */
    background: rgb(40,40,40);
    padding: 0.52rem 0;
}

.tabs .gallery-thumbs{
    max-width: 7.27rem;
    overflow: visible;
}

.tab-btn {
    position: relative;
    width: calc(100% / 3)!important;
    background: none;
    border: none;
    /* padding: 0.52rem 0; */
    font-size: 0.22rem;
    line-height: 0.22rem;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: color 0.3s ease;
}

.tab-btn:after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.14rem;
    width: 0.52rem;
    height: 2px;
    background: #fff;
    opacity: 0;
}

.tab-btn.swiper-slide-thumb-active, .tab-btn:hover {
    color: rgba(255, 255, 255, 1);
}

.tab-btn.swiper-slide-thumb-active:after{
    opacity: 1;
}

.tab-content {
    display: grid;
    grid-template-columns: 59% 41%;
    /* gap: 40px; */
    /* align-items: center; */
}

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

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

.tab-text {
    color: #333;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 1.17rem 0.72rem 0.9rem 0.76rem;
}

.tab-text h3 {
    font-size: 0.5rem;
    line-height: 0.5rem;
    margin-bottom: 0.34rem;
    /* border-bottom: 1px solid #ccc; */
    /* padding-bottom: 10px; */
}

.tab-text h3 b{
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.23rem;
}

.tab-text i{
    display: block;
    font-size: 0.28rem;
    line-height: 0.28rem;
    padding-bottom: 0.39rem;
    margin-bottom: 1.05rem;
    border-bottom: 0.03rem solid rgb(26,26,26);
}

.en-about-section .tab-text i{
    font-size: 0.23rem;
    line-height: 0.4rem;
}

.tab-text p {
    /* margin-bottom: 15px; */
    font-size: 0.24rem;
    line-height: 2.292;
}

.en-about-section .tab-text p{
    text-align: justify;
}

/* 品牌使命样式 */
.brand-mission {
    position: relative;
    padding: 1.46rem 0 1rem;
}

.mission-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.mission-content {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 6.2rem;
    margin: 0 auto;
    padding: 0 15px;
    color: #fff;
    box-sizing: content-box;
}

.en-about-section .mission-content{
    max-width: 12.4rem;
}

.mission-content h2 {
    text-align: center;
    font-size: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.43rem;
}

.mission-content i {
    text-align: center;
    font-size: 0.3rem;
    line-height: 0.3rem;
    margin-bottom: 0.51rem;
}

.mission-content div{
    font-size: 0.22rem;
    line-height: 1.591;
}

/* 品牌核心价值观样式 */
.brand-values {
    /* padding: 40px 0; */
}

.brand-values h2 {
    text-align: center;
    font-size: 0.6rem;
    line-height: 0.6rem;
    padding: 0.87rem 0 0.95rem;
    background-size: cover;
    background-position: center;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* gap: 30px; */
}

.value-item {
    position: relative;
    height: 4.24rem;
    text-align: center;
    color: #fff;
}

.value-item:after{
    content: '';
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.value-item:nth-child(odd):after{
    background: rgba(0, 0, 0, 0.6);
}

.value-item:nth-child(even):after{
    background: rgba(0, 0, 0, 0.7);
}

.value-img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.value-item h3 {
    position: relative;
    z-index: 1;
    font-size: 0.6rem;
    line-height: 0.6rem;
    padding: 0.84rem 0 1.22rem;
}

.value-item p {
    position: relative;
    z-index: 1;
    font-size: 0.3rem;
    line-height: 0.3rem;
}

.en-about-section .value-item p{
    line-height: 0.48rem;
}

/* 想你所想部分样式 */
.think-section {
    padding: 0.96rem 0 1.07rem;
}

.think-section .fun-text{
    margin-bottom: 0.86rem;
}

.tab-innovation .container{
    max-width: 11.37rem;
}

.tab-innovation .section-title {
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0;
}

.section-description {
    /* max-width: 1000px; */
    /* margin: 0 auto 60px;
    color: #666;
    line-height: 1.8; */
}

.product-picture{
    margin-bottom: 0.72rem;
}

.product-top{
    height: 4.88rem;
    border-radius: 0.05rem;
}

.product-top .swiper-slide{
    height: 100%;
}

.product-top .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.products-container {
    padding: 0 0.94rem;
}

.products-container .swiper-wrapper {
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
    margin: 0 auto; */
}

.swiper-slide{
    /* width: auto; */
}

.hero .swiper-pagination-bullet-active{
    background: #fff;
}

.hero .swiper-slide img, .product-banner img, .contact-banner img, .brand-banner img, .news-banner img{
    width: 100%;
}

.product-item {
    cursor: pointer;
}

.product-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 20px;
    border-radius: 4px;
}

.product-item h4 {
    position: relative;
    padding-top: 0.1rem;
    font-size: 0.2rem;
    line-height: 0.2rem;
    margin-bottom: 0.22rem;
}

.product-item p {
    font-size: 0.16rem;
    line-height: 0.16rem;
}

.en-about-section .product-item p{
    line-height: 0.24rem;
}

.product-item span{
    position: relative;
    display: block;
    height: 0.05rem;
}

.product-item span::before{
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.02rem;
    background: #1a1a1a;
    transition: height 0.2s ease;
}

.products-container .swiper-slide-thumb-active span::before{
    height: 0.05rem;
}

/* 无尽有趣部分样式 */
.fun-section {
    /* display: flex; */
    /* margin-bottom: 80px; */
}

.fun-image {
    flex: 1;
    height: 8.23rem;
    margin-bottom: 0.45rem;
}

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

.fun-text {
    flex: 1;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.08rem;
}

.fun-text p {
    flex: 1;
    max-width: 7.93rem;
    margin-left: 2.29rem;
    line-height: 1.556;
    font-size: 0.18rem;
    text-align: left;
}

.en-about-section .fun-text p{
    max-width: 8.09rem;
    margin-left: 1.31rem;
    line-height: 0.28rem;
    text-align: justify;
}

/* 制造机器的机器部分样式 */
.manufacture-section {
    /* margin-bottom: 80px; */
}

.manufacture-section img, .team-section img {
    width: 100%;
    height: 6.48rem;
    object-fit: cover;
    margin-bottom: 0.45rem;
}

.manufacture-section p, .team-section p {
    max-width: 6.85rem;
    margin-left: 2.45rem;
}

.en-about-section .manufacture-section p, .en-about-section .team-section p{
    max-width: 7.01rem;
}

/* 科妮芙团队部分样式 */
.team-section {
    /* margin-bottom: 80px; */
}

.team-section img {
    
}

.team-section p {
    
}

/* 联系我们部分样式 */
.contact-section {
    position: relative;
    height: 9.38rem;
}

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

.contact-overlay {
    position: absolute;
    left: 50%;
    bottom: 0.37rem;
    transform: translateX(-50%);
}

.contact-overlay .section-title{
    font-size: 0.3rem;
    line-height: 0.3rem;
    margin-bottom: 0.45rem;
    color: #fff;
}

.contact-btn {
    display: block;
    text-align: center;
    min-width: 2.07rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
    width: 2.07rem;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 2px;
    transition: background-color 0.3s;
}

.contact-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}

/* 资讯展示页 */
.news-bg{
    width: 100%;
    height: 1.44rem;
    background-position: center;
    background-size: cover;
}

.news-container{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.news-container .link{
    position: relative;
    height: 4.62rem;
}

.news-container .link::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.news-container .link:hover::before{
    background: rgba(0, 0, 0, 0);
}

.news-container .img{
    overflow: hidden;
}

.news-container .img img{
    height: 4.62rem;
    width: 100%;
    object-fit: cover;
}

.news-cons{
    position: absolute;
    width: 100%;
    top: 1.99rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    font-size: 0.26rem;
    line-height: 0.35rem;
}

.news-cons > b{
    margin-bottom: 0.16rem;
}

/* 资讯内页 */
.news-inner-page{
    padding: 1.24rem 0 0.76rem;
}

.news-inner-page .container{
    max-width: 10.74rem;
}

.inner-arrow{
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    line-height: 0.12rem;
    margin-bottom: 1.13rem;
}

.inner-arrow a{
    margin: 0 0.11rem;
}

.inner-arrow a.span{
    margin: 0;
}
.inner-arrow img{
    height: 0.13rem;
}

.inner-title{
    margin-bottom: 0.4rem;
    text-align: center;
    font-size: 0.36rem;
    line-height: 1.25;
}

.inner-title i{
    margin-top: 0.64rem;
    font-size: 0.26rem;
    line-height: 0.26rem;
}

.inner-content{
    font-size: 0.17rem;
    line-height: 1.412;
    margin-bottom: 0.53rem;
}

.en-news-inner-page .inner-content{
    text-align: justify;
}

.inner-content table{
    width: 100%!important;
}

.inner-content table tbody{
    display: flex;
    flex-wrap: wrap;
}

.inner-content table tbody tr{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.inner-content table tbody tr.tr-text{
    justify-content: space-around;
    margin: 0.4rem 0 0.62rem;
    font-size: 0.2rem;
    text-align: center;
}

.inner-content table tbody tr:last-child{
    margin-bottom: 0;
}

.inner-content table tbody tr.tr-text3{
    gap: 0.39rem;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
}

.inner-content table tbody tr.tr-text2{
    gap: 0.54rem;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
}

/* 翻页 */
.turn-page{
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    line-height: 0.14rem;
}

.turn-page .flex{
    align-items: center;
    justify-content: center;
}

.turn-page .img{
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 0.04rem;
    background: #222;
    margin-right: 0.14rem;
}

.back-news{
    margin: 0 0.84rem;
}

.next-news{
    flex-direction: row-reverse;
}

.next-news .img{
    transform: rotate(180deg);
    margin: 0 0 0 0.14rem;
}

/* 我们 */
.contact-map{
    padding-top: 0.26rem;
    background: #eee;
}

.map-container{
    height: 8.71rem;
}

.map-container .info-title{
    font-size: 0.16rem;
    line-height: 0.16rem;
    margin-bottom: 0.1rem;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.map-container .info-details{
    font-size: 0.14rem;
    color: #1a1a1a;
}

.map-container .info-feature{
    margin-bottom: 0.02rem;
}

.map-container .info-button{
    background: #4CAF50;
    color: #fff;
    font-size: 0.14rem;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    /* margin-top: 8px; */
    border-radius: 3px;
    transition: opacity 0.3s ease;
}

.map-container .info-button:hover{
    opacity: 0.9;
}

.contact-container{
    padding: 1.09rem 0 0.81rem;
}

.contact-container .container{
    max-width: 11.83rem;
}

.contact-container .section-title{
    margin-bottom: 1.27rem;
    font-size: 0.5rem;
    line-height: 0.5rem;
}

.contact-con{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 0.45rem;
}

.en-contact .contact-con{
    grid-template-columns: 1fr;
}

.contact-con:last-child{
    border-bottom: 0.02rem solid #eee;
}

.contact-con .grid:last-child{
    padding-left: 1.2rem;
}

.en-contact .contact-con .grid:last-child{
    padding-left: 0;
    text-align: center;
}

.contact-con .grid b{
    font-size: 0.18rem;
    line-height: 0.18rem;
    margin-bottom: 0.11rem;
}

.contact-con .grid p{
    font-size: 0.16rem;
}

.en-contact .contact-con .grid p{
    max-width: 4.73rem;
    margin: 0 auto;
}

/* 产品内页 */
.product-banner{
    position: relative;
    min-height: 9.43rem;
}

.product-content{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    max-width: 11.42rem;
    transform: translate(-50%, -50%);
    padding: 1.61rem 0 0 1.67rem;
}

.product-content .container{
    width: 100%;
    padding: 0;
}

.product-title{
    margin-bottom: 0.7rem;
}

.en-product-banner .product-title{
    text-transform: uppercase;
}

.product-title b{
    font-size: 0.2rem;
    line-height: 0.2rem;
    margin-bottom: 0.14rem;
}

.product-title b i{
    margin-left: 0.15rem;
}

.product-title p{
    font-size: 0.4rem;
    line-height: 1.5;
}

.en-product-banner .product-title p{
    font-family: 'MiSans-Demibold';
}

.hot-canshu{
    margin-bottom: 1.02rem;
}

.hot-canshu li{
    margin-top: 0.52rem;
}

.hot-canshu b{
    font-size: 0.24rem;
    line-height: 0.24rem;
    margin-bottom: 0.14rem;
}

.hot-canshu p{
    font-size: 0.17rem;
    line-height: 0.17rem;
}

.product-btn{
    justify-content: center;
    gap: 0.29rem;
}

.product-btn .outline-btn{
    min-width: 2.5rem;
    line-height: 0.38rem;
    border-color: #fff;
    color: #fff;
    text-align: center;
}

.product-btn .on{
    color: #1a1a1a;
    border-color: #fff;
    background: #fff;
    cursor: default;
}

.product-btn .outline-btn:nth-child(1):hover{
    background: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.product-main .container{
    max-width: 11.42rem;
}

/* 订购 */

.product-order{
    height: 7.9rem;
    padding: 0 0 1.76rem;
}

.product-order .container{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.order-con{
    flex: 1;
}

.product-order img{
    margin-right: 0.92rem;
}

.order-text{
    font-size: 0.12rem;
    line-height: 0.18rem;
    margin-top: 1.3rem;
}

.en-product-main .order-text{
    max-width: 4.52rem;
}

.order-content > b{
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.39rem;
}

.order-content > b i{
    margin-left: 0.25rem;
}

.order-btn{
    gap: 0.28rem;
    text-align: center;
}

.order-btn .outline-btn{
    min-width: 2.08rem;
    line-height: 0.34rem;
    border-width: 0.03rem;
}

.order-btn .on, .order-btn .outline-btn:hover{
    background: #171a20;
    color: #fff;
    border-color: #171a20;
}

/* 细节图 绘图 */

.product-drawing{
    padding: 1.76rem 0 2.27rem;
}

.product-drawing .color-title{
    margin-bottom: 1.23rem;
}

.drawing-row{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 14.2rem;
}

.drawing-row li{
    position: absolute;
    width: calc(50% - calc(1 / 2 * 0.2rem));
    margin-right: 0.2rem;
}

.drawing-row li:nth-child(2n){
    margin-right: 0;
    right: 0;
}

.drawing-row li:nth-child(3){
    top: 41.69%;
}

.drawing-row li:nth-child(4){
    top: 29.44%;
}

.drawing-row li:nth-child(5), .drawing-row li:nth-child(6){
    bottom: 0;
}

.drawing-text{
    position: absolute;
    top: 0.39rem;
    left: 0.33rem;
}

.drawing-text b{
    font-size: 0.35rem;
    line-height: 0.35rem;
    margin-bottom: 0.19rem;
}

.drawing-text i{
    font-size: 0.24rem;
    line-height: 0.24rem;
}

/* 描述 */

.product-des{
    margin-bottom: 1.78rem;
}

.product-des img{
    max-width: calc(100% - 4.04rem);
    height: 8.95rem;
    object-fit: cover;
}

.des-cons{
    position: relative;
    padding: 0.5rem 0.75rem 0.42rem 0.35rem;
}

.des-title{
    margin-bottom: 0.46rem;
    font-size: 0.18rem;
    line-height: 0.18rem;
}

.en-product-main .des-title{
    text-transform: uppercase;
    margin-bottom: 0.62rem;
}

.en-product-main .des-title b i{
    margin-top: 0.18rem;
    font-family: 'MiSans-Demibold';
    font-size: 0.27rem;
}

.des-title b i{
    font-size: 0.3rem;
    line-height: 0.3rem;
    margin-top: 0.07rem;
}

.des-text{
    font-size: 0.18rem;
    line-height: 0.25rem;
}

.en-product-main .des-text{
    text-align: justify;
}

.des-btn{
    position: absolute;
    bottom: 0.42rem;
}

.des-btn .outline-btn{
    min-width: 1.92rem;
    line-height: 0.29rem;
    border-width: 0.02rem;
    text-align: center;
    font-size: 0.16rem;
    cursor: default;
}

/* 颜色 */

.product-color{
    margin-bottom: 1.9rem;
}

.color-content{
    margin-bottom: 1.86rem;
}

.color-content:last-child{
    margin-bottom: 0;
}

.color-title{
    font-size: 0.5422rem;
    line-height: 0.5422rem;
    margin-bottom: 0.42rem;
    text-align: center;
}

.color-title > b i{
    margin-left: 0.39rem;
}

.color-title > b{
    justify-content: center;
    margin-bottom: 0.44rem;
}

.en-product-main .color-title > b{
    text-transform: uppercase;
    white-space: nowrap;
}

.en-product-main .color-title > b i{
    margin-left: 0.2rem;
}

.color-title p{
    font-size: 0.4377rem;
    line-height: 0.4377rem;
}

.color-row{
    flex-wrap: wrap;
}

.color-row li{
    width: calc(50% - calc(1 / 2 * 1.1rem));
    margin: 0.85rem 1.1rem 0 0;
    background: #f1f1f1;
    border-radius: 0.19rem;
    /*padding: 0.65rem 0 0.65rem 0.57rem;*/
}

.color-row li:nth-child(2n){
    margin-right: 0;
}

.color-name{
    margin-bottom: 0.69rem;
    font-size: 0.4rem;
    line-height: 0.4rem;
    align-items: center;
    display: none;
}

.color-name i{
    width: 0.31rem;
    height: 0.31rem;
    border-radius: 50%;
    margin-right: 0.19rem;
}

.color-name i.on{
    border: 1px solid rgb(176, 177, 179);
}

.color-name div{
    flex: 1;
}

.color-pic{
    /*height: 4.69rem;*/
    /*padding-right: 0.57rem;*/
    align-items: center;
    justify-content: center;
}

/* 参数 */

.product-parameter{
    padding: 0.84rem 0 0.48rem;
    background: #404040;
}

.parameter-cons{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-end;
    margin-bottom: 1rem;
}

.parameter-cons img{
    margin-bottom: 0.46rem;
}

.product-parameter .des-btn{
    position: static;
    justify-content: center;
}

.product-parameter .des-btn .outline-btn{
    color: #fff;
    border-color: #fff;
}

.parameter-text{
    color: #fff;
}

.parameter-title{
    margin-bottom: 0.25rem;
}
.parameter-title b{
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.34rem;
}

.parameter-title i{
    display: inline-block;
    min-width: 2.39rem;
    line-height: 0.28rem;
    text-align: center;
    border-color: #fff!important;
    border-width: 0.03rem;
    color: #fff!important;
    cursor: default;
}

.parameter-row{
    display: grid;
    /*grid-template-columns: repeat(2, 1fr);*/
}

.parameter-list{
    position: relative;
    padding-top: 0.15rem;
}

.parameter-list:after{
    content: '';
    position: absolute;
    width: 0.32rem;
    height: 1px;
    left: 0;
    top: 0;
    background: #fff;
    display: none;
}

.parameter-list b{
    font-size: 0.16rem;
    line-height: 0.16rem;
    margin-bottom: 0.03rem;
}

.parameter-list p{
    font-size: 0.15rem;
    margin-bottom: 0.1rem;
    min-height: 0.33rem;
    line-height: 0.2rem;
}

/* 页脚样式 */

.footer {
    background-color: #404040;
    color: #fff;
    padding: 0.76rem 0 0;
}

.footer .container{
    max-width: 9.2rem;
}

.footer-content {
    /* display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px; */
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.34rem;
}

.mb-footer-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mb-footer-content > a{
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.28rem;
}

.mb-footer-content .contact-icons{
    margin-top: 0.46rem;
    gap: 0.26rem;
}

.mb-footer-content .contact-icons a{
    width: auto;
    border: 0;
}

.mb-footer-content .contact-icons i > img{
    height: 0.31rem;
}

.mb-footer-content .contact-icons a:nth-child(1) i > img{
    height: 0.42rem;
}

.mb-footer-content .contact-icons a:nth-child(2) i > img{
    height: 0.33rem;
}

.mb-footer-content .contact-icons a:nth-child(4) i > img{
    height: 0.39rem;
}

.footer-col h3 {
    font-size: 0.2rem;
    line-height: 0.2rem;
    /*text-transform: uppercase;*/
    margin-bottom: 0.35rem;
}

.footer-col ul {
    list-style: none;
}

.footer-col li {
    margin-bottom: 0.18rem;
    line-height: 0.18rem;
}

.footer-col a {
    color: #999;
    font-size: 15px;
    transition: color 0.3s ease;
}

.footer-col a:hover {
    color: #fff;
}

.contact-icons {
    display: flex;
    gap: 0.11rem;
    margin-top: 20px;
}

.contact-icons a {
    /* font-size: 20px; */
    position: relative;
    width: 0.26rem;
    border: 1px solid rgb(153, 153, 153);
    height: 0.26rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-icons a:hover{
    border-color: #fff;
}

.copyright {
    text-align: center;
    padding: 0.18rem 0;
    background: #1a1a1a;
    color: #999;
    font-size: 15px;
    line-height: 15px;
}

.popup-box{
    background-color: rgb(255, 255, 255);
    box-shadow: -2.5px -4.33px 4.95px 0.05px rgba(24, 25, 27, 0.3), 2.5px 4.33px 4.95px 0.05px rgba(20, 20, 20, 0.3);
    position: absolute;
    left: 50%;
    width: 2.12rem;
    z-index: 38;
    border-radius: 10px;
    bottom: 40px;
    transform: translate(-50%,0);
    padding: 0.25rem 0.22rem 0.32rem;
    animation: ani 0.3s ease;
    display: none;
}

.popup-box img{
    width: 1.68rem;
    max-height: 1.68rem;
}

.popup-box:after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/popup_icon.png) no-repeat center;
    width: 0.37rem;
    height: 0.21rem;
    background-size: cover;
}

.mb-footer-content .contact-icons a:nth-child(3) .popup-box{
    width: 2.54rem;
    padding: 0.4rem 0.3rem 0.3rem;
}

.mb-footer-content .contact-icons a:nth-child(4) .popup-box{
    width: 2.54rem;
    padding: 0.54rem 0.26rem;
}

.mb-footer-content .contact-icons a:nth-child(3) .popup-box p, .mb-footer-content .contact-icons a:nth-child(4) .popup-box p{
    word-wrap: break-word;
    font-size: 0.22rem;
    line-height: 0.3rem;
    text-align: center;
}

@keyframes ani{
    0%{
        opacity: 0;
        transform: translate(-50%,-20px);
    }100%{
        opacity: 1;
        transform: translate(-50%,0);
    }
}

.mb-footer-content .contact-icons a:hover .popup-box{
    display: block;
}

.mb{
    display: none;
}

.mb-share{
    margin-top: 0.98rem;
    padding: 0 0.33rem;
}

.mb-share span{
    font-size: 0.3rem;
    line-height: 0.3rem;
    margin-right: 0.7rem;
}

.mb-share .mb-footer-content{
    display: flex;
    align-items: center;
    flex-direction: row;
}

.mb-share .contact-icons{
    margin-top: 0;
    gap: 0.28rem;
}

.mb-share .contact-icons a:nth-child(2){
    margin-right: 0.06rem;
}

.mb-share .contact-icons a:nth-child(1) img{
    height: 0.41rem;
}

.mb-share .contact-icons a:nth-child(2) img{
    height: 0.33rem;
}

.mb-share .contact-icons a:nth-child(3) img{
    height: 0.42rem;
}

.mb-share .popup-box img{
    height: auto!important;
}

/* 响应式样式 */
@media (max-width: 992px) {
    .nav-links {
        display: none;
    }
    
    .mobile-menu-btn {
        display: block;
    }
    
    .mobile-menu.active {
        display: flex;
    }
    
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .large-item {
        grid-column: span 1;
    }
    
    .categories-content {
        flex-direction: column;
    }
    
    .footer-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    /* html {
        font-size: 55.2px;
        width: 100%;
    }
    body {
        font-size: 0.3rem !important;
        font-size: 16px !important;
        overflow-x: hidden;
    } */
    .mb{
        display: block;
    }
    .pc{
        display: none;
    }
    .container{
        padding: 0 0.31rem;
    }
    .news-grid {
        grid-template-columns: 1fr;
    }
    
    .categories-grid, .news-row-bottom{
        grid-template-columns: 1fr;
    }
    
    .large-category {
        grid-column: span 1;
    }
    
    .categories-con{
        grid-template-columns: 1fr;
    }
    
    .slider-btn {
        display: none;
    }
    
    /* 品牌 */
    .brand-banner img{
        /*height: 9.18rem;*/
        /*object-fit: cover;*/
    }
    
    .tab-img img{
        /*height: 9.2rem;*/
    }
    
    .tab-text{
        padding: 1.15rem 0.55rem 0.9rem;
    }
    
    .tab-text h3 b{
        font-size: 0.3rem;
    }
    
    .tab-text i{
        padding-bottom: 0.38rem;
        margin-bottom: 1.34rem;
        white-space: nowrap;
    }
    
    .tab-text p{
        font-size: 0.26rem;
        line-height: 0.6rem;
        text-align: justify;
    }
    
    .tab-content{
        margin-bottom: 1.9rem;
        margin-bottom: 0.83rem;
        display: flex;
        flex-direction: column;
    }
    
    .tab-btn{
        /*display: none;*/
    }
    
    .tab-btn.swiper-slide-thumb-active{
        display: block;
        margin: 0 auto!important;
    }
    
    .fun-text{
        flex-direction: column;
        align-items: flex-start;
    }
    
    .fun-text p{
        margin-left: 0!important;
        font-size: 0.3rem;
        text-align: justify;
        line-height: 0.6rem;
    }
    
    .en-about-section .fun-text p{
        line-height: 0.6rem;
    }
    
    .tabs .gallery-thumbs .swiper-wrapper{
        transform: inherit!important;
    }
    
    .values-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mission-content div{
        text-align: justify;
    }
    
    .mb-swiper .container{
        padding: 0;
    }
    
    .products-container{
        padding: 0 0 0 0.41rem;
    }
    
    .think-section{
        padding: 0 0 1.46rem;
    }
    
    .product-picture{
        margin-bottom: 0.58rem;
    }
    
    .product-item h4{
        padding-top: 0.23rem;
        margin-bottom: 0.35rem;
        font-size: 0.31rem;
        line-height: 0.31rem;
    }
    
    .product-item p{
        font-size: 0.25rem;
        line-height: 0.25rem;
    }
    
    .fun-image{
        height: auto;
        margin-bottom: 0.55rem;
    }
    
    .manufacture-section img, .team-section img{
        height: auto;
    }
    
    .contact-section{
        height: auto;
    }
    
    .fun-text{
        padding: 0 0.53rem;
        margin-bottom: 0.75rem;
    }
    
    .brand-mission{
        padding: 0;
    }
    
    .mission-content{
        padding: 0;
        max-width: 100%;
    }
    
    .mission-bg{
        position: static;
    }
    
    .value-item:after{
        display: none;
    }
    
    .tab-innovation .section-title{
        font-size: 0.38rem;
        line-height: 0.38rem;
        margin-bottom: 0.49rem;
    }
    
    .contact-overlay .section-title{
        font-size: 0.46rem;
        line-height: 0.46rem;
        margin-bottom: 0.25rem;
    }
    
    .contact-overlay{
        width: calc(100% - 1.06rem);
        bottom: 0.88rem;
    }
    
    .contact-overlay a{
        width: 100%;
        min-width: 100%;
        line-height: 0.69rem;
        border-width: 2px;
        font-size: 0.28rem;
    }
    
    .tabs{
        padding: 0.22rem 0 0.31rem;
        text-align: center;
        color: #fff;
    }
    
    .tab-btn{
        font-size: 0.3rem;
        line-height: 0.3rem;
        color: #fff;
    }
    
    .tab-btn:after{
        width: 0.55rem;
        bottom: -0.18rem;
        height: 1px;
        opacity: 1;
    }
    
    .bottom-icon{
        background: #404040;
        padding: 0.14rem 0;
        display: flex;
        justify-content: center;
    }
    
    .bottom-icon img{
        width: 0.29rem;
    }
    
    /* 首页 */
    .search{
        padding: 0.22rem 0.51rem 0.25rem 0.38rem;
        background: #fff;
        z-index: 11;
    }
    /*.search.on{*/
    /*    position: fixed;*/
    /*}*/
    .hero-content .img1{
        /*height: 9.18rem;*/
        /*object-fit: cover;*/
    }
    .product-series{
        padding: 1.08rem 0 0.77rem;
    }
    .product-series .container{
        padding-right: 0;
    }
    .product-btns .outline-btn{
        padding: 0 0.15rem;
    }
    .product-btns .outline-btn:last-child{
        display: none;
    }
    .product-tabs{
        margin-bottom: 1.44rem;
    }
    .product-slide img{
        margin-bottom: 1.68rem;
    }
    .product-slider-container .swiper-button-prev, .product-slider-container .swiper-button-next{
        display: none;
    }
    .outline-btn{
        min-width: 2.35rem;
        line-height: 0.54rem;
        font-size: 0.33rem;
    }
    .section-title{
        font-size: 0.35rem;
        line-height: 0.38rem;
    }
    .section-b{
        display: block;
        text-align: center;
        font-size: 0.19rem;
        line-height: 0.19rem;
        margin-bottom: 0.63rem;
    }
    .tab-link{
        font-size: 0.24rem;
        width: auto!important;
    }
    .tab-link:hover{
        opacity: 0.5;
    }
    .tab-link.swiper-slide-thumb-active{
        opacity: 1;
    }
    .brand-concept{
        padding-top: 1.43rem;
    }
    .brand-bg{
        height: 7.84rem;
    }
    .explore-world{
        padding: 1.31rem 0 1.51rem;
    }
    .brand-content{
        max-width: 100%;
        width: calc(100% - 0.64rem);
        /*padding: 0 0.32rem;*/
    }
    .news-item .img{
        height: 3.45rem!important;
        height: auto!important;
    }
    .news-text{
        padding-top: 0.28rem;
    }
    .large-item, .news-row-bottom{
        gap: 0.81rem;
    }
    .large-item.mb{
        display: grid;
    }
    .product-categories{
        padding: 1.92rem 0 1.05rem;
    }
    .copyright{
        font-family: 'MiSans-Medium';
        font-size: 0.24rem;
        line-height: 0.4rem;
        padding: 0.78rem 0.31rem;
        background: #fff;
        color: #000;
    }
    
    .footer{
        background: #fff;
        padding: 1.08rem 0 0;
        color: #000;
    }
    
    .categories-btn{
        min-width: 1.21rem;
        line-height: 0.4rem;
        font-size: 0.25rem;
    }
    
    .category-item .img{
        height: 4.25rem;
        height: auto;
    }
    .category-text{
        padding-top: 0.37rem;
        line-height: normal;
    }
    .categories-grid{
        gap: 1.03rem;
    }
    .categories-text .section-title{
        font-size: 0.3rem;
        line-height: 0.3rem;
        margin-bottom: 0.54rem;
    }
    .categories-text .section-title b{
        font-size: 0.27rem;
        margin-top: 0.27rem;
    }
    .categories-con{
        gap: 0.78rem;
    }
    
    .categories-text{
        padding-right: 0;
    }
    
    .section-con{
        font-size: 0.32rem;
        margin-bottom: 0.8rem;
    }
    .en-product-categories .section-con{
        font-size: 0.35rem;
    }
    .mb-footer-content{
        display: flex;
    }
    
    /* 新闻 */
    .news-container.mb{
        display: grid;
        grid-template-columns: 1fr;
    }
    
    .news-banner img{
        /*height: 4.75rem;*/
        /*object-fit: cover;*/
    }
    
    .news-bg{
        height: 1.41rem;
    }
    
    .news-container .img img{
        height: 5.42rem;
        height: auto;
    }
    
    .news-cons{
        font-size: 0.3rem;
    }
    
    .news-cons{
        font-size: 0.3rem;
        line-height: 0.52rem;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    
    .news-cons > b{
        line-height: 0.3rem;
    }
    
    .news-container .link{
        height: 5.42rem;
        height: auto;
    }
    
    .inner-content{
        font-size: 0.3rem;
        line-height: 0.6rem;
    }
    
    .en-news-inner-page .inner-content{
        text-align: justify;
    }
    
    .inner-content table tbody tr.tr-text3{
        line-height: 0.24rem;
        font-size: 0.2rem;
        gap: 0.24rem;
    }
    
    .en-news-inner-page .inner-content table tbody tr.tr-text3{
        font-size: 0.24rem;
        line-height: 0.28rem;
    }
    
    .en-news-inner-page .inner-content table tbody tr.tr-text3 td{
        padding: 0 0.1rem;
    }
    
    .inner-content table tbody tr.tr-text3 td p:nth-child(2), .inner-content table tbody tr.tr-text3 td p:nth-child(3), .inner-content table tbody tr.tr-text3 td p:nth-child(4), .inner-content table tbody tr.tr-text3 td p:nth-child(5){
        display: none;
    }
    
    .inner-content table tbody tr.tr-text3:nth-child(1){
        gap: 0.24rem;
    }
    
    .inner-content table tbody tr.tr-text3:nth-child(1) td{
        padding: 0;
    }
    
    .inner-content table tbody tr.tr-text3:nth-child(1) img{
        max-width: 2.05rem;
    }
    
    .news-inner-page .container{
        padding: 0 0.4rem;
    }
    
    .inner-content table tbody tr.tr-text2:nth-child(2n){
        font-size: 0.24rem;
        margin: 0.15rem 0 0.4rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.36rem;
    }
    
    .inner-content table tbody tr.tr-text2:nth-child(2n-1){
        gap: 0.36rem;
    }
    
    .inner-title{
        text-align: left;
        font-size: 0.4rem;
        line-height: 0.5rem;
        margin-bottom: 0.77rem;
        font-family: 'MiSans-Light-big';
    }
    
    .inner-title i{
        font-size: 0.24rem;
        line-height: 0.24rem;
        margin-top: 0.46rem;
    }
    
    .inner-arrow{
        margin-bottom: 1.51rem;
        font-family: 'MiSans-Light-big';
        font-size: 0.46rem;
        line-height: 0.56rem;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .inner-arrow a{
        display: none;
    }
    
    .inner-arrow span{
        font-size: 0.24rem;
        line-height: 0.24rem;
        color: #666565;
        margin-bottom: 0.24rem;
    }
    
    .mb-container .span {
        font-size: 0.24rem;
        line-height: 0.24rem;
        color: #666565;
        margin-bottom: 0.24rem;
        display: inline-block;
    }
    
    .mb-container{
        position: absolute;
        top: 2.15rem;
        padding: 0 0.35rem;
    }
    
    .news-inner-page{
        padding-top: 0;
    }
    
    /* 我们 */
    .contact-banner img{
        /*height: 5.36rem;*/
        /*object-fit: cover;*/
    }
    .contact-map{
        display: none;
        padding-top: 1.71rem;
    }
    .contact-con:last-child{
        border-bottom: 0;
        padding-bottom: 0.7rem;
    }
    .contact-con {
        grid-template-columns: 1fr;
        padding-bottom: 0.85rem;
    }
    .contact-con .grid:last-child{
        padding-left: 0;
    }
    
    .contact-con .grid{
        text-align: center;
    }
    .contact-con .grid:nth-child(2){
        display: none;
    }
    .contact-container{
        padding: 1.9rem 0 0.8rem;
    }
    .contact-container .section-title{
        margin-bottom: 1.03rem;
    }
    .contact-con .grid b{
        font-size: 0.32rem;
        line-height: 0.32rem;
        margin-bottom: 0.22rem;
    }
    .contact-con .grid p{
        font-size: 0.28rem;
    }
    .contact-container .en-container{
        padding: 0.75rem 1.24rem 0;
    }
    
    /* 产品 */
    .product-content{
        padding: 1.6rem 0.66rem 0.54rem;
        background: url(../images/mb_product_black.png) no-repeat center bottom 100px;
    }
    .en-product-banner .product-content{
        padding-top: 1.05rem;
    }
    .product-banner{
        min-height: 12.06rem;
        background: #000;
    }
    .product-banner > img{
        /*height: 10.08rem;*/
        /*object-fit: cover;*/
    }
    .product-des{
        flex-direction: column;
        margin-bottom: 1.4rem;
    }
    .product-des img{
        max-width: 100%;
        /*height: 9.9rem;*/
        height: auto;
    }
    .product-title{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }
    .hot-canshu{
        display: flex;
        justify-content: space-between;
        text-align: center;
        position: absolute;
        bottom: 3.05rem;
        margin-bottom: 0;
        width: calc(100% - 1.32rem);
        white-space: nowrap;
        /*width: 100%;*/
        /*left: 0;*/
        /*padding: 0 0.66rem;*/
    }
    .hot-canshu li:last-child{
        display: none;
    }
    .hot-canshu b{
        font-size: 0.3rem;
        line-height: 0.3rem;
        margin-bottom: 0.21rem;
        opacity: 0.95;
        font-family: 'MiSans-Medium';
    }
    .hot-canshu p{
        font-size: 0.22rem;
        line-height: 0.22rem;
        opacity: 0.8;
        font-family: 'MiSans-Light';
    }
    .product-btn{
        flex-direction: column;
        position: absolute;
        width: calc(100% - 1.32rem);
        bottom: 0.54rem;
    }
    .des-btn{
        display: none;
    }
    .parameter-cons{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .product-order{
        height: auto;
        padding-bottom: 0.13rem;
    }
    .product-order .container{
        flex-direction: column-reverse;
        align-items: center;
    }
    .order-btn{
        flex-direction: column;
    }
    .product-btn .outline-btn{
        line-height: 0.72rem;
        font-size: 0.3rem;
        border: 0.03rem solid #7572ff;
        border-radius: 0.05rem;
        background: #7572ff;
    }
    .product-btn .on{
        background: transparent;
        border-color: #fff;
        color: #fff;
    }
    .product-title b{
        margin: 0.29rem 0 0;
        font-size: 0.24rem;
        font-family: 'MiSans-Light';
    }
    .en-product-banner .product-title b{
        margin-top: 0.23rem;
    }
    .product-title p{
        font-family: 'MiSans-Regular'!important;
        line-height: 0.4rem;
    }
    .en-product-banner .product-title p{
        line-height: 0.5rem;
    }
    .drawing-row{
        height: 8.03rem;
    }
    .product-main .container{
        padding: 0 0.54rem;
    }
    .color-row li{
        width: calc(50% - calc(1 / 2 * 0.62rem));
        margin-right: 0.62rem;
        margin-top: 0.45rem;
    }
    .color-row li:nth-child(1), .color-row li:nth-child(2){
        margin-top: 0.85rem;
    }
    .color-row.mb{
        display: inline-flex;
    }
    .product-drawing {
        padding: 1.54rem 0 1.64rem;
    }
    .color-title{
        margin-bottom: 0.84rem;
        font-size: 0.4rem;
        line-height: 0.4rem;
    }
    .color-title > b i{
        margin-left: 0.25rem;
    }
    .color-title > b{
        margin-bottom: 0.22rem;
    }
    .product-drawing .color-title > b{
        margin-bottom: 0.42rem;
    }
    .color-title p{
        font-size: 0.3rem;
        line-height: 0.3rem;
    }
    .product-color .color-title{
        margin-bottom: 0;
    }
    .des-cons{
        padding: 0.54rem 0.54rem 0;
    }
    .des-title {
        margin-bottom: 0.56rem;
        font-size: 0.26rem;
        line-height: 0.26rem;
    }
    .des-title b i {
        font-size: 0.35rem;
        font-size: 0.33rem;
        line-height: 0.35rem;
        margin-top: 0.2rem;
    }
    .des-text {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }
    .product-title p br{
        display: none;
    }
    .en-product-banner .product-title p br{
        display: block;
    }
    .product-parameter .des-btn{
        display: block;
    }
    .product-parameter .des-btn a{
        display: block;
        line-height: 0.66rem;
        font-size: 0.3rem;
        border-width: 0.03rem;
        border-radius: 0.05rem;
    }
    .en-product-main .color-title{
        font-size: 0.25rem!important;
    }
    .en-product-main .color-title > b{
        margin-bottom: 0.44rem;
    }
    .en-product-banner .product-title{
        text-transform: none;
    }
    .product-color .color-title{
        font-size: 0.36rem;
    }
    .parameter-title b {
        font-size: 0.44rem;
        line-height: 0.44rem;
        margin-bottom: 0.54rem;
    }
    .parameter-title i{
        min-width: 3.8rem;
        line-height: 0.45rem;
        padding: 0 0.12rem;
        font-size: 0.28rem;
    }
    .parameter-title{
        margin-bottom: 0.6rem;
    }
    .parameter-row .order-text{
        padding-top: 0.17rem;
        margin-top: 0.9rem;
        border-top: 2px solid #999;
        font-size: 0.14rem;
        line-height: 0.2rem;
        margin-bottom: 1.26rem;
    }
    .product-order .order-text{
        display: none;
    }
    .parameter-cons{
        margin-bottom: 1.46rem;
    }
    .parameter-cons img {
        margin-bottom: 0;
        width: 37%;
    }
    .parameter-list{
        padding-top: 0;
    }
    .parameter-list img{
        width: 100%;
    }
    .product-order img {
        width: 37%;
        margin: 1.84rem 0 1.62rem;
    }
    .order-con{
        width: 100%;
    }
    .order-btn .outline-btn{
        line-height: 0.66rem;
        border-width: 0.03rem;
        border-radius: 0.05rem;
        border-color: #171a20;
        background: #171a20;
        font-size: 0.3rem;
        color: #fff;
    }
    .order-btn .outline-btn.on{
        background: transparent;
        color: #000;
    }
    .order-btn{
        gap: 0.36rem;
    }
    .order-content > b{
        font-size: 0.3rem;
        margin-bottom: 0.69rem;
        justify-content: center;
    }
    .en-product-main .order-text{
        max-width: 100%;
    }
    .header{
        padding: 0;
    }
    .headers{
        color: #fff;
        font-size: 0.24rem;
        padding: 0.12rem 0.3rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /*background: rgba(0,0,0,.75);*/
        transition: all 0.4s ease;
    }
    .headers.on{
        background: transparent;
    }
    .bg-black .headers{
        background: rgba(0,0,0,.75);
    }
    .headers img{
        width: 3rem;
        width: auto;
        height: 0.22rem;
    }
    .menu-btn img{
        width: 25px;
        width: auto;
        height: 0.22rem;
    }
    
    .map-container{
        /*padding-top: 0.88rem;*/
        height: 100vh;
    }
    
    .headers a:nth-child(2){
        position: absolute;
        right: 2.53rem;
    }
    .con-btn{
        width: 1.72rem;
        line-height: 0.6rem;
        border: 1px solid #fff;
        text-align: center;
    }
    .mm-listview li a{
        font-size: 0.35rem;
        color: #1a1a1a;
        font-family: 'MiSans-Medium';
    }
    .mm-listview li a img{
        width: 0.29rem;
        margin-right: 0.34rem;
    }
    .mm-listview li a{
        display: flex!important;
        align-items: center;
    }
    .bg-black{
        background: transparent;
    }
    .bg-black .nav-container{
        padding: 0;
    }
    .logo-w{
        display: none!important;
    }
    .vision{
        padding: 1.43rem 0 1.37rem;
    }
    .vision p{
        font-size: 0.28rem;
        line-height: 0.5rem;
        max-width: 100%;
    }
    .brand-values h2{
        font-size: 0.65rem;
        line-height: 0.65rem;
        padding: 0.96rem 0 0.91rem;
    }
    .value-item{
        height: 3.32rem;
        height: auto;
        width: 100%;
    }
    .value-item h3{
        font-size: 0.47rem;
        line-height: 0.47rem;
        padding: 0.65rem 0 0.96rem;
    }
    .value-item p{
        font-size: 0.24rem;
        line-height: 0.24rem;
    }
    #menu .mb-footer-content{
        display: block !important;
        position: absolute;
        top: 9.8rem !important;
        z-index: 9999999999;
        transform: none;
        /* height: 0.42rem !important; */
        top: inherit;
        /* max-height: none; */
        left: 0.5rem;
        overflow: visible;
        padding: 0;
    }
    #menu .mb-footer-content .contact-icons{
        margin-top: 0;
    }
    .pro li a{
        /*padding: 0.5rem 0.7rem 0.5rem 1.4rem!important;*/
        color: #000!important;
        padding-left: 1rem !important;
    }
    .pro img{
        width: auto!important;
        height: 1.73rem;
        margin-right: 0!important;
    }
    #menu .mb-footer-content.on{
        display: none!important;
    }
    .pro .text b{
        font-size: 0.27rem;
        line-height: 0.27rem;
        margin-bottom: 0.3rem;
    }
    .pro .btns{
        display: flex;
        align-items: center;
    }
    .pro .btns p{
        min-width: 0.46rem;
        line-height: 0.26rem;
        font-size: 0.2rem;
        border: 1px solid #1a1a1a;
        border-radius: 2px;
        padding: 0 0.05rem;
        margin-right: 0.23rem;
    }
    .en-pro .btns{
        padding: 0 0.08rem;
    }
    .en-pro .pro .text b{
        margin-bottom: 0.24rem;
    }
    .pro .line{
        border-top: 2px solid rgb(230,230,230);
        margin: 0.4rem 0.5rem 0.6rem;
    }
    .pro .img {
        width: 1.4rem;
        /*margin: 0 1.2rem 0 0.8rem;*/
        margin-right: 1rem;
        display: flex;
        justify-content: center;
    }
    .pro .pro-ml a{
        color: #1a1a1a!important;
        padding-left: 0.5rem!important;
    }
    .product-item{
        margin-right: 0.9rem;
    }
    .map-container .info-title{
        font-size: 0.2337rem;
        line-height: 0.2337rem;
    }
    .map-container .info-details{
        font-size: 0.2045rem;
    }
    .map-container .info-button{
        font-size: 0.2337rem;
    }
    .en-contact .map-container .info-title{
        font-size: 0.1928rem;
        line-height: 0.1928rem;
        font-family: 'MiSans-Bold';
    }
    .en-contact .map-container .info-details{
        font-size: 0.1687rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1 {
        font-size: 40px;
        letter-spacing: 4px;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
    }
}