@font-face{font-family:"Outfit-Medium";src:url(../fonts/Outfit-Medium.ttf)}
@font-face{font-family:"Outfit-Light";src:url(../fonts/Outfit-Light.ttf)}
@font-face{font-family:"HarmonyOS_Sans_SC_Medium";src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf)}
@font-face{font-family:"HarmonyOS_Sans_SC_Light";src:url(../fonts/HarmonyOS_Sans_SC_Light.ttf)}
*{margin:0;padding:0;border:0;list-style:none;text-decoration:none;color:inherit;font-weight:400;font-family:inherit;box-sizing:border-box;font-style:normal;outline:0;-webkit-tap-highlight-color:transparent}
body{width:100%;overflow-x:hidden}
body::-webkit-scrollbar{width: 0;}
img{vertical-align:middle;max-width:100%}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:"";clear: both;}
.full-container{width: 100%;height:auto;overflow:hidden;}
.main-container{width: 12.70rem;height:auto;margin:0 auto;position: relative;}
/* 头部 */
/* .header-bar{width: 100%;height: .35rem;border-bottom: .01rem solid #bfbfbf;background: #ffffff;transition: all .3s ease;}
header .nav{display: flex;justify-content: space-between;align-items: center;border-bottom: .01rem solid #bfbfbf;background: #ffffff;height: .7rem;transition: all .3s ease;}
header .nav .logo {width: 50%;border-right: .01rem solid #bfbfbf;padding: 0 1.5rem;height: 100%;display: flex;align-items: center;}
header .nav .logo img{height: .4rem;transition: all .3s ease;}
header .nav .menu{width: 50%;padding: 0 1.5rem;height: 100%;display: flex;align-items: center;justify-content: flex-end;}
header .nav .menu i.menu-icon{font-size: .5rem;color: #000000;cursor: pointer;}
header .nav .sidebar {position: relative;width: 9.6rem;height: 100vh;background: #b9a58c;position: fixed;right: -9.6rem;top: 0;transition: right 0.3s ease;padding: .2rem .4rem;padding-bottom: 1rem;z-index: 9999;box-shadow: 0 -.1rem .15rem rgba(0,0,0,.2);}
header .nav .sidebar.active {right: 0;}
header .nav .sidebar i.menu-icon{position: absolute;right: .3rem;top: .2rem;color: #000;}
header .nav .sidebar ul{width: 4.45rem;height: 75vh;margin: 0 auto;margin-top: 2rem;overflow-y: auto;}
header .nav .sidebar ul::-webkit-scrollbar{width: 0;}
header .nav .sidebar ul li{margin-bottom: .3rem;}
header .nav .sidebar ul li a{display: flex;align-items: center;justify-content: space-between;width: 100%;line-height: .65rem;color: #000000;}
header .nav .sidebar ul li a.parent{border-bottom: .01rem solid #8b7c69;font-size: .4rem;font-family: "HarmonyOS_Sans_SC_Medium";}
header .nav .sidebar ul li a.parent span{flex-shrink: 0;white-space: nowrap;}
header .nav .sidebar ul li a.parent i{margin-left: .1rem;font-size: .2rem;width: 100%;}
header .nav .sidebar ul li a.parent i::before{visibility: hidden;}
header .nav .sidebar ul li dl{padding-left: .05rem;padding-top: .2rem;padding-bottom: 0;display: none;height: auto;overflow: hidden;}
header .nav .sidebar ul li.on dl{display: block;}
header .nav .sidebar ul li dl dd{padding: .1rem 0;display: inline-block;width: 50%;float: left;}
header .nav .sidebar ul li dl dd a{display: flex;align-items: center;width: 100%;line-height: .5rem;font-size: .23rem;color: #000000;font-family: "HarmonyOS_Sans_SC_Light";}
header .nav .sidebar ul li dl dd a i{margin-right: .05rem;font-size: .22rem;}
header .nav .sidebar ul li dl dd a:hover{text-decoration: underline;text-underline-offset: .05rem;}
header .nav .sidebar ul li dl dd.on a{text-decoration: underline;text-underline-offset: .05rem;}
header.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;} */
.inner .header-bar{background: transparent;border-bottom: .01rem solid rgba(255,255,255,.5);}
.inner .nav{background: transparent;border-bottom: .01rem solid rgba(255,255,255,.5);}
.inner .nav.nav .logo{border-right: none;}
.inner .nav.nav .logo img{filter: brightness(0) invert(1) grayscale(1);}
.inner .nav .menu i.menu-icon{color: #ffffff;}
.inner.white-bg .header-bar{background: #ffffff;border-bottom: .01rem solid #bfbfbf;transition: all .3s ease;}
.inner.white-bg .nav{background: #ffffff;border-bottom: .01rem solid #bfbfbf;transition: all .3s ease;}
.inner.white-bg .nav.nav .logo{border-right: none;}
.inner.white-bg .nav.nav .logo img{filter: unset;transition: all .3s ease;}
.inner.white-bg .nav .menu i.menu-icon{color: #000000;}
.inner .nav .sidebar i.menu-icon{color: #000000;}
.white-bg .nav.nav .logo{border-right: none;}
.white-bg.transparent .header-bar{background: transparent;}
.white-bg.transparent .nav{background: transparent;}
.white-bg.transparent.remove{display: none;}
/* 首页轮播 */
.index-slider{width: 100%;display: flex;justify-content: space-between;margin-top: 1.05rem;height: calc(100vh - 1.05rem);margin-bottom: .15rem;border-bottom: .01rem solid #bfbfbf;}
.index-slider .index-swiper{width: 50%;height: 100%;border-right: .01rem solid #bfbfbf;overflow: hidden;}
.index-slider .index-swiper .swiper-slide{width: 100%;overflow: hidden;}
.index-slider .index-swiper .swiper-slide img{max-width: unset;object-fit:cover;object-positon:center center;width:100%;height:100%;}
.index-slider .index-swiper i.icon-swap-right{position:absolute;right:.5rem;bottom:.25rem;z-index:2;color:#ffffff;font-size:.5rem;transform: scaleX(2);}
.index-slider .slider-cate{width: 50%;height: 100%;}
.index-slider .slider-cate ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;}
.index-slider .slider-cate ul li{width: 50%;height: 50%;padding: .22rem .35rem .35rem .35rem;position: relative;}
.index-slider .slider-cate ul li:nth-child(2n){border-left: .01rem solid #bfbfbf;}
.index-slider .slider-cate ul li:nth-child(1){border-bottom: .01rem solid #bfbfbf;}
.index-slider .slider-cate ul li:nth-child(2){border-bottom: .01rem solid #bfbfbf;}
.index-slider .slider-cate ul li .desc{font-size: .6rem;line-height: .7rem;display: flex;flex-direction: column;opacity: 0;transition: all 1s ease;font-family: "HarmonyOS_Sans_SC_Medium";visibility:hidden;}
.index-slider .slider-cate ul li .desc p{font-size: .34rem;line-height: .45rem;margin-top: .2rem;font-family: "Outfit-Light";}
.index-slider .slider-cate ul li .title{font-size: .35rem;display: flex;align-items: center;position: absolute;bottom: .35rem;left: .35rem;opacity: 1;transition: all .8s ease;font-family: "HarmonyOS_Sans_SC_Medium";}
.index-slider .slider-cate ul li .title i{font-size: .28rem;margin-right: .15rem;font-weight: bold;}
.index-slider .slider-cate ul li.on .desc{opacity: 1;transition: all 1s ease;visibility:unset;}
.index-slider .slider-cate ul li.on .title{opacity: 0;transition: all .8s ease;visibility:hidden;}
/* 首页视频 */
.index-video{width: 100%;height: 10.8rem;margin-bottom: .15rem;background: url(../images/index-video-bg.jpg) center center no-repeat;background-size: cover;display: flex;flex-direction: column;}
.index-video-top{width: 100%;height: 100%;padding-top: 2.15rem;text-align: center;}
.index-video-top .video{padding-bottom: .25rem;transition: all .5s ease;}
.index-video-top .video img{width: .33rem;cursor: pointer;transition: all .5s ease;}
.index-video-top .video img:hover{transform: scale(1.05);}
.index-video-top .en{font-size: .42rem;color: #ffffff;font-family: "Outfit-Medium";}
.index-video-top .zh{font-size: .28rem;color: #ffffff;font-family: "HarmonyOS_Sans_SC_Medium";}
.index-video-top .desc{width: 100%;padding-top: .6rem;font-size: .22rem;line-height: .3rem;color: #ffffff;font-family: "HarmonyOS_Sans_SC_Light";}
.index-video-bottom{width: 100%;height: 2.5rem;flex-shrink: 0;}
.index-video-bottom ul{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.index-video-bottom ul li{width: 100%;height: 100%;padding-top: .35rem;text-align: center;}
.index-video-bottom ul li .num{font-size: .4rem;color: #ffffff;padding-bottom: .05rem;font-family: "Outfit-Medium";}
.index-video-bottom ul li .txt{font-size: .17rem;color: #ffffff;font-family: "HarmonyOS_Sans_SC_Light";}
/* 首页产品 */
.index-product{width: 100%;margin-bottom: .15rem;border-top: .01rem solid #bfbfbf;border-bottom: .01rem solid #bfbfbf;padding: 1rem 0 .8rem 0;}
.index-product .en{font-size: .42rem;color: #333333;font-weight: bold;padding-bottom: .15rem;font-family: "Outfit-Medium";}
.index-product .zh{font-size: .28rem;color: #333333;padding-bottom: .5rem;font-family: "HarmonyOS_Sans_SC_Medium";}
.index-product .desc{font-size: .22rem;line-height: .35rem;color: #333333;padding-bottom: 1.3rem;font-family: "HarmonyOS_Sans_SC_Light";}
.index-product .list{width: 100%;}
.index-product .list ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-product .list ul li{width: 6.25rem;margin-bottom: 1rem;}
.index-product .list ul li .img{width: 100%;height: 4.5rem;overflow: hidden;}
.index-product .list ul li .img img{transition: all .5s linear;}
.index-product .list ul li .title{font-size: .28rem;padding: .12rem 0;transition: all .5s linear;font-family: "HarmonyOS_Sans_SC_Medium";}
.index-product .list ul li .title i{font-size: .2rem;margin-right: .05rem;font-weight: bold;font-family: "HarmonyOS_Sans_SC_Medium";}
.index-product .list ul li .tag{font-size: .2rem;color: #b3b3b3;margin-left: .2rem;padding-left: .06rem;display: flex;align-items: center;font-family: "HarmonyOS_Sans_SC_Medium";}
.index-product .list ul li .tag span{display: inline-block;position: relative;padding: 0 .12rem;}
.index-product .list ul li .tag span::before{content: "";position: absolute;left: 0;height: .16rem;width: .01rem;background: #b3b3b3;top: 50%;transform: translateY(-50%);}
.index-product .list ul li .tag span:last-child::after{content: "";position: absolute;right: 0;height: .16rem;width: .01rem;background: #b3b3b3;top: 50%;transform: translateY(-50%);}
.index-product .list ul li:hover .title{padding-left: .2rem;transition: all .5s linear;}
.index-product .list ul li:hover .img img{transform: scale(1.05);transition: all .5s linear;}
/* 首页品牌 */
.index-brand{width: 100%;margin-bottom: .15rem;border-top: .01rem solid #bfbfbf;padding-top: 1rem;}
.index-brand .en{font-size: .42rem;color: #333333;font-weight: bold;padding-bottom: .15rem;text-align: center;font-family: "Outfit-Medium";}
.index-brand .zh{font-size: .28rem;color: #333333;padding-bottom: .7rem;text-align: center;font-family: "HarmonyOS_Sans_SC_Medium";}
.index-brand .list{padding-bottom: .25rem;}
.index-brand .list ul li{width: 100%;margin-bottom: .45rem;}
/* 首页理念 */
.index-idea{width: 100%;padding-bottom: .2rem;}
.index-idea .list{padding-bottom: .35rem;}
.index-idea .list ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-idea .list ul li{width: 6.25rem;padding: .25rem 0 .5rem 0;border-top: .01rem solid #bfbfbf;}
.index-idea .list ul li h4{font-size: .2rem;padding-bottom: .12rem;font-family: "HarmonyOS_Sans_SC_Medium";}
.index-idea .list ul li p{font-size: .12rem;color: #808080;line-height: .2rem;font-family: "HarmonyOS_Sans_SC_Light";}
/* 系统智联 */
.zhilian.banner{position: relative;width: 100%;height: auto;max-height: 100vh;overflow: hidden;}
.zhilian.banner::after{content: " ";width: 100%;height: 100%;max-height: 100vh;position: absolute;top: 0;left: 0;background: rgba(0,0,0,1);opacity: 0;}
.zhilian.banner img{object-fit: cover;}
.zhilian.banner .desc{position: absolute;top: 4.25rem;left: 1.95rem;}
.zhilian.banner .desc .en{font-family: "Outfit-Medium";font-size: .68rem;color: #ffffff;padding-bottom: .4rem;}
.zhilian.banner .desc .zh{font-family: "HarmonyOS_Sans_SC_Medium";font-size: .45rem;color: #ffffff;}
.zhilian .block-one{width: 100%;height: auto;overflow: hidden;}
.zhilian .block-one .holder{display: flex;justify-content: space-between;height: 1.3rem;border-bottom: .01rem solid #bfbfbf;}
.zhilian .block-one .holder .l{flex-shrink: 0;width: 3rem;height: 100%;}
.zhilian .block-one .holder .m{width: 100%;height: 100%;border-right: .01rem solid #bfbfbf;}
.zhilian .block-one .holder .r{flex-shrink: 0;width: 6.3rem;height: 100%;}
.zhilian .block-one .content{width: 100%;height: auto;overflow: hidden;}
.zhilian .block-one .content .top{display: flex;justify-content: space-between;}
.zhilian .block-one .content .top .l{flex-shrink: 0;width: 3rem;}
.zhilian .block-one .content .top .m{width: 100%;border-left: .01rem solid #bfbfbf;border-right: .01rem solid #bfbfbf;border-bottom: .01rem solid #bfbfbf;padding-top: .3rem;padding-left: .3rem;}
.zhilian .block-one .content .top .r{flex-shrink: 0;width: 6.3rem;border-bottom: .01rem solid #bfbfbf;padding-top: .2rem;padding-left: .3rem;}
.zhilian .block-one .content .top .m h3{font-family: "HarmonyOS_Sans_SC_Medium";font-size: .42rem;padding-bottom: .5rem;line-height: .5rem;}
.zhilian .block-one .content .top .m .desc{font-family: "HarmonyOS_Sans_SC_Light";font-size: .22rem;color: #4d4d4d;padding-bottom: .4rem;line-height: .35rem;}
.zhilian .block-one .content .top .r .en{font-family: "HarmonyOS_Sans_SC_Light";font-size: .22rem;line-height: .45rem;}
.zhilian .block-one .content .bottom{display: flex;justify-content: space-between;}
.zhilian .block-one .content .bottom .l{flex-shrink: 0;width: 3rem;border-bottom: .01rem solid #bfbfbf;}
.zhilian .block-one .content .bottom .m{width: 100%;border-left: .01rem solid #bfbfbf;border-right: .01rem solid #bfbfbf;border-bottom: .01rem solid #bfbfbf;}
.zhilian .block-one .content .bottom .r{flex-shrink: 0;width: 6.3rem;border-bottom: .01rem solid #bfbfbf;}
.zhilian .block-two{width: 100%;height: auto;overflow: hidden;}
.zhilian .block-two .holder{display: flex;justify-content: space-between;height: 1.75rem;border-bottom: .01rem solid #bfbfbf;}
.zhilian .block-two .holder .l{flex-shrink: 0;width: 3rem;height: 100%;}
.zhilian .block-two .holder .m{width: 100%;height: 100%;border-left: .01rem solid #bfbfbf;border-right: .01rem solid #bfbfbf;}
.zhilian .block-two .holder .r{flex-shrink: 0;width: 8.35rem;height: 100%;}
.zhilian .block-two .content{display: flex;justify-content: space-between;border-bottom: .01rem solid #bfbfbf;}
.zhilian .block-two .content .l{flex-shrink: 0;width: 3rem;}
.zhilian .block-two .content .m{width: 100%;border-right: .01rem solid #bfbfbf;border-left: .01rem solid #bfbfbf;}
.zhilian .block-two .content .r{flex-shrink: 0;width: 8.35rem;padding-top: .3rem;padding-left: .3rem;}
.zhilian .block-two .content .r h3{font-family: "HarmonyOS_Sans_SC_Medium";font-size: .42rem;padding-bottom: .5rem;line-height: .5rem;}
.zhilian .block-two .content .r .desc{font-family: "HarmonyOS_Sans_SC_Light";font-size: .22rem;color: #4d4d4d;padding-bottom: .4rem;line-height: .35rem;}
.zhilian .block-three {width: 100%;height: auto;overflow: hidden;padding-top: 1.15rem;padding-bottom: 1.45rem;}
.zhilian .block-three .content{display: flex;justify-content: space-between;}
.zhilian .block-three .content .l{flex-shrink: 0;width: 3rem;}
.zhilian .block-three .content .m{width: 100%;}
.zhilian .block-three .content .r{flex-shrink: 0;width: 3rem;}
.zhilian .block-three .content .m .desc{font-family: "HarmonyOS_Sans_SC_Light";font-size: .22rem;color: #4d4d4d;padding-bottom: .45rem;line-height: .35rem;}
/* 合作 */
.cooperate.banner{position: relative;width: 100%;height: auto;max-height: 100vh;overflow: hidden;}
.cooperate.banner::after{content: " ";width: 100%;height: 100%;max-height: 100vh;position: absolute;top: 0;left: 0;background: rgba(0,0,0,1);opacity: 0;}
.zhilian.banner img{object-fit: cover;}
.cooperate.banner .desc{position: absolute;top: 4.25rem;left: 1.95rem;}
.cooperate.banner .desc .en{font-family: "Outfit-Medium";font-size: .68rem;color: #ffffff;padding-bottom: .4rem;}
.cooperate.banner .desc .zh{font-family: "HarmonyOS_Sans_SC_Medium";font-size: .45rem;color: #ffffff;}
.cooperate.main{width: 16.2rem;margin: 0 auto;}
.cooperate.main .top{width: 100%;padding: 1.12rem 1.5rem;}
.cooperate.main .top ul{display: flex;justify-content: space-between;height: 1.65rem;align-items: flex-end;}
.cooperate.main .top ul li{text-align: center;display: inline-flex;align-items: flex-end;justify-content: center;width: 100%;}
.cooperate.main .top ul li img{transition: all .3s ease;}
.cooperate.main .top ul li img.one{width: 1.88rem;}
.cooperate.main .top ul li img.two{width: 1.12rem;}
.cooperate.main .top ul li img.three{width: 1.2rem;}
.cooperate.main .top ul li img.four{width: .93rem;}
.cooperate.main .top ul li img:hover{transform: scale(.95);transition: all .3s ease;}
.cooperate.main .list{width: 100%;height: auto;overflow: hidden;}
.cooperate.main .list ul li{width: 100%;height: auto;overflow: hidden;margin-bottom: 1.5rem;display: flex;}
.cooperate.main .list ul li .desc{width: 50%;flex-shrink: 0;background: #f2f2f2;padding-top: .55rem;padding-left: .9rem;padding-bottom: .3rem;display: flex;flex-direction: column;justify-content: space-between;}
.cooperate.main .list ul li .describe{width: 100%;height: 100%;}
.cooperate.main .list ul li .contact{width: 100%;height: 2.1rem;flex-shrink: 0;display: flex;flex-direction: column;justify-content: flex-end;}
.cooperate.main .list ul li .contact .partner{width: 6.28rem;padding-bottom: .5rem;}
.cooperate.main .list ul li .img{width: 50%;flex-shrink: 0;}
.cooperate.main .list ul li .desc h4{font-size: .45rem;font-family: "HarmonyOS_Sans_SC_Medium";padding-bottom: .4rem;}
.cooperate.main .list ul li .desc .info{font-size: .1984rem;color: #4d4d4d;font-family: "HarmonyOS_Sans_SC_Light";line-height: .3rem;padding-bottom: .2rem;}
.cooperate.main .list ul li .desc .tel{display: flex;padding-bottom: .2rem;font-size: .1984rem;color: #4d4d4d;font-family: "HarmonyOS_Sans_SC_Light";}
.cooperate.main .list ul li .desc .tel span{display: inline-block;padding-right: .45rem;}
.cooperate.main .list ul li .desc .qrcode{display: flex;align-items: flex-start;font-size: .1984rem;color: #4d4d4d;font-family: "HarmonyOS_Sans_SC_Light";}
.cooperate.main .list ul li .desc .qrcode span{display: inline-block;margin-right: .45rem;}
.cooperate.main .list ul li .desc .qrcode img{width: 1.5rem;}
/* 产品 */
.product-nav{width: 100%;margin-top: 45px;}
.product-nav .first-nav{width: 100%;height: .5rem;font-family: "HarmonyOS_Sans_SC_Medium";font-size: .2rem;background: #000000;}
.product-nav .first-nav ul{width: 8.5rem;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;color: #ffffff;}
.product-nav .first-nav ul li a:hover{text-decoration: underline;text-underline-offset: .05rem;}
.product-nav .first-nav ul li.on a{text-decoration: underline;text-underline-offset: .05rem;}
.product-nav .sub-nav{width: 100%;height: .5rem;font-family: "HarmonyOS_Sans_SC_Medium";font-size: .17rem;background: linear-gradient(to right,#f5f1e5, #baa890);}
.product-nav .sub-nav ul{width: 8.5rem;height: 100%;margin: 0 auto;display: flex;justify-content: flex-start;align-items: center;color: #000000;}
.product-nav .sub-nav ul li{margin-right: .58rem;}
.product-nav .sub-nav ul li.all{margin-right: 1rem;}
.product-nav .sub-nav ul li.on span{font-style: italic;}
/* .product-nav .sub-nav ul li.on a{text-decoration: underline;text-underline-offset: .03rem;} */
.product-nav .sub-nav ul li:hover span{font-style: italic;}
.product-nav .final-nav{width: 100%;height: .5rem;font-family: "HarmonyOS_Sans_SC_Light";font-size: .17rem;background: #ffffff;}
.product-nav .final-nav ul{width: 100%;height: 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;color: #000000;}
.product-nav .final-nav ul li{margin-right: .95rem;}
.product-nav .final-nav ul li.on span{font-style: italic;}
/* .product-nav .final-nav ul li.on a{text-decoration: underline;text-underline-offset: .03rem;} */
.product-nav .final-nav ul li:hover span{font-style: italic;}
.product.main{width: 16.2rem;height: auto;margin: 0 auto;overflow: hidden;padding-top: .5rem;padding-bottom: .6rem;}
.product.main .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product.main .list.one ul li{width: 3.5rem;margin-bottom: .7rem;}
.product.main .list.one ul li img{width: 3.5rem;height: 3.5rem;overflow: hidden;}
.product.main .list.two ul li{width: 7.45rem;margin-bottom: .7rem;}
.product.main .list.two ul li img{width: 7.45rem;height: 3.5rem;overflow: hidden;}
.product.main .list ul li p{font-size: .2rem;font-family: "HarmonyOS_Sans_SC_Light";line-height: .5rem;text-overflow: ellipsis;text-wrap: nowrap;text-align: center;}
.product.main .list ul li p a{display: inline-block;position: relative;}
.product.main .list ul li p a::after{
    content: "";
    width: 0;
    height: .01rem;
    background-color: #000000;
    position: absolute;
    right: 100%;
    bottom: 0;
    transition: all .4s;
}
.product.main .list ul li:hover p a::after{
    width: 100%;
    right: 0;
    transition-delay: 0.1s;
}
/* 产品详情 */
.product-detail.main{width: 100%;height: auto;}
.product-detail .swiper-slide{width: 100%;height: 100vh;overflow-y: auto;}
.product-detail .swiper-slide img{height: 100%;width: 100%;;object-fit: cover;object-position: center;}
.product-detail .swiper-slide::after{content: " ";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,1);opacity: 0;}
.product-detail .banner-desc{position: absolute;top: 3.45rem;left: 50%;transform: translateX(-50%);display: flex;align-items: center;}
.product-detail .banner-desc .en{font-family: 'Outfit-Medium';font-size: .68rem;}
.product-detail .banner-desc .sub-en{font-family: 'Outfit-Light';font-size: .28rem;}
.product-detail .banner-desc .zh{font-family: "HarmonyOS_Sans_SC_Medium";font-size: .28rem;padding-top: .12rem;}
.product-detail .banner-desc .r{font-family: "Outfit-Medium";font-size: 2.12rem;line-height: 1.7rem;padding-left: .2rem;}
.product-detail .params{width: 100%;height: auto;overflow: hidden;padding: .35rem 2.7rem .5rem 2.7rem;background: rgba(255,255,255,.7);position: absolute;bottom: 0;left: 0;}
.product-detail .params .title{text-align: center;margin-bottom: .55rem;}
.product-detail .params .title .b{font-family: "Outfit-Medium";font-size: .45rem;padding-right: .22rem;}
.product-detail .params .title .n{font-family: "Outfit-Light";font-size: .45rem;color: #333333;}
.product-detail .params ul{display: flex;align-items: center;}
.product-detail .params ul li{width: 100%;position: relative;padding-left: .28rem;}
.product-detail .params ul li::after{content: "";display: inline-block;width: .01rem;height: 90%;background: #4d4d4d;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.product-detail .params ul li p{font-size: .26rem;color: #4d4d4d;font-family: "HarmonyOS_Sans_SC_Light";padding-bottom: .18rem;}
.product-detail .params ul li span{font-size: .26rem;color: #b8a58c;font-family: "HarmonyOS_Sans_SC_Light";padding-bottom: .18rem;}
.product-detail .detail-block{position: relative;}
.product-detail .detail-content .desc{position: absolute;top: 2.1rem;left: 2rem;z-index: 2;}
.product-detail .detail-content .desc h3{font-family: "HarmonyOS_Sans_SC_Medium";font-size: .42rem;line-height: .5rem;color: #ffffff;padding-bottom: .5rem;}
.product-detail .detail-content .desc p{font-family: "HarmonyOS_Sans_SC_Light";font-size: .28rem;line-height: .35rem;color: #ffffff;}
.product-detail .detail-cate{width: 100%;height: auto;overflow: hidden;position: absolute;bottom: 1.05rem;z-index: 2;}
.product-detail .detail-cate ul{display: flex;justify-content: center;align-items: center;}
.product-detail .detail-cate ul li{position: relative;width: 2.5rem;font-size: .18rem;font-family: "HarmonyOS_Sans_SC_Light";color:#b3b3b3;padding-top: .12rem;margin-right: .9rem;line-height: .25rem;cursor: default;}
.product-detail .detail-cate ul li::after{content: "";width: 100%;height: .03rem;background: #b3b3b3;position: absolute;top: 0;left: 0;transition: all .4s linear;}
.product-detail .detail-cate ul li:last-child{margin-right: 0;}
.product-detail .detail-cate ul li.on{color: #ffffff;}
.product-detail .detail-cate ul li.on::after{background: #ffffff;}
.product-detail .footer-desc{position: absolute;width: 5.7rem;;top: .5rem;left: 50%;transform: translateX(-50%);z-index: 2;text-align: center;}
.product-detail .footer-desc h4{font-family: "HarmonyOS_Sans_SC_Medium";font-size: .28rem;line-height: .4rem;color: #ffffff;text-align: center;margin-bottom: .2rem;}
.product-detail .footer-desc ul{width: 100%;height: auto;overflow: hidden;border-top: .01rem solid rgba(255,255,255,.5);border-bottom: .01rem solid rgba(255,255,255,.5);padding: .3rem 0;}
.product-detail .footer-desc ul li{height: .5rem;line-height: .5rem;width: 100%;display: flex;}
.product-detail .footer-desc ul li span{width: 50%;text-align: center;font-family: "HarmonyOS_Sans_SC_Light";font-size: .18rem;color: #e6e6e6;}
.product-detail .footer-desc p.tip{margin-bottom: .25rem;padding-top: .1rem;color: #ffffff;font-size: .085rem;font-family: "HarmonyOS_Sans_SC_Light";}
.product-detail .footer-desc a.more{display: inline-block;padding: 0 .35rem;height: .45rem;line-height: .45rem;text-align: center;border-radius: .45rem;border: .01rem solid #ffffff;font-family: "HarmonyOS_Sans_SC_Light";font-size: .22rem;color: #ffffff;}
.product-detail .footer-desc a.more:hover{text-decoration: underline;text-underline-offset: .05rem;}
.product-detail .detail-footer footer{position: absolute;bottom: 0;left: 0;padding-bottom: 0.2rem;padding-top: 0.25rem;}
/* 尾部 */
/* footer{width: 100%;padding: .35rem 0 .4rem 0;background: #000000;}
footer .footer-nav{display: flex;justify-content: space-between;}
footer .footer-nav .nav{width: 8.4rem;display: flex;justify-content: flex-start;}
footer .footer-nav .nav dl{width: 2.1rem;text-align: left;}
footer .footer-nav .nav dl dt{font-size: .2rem;color: #ffffff;padding-bottom: .1rem;cursor: default;font-family: "HarmonyOS_Sans_SC_Medium";}
footer .footer-nav .nav dl dd{font-size: .12rem;color: #666666;line-height: .22rem;font-family: "HarmonyOS_Sans_SC_Light";}
footer .footer-nav .nav dl dd a:hover{text-decoration: underline;}
footer .footer-nav .contact{color: #ffffff;font-family: "HarmonyOS_Sans_SC_Medium";}
footer .footer-nav .contact h4{font-size: .2rem;}
footer .footer-nav .contact .input{display: flex;width: 100%;font-size: .1rem;padding: .03rem 0;border-bottom: .01rem solid #4c4c4c;margin-bottom: .2rem;margin-top: .15rem;}
footer .footer-nav .contact .phone{font-size: .2rem;margin-bottom: .02rem;}
footer .footer-nav .contact .time{font-size: .12rem;}
footer .copyright{display: flex;justify-content: space-between;align-items: center;font-size: .12rem;color: #cccccc;padding-right: 3.7rem;padding-top: .4rem;font-family: "HarmonyOS_Sans_SC_Medium";}
footer .copyright .logo img{width: 1.4rem;}
footer .copyright a:hover{text-decoration: underline;} */

@media (max-width: 768px){
    .main-container{width: 90%;height:auto;margin:0 auto;position: relative;}
    /* header .nav .sidebar {width: 100%;right: -100%;display: flex;justify-content: center;align-items: flex-start;}
    .header-bar{height: 10px;}
    header .nav{height: 50px;}
    header .nav .logo{padding: 0 10px;text-align: center;width: 100%;border: none;}
    header .nav .logo a{display: flex;}
    header .nav .logo img{height: 20px;}
    header .nav .menu{padding: 0;padding-right: 20px;}
    header .nav .menu i.menu-icon{font-size: 26px;}
    header .nav .sidebar ul{width: 60%;height: auto;margin-top: 4rem;}
    header .nav .sidebar ul li{margin-bottom: .5rem;}
    header .nav .sidebar ul li a.parent{font-size: 1rem;line-height: 1.5rem;}
    header .nav .sidebar ul li dl{padding-top: .4rem;padding-left: .1rem;}
    header .nav .sidebar ul li dl dd a{font-size: .6rem;line-height: 1.3rem;} */
    .index-slider{height: auto;margin-top: 60px;position: relative;}
    .index-slider .index-swiper{width: 100%;}
    .index-slider .index-swiper .swiper-slide img{max-width: 100%;}
    .index-slider .slider-cate{position: absolute;width: 100%;background: rgba(255,255,255,.5);display: flex;bottom: 0;left: 0;height: 50px;z-index: 2;}
    .index-slider .slider-cate ul{display: flex;justify-content: center;align-items: center;}
    .index-slider .slider-cate ul li{position: relative;width: 25%;height: 50px;background: transparent;border: none;z-index: 2;display: flex;justify-content: center;align-items: center;border: none;padding:0;border-left:none!important;border-right:none!important;border-bottom:none!important;}
    .index-slider .slider-cate ul li:nth-child(1){border-left:none;}
    .index-slider .slider-cate ul li .title{opacity:1!important;position:relative;visibility:unset!important;top:unset!important;bottom:unset!important;left:unset!important;}
    .index-slider .slider-cate ul li.on{display: flex;justify-content: center;align-items: center;border: none;}
    .index-slider .slider-cate ul li .desc{font-size: 28px;line-height: 35px;color: #ffffff;display:none;}
    .index-slider .slider-cate ul li .desc p{font-size: 18px;line-height: 20px;margin-top: 15px;}
    /* .index-video{height: 380px;} */
    .index-video-top{padding-top: 1.5rem;}
    /* .index-video-top .video{padding-bottom: 20px;} */
    .index-video-top .video img{width: 25px;}
    /* .index-video-top .en{font-size: 16px;}*/
    /* .index-video-top .zh{font-size: 14px;} */
    .index-video-top .desc{line-height: .5rem;}
    .index-video-bottom ul li{padding-top: .7rem;border-top: .01rem solid rgba(255,255,255,.5);border-right: .01rem solid rgba(255,255,255,.5);} 
    .index-video-bottom ul li:last-child{border-right: none;}
    .index-product{padding: 1.5rem 0 1.2rem 0;}
    .index-product .list ul li{width: 48%;}
    .index-product .list ul li .img{height: auto;}
    .index-product .en{font-size: 12px;}
    .index-product .zh{font-size: 12px;}
    .index-product .desc{line-height: .5rem;}
    .index-product .list ul li{margin-bottom: 1.5rem;}
    .index-product .list ul li .title{padding: .2rem;}
    .index-product .list ul li .tag{float: left;display: inline-block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .index-brand{padding-top: 1.5rem;padding-bottom: .4rem;margin-bottom: .3rem;}
    .index-brand .en{font-size: 12px;}
    .index-brand .zh{font-size: 12px;padding-bottom: 1rem;}
    .index-idea .list ul li{width: 48%;padding: .5rem 0 .8rem 0;}
    .index-idea .list ul li h4{padding-bottom: .3rem;}
    .index-idea .list ul li p{line-height: .5rem;}
    /* footer{padding: 0.7rem 0 0.8rem 0;}
    footer .copyright{padding-top: 1rem;padding-right: 4.5rem;color: #666666;}
    footer .copyright .logo{display: none;}
    footer .footer-nav .nav{width: 100%;}
    footer .footer-nav .nav dl{width: 21%;}
    footer .footer-nav .nav dl dt{padding-bottom: .3rem;}
    footer .footer-nav .nav dl dd{line-height: .6rem;color: #999999;}
    footer .footer-nav .contact{flex-shrink: 0;}
    footer .footer-nav .contact .input{margin: .3rem 0;color: #999999;font-family: "HarmonyOS_Sans_SC_Light";}
    footer .footer-nav .contact .phone{margin-bottom: .1rem;} */
    .cooperate.main{width: 90%;}
    .cooperate.banner .desc .en{font-size: 18px;}
    .cooperate.banner .desc .zh{font-size: 18px;}
    .cooperate.main .list ul li .desc{padding-right: .5rem;}
    .cooperate.main .list ul li .desc .info{line-height: .5rem;}
    .cooperate.main .list ul li .img img{height: 100%;object-fit: cover;}
    .zhilian .block-one .holder .l{width: 1.5rem;}
    .zhilian .block-one .holder .r{width: 6.3rem;}
    .zhilian .block-one .content .top .l{width: 1.5rem;}
    .zhilian .block-one .content .top .r{width: 6.3rem;padding: .4rem 0 0 .4rem;}
    .zhilian .block-one .content .top .m{padding: .4rem .1rem .4rem .4rem;}
    .zhilian .block-one .content .top .m .desc{line-height: .5rem;padding-bottom: .5rem;}
    .zhilian .block-one .content .bottom .l{width: 1.5rem;}
    .zhilian .block-one .content .bottom .r{width: 6.3rem;}
    .zhilian .block-two .holder .l{width: 1.5rem;}
    .zhilian .block-two .holder .r{width: 8.35rem;}
    .zhilian .block-two .content .l{width: 1.5rem;}
    .zhilian .block-two .content .r{width: 8.35rem;padding: .4rem .1rem .4rem .4rem;}
    .zhilian .block-two .content .r .desc{line-height: .5rem;}
    .zhilian .block-three .content .l{width: 1.5rem;}
    .zhilian .block-three .content .r{width: 1.5rem;}
    .zhilian .block-three .content .m .desc{line-height: .5rem;padding-bottom: .7rem;}
    .product.main{width: 90%;padding-top: 20px;padding-bottom: 30px;}
    .product-nav{margin-top: 45px;}
    .product-nav .first-nav{height: 35px;font-size: .6rem;}
    .product-nav .first-nav ul{width: 100%;justify-content: center;}
    .product-nav .first-nav ul li{margin: 0 .5rem;}
    .product-nav .first-nav ul li.on a{text-underline-offset: .1rem;}
    .product-nav .first-nav ul li a:hover{text-underline-offset: .1rem;}
    .product.main .list.one ul li{width: 48%;}
    .product.main .list.one ul li img{width: 100%;height: auto;}
    .product-nav .sub-nav{height: 30px;font-size: .5rem;}
    .product-nav .sub-nav ul{width: 100%;justify-content: center;}
    .product-nav .final-nav{height: 30px;font-size: .46rem;}
    .product-nav .final-nav ul li{margin-right: .5rem;}
    .product.main .list ul li p{font-size: .46rem;line-height: 1.2rem;}
    .product.main .list.two ul li{width: 100%;}
    .product.main .list.two ul li img{width: 100%;height: auto;}
    .product-detail .swiper-slide::after{display: none;}
    .product-detail .detail-banner .banner-desc{top: 50%;left: 50%;transform: translate(-50%,-50%);}
    .product-detail .detail-banner .banner-desc .en{font-size: 1.6rem;}
    .product-detail .detail-banner .banner-desc .sub-en{font-size: .66rem;white-space: nowrap;}
    .product-detail .detail-banner .banner-desc .r{font-size: 4.24rem;}
    .product-detail .params{padding: 1.1rem 1.5rem 1.6rem 1.5rem;background: #ffffff;}
    .product-detail .params .title{margin-bottom: 1rem;}
    .product-detail .params ul li{padding-left: .3rem;display: flex;flex-direction: column;}
    .product-detail .params ul li p{font-size: .46rem;padding-bottom: .5rem;}
    .product-detail .params ul li span{padding-bottom: 0;font-size: .6rem;}
    .product-detail .params .title .b{font-size: .7rem;}
    .product-detail .params .title .n{font-size: .7rem;}
    .product-detail .detail-content .desc{top: 3.1rem;}
    .product-detail .detail-content .desc h3{font-size: 1.2rem;line-height: 1.5rem;padding-bottom: .8rem;}
    .product-detail .detail-content .desc p{font-size: .56rem;line-height: .76rem;}
    .product-detail .detail-cate ul{align-items: flex-start;}
    .product-detail .detail-cate ul li{font-size: .46rem;line-height: .55rem;width: 3.5rem;margin-right: .8rem;}
    .product-detail .detail-block img{min-height: 14rem;object-fit: cover;}
    .product-detail .footer-desc{display: flex;flex-direction: column;align-items: center;width: 60%;top: 5.5rem;}
    .product-detail .footer-desc h4{font-size: .56rem;line-height: .76rem;margin-bottom: .75rem;}
    .product-detail .footer-desc ul{margin-bottom: .8rem;padding: 1rem 0 1rem 0;margin-bottom: 0;}
    .product-detail .footer-desc p.tip{margin-bottom: .6rem;transform: scale(.4);white-space: nowrap;}
    .product-detail .footer-desc ul li{height: 1.5rem;line-height: 1.5rem;}
    .product-detail .footer-desc ul li span{font-size: .42rem;}
    .product-detail .footer-desc a.more{font-size: .56rem;height: auto;padding: .15rem .35rem;}
    .fuchuang_nav,.fuchuang_nav.active{display:none!important;}
}