@font-face {
  font-family: "iconfont"; /* Project id 2754682 */
  src: url('../fonts/font_2754682_zo3dkc1ekx.woff2?t=1685370652947') format('woff2'),
       url('../fonts/font_2754682_zo3dkc1ekx.woff?t=1685370652947') format('woff'),
       url('../fonts/font_2754682_zo3dkc1ekx.ttf?t=1685370652947') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-minus:before {
  content: "\e7fd";
}

.icon-plus1:before {
  content: "\e8fe";
}

.icon-pinpaibiaoshi_douyin:before {
  content: "\e659";
}

.icon-xiaohongshu:before {
  content: "\e957";
}

.icon-right1:before {
  content: "\e655";
}

.icon-dianhua1:before {
  content: "\e67b";
}

.icon-ictel:before {
  content: "\e654";
}

.icon-qiche:before {
  content: "\e64c";
}

.icon-bofangjilu:before {
  content: "\e8ad";
}

.icon-ditu:before {
  content: "\e8ae";
}

.icon-rili:before {
  content: "\e8b4";
}

.icon-wodeguanzhu:before {
  content: "\e8bc";
}

.icon-yulebao:before {
  content: "\e8c2";
}

.icon-more2:before {
  content: "\e64e";
}

.icon-fanhui:before {
  content: "\e64b";
}

.icon-didiandingwei_o:before {
  content: "\ebba";
}

.icon-hezuoguanxi-xianxing:before {
  content: "\e8a8";
}

.icon-winfo-icon-dongtaijianguan:before {
  content: "\e66a";
}

.icon-jiaruwomen:before {
  content: "\e646";
}

.icon-touziguanli:before {
  content: "\e647";
}

.icon-buliding:before {
  content: "\e642";
}

.icon-email:before {
  content: "\e643";
}

.icon-dizhi:before {
  content: "\e645";
}

.icon-tel:before {
  content: "\e6e8";
}

.icon-cc-arrow-down:before {
  content: "\e63b";
}

.icon-cc-arrow-left:before {
  content: "\e63c";
}

.icon-cc-arrow-right:before {
  content: "\e63d";
}

.icon-cc-arrow-up:before {
  content: "\e63f";
}

.icon-Mouse:before {
  content: "\e641";
}

.icon-play1:before {
  content: "\e65e";
}

.icon-kefu:before {
  content: "\e63a";
}

.icon-icon_qq:before {
  content: "\e62c";
}

.icon-icon_TikTok:before {
  content: "\e636";
}

.icon-icon_weibo:before {
  content: "\e637";
}

.icon-icon_wechat:before {
  content: "\e639";
}

.icon-CheckboxChecked:before {
  content: "\e64a";
}

.icon-CheckboxUnchecked:before {
  content: "\e652";
}

.icon-radiobuttonunselect:before {
  content: "\e6ee";
}

.icon-close1:before {
  content: "\e69e";
}

.icon-next:before {
  content: "\e6a2";
}

.icon-back:before {
  content: "\e6db";
}

.icon-reset:before {
  content: "\e635";
}

.icon-liebiao:before {
  content: "\e634";
}

.icon-caidan:before {
  content: "\e65c";
}

.icon-shebeizhuangtai:before {
  content: "\ec23";
}

.icon-gongcheng-:before {
  content: "\e757";
}

.icon-zu:before {
  content: "\e630";
}

.icon-dianli:before {
  content: "\e649";
}

.icon-zhaoming:before {
  content: "\e633";
}

.icon-dianhua:before {
  content: "\e797";
}

.icon-youxiang:before {
  content: "\e687";
}

.icon-chuanzhen:before {
  content: "\e62a";
}

.icon-fenxiang:before {
  content: "\e628";
}

.icon-down:before {
  content: "\e69b";
}

.icon-upward:before {
  content: "\e6a1";
}

.icon-duihao:before {
  content: "\e627";
}

.icon-weixinzhifu:before {
  content: "\e651";
}

.icon-zhifubaozhifu:before {
  content: "\e626";
}

.icon-gengduo2:before {
  content: "\e61c";
}

.icon-shandian:before {
  content: "\e61d";
}

.icon-shangyong:before {
  content: "\e61f";
}

.icon-VIP:before {
  content: "\e6d9";
}

.icon-qushuiyin:before {
  content: "\e876";
}

.icon-shezhi:before {
  content: "\e648";
}

.icon-yunxiazai:before {
  content: "\e61b";
}

.icon-mobanguanli:before {
  content: "\e625";
}

.icon-dingdan:before {
  content: "\e6e4";
}

.icon-shoucang1:before {
  content: "\e8c6";
}

.icon-kongbaiye:before {
  content: "\e673";
}

.icon-moban:before {
  content: "\e60d";
}

.icon-dian1:before {
  content: "\ec1e";
}

.icon-dian:before {
  content: "\e60c";
}

.icon-vip-vip-f:before {
  content: "\e640";
}

.icon-delete:before {
  content: "\e67f";
}

.icon-left-circle-fill:before {
  content: "\e844";
}

.icon-right-circle-fill:before {
  content: "\e845";
}

.icon-zuanshi:before {
  content: "\e675";
}

.icon-plus:before {
  content: "\e6f6";
}

.icon-iov-reduce:before {
  content: "\e62f";
}

.icon-fenlei:before {
  content: "\e618";
}

.icon-tuceng:before {
  content: "\e709";
}

.icon-gouwuche:before {
  content: "\e616";
}

.icon-more1:before {
  content: "\e64f";
}

.icon-wo:before {
  content: "\e632";
}

.icon-bijiben:before {
  content: "\e650";
}

.icon-keben:before {
  content: "\e623";
}

.icon-baike1:before {
  content: "\e622";
}

.icon-yuyue:before {
  content: "\e617";
}

.icon-gengduo1:before {
  content: "\e612";
}

.icon-home1:before {
  content: "\e644";
}

.icon-wode2:before {
  content: "\e86d";
}

.icon-people_list:before {
  content: "\e624";
}

.icon-money-bag:before {
  content: "\e6ab";
}

.icon-huangguan:before {
  content: "\e638";
}

.icon-more:before {
  content: "\e60b";
}

.icon-shoucang:before {
  content: "\e629";
}

.icon-gouwuche-xian:before {
  content: "\e621";
}

.icon-gouwuche-mian:before {
  content: "\e611";
}

.icon-jia:before {
  content: "\e67a";
}

.icon-jian:before {
  content: "\e67e";
}

.icon-info:before {
  content: "\e613";
}

.icon-shangshengqushi:before {
  content: "\e60e";
}

.icon-quan:before {
  content: "\e6d1";
}

.icon-rmb:before {
  content: "\e6b7";
}

.icon-sanjiaoxia:before {
  content: "\e605";
}

.icon-sanjiaoshang:before {
  content: "\e607";
}

.icon-sanjiaoyou:before {
  content: "\e608";
}

.icon-sanjiaozuo:before {
  content: "\e609";
}

.icon-laba1:before {
  content: "\e610";
}

.icon-radio-select:before {
  content: "\e6ed";
}

.icon-ertong:before {
  content: "\e62e";
}

.icon-shipu:before {
  content: "\e619";
}

.icon-wenda:before {
  content: "\e722";
}

.icon-laba:before {
  content: "\e63e";
}

.icon-message:before {
  content: "\e604";
}

.icon-renwu:before {
  content: "\e60a";
}

.icon-wode:before {
  content: "\e60f";
}

.icon-baike:before {
  content: "\e6d0";
}

.icon-shangcheng:before {
  content: "\e606";
}

.icon-canpan:before {
  content: "\e6a3";
}

.icon-gengduo:before {
  content: "\e62d";
}

.icon-gouwu:before {
  content: "\e676";
}

.icon-view:before {
  content: "\e6c1";
}

.icon-weixin:before {
  content: "\e631";
}

.icon-duihua:before {
  content: "\e61e";
}

.icon-right:before {
  content: "\e64d";
}

.icon-qushi:before {
  content: "\e602";
}

.icon-mine:before {
  content: "\e615";
}

.icon-sanjiao-up:before {
  content: "\e603";
}

.icon-duihua2:before {
  content: "\e62b";
}

.icon-home:before {
  content: "\e653";
}

.icon-search:before {
  content: "\e65d";
}

.icon-jiangzhang:before {
  content: "\e6cd";
}

.icon-jiangbei:before {
  content: "\e66c";
}

.icon-left:before {
  content: "\e73b";
}

.icon-duigou:before {
  content: "\e61a";
}

.icon-weibo:before {
  content: "\e601";
}

.icon-suo:before {
  content: "\e73a";
}

.icon-shouji:before {
  content: "\e620";
}

.icon-close:before {
  content: "\e600";
}

.icon-qq:before {
  content: "\e614";
}

.icon-hide:before {
  content: "\e6b3";
}

@font-face{font-family:SourceHanSansCN-Bold;src:url(../fonts/SourceHanSansCN-Bold.otf)}
@font-face{font-family:SourceHanSansCN-ExtraLight;src:url(../fonts/SourceHanSansCN-ExtraLight.otf)}
@font-face{font-family:SourceHanSansCN-Heavy;src:url(../fonts/SourceHanSansCN-Heavy.otf)}
@font-face{font-family:SourceHanSansCN-Light;src:url(../fonts/SourceHanSansCN-Light.otf)}
@font-face{font-family:SourceHanSansCN-Medium;src:url(../fonts/SourceHanSansCN-Medium.otf)}
@font-face{font-family:SourceHanSansCN-Normal;src:url(../fonts/SourceHanSansCN-Normal.otf)}
@font-face{font-family:SourceHanSansCN-Regular;src:url(../fonts/SourceHanSansCN-Regular.otf)}
@font-face{font-family:Futura-Bold;src:url(../fonts/Futura-Bold.ttf)}
@font-face{font-family:Futura-Book;src:url(../fonts/Futura-Book.ttf)}
@font-face{font-family:Futura-Heavy;src:url(../fonts/Futura-Heavy.ttf)}
@font-face{font-family:Futura-Light;src:url(../fonts/Futura-Light.ttf)}
@font-face{font-family:Futura-Medium;src:url(../fonts/Futura-Medium.ttf)}
@font-face{font-family:Futura-Thin;src:url(../fonts/Futura-Bold.ttf)}
*{margin:0;padding:0;border:0;list-style:none;text-decoration:none;color:inherit;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,"Microsoft YaHei",sans-serif;box-sizing:border-box;font-style:normal;outline:0;-webkit-tap-highlight-color:transparent}
body{width:100%;overflow-x:hidden}
body.nav-active{height: 100vh;overflow: 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;}
/* 头部 */
header{display:flex;width:100%;height:2rem;justify-content:space-between;align-items:center;padding:0 .9rem;background: #fff;}
header .logo{width:4.62rem;height:auto;display: inline-block;}
header i.iconfont{font-size: .6rem;color:#4d4d4d;font-weight: bold;}
/* PC首页头部 */
header.index{display:inline-flex;width: auto;;height:auto;justify-content:space-between;align-items:center;padding:.4rem 0 0 .55rem;position: absolute;top: 0;left: 0;z-index: 999;background: transparent;}
header.index .logo{width:auto;height:.49rem;display: inline-block;}
header.index .logo img{height: 100%;}
header.index i.iconfont{font-size: .5rem;color:#fff;font-weight: bold;}
/* 导航 */
.index.language{position: absolute;top: .81rem;right: 1.5rem;z-index: 999;font-size: .24rem;color:#fff;font-family: "Futura-Book";cursor: pointer;}
.index.nav-icon{position: absolute;top: .75rem;right: .9rem;z-index: 999;font-size: .45rem;color:#fff;font-weight: bold;}
.nav-active header{background: #c4c4c4;}
.nav-active header.index{background: transparent;}
.nav-active .nav-icon.iconfont.icon-close1{transform: rotate(90deg);top: .1rem;right: .25rem;background: #b7b7b7;border-radius: 50%;padding: 3px;font-weight: normal;cursor: pointer;animation: closefadeIn .5s linear;font-size:.35rem}
.nav-active header i.nav-icon.iconfont.icon-close1{position: absolute;z-index: 201;color: #fff;font-size: .5rem;font-weight: normal;}
nav{opacity: 0;height: 0;z-index: -1;overflow: hidden;}
.nav-active nav{opacity: 1;position: fixed;top: 0;right: 0;width: 30%;height: 100vh;overflow-y: auto;background: #fff;z-index: 200;padding: .55rem .4rem;transition: all .3s ease-out;display: block;}
.nav-active nav::-webkit-scrollbar{width: 0;}
.nav-active nav ul{width:100%;height:100%;overflow:auto;padding:0 .5rem;box-sizing:border-box;}
.nav-active nav ul::-webkit-scrollbar{width: 0;background:#000}
.nav-active nav ul li a{font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .25rem;}
.nav-active nav ul li .nav{height: 1rem;width: 100%;display: flex;justify-content: space-between;align-items: center;position: relative;}
.nav-active nav ul li .nav::after{content: "";display: block;position: absolute;width: 200%;left: 0;bottom: 0;height: 1px;background: #bfbfbf;transform: scale(.5) translateX(-50%);}
.nav-active nav ul li .nav i{font-size: .35rem;color: #4d4d4d;flex: 0;padding-left: .15rem;}
.nav-active nav ul li .sub{display: none;padding-left: .45rem;}
.nav-active nav ul li .sub dl{padding: .1rem 0;}
.nav-active nav ul li .sub dd{width: 100%;display: flex;height: .8rem;align-items: center;}
.nav-active nav ul li .sub i{font-size: .35rem;color: #4d4d4d;margin-right: .1rem;}
.nav-active nav ul li .sub a{font-family: "SourceHanSansCN-ExtraLight";font-size: .24rem;font-weight: normal;}
.nav-active nav ul li .sub.active{display: block;}
.nav-active nav ul li:last-child .nav::after{display: none;}
/* 分屏 */
.index-swiper{width: 100%;height: 100vh;overflow: hidden;}
.index-swiper .block-screen{width: 100%;height: 100%;position: relative;}
.index-swiper .block-screen.four{height: calc(100vh - 2.5rem);}
/* 主体 */
.block-screen{width:100%;}
.block-screen .describe{color: #fff;}
.block-screen .describe.dark{color: #000;}
.block-screen .describe .title{font-family:"Futura-Book";font-size:.56rem;line-height:.65rem}
.block-screen .describe .ftitle{font-family:"SourceHanSansCN-ExtraLight";font-size:.51rem;padding-top:.1rem;padding-bottom:.2rem;letter-spacing: .03rem;}
.block-screen .describe .desc{font-family:"SourceHanSansCN-ExtraLight";font-size:.17rem;line-height: .32rem;padding-bottom: .15rem;}
.block-screen .describe .more{display: flex;align-items: center;font-family: "SourceHanSansCN-Medium";}
.block-screen .describe .more i{font-size: .38rem;}
.block-screen .describe .more span{font-size: .17rem;font-family: inherit;margin-left: .12rem;transition: all .3s linear;}
.block-screen .describe .more:hover span{text-decoration: underline;margin-left: .15rem;transition: all .3s linear;}
.block-screen .banner{width:100%;height:100vh;overflow:hidden;display: flex;}
.block-screen .banner .left{width: 30%;padding-left: .55rem;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: .78rem;background: #f4f4f4;position: relative;}
/* .block-screen .banner .left.inner-page{justify-content: center;} */
.block-screen .banner .left .cate{position: absolute;z-index: 9;}
.block-screen .banner .left a{font-family: "SourceHanSansCN-ExtraLight";display:flex;justify-content:space-between;align-items:center;font-size: .24rem;color: #ababab;font-weight:bold;padding: .05rem 0;position: relative;width: 1.6rem;border-bottom: .5px solid #d4d4d4;cursor: default;}
.block-screen .banner .left a:hover{color: #000;}
.block-screen .banner .left a.active{color: #000;}
.block-screen .banner .left .cate ul{display:none;}
.block-screen .banner .left a.active+ul{display:block;}
.block-screen .banner .left .cate ul li a{font-family: "SourceHanSansCN-ExtraLight";font-size: .14rem;width:100%;display:inline-block;line-height:.3rem;padding-left:.03rem}
.block-screen .banner .left .cate ul li.active a{color:#000}
.block-screen .banner .right{width: 70%;height: 100%;background: #000;position: relative;}
.block-screen .banner .right .swiper-cate{width: 8.8rem;position: absolute;top: .65rem;left: 1.35rem;z-index: 5;}
.block-screen .banner .right .swiper-cate ul{display: flex;width: 100%;justify-content: space-between;align-items: flex-end;padding-bottom: .18rem;border-bottom: .03rem solid #808080;}
.block-screen .banner .right .swiper-cate ul li {position: relative;cursor: default;}
.block-screen .banner .right .swiper-cate ul li p{font-family: "Futura-Book";font-size: .28rem;color: #fff;position: relative;}
.block-screen .banner .right .swiper-cate ul li.active p::after{content: "";position: absolute;display: inline-block;width: 0%;height: .05rem;background: #fff;left: 0;bottom: -.22rem;animation: lineMove 1s linear;animation-fill-mode:forwards}
.block-screen .banner .index-banner{width: 100%;height: 100%;overflow: visible;}
.block-screen .banner .index-banner .swiper-slide{width: 100%;height: 100%;position:relative;display: flex;align-items: flex-end;justify-content: center;}
.block-screen .banner .index-banner .swiper-slide img{width: 100%;}
.block-screen .banner .index-banner .swiper-slide .pic{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;}


.block-screen .banner .swiper-fpic{width: 34%;height: 63vh;overflow: hidden;position: absolute;bottom: 13vh;left: -2.15rem;z-index: 2;}
.block-screen .banner .swiper-fpic .swiper-slide{width: 100%;height: 100%;position: relative;}
.block-screen .banner .swiper-fpic .fpic{width: 100%;height: 100%;display: flex;justify-content: center;position: relative;overflow: hidden;}
.block-screen .banner .swiper-fpic .fpic img{object-fit: cover;}
.block-screen .banner .swiper-fpic .describe{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;flex-direction:column;padding: .55rem 0 0 .4rem;}
.block-screen .banner .swiper-fpic .describe .title{font-size: .28rem;line-height: .3rem;}
.block-screen .banner .swiper-fpic .describe .ftitle{font-size: .26rem;padding-top: .1rem;}
.block-screen .banner .swiper-fpic .describe i{font-size: .5rem;position: absolute;right: .4rem;top: .72rem;cursor: pointer;}
.block-screen .banner .swiper-fpic .describe i:hover{transform: translateY(-.05rem);}
.block-screen .full-container{width:100%;height:100%;overflow:hidden;position:relative;background-repeat: no-repeat;background-size: cover;}
.block-screen .full-container .describe{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;flex-direction:column;padding-left:2.1rem}
.block-screen .full-container .describe.center{align-items: center;padding-left: 0;}
.block-screen .full-container .describe.right{padding-left: 11.75rem;}
.block-screen .full-container.store a{display: inline-block;width: 100%;height: 100%;}
/* 卓图门窗更多 */
.index-brand-swiper{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index-brand-swiper .swiper-slide{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.index-brand-swiper .swiper-slide .swiper-left{width: 50%;height: 100%;position: relative;overflow: hidden;}
.index-brand-swiper .swiper-slide .swiper-left img{max-width: unset;object-fit: cover;}
.index-brand-swiper .swiper-slide .swiper-right{width: 50%;height: 100%;position: relative;overflow: hidden;}
.index-brand-swiper .swiper-slide .swiper-right .video-bg{width: 100%;height: 100%;display: flex;align-items: center;padding: 0 1rem;}
.index-brand-swiper .swiper-slide .swiper-right .video-bg img{cursor: pointer;}
.index-brand-swiper .swiper-slide .swiper-right .row2{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.index-brand-swiper .swiper-slide .swiper-right .row2 .row2-t{width: 100%;height: 60%;position: relative;overflow: hidden;}
.index-brand-swiper .swiper-slide .swiper-right .row2 .row2-t img{max-width: unset;object-fit: cover;}
.index-brand-swiper .swiper-slide .swiper-right .row2 .row2-b{width: 100%;height: 40%;position: relative;overflow: hidden;}
/* 设计美学 */
.index-design-swiper{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index-design-swiper .swiper-slide{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.index-design-swiper .swiper-slide .swiper-left{width: 50%;height: 100%;position: relative;overflow: hidden;}
.index-design-swiper .swiper-slide .swiper-left img{max-width: unset;object-fit: cover;}
.index-design-swiper .swiper-slide .swiper-right{width: 100%;height: 100%;position: relative;overflow: hidden;}
.index-design-swiper .swiper-slide .swiper-right .column3{width: 100%;height: 100%;padding: 1.6rem 1.95rem;}
.index-design-swiper .swiper-slide .swiper-right .column3 ul{width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;}
.index-design-swiper .swiper-slide .swiper-right .column3 ul li{width: 4.8rem;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.index-design-swiper .swiper-slide .swiper-right .column3 ul li img{width: 100%;object-fit: cover;}
/* 合作伙伴更多 */
.index-partener-swiper{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index-partener-swiper .swiper-slide{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.index-partener-swiper .swiper-slide .swiper-left{width: 50%;height: 100%;position: relative;overflow: hidden;}
.index-partener-swiper .swiper-slide .swiper-left img{max-width: unset;object-fit: cover;}
.index-partener-swiper .swiper-slide .swiper-right{width: 50%;height: 100%;position: relative;overflow: hidden;}
/* 门店更多 */
.index-store-swiper{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index-store-swiper .swiper-slide{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.index-store-swiper .swiper-slide .swiper-left{width: 50%;height: 100%;position: relative;overflow: hidden;}
.index-store-swiper .swiper-slide .swiper-left img{max-width: unset;object-fit: cover;}
.index-store-swiper .swiper-slide .swiper-right{width: 50%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide .swiper-info{width: 100%;height:100%;padding-left:2rem;position: absolute;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;color: #fff;}
.swiper-slide .swiper-info .title-en{font-family: "Futura-Book";font-size: .51rem;}
.swiper-slide .swiper-info .title-cn{font-family: "SourceHanSansCN-ExtraLight";font-size: .4252rem;line-height: .46rem;}
.swiper-slide .swiper-info .desc{font-family: "SourceHanSansCN-ExtraLight";font-size: .1701rem;padding-top: .275rem;line-height: .275rem;}
.swiper-slide .swiper-info .desc p span{font-family: "Futura-Book";}
.control-btns a{display: inline-block;transition: all .3s linear;}
.control-btns a:hover{transform: scale(.95);transition: all .3s linear;}
.control-btns .close{position: absolute;color: #dedede;top: .45rem;left: .45rem;z-index: 2;}
.control-btns .close i{font-size: .35rem;}
.control-btns .next,.control-btns .prev{width: .75rem;height: .75rem;display: flex;align-items: center;justify-content: center;background: #dedede;position: absolute;bottom: .5rem;right: .45rem;border-radius: 100%;overflow: hidden;}
.control-btns .next i,.control-btns .prev i{color: #010101;font-size: .35rem;font-weight: bold;}
.control-btns .close{display: none;}
.more-swiper{height: 0;}
.more-swiper.active{height: 100%;transition: height .3s linear;}
/* 尾部 */
.index-footer{width: 100%;height: 2.5rem;background: #000000;font-family: "SourceHanSansCN-ExtraLight";color: #c4c4c4;font-size: .1701rem;}
.index-footer *{font-family: inherit;color: inherit;font-size: inherit;}
.index-footer ul{width: 100%;height: 100%;padding:0 2rem;display: flex;justify-content: space-between;align-items: center;}
.index-footer ul li .tel-title{font-size: .2268rem;}
.index-footer ul li .tel{font-size: .3685rem;font-family: "Futura-Book";}
.index-footer ul li p{padding: .03rem 0;}
.index-footer ul li img{width: .86rem;height: .86rem;}
.index-footer.white-bg{background: #fff;color: #4d4d4d;}
/* 视频弹窗 */
.layui-layer-page .layui-layer-content{overflow: hidden!important;}
.layui-layer-setwin .layui-layer-close2{right: .1rem!important;top: 0!important;opacity: 0.5;}
.layui-layer-setwin .layui-layer-close2:hover{background-position: -149px -31px!important;transform: scale(.95);}
/* 原尾部 */
footer{width: 100%;padding: 1.7rem 2.1rem 1.25rem 2.1rem;font-family: "SourceHanSansCN-ExtraLight";font-size: .26rem;color: #4d4d4d;}
footer p.tel400{font-size: .8rem;padding: .2rem 0;color: #000;}
footer p.tel400 span{font-weight: bold;}
footer p.cname{padding-top: .1rem;padding-bottom: .3rem;}
footer p.copyright{padding-top: .8rem;}
footer p.copyright a{padding-left: .2rem;}
footer p span{font-family: "Futura-Book";}

/* 产品列表 */
.list-pro{width: 100%;height: 100vh;overflow-y: auto;position:relative;}
.list-pro::-webkit-scrollbar{width: 0;}
.list-pro ul li{width: 100%;height: 50vh;overflow: hidden;position: relative;width: 33.333%;}
.list-pro ul li.section-big{flex-grow: 1;width:66.666%}
.list-pro ul li a{display: inline-block;width: 100%;height: 100%;background-position: bottom center;background-repeat: no-repeat;background-size: cover;}
.list-pro ul li.more a{background-position: center center;}
.list-pro ul li .describe{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;flex-direction:column;padding-top: .55rem;padding-left:.45rem;color: #fff;}
.list-pro ul li .describe.dark{color: #000;}
.list-pro ul li .describe .title{font-family:"Futura-Book";font-size:.56rem;}
.list-pro ul li .describe .title span{font-family:"Futura-Book";}
.list-pro ul li .describe .ftitle{font-family:"Futura-Book";font-weight: normal;font-size:.22rem;padding-top:0.05rem;letter-spacing: 0;}
.list-pro .mouse-down-icon{    
    position: absolute;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
    width: .37rem;
    height: .56rem;
    bottom: 30px;
    z-index: 100;
    background: url(../images/arrow-down.png) center center no-repeat;
    background-size: 100% auto;
    animation: updown 1.2s linear infinite;
    cursor: pointer;
}
.list-pro .mouse-down-icon .scroll{
    display: none;
    animation-name: mousescrolling;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    position: relative;
    border-radius: 10px;
    background: rgba(255,255,255,.8);
    width: 4px;
    height: 8px;
    top: 4px;
    margin-left: auto;
    margin-right: auto;
}
@keyframes updown{
   0% {
    bottom: 34px;
    opacity: 1;
  }
  50% {
    bottom: 38px;
    opacity: .8;
  }
  100% {
    bottom: 34px;
    opacity: 1;
  }   
}
@keyframes mousescrolling {
  0% {
    top: 2px;
    opacity: 0;
  }
  30% {
    top: 8px;
    opacity: 1;
  }
  100% {
    top: 16px;
    opacity: 0;
  }
}
/* 产品详情 */
.show-pro{width: 100%;height: auto;overflow: hidden;}
.show-pro section{width: 100%;height: auto;overflow: hidden;position: relative;}
.show-pro section::after{content:"";display: block;width: 100%;height: calc(100% - 2.1rem);position: absolute;top: 0;left: 0;background: rgba(0,0,0,0);}
.show-pro section a{display: inline-block;width: 100%;height: 100%;}
.show-pro section img{width: 100%;display: block;}
.show-pro section .describe{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;flex-direction:column;padding-top: 1.75rem;color: #fff;padding-left: 1.5rem;padding-top: 3rem;}
.show-pro section .describe .title{font-family:"Futura-Book";font-weight: bold;font-size:.62rem;line-height:.5rem}
.show-pro section .describe .title span{font-family:"Futura-Book";}
.show-pro section .describe .ftitle{font-family:"SourceHanSansCN-ExtraLight";font-weight: bold;font-size:.62rem;padding-top:.35rem;letter-spacing: .03rem;}
.show-pro .detail-footer{margin-top: .2rem;}
/* 品牌 */
.brand .video{width: 100%;height: auto;overflow: hidden;margin-bottom: .25rem;}
.brand .video video{width: 100%;}
.brand .section {width: 100%;height: auto;overflow: hidden;position: relative;}
.brand .section img{width: 100%;}
.brand .section .describe{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;}
.brand .section.one p{font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .28rem;color: #fff;line-height: .6rem;}
.brand .section.three p{color: #fff;}
.brand .section.three p:first-child{font-family: "SourceHanSansCN-ExtraLight";font-size: .15rem;transform: scale(.8);}
.brand .section.three p:last-child{font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .2rem;position: relative;}
.brand .section.three p:last-child::after{content: "";position: absolute;width: .55rem;height: .03rem;background: #fff;left: 50%;transform: translateX(-50%);bottom: -.2rem;}
.brand .description{width: 100%;height: auto;overflow: hidden;padding: 1.5rem 1.15rem;}
.brand .description .title{font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .42rem;color: #4d4d4d;line-height: .6rem;}
.brand .description .ftitle{font-family: "SourceHanSansCN-ExtraLight";font-size: .28rem;color: #4d4d4d;padding-top: .9rem;line-height: .6rem;}
.brand .description.four .title{margin-left: -.2rem;} 
.brand .description.four .title span{padding-left: .2rem;}

/* 合作伙伴 */
.partner .section {width: 100%;height: auto;overflow: hidden;position: relative;}
.partner .section img{width: 100%;}
.partner .section .describe{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;}
.partner .section.one p{color: #fff;}
.partner .section.one p.en{font-family: "Futura-Book";font-size: .42rem;line-height: .55rem;text-align: center;}
.partner .section.one p.zh{font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .42rem;padding-top: .15rem;}
.partner .description{width: 100%;height: auto;overflow: hidden;padding: 1.5rem 1.15rem;}
.partner .description .title{font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .42rem;color: #4d4d4d;line-height: .6rem;}
.partner .description .ftitle{font-family: "SourceHanSansCN-ExtraLight";font-size: .28rem;color: #4d4d4d;padding-top: .9rem;line-height: .6rem;}
.partner .customer{width: 100%;height: 100%;overflow: hidden;padding:.2rem 2rem ;display: flex;justify-content: center;align-items: center;}
.partner .customer ul {width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: space-between;position: relative;flex-wrap: wrap;align-content: center;}

.partner .customer ul li{width: 50%;text-align: center;padding: .0rem 0 .45rem 0;position: relative;}
.partner .customer ul li:nth-child(2n)::after{content: "";display: block;position: absolute;width: 400%;left: -100%;bottom: 0;height: 1px;background: #bfbfbf;transform: scale(.5) translateX(-50%);}
.partner .customer ul li:nth-child(2n):last-child::after{display: none;}
.partner .customer ul li img{width: 80%;position: relative;}
.partner .customer ul li .title{text-align: center;position: relative;}
.partner .customer ul li .title::after{content: "";display: block;position: absolute;top: -.3rem;left: 50%;transform: translateX(-50%);width: .2rem;height: .02rem;background: #4d4d4d;}
.partner .customer ul li .title .en{font-family: "Futura-Book";font-size: .15rem;color: #4d4d4d;font-weight: bold;}
.partner .customer ul li .title .zh{font-family: "SourceHanSansCN-ExtraLight";font-size: .15rem;color: #4d4d4d;padding-left: .05rem;}
.partner .customer ul li .desc{text-align: center;padding-top: .1rem;font-family: "SourceHanSansCN-ExtraLight";font-size: .15rem;}

/* 旗舰店 */
.list-store .section {width: 100%;height: auto;overflow: hidden;position: relative;}
.list-store .section img{width: 100%;}
.list-store .section .describe{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;}
.list-store .section.one p{color: #fff;}
.list-store .section.one p.en{font-family: "Futura-Book";font-size: .42rem;line-height: .55rem;text-align: center;}
.list-store .section.one p.zh{font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .42rem;padding-top: .15rem;}
.list-store .list-items{width: 100%;height: auto;overflow: hidden;padding: .3rem 0;margin-bottom: 1.35rem;}
.list-store .list-items .item{padding: 0 1.2rem;margin-bottom: .5rem;position: relative;}
.list-store .list-items .item .title{font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .4rem;padding: .3rem 0;}
.list-store .list-items .item .title span{padding-right: .1rem;font-family: inherit;font-weight: inherit;}
.list-store .list-items .tip{font-family: "SourceHanSansCN-ExtraLight";font-size: .22rem;padding-left: 1.2rem;}
.list-store .reservation{width: 100%;height: auto;overflow: hidden;position: relative;padding: 0rem 1.2rem 1.45rem 1.2rem;}
.list-store .reservation .title{width: 100%;height: 1.05rem;border-radius: 1.05rem;background: #dedede;text-align: center;line-height: 1.05rem;font-family: "SourceHanSansCN-ExtraLight";font-size: .4rem;font-weight: bold;margin-bottom: .55rem;}
.list-store .reservation .form-item{width: 100%;display: flex;justify-content: space-between;padding: 0 .4rem;margin-bottom: .45rem;}
.list-store .reservation .form-item .border{width: 100%;border-bottom: .5px solid #bfbfbf;}
.list-store .reservation .form-item .left{width: 100%;margin-right: .2rem;}
.list-store .reservation .form-item .right{width: 2.5rem;flex-shrink: 0;display: flex;justify-content: space-between;align-items: center;}
.list-store .reservation .form-item .right p{font-family: "SourceHanSansCN-ExtraLight";font-size: .3rem;display: flex;align-items: center;}
.list-store .reservation .form-item .right p i{margin-right: .1rem;font-size: .4rem;}
.list-store .reservation .form-item input,.list-store .reservation .form-item select{width: 100%;padding-left: .5rem;font-size: .28rem;}
.list-store .reservation .agreement{font-family: "SourceHanSansCN-ExtraLight";font-size: .28rem;display: flex;align-items: center;}
.list-store .reservation .agreement i{padding-right: .2rem;font-size: .35rem;}
.list-store .reservation .agreement span{font-family: inherit;padding-left: .15rem;font-weight: bold;}
.list-store .reservation .sumit{width: 100%;padding-top: .25rem;}
.list-store .reservation .sumit button{width: 100%;height: 1.05rem;border-radius: 1.05rem;display: flex;align-items: center;justify-content: center;background: transparent;border: .5px solid #c8c8c8;font-family: "SourceHanSansCN-ExtraLight";font-weight: bold;font-size: .4rem;cursor: pointer;}
.store-list{width: 100%;height:100%;padding: 1rem 1rem;overflow-y: auto;display: flex;flex-direction: column;justify-content: center;}
.store-list::-webkit-scrollbar{width: 0;}
.store-list .recommend,.store-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.store-list .recommend .item{width: 50%;padding: 0 .2rem;height: 1.3rem;}
.store-list .recommend .citys{font-size: .2268rem;font-family:"SourceHanSansCN-ExtraLight";color: #333;padding: .1rem 0;font-weight: bold;border-top: 1px solid #c5c5c5;}
.store-list .recommend .citys-store{font-size: .1701rem;font-family:"SourceHanSansCN-ExtraLight";color: #919191;line-height: .32rem;overflow: hidden;}
.store-list .recommend .citys-store span{display: inline-block;width: 33.33%;float: left;}
.store-list .recommend .item.last{padding: 0;display: flex;}
.store-list .recommend .item.last span{width: 100%;}
.store-list ul li{width: 25%;padding: 0 .2rem;height: 1.3rem;}
.store-list ul li .citys{font-size: .2268rem;font-family:"SourceHanSansCN-ExtraLight";color: #333;padding: .1rem 0;font-weight: bold;border-top: 1px solid #c5c5c5;}
.store-list ul li .citys-store{font-size: .1701rem;font-family:"SourceHanSansCN-ExtraLight";color: #919191;line-height: .32rem;}
.store-list ul li .citys-store span{display: inline-block;float: left;}



/* 轮播图的左右按钮 */
.swiper-navigation{position: absolute;top:55%;font-size: .68rem;color: #4d4d4d;cursor: pointer;transform: translateY(-50%);}
.swiper-navigation.icon-back{left: .3rem;}
.swiper-navigation.icon-next{right: .3rem;}
.swiper-navigation[aria-disabled="true"]{display: none;}
.list-store .swiper-navigation{top: 55%;}


@keyframes closefadeIn {
    0%{opacity: 0;}
    25%{opacity: 0;}
    50%{opacity: 0;}
    75%{opacity: .5;}
    100%{opacity: 1;}  
}
@keyframes lineMove {
    0%{width: 0%;}
    25%{width: 25%;}
    50%{width: 50%;}
    75%{width: 75%;}
    100%{width: 100%;}
}